cronapp-framework-mobile-js 2.8.9 → 2.8.13

package/components/crn-button.components.json

@@ -20,7 +20,7 @@
     "class": {
       "order": 9999
     },
-    "onclick": {
+    "ng-click": {
       "removable": true,
       "type": "event"
     },

package/components/crn-chart.components.json

@@ -9,6 +9,7 @@
       "LAYOUTS"
   ],
   "wrapper": false,
+  "forcedGroup": true,
   "template": "<div class=\"col-xs-12\"> <canvas id=\"chart${RANDOM}\" data-component=\"crn-chart\" class=\"col-xs-12\"></canvas></div>",
   "designTimeHTML": "<img alt=\"qr-code\" style=\"height: 100%;width:100%;min-height:100%; min-width:100%;\"  src=\"node_modules/cronapp-framework-mobile-js/img/svg-charts.svg\"/>",
   "designTimeSelector": "canvas",

package/components/crn-header-button.components.json

@@ -17,7 +17,7 @@
             "displayName_pt_BR": "Botão do cabeçalho",
             "displayName_en_US": "Header button"
         },
-        "onclick": {
+        "ng-click": {
             "removable": true,
             "type": "event"
         },

package/components/crn-input-button.components.json

@@ -71,6 +71,22 @@
       "type": "text",
       "order": 5
     },
+    {
+      "name": "ng-minlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Tamanho mínimo",
+      "displayName_en_US": "Minimum size",
+      "order": 7
+    },
+    {
+      "name": "ng-maxlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Máximo de caracteres",
+      "displayName_en_US": "Maximum characters",
+      "order": 8
+    },
     {
       "name": "ng-click",
       "selector": "button",

package/components/crn-input-floating.components.json

@@ -8,10 +8,10 @@
   "category": [
     "INPUTS", "FORMS"
   ],
-  "wrapper": false,
+  "wrapper": true,
   "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/floattextinput.template.html",
   "designTimeHTMLURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/floattextinput.designtime.html",
-  "designTimeSelector": ":self",
+  "designTimeSelector": "label",
   "designTimeDynamic": true,
   "properties": {
     "id": {
@@ -69,6 +69,22 @@
       "type": "text",
       "order": 5
     },
+    {
+      "name": "ng-minlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Tamanho mínimo",
+      "displayName_en_US": "Minimum size",
+      "order": 7
+    },
+    {
+      "name": "ng-maxlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Máximo de caracteres",
+      "displayName_en_US": "Maximum characters",
+      "order": 8
+    },
     {
       "name": "ng-keydown",
       "selector": "input",
@@ -161,7 +177,7 @@
   ],
   "styles": [
     {
-      "selector": "#{id} .input-label",
+      "selector": "#{id} span",
       "text_pt_BR": "Título",
       "text_en_US": "Title"
     },

package/components/crn-input-icon.components.json

@@ -54,6 +54,22 @@
       "displayName_en_US": "Keyboard Type",
       "order": 6
     },
+    {
+      "name": "ng-minlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Tamanho mínimo",
+      "displayName_en_US": "Minimum size",
+      "order": 7
+    },
+    {
+      "name": "ng-maxlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Máximo de caracteres",
+      "displayName_en_US": "Maximum characters",
+      "order": 8
+    },
     {
       "name": "mask",
       "selector": "input",

package/components/crn-input-inline.components.json

@@ -54,6 +54,22 @@
       "displayName_en_US": "Keyboard Type",
       "order": 6
     },
+    {
+      "name": "ng-minlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Tamanho mínimo",
+      "displayName_en_US": "Minimum size",
+      "order": 7
+    },
+    {
+      "name": "ng-maxlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Máximo de caracteres",
+      "displayName_en_US": "Maximum characters",
+      "order": 8
+    },
     {
       "name": "mask",
       "selector": "input",

package/components/crn-input.components.json

@@ -69,6 +69,22 @@
       "type": "text",
       "order": 5
     },
+    {
+      "name": "ng-minlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Tamanho mínimo",
+      "displayName_en_US": "Minimum size",
+      "order": 7
+    },
+    {
+      "name": "ng-maxlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Máximo de caracteres",
+      "displayName_en_US": "Maximum characters",
+      "order": 8
+    },
     {
       "name": "ng-keyup",
       "selector": "input",

package/components/crn-ion-footer-bar.components.json

@@ -278,7 +278,7 @@
       "name": "xattr-position",
       "displayName_pt_BR": "Posição do título",
       "displayName_en_US": "Title position",
-      "selector": "h1.title",
+      "selector": "h1",
       "order": 2
     },
     {

package/components/crn-ion-header-bar.components.json

@@ -45,7 +45,7 @@
     "additive": false,
     "duplicable": false,
     "pluggable": false,
-    "removable": false
+    "removable": true
   },
   "droppableArea": {
     "onmiddle": true,

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

@@ -2,14 +2,6 @@
   "name": "crn-ion-list",
   "text_pt_BR": "Lista Avançada",
   "text_en_US": "Advanced List",
-  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-ion-list.svg",
-  "description": "Lista de dados com barra de pesquisa",
-  "description_en_US": "Data list with search bar",
-  "category": [
-    "LISTS"
-  ],
-  "onDrop": "openEditor",
-  "wrapper": true,
   "onDoubleClick": "openEditor",
   "onDrop": "openEditor",
   "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-ion-list.svg",
@@ -41,29 +33,6 @@
     "class": {
       "order": 9999
     },
-    "onclick": {
-      "type": "event"
-    },
-    "on-tap": {
-      "removable": true,
-      "type": "event"
-    },
-    "on-double-tap": {
-      "removable": true,
-      "type": "event"
-    },
-    "on-hold": {
-      "removable": false,
-      "type": "event"
-    },
-    "on-drag": {
-      "removable": false,
-      "type": "event"
-    },
-    "on-swipe": {
-      "removable": false,
-      "type": "event"
-    },
     "options": {
       "displayName_pt_BR": "Configuração",
       "displayName_en_US": "Configuration",

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

@@ -12,7 +12,7 @@
   "forcedGroup": true,
   "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/item.swipe.template.html",
   "properties": {
-    "onclick": {
+    "ng-click": {
       "type": "event"
     },
     "id":{
@@ -39,7 +39,7 @@
   ],
   "styles": [
     {
-      "selector": "div#{id} .item-content",
+      "selector": "div#{id} .item-content, div#{id} .item",
       "text_pt_BR": "Plano de fundo",
       "text_en_US": "Background"
     },

package/components/crn-list-item-icon.components.json

@@ -85,31 +85,18 @@
       "values": [
         {
           "key": "font-size:100%;",
-          "value": "100%"
+          "value_pt_BR": "Pequeno",
+          "value_en_US": "Small"
         },
         {
           "key": "font-size:200%;",
-          "value": "200%"
+          "value_pt_BR": "Médio",
+          "value_en_US": "Medium"
         },
         {
           "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%"
+          "value_pt_BR": "Grande",
+          "value_en_US": "Big"
         }
       ]
     },
@@ -257,4 +244,4 @@
       "text_en_US": "Title"
     }
   ]
-}
+}

package/components/crn-list-swipe.components.json

@@ -67,7 +67,7 @@
     "class": {
       "order": 9999
     },
-    "onclick": {
+    "ng-click": {
       "type": "event"
     }
   },
@@ -82,7 +82,7 @@
   },
   "styles": [
     {
-      "selector": "div#{id} .item-content",
+      "selector": "div#{id} .item-content, div#{id} .item",
       "text_pt_BR": "Plano de fundo",
       "text_en_US": "Background"
     },

package/components/crn-list.components.json

@@ -59,7 +59,7 @@
     "class": {
       "order": 9999
     },
-    "onclick": {
+    "ng-click": {
       "type": "event"
     }
   },

package/components/crn-navbar.components.json

@@ -7,6 +7,7 @@
   "class": "adjust-icon mdi mdi-navigation",
   "template": "",
   "pallete": false,
+  "forcedGroup": true,
   "properties": {
     "xattr-theme": {
       "displayName": "Theme"

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

@@ -6,6 +6,7 @@
   "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": 2
@@ -30,11 +31,6 @@
       "type": "options",
       "target": "class",
       "values": [
-        {
-          "key": "",
-          "value_pt_BR": "Padrão",
-          "value_en_US": "Default"
-        },
         {
           "key": "assertive-bg",
           "value_pt_BR": "Assertivo",
@@ -90,9 +86,112 @@
           "color": "#444"
         }
       ]
+    },
+    {
+      "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"
+    },
+    {
+      "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",

package/components/crn-slider.components.json

@@ -8,7 +8,7 @@
   "category": [
     "LAYOUTS"
   ],
-  "forcedGroup": true,
+  "wrapper": false,
   "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/slider.template.html",
   "properties": {
     "id": {
@@ -23,7 +23,7 @@
     "rules": [
       {
         "activeClass": "active",
-        "sourceHTML": "<ion-slide xattr-theme=\"dark-bg\" id=\"crn-slider-item-${RANDOM}-1\" data-component=\"crn-slider-item\" class=\"dark-bg\" style=\"width: 100%; height: 200px; position: relative\" data-container=\"true\" data-replace=\"true\"> <h2 data-component=\"crn-label\" style=\"color: white; font-weight: bold; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); position: absolute;\" data-container=\"true\" data-replace=\"true\">SLIDE TITLE</h2> </ion-slide>",
+        "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"
       }
     ]
@@ -31,20 +31,20 @@
   "childrenProperties": [
     {
       "name": "auto-play",
-      "selector": "ion-slide-box[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[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[does-continue]",
+      "selector": "ion-slide-box",
       "displayName_pt_BR": "Reprodução contínua?",
       "displayName_en_US": "Does continue?",
       "type": "logic"
@@ -89,7 +89,7 @@
       "selector": "div",
       "type": "event"
     }
-  ],  
+  ],
   "styles": [
     {
       "selector": "div#{id} .slider-pager .slider-pager-page.active ",

package/components/crn-textarea.components.json

@@ -9,7 +9,7 @@
     "INPUTS", "FORMS"
   ],
   "wrapper": false,
-  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/compnents/templates/textarea.template.html",
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/textarea.template.html",
   "properties": {
     "class": {
       "order": 9999
@@ -40,11 +40,6 @@
       "displayName_en_US": "Number of lines",
       "order": 4
     },
-    "maxlength": {
-      "displayName_pt_BR": "Máximo de caracteres",
-      "displayName_en_US": "Maximum characters",
-      "order": 5
-    },
     "resize": {
       "displayName_pt_BR": "Redimensionável",
       "displayName_en_US": "Resize",
@@ -92,5 +87,23 @@
         }
       ]
     }
+  ],
+  "childrenProperties": [
+    {
+      "name": "minlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Tamanho mínimo",
+      "displayName_en_US": "Minimum size",
+      "order": 1
+    },
+    {
+      "name": "maxlength",
+      "selector": "input",
+      "type": "text",
+      "displayName_pt_BR": "Máximo de caracteres",
+      "displayName_en_US": "Maximum characters",
+      "order": 2
+    }
   ]
 }

package/components/css/app.css

@@ -63,4 +63,16 @@
 
 .font-size-700 {
     font-size: 700%;
+}
+
+.top-13 {
+    top: 13%;
+}
+
+.top-50 {
+    top: 50%;
+}
+
+.top-78 {
+    top: 78%;
 }

package/components/templates/advanced.list.designtime.html

@@ -28,30 +28,6 @@
                     <i class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i>
                 </div>
             </ion-item>
-
-            <ion-item class="item item-complex item-right-editable item-icon-right item-thumbnail-left">
-                <ul ng-if="options.allowMultiselect"
-                    class="checkbox-group component-holder cron-list-multiselect-thumbnail">
-                    <label class="checkbox">
-                        <input type="checkbox">
-                    </label>
-                </ul>
-                <div class="item-content">
-                    <img alt="Thumbnail" src="node_modules/cronapp-framework-mobile-js/img/user.svg">
-                    <div class="text-left ">
-                        <h2 class="ng-binding">admin@cronapp.io</h2>
-                        <p class="dark ng-binding">Administrator</p>
-                        <p class="dark ng-binding">admin</p>
-                    </div>
-                    <i ng-if="options.icon" class="icon ion-alert icon-designtime-ion-list" xattr-theme="dark"></i>
-                </div>
-                <div class="item-options invisible">
-                    <ion-option-button class="button-positive ion-edit button" ng-click="User.startEditing(rowData)"
-                        role="button" tabindex="0"><span class="ng-binding">Editar</span></ion-option-button>
-                    <ion-option-button class="button-assertive ion-trash-a button" ng-click="User.remove(rowData)"
-                        role="button" tabindex="0"><span class="ng-binding">Remover</span></ion-option-button>
-                </div>
-            </ion-item>
         </div>
     </ion-list>
 </div>

package/components/templates/crn-ion-segment-item.template.html

@@ -1,5 +1,5 @@
 <li role="presentation" class="active" data-component="crn-ion-segment-item">
-    <a data-target="#tab1" lass="" role="tab" data-toggle="tab" data-container="true">
+    <a data-target="#tab1-${RANDOM}" lass="" role="tab" data-toggle="tab" data-container="true">
         <i class="ion ion-android-star"></i>
         <span>New</span>
     </a>

package/components/templates/crn-ion-segment.template.html

@@ -1,13 +1,13 @@
 <div class="crn-ion-segment icon-theme-light-positive crn-ion-segment-classic" theme-ion-segment="crn-ion-segment-classic" icon-theme-light="icon-theme-light-positive">
   <ul class="nav nav-tabs font-size-200 tabs-template-full active- icon-orientation-left active--blue active- background-positive active-background-positive ion-segment-light" role="tablist" icon-size="font-size-200" tabs-template="tabs-template-full" background-color="background-positive" background-color-active="active-background-positive" icon-theme="ion-segment-light" icon-orientation="icon-orientation-left">
     <li role="presentation" class="active">
-      <a data-target="#tab1" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
+      <a data-target="#tab1-${RANDOM}" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
         <i class="ion ion-android-star"></i>
         <span>IOS</span>
       </a>
     </li>
     <li role="presentation" class="">
-      <a data-target="#tab2" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
+      <a data-target="#tab2-${RANDOM}" data-component="crn-ion-segment-item" role="tab" data-toggle="tab" data-container="true">
         <i class="ion ion-android-star"></i>
         <span>Android</span>
       </a>
@@ -15,11 +15,11 @@
   </ul>
 
   <div class="tab-content">
-    <div role="tabpanel" class="tab-pane active" id="tab1">
+    <div role="tabpanel" class="tab-pane active" id="tab1-${RANDOM}">
       <div data-container="true" data-replace="true">
       </div>
     </div>
-    <div role="tabpanel" class="tab-pane" id="tab2">
+    <div role="tabpanel" class="tab-pane" id="tab2-${RANDOM}">
       <div data-container="true" data-replace="true">
       </div>
     </div>