{
    "name": "crn-button",
    "text_pt_BR": "Botão",
    "text_en_US": "Button",
    "order": 5,
    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-button.svg",
    "description": "Botão",
    "description_en_US": "Button",
    "category": [
        "BUTTONS",
        "FORMS"
    ],
    "wrapper": true,
    "autoWrapper": false,
    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/button.template.html",
    "properties": {
        "xattr-fullsize": {
            "displayName_pt_BR": "Largura",
            "displayName_en_US": "Width"
        },
        "xattr-theme": {
            "displayName_pt_BR": "Cor do botão",
            "displayName_en_US": "Button color",
            "order": 4
        },
        "icon-theme": {
            "displayName_pt_BR": "Cor do ícone",
            "displayName_en_US": "Icon color",
            "order": 3
        },
        "text-theme": {
            "displayName_pt_BR": "Cor do texto",
            "displayName_en_US": "Text color",
            "order": 3
        },
        "xattr-disabled": {
            "displayName_en_US": "Disabled",
            "displayName_pt_BR": "Desabilitado"
        },
        "crn-tooltip": {
          "displayName_pt_BR": "Tooltip",
          "displayName_en_US": "Tooltip",
          "order": 6
        },
        "class": {
            "order": 9999
        },
        "id": {
            "order": 5
        }
    },
    "attributesForPreview": [
        {
            "name": "xattr-fullsize",
            "type": "options",
            "target": "class",
            "values": [
                {
                    "key": "btn-block",
                    "value_pt_BR": "Bloco",
                    "value_en_US": "Block"
                },
                {
                    "key": "",
                    "value_pt_BR": "Embutido",
                    "value_en_US": "Inline"
                }
            ]
        },
        {
            "name": "xattr-theme",
            "type": "options",
            "target": "class",
            "values": [
                {
                    "key": "btn-default",
                    "value_pt_BR": "Padrão do tema",
                    "value_en_US": "Default theme",
                    "color": "--btnDefault",
                    "borderColor": "--borderBtnDefault"
                },
                {
                    "key": "btn-primary",
                    "value_pt_BR": "Secundário",
                    "value_en_US": "Secondary",
                    "color": "--btnPrimary",
                    "borderColor": "--borderBtnPrimary"
                },
                {
                    "key": "btn-success",
                    "value_pt_BR": "Sucesso",
                    "value_en_US": "Success",
                    "color" : "--btnSuccess",
                    "borderColor": "--borderBtnSuccess"
                },
                {
                    "key": "btn-info",
                    "value_pt_BR": "Informação",
                    "value_en_US": "Info",
                    "color" : "--btnCalm",
                    "borderColor": "--borderBtnCalm"
                },
                {
                    "key": "btn-warning",
                    "value_pt_BR": "Aviso",
                    "value_en_US": "Warning",
                    "color" : "--btnWarning",
                    "borderColor": "--borderBtnWarning"
                },
                {
                    "key": "btn-danger",
                    "value_pt_BR": "Perigo",
                    "value_en_US": "Danger",
                    "color" : "--btnDanger",
                    "borderColor": "--borderBtnDanger"
                },
                {
                    "key": "btn-light",
                    "value_pt_BR": "Claro",
                    "value_en_US": "Light",
                    "color": "--btnLight",
                    "borderColor": "--borderBtnLight"
                },
                {
                    "key": "btn-link",
                    "value_pt_BR": "Link",
                    "value_en_US": "Link",
                    "color": "--btnLink",
                    "borderColor": "--borderBtnLink"
                },
                {
                    "key": "btn-stable",
                    "value_pt_BR": "Estável",
                    "value_en_US": "Stable",
                    "color" : "--btnStable",
                    "borderColor": "--borderBtnStable"
                },
                {
                    "key": "btn-royal",
                    "value_pt_BR": "Real",
                    "value_en_US": "Royal",
                    "color" : "--btnRoyal",
                    "borderColor": "--borderBtnRoyal"
                },
                {
                    "key": "btn-dark",
                    "value_pt_BR": "Escuro",
                    "value_en_US": "Dark",
                    "color" : "--btnDark",
                    "borderColor": "--borderBtnDark"
                },
                {
                    "key": "color-white",
                    "value_pt_BR": "Branco",
                    "value_en_US": "White",
                    "color": "#fff"
                },
                {
                    "key": "color-gray",
                    "value_pt_BR": "Cinza",
                    "value_en_US": "Gray",
                    "color": "#333"
                },
                {
                    "key": "color-black",
                    "value_pt_BR": "Preto",
                    "value_en_US": "Black",
                    "color": "#000"
                },
                {
                    "key": "color-blue",
                    "value_pt_BR": "Azul",
                    "value_en_US": "Blue",
                    "color": "#0247FE"
                },
                {
                    "key": "color-light-blue",
                    "value_pt_BR": "Azul claro",
                    "value_en_US": "Light blue",
                    "color": "#85A5FF"
                },
                {
                    "key": "color-dark-blue",
                    "value_pt_BR": "Azul escuro",
                    "value_en_US": "Dark blue",
                    "color": "#00217A"
                },
                {
                    "key": "color-purple",
                    "value_pt_BR": "Roxo",
                    "value_en_US": "Purple",
                    "color": "#3D01A4"
                },
                {
                    "key": "color-light-purple",
                    "value_pt_BR": "Roxo claro",
                    "value_en_US": "Light purple",
                    "color": "#B285FF"
                },
                {
                    "key": "color-dark-purple",
                    "value_pt_BR": "Roxo escuro",
                    "value_en_US": "Dark purple",
                    "color": "#2D007A"
                },
                {
                    "key": "color-red",
                    "value_pt_BR": "Vermelho",
                    "value_en_US": "Red",
                    "color": "#FE2712"
                },
                {
                    "key": "color-light-red",
                    "value_pt_BR": "Vermelho claro",
                    "value_en_US": "Light red",
                    "color": "#FE8F84"
                },
                {
                    "key": "color-dark-red",
                    "value_pt_BR": "Vermelho escuro",
                    "value_en_US": "Dark red",
                    "color": "#7A0B00"
                },
                {
                    "key": "color-orange",
                    "value_pt_BR": "Laranja",
                    "value_en_US": "Orange",
                    "color": "#FB9B02"
                },
                {
                    "key": "color-light-orange",
                    "value_pt_BR": "Laranja claro",
                    "value_en_US": "Light orange",
                    "color": "#FFD085"
                },
                {
                    "key": "color-dark-orange",
                    "value_pt_BR": "Laranja escuro",
                    "value_en_US": "Dark orange",
                    "color": "#7A4B00"
                },
                {
                    "key": "color-yellow",
                    "value_pt_BR": "Amarelo",
                    "value_en_US": "Yellow",
                    "color": "#FFFF33"
                },
                {
                    "key": "color-light-yellow",
                    "value_pt_BR": "Amarelo claro",
                    "value_en_US": "Light yellow",
                    "color": "#FFFF85"
                },
                {
                    "key": "color-dark-yellow",
                    "value_pt_BR": "Amarelo escuro",
                    "value_en_US": "Dark Yellow",
                    "color": "#7A7A00"
                },
                {
                    "key": "color-green",
                    "value_pt_BR": "Verde",
                    "value_en_US": "Green",
                    "color": "#66B032"
                },
                {
                    "key": "color-light-green",
                    "value_pt_BR": "Verde claro",
                    "value_en_US": "Light green",
                    "color": "#B7FF85"
                },
                {
                    "key": "color-dark-green",
                    "value_pt_BR": "Verde escuro",
                    "value_en_US": "Dark green",
                    "color": "#337A00"
                }
            ]
        },
        {
            "name": "icon-theme",
            "type": "options",
            "target": "class",
            "values": [
                {
                    "key": "text-color-default",
                    "value_pt_BR": "Padrão do tema",
                    "value_en_US": "Default theme",
                    "color" : "--textColorDefault"
                },
                {
                    "key": "text-color-primary",
                    "value_pt_BR": "Secundário",
                    "value_en_US": "Secondary",
                    "color" : "--textColorPrimary"
                },
                {
                    "key": "text-color-success",
                    "value_pt_BR": "Sucesso",
                    "value_en_US": "Success",
                    "color" : "--textColorSuccess"
                },
                {
                    "key": "text-color-info",
                    "value_pt_BR": "Informação",
                    "value_en_US": "Info",
                    "color" : "--textColorCalm"
                },
                {
                    "key": "text-color-warning",
                    "value_pt_BR": "Aviso",
                    "value_en_US": "Warning",
                    "color" : "--textColorWarning"
                },
                {
                    "key": "text-color-danger",
                    "value_pt_BR": "Perigo",
                    "value_en_US": "Danger",
                    "color" : "--textColorDanger"
                },
                {
                    "key": "text-color-light",
                    "value_pt_BR": "Claro",
                    "value_en_US": "Light",
                    "color" : "--textColorLight"
                },
                {
                    "key": "text-color-stable",
                    "value_pt_BR": "Estável",
                    "value_en_US": "Stable",
                    "color" : "--textColorStable"
                },
                {
                    "key": "text-color-royal",
                    "value_pt_BR": "Real",
                    "value_en_US": "Royal",
                    "color" : "--textColorRoyal"
                },
                {
                    "key": "text-color-dark",
                    "value_pt_BR": "Escuro",
                    "value_en_US": "Dark",
                    "color" : "--textColorDark"
                },
                {
                    "key": "color-white",
                    "value_pt_BR": "Branco",
                    "value_en_US": "White",
                    "color": "#fff"
                },
                {
                    "key": "color-gray",
                    "value_pt_BR": "Cinza",
                    "value_en_US": "Gray",
                    "color": "#333"
                },
                {
                    "key": "color-black",
                    "value_pt_BR": "Preto",
                    "value_en_US": "Black",
                    "color": "#000"
                },
                {
                    "key": "color-blue",
                    "value_pt_BR": "Azul",
                    "value_en_US": "Blue",
                    "color": "#0247FE"
                },
                {
                    "key": "color-light-blue",
                    "value_pt_BR": "Azul claro",
                    "value_en_US": "Light blue",
                    "color": "#85A5FF"
                },
                {
                    "key": "color-dark-blue",
                    "value_pt_BR": "Azul escuro",
                    "value_en_US": "Dark blue",
                    "color": "#00217A"
                },
                {
                    "key": "color-purple",
                    "value_pt_BR": "Roxo",
                    "value_en_US": "Purple",
                    "color": "#3D01A4"
                },
                {
                    "key": "color-light-purple",
                    "value_pt_BR": "Roxo claro",
                    "value_en_US": "Light purple",
                    "color": "#B285FF"
                },
                {
                    "key": "color-dark-purple",
                    "value_pt_BR": "Roxo escuro",
                    "value_en_US": "Dark purple",
                    "color": "#2D007A"
                },
                {
                    "key": "color-red",
                    "value_pt_BR": "Vermelho",
                    "value_en_US": "Red",
                    "color": "#FE2712"
                },
                {
                    "key": "color-light-red",
                    "value_pt_BR": "Vermelho claro",
                    "value_en_US": "Light red",
                    "color": "#FE8F84"
                },
                {
                    "key": "color-dark-red",
                    "value_pt_BR": "Vermelho escuro",
                    "value_en_US": "Dark red",
                    "color": "#7A0B00"
                },
                {
                    "key": "color-orange",
                    "value_pt_BR": "Laranja",
                    "value_en_US": "Orange",
                    "color": "#FB9B02"
                },
                {
                    "key": "color-light-orange",
                    "value_pt_BR": "Laranja claro",
                    "value_en_US": "Light orange",
                    "color": "#FFD085"
                },
                {
                    "key": "color-dark-orange",
                    "value_pt_BR": "Laranja escuro",
                    "value_en_US": "Dark orange",
                    "color": "#7A4B00"
                },
                {
                    "key": "color-yellow",
                    "value_pt_BR": "Amarelo",
                    "value_en_US": "Yellow",
                    "color": "#FFFF33"
                },
                {
                    "key": "color-light-yellow",
                    "value_pt_BR": "Amarelo claro",
                    "value_en_US": "Light yellow",
                    "color": "#FFFF85"
                },
                {
                    "key": "color-dark-yellow",
                    "value_pt_BR": "Amarelo escuro",
                    "value_en_US": "Dark Yellow",
                    "color": "#7A7A00"
                },
                {
                    "key": "color-green",
                    "value_pt_BR": "Verde",
                    "value_en_US": "Green",
                    "color": "#66B032"
                },
                {
                    "key": "color-light-green",
                    "value_pt_BR": "Verde claro",
                    "value_en_US": "Light green",
                    "color": "#B7FF85"
                },
                {
                    "key": "color-dark-green",
                    "value_pt_BR": "Verde escuro",
                    "value_en_US": "Dark green",
                    "color": "#337A00"
                }
            ]
        },
        {
            "name": "text-theme",
            "type": "options",
            "target": "class",
            "values": [
                {
                    "key": "text-color-default",
                    "value_pt_BR": "Padrão do tema",
                    "value_en_US": "Default theme",
                    "color" : "--textColorDefault"
                },
                {
                    "key": "text-color-primary",
                    "value_pt_BR": "Secundário",
                    "value_en_US": "Secondary",
                    "color" : "--textColorPrimary"
                },
                {
                    "key": "text-color-success",
                    "value_pt_BR": "Sucesso",
                    "value_en_US": "Success",
                    "color" : "--textColorSuccess"
                },
                {
                    "key": "text-color-info",
                    "value_pt_BR": "Informação",
                    "value_en_US": "Info",
                    "color" : "--textColorCalm"
                },
                {
                    "key": "text-color-warning",
                    "value_pt_BR": "Aviso",
                    "value_en_US": "Warning",
                    "color" : "--textColorWarning"
                },
                {
                    "key": "text-color-danger",
                    "value_pt_BR": "Perigo",
                    "value_en_US": "Danger",
                    "color" : "--textColorDanger"
                },
                {
                    "key": "text-color-light",
                    "value_pt_BR": "Claro",
                    "value_en_US": "Light",
                    "color" : "--textColorLight"
                },
                {
                    "key": "text-color-stable",
                    "value_pt_BR": "Estável",
                    "value_en_US": "Stable",
                    "color" : "--textColorStable"
                },
                {
                    "key": "text-color-royal",
                    "value_pt_BR": "Real",
                    "value_en_US": "Royal",
                    "color" : "--textColorRoyal"
                },
                {
                    "key": "text-color-dark",
                    "value_pt_BR": "Escuro",
                    "value_en_US": "Dark",
                    "color" : "--textColorDark"
                },
                {
                    "key": "color-white",
                    "value_pt_BR": "Branco",
                    "value_en_US": "White",
                    "color": "#fff"
                },
                {
                    "key": "color-gray",
                    "value_pt_BR": "Cinza",
                    "value_en_US": "Gray",
                    "color": "#333"
                },
                {
                    "key": "color-black",
                    "value_pt_BR": "Preto",
                    "value_en_US": "Black",
                    "color": "#000"
                },
                {
                    "key": "color-blue",
                    "value_pt_BR": "Azul",
                    "value_en_US": "Blue",
                    "color": "#0247FE"
                },
                {
                    "key": "color-light-blue",
                    "value_pt_BR": "Azul claro",
                    "value_en_US": "Light blue",
                    "color": "#85A5FF"
                },
                {
                    "key": "color-dark-blue",
                    "value_pt_BR": "Azul escuro",
                    "value_en_US": "Dark blue",
                    "color": "#00217A"
                },
                {
                    "key": "color-purple",
                    "value_pt_BR": "Roxo",
                    "value_en_US": "Purple",
                    "color": "#3D01A4"
                },
                {
                    "key": "color-light-purple",
                    "value_pt_BR": "Roxo claro",
                    "value_en_US": "Light purple",
                    "color": "#B285FF"
                },
                {
                    "key": "color-dark-purple",
                    "value_pt_BR": "Roxo escuro",
                    "value_en_US": "Dark purple",
                    "color": "#2D007A"
                },
                {
                    "key": "color-red",
                    "value_pt_BR": "Vermelho",
                    "value_en_US": "Red",
                    "color": "#FE2712"
                },
                {
                    "key": "color-light-red",
                    "value_pt_BR": "Vermelho claro",
                    "value_en_US": "Light red",
                    "color": "#FE8F84"
                },
                {
                    "key": "color-dark-red",
                    "value_pt_BR": "Vermelho escuro",
                    "value_en_US": "Dark red",
                    "color": "#7A0B00"
                },
                {
                    "key": "color-orange",
                    "value_pt_BR": "Laranja",
                    "value_en_US": "Orange",
                    "color": "#FB9B02"
                },
                {
                    "key": "color-light-orange",
                    "value_pt_BR": "Laranja claro",
                    "value_en_US": "Light orange",
                    "color": "#FFD085"
                },
                {
                    "key": "color-dark-orange",
                    "value_pt_BR": "Laranja escuro",
                    "value_en_US": "Dark orange",
                    "color": "#7A4B00"
                },
                {
                    "key": "color-yellow",
                    "value_pt_BR": "Amarelo",
                    "value_en_US": "Yellow",
                    "color": "#FFFF33"
                },
                {
                    "key": "color-light-yellow",
                    "value_pt_BR": "Amarelo claro",
                    "value_en_US": "Light yellow",
                    "color": "#FFFF85"
                },
                {
                    "key": "color-dark-yellow",
                    "value_pt_BR": "Amarelo escuro",
                    "value_en_US": "Dark Yellow",
                    "color": "#7A7A00"
                },
                {
                    "key": "color-green",
                    "value_pt_BR": "Verde",
                    "value_en_US": "Green",
                    "color": "#66B032"
                },
                {
                    "key": "color-light-green",
                    "value_pt_BR": "Verde claro",
                    "value_en_US": "Light green",
                    "color": "#B7FF85"
                },
                {
                    "key": "color-dark-green",
                    "value_pt_BR": "Verde escuro",
                    "value_en_US": "Dark green",
                    "color": "#337A00"
                }
            ]
        }
    ],
    "childrenProperties": [
        {
            "name": "class",
            "selector": "i",
            "displayName_pt_BR": "Ícone",
            "displayName_en_US": "Icon",
            "type": "icon",
            "order": 1
        },
        {
            "name": "icon-theme",
            "selector": "i",
            "order": 2
        },
        {
            "name": "content",
            "selector": "span",
            "type": "text",
            "displayName_pt_BR": "Título",
            "displayName_en_US": "Title",
            "order": 3
        },
        {
            "name": "text-theme",
            "selector": "span",
            "displayName_pt_BR": "Cor do texto",
            "displayName_en_US": "Text-theme",
            "order": 4
        },
        {
            "name": "xattr-theme",
            "selector": "button",
            "order": 5
        },
        {
            "name": "xattr-fullsize",
            "selector": "button",
            "order": 6
        },
        {
            "name": "disabled",
            "selector": "button",
            "type": "logic",
            "disabledLogic": true,
            "global": true,
            "order": 7
        },
        {
            "name": "ng-init",
            "selector": "button",
            "type": "event"
        },
        {
            "name": "ng-click",
            "selector": "button",
            "type": "event"
        },
        {
            "name": "ng-dblclick",
            "selector": "button",
            "type": "event"
        },
        {
            "name": "ng-mouseenter",
            "selector": "button",
            "type": "event"
        },
        {
            "name": "ng-mouseleave",
            "selector": "button",
            "type": "event"
        },
        {
            "name": "ng-mousemove",
            "selector": "button",
            "type": "event"
        }
    ],
    "styles": [
        {
            "selector": "div#{id} button",
            "text_pt_BR": "Plano de fundo do botão",
            "text_en_US": "Button background"
        },
        {
            "selector": "div#{id} button i",
            "text_pt_BR": "Ícone",
            "text_en_US": "Icon"
        },
        {
            "selector": "div#{id} button span",
            "text_pt_BR": "Título",
            "text_en_US": "Title"
        }
    ]
}