cronapp-framework-mobile-js 2.9.1-SP.3 → 2.9.1-SP.4

package/css/themes/custom/material/custom-material.css

@@ -72,13 +72,13 @@
     --borderRadiusFull: 99999px;
 
     /* Color - Theme default */
-    --colorDefault10: #d7def8;
-    --colorDefault20: #b0c0f3;
-    --colorDefault30: #819eee;
-    --colorDefault40: #2b71e8;
-    --colorDefault50: #2663cb;
-    --colorDefault60: #2053aa;
-    --colorDefault70: #183e7f;
+    --colorDefault10:#d7def8;
+    --colorDefault20:#b0c0f3;
+    --colorDefault30:#819eee;
+    --colorDefault40:#2b71e8;
+    --colorDefault50:#2663cb;
+    --colorDefault60:#2053aa;
+    --colorDefault70:#183e7f;
     --textColorDefault10: #8c8c8c;
     --textColorDefault20: #bbbbbb;
     --textColorDefault30: #dfdfdf;
@@ -256,134 +256,77 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
-    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
-    --btnDefault: var(--colorDefault40, #1e293b);
-    --btnPrimary: var(--colorPrimary40, #4f46e5);
-    --btnSuccess: var(--colorSuccess40, #22c55e);
-    --btnCalm: var(--colorCalm40, #11c1f3);
-    --btnWarning: var(--colorWarning40, #f59e0b);
-    --btnDanger: var(--colorDanger40, #ef4444);
+    --btnDefault: var(--colorDefault40, #3b448e);
+    --btnPrimary: var(--colorPrimary40, #5665be);
+    --btnSuccess: var(--colorSuccess40, #257d25);
+    --btnCalm: var(--colorDefault40, #3b448e);
+    --btnWarning: var(--colorWarning40, #f0ad4e);
+    --btnDanger: var(--colorDanger40, #ce3a36);
     --btnLight: var(--colorLight40, #ffffff);
-    --btnLink: var(--textColorLight40, #383838);
+    --btnLink: var(--textColorLight40, #000000);
     --btnStable: var(--colorStable40, #f8f8f8);
-    --btnRoyal: var(--colorRoyal40, #9933cc);
-    --btnDark: var(--colorDark40, #adafae);
-
-    --textColorDefault: var(--textColorDefault40, #ffffff);
-    --textColorPrimary: var(--textColorPrimary40, #ffffff);
-    --textColorSuccess: var(--textColorSuccess40, #ffffff);
-    --textColorCalm: var(--textColorDefault40, #ffffff);
-    --textColorWarning: var(--textColorWarning40, #ffffff);
-    --textColorDanger: var(--textColorDanger40, #ffffff);
-    --textColorLight: var(--textColorLight40, #383838);
-    --textColorStable: var(--textColorStable40, #444444);
-    --textColorRoyal: var(--textColorRoyal40, #ffffff);
-    --textColorDark: var(--textColorDark40, #000000);
-
-    --borderBtnLink: transparent;
-    --borderBtnDefault: transparent;
-    --borderBtnPrimary: transparent;
-    --borderBtnSuccess: transparent;
-    --borderBtnCalm: transparent;
-    --borderBtnWarning: transparent;
-    --borderBtnDanger: transparent;
-    --borderBtnLight: transparent;
-    --borderBtnStable: transparent;
-    --borderBtnRoyal: transparent;
-    --borderBtnDark: transparent;
+    --btnRoyal: var(--colorRoyal40, #886aea);
+    --btnDark: var(--colorDark40, #444444);
 
     /* Components - Text color */
-    --colorDefault: var(--colorDefault40, #1e293b);
-    --colorPrimary: var(--colorPrimary40, #4f46e5);
-    --colorSuccess: var(--colorSuccess40, #22c55e);
-    --colorCalm: var(--colorDefault40, #1e293b);
-    --colorWarning: var(--colorWarning40, #f59e0b);
-    --colorDanger: var(--colorDanger40, #ef4444);
+    --colorDefault: var(--colorDefault40, #3b448e);
+    --colorPrimary: var(--colorPrimary40, #5665be);
+    --colorSuccess: var(--colorSuccess40, #257d25);
+    --colorCalm: var(--colorDefault40, #3b448e);
+    --colorWarning: var(--colorWarning40, #f0ad4e);
+    --colorDanger: var(--colorDanger40, #ce3a36);
     --colorLight: var(--colorLight50, #dfdfdf);
     --colorStable: var(--colorLight50, #dfdfdf);
-    --colorRoyal: var(--colorRoyal40, #9933cc);
-    --colorDark: var(--colorDark40, #adafae);
+    --colorRoyal: var(--colorRoyal40, #886aea);
+    --colorDark: var(--colorDark40, #444444);
 
     /* Components - Checkbox */
-    --checkboxDefault: var(--colorDefault40, #1e293b);
-    --checkboxPrimary: var(--colorPrimary40, #4f46e5);
-    --checkboxSuccess: var(--colorSuccess40, #22c55e);
+    --checkboxDefault: var(--colorDefault50, #d2d2d2);
+    --checkboxPrimary: var(--colorPrimary40, #5665be);
+    --checkboxSuccess: var(--colorSuccess40, #257d25);
     --checkboxCalm: var(--colorCalm40, #11c1f3);
-    --checkboxWarning: var(--colorWarning40, #f59e0b);
-    --checkboxDanger: var(--colorDanger40, #ef4444);
+    --checkboxWarning: var(--colorWarning40, #f0ad4e);
+    --checkboxDanger: var(--colorDanger40, #ce3a36);
     --checkboxLight: var(--colorLight50, #dfdfdf);
     --checkboxStable: var(--colorStable40, #f8f8f8);
-    --checkboxRoyal: var(--colorRoyal40, #9933cc);
-    --checkboxDark: var(--colorDark40, #adafae);
-
-    --borderCheckboxDefault: var(--colorDefault40, #1e293b);
-    --borderCheckboxPrimary: var(--colorPrimary40, #4f46e5);
-    --borderCheckboxSuccess: var(--colorSuccess40, #22c55e);
-    --borderCheckboxCalm: var(--colorCalm40, #11c1f3);
-    --borderCheckboxWarning: var(--colorWarning40, #f59e0b);
-    --borderCheckboxDanger: var(--colorDanger40, #ef4444);
-    --borderCheckboxLight: var(--colorLight50, #dfdfdf);
-    --borderCheckboxStable: var(--colorStable40, #f8f8f8);
-    --borderCheckboxRoyal: var(--colorRoyal40, #9933cc);
-    --borderCheckboxDark: var(--colorDark40, #adafae);
+    --checkboxRoyal: var(--colorRoyal40, #886aea);
+    --checkboxDark: var(--colorDark40, #444444);
 
     /* Components - Toggle */
-    --toggleDefault: var(--colorDefault40, #1e293b);
-    --togglePrimary: var(--colorPrimary40, #4f46e5);
-    --toggleSuccess: var(--colorSuccess40, #22c55e);
+    --toggleDefault: var(--colorDefault40, #3b448e);
+    --togglePrimary: var(--colorPrimary40, #5665be);
+    --toggleSuccess: var(--colorSuccess40, #257d25);
     --toggleCalm: var(--colorCalm40, #11c1f3);
-    --toggleWarning: var(--colorWarning40, #f59e0b);
-    --toggleDanger: var(--colorDanger40, #ef4444);
+    --toggleWarning: var(--colorWarning40, #f0ad4e);
+    --toggleDanger: var(--colorDanger40, #ce3a36);
     --toggleLight: var(--colorLight50, #dfdfdf);
     --toggleStable: var(--colorStable50, #d9d9d9);
-    --toggleRoyal: var(--colorRoyal40, #9933cc);
-    --toggleDark: var(--colorDark40, #adafae);
-
-    --borderToggleDefault: var(--colorDefault40, #1e293b);
-    --borderTogglePrimary: var(--colorPrimary40, #4f46e5);
-    --borderToggleSuccess: var(--colorSuccess40, #22c55e);
-    --borderToggleCalm: var(--colorCalm40, #11c1f3);
-    --borderToggleWarning: var(--colorWarning40, #f59e0b);
-    --borderToggleDanger: var(--colorDanger40, #ef4444);
-    --borderToggleLight: var(--colorLight50, #dfdfdf);
-    --borderToggleStable: var(--colorStable50, #9c9c9c);
-    --borderToggleRoyal: var(--colorRoyal40, #9933cc);
-    --borderToggleDark: var(--colorDark40, #adafae);
+    --toggleRoyal: var(--colorRoyal40, #886aea);
+    --toggleDark: var(--colorDark40, #444444);
 
     /* Components - Tabs - crn-ion-segment */
-    --bgDefault: var(--colorPrimary40, #4f46e5);
-    --bgPrimary: var(--colorDefault40, #1e293b);
-    --bgSuccess: var(--colorSuccess40, #22c55e);
+    --bgDefault: var(--colorPrimary40, #5665be);
+    --bgPrimary: var(--colorDefault40, #3b448e);
+    --bgSuccess: var(--colorSuccess40, #257d25);
     --bgCalm: var(--colorCalm40, #11c1f3);
-    --bgWarning: var(--colorWarning40, #f59e0b);
-    --bgDanger: var(--colorDanger40, #ef4444);
+    --bgWarning: var(--colorWarning40, #f0ad4e);
+    --bgDanger: var(--colorDanger40, #ce3a36);
     --bgLight: var(--colorLight40, #ffffff);
     --bgStable: var(--colorStable40, #f8f8f8);
-    --bgRoyal: var(--colorRoyal40, #9933cc);
-    --bgDark: var(--colorDark40, #adafae);
-
-    --borderActiveBackgroundDefault: transparent;
-    --borderActiveBackgroundPrimary: transparent;
-    --borderActiveBackgroundSuccess: transparent;
-    --borderActiveBackgroundCalm: transparent;
-    --borderActiveBackgroundWarning: transparent;
-    --borderActiveBackgroundDanger: transparent;
-    --borderActiveBackgroundLight: transparent;
-    --borderActiveBackgroundStable: transparent;
-    --borderActiveBackgroundRoyal: transparent;
-    --borderActiveBackgroundDark: transparent;
-
-    --activeBackgroundDefault: var(--colorPrimary40, #4f46e5);
-    --activeBackgroundPrimary: var(--colorDefault40, #1e293b);
-    --activeBackgroundSuccess: var(--colorSuccess40, #22c55e);
+    --bgRoyal: var(--colorRoyal40, #886aea);
+    --bgDark: var(--colorDark40, #444444);
+
+    --activeBackgroundDefault: var(--colorPrimary40, #5665be);
+    --activeBackgroundPrimary: var(--colorDefault40, #3b448e);
+    --activeBackgroundSuccess: var(--colorSuccess40, #257d25);
     --activeBackgroundCalm: var(--colorCalm40, #11c1f3);
-    --activeBackgroundWarning: var(--colorWarning40, #f59e0b);
-    --activeBackgroundDanger: var(--colorDanger40, #ef4444);
+    --activeBackgroundWarning: var(--colorWarning40, #f0ad4e);
+    --activeBackgroundDanger: var(--colorDanger40, #ce3a36);
     --activeBackgroundLight: var(--colorLight40, #ffffff);
     --activeBackgroundStable: var(--colorStable40, #f8f8f8);
-    --activeBackgroundRoyal: var(--colorRoyal40, #9933cc);
-    --activeBackgroundDark: var(--colorDark40, #adafae);
+    --activeBackgroundRoyal: var(--colorRoyal40, #886aea);
+    --activeBackgroundDark: var(--colorDark40, #444444);
 
     --ionSegmentDefault: var(--textColorPrimary40, #ffffff);
     --ionSegmentPrimary: var(--textColorDefault40, #ffffff);
@@ -391,59 +334,59 @@
     --ionSegmentCalm: var(--textColorCalm40, #ffffff);
     --ionSegmentWarning: var(--textColorWarning40, #ffffff);
     --ionSegmentDanger: var(--textColorDanger40, #ffffff);
-    --ionSegmentLight: var(--textColorLight40, #383838);
+    --ionSegmentLight: var(--textColorLight40, #000000);
     --ionSegmentStable: var(--textColorStable40, #444444);
     --ionSegmentRoyal: var(--textColorRoyal40, #ffffff);
-    --ionSegmentDark: var(--textColorDark40, #000000);
-
-    --iconThemeLightDefault: var(--colorPrimary40, #4f46e5);
-    --iconThemeLightPrimary: var(--colorDefault40, #1e293b);
-    --iconThemeLightSuccess: var(--colorSuccess40, #22c55e);
-    --iconThemeLightCalm: var(--colorCalm40, #11c1f3);
-    --iconThemeLightWarning: var(--colorWarning40, #f59e0b);
-    --iconThemeLightDanger: var(--colorDanger40, #ef4444);
-    --iconThemeLightLight: var(--textColorLight40, #383838);
+    --ionSegmentDark: var(--textColorDark40, #ffffff);
+
+    --iconThemeLightDefault: var(--textColorPrimary40, #ffffff);
+    --iconThemeLightPrimary: var(--textColorDefault40, #ffffff);
+    --iconThemeLightSuccess: var(--textColorSuccess40, #ffffff);
+    --iconThemeLightCalm: var(--textColorCalm40, #ffffff);
+    --iconThemeLightWarning: var(--textColorWarning40, #ffffff);
+    --iconThemeLightDanger: var(--textColorDanger40, #ffffff);
+    --iconThemeLightLight: var(--textColorLight40, #000000);
     --iconThemeLightStable: var(--textColorStable40, #444444);
-    --iconThemeLightRoyal: var(--colorRoyal40, #9933cc);
-    --iconThemeLightDark: var(--colorDark40, #adafae);
+    --iconThemeLightRoyal: var(--textColorRoyal40, #ffffff);
+    --iconThemeLightDark: var(--textColorDark40, #ffffff);
 
     /* Components - Old Tabs - pallete false */
-    --tabsDefault: var(--colorDefault40, #1e293b);
-    --tabsPrimary: var(--colorPrimary40, #4f46e5);
-    --tabsSuccess: var(--colorSuccess40, #22c55e);
+    --tabsDefault: var(--colorDefault40, #3b448e);
+    --tabsPrimary: var(--colorPrimary40, #5665be);
+    --tabsSuccess: var(--colorSuccess40, #257d25);
     --tabsCalm: var(--colorCalm40, #11c1f3);
-    --tabsWarning: var(--colorWarning40, #f59e0b);
-    --tabsDanger: var(--colorDanger40, #ef4444);
+    --tabsWarning: var(--colorWarning40, #f0ad4e);
+    --tabsDanger: var(--colorDanger40, #ce3a36);
     --tabsLight: var(--colorLight40, #ffffff);
     --tabsStable: var(--colorStable40, #f8f8f8);
-    --tabsRoyal: var(--colorRoyal40, #9933cc);
-    --tabsDark: var(--colorDark40, #adafae);
+    --tabsRoyal: var(--colorRoyal40, #886aea);
+    --tabsDark: var(--colorDark40, #444444);
 
     /* Components - Header */
-    --barDefault: var(--colorDefault40, #1e293b);
-    --barPrimary: var(--colorDefault40, #1e293b);
-    --barSuccess: var(--colorSuccess40, #22c55e);
+    --barDefault: var(--colorDefault40, #3b448e);
+    --barPrimary: var(--colorDefault40, #3b448e);
+    --barSuccess: var(--colorSuccess40, #257d25);
     --barCalm: var(--colorCalm40, #11c1f3);
-    --barWarning: var(--colorWarning40, #f59e0b);
-    --barDanger: var(--colorDanger40, #ef4444);
+    --barWarning: var(--colorWarning40, #f0ad4e);
+    --barDanger: var(--colorDanger40, #ce3a36);
     --barLight: var(--colorLight40, #ffffff);
     --barStable: var(--colorStable40, #f8f8f8);
-    --barRoyal: var(--colorRoyal40, #9933cc);
-    --barDark: var(--colorDark40, #adafae);
+    --barRoyal: var(--colorRoyal40, #886aea);
+    --barDark: var(--colorDark40, #444444);
 
     /* Componentes - Footer with icon */
     --backgroundDefault: var(--textColorDefault40, #ffffff);
-    --backgroundPrimary: var(--colorDefault40, #1e293b);
-    --backgroundSuccess: var(--colorSuccess40, #22c55e);
+    --backgroundPrimary: var(--colorDefault40, #3b448e);
+    --backgroundSuccess: var(--colorSuccess40, #257d25);
     --backgroundCalm: var(--colorCalm40, #11c1f3);
-    --backgroundWarning: var(--colorWarning40, #f59e0b);
-    --backgroundDanger: var(--colorDanger40, #ef4444);
+    --backgroundWarning: var(--colorWarning40, #f0ad4e);
+    --backgroundDanger: var(--colorDanger40, #ce3a36);
     --backgroundLight: var(--colorLight40, #ffffff);
     --backgroundStable: var(--colorStable40, #f8f8f8);
-    --backgroundRoyal: var(--colorRoyal40, #9933cc);
-    --backgroundDark: var(--colorDark40, #adafae);
+    --backgroundRoyal: var(--colorRoyal40, #886aea);
+    --backgroundDark: var(--colorDark40, #444444);
 
-    --tabsIconDefault: var(--colorDefault40, #1e293b);
+    --tabsIconDefault: var(--colorDefault40, #3b448e);
     --tabsIconPrimary: var(--textColorDefault40, #ffffff);
     --tabsIconSuccess: var(--textColorSuccess40, #ffffff);
     --tabsIconCalm: var(--textColorCalm40, #ffffff);
@@ -452,8 +395,7 @@
     --tabsIconLight: var(--textColorLight40, #000000);
     --tabsIconStable: var(--textColorStable40, #444444);
     --tabsIconRoyal: var(--textColorRoyal40, #ffffff);
-    --tabsIconDark: var(--textColorDark40, #000000);
-    /* End - Variables used exclusively in the color palette property */
+    --tabsIconDark: var(--textColorDark40, #ffffff);
 }
 
 h1,

package/deprecated/components/crn-QRCode.components.json

@@ -0,0 +1,54 @@
+{
+  "name": "crn-QRCode",
+  "text_pt_BR": "Código QR",
+  "text_en_US": "QR Code",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-QRCode.svg",
+  "description": "Código de barras bidimensional lido por câmera",
+  "description_en_US": "Two-dimensional barcode read by camera",
+  "category": [
+    "LAYOUTS"
+  ],
+  "wrapper": true,
+  "template": "<qr ng-model=\"vars.QR${RANDOM}\" ><div> </div> </qr>",
+  "designTimeHTML": "<img alt=\"qr-code\" style=\"height: 100%;width:100%;min-height:100%; min-width:100%;\"  src=\"node_modules/cronapp-framework-mobile-js/img/qr-code.png\"/>",
+  "designTimeSelector": "div",
+  "properties": {
+    "id": {
+      "order": 3
+    },
+    "class": {
+      "order": 9999
+    },
+    "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": "ng-model",
+      "selector": "qr",
+      "displayName_pt_BR": "Valor",
+      "displayName_en_US": "Value",
+      "type": "text",
+      "order": 1,
+      "mandatory": true
+    }
+  ]
+}

package/deprecated/components/crn-anchor.components.json

@@ -0,0 +1,89 @@
+{
+  "name": "crn-anchor",
+  "text_pt_BR": "Link",
+  "text_en_US": "Link",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-anchor.svg",
+  "description": "Texto vínculado a uma URL",
+  "description_en_US": "Text linked to a URL",
+  "category": [
+    "BUTTONS"
+  ],
+  "wrapper": false,
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/anchor.template.html",
+  "properties": {
+    "id": {
+      "order": 4
+    },
+    "class": {
+      "order": 9999
+    },
+    "content": {
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
+      "order": 2
+    },
+    "href": {
+      "removable": false,
+      "type": "projectResource",
+      "resourceType": "text/html",
+      "extraOptions": {
+        "underViewsFolder": true
+      },
+      "order": 1
+    },
+    "xattr-fullsize": {
+      "displayName_pt_BR": "Tamanho",
+      "displayName_en_US": "Size",
+      "order": 3
+    },
+    "ng-click": {
+      "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"
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "xattr-fullsize",
+      "type": "options",
+      "target": "style",
+      "values": [
+        {
+          "key": "display:block;",
+          "value_pt_BR": "Largura completa",
+          "value_en_US": "Full width"
+        },
+        {
+          "key": "display:inline;",
+          "value_pt_BR": "Compacto",
+          "value_en_US": "Compact"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "ng-mouseover",
+      "selector": "a",
+      "type": "event"
+    }
+  ]
+}

package/deprecated/components/crn-button-bar.components.json

@@ -0,0 +1,64 @@
+{
+  "name": "crn-button-bar",
+  "text_pt_BR": "Barra de botões",
+  "text_en_US": "Button Bar",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-button-bar.svg",
+  "description": "Botões alinhados na vertical",
+  "description_en_US": "Botões alinhados na vertical",
+  "category": [
+    "BUTTONS"
+  ],
+  "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/button-bar.template.html", 
+  "forcedGroup": true,
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  },
+  "handleRules": {
+    "canIncrement": true,
+    "rules": [
+      {
+        "sourceHTML": "<button class=\"component-holder button button-dark button-block\" data-component=\"crn-button\"type=\"submit\" ng-click=\"\" xattr-size=\"\" xattr-type=\"\" xattr-theme=\"button-positive\" xattr-fullsize=\"button-block\"><i class=\"icon ion-home icon-left\"></i><span> Button</span></button>",
+        "targetSelector": ".button-bar"
+      }
+    ]
+  },
+  "styles": [
+    {
+      "selector": "div#{id} button",
+      "text_pt_BR": "Botão",
+      "text_en_US": "Button"
+    },
+    {
+      "selector": "div#{id} i",
+      "text_pt_BR": "Ícone",
+      "text_en_US": "Icon"
+    },
+    {
+      "selector": "div#{id} span",
+      "text_pt_BR": "Descrição",
+      "text_en_US": "Description"
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "on-hold",
+      "selector": "button",
+      "type": "event"
+    },
+    {
+      "name": "on-drag",
+      "selector": "button",
+      "type": "event"
+    },
+    {
+      "name": "on-swipe",
+      "selector": "button",
+      "type": "event"
+    }
+  ]
+}