cronapp-framework-js/components/crn-textinput.components.json

Javascript library for CronApp's projects

{
  "name": "crn-textinput",
  "text_pt_BR": "Entrada de texto",
  "text_en_US": "Input",
  "order": 6,
  "description": "Campo para inserir texto",
  "description_en_US": "Field to enter text",
  "category": [
    "INPUTS", "FORMS"
  ],
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-textinput.svg",
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/textinput.template.html",
  "properties": {
    "class": {
      "order": 9999
    },
    "crn-tooltip": {
      "displayName_pt_BR": "Tooltip",
      "displayName_en_US": "Tooltip",
      "order": 2
    },
    "id": {
      "order": 1
    }
  },
  "styles": [
    {
      "selector": "div#{id} label",
      "text_pt_BR": "Título",
      "text_en_US": "Title"
    },
    {
      "selector": "div#{id} input.form-control",
      "text_pt_BR": "Entrada de Texto",
      "text_en_US": "Input"
    },
    {
      "selector": "div#{id} input.form-control::placeholder",
      "text_pt_BR": "Sugestão",
      "text_en_US": "Placeholder"
    }
  ],
  "childrenProperties": [
    {
      "name": "content",
      "selector": "label",
      "displayName_pt_BR": "Título",
      "displayName_en_US": "Title",
      "type": "text",
      "order": 1
    },
    {
      "name": "ng-model",
      "selector": "input",
      "type": "text",
      "onSave": "javascript:function() { var result = arguments[0]; result = result.replaceAll(/[-,+, ,(,),']/g,'');  if (result.indexOf('.') == -1 && result.trim().length > 0 ) {result = 'vars.'+result;} return result;}",
      "onDisplay": "javascript:function() {return arguments[0].replace('vars.',''); }",
      "mandatory": true
    },
    {
      "name": "ng-disabled",
      "selector": "input",
      "displayName_en_US": "Disabled",
      "displayName_pt_BR": "Desabilitado",
      "type": "logic",
      "order": 2
    },
    {
      "name": "type",
      "selector": "input",
      "type": "type",
      "order": 3
    },
    {
      "name": "mask",
      "selector": "input",
      "type": "mask",
      "order": 4
    },

    {
      "name": "placeholder",
      "displayName_pt_BR": "Sugestão",
      "displayName_en_US": "Placeholder",
      "selector": "input",
      "type": "text",
      "order": 4
    },
    {
      "name": "exibir-icone",
      "selector": "input",
      "type": "logic",
      "order": 5
    },
    {
      "name": "ng-required",
      "selector": "input",
      "type": "logic",
      "order": 6
    },
    {
      "name": "validationMessage",
      "selector": "input",
      "displayName_pt_BR": "Texto quando requerido",
      "displayName_en_US": "Text when required",
      "type": "text",
      "mandatory": false,
      "order": 6
    },
    {
      "name": "mask-placeholder",
      "displayName_pt_BR": "Máscara da sugestão",
      "displayName_en_US": "Placeholder mask",
      "selector": "input",
      "type": "text"
    },
    {
      "name": "ng-init",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-change",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-click",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-dblclick",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-keydown",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-keyup",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-focus",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-blur",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-mouseenter",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-mouseleave",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-mousemove",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-copy",
      "selector": "input",
      "type": "event"
    },
    {
      "name": "ng-paste",
      "selector": "input",
      "type": "event"
    }
  ],
  "type": {
    "displayName": "Type"
  }
}