@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-83282.0 → 0.0.0-bugfix-dev-KB-75065.1

package/dist/esm/ez-combo-box-list_3.entry.js

@@ -1,381 +0,0 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-baa5e267.js';
-import { ElementIDUtils, ObjectUtils, HTMLBuilder, StringUtils } from '@sankhyalabs/core';
-import { C as CustomEditorSource } from './ICustomRender-875b5a40.js';
-import { A as ApplicationUtils } from './ApplicationUtils-eaf91331.js';
-import './DialogType-54a62731.js';
-import './CheckMode-bdb2ec19.js';
-
-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;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 = "Nenhum resultado encontrado";
-    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;
-    if (!this.visibleOptions || this.visibleOptions.length === 0)
-      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]);
-      (_a = this.onOptionHover) === null || _a === void 0 ? void 0 : _a.call(this, this.preSelection);
-    }
-  }
-  /**
-   * Move a seleção para a opção anterior na lista, sem ultrapassar o início.
-   */
-  async previousOption() {
-    var _a;
-    if (!this.visibleOptions || this.visibleOptions.length === 0)
-      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]);
-      (_a = this.onOptionHover) === null || _a === void 0 ? void 0 : _a.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 || !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"
-      });
-    }
-  }
-  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.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 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("Aviso", "Não é possível salvar um campo em branco.").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);
-  }
-  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 { EzComboBoxList as ez_combo_box_list, EzCustomFormInput as ez_custom_form_input, EzTextEdit as ez_text_edit };

package/dist/esm/ez-multi-selection-list.entry.js

@@ -1,182 +0,0 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-baa5e267.js';
-import { ArrayUtils } from '@sankhyalabs/core';
-
-const ezMultiSelectionListCss = ".sc-ez-multi-selection-list-h{--ez-check--outter-gap:0px;--ez-multi-selection-default-height:322px;display:block;width:304px;height:var(--ez-multi-selection-default-height);min-height:fit-content;max-height:calc(100vh - 350px)}.multi-selection__input.sc-ez-multi-selection-list{margin-bottom:var(--space--2xs, 8px)}.multi-selection__content-options.sc-ez-multi-selection-list{position:relative;left:-4px}.multi-selection__select-all.sc-ez-multi-selection-list{height:var(--space--xl);margin:0 var(--space--small, 6px)}.multi-selection__list.sc-ez-multi-selection-list{max-height:calc(100vh - 435px);overflow-y:auto;overflow-x:clip}.multi-selection__list.sc-ez-multi-selection-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
-
-var ViewScenarios;
-(function (ViewScenarios) {
-  ViewScenarios["DATASOURCE_RESULTS"] = "DATASOURCE_RESULTS";
-  ViewScenarios["DATASOURCE_RESULTS_EMPTY"] = "DATASOURCE_RESULTS_EMPTY";
-  ViewScenarios["DATASOURCE_INIT"] = "DATASOURCE_INIT";
-  ViewScenarios["OPTIONS_EMPTY"] = "OPTIONS_EMPTY";
-  ViewScenarios["OPTIONS"] = "OPTIONS";
-})(ViewScenarios || (ViewScenarios = {}));
-const EzMuiltiSelectionList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.changeFilteredOptions = createEvent(this, "changeFilteredOptions", 7);
-    this.columnName = undefined;
-    this.dataSource = undefined;
-    this.useOptions = false;
-    this.options = undefined;
-    this.isTextSearch = false;
-    this.filteredOptions = undefined;
-    this.displayOptions = undefined;
-    this.viewScenario = undefined;
-    this.displayOptionToCheckAllItems = true;
-  }
-  async clearFilteredOptions() {
-    this.setInitialScenario();
-    this.filteredOptions = [];
-    if (this.searchInput) {
-      this.searchInput.value = '';
-    }
-    if (this.filterInput) {
-      this.filterInput.value = '';
-    }
-  }
-  onChangeUseOptions() {
-    this.setInitialScenario();
-  }
-  onChangeOptions() {
-    if (this.options) {
-      this.filteredOptions = this.ordenationByCheckStateAndAlphabetically(this.options);
-    }
-    this.checkInput && this.changeCheckAllValeuFromFilteredOptions();
-    this.setInitialScenario();
-  }
-  onChangeFilteredOptions(optionsListUpdated) {
-    this.displayOptions = this.filteredOptions;
-    this.displayOptionToCheckAllItems = this.filteredOptions.length > 1;
-    this.checkInput && this.changeCheckAllValeuFromFilteredOptions();
-    this.changeFilteredOptions.emit(optionsListUpdated);
-  }
-  componentDidRender() {
-    this.changeCheckAllValeuFromFilteredOptions();
-  }
-  ordenationByCheckStateAndAlphabetically(filteredOptions) {
-    const listWithSelectChecked = [];
-    const listWithNotSelectChecked = [];
-    let emptyElement;
-    filteredOptions.forEach(item => {
-      if (item.value == undefined || item.label === "") {
-        emptyElement = Object.assign(Object.assign({}, item), { label: "(Vazio)" });
-      }
-      else {
-        (item.check ? listWithSelectChecked.push(item) : listWithNotSelectChecked.push(item));
-      }
-    });
-    return (emptyElement == undefined ? [] : [emptyElement])
-      .concat(this.dataSource == undefined ? ArrayUtils.sortAlphabetically(listWithSelectChecked) : this.dataSource.sortItems(this.columnName, listWithSelectChecked))
-      .concat(this.dataSource == undefined ? ArrayUtils.sortAlphabetically(listWithNotSelectChecked) : this.dataSource.sortItems(this.columnName, listWithNotSelectChecked));
-  }
-  changeCheckAllValeuFromFilteredOptions() {
-    var _a, _b, _c, _d;
-    const selectAll = (_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a.every(item => item.check === true);
-    const notSelectAll = (_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.every(item => item.check === false);
-    const selectIndeterminated = ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.some(item => item.check === false)) && ((_d = this.filteredOptions) === null || _d === void 0 ? void 0 : _d.some(item => item.check === true)) && (!selectAll || !notSelectAll);
-    if (this.checkInput && selectAll) {
-      this.checkInput.indeterminate = false;
-      this.checkInput.value = true;
-      return;
-    }
-    if (this.checkInput && selectIndeterminated) {
-      this.checkInput.indeterminate = true;
-      this.checkInput.value = false;
-      return;
-    }
-    if (this.checkInput && notSelectAll) {
-      this.checkInput.indeterminate = false;
-      this.checkInput.value = false;
-      return;
-    }
-  }
-  setInitialScenario() {
-    if (this.useOptions) {
-      this.viewScenario = ViewScenarios.OPTIONS;
-      this.changeCheckAllValeuFromFilteredOptions();
-      return;
-    }
-    this.viewScenario = this.options && this.options.length > 0 ? ViewScenarios.DATASOURCE_RESULTS : ViewScenarios.DATASOURCE_INIT;
-  }
-  async searchWithDataSource(searchArgument, fieldName) {
-    const { argument, mode } = searchArgument;
-    if (mode !== 'PRELOAD' && fieldName) {
-      return this.dataSource.fetchData(argument, fieldName);
-    }
-  }
-  handleSearchOnDataSource(event) {
-    var _a;
-    const optionsToSort = (_a = this.filteredOptions) !== null && _a !== void 0 ? _a : [];
-    if (event.detail && !optionsToSort.some(item => item.value == event.detail.value)) {
-      this.filteredOptions = this.ordenationByCheckStateAndAlphabetically([...optionsToSort, event.detail]);
-    }
-    this.viewScenario = ViewScenarios.DATASOURCE_RESULTS;
-    this.searchInput.value = "";
-  }
-  handleRemoveItemFromOptions(item) {
-    this.filteredOptions = this.ordenationByCheckStateAndAlphabetically(this.filteredOptions.filter(i => i.value !== item.value));
-    if (this.filteredOptions.length === 0) {
-      this.viewScenario = ViewScenarios.DATASOURCE_INIT;
-    }
-    if (this.searchInput) {
-      this.searchInput.value = '';
-    }
-  }
-  handleSearchOnOption(event) {
-    if (event.detail) {
-      this.displayOptions = ArrayUtils.applyStringFilter(event.detail, this.filteredOptions, true);
-      this.viewScenario = this.displayOptions.length === 0 ? ViewScenarios.OPTIONS_EMPTY : ViewScenarios.OPTIONS;
-      return;
-    }
-    this.displayOptions = this.filteredOptions;
-    this.viewScenario = ViewScenarios.OPTIONS;
-  }
-  handleChangeSelectAllItems(event) {
-    this.filteredOptions = this.ordenationByCheckStateAndAlphabetically([
-      ...this.filteredOptions.map(item => {
-        item.check = !!event.detail;
-        return item;
-      }),
-    ]);
-  }
-  handleChangeSelectedItem(event) {
-    const { detail: itemCheckSelected } = event;
-    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
-    itemSelected.check = itemCheckSelected.check;
-  }
-  buildViewList(hasDelete) {
-    return (h(Fragment, null, this.displayOptionToCheckAllItems && (h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), h("ez-list", { class: "multi-selection__list", dataSource: this.displayOptions, listMode: "check", hoverFeedback: true, onEzCheckChange: this.handleChangeSelectedItem.bind(this), itemSlotBuilder: hasDelete ? this.buildDeleteIconSlot.bind(this) : null })));
-  }
-  buildDeleteIconSlot(item) {
-    return h("ez-icon", { style: { cursor: 'pointer' }, iconName: "delete", onClick: () => this.handleRemoveItemFromOptions(item) });
-  }
-  buildInitViewWithDataSource() {
-    return h("multi-selection-box-message", { message: "Selecione os valores a serem filtrados atrav\u00E9s do campo de busca." });
-  }
-  buildViewEmptyResults() {
-    return h("multi-selection-box-message", { message: "Nenhum resultado encontrado." });
-  }
-  scenarioToDisplay(view) {
-    const scenarios = {
-      [ViewScenarios.DATASOURCE_INIT]: () => this.buildInitViewWithDataSource(),
-      [ViewScenarios.DATASOURCE_RESULTS]: () => this.buildViewList(true),
-      [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: () => this.buildViewEmptyResults(),
-      [ViewScenarios.OPTIONS_EMPTY]: () => this.buildViewEmptyResults(),
-      [ViewScenarios.OPTIONS]: () => this.buildViewList(false),
-    };
-    const scenarioBuilder = scenarios[view];
-    return scenarioBuilder ? scenarioBuilder() : undefined;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "multi-selection" }, this.useOptions ? (h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: `Buscar..`, onEzChange: this.handleSearchOnOption.bind(this) })) : (h("ez-search", { class: "multi-selection__input", label: `Buscar...`, ref: (element) => (this.searchInput = element), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, optionLoader: (search) => this.searchWithDataSource(search, this.columnName), onEzChange: this.handleSearchOnDataSource.bind(this), isTextSearch: this.isTextSearch })), h("ez-scroll", { class: "multi-selection__content-options" }, this.scenarioToDisplay(this.viewScenario)))));
-  }
-  static get watchers() { return {
-    "useOptions": ["onChangeUseOptions"],
-    "options": ["onChangeOptions"],
-    "filteredOptions": ["onChangeFilteredOptions"]
-  }; }
-};
-EzMuiltiSelectionList.style = ezMultiSelectionListCss;
-
-export { EzMuiltiSelectionList as ez_multi_selection_list };

package/dist/ezui/p-3a009184.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as o,c as e,g as s}from"./p-23a36bb6.js";import{ElementIDUtils as r,ObjectUtils as a,HTMLBuilder as l,StringUtils as n}from"@sankhyalabs/core";import{C as c}from"./p-4607fb89.js";import{A as h}from"./p-2187f86c.js";import"./p-ab574d59.js";import"./p-b853763b.js";const d=class{constructor(i){t(this,i),this.showLoading=void 0,this.visibleOptions=void 0,this.textEmptyList="Nenhum resultado encontrado",this.showOptionValue=void 0,this.preSelection=void 0,this.maxWidth=void 0,this.width=void 0,this.onOptionSelect=void 0,this.onOptionHover=void 0}async nextOption(){var t;this.visibleOptions&&0!==this.visibleOptions.length&&(void 0!==this.preSelection&&this.preSelection>=this.visibleOptions.length-1||(this.preSelection=void 0===this.preSelection?0:this.preSelection+1,this.scrollToOption(this.visibleOptions[this.preSelection]),null===(t=this.onOptionHover)||void 0===t||t.call(this,this.preSelection)))}async previousOption(){var t;this.visibleOptions&&0!==this.visibleOptions.length&&(void 0!==this.preSelection&&this.preSelection<=0||(this.preSelection=void 0===this.preSelection?this.visibleOptions.length-1:this.preSelection-1,this.scrollToOption(this.visibleOptions[this.preSelection]),null===(t=this.onOptionHover)||void 0===t||t.call(this,this.preSelection)))}async selectCurrentOption(){void 0!==this.preSelection&&(this.onOptionSelect(this.visibleOptions[this.preSelection]),this.preSelection=void 0)}observeWidth(t,i){t!==i&&this._listWrapper&&(this._listWrapper.style.width=`${this.width}px`)}observeMaxWidth(t,i){t!==i&&this._listWrapper&&(this._listWrapper.style.maxWidth=this.maxWidth?`${this.maxWidth}px`:"")}handleKeyDown(t){switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.nextOption();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),this.previousOption();break;case"Enter":this.selectCurrentOption();break;case"Escape":this.preSelection=void 0}}buildItem(t,o){const e=this.showOptionValue&&this.maxWidth>0?`${this.maxWidth}px`:"";return t.label=t.label||t.value,i("li",{tabIndex:1,class:o===this.preSelection?"item preselected":"item",id:`item_${t.value}_${o}`,key:`item_${t.value}_${o}`,onMouseDown:()=>this.onOptionSelect(t),onMouseOver:()=>this.preSelection=o},this.showOptionValue?i("span",{class:"item__value",title:t.value,style:{width:e,minWidth:e,maxWidth:e}},t.value):void 0,i("span",{class:"item__label "+(this.showOptionValue?"item__label--bold":""),title:t.label},t.label))}scrollToOption(t){if(!t||!t.value||!this._optionsList)return;const i=this.visibleOptions.indexOf(t);if(-1===i)return;const o=this._optionsList.querySelector(`li#item_${CSS.escape(t.value)}_${CSS.escape(String(i))}`);o&&o.scrollIntoView({behavior:"smooth",block:"nearest"})}componentDidLoad(){this._listWrapper.style.width=`${this.width}px`,this._listWrapper.style.maxWidth=this.maxWidth?`${this.maxWidth}px`:""}componentDidRender(){var t;null===(t=this._optionsList)||void 0===t||t.querySelectorAll(".item").forEach((t=>{r.addIDInfoIfNotExists(t,"itemComboBox")}))}render(){return i("section",{class:"list-container"},i("div",{class:"list-wrapper",ref:t=>this._listWrapper=t},i("ul",{class:"list-options",ref:t=>this._optionsList=t},!this.showLoading&&0===this.visibleOptions.length&&i("div",{class:"message"},i("span",{class:"message__no-result"},this.textEmptyList)),this.showLoading&&i("div",{class:"message"},i("div",{class:"message__loading"})),this.showOptionValue&&i("span",{class:"item__value item__value--hidden"}),!this.showLoading&&this.visibleOptions.length>0&&this.visibleOptions.map(((t,i)=>this.buildItem(t,i))))))}static get watchers(){return{width:["observeWidth"],maxWidth:["observeMaxWidth"]}}};d.style=":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;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 b=class{constructor(i){t(this,i),this.gui=void 0,this.customEditor=void 0,this.formViewField=void 0,this.value=void 0,this.detailContext=void 0,this.builderFallback=void 0,this.selectedRecord=void 0}async setFocus(){var t,i;null===(i=null===(t=this.gui)||void 0===t?void 0:t.setFocus)||void 0===i||i.call(t)}async setBlur(){var t,i;null===(i=null===(t=this.gui)||void 0===t?void 0:t.setBlur)||void 0===i||i.call(t)}async isInvalid(){var t,i;return(null===(i=null===(t=this.gui)||void 0===t?void 0:t.isInvalid)||void 0===i?void 0:i.call(t))||!1}watchValue(){this.handleValue(this.gui)}watchCustomEditor(){this.getContent()}watchFormViewField(t,i){a.equals(t,i)||this.getContent()}watchDetailContext(){this.getContent()}watchBuilderFallback(){this.getContent()}watchSelectedRecord(t,i){(null==t?void 0:t.__record__id__)!==(null==i?void 0:i.__record__id__)&&this.getContent()}getContent(){var t,o,e,s,r;const a=new Map;for(const t in this.formViewField.props)a.set(t,this.formViewField.props[t]);const h={value:this.value,name:this.formViewField.name,currentEditor:this.builderFallback(this.formViewField),setValue:t=>this.setValue(t),getValue:this.getValue,record:this.selectedRecord,editorMetadata:{label:this.formViewField.label,hidden:!1===(null===(t=this.formViewField.props)||void 0===t?void 0:t.visible),userInterface:this.formViewField.userInterface,options:null===(o=this.formViewField.props)||void 0===o?void 0:o.options,props:this.formViewField.props?a:void 0,optionLoader:this.formViewField.optionLoader},source:c.FORM,detailContext:this.detailContext};let d=this.customEditor.getEditorElement(h);if(!d)return d=this.builderFallback(this.formViewField),this.handleValue(d),void(this.gui=d);if(!(d instanceof HTMLElement)&&"string"!=typeof d)return this.handleValue(d),void(this.gui=d);"string"==typeof d&&(d=l.parseElement(d));const b=null!==(r=null!==(s=null===(e=this.value)||void 0===e?void 0:e.value)&&void 0!==s?s:this.value)&&void 0!==r?r:"";d.setAttribute("value",b),this.gui=i("div",{key:n.generateUUID(),ref:t=>t&&t.appendChild(d)})}setValue(t){this.value=t}getValue(){return this.value}handleValue(t){var i;null===(i=t.t)||void 0===i||i.forEach((t=>{t.i.value=this.value}))}componentWillLoad(){this.getContent()}render(){return i(o,null,this.gui)}static get watchers(){return{value:["watchValue"],customEditor:["watchCustomEditor"],formViewField:["watchFormViewField"],detailContext:["watchDetailContext"],builderFallback:["watchBuilderFallback"],selectedRecord:["watchSelectedRecord"]}}},m=class{constructor(i){t(this,i),this.saveEdition=e(this,"saveEdition",7),this.cancelEdition=e(this,"cancelEdition",7),this._newValue=void 0,this.value=void 0,this.styled=void 0}async applyFocusSelect(){this.calcSizeInput(this.value,!0)}calcSizeInput(t,i=!1){var o,e;const s=null===(e=null===(o=this._inputElement)||void 0===o?void 0:o.shadowRoot)||void 0===e?void 0:e.querySelector("input");if(null!=s){const o=this.getWidthValue(t);s.style.width=o+"px",i&&setTimeout((()=>s.select()),100)}}getWidthValue(t){if(null!=this._valueBasis){const i=this._valueBasis;if(null!=t){const o=2;return i.innerHTML=t,i.clientWidth>0?i.clientWidth+o:o}i.innerHTML=""}return 0}setStyledInput(){var t,i;let o="",e="",s="";null!=this.styled&&(o=this.styled.fontSize,e=this.styled.fontWeight,s=this.styled.fontFamily);const r=null===(i=null===(t=this._inputElement)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("input");null!=r&&(r.style.fontSize=o,r.style.fontWeight=e,r.style.fontFamily=s);const a=this._valueBasis;null!=a&&(a.style.fontSize=o,a.style.fontWeight=e,a.style.fontFamily=s)}handleSaveEdition(){this._newValue?this.saveEdition.emit({value:this.value,newValue:this._newValue}):h.alert("Aviso","Não é possível salvar um campo em branco.").then((()=>{this.setNewValue(this.value,!0)}))}handleCancelEdition(){this.cancelEdition.emit()}setNewValue(t,i=!1){this._newValue=t,this.calcSizeInput(this._newValue,i)}componentDidLoad(){this.applyFocusSelect(),this.setNewValue(this.value)}componentDidRender(){this.setStyledInput()}render(){return r.addIDInfoIfNotExists(this._element,"input"),i(o,null,i("span",{class:"text-edit__hidden-value",ref:t=>this._valueBasis=t}),i("ez-text-input",{"data-element-id":r.getInternalIDInfo("textInput"),onInput:()=>{this.calcSizeInput(this._newValue)},class:"text-edit__form-input",value:this._newValue,ref:t=>this._inputElement=t,mode:"slim",onEzChange:t=>this.setNewValue(null==t?void 0:t.detail),noBorder:!0}),i("ez-button",{class:"text-edit__icon-check",mode:"icon",iconName:"check",size:"small",onClick:()=>{this.handleSaveEdition()}}),i("ez-button",{class:"text-edit__icon-close",mode:"icon",iconName:"close",size:"small",onClick:()=>{this.handleCancelEdition()}}))}get _element(){return s(this)}};m.style=":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}";export{d as ez_combo_box_list,b as ez_custom_form_input,m as ez_text_edit}

package/dist/ezui/p-650e4b6d.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t,g as i}from"./p-23a36bb6.js";import{ElementIDUtils as d}from"@sankhyalabs/core";var s;!function(e){e.EXTRA_LARGE="extra-large",e.LARGE="large",e.MEDIUM="medium",e.SMALL_MEDIUM="small-medium",e.SMALL="small",e.EXTRA_SMALL="extra-small"}(s||(s={}));const n=class{constructor(a){e(this,a),this._sizes={[s.EXTRA_LARGE]:{sufix:"xl"},[s.LARGE]:{sufix:"lg"},[s.MEDIUM]:{sufix:"md"},[s.SMALL_MEDIUM]:{sufix:"sm"},[s.SMALL]:{sufix:"xs"},[s.EXTRA_SMALL]:{sufix:"2xs"}},this.hasSlot=!1,this.size="small",this.label=void 0,this.iconLeft=void 0,this.iconRight=void 0,this.position={horizontal:"right",vertical:"top"}}getIconSize(){switch(this.size){case"large":return"large";case"medium":case"small-medium":return"small";case"small":return"x-small";default:return null}}componentDidLoad(){this._element&&d.addIDInfo(this._element),this._badge&&d.addIDInfo(this._badge,"ezBadge",{id:"embedded"})}handleSlotChange(){this.hasSlot=!0}validateIconLeft(){return this.iconLeft&&""!==this.iconLeft.trim()}validateIconRight(){return this.iconRight&&""!==this.iconRight.trim()}validateLabel(){return this.label&&""!==this.label.trim()}createContainerClassName(){let e=this._sizes[this.size].sufix,a=["badge__content"];return this.hasSlot&&(a.push("badge__content--fill-"+e),"bottom"==this.position.vertical&&"right"==this.position.horizontal&&a.push("badge__content--fill-bottom-right"),"bottom"==this.position.vertical&&"left"==this.position.horizontal&&a.push("badge__content--fill-bottom-left"),"top"==this.position.vertical&&"right"==this.position.horizontal&&a.push("badge__content--fill-top-right"),"top"==this.position.vertical&&"left"==this.position.horizontal&&a.push("badge__content--fill-top-left")),a.push(this.label?"badge__content--text-"+e:this.iconLeft||this.iconRight?"badge__content--icon-"+e:"badge__content--fill-"+e),a.join(" ")}render(){return a(t,null,a("div",{class:"badge"},a("div",null,a("slot",{name:"child-badge",onSlotchange:()=>{this.handleSlotChange()}})),a("div",{class:this.createContainerClassName(),ref:e=>this._badge=e},this.validateIconLeft()&&a("ez-icon",{class:"icon",iconName:this.iconLeft,size:this.getIconSize()}),this.validateLabel()&&a("label",{title:this.label},this.label),this.validateIconRight()&&a("ez-icon",{class:"icon",iconName:this.iconRight,size:this.getIconSize()}))))}get _element(){return i(this)}};n.style=":host{--ez-badge--size-2xs:var(--space--2xs, 8px);--ez-badge--size-xs:var(--space--xs, 12px);--ez-badge--size-sm:var(--space--sm, 16px);--ez-badge--size-md:var(--space--md, 20px);--ez-badge--size-lg:var(--space--lg, 24px);--ez-badge--size-xl:var(--space--xl, 32px);--ez-badge--padding-2xs:0;--ez-badge--padding-xs:var(--space--nano, 2px);--ez-badge--padding-sm:calc(var(--space--nano, 2px) + 1px);--ez-badge--padding-md:var(--space--3xs, 4px);--ez-badge--padding-lg:calc(var(--space--3xs, 4px) + 2px);--ez-badge--padding-xl:var(--space--2xs);--ez-badge--border-radius:calc(var(--border--radius-medium, 12px) + 8px);--ez-badge--font-family:var(--font-pattern, Roboto);--ez-badge--font-weight-medium:var(--text-weight--medium, 400);--ez-badge--background-color:var(--color--primary, #008561);--ez-badge--border-none:0;--ez-badge--color:var(--text--inverted, #ffffff);--ez-badge--gap:calc(var(--ez-badge--padding-xs) + 1px);--ez-badge--font-size-md:var(--text--medium);--ez-badge--font-size-sm:var(--text--medium);--ez-badge--font-size-xs:var(--text--small)}ez-icon{--ez-icon--color:inherit}.badge{display:flex;justify-content:center;align-items:center;position:relative}.badge__content{font-family:var(--ez-badge--font-family, Roboto);font-weight:var(--ez-badge--font-weight-medium, 400);background-color:var(--ez-badge--background-color, #008561);border:var(--ez-badge--border-none, 0);color:var(--ez-badge--color, #ffffff);border-radius:var(--ez-badge--border-radius, 20px);gap:var(--ez-badge--gap, 3px);display:flex;justify-content:center;align-items:center}.badge__content--fill-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px)}.badge__content--fill-2xs{height:var(--ez-badge--size-2xs, 8px);min-width:var(--ez-badge--size-2xs, 8px)}.badge__content--text-md{height:calc(var(--ez-badge--size-md, 20px) - 2px);min-width:var(--ez-badge--size-sm, 20px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-md)}.badge__content--text-sm{height:calc(var(--ez-badge--size-sm, 16px) - 2px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-sm);padding-bottom:var(--ez-badge--padding-sm);padding-right:var(--ez-badge--padding-xl);padding-left:var(--ez-badge--padding-xl);font-size:var(--ez-badge--font-size-sm)}.badge__content--text-xs{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding-top:var(--ez-badge--padding-2xs);padding-bottom:var(--ez-badge--padding-2xs);padding-right:var(--ez-badge--padding-lg);padding-left:var(--ez-badge--padding-lg);font-size:var(--ez-badge--font-size-xs)}.badge__content--icon-lg{height:var(--ez-badge--size-lg, 24px);min-width:var(--ez-badge--size-lg, 24px);padding:var(--ez-badge--padding-md)}.badge__content--icon-md{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-md)}.badge__content--icon-sm{height:var(--ez-badge--size-sm, 16px);min-width:var(--ez-badge--size-sm, 16px);padding:var(--ez-badge--padding-xs)}.badge__content--icon-xs{height:var(--ez-badge--size-xs, 12px);min-width:var(--ez-badge--size-xs, 12px);padding:var(--ez-badge--padding-xs)}.badge__content--fill{position:absolute;top:0;inset-inline-end:0;z-index:var(--most-visible, 2)}.badge__content--fill-top-right{transform:translate(50%, -50%);position:absolute;top:0;right:0}.badge__content--fill-top-left{transform:translate(-50%, -50%);position:absolute;top:0;left:0}.badge__content--fill-bottom-left{transform:translate(-50%, 50%);position:absolute;bottom:0;left:0}.badge__content--fill-bottom-right{transform:translate(50%, 50%);position:absolute;bottom:0;right:0}";export{n as ez_badge}