cronapp-framework-mobile-js 1.0.4

package/components/crn-slider-item.components.json

@@ -0,0 +1,251 @@
+{
+  "name": "crn-slider-item",
+  "text_pt_BR": "Item de Carrossel",
+  "text_en_US": "Carousel Item",
+  "class": "adjust-icon mdi mdi-view-carousel",
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/item.slider.template.html",
+  "wrapper": false,
+  "pallete": false,
+  "forcedGroup": true,
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    },
+    "xattr-theme": {
+      "displayName_en_US": "Slider theme",
+      "displayName_pt_BR": "Tema do slider",
+      "order": 3
+    },
+    "style": {
+      "displayName_en_US": "Customize the slider",
+      "displayName_pt_BR": "Personalize o item",
+      "order": 1
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "default-bg",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--colorDefault"
+        },
+        {
+          "key": "positive-bg",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--colorPrimary"
+        },
+        {
+          "key": "balanced-bg",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--colorSuccess"
+        },
+        {
+          "key": "calm-bg",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--colorCalm"
+        },
+        {
+          "key": "energized-bg",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--colorWarning"
+        },
+        {
+          "key": "assertive-bg",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--colorDanger"
+        },
+        {
+          "key": "light-bg",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color": "--colorLight"
+        },
+        {
+          "key": "stable-bg",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color": "--colorStable"
+        },
+        {
+          "key": "royal-bg",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color": "--colorRoyal"
+        },
+        {
+          "key": "dark-bg",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color": "--colorDark"
+        }
+      ]
+    },
+    {
+      "name": "object-fit",
+      "target": "style",
+      "type": "options",
+      "values": [
+        {
+          "key": "object-fit: cover;",
+          "value_pt_BR": "Proporcional",
+          "value_en_US": "Proportional"
+        },
+        {
+          "key": "object-fit: contain;",
+          "value_pt_BR": "Ajustado",
+          "value_en_US": "Adjusted"
+        },
+        {
+          "key": "object-fit: fill;",
+          "value_pt_BR": "Preencher (padrão)",
+          "value_en_US": "Fill (default)"
+        },
+        {
+          "key": "object-fit: none;",
+          "value_pt_BR": "Nenhum",
+          "value_en_US": "None"
+        }
+      ]
+    },
+    {
+      "name": "vertical-text-position",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "top-13",
+          "value_pt_BR": "Topo",
+          "value_en_US": "Top",
+          "icon": "mdi mdi-arrow-up-bold"
+        },
+        {
+          "key": "top-50",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center",
+          "icon": "mdi mdi-ray-vertex"
+        },
+        {
+          "key": "top-78",
+          "value_pt_BR": "Abaixo",
+          "value_en_US": "Bottom",
+          "icon": "mdi mdi-arrow-down-bold"
+        }
+      ]
+    },
+    {
+      "name": "horizontal-text-position",
+      "type": "btngroup",
+      "target": "class",
+      "values": [
+        {
+          "key": "text-left",
+          "value_pt_BR": "Esquerda",
+          "value_en_US": "Left",
+          "icon": "mdi mdi-ray-start"
+        },
+        {
+          "key": "text-center",
+          "value_pt_BR": "Centro",
+          "value_en_US": "Center",
+          "icon": "mdi mdi-ray-vertex"
+        },
+        {
+          "key": "text-right",
+          "value_pt_BR": "Direita",
+          "value_en_US": "Right",
+          "icon": "mdi mdi-ray-end"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "src",
+      "type": "projectResource",
+      "resourceType": "image/jpeg,image/gif,image/png,image/svg+xml",
+      "displayName_pt_BR": "Imagem",
+      "displayName_en_US": "Image",
+      "selector": "img",
+      "order": 1
+    },
+    {
+      "name": "content",
+      "selector": "h2",
+      "displayName_pt_BR": "Subtítulo",
+      "displayName_en_US": "Subtitle",
+      "type": "text",
+      "order": 2
+    },
+    {
+      "name": "object-fit",
+      "displayName_pt_BR": "Preenchimento da imagem",
+      "displayName_en_US": "Image filling",
+      "selector": "img"
+    },
+    {
+      "name": "horizontal-text-position",
+      "selector": "h2",
+      "displayName_pt_BR": "Posição horizontal do texto",
+      "displayName_en_US": "Horizontal text position"
+    },
+    {
+      "name": "vertical-text-position",
+      "selector": "h2",
+      "displayName_pt_BR": "Posição vertical do texto",
+      "displayName_en_US": "Vertical text position"
+    },
+    {
+      "name": "ng-click",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-double-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-hold",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-left",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-right",
+      "selector": "div",
+      "type": "event"
+    }
+  ]
+}

package/components/crn-slider.components.json

@@ -0,0 +1,106 @@
+{
+  "name": "crn-slider",
+  "text_pt_BR": "Carrossel",
+  "text_en_US": "Carousel",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-carousel.svg",
+  "description": "Sequência de slides com botão de navegação",
+  "description_en_US": "Slide sequence with navigation button",
+  "category": [
+    "LAYOUTS"
+  ],
+  "wrapper": true,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/slider.template.html",
+  "forcedGroup": true,
+  "properties": {
+    "id": {
+      "order": 1
+    },
+    "class": {
+      "order": 9999
+    }
+  },
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "activeClass": "active",
+        "sourceHTML": "<ion-slide xattr-theme=\"positive-bg\" id=\"crn-slider-item-${RANDOM}\" data-component=\"crn-slider-item\" class=\"positive-bg crn-slider-item\" data-container=\"true\" data-replace=\"true\"> <img alt=\"Placehold\" src=\"node_modules/cronapp-framework-mobile-js/img/placehold-300x200.png\" class=\"component-holder\" style=\"object-fit: cover;\" xattr-position=\"\" width=\"100%\" height=\"100%\" object-fit=\"object-fit: cover;\" data-component=\"crn-image\" id=\"crn-image-${RANDOM}\"> <h2 class=\"text-center top-50\" data-component=\"crn-label\" data-container=\"true\" data-replace=\"true\" horizontal-text-position=\"text-center\" vertical-text-position=\"top-50\">NEW SLIDE</h2> </ion-slide>",
+        "targetSelector": "ion-slide-box"
+      }
+    ]
+  },
+  "childrenProperties": [
+    {
+      "name": "auto-play",
+      "selector": "ion-slide-box",
+      "displayName_pt_BR": "Início automático",
+      "displayName_en_US": "Auto play",
+      "type": "logic"
+    },
+    {
+      "name": "slide-interval",
+      "selector": "ion-slide-box",
+      "displayName_pt_BR": "Intervalo de transição (segundos)",
+      "displayName_en_US": "Slide interval (seconds)"
+    },
+    {
+      "name": "does-continue",
+      "selector": "ion-slide-box",
+      "displayName_pt_BR": "Reprodução contínua?",
+      "displayName_en_US": "Does continue?",
+      "type": "logic"
+    },
+    {
+      "name": "ng-click",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-double-tap",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-hold",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-left",
+      "selector": "div",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe-right",
+      "selector": "div",
+      "type": "event"
+    }
+  ],
+  "styles": [
+    {
+      "selector": "div#{id} .slider-pager .slider-pager-page.active",
+      "text_pt_BR": "Navegação ativa",
+      "text_en_US": "Active slider dots"
+    },
+    {
+      "selector": "div#{id} .slider-pager .slider-pager-page",
+      "text_pt_BR": "Navegação padrão",
+      "text_en_US": "Default slider dots"
+    }
+  ]
+}

package/components/crn-spacer.components.json

@@ -0,0 +1,21 @@
+{
+  "name": "crn-spacer",
+  "text_pt_BR": "Espaço",
+  "text_en_US": "Spacer",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-spacer.svg",
+  "description": "Espaçamento para distanciamento de componentes",
+  "description_en_US": "Spacing for component spacing",
+  "category": [
+    "LAYOUTS"
+  ],
+  "wrapper": false,
+  "template": "<div style= \"height: 100px;\">&nbsp;</div>",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  }
+}

package/components/crn-start.components.json

@@ -0,0 +1,13 @@
+{
+  "name": "crn-start",
+  "pallete": false,
+  "wrapper": false,
+  "properties": {
+    "screen-params": {
+      "removable": false
+    },
+    "screen-variables": {
+      "removable": false
+    }
+  }
+}

package/components/crn-tabs-icon-only-item.components.json

@@ -0,0 +1,85 @@
+{
+  "name": "crn-tabs-icon-only-item",
+  "text_pt_BR": "Item de aba com ícone",
+  "text_en_US": "Tab item with icon",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-tabs-icon-only.svg",
+  "wrapper": false,
+  "autoWrapper": true,
+  "pallete": false,
+  "template": "<a class=\"tab-item\" title=\"New tabs\" data-component=\"crn-tabs-icon-only-item\" contenttitle=\"\" href=\"\"><i class=\"icon ion-gear-a\"></i><span>New tabs</span></a>",
+  "controls": {
+    "ungroup": false,
+    "resizable": false,
+    "additive": false,
+    "duplicable": true,
+    "pluggable": false,
+    "removable": true
+  },
+  "properties": {
+    "href": {
+      "removable": false,
+      "type": "projectResource",
+      "resourceType": "text/html",
+      "extraOptions": {
+        "underViewsFolder": true
+      },
+      "order": 1
+    },
+    "title": {
+      "displayName_pt_BR": "Valor alternativo",
+      "displayName_en_US": "Placeholder",
+      "order": 2
+    },
+    "id": {
+      "order": 4
+    },
+    "ng-click": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-hold": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-double-tap": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-tap": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-swipe": {
+      "removable": false,
+      "type": "event"
+    },
+    "on-drag": {
+      "removable": false,
+      "type": "event"
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "class",
+      "displayName_pt_BR": "Ícone",
+      "displayName_en_US": "Icon",
+      "selector": "i",
+      "type": "icon",
+      "order": 1
+    },
+    {
+      "name": "title",      
+      "selector": "a",
+      "type": "text",
+      "order": 2
+    },
+    {
+      "name": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "selector": "span",
+      "type": "text",
+      "order": 3
+    }
+  ]
+}