cronapp-framework-mobile-js/deprecated/components/crn-ion-tab.components.json

Javascript library for CronApp's projects

{
  "name": "crn-ion-tab",
  "text_pt_BR": "Abas",
  "text_en_US": "Tabs",
  "pallete": false,
  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-tabs.svg",
  "description": "Diferentes painéis separados por abas",
  "description_en_US": "Different panels separated by tabs",
  "category": [
    "LAYOUTS"
  ],
  "designTimeClass": [
    {
      "selector": "ion-tabs",
      "class": "tab-nav tabs"
    }
  ],
  "wrapper": false,
  "forcedGroup": true,
  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/components/templates/ion-tab.template.html",
  "properties": {
    "class": {
      "order": 9999
    },
    "on-double-tap": {
      "type": "event"
    },
    "on-hold": {
      "type": "event"
    },
    "on-swipe": {
      "type": "event"
    },
    "on-drag": {
      "type": "event"
    },
    "xattr-theme": {
      "displayName_pt_BR": "Tema do plano de fundo",
      "displayName_en_US": "Background theme",
      "order": 1
    }
  },
  "handleRules": {
    "canIncrement": true,
    "designTimeRules": true,
    "rules": [
      {
        "sourceHTML": "<ion-tab icon-on=\"ion-ios-filing\" icon-off=\"ion-ios-filing-outline\" id=\"ion-tab-${RANDOM}\" data-component=\"crn-ion-tab-item\" href=\"\" badge= \"0\"></ion-tab>",
        "targetSelector": ":self"
      }
    ]
  },
  "attributesForPreview": [
    {
      "name": "xattr-theme",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "tabs-assertive",
          "value_pt_BR": "Assertivo",
          "value_en_US": "Assertive",
          "color": "#ef473a"
        },
        {
          "key": "tabs-balanced",
          "value_pt_BR": "Equilibrado",
          "value_en_US": "Balanced",
          "color": "#33cd5f"
        },
        {
          "key": "tabs-energized",
          "value_pt_BR": "Energizado",
          "value_en_US": "Energized",
          "color": "#ffc900"
        },
        {
          "key": "tabs-light",
          "value_pt_BR": "Claro",
          "value_en_US": "Light",
          "color": "#fff"
        },
        {
          "key": "tabs-stable",
          "value_pt_BR": "Estável",
          "value_en_US": "Stable",
          "color": "#f8f8f8"
        },
        {
          "key": "tabs-calm",
          "value_pt_BR": "Calmo",
          "value_en_US": "Calm",
          "color": "#11c1f3"
        },
        {
          "key": "tabs-positive",
          "value_pt_BR": "Positivo",
          "value_en_US": "Positive",
          "color": "#387ef5"
        },
        {
          "key": "tabs-royal",
          "value_pt_BR": "Real",
          "value_en_US": "Royal",
          "color": "#886aea"
        },
        {
          "key": "tabs-dark",
          "value_pt_BR": "Escuro",
          "value_en_US": "Dark",
          "color": "#444"
        }
      ]
    }
  ],
  "styles": [
    {
      "selector": "ion-tabs#{id}, ion-tabs#{id} .tabs",
      "text_pt_BR": "Plano de fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "ion-tabs#{id} i",
      "text_pt_BR": "Ícones",
      "text_en_US": "Icons"
    },
    {
      "selector": "ion-tabs#{id} .tab-title",
      "text_pt_BR": "Descrição",
      "text_en_US": "Description"
    },
    {
      "selector": "ion-tabs#{id} .tab-item .badge",
      "text_pt_BR": "Badge",
      "text_en_US": "Badge"
    }
  ]
}