cronapp-framework-mobile-js 1.0.4

package/components/crn-ion-segment.components.json

@@ -0,0 +1,1009 @@
+{
+  "name": "crn-ion-segment",
+  "text_pt_BR": "Abas",
+  "text_en_US": "Tabs",
+  "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"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/components/templates/crn-ion-segment.template.html",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  },
+  "handleRules": {
+    "canOrder": true,
+    "canActivate": true,
+    "canIncrement": true,
+    "rules": [
+      {
+        "activeSelector": "ul.nav-tabs li.active a",
+        "activeClass": "active",
+        "sourceHTML": "<li role=\"presentation\" class=\"\"><a data-target=\"#tab${RANDOM}\" data-component=\"crn-ion-segment-item\" role=\"tab\" data-toggle=\"tab\" data-container=\"true\"><i class=\"ion ion-android-star\"></i><span>New</span></a></li>",
+        "targetSelector": "ul.nav-tabs"
+      },
+      {
+        "activeSelector": "div.tab-content .tab-pane.active",
+        "activeClass": "active",
+        "sourceHTML": "<div role=\"tabpanel\" class=\"tab-pane\" id=\"tab${RANDOM}\"><div data-container=\"true\" data-replace=\"true\"></div></div>",
+        "targetSelector": "div.tab-content"
+      }
+    ]
+  },
+  "attributesForPreview": [
+    {
+      "name": "icon-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "ion-segment-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--ionSegmentDefault"
+        },
+        {
+          "key": "ion-segment-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--ionSegmentPrimary"
+        },
+        {
+          "key": "ion-segment-balanced",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--ionSegmentSuccess"
+        },
+        {
+          "key": "ion-segment-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--ionSegmentCalm"
+        },
+        {
+          "key": "ion-segment-energized",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--ionSegmentWarning"
+        },
+        {
+          "key": "ion-segment-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--ionSegmentDanger"
+        },
+        {
+          "key": "ion-segment-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "--ionSegmentLight"
+        },
+        {
+          "key": "ion-segment-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "--ionSegmentStable"
+        },
+        {
+          "key": "ion-segment-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "--ionSegmentRoyal"
+        },
+        {
+          "key": "ion-segment-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "--ionSegmentDark"
+        },
+        {
+          "key": "ion-segment-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "ion-segment-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "ion-segment-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "ion-segment-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "ion-segment-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "ion-segment-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "ion-segment-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "ion-segment-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "ion-segment-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "ion-segment-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "ion-segment-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "ion-segment-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "ion-segment-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "ion-segment-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "ion-segment-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "ion-segment-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "ion-segment-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "ion-segment-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark Yellow",
+          "color": "#7A7A00"
+        },
+        {
+          "key": "ion-segment-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "ion-segment-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "ion-segment-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    },
+    {
+      "name": "background-color",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "bg-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--bgDefault"
+        },
+        {
+          "key": "bg-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--bgPrimary"
+        },
+        {
+          "key": "bg-balanced",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--bgSuccess"
+        },
+        {
+          "key": "bg-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--bgCalm"
+        },
+        {
+          "key": "bg-energized",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--bgWarning"
+        },
+        {
+          "key": "bg-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--bgDanger"
+        },
+        {
+          "key": "bg-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "--bgLight"
+        },
+        {
+          "key": "bg-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "--bgStable"
+        },
+        {
+          "key": "bg-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "--bgRoyal"
+        },
+        {
+          "key": "bg-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "--bgDark"
+        },
+        {
+          "key": "bg-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "bg-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "bg-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "bg-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "bg-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "bg-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "bg-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "bg-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "bg-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "bg-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "bg-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "bg-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "bg-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "bg-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "bg-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "bg-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "bg-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "bg-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "bg-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "bg-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "bg-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    },
+    {
+      "name": "background-color-active",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "active-background-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--activeBackgroundDefault",
+          "borderColor": "--borderActiveBackgroundDefault"
+        },
+        {
+          "key": "active-background-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--activeBackgroundPrimary",
+          "borderColor": "--borderActiveBackgroundPrimary"
+        },
+        {
+          "key": "active-background-balanced",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--activeBackgroundSuccess",
+          "borderColor": "--borderActiveBackgroundSuccess"
+        },
+        {
+          "key": "active-background-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--activeBackgroundCalm",
+          "borderColor": "--borderActiveBackgroundCalm"
+        },
+        {
+          "key": "active-background-energized",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--activeBackgroundWarning",
+          "borderColor": "--borderActiveBackgroundWarning"
+        },
+        {
+          "key": "active-background-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--activeBackgroundDanger",
+          "borderColor": "--borderActiveBackgroundDanger"
+        },
+        {
+          "key": "active-background-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "--activeBackgroundLight",
+          "borderColor": "--borderActiveBackgroundLight"
+        },
+        {
+          "key": "active-background-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "--activeBackgroundStable",
+          "borderColor": "--borderActiveBackgroundStable"
+        },
+        {
+          "key": "active-background-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "--activeBackgroundRoyal",
+          "borderColor": "--borderActiveBackgroundRoyal"
+        },
+        {
+          "key": "active-background-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "--activeBackgroundDark",
+          "borderColor": "--borderActiveBackgroundDark"
+        },
+        {
+          "key": "active-background-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "active-background-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "active-background-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "active-background-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "active-background-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "active-background-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "active-background-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "active-background-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "active-background-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "active-background-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "active-background-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "active-background-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "active-background-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "active-background-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "active-background-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "active-background-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "active-background-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "active-background-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "active-background-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "active-background-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "active-background-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    },
+    {
+      "name": "icon-theme-light",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "icon-theme-light-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--iconThemeLightDefault"
+        },
+        {
+          "key": "icon-theme-light-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--iconThemeLightPrimary"
+        },
+        {
+          "key": "icon-theme-light-balanced",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--iconThemeLightSuccess"
+        },
+        {
+          "key": "icon-theme-light-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--iconThemeLightCalm"
+        },
+        {
+          "key": "icon-theme-light-energized",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--iconThemeLightWarning"
+        },
+        {
+          "key": "icon-theme-light-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--iconThemeLightDanger"
+        },
+        {
+          "key": "icon-theme-light-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "--iconThemeLightLight"
+        },
+        {
+          "key": "icon-theme-light-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "--iconThemeLightStable"
+        },
+        {
+          "key": "icon-theme-light-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "--iconThemeLightRoyal"
+        },
+        {
+          "key": "icon-theme-light-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "--iconThemeLightDark"
+        },
+        {
+          "key": "icon-theme-light-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "icon-theme-light-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "icon-theme-light-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "icon-theme-light-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "icon-theme-light-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "icon-theme-light-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "icon-theme-light-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "icon-theme-light-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "icon-theme-light-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "icon-theme-light-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "icon-theme-light-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "icon-theme-light-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "icon-theme-light-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "icon-theme-light-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "icon-theme-light-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "icon-theme-light-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "icon-theme-light-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "icon-theme-light-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "icon-theme-light-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "icon-theme-light-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "icon-theme-light-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
+    },
+    {
+      "name": "icon-size",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "font-size-100",
+          "value": "100%"
+        },
+        {
+          "key": "font-size-200",
+          "value": "200%"
+        },
+        {
+          "key": "font-size-300",
+          "value": "300%"
+        },
+        {
+          "key": "font-size-400",
+          "value": "400%"
+        },
+        {
+          "key": "font-size-500",
+          "value": "500%"
+        },
+        {
+          "key": "font-size-600",
+          "value": "600%"
+        },
+        {
+          "key": "font-size-700",
+          "value": "700%"
+        }
+      ]
+    },
+    {
+      "name": "icon-orientation",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "icon-orientation-left",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left",
+          "icon": "mdi mdi-arrow-left-bold"
+        },
+        {
+          "key": "icon-orientation-right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right",
+          "icon": "mdi mdi-arrow-right-bold"
+        },
+        {
+          "key": "icon-orientation-above",
+          "value_pt_BR": "Em cima",
+          "value_en_US": "Above",
+          "icon": "mdi mdi-arrow-up-bold"
+        },
+        {
+          "key": "icon-orientation-below",
+          "value_pt_BR": "Embaixo",
+          "value_en_US": "Below",
+          "icon": "mdi mdi-arrow-down-bold"
+        }
+      ]
+    },
+    {
+      "name": "theme-ion-segment",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "crn-ion-segment-classic",
+          "value_pt_BR": "Clássico",
+          "value_en_US": "Classic"
+        },
+        {
+          "key": "crn-ion-segment-modern",
+          "value_pt_BR": "Moderno",
+          "value_en_US": "Modern"
+        },
+        {
+          "key": "crn-ion-segment-light",
+          "value_pt_BR": "Light",
+          "value_en_US": "Light"
+        }
+      ]
+    },
+    {
+      "name": "tabs-template",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "tabs-template-compact",
+          "value_pt_BR": "Compacto",
+          "value_en_US": "Compact"
+        },
+        {
+          "key": "tabs-template-full",
+          "value_pt_BR": "Completo",
+          "value_en_US": "Full width"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "theme-ion-segment",
+      "displayName_pt_BR": "Modelo das abas",
+      "displayName_en_US": "Tabs template",
+      "order": 1,
+      "selector": "div.crn-ion-segment"
+    },
+    {
+      "name": "background-color",
+      "displayName_pt_BR": "Cor do fundo",
+      "displayName_en_US": "Background color",
+      "order": 2,
+      "selector": "ul"
+    },
+    {
+      "name": "icon-theme",
+      "displayName_pt_BR": "Cor do texto e ícone",
+      "displayName_en_US": "Text color and icon",
+      "selector": "div.crn-ion-segment-classic ul, div.crn-ion-segment-modern ul",
+      "order": 3
+    },
+    {
+      "name": "icon-theme-light",
+      "displayName_pt_BR": "Cor do texto e ícone (light)",
+      "displayName_en_US": "Text color and icon (light)",
+      "selector": "div.crn-ion-segment-light ul",
+      "order": 3
+    },
+    {
+      "name": "background-color-active",
+      "displayName_pt_BR": "Cor da aba ativa",
+      "displayName_en_US": "Active tab color",
+      "order": 4,
+      "selector": "div.crn-ion-segment-classic ul, div.crn-ion-segment-modern ul"
+    },
+    {
+      "name": "icon-size",
+      "displayName_pt_BR": "Tamanho do ícone",
+      "displayName_en_US": "Icon size",
+      "order": 5,
+      "selector": "ul"
+    },
+    {
+      "name": "icon-orientation",
+      "displayName_pt_BR": "Orientação do ícone",
+      "displayName_en_US": "Icon orientation",
+      "order": 6,
+      "selector": "ul"
+    },
+    {
+      "name": "tabs-template",
+      "displayName_pt_BR": "Largura das abas",
+      "displayName_en_US": "Tab width",
+      "order": 7,
+      "selector": "div.crn-ion-segment-classic ul"
+    }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id} ul",
+      "text_pt_BR": "Cor do fundo",
+      "text_en_US": "Background"
+    },
+    {
+      "selector": "div#{id} ul li a",
+      "text_pt_BR": "Texto e ícone",
+      "text_en_US": "Text and icon"
+    },
+    {
+      "selector": "div#{id} ul li.active",
+      "text_pt_BR": "Aba ativa",
+      "text_en_US": "Active tab"
+    },
+    {
+      "selector": "div#{id} ul li a i",
+      "text_pt_BR": "Ícone",
+      "text_en_US": "Icon"
+    }
+  ]
+}