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

package/dist/cjs/ez-custom-form-input_2.cjs.entry.js

@@ -1,236 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a7b0c73d.js');
-const ICustomRender = require('./ICustomRender-6fafffce.js');
-const core = require('@sankhyalabs/core');
-const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
-require('./DialogType-2114c337.js');
-require('./CheckMode-ecb90b87.js');
-
-const EzCustomFormInput = class {
-  constructor(hostRef) {
-    index.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 (!core.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: ICustomRender.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 = core.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 = index.h("div", { key: core.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 (index.h(index.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) {
-    index.registerInstance(this, hostRef);
-    this.saveEdition = index.createEvent(this, "saveEdition", 7);
-    this.cancelEdition = index.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.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() {
-    core.ElementIDUtils.addIDInfoIfNotExists(this._element, 'input');
-    return (index.h(index.Host, null, index.h("span", { class: "text-edit__hidden-value", ref: elem => this._valueBasis = elem }), index.h("ez-text-input", { "data-element-id": core.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 }), index.h("ez-button", { class: "text-edit__icon-check", mode: "icon", iconName: "check", size: "small", onClick: () => { this.handleSaveEdition(); } }), index.h("ez-button", { class: "text-edit__icon-close", mode: "icon", iconName: "close", size: "small", onClick: () => { this.handleCancelEdition(); } })));
-  }
-  get _element() { return index.getElement(this); }
-};
-EzTextEdit.style = ezTextEditCss;
-
-exports.ez_custom_form_input = EzCustomFormInput;
-exports.ez_text_edit = EzTextEdit;

package/dist/cjs/ez-popover-plus_3.cjs.entry.js

@@ -1,184 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a7b0c73d.js');
-const core = require('@sankhyalabs/core');
-const searchFormatters = require('./searchFormatters-b7e1ed1e.js');
-
-const ezPopoverPlusCss = ":host{display:none}";
-
-const EzPopoverPlus = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ezVisibilityChange = index.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;
-  }
-  async observeOpened(newValue) {
-    if (newValue && !this._popOverCore) {
-      this.renderPopoverCore();
-    }
-    this._popOverCore.opened = newValue;
-  }
-  /**
-   * Atualiza a posição do popover.
-   */
-  async updatePosition(top, left) {
-    await this._popOverCore.updatePosition(top, left);
-  }
-  /**
-   * Exibe o ez-popover.
-   */
-  async show(top, left) {
-    if (!this._popOverCore) {
-      this.renderPopoverCore();
-    }
-    await this._popOverCore.show(top, left);
-  }
-  /**
-   * Ancora a exibição do popOver a um elemento HTML.
-   */
-  async showUnder(element, options) {
-    if (!this._popOverCore) {
-      this.renderPopoverCore();
-    }
-    await this._popOverCore.showUnder(element, options);
-  }
-  /**
-   * Oculta o ez-popover.
-   */
-  async hide() {
-    var _a;
-    await ((_a = this._popOverCore) === null || _a === void 0 ? void 0 : _a.hide());
-  }
-  /**
-   * Altera as opções.
-  */
-  async setOptions(options) {
-    await this._popOverCore.setOptions(options);
-  }
-  /**
-   * Altera o elemento de ancoragem.
-  */
-  async setAnchorElement(anchor) {
-    await this._popOverCore.setAnchorElement(anchor);
-  }
-  renderPopoverCore() {
-    this._popOverCore = document.createElement('ez-popover-core');
-    this._popOverCore.opened = this.opened;
-    this._popOverCore.anchorElement = this.anchorElement;
-    this._popOverCore.autoClose = this.autoClose;
-    this._popOverCore.boxWidth = this.boxWidth;
-    this._popOverCore.overlayType = this.overlayType;
-    this._popOverCore.options = this.options;
-    this._popOverCore.useAnchorSize = this.useAnchorSize;
-    this._popOverCore.addEventListener('ezVisibilityChange', ({ detail }) => {
-      this.ezVisibilityChange.emit(detail);
-      this.opened = detail;
-    });
-    this._popOverCore.appendChild(this._host.children.item(0));
-    document.body.appendChild(this._popOverCore);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-  get _host() { return index.getElement(this); }
-  static get watchers() { return {
-    "opened": ["observeOpened"]
-  }; }
-};
-EzPopoverPlus.style = ezPopoverPlusCss;
-
-const multiSelectionBoxMessageCss = ".multi-selection__message{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-height:320px;text-align:center}.multi-selection__text-message{margin-top:-30px;font-family:var(--font-pattern);font-size:var(--text--meduim);padding:var(--space-xs);color:var(--text--primary)}";
-
-const MultiSelectionBoxMessage = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.message = undefined;
-  }
-  render() {
-    return (index.h("div", { class: "multi-selection__message" }, index.h("span", { class: "multi-selection__text-message" }, this.message)));
-  }
-};
-MultiSelectionBoxMessage.style = multiSelectionBoxMessageCss;
-
-const searchListCss = ":host{--ez-search__list-title--primary:var(--title--primary, #2B3A54);--ez-search__list-text--primary:var(--text--primary, #626e82);--ez-search__list-height:calc(var(--ez-search--font-size) + var(--ez-search--space--medium) + 4px);--ez-search__list-min-width:64px;--ez-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-search__scrollbar--width:var(--space--small, 6px);--ez-search--border-radius-small:var(--border--radius-small, 6px);--ez-search--font-size:var(--text--medium, 14px);--ez-search--font-family:var(--font-pattern, Arial);--ez-search--font-weight--large:var(--text-weight--large, 500);--ez-search--font-weight--medium:var(--text-weight--medium, 400);--ez-search--background-medium:var(--background--medium, #f0f3f7);--ez-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-search__scrollbar--color-clicked) var(--ez-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-search__scrollbar--color-background);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-search__scrollbar--color-default);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-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-search__list-height)}.message__no-result{color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-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-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-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size);line-height:var(--ez-search--line-height)}.item__label{font-weight:var(--ez-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-search__list-text--primary);font-weight:var(--ez-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-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-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 SearchList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.changeValue = index.createEvent(this, "changeValue", 7);
-    this.changePreSelection = index.createEvent(this, "changePreSelection", 7);
-    this._startHighlightTag = "<span class='card-item__highlight'>";
-    this._endHighlightTag = "</span>";
-    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: searchFormatters.replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.value), label: searchFormatters.replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.label) });
-    const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: searchFormatters.replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: searchFormatters.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 = core.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$1) {
-    opt.label = opt.label || opt.value;
-    const card = {
-      key: opt.value,
-      title: opt.label,
-      details: opt.details
-    };
-    return index.h("div", { style: { "height": "100%" }, class: index$1 === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this.changePreSelection.emit(index$1) }, index.h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this.showLoading
-      && this.visibleOptions.length === 0
-      && index.h("div", { class: "message" }, index.h("span", { class: "message__no-result" }, this.textEmptyList)), this.showLoading
-      && index.h("div", { class: "message" }, index.h("div", { class: "message__loading" })), this.canShowListOptions && this.visibleOptions.map((opt, index) => this.buildItem(opt, index)))));
-  }
-};
-SearchList.style = searchListCss;
-
-exports.ez_popover_plus = EzPopoverPlus;
-exports.multi_selection_box_message = MultiSelectionBoxMessage;
-exports.search_list = SearchList;

package/dist/cjs/searchFormatters-b7e1ed1e.js

@@ -1,23 +0,0 @@
-'use strict';
-
-const START_HIGH_LIGHT_TAG = "<span class='card-item__highlight'>";
-const END_HIGH_LIGHT_TAG = "</span>";
-function replaceHighlight(value) {
-  const startHighlight = new RegExp(START_HIGH_LIGHT_TAG, 'g');
-  const endHighlight = new RegExp(END_HIGH_LIGHT_TAG, 'g');
-  const newValue = String(value !== null && value !== void 0 ? value : "").replace(startHighlight, '').replace(endHighlight, '');
-  return replaceQuotes(newValue);
-}
-function replaceQuotes(text) {
-  if (text == undefined) {
-    return;
-  }
-  return String(text)
-    .replace(/&amp;/g, '&')
-    .replace(/&lt;/g, '<')
-    .replace(/&gt;/g, '>')
-    .replace(/&quot;/g, '"');
-}
-
-exports.replaceHighlight = replaceHighlight;
-exports.replaceQuotes = replaceQuotes;

package/dist/collection/components/ez-search/subcomponent/search-list/search-list.css

@@ -1,227 +0,0 @@
-:host {
-  /* list */
-  /*@doc Define a cor do texto da lista de opções.*/
-  --ez-search__list-title--primary: var(--title--primary, #2B3A54);
-  /*@doc Define a cor do texto do value da lista de opções.*/
-  --ez-search__list-text--primary: var(--text--primary, #626e82);
-  /*@doc Define a altura do box da lista de opções.*/
-  --ez-search__list-height: calc(var(--ez-search--font-size) + var(--ez-search--space--medium) + 4px);
-  /*@doc Define a largura mínima da lista de opções.*/
-  --ez-search__list-min-width: 64px;
-
-  /* scrollbar */
-  /*@doc Define a cor da barra de rolagem do componente.*/
-  --ez-search__scrollbar--color-default: var(--scrollbar--default, #626e82);
-  /*@doc Define a cor de fundo da barra de rolagem do componente.*/
-  --ez-search__scrollbar--color-background: var(--scrollbar--background, #E5EAF0);
-  /*@doc Define a cor do hover na barra de rolagem do componente.*/
-  --ez-search__scrollbar--color-hover: var(--scrollbar--hover, #2B3A54);
-  /*@doc Define a cor do active na barra de rolagem do componente.*/
-  --ez-search__scrollbar--color-clicked: var(--scrollbar--clicked, #a2abb9);
-  /*@doc Define o raio da borda da barra de rolagem do componente.*/
-  --ez-search__scrollbar--border-radius: var(--border--radius-small, 6px);
-  /*@doc Define a largura da barra de rolagem do componente.*/
-  --ez-search__scrollbar--width: var(--space--small, 6px);
-
-    /* general */
-  /*@doc Define o raio da borda do input quando pequeno.*/
-  --ez-search--border-radius-small: var(--border--radius-small, 6px);
-  /*@doc Define o tamanho da fonte dentro do input.*/
-  --ez-search--font-size: var(--text--medium, 14px);
-  /*@doc Define a família da fonte dentro do input.*/
-  --ez-search--font-family: var(--font-pattern, Arial);
-  /*@doc Define o peso da fonte dentro do input quando pesada.*/
-  --ez-search--font-weight--large: var(--text-weight--large, 500);
-  /*@doc Define o peso da fonte dentro do input quando média.*/
-  --ez-search--font-weight--medium: var(--text-weight--medium, 400);
-  /*@doc Define a cor de fundo dos itens da lista de opções.*/
-  --ez-search--background-medium: var(--background--medium, #f0f3f7);
-  /*@doc Define a altura da linha do texto dentro do input.*/
-  --ez-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;
-
-  /*public*/
-  scrollbar-color: var(--ez-search__scrollbar--color-clicked) var(--ez-search__scrollbar--color-background);
-
-}
-
-.list-options::-webkit-scrollbar {
-  /*public*/
-  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 {
-  /*public*/
-  background-color: var(--ez-search__scrollbar--color-background);
-  border-radius: var(--ez-search__scrollbar--border-radius);
-}
-
-.list-options::-webkit-scrollbar-thumb {
-  /*public*/
-  background-color: var(--ez-search__scrollbar--color-default);
-  border-radius: var(--ez-search__scrollbar--border-radius);
-}
-
-.list-options::-webkit-scrollbar-thumb:vertical:hover,
-.list-options::-webkit-scrollbar-thumb:horizontal:hover {
-  /*public*/
-  background-color: var(--ez-search__scrollbar--color-hover);
-}
-
-.list-options::-webkit-scrollbar-thumb:vertical:active,
-.list-options::-webkit-scrollbar-thumb:horizontal:active {
-  /*public*/
-  background-color: var(--ez-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;
-
-  /*public*/
-  min-height: var(--ez-search__list-height);
-}
-
-.message__no-result {
-  /*public*/
-  color: var(--ez-search__list-title--primary);
-  font-family: var(--ez-search--font-family);
-  font-size: var(--ez-search--font-size);
-}
-
-.message__loading {
-  border-radius: 50%;
-  width: 14px;
-  height: 14px;
-  -webkit-animation: spin 1s linear infinite;
-  animation: spin 1s linear infinite;
-
-  /*public*/
-  border: 3px solid var(--ez-search__list-title--primary);
-  border-top: 3px solid transparent;
-}
-
-.item__value,
-.item__label {
-  flex-basis: auto;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  /*public*/
-  color: var(--ez-search__list-title--primary);
-  font-family: var(--ez-search--font-family);
-  font-size: var(--ez-search--font-size);
-  line-height: var(--ez-search--line-height);
-}
-
-.item__label {
-  /*public*/
-  font-weight: var(--ez-search--font-weight--medium);
-}
-
-.item__label--bold {
-  /*public*/
-  font-weight: var(--ez-search--font-weight--large);
-}
-
-.item__value {
-  text-align: center;
-
-  /*public*/
-  color: var(--ez-search__list-text--primary);
-  font-weight: var(--ez-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 {
-  /*public*/
-  background-color: var(--ez-search--background-medium);
-}
-
-.item {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  box-sizing: border-box;
-  list-style-type: none;
-  cursor: pointer;
-
-  /*public*/
-  border-radius: var(--ez-search--border-radius-small);
-  gap: var(--space--small, 6px);
-}
-
-.preselected {
-  /*public*/
-  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) {
-
-  /* Estilos para navegadores que NÃO suportam scrollbar-width */
-  .item {
-    /* Estilos alternativos, por exemplo, para navegadores que não suportam scrollbar-width */
-    padding-right: 8px;
-  }
-}