@sankhyalabs/ezui 0.0.0-bugfix-dev-kb-67792.1 → 0.0.0-bugfix-dev-KB-65214.1

package/dist/collection/components/ez-form-view/custom-input/ez-custom-form-input.js

@@ -1,6 +1,6 @@
 import { h, Host } from '@stencil/core';
 import { CustomEditorSource } from '../../../utils/customEditor/interfaces/ICustomEditor';
-import { HTMLBuilder, StringUtils } from '@sankhyalabs/core';
+import { HTMLBuilder, ObjectUtils, StringUtils } from '@sankhyalabs/core';
 export class EzCustomFormInput {
   constructor() {
     this.gui = undefined;
@@ -11,6 +11,26 @@ export class EzCustomFormInput {
     this.builderFallback = undefined;
     this.selectedRecord = undefined;
   }
+  watchValue() {
+    this.handleValue(this.gui);
+  }
+  watchCustomEditor() {
+    this.getContent();
+  }
+  watchFormViewField(newValue, oldValue) {
+    if (!ObjectUtils.equals(newValue, oldValue))
+      this.getContent();
+  }
+  watchDetailContext() {
+    this.getContent();
+  }
+  watchBuilderFallback() {
+    this.getContent();
+  }
+  watchSelectedRecord(newValue, oldValue) {
+    if (newValue['__record__id__'] != oldValue['__record__id__'])
+      this.getContent();
+  }
   /**
    * Aplica foco no campo.
    */
@@ -89,7 +109,7 @@ export class EzCustomFormInput {
       child.$attrs$.value = this.value;
     });
   }
-  componentWillRender() {
+  componentWillLoad() {
     this.getContent();
   }
   render() {
@@ -275,4 +295,25 @@ export class EzCustomFormInput {
       }
     };
   }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "watchValue"
+      }, {
+        "propName": "customEditor",
+        "methodName": "watchCustomEditor"
+      }, {
+        "propName": "formViewField",
+        "methodName": "watchFormViewField"
+      }, {
+        "propName": "detailContext",
+        "methodName": "watchDetailContext"
+      }, {
+        "propName": "builderFallback",
+        "methodName": "watchBuilderFallback"
+      }, {
+        "propName": "selectedRecord",
+        "methodName": "watchSelectedRecord"
+      }];
+  }
 }

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

@@ -176,6 +176,10 @@ export default class AgGridController {
       else {
         this._grid = new Grid(container, this._gridOptions);
       }
+      container.addEventListener('focusout', (event) => {
+        if (!container.contains(event.relatedTarget))
+          this._gridOptions.api.clearFocusedCell();
+      });
       const selection = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectionInfo();
       if (selection === null || selection === void 0 ? void 0 : selection.isAllRecords()) {
         this.selectAll(true);

package/dist/collection/components/ez-grid/controller/ag-grid/editor/templates/Search.tpl.js

@@ -9,7 +9,6 @@ export const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) =
     />`);
   const loader = ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
   ezSearch.optionLoader = (argument) => loader(argument, name, dataUnit);
-  ezSearch.fromGrid = true;
   ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
   ezSearch.valueGetter = () => ezSearch.getValueAsync();
   return ezSearch;

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

@@ -454,9 +454,6 @@ export class EzGrid {
   }
   componentDidUpdate() {
     this._gridController.setAutoFocus(this.autoFocus);
-    if (this.dataUnit) {
-      this.setSelection(this.dataUnit.getSelectionInfo());
-    }
   }
   getDataSource() {
     var _a;

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

@@ -8,7 +8,6 @@ export class EzModal {
     this.opened = true;
     this.closeEsc = false;
     this.closeOutsideClick = false;
-    this.closeOutsideLeave = false;
     this.scrim = "medium";
   }
   observeOpened() {
@@ -40,11 +39,6 @@ export class EzModal {
       this.closeModal();
     }
   }
-  onMouseLeaveHandler() {
-    if (this.closeOutsideLeave) {
-      this.closeModal();
-    }
-  }
   render() {
     const positionSufix = this.align === "left" ? "left" : "right";
     const regularVerticalPaddingClass = this.heightMode === "regular" ? 'modal__vertical-padding' : '';
@@ -52,7 +46,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", { onMouseLeave: () => this.onMouseLeaveHandler(), 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", { class: `modal__content ${modalContentHeightMode} ${this.modalSize}` }, h("slot", null))))
       :
         undefined));
   }
@@ -180,24 +174,6 @@ 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,7 +11,6 @@ export class EzModalContainer {
     this.okButtonLabel = undefined;
     this.cancelButtonStatus = undefined;
     this.okButtonStatus = undefined;
-    this.showCloseButton = true;
   }
   async handleEzModalAction(event) {
     var _a;
@@ -48,7 +47,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))), (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() })));
+    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() })));
   }
   static get is() { return "ez-modal-container"; }
   static get encapsulation() { return "scoped"; }
@@ -183,24 +182,6 @@ 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-popup/ez-popup.css

@@ -68,17 +68,13 @@
   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%;

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

@@ -15,7 +15,6 @@ export class EzPopup {
     this.useHeader = true;
     this.heightMode = "full";
     this.ezTitle = undefined;
-    this.enabledScroll = false;
   }
   observeConfig() {
     this.manageOverflow();
@@ -53,17 +52,11 @@ export class EzPopup {
   getGridSize() {
     return this._sizeClasses[this.size] || this._sizeClasses["medium"];
   }
-  handlePopupHeight() {
-    return this.heightMode === 'auto' ? 'popup__container--auto' : '';
-  }
-  handlePopupOverflowY() {
-    return this.enabledScroll ? 'popup__overflow-y--auto' : '';
-  }
   componentDidRender() {
     this.manageOverlay();
   }
   render() {
-    return (h(Host, null, this.opened ? (h("div", { class: "overlay", ref: ref => this._popupRef = ref, tabIndex: -1 }, h("div", { class: "popup col " + this.getGridSize() }, h("div", { class: `popup__container ${(this.handlePopupHeight())} ${this.handlePopupOverflowY()}` }, h("div", { class: "popup__content" }, h("div", { class: "popup__header " + (this.useHeader ? "popup__header--padding" : "") }, this.useHeader &&
+    return (h(Host, null, this.opened ? (h("div", { class: "overlay", ref: ref => this._popupRef = ref, tabIndex: -1 }, h("div", { class: "popup col " + this.getGridSize() }, h("div", { class: "popup__container " + (this.heightMode === "auto" ? "popup__container--auto" : "") }, h("div", { class: "popup__content" }, h("div", { class: "popup__header " + (this.useHeader ? "popup__header--padding" : "") }, this.useHeader &&
       h(Fragment, null, !!this.ezTitle && h("div", { class: "popup__title" }, this.ezTitle), h("button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", onClick: () => { this.opened = false; this.ezClosePopup.emit(); } }))), h("div", { class: "popup__expandable-content" }, h("slot", null))))))) : undefined));
   }
   static get is() { return "ez-popup"; }
@@ -168,24 +161,6 @@ export class EzPopup {
         },
         "attribute": "ez-title",
         "reflect": false
-      },
-      "enabledScroll": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Possibilita scroll vertical no conte\u00FAdo interno do componente"
-        },
-        "attribute": "enabled-scroll",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

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

@@ -35,7 +35,6 @@ export class EzSearch {
     this.ignoreLimitCharsToSearch = false;
     this.options = undefined;
     this.suppressSearch = false;
-    this.fromGrid = false;
   }
   observeErrorMessage() {
     var _a;
@@ -68,8 +67,6 @@ export class EzSearch {
     }
   }
   observeOptions(newOptions, oldOptions) {
-    if (!newOptions.length && this.fromGrid)
-      return;
     if ((newOptions === null || newOptions === void 0 ? void 0 : newOptions.join('')) === (oldOptions === null || oldOptions === void 0 ? void 0 : oldOptions.join('')))
       return;
     this.loadOptions(SearchMode.PRELOAD);
@@ -662,7 +659,7 @@ export class EzSearch {
   render() {
     var _a;
     ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), (((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value) || this.fromGrid)
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, canShowError: this.canShowError, errorMessage: this.errorMessage, mode: this.mode }, h("button", { class: "btn", slot: "leftIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.handlerIconClick() }, h("ez-icon", { iconName: "search" })), ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value)
       ? h("button", { class: "btn btn__close", slot: "rightIcon", disabled: !this.enabled, tabindex: -1, onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
       : undefined), h("section", { class: "list-container", ref: elem => this._listContainer = elem }, h("div", { class: "list-wrapper", ref: elem => this._listWrapper = elem }, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this._showLoading
       && this._visibleOptions.length === 0
@@ -987,24 +984,6 @@ export class EzSearch {
         "attribute": "suppress-search",
         "reflect": false,
         "defaultValue": "false"
-      },
-      "fromGrid": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Informa se o componente est\u00E1 instanciado de dentro de uma grade"
-        },
-        "attribute": "from-grid",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

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

@@ -67,17 +67,11 @@ export class EzTabselector {
       this.processesTabs();
     }
   }
-  async goToTab(tabIndex, silent = false) {
-    const tab = this._processedTabs.find(tab => tab.index === tabIndex);
-    this.handleTabClick(tab, !silent);
-  }
-  handleTabClick(tab, emitChange = true) {
+  handleTabClick(tab) {
     this.selectedIndex = tab.index;
     this._focusedIndex = undefined;
     this.selectedTab = tab.tabKey;
-    if (emitChange) {
-      this.ezChange.emit(tab);
-    }
+    this.ezChange.emit(tab);
     this.setFocusedBtn(false, tab.index);
   }
   componentWillLoad() {
@@ -322,32 +316,6 @@ export class EzTabselector {
         }
       }];
   }
-  static get methods() {
-    return {
-      "goToTab": {
-        "complexType": {
-          "signature": "(tabIndex: number, silent?: boolean) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
   static get elementRef() { return "_hostElem"; }
   static get watchers() {
     return [{