{
  "name": "crn-ion-footer-bar",
  "text_pt_BR": "Rodapé",
  "text_en_US": "Footer",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-ion-footer-bar.svg",
  "description": "Estrutura de rodapé com botões",
  "description_en_US": "Footer structure with buttons",
  "category": [
      "LAYOUTS"
  ],
  "wrapper": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/ion-footer-bar.template.html",
  "properties": {
    "id": {
      "order": 2
    },
    "class": {
      "order": 9999
    },
    "xattr-theme": {
      "displayName_pt_BR": "Tema do fundo",
      "displayName_en_US": "Background theme",
      "order": 2
    },
    "on-tap": {
      "removable": true,
      "type": "event"
    },
    "on-double-tap": {
      "removable": true,
      "type": "event"
    },
    "on-hold": {
      "removable": true,
      "type": "event"
    },
    "on-drag": {
      "removable": true,
      "type": "event"
    },
    "on-swipe": {
      "removable": true,
      "type": "event"
    }
  },
  "controls": {
    "ungroup": true,
    "resizable": false,
    "additive": false,
    "duplicable": false,
    "pluggable": false,
    "removable": true
  },
  "droppableArea": {
    "onmiddle": true,
    "ontop": false,
    "onbottom": false,
    "onleft": false,
    "onright": false
  },
  "attributesForPreview": [
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "bar-assertive",
          "value_pt_BR": "Assertivo",
          "value_en_US": "Assertive",
          "color": "#ef473a"
        },
        {
          "key": "bar-balanced",
          "value_pt_BR": "Equilibrado",
          "value_en_US": "Balanced",
          "color": "#33cd5f"
        },
        {
          "key": "bar-energized",
          "value_pt_BR": "Energizado",
          "value_en_US": "Energized",
          "color": "#ffc900"
        },
        {
          "key": "bar-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "#fff"
        },
        {
          "key": "bar-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "#f8f8f8"
        },
        {
          "key": "bar-calm",
          "value_pt_BR": "Calmo",
          "value_en_US": "Calm",
          "color": "#11c1f3"
        },
        {
          "key": "bar-positive",
          "value_pt_BR": "Positivo",
          "value_en_US": "Positive",
          "color": "#387ef5"
        },
        {
          "key": "bar-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "#886aea"
        },
        {
          "key": "bar-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "#444"
        }
      ]
    },
    {
      "name": "left-button-theme",
      "type": "options",
      "target": "style",
      "values": [
        {
          "key": "background-color: #ef473a;",
          "value_pt_BR": "Assertivo",
          "value_en_US": "Assertive",
          "color": "#ef473a"
        },
        {
          "key": "background-color: #33cd5f;",
          "value_pt_BR": "Equilibrado",
          "value_en_US": "Balanced",
          "color": "#33cd5f"
        },
        {
          "key": "background-color: #ffc900;",
          "value_pt_BR": "Energizado",
          "value_en_US": "Energized",
          "color": "#ffc900"
        },
        {
          "key": "background-color: #fff;",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "#fff"
        },
        {
          "key": "background-color: #f8f8f8;",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "#f8f8f8"
        },
        {
          "key": "background-color: #11c1f3;",
          "value_pt_BR": "Calmo",
          "value_en_US": "Calm",
          "color": "#11c1f3"
        },
        {
          "key": "background-color: #387ef5;",
          "value_pt_BR": "Positivo",
          "value_en_US": "Positive",
          "color": "#387ef5"
        },
        {
          "key": "background-color: #886aea;",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "#886aea"
        },
        {
          "key": "background-color: #444;",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "#444"
        }
      ]
    },
    {
      "name": "right-button-theme",
      "type": "options",
      "target": "style",
      "values": [
        {
          "key": "background-color: #ef473a;",
          "value_pt_BR": "Assertivo",
          "value_en_US": "Assertive",
          "color": "#ef473a"
        },
        {
          "key": "background-color: #33cd5f;",
          "value_pt_BR": "Equilibrado",
          "value_en_US": "Balanced",
          "color": "#33cd5f"
        },
        {
          "key": "background-color: #ffc900;",
          "value_pt_BR": "Energizado",
          "value_en_US": "Energized",
          "color": "#ffc900"
        },
        {
          "key": "background-color: #fff;",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "#fff"
        },
        {
          "key": "background-color: #f8f8f8;",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "#f8f8f8"
        },
        {
          "key": "background-color: #11c1f3;",
          "value_pt_BR": "Calmo",
          "value_en_US": "Calm",
          "color": "#11c1f3"
        },
        {
          "key": "background-color: #387ef5;",
          "value_pt_BR": "Positivo",
          "value_en_US": "Positive",
          "color": "#387ef5"
        },
        {
          "key": "background-color: #886aea;",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "#886aea"
        },
        {
          "key": "background-color: #444;",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "#444"
        }
      ]
    },
    {
      "name": "xattr-position",
      "type": "btngroup",
      "target": "style",
      "values": [
        {
          "key": "text-align: left;",
          "value_pt_BR": "Esquerda",
          "value_en_US": "Left"
        },
        {
          "key": "text-align: center;",
          "value_pt_BR": "Centro",
          "value_en_US": "Center"
        },
        {
          "key": "text-align: right;",
          "value_pt_BR": "Direita",
          "value_en_US": "Right"   
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "content",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "selector": "h1",
      "type": "text",
      "order": 1
    },
    {
      "name": "xattr-position",
      "displayName_pt_BR": "Posição do título",
      "displayName_en_US": "Title position",
      "selector": "h1",
      "order": 2
    },
    {
      "name": "content",
      "displayName_pt_BR": "Texto do botão direito",
      "displayName_en_US": "Right click text",
      "selector": "div .button-right",
      "type": "text",
      "order": 2
    },
    {
      "name": "right-button-theme",
      "displayName_pt_BR": "Tema do botão esquerdo",
      "displayName_en_US": "Right button theme",
      "selector": "div .button-right",
      "order": 3
    },
    {
      "name": "content",
      "displayName_pt_BR": "Texto do botão esquerdo",
      "displayName_en_US": "Left button text",
      "selector": "div .button-left",
      "type": "text",
      "order": 4
    },
    {
      "name": "left-button-theme",
      "displayName_pt_BR": "Tema do botão esquerdo",
      "displayName_en_US": "Left button theme",
      "selector": "div .button-left",
      "order": 5
    },
    {
      "name": "ng-click",
      "selector": "div .button-left",
      "type": "event",
      "displayName_pt_BR": "Ao clicar no botão esquerdo",
      "displayName_en_US": "On left button click"
    },
    {
      "name": "ng-click",
      "selector": "div .button-right",
      "type": "event",
      "displayName_pt_BR": "Ao clicar no botãodireito",
      "displayName_en_US": "On right button lick"
    }
  ],
  "styles": [
    {
      "selector": "#{id}",
      "text_pt_BR": "Plano de fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "#{id} h1",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "#{id} .button-left",
      "text_pt_BR": "Botão esquerdo",
      "text_en_US": "Left button"
    },
    {
      "selector": "#{id} .button-right",
      "text_pt_BR": "Botão direito",
      "text_en_US": "Right button"
    }
  ]
}