{
  "name": "crn-input-button",
  "text_pt_BR": "Entrada de texto com botão",
  "text_en_US": "Input Button",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-textinputbutton.svg",
  "description": "Campo para inserir texto com botão",
  "description_en_US": "Field to enter text with button",
  "category": [
    "INPUTS",
    "BUTTONS",
    "FORMS"
  ],
  "wrapper": false,
  "forcedGroup": true,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/textinputbutton.template.html",
  "properties": {
    "id": {
      "order": 1
    },
    "class": {
      "order": 9999
    },
    "xattr-theme": {
      "displayName_pt_BR": "Tema do botão",
      "displayName_en_US": "Button theme",
      "order": 3
    },
    "on-hold": {
      "removable": false,
      "type": "event"
    },
    "on-swipe": {
      "removable": false,
      "type": "event"
    },
    "on-drag": {
      "removable": false,
      "type": "event"
    }
  },
  "attributesForPreview": [
    {
      "name": "keyboard",
      "type": "options",
      "target": "keyboard",
      "values": [
        {
          "key": "",
          "value_pt_BR": "Padrão",
          "value_en_US": "Default"
        },
        {
          "key": "integer",
          "value_pt_BR": "Numérico",
          "value_en_US": "Numeric"
        },
        {
          "key": "number",
          "value_pt_BR": "Decimal",
          "value_en_US": "Decimal"
        },
        {
          "key": "tel",
          "value_pt_BR": "Telefone",
          "value_en_US": "Telephone"
        },
        {
          "key": "email",
          "value_pt_BR": "E-mail",
          "value_en_US": "Email"
        },
        {
          "key": "password",
          "value_pt_BR": "Senha",
          "value_en_US": "Password"
        },
        {
          "key": "search",
          "value_pt_BR": "Pesquisa",
          "value_en_US": "Search"
        }
      ]
    },
    {
      "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"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "placeholder",
      "selector": "input[placeholder]",
      "type": "text",
      "order": 3
    },
    {
      "name": "ng-model",
      "selector": "input[ng-model]",
      "type": "text",
      "order": 1,
      "mandatory": true
    },
    {
      "name": "type",
      "selector": "input[type]",
      "type": "inputType",
      "order": 2
    },
    {
      "name": "xattr-theme",
      "selector": "button",
      "order": 6
    },
    {
      "name": "keyboard",
      "selector": "input",
      "type": "text",
      "displayName_pt_BR": "Tipo de Teclado",
      "displayName_en_US": "Keyboard Type",
      "order": 6
    },
    {
      "name": "mask",
      "selector": "input",
      "type": "mask",
      "order": 4
    },
    {
      "name": "mask-placeholder",
      "selector": "input",
      "type": "text",
      "order": 5
    },
    {
      "name": "ng-minlength",
      "selector": "input",
      "type": "text",
      "displayName_pt_BR": "Tamanho mínimo",
      "displayName_en_US": "Minimum size",
      "order": 7
    },
    {
      "name": "ng-maxlength",
      "selector": "input",
      "type": "text",
      "displayName_pt_BR": "Máximo de caracteres",
      "displayName_en_US": "Maximum characters",
      "order": 8
    },
    {
      "name": "ng-click",
      "selector": "button",
      "type": "event",
      "displayName_pt_BR": "Ao Clicar no Botão",
      "displayName_en_US": "On Button Click"
    },
    {
      "name": "on-double-tap",
      "selector": "button",
      "type": "event",
      "displayName_pt_BR": "Ao Clique Duplo Rápido no Botão",
      "displayName_en_US": "On Button Double Tap"
    },
    {
      "name": "ng-click",
      "selector": "input",
      "type": "event",
      "displayName_pt_BR": "Ao Clicar no Texto",
      "displayName_en_US": "On Input Click"
    },
    {
      "name": "on-double-tap",
      "selector": "input",
      "type": "event",
      "displayName_pt_BR": "Ao Clique Duplo Rápido no Texto",
      "displayName_en_US": "On Input Double Click"
    },
    {
      "name": "ng-keydown",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-keyup",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-focus",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-blur",
      "selector": "input",
      "type": "event"
    }
  ],
  "styles": [
    {
      "selector": "div#{id}",
      "text_pt_BR": "Plano de fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "div#{id} .item-input-wrapper",
      "text_pt_BR": "Entrada de Texto",
      "text_en_US": "Input"
    },
    {
      "selector": "div#{id} .item-input-wrapper input::placeholder",
      "text_pt_BR": "Sugestão",
      "text_en_US": "Placeholder"
    },
    {
      "selector": "div#{id} .button",
      "text_pt_BR": "Botão",
      "text_en_US": "Button"
    }
  ]
}