{
  "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-background": {
      "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-background",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "bar-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--barDefault"
        },
        {
          "key": "bar-positive",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--barPrimary"
        },
        {
          "key": "bar-balanced",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--barSuccess"
        },
        {
          "key": "bar-calm",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--barCalm"
        },
        {
          "key": "bar-energized",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--barWarning"
        },
        {
          "key": "bar-assertive",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--barDanger"
        },
        {
          "key": "bar-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--barLight"
        },
        {
          "key": "bar-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--barStable"
        },
        {
          "key": "bar-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--barRoyal"
        },
        {
          "key": "bar-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--barDark"
        },
        {
          "key": "bar-white",
          "value_pt_BR": "Branco",
          "value_en_US": "White",
          "color": "#fff"
        },
        {
          "key": "bar-gray",
          "value_pt_BR": "Cinza",
          "value_en_US": "Gray",
          "color": "#333"
        },
        {
          "key": "bar-black",
          "value_pt_BR": "Preto",
          "value_en_US": "Black",
          "color": "#000"
        },
        {
          "key": "bar-blue",
          "value_pt_BR": "Azul",
          "value_en_US": "Blue",
          "color": "#0247FE"
        },
        {
          "key": "bar-light-blue",
          "value_pt_BR": "Azul claro",
          "value_en_US": "Light blue",
          "color": "#85A5FF"
        },
        {
          "key": "bar-dark-blue",
          "value_pt_BR": "Azul escuro",
          "value_en_US": "Dark blue",
          "color": "#00217A"
        },
        {
          "key": "bar-purple",
          "value_pt_BR": "Roxo",
          "value_en_US": "Purple",
          "color": "#3D01A4"
        },
        {
          "key": "bar-light-purple",
          "value_pt_BR": "Roxo claro",
          "value_en_US": "Light purple",
          "color": "#B285FF"
        },
        {
          "key": "bar-dark-purple",
          "value_pt_BR": "Roxo escuro",
          "value_en_US": "Dark purple",
          "color": "#2D007A"
        },
        {
          "key": "bar-red",
          "value_pt_BR": "Vermelho",
          "value_en_US": "Red",
          "color": "#FE2712"
        },
        {
          "key": "bar-light-red",
          "value_pt_BR": "Vermelho claro",
          "value_en_US": "Light red",
          "color": "#FE8F84"
        },
        {
          "key": "bar-dark-red",
          "value_pt_BR": "Vermelho escuro",
          "value_en_US": "Dark red",
          "color": "#7A0B00"
        },
        {
          "key": "bar-orange",
          "value_pt_BR": "Laranja",
          "value_en_US": "Orange",
          "color": "#FB9B02"
        },
        {
          "key": "bar-light-orange",
          "value_pt_BR": "Laranja claro",
          "value_en_US": "Light orange",
          "color": "#FFD085"
        },
        {
          "key": "bar-dark-orange",
          "value_pt_BR": "Laranja escuro",
          "value_en_US": "Dark orange",
          "color": "#7A4B00"
        },
        {
          "key": "bar-yellow",
          "value_pt_BR": "Amarelo",
          "value_en_US": "Yellow",
          "color": "#FFFF33"
        },
        {
          "key": "bar-light-yellow",
          "value_pt_BR": "Amarelo claro",
          "value_en_US": "Light yellow",
          "color": "#FFFF85"
        },
        {
          "key": "bar-dark-yellow",
          "value_pt_BR": "Amarelo escuro",
          "value_en_US": "Dark yellow",
          "color": "#FFFF33"
        },
        {
          "key": "bar-green",
          "value_pt_BR": "Verde",
          "value_en_US": "Green",
          "color": "#66B032"
        },
        {
          "key": "bar-light-green",
          "value_pt_BR": "Verde claro",
          "value_en_US": "Light green",
          "color": "#B7FF85"
        },
        {
          "key": "bar-dark-green",
          "value_pt_BR": "Verde escuro",
          "value_en_US": "Dark green",
          "color": "#337A00"
        }
      ]
    },
    {
      "name": "left-button-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "button-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--btnDefault",
          "borderColor": "--borderBtnDefault"
        },
        {
          "key": "button-positive",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--btnPrimary",
          "borderColor": "--borderBtnPrimary"
        },
        {
          "key": "button-balanced",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--btnSuccess",
          "borderColor": "--borderBtnSuccess"
        },
        {
          "key": "button-calm",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--btnCalm",
          "borderColor": "--borderBtnCalm"
        },
        {
          "key": "button-energized",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--btnWarning",
          "borderColor": "--borderBtnWarning"
        },
        {
          "key": "button-assertive",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--btnDanger",
          "borderColor": "--borderBtnDanger"
        },
        {
          "key": "button-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--btnLight",
          "borderColor": "--borderBtnLight"
        },
        {
          "key": "button-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--btnStable",
          "borderColor": "--borderBtnStable"
        },
        {
          "key": "button-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--btnRoyal",
          "borderColor": "--borderBtnRoyal"
        },
        {
          "key": "button-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--btnDark",
          "borderColor": "--borderBtnDark"
        }
      ]
    },
    {
      "name": "right-button-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "button-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--btnDefault",
          "borderColor": "--borderBtnDefault"
        },
        {
          "key": "button-positive",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--btnPrimary",
          "borderColor": "--borderBtnPrimary"
        },
        {
          "key": "button-balanced",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--btnSuccess",
          "borderColor": "--borderBtnSuccess"
        },
        {
          "key": "button-calm",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--btnCalm",
          "borderColor": "--borderBtnCalm"
        },
        {
          "key": "button-energized",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--btnWarning",
          "borderColor": "--borderBtnWarning"
        },
        {
          "key": "button-assertive",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--btnDanger",
          "borderColor": "--borderBtnDanger"
        },
        {
          "key": "button-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--btnLight",
          "borderColor": "--borderBtnLight"
        },
        {
          "key": "button-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--btnStable",
          "borderColor": "--borderBtnStable"
        },
        {
          "key": "button-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--btnRoyal",
          "borderColor": "--borderBtnRoyal"
        },
        {
          "key": "button-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--btnDark",
          "borderColor": "--borderBtnDark"
        }
      ]
    },
    {
      "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#right-buttons button span",
      "type": "text",
      "order": 2
    },
    {
      "name": "right-button-theme",
      "displayName_pt_BR": "Tema do botão direito",
      "displayName_en_US": "Right button theme",
      "selector": "div#right-buttons button",
      "order": 3
    },
    {
      "name": "content",
      "displayName_pt_BR": "Texto do botão esquerdo",
      "displayName_en_US": "Left button text",
      "selector": "div#left-buttons button span",
      "type": "text",
      "order": 4
    },
    {
      "name": "left-button-theme",
      "displayName_pt_BR": "Tema do botão esquerdo",
      "displayName_en_US": "Left button theme",
      "selector": "div#left-buttons button",
      "order": 5
    },
    {
      "name": "ng-click",
      "selector": "div#left-buttons button",
      "type": "event",
      "displayName_pt_BR": "Ao clicar no botão esquerdo",
      "displayName_en_US": "On left button click"
    },
    {
      "name": "ng-click",
      "selector": "div#right-buttons button",
      "type": "event",
      "displayName_pt_BR": "Ao clicar no botão direito",
      "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 button",
      "text_pt_BR": "Botão esquerdo",
      "text_en_US": "Left button"
    },
    {
      "selector": "#{id} .button-right button",
      "text_pt_BR": "Botão direito",
      "text_en_US": "Right button"
    }
  ]
}