{
  "name": "crn-enterprise-combobox-multiple",
  "onDrop": "openEditor",
  "onDoubleClick": "openEditor",
  "text_pt_BR": "Caixa de seleção múltipla",
  "text_en_US": "Combobox Multi Select",
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-enterprise-combobox-multiple.svg",
  "description": "Caixa de seleção para selecionar mais de um item",
  "description_en_US": "Checkbox to select more than one item",
  "category": [
    "INPUTS",
    "FORMS",
    "COMBOS"
  ],
  "order": 9,
  "designTimeDynamic": true,
  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-combobox-multiple.designtime.html",
  "designTimeSelector": "cron-multi-select",
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-combobox-multiple.template.html",
  "properties": {
    "class": {
      "order": 9999
    },
    "crn-tooltip": {
      "displayName_pt_BR": "Tooltip",
      "displayName_en_US": "Tooltip",
      "order": 2
    },
    "id": {
      "order": 1
    },
    "combobox-theme": {
      "displayName_pt_BR": "Cor da caixa de seleção",
      "displayName_en_US": "Combobox color"
    }
  },
  "attributesForPreview": [
    {
      "name": "combobox-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "combobox-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--comboboxDefault",
          "borderColor": "--borderComboboxDefault"
        },
        {
          "key": "combobox-primary",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--comboboxPrimary",
          "borderColor": "--borderComboboxPrimary"
        },
        {
          "key": "combobox-success",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--comboboxSuccess",
          "borderColor": "--borderComboboxSuccess"
        },
        {
          "key": "combobox-info",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--comboboxCalm",
          "borderColor": "--borderComboboxCalm"
        },
        {
          "key": "combobox-warning",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--comboboxWarning",
          "borderColor": "--borderComboboxWarning"
        },
        {
          "key": "combobox-danger",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--comboboxDanger",
          "borderColor": "--borderComboboxDanger"
        },
        {
          "key": "combobox-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--comboboxLight",
          "borderColor": "--borderComboboxLight"
        },
        {
          "key": "combobox-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--comboboxStable",
          "borderColor": "--borderComboboxStable"
        },
        {
          "key": "combobox-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--comboboxRoyal",
          "borderColor": "--borderComboboxRoyal"
        },
        {
          "key": "combobox-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--comboboxDark",
          "borderColor": "--borderComboboxDark"
        },
        {
          "key": "combobox-gray",
          "value_pt_BR": "Cinza",
          "value_en_US": "Gray",
          "color": "#333"
        },
        {
          "key": "combobox-black",
          "value_pt_BR": "Preto",
          "value_en_US": "Black",
          "color": "#000"
        },
        {
          "key": "combobox-blue",
          "value_pt_BR": "Azul",
          "value_en_US": "Blue",
          "color": "#0247FE"
        },
        {
          "key": "combobox-light-blue",
          "value_pt_BR": "Azul claro",
          "value_en_US": "Light blue",
          "color": "#85A5FF"
        },
        {
          "key": "combobox-dark-blue",
          "value_pt_BR": "Azul escuro",
          "value_en_US": "Dark blue",
          "color": "#00217A"
        },
        {
          "key": "combobox-purple",
          "value_pt_BR": "Roxo",
          "value_en_US": "Purple",
          "color": "#3D01A4"
        },
        {
          "key": "combobox-light-purple",
          "value_pt_BR": "Roxo claro",
          "value_en_US": "Light purple",
          "color": "#B285FF"
        },
        {
          "key": "combobox-dark-purple",
          "value_pt_BR": "Roxo escuro",
          "value_en_US": "Dark purple",
          "color": "#2D007A"
        },
        {
          "key": "combobox-red",
          "value_pt_BR": "Vermelho",
          "value_en_US": "Red",
          "color": "#FE2712"
        },
        {
          "key": "combobox-light-red",
          "value_pt_BR": "Vermelho claro",
          "value_en_US": "Light red",
          "color": "#FE8F84"
        },
        {
          "key": "combobox-dark-red",
          "value_pt_BR": "Vermelho escuro",
          "value_en_US": "Dark red",
          "color": "#7A0B00"
        },
        {
          "key": "combobox-orange",
          "value_pt_BR": "Laranja",
          "value_en_US": "Orange",
          "color": "#FB9B02"
        },
        {
          "key": "combobox-light-orange",
          "value_pt_BR": "Laranja claro",
          "value_en_US": "Light orange",
          "color": "#FFD085"
        },
        {
          "key": "combobox-dark-orange",
          "value_pt_BR": "Laranja escuro",
          "value_en_US": "Dark orange",
          "color": "#7A4B00"
        },
        {
          "key": "combobox-yellow",
          "value_pt_BR": "Amarelo",
          "value_en_US": "Yellow",
          "color": "#FFFF33"
        },
        {
          "key": "combobox-light-yellow",
          "value_pt_BR": "Amarelo claro",
          "value_en_US": "Light yellow",
          "color": "#FFFF85"
        },
        {
          "key": "combobox-dark-yellow",
          "value_pt_BR": "Amarelo escuro",
          "value_en_US": "Dark Yellow",
          "color": "#7A7A00"
        },
        {
          "key": "combobox-green",
          "value_pt_BR": "Verde",
          "value_en_US": "Green",
          "color": "#66B032"
        },
        {
          "key": "combobox-light-green",
          "value_pt_BR": "Verde claro",
          "value_en_US": "Light green",
          "color": "#B7FF85"
        },
        {
          "key": "combobox-dark-green",
          "value_pt_BR": "Verde escuro",
          "value_en_US": "Dark green",
          "color": "#337A00"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "combobox-theme",
      "selector": "div.form-group"
    },
    {
      "name": "cron-disabled",
      "selector": "cron-multi-select",
      "displayName_en_US": "Disabled",
      "displayName_pt_BR": "Desabilitado",
      "type": "logic"
    },
    {
      "name": "ng-change",
      "selector": "cron-multi-select",
      "displayName_pt_BR": "Ao Alterar",
      "displayName_en_US": "On Change",
      "type": "event"
    },
    {
      "name": "ng-select",
      "selector": "cron-multi-select",
      "displayName_pt_BR": "Ao Selecionar",
      "displayName_en_US": "On Select",
      "type": "event"
    },
    {
      "name": "ng-deselect",
      "selector": "cron-multi-select",
      "displayName_pt_BR": "Ao Remover Seleção",
      "displayName_en_US": "On Deselect",
      "type": "event"
    },
    {
      "name": "ng-close",
      "selector": "cron-multi-select",
      "displayName_pt_BR": "Ao Fechar",
      "displayName_en_US": "On Close",
      "type": "event"
    },
    {
      "name": "ng-data-bound",
      "selector": "cron-multi-select",
      "displayName_pt_BR": "Ao Carregar",
      "displayName_en_US": "On DataBound",
      "type": "event"
    },
    {
      "name": "ng-filtering",
      "selector": "cron-multi-select",
      "displayName_pt_BR": "Ao Filtrar",
      "displayName_en_US": "On Filtering",
      "type": "event"
    },
    {
      "name": "options",
      "selector": "cron-multi-select",
      "displayName_pt_BR": "Configuração",
      "displayName_en_US": "Configuration",
      "type": "text",
      "order": 1,
      "mandatory": true
    },
    {
      "name": "ng-model",
      "selector": "cron-multi-select",
      "type": "text",
      "order": 3,
      "mandatory": true
    },
    {
      "name": "content",
      "selector": "label",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "type": "content",
      "order": 2
    },
    {
      "name": "ng-required",
      "selector": "cron-multi-select",
      "type": "logic"
    },
    {
      "name": "crn-readonly",
      "selector": "cron-multi-select",
      "type": "logic",
      "displayName_pt_BR": "Apenas Leitura",
      "displayName_en_US": "Read Only"
    },
    {
      "name": "crn-hide-selected-item",
      "selector": "cron-multi-select",
      "type": "logic",
      "displayName_pt_BR": "Ocultar Item Selecionado",
      "displayName_en_US": "Hide Selected Item"
    },
    {
      "name": "id",
      "selector": "cron-multi-select",
      "type": "text",
      "onSave": "javascript:(value)=> {this.currentObject.parent().find('label').attr('for', arguments[0]); return arguments[0];}"
    }
  ],
  "styles": [
    {
      "selector": "div#{id} .k-multiselect-wrap",
      "text_pt_BR": "Campo de Seleção Múltipla",
      "text_en_US": "Multi Select Field"
    },
    {
      "selector": "div#{id} .k-multiselect-wrap .k-button",
      "text_pt_BR": "Itens Selecionados",
      "text_en_US": "Selected Itens on Field"
    },
    {
      "selector": "div#{id} .k-multiselect-wrap .k-button .k-select",
      "text_pt_BR": "Ícone dos Itens Selecionados",
      "text_en_US": "Selected Itens on Field"
    },
    {
      "selector": ".k-animation-container div#cron-{id}-list",
      "text_pt_BR": "Plano de fundo dos Itens",
      "text_en_US": "Item List Background"
    },
    {
      "selector": "div#cron-{id}-list .k-list .k-state-hover, div#cron-{id}-list .k-list .k-state-focused",
      "text_pt_BR": "Item da Lista Hover",
      "text_en_US": "Item List Hover"
    }
  ]
}