npm - @sankhyalabs/ezui - Versions diffs - 7.3.4 → 7.3.5-dev.1 - Mend

@sankhyalabs/ezui 7.3.4 → 7.3.5-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1035) hide show

package/dist/esm/classic-search-list_11.entry.js ADDED Viewed

@@ -0,0 +1,1469 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-baa5e267.js';
+import { StringUtils, ElementIDUtils, ObjectUtils, HTMLBuilder, KeyboardManager } from '@sankhyalabs/core';
+import { a as replaceHighlight, r as replaceQuotes } from './searchFormatters-6d9b06e4.js';
+import { i as initI18n } from './index-d37095f4.js';
+import { C as CustomEditorSource } from './types-6f6b2650.js';
+import { R as RICH_TOOLBAR_COMMANDS, a as RICH_TOOLBAR_FORMAT_TAGS } from './RichToolbarHelper-cad0978a.js';
+import { p as purify } from './purify-f52f5419.js';
+import { A as ApplicationUtils } from './ApplicationUtils-aaf24be5.js';
+import './DialogType-54a62731.js';
+import './CheckMode-bdb2ec19.js';
+import './FormLayout-bda67973.js';
+import './_commonjsHelpers-9943807e.js';
+const classicSearchListCss = ":host{--ez-classic-search__list-title--primary:var(--title--primary, #2B3A54);--ez-classic-search__list-text--primary:var(--text--primary, #626e82);--ez-classic-search__list-height:calc(var(--ez-classic-search--font-size) + var(--ez-classic-search--space--medium) + 4px);--ez-classic-search__list-min-width:64px;--ez-classic-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-classic-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-classic-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-classic-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-classic-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-classic-search__scrollbar--width:var(--space--small, 6px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px)}.list-options{position:relative;z-index:var(--more-visible, 2);margin:var(--space--small) 0px;padding:0px;padding-inline-start:0px;box-sizing:border-box;width:100%;height:100%;max-height:350px;min-width:150px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-classic-search__scrollbar--color-clicked) var(--ez-classic-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-classic-search__scrollbar--color-background);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-classic-search__scrollbar--color-default);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-classic-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-classic-search__scrollbar--color-clicked)}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:var(--space--medium) 0px;min-height:var(--ez-classic-search__list-height)}.message__no-result{color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--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-classic-search__list-title--primary);border-top:3px solid transparent}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size);line-height:var(--ez-classic-search--line-height)}.item__label{font-weight:var(--ez-classic-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-classic-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-classic-search__list-text--primary);font-weight:var(--ez-classic-search--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}.item__list>li:hover{background-color:var(--ez-classic-search--background-medium)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-classic-search--border-radius-small);gap:var(--space--small, 6px)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";
+const ClassicSearchList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.changeValue = createEvent(this, "changeValue", 7);
+    this.changePreSelection = createEvent(this, "changePreSelection", 7);
+    this._startHighlightTag = "<span class='card-item__highlight'>";
+    this._endHighlightTag = "</span>";
+    this.MAX_HEIGHT = 350;
+    this.HEADER_MENU_HEIGHT = 60;
+    this.showLoading = undefined;
+    this.visibleOptions = [];
+    this.textEmptyList = undefined;
+    this.canShowListOptions = undefined;
+    this.value = undefined;
+    this.showOptionValue = true;
+    this.preSelection = undefined;
+  }
+  async nextOption() {
+    const newPreSelection = this.preSelection === undefined ? 0 : Math.min(this.preSelection + 1, this.visibleOptions.length - 1);
+    this.changePreSelection.emit(newPreSelection);
+    this.scrollToOption(this.visibleOptions[newPreSelection]);
+  }
+  async previousOption() {
+    const newPreSelection = this.preSelection === undefined ? 0 : Math.max(this.preSelection - 1, 0);
+    this.changePreSelection.emit(newPreSelection);
+    this.scrollToOption(this.visibleOptions[newPreSelection]);
+  }
+  selectOption(newOption) {
+    const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.value), label: replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.label) });
+    const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
+    this.changeValue.emit(newOptionsFormatted);
+  }
+  createOption(detail) {
+    let { key, title } = detail;
+    const startHighlight = new RegExp(this._startHighlightTag, 'g');
+    const endHighlight = new RegExp(this._endHighlightTag, 'g');
+    title = StringUtils.decodeHtmlEntities(title);
+    const option = {
+      value: key === null || key === void 0 ? void 0 : key.replace(startHighlight, '').replace(endHighlight, ''),
+      label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
+    };
+    this.selectOption(option);
+  }
+  scrollToOption(opt) {
+    window.requestAnimationFrame(() => {
+      const liElem = (opt === null || opt === void 0 ? void 0 : opt.value)
+        ? this._optionsList.querySelector(`div#item_${opt.value.replace(/([ #;&,.+*~':"!^$[\]()=<>|/\\])/g, '\\$1')}`)
+        : undefined;
+      if (liElem) {
+        liElem.scrollIntoView({ behavior: "smooth", block: "nearest" });
+      }
+    });
+  }
+  buildItem(opt, index) {
+    opt.label = opt.label || opt.value;
+    const card = {
+      key: opt.value,
+      title: opt.label,
+      details: opt.details
+    };
+    return h("div", { style: { "height": "100%" }, class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this.changePreSelection.emit(index) }, h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
+  }
+  componentDidLoad() {
+    if (this._optionsList) {
+      this._optionsList.style.maxHeight = `${this.MAX_HEIGHT}px`;
+    }
+  }
+  componentDidUpdate() {
+    if (this._optionsList) {
+      const rect = this._optionsList.getBoundingClientRect();
+      const spaceBelow = window.innerHeight - rect.bottom;
+      if (spaceBelow < 0) {
+        this.adjustMaxHeight(rect);
+      }
+    }
+  }
+  adjustMaxHeight(rect) {
+    if (this._optionsList) {
+      const spaceAbove = rect.top - this.HEADER_MENU_HEIGHT;
+      const maxHeight = this.MAX_HEIGHT;
+      const height = Math.min(spaceAbove, maxHeight);
+      this._optionsList.style.maxHeight = `${height}px`;
+    }
+  }
+  cleanEmptyObjectArray(arr) {
+    return arr.filter(item => ((item === null || item === void 0 ? void 0 : item.value) !== undefined));
+  }
+  render() {
+    return (h(Host, null, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this.showLoading
+      && this.cleanEmptyObjectArray(this.visibleOptions).length === 0
+      && h("div", { class: "message" }, h("span", { class: "message__no-result" }, this.textEmptyList)), this.showLoading
+      && h("div", { class: "message" }, h("div", { class: "message__loading" })), this.canShowListOptions && this.visibleOptions.map((opt, index) => this.buildItem(opt, index)))));
+  }
+};
+ClassicSearchList.style = classicSearchListCss;
+const ezClassicSearchResultListCss = ":host{--ez-classic-search__list-title--primary:var(--title--primary, #2B3A54);--ez-classic-search__list-text--primary:var(--text--primary, #626e82);--ez-classic-search__list-height:calc(var(--ez-classic-search--font-size) + var(--ez-classic-search--space--medium) + 4px);--ez-classic-search__list-min-width:64px;--ez-classic-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-classic-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-classic-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-classic-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-classic-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-classic-search__scrollbar--width:var(--space--small, 6px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px)}.list-options{position:relative;z-index:var(--more-visible, 2);margin:var(--space--small) 0px;padding:0px;padding-inline-start:0px;box-sizing:border-box;width:100%;height:100%;max-height:350px;min-width:150px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-classic-search__scrollbar--color-clicked) var(--ez-classic-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-classic-search__scrollbar--color-background);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-classic-search__scrollbar--color-default);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-classic-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-classic-search__scrollbar--color-clicked)}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:var(--space--medium) 0px;min-height:var(--ez-classic-search__list-height)}.message__no-result{color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size)}.loading__container{display:flex;flex-direction:column;margin:var(--space--small)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size);line-height:var(--ez-classic-search--line-height)}.item__label{font-weight:var(--ez-classic-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-classic-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-classic-search__list-text--primary);font-weight:var(--ez-classic-search--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}.item__list>li:hover{background-color:var(--ez-classic-search--background-medium)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-classic-search--border-radius-small);gap:var(--space--small, 6px)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";
+const EzClassicSearchResultList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.changeValue = createEvent(this, "changeValue", 7);
+    this._startHighlightTag = "<span class='card-item__highlight'>";
+    this._endHighlightTag = "</span>";
+    this.showLoading = undefined;
+    this.visibleOptions = [];
+    this.value = undefined;
+    this.showOptionValue = true;
+    this._preSelection = undefined;
+  }
+  observerVisivleOptions(newValue) {
+    if (newValue.length) {
+      this.preSelectItemByIndex(0);
+    }
+  }
+  async nextOption() {
+    const newPreSelection = this._preSelection === undefined ? 0 : Math.min(this._preSelection + 1, this.visibleOptions.length - 1);
+    this.preSelectItemByIndex(newPreSelection);
+  }
+  async previousOption() {
+    const newPreSelection = this._preSelection === undefined ? 0 : Math.max(this._preSelection - 1, 0);
+    this.preSelectItemByIndex(newPreSelection);
+  }
+  preSelectItemByIndex(newIndex) {
+    this._preSelection = newIndex;
+    const option = this.visibleOptions[newIndex];
+    this.scrollToOption(option);
+  }
+  selectOption(newOption) {
+    const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: newOption === null || newOption === void 0 ? void 0 : newOption.value, label: newOption === null || newOption === void 0 ? void 0 : newOption.label });
+    const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: this.removeHighLight(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: this.removeHighLight(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
+    this.changeValue.emit(newOptionsFormatted);
+  }
+  removeHighLight(text) {
+    if (!text || typeof text !== 'string') {
+      return text;
+    }
+    const startHighlight = new RegExp(this._startHighlightTag, 'g');
+    const endHighlight = new RegExp(this._endHighlightTag, 'g');
+    return text.replace(startHighlight, '').replace(endHighlight, '');
+  }
+  createAndSelectOption(detail) {
+    let { key, title } = detail;
+    key = String(key !== null && key !== void 0 ? key : "");
+    title = StringUtils.decodeHtmlEntities(title);
+    const option = {
+      value: this.removeHighLight(key),
+      label: this.removeHighLight(title)
+    };
+    this.selectOption(option);
+  }
+  scrollToOption(opt) {
+    if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
+      return;
+    window.requestAnimationFrame(() => {
+      var _a;
+      const currentValue = String((_a = opt === null || opt === void 0 ? void 0 : opt.value) !== null && _a !== void 0 ? _a : "");
+      const liElem = currentValue
+        ? this._optionsList.querySelector(`div#item_${currentValue.replace(/([ #;&,.+*~':"!^$[\]()=<>|/\\])/g, '\\$1')}`)
+        : undefined;
+      if (liElem) {
+        liElem.scrollIntoView({ behavior: "smooth", block: "nearest" });
+      }
+    });
+  }
+  buildItem(opt, index) {
+    var _a;
+    opt.label = opt.label || opt.value;
+    const card = {
+      key: String((_a = opt.presentationValue) !== null && _a !== void 0 ? _a : ""),
+      title: opt.presentationLabel,
+      details: opt.details
+    };
+    return h("div", { style: { "height": "100%" }, class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createAndSelectOption(card), onMouseOver: () => { this._preSelection = index; } }, h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
+  }
+  async selectCurrentItem() {
+    this.selectOption(this.visibleOptions[this._preSelection]);
+  }
+  async cancelSelection() {
+    this.cancelPreselection();
+  }
+  cancelPreselection() {
+    this._preSelection = undefined;
+  }
+  canShowListOptions() {
+    return !this.showLoading && this.visibleOptions.length > 0;
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  render() {
+    return (h(Host, null, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this.showLoading
+      && this.visibleOptions.length === 0
+      && h("div", { class: "message" }, h("span", { class: "message__no-result" }, this.i18n("ez-classic-search-plus.emptyList"))), this.showLoading && (h("div", { class: "loading__container" }, h("ez-skeleton", { count: 4, height: '20px' }))), this.canShowListOptions() && this.visibleOptions.map((opt, index) => this.buildItem(opt, index)))));
+  }
+  static get watchers() { return {
+    "visibleOptions": ["observerVisivleOptions"]
+  }; }
+};
+EzClassicSearchResultList.style = ezClassicSearchResultListCss;
+const ezComboBoxListCss = ":host{--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--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__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);--ez-combo-box__list-container--padding:var(--space--extra-small, 3px)}.list-container{padding-top:var(--ez-combo-box__list-container--padding)}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;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--medium, 0 8px 24px 0 rgba(43, 58, 84, 0.10));padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;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)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+const EzComboBoxList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.showLoading = undefined;
+    this.visibleOptions = undefined;
+    this.textEmptyList = undefined;
+    this.showOptionValue = undefined;
+    this.preSelection = undefined;
+    this.maxWidth = undefined;
+    this.width = undefined;
+    this.onOptionSelect = undefined;
+    this.onOptionHover = undefined;
+  }
+  /**
+   * Move a seleção para a próxima opção na lista.
+   */
+  async nextOption() {
+    var _a, _b;
+    if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
+      return;
+    const isAtLastOption = this.preSelection !== undefined && this.preSelection >= this.visibleOptions.length - 1;
+    if (!isAtLastOption) {
+      this.preSelection = this.preSelection === undefined ? 0 : this.preSelection + 1;
+      this.scrollToOption(this.visibleOptions[this.preSelection]);
+      (_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
+    }
+  }
+  /**
+   * Move a seleção para a opção anterior na lista, sem ultrapassar o início.
+   */
+  async previousOption() {
+    var _a, _b;
+    if (!((_a = this.visibleOptions) === null || _a === void 0 ? void 0 : _a.length))
+      return;
+    const isAtFirstOption = this.preSelection !== undefined && this.preSelection <= 0;
+    if (!isAtFirstOption) {
+      this.preSelection = this.preSelection === undefined ? this.visibleOptions.length - 1 : this.preSelection - 1;
+      this.scrollToOption(this.visibleOptions[this.preSelection]);
+      (_b = this.onOptionHover) === null || _b === void 0 ? void 0 : _b.call(this, this.preSelection);
+    }
+  }
+  /**
+   * Seleciona a opção atualmente pré-selecionada.
+   */
+  async selectCurrentOption() {
+    if (this.preSelection !== undefined) {
+      this.onOptionSelect(this.visibleOptions[this.preSelection]);
+      this.preSelection = undefined;
+    }
+  }
+  /**
+   * Observa mudanças na propriedade `width` e ajusta a largura da lista.
+   *
+   * @param newValue O novo valor da largura.
+   * @param oldValue O valor anterior da largura.
+   */
+  observeWidth(newValue, oldValue) {
+    if (newValue === oldValue)
+      return;
+    if (!this._listWrapper)
+      return;
+    this._listWrapper.style.width = `${this.width}px`;
+  }
+  /**
+   * Observa mudanças na propriedade `maxWidth` e ajusta a largura máxima da lista.
+   *
+   * @param newValue O novo valor da largura máxima.
+   * @param oldValue O valor anterior da largura máxima.
+   */
+  observeMaxWidth(newValue, oldValue) {
+    if (newValue === oldValue)
+      return;
+    if (!this._listWrapper)
+      return;
+    this._listWrapper.style.maxWidth = this.maxWidth ? `${this.maxWidth}px` : '';
+  }
+  /**
+   * Gerencia a navegação por teclado na lista do combo box.
+   *
+   * - `ArrowDown`: Move para a próxima opção.
+   * - `ArrowUp`: Move para a opção anterior.
+   * - `Enter`: Seleciona a opção atual.
+   * - `Escape`: Limpa a pré-seleção.
+   *
+   * @param event O evento de teclado.
+   */
+  handleKeyDown(event) {
+    switch (event.key) {
+      case "ArrowDown":
+        event.preventDefault();
+        event.stopPropagation();
+        this.nextOption();
+        break;
+      case "ArrowUp":
+        event.preventDefault();
+        event.stopPropagation();
+        this.previousOption();
+        break;
+      case "Enter":
+        this.selectCurrentOption();
+        break;
+      case "Escape":
+        this.preSelection = undefined;
+        break;
+    }
+  }
+  buildItem(opt, index) {
+    const widthValue = this.showOptionValue && this.maxWidth > 0 ? `${this.maxWidth}px` : '';
+    opt.label = opt.label || opt.value;
+    return h("li", { tabIndex: 1, class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}_${index}`, key: `item_${opt.value}_${index}`, onMouseDown: () => this.onOptionSelect(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));
+  }
+  scrollToOption(opt) {
+    if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
+      return;
+    const index = this.visibleOptions.indexOf(opt);
+    if (index === -1)
+      return;
+    const liElem = this._optionsList.querySelector(`li#item_${CSS.escape(opt.value)}_${CSS.escape(String(index))}`);
+    if (liElem) {
+      liElem.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    }
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  componentDidLoad() {
+    this._listWrapper.style.width = `${this.width}px`;
+    this._listWrapper.style.maxWidth = this.maxWidth ? `${this.maxWidth}px` : '';
+  }
+  componentDidRender() {
+    var _a;
+    (_a = this._optionsList) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".item").forEach((elem) => {
+      ElementIDUtils.addIDInfoIfNotExists(elem, "itemComboBox");
+    });
+  }
+  render() {
+    return (h("section", { class: "list-container" }, 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 && (h("div", { class: "message" }, h("span", { class: "message__no-result" }, this.textEmptyList || this.i18n("ez-combo-box.noResults")))), this.showLoading && (h("div", { class: "message" }, h("div", { class: "message__loading" }))), this.showOptionValue && (h("span", { class: "item__value item__value--hidden" })), !this.showLoading && this.visibleOptions.length > 0 &&
+      this.visibleOptions.map((opt, index) => this.buildItem(opt, index))))));
+  }
+  static get watchers() { return {
+    "width": ["observeWidth"],
+    "maxWidth": ["observeMaxWidth"]
+  }; }
+};
+EzComboBoxList.style = ezComboBoxListCss;
+const EzCustomFormInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.gui = undefined;
+    this.customEditor = undefined;
+    this.formViewField = undefined;
+    this.value = undefined;
+    this.detailContext = undefined;
+    this.builderFallback = undefined;
+    this.selectedRecord = undefined;
+  }
+  /**
+   * Aplica foco no campo.
+   */
+  async setFocus() {
+    var _a, _b;
+    (_b = (_a = this.gui) === null || _a === void 0 ? void 0 : _a["setFocus"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  /**
+   * Remove o foco do campo.
+   */
+  async setBlur() {
+    var _a, _b;
+    (_b = (_a = this.gui) === null || _a === void 0 ? void 0 : _a["setBlur"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  async isInvalid() {
+    var _a, _b;
+    return ((_b = (_a = this.gui) === null || _a === void 0 ? void 0 : _a["isInvalid"]) === null || _b === void 0 ? void 0 : _b.call(_a)) || false;
+  }
+  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) {
+    const newRecordId = newValue === null || newValue === void 0 ? void 0 : newValue['__record__id__'];
+    const oldRecordId = oldValue === null || oldValue === void 0 ? void 0 : oldValue['__record__id__'];
+    if (newRecordId !== oldRecordId) {
+      this.getContent();
+    }
+  }
+  getContent() {
+    var _a, _b, _c, _d, _e;
+    const fieldProps = new Map();
+    for (const prop in this.formViewField.props) {
+      fieldProps.set(prop, this.formViewField.props[prop]);
+    }
+    const params = {
+      value: this.value,
+      name: this.formViewField.name,
+      currentEditor: this.builderFallback(this.formViewField),
+      setValue: (value) => this.setValue(value),
+      getValue: this.getValue,
+      record: this.selectedRecord,
+      editorMetadata: {
+        label: this.formViewField.label,
+        hidden: ((_a = this.formViewField.props) === null || _a === void 0 ? void 0 : _a.visible) === false,
+        userInterface: this.formViewField.userInterface,
+        options: (_b = this.formViewField.props) === null || _b === void 0 ? void 0 : _b.options,
+        props: this.formViewField.props ? fieldProps : undefined,
+        optionLoader: this.formViewField.optionLoader
+      },
+      source: CustomEditorSource.FORM,
+      detailContext: this.detailContext
+    };
+    let gui = this.customEditor.getEditorElement(params);
+    if (!gui) {
+      gui = this.builderFallback(this.formViewField);
+      this.handleValue(gui);
+      this.gui = gui;
+      return;
+    }
+    if (!(gui instanceof HTMLElement) && typeof gui !== 'string') {
+      this.handleValue(gui);
+      this.gui = gui;
+      return;
+    }
+    if (typeof gui === 'string') {
+      gui = HTMLBuilder.parseElement(gui);
+    }
+    const value = (_e = (_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : this.value) !== null && _e !== void 0 ? _e : '';
+    gui.setAttribute('value', value);
+    this.gui = h("div", { key: StringUtils.generateUUID(), ref: el => el && el.appendChild(gui) });
+  }
+  setValue(value) {
+    this.value = value;
+  }
+  getValue() {
+    return this.value;
+  }
+  handleValue(gui) {
+    var _a;
+    //@ts-ignore
+    (_a = gui.$children$) === null || _a === void 0 ? void 0 : _a.forEach((child) => {
+      child.$attrs$.value = this.value;
+    });
+  }
+  componentWillLoad() {
+    this.getContent();
+  }
+  render() {
+    return (h(Host, null, this.gui));
+  }
+  static get watchers() { return {
+    "value": ["watchValue"],
+    "customEditor": ["watchCustomEditor"],
+    "formViewField": ["watchFormViewField"],
+    "detailContext": ["watchDetailContext"],
+    "builderFallback": ["watchBuilderFallback"],
+    "selectedRecord": ["watchSelectedRecord"]
+  }; }
+};
+const ezImageInputCss = ":host{display:block;--ez-image-input--container-height:200px;--ez-image-input--container-width:280px;--ez-image-input--background-color:var(--color--gray-80);--ez-image-input--border-color:var(--color--gray-200);--ez-image-input--border-color-hover:var(--color--ocean-green-600);--ez-image-input--border-color-dragging:var(--color--ocean-green-500);--ez-image-input--border-color-disabled:var(--color--gray-200);--ez-image-input--label-color:var(--color--petroleum-900);--ez-image-input--icon-color:var(--color--gray-400);--ez-image-input--border-radius:var(--border--radius-24);--ez-image-input--border-width:2px;--ez-image-input--remove-button-bg:var(--color--red-600);--ez-image-input--remove-button-bg-hover:var(--color--red-700);--ez-image-input--remove-button-color:var(--color--gray-70);--ez-image-input--remove-button-border:1px solid var(--color--red-700)}.image-input__container{display:flex;align-items:center;justify-content:center;position:relative;height:var(--ez-image-input--container-height);width:var(--ez-image-input--container-width);border:var(--ez-image-input--border-width) dashed var(--ez-image-input--border-color);border-radius:var(--ez-image-input--border-radius);background-color:var(--ez-image-input--background-color);cursor:pointer;transition:all 0.3s ease;overflow:hidden}.image-input__container:hover:not(.image-input__container--disabled){border-color:var(--ez-image-input--border-color-hover)}.image-input__container--dragging{border-color:var(--ez-image-input--border-color-dragging);background-color:var(--color--ocean-green-90)}.image-input__container--disabled{cursor:not-allowed;opacity:0.6;border-color:var(--ez-image-input--border-color-disabled)}.image-input__container--has-image{border-style:solid;padding:var(--space--0)}.image-input__file-input{display:none}.image-input__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space--16);padding:var(--space--24);text-align:center}.image-input__dropzone ez-icon{color:var(--ez-image-input--icon-color)}.image-input__label{font-family:var(--font--pattern);font-size:var(--font-size--default);font-weight:var(--font-weight--medium);color:var(--ez-image-input--label-color);line-height:var(--line-height--20)}.image-input__preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-input__image{height:100%;object-fit:cover;border-radius:calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width))}.image-input__actions{position:absolute;top:var(--space--8);right:var(--space--8);display:flex;flex-direction:column;gap:var(--space--4);opacity:0;transition:opacity 0.2s ease}.image-input__container:hover .image-input__actions{opacity:1}.image-input__remove-button{--ez-button--background-color:var(--ez-image-input--remove-button-bg);--ez-button--hover--background-color:var(--ez-image-input--remove-button-bg-hover);--ez-button--color:var(--ez-image-input--remove-button-color);--ez-button--border:var(--ez-image-input--remove-button-border);--ez-button--hover--border:var(--ez-image-input--remove-button-border)}.image-input__edit-button{--ez-button--background-color:var(--ez-image-input--edit-button-bg);--ez-button--hover--background-color:var(--ez-image-input--edit-button-bg-hover);--ez-button--color:var(--ez-image-input--edit-button-color);--ez-button--border:var(--ez-image-input--edit-button-border);--ez-button--hover--border:var(--ez-image-input--edit-button-border);--ez-button--left-icon--color:var(--ez-image-input--edit-button-color);--ez-button--right-icon--color:var(--ez-image-input--edit-button-color)}.image-input__popup-content{display:flex;align-items:center;justify-content:center;padding:var(--space--16);height:100%}.image-input__popup-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--border--radius-8)}.image-input__image{height:100%;object-fit:cover;border-radius:calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width));cursor:pointer;transition:transform 0.2s ease}.image-input__image:hover{transform:scale(1.02)}ez-skeleton{--skeleton-width:var(--ez-image-input--container-width);--skeleton-height:var(--ez-image-input--container-height)}";
+const EzImageInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezChange = createEvent(this, "ezChange", 7);
+    this.ezError = createEvent(this, "ezError", 7);
+    this.handleFileSelect = (event) => {
+      const input = event.target;
+      if (input.files && input.files[0]) {
+        this.processFile(input.files[0]);
+      }
+    };
+    this.handleDrop = (event) => {
+      var _a;
+      event.preventDefault();
+      event.stopPropagation();
+      this._isDragging = false;
+      if (!this.enabled)
+        return;
+      const files = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files;
+      if (files && files[0]) {
+        this.processFile(files[0]);
+      }
+    };
+    this.handleDragOver = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (this.enabled) {
+        this._isDragging = true;
+      }
+    };
+    this.handleDragLeave = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      this._isDragging = false;
+    };
+    this.handleRemoveImage = (event) => {
+      event.stopPropagation();
+      this.value = undefined;
+      this._hasImage = false;
+      if (this._inputElem) {
+        this._inputElem.value = '';
+      }
+      this.ezChange.emit('');
+    };
+    this.handleEditImage = (event) => {
+      var _a;
+      event.stopPropagation();
+      (_a = this._inputElem) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    this.handleClickDropZone = () => {
+      var _a;
+      if (this.enabled && !this._hasImage) {
+        (_a = this._inputElem) === null || _a === void 0 ? void 0 : _a.click();
+      }
+    };
+    this.handleImageClick = (event) => {
+      event.stopPropagation();
+      if (this._hasImage && this.value) {
+        this._showImagePopup = true;
+      }
+    };
+    this.handlePopupAction = (event) => {
+      const action = event.detail;
+      if (action === 'CANCEL' || action === 'OK') {
+        this.handleClosePopup();
+      }
+    };
+    this.handleClosePopup = () => {
+      this._showImagePopup = false;
+    };
+    this.enabled = true;
+    this.label = undefined;
+    this.name = undefined;
+    this.value = undefined;
+    this.maxFileSize = 20 * 1024 * 1024;
+    this.accept = 'image/*';
+    this.loading = false;
+    this._hasImage = false;
+    this._isDragging = false;
+    this._showImagePopup = false;
+  }
+  onValueChange(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this._hasImage = !!newValue;
+    }
+    if (!newValue && this._inputElem) {
+      this._inputElem.value = '';
+    }
+  }
+  addInfoId() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element);
+    }
+    if (this._inputElem) {
+      const dataInfo = { id: 'embedded' };
+      ElementIDUtils.addIDInfo(this._inputElem, 'image-input', dataInfo);
+    }
+  }
+  processFile(file) {
+    // Validar tipo de arquivo
+    if (!file.type.startsWith('image/')) {
+      const errorMsg = this.i18n('ez-image-input.invalidFileType');
+      this.ezError.emit(errorMsg);
+      return;
+    }
+    // Validar tamanho do arquivo
+    if (this.maxFileSize && file.size > this.maxFileSize) {
+      const maxSizeMB = (this.maxFileSize / (1024 * 1024)).toFixed(2);
+      const errorMsg = this.i18n('ez-image-input.fileTooLarge', { maxSize: `${maxSizeMB}MB` });
+      this.ezError.emit(errorMsg);
+      return;
+    }
+    // Converter para base64
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      var _a;
+      const base64 = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+      this.value = base64;
+      this._hasImage = true;
+      this.ezChange.emit(base64);
+    };
+    reader.readAsDataURL(file);
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+    this._hasImage = !!this.value;
+  }
+  componentDidLoad() {
+    this.addInfoId();
+  }
+  render() {
+    if (this.loading) {
+      return (h(Host, null, h("ez-skeleton", { width: "280px", height: '200px' })));
+    }
+    const dropZoneLabel = this.label || this.i18n('ez-image-input.defaultLabel');
+    return (h(Host, null, h("div", { class: {
+        'image-input__container': true,
+        'image-input__container--disabled': !this.enabled,
+        'image-input__container--dragging': this._isDragging,
+        'image-input__container--has-image': this._hasImage
+      }, "data-enabled": this.enabled.toString(), "data-has-image": this._hasImage.toString(), onClick: this.handleClickDropZone, onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, role: "button", "aria-label": dropZoneLabel, tabindex: this.enabled ? 0 : -1 }, h("input", { ref: (el) => (this._inputElem = el), type: "file", accept: this.accept, name: this.name, disabled: !this.enabled, onChange: this.handleFileSelect, class: "image-input__file-input", "aria-hidden": "true" }), this._hasImage && this.value ? (h("div", { class: "image-input__preview" }, h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__image", onClick: this.handleImageClick }), this.enabled && (h("div", { class: "image-input__actions" }, h("ez-button", { class: "image-input__remove-button", variant: "primary", type: "button", mode: "icon", size: "small", iconName: "trash-alt", onClick: this.handleRemoveImage, "aria-label": this.i18n('ez-image-input.removeImage'), title: this.i18n('ez-image-input.removeImage') }), h("ez-button", { class: "image-input__edit-button", variant: "secondary", type: "button", mode: "icon", size: "small", iconName: "edit", onClick: this.handleEditImage, "aria-label": this.i18n('ez-image-input.editImage'), title: this.i18n('ez-image-input.editImage') }))))) : (h("div", { class: "image-input__dropzone" }, h("ez-icon", { iconName: "image", size: "x-large" }), h("span", { class: "image-input__label" }, dropZoneLabel)))), h("ez-popup", { opened: this._showImagePopup, ezTitle: this.i18n('ez-image-input.imagePreview'), size: "large", heightMode: "auto", onEzPopupAction: this.handlePopupAction, onEzClosePopup: this.handleClosePopup }, h("div", { class: "image-input__popup-content" }, h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__popup-image" })))));
+  }
+  get _element() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["onValueChange"]
+  }; }
+};
+EzImageInput.style = ezImageInputCss;
+const ezLinkBuilderCss = ".link-builder-container.sc-ez-link-builder{font-family:'Roboto';color:#2b3a54;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.header.sc-ez-link-builder{display:flex;font-weight:500;font-size:16px}.actions.sc-ez-link-builder{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;width:100%}";
+const EzLinkBuilder = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.executeToolbarCommand = createEvent(this, "executeToolbarCommand", 7);
+    this.textToShow = undefined;
+    this.link = undefined;
+    this.openInNewGuide = false;
+  }
+  async show(text) {
+    this._popupElement.opened = true;
+    if (text) {
+      this.textToShow = text;
+    }
+  }
+  async hide() {
+    this._popupElement.opened = false;
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  async handleCancel() {
+    this.clearValues();
+    this.executeToolbarCommand.emit({ command: RICH_TOOLBAR_COMMANDS.FOCUS });
+    await this.hide();
+  }
+  clearValues() {
+    this.link = '';
+    this.textToShow = '';
+    this.openInNewGuide = false;
+  }
+  async handleCreateLink() {
+    const tag = `<a href="${this.link}" ${this.openInNewGuide ? 'target="_blank" rel="noopener noreferrer"' : ''}>${this.textToShow ? this.textToShow : this.link}</a>`;
+    this.executeToolbarCommand.emit({ command: RICH_TOOLBAR_COMMANDS.FORMAT, value: tag });
+    this.clearValues();
+    await this.hide();
+  }
+  async handleActionPopup(event) {
+    if (event.detail === 'OK') {
+      await this.handleCreateLink();
+      return;
+    }
+    if (event.detail === 'CANCEL' || event.detail === 'CLOSE') {
+      await this.handleCancel();
+    }
+  }
+  getOkButtonStatus() {
+    var _a;
+    return ((_a = this.link) === null || _a === void 0 ? void 0 : _a.trim()) ? 'ENABLED' : 'DISABLED';
+  }
+  render() {
+    return (h("ez-popup", { heightMode: 'auto', size: 'small', useHeader: false, ref: ref => this._popupElement = ref, onEzClosePopup: () => this.clearValues() }, h("div", null, h("ez-modal-container", { modalTitle: this.i18n("ez-link-builder.addLinkTitle"), modalSubTitle: this.i18n("ez-link-builder.addLinkSubtitle"), okButtonLabel: this.i18n("ez-link-builder.submit"), cancelButtonLabel: this.i18n("app.cancel"), onEzModalAction: this.handleActionPopup.bind(this), okButtonStatus: this.getOkButtonStatus() }, h("div", { class: 'link-builder-container' }, h("ez-text-input", { id: 'link_url_input', label: this.i18n("ez-link-builder.urlInputLabel"), value: this.link, onEzChange: (e) => this.link = e.detail }), h("ez-text-input", { id: 'link_text_input', label: this.i18n("ez-link-builder.textInputLabel"), value: this.textToShow, onEzChange: (e) => this.textToShow = e.detail }), h("ez-check", { label: this.i18n("ez-link-builder.openInNewPage"), value: this.openInNewGuide, onEzChange: (e) => this.openInNewGuide = e.detail }))))));
+  }
+};
+EzLinkBuilder.style = ezLinkBuilderCss;
+const ezMultiSelectInputCss = ":host{--ez-multi-select-input--height:42px;--ez-multi-select-input--height--slim:32px;--ez-multi-select-input--width:100%;--ez-multi-select-input__min-width:0px;--ez-multi-select-input__max-width:100%;--ez-multi-select-input__icon--width:30px;--ez-multi-select-input--font-size:var(--text--medium, 14px);--ez-multi-select-input--font-family:var(--font-pattern, Arial);--ez-multi-select-input--font-weight:var(--text-weight--medium, 400);--ez-multi-select-input--color:var(--title--primary, #2B3A54);--ez-multi-select-input--border-radius:var(--border--radius-medium, 12px);--ez-multi-select-input__input--border:var(--border--small, 1px solid);--ez-multi-select-input__input--border-color:var(--color--strokes, #DCE0E8);--ez-multi-select-input__input--focus--border-color:var(--color--primary, #008561);--ez-multi-select-input__input--error--border-color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__input--background-color:var(--background--light, #ffffff);--ez-multi-select-input__input--disabled--background-color:var(--background--medium, #F0F3F7);--ez-multi-select-input__input--disabled--color:var(--text--primary, #626E82);--ez-multi-select-input__label--floating--top:6px;--ez-multi-select-input__label--padding-top:12px;--ez-multi-select-input__label--padding-left:14px;--ez-multi-select-input__placeholder--color:var(--text--secondary, #a2abb9);--ez-multi-select-input__tooltip_icon--error--color:var(--color-alert--error-800, #BD0025);--ez-multi-select-input__tooltip-icon---width:var(--space--large);--ez-multi-select-input__tooltip-icon---horizontal-margin:var(--space--medium, 12px);--ez-multi-select-input__tooltip-icon---vertical-margin:10px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-multi-select-input--width);min-width:var(--ez-multi-select-input__min-width);max-width:var(--ez-multi-select-input__max-width)}.trigger{position:relative;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;width:100%;overflow:hidden;height:var(--ez-multi-select-input--height);border-radius:var(--ez-multi-select-input--border-radius);font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);background-color:var(--ez-multi-select-input__input--background-color);border:var(--ez-multi-select-input__input--border);border-color:var(--ez-multi-select-input__input--border-color);padding:0 var(--ez-multi-select-input__icon--width) 0 14px;margin-bottom:var(--space--small)}.trigger:focus{outline:none}.trigger--focused{border:var(--border--medium, 2px solid);outline:none;border-color:var(--ez-multi-select-input__input--focus--border-color)}.trigger--error{border:var(--border--medium, 2px solid);border-color:var(--ez-multi-select-input__input--error--border-color)}.trigger--disabled{cursor:not-allowed;background-color:var(--ez-multi-select-input__input--disabled--background-color);color:var(--ez-multi-select-input__input--disabled--color)}.trigger--no-border{box-shadow:none;border:none}.trigger--slim{height:var(--ez-multi-select-input--height--slim)}.trigger__label{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-transition:font-size .05s, top .05s;transition:font-size .05s, top .05s;font-family:var(--ez-multi-select-input--font-family);font-size:var(--ez-multi-select-input--font-size);font-weight:var(--ez-multi-select-input--font-weight);color:var(--ez-multi-select-input--color);top:var(--ez-multi-select-input__label--padding-top);left:var(--ez-multi-select-input__label--padding-left)}.trigger__label--floated{font-size:var(--text--extra-small);color:var(--text--primary);top:var(--ez-multi-select-input__label--floating--top)}.trigger__label--disabled{color:var(--ez-multi-select-input__input--disabled--color)}.trigger__label--error{color:var(--ez-multi-select-input__tooltip_icon--error--color)}.trigger__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trigger__value--placeholder{color:var(--ez-multi-select-input__placeholder--color)}.trigger__value--with-label{padding-top:14px}.trigger__chevron{position:absolute;right:8px;display:flex;align-items:center;color:var(--ez-multi-select-input--color)}.trigger--disabled .trigger__chevron{color:var(--ez-multi-select-input__input--disabled--color)}ez-icon.tooltip-icon{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;width:var(--ez-multi-select-input__tooltip-icon---width);height:22px;margin:var(--ez-multi-select-input__tooltip-icon---vertical-margin)\n          var(--ez-multi-select-input__tooltip-icon---horizontal-margin);top:0;right:var(--ez-multi-select-input__icon--width);border-radius:var(--ez-multi-select-input--border-radius)}ez-icon.tooltip-icon.hasError{--ez-icon--color:var(--ez-multi-select-input__tooltip_icon--error--color)}ez-popover-core ez-multi-selection-list{padding:var(--space--2xs, 8px);--ez-multi-selection-default-width:100%}";
+const EzMultiSelectInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezChange = createEvent(this, "ezChange", 7);
+    /**
+     * Chave da última seleção conhecida (valores marcados, ordenados). Usada para
+     * deduplicar emissões de `ezChange`: o ez-multi-selection-list emite
+     * `changeFilteredOptions` também ao montar e a cada sincronização programática
+     * de `options`/`value`, então só propagamos mudanças reais de seleção.
+     */
+    this._lastSelectionKey = '';
+    this.label = undefined;
+    this.enabled = true;
+    this.errorMessage = undefined;
+    this.hasInvalid = false;
+    this.canShowError = true;
+    this.mode = 'regular';
+    this.noBorder = false;
+    this.options = undefined;
+    this.dataSource = undefined;
+    this.columnName = undefined;
+    this.useOptions = false;
+    this.isTextSearch = false;
+    this.orderSelectedFirst = false;
+    this.value = undefined;
+    this._selectedCount = 0;
+    this._isOpen = false;
+  }
+  //---------------------------------------------
+  // Watchers
+  //---------------------------------------------
+  observeHasInvalid(newValue, oldValue) {
+    if (newValue === oldValue) {
+      return;
+    }
+  }
+  observeOptions(newOptions) {
+    if (!newOptions) {
+      this._selectedCount = 0;
+      this._lastSelectionKey = '';
+      return;
+    }
+    this._selectedCount = newOptions.filter(o => o.check).length;
+    this._lastSelectionKey = this.selectionKey(newOptions);
+  }
+  observeValue(newValue) {
+    if (!Array.isArray(newValue)) {
+      return;
+    }
+    if (this.selectionKey(newValue) === this._lastSelectionKey) {
+      return;
+    }
+    this.options = newValue;
+  }
+  //---------------------------------------------
+  // Public methods
+  //---------------------------------------------
+  /**
+   * Retorna as opções com o estado de check atual.
+   */
+  async getSelectedOptions() {
+    var _a, _b;
+    const source = (_b = (_a = this.value) !== null && _a !== void 0 ? _a : this.options) !== null && _b !== void 0 ? _b : [];
+    return source.filter(o => o.check);
+  }
+  /**
+   * Limpa todas as seleções. Delega ao ez-multi-selection-list.
+   */
+  async clearSelection() {
+    var _a, _b;
+    const list = (_a = this._list) !== null && _a !== void 0 ? _a : (_b = this._popover) === null || _b === void 0 ? void 0 : _b.querySelector('ez-multi-selection-list');
+    await (list === null || list === void 0 ? void 0 : list.clearSelection());
+    this._selectedCount = 0;
+  }
+  //---------------------------------------------
+  // Private methods
+  //---------------------------------------------
+  handleTogglePopover() {
+    if (!this.enabled) {
+      return;
+    }
+    if (this._isOpen) {
+      this._popover.hide();
+    }
+    else {
+      this._popover.showUnder(this._trigger);
+    }
+  }
+  handleKeyDown(event) {
+    if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
+      event.preventDefault();
+      this.handleTogglePopover();
+    }
+  }
+  handleVisibilityChange(event) {
+    this._isOpen = event.detail;
+  }
+  stopInnerChangeEvents(event) {
+    event.stopPropagation();
+  }
+  handleSelectionChange(event) {
+    var _a;
+    const opts = (_a = event.detail) !== null && _a !== void 0 ? _a : [];
+    this._selectedCount = opts.filter(o => o.check).length;
+    const key = this.selectionKey(opts);
+    if (key === this._lastSelectionKey) {
+      return;
+    }
+    this._lastSelectionKey = key;
+    this.value = opts;
+    this.ezChange.emit(opts);
+  }
+  selectionKey(opts) {
+    return (opts || [])
+      .filter(o => o.check)
+      .map(o => o.value)
+      .sort()
+      .join('|');
+  }
+  buildDisplayText() {
+    return this._selectedCount > 0 ? `${this._selectedCount} selecionado(s)` : '';
+  }
+  buildTriggerClass() {
+    const classes = ['trigger'];
+    if (!this.enabled)
+      classes.push('trigger--disabled');
+    if (this._isOpen)
+      classes.push('trigger--focused');
+    if (this.hasError())
+      classes.push('trigger--error');
+    if (this.noBorder)
+      classes.push('trigger--no-border');
+    if (this.mode === 'slim')
+      classes.push('trigger--slim');
+    return classes.join(' ');
+  }
+  hasError() {
+    if (!this.canShowError) {
+      return false;
+    }
+    return this.hasInvalid || (typeof this.errorMessage === 'string' && this.errorMessage.trim() !== '');
+  }
+  //---------------------------------------------
+  // Lifecycle
+  //---------------------------------------------
+  componentWillLoad() {
+    if (Array.isArray(this.value) && this.value !== this.options) {
+      this.options = this.value;
+    }
+    const source = this.options;
+    if (source) {
+      this._selectedCount = source.filter(o => o.check).length;
+      this._lastSelectionKey = this.selectionKey(source);
+    }
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'multi-select-input');
+    const displayText = this.buildDisplayText();
+    const hasError = this.hasError();
+    const isFloated = this._selectedCount > 0 || this._isOpen;
+    return (h(Host, null, h("div", { ref: el => this._trigger = el, class: this.buildTriggerClass(), tabindex: this.enabled ? '0' : '-1', onClick: () => this.handleTogglePopover(), onKeyDown: (e) => this.handleKeyDown(e), "data-element-id": ElementIDUtils.getInternalIDInfo('trigger') }, this.label && this.mode !== 'slim' && (h("label", { class: {
+        'trigger__label': true,
+        'trigger__label--floated': isFloated,
+        'trigger__label--disabled': !this.enabled,
+        'trigger__label--error': hasError,
+      }, title: this.label }, this.label)), h("span", { class: {
+        'trigger__value': true,
+        'trigger__value--placeholder': this._selectedCount === 0,
+        'trigger__value--with-label': !!this.label && this.mode !== 'slim',
+      } }, displayText || (this.mode === 'slim' && this.label ? this.label : '')), h("ez-icon", { class: "trigger__chevron", iconName: this._isOpen ? 'chevron-up' : 'chevron-down' }), hasError && this.mode !== 'slim' && this.errorMessage && (
+    // strategy="fixed": o tooltip fica dentro de `.trigger` (que tem
+    // overflow: hidden); com position:fixed o balão escapa do recorte do
+    // container — z-index sozinho não resolve recorte por overflow.
+    h("ez-tooltip", { type: "error", message: this.errorMessage, strategy: "fixed" }, h("ez-icon", { class: "tooltip-icon hasError", "data-element-id": ElementIDUtils.getInternalIDInfo('tooltip-icon'), iconName: "alert-circle" })))), h("ez-popover-core", { ref: el => this._popover = el, overlayType: "light", fitInViewport: true, useAnchorSize: true, onEzVisibilityChange: (e) => this.handleVisibilityChange(e) }, h("ez-multi-selection-list", { ref: el => {
+        this._list = el;
+        el === null || el === void 0 ? void 0 : el.removeEventListener('ezChange', this.stopInnerChangeEvents);
+        el === null || el === void 0 ? void 0 : el.addEventListener('ezChange', this.stopInnerChangeEvents);
+      }, columnName: this.columnName, dataSource: this.dataSource, useOptions: this.useOptions, options: this.options, isTextSearch: this.isTextSearch, orderSelectedFirst: this.orderSelectedFirst, onChangeFilteredOptions: (e) => this.handleSelectionChange(e) }))));
+  }
+  get _hostElement() { return getElement(this); }
+  static get watchers() { return {
+    "hasInvalid": ["observeHasInvalid"],
+    "errorMessage": ["observeHasInvalid"],
+    "canShowError": ["observeHasInvalid"],
+    "options": ["observeOptions"],
+    "value": ["observeValue"]
+  }; }
+};
+EzMultiSelectInput.style = ezMultiSelectInputCss;
+const ezRichTextCss = ".sc-ez-rich-text-h{display:block;width:100%;font-family:Roboto;--ez-rich-text--box-shadow:0 0 3px 0 #DCE0E8;--ez-rich-text--shadow--outline:var(--shadow--outline) var(--color--strokes)}.editor-container.sc-ez-rich-text{width:100%;overflow:hidden;border-radius:12px;border:1px solid #DCE0E8}ez-text-area.sc-ez-rich-text{--text-area__input--border:1px solid}.preview.sc-ez-rich-text{min-height:20px;padding:12px;resize:both;overflow:auto;max-width:100%;border-top:1px solid #DCE0E8}";
+const EzRichText = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezChange = createEvent(this, "ezChange", 7);
+    this.historyStack = [];
+    this.historyIndex = -1;
+    this.previewMode = false;
+    this.showPreview = true;
+    this.value = undefined;
+    this.label = undefined;
+    this.mode = "regular";
+    this.enabled = true;
+    this.rows = 6;
+    this.errorMessage = undefined;
+    this.canShowError = true;
+    this.showConfigs = true;
+    this.showTextFormat = true;
+    this.showUndoRedo = true;
+  }
+  observeValue(newValue, oldValue) {
+    if (ObjectUtils.equals(newValue, oldValue))
+      return;
+    this.ezChange.emit(newValue);
+  }
+  observeErrorMessage(newValue) {
+    if (newValue && this.previewMode) {
+      this.previewMode = false;
+    }
+  }
+  async handleExecuteToolbarCommand(event) {
+    const { command, value } = event.detail;
+    await this.executeCommand(command, value);
+  }
+  /**
+   * Aplica o foco no campo.
+   */
+  async setFocus() {
+    this.handleFocus();
+  }
+  /**
+   * Remove o foco do campo.
+   */
+  async setBlur() {
+    var _a;
+    await ((_a = this.textAreaRef) === null || _a === void 0 ? void 0 : _a.setBlur());
+  }
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  async isInvalid() {
+    return typeof this.errorMessage === 'string' && this.errorMessage.trim() !== '';
+  }
+  bindPreview() {
+    if (!this._keyboardManager || !this.showPreview)
+      return;
+    this._keyboardManager
+      .bind('ctrl + p', async () => {
+      await this.togglePreview();
+    }, { description: 'Entra em modo de pré visualização.', element: this.element });
+  }
+  bindConfigs() {
+    if (!this._keyboardManager || !this.showConfigs)
+      return;
+    this._keyboardManager
+      .bind('ctrl + l', async () => {
+      await this.handleFormatSelection(RICH_TOOLBAR_FORMAT_TAGS.LIST);
+    }, { description: this.i18n("ez-rich-text.listShortcut"), element: this.element })
+      .bind('ctrl + k', async () => {
+      await this.handleLink();
+    }, { description: this.i18n("ez-rich-text.linkShortcut"), element: this.element })
+      .bind('ctrl + o', async () => {
+      await this.handleImage();
+    }, { description: this.i18n("ez-rich-text.imageShortcut"), element: this.element });
+  }
+  bindTextFormat() {
+    if (!this._keyboardManager || !this.showTextFormat)
+      return;
+    this._keyboardManager
+      .bind('ctrl + b', async () => {
+      await this.handleFormatSelection(RICH_TOOLBAR_FORMAT_TAGS.BOLD);
+    }, { description: this.i18n("ez-rich-text.boldShortcut"), element: this.element })
+      .bind('ctrl + i', async () => {
+      await this.handleFormatSelection(RICH_TOOLBAR_FORMAT_TAGS.ITALIC);
+    }, { description: this.i18n("ez-rich-text.italicShortcut"), element: this.element })
+      .bind('ctrl + u', async () => {
+      await this.handleFormatSelection(RICH_TOOLBAR_FORMAT_TAGS.UNDERLINE);
+    }, { description: this.i18n("ez-rich-text.underlineShortcut"), element: this.element });
+  }
+  initKeyboardManager() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this.element });
+    this._keyboardManager
+      .bind('ctrl + Enter', async () => {
+      await this.handleFormatSelection(RICH_TOOLBAR_FORMAT_TAGS.BREAK_LINE);
+    }, { description: this.i18n("ez-rich-text.breakLineShortcut"), element: this.element })
+      .bind('ctrl + z', async () => {
+      await this.handleUndo();
+    }, { description: this.i18n("ez-rich-text.undoShortcut"), element: this.element })
+      .bind('ctrl + x', async () => {
+      await this.handleRedo();
+    }, { description: this.i18n("ez-rich-text.redoShortcut"), element: this.element });
+    this.bindPreview();
+    this.bindConfigs();
+    this.bindTextFormat();
+  }
+  async executeCommand(command, value) {
+    switch (command) {
+      case RICH_TOOLBAR_COMMANDS.FOCUS:
+        this.handleFocus();
+        break;
+      case RICH_TOOLBAR_COMMANDS.PREVIEW:
+        await this.togglePreview();
+        break;
+      case RICH_TOOLBAR_COMMANDS.FORMAT:
+        await this.handleFormatSelection(value);
+        break;
+      case RICH_TOOLBAR_COMMANDS.UNDO:
+        await this.handleUndo();
+        break;
+      case RICH_TOOLBAR_COMMANDS.REDO:
+        await this.handleRedo();
+        break;
+      case RICH_TOOLBAR_COMMANDS.LINK:
+        await this.handleLink();
+        break;
+      case RICH_TOOLBAR_COMMANDS.IMAGE:
+        await this.handleImage();
+        break;
+    }
+  }
+  handleFocus() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async handleLink() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      await this.linkBuilderRef.show(this.getSelectedText());
+    });
+  }
+  async handleImage() {
+    this.previewMode = false;
+    await this.imageUploaderRef.show();
+  }
+  async handleRedo() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      this.redo();
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async handleUndo() {
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      this.undo();
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async handleFormatSelection(value) {
+    if (!value)
+      return;
+    this.previewMode = false;
+    requestAnimationFrame(async () => {
+      await this.formatSelection(value);
+      await this.textAreaRef.setFocus();
+    });
+  }
+  async togglePreview() {
+    this.previewMode = !this.previewMode;
+    if (this.previewMode) {
+      await this.textAreaRef.setFocus();
+    }
+  }
+  getSelectedText() {
+    const textarea = this.getTextAreaElement();
+    if (!textarea)
+      return undefined;
+    const selectionStart = textarea.selectionStart;
+    const selectionEnd = textarea.selectionEnd;
+    const currentValue = this.textAreaRef.value || '';
+    return currentValue.substring(selectionStart, selectionEnd);
+  }
+  getTextAreaElement() {
+    const textAreaElement = this.element.querySelector('ez-text-area');
+    return textAreaElement.shadowRoot.querySelector('textarea');
+  }
+  async formatSelection(htmlTag) {
+    if (!this.textAreaRef)
+      return;
+    const formattedHtml = htmlTag.replace('$selection', this.getSelectedText() || '');
+    await this.textAreaRef.appendTextToSelection(formattedHtml);
+    this.value = this.textAreaRef.value;
+    this.addToHistory(this.value);
+  }
+  addToHistory(content) {
+    // Só adiciona ao histórico se for diferente do estado atual
+    if (this.historyIndex >= 0 && content === this.historyStack[this.historyIndex]) {
+      return;
+    }
+    //se o tamanho do histórico chegou ao máximo, faz um splice mantendo os últimos 49 elementos
+    if (this.historyStack.length >= 50) {
+      this.historyStack.splice(0, this.historyStack.length - 49);
+    }
+    //Adiciona novo estado ao histórico
+    this.historyStack.push(content);
+    this.historyIndex = this.historyStack.length - 1;
+  }
+  undo() {
+    if (!this.canExecuteUndo())
+      return;
+    this.historyIndex--;
+    const content = this.historyStack[this.historyIndex];
+    this.value = content;
+    this.textAreaRef.value = content;
+  }
+  canExecuteUndo() {
+    return this.historyIndex > 0;
+  }
+  redo() {
+    if (!this.canExecuteRedo())
+      return;
+    this.historyIndex++;
+    this.getValueFromHistory();
+  }
+  canExecuteRedo() {
+    return this.historyIndex < this.historyStack.length - 1;
+  }
+  getValueFromHistory() {
+    const content = this.historyStack[this.historyIndex];
+    this.value = content;
+    this.textAreaRef.value = content;
+  }
+  handleTextAreaChanged(event) {
+    this.value = event.detail;
+    this.addToHistory(this.value);
+  }
+  async removeShortcuts() {
+    var _a;
+    (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  componentDidLoad() {
+    this.initKeyboardManager();
+    this.addToHistory(this.value);
+  }
+  async disconnectedCallback() {
+    await this.removeShortcuts();
+  }
+  getSanitizedValue() {
+    return purify.sanitize(this.value, {
+      ADD_ATTR: ['target', 'rel']
+    });
+  }
+  renderContent() {
+    if (this.previewMode) {
+      return (h("div", { id: 'rich-text-preview-container', class: "preview", innerHTML: this.getSanitizedValue() }));
+    }
+    return h("ez-text-area", { ref: (el) => this.textAreaRef = el, label: this.label, value: this.value, enabled: this.enabled, rows: this.rows, mode: this.mode, canShowError: this.canShowError, errorMessage: this.errorMessage, onEzChange: this.handleTextAreaChanged.bind(this) });
+  }
+  render() {
+    return (h(Host, null, h("div", { class: 'editor-container bordered' }, h("ez-rich-toolbar", { isPreviewMode: this.previewMode, showPreview: this.showPreview, showConfigs: this.showConfigs && this.enabled, showTextFormat: this.showTextFormat && this.enabled, showUndoRedo: this.showUndoRedo && this.enabled }), this.renderContent()), h("ez-link-builder", { ref: (el) => this.linkBuilderRef = el }), h("ez-simple-image-uploader", { ref: (el) => this.imageUploaderRef = el })));
+  }
+  get element() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["observeValue"],
+    "errorMessage": ["observeErrorMessage"]
+  }; }
+};
+EzRichText.style = ezRichTextCss;
+const ezRichToolbarCss = ".sc-ez-rich-toolbar-h{display:block;width:100%}.taskbar.sc-ez-rich-toolbar{display:flex;padding:8px;border-radius:4px 4px 0 0}.taskbar-group.sc-ez-rich-toolbar{display:flex;margin-right:15px;padding-right:15px;border-right:1px solid #ddd}.taskbar-group.sc-ez-rich-toolbar:last-child{border-right:none}.preview-btn.sc-ez-rich-toolbar{font-family:Roboto;font-size:14px;background:none;display:flex;align-items:center;padding:0 8px;border-radius:4px;cursor:pointer;color:var(--color--secondary, #383c45);transition:0.3s all ease-in-out;width:110px;justify-content:center}.preview-btn.sc-ez-rich-toolbar:hover{background-color:#f5f5f5}";
+const EzRichToolbar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.executeToolbarCommand = createEvent(this, "executeToolbarCommand", 7);
+    this.showPreview = true;
+    this.isPreviewMode = false;
+    this.showConfigs = true;
+    this.showTextFormat = true;
+    this.showUndoRedo = true;
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  handleActionTriggered(event) {
+    this.executeToolbarCommand.emit({ command: event.detail.command, value: event.detail.value });
+  }
+  handleClickPreview() {
+    this.executeToolbarCommand.emit({ command: RICH_TOOLBAR_COMMANDS.PREVIEW });
+  }
+  renderArrows() {
+    if (!this.showUndoRedo)
+      return;
+    return (h("div", { id: "rich-toolbar-undo-redo", class: "taskbar-group" }, h("ez-rich-toolbar-arrows", null)));
+  }
+  renderLetters() {
+    if (!this.showTextFormat)
+      return;
+    return (h("div", { id: "rich-toolbar-text-format", class: "taskbar-group" }, h("ez-rich-toolbar-letters", null)));
+  }
+  renderConfigs() {
+    if (!this.showConfigs)
+      return;
+    return (h("div", { id: "rich-toolbar-options-configs", class: "taskbar-group" }, h("ez-rich-toolbar-configs", null)));
+  }
+  renderPreview() {
+    if (!this.showPreview)
+      return;
+    return (h("div", { class: "taskbar-group" }, h("span", { id: 'rich-text-preview-btn', class: "preview-btn", title: this.getPreviewTitle(), onClick: this.handleClickPreview.bind(this) }, this.isPreviewMode ? this.i18n("ez-rich-text.edit") : this.i18n("ez-rich-text.preview"))));
+  }
+  getPreviewTitle() {
+    return this.isPreviewMode
+      ? this.i18n("ez-rich-text.title.edit")
+      : this.i18n("ez-rich-text.title.preview");
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "taskbar" }, this.renderPreview(), this.renderArrows(), this.renderLetters(), this.renderConfigs())));
+  }
+};
+EzRichToolbar.style = ezRichToolbarCss;
+function formatBytes(bytes, decimals = 1) {
+  if (bytes === 0) {
+    return "0 Bytes";
+  }
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "Kilobytes", "Megabytes", "Gigabytes", "Terabytes", "Petabytes", "Exabytes", "Zettabytes", "Yottabytes"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}
+function fileToBase64(file) {
+  return new Promise((resolve, reject) => {
+    try {
+      const reader = new FileReader();
+      reader.onload = () => {
+        resolve(reader.result);
+      };
+      reader.readAsDataURL(file);
+    }
+    catch (error) {
+      reject(error);
+    }
+  });
+}
+const ezSimpleImageUploaderCss = ".image-uploader-container.sc-ez-simple-image-uploader{font-family:\"Roboto\";color:#2b3a54;display:flex;flex-direction:column;gap:var(--space--10, 10px);justify-content:space-between;align-items:center;padding-bottom:var(--space--8, 8px)}.header.sc-ez-simple-image-uploader{display:flex;font-weight:500;font-size:var(--font-size--medium, 16px)}.actions.sc-ez-simple-image-uploader{display:flex;justify-content:flex-end;gap:var(--space--12, 12px);margin-top:var(--space--12, 12px);width:100%}.drop-zone-section.sc-ez-simple-image-uploader{width:100%}.drop-zone.sc-ez-simple-image-uploader{display:flex;flex-wrap:wrap;background-color:var(--color--petroleum-70, #F4F6F9);padding:var(--space--6, 6px);width:100%;border-radius:var(--space--12, 12px);box-sizing:border-box;min-height:100px}.clickable.sc-ez-simple-image-uploader{cursor:pointer}.dragging.sc-ez-simple-image-uploader{background-color:var(--color--petroleum-100, #C8CCD3)}.drop-zone-container.sc-ez-simple-image-uploader{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--color-strokes, #DCE0E8);border-radius:6px;box-sizing:border-box}.text-error.sc-ez-simple-image-uploader{font-family:var(--font--pattern, \"Roboto\");color:var(--color--red-600, #BD0025);font-size:var(--font-size--small, 12px)}.button-close.sc-ez-simple-image-uploader{border:none;background:none;cursor:pointer}";
+const EzSimpleImageUploader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.executeToolbarCommand = createEvent(this, "executeToolbarCommand", 7);
+    this.link = undefined;
+    this.base64 = undefined;
+    this.messageError = undefined;
+    this.selectedFile = undefined;
+    this.maxSize = 500;
+  }
+  /**
+  * Método responsável pela abertura do popup.
+  */
+  async show() {
+    this._popupElement.opened = true;
+  }
+  /**
+  * Método responsável pelo fechamento do popup.
+  */
+  async hide() {
+    this._popupElement.opened = false;
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  async handleCancel() {
+    this.removeSelectedFile();
+    this.executeToolbarCommand.emit({ command: RICH_TOOLBAR_COMMANDS.FOCUS });
+    await this.hide();
+  }
+  removeSelectedFile(event) {
+    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    this.link = undefined;
+    this.base64 = undefined;
+    this.selectedFile = undefined;
+    this.messageError = undefined;
+  }
+  triggerFileSelect() {
+    if (!this.selectedFile) {
+      this._fileInput.click();
+    }
+  }
+  async handleImage(files) {
+    const file = files && files[0];
+    if (!file) {
+      return;
+    }
+    if (file.size < (this.maxSize * 1000)) {
+      this.selectedFile = file;
+      this.base64 = await fileToBase64(file);
+    }
+    else {
+      this.messageError = this.i18n("ez-simple-image-uploader.imageTooLarge", { maxSize: formatBytes(this.maxSize) });
+    }
+  }
+  getFileList(event) {
+    if (event instanceof DragEvent) {
+      return Array.from(event.dataTransfer.files);
+    }
+    else {
+      const input = event.target;
+      return input.files;
+    }
+  }
+  handleFileChange(event) {
+    event.preventDefault();
+    this.messageError = undefined;
+    this._dropZone.classList.remove("dragging");
+    const files = this.getFileList(event);
+    this.handleImage(files);
+    const input = event.target;
+    input.value = "";
+  }
+  handleDragOver(event) {
+    event.stopPropagation();
+    event.preventDefault();
+  }
+  handleDragEnter(event) {
+    event.preventDefault();
+    this._dropZone.classList.add("dragging");
+  }
+  handleDragLeave(event) {
+    event.preventDefault();
+    if (!this._dropZone.contains(event.relatedTarget)) {
+      this._dropZone.classList.remove("dragging");
+    }
+  }
+  async handleActionPopup(event) {
+    if (event.detail === "OK") {
+      await this.handleCreateImgTag();
+    }
+    else if (event.detail === "CANCEL" || event.detail === "CLOSE") {
+      await this.handleCancel();
+    }
+  }
+  async handleCreateImgTag() {
+    var _a;
+    const tag = `<img src="${(_a = this.base64) !== null && _a !== void 0 ? _a : this.link}" alt="${this.i18n("ez-simple-image-uploader.imageAlt")}" />`;
+    this.executeToolbarCommand.emit({ command: RICH_TOOLBAR_COMMANDS.FORMAT, value: tag });
+    this.removeSelectedFile();
+    await this.hide();
+  }
+  getOkButtonStatus() {
+    var _a;
+    return (!this.base64 && !((_a = this.link) === null || _a === void 0 ? void 0 : _a.trim())) ? 'DISABLED' : 'ENABLED';
+  }
+  render() {
+    return (h("ez-popup", { ref: ref => this._popupElement = ref, heightMode: "auto", size: "small", useHeader: false, onEzClosePopup: () => this.handleCancel() }, h("div", null, h("ez-modal-container", { modalTitle: this.i18n("ez-simple-image-uploader.uploadTitle"), modalSubTitle: this.i18n("ez-simple-image-uploader.uploadSubtitle"), okButtonLabel: this.i18n("ez-simple-image-uploader.submit"), cancelButtonLabel: this.i18n("app.cancel"), onEzModalAction: this.handleActionPopup.bind(this), okButtonStatus: this.getOkButtonStatus() }, h("div", { class: "image-uploader-container" }, h("ez-tooltip", { message: this.i18n("ez-simple-image-uploader.tooltipMessage"), active: !!this.selectedFile }, h("ez-text-input", { label: this.i18n("ez-simple-image-uploader.urlInputLabel"), value: this.link, onEzChange: (e) => this.link = e.detail, enabled: !this.selectedFile })), h("span", null, this.i18n("ez-simple-image-uploader.orText")), h("section", { class: "drop-zone-section" }, h("div", { ref: (ref) => this._dropZone = ref, class: "drop-zone", onDrop: (ev) => this.handleFileChange(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragEnter: (ev) => this.handleDragEnter(ev), onDragLeave: (ev) => this.handleDragLeave(ev) }, h("div", { class: {
+        "drop-zone-container": true,
+        "clickable": !this.selectedFile,
+      }, onClick: () => this.triggerFileSelect() }, !!this.selectedFile ?
+      h(Fragment, null, h("span", { class: "ez-text ez-text--primary ez-text--medium" }, this.selectedFile.name, " (", formatBytes(this.selectedFile.size), ")"), h("button", { class: "button-close", onClick: (event) => this.removeSelectedFile(event), title: this.i18n("ez-simple-image-uploader.removeFile") }, h("ez-icon", { iconName: "close" })))
+      :
+        h(Fragment, null, h("ez-icon", { iconName: "anexo" }), h("span", { class: "ez-text ez-text--primary ez-text--medium" }, this.i18n("ez-simple-image-uploader.dragDropText")))), h("input", { ref: (el) => this._fileInput = el, type: "file", accept: "image/*", style: { display: "none" }, onChange: (ev) => this.handleFileChange(ev) })), !!this.messageError && h("span", { class: "text-error" }, this.messageError)))))));
+  }
+};
+EzSimpleImageUploader.style = ezSimpleImageUploaderCss;
+const ezTextEditCss = ":host{display:flex;align-items:center;gap:5px}.text-edit__form-input{width:auto;--ez-text-input__input--padding:0px}.text-edit__hidden-value{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}";
+const EzTextEdit = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.saveEdition = createEvent(this, "saveEdition", 7);
+    this.cancelEdition = createEvent(this, "cancelEdition", 7);
+    this._newValue = undefined;
+    this.value = undefined;
+    this.styled = undefined;
+  }
+  /**
+   * Aplica foco no campo.
+   */
+  async applyFocusSelect() {
+    this.calcSizeInput(this.value, true);
+  }
+  calcSizeInput(value, setSelect = false) {
+    var _a, _b;
+    const textInput = (_b = (_a = this._inputElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input');
+    if (textInput != undefined) {
+      const sizeText = this.getWidthValue(value);
+      textInput.style.width = sizeText + 'px';
+      if (setSelect) {
+        setTimeout(() => textInput.select(), 100);
+      }
+    }
+  }
+  getWidthValue(value) {
+    if (this._valueBasis != undefined) {
+      const span = this._valueBasis;
+      if (value != undefined) {
+        const cursorSpace = 2;
+        span.innerHTML = value;
+        return span.clientWidth > 0 ? (span.clientWidth + cursorSpace) : cursorSpace;
+      }
+      else {
+        span.innerHTML = "";
+      }
+    }
+    return 0;
+  }
+  setStyledInput() {
+    var _a, _b;
+    let fontSize = "";
+    let fontWeight = "";
+    let fontFamily = "";
+    if (this.styled != undefined) {
+      fontSize = this.styled.fontSize;
+      fontWeight = this.styled.fontWeight;
+      fontFamily = this.styled.fontFamily;
+    }
+    const textInput = (_b = (_a = this._inputElement) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input');
+    if (textInput != undefined) {
+      textInput.style.fontSize = fontSize;
+      textInput.style.fontWeight = fontWeight;
+      textInput.style.fontFamily = fontFamily;
+    }
+    const span = this._valueBasis;
+    if (span != undefined) {
+      span.style.fontSize = fontSize;
+      span.style.fontWeight = fontWeight;
+      span.style.fontFamily = fontFamily;
+    }
+  }
+  handleSaveEdition() {
+    if (!this._newValue) {
+      ApplicationUtils.alert(this.i18n("app.warning"), this.i18n("ez-text-edit.emptyFieldWarning")).then(() => {
+        this.setNewValue(this.value, true);
+      });
+      return;
+    }
+    this.saveEdition.emit({ value: this.value, newValue: this._newValue });
+  }
+  handleCancelEdition() {
+    this.cancelEdition.emit();
+  }
+  setNewValue(value, setSelect = false) {
+    this._newValue = value;
+    this.calcSizeInput(this._newValue, setSelect);
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
+  componentDidLoad() {
+    this.applyFocusSelect();
+    this.setNewValue(this.value);
+  }
+  componentDidRender() {
+    this.setStyledInput();
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._element, 'input');
+    return (h(Host, null, h("span", { class: "text-edit__hidden-value", ref: elem => this._valueBasis = elem }), h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), onInput: () => { this.calcSizeInput(this._newValue); }, class: "text-edit__form-input", value: this._newValue, ref: (elem) => this._inputElement = elem, mode: "slim", onEzChange: (evt) => this.setNewValue(evt === null || evt === void 0 ? void 0 : evt.detail), noBorder: true }), h("ez-button", { class: "text-edit__icon-check", mode: "icon", iconName: "check", size: "small", onClick: () => { this.handleSaveEdition(); } }), h("ez-button", { class: "text-edit__icon-close", mode: "icon", iconName: "close", size: "small", onClick: () => { this.handleCancelEdition(); } })));
+  }
+  get _element() { return getElement(this); }
+};
+EzTextEdit.style = ezTextEditCss;
+export { ClassicSearchList as classic_search_list, EzClassicSearchResultList as ez_classic_search_result_list, EzComboBoxList as ez_combo_box_list, EzCustomFormInput as ez_custom_form_input, EzImageInput as ez_image_input, EzLinkBuilder as ez_link_builder, EzMultiSelectInput as ez_multi_select_input, EzRichText as ez_rich_text, EzRichToolbar as ez_rich_toolbar, EzSimpleImageUploader as ez_simple_image_uploader, EzTextEdit as ez_text_edit };