@sankhyalabs/ezui 7.3.4 → 7.3.5-dev.1

package/dist/esm/ez-link-builder_6.entry.js

@@ -1,306 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-baa5e267.js';
-import { a as RICH_TOOLBAR_COMMANDS, b as RICH_TOOLBAR_COMMAND_ICON, R as RICH_TOOLBAR_FORMAT_TAGS } from './RichToolbarHelper-f3a149c4.js';
-import { i as initI18n } from './index-8088eb6e.js';
-import '@sankhyalabs/core';
-
-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 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;
-
-const ezRichToolbarArrowsCss = ".sc-ez-rich-toolbar-arrows-h{display:flex;gap:5px}";
-
-const EzRichToolbarArrows = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  async componentWillLoad() {
-    this.i18n = await initI18n();
-  }
-  render() {
-    return (h(Host, null, h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.UNDO, command: RICH_TOOLBAR_COMMANDS.UNDO, title: this.i18n("ez-rich-text.title.undo") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.REDO, command: RICH_TOOLBAR_COMMANDS.REDO, title: this.i18n("ez-rich-text.title.redo") })));
-  }
-};
-EzRichToolbarArrows.style = ezRichToolbarArrowsCss;
-
-const ezRichToolbarConfigsCss = ".sc-ez-rich-toolbar-configs-h{display:flex;gap:5px}";
-
-const EzRichToolbarConfigs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  async componentWillLoad() {
-    this.i18n = await initI18n();
-  }
-  render() {
-    return (h(Host, null, h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.LIST, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.LIST, title: this.i18n("ez-rich-text.title.list") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.IMAGE, command: RICH_TOOLBAR_COMMANDS.IMAGE, title: this.i18n("ez-rich-text.title.image") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.LINK, command: RICH_TOOLBAR_COMMANDS.LINK, title: this.i18n("ez-rich-text.title.link") })));
-  }
-};
-EzRichToolbarConfigs.style = ezRichToolbarConfigsCss;
-
-const ezRichToolbarLettersCss = ".sc-ez-rich-toolbar-letters-h{display:flex;gap:5px}";
-
-const EzRichToolbarLetters = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  async componentWillLoad() {
-    this.i18n = await initI18n();
-  }
-  render() {
-    return (h(Host, null, h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.BOLD, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.BOLD, title: this.i18n("ez-rich-text.title.bold") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.ITALIC, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.ITALIC, title: this.i18n("ez-rich-text.title.italic") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.UNDERLINE, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.UNDERLINE, title: this.i18n("ez-rich-text.title.underline") })));
-  }
-};
-EzRichToolbarLetters.style = ezRichToolbarLettersCss;
-
-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;
-
-export { EzLinkBuilder as ez_link_builder, EzRichToolbar as ez_rich_toolbar, EzRichToolbarArrows as ez_rich_toolbar_arrows, EzRichToolbarConfigs as ez_rich_toolbar_configs, EzRichToolbarLetters as ez_rich_toolbar_letters, EzSimpleImageUploader as ez_simple_image_uploader };

package/dist/esm/ez-popover-core.entry.js

@@ -1,223 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-baa5e267.js';
-import { c as computePosition, f as flip, s as shift, a as size } from './floating-ui.dom.esm-ffa73324.js';
-
-const ezPopoverCoreCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--elevation--100, 100);--ez-popover__box--overlay-z-index:var(--elevation--24, 24);position:relative;display:flex;user-select:none}.popover__overlay{display:none;position:fixed;padding:0;top:0px;left:0px;width:100%;height:100vh;box-sizing:border-box;z-index:var(--ez-popover__box--overlay-z-index)}.popover__overlay--light{background-color:rgba(var(--rgb-background--overlay), var(--opacity--bright))}.popover__overlay--medium{background-color:rgba(var(--rgb-background--overlay), var(--opacity--soft));backdrop-filter:blur(var(--background-blur--medium))}.popover__box{display:none;position:fixed;top:0;left:0;z-index:var(--ez-popover__box--z-index);flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:calc(100% - 10px)}";
-
-const EzPopoverCore = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezVisibilityChange = createEvent(this, "ezVisibilityChange", 7);
-    this.autoClose = true;
-    this.boxWidth = "fit-content";
-    this.opened = false;
-    this.overlayType = "light";
-    this.anchorElement = undefined;
-    this.options = { horizontalGap: 0, verticalGap: 0, fromRight: false };
-    this.useAnchorSize = false;
-    this.minWidth = 150;
-    this.fitInViewport = true;
-  }
-  observeOpened(newValue, oldValue) {
-    if (newValue === oldValue) {
-      return;
-    }
-    if (newValue) {
-      this.openPopover();
-    }
-    else {
-      this.hidePopover();
-    }
-  }
-  /**
-   * Atualiza a posição do popover.
-   */
-  async updatePosition(top, left) {
-    this.updateOptionPosition(top, left);
-    await this.updatePositionPopover();
-  }
-  /**
-   * Exibe o ez-popover.
-   */
-  async show(top, left) {
-    this.updateOptionPosition(top, left);
-    this.opened = true;
-  }
-  /**
-   * Ancora a exibição do popOver a um elemento HTML.
-   */
-  async showUnder(element, options) {
-    if (options) {
-      this.options = options;
-    }
-    this.anchorElement = element;
-    this.opened = true;
-  }
-  /**
-   * Oculta o ez-popover.
-   */
-  async hide() {
-    this.opened = false;
-  }
-  /**
-   * Altera as opções.
-  */
-  async setOptions(options) {
-    Object.assign(this.options, options);
-  }
-  /**
-   * Altera o elemento de ancoragem.
-  */
-  async setAnchorElement(anchor) {
-    this.anchorElement = anchor;
-  }
-  parseSizePixel(sizePixel, defaultValue) {
-    if (!sizePixel) {
-      return defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0;
-    }
-    if (typeof sizePixel === "string") {
-      return Number(sizePixel.replace("px", ""));
-    }
-    return sizePixel !== null && sizePixel !== void 0 ? sizePixel : 0;
-  }
-  updateOptionPosition(top, left) {
-    Object.assign(this.options, {
-      horizontalGap: this.parseSizePixel(left, this.options.horizontalGap),
-      verticalGap: this.parseSizePixel(top, this.options.verticalGap),
-    });
-  }
-  getElement(element) {
-    if (typeof element === 'string') {
-      return document.getElementById(element);
-    }
-    return element;
-  }
-  getAnchorElement() {
-    if (!this.anchorElement) {
-      return this._host;
-    }
-    if (Array.isArray(this.anchorElement)) {
-      for (const element of this.anchorElement) {
-        const htmlElement = this.getElement(element);
-        if (htmlElement) {
-          return htmlElement;
-        }
-      }
-      return this._host;
-    }
-    return this.getElement(this.anchorElement);
-  }
-  async updatePositionPopover() {
-    if (!this._box || !this.opened) {
-      return;
-    }
-    const currentAnchorElement = this.getAnchorElement();
-    const middleware = [flip(), shift({ padding: 5 })];
-    if (this.fitInViewport) {
-      middleware.push(size({
-        padding: 5,
-        apply: ({ availableWidth, availableHeight, elements }) => {
-          Object.assign(elements.floating.style, {
-            maxWidth: `${Math.max(0, availableWidth)}px`,
-            maxHeight: `${Math.max(0, availableHeight)}px`
-          });
-        },
-      }));
-    }
-    await computePosition(currentAnchorElement, this._box, {
-      placement: this.options.fromRight ? 'bottom-end' : 'bottom-start',
-      middleware,
-      strategy: 'fixed',
-    }).then(({ x, y, placement }) => {
-      const newTop = placement.includes("bottom") ? y + this.options.verticalGap : y - this.options.verticalGap;
-      const newLeft = placement.includes("start") ? x + this.options.horizontalGap : x - this.options.horizontalGap;
-      Object.assign(this._box.style, {
-        top: `${newTop}px`,
-        left: `${newLeft}px`,
-      });
-    });
-  }
-  hidePopover() {
-    if (!this._box) {
-      return;
-    }
-    this._box.style.display = '';
-    this._box.style.maxWidth = '';
-    this._box.style.maxHeight = '';
-    this._box.style.overflow = '';
-    this.hideOverlay();
-    this.ezVisibilityChange.emit(false);
-  }
-  async openPopover() {
-    if (!this._box || !this.opened) {
-      return;
-    }
-    this._box.style.display = 'flex';
-    this._box.style.visibility = 'hidden';
-    if (this.useAnchorSize) {
-      const currentAnchorElement = this.getAnchorElement();
-      const anchorSize = currentAnchorElement.getBoundingClientRect().width;
-      const width = anchorSize < this.minWidth ? this.minWidth : anchorSize;
-      this._box.style.width = `${width}px`;
-    }
-    await this.updatePositionPopover();
-    this.openOverlay();
-    this.ezVisibilityChange.emit(true);
-    this._box.style.visibility = 'visible';
-  }
-  openOverlay() {
-    if (!this._overlay || !this._overlayIsActive) {
-      return;
-    }
-    this._overlay.style.display = 'block';
-  }
-  hideOverlay() {
-    if (!this._overlay) {
-      return;
-    }
-    this._overlay.style.display = 'none';
-  }
-  checkStatusOverlay() {
-    if (this.overlayType !== "none") {
-      return true;
-    }
-    if (this.overlayType === "none" && this.autoClose) {
-      return true;
-    }
-    return false;
-  }
-  handlePositionUpdate() {
-    if (!this.opened) {
-      return;
-    }
-    this.updatePositionPopover();
-  }
-  componentWillLoad() {
-    window.addEventListener('scroll', this.handlePositionUpdate.bind(this), true);
-    window.addEventListener('resize', this.handlePositionUpdate.bind(this), true);
-  }
-  componentDidLoad() {
-    this._overlayIsActive = this.checkStatusOverlay();
-    this._resizeObserver = new ResizeObserver(this.updatePositionPopover.bind(this));
-    this._resizeObserver.observe(this._box);
-    this.openPopover();
-  }
-  disconnectedCallback() {
-    window.removeEventListener('scroll', this.handlePositionUpdate.bind(this), true);
-    window.removeEventListener('resize', this.handlePositionUpdate.bind(this), true);
-    this._resizeObserver.disconnect();
-  }
-  render() {
-    return (h(Host, null, h("div", { ref: el => this._overlay = el, onClick: () => this.hide(), class: `popover__overlay popover__overlay--${this.overlayType}` }), h("section", { ref: el => this._box = el, class: {
-        "popover__box": true,
-        "popover__box--fit-content": this.boxWidth === "fit-content",
-        "popover__box--full-width": this.boxWidth !== "fit-content",
-      } }, h("slot", null))));
-  }
-  get _host() { return getElement(this); }
-  static get watchers() { return {
-    "opened": ["observeOpened"]
-  }; }
-};
-EzPopoverCore.style = ezPopoverCoreCss;
-
-export { EzPopoverCore as ez_popover_core };