@sankhyalabs/ezui 1.1.76 → 1.1.77

package/dist/collection/components/ez-popup/ez-popup.css

@@ -2,33 +2,33 @@
   display: flex;
   /* General */
   /*@doc Define a camada em que o componente será exibido.*/
-  --popup-z-index: var(--most-visible, 3);
+  --ez-popup-z-index: var(--most-visible, 3);
 
   /* Popup */
   /*@doc Define a cor do texto do container do popup.*/
-  --popup__container--color: var(--title--primary, #2b3a54);
+  --ez-popup__container--color: var(--title--primary, #2b3a54);
   /*@doc Define o espaçamento do container do popup.*/
-  --popup__container--padding: var(--space--large, 24px);
+  --ez-popup__container--padding: var(--space--large, 24px);
 
   /* Popup Header */
   /*@doc Define o espaçamento inferior do cabeçalho do popup.*/
-  --popup__header--padding-bottom: var(--space--medium, 12px);
+  --ez-popup__header--padding-bottom: var(--space--medium, 12px);
 
   /* Title */
   /*@doc Define a família da fonte do título do popup.*/
-  --popup__title--font-family: var(--font-pattern, "'Sora', 'Algerian'");
+  --ez-popup__title--font-family: var(--font-pattern, "'Sora', 'Algerian'");
   /*@doc Define o tamanho da fonte do título do popup.*/
-  --popup__title--font-size: var(--title--extra-large, 24px);
+  --ez-popup__title--font-size: var(--title--extra-large, 24px);
   /*@doc Define a cor da fonte do título do popup.*/
-  --popup__title--color: var(--title--primary, #2b3a54);
+  --ez-popup__title--color: var(--title--primary, #2b3a54);
   /*@doc Define o peso da fonte do título do popup.*/
-  --popup__title--font-weight: var(--text-weight--large, 600);
+  --ez-popup__title--font-weight: var(--text-weight--large, 600);
 
   /* Buttons */
   /* @doc Define a cor do ícone do botão de fechamento. */
-  --popup__btn__close--icon-color: var(--title--primary, #2b3a54);
+  --ez-popup__btn__close--icon-color: var(--title--primary, #2b3a54);
   /* @doc Contém o ícone do botão de fechamento. */
-  --popup__btn__close--icon: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 8.2421753,6.9944578 13.743748,1.4930784 C 13.907781,1.3290628 14,1.1065946 14,0.87462511 14,0.64266712 13.907782,0.42019873 13.743748,0.25617155 13.579712,0.09215597 13.35727,6.48e-8 13.125266,6.48e-8 12.89338,6.48e-8 12.670821,0.09215634 12.506787,0.25617155 L 7.005215,5.7575508 1.5035972,0.25617155 C 1.3395631,0.09215597 1.1170968,6.48e-8 0.88511716,6.48e-8 0.65314917,6.48e-8 0.4306712,0.09215597 0.26663695,0.25617155 0.10260271,0.42019873 0.01045441,0.64266712 0.01045441,0.87462511 c 0,0.23196949 0.0921483,0.45443769 0.25618254,0.61845329 L 5.7682546,6.9944578 0.26663695,12.497027 c -0.0834745,0.08067 -0.15003245,0.1772 -0.19581514,0.283871 C 0.02505077,12.887561 9.831648e-4,13.002399 2.950369e-5,13.118395 -9.2415746e-4,13.234504 0.02125019,13.349689 0.06527245,13.457057 c 0.04401053,0.107479 0.10898307,0.205064 0.1911168,0.287137 0.0821454,0.08208 0.17979645,0.146888 0.28727561,0.190839 0.10747906,0.04395 0.22262954,0.06598 0.33872417,0.06493 0.116095,-10e-4 0.23082547,-0.0253 0.33747687,-0.07112 0.1066637,-0.04593 0.2031133,-0.112615 0.2837313,-0.196086 L 7.005215,8.2313646 12.506787,13.732768 c 0.164034,0.164027 0.386593,0.256125 0.618479,0.256125 0.232004,0 0.454446,-0.09209 0.618482,-0.256125 C 13.907781,13.568741 14,13.346308 14,13.114315 14,12.882323 13.90779,12.659888 13.743748,12.495861 Z"/></svg>');
+  --ez-popup__btn__close--icon: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 8.2421753,6.9944578 13.743748,1.4930784 C 13.907781,1.3290628 14,1.1065946 14,0.87462511 14,0.64266712 13.907782,0.42019873 13.743748,0.25617155 13.579712,0.09215597 13.35727,6.48e-8 13.125266,6.48e-8 12.89338,6.48e-8 12.670821,0.09215634 12.506787,0.25617155 L 7.005215,5.7575508 1.5035972,0.25617155 C 1.3395631,0.09215597 1.1170968,6.48e-8 0.88511716,6.48e-8 0.65314917,6.48e-8 0.4306712,0.09215597 0.26663695,0.25617155 0.10260271,0.42019873 0.01045441,0.64266712 0.01045441,0.87462511 c 0,0.23196949 0.0921483,0.45443769 0.25618254,0.61845329 L 5.7682546,6.9944578 0.26663695,12.497027 c -0.0834745,0.08067 -0.15003245,0.1772 -0.19581514,0.283871 C 0.02505077,12.887561 9.831648e-4,13.002399 2.950369e-5,13.118395 -9.2415746e-4,13.234504 0.02125019,13.349689 0.06527245,13.457057 c 0.04401053,0.107479 0.10898307,0.205064 0.1911168,0.287137 0.0821454,0.08208 0.17979645,0.146888 0.28727561,0.190839 0.10747906,0.04395 0.22262954,0.06598 0.33872417,0.06493 0.116095,-10e-4 0.23082547,-0.0253 0.33747687,-0.07112 0.1066637,-0.04593 0.2031133,-0.112615 0.2837313,-0.196086 L 7.005215,8.2313646 12.506787,13.732768 c 0.164034,0.164027 0.386593,0.256125 0.618479,0.256125 0.232004,0 0.454446,-0.09209 0.618482,-0.256125 C 13.907781,13.568741 14,13.346308 14,13.114315 14,12.882323 13.90779,12.659888 13.743748,12.495861 Z"/></svg>');
 
 }
 
@@ -36,7 +36,7 @@
   position: fixed;
   display: flex;
   top: 0px;
-  z-index: var(--popup-z-index);
+  z-index: var(--ez-popup-z-index);
   left: 0px;
   width: 100%;
   align-items: center;
@@ -58,37 +58,35 @@
 .popup__container {
   width: 100%;
   max-height: 90%;
+  height: 100%;
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   background: #FFFF;
-  color: var(--popup__container--color);
+  color: var(--ez-popup__container--color);
   border-radius: 12px;
   box-shadow: 0px 0px 16px rgba(0, 38, 111, 0.122);
   box-sizing: border-box;
-  padding: var(--popup__container--padding)
+  padding: var(--ez-popup__container--padding)
 }
 
 .popup__content {
   box-sizing: border-box;
   max-height: 100%;
   width: 100%;
-  display: flex;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-rows: auto 1fr;
 }
 
 .popup__expandable-content {
   box-sizing: border-box;
   overflow-y: auto;
+  height: 100%;
   width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  max-height: 80vh;
-  content-visibility: auto;
 }
 
 .popup__header {
-  padding-bottom: var(--popup__header--padding-bottom);
+  padding-bottom: var(--ez-popup__header--padding-bottom);
   width: 100%;
   display: flex;
 }
@@ -97,10 +95,10 @@
   display: flex;
   margin: 0;
   width: 100%;
-  font-family: var(--popup__title--font-family);
-  font-size: var(--popup__title--font-size);
-  font-weight: var(--popup__title--font-weight);
-  color: var(--popup__title--color);
+  font-family: var(--ez-popup__title--font-family);
+  font-size: var(--ez-popup__title--font-size);
+  font-weight: var(--ez-popup__title--font-weight);
+  color: var(--ez-popup__title--color);
   line-height: 1.3;
 }
 
@@ -118,11 +116,11 @@
 .btn-close::after {
   content: '';
   display: flex;
-  background-color: var(--popup__btn__close--icon-color);
+  background-color: var(--ez-popup__btn__close--icon-color);
   width: 14px;
   height: 14px;
-  -webkit-mask-image: var(--popup__btn__close--icon);
-  mask-image: var(--popup__btn__close--icon);
+  -webkit-mask-image: var(--ez-popup__btn__close--icon);
+  mask-image: var(--ez-popup__btn__close--icon);
 }
 
 .btn-close--solo {

package/dist/collection/components/ez-tabselector/ez-tabselector.css

@@ -13,7 +13,6 @@
   position: relative;
   width: 100%;
   overflow: hidden;
-  margin-bottom: var(--space--large, 24px);
   /* @doc Define a sombra do box da aba. */
   /* --tabselector__box--box-shadow: var(--shadow, 0px 0px 8px 0px #000); */
   /*@doc Contém o ícone de voltar para a aba anterior.*/

package/dist/collection/components/ez-tabselector/ez-tabselector.js

@@ -45,7 +45,7 @@ export class EzTabselector {
         }
         this.setFocusedBtn(true, this.focusedIndex);
         this.setFocusedTab(this.focusedIndex);
-        this.ezChange.emit();
+        this.ezChange.emit(this.selectedTab);
       }
       else if (ev.key === "Tab" || ev.key === "Escape") {
         this.focusedIndex = undefined;
@@ -61,7 +61,7 @@ export class EzTabselector {
     this.selectedIndex = index.toString();
     this.focusedIndex = undefined;
     this.selectedTab = tab;
-    this.ezChange.emit();
+    this.ezChange.emit(this.selectedTab);
     this.setFocusedBtn(false, this.selectedIndex);
   }
   componentWillRender() {
@@ -261,7 +261,7 @@ export class EzTabselector {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Evento emitido ao clicar para abrir o popup (onChange)."
+        "text": "Evento emitido ao clicar para abrir o popup (ezChange)."
       },
       "complexType": {
         "original": "string",

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -71,6 +71,7 @@ export class EzTextArea {
     }
   }
   handleChange() {
+    this.errorMessage = "";
     this.value = this._inputElem.value;
   }
   handleFocus() {

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -33,6 +33,7 @@ export class EzTextInput {
       this._inputElem.value = this.value;
     }
     this.handleChange();
+    this.errorMessage = "";
     this.ezChange.emit(this.value);
     this.adjustFloatingLabel();
   }

package/dist/collection/components/ez-upload/ez-upload.js

@@ -1,5 +1,5 @@
 import { Component, h, Prop, Element, Event, Method, Watch, forceUpdate } from "@stencil/core";
-import Application from "../../utils/Application";
+import ApplicationUtils from "../../utils/ApplicationUtils";
 import RemoteFile from "./RemoteFile";
 export class EzUpload {
   constructor() {
@@ -61,7 +61,7 @@ export class EzUpload {
   async addFile(file) {
     const oldFile = this._filePointers.get(file.name);
     if (oldFile) {
-      Application.confirm("Substituir arquivo", `Já existe um arquivo chamado "${file.name}". Deseja substituí-lo?`)
+      ApplicationUtils.confirm("Substituir arquivo", `Já existe um arquivo chamado "${file.name}". Deseja substituí-lo?`)
         .then(ok => {
         if (ok) {
           if (this.isRemoteFile(oldFile)) {
@@ -133,7 +133,7 @@ export class EzUpload {
     return true;
   }
   showError(message) {
-    Application.alert("Enviando arquivo", message);
+    ApplicationUtils.alert("Enviando arquivo", message);
   }
   formatBytes(bytes, decimals = 1) {
     if (bytes === 0)

package/dist/collection/components/test-du/test-du.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/test-du/test-du.js

@@ -0,0 +1,45 @@
+import { Component, h } from '@stencil/core';
+import { DataUnit, DataType } from '@sankhyalabs/core';
+export class TestDu {
+  constructor() {
+    this._dataUnit = new DataUnit("duteste");
+  }
+  componentDidLoad() {
+    this._dataUnit.dataLoader = (_dataUnit, _sort, _filters) => {
+      return Promise.resolve([
+        { __record__id__: "registro1", CODPARC: 10, NOMEPARC: "Parceiro 10" },
+        { __record__id__: "registro2", CODPARC: 20, NOMEPARC: "Parceiro 20" }
+      ]);
+    };
+    this._dataUnit.metadata = {
+      name: "Parceiro",
+      label: "Parceiro",
+      fields: [
+        {
+          name: "CODPARC",
+          label: "Cód. Parceiro",
+          dataType: DataType.NUMBER
+        },
+        {
+          name: "NOMEPARC",
+          label: "Nome Parceiro",
+          dataType: DataType.TEXT
+        }
+      ]
+    };
+  }
+  render() {
+    return (h("section", { class: "padding--large" },
+      h("div", { class: "row margin-bottom--large" },
+        h("h1", { class: "title title--primary" }, "Formul\u00E1rios")),
+      h("div", { class: "col col--sd-12", style: { height: "600px" } },
+        h("ez-grid", { dataUnit: this._dataUnit, "server-url": "https://www.ag-grid.com/example-assets/row-data.json", "multiple-selection": true, "page-size": "100" }))));
+  }
+  static get is() { return "test-du"; }
+  static get originalStyleUrls() { return {
+    "$": ["test-du.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["test-du.css"]
+  }; }
+}

package/dist/collection/servidor.js

@@ -1,101 +1,101 @@
-  function carregarMetadados(){
-    return [
-        {
-          "name": "AD_TWFSOLLICJUR",
-          "label": "Análise de Licitações",
-          "items": [],
-          "dataUnit": {
-            "name": "AD_TWFSOLLICJUR",
-            "cardinality": "N",
-            "records": [
-              {
-                "record__id": "SURJTlNUUFJOPTc3MTYwMiZJRElOU1RUQVI9MCZDT0RSRUdJU1RSTz0x",
-                "EDITAL": null,
-                "RESUMO": "algo escrito Pela NOVA lista de Tarefassdf",
-                "DTHAB": new Date(1978, 5, 18),
-                "COMITE": null,
-                "DEMANDA": null,
-                "DUVIDAS": null
-              },
-              {
-                "record__id": "SURJTlNUUFJOPTc3MTYwMiZJRElOU1RUQVI9MCZDT0RSRUdJU1RSTz0xOutro",
-                "EDITAL": null,
-                "RESUMO": "Um resumicho",
-                "DTHAB": new Date(1988, 5, 18),
-                "COMITE": null,
-                "DEMANDA": null,
-                "DUVIDAS": null
-              }
-            ]
+function carregarMetadados() {
+  return [
+    {
+      "name": "AD_TWFSOLLICJUR",
+      "label": "Análise de Licitações",
+      "items": [],
+      "dataUnit": {
+        "name": "AD_TWFSOLLICJUR",
+        "cardinality": "N",
+        "records": [
+          {
+            "record__id": "SURJTlNUUFJOPTc3MTYwMiZJRElOU1RUQVI9MCZDT0RSRUdJU1RSTz0x",
+            "EDITAL": null,
+            "RESUMO": "algo escrito Pela NOVA lista de Tarefassdf",
+            "DTHAB": new Date(1978, 5, 18),
+            "COMITE": null,
+            "DEMANDA": null,
+            "DUVIDAS": null
           },
-          "subForms": [
+          {
+            "record__id": "SURJTlNUUFJOPTc3MTYwMiZJRElOU1RUQVI9MCZDT0RSRUdJU1RSTz0xOutro",
+            "EDITAL": null,
+            "RESUMO": "Um resumicho",
+            "DTHAB": new Date(1988, 5, 18),
+            "COMITE": null,
+            "DEMANDA": null,
+            "DUVIDAS": null
+          }
+        ]
+      },
+      "subForms": [
+        {
+          "name": "AD_TWFSOLLICJUR#Geral",
+          "label": "Geral",
+          "items": [
             {
-              "name": "AD_TWFSOLLICJUR#Geral",
-              "label": "Geral",
-              "items": [
-                {
-                  "name": "EDITAL",
-                  "label": "Por gentileza, anexe o edital de licitação completo e outros anexos caso houver no formato .zip.",
-                  "readOnly": false,
-                  "required": false,
-                  "defaultValue": null,
-                  "userInterface": "IMAGE",
-                  "properties": []
-                },
-                {
-                  "name": "RESUMO",
-                  "label": "Resumo do edital:",
-                  "readOnly": false,
-                  "required": false,
-                  "defaultValue": null,
-                  "userInterface": "LONGTEXT",
-                  "properties": []
-                },
-                {
-                  "name": "DTHAB",
-                  "label": "Informe a data de habilitação do processo licitatório:",
-                  "readOnly": false,
-                  "required": false,
-                  "defaultValue": null,
-                  "userInterface": "DATE",
-                  "properties": []
-                },
-                {
-                  "name": "COMITE",
-                  "label": "Necessário acionar comitê? Se sim, adicione os comentários relacionados ao comitê:",
-                  "readOnly": false,
-                  "required": false,
-                  "defaultValue": null,
-                  "userInterface": "LONGTEXT",
-                  "properties": []
-                },
-                {
-                  "name": "DEMANDA",
-                  "label": "Duvidas se iremos conseguir atender as demandas?",
-                  "readOnly": false,
-                  "required": false,
-                  "defaultValue": null,
-                  "userInterface": "OPTIONSELECTOR",
-                  "properties": [
-                    {
-                      "name": "options",
-                      "value": "{\"SIM\":\"Sim\",\"NAO\":\"Não\"}"
-                    }
-                  ]
-                },
+              "name": "EDITAL",
+              "label": "Por gentileza, anexe o edital de licitação completo e outros anexos caso houver no formato .zip.",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "IMAGE",
+              "properties": []
+            },
+            {
+              "name": "RESUMO",
+              "label": "Resumo do edital:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "LONGTEXT",
+              "properties": []
+            },
+            {
+              "name": "DTHAB",
+              "label": "Informe a data de habilitação do processo licitatório:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "DATE",
+              "properties": []
+            },
+            {
+              "name": "COMITE",
+              "label": "Necessário acionar comitê? Se sim, adicione os comentários relacionados ao comitê:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "LONGTEXT",
+              "properties": []
+            },
+            {
+              "name": "DEMANDA",
+              "label": "Duvidas se iremos conseguir atender as demandas?",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "OPTIONSELECTOR",
+              "properties": [
                 {
-                  "name": "DUVIDAS",
-                  "label": "Informe as dúvidas que o executivo comercial deverá verificar com as áreas correspondentes:",
-                  "readOnly": false,
-                  "required": false,
-                  "defaultValue": null,
-                  "userInterface": "LONGTEXT",
-                  "properties": []
+                  "name": "options",
+                  "value": "{\"SIM\":\"Sim\",\"NAO\":\"Não\"}"
                 }
-              ],
-              "dataUnit": null
+              ]
+            },
+            {
+              "name": "DUVIDAS",
+              "label": "Informe as dúvidas que o executivo comercial deverá verificar com as áreas correspondentes:",
+              "readOnly": false,
+              "required": false,
+              "defaultValue": null,
+              "userInterface": "LONGTEXT",
+              "properties": []
             }
-          ]
+          ],
+          "dataUnit": null
         }
       ]
-  }
+    }
+  ]
+}

package/dist/collection/utils/{Application.js → ApplicationUtils.js}

@@ -1,4 +1,4 @@
-export default class Application {
+export default class ApplicationUtils {
   static async showDialog(title, message, icon = null, confirm, critical = false) {
     return new Promise(resolve => {
       let dialog = document.querySelector("ez-dialog");
@@ -10,13 +10,13 @@ export default class Application {
     });
   }
   static async alert(title, message, icon = null) {
-    return Application.showDialog(title, message, icon, false, false);
+    return ApplicationUtils.showDialog(title, message, icon, false, false);
   }
   static async error(title, message, icon = null) {
-    return Application.showDialog(title, message, icon, false, true);
+    return ApplicationUtils.showDialog(title, message, icon, false, true);
   }
   static async confirm(title, message, icon = null, critical = false) {
-    return Application.showDialog(title, message, icon, true, critical);
+    return ApplicationUtils.showDialog(title, message, icon, true, critical);
   }
   static async info(message) {
     let toast = document.querySelector("ez-toast");

package/dist/custom-elements/index.d.ts

@@ -8,6 +8,12 @@ export const EzActionChip: {
   new (): EzActionChip;
 };
 
+interface EzApplication extends Components.EzApplication, HTMLElement {}
+export const EzApplication: {
+  prototype: EzApplication;
+  new (): EzApplication;
+};
+
 interface EzButton extends Components.EzButton, HTMLElement {}
 export const EzButton: {
   prototype: EzButton;
@@ -44,6 +50,12 @@ export const EzDateInput: {
   new (): EzDateInput;
 };
 
+interface EzDateTimeInput extends Components.EzDateTimeInput, HTMLElement {}
+export const EzDateTimeInput: {
+  prototype: EzDateTimeInput;
+  new (): EzDateTimeInput;
+};
+
 interface EzDialog extends Components.EzDialog, HTMLElement {}
 export const EzDialog: {
   prototype: EzDialog;
@@ -56,6 +68,12 @@ export const EzForm: {
   new (): EzForm;
 };
 
+interface EzGrid extends Components.EzGrid, HTMLElement {}
+export const EzGrid: {
+  prototype: EzGrid;
+  new (): EzGrid;
+};
+
 interface EzIcon extends Components.EzIcon, HTMLElement {}
 export const EzIcon: {
   prototype: EzIcon;
@@ -86,12 +104,6 @@ export const EzNumberInput: {
   new (): EzNumberInput;
 };
 
-interface EzNumericInput extends Components.EzNumericInput, HTMLElement {}
-export const EzNumericInput: {
-  prototype: EzNumericInput;
-  new (): EzNumericInput;
-};
-
 interface EzPopover extends Components.EzPopover, HTMLElement {}
 export const EzPopover: {
   prototype: EzPopover;
@@ -152,12 +164,30 @@ export const FormMetadata: {
   new (): FormMetadata;
 };
 
+interface GridConfig extends Components.GridConfig, HTMLElement {}
+export const GridConfig: {
+  prototype: GridConfig;
+  new (): GridConfig;
+};
+
 interface PlaceHolder extends Components.PlaceHolder, HTMLElement {}
 export const PlaceHolder: {
   prototype: PlaceHolder;
   new (): PlaceHolder;
 };
 
+interface SelectBox extends Components.SelectBox, HTMLElement {}
+export const SelectBox: {
+  prototype: SelectBox;
+  new (): SelectBox;
+};
+
+interface TestDu extends Components.TestDu, HTMLElement {}
+export const TestDu: {
+  prototype: TestDu;
+  new (): TestDu;
+};
+
 /**
  * Utility to define all custom elements within this package using the tag name provided in the component's source. 
  * When defining each custom element, it will also check it's safe to define by: