cronapp-framework-js 2.8.29 → 2.9.0-SNAPSHOT.2

package/components/crn-radioOption.components.json

@@ -38,6 +38,14 @@
       "type": "content",
       "order": 2
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 3
+    },
     {
       "name": "ng-click",
       "selector": "label[value]",

package/components/crn-rating.components.json

@@ -8,17 +8,13 @@
   "category": [
     "BUTTONS"
   ],
-  "wrapper": false,
+  "wrapper": true,
   "autoWrapper": false,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/rating.template.html",
   "properties": {
     "id": {
       "order": 1
     },
-    "xattr-theme": {
-      "displayName_en_US": "Theme",
-      "displayName_pt_BR": "Tema"
-    },
     "class": {
       "order": 9999
     }
@@ -52,6 +48,11 @@
       "type": "options",
       "target": "class",
       "values": [
+        {
+          "key": "color-theme",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Theme pattern"
+        },
         {
           "key": "color-white",
           "value_pt_BR": "Branco",
@@ -183,27 +184,27 @@
     {
       "name": "icon-size",
       "type": "options",
-      "target": "style",
+      "target": "class",
       "values": [
         {
-          "key": "font-size: 20px;",
-          "value_pt_BR": "Padrão",
-          "value_en_US": "Default"
+          "key": "font-size-theme",
+          "value_pt_BR": "Padrão do tema",
+          "value_en_US": "Theme pattern"
         },
         {
-          "key": "font-size: 47px;",
-          "value_pt_BR": "Grande",
-          "value_en_US": "Big"
+          "key": "font-size-20",
+          "value_pt_BR": "Pequeno",
+          "value_en_US": "Small"
         },
         {
-          "key": "font-size: 30px;",
+          "key": "font-size-30",
           "value_pt_BR": "Médio",
           "value_en_US": "Medium"
         },
         {
-          "key": "font-size: 25px;",
-          "value_pt_BR": "Pequeno",
-          "value_en_US": "Small"
+          "key": "font-size-47",
+          "value_pt_BR": "Grande",
+          "value_en_US": "Big"
         }
       ]
     }
@@ -246,12 +247,6 @@
       "type": "icon",
       "order": 2
     },
-    {
-      "name": "xattr-theme",
-      "selector": "div",
-      "type": "text",
-      "order": 3
-    },
     {
       "name": "xattr-default-value",
       "selector": "cronapp-rating",

package/components/crn-signature-pad.components.json

@@ -0,0 +1,36 @@
+{
+  "name": "crn-signature-pad",
+  "text_pt_BR": "Painel de assinatura",
+  "text_en_US": "Signature Pad",
+  "order": 2,
+  "wrapper": true,
+  "autoWrapper": true,
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-signature-pad.svg",
+  "description": "Painel de assinatura",
+  "description_en_US": "Signature Pad",
+  "category": [
+      "INPUTS"
+  ],
+  "designTimeSelector": "signature-pad",
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/crn-signature-pad.template.html",
+  "designTimeDynamic": false,
+  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/crn-signature-pad.designtime.html",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  },
+  "childrenProperties": [
+   
+    {
+      "name": "ng-model",
+      "selector": "signature-pad",
+      "type": "text",
+      "order": 2,
+      "mandatory": true
+    }
+  ] 
+}

package/components/crn-slider.components.json

@@ -94,4 +94,4 @@
       "type": "event"
     }
   ]
-}
+}

package/components/crn-social-login.components.json

@@ -10,4 +10,4 @@
   ],
   "wrapper": false,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/social-button-bar.template.html"
-}
+}

package/components/crn-table.components.json

@@ -84,4 +84,4 @@
       "type": "event"
     }
   ]
-}
+}

package/components/crn-tabs.components.json

@@ -85,4 +85,4 @@
       "text_en_US": "Default Tab"
     }
   ]
-}
+}

package/components/crn-textarea.components.json

@@ -76,6 +76,14 @@
       "type": "text",
       "order": 2
     },
+    {
+      "name": "ng-disabled",
+      "selector": "textarea",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 8
+    },
     {
       "name": "ng-init",
       "selector": "textarea",

package/components/crn-textinput.components.json

@@ -52,6 +52,14 @@
       "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
       "mandatory": true
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
+    },
     {
       "name": "type",
       "selector": "input",

package/components/crn-textinputbutton.components.json

@@ -35,7 +35,7 @@
       "text_en_US": "Placeholder"
     },
     {
-      "selector": "div#{id} button",
+      "selector": "div#{id} button, div#{id} button i, div#{id} button span",
       "text_pt_BR": "Botão",
       "text_en_US": "Button"
     }
@@ -77,6 +77,14 @@
       "type": "mask",
       "order": 3
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
+    },
     {
       "name": "ng-required",
       "selector": "input",

package/components/crn-textinputicon.components.json

@@ -76,6 +76,14 @@
       "type": "mask",
       "order": 3
     },
+    {
+      "name": "ng-disabled",
+      "selector": "input",
+      "displayName_en_US": "Disabled",
+      "displayName_pt_BR": "Desabilitado",
+      "type": "logic",
+      "order": 4
+    },
     {
       "name": "ng-required",
       "selector": "input",

package/components/crn-three-container.components.json

@@ -1,7 +1,7 @@
 {
     "name": "crn-three-container",
-    "text_pt_BR": "3 Colunas",
-    "text_en_US": "3 Columns",
+    "text_pt_BR": "3 Colunas (4/4/4)",
+    "text_en_US": "3 Columns (4/4/4)",
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-three-container.svg",
     "description": "Três recipiente ao lado para inserir componentes",
     "description_en_US": "Three container on the side for inserting components",

package/components/crn-timeline.components.json

@@ -0,0 +1,44 @@
+{
+  "name": "crn-timeline",
+  "text_pt_BR": "Linha do Tempo",
+  "text_en_US": "Timeline",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-timeline.svg",
+  "description": "Lista de eventos no formato linha do tempo",
+  "description_en_US": "Event list as timeline feed",
+  "onDoubleClick": "openEditor",
+  "onDrop": "openEditor",
+  "category": [
+    "LISTS"
+  ],
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/timeline.template.html",
+  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/timeline.designtime.html",
+  "designTimeSelector": "cron-timeline",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  },
+  "wrapper": false,
+  "autoWrapper": false,
+  "templateInitializers": [
+    {
+      "template": "<ul class=\"timeline\">\r\n   <timeline-event side=\"\" class=\"ng-scope\" ng-repeat=\"rowData in datasource\">\r\n      <li class=\"timeline-event {{rowData[options.fields.field4] == '2' ? 'timeline-inverted' : ''}}\">\r\n         <timeline-badge class=\"{{$odd ? 'info' : 'warning'}} bounce-in\">\r\n            <div class=\"timeline-badge\">\r\n               <i class=\"glyphicon {{rowData[options.fields.field3] ? rowData[options.fields.field3] : 'glyphicon-check'}}\"><\/i>\r\n            <\/div>\r\n         <\/timeline-badge>\r\n         <timeline-panel class=\"info bounce-in\">\r\n            <div class=\"timeline-panel\">\r\n               <timeline-heading class=\"ng-scope\">\r\n                  <div class=\"timeline-heading\">\r\n                     <h4 class=\"ng-binding ng-scope\">{{rowData[options.fields.field0]}}<\/h4>\r\n                     <p class=\"ng-scope\">\r\n                        <small class=\"text-muted ng-binding\"><i class=\"glyphicon glyphicon-time\"><\/i>{{rowData[options.fields.field1]|mask:options.fields.mask1:options.fields.type1}}<\/small>\r\n                     <\/p>\r\n                  <\/div>\r\n               <\/timeline-heading>\r\n               <p ng-if=\"rowData[options.fields.field2]\" class=\"ng-binding ng-scope\">{{rowData[options.fields.field2]}}<\/p>\r\n            <\/div>\r\n         <\/timeline-panel>\r\n      <\/li>\r\n   <\/timeline-event>\r\n<\/ul>",
+      "attribute": "advancedTemplate"
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "options",
+      "displayName_pt_BR": "Configurações",
+      "displayName_en_US": "Settings",
+      "removable": false,
+      "global": "true",
+      "selector": "cron-timeline",
+      "order": 1,
+      "mandatory": true
+    }
+  ]
+}

package/components/crn-trhee-six-three-container.components.json

@@ -1,7 +1,7 @@
 {
     "name": "crn-three-six-three-container",
-    "text_pt_BR": "3/6/3 Colunas",
-    "text_en_US": "3/6/3 Columns",
+    "text_pt_BR": "3 Colunas (3/6/3)",
+    "text_en_US": "3 Columns (3/6/3)",
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-three-six-three-container.svg",
     "description": "Três recipiente ao lado para inserir componentes",
     "description_en_US": "Three container on the side for inserting components",

package/components/crn-two-container.components.json

@@ -1,7 +1,7 @@
 {
     "name": "crn-two-container",
-    "text_pt_BR": "2 Colunas",
-    "text_en_US": "2 Columns",
+    "text_pt_BR": "2 Colunas (6/6)",
+    "text_en_US": "2 Columns (6/6)",
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-two-container.svg",
     "description": "Dois recipiente ao lado para inserir componentes",
     "description_en_US": "Two container on the side for inserting components",

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

@@ -5,6 +5,7 @@
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-unordered-list.svg",
     "description": "Lista em tópicos com indicadores redondos",
     "description_en_US": "List on topics with round indicators",
+    "pallete": false,
     "category": [
         "LISTS"
     ],

package/components/crn-unordered-sub-list.components.json

@@ -5,6 +5,7 @@
     "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-unordered-sub-list.svg",
     "description": "Sublista de segundo grau com indicadores redondos",
     "description_en_US": "Second degree sublist with round indicators",
+    "pallete": false,
     "category": [
         "LISTS"
     ],

package/components/cron-breadcrumbs.components.json

@@ -0,0 +1,107 @@
+{
+  "name": "cron-breadcrumbs",
+  "text_pt_BR": "Breadcrumbs",
+  "text_en_US": "Breadcrumbs",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/cron-breadrumb.svg",
+  "description": "Breadcrumb",
+  "description_en_US": "Breadcrumb",
+  "category": [
+    "LAYOUTS",
+    "COMBOS"
+  ],
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-breadcrumbs.template.html",
+  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-breadcrumbs.designtime.html",
+  "designTimeSelector": "cron-breadcrumbs",
+  "designTimeDynamic": true,
+  "wrapper": true,
+  "forcedGroup": true,
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 2,
+      "displayName_pt_BR": "Identificador do componente",
+      "displayName_en_US": "Component id"
+    },
+    "crn-delimiter-icon": {
+      "order": 3,
+      "displayName_pt_BR": "Ícone delimitador",
+      "displayName_en_US": "Delimiter icon"
+    },
+    "type-menu": {
+      "order": 1,
+      "displayName_pt_BR": "Tipo de captura",
+      "displayName_en_US": "Capture type"
+    }
+  },
+  "attributesForPreview": [
+    {
+      "name": "crn-delimiter-icon",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "arrow-chevron-right",
+          "value_pt_BR": "Seta",
+          "value_en_US": "Arrow"
+        },
+        {
+          "key": "line",
+          "value_pt_BR": "Linha",
+          "value_en_US": "Line"
+        }
+      ]
+    },
+    {
+      "name": "type-menu",
+      "type": "options",
+      "target": "class",
+      "values": [
+        {
+          "key": "idBloco",
+          "value_pt_BR": "via bloco",
+          "value_en_US": "Arrow"
+        },
+        {
+          "key": "idMenu",
+          "value_pt_BR": "via menu",
+          "value_en_US": "Line"
+        }
+      ]
+    }
+  ],
+  "childrenProperties": [
+    {
+      "name": "id-menu",
+      "selector": "cron-breadcrumbs.idMenu",
+      "displayName_pt_BR": "Identificador do menu",
+      "displayName_en_US": "Menu id",
+      "type": "componentsList",
+      "component": "crn-dynamic-menu"
+    },
+    {
+      "name": "type-menu",
+      "selector": "cron-breadcrumbs",
+      "mandatory": true
+    },
+    {
+      "name": "crn-delimiter-icon",
+      "selector": "cron-breadcrumbs",
+      "mandatory": true
+    },
+    {
+      "name": "breadcrumb-icon",
+      "selector": "cron-breadcrumbs",
+      "displayName_pt_BR": "Ícone principal",
+      "displayName_en_US": "Main icon",
+      "type": "icon",
+      "mandatory": true
+    },
+    {
+      "name": "ng-init",
+      "selector": "cron-breadcrumbs.idBloco",
+      "type": "event"
+    }
+  ]
+}

package/components/cron-ordered-list.components.json

@@ -0,0 +1,152 @@
+{
+    "name": "cron-ordered-list",
+    "text_pt_BR": "Lista ordenada",
+    "text_en_US": "Ordered list",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-ordered-list.svg",
+    "description": "Lista em tópicos com indicadores numerados",
+    "description_en_US": "List on topics with numbered indicators",
+    "category": [
+        "LISTS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/components/templates/cron-ordered-list.template.html",
+    "wrapper": false,
+    "forcedGroup": true,
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "id": {
+            "order": 1
+        },
+        "attribute-value": {
+            "displayName_pt_BR": "Valor do atributo numerado",
+            "displayName_en_US": "Numbered attribute value"
+        },
+        "list-type": {
+            "displayName_pt_BR": "Tipo de lista",
+            "displayName_en_US": "List type"
+        },
+        "ordered-attribute-value": {
+            "displayName_pt_BR": "Valor do atributo ordenado",
+            "displayName_en_US": "Ordered attribute value"
+        }
+    },
+    "handleRules": {
+        "canOrder": true,
+        "canActivate": true,
+        "canIncrement": true,
+        "rules": [
+            {
+                "activeSelector": "cron-ordered-list ul li.active",
+                "activeClass": "active",
+                "sourceHTML": "<li class=\"item-list\" data-component=\"crn-list-item\" data-replace=\"true\">New item</li>",
+                "targetSelector": "ul"
+            }
+        ]
+    },
+    "attributesForPreview": [
+        {
+            "name": "attribute-value",
+            "type": "options",
+            "target": "attribute-value",
+            "values": [
+                {
+                    "key": "decimal",
+                    "value_pt_BR": "Numeração (1,2,3..)",
+                    "value_en_US": "Numbering (1,2,3..)"
+                },
+                {
+                    "key": "lower-alpha",
+                    "value_pt_BR": "Letra minúscula (a, b, c..)",
+                    "value_en_US": "Lower case (a, b, c..)"
+                },
+                {
+                    "key": "upper-alpha",
+                    "value_pt_BR": "Letra maiúscula (A, B, C..)",
+                    "value_en_US": "Capital letter (A, B, C..)"
+                },
+                {
+                    "key": "lower-roman",
+                    "value_pt_BR": "Números romanos (I, II, III..)",
+                    "value_en_US": "Roman numbers"
+                },
+                {
+                    "key": "upper-roman",
+                    "value_pt_BR": "Números romanos minúsculo (i, ii, iii..)",
+                    "value_en_US": "Lowercase roman numbers (i, ii, iii..)"
+                }
+            ]
+        },
+        {
+            "name": "ordered-attribute-value",
+            "type": "options",
+            "target": "ordered-attribute-value",
+            "values": [
+                {
+                    "key": "circle",
+                    "value_pt_BR": "Círculo vazio",
+                    "value_en_US": "Circle",
+                    "icon": "mdi mdi-checkbox-blank-circle-outline"
+                },
+                {
+                    "key": "disc",
+                    "value_pt_BR": "Círculo preenchido",
+                    "value_en_US": "Disc",
+                    "icon": "mdi mdi-checkbox-blank-circle"
+                },
+                {
+                    "key": "square",
+                    "value_pt_BR": "Quadrado",
+                    "value_en_US": "Square",
+                    "icon": "mdi mdi-checkbox-blank"
+                }
+            ]
+        },
+        {
+            "name": "list-type",
+            "type": "options",
+            "target": "class",
+            "values": [
+                {
+                    "key": "numbered-list",
+                    "value_pt_BR": "lista numerada",
+                    "value_en_US": "Numbered list"
+                },
+                {
+                    "key": "ordered-list",
+                    "value_pt_BR": "lista ordenada",
+                    "value_en_US": "Ordered list"
+                }
+            ]
+        }
+    ],
+    "childrenProperties": [
+        {
+            "name": "attribute-value",
+            "selector": "cron-ordered-list.numbered-list",
+            "order": 3
+        },
+        {
+            "name": "ordered-attribute-value",
+            "selector": "cron-ordered-list.ordered-list",
+            "order": 3
+        },
+        {
+            "name": "list-type",
+            "selector": "cron-ordered-list",
+            "order": 2
+        }
+    ],
+    "styles": [
+        {
+            "selector": "cron-ordered-list#{id} ul, cron-ordered-list#{id} ol",
+            "text_pt_BR": "Plano de fundo",
+            "text_en_US": "Background"
+        },
+        {
+            "selector": "cron-ordered-list#{id} li",
+            "text_pt_BR": "Item da lista",
+            "text_en_US": "List item"
+        }
+    ]
+}