cronapp-framework-mobile-js

{ "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" } ] }