@sankhyalabs/ezui 5.22.0-dev.4 → 5.22.0-dev.41

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

@@ -36,6 +36,10 @@ export class EzGrid {
     this.recordsValidator = undefined;
     this.canEdit = true;
     this.autoFocus = true;
+    this.paginationCounterMode = 'show';
+    this.enableGridInsert = false;
+    this.enableContinuousInsert = true;
+    this.enableLockManger = true;
   }
   /**
    * Aplica a definição de colunas.
@@ -160,6 +164,18 @@ export class EzGrid {
   async setFocus() {
     this._gridController.setFocus();
   }
+  /**
+   * Para a edição da grade.
+   */
+  async stopEdit() {
+    this._gridController.stopEdit();
+  }
+  async checkStopEditOutsideClick(event) {
+    var _a;
+    if ((_a = this._container) === null || _a === void 0 ? void 0 : _a.contains(event.target))
+      return;
+    this._gridController.stopEdit();
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config === null || config === void 0 ? void 0 : config.columns);
   }
@@ -171,12 +187,23 @@ export class EzGrid {
       this._refPaginationLabelTooltip.setAttribute('data-tooltip', this._getPaginationTooltip());
     }
   }
+  observePaginationCounterMode(newValue) {
+    if (newValue === 'hidden') {
+      this._hidePaginationDescription();
+    }
+    if (newValue === 'show') {
+      this._showPaginationDescription();
+    }
+  }
   onSelectionChange(evt) {
     this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
     if (this.dataUnit) {
       this.setSelection(this.dataUnit.getSelectionInfo());
     }
   }
+  async handleClick(event) {
+    this.checkStopEditOutsideClick(event);
+  }
   setSelection(selectionInfo) {
     var _a;
     this._selectionCount = (_a = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.length) !== null && _a !== void 0 ? _a : 0;
@@ -332,13 +359,18 @@ export class EzGrid {
   resetPaginationState() {
     var _a;
     this._paginationChangedByKeyboard = false;
-    (_a = this._gridApi) === null || _a === void 0 ? void 0 : _a.clearRangeSelection();
+    (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.resetPaginationState();
+  }
+  resolvePaginationClassMode() {
+    if (this.paginationCounterMode == 'show')
+      return "pagination-expanded";
+    return "pagination-contracted";
   }
   getPaginationControl() {
     if (!this._paginationInfo)
       return null;
     const { currentPage, hasMore } = this._paginationInfo;
-    return (h("div", { class: "grid-header__container grid-header__pagination", ref: ref => (this._refPaginationControl = ref) }, h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium" }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
+    return (h("div", { class: `grid-header__container grid-header__pagination ${this.resolvePaginationClassMode()}`, ref: ref => (this._refPaginationControl = ref) }, h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium", ref: (element) => (this._refPaginationLabel = element) }, h("span", { class: "grid-header__pagination-label" }, this.paginationCounterMode == 'show' && h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, this._getActualPageLabel()), this.paginationCounterMode == 'show' && this._getRemainingPageLabel())), h("div", { id: "grid-pagination-tooltip", ref: (element) => (this._refPaginationLabelTooltip = element), class: "ez-flex ez-margin-right--medium", title: `${this._getActualPageLabel()} ${this._getRemainingPageLabel()}` }, h("ez-button", { size: "small", class: "ez-margin-right--medium", iconName: "chevron-left", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }), h("ez-button", { size: "small", iconName: "chevron-right", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }))));
   }
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
@@ -362,11 +394,14 @@ export class EzGrid {
       editionIsDisabled: () => !this.canEdit,
       customFormatters: this._customFormatters,
       autoFocus: this.autoFocus,
+      enableGridInsert: this.enableGridInsert,
+      enableContinuousInsert: this.enableContinuousInsert,
       onRefresh: () => {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
         }
-      }
+      },
+      enableLockManger: this.enableLockManger
     });
     if (this.config) {
       this.observeConfig(this.config);
@@ -378,7 +413,8 @@ export class EzGrid {
     this.setEvents();
     this.componentReady.emit();
     this._gridController.configFilterColumn(this._filterColumn);
-    this._initHeaderOverflowWatcher();
+    if (this.paginationCounterMode === 'auto')
+      this._initHeaderOverflowWatcher();
   }
   handlePaginationChange(selectFirstRecord, paginationInfo) {
     var _a;
@@ -405,7 +441,8 @@ export class EzGrid {
     return this._getActualPageLabel() + this._getRemainingPageLabel();
   }
   _initHeaderOverflowWatcher() {
-    this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
+    if (this._refPaginationControl)
+      this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
   }
   buildOverFlowWatcherParams() {
     return {
@@ -436,8 +473,13 @@ export class EzGrid {
     this._refPaginationLabelTooltip.removeAttribute('data-tooltip');
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
     (_a = this._headerOverflowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this._gridController) === null || _b === void 0 ? void 0 : _b.destroy();
+  }
+  connectedCallback() {
+    var _a;
+    (_a = this._gridController) === null || _a === void 0 ? void 0 : _a.registryListeners();
   }
   componentWillRender() {
     this.configSelectionCounter();
@@ -454,6 +496,11 @@ export class EzGrid {
   }
   componentDidUpdate() {
     this._gridController.setAutoFocus(this.autoFocus);
+    this._gridController.setEnableGridInsert(this.enableGridInsert);
+    this._gridController.setEnableContinuousInsert(this.enableContinuousInsert);
+    if (this.dataUnit) {
+      this.setSelection(this.dataUnit.getSelectionInfo());
+    }
   }
   getDataSource() {
     var _a;
@@ -462,9 +509,14 @@ export class EzGrid {
   hideHeader() {
     return (!!this._element.getAttribute("no-header") && !this._paginationInfo);
   }
+  resolveLeftHeaderClass() {
+    if (this.paginationCounterMode == 'show')
+      return "left__header-expanded";
+    return "left__header-contracted";
+  }
   render() {
     var _a;
-    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container grid-header__left-container" }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
+    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "ez-box ez-box--shadow ez-padding--small grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: `grid-header__container grid-header__left-container ${this.resolveLeftHeaderClass()}` }, h("slot", { name: "leftButtons" })), this.getPaginationControl())), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter  ez-elevation--4
           ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
         ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
   }
@@ -694,6 +746,78 @@ export class EzGrid {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "paginationCounterMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'show' | 'hidden' | 'auto'",
+          "resolved": "\"auto\" | \"hidden\" | \"show\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se a grid ser\u00E1 focada ao ser carregada."
+        },
+        "attribute": "pagination-counter-mode",
+        "reflect": false,
+        "defaultValue": "'show'"
+      },
+      "enableGridInsert": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
+        },
+        "attribute": "enable-grid-insert",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "enableContinuousInsert": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa/desativa a inser\u00E7\u00E3o continua na grade\nS\u00F3 funciona quando a prop enableGridInsert est\u00E1 ativa"
+        },
+        "attribute": "enable-continuous-insert",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "enableLockManger": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
+        },
+        "attribute": "enable-lock-manger",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }
@@ -1198,6 +1322,47 @@ export class EzGrid {
           "text": "Atribui o foco para a grade.",
           "tags": []
         }
+      },
+      "stopEdit": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Para a edi\u00E7\u00E3o da grade.",
+          "tags": []
+        }
+      },
+      "checkStopEditOutsideClick": {
+        "complexType": {
+          "signature": "(event: MouseEvent) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "MouseEvent": {
+              "location": "global"
+            },
+            "Node": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
     };
   }
@@ -1209,6 +1374,9 @@ export class EzGrid {
       }, {
         "propName": "_paginationInfo",
         "methodName": "updatePaginationTooltip"
+      }, {
+        "propName": "paginationCounterMode",
+        "methodName": "observePaginationCounterMode"
       }];
   }
   static get listeners() {
@@ -1218,6 +1386,12 @@ export class EzGrid {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "click",
+        "method": "handleClick",
+        "target": undefined,
+        "capture": true,
+        "passive": false
       }];
   }
 }

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

@@ -147,6 +147,7 @@ p {
 
 .item-content {
   display: flex;
+  align-items: center;
   overflow: hidden;
   justify-content: flex-start;
   width: 100%;
@@ -176,7 +177,7 @@ p {
 
 .draggable-list li > div {
   /*public*/
-  padding: var(--space--2xs, 8px) var(--space--3xs, 4px);
+  padding: var(--space--3xs, 4px) var(--space--3xs, 4px);
   margin: var(--ez-list__item--margin);
 }
 

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

@@ -25,10 +25,10 @@ export class EzList {
    */
   async scrollToTop() {
     if (this.useGroups) {
-      this._element.shadowRoot.querySelector('.group-container').scrollTop = 0;
+      this._element.querySelector('.group-container').scrollTop = 0;
     }
     else {
-      this._element.shadowRoot.querySelector('.items-container').scrollTop = 0;
+      this._element.querySelector('.items-container').scrollTop = 0;
     }
   }
   /**
@@ -148,8 +148,7 @@ export class EzList {
     }
   }
   buildIdDraggableListAndSelectable() {
-    const shadow = this._element.shadowRoot;
-    const draggableList = shadow.querySelectorAll('.draggable-list');
+    const draggableList = this._element.querySelectorAll('.draggable-list');
     draggableList === null || draggableList === void 0 ? void 0 : draggableList.forEach((draggable, index) => {
       var _a, _b;
       let suffix = 'draggableList';
@@ -159,7 +158,7 @@ export class EzList {
       }
       ElementIDUtils.addIDInfoIfNotExists(draggable, suffix);
     });
-    const selectable = shadow.querySelectorAll('.selectable-container');
+    const selectable = this._element.querySelectorAll('.selectable-container');
     selectable === null || selectable === void 0 ? void 0 : selectable.forEach((item) => {
       ElementIDUtils.addIDInfoIfNotExists(item, 'selectable');
     });
@@ -288,7 +287,7 @@ export class EzList {
     }
     if (this._draggingElement) {
       try {
-        this._element.shadowRoot.removeChild(this._draggingElement);
+        this._element.removeChild(this._draggingElement);
       }
       catch (err) { }
       this._draggingElement = undefined;
@@ -551,7 +550,7 @@ export class EzList {
       }, onDragEnd: () => this.onDragEnd(), onDrop: event => this.onDropLastIndex(event) }))))));
   }
   static get is() { return "ez-list"; }
-  static get encapsulation() { return "shadow"; }
+  static get encapsulation() { return "scoped"; }
   static get originalStyleUrls() {
     return {
       "$": ["ez-list.css"]

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

@@ -1,6 +1,6 @@
 :host {
   /*@doc Define a camada em que o componente será exibido.*/
-  --ez-modal-z-index: var(--elevation--12, 12);;
+  --ez-modal-z-index: var(--elevation--22, 22);
   /*@doc Define o espaçamento vertical do conteúdo do modal.*/
   --ez-modal-vertical-padding: var(--space--large, 24px);
   /*@doc Define o padding entre o conteúdo e o modal */

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

@@ -8,6 +8,7 @@ export class EzModal {
     this.opened = true;
     this.closeEsc = false;
     this.closeOutsideClick = false;
+    this.closeOutsideLeave = false;
     this.scrim = "medium";
   }
   observeOpened() {
@@ -30,15 +31,29 @@ export class EzModal {
       .bind("Esc", () => this.closeModal());
   }
   componentDidRender() {
-    if (this.opened) {
-      this.ezOpenModal.emit();
+    this.modalFocus();
+  }
+  modalFocus() {
+    if (!this.opened) {
+      return;
     }
+    requestAnimationFrame(() => {
+      const slot = this._element.shadowRoot.querySelector("ez-modal-container");
+      if (this._modalRef && slot === null) {
+        this._modalRef.focus();
+      }
+    });
   }
   onMouseDownHandler(event) {
     if (this.closeOutsideClick && event.target === this._overlay) {
       this.closeModal();
     }
   }
+  onMouseLeaveHandler() {
+    if (this.closeOutsideLeave) {
+      this.closeModal();
+    }
+  }
   render() {
     const positionSufix = this.align === "left" ? "left" : "right";
     const regularVerticalPaddingClass = this.heightMode === "regular" ? 'modal__vertical-padding' : '';
@@ -46,7 +61,7 @@ export class EzModal {
     const scrimType = `modal__screen-${this.scrim}`;
     return (h(Host, null, this.opened
       ?
-        h("div", { ref: ref => this._modalRef = ref, class: `modal ${scrimType} ${regularVerticalPaddingClass}`, onMouseDown: evt => this.onMouseDownHandler(evt), tabIndex: -1 }, h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, h("div", { class: `modal__content ${modalContentHeightMode} ${this.modalSize}` }, h("slot", null))))
+        h("div", { ref: ref => this._modalRef = ref, class: `modal ${scrimType} ${regularVerticalPaddingClass}`, onMouseDown: evt => this.onMouseDownHandler(evt), tabIndex: -1 }, h("div", { class: `modal__container modal__container--${positionSufix}`, ref: ref => this._overlay = ref }, h("div", { onMouseLeave: () => this.onMouseLeaveHandler(), class: `modal__content ${modalContentHeightMode} ${this.modalSize}` }, h("slot", null))))
       :
         undefined));
   }
@@ -174,6 +189,24 @@ export class EzModal {
         "reflect": false,
         "defaultValue": "false"
       },
+      "closeOutsideLeave": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define se o modal ser\u00E1 fechado se o mouse sair para fora do conte\u00FAdo."
+        },
+        "attribute": "close-outside-leave",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "scrim": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/ez-modal-container/ez-modal-container.js

@@ -11,6 +11,7 @@ export class EzModalContainer {
     this.okButtonLabel = undefined;
     this.cancelButtonStatus = undefined;
     this.okButtonStatus = undefined;
+    this.showCloseButton = true;
   }
   async handleEzModalAction(event) {
     var _a;
@@ -47,7 +48,7 @@ export class EzModalContainer {
     this._closeButton.focus();
   }
   render() {
-    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--large" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))))), h("div", { class: "ez-modal-container__content" }, h("slot", null)), h("div", { class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
+    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { class: "ez-modal-container__content" }, h("slot", null)), h("div", { class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
   }
   static get is() { return "ez-modal-container"; }
   static get encapsulation() { return "scoped"; }
@@ -182,6 +183,24 @@ export class EzModalContainer {
         },
         "attribute": "ok-button-status",
         "reflect": false
+      },
+      "showCloseButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Define a visibilidade do bot\u00E3o de fechar."
+        },
+        "attribute": "show-close-button",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/ez-multi-selection-list/ez-multi-selection-list.js

@@ -96,7 +96,7 @@ export class EzMuiltiSelectionList {
   }
   async searchWithDataSource(searchArgument, fieldName) {
     const { argument, mode } = searchArgument;
-    if (mode !== 'PRELOAD') {
+    if (mode !== 'PRELOAD' && fieldName) {
       return this.dataSource.fetchData(argument, fieldName);
     }
   }

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

@@ -12,9 +12,11 @@ export class EzNumberInput {
     this.enabled = true;
     this.canShowError = true;
     this.errorMessage = undefined;
+    this.allowNegative = true;
     this.precision = undefined;
     this.prettyPrecision = undefined;
     this.mode = "regular";
+    this.autoFocus = false;
   }
   /**
    * Aplica o foco no campo.
@@ -155,15 +157,25 @@ export class EzNumberInput {
     const textValue = this.getTextValue(this.value) || '';
     if ((this._value || '') !== textValue) {
       this._value = textValue;
+      this._textInput.value = this._value;
     }
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
     this.setInputValue();
+    if (this.autoFocus) {
+      requestAnimationFrame(() => {
+        this.setFocus({ selectText: true });
+      });
+    }
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
+    let restrict = this.precision > 0 ? "0123456789,." : "0123456789";
+    if (this.allowNegative) {
+      restrict += '-';
+    }
+    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: restrict, enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -266,6 +278,24 @@ export class EzNumberInput {
         "attribute": "error-message",
         "reflect": true
       },
+      "allowNegative": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false, o input n\u00E3o aceitar\u00E1 n\u00FAmeros negativos."
+        },
+        "attribute": "allow-negative",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "precision": {
         "type": "number",
         "mutable": false,
@@ -317,6 +347,24 @@ export class EzNumberInput {
         "attribute": "mode",
         "reflect": true,
         "defaultValue": "\"regular\""
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true o campo de texto receber\u00E1 o foco ao ser renderizado."
+        },
+        "attribute": "auto-focus",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

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

@@ -68,13 +68,17 @@
   border-radius: 12px;
   box-shadow: 0px 0px 16px rgba(0, 38, 111, 0.122);
   box-sizing: border-box;
-  padding: var(--ez-popup__container--padding)
+  padding: var(--ez-popup__container--padding);
 }
 
 .popup__container--auto {
   height: auto;
 }
 
+.popup__overflow-y--auto {
+  overflow-y: auto;
+}
+
 .popup__content {
   box-sizing: border-box;
   height: 100%;