{
  "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",
      "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-assertive",
          "value_pt_BR": "Assertivo",
          "value_en_US": "Assertive",
          "color": "#ef473a"
        },
        {
          "key": "toggle-balanced",
          "value_pt_BR": "Equilibrado",
          "value_en_US": "Balanced",
          "color": "#33cd5f"
        },
        {
          "key": "toggle-energized",
          "value_pt_BR": "Energizado",
          "value_en_US": "Energized",
          "color": "#ffc900"
        },
        {
          "key": "toggle-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "#fff"
        },
        {
          "key": "toggle-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "#f8f8f8"
        },
        {
          "key": "toggle-calm",
          "value_pt_BR": "Calmo",
          "value_en_US": "Calm",
          "color": "#11c1f3"
        },
        {
          "key": "toggle-positive",
          "value_pt_BR": "Positivo",
          "value_en_US": "Positive",
          "color": "#387ef5"
        },
        {
          "key": "toggle-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "#886aea"
        },
        {
          "key": "toggle-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "#444"
        }
      ]
    }
  ],
  "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"
    }
  ]
}