@sankhyalabs/ezui 3.0.3 → 3.1.0

package/dist/custom-elements/index.js

@@ -1,6 +1,6 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, Host, forceUpdate, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { FloatingManager, ElementIDUtils, StringUtils as StringUtils$1, DateUtils as DateUtils$1, TimeFormatter, ObjectUtils as ObjectUtils$1, Action, WaitingChangeException, ApplicationContext, UserInterface, DataUnitAction, DataUnit, NumberUtils as NumberUtils$1, DataType, SortMode, JSUtils, MaskFormatter } from '@sankhyalabs/core';
+import { FloatingManager, ElementIDUtils, JSUtils, StringUtils as StringUtils$1, DateUtils as DateUtils$1, TimeFormatter, ObjectUtils as ObjectUtils$1, Action, WaitingChangeException, ApplicationContext, UserInterface, DataUnitAction, DataUnit, NumberUtils as NumberUtils$1, DataType, SortMode, MaskFormatter } from '@sankhyalabs/core';
 
 var DialogType;
 (function (DialogType) {
@@ -40,13 +40,17 @@ class ApplicationUtils {
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
   }
   static async info(message, options = ApplicationUtils.defaultMessageOptions) {
+    if (options !== ApplicationUtils.defaultMessageOptions) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
+    let useIcon = false;
     let toast = document.querySelector("ez-toast");
     if (!toast) {
       toast = document.createElement("ez-toast");
       const icon = document.createElement("ez-icon");
       icon.className = "ez-margin-right--small";
       icon.slot = "icon";
-      icon.style.setProperty('--ez-icon--color', 'var(--color--success)');
+      icon.style.setProperty("--ez-icon--color", "var(--color--success)");
       toast.appendChild(icon);
       window.document.body.appendChild(toast);
     }
@@ -54,13 +58,13 @@ class ApplicationUtils {
       const iconElem = toast.querySelector("ez-icon");
       if (iconElem) {
         iconElem.iconName = options.iconName;
-        toast.useIcon = true;
+        useIcon = true;
       }
     }
     else {
-      toast.useIcon = false;
+      useIcon = false;
     }
-    toast.show(message, 5000, false, options.canClose);
+    toast.show(message, 5000, useIcon, options.canClose);
   }
 }
 ApplicationUtils.defaultMessageOptions = {
@@ -390,29 +394,283 @@ const EzApplication$1 = class extends HTMLElement$1 {
   static get style() { return ezApplicationCss; }
 };
 
-const ezBreadcrumbCss = ":host{--breadcrumb__item--label--color--title-primary:var(--color--title-primary, #2B3A54);--breadcrumb__item--label--color--active:var(--color--primary, '#008561');--breadcrumb__item--label--font-weight:var(--text-weight--large, 600);display:block;font-size:var(--text--medium, 14px);font-family:var(--font-pattern, \"Roboto\");font-weight:var(--text-weight--medium, 400)}.breadcrumb__list{list-style-type:none;display:inline-block;margin:0;padding:0}.breadcrumb__item{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb__item--label{color:var(--breadcrumb__item--label--color--title-primary);margin:0px}.breadcrumb__item--icon{padding-right:3px;color:var(--breadcrumb__item--label--color--title-primary)}.breadcrumb__item--chevron{padding:0px 6px;cursor:default}.active{color:var(--breadcrumb__item--label--color--active);font-weight:var(--breadcrumb__item--label--font-weight);cursor:default}.active-icon{--icon--color:var(--breadcrumb__item--label--color--active);cursor:default}";
+const BreadcrumbItem = (props) => {
+  const { items, selectedItem, itemsHidden, showDropdown, handleShowDropdown, collapseConfigPosition, ellipsesPositionedEnd } = props;
+  const formatDropdownItems = () => {
+    return itemsHidden.map((item) => ({
+      id: item.id,
+      label: item.label,
+      type: 'item',
+      children: null,
+      iconName: item.iconName || null,
+      subAction: null,
+      group: null
+    }));
+  };
+  const onClickEllipsis = (evt) => {
+    evt.stopPropagation();
+    handleShowDropdown(!showDropdown);
+  };
+  const createEllipsis = (item) => {
+    return (h("li", Object.assign({ class: "breadcrumb__item", onClick: evt => onClickEllipsis(evt) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezBreadcrumbItem_ellipsis`) }),
+      ellipsesPositionedEnd && h("ez-icon", Object.assign({ class: "breadcrumb__item--chevron", size: "small", iconName: "chevron-right" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconPath${item.id}`)}` })),
+      h("span", { class: "ellipses__item" }, "..."),
+      ellipsesPositionedEnd || h("ez-icon", Object.assign({ class: "breadcrumb__item--chevron", size: "small", iconName: "chevron-right" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconPath${item.id}`)}` })),
+      showDropdown &&
+        h("ez-dropdown", Object.assign({ class: "dropdown-ellipsis", items: formatDropdownItems(), onEzClick: (evt) => {
+            const { id, label, iconName } = evt.detail;
+            selectedItem.emit({ id, label, iconName });
+          } }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("dropdown")}` }))));
+  };
+  return (h("div", { class: "breadcrumb__items" }, items.map((item, index) => {
+    const isLastItem = index === (items.length - 1);
+    return (h("div", { class: "breadcrumb__group" },
+      collapseConfigPosition === index && createEllipsis(item),
+      h("li", Object.assign({ class: "breadcrumb__item", id: item.id }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezBreadcrumb_item_${item.id}_${item.label}`) }),
+        item.iconName && h("ez-icon", Object.assign({ class: `breadcrumb__item--icon ${(isLastItem && !ellipsesPositionedEnd) ? 'active-icon' : ''}`, size: "small", iconName: item.iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconItem${item.id}`)}` })),
+        h("p", { class: `breadcrumb__item--label ${(isLastItem && !ellipsesPositionedEnd) ? 'active' : ''}`, onClick: (ellipsesPositionedEnd || !isLastItem) ? () => selectedItem.emit(item) : undefined }, item.label),
+        !isLastItem && h("ez-icon", Object.assign({ class: "breadcrumb__item--chevron", size: "small", iconName: "chevron-right" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconPath${item.id}`)}` }))),
+      (collapseConfigPosition - 1 === index && ellipsesPositionedEnd) && createEllipsis(item)));
+  })));
+};
+
+const ezBreadcrumbCss = ":host{--breadcrumb__item--label--color--title-primary:var(--color--title-primary, #2B3A54);--breadcrumb__item--label--color--active:var(--color--primary, '#008561');--breadcrumb__item--label--font-weight:var(--text-weight--large, 600);display:block;font-size:var(--text--medium, 14px);font-family:var(--font-pattern, \"Roboto\");font-weight:var(--text-weight--medium, 400)}.breadcrumb__group{display:flex}.breadcrumb__list{list-style-type:none;display:inline-block;margin:0;padding:0;overflow:hidden;white-space:nowrap}.breadcrumb__item{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb__item--label{color:var(--breadcrumb__item--label--color--title-primary);margin:0px}.breadcrumb__item--icon{padding-right:3px;color:var(--breadcrumb__item--label--color--title-primary)}.breadcrumb__item--chevron{padding:0px 6px;cursor:default}.active{color:var(--breadcrumb__item--label--color--active);font-weight:var(--breadcrumb__item--label--font-weight);cursor:default}.active-icon{--icon--color:var(--breadcrumb__item--label--color--active);cursor:default}.breadcrumb__items{display:flex}";
 
 const EzBreadcrumb$1 = class extends HTMLElement$1 {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.ezClick = createEvent(this, "ezClick", 7);
+    this.selectedItem = createEvent(this, "selectedItem", 7);
+    this._ellipsesPositionedEnd = false;
+    this._renderSecond = false;
+    this.INDEX_ITEM_TO_REMOVE = 1; // sempre removemos o segundo item.
+    this.CHEVRON_SIZE = 28;
+    this.handleShowDropdown = (newState) => {
+      this.showDropdown = newState;
+    };
     this.items = [];
+    this.fillMode = "auto";
+    this.maxItems = 4;
+    this.positionEllipsis = 1;
+    this.visibleItems = undefined;
+    this.hiddenItems = [];
+    this.showDropdown = false;
+    this.collapseConfigPosition = -1;
+  }
+  watchPropHandler() {
+    this.fillMode === "auto" && this.handleResize();
+  }
+  watchPropHiddenItems() {
+    if (this.fillMode === 'auto') {
+      this.collapseConfigPosition = this.hiddenItems.length > 0 ? 1 : -1;
+    }
+  }
+  componentDidUpdate() {
+    this.positionDropdown();
+    this.setEvents();
+  }
+  componentWillLoad() {
+    this.visibleItems = [...this.items];
+    if (this.fillMode === 'regular') {
+      this.configModeRegular();
+    }
+    else if (this.fillMode === 'auto') {
+      this.startResize();
+    }
+    this.setEvents();
+  }
+  closeDropdown(evt) {
+    const target = evt === null || evt === void 0 ? void 0 : evt.target;
+    if (target == undefined) {
+      return;
+    }
+    if (target !== this._element.shadowRoot.querySelector(".ellipses__item")) {
+      this.showDropdown = false;
+    }
+  }
+  setEvents() {
+    document.removeEventListener("click", this.closeDropdown.bind(this));
+    document.addEventListener("click", this.closeDropdown.bind(this));
+    document.removeEventListener("scroll", this.positionDropdown.bind(this));
+    document.addEventListener("scroll", this.positionDropdown.bind(this));
   }
   componentDidLoad() {
     ElementIDUtils.addIDInfo(this._element);
   }
-  handleItemClick(itemSelected) {
-    this.ezClick.emit(itemSelected);
+  componentDidRender() {
+    if (this.fillMode === 'auto') {
+      this.configResize();
+    }
+  }
+  configResize() {
+    if (this._resizeObserver != undefined) {
+      this._resizeObserver.unobserve(this._element.parentElement);
+    }
+    this._resizeObserver = new ResizeObserver(JSUtils.debounce(this.handleResize.bind(this), 200));
+    this._resizeObserver.observe(this._element.parentElement);
+  }
+  handleResize() {
+    const ELLIPSIS_SIZE = 39;
+    if (!this._renderSecond) {
+      this._renderSecond = true;
+      return;
+    }
+    let { offsetWidth } = this._element.parentElement;
+    let sumVisibleItems = 0;
+    this.visibleItems.forEach(item => sumVisibleItems += item.width);
+    //Se existe o ellipsis, devemos cconsidera-lo no calculo
+    const offset = this.collapseConfigPosition > -1 ? ELLIPSIS_SIZE : 0;
+    if (offsetWidth < sumVisibleItems + offset) {
+      this.handleCollapse(offsetWidth, sumVisibleItems);
+    }
+    else if (offsetWidth >= sumVisibleItems + offset) {
+      this.handleExpand(offsetWidth);
+    }
+  }
+  handleCollapse(containerWidth, itemsWidth) {
+    const MIN_VISIBLE_ITEMS = 2;
+    if (this.visibleItems.length <= MIN_VISIBLE_ITEMS) {
+      return;
+    }
+    let tmpVisibleItems = [...this.visibleItems];
+    let tmpHiddenItems = [...this.hiddenItems];
+    let secondItem = tmpVisibleItems[this.INDEX_ITEM_TO_REMOVE];
+    let hasChange = false;
+    while (tmpVisibleItems.length > MIN_VISIBLE_ITEMS &&
+      secondItem != undefined &&
+      itemsWidth > containerWidth) {
+      hasChange = true;
+      tmpVisibleItems = tmpVisibleItems.filter((_, index) => index !== this.INDEX_ITEM_TO_REMOVE);
+      tmpHiddenItems = [...tmpHiddenItems, secondItem];
+      itemsWidth -= secondItem.width;
+      secondItem = tmpVisibleItems[this.INDEX_ITEM_TO_REMOVE];
+    }
+    if (hasChange) {
+      this.visibleItems = tmpVisibleItems;
+      this.hiddenItems = tmpHiddenItems;
+      this.showDropdown = false;
+    }
+  }
+  handleExpand(containerWidth) {
+    if (!this.hiddenItems.length) {
+      return;
+    }
+    let widthFreeZone = Math.abs(this._elBreadcrumbList.offsetWidth - containerWidth);
+    let tmpVisibleItems = [...this.visibleItems];
+    let tmpHiddenItems = [...this.hiddenItems];
+    let lastHiddenElement = tmpHiddenItems[tmpHiddenItems.length - 1];
+    let hasChange = false;
+    while (lastHiddenElement && widthFreeZone >= lastHiddenElement.width) {
+      widthFreeZone -= lastHiddenElement.width;
+      tmpHiddenItems.pop();
+      tmpVisibleItems.splice(this.INDEX_ITEM_TO_REMOVE, 0, lastHiddenElement);
+      lastHiddenElement = tmpHiddenItems[tmpHiddenItems.length - 1];
+      hasChange = true;
+    }
+    if (hasChange) {
+      this.visibleItems = tmpVisibleItems;
+      this.hiddenItems = tmpHiddenItems;
+      this.showDropdown = false;
+    }
+  }
+  configModeRegular() {
+    if (this.visibleItems.length > this.maxItems) {
+      const amountsItemsToHide = Math.abs(this.visibleItems.length - this.maxItems);
+      if (this.positionEllipsis === 0) {
+        const itemsToTransfer = this.visibleItems.slice(0, amountsItemsToHide);
+        this.hiddenItems.push(...itemsToTransfer);
+        this.visibleItems.splice(0, amountsItemsToHide);
+      }
+      else if (this.positionEllipsis >= this.maxItems) {
+        const itemsToTransfer = this.visibleItems.slice(this.maxItems);
+        this.hiddenItems.push(...itemsToTransfer);
+        this.visibleItems.splice(this.maxItems);
+        this._ellipsesPositionedEnd = true;
+      }
+      else {
+        const removedItems = this.visibleItems.splice(this.positionEllipsis, amountsItemsToHide);
+        this.hiddenItems.push(...removedItems);
+      }
+      this.collapseConfigPosition = this.positionEllipsis;
+    }
+  }
+  positionDropdown() {
+    var _a;
+    const bounding = (_a = this._element.shadowRoot.querySelector(".ellipses__item")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    const elDropdown = this._element.shadowRoot.querySelector(".dropdown-ellipsis");
+    if (bounding == undefined || elDropdown == undefined) {
+      return;
+    }
+    elDropdown.style.top = (bounding.y + bounding.height + 5) + "px";
+    elDropdown.style.left = bounding.x + "px";
+  }
+  ;
+  async startResize() {
+    const areaAvailable = this._element.parentElement.offsetWidth;
+    const ELLIPSIS_SIZE = 10;
+    const measureItemSize = async (item, index) => {
+      item.width = await this.measureSizeHTMLElement(item);
+      /*
+        Se é o ultimo item, desconsideramos o icone CHEVRON
+      */
+      if (index === this.visibleItems.length - 1) {
+        item.width -= this.CHEVRON_SIZE;
+      }
+      return item;
+    };
+    const measuredItems = await Promise.all(this.visibleItems.map(measureItemSize));
+    const sizeBreadcrumb = measuredItems.reduce((total, item) => total + item.width, 0);
+    if (sizeBreadcrumb > areaAvailable) {
+      const tempItemsVisible = [];
+      const tempItemsHidden = [...measuredItems];
+      const firstItem = tempItemsHidden.shift();
+      const lastItem = tempItemsHidden.pop();
+      lastItem.width += ELLIPSIS_SIZE;
+      tempItemsVisible.push(firstItem, lastItem);
+      let sizeTempItemsHiddenResult = tempItemsVisible.reduce((total, item) => total + item.width, 0);
+      let newAreaAvailable = Math.abs(sizeTempItemsHiddenResult - areaAvailable);
+      tempItemsHidden.reverse().forEach((item) => {
+        if (item.width < newAreaAvailable) {
+          const firstItemForListHidden = tempItemsHidden.shift();
+          tempItemsVisible.splice(1, 0, firstItemForListHidden);
+          sizeTempItemsHiddenResult = tempItemsVisible.reduce((total, item) => total + item.width, 0);
+          newAreaAvailable = Math.abs(sizeTempItemsHiddenResult - areaAvailable);
+        }
+      });
+      this.visibleItems = [...tempItemsVisible];
+      this.hiddenItems = [...tempItemsHidden.reverse()];
+    }
+  }
+  measureSizeHTMLElement(item) {
+    return new Promise((resolve) => {
+      const ICON_SIZE = 19;
+      this.waitFontLoad().then(() => {
+        if (this._textMesurement === undefined) {
+          this._textMesurement = this._element.shadowRoot.ownerDocument.createElement("canvas");
+        }
+        const context = this._textMesurement.getContext("2d");
+        context.font = "14px Roboto, Algerian";
+        resolve((item.iconName ? ICON_SIZE : 0) + this.CHEVRON_SIZE + context.measureText(item.label).width);
+      });
+    });
+  }
+  waitFontLoad() {
+    return new Promise((resolve) => {
+      document.fonts.load("14px Roboto").then(() => resolve(), resolve());
+    });
+  }
+  getItemContent() {
+    return (h("nav", { class: "breadcrumb" }, h("ol", { class: "breadcrumb__list", ref: elem => this._elBreadcrumbList = elem }, h(BreadcrumbItem, { items: this.visibleItems, selectedItem: this.selectedItem, itemsHidden: this.hiddenItems, showDropdown: this.showDropdown, handleShowDropdown: this.handleShowDropdown, collapseConfigPosition: this.collapseConfigPosition, ellipsesPositionedEnd: this._ellipsesPositionedEnd }))));
   }
   render() {
-    return (h("nav", { class: "breadcrumb" }, h("ol", { class: "breadcrumb__list" }, this.items.map((item, index) => {
-      const isLastItem = index === (this.items.length - 1);
-      return (h("li", Object.assign({ class: "breadcrumb__item", id: item.id }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezBreadcrumbItem_${item.id}`) }), item.iconName && h("ez-icon", Object.assign({ class: `breadcrumb__item--icon ${isLastItem ? 'active-icon' : ''}`, size: "small", iconName: item.iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconItem${item.id}`)}` })), h("p", { class: `breadcrumb__item--label ${isLastItem ? 'active' : ''}`, onClick: !isLastItem ? () => this.handleItemClick(item) : undefined }, item.label), !isLastItem && h("ez-icon", Object.assign({ class: "breadcrumb__item--chevron", size: "small", iconName: "chevron-right" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`iconPath${item.id}`)}` }))));
-    }))));
+    return this.getItemContent();
   }
   get _element() { return this; }
+  static get watchers() { return {
+    "items": ["watchPropHandler"],
+    "hiddenItems": ["watchPropHiddenItems"]
+  }; }
   static get style() { return ezBreadcrumbCss; }
 };
 
@@ -1041,6 +1299,8 @@ const EzCollapsibleBox$1 = class extends HTMLElement$1 {
   static get style() { return ezCollapsibleBoxCss; }
 };
 
+const REQUIRED_INFO = " (obrigatório) *";
+
 const ezComboBoxCss = ":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box--line-height:calc(var(--text--medium, 14px) + 4px);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #2B3A54);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium) + 4px);--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-combo-box__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-combo-box__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-combo-box__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-combo-box__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small) + 9px);background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;gap:3px;scrollbar-color:var(--ez-combo-box__scrollbar--color-clicked) var(--ez-combo-box__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__scrollbar--color-background);width:var(--ez-combo-box__scrollbar--width);max-width:var(--ez-combo-box__scrollbar--width);min-width:var(--ez-combo-box__scrollbar--width)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__scrollbar--color-background);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__scrollbar--color-default);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-combo-box__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-combo-box__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size);line-height:var(--ez-combo-box--line-height)}.item__label{font-weight:var(--ez-combo-box--font-weight--medium)}.item__label--bold{font-weight:var(--ez-combo-box--font-weight--large)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-combo-box__list-height)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 
 const EzComboBox$1 = class extends HTMLElement$1 {
@@ -1055,6 +1315,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     this._maxWidthValue = 0;
     this._tabPressed = false;
     this._textEmptyList = "Nenhum resultado encontrado";
+    this._textEmptySearch = "Nenhum resultado de {0} encontrado";
     this._preSelection = undefined;
     this._visibleOptions = undefined;
     this._startLoading = false;
@@ -1084,15 +1345,14 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     }
   }
   observeValue(newValue, oldValue) {
-    var _a, _b, _c, _d;
     if (this._textInput && newValue != oldValue) {
       const newValueSelected = this.getSelectedOption(newValue);
       const oldValueSelected = this.getSelectedOption(oldValue);
       const currentValue = this.getSelectedOption(this.value);
-      if (((_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) === null || _a === void 0 ? void 0 : _a.toString()) != ((_b = newValueSelected === null || newValueSelected === void 0 ? void 0 : newValueSelected.value) === null || _b === void 0 ? void 0 : _b.toString())) {
+      if (this.isDifferentValues(currentValue, newValueSelected)) {
         this.value = newValueSelected;
       }
-      if (((_c = newValueSelected === null || newValueSelected === void 0 ? void 0 : newValueSelected.value) === null || _c === void 0 ? void 0 : _c.toString()) !== ((_d = oldValueSelected === null || oldValueSelected === void 0 ? void 0 : oldValueSelected.value) === null || _d === void 0 ? void 0 : _d.toString())) {
+      if (this.isDifferentValues(newValueSelected, oldValueSelected)) {
         this.setInputValue();
         const valueEmitted = newValueSelected === null ? undefined : newValueSelected;
         this.ezChange.emit(valueEmitted);
@@ -1121,12 +1381,24 @@ const EzComboBox$1 = class extends HTMLElement$1 {
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
   }
+  isDifferentValues(firstValue, secondValue) {
+    return JSON.stringify(firstValue || {}) !== JSON.stringify(secondValue || {});
+  }
+  getFormattedText(currentValue) {
+    if (currentValue == undefined) {
+      return;
+    }
+    if (!this.showSelectedValue || currentValue.value == undefined) {
+      return currentValue.label;
+    }
+    if (!currentValue.label) {
+      return;
+    }
+    return `${currentValue.value} - ${currentValue.label}`;
+  }
   getText() {
-    let text = "";
     const currentValue = this.getSelectedOption(this.value);
-    if (currentValue) {
-      text = this.showSelectedValue ? `${currentValue.value} - ${currentValue.label}` : currentValue.label;
-    }
+    const text = this.getFormattedText(currentValue);
     if (text == undefined) {
       return;
     }
@@ -1185,6 +1457,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
   }
   buildItem(opt, index) {
     const widthValue = this.showOptionValue && this._maxWidthValue > 0 ? `${this._maxWidthValue}px` : '';
+    opt.label = opt.label || (opt.value ? `<SEM ${this.getFieldLabel()}>` : "");
     return h("li", { class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.selectOption(opt), onMouseOver: () => this._preSelection = index }, this.showOptionValue
       ? h("span", { class: "item__value", title: opt.value, style: { width: widthValue, minWidth: widthValue, maxWidth: widthValue } }, opt.value)
       : undefined, h("span", { class: "item__label " + (this.showOptionValue ? "item__label--bold" : ""), title: opt.label }, opt.label));
@@ -1320,7 +1593,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     if ((this._textInput.value || '') !== textValue) {
       this._textInput.value = textValue;
       if (clearError) {
-        this.errorMessage = "";
+        this.errorMessage = null;
       }
     }
   }
@@ -1347,6 +1620,71 @@ const EzComboBox$1 = class extends HTMLElement$1 {
       }
     }
   }
+  validateDescriptionValue() {
+    if (!this.searchMode || typeof this.value !== "object") {
+      return;
+    }
+    const { label, value } = this.value || {};
+    if (label || value == undefined) {
+      return;
+    }
+    this.loadDescriptionValue(value);
+  }
+  async loadDescriptionValue(argument) {
+    var _a, _b;
+    if (argument == undefined) {
+      return;
+    }
+    if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      this.loadOptionValue(argument);
+      return;
+    }
+    const searchArgument = {
+      mode: SearchMode.PREDICTIVE,
+      argument
+    };
+    const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument));
+    if (source == undefined) {
+      return;
+    }
+    if (source instanceof Promise) {
+      source.then((result) => {
+        this.setDescriptionValue(result);
+      });
+    }
+    else {
+      this.setDescriptionValue(source);
+    }
+  }
+  setDescriptionValue(source) {
+    const value = (source === null || source === void 0 ? void 0 : source[0]) || source;
+    if (value == undefined || !Object.keys(value).length) {
+      this.showNoResultMessage();
+      return;
+    }
+    if (!value.label) {
+      value.label = `<SEM ${this.getFieldLabel()}>`;
+    }
+    this.value = value;
+  }
+  loadOptionValue(argument) {
+    var _a;
+    const source = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find((opt) => opt.value === argument);
+    if (source != undefined) {
+      this.selectOption(source);
+    }
+    else {
+      this.showNoResultMessage();
+    }
+  }
+  async showNoResultMessage() {
+    this.clearSearch();
+    ApplicationUtils.info(this._textEmptySearch.replace("{0}", this.getFieldLabel()));
+  }
+  getFieldLabel() {
+    var _a;
+    return (_a = this.label) === null || _a === void 0 ? void 0 : _a.replace(REQUIRED_INFO, "").toUpperCase();
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -1386,6 +1724,11 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     CSSVarsUtils.applyVarsTextInput(this.el, this._textInput);
     this.setInputValue(false);
   }
+  componentShouldUpdate(newValue, oldValue) {
+    if (this.isDifferentValues(newValue, oldValue)) {
+      this.validateDescriptionValue();
+    }
+  }
   //---------------------------------------------
   // Event handlers
   //---------------------------------------------
@@ -1427,7 +1770,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
   clearDeboucingTimeout() {
     if (this._changeDeboucingTimeout) {
       window.clearTimeout(this._changeDeboucingTimeout);
-      this._changeDeboucingTimeout = undefined;
+      this._changeDeboucingTimeout = null;
     }
   }
   onTextInputClickHandler() {
@@ -3681,7 +4024,7 @@ uiBuilders.set(UserInterface.SEARCH, buildSearch);
 uiBuilders.set(UserInterface.LONGTEXT, buildTextArea);
 const fieldBuilder = (field) => {
   const builder = uiBuilders.get(field.userInterface) || buildTextInput;
-  const label = field.required ? `${field.label} (obrigatório) *` : field.label;
+  const label = field.required ? `${field.label}${REQUIRED_INFO}` : field.label;
   return builder(Object.assign(Object.assign({}, field), { label }));
 };
 
@@ -125827,7 +126170,7 @@ const EzTimeInput$1 = class extends HTMLElement$1 {
   static get style() { return ezTimeInputCss; }
 };
 
-const ezToastCss = ":host{--ez-toast__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>');--ez-toast__container--z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__container--left:var(--space--large, 24px);--ez-toast__container--bottom:var(--space--large, 24px);--ez-toast__container--width:400px;--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;box-sizing:border-box;border-radius:6px;align-items:center;padding:12px;visibility:hidden;width:var(--ez-toast__container--width);left:var(--ez-toast__container--left);bottom:var(--ez-toast__container--bottom);z-index:var(--ez-toast__container--z-index);background-color:var(--ez-toast__container--background-color)}.message__container{text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis;font-family:var(--font-pattern, \"Roboto\")}.message__conteiner--icon{width:80%;padding-left:var(--ez-toast__icon--padding-left)}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@-webkit-keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}@keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}";
+const ezToastCss = ":host{--ez-toast__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>');--ez-toast__container--z-index:var(--more-visible, 2);--ez-toast__container--background-color:var(--color--secondary, #383c45);--ez-toast__container--left:var(--space--large, 24px);--ez-toast__container--bottom:var(--space--large, 24px);--ez-toast__container--width:400px;--ez-toast__icon--padding-left:var(--space--small, 6px)}.toast__container{position:fixed;display:flex;box-sizing:border-box;border-radius:6px;align-items:center;padding:12px;visibility:hidden;width:var(--ez-toast__container--width);left:var(--ez-toast__container--left);bottom:var(--ez-toast__container--bottom);z-index:var(--ez-toast__container--z-index);background-color:var(--ez-toast__container--background-color)}.message__container{text-shadow:0 0 0 #353535, 0 0 1px transparent;color:#FFFFFF;font-size:14px;width:90%;overflow:hidden;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;text-overflow:ellipsis;font-family:var(--font-pattern, \"Roboto\")}.message__container--icon{width:80%;padding-left:var(--ez-toast__icon--padding-left)}.btn-close{margin-top:3px;display:flex;justify-content:flex-end;align-self:flex-start;padding:0;outline:none;width:10%;border:none;background-color:unset;cursor:pointer}.btn-close::after{content:'';display:flex;background-color:#FFFFFF;width:12px;height:12px;-webkit-mask-image:var(--ez-toast__btn__close__image);mask-image:var(--ez-toast__btn__close__image)}.toast__container--opened{animation:fadein 0.5s, fadeout 0.5s 3s;visibility:visible}@-webkit-keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@keyframes fadein{from{opacity:0;left:calc(var(--ez-toast__container--left) * -1)}to{opacity:1;left:var(--ez-toast__container--left)}}@-webkit-keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}@keyframes fadeout{from{opacity:1;left:var(--ez-toast__container--left)}to{bottom:0;opacity:0}}";
 
 const EzToast$1 = class extends HTMLElement$1 {
   constructor() {
@@ -125851,6 +126194,9 @@ const EzToast$1 = class extends HTMLElement$1 {
     return new Promise(resolve => {
       var _a;
       if ((_a = this.container) === null || _a === void 0 ? void 0 : _a.classList.contains(this._toastOpenedClass)) {
+        if (this.isRepeatedMessage(message)) {
+          return;
+        }
         this._nextMessages.push({ message, fadeTime, useIcon, canClose, callBack: resolve });
       }
       else {
@@ -125884,6 +126230,11 @@ const EzToast$1 = class extends HTMLElement$1 {
       this._currentMessageInfo.callBack(true);
     }
   }
+  isRepeatedMessage(message) {
+    var _a, _b;
+    return ((_a = this._nextMessages) === null || _a === void 0 ? void 0 : _a.some((info) => info.message === message))
+      || ((_b = this._currentMessageInfo) === null || _b === void 0 ? void 0 : _b.message) === message;
+  }
   makeToastInvisible() {
     this.container.classList.remove(this._toastOpenedClass);
     this.container.style.animation = `none`;
@@ -125906,7 +126257,7 @@ const EzToast$1 = class extends HTMLElement$1 {
   }
   render() {
     return (h(Host, null, h("div", { ref: (el) => this.container = el, class: "toast__container" }, this._currentMessageInfo.useIcon &&
-      h("slot", { name: "icon" }), h("div", { lang: this._lang, ref: (el) => this._elemText = el, class: this._currentMessageInfo.useIcon ? "message__container message__conteiner--icon" : "message__container", title: this._currentMessageInfo.message, innerHTML: this._currentMessageInfo.message }), this._currentMessageInfo.canClose &&
+      h("slot", { name: "icon" }), h("div", { lang: this._lang, ref: (el) => this._elemText = el, class: this._currentMessageInfo.useIcon ? "message__container message__container--icon" : "message__container", title: this._currentMessageInfo.message, innerHTML: this._currentMessageInfo.message }), this._currentMessageInfo.canClose &&
       h("button", { class: "btn-close", onClick: () => { this.hideToast(); }, ref: (el) => this._elemBtnClose = el }))));
   }
   get _element() { return this; }
@@ -126873,7 +127224,7 @@ const EzViewStack$1 = class extends HTMLElement$1 {
 const EzActionsButton = /*@__PURE__*/proxyCustomElement(EzActionsButton$1, [1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32]}]);
 const EzAlert = /*@__PURE__*/proxyCustomElement(EzAlert$1, [1,"ez-alert",{"alertType":[513,"alert-type"]}]);
 const EzApplication = /*@__PURE__*/proxyCustomElement(EzApplication$1, [0,"ez-application"]);
-const EzBreadcrumb = /*@__PURE__*/proxyCustomElement(EzBreadcrumb$1, [1,"ez-breadcrumb",{"items":[1040]}]);
+const EzBreadcrumb = /*@__PURE__*/proxyCustomElement(EzBreadcrumb$1, [1,"ez-breadcrumb",{"items":[1040],"fillMode":[1025,"fill-mode"],"maxItems":[1026,"max-items"],"positionEllipsis":[1026,"position-ellipsis"],"visibleItems":[32],"hiddenItems":[32],"showDropdown":[32],"collapseConfigPosition":[32]}]);
 const EzButton = /*@__PURE__*/proxyCustomElement(EzButton$1, [1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]}]);
 const EzCalendar = /*@__PURE__*/proxyCustomElement(EzCalendar$1, [1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"]}]);
 const EzCardItem = /*@__PURE__*/proxyCustomElement(EzCardItem$1, [1,"ez-card-item",{"item":[16]}]);

package/dist/esm/{ApplicationUtils-9fda4796.js → ApplicationUtils-79bf1d95.js}

@@ -30,13 +30,17 @@ class ApplicationUtils {
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
   }
   static async info(message, options = ApplicationUtils.defaultMessageOptions) {
+    if (options !== ApplicationUtils.defaultMessageOptions) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
+    let useIcon = false;
     let toast = document.querySelector("ez-toast");
     if (!toast) {
       toast = document.createElement("ez-toast");
       const icon = document.createElement("ez-icon");
       icon.className = "ez-margin-right--small";
       icon.slot = "icon";
-      icon.style.setProperty('--ez-icon--color', 'var(--color--success)');
+      icon.style.setProperty("--ez-icon--color", "var(--color--success)");
       toast.appendChild(icon);
       window.document.body.appendChild(toast);
     }
@@ -44,13 +48,13 @@ class ApplicationUtils {
       const iconElem = toast.querySelector("ez-icon");
       if (iconElem) {
         iconElem.iconName = options.iconName;
-        toast.useIcon = true;
+        useIcon = true;
       }
     }
     else {
-      toast.useIcon = false;
+      useIcon = false;
     }
-    toast.show(message, 5000, false, options.canClose);
+    toast.show(message, 5000, useIcon, options.canClose);
   }
 }
 ApplicationUtils.defaultMessageOptions = {

package/dist/esm/constants-ca136201.js

@@ -0,0 +1,3 @@
+const REQUIRED_INFO = " (obrigatório) *";
+
+export { REQUIRED_INFO as R };

package/dist/esm/ez-actions-button.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-de655f48.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c27164d3.js';
 import { FloatingManager, ElementIDUtils } from '@sankhyalabs/core';
-import './ApplicationUtils-9fda4796.js';
+import './ApplicationUtils-79bf1d95.js';
 import { C as CSSVarsUtils } from './CSSVarsUtils-00f67f32.js';
 import './DialogType-54a62731.js';
 import './CheckMode-bdb2ec19.js';

package/dist/esm/ez-alert.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-de655f48.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c27164d3.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
 
 const ezAlertCss = ":host{--ez-alert-alert-container--padding-up-down:var(--space--small, 6px);--ez-alert-alert-container--padding-right-left:var(--space--medium, 12px);--ez-alert-alert-container--gap:var(--space--medium, 12px);--ez-alert-alert-container--border-radius:var(--border--radius-medium, 12px);--ez-alert-alert-container--font-color-warn:var(--color--alert-warning-900, #8C6B00);--ez-alert-alert-container--icon-warn:var(--color--alert-warning-900, #8C6B00);--ez-alert-alert-container--background-color-warn:var(--color--alert-warning-200, #FFF7D5);--ez-alert-alert-container--font-color-critical:var(--color--alert-error, #BD0025);--ez-alert-alert-container--icon-critical:var(--color--alert-error, #BD0025);--ez-alert-alert-container--background-color-critical:var(--color--alert-error-200, #F7E0E5);--ez-alert-alert-container--font-color-success:var(--color--alert-success, #157A00);--ez-alert-alert-container--icon-success:var(--color--alert-success, #157A00);--ez-alert-alert-container--background-color-success:var(--color--alert-success-200, #E7F6E0);font-size:var(--text--small, 12px);font-family:var(--font-pattern, \"Roboto\");width:100%;hyphens:auto;display:block}.alert-container{display:flex;align-items:center;gap:var(--ez-alert-alert-container--gap);padding:var(--ez-alert-alert-container--padding-up-down) var(--ez-alert-alert-container--padding-right-left);border-radius:var(--ez-alert-alert-container--border-radius)}.warn{background-color:var(--ez-alert-alert-container--background-color-warn);color:var(--ez-alert-alert-container--font-color-warn)}.critical{background-color:var(--ez-alert-alert-container--background-color-critical);color:var(--ez-alert-alert-container--font-color-critical)}.success{background-color:var(--ez-alert-alert-container--background-color-success);color:var(--ez-alert-alert-container--font-color-success)}ez-icon{--ez-icon--color:inherit}.alert-container__icon-warn{--ez-icon--color:var(--ez-alert-alert-container--icon-warn)}.alert-container__icon-critical{--ez-icon--color:var(--ez-alert-alert-container--icon-critical)}.alert-container__icon-success{--ez-icon--color:var(--ez-alert-alert-container--icon-success)}";

package/dist/esm/ez-application.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-de655f48.js';
+import { r as registerInstance, c as createEvent, h } from './index-c27164d3.js';
 
 const ezApplicationCss = "";