@sankhyalabs/ezui 1.1.99 → 1.1.102

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

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { Component, h, Prop, Method } from '@stencil/core';
 export class EzButton {
   constructor() {
     /**
@@ -10,10 +10,22 @@ export class EzButton {
        */
     this.mode = "regular";
     /**
-     * Quando em modo "icon" pode-se escolher entre [small,medium,large] (somente para o modo "icon")
+     * É possível escolher entre [small,medium,large] (somente para os modos "icon" e "link")
      */
     this.size = "medium";
   }
+  /**
+   * Realiza o foco no botão
+   */
+  async setFocus() {
+    this._button.focus();
+  }
+  /**
+   * Remove o foco no botão
+   */
+  async setBlur() {
+    this._button.blur();
+  }
   getIconSize() {
     return this.size;
   }
@@ -35,25 +47,25 @@ export class EzButton {
   }
   render() {
     if (this.mode == "icon") {
-      return (h("button", { class: "icon " + this.size, type: "button", disabled: !this.enabled },
+      return (h("button", { class: "icon " + this.size, type: "button", disabled: !this.enabled, ref: (el) => this._button = el },
         h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: this.getIconSize(), onClick: evt => { if (!this.enabled)
             evt.stopPropagation(); } })));
     }
     else if (this.mode == "label-icon") {
       return (h("div", { class: "label-icon" },
-        h("button", { class: "icon", type: "button", disabled: !this.enabled },
+        h("button", { class: "icon", type: "button", disabled: !this.enabled, ref: (el) => this._button = el },
           h("ez-icon", { class: "icon", href: this.image, iconName: this.iconName, size: "large", onClick: evt => { if (!this.enabled)
               evt.stopPropagation(); } })),
         h("label", { title: this.label }, this.label)));
     }
     else if (this.mode == "link") {
-      return (h("a", null,
+      return (h("a", { class: this.size, ref: (el) => this._button = el },
         h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
         this.label,
         h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
     }
     else {
-      return (h("button", { type: "button", disabled: !this.enabled },
+      return (h("button", { type: "button", disabled: !this.enabled, ref: (el) => this._button = el },
         h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
         this.label,
         h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } })));
@@ -167,11 +179,45 @@ export class EzButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Quando em modo \"icon\" pode-se escolher entre [small,medium,large] (somente para o modo \"icon\")"
+        "text": "\u00C9 poss\u00EDvel escolher entre [small,medium,large] (somente para os modos \"icon\" e \"link\")"
       },
       "attribute": "size",
       "reflect": true,
       "defaultValue": "\"medium\""
     }
   }; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no bot\u00E3o",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no bot\u00E3o",
+        "tags": []
+      }
+    }
+  }; }
 }

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

@@ -10,7 +10,7 @@
   /*@doc Define a cor de fundo do corpo do calendário.*/
   --ez-calendar__body--background-color: var(--background--xlight, #FFF);
   /*@doc Define a cor de fundo do corpo da hora do calendário.*/
-  --ez-calendar__Time--background-color: var(--background--xlight, #FAFAFA);
+  --ez-calendar__time--background-color: var(--background--xlight, #FAFAFA);
   /*@doc Define o espaçamento do corpo do calendário.*/
   --ez-calendar__body--padding: var(--space--medium, 12px) var(--space--small, 6px) ;
   /*@doc Define o raio da borda do corpo do calendário.*/
@@ -18,6 +18,10 @@
   /*@doc Define a sombra do corpo do calendário.*/
   --ez-calendar__body--shadow: var(--shadow, 0px 0px 16px 0px #000);
 
+  /* cal__container*/
+  /*@doc Define a posição do container de calendario nas camadas da página .*/
+  --ez-container--z-index: var(--more-visible, 2);
+
   /* cal__header */
   /*@doc Define a espessura da borda inferior do header.*/
   --ez-calendar__header-line--stroke: 1px;
@@ -75,6 +79,11 @@
   user-select: none;
 }
 
+.calendar__container{
+  display: flex;
+  z-index: var(--more-visible, 2);;
+}
+
 .calendar {
   /*private*/
   z-index: var(--more-visible, 2);
@@ -242,7 +251,7 @@ section{
   display: flex;
 }
 
-.calendarTime {
+.calendar-time {
   /*private*/
   margin-left: -10px;
   display: flex;
@@ -251,7 +260,7 @@ section{
 
   /*public*/
   /*TODO Criar variavel para color o calendar_time var(--ez-calendar__body-time--background-color)*/
-  background-color: var(--ez-calendar__Time--background-color);
+  background-color: var(--ez-calendar__time--background-color);
   border-top-right-radius: var(--ez-calendar__body--border-radius);
   border-bottom-right-radius: var(--ez-calendar__body--border-radius);
   box-shadow: var(--ez-calendar__body--shadow);
@@ -270,7 +279,7 @@ section{
   min-width: 0px;
 }
 
-.calendarTime__header{
+.calendar-time__header{
   /*private*/
   padding-left: var(--space--small, 6px);
   padding-right: var(--space--small, 6px);

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

@@ -167,7 +167,7 @@ export class EzCalendar {
     firstDate.setTime(this._currentPosition.getTime());
     firstDate.setDate(1 - firstDate.getDay());
     return (h("section", { ref: elem => this._container = elem },
-      h("div", { ref: elem => this._box = elem, style: { display: 'flex' } },
+      h("div", { ref: elem => this._box = elem, class: "calendar__container" },
         h("div", { class: "calendar" },
           h("div", { class: "calendar__header" },
             h("button", { class: "calendar__btn-previous", onClick: () => this.changeMonth(-1) }),
@@ -191,8 +191,8 @@ export class EzCalendar {
           h("div", { class: "calendar__footer" },
             h("button", { class: "calendar__btn-today", onClick: () => this.selectDate(new Date()) }, this._todayLabel))),
         (this.time || this.showSeconds) &&
-          h("div", { class: "calendarTime" },
-            h("div", { class: "calendarTime__header" },
+          h("div", { class: "calendar-time" },
+            h("div", { class: "calendar-time__header" },
               h("div", null, "H"),
               h("div", { class: "separatorTime" }, ":"),
               h("div", null, "M"),

package/dist/collection/components/ez-combo-box/ez-combo-box.js

@@ -1,5 +1,5 @@
 import { FloatingManager } from "@sankhyalabs/core";
-import { Component, h, Host, Prop, State, Event, Element, Watch } from "@stencil/core";
+import { Component, h, Host, Prop, State, Event, Element, Watch, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzComboBox {
   constructor() {
@@ -33,6 +33,18 @@ export class EzComboBox {
     this._preSelection = undefined;
     this.updateVisibleOptions();
   }
+  /**
+   * Realiza o foco no componente de seleção
+   */
+  async setFocus() {
+    this._inputElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de seleção
+   */
+  async setBlur() {
+    this._inputElement.setBlur();
+  }
   getText() {
     let text = "";
     const selected = this.getSelectedOption();
@@ -489,6 +501,40 @@ export class EzComboBox {
         }
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de sele\u00E7\u00E3o",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de sele\u00E7\u00E3o",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
       "propName": "value",

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

@@ -1,4 +1,4 @@
-import { Component, Element, Host, h, Prop, Watch, Event } from '@stencil/core';
+import { Component, Element, Host, h, Prop, Watch, Event, Method } from '@stencil/core';
 import { DateUtils } from '@sankhyalabs/core';
 import CSSVarsUtils from '../../utils/CSSVarsUtils';
 export class EzDateInput {
@@ -19,6 +19,18 @@ export class EzDateInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de data
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de data
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   changeValue(newValue) {
     newValue = newValue == null ? null : DateUtils.clearTime(newValue);
     this._textInput.errorMessage = "";
@@ -165,6 +177,40 @@ export class EzDateInput {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de data",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de data",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

package/dist/collection/components/ez-date-time-input/ez-date-time-input.js

@@ -1,4 +1,4 @@
-import { Component, Element, Host, h, Prop, Watch, Event } from '@stencil/core';
+import { Component, Element, Host, h, Prop, Watch, Event, Method } from '@stencil/core';
 import { DateUtils, TimeFormatter } from '@sankhyalabs/core';
 import CSSVarsUtils from '../../utils/CSSVarsUtils';
 export class EzDateTimeInput {
@@ -23,6 +23,18 @@ export class EzDateTimeInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de datetime
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de datetime
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   onChangeKeyDown(ev) {
     const input = this._textInput.shadowRoot.querySelector('input');
     if (ev.key === "H" || ev.key === "h") {
@@ -229,6 +241,40 @@ export class EzDateTimeInput {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de datetime",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de datetime",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

package/dist/collection/components/ez-form/DataBinder.js

@@ -39,7 +39,7 @@ export default class DataBinder {
       const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
       if (loader) {
         field["optionLoader"] = (arg) => {
-          loader(arg, fieldName, this._dataUnit);
+          return loader(arg, fieldName, this._dataUnit);
         };
       }
     }

package/dist/collection/components/ez-grid/controller/DataUnitBridge.js

@@ -10,6 +10,13 @@ export default class DataUnitBridge {
       case Action.METADATA_LOADED:
         this._gridController.setColumnsDef(this.buildColumnDefs(), true);
         break;
+      case Action.RECORDS_REMOVED:
+      case Action.EDITION_CANCELED:
+      case Action.RECORDS_ADDED:
+      case Action.RECORDS_COPIED:
+      case Action.DATA_SAVED:
+        this._gridController.refresh();
+        break;
     }
   }
   buildColumnDefs() {

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -87,6 +87,12 @@ export default class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
+  refresh() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.api.refreshServerSideStore({ purge: false });
+  }
   setColumnsDef(cols, showCheckSelection) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");

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

@@ -1,5 +1,5 @@
 import { NumberUtils } from "@sankhyalabs/core";
-import { Component, h, Event, Prop, Watch, Element } from "@stencil/core";
+import { Component, h, Event, Prop, Watch, Element, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzNumberInput {
   constructor() {
@@ -19,6 +19,18 @@ export class EzNumberInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de input
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   changeValue(newValue) {
     this.errorMessage = "";
     if (newValue && newValue !== this.value) {
@@ -182,6 +194,40 @@ export class EzNumberInput {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de input",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de input",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop, Watch, Element } from "@stencil/core";
+import { Component, Event, h, Prop, Watch, Element, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzSearch {
   constructor() {
@@ -20,6 +20,18 @@ export class EzSearch {
       this._comboElement.value = this.value;
     }
   }
+  /**
+   * Realiza o foco no componente de pesquisa
+   */
+  async setFocus() {
+    this._comboElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de pesquisa
+   */
+  async setBlur() {
+    this._comboElement.setBlur();
+  }
   onComboChange(evt) {
     evt.stopPropagation();
     this.value = evt.detail;
@@ -207,6 +219,40 @@ export class EzSearch {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de pesquisa",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de pesquisa",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "value",

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

@@ -284,6 +284,11 @@ progress[value]::-webkit-progress-value {
   cursor: unset;
 }
 
+.appearanceNone{
+  width: 0px;
+  height: 0px;
+}
+
 
 /* //////// GRID SYSTEM //////// */
 

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

@@ -58,6 +58,18 @@ export class EzUpload {
     }
     Array.prototype.forEach.call(files, this.addFile.bind(this));
   }
+  /**
+   * Realiza o foco no componente de upload
+   */
+  async setFocus() {
+    this._fileInput.focus();
+  }
+  /**
+   * Remove o foco no componente de upload
+   */
+  async setBlur() {
+    this._fileInput.blur();
+  }
   async addFile(file) {
     const oldFile = this._filePointers.get(file.name);
     if (oldFile) {
@@ -215,7 +227,7 @@ export class EzUpload {
             h("button", { class: "iu__file-icon", disabled: !this.enabled }),
             h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))),
         this.buildFooter()),
-      h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, hidden: true })));
+      h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {
     if (this._filePointers.size === 0) {
@@ -449,6 +461,38 @@ export class EzUpload {
         "text": "M\u00E9todo respons\u00E1vel por adicionar um ou mais arquivos ao componente.",
         "tags": []
       }
+    },
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de upload",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de upload",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "_host"; }

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

@@ -1,6 +1,13 @@
 import { Component, h } from '@stencil/core';
 import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
 export class TestDu {
+  /*private _ezButton// : HTMLEzButton;
+  private _ezComboBox// : HTMLEzComboBox;
+  private _ezDateInput// : HTMLEzDateInput;
+  private _ezDateTimeInput// : HTMLEzDateTimeInput;
+  private _ezNumberInput// : HTMLEzNumberInput
+  private _ezSearch// : HTMLEzSearch
+  private _ezUpload// : HTMLEzUpload*/
   componentWillLoad() {
     this.dataUnit = new DataUnit("testes_com_formulario");
     this.dataUnit.metadata = {