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

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

@@ -0,0 +1,161 @@
+{
+    "name": "crn-carousel-item",
+    "text_pt_BR": "Item do Carrossel",
+    "text_en_US": "Carousel item",
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-carousel.svg",
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/crn-carousel-item.template.html",
+    "wrapper": false,
+    "pallete": false,
+    "forcedGroup": true,
+    "properties": {
+        "class": {
+            "order": 9999
+        },
+        "id": {
+            "order": 3
+        },
+        "width": {
+            "displayName_pt_BR": "Largura da imagem",
+            "displayName_en_US": "Image width",
+            "order": 1
+        },
+        "height": {
+            "displayName_pt_BR": "Altura da imagem",
+            "displayName_en_US": "Image height",
+            "order": 2
+        }
+    },
+    "styles": [
+        {
+          "selector": "#{id} .carousel-caption h1",
+          "text_pt_BR": "Título",
+          "text_en_US": "Title"
+        },
+        {
+          "selector": "#{id} .carousel-caption h2",
+          "text_pt_BR": "Subtítulo",
+          "text_en_US": "Subtitle"
+        }
+    ],
+    "attributesForPreview": [
+        {
+            "name": "object-fit",
+            "target": "style",
+            "type": "options",
+            "values": [
+                {
+                    "key": "object-fit: cover;",
+                    "value_pt_BR": "Proporcional (padrão)",
+                    "value_en_US": "Proportional (default)"
+                },
+                {
+                    "key": "object-fit: contain;",
+                    "value_pt_BR": "Ajustado",
+                    "value_en_US": "Adjusted"
+                },
+                {
+                    "key": "object-fit: fill;",
+                    "value_pt_BR": "Preencher",
+                    "value_en_US": "Fill"
+                },
+                {
+                    "key": "object-fit: none;",
+                    "value_pt_BR": "Nenhum",
+                    "value_en_US": "None"
+                }
+            ]
+        },
+        {
+            "name": "title-position",
+            "type": "btngroup",
+            "target": "class",
+            "values": [
+                {
+                    "key": "text-left",
+                    "value": "Left",
+                    "icon": "mdi mdi-ray-start"
+                },
+                {
+                    "key": "text-center",
+                    "value": "Center",
+                    "icon": "mdi mdi-ray-vertex"
+                },
+                {
+                    "key": "text-right",
+                    "value": "Right",
+                    "icon": "mdi mdi-ray-end"
+                }
+            ]
+        },
+        {
+            "name": "subtitle-position",
+            "type": "btngroup",
+            "target": "class",
+            "values": [
+                {
+                    "key": "text-left",
+                    "value": "Left",
+                    "icon": "mdi mdi-ray-start"
+                },
+                {
+                    "key": "text-center",
+                    "value": "Center",
+                    "icon": "mdi mdi-ray-vertex"
+                },
+                {
+                    "key": "text-right",
+                    "value": "Right",
+                    "icon": "mdi mdi-ray-end"
+                }
+            ]
+        }
+    ],
+    "childrenProperties": [
+        {
+            "name": "src",
+            "selector": "img",
+            "type": "projectResource",
+            "displayName_pt_BR": "Imagem",
+            "displayName_en_US": "Image",
+            "resourceType": "image/jpeg,image/gif,image/png",
+            "order": 1
+        },
+        {
+            "name": "object-fit",
+            "selector": "img",
+            "displayName_pt_BR": "Preenchimento da imagem",
+            "displayName_en_US": "Image filling",
+            "order": 2
+        },
+        {
+            "name": "content",
+            "selector": "h1",
+            "displayName_pt_BR": "Título",
+            "displayName_en_US": "Title",
+            "type": "text",
+            "order": 5
+        },
+        {
+            "name": "title-position",
+            "selector": "h1",
+            "displayName_pt_BR": "Posição do título",
+            "displayName_en_US": "Title position",
+            "order": 6
+        },
+        {
+            "name": "content",
+            "selector": "h2",
+            "displayName_pt_BR": "Subtítulo",
+            "displayName_en_US": "SubtTitle",
+            "type": "text",
+            "order": 7
+        },
+        {
+            "name": "subtitle-position",
+            "selector": "h2",
+            "displayName_pt_BR": "Posição do subtìtulo",
+            "displayName_en_US": "Subtitle position",
+            "order": 8
+        }
+    ]
+}

package/components/crn-carousel.components.json

@@ -2,8 +2,13 @@
   "name": "crn-carousel",
   "text_pt_BR": "Carrossel",
   "text_en_US": "Carousel",
-  "class": "adjust-icon mdi mdi-view-carousel",
-  "forcedGroup": true,
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-carousel.svg",
+  "description": "Sequência de slides com botões de navegação",
+  "description_en_US": "Slide sequence with navigation buttons",
+  "category": [
+    "LAYOUTS"
+  ],
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/carousel.template.html",
   "properties": {
     "class": {
       "order": 9999
@@ -12,22 +17,48 @@
       "order": 1
     }
   },
+  "forcedGroup": false,
+  "wrapper": true,
+  "handleRules": {
+    "canOrder": true,
+    "canActivate": true,
+    "canIncrement": true,
+    "rules": [
+      {
+        "activeSelector": "div.carousel-inner div.item.active",
+        "activeClass": "active",
+        "sourceHTML": "<div class=\"item\" data-component=\"crn-carousel-item\" id=\"crn-carousel-item-${RANDOM}\"><img data-component=\"crn-image\" alt=\"First Slide\" style=\"margin: 0 auto; object-fit: cover;\" xattr-position=\"\" object-fit=\"object-fit: cover;\" src=\"node_modules/cronapp-framework-js/img/placehold-900x500.png\"><div class=\"carousel-caption\"><h1 data-component=\"crn-title\" class=\"text-center\" title-position=\"text-center\">New Slide</h1><h2 data-component=\"crn-subtitle\" class=\"text-center\" subtitle-position=\"text-center\">Subtitle</h2></div></div>",
+        "targetSelector": "div.carousel-inner"
+      },
+      {
+        "activeSelector": "ol.carousel-indicators li.active",
+        "activeClass": "active",
+        "sourceHTML": " <li></li>",
+        "targetSelector": "ol.carousel-indicators"
+      }
+    ]
+  },
   "styles": [
     {
       "selector": "div#{id} .carousel-inner",
-      "text_pt_BR": "Geral",
-      "text_en_US": "General"
+      "text_pt_BR": "Plano de fundo do carousel",
+      "text_en_US": "Carousel background"
     },
     {
       "selector": "div#{id} .carousel-control.left",
       "text_pt_BR": "Seta Esquerda",
-      "text_en_US": "Left Arrow Style"
+      "text_en_US": "Left Arrow"
     },
     {
       "selector": "div#{id} .carousel-control.right",
       "text_pt_BR": "Seta Direita",
       "text_en_US": "Right Arrow"
     },
+    {
+      "selector": "div#{id} .carousel-indicators",
+      "text_pt_BR": "Indicador Padrão",
+      "text_en_US": "Standard Indicator"
+    },
     {
       "selector": "div#{id} .carousel-indicators .active",
       "text_pt_BR": "Indicador Ativo",
@@ -44,27 +75,13 @@
       "text_en_US": "Subtitle"
     }
   ],
-  "handleRules": {
-    "canOrder": true,
-    "canActivate": true,
-    "canIncrement": true,
-    "rules": [
-      {
-        "activeSelector": "ol.carousel-indicators li.active",
-        "activeClass": "active",
-        "sourceHTML": " <li></li>",
-        "targetSelector": "ol.carousel-indicators"
-      },
-      {
-        "activeSelector": "div.carousel-inner div.item.active",
-        "activeClass": "active",
-        "sourceHTML": "<div class=\"item\"><img data-component= \"crn-image\" alt=\"New slide\" style=\"margin: 0 auto;\" src = \"http://placehold.it/900x500\"><div class = \"carousel-caption\"><h1  data-component=\"crn-title\">New Slide</h1><h2 data-component=\"crn-subtitle\"> Subtitle </h2></div></div>",
-        "targetSelector": "div.carousel-inner"
-      }
-    ]
-  },
-  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/carousel.template.html",
-  "childrenProperties": [
+  "attributesForPreview": [],
+  "childrenProperties": [    
+    {
+      "name": "ng-init",
+      "selector": "div.carousel",
+      "type": "event"
+    },
     {
       "name": "ng-init",
       "selector": "div.carousel",
@@ -96,4 +113,4 @@
       "type": "event"
     }
   ]
-}
+}

package/components/crn-chart.components.json

@@ -2,7 +2,13 @@
   "name": "crn-chart",
   "text_pt_BR": "Gráfico",
   "text_en_US": "Chart",
-  "class": "adjust-icon mdi mdi-chart-bar",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-chart.svg",
+  "description": "Exibição de gráfico com valores da fonte de dados",
+  "description_en_US": "Graph display with data source values",
+  "category": [
+    "LAYOUTS", "FORMS"
+  ],
+  "forcedGroup": true,
   "wrapper": false,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/chart.template.html",
   "designTimeHTML": "<img style=\"height: 100%;width:100%;min-height:100%; min-width:100%;\"  src=\"node_modules/cronapp-framework-js/img/svg-charts.svg\"/>",
@@ -20,8 +26,8 @@
       "name": "id",
       "selector": "canvas",
       "type": "text",
-      "displayName_pt_BR": "Referência do Canvas",
+      "displayName_pt_BR": "Identificador do Canvas",
       "displayName_en_US": "Canvas Id"
     }
   ]
-}
+}

package/components/crn-checkbox.components.json

@@ -20,7 +20,8 @@
   ],
   "properties": {
     "xattr-fullsize": {
-      "displayName": "Width"
+      "displayName_pt_BR": "Largura",
+      "displayName_en_US": "Width"
     }
   },
   "attributesForPreview": [
@@ -31,11 +32,13 @@
       "values": [
         {
           "key": "display:block;",
-          "value": "Block"
+          "value_pt_BR": "Bloco",
+          "value_en_US": "Block"
         },
         {
           "key": "display:inline;",
-          "value": "Inline"
+          "value_pt_BR": "Embutido",
+          "value_en_US": "Inline"
         }
       ]
     }
@@ -43,6 +46,8 @@
   "childrenProperties": [
     {
       "name": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
       "selector": "span",
       "type": "content"
     },
@@ -54,15 +59,27 @@
       "type": "text",
       "mandatory": true
     },
+    {
+      "name": "crn-allow-null-values",
+      "selector": "input",
+      "displayName_pt_BR": "Permite Valores Nulos",
+      "displayName_en_US": "Allow Null Values",
+      "type": "logic",
+      "mandatory": true
+    },
     {
       "name": "ng-false-value",
+      "displayName_pt_BR": "Valor para falso",
+      "displayName_en_US": "Value for false",
       "selector": "input",
       "type": "text"
     },
     {
       "name": "ng-true-value",
+      "displayName_pt_BR": "Valor para verdadeiro",
+      "displayName_en_US": "Value for true",
       "selector": "input",
       "type": "text"
     }
   ]
-}
+}

package/components/crn-combobox-dynamic.components.json

@@ -3,13 +3,13 @@
   "pallete": false,
   "text_pt_BR": "Caixa de seleção dinâmica",
   "text_en_US": "Dynamic Combobox",
-  "class": "adjust-icon mdi mdi-nutrition",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-combobox-dynamic.svg",
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/combobox-dynamic.template.html",
   "styles": [
     {
       "selector": "div#{id} .crn-select .btn-default",
-      "text_pt_BR": "Estilo Caixa de Seleção",
-      "text_en_US": "Select Style"
+      "text_pt_BR": "Caixa de Seleção",
+      "text_en_US": "Combobox"
     }
   ],
   "handleRules": {
@@ -61,6 +61,8 @@
     },
     {
       "name": "content",
+      "displayName_pt_BR": "Título",
+      "displayName_en_US": "Title",
       "selector": "label",
       "type": "content"
     },

package/components/crn-combobox.components.json

@@ -2,15 +2,15 @@
   "name": "crn-combobox",
   "pallete": false,
   "text_pt_BR": "Caixa de seleção fixa",
-  "text_en_US": "Combobox",
-  "class": "adjust-icon mdi mdi-equal-box",
+  "text_en_US": "Fixed combobox",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-combobox.svg",
   "order": 10,
   "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/combobox.template.html",
   "styles": [
     {
       "selector": "div#{id} .crn-select .btn-default",
-      "text_pt_BR": "Estilo Caixa de Seleção",
-      "text_en_US": "Select Style"
+      "text_pt_BR": "Caixa de Seleção",
+      "text_en_US": "Combobox"
     }
   ],
   "properties": {

package/components/crn-cron-captcha.components.json

@@ -2,7 +2,12 @@
   "name": "crn-cron-captcha",
   "text_pt_BR": "Captcha",
   "text_en_US": "Captcha",
-  "class": "adjust-icon mdi mdi-lock",
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-captcha.svg",
+  "description": "Verificação do Google para detectar robôs",
+  "description_en_US": "Google scan for robot detection",
+  "category": [
+    "BUTTONS", "FORMS"
+  ],
   "designTimeDynamic": true,
   "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-captcha.designtime.html",
   "designTimeSelector": "div",
@@ -13,8 +18,56 @@
     },
     "id": {
       "order": 1
+    },
+    "data-size": {
+      "removable": false,
+      "displayName_pt_BR": "Tamanho",
+      "displayName_en_US": "Size",
+      "type": "list",
+      "options": [
+        {
+          "key": "normal",
+          "value_pt_BR": "Normal",
+          "value_en_US": "Normal"
+        },
+        {
+          "key": "compact",
+          "value_pt_BR": "Compacto",
+          "value_en_US": "Compact"
+        },
+        {
+          "key": "invisible ",
+          "value_pt_BR": "Invisível",
+          "value_en_US": "Invisible "
+        }
+      ],
+      "selector": "div > div",
+      "childrenProperty": true,
+      "order": 2
+    },
+    "data-theme": {
+      "removable": false,
+      "displayName_pt_BR": "Tema",
+      "displayName_en_US": "Theme",
+      "type": "list",
+      "options": [
+        {
+          "key": "dark",
+          "value_pt_BR": "Escuro",
+          "value_en_US": "Dark"
+        },
+        {
+          "key": "light",
+          "value_pt_BR": "Claro",
+          "value_en_US": "Light"
+        }
+      ],
+      "selector": "div > div",
+      "childrenProperty": true,
+      "order": 3
     }
   },
+  "attributesForPreview": [],
   "childrenProperties": [
     {
       "name": "data-sitekey",
@@ -25,16 +78,6 @@
       "selector": "div > div",
       "type": "text",
       "order": 1
-    },
-    {
-      "name": "data-size",
-      "displayName_pt_BR": "Tamanho",
-      "displayName_en_US": "Size",
-      "removable": false,
-      "global": "true",
-      "selector": "div > div",
-      "type": "text",
-      "order": 1
     }
   ]
-}
+}

package/components/crn-cron-chat.components.json

@@ -6,9 +6,9 @@
   "order": 2,
   "class": "adjust-icon mdi mdi-nutrition",
   "designTimeDynamic": true,
-  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/components/templates/cron-chat.designtime.html",
+  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-chat.designtime.html",
   "designTimeSelector": "cron-chat",
-  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/components/templates/cron-chat.template.html",
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-chat.template.html",
   "properties": {
     "class": {
       "order": 9999

package/components/crn-cron-crud.components.json

@@ -0,0 +1,21 @@
+{
+    "name": "crn-cron-crud",
+    "text_pt_BR": "CRUD",
+    "text_en_US": "CRUD",
+    "order": 2,
+    "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-cron-crud.svg",
+    "description": "Pacote de componentes para criar CRUD",
+    "description_en_US": "Component package to create CRUD",
+    "category": [
+      "GRIDS", "FORMS"
+    ],
+    "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-crud.template.html",
+    "properties": {
+      "class": {
+        "order": 9999
+      },
+      "id": {
+        "order": 1
+      }
+    }
+  }

package/components/crn-cron-dashboard-viewer.components.json

@@ -0,0 +1,48 @@
+{
+  "name": "crn-cron-dashboard-viewer",
+  "onDrop": "openEditor",
+  "onDoubleClick": "openEditor",
+  "text_pt_BR": "Visualizador de dashboard",
+  "text_en_US": "Dashboard viewer",
+  "order": 2,
+  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-cron-dashboard-viewer.svg",
+  "description": "Estrutura para criar painel com gráficos",
+  "description_en_US": "Structure for creating dashboard with graphics",
+  "category": [
+      "LAYOUTS"
+  ],
+  "designTimeSelector": "cron-dashboard-viewer",
+  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dashboard-viewer.template.html",
+  "designTimeDynamic": true,
+  "designTimeHTMLURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/cron-dashboard-viewer.designtime.html",
+  "properties": {
+    "class": {
+      "order": 9999
+    },
+    "id": {
+      "order": 1
+    }
+  },
+  "childrenProperties": [
+    {
+      "name": "options",
+      "displayName_pt_BR": "Configurações",
+      "displayName_en_US": "Configuration",
+      "removable": false,
+      "global": "true",
+      "selector": "cron-dashboard-viewer",
+      "type": "text",
+      "order": 1,
+      "mandatory": true
+    },
+    {
+      "name": "ng-model",
+      "selector": "cron-dashboard-viewer",
+      "onSave": "javascript:function() { var result = arguments[0]; if (result.indexOf('.') == -1 && result.trim().length > 0 ) { result = 'vars.'+result;  }  return result; }",
+      "onDisplay": "javascript:function() { return arguments[0].replace('vars.',''); }",
+      "type": "text",
+      "order": 2,
+      "mandatory": true
+    }
+  ]
+}