{
  "name": "crn-button",
  "text_pt_BR": "Botão",
  "text_en_US": "Button",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-button.svg",
  "description": "Botão",
  "description_en_US": "Button",
  "category": [
    "BUTTONS",
    "FORMS"
  ],
  "wrapper": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/button.template.html",
  "properties": {
    "id": {
      "order": 7
    },
    "type": {
      "order": 6
    },
    "class": {
      "order": 9999
    },
    "ng-click": {
      "removable": true,
      "type": "event"
    },
    "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"
    },
    "xattr-fullsize": {
      "displayName_en_US": "Width",
      "displayName_pt_BR": "Largura",
      "order": 4
    },
    "xattr-theme": {
      "displayName_en_US": "Theme",
      "displayName_pt_BR": "Tema",
      "order": 3
    },
    "xattr-type": {
      "displayName_pt_BR": "Estilo do botão",
      "displayName_en_US": "Button style",
      "order": 5
    },
    "xattr-size": {
      "displayName_en_US": "Size",
      "displayName_pt_BR": "Tamanho",
      "order": 2
    }
  },
  "attributesForPreview": [
    {
      "name": "xattr-size",
      "type": "btngroup",
      "target": "class",
      "values": [
        {
          "key": "button-small",
          "value_pt_BR": "Pequeno",
          "value_en_US": "Small"
        },
        {
          "key": "button-medium",
          "value_pt_BR": "Médio",
          "value_en_US": "Medium"
        },
        {
          "key": "button-large",
          "value_pt_BR": "Grande",
          "value_en_US": "Large"
        }
      ]
    },
    {
      "name": "type",
      "type": "options",
      "target": "type",
      "values": [
        {
          "key": "submit",
          "value_pt_BR": "Enviar dados do formulário (submit)",
          "value_en_US": "Submit form data (submit)"
        },
        {
          "key": "reset",
          "value_pt_BR": "Resetar dados do formulário (submit)",
          "value_en_US": "Reset form data (submit)"
        },
        {
          "key": "button",
          "value_pt_BR": "Botão clicável",
          "value_en_US": "Clickable button"
        }
      ]
    },
    {
      "name": "xattr-type",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "filled",
          "value_pt_BR": "Preenchido",
          "value_en_US": "Filled"
        },
        {
          "key": "button-clear",
          "value_pt_BR": "Claro",
          "value_en_US": "Clear"
        },
        {
          "key": "button-outline",
          "value_pt_BR": "Contorno",
          "value_en_US": "Outline"
        }
      ]
    },
    {
      "name": "xattr-fullsize",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "button-block",
          "value_pt_BR": "Bloco",
          "value_en_US": "Block"
        },
        {
          "key": "",
          "value_pt_BR": "Embutido",
          "value_en_US": "Inline"
        },
        {
          "key": "button-full",
          "value_pt_BR": "Largura completa",
          "value_en_US": "Full width"
        }
      ]
    },
    {
      "name": "xattr-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-icon-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--textColorDefault"
        },
        {
          "key": "positive",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--textColorPrimary"
        },
        {
          "key": "balanced",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--textColorSuccess"
        },
        {
          "key": "calm",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--textColorCalm"
        },
        {
          "key": "energized",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--textColorWarning"
        },
        {
          "key": "assertive",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--textColorDanger"
        },
        {
          "key": "light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--textColorLight"
        },
        {
          "key": "stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--textColorStable"
        },
        {
          "key": "royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--textColorRoyal"
        },
        {
          "key": "dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--textColorDark"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "class",
      "selector": "i",
      "displayName_pt_BR": "Ícone",
      "displayName_en_US": "Icon",
      "type": "icon",
      "order": 1
    },
    {
      "name": "xattr-icon-theme",
      "selector": "i",
      "displayName_pt_BR": "Tema do ícone",
      "displayName_en_US": "Icon theme",
      "type": "text"
    },
    {
      "name": "content",
      "selector": "span",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "type": "text"
    }
  ],
  "styles": [
    {
      "selector": "button#{id}",
      "text_pt_BR": "Botão",
      "text_en_US": "Button"
    },
    {
      "selector": "button#{id} i",
      "text_pt_BR": "Ícone",
      "text_en_US": "Icon"
    }
  ]
}