cronapp-framework-mobile-js/deprecated/components/crn-range.components.json

Javascript library for CronApp's projects

{
  "name": "crn-range",
  "text_pt_BR": "Alcance",
  "text_en_US": "Range",
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-range.svg",
  "description": "Campo para escolha de valores através de uma sequência pré-estabelecida",
  "description_en_US": "Field for choosing values through a pre-established sequence",
  "category": [
    "INPUTS", "FORMS"
  ],
  "wrapper": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/range.template.html",
  "properties": {
    "id": {
      "order": 1
    },
    "class": {
      "order": 9999
    }
  },
  "childrenProperties": [
    {
      "name": "class",
      "selector": "i:first",
      "type": "icon",
      "displayName_pt_BR": "Ícone inicial/esquerda",
      "displayName_en_US": "First/left icon",
      "order": 1
    },
    {
      "name": "class",
      "selector": "i:last",
      "type": "icon",
      "displayName_pt_BR": "Ícone final/direita",
      "displayName_en_US": "Last/right icon",
      "order": 2
    },
    {
      "name": "ng-model",
      "selector": "input",
      "type": "text",
      "mandatory": true
    },
    {
      "name": "max",
      "selector": "input",
      "displayName_pt_BR": "Valor máximo",
      "displayName_en_US": "Maximum value",
      "type": "text"
    },
    {
      "name": "min",
      "selector": "input",
      "displayName_pt_BR": "Valor minímo",
      "displayName_en_US": "Minimum value",
      "type": "text"
    },
    {
      "name": "on-drag",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "on-hold",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-click",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "on-double-tap",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "on-tap",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-change",
      "selector": "input",
      "type": "event"
    }
  ],
  "styles": [
    {
      "selector": "div#{id}",
      "text_pt_BR": "Plano de fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "div#{id} i.left-icon",
      "text_pt_BR": "Ícone inicial/esquerda",
      "text_en_US": "First/left icon"
    },
    {
      "selector": "div#{id} i.right-icon",
      "text_pt_BR": "Ícone final/direita",
      "text_en_US": "Last/right icon"
    }
  ]
}