{
  "name": "crn-radiogroup",
  "text_pt_BR": "Lista de opção",
  "text_en_US": "Radio Group",
  "forcedGroup": true,
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-radiogroup.svg",
  "description": "Caixa de seleção redonda com texto",
  "description_en_US": "Round selection box with text",
  "category": [
    "LISTS"
  ],
  "wrapper": false,
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/radiogroup.template.html",
  "properties": {
    "ng-model": {
      "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result;  }  return result; }",
      "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
      "order": 1,
      "mandatory": true
    },
    "class": {
      "order": 9999
    },
    "id": {
      "order": 2
    },
    "ng-init": {
      "removable": true,
      "type": "event"
    },
    "ng-click": {
      "removable": true,
      "type": "event"
    },
    "ng-dblclick": {
      "removable": true,
      "type": "event"
    },
    "ng-mouseenter": {
      "removable": true,
      "type": "event"
    },
    "ng-mouseleave": {
      "removable": true,
      "type": "event"
    },
    "ng-mousemove": {
      "removable": true,
      "type": "event"
    },
    "option-theme": {
      "displayName_pt_BR": "Cor do botão de opção",
      "displayName_en_US": "Radio button color"
    }
  },
  "handleRules": {
    "canIncrement": true,
    "rules": [
      {
        "sourceHTML": "<div class=\"k-content\" data-component=\"crn-radioOption\"><input class=\"k-radio\" crn-value=\"\" value=\"value${RANDOM}\" type=\"radio\" name=\"optionsRadios\" id=\"optionsRadios${RANDOM}\" ng-checked=\"\">    <label class=\"k-radio-label\" for=\"optionsRadios${RANDOM}\">New option</label>  </div>",
        "targetSelector": ":self"
      }
    ]
  },
  "attributesForPreview": [
    {
      "name": "option-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "option-default",
          "value_pt_BR": "Padrão do tema",
          "value_en_US": "Default theme",
          "color": "--optionDefault",
          "borderColor": "--borderOptionDefault"
        },
        {
          "key": "option-primary",
          "value_pt_BR": "Secundário",
          "value_en_US": "Secondary",
          "color": "--optionPrimary",
          "borderColor": "--borderOptionPrimary"
        },
        {
          "key": "option-success",
          "value_pt_BR": "Sucesso",
          "value_en_US": "Success",
          "color": "--optionSuccess",
          "borderColor": "--borderOptionSuccess"
        },
        {
          "key": "option-info",
          "value_pt_BR": "Informação",
          "value_en_US": "Info",
          "color": "--optionCalm",
          "borderColor": "--borderOptionCalm"
        },
        {
          "key": "option-warning",
          "value_pt_BR": "Aviso",
          "value_en_US": "Warning",
          "color": "--optionWarning",
          "borderColor": "--borderOptionWarning"
        },
        {
          "key": "option-danger",
          "value_pt_BR": "Perigo",
          "value_en_US": "Danger",
          "color": "--optionDanger",
          "borderColor": "--borderOptionDanger"
        },
        {
          "key": "option-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "--optionLight",
          "borderColor": "--borderOptionLight"
        },
        {
          "key": "option-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "--optionStable",
          "borderColor": "--borderOptionStable"
        },
        {
          "key": "option-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "--optionRoyal",
          "borderColor": "--borderOptionRoyal"
        },
        {
          "key": "option-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "--optionDark",
          "borderColor": "--borderOptionDark"
        },
        {
          "key": "option-white",
          "value_pt_BR": "Branco",
          "value_en_US": "White",
          "color": "#fff"
        },
        {
          "key": "option-gray",
          "value_pt_BR": "Cinza",
          "value_en_US": "Gray",
          "color": "#333"
        },
        {
          "key": "option-black",
          "value_pt_BR": "Preto",
          "value_en_US": "Black",
          "color": "#000"
        },
        {
          "key": "option-blue",
          "value_pt_BR": "Azul",
          "value_en_US": "Blue",
          "color": "#0247FE"
        },
        {
          "key": "option-light-blue",
          "value_pt_BR": "Azul claro",
          "value_en_US": "Light blue",
          "color": "#85A5FF"
        },
        {
          "key": "option-dark-blue",
          "value_pt_BR": "Azul escuro",
          "value_en_US": "Dark blue",
          "color": "#00217A"
        },
        {
          "key": "option-purple",
          "value_pt_BR": "Roxo",
          "value_en_US": "Purple",
          "color": "#3D01A4"
        },
        {
          "key": "option-light-purple",
          "value_pt_BR": "Roxo claro",
          "value_en_US": "Light purple",
          "color": "#B285FF"
        },
        {
          "key": "option-dark-purple",
          "value_pt_BR": "Roxo escuro",
          "value_en_US": "Dark purple",
          "color": "#2D007A"
        },
        {
          "key": "option-red",
          "value_pt_BR": "Vermelho",
          "value_en_US": "Red",
          "color": "#FE2712"
        },
        {
          "key": "option-light-red",
          "value_pt_BR": "Vermelho claro",
          "value_en_US": "Light red",
          "color": "#FE8F84"
        },
        {
          "key": "option-dark-red",
          "value_pt_BR": "Vermelho escuro",
          "value_en_US": "Dark red",
          "color": "#7A0B00"
        },
        {
          "key": "option-orange",
          "value_pt_BR": "Laranja",
          "value_en_US": "Orange",
          "color": "#FB9B02"
        },
        {
          "key": "option-light-orange",
          "value_pt_BR": "Laranja claro",
          "value_en_US": "Light orange",
          "color": "#FFD085"
        },
        {
          "key": "option-dark-orange",
          "value_pt_BR": "Laranja escuro",
          "value_en_US": "Dark orange",
          "color": "#7A4B00"
        },
        {
          "key": "option-yellow",
          "value_pt_BR": "Amarelo",
          "value_en_US": "Yellow",
          "color": "#FFFF33"
        },
        {
          "key": "option-light-yellow",
          "value_pt_BR": "Amarelo claro",
          "value_en_US": "Light yellow",
          "color": "#FFFF85"
        },
        {
          "key": "option-dark-yellow",
          "value_pt_BR": "Amarelo escuro",
          "value_en_US": "Dark Yellow",
          "color": "#7A7A00"
        },
        {
          "key": "option-green",
          "value_pt_BR": "Verde",
          "value_en_US": "Green",
          "color": "#66B032"
        },
        {
          "key": "option-light-green",
          "value_pt_BR": "Verde claro",
          "value_en_US": "Light green",
          "color": "#B7FF85"
        },
        {
          "key": "option-dark-green",
          "value_pt_BR": "Verde escuro",
          "value_en_US": "Dark green",
          "color": "#337A00"
        }
      ]
    }
  ],
  "styles": [
    {
      "selector": "div#{id} .k-radio-label, div#{id} .k-content",
      "text_pt_BR": "Lista de opção",
      "text_en_US": "Radio Group"
    },
    {
      "selector": "div#{id} .k-radio+.k-radio-label::after, div#{id} .k-radio+.k-radio-label::before",
      "text_pt_BR": "Botão da opção",
      "text_en_US": "option button"
    }
  ]
}