{
  "name": "crn-filter-button",
  "text_pt_BR": "Botão do Filtro",
  "text_en_US": "Filter Button",
  "class": "adjust-icon mdi mdi-stop",
  "wrapper": false,
  "pallete": false,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/filterbutton.template.html",
  "properties": {
    "id": {
      "order": 7
    },
    "type": {
      "order": 6
    },
    "class": {
      "order": 9999
    },
    "crn-datasource": {
      "displayName_pt_BR": "Fonte de dados",
      "displayName_en_US": "Datasource",
      "removable": false,
      "type": "pageDatasource",
      "order": 1
    },
    "cronapp-filter-caseinsensitive": {
      "removable": false,
      "type": "logic",
      "selector": "input",
      "childrenProperty": true,
      "order": 2
    },
    "ng-click": {
      "removable": true,
      "type": "event"
    },
    "on-tap": {
      "removable": true,
      "type": "event"
    },
    "on-double-tap": {
      "removable": true,
      "type": "event"
    },
    "on-hold": {
      "removable": true,
      "type": "event"
    },
    "on-drag": {
      "removable": true,
      "type": "event"
    },
    "on-swipe": {
      "removable": true,
      "type": "event"
    },
    "xattr-fullsize": {
      "displayName": "Width",
      "order": 5
    },
    "xattr-theme": {
      "displayName": "Theme",
      "order": 4
    },
    "xattr-type": {
      "displayName_pt_BR": "Tipo de Estilo",
      "displayName_en_US": "Style Type",
      "order": 6
    },
    "xattr-size": {
      "displayName": "Size",
      "order": 3
    }
  },
  "attributesForPreview": [
    {
      "name": "xattr-size",
      "type": "options",
      "selector": "div",
      "target": "class",
      "values": [
        {
          "key": "",
          "value": "Standard"
        },
        {
          "key": "button-large",
          "value": "Large"
        },
        {
          "key": "button-small",
          "value": "Small"
        }
      ]
    },
    {
      "name": "crn-datasource",
      "type": "pageDatasource",
      "target": "button"
    },
    {
      "name": "xattr-type",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "",
          "value": "Default"
        },
        {
          "key": "button-clear",
          "value": "Clear"
        },
        {
          "key": "button-outline",
          "value": "Outline"
        }
      ]
    },
    {
      "name": "xattr-fullsize",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "button-block",
          "value": "Block"
        },
        {
          "key": "",
          "value": "Inline"
        },
        {
          "key": "button-full",
          "value": "Full Width"
        }
      ]
    },
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "",
          "value": "Default"
        },
        {
          "key": "button-assertive",
          "value": "Assertive",
          "color": "#ef473a"
        },
        {
          "key": "button-balanced",
          "value": "Balanced",
          "color": "#33cd5f"
        },
        {
          "key": "button-energized",
          "value": "Energized",
          "color": "#ffc900"
        },
        {
          "key": "button-light",
          "value": "Light",
          "color": "#fff"
        },
        {
          "key": "button-stable",
          "value": "Stable",
          "color": "#f8f8f8"
        },
        {
          "key": "button-calm",
          "value": "Calm",
          "color": "#11c1f3"
        },
        {
          "key": "button-positive",
          "value": "Positive",
          "color": "#387ef5"
        },
        {
          "key": "button-royal",
          "value": "Royal",
          "color": "#886aea"
        },
        {
          "key": "button-dark",
          "value": "Dark",
          "color": "#444"
        }
      ]
    },
    {
      "name": "required-filter",
      "type": "options",
      "target": "required-filter",
      "values": [
        {
          "key": "true",
          "value": "Sim"
        },
        {
          "key": "false",
          "value": "Não"
        }
      ]
    },
    {
      "name": "xattr-icon-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "",
          "value": "Default"
        },
        {
          "key": "assertive",
          "value": "Assertive",
          "color": "#ef473a"
        },
        {
          "key": "balanced",
          "value": "Balanced",
          "color": "#33cd5f"
        },
        {
          "key": "energized",
          "value": "Energized",
          "color": "#ffc900"
        },
        {
          "key": "light",
          "value": "Light",
          "color": "#fff"
        },
        {
          "key": "stable",
          "value": "Stable",
          "color": "#f8f8f8"
        },
        {
          "key": "calm",
          "value": "Calm",
          "color": "#11c1f3"
        },
        {
          "key": "positive",
          "value": "Positive",
          "color": "#387ef5"
        },
        {
          "key": "royal",
          "value": "Royal",
          "color": "#886aea"
        },
        {
          "key": "dark",
          "value": "Dark",
          "color": "#444"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "class",
      "selector": "i",
      "displayName_pt_BR": "Ícone",
      "displayName_en_US": "Icon",
      "type": "icon"
    },
    {
      "name": "xattr-icon-theme",
      "selector": "i",
      "displayName_pt_BR": "Tema do ícone",
      "displayName_en_US": "Icon Theme",
      "type": "text"
    },
    {
      "name": "content",
      "selector": "span",
      "type": "content"
    }
  ],
  "styles": [
    {
      "selector": "button#{id}",
      "text_pt_BR": "Botão",
      "text_en_US": "Button"
    },
    {
      "selector": "button#{id} i",
      "text_pt_BR": "Ícone",
      "text_en_US": "Icon"
    },
    {
      "selector": "button#{id} span",
      "text_pt_BR": "Descrição",
      "text_en_US": "Description"
    }
  ]
}