@sankhyalabs/ezui 7.1.0-dev.2 → 7.1.0-dev.20

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

@@ -40,6 +40,8 @@
   --ez-label-chip__label__container--default--border-color--active: var(--color--ocean-green-200);
   /*@doc Define a cor da borda quando o componente está ativo e na variação secundária.*/
   --ez-label-chip__label__container--secondary--border-color--active: var(--color--gray-200);
+   /*@doc Define a margem do chip.*/
+  --ez-label-chip__label__container--margin: 0px;
 }
 
 .label__text {
@@ -76,6 +78,7 @@
   border-radius: var(--ez-label-chip__label__container--border-radius);
   padding: 0 var(--ez-label-chip__horizontal-padding);
   outline-color: var(--ez-label-chip__label__container--default--border-color--active);
+  margin: var(--ez-label-chip__label__container--margin);
 }
 
 .label__container[data-size="default"] {

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

@@ -88,9 +88,12 @@ export class EzDateInput {
       this._changePending = false;
     }
   }
-  hideCalendar() {
+  async handleChangeCalendar(event) {
     this.changeValue(this._calendar.value);
+    this.ezInput.emit(this._calendar.value);
     this._popover.hide();
+    await this.setFocus();
+    event.stopPropagation();
   }
   handleBlur() {
     if (!this._changePending) {
@@ -139,10 +142,13 @@ export class EzDateInput {
     if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
       this._changePending = true;
       this._focused = true;
+      this.ezInput.emit(newValueValidated);
       this.ezStartChange.emit({ waitmessage: "", blocking: false });
     }
     if (event['data'] === "H" || event['data'] === "h") {
-      this.changeValue(new Date());
+      const currentDate = new Date();
+      this.ezInput.emit(currentDate);
+      this.changeValue(currentDate);
     }
   }
   setInputValue() {
@@ -168,7 +174,7 @@ export class EzDateInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', "data-element-id": this._elem.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); } }))));
+    return (h(Host, null, h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, slot: "leftIcon" })), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', "data-element-id": this._elem.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => this.handleChangeCalendar(event), value: this.value }))));
   }
   static get is() { return "ez-date-input"; }
   static get encapsulation() { return "shadow"; }
@@ -383,6 +389,25 @@ export class EzDateInput {
           "resolved": "void",
           "references": {}
         }
+      }, {
+        "method": "ezInput",
+        "name": "ezInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o usu\u00E1rio digita uma data v\u00E1lida no campo."
+        },
+        "complexType": {
+          "original": "Date",
+          "resolved": "Date",
+          "references": {
+            "Date": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

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

@@ -8,9 +8,11 @@
   /*@doc Define a cor de fundo do botão de fechar.*/
   --dialog__btn__close--background-color: var(--title--primary, #2b3a54);
   /*@doc Define o espaçamento direito do botão de negação.*/
-  --dialog__btn__no--padding-right: var(--space--large, 24px);
+  --dialog__btn__no--padding-right: var(--space--8, 8px);
   /*@doc Contém a imagem do ícone de fechamento.*/
   --dialog__btn__close__image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>');
+  /*@doc Define a largura mínima dos botões.*/
+  --dialog__btn__min-width: 80px;
 
   /* Título */
   /*@doc Define o estilo da mensagem exibida no título.*/
@@ -245,6 +247,7 @@ h2 {
 
 .button__cancel {
   padding-right: var(--dialog__btn__no--padding-right);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm{
@@ -252,6 +255,7 @@ h2 {
   --ez-button--color: var(--color--inverted);
   --ez-button--hover--background-color: var(--color--primary-600);
   --ez-button--hover-color: var(--color--inverted);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm--danger{
@@ -259,6 +263,7 @@ h2 {
   --ez-button--color: var(--color--inverted);
   --ez-button--hover--background-color: var(--color-alert--error-900, #a10020);
   --ez-button--hover-color: var(--color--inverted);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm--container {

package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js

@@ -7,5 +7,5 @@ export const buildCheckBox = (field) => {
   return buildField(field.name, field.label, field.readOnly, field.contextName, false);
 };
 function buildField(fieldName, fieldLabel, readOnly, contextName, switchMode) {
-  return (h("div", { class: "ez-col ez-col--sd-12 ez-align--middle ez-padding-bottom--large" }, h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName })));
+  return (h("div", { class: "ez-col ez-col--sd-12 ez-align--middle ez-padding-top--medium ez-padding-bottom--medium" }, h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName })));
 }

package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js

@@ -1,5 +1,7 @@
 import { h } from "@stencil/core";
+import { StringUtils } from "@sankhyalabs/core";
 export const buildSearch = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
   var _a;
-  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false })));
+  const hasDescriptionField = !StringUtils.isEmpty(props === null || props === void 0 ? void 0 : props.DESCRIPTIONFIELD);
+  return (h("div", { class: "ez-col ez-col--sd-12" }, h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false, hideDescriptionInput: !hasDescriptionField })));
 };

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

@@ -763,7 +763,7 @@ export default class AgGridController {
     const colDefsWithConfigs = this.getColsDefWithConfigApplied(colDefs, this._lastColsConfig);
     this._gridOptions.api.setColumnDefs(colDefsWithConfigs);
   }
-  getColsDefWithConfigApplied(colDefs, colsConfig) {
+  getColsDefWithConfigApplied(colDefs, colsConfig = []) {
     //Cria map de colunas existentes na config e seu índice
     const orderMap = colsConfig.reduce((map, col, index) => {
       map[col.name] = index;
@@ -1022,6 +1022,10 @@ export default class AgGridController {
     let cellStyle = this.getInitCellStyle();
     const primitiveUIType = (_a = source === null || source === void 0 ? void 0 : source.props) === null || _a === void 0 ? void 0 : _a.get("PRIMITIVETUIYPE");
     const uitype = source === null || source === void 0 ? void 0 : source.userInterface;
+    if (uitype === UserInterface.SEARCH) {
+      cellStyle['text-align'] = 'left';
+      return cellStyle;
+    }
     switch (primitiveUIType !== null && primitiveUIType !== void 0 ? primitiveUIType : uitype) {
       case UserInterface.DECIMALNUMBER:
       case UserInterface.INTEGERNUMBER:

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

@@ -6,6 +6,8 @@
   /*@doc Define o padding entre o conteúdo e o modal */
   --ez-modal-content-padding: 24px;
   display: block;
+  /*@doc Define a largura mínima do conteúdo do modal */
+  --ez-modal-content-min-width: auto;
 }
 
 .modal {
@@ -73,6 +75,7 @@
   flex-wrap: wrap;
   box-sizing: border-box;
   max-height: 100%;
+  min-width: var(--ez-modal-content-min-width);
   height: 100%;
   overflow-y: auto;
   background-color: rgb(255, 255, 255);

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

@@ -1,8 +1,8 @@
 :host {
   --ez-modal-container-overflow-y: auto;
   --ez-modal-container-overflow-x: hidden;
-  display: grid;
-  grid-template-rows: 0 auto 1fr auto 0;
+  display: flex;
+  flex-direction: column;
   width: 100%;
   height: 100%;
 }
@@ -23,6 +23,7 @@
   overflow-y: var(--ez-modal-container-overflow-y);
   overflow-x: var(--ez-modal-container-overflow-x);
   outline: none;
+  flex: 1 1 auto;
 }
 
 .ez-modal-container__content::-webkit-scrollbar {
@@ -35,7 +36,7 @@
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  gap: var(--space--medium);
+  gap: var(--space--8, 8px);
   width: 100%;
   padding-top: var(--space--small, 6px);
 }
@@ -55,9 +56,3 @@
 .ez-modal-container__close-icon {
   --icon--color: var(--title--primary, #2B3A54)
 }
-
-.ez-modal-container__focus-ctrl {
-  height: 0px;
-  background-color: transparent;
-  border: none;
-}

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

@@ -13,6 +13,7 @@ export class EzModalContainer {
     this.cancelButtonStatus = undefined;
     this.okButtonStatus = undefined;
     this.showCloseButton = true;
+    this.autoFocus = false;
   }
   async handleEzModalAction(event) {
     var _a;
@@ -26,18 +27,25 @@ export class EzModalContainer {
   okIsVisible() {
     return (this.okButtonStatus !== ModalButtonStatus.HIDDEN && this.okButtonLabel != undefined);
   }
+  emitOkAction() {
+    this.ezModalAction.emit(ModalAction.OK);
+  }
   async componentWillLoad() {
     this.i18n = await initI18n();
   }
+  connectedCallback() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element })
+      .bind("Enter", () => this.emitOkAction())
+      .bind("Escape", () => this.closeModal())
+      .bind("Esc", () => this.closeModal());
+  }
   componentDidLoad() {
     window.requestAnimationFrame(() => {
       this.ezModalAction.emit(ModalAction.LOAD);
-      this._modalRef.focus();
+      if (this.autoFocus) {
+        this._modalRef.focus();
+      }
     });
-    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element })
-      .bind("Enter", this.ezModalAction.emit.bind(ModalAction.OK))
-      .bind("Escape", () => this.closeModal())
-      .bind("Esc", () => this.closeModal());
   }
   disconnectedCallback() {
     var _a;
@@ -46,17 +54,8 @@ export class EzModalContainer {
   closeModal() {
     this.ezModalAction.emit("CLOSE");
   }
-  focusLast() {
-    if (this._okButton == undefined) {
-      return;
-    }
-    this._okButton.setFocus();
-  }
-  focusFirst() {
-    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--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), "aria-label": this.i18n("app.close") }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { tabIndex: -1, class: "ez-modal-container__content" }, h("slot", null)), h("div", { tabIndex: -1, class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel || this.i18n("app.cancel"), 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 || this.i18n("app.ok"), 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("header", { 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), "aria-label": this.i18n("app.close") }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("main", { tabIndex: -1, class: "ez-modal-container__content" }, h("slot", null)), h("footer", { tabIndex: -1, class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel || this.i18n("app.cancel"), isDisabled: 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 || this.i18n("app.ok"), isDisabled: this.okButtonStatus === ModalButtonStatus.DISABLED, onClick: () => this.emitOkAction() })))));
   }
   static get is() { return "ez-modal-container"; }
   static get encapsulation() { return "scoped"; }
@@ -209,6 +208,24 @@ export class EzModalContainer {
         "attribute": "show-close-button",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Se true o modal container receber\u00E1 o foco ao ser renderizado."
+        },
+        "attribute": "auto-focus",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

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

@@ -149,6 +149,7 @@ export class EzNumberInput {
     if (parsedNumber !== this.value) {
       this._focused = true;
       this._changePending = true;
+      this.ezInput.emit(parsedNumber);
       this.ezStartChange.emit({ waitmessage: "", blocking: false });
     }
   }
@@ -446,6 +447,21 @@ export class EzNumberInput {
           "resolved": "void",
           "references": {}
         }
+      }, {
+        "method": "ezInput",
+        "name": "ezInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o usu\u00E1rio digita no campo."
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
       }];
   }
   static get methods() {

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

@@ -38,7 +38,7 @@
 }
 
 .popup__container {
-  width: 100%;
+  width: auto;
   max-height: 90%;
   height: 100%;
   display: flex;
@@ -54,7 +54,6 @@
   margin: 0;
   border: none;
   position: unset;
-  gap: var(--space--16, 16px);
 }
 
 .popup__container--auto {
@@ -72,20 +71,21 @@
 }
 
 .popup__expandable-content {
+  flex-grow: 1;
   box-sizing: border-box;
   width: 100%;
-  flex: 1;
   font-family: var(--font--pattern, "Roboto");
   font-size: var(--font-size--default, 14px);
   color: var(--title--primary, #00281D);
   font-weight: var(--font-weight--regular, 400);
-  line-height: var(--line-height--24, 24px);
 }
 
 .popup__header {
+  flex-shrink: 0;
   width: 100%;
   display: flex;
   align-items: center;
+  margin-bottom: var(--space--16, 16px);
 }
 
 .popup__title {
@@ -115,12 +115,17 @@
 }
 
 .popup__footer {
+  flex-shrink: 0;
   display: flex;
   width: 100%;
   flex-direction: row-reverse;
   gap: var(--space--8, 8px);
 }
 
+.popup_margin-top {
+  margin-top: var(--space--16, 16px);
+}
+
 /* //////// GRID SYSTEM //////// */
 
 .row {

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

@@ -3,12 +3,17 @@ import { h, Host } from "@stencil/core";
 import initI18n from '../../utils/i18n';
 export class EzPopup {
   constructor() {
+    this.handleFooterSlotChange = (event) => {
+      const slot = event.target;
+      this._hasFooterSlotContent = slot.assignedElements().length > 0;
+    };
+    this._hasFooterSlotContent = false;
     this.size = "medium";
     this.opened = false;
     this.useHeader = true;
     this.heightMode = "full";
     this.ezTitle = undefined;
-    this.enabledScroll = false;
+    this.enabledScroll = true;
     this.autoClose = true;
     this.footerButtons = [];
   }
@@ -59,6 +64,7 @@ export class EzPopup {
     }
   }
   getGridSize() {
+    var _a;
     const _sizeClasses = {
       "x-small": "col--sd-3 ez-popup__size-limit--x-small",
       "small": "col--sd-5",
@@ -71,16 +77,13 @@ export class EzPopup {
     if (!this.size || !_sizeClasses.hasOwnProperty(this.size)) {
       return _sizeClasses["medium"];
     }
-    return _sizeClasses[this.size] || _sizeClasses["medium"];
+    return (_a = _sizeClasses[this.size]) !== null && _a !== void 0 ? _a : _sizeClasses["medium"];
   }
   getDialogClass() {
     let className = 'popup__container';
     if (this.heightMode === 'auto') {
       className += ' popup__container--auto';
     }
-    if (this.enabledScroll) {
-      className += ' popup__overflow-y--auto';
-    }
     className += ` ${this.getGridSize()}`;
     return className;
   }
@@ -141,9 +144,18 @@ export class EzPopup {
         };
     }
   }
+  renderFooterButtons() {
+    return this.footerButtons.slice(0, 3).map((buttonProps, index) => (h("ez-button", Object.assign({ key: index }, this.handleDefaultPropsButtonsByIndex(index), buttonProps))));
+  }
   render() {
     return (h(Host, null, this.opened && (h("div", { class: "overlay", tabIndex: -1, onClick: this.handleAutoClose.bind(this) }, h("dialog", { ref: ref => this._popupRef = ref, class: this.getDialogClass() }, this.useHeader &&
-      h("header", { class: "popup__header" }, !!this.ezTitle && h("h1", { class: "popup__title" }, this.ezTitle), h("ez-button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", variant: "tertiary", mode: "icon", iconName: "close", size: "small", onClick: this.closePopup.bind(this) })), h("main", { class: "popup__expandable-content" }, h("slot", null)), this.footerButtons.length > 0 && (h("footer", { class: "popup__footer" }, this.footerButtons.slice(0, 3).map((buttonProps, index) => (h("ez-button", Object.assign({ key: index }, this.handleDefaultPropsButtonsByIndex(index), buttonProps)))))))))));
+      h("header", { class: "popup__header" }, !!this.ezTitle && h("h1", { class: "popup__title" }, this.ezTitle), h("ez-button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", variant: "tertiary", mode: "icon", iconName: "close", size: "small", onClick: this.closePopup.bind(this) })), h("main", { class: {
+        "popup__expandable-content": true,
+        "popup__overflow-y--auto": this.enabledScroll
+      } }, h("slot", null)), h("footer", { class: {
+        "popup__footer": true,
+        "popup_margin-top": this.footerButtons.length > 0 || this._hasFooterSlotContent
+      } }, this.footerButtons.length > 0 && (this.renderFooterButtons()), h("slot", { name: 'footer', onSlotchange: this.handleFooterSlotChange })))))));
   }
   static get is() { return "ez-popup"; }
   static get encapsulation() { return "shadow"; }
@@ -264,7 +276,7 @@ export class EzPopup {
         },
         "attribute": "enabled-scroll",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "true"
       },
       "autoClose": {
         "type": "boolean",
@@ -313,6 +325,11 @@ export class EzPopup {
       }
     };
   }
+  static get states() {
+    return {
+      "_hasFooterSlotContent": {}
+    };
+  }
   static get events() {
     return [{
         "method": "ezClosePopup",

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 import { ElementIDUtils, ObjectUtils, StringUtils } from "@sankhyalabs/core";
-import { ApplicationUtils } from "../../utils";
+import { ApplicationUtils, SearchMode } from "../../utils";
 import { replaceHighlight, replaceQuotes } from "./utils/searchFormatters";
 import initI18n from '../../utils/i18n';
 export class EzSearch {
@@ -43,6 +43,7 @@ export class EzSearch {
     this.alternativePlaceholder = undefined;
     this.showMore = undefined;
     this.suppressInputPersist = false;
+    this.hideDescriptionInput = false;
   }
   observeErrorMessage() {
     var _a;
@@ -350,7 +351,7 @@ export class EzSearch {
     }
   }
   async loadDescriptionValue(argument) {
-    var _a, _b;
+    var _a, _b, _c;
     if (argument == undefined) {
       return;
     }
@@ -358,21 +359,30 @@ export class EzSearch {
       this.loadOptionValue(argument);
       return;
     }
+    const searchMode = this.hideDescriptionInput ? SearchMode.LOAD_DESCRIPTION : SearchMode.PREDICTIVE;
     const searchArgument = {
-      mode: SearchMode.PREDICTIVE,
+      mode: searchMode,
       argument
     };
-    const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument, this.contextProperties));
-    if (source == undefined) {
-      return;
-    }
-    if (source instanceof Promise) {
-      source.then((result) => {
-        this.setDescriptionValue(result);
-      });
+    try {
+      const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument, this.contextProperties));
+      if (source == undefined) {
+        return;
+      }
+      if (source instanceof Promise) {
+        source.then((result) => {
+          this.setDescriptionValue(result);
+        });
+      }
+      else {
+        this.setDescriptionValue(source);
+      }
     }
-    else {
-      this.setDescriptionValue(source);
+    catch (error) {
+      if (((_c = error === null || error === void 0 ? void 0 : error.constructor) === null || _c === void 0 ? void 0 : _c.name) === "WarningException") {
+        this.errorMessage = error.message;
+      }
+      throw error;
     }
   }
   setDescriptionValue(source) {
@@ -1107,6 +1117,24 @@ export class EzSearch {
         "attribute": "suppress-input-persist",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "hideDescriptionInput": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true o campo de descri\u00E7\u00E3o n\u00E3o ser\u00E1 exibido."
+        },
+        "attribute": "hide-description-input",
+        "reflect": true,
+        "defaultValue": "false"
       }
     };
   }
@@ -1247,9 +1275,3 @@ export class EzSearch {
       }];
   }
 }
-var SearchMode;
-(function (SearchMode) {
-  SearchMode["ADVANCED"] = "ADVANCED";
-  SearchMode["PRELOAD"] = "PRELOAD";
-  SearchMode["PREDICTIVE"] = "PREDICTIVE";
-})(SearchMode || (SearchMode = {}));

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

@@ -6,6 +6,7 @@ export class EzSearchPlus {
   constructor() {
     this.SEARCH_DESCRIPTION_TIMEOUT = 300;
     this.INTERVAL_TO_RETRY_ASYNC_VALUE = 100;
+    this._ignoreNextValue = false;
     this.value = undefined;
     this.enabled = true;
     this.disableCodeInput = false;
@@ -38,6 +39,11 @@ export class EzSearchPlus {
     this.showLoading = true;
   }
   async observeValue(newValue, oldValue) {
+    var _a;
+    if (this._ignoreNextValue) {
+      this._ignoreNextValue = false;
+      return;
+    }
     const newNormalizedValue = this.normalizeValueToCodeValue(newValue);
     const oldNormalizedValue = this.normalizeValueToCodeValue(oldValue);
     if (newNormalizedValue === oldNormalizedValue) {
@@ -57,12 +63,17 @@ export class EzSearchPlus {
       }
     }
     catch (err) {
-      this.value = undefined;
+      this._ignoreNextValue = true;
+      this.clearSearch();
       console.warn("[EzSearchPlus] Erro ao obter descrição do registro.", err);
+      if (((_a = err === null || err === void 0 ? void 0 : err.constructor) === null || _a === void 0 ? void 0 : _a.name) === "WarningException") {
+        this.errorMessage = err.message;
+      }
       throw err;
     }
     this.value = this.buildCurrentValue();
     this.ezChange.emit(this.value);
+    this.errorMessage = null;
   }
   canShowLoadSpinDescription() {
     return this.isLoadingDescription;
@@ -141,8 +152,11 @@ export class EzSearchPlus {
   }
   clearSearch() {
     this.value = null;
+    this.codeValue = null;
     this.descriptionValue = null;
-    this._textInputDescriptionValue.value = null;
+    if (!this.hideDescriptionInput) {
+      this._textInputDescriptionValue.value = null;
+    }
   }
   getCodLabel() {
     var _a;

package/dist/collection/components/ez-split-button/ez-split-button.css

@@ -42,7 +42,7 @@
     /*@doc Define a família da fonte do label.*/
     --ez-split-button--font-family: var(--font-pattern, Arial);
     /*@doc Define o peso da fonte do label.*/
-    --ez-split-button--font-weight: var(--font-weight--regular,400);
+    --ez-split-button--font-weight: var(--font-weight--medium, 500);
     /*@doc Define o raio da borda do botão.*/
     --ez-split-button--border-radius: var(--border--radius-24, 24px);
     /*@doc Define a cor do texto e do ícone quando o cursor está sobre o botão.*/
@@ -137,7 +137,12 @@
   .ez-split-button.medium {
     --ez-split-button--height: var(--space--32, 32px);
   }
-  
+
+  .ez-split-button.small {
+    --ez-split-button--height: var(--space--32, 32px);
+    --ez-split-button--font-size: var(--text--small, 12px);
+  }
+
   ez-icon {
     --ez-icon--color: inherit;
   }