cronapp-framework-mobile-js 2.9.0 → 2.9.1-RC.26-SNAPSHOT.1

package/components/crn-anchor.components.json

@@ -22,6 +22,10 @@
       "displayName_en_US": "Title",
       "order": 2
     },
+    "text-theme": {
+      "displayName_pt_BR": "Cor do texto",
+      "displayName_en_US": "Text color"
+    },
     "href": {
       "removable": false,
       "type": "projectResource",
@@ -77,6 +81,199 @@
           "value_en_US": "Compact"
         }
       ]
+    },
+    {
+      "name": "text-theme",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "color-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Theme pattern",
+          "color" : "--colorDefault"
+        },
+        {
+          "key": "color-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color" : "--colorPrimary"
+        },
+        {
+          "key": "color-balanced",
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color" : "--colorSuccess"
+        },
+        {
+          "key": "color-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color" : "--colorCalm"
+        },
+        {
+          "key": "color-energized",
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color" : "--colorWarning"
+        },
+        {
+          "key": "color-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color" : "--colorDanger"
+        },
+        {
+          "key": "color-light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light",
+          "color" : "--colorLight"
+        },
+        {
+          "key": "color-stable",
+          "value_pt_BR": "Estável",
+          "value_en_US": "Stable",
+          "color" : "--colorStable"
+        },
+        {
+          "key": "color-royal",
+          "value_pt_BR": "Real",
+          "value_en_US": "Royal",
+          "color" : "--colorRoyal"
+        },
+        {
+          "key": "color-dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark",
+          "color" : "--colorDark"
+        },
+        {
+          "key": "color-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "color-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "color-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "color-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "color-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "color-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "color-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "color-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "color-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "color-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "color-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "color-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "color-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "color-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "color-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "color-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "color-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "color-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "color-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "color-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "color-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
+        }
+      ]
     }
   ],
   "childrenProperties": [
@@ -84,6 +281,10 @@
       "name": "ng-mouseover",
       "selector": "a",
       "type": "event"
+    },
+    {
+      "name": "text-theme",
+      "selector": ":self"
     }
   ]
 }

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

@@ -22,7 +22,7 @@
     "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>",
+        "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-default\" xattr-fullsize=\"button-block\"><i class=\"icon ion-home icon-left\"></i><span> Button</span></button>",
         "targetSelector": ".button-bar"
       }
     ]

package/components/crn-button.components.json

@@ -160,58 +160,64 @@
       "target": "class",
       "values": [
         {
-          "key": "button-assertive",
-          "value_pt_BR": "Assertivo",
-          "value_en_US": "Assertive",
-          "color": "#ef473a"
+          "key": "button-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--btnDefault"
+        },
+        {
+          "key": "button-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--btnPrimary"
         },
         {
           "key": "button-balanced",
-          "value_pt_BR": "Equilibrado",
-          "value_en_US": "Balanced",
-          "color": "#33cd5f"
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--btnSuccess"
+        },
+        {
+          "key": "button-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--btnCalm"
         },
         {
           "key": "button-energized",
-          "value_pt_BR": "Energizado",
-          "value_en_US": "Energized",
-          "color": "#ffc900"
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--btnWarning"
+        },
+        {
+          "key": "button-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--btnDanger"
         },
         {
           "key": "button-light",
           "value_pt_BR": "Claro",
           "value_en_US": "Light",
-          "color": "#fff"
+          "color": "--btnLight"
         },
         {
           "key": "button-stable",
           "value_pt_BR": "Estável",
           "value_en_US": "Stable",
-          "color": "#f8f8f8"
-        },
-        {
-          "key": "button-calm",
-          "value_pt_BR": "Calmo",
-          "value_en_US": "Calm",
-          "color": "#11c1f3"
-        },
-        {
-          "key": "button-positive",
-          "value_pt_BR": "Positivo",
-          "value_en_US": "Positive",
-          "color": "#387ef5"
+          "color": "--btnStable"
         },
         {
           "key": "button-royal",
           "value_pt_BR": "Real",
           "value_en_US": "Royal",
-          "color": "#886aea"
+          "color": "--btnRoyal"
         },
         {
           "key": "button-dark",
           "value_pt_BR": "Escuro",
           "value_en_US": "Dark",
-          "color": "#444"
+          "color": "--btnDark"
         }
       ]
     },
@@ -221,58 +227,54 @@
       "target": "class",
       "values": [
         {
-          "key": "assertive",
-          "value_pt_BR": "Assertivo",
-          "value_en_US": "Assertive",
-          "color": "#ef473a"
+          "key": "default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme"
+        },
+        {
+          "key": "positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary"
         },
         {
           "key": "balanced",
-          "value_pt_BR": "Equilibrado",
-          "value_en_US": "Balanced",
-          "color": "#33cd5f"
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success"
+        },
+        {
+          "key": "calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info"
         },
         {
           "key": "energized",
-          "value_pt_BR": "Energizado",
-          "value_en_US": "Energized",
-          "color": "#ffc900"
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning"
+        },
+        {
+          "key": "assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger"
         },
         {
           "key": "light",
           "value_pt_BR": "Claro",
-          "value_en_US": "Light",
-          "color": "#fff"
+          "value_en_US": "Light"
         },
         {
           "key": "stable",
           "value_pt_BR": "Estável",
-          "value_en_US": "Stable",
-          "color": "#f8f8f8"
-        },
-        {
-          "key": "calm",
-          "value_pt_BR": "Calmo",
-          "value_en_US": "Calm",
-          "color": "#11c1f3"
-        },
-        {
-          "key": "positive",
-          "value_pt_BR": "Positivo",
-          "value_en_US": "Positive",
-          "color": "#387ef5"
+          "value_en_US": "Stable"
         },
         {
           "key": "royal",
           "value_pt_BR": "Real",
-          "value_en_US": "Royal",
-          "color": "#886aea"
+          "value_en_US": "Royal"
         },
         {
           "key": "dark",
           "value_pt_BR": "Escuro",
-          "value_en_US": "Dark",
-          "color": "#444"
+          "value_en_US": "Dark"
         }
       ]
     }

package/components/crn-checkbox.components.json

@@ -6,7 +6,8 @@
   "description": "Caixa de checagem quadrada com texto",
   "description_en_US": "Square checkbox with text",
   "category": [
-    "INPUTS", "FORMS"
+    "INPUTS",
+    "FORMS"
   ],
   "wrapper": false,
   "templateURL": "src/main/mobileapp/www/node_modules/cronapp-framework-mobile-js/dist/components/templates/checkbox.template.html",
@@ -49,58 +50,190 @@
       "target": "class",
       "values": [
         {
-          "key": "checkbox-assertive",
-          "value_pt_BR": "Assertivo",
-          "value_en_US": "Assertive",
-          "color": "#ef473a"
+          "key": "checkbox-default",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Default theme",
+          "color": "--checkboxDefault"
+        },
+        {
+          "key": "checkbox-positive",
+          "value_pt_BR": "Secundário",
+          "value_en_US": "Secondary",
+          "color": "--checkboxPrimary"
         },
         {
           "key": "checkbox-balanced",
-          "value_pt_BR": "Equilibrado",
-          "value_en_US": "Balanced",
-          "color": "#33cd5f"
+          "value_pt_BR": "Sucesso",
+          "value_en_US": "Success",
+          "color": "--checkboxSuccess"
+        },
+        {
+          "key": "checkbox-calm",
+          "value_pt_BR": "Informação",
+          "value_en_US": "Info",
+          "color": "--checkboxCalm"
         },
         {
           "key": "checkbox-energized",
-          "value_pt_BR": "Energizado",
-          "value_en_US": "Energized",
-          "color": "#ffc900"
+          "value_pt_BR": "Aviso",
+          "value_en_US": "Warning",
+          "color": "--checkboxWarning"
+        },
+        {
+          "key": "checkbox-assertive",
+          "value_pt_BR": "Perigo",
+          "value_en_US": "Danger",
+          "color": "--checkboxDanger"
         },
         {
           "key": "checkbox-light",
           "value_pt_BR": "Claro",
           "value_en_US": "Light",
-          "color": "#fff"
+          "color": "--checkboxLight"
         },
         {
           "key": "checkbox-stable",
           "value_pt_BR": "Estável",
           "value_en_US": "Stable",
-          "color": "#f8f8f8"
-        },
-        {
-          "key": "checkbox-calm",
-          "value_pt_BR": "Calmo",
-          "value_en_US": "Calm",
-          "color": "#11c1f3"
-        },
-        {
-          "key": "checkbox-positive",
-          "value_pt_BR": "Positivo",
-          "value_en_US": "Positive",
-          "color": "#387ef5"
+          "color": "--checkboxStable"
         },
         {
           "key": "checkbox-royal",
           "value_pt_BR": "Real",
           "value_en_US": "Royal",
-          "color": "#886aea"
+          "color": "--checkboxRoyal"
         },
         {
           "key": "checkbox-dark",
-          "value_pt_BR": "Sombrio",
+          "value_pt_BR": "Escuro",
           "value_en_US": "Dark",
-          "color": "#444"
+          "color": "--checkboxDark"
+        },
+        {
+          "key": "checkbox-white",
+          "value_pt_BR": "Branco",
+          "value_en_US": "White",
+          "color": "#fff"
+        },
+        {
+          "key": "checkbox-gray",
+          "value_pt_BR": "Cinza",
+          "value_en_US": "Gray",
+          "color": "#333"
+        },
+        {
+          "key": "checkbox-black",
+          "value_pt_BR": "Preto",
+          "value_en_US": "Black",
+          "color": "#000"
+        },
+        {
+          "key": "checkbox-blue",
+          "value_pt_BR": "Azul",
+          "value_en_US": "Blue",
+          "color": "#0247FE"
+        },
+        {
+          "key": "checkbox-light-blue",
+          "value_pt_BR": "Azul claro",
+          "value_en_US": "Light blue",
+          "color": "#85A5FF"
+        },
+        {
+          "key": "checkbox-dark-blue",
+          "value_pt_BR": "Azul escuro",
+          "value_en_US": "Dark blue",
+          "color": "#00217A"
+        },
+        {
+          "key": "checkbox-purple",
+          "value_pt_BR": "Roxo",
+          "value_en_US": "Purple",
+          "color": "#3D01A4"
+        },
+        {
+          "key": "checkbox-light-purple",
+          "value_pt_BR": "Roxo claro",
+          "value_en_US": "Light purple",
+          "color": "#B285FF"
+        },
+        {
+          "key": "checkbox-dark-purple",
+          "value_pt_BR": "Roxo escuro",
+          "value_en_US": "Dark purple",
+          "color": "#2D007A"
+        },
+        {
+          "key": "checkbox-red",
+          "value_pt_BR": "Vermelho",
+          "value_en_US": "Red",
+          "color": "#FE2712"
+        },
+        {
+          "key": "checkbox-light-red",
+          "value_pt_BR": "Vermelho claro",
+          "value_en_US": "Light red",
+          "color": "#FE8F84"
+        },
+        {
+          "key": "checkbox-dark-red",
+          "value_pt_BR": "Vermelho escuro",
+          "value_en_US": "Dark red",
+          "color": "#7A0B00"
+        },
+        {
+          "key": "checkbox-orange",
+          "value_pt_BR": "Laranja",
+          "value_en_US": "Orange",
+          "color": "#FB9B02"
+        },
+        {
+          "key": "checkbox-light-orange",
+          "value_pt_BR": "Laranja claro",
+          "value_en_US": "Light orange",
+          "color": "#FFD085"
+        },
+        {
+          "key": "checkbox-dark-orange",
+          "value_pt_BR": "Laranja escuro",
+          "value_en_US": "Dark orange",
+          "color": "#7A4B00"
+        },
+        {
+          "key": "checkbox-yellow",
+          "value_pt_BR": "Amarelo",
+          "value_en_US": "Yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "checkbox-light-yellow",
+          "value_pt_BR": "Amarelo claro",
+          "value_en_US": "Light yellow",
+          "color": "#FFFF85"
+        },
+        {
+          "key": "checkbox-dark-yellow",
+          "value_pt_BR": "Amarelo escuro",
+          "value_en_US": "Dark yellow",
+          "color": "#FFFF33"
+        },
+        {
+          "key": "checkbox-green",
+          "value_pt_BR": "Verde",
+          "value_en_US": "Green",
+          "color": "#66B032"
+        },
+        {
+          "key": "checkbox-light-green",
+          "value_pt_BR": "Verde claro",
+          "value_en_US": "Light green",
+          "color": "#B7FF85"
+        },
+        {
+          "key": "checkbox-dark-green",
+          "value_pt_BR": "Verde escuro",
+          "value_en_US": "Dark green",
+          "color": "#337A00"
         }
       ]
     }

package/components/crn-complex-search.components.json

@@ -20,7 +20,7 @@
       "text_en_US": "Filter Button"
     },
     {
-      "selector": "div#{id} .button i ",
+      "selector": "div#{id} .button i",
       "text_pt_BR": "Ícone do Botão",
       "text_en_US": "Button Icon"
     },

package/components/crn-component.components.json

@@ -0,0 +1,43 @@
+{
+  "name": "crn-component",
+  "designTimeDynamic": true,
+  "text_pt_BR": "Fragmento",
+  "text_en_US": "Fragment",
+  "onDoubleClick": "openResource:origin",
+  "description": "Componente visual que pode ser utilizado dentro de uma página",
+  "description_en_US": "Visual component that can be used within a page",
+  "image": "/node_modules/cronapp-framework-mobile-js/img/cron-icon/crn-component.svg",
+  "forcedGroup": true,
+  "category": [
+    "LAYOUTS"
+  ],
+  "designTimeHTML": "<img src=\"node_modules/cronapp-framework-mobile-js/img/web.png\" style=\"height: 80px; width: 80px; margin: auto; display: table-cell; vertical-align: middle; text-align: center;\">",
+  "designTimeSelector": "crn-component",
+  "template": "<crn-component origin=\"\"></crn-component>",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 3
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "origin",
+      "type": "projectResource",
+      "displayName_pt_BR": "Componente",
+      "displayName_en_US": "Component",
+      "resourceType": "text/html",
+      "extraOptions": {
+        "underComponentsFolder": true
+      },
+      "selector": "crn-component[origin]",
+      "mandatory": true,
+      "removable": false,
+      "underViewsFolder" : true,
+      "webPath" : true,
+      "order": 1
+    }
+  ]
+}