{
  "name": "crn-toggle",
  "text_pt_BR": "Alternância",
  "text_en_US": "Toggle",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-toggle.svg",
  "description": "Campo com texto e botão de verdadeiro ou falso",
  "description_en_US": "Field with text and true or false button",
  "category": [
    "LISTS"
  ],
  "wrapper": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/toggle.template.html",
  "properties": {
    "id": {
      "order": 1
    },
    "class": {
      "order": 9999
    },
    "ng-initial-value": {
      "displayName_pt_BR": "Valor inicial",
      "displayName_en_US": "Initial value"
    }
  },
  "childrenProperties": [
    {
      "name": "ng-model",
      "selector": "input",
      "type": "text",
      "order": 2,
      "mandatory": true
    },
    {
      "name": "ng-initial-value",
      "selector": "input",
      "onSave": "javascript:function() { var result = arguments[0]; let elem = this.currentObject.find('input[type=checkbox]'); if (elem && elem[0]) { elem[0].checked = (result == 'Sim' || result == 'true');  } return result; }",
      "onDisplay": "javascript:function() { var result = arguments[0]; let elem = this.currentObject.find('input[type=checkbox]'); if (elem && elem[0]) { elem[0].checked = (result == 'Sim' || result == 'true');  } return result; }",
      "order": 3
    },
    {
      "name": "content",
      "selector": "span",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "type": "text",
      "order": 1
    },
    {
      "name": "xattr-theme",
      "displayName_pt_BR": "Tema do botão",
      "displayName_en_US": "Button theme",
      "selector": "div:first",
      "type": "options"
    },
    {
      "name": "ng-click",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "on-double-tap",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "on-tap",
      "selector": "label",
      "type": "event"
    }
  ],
  "attributesForPreview": [
    {
      "name": "ng-initial-value",
      "type": "options",
      "target": "input",
      "values": [
        {
          "key": "true",
          "value_pt_BR": "Habilitado",
          "value_en_US": "Abled"
        },
        {
          "key": "false",
          "value_pt_BR": "Desabilitado",
          "value_en_US": "Disabled"
        }
      ]
    },
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "toggle-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--toggleDefault",
          "borderColor": "--borderToggleDefault"
        },
        {
          "key": "toggle-positive",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--togglePrimary",
          "borderColor": "--borderTogglePrimary"
        },
        {
          "key": "toggle-balanced",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--toggleSuccess",
          "borderColor": "--borderToggleSuccess"
        },
        {
          "key": "toggle-calm",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--toggleCalm",
          "borderColor": "--borderToggleCalm"
        },
        {
          "key": "toggle-energized",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--toggleWarning",
          "borderColor": "--borderToggleWarning"
        },
        {
          "key": "toggle-assertive",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--toggleDanger",
          "borderColor": "--borderToggleDanger"
        },
        {
          "key": "toggle-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--toggleLight",
          "borderColor": "--borderToggleLight"
        },
        {
          "key": "toggle-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--toggleStable",
          "borderColor": "--borderToggleStable"
        },
        {
          "key": "toggle-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--toggleRoyal",
          "borderColor": "--borderToggleRoyal"
        },
        {
          "key": "toggle-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--toggleDark",
          "borderColor": "--borderToggleDark"
        },
        {
          "key": "toggle-white",
          "value_pt_BR": "Branco",
          "value_en_US": "White",
          "color": "#fff"
        },
        {
          "key": "toggle-gray",
          "value_pt_BR": "Cinza",
          "value_en_US": "Gray",
          "color": "#333"
        },
        {
          "key": "toggle-black",
          "value_pt_BR": "Preto",
          "value_en_US": "Black",
          "color": "#000"
        },
        {
          "key": "toggle-blue",
          "value_pt_BR": "Azul",
          "value_en_US": "Blue",
          "color": "#0247FE"
        },
        {
          "key": "toggle-light-blue",
          "value_pt_BR": "Azul claro",
          "value_en_US": "Light blue",
          "color": "#85A5FF"
        },
        {
          "key": "toggle-dark-blue",
          "value_pt_BR": "Azul escuro",
          "value_en_US": "Dark blue",
          "color": "#00217A"
        },
        {
          "key": "toggle-purple",
          "value_pt_BR": "Roxo",
          "value_en_US": "Purple",
          "color": "#3D01A4"
        },
        {
          "key": "toggle-light-purple",
          "value_pt_BR": "Roxo claro",
          "value_en_US": "Light purple",
          "color": "#B285FF"
        },
        {
          "key": "toggle-dark-purple",
          "value_pt_BR": "Roxo escuro",
          "value_en_US": "Dark purple",
          "color": "#2D007A"
        },
        {
          "key": "toggle-red",
          "value_pt_BR": "Vermelho",
          "value_en_US": "Red",
          "color": "#FE2712"
        },
        {
          "key": "toggle-light-red",
          "value_pt_BR": "Vermelho claro",
          "value_en_US": "Light red",
          "color": "#FE8F84"
        },
        {
          "key": "toggle-dark-red",
          "value_pt_BR": "Vermelho escuro",
          "value_en_US": "Dark red",
          "color": "#7A0B00"
        },
        {
          "key": "toggle-orange",
          "value_pt_BR": "Laranja",
          "value_en_US": "Orange",
          "color": "#FB9B02"
        },
        {
          "key": "toggle-light-orange",
          "value_pt_BR": "Laranja claro",
          "value_en_US": "Light orange",
          "color": "#FFD085"
        },
        {
          "key": "toggle-dark-orange",
          "value_pt_BR": "Laranja escuro",
          "value_en_US": "Dark orange",
          "color": "#7A4B00"
        },
        {
          "key": "toggle-yellow",
          "value_pt_BR": "Amarelo",
          "value_en_US": "Yellow",
          "color": "#FFFF33"
        },
        {
          "key": "toggle-light-yellow",
          "value_pt_BR": "Amarelo claro",
          "value_en_US": "Light yellow",
          "color": "#FFFF85"
        },
        {
          "key": "toggle-dark-yellow",
          "value_pt_BR": "Amarelo escuro",
          "value_en_US": "Dark yellow",
          "color": "#FFFF33"
        },
        {
          "key": "toggle-green",
          "value_pt_BR": "Verde",
          "value_en_US": "Green",
          "color": "#66B032"
        },
        {
          "key": "toggle-light-green",
          "value_pt_BR": "Verde claro",
          "value_en_US": "Light green",
          "color": "#B7FF85"
        },
        {
          "key": "toggle-dark-green",
          "value_pt_BR": "Verde escuro",
          "value_en_US": "Dark green",
          "color": "#337A00"
        }
      ]
    }
  ],
  "styles": [
    {
      "selector": "label#{id}",
      "text_pt_BR": "Plano de fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "label#{id} .toggle .handle",
      "text_pt_BR": "Botão de alternância",
      "text_en_US": "Toggle Button"
    }
  ]
}