@dropi/ui 0.1.42 → 0.1.43

package/dist/dropi-ui/dropi-select.entry.js.map

@@ -1 +1 @@
-{"file":"dropi-select.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-select/dropi-select.css?tag=dropi-select&encapsulation=shadow","src/components/dropi-select/dropi-select.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  text-align: left;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n/* ── Wrapper ────────────────────────────────────────────────── */\n.custom-select {\n  position: relative;\n  width: 100%;\n}\n\n.custom-select label {\n  display: block;\n  font-size: var(--font-size-xs, 10px);\n  font-weight: var(--font-weight-regular, 400);\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.disabled-label {\n  color: var(--Gray-Gray-400, #858ea6) !important;\n}\n\n.asterisk {\n  color: var(--Error-Error-500, #f46a6b);\n}\n\n/* ── Trigger row ────────────────────────────────────────────── */\n.dropdown-container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.left-label {\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-m, 14px);\n  white-space: nowrap;\n}\n\n/* ── Trigger button ─────────────────────────────────────────── */\n.select-button {\n  box-sizing: border-box;\n  width: 100%;\n  height: 40px;\n  padding: 0 0.75rem;\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  background: var(--Neutral-White, #ffffff);\n  color: var(--Gray-Gray-500, #69738c);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-align: left;\n  cursor: pointer;\n  transition: border-color 0.2s ease;\n  gap: 8px;\n}\n\n.select-button:focus {\n  outline: none;\n  border-color: var(--Info-Info-500, #50a5f1);\n}\n\n.select-button:disabled {\n  border-color: var(--Gray-Gray-200, #c3c9d9);\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  cursor: not-allowed;\n}\n\n.select-completed {\n  border-color: var(--Gray-Gray-400, #858ea6);\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.select-button-error {\n  border-color: var(--Error-Error-500, #f46a6b) !important;\n}\n\n.no-border {\n  border: none !important;\n  color: var(--Gray-Gray-600, #475066);\n  padding: var(--Size-4, 16px);\n  background-color: transparent !important;\n  gap: var(--Size-2, 8px);\n}\n\n.no-border:disabled {\n  background-color: transparent !important;\n}\n\n/* ── Button content ─────────────────────────────────────────── */\n.button-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n}\n\n.elipsis {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* ── Dropdown overlay (fixed position) ──────────────────────── */\n.select-dropdown-overlay {\n  position: fixed;\n  max-height: 250px;\n  overflow-y: auto;\n  list-style: none;\n  padding: var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);\n  margin: 0;\n  border-radius: var(--Border-2, 8px);\n  background: var(--Neutral-White, #ffffff);\n  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: 9999;\n  animation: dropdown-open 120ms ease-out;\n}\n\n.select-dropdown-overlay.within-modal {\n  position: absolute;\n}\n\n@keyframes dropdown-open {\n  from { opacity: 0; transform: scaleY(0.95); transform-origin: top; }\n  to   { opacity: 1; transform: scaleY(1);    transform-origin: top; }\n}\n\n/* ── Options ────────────────────────────────────────────────── */\n.option {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 40px;\n  border-radius: var(--Border-2, 8px);\n  padding: var(--Size-3, 12px) var(--Size-4, 16px);\n  border: none;\n  background: transparent;\n  text-align: left;\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: var(--Size-2, 8px);\n  transition: background 0.15s ease;\n}\n\n.option:hover:not(:disabled) {\n  background: var(--Gray-Gray-50, #f7f8fa);\n}\n\n.option:disabled,\n.disabled-option {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.option.selected-option:not(.option-radio) {\n  background: var(--Primary-Primary-50, #fef8f2);\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Grouped options ─────────────────────────────────────────── */\n.option-group-title {\n  padding: var(--Size-3, 12px) var(--Size-4, 16px);\n  font-size: var(--font-size-s, 12px);\n  font-weight: var(--font-weight-medium, 500);\n  color: var(--Gray-Gray-500, #69738c);\n  list-style: none;\n}\n\n.option-group {\n  padding-left: var(--Size-6, 32px);\n}\n\n/* ── Sticky search ───────────────────────────────────────────── */\n.sticky-search {\n  position: sticky;\n  top: calc(-1 * var(--Size-4, 16px));\n  background: var(--Neutral-White, #ffffff);\n  z-index: 10;\n  margin: calc(-1 * var(--Size-4, 16px)) calc(-1 * var(--Size-4, 16px)) 0;\n  padding: var(--Size-2, 8px) var(--Size-4, 16px);\n  border-bottom: 1px solid var(--Gray-Gray-100, #e6eaf2);\n  list-style: none;\n}\n\n.search-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  padding: 6px 10px;\n  background: var(--Neutral-White, #ffffff);\n}\n\n.search-input {\n  flex: 1;\n  border: none;\n  outline: none;\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-700, #32394d);\n  background: transparent;\n}\n\n.search-input::placeholder {\n  color: var(--Gray-Gray-400, #858ea6);\n}\n\n.search-clear {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n/* ── Multi-select checkbox ───────────────────────────────────── */\n.multi-checkbox {\n  width: 18px;\n  height: 18px;\n  min-width: 18px;\n  border-radius: var(--Border-1, 4px);\n  border: 2px solid var(--Gray-Gray-200, #c3c9d9);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background 0.15s, border-color 0.15s;\n}\n\n.multi-checkbox.checked {\n  background: var(--Primary-Primary-500, #f49a3d);\n  border-color: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Radio options ───────────────────────────────────────────── */\n.option-radio {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.option-radio.selected-option {\n  border-radius: var(--Border-2, 8px);\n  background: var(--Primary-Primary-50, #fef8f2);\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.option-radio.selected-option .option-second-label {\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.radio {\n  width: 20px;\n  height: 20px;\n  min-width: 20px;\n  border-radius: 50%;\n  border: 2px solid var(--Gray-Gray-200, #c3c9d9);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.radio.selected {\n  border-color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.circle {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--Primary-Primary-500, #f49a3d);\n}\n\n.labels-container {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-width: 0;\n}\n\n.option-image {\n  width: 24px;\n  height: 24px;\n  border-radius: 60px;\n  object-fit: cover;\n  flex-shrink: 0;\n}\n\n.small-image {\n  width: 20px;\n  height: 20px;\n}\n\n.option-image-fallback {\n  width: 24px;\n  height: 24px;\n  border-radius: 60px;\n  background: var(--Primary-Primary-500, #f49a3d);\n  color: white;\n  font-size: 13px;\n  font-weight: var(--font-weight-bold);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.small-image.option-image-fallback {\n  width: 20px;\n  height: 20px;\n}\n\n.option-second-label {\n  color: var(--Gray-Gray-700, #32394d);\n  font-weight: var(--font-weight-bold);\n  white-space: nowrap;\n}\n\n/* ── Country flag placeholder ────────────────────────────────── */\n.flag-placeholder {\n  font-size: 11px;\n  font-weight: var(--font-weight-semibold);\n  color: var(--Gray-Gray-500, #69738c);\n  flex-shrink: 0;\n}\n\n/* ── Helper / error text ────────────────────────────────────── */\n.select-helper,\n.select-helper-error {\n  display: flex;\n  gap: var(--Size-1, 4px);\n  align-items: center;\n  margin-top: var(--Size-1, 4px);\n}\n\n.select-helper span {\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-xs, 10px);\n}\n\n.select-helper-error span {\n  color: var(--Error-Error-500, #f46a6b);\n  font-size: var(--font-size-xs, 10px);\n}\n\n/* ── No results ─────────────────────────────────────────────── */\n.no-results {\n  padding: var(--Size-3, 12px) var(--Size-4, 16px);\n  color: var(--Gray-Gray-400, #858ea6);\n  font-size: var(--font-size-s, 12px);\n  list-style: none;\n  text-align: center;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Method,\n  Watch,\n  Listen,\n  Element,\n  AttachInternals,\n  h,\n} from '@stencil/core';\nimport { SelectOption, SelectOptionGroup } from './select.types';\n\n/**\n * @component dropi-select\n * Feature-rich select with support for:\n * - Single / multi select\n * - Grouped options\n * - Search / filter\n * - Country flags\n * - Radio-style options with images\n * - Inline (dropdownType) or bordered trigger\n * - Native form association\n *\n * ## Usage\n * Options must be set via JS property (not HTML attribute) for object arrays:\n * ```js\n * document.querySelector('dropi-select').options = [\n *   { id: 1, label: 'Option A' },\n *   { id: 2, label: 'Option B' },\n * ];\n * ```\n */\n@Component({\n  tag: 'dropi-select',\n  styleUrl: 'dropi-select.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiSelect {\n  @Element() el: HTMLElement;\n  @AttachInternals() internals: ElementInternals;\n\n  private buttonRef!: HTMLButtonElement;\n  private scrollDebounce: any;\n  private hasEmittedScrollEnd = false;\n  private lastScrollTop = 0;\n\n  // ── Props ────────────────────────────────────────────────────\n  @Prop({ mutable: true }) label: string = '';\n  @Prop({ mutable: true }) placeholder: string = 'Select';\n  /** Array of SelectOption or SelectOptionGroup */\n  @Prop({ mutable: true }) options: SelectOption[] | SelectOptionGroup[] = [];\n  @Prop() name: string = '';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ mutable: true }) hasError: boolean = false;\n  @Prop({ mutable: true }) errorText: string = '';\n  @Prop({ mutable: true }) textHelper: string = '';\n  @Prop({ mutable: true }) showObligatory: boolean = false;\n  /** Enables text search inside the dropdown */\n  @Prop({ mutable: true }) searchEnabled: boolean = false;\n  /** Allows selecting multiple options */\n  @Prop({ mutable: true }) multiSelect: boolean = false;\n  /** Renders trigger without border (inline/dropdown style) */\n  @Prop({ mutable: true }) dropdownType: boolean = false;\n  /** Show country flags next to option labels */\n  @Prop() showCountryFlags: boolean = false;\n  /** Renders options as radio buttons with optional image */\n  @Prop({ mutable: true }) radioOptions: boolean = false;\n  /** Placeholder inside the search field */\n  @Prop() placeHolderSearch: string = 'Buscar';\n  /** Icon name shown before the trigger label */\n  @Prop({ mutable: true }) preIcon: string = '';\n  /** Pre-select an option by id */\n  @Prop({ mutable: true }) defaultSelectedId: string | number;\n  /** Controlled selected option (single select) - matches Angular 'selectedOption' */\n  @Prop({ mutable: true }) selectedOption: SelectOption | null = null;\n  /** Custom CSS class for the dropdown overlay */\n  @Prop() overlayClass: string = '';\n  /** If true, uses absolute positioning instead of fixed (better for modals with transforms) */\n  @Prop() withinModal: boolean = false;\n  /**\n   * Convenience object prop — matches Angular `selectProperties: SelectProperties`.\n   * Fields: label, placeholder, options, showObligatory, textHelper,\n   * searchEnabled, multiSelect, dropdownType, hasError, errorText,\n   * radioOptions, preIcon.\n   * When provided, its non-null fields override individual props.\n   */\n  @Prop() selectProperties: any = null;\n\n  // ── State ────────────────────────────────────────────────────\n  @State() private isOpen: boolean = false;\n  @State() private _selectedOption: SelectOption | null = null;\n  @State() private multiSelected: SelectOption[] = [];\n  @State() private filteredOptions: SelectOption[] | SelectOptionGroup[] = [];\n  @State() private searchTerm: string = '';\n  @State() private dropdownStyle: { top: string; left: string; width: string } = {\n    top: '0px', left: '0px', width: '0px',\n  };\n\n  // ── Events ───────────────────────────────────────────────────\n  /** Emitted when an option is selected — matches Angular 'onChangeSelect' */\n  @Event() dropiChangeSelect: EventEmitter<SelectOption | SelectOption[]>;\n  /** Emitted when the selection is cleared — matches Angular 'onClear' */\n  @Event() dropiClear: EventEmitter<void>;\n  /** Emitted on search input — matches Angular 'onSearch' */\n  @Event() dropiSearch: EventEmitter<string>;\n  /** Emitted when the list is scrolled to the end — matches Angular 'scrolledToEnd' */\n  @Event() dropiScrollEnd: EventEmitter<void>;\n  /** Emitted on Enter key inside search — matches Angular 'onKeyEnter' */\n  @Event() dropiKeyEnter: EventEmitter<KeyboardEvent>;\n\n  // ── Lifecycle ────────────────────────────────────────────────\n  componentWillLoad() {\n    if (this.selectProperties) this.selectPropertiesChanged(this.selectProperties);\n    this.normalizeOptions();\n    this.filteredOptions = [...(this.options as any[])];\n    this.applyDefaultSelection();\n  }\n\n  @Watch('selectProperties')\n  selectPropertiesChanged(val: any) {\n    if (!val) return;\n    if (val.label !== undefined) this.label = val.label;\n    if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n    if (val.options !== undefined) this.options = val.options;\n    if (val.showObligatory !== undefined) this.showObligatory = val.showObligatory;\n    if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n    if (val.searchEnabled !== undefined) this.searchEnabled = val.searchEnabled;\n    if (val.multiSelect !== undefined) this.multiSelect = val.multiSelect;\n    if (val.dropdownType !== undefined) this.dropdownType = val.dropdownType;\n    if (val.hasError !== undefined) this.hasError = val.hasError;\n    if (val.errorText !== undefined) this.errorText = val.errorText;\n    if (val.radioOptions !== undefined) this.radioOptions = val.radioOptions;\n    if (val.preIcon !== undefined) this.preIcon = val.preIcon;\n  }\n\n  @Watch('options')\n  optionsChanged() {\n    this.normalizeOptions();\n    this.filteredOptions = [...(this.options as any[])];\n    this.applyDefaultSelection();\n  }\n\n  private normalizeOptions() {\n    if (!this.options) { this.options = []; return; }\n    if (typeof this.options === 'string') {\n      try { this.options = JSON.parse(this.options as any); } catch (_) { this.options = []; }\n    }\n  }\n\n  @Watch('defaultSelectedId')\n  defaultChanged(newId: string | number) {\n    this.applyDefaultSelection(newId);\n  }\n\n  @Watch('selectedOption')\n  valueChanged(v: SelectOption | null) {\n    this._selectedOption = v;\n    this.internals.setFormValue(v ? String(v.id) : '');\n  }\n\n  // ── Public Methods ───────────────────────────────────────────\n  /** Select an option by its id */\n  @Method()\n  async setById(id: string | number) {\n    const opt = (this.options as SelectOption[]).find(\n      o => o.id === id || String(o.id) === String(id),\n    );\n    if (opt) this.selectOption(opt);\n  }\n\n  /** Select an option by its label */\n  @Method()\n  async setByLabel(label: string) {\n    const opt = (this.options as SelectOption[]).find(o => o.label === label);\n    if (opt) this.selectOption(opt);\n  }\n\n  /** Clear the current selection */\n  @Method()\n  async clearSelection() {\n    this._selectedOption = null;\n    this.multiSelected = [];\n    this.internals.setFormValue('');\n    this.dropiClear.emit();\n  }\n\n  /** Reset multi-select state and show a placeholder label */\n  @Method()\n  async resetMultiSelect(_placeholder?: string) {\n    this.multiSelected = [];\n    this.internals.setFormValue('');\n  }\n\n  // ── Scroll & Resize listeners ──────────────────────────────\n  @Listen('scroll', { target: 'window', capture: true, passive: true })\n  handleWindowScroll(e: Event) {\n    if (!this.isOpen || this.withinModal) return;\n    // When scroll originates inside shadow DOM, e.target is retargeted to the host element\n    if (e.target === this.el) return;\n    this.closeDropdown();\n  }\n\n  @Listen('resize', { target: 'window', passive: true })\n  handleWindowResize() {\n    if (this.isOpen && !this.withinModal) {\n      this.closeDropdown();\n    }\n  }\n\n  // ── Click outside ────────────────────────────────────────────\n  @Listen('click', { target: 'document' })\n  handleOutsideClick(e: MouseEvent) {\n    if (this.isOpen && !e.composedPath().includes(this.el)) {\n      this.closeDropdown();\n    }\n  }\n\n  // ── Helpers ──────────────────────────────────────────────────\n  private applyDefaultSelection(id?: string | number) {\n    const targetId = id ?? this.defaultSelectedId;\n    if (targetId === '' || targetId === undefined || targetId === null) return;\n    const flat = this.flatOptions();\n    const found = flat.find(o => o.id === targetId || String(o.id) === String(targetId));\n    if (found) {\n      this._selectedOption = found;\n      this.internals.setFormValue(String(found.id));\n    }\n  }\n\n  private flatOptions(): SelectOption[] {\n    if (!this.options?.length) return [];\n    if ('category' in this.options[0]) {\n      return (this.options as SelectOptionGroup[]).flatMap(g => g.options);\n    }\n    return this.options as SelectOption[];\n  }\n\n  private get isGrouped(): boolean {\n    return this.options?.length > 0 && 'category' in this.options[0];\n  }\n\n  private get triggerLabel(): string {\n    if (this.multiSelect) {\n      return this.multiSelected.length\n        ? this.multiSelected.map(o => o.label).join(', ')\n        : this.placeholder;\n    }\n    if (this._selectedOption) {\n      return this.showCountryFlags && this._selectedOption.shortLabel\n        ? this._selectedOption.shortLabel\n        : this._selectedOption.label;\n    }\n    return this.placeholder;\n  }\n\n  // ── Dropdown positioning ─────────────────────────────────────\n  private updateDropdownPosition() {\n    if (!this.buttonRef) return;\n    const rect = this.buttonRef.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const dropdownHeight = 250;\n    const spaceBelow = viewportHeight - rect.bottom;\n    const top = spaceBelow >= dropdownHeight\n      ? rect.bottom + 4\n      : rect.top - dropdownHeight - 4;\n\n    this.dropdownStyle = {\n      top: `${top}px`,\n      left: `${rect.left}px`,\n      width: `${rect.width}px`,\n    };\n  }\n\n  private openDropdown() {\n    if (this.withinModal) {\n      this.dropdownStyle = {\n        top: `${this.el.offsetHeight}px`,\n        left: '0px',\n        width: '100%',\n      };\n    } else {\n      this.updateDropdownPosition();\n    }\n    this.isOpen = true;\n\n    if (this.searchEnabled) {\n      setTimeout(() => {\n        const searchInput = this.el.shadowRoot?.querySelector('.search-input') as HTMLInputElement;\n        searchInput?.focus();\n      }, 50);\n    }\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.searchTerm = '';\n    this.filteredOptions = [...(this.options as any[])];\n  }\n\n  private toggleDropdown() {\n    this.isOpen ? this.closeDropdown() : this.openDropdown();\n  }\n\n  // ── Option selection ─────────────────────────────────────────\n  private selectOption(option: SelectOption) {\n    if (option.disabled) return;\n\n    if (this.multiSelect) {\n      const idx = this.multiSelected.findIndex(o => o.id === option.id);\n      if (idx >= 0) {\n        this.multiSelected = this.multiSelected.filter(o => o.id !== option.id);\n      } else {\n        this.multiSelected = [...this.multiSelected, option];\n      }\n      this.internals.setFormValue(this.multiSelected.map(o => o.id).join(','));\n      this.dropiChangeSelect.emit([...this.multiSelected]);\n    } else {\n      this._selectedOption = option;\n      this.internals.setFormValue(String(option.id));\n      this.dropiChangeSelect.emit(option);\n      this.closeDropdown();\n    }\n  }\n\n  private isOptionChecked(option: SelectOption): boolean {\n    return this.multiSelected.some(o => o.id === option.id);\n  }\n\n  // ── Search ───────────────────────────────────────────────────\n  private handleSearch(term: string) {\n    this.searchTerm = term;\n    this.dropiSearch.emit(term);\n    const lower = term.toLowerCase().trim();\n\n    if (!lower) {\n      this.filteredOptions = [...(this.options as any[])];\n      return;\n    }\n\n    if (this.isGrouped) {\n      this.filteredOptions = (this.options as SelectOptionGroup[])\n        .map(g => ({ ...g, options: g.options.filter(o => o.label.toLowerCase().includes(lower)) }))\n        .filter(g => g.options.length > 0);\n    } else {\n      this.filteredOptions = (this.options as SelectOption[]).filter(\n        o => o.label.toLowerCase().includes(lower),\n      );\n    }\n  }\n\n  // ── Scroll to end ─────────────────────────────────────────────\n  private handleScroll(e: Event) {\n    const el = e.target as HTMLElement;\n    clearTimeout(this.scrollDebounce);\n    this.scrollDebounce = setTimeout(() => {\n      if (!el) return;\n      const distFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;\n      const threshold = Math.min(50, el.clientHeight / 2);\n\n      if (el.scrollTop < this.lastScrollTop) this.hasEmittedScrollEnd = false;\n      this.lastScrollTop = el.scrollTop;\n\n      if (distFromBottom <= threshold && !this.hasEmittedScrollEnd) {\n        this.dropiScrollEnd.emit();\n        this.hasEmittedScrollEnd = true;\n        setTimeout(() => { this.hasEmittedScrollEnd = false; }, 1000);\n      }\n    }, 100);\n  }\n\n  // ── Render helpers ───────────────────────────────────────────\n  private renderTrigger() {\n    const isCompleted = this.multiSelect ? this.multiSelected.length > 0 : !!this._selectedOption;\n    const iconColor = this.disabled ? 'Gray-Gray-300' : this.dropdownType ? 'Gray-Gray-600' : 'Gray-Gray-400';\n    const iconSize = this.dropdownType ? '24px' : '20px';\n\n    return (\n      <button\n        type=\"button\"\n        class={{\n          'select-button': true,\n          'select-completed': isCompleted,\n          'select-button-error': this.hasError,\n          'no-border': this.dropdownType,\n        }}\n        disabled={this.disabled}\n        ref={el => (this.buttonRef = el as HTMLButtonElement)}\n        onClick={() => this.toggleDropdown()}\n      >\n        <div class={{\n          'button-content': true,\n          'option-radio': this.radioOptions && !!this._selectedOption && !this.multiSelect,\n        }}>\n          {this.preIcon && (\n            <dropi-icon name={this.preIcon} iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />\n          )}\n\n          {/* Radio option selected preview */}\n          {this.radioOptions && this._selectedOption && !this.multiSelect && [\n            this._selectedOption.imageUrl && !this._selectedOption.isFallback\n              ? <img class=\"option-image small-image\" src={this._selectedOption.imageUrl} alt=\"\" onError={() => { if (this._selectedOption) this._selectedOption = { ...this._selectedOption, isFallback: true }; }} />\n              : this._selectedOption.isFallback\n              ? <span class=\"option-image-fallback small-image\">{this._selectedOption.label.charAt(0).toUpperCase()}</span>\n              : null,\n            <div class=\"labels-container elipsis\">\n              <span>{this._selectedOption.label}</span>\n              {this._selectedOption.secondLabel && <span class=\"option-second-label\">{this._selectedOption.secondLabel}</span>}\n            </div>,\n          ]}\n\n          {/* Standard label */}\n          {!(this.radioOptions && this._selectedOption && !this.multiSelect) && (\n            <div class=\"elipsis\">{this.triggerLabel}</div>\n          )}\n        </div>\n\n        <dropi-icon\n          name={this.isOpen ? 'Dropdown-up' : 'Dropdown-down'}\n          iconWidth={iconSize}\n          iconHeight={iconSize}\n          color={iconColor}\n        />\n      </button>\n    );\n  }\n\n  private renderOption(option: SelectOption) {\n    const isSelected = this.multiSelect\n      ? this.isOptionChecked(option)\n      : this._selectedOption?.id === option.id;\n\n    return (\n      <li key={option.id}>\n        <button\n          type=\"button\"\n          class={{\n            option: true,\n            'option-radio': this.radioOptions,\n            'option-with-flag': this.showCountryFlags && !!option.countryCode,\n            'disabled-option': !!option.disabled,\n            'selected-option': isSelected,\n          }}\n          disabled={option.disabled}\n          onClick={() => this.selectOption(option)}\n        >\n          {this.multiSelect && (\n            <span class={{ 'multi-checkbox': true, checked: isSelected }}>\n              {isSelected && (\n                <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20.6 5.7L9.1 17.2c-.2.2-.5.3-.8.3s-.6-.1-.8-.3L3 12.8c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.9 3.9L19.2 4.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4z\" fill=\"white\"/>\n                </svg>\n              )}\n            </span>\n          )}\n\n          {this.radioOptions && (\n            <div class={{ radio: true, selected: isSelected }}>\n              {isSelected && <div class=\"circle\" />}\n            </div>\n          )}\n\n          {!this.radioOptions && option.preIcon && (\n            <dropi-icon name={option.preIcon} iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />\n          )}\n\n          {this.radioOptions && option.imageUrl && !option.isFallback && (\n            <img class=\"option-image\" src={option.imageUrl} alt=\"\" onError={() => { option.isFallback = true; this.options = [...this.options as any[]]; }} />\n          )}\n          {this.radioOptions && option.isFallback && (\n            <span class=\"option-image-fallback\">{option.label.charAt(0).toUpperCase()}</span>\n          )}\n\n          {this.showCountryFlags && option.countryCode && (\n            <span class=\"flag-placeholder\">{option.countryCode}</span>\n          )}\n\n          {this.radioOptions\n            ? (\n              <div class=\"labels-container\">\n                <span class=\"elipsis\">{option.label}</span>\n                {option.secondLabel && <span class=\"option-second-label\">{option.secondLabel}</span>}\n              </div>\n            )\n            : (\n              <span class=\"elipsis\">\n                {this.showCountryFlags && option.shortLabel ? option.shortLabel : option.label}\n              </span>\n            )\n          }\n        </button>\n      </li>\n    );\n  }\n\n  private renderDropdown() {\n    if (!this.isOpen) return null;\n\n    return (\n      <ul\n        class={`select-dropdown-overlay ${this.overlayClass} ${this.withinModal ? 'within-modal' : ''}`}\n        style={this.dropdownStyle}\n        onScroll={(e) => this.handleScroll(e)}\n      >\n        {/* Search */}\n        {this.searchEnabled && (\n          <li class=\"sticky-search\">\n            <div class=\"search-wrapper\">\n              <dropi-icon name=\"Search\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-400\" />\n              <input\n                class=\"search-input\"\n                type=\"text\"\n                placeholder={this.placeHolderSearch}\n                value={this.searchTerm}\n                onInput={(e) => this.handleSearch((e.target as HTMLInputElement).value)}\n                onKeyDown={(e) => { if (e.key === 'Enter') this.dropiKeyEnter.emit(e as KeyboardEvent); }}\n              />\n              {this.searchTerm && (\n                <button type=\"button\" class=\"search-clear\" onClick={() => this.handleSearch('')}>\n                  <dropi-icon name=\"Close\" iconWidth=\"14px\" iconHeight=\"14px\" color=\"Gray-Gray-400\" />\n                </button>\n              )}\n            </div>\n          </li>\n        )}\n\n        {/* Grouped options */}\n        {this.isGrouped && (this.filteredOptions as SelectOptionGroup[]).map(group => [\n          <li class=\"option-group-title\">{group.category}</li>,\n          ...group.options.map(opt => (\n            <li key={opt.id}>\n              <button\n                type=\"button\"\n                class={{ option: true, 'option-group': true, 'disabled-option': !!opt.disabled }}\n                disabled={opt.disabled}\n                onClick={() => this.selectOption(opt)}\n              >\n                {opt.preIcon && <dropi-icon name={opt.preIcon} iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />}\n                <span class=\"elipsis\">{opt.label}</span>\n              </button>\n            </li>\n          )),\n        ])}\n\n        {/* Flat options (single or multi) */}\n        {!this.isGrouped && (this.filteredOptions as SelectOption[]).map(opt => this.renderOption(opt))}\n\n        {/* Empty state */}\n        {(this.filteredOptions as any[]).length === 0 && (\n          <li class=\"no-results\">Sin resultados</li>\n        )}\n      </ul>\n    );\n  }\n\n  render() {\n    return (\n      <div class=\"custom-select\">\n        {/* Top label */}\n        {!this.dropdownType && this.label && (\n          <label class={{ 'disabled-label': this.disabled }}>\n            {this.label}\n            {this.showObligatory && !this.disabled && <span class=\"asterisk\"> *</span>}\n          </label>\n        )}\n\n        {/* Trigger row */}\n        <div class=\"dropdown-container\">\n          {this.dropdownType && this.label && (\n            <div class=\"left-label\">{this.label}</div>\n          )}\n          {this.renderTrigger()}\n        </div>\n\n        {/* Helper text */}\n        {this.textHelper && !this.hasError && (\n          <div class=\"select-helper\">\n            <span>{this.textHelper}</span>\n          </div>\n        )}\n\n        {/* Error text */}\n        {this.hasError && this.errorText && (\n          <div class=\"select-helper-error\">\n            <dropi-icon name=\"Warning-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Error-Error-500\" />\n            <span>{this.errorText}</span>\n          </div>\n        )}\n\n        {/* Dropdown portal — fixed position */}\n        {this.renderDropdown()}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-select.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-select/dropi-select.css?tag=dropi-select&encapsulation=shadow","src/components/dropi-select/dropi-select.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  text-align: left;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n/* ── Wrapper ────────────────────────────────────────────────── */\n.custom-select {\n  position: relative;\n  width: 100%;\n}\n\n.custom-select label {\n  display: block;\n  font-size: var(--font-size-xs, 10px);\n  font-weight: var(--font-weight-regular, 400);\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.disabled-label {\n  color: var(--Gray-Gray-400, #858ea6) !important;\n}\n\n.asterisk {\n  color: var(--Error-Error-500, #f46a6b);\n}\n\n/* ── Trigger row ────────────────────────────────────────────── */\n.dropdown-container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.left-label {\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-m, 14px);\n  white-space: nowrap;\n}\n\n/* ── Trigger button ─────────────────────────────────────────── */\n.select-button {\n  box-sizing: border-box;\n  width: 100%;\n  height: 40px;\n  padding: 0 0.75rem;\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  background: var(--Neutral-White, #ffffff);\n  color: var(--Gray-Gray-500, #69738c);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-align: left;\n  cursor: pointer;\n  transition: border-color 0.2s ease;\n  gap: 8px;\n}\n\n.select-button:focus {\n  outline: none;\n  border-color: var(--Info-Info-500, #50a5f1);\n}\n\n.select-button:disabled {\n  border-color: var(--Gray-Gray-200, #c3c9d9);\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  cursor: not-allowed;\n}\n\n.select-completed {\n  border-color: var(--Gray-Gray-400, #858ea6);\n  color: var(--Gray-Gray-600, #475066);\n}\n\n.select-button-error {\n  border-color: var(--Error-Error-500, #f46a6b) !important;\n}\n\n.no-border {\n  border: none !important;\n  color: var(--Gray-Gray-600, #475066);\n  padding: var(--Size-4, 16px);\n  background-color: transparent !important;\n  gap: var(--Size-2, 8px);\n}\n\n.no-border:disabled {\n  background-color: transparent !important;\n}\n\n/* ── Button content ─────────────────────────────────────────── */\n.button-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n}\n\n.elipsis {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* ── Dropdown overlay (fixed position) ──────────────────────── */\n.select-dropdown-overlay {\n  position: fixed;\n  max-height: 250px;\n  overflow-y: auto;\n  list-style: none;\n  padding: var(--Size-4, 16px) var(--Size-4, 16px) var(--Size-3, 12px);\n  margin: 0;\n  border-radius: var(--Border-2, 8px);\n  background: var(--Neutral-White, #ffffff);\n  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);\n  z-index: var(--dropi-z-index-overlay, 11000);\n  animation: dropdown-open 120ms ease-out;\n}\n\n.select-dropdown-overlay.within-modal {\n  position: absolute;\n}\n\n@keyframes dropdown-open {\n  from { opacity: 0; transform: scaleY(0.95); transform-origin: top; }\n  to   { opacity: 1; transform: scaleY(1);    transform-origin: top; }\n}\n\n/* ── Options ────────────────────────────────────────────────── */\n.option {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 40px;\n  border-radius: var(--Border-2, 8px);\n  padding: var(--Size-3, 12px) var(--Size-4, 16px);\n  border: none;\n  background: transparent;\n  text-align: left;\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: var(--Size-2, 8px);\n  transition: background 0.15s ease;\n}\n\n.option:hover:not(:disabled) {\n  background: var(--Gray-Gray-50, #f7f8fa);\n}\n\n.option:disabled,\n.disabled-option {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.option.selected-option:not(.option-radio) {\n  background: var(--Primary-Primary-50, #fef8f2);\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Grouped options ─────────────────────────────────────────── */\n.option-group-title {\n  padding: var(--Size-3, 12px) var(--Size-4, 16px);\n  font-size: var(--font-size-s, 12px);\n  font-weight: var(--font-weight-medium, 500);\n  color: var(--Gray-Gray-500, #69738c);\n  list-style: none;\n}\n\n.option-group {\n  padding-left: var(--Size-6, 32px);\n}\n\n/* ── Sticky search ───────────────────────────────────────────── */\n.sticky-search {\n  position: sticky;\n  top: calc(-1 * var(--Size-4, 16px));\n  background: var(--Neutral-White, #ffffff);\n  z-index: 10;\n  margin: calc(-1 * var(--Size-4, 16px)) calc(-1 * var(--Size-4, 16px)) 0;\n  padding: var(--Size-2, 8px) var(--Size-4, 16px);\n  border-bottom: 1px solid var(--Gray-Gray-100, #e6eaf2);\n  list-style: none;\n}\n\n.search-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  padding: 6px 10px;\n  background: var(--Neutral-White, #ffffff);\n}\n\n.search-input {\n  flex: 1;\n  border: none;\n  outline: none;\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-700, #32394d);\n  background: transparent;\n}\n\n.search-input::placeholder {\n  color: var(--Gray-Gray-400, #858ea6);\n}\n\n.search-clear {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n/* ── Multi-select checkbox ───────────────────────────────────── */\n.multi-checkbox {\n  width: 18px;\n  height: 18px;\n  min-width: 18px;\n  border-radius: var(--Border-1, 4px);\n  border: 2px solid var(--Gray-Gray-200, #c3c9d9);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background 0.15s, border-color 0.15s;\n}\n\n.multi-checkbox.checked {\n  background: var(--Primary-Primary-500, #f49a3d);\n  border-color: var(--Primary-Primary-500, #f49a3d);\n}\n\n/* ── Radio options ───────────────────────────────────────────── */\n.option-radio {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.option-radio.selected-option {\n  border-radius: var(--Border-2, 8px);\n  background: var(--Primary-Primary-50, #fef8f2);\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.option-radio.selected-option .option-second-label {\n  color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.radio {\n  width: 20px;\n  height: 20px;\n  min-width: 20px;\n  border-radius: 50%;\n  border: 2px solid var(--Gray-Gray-200, #c3c9d9);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.radio.selected {\n  border-color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.circle {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--Primary-Primary-500, #f49a3d);\n}\n\n.labels-container {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-width: 0;\n}\n\n.option-image {\n  width: 24px;\n  height: 24px;\n  border-radius: 60px;\n  object-fit: cover;\n  flex-shrink: 0;\n}\n\n.small-image {\n  width: 20px;\n  height: 20px;\n}\n\n.option-image-fallback {\n  width: 24px;\n  height: 24px;\n  border-radius: 60px;\n  background: var(--Primary-Primary-500, #f49a3d);\n  color: white;\n  font-size: 13px;\n  font-weight: var(--font-weight-bold);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.small-image.option-image-fallback {\n  width: 20px;\n  height: 20px;\n}\n\n.option-second-label {\n  color: var(--Gray-Gray-700, #32394d);\n  font-weight: var(--font-weight-bold);\n  white-space: nowrap;\n}\n\n/* ── Country flag placeholder ────────────────────────────────── */\n.flag-placeholder {\n  font-size: 11px;\n  font-weight: var(--font-weight-semibold);\n  color: var(--Gray-Gray-500, #69738c);\n  flex-shrink: 0;\n}\n\n/* ── Helper / error text ────────────────────────────────────── */\n.select-helper,\n.select-helper-error {\n  display: flex;\n  gap: var(--Size-1, 4px);\n  align-items: center;\n  margin-top: var(--Size-1, 4px);\n}\n\n.select-helper span {\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-xs, 10px);\n}\n\n.select-helper-error span {\n  color: var(--Error-Error-500, #f46a6b);\n  font-size: var(--font-size-xs, 10px);\n}\n\n/* ── No results ─────────────────────────────────────────────── */\n.no-results {\n  padding: var(--Size-3, 12px) var(--Size-4, 16px);\n  color: var(--Gray-Gray-400, #858ea6);\n  font-size: var(--font-size-s, 12px);\n  list-style: none;\n  text-align: center;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Method,\n  Watch,\n  Listen,\n  Element,\n  AttachInternals,\n  h,\n} from '@stencil/core';\nimport { SelectOption, SelectOptionGroup } from './select.types';\n\n/**\n * @component dropi-select\n * Feature-rich select with support for:\n * - Single / multi select\n * - Grouped options\n * - Search / filter\n * - Country flags\n * - Radio-style options with images\n * - Inline (dropdownType) or bordered trigger\n * - Native form association\n *\n * ## Usage\n * Options must be set via JS property (not HTML attribute) for object arrays:\n * ```js\n * document.querySelector('dropi-select').options = [\n *   { id: 1, label: 'Option A' },\n *   { id: 2, label: 'Option B' },\n * ];\n * ```\n */\n@Component({\n  tag: 'dropi-select',\n  styleUrl: 'dropi-select.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiSelect {\n  @Element() el: HTMLElement;\n  @AttachInternals() internals: ElementInternals;\n\n  private buttonRef!: HTMLButtonElement;\n  private scrollDebounce: any;\n  private hasEmittedScrollEnd = false;\n  private lastScrollTop = 0;\n\n  // ── Props ────────────────────────────────────────────────────\n  @Prop({ mutable: true }) label: string = '';\n  @Prop({ mutable: true }) placeholder: string = 'Select';\n  /** Array of SelectOption or SelectOptionGroup */\n  @Prop({ mutable: true }) options: SelectOption[] | SelectOptionGroup[] = [];\n  @Prop() name: string = '';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ mutable: true }) hasError: boolean = false;\n  @Prop({ mutable: true }) errorText: string = '';\n  @Prop({ mutable: true }) textHelper: string = '';\n  @Prop({ mutable: true }) showObligatory: boolean = false;\n  /** Enables text search inside the dropdown */\n  @Prop({ mutable: true }) searchEnabled: boolean = false;\n  /** Allows selecting multiple options */\n  @Prop({ mutable: true }) multiSelect: boolean = false;\n  /** Renders trigger without border (inline/dropdown style) */\n  @Prop({ mutable: true }) dropdownType: boolean = false;\n  /** Show country flags next to option labels */\n  @Prop() showCountryFlags: boolean = false;\n  /** Renders options as radio buttons with optional image */\n  @Prop({ mutable: true }) radioOptions: boolean = false;\n  /** Placeholder inside the search field */\n  @Prop() placeHolderSearch: string = 'Buscar';\n  /** Icon name shown before the trigger label */\n  @Prop({ mutable: true }) preIcon: string = '';\n  /** Pre-select an option by id */\n  @Prop({ mutable: true }) defaultSelectedId: string | number;\n  /** Controlled selected option (single select) - matches Angular 'selectedOption' */\n  @Prop({ mutable: true }) selectedOption: SelectOption | null = null;\n  /** Custom CSS class for the dropdown overlay */\n  @Prop() overlayClass: string = '';\n  /** If true, uses absolute positioning instead of fixed (better for modals with transforms) */\n  @Prop() withinModal: boolean = false;\n  /**\n   * Convenience object prop — matches Angular `selectProperties: SelectProperties`.\n   * Fields: label, placeholder, options, showObligatory, textHelper,\n   * searchEnabled, multiSelect, dropdownType, hasError, errorText,\n   * radioOptions, preIcon.\n   * When provided, its non-null fields override individual props.\n   */\n  @Prop() selectProperties: any = null;\n\n  // ── State ────────────────────────────────────────────────────\n  @State() private isOpen: boolean = false;\n  @State() private _selectedOption: SelectOption | null = null;\n  @State() private multiSelected: SelectOption[] = [];\n  @State() private filteredOptions: SelectOption[] | SelectOptionGroup[] = [];\n  @State() private searchTerm: string = '';\n  @State() private dropdownStyle: { top: string; left: string; width: string } = {\n    top: '0px', left: '0px', width: '0px',\n  };\n\n  // ── Events ───────────────────────────────────────────────────\n  /** Emitted when an option is selected — matches Angular 'onChangeSelect' */\n  @Event() dropiChangeSelect: EventEmitter<SelectOption | SelectOption[]>;\n  /** Emitted when the selection is cleared — matches Angular 'onClear' */\n  @Event() dropiClear: EventEmitter<void>;\n  /** Emitted on search input — matches Angular 'onSearch' */\n  @Event() dropiSearch: EventEmitter<string>;\n  /** Emitted when the list is scrolled to the end — matches Angular 'scrolledToEnd' */\n  @Event() dropiScrollEnd: EventEmitter<void>;\n  /** Emitted on Enter key inside search — matches Angular 'onKeyEnter' */\n  @Event() dropiKeyEnter: EventEmitter<KeyboardEvent>;\n\n  // ── Lifecycle ────────────────────────────────────────────────\n  componentWillLoad() {\n    if (this.selectProperties) this.selectPropertiesChanged(this.selectProperties);\n    this.normalizeOptions();\n    this.filteredOptions = [...(this.options as any[])];\n    this.applyDefaultSelection();\n  }\n\n  @Watch('selectProperties')\n  selectPropertiesChanged(val: any) {\n    if (!val) return;\n    if (val.label !== undefined) this.label = val.label;\n    if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n    if (val.options !== undefined) this.options = val.options;\n    if (val.showObligatory !== undefined) this.showObligatory = val.showObligatory;\n    if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n    if (val.searchEnabled !== undefined) this.searchEnabled = val.searchEnabled;\n    if (val.multiSelect !== undefined) this.multiSelect = val.multiSelect;\n    if (val.dropdownType !== undefined) this.dropdownType = val.dropdownType;\n    if (val.hasError !== undefined) this.hasError = val.hasError;\n    if (val.errorText !== undefined) this.errorText = val.errorText;\n    if (val.radioOptions !== undefined) this.radioOptions = val.radioOptions;\n    if (val.preIcon !== undefined) this.preIcon = val.preIcon;\n  }\n\n  @Watch('options')\n  optionsChanged() {\n    this.normalizeOptions();\n    this.filteredOptions = [...(this.options as any[])];\n    this.applyDefaultSelection();\n  }\n\n  private normalizeOptions() {\n    if (!this.options) { this.options = []; return; }\n    if (typeof this.options === 'string') {\n      try { this.options = JSON.parse(this.options as any); } catch (_) { this.options = []; }\n    }\n  }\n\n  @Watch('defaultSelectedId')\n  defaultChanged(newId: string | number) {\n    this.applyDefaultSelection(newId);\n  }\n\n  @Watch('selectedOption')\n  valueChanged(v: SelectOption | null) {\n    this._selectedOption = v;\n    this.internals.setFormValue(v ? String(v.id) : '');\n  }\n\n  // ── Public Methods ───────────────────────────────────────────\n  /** Select an option by its id */\n  @Method()\n  async setById(id: string | number) {\n    const opt = (this.options as SelectOption[]).find(\n      o => o.id === id || String(o.id) === String(id),\n    );\n    if (opt) this.selectOption(opt);\n  }\n\n  /** Select an option by its label */\n  @Method()\n  async setByLabel(label: string) {\n    const opt = (this.options as SelectOption[]).find(o => o.label === label);\n    if (opt) this.selectOption(opt);\n  }\n\n  /** Clear the current selection */\n  @Method()\n  async clearSelection() {\n    this._selectedOption = null;\n    this.multiSelected = [];\n    this.internals.setFormValue('');\n    this.dropiClear.emit();\n  }\n\n  /** Reset multi-select state and show a placeholder label */\n  @Method()\n  async resetMultiSelect(_placeholder?: string) {\n    this.multiSelected = [];\n    this.internals.setFormValue('');\n  }\n\n  // ── Scroll & Resize listeners ──────────────────────────────\n  @Listen('scroll', { target: 'window', capture: true, passive: true })\n  handleWindowScroll(e: Event) {\n    if (!this.isOpen || this.withinModal) return;\n    // When scroll originates inside shadow DOM, e.target is retargeted to the host element\n    if (e.target === this.el) return;\n    this.closeDropdown();\n  }\n\n  @Listen('resize', { target: 'window', passive: true })\n  handleWindowResize() {\n    if (this.isOpen && !this.withinModal) {\n      this.closeDropdown();\n    }\n  }\n\n  // ── Click outside ────────────────────────────────────────────\n  @Listen('click', { target: 'document' })\n  handleOutsideClick(e: MouseEvent) {\n    if (this.isOpen && !e.composedPath().includes(this.el)) {\n      this.closeDropdown();\n    }\n  }\n\n  // ── Helpers ──────────────────────────────────────────────────\n  private applyDefaultSelection(id?: string | number) {\n    const targetId = id ?? this.defaultSelectedId;\n    if (targetId === '' || targetId === undefined || targetId === null) return;\n    const flat = this.flatOptions();\n    const found = flat.find(o => o.id === targetId || String(o.id) === String(targetId));\n    if (found) {\n      this._selectedOption = found;\n      this.internals.setFormValue(String(found.id));\n    }\n  }\n\n  private flatOptions(): SelectOption[] {\n    if (!this.options?.length) return [];\n    if ('category' in this.options[0]) {\n      return (this.options as SelectOptionGroup[]).flatMap(g => g.options);\n    }\n    return this.options as SelectOption[];\n  }\n\n  private get isGrouped(): boolean {\n    return this.options?.length > 0 && 'category' in this.options[0];\n  }\n\n  private get triggerLabel(): string {\n    if (this.multiSelect) {\n      return this.multiSelected.length\n        ? this.multiSelected.map(o => o.label).join(', ')\n        : this.placeholder;\n    }\n    if (this._selectedOption) {\n      return this.showCountryFlags && this._selectedOption.shortLabel\n        ? this._selectedOption.shortLabel\n        : this._selectedOption.label;\n    }\n    return this.placeholder;\n  }\n\n  // ── Dropdown positioning ─────────────────────────────────────\n  private updateDropdownPosition() {\n    if (!this.buttonRef) return;\n    const rect = this.buttonRef.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const dropdownHeight = 250;\n    const spaceBelow = viewportHeight - rect.bottom;\n    const top = spaceBelow >= dropdownHeight\n      ? rect.bottom + 4\n      : rect.top - dropdownHeight - 4;\n\n    this.dropdownStyle = {\n      top: `${top}px`,\n      left: `${rect.left}px`,\n      width: `${rect.width}px`,\n    };\n  }\n\n  private openDropdown() {\n    if (this.withinModal) {\n      this.dropdownStyle = {\n        top: `${this.el.offsetHeight}px`,\n        left: '0px',\n        width: '100%',\n      };\n    } else {\n      this.updateDropdownPosition();\n    }\n    this.isOpen = true;\n\n    if (this.searchEnabled) {\n      setTimeout(() => {\n        const searchInput = this.el.shadowRoot?.querySelector('.search-input') as HTMLInputElement;\n        searchInput?.focus();\n      }, 50);\n    }\n  }\n\n  private closeDropdown() {\n    this.isOpen = false;\n    this.searchTerm = '';\n    this.filteredOptions = [...(this.options as any[])];\n  }\n\n  private toggleDropdown() {\n    this.isOpen ? this.closeDropdown() : this.openDropdown();\n  }\n\n  // ── Option selection ─────────────────────────────────────────\n  private selectOption(option: SelectOption) {\n    if (option.disabled) return;\n\n    if (this.multiSelect) {\n      const idx = this.multiSelected.findIndex(o => o.id === option.id);\n      if (idx >= 0) {\n        this.multiSelected = this.multiSelected.filter(o => o.id !== option.id);\n      } else {\n        this.multiSelected = [...this.multiSelected, option];\n      }\n      this.internals.setFormValue(this.multiSelected.map(o => o.id).join(','));\n      this.dropiChangeSelect.emit([...this.multiSelected]);\n    } else {\n      this._selectedOption = option;\n      this.internals.setFormValue(String(option.id));\n      this.dropiChangeSelect.emit(option);\n      this.closeDropdown();\n    }\n  }\n\n  private isOptionChecked(option: SelectOption): boolean {\n    return this.multiSelected.some(o => o.id === option.id);\n  }\n\n  // ── Search ───────────────────────────────────────────────────\n  private handleSearch(term: string) {\n    this.searchTerm = term;\n    this.dropiSearch.emit(term);\n    const lower = term.toLowerCase().trim();\n\n    if (!lower) {\n      this.filteredOptions = [...(this.options as any[])];\n      return;\n    }\n\n    if (this.isGrouped) {\n      this.filteredOptions = (this.options as SelectOptionGroup[])\n        .map(g => ({ ...g, options: g.options.filter(o => o.label.toLowerCase().includes(lower)) }))\n        .filter(g => g.options.length > 0);\n    } else {\n      this.filteredOptions = (this.options as SelectOption[]).filter(\n        o => o.label.toLowerCase().includes(lower),\n      );\n    }\n  }\n\n  // ── Scroll to end ─────────────────────────────────────────────\n  private handleScroll(e: Event) {\n    const el = e.target as HTMLElement;\n    clearTimeout(this.scrollDebounce);\n    this.scrollDebounce = setTimeout(() => {\n      if (!el) return;\n      const distFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;\n      const threshold = Math.min(50, el.clientHeight / 2);\n\n      if (el.scrollTop < this.lastScrollTop) this.hasEmittedScrollEnd = false;\n      this.lastScrollTop = el.scrollTop;\n\n      if (distFromBottom <= threshold && !this.hasEmittedScrollEnd) {\n        this.dropiScrollEnd.emit();\n        this.hasEmittedScrollEnd = true;\n        setTimeout(() => { this.hasEmittedScrollEnd = false; }, 1000);\n      }\n    }, 100);\n  }\n\n  // ── Render helpers ───────────────────────────────────────────\n  private renderTrigger() {\n    const isCompleted = this.multiSelect ? this.multiSelected.length > 0 : !!this._selectedOption;\n    const iconColor = this.disabled ? 'Gray-Gray-300' : this.dropdownType ? 'Gray-Gray-600' : 'Gray-Gray-400';\n    const iconSize = this.dropdownType ? '24px' : '20px';\n\n    return (\n      <button\n        type=\"button\"\n        class={{\n          'select-button': true,\n          'select-completed': isCompleted,\n          'select-button-error': this.hasError,\n          'no-border': this.dropdownType,\n        }}\n        disabled={this.disabled}\n        ref={el => (this.buttonRef = el as HTMLButtonElement)}\n        onClick={() => this.toggleDropdown()}\n      >\n        <div class={{\n          'button-content': true,\n          'option-radio': this.radioOptions && !!this._selectedOption && !this.multiSelect,\n        }}>\n          {this.preIcon && (\n            <dropi-icon name={this.preIcon} iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />\n          )}\n\n          {/* Radio option selected preview */}\n          {this.radioOptions && this._selectedOption && !this.multiSelect && [\n            this._selectedOption.imageUrl && !this._selectedOption.isFallback\n              ? <img class=\"option-image small-image\" src={this._selectedOption.imageUrl} alt=\"\" onError={() => { if (this._selectedOption) this._selectedOption = { ...this._selectedOption, isFallback: true }; }} />\n              : this._selectedOption.isFallback\n              ? <span class=\"option-image-fallback small-image\">{this._selectedOption.label.charAt(0).toUpperCase()}</span>\n              : null,\n            <div class=\"labels-container elipsis\">\n              <span>{this._selectedOption.label}</span>\n              {this._selectedOption.secondLabel && <span class=\"option-second-label\">{this._selectedOption.secondLabel}</span>}\n            </div>,\n          ]}\n\n          {/* Standard label */}\n          {!(this.radioOptions && this._selectedOption && !this.multiSelect) && (\n            <div class=\"elipsis\">{this.triggerLabel}</div>\n          )}\n        </div>\n\n        <dropi-icon\n          name={this.isOpen ? 'Dropdown-up' : 'Dropdown-down'}\n          iconWidth={iconSize}\n          iconHeight={iconSize}\n          color={iconColor}\n        />\n      </button>\n    );\n  }\n\n  private renderOption(option: SelectOption) {\n    const isSelected = this.multiSelect\n      ? this.isOptionChecked(option)\n      : this._selectedOption?.id === option.id;\n\n    return (\n      <li key={option.id}>\n        <button\n          type=\"button\"\n          class={{\n            option: true,\n            'option-radio': this.radioOptions,\n            'option-with-flag': this.showCountryFlags && !!option.countryCode,\n            'disabled-option': !!option.disabled,\n            'selected-option': isSelected,\n          }}\n          disabled={option.disabled}\n          onClick={() => this.selectOption(option)}\n        >\n          {this.multiSelect && (\n            <span class={{ 'multi-checkbox': true, checked: isSelected }}>\n              {isSelected && (\n                <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M20.6 5.7L9.1 17.2c-.2.2-.5.3-.8.3s-.6-.1-.8-.3L3 12.8c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3.9 3.9L19.2 4.3c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4z\" fill=\"white\"/>\n                </svg>\n              )}\n            </span>\n          )}\n\n          {this.radioOptions && (\n            <div class={{ radio: true, selected: isSelected }}>\n              {isSelected && <div class=\"circle\" />}\n            </div>\n          )}\n\n          {!this.radioOptions && option.preIcon && (\n            <dropi-icon name={option.preIcon} iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />\n          )}\n\n          {this.radioOptions && option.imageUrl && !option.isFallback && (\n            <img class=\"option-image\" src={option.imageUrl} alt=\"\" onError={() => { option.isFallback = true; this.options = [...this.options as any[]]; }} />\n          )}\n          {this.radioOptions && option.isFallback && (\n            <span class=\"option-image-fallback\">{option.label.charAt(0).toUpperCase()}</span>\n          )}\n\n          {this.showCountryFlags && option.countryCode && (\n            <span class=\"flag-placeholder\">{option.countryCode}</span>\n          )}\n\n          {this.radioOptions\n            ? (\n              <div class=\"labels-container\">\n                <span class=\"elipsis\">{option.label}</span>\n                {option.secondLabel && <span class=\"option-second-label\">{option.secondLabel}</span>}\n              </div>\n            )\n            : (\n              <span class=\"elipsis\">\n                {this.showCountryFlags && option.shortLabel ? option.shortLabel : option.label}\n              </span>\n            )\n          }\n        </button>\n      </li>\n    );\n  }\n\n  private renderDropdown() {\n    if (!this.isOpen) return null;\n\n    return (\n      <ul\n        class={`select-dropdown-overlay ${this.overlayClass} ${this.withinModal ? 'within-modal' : ''}`}\n        style={this.dropdownStyle}\n        onScroll={(e) => this.handleScroll(e)}\n      >\n        {/* Search */}\n        {this.searchEnabled && (\n          <li class=\"sticky-search\">\n            <div class=\"search-wrapper\">\n              <dropi-icon name=\"Search\" iconWidth=\"16px\" iconHeight=\"16px\" color=\"Gray-Gray-400\" />\n              <input\n                class=\"search-input\"\n                type=\"text\"\n                placeholder={this.placeHolderSearch}\n                value={this.searchTerm}\n                onInput={(e) => this.handleSearch((e.target as HTMLInputElement).value)}\n                onKeyDown={(e) => { if (e.key === 'Enter') this.dropiKeyEnter.emit(e as KeyboardEvent); }}\n              />\n              {this.searchTerm && (\n                <button type=\"button\" class=\"search-clear\" onClick={() => this.handleSearch('')}>\n                  <dropi-icon name=\"Close\" iconWidth=\"14px\" iconHeight=\"14px\" color=\"Gray-Gray-400\" />\n                </button>\n              )}\n            </div>\n          </li>\n        )}\n\n        {/* Grouped options */}\n        {this.isGrouped && (this.filteredOptions as SelectOptionGroup[]).map(group => [\n          <li class=\"option-group-title\">{group.category}</li>,\n          ...group.options.map(opt => (\n            <li key={opt.id}>\n              <button\n                type=\"button\"\n                class={{ option: true, 'option-group': true, 'disabled-option': !!opt.disabled }}\n                disabled={opt.disabled}\n                onClick={() => this.selectOption(opt)}\n              >\n                {opt.preIcon && <dropi-icon name={opt.preIcon} iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-500\" />}\n                <span class=\"elipsis\">{opt.label}</span>\n              </button>\n            </li>\n          )),\n        ])}\n\n        {/* Flat options (single or multi) */}\n        {!this.isGrouped && (this.filteredOptions as SelectOption[]).map(opt => this.renderOption(opt))}\n\n        {/* Empty state */}\n        {(this.filteredOptions as any[]).length === 0 && (\n          <li class=\"no-results\">Sin resultados</li>\n        )}\n      </ul>\n    );\n  }\n\n  render() {\n    return (\n      <div class=\"custom-select\">\n        {/* Top label */}\n        {!this.dropdownType && this.label && (\n          <label class={{ 'disabled-label': this.disabled }}>\n            {this.label}\n            {this.showObligatory && !this.disabled && <span class=\"asterisk\"> *</span>}\n          </label>\n        )}\n\n        {/* Trigger row */}\n        <div class=\"dropdown-container\">\n          {this.dropdownType && this.label && (\n            <div class=\"left-label\">{this.label}</div>\n          )}\n          {this.renderTrigger()}\n        </div>\n\n        {/* Helper text */}\n        {this.textHelper && !this.hasError && (\n          <div class=\"select-helper\">\n            <span>{this.textHelper}</span>\n          </div>\n        )}\n\n        {/* Error text */}\n        {this.hasError && this.errorText && (\n          <div class=\"select-helper-error\">\n            <dropi-icon name=\"Warning-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Error-Error-500\" />\n            <span>{this.errorText}</span>\n          </div>\n        )}\n\n        {/* Dropdown portal — fixed position */}\n        {this.renderDropdown()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-sidebar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, d as createEvent, h } from './index-D0Z06C2b.js';
 
 const dropiSidebarCss = () => `:host{display:block}.main-sidebar-container{margin-top:20px}.sidebar-option{height:45px;display:flex;align-items:center;position:relative;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);border-radius:var(--Border-1, 4px);min-width:147px;cursor:pointer;user-select:none}.sidebar-option .arrow{position:absolute;right:17px;transition:transform 0.3s ease}.sidebar-option .arrow-expanded{transform:rotate(180deg)}.sidebar-default-option{color:var(--Gray-Gray-500, #68738f)}.sidebar-active-option{color:var(--Primary-Primary-500, #f49a3d);background-color:#fef8f1}.sidebar-sub-item{overflow:hidden;max-height:0;height:auto;font-weight:var(--font-weight-medium, 500);gap:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);cursor:pointer;opacity:0;padding:0 var(--Size-3, 12px) 0 var(--Size-8, 32px);transition:max-height 0.3s ease-out,     opacity 0.3s ease-out,     padding 0.3s ease-out;user-select:none}.sidebar-sub-item.sidebar-expanded{max-height:200px;opacity:1;padding:var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px)}.sidebar-sub-item-default{color:var(--Gray-Gray-500, #68738f)}.sidebar-sub-item-active{color:var(--Primary-Primary-500, #f49a3d)}.space-between{justify-content:space-between}`;
 

package/dist/dropi-ui/dropi-simple-stepper.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
 const dropiSimpleStepperCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__item{display:flex;flex-direction:column;align-items:center;flex:1}.stepper__circle-row{display:flex;align-items:center;width:100%}.stepper__circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.stepper__circle--active{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.stepper__dot{width:8px;height:8px;border-radius:50%;background:var(--Neutral-White, #ffffff);display:block}.stepper__circle--pending .stepper__dot{background:var(--Gray-Gray-400, #858ea6)}.stepper__number{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);color:var(--Neutral-White, #ffffff)}.stepper__circle--pending .stepper__number{color:var(--Gray-Gray-500, #69738c)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{margin-top:6px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-600, #475066);text-align:center}`;
 

package/dist/dropi-ui/dropi-skeleton.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
 const dropiSkeletonCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.skeleton-lines{display:flex;flex-direction:column;gap:8px}.skeleton{background:linear-gradient(     90deg,     var(--Gray-Gray-100, #e6eaf2) 25%,     var(--Gray-Gray-50, #f7f8fa) 50%,     var(--Gray-Gray-100, #e6eaf2) 75%   );background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}`;
 

package/dist/dropi-ui/dropi-steps.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
 const dropiStepsCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.stepper{display:flex;align-items:flex-start;width:100%}.stepper__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper__circle-wrap{display:flex;align-items:center;width:100%;position:relative}.stepper__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-bold, 700);flex-shrink:0;z-index:1;transition:background 0.2s, border-color 0.2s}.stepper__circle--pending{background:var(--Neutral-White, #ffffff);border:2px solid var(--Gray-Gray-200, #c3c9d9);color:var(--Gray-Gray-400, #858ea6)}.stepper__circle--focus{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.stepper__circle--completed{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.stepper__line{flex:1;height:2px;background:var(--Gray-Gray-200, #c3c9d9);transition:background 0.2s}.stepper__line--done{background:var(--Primary-Primary-500, #f49a3d)}.stepper__label{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--Size-2, 8px);text-align:center;padding:0 4px}.stepper__title{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.stepper__desc{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}`;
 

package/dist/dropi-ui/dropi-switch.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, d as createEvent, h } from './index-D0Z06C2b.js';
 
 const dropiSwitchCss = () => `:host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.toggle-switch{position:relative;display:inline-block;width:40px;height:21px;margin-bottom:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Gray-Gray-200, #c3c9d9);transition:0.4s;border-radius:34px}.slider::before{position:absolute;content:'';height:17px;width:17px;left:3px;bottom:2px;background-color:var(--Neutral-White, #ffffff);transition:0.4s;border-radius:50%}input:checked+.slider{background-color:var(--Primary-Primary-500, #f49a3d)}input:checked+.slider::before{transform:translateX(17px)}:host([disabled]) .toggle-switch{cursor:not-allowed;opacity:0.5}`;
 

package/dist/dropi-ui/dropi-table.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, d as createEvent, h } from './index-D0Z06C2b.js';
 
 const dropiTableCss = () => `:host{display:block;width:100%;min-width:0}*,*::before,*::after{box-sizing:border-box}.table-container{width:100%;min-width:0;border-radius:var(--Border-3);padding:0 var(--Size-4) var(--Size-4) var(--Size-4);background-color:var(--Neutral-White)}.search-container{margin-block:var(--Size-5);display:flex;flex-direction:column;gap:var(--Size-4)}.table-title{padding-block:var(--Size-2);font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700);margin:0}.search-actions{display:flex;align-items:flex-end;gap:var(--Size-3);width:100%}.search-actions dropi-input{flex:1}.search-actions.only-filter{justify-content:flex-end}.table-tools{display:flex;justify-content:flex-end}.column-selector-container{position:relative}.column-selector-btn{min-width:40px;width:40px;height:40px;padding:0;border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);cursor:pointer;display:flex;align-items:center;justify-content:center}.column-selector-btn:hover{background:var(--Gray-Gray-50)}.column-selector-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(320px, 88vw);border:1px solid var(--Gray-Gray-200);border-radius:var(--Border-2);background:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:20;padding:var(--Size-1)}.column-selector-footer{border-top:1px solid var(--Gray-Gray-100);margin-top:var(--Size-1);padding:var(--Size-2) var(--Size-4);display:flex;align-items:center}.column-selector-all{display:inline-flex;align-items:center;gap:var(--Size-2);color:var(--Gray-Gray-700);font-size:var(--font-size-s);cursor:pointer;user-select:none}.column-selector-option{display:flex;align-items:center;gap:var(--Size-2);padding:var(--Size-2) var(--Size-3);font-size:var(--font-size-s);color:var(--Gray-Gray-700);cursor:pointer;border-radius:var(--Border-1)}.column-selector-option:hover{background:var(--Gray-Gray-50)}.table-wrapper{overflow-x:auto;width:100%;position:relative}.table-wrapper.has-sticky-actions{width:100%}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:var(--Gray-Gray-200, #c3c9d9);border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--Gray-Gray-400, #858ea6)}.custom-table{width:100%;border-collapse:collapse}.custom-table th,.custom-table td{position:relative;padding:var(--Size-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--Gray-Gray-700)}.custom-table th::after,.custom-table td::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--Gray-Gray-100)}.custom-table th{height:55px;user-select:none}.custom-table th.sortable{cursor:pointer}.custom-table td{height:80px;min-width:100px;font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.headers-container{display:flex;flex-direction:column;align-items:center;gap:var(--Size-1)}.headers-container.align-left{align-items:flex-start}.headers-container.align-right{align-items:flex-end}.headers{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:4px}.headers span{font-weight:var(--font-weight-bold);color:var(--Gray-Gray-600);font-size:var(--font-size-xs);text-align:center}.headers.align-left span{text-align:left}.headers.align-right span{text-align:right}.order-icons{display:flex;flex-direction:column}.order-icons dropi-icon{height:6px;display:flex}.checkbox-header{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:var(--Size-3) !important}.custom-table.has-checkbox td:first-child{width:fit-content;min-width:fit-content;max-width:fit-content;text-align:center;padding:8px !important}.table-row:hover{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row:hover td:last-child{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.table-row.sub-row td:first-child{padding-left:2rem !important}.cell-content{display:inline-block;width:100%;text-align:left}td.actions,th.actions{position:sticky;right:0;z-index:2;background-color:var(--Neutral-White);width:120px;min-width:120px;max-width:120px;text-align:center}td.actions{vertical-align:middle}td.actions>div{display:flex !important;justify-content:center !important;align-items:center !important;width:100%;height:100%}.table-row:hover td.actions{background-color:var(--Gray-Gray-50);transition:background-color 0.3s ease}.actions-header{width:100%;text-align:center;user-select:none}.short-actions{display:flex;gap:var(--Size-2);align-items:center;justify-content:center}.action-icon{cursor:pointer}.action-button{position:relative}.actions-menu{position:absolute;top:0;right:80px;padding:var(--Size-2);border-radius:var(--Border-2);background-color:var(--Neutral-White);box-shadow:var(--Shadow-medium);z-index:10;animation:fadeIn 0.3s ease-in-out forwards}.action-item{padding:var(--Size-2);font-size:var(--font-size-xs);color:var(--Gray-Gray-600);height:45px;width:190px;display:flex;gap:var(--Size-4);align-items:center;justify-content:left;cursor:pointer;border-radius:var(--Border-1)}.action-item:hover{background-color:var(--Gray-Gray-50)}.table-labels{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:nowrap}.table-labels.multiline{white-space:pre;line-height:1.6}.text-wrap-label{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);white-space:normal;word-break:break-word;overflow-wrap:break-word;line-height:1.5}.date-label{display:inline-flex;flex-direction:column}.date-label span{font-weight:var(--font-weight-regular);color:var(--Gray-Gray-600);white-space:nowrap;font-size:var(--font-size-s)}.flag-container{display:inline-flex;align-items:center;gap:var(--Size-3)}.flag-container span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-icon-label{display:inline-flex;flex-wrap:nowrap;gap:var(--Size-2);align-items:center}.text-icon-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.image-label{display:inline-flex;flex-direction:column;justify-content:center}.img-container{display:flex;width:24px;padding-bottom:var(--Size-1);align-items:center}.img-container img{border-radius:60px;height:24px;width:24px;object-fit:cover}.container-cell{display:inline-flex;flex-direction:column}.status-label{display:inline-flex;flex-direction:column;gap:var(--Size-1)}.status-dot{display:flex;gap:var(--Size-2);align-items:center}.status-text{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.status-description{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);color:var(--Gray-Gray-600)}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-low{background-color:var(--Success-Success-500)}.dot-medium{background-color:var(--Warning-Warning-500)}.dot-high{background-color:var(--Error-Error-500)}.low-opacity{opacity:0.5}.highlight-column{background:var(--Primary-Primary-50)}.text-link-label{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:var(--Size-1)}.text-link-label span{color:var(--Gray-Gray-600);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.text-link-label a{color:var(--Info-Info-500);font-weight:var(--font-weight-regular);font-size:var(--font-size-s)}.empty-table{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:400px}.empty-message-container{display:flex;width:420px;padding:var(--Size-4);flex-direction:column;align-items:center;gap:var(--Size-4);text-align:center;color:var(--Gray-Gray-500);font-size:var(--font-size-s)}.pagination{margin-top:var(--Size-4);display:flex;justify-content:space-between;align-items:center}.page-size-selector{display:flex;gap:5px;align-items:baseline}.page-size-selector label{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-700)}.page-size-selector select{width:fit-content;height:29px;border-radius:var(--Border-2);padding:var(--Size-1);border:1px solid var(--Gray-Gray-200);color:var(--Gray-Gray-500);background:var(--Neutral-White);font-size:var(--font-size-xs);cursor:pointer}.total-results{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);color:var(--Gray-Gray-600)}.skeleton{height:14px;background:linear-gradient(90deg, var(--Gray-Gray-100) 25%, var(--Gray-Gray-50) 50%, var(--Gray-Gray-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--Border-1)}.skeleton--sm{width:20px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-actions{flex-direction:column;align-items:stretch}.column-selector-menu{left:0;right:0;width:100%;max-height:45vh;overflow-y:auto}.pagination{flex-direction:column;align-items:center;gap:var(--Size-3)}td.actions,th.actions{width:60px;min-width:60px}.table-wrapper.has-sticky-actions{width:calc(100% - 60px)}}`;
 

package/dist/dropi-ui/dropi-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, d as createEvent, h } from './index-D0Z06C2b.js';
 
 const dropiTabsCss = () => `:host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.tabs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;height:52px;scrollbar-width:none}.tabs-container::-webkit-scrollbar{width:0;height:0}.tab-item{padding:var(--Size-4,16px) var(--Size-5,20px);background:var(--Neutral-White, #ffffff);border-bottom:2px solid var(--Gray-Gray-100,#e6eaf2);cursor:pointer;display:flex;gap:16px;align-items:center;white-space:nowrap;flex-shrink:0;transition:border-color 0.15s ease;user-select:none}.tab-item:hover:not(.tab-item--disabled):not(.tab-item--active){border-color:var(--Gray-Gray-300,#a3abbf)}.tab-item--active{border-bottom:2px solid var(--Primary-Primary-500,#f49a3d)}.tab-item--disabled{background:rgba(223,228,237,0.22);cursor:not-allowed;opacity:0.7;pointer-events:none}.tab-label-row{display:flex;align-items:center;gap:8px}.tab-label{font-size:var(--font-size-s,14px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-400,#858ea6);line-height:20px}.tab-item--active .tab-label{color:var(--Gray-Gray-600,#475066)}.tab-item--disabled .tab-label{font-weight:var(--font-weight-light);color:var(--Gray-Gray-300,#a3abbf)}.tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;font-size:var(--font-size-xxs);font-weight:var(--font-weight-bold);line-height:var(--lineheight-simple);background:var(--Gray-Gray-100,#e6eaf2);color:var(--Gray-Gray-500,#69738c)}.tab-counter--active{background-color:var(--Primary-Primary-500, #F49A3D);color:var(--Neutral-White)}.tab-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--Primary-Primary-500, #f49a3d);flex-shrink:0}`;
 

package/dist/dropi-ui/dropi-tag-type-product.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
 const dropiTagTypeProductCss = () => `:host{display:inline-block}.type-variation{border-radius:4px;background:var(--Warning-Warning-500);padding:2px 6px;font-size:var(--font-size-xs);color:var(--Neutral-White);text-transform:capitalize;font-weight:var(--font-weight-regular);width:fit-content}`;
 

package/dist/dropi-ui/dropi-tag.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
 const dropiTagCss = () => `:host{display:inline-flex}*,*::before,*::after{box-sizing:border-box}.container-chips{display:flex;align-items:center;justify-content:center}.tags{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:4px;border-radius:var(--Border-5, 9999px);overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);line-height:var(--lineheight-large, 150%);animation:fade-in 200ms ease-out}.tags.dot-variant,.tags.text-variant{padding:0;gap:8px;background-color:transparent !important;line-height:normal}.dot-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}`;
 

package/dist/dropi-ui/dropi-text-area.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, d as createEvent, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, d as createEvent, h } from './index-D0Z06C2b.js';
 
 const dropiTextAreaCss = () => `:host{display:flex;flex-direction:column;width:100%}*,*::before,*::after{box-sizing:border-box}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.textarea-wrapper label{font-size:var(--font-size-xs, 10px);font-weight:var(--font-weight-regular, 400);color:var(--Gray-Gray-600, #475066)}.asterisk{color:var(--Error-Error-500, #f46a6b)}.textarea-container{position:relative;display:flex;flex-direction:column}textarea.form-control{box-sizing:border-box;width:100%;flex:1;overflow:auto;padding:var(--Size-3, 12px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Border-2, 8px);font-size:var(--font-size-s, 12px);font-family:inherit;color:var(--Gray-Gray-700, #32394d);background:var(--Neutral-White, #ffffff);transition:border-color 0.3s ease-in-out;outline:none;appearance:none}textarea.form-control:focus{border-color:var(--Info-Info-500, #50a5f1)}textarea.form-control:focus::placeholder{color:var(--Gray-Gray-400, #858ea6)}textarea.form-control-valid{border-color:var(--Gray-Gray-400, #858ea6) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control-invalid{border-color:var(--Error-Error-500, #f46a6b) !important;color:var(--Gray-Gray-600, #475066)}textarea.form-control:disabled{border-color:var(--Gray-Gray-200, #c3c9d9) !important;color:var(--Gray-Gray-400, #858ea6);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:not-allowed}.char-counter{position:absolute;bottom:10px;right:16px;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c);pointer-events:none}.form-control-helper{display:flex;gap:4px;align-items:center}.form-control-helper span{display:block;color:var(--Gray-Gray-600, #475066);font-size:var(--font-size-xs, 10px)}.invalid-color{color:var(--Error-Error-500, #f46a6b) !important}`;
 

package/dist/dropi-ui/dropi-time-line.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
 const dropiTimeLineCss = () => `:host{display:block}*,*::before,*::after{box-sizing:border-box}.timeline{display:flex;flex-direction:column}.tl-step{display:flex;align-items:flex-start;gap:var(--Size-3, 12px)}.tl-step__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.tl-step__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.2s, border-color 0.2s}.tl-step--pending .tl-step__icon{background:var(--Gray-Gray-100, #e6eaf2);border:2px solid var(--Gray-Gray-200, #c3c9d9)}.tl-step--active .tl-step__icon{background:var(--Neutral-White, #ffffff);border:2px solid var(--Primary-Primary-500, #f49a3d);box-shadow:0 0 0 4px var(--Primary-Primary-100, #fde9d0)}.tl-step--done .tl-step__icon{background:var(--Primary-Primary-500, #f49a3d);border:2px solid var(--Primary-Primary-500, #f49a3d)}.tl-step__dot{width:8px;height:8px;border-radius:50%;display:block}.tl-step--pending .tl-step__dot{background:var(--Gray-Gray-300, #a3abbf)}.tl-step--active .tl-step__dot{background:var(--Primary-Primary-500, #f49a3d)}.tl-step--done .tl-step__dot{background:var(--Neutral-White, #ffffff)}.tl-step__line{flex:1;width:2px;min-height:24px;margin:4px 0;background:var(--Gray-Gray-200, #c3c9d9)}.tl-step--done+.tl-step .tl-step__line,.tl-step--done .tl-step__line{background:var(--Primary-Primary-500, #f49a3d)}.tl-step__content{display:flex;flex-direction:column;gap:2px;padding-top:6px;padding-bottom:var(--Size-4, 16px)}.tl-step__label{font-size:var(--font-size-s, 12px);font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-700, #32394d)}.tl-step--pending .tl-step__label{color:var(--Gray-Gray-400, #858ea6);font-weight:var(--font-weight-regular, 400)}.tl-step__subtitle{font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}`;
 

package/dist/dropi-ui/dropi-toast.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
-const dropiToastCss = () => `:host{display:contents}*,*::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White, #ffffff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.title{margin:0;font-size:var(--font-size-l,18px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500, #69738c);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}`;
+const dropiToastCss = () => `:host{display:contents}*,*::before,*::after{box-sizing:border-box}.toast-container{position:fixed;z-index:var(--dropi-z-index-toast, 12000);display:flex;flex-direction:column;gap:8px;max-width:380px;width:100%;pointer-events:none}.toast-container--top-right{top:80px;right:0;padding:var(--Size-2, 8px)}.toast-container--top-left{top:80px;left:0;padding:var(--Size-2, 8px)}.toast-container--bottom-right{bottom:24px;right:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--bottom-left{bottom:24px;left:0;padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-container--top-center{top:80px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px)}.toast-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%);padding:var(--Size-2, 8px);flex-direction:column-reverse}.toast-wrapper{pointer-events:auto;animation:toast-in 0.28s ease;transition:opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease;overflow:hidden;max-height:200px}.toast-wrapper--leaving{opacity:0;transform:translateX(20px);max-height:0;pointer-events:none}@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast{position:relative;display:flex;align-items:flex-start;border-radius:var(--Border-2,8px);background:var(--Neutral-White, #ffffff);box-shadow:0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12);border-left:var(--Size-2, 8px) solid;overflow:hidden;min-width:300px}.toast--success{border-color:var(--Success-Success-500,#34c38f)}.toast--error{border-color:var(--Error-Error-500,#f46a6b)}.toast--warn{border-color:var(--Warning-Warning-500,#f1b44c)}.toast--info{border-color:var(--Info-Info-500,#50a5f1)}.toast-content{display:flex;flex-direction:row;align-items:flex-start;padding:var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));gap:var(--Size-4, 16px)}.lottie-img{width:50px;height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.lottie-player-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center}lottie-player{width:100%;height:100%;display:block}.info-container{flex:1;min-width:0;align-self:center;display:flex;flex-direction:column;gap:var(--Size-1, 4px)}.title{margin:0;font-size:var(--font-size-l,18px);font-weight:var(--font-weight-bold,700);color:var(--Gray-Gray-700,#32394d);line-height:1.1;text-align:left;max-width:250px}.description{margin:0;font-size:var(--font-size-s,14px);color:var(--Gray-Gray-500, #69738c);line-height:1.4;text-align:left;max-width:250px}.toast-close{position:absolute;top:18px;right:10px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:0.7}`;
 
 const DropiToast = class {
     constructor(hostRef) {

package/dist/dropi-ui/dropi-toast.entry.js.map

@@ -1 +1 @@
-{"file":"dropi-toast.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-toast/dropi-toast.css?tag=dropi-toast&encapsulation=shadow","src/components/dropi-toast/dropi-toast.tsx"],"sourcesContent":[":host { display: contents; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.toast-container { position: fixed; z-index: 9999; display: flex; flex-direction: column; gap: 8px; max-width: 380px; width: 100%; pointer-events: none; }\n.toast-container--top-right    { top: 80px; right: 0; padding: var(--Size-2, 8px); }\n.toast-container--top-left     { top: 80px; left: 0; padding: var(--Size-2, 8px); }\n.toast-container--bottom-right { bottom: 24px; right: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }\n.toast-container--bottom-left  { bottom: 24px; left: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }\n.toast-container--top-center    { top: 80px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); }\n.toast-container--bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); flex-direction: column-reverse; }\n\n.toast-wrapper { pointer-events: auto; animation: toast-in 0.28s ease; transition: opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease; overflow: hidden; max-height: 200px; }\n.toast-wrapper--leaving { opacity: 0; transform: translateX(20px); max-height: 0; pointer-events: none; }\n@keyframes toast-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }\n\n.toast { position: relative; display: flex; align-items: flex-start; border-radius: var(--Border-2,8px); background: var(--Neutral-White, #ffffff); box-shadow: 0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12); border-left: var(--Size-2, 8px) solid; overflow: hidden; min-width: 300px; }\n.toast--success { border-color: var(--Success-Success-500,#34c38f); }\n.toast--error   { border-color: var(--Error-Error-500,#f46a6b); }\n.toast--warn    { border-color: var(--Warning-Warning-500,#f1b44c); }\n.toast--info    { border-color: var(--Info-Info-500,#50a5f1); }\n\n.toast-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));\n  gap: var(--Size-4, 16px);\n}\n\n.lottie-img {\n  width: 50px;\n  height: 50px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.lottie-player-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nlottie-player {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.info-container { flex: 1; min-width: 0; align-self: center; display: flex; flex-direction: column; gap: var(--Size-1, 4px); }\n.title { margin: 0; font-size: var(--font-size-l,18px); font-weight: var(--font-weight-bold,700); color: var(--Gray-Gray-700,#32394d); line-height: 1.1; text-align: left; max-width: 250px; }\n.description  { margin: 0; font-size: var(--font-size-s,14px); color: var(--Gray-Gray-500, #69738c); line-height: 1.4; text-align: left; max-width: 250px; }\n\n.toast-close { position: absolute; top: 18px; right: 10px; background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.toast-close:hover { opacity: 0.7; }\n","import { Component, Prop, State, Method, h } from '@stencil/core';\n\nexport type ToastSeverity = 'success' | 'error' | 'warn' | 'info';\n\nexport interface ToastMessage {\n  id?: string;\n  /** Visual style and icon */\n  severity: ToastSeverity;\n  /** Bold title */\n  summary: string;\n  /** Optional body text */\n  detail?: string;\n  /** Whether to show a close button. Default: true */\n  closable?: boolean;\n  /** Auto-close after N ms. 0 = manual only. Default: uses component `life` prop */\n  life?: number;\n}\n\ninterface ToastItem {\n  msg: ToastMessage;\n  leaving: boolean;\n  timer?: any;\n}\n\n/**\n * @component dropi-toast\n * Global toast notification stack. Place once in the app root, call show() from JS.\n *\n * @example\n * const t = document.querySelector('dropi-toast');\n * t.show({ severity: 'success', summary: '¡Guardado!', detail: 'Cambios aplicados.' });\n */\n@Component({\n  tag: 'dropi-toast',\n  styleUrl: 'dropi-toast.css',\n  shadow: true,\n})\nexport class DropiToast {\n  /** Toast position */\n  @Prop() position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center' = 'top-right';\n  /** Default auto-close ms (0 = manual) */\n  @Prop() life: number = 3000;\n\n  @State() private items: ToastItem[] = [];\n  private idCounter = 0;\n\n  /** Show a toast */\n  @Method()\n  async show(msg: ToastMessage) {\n    console.log('DropiToast show() called with:', msg);\n    const id = msg.id ?? `t${++this.idCounter}`;\n    const item: ToastItem = { msg: { ...msg, id, closable: msg.closable ?? true }, leaving: false };\n    this.items = [...(this.items || []), item];\n    const ms = msg.life !== undefined ? msg.life : this.life;\n    if (ms > 0) item.timer = setTimeout(() => this.remove(id), ms);\n  }\n\n  /** Remove all toasts */\n  @Method()\n  async clear() {\n    (this.items || []).forEach(i => {\n      if (i.timer) clearTimeout(i.timer);\n    });\n    this.items = [];\n  }\n\n  private remove(id: string) {\n    this.items = this.items.map(i => (i.msg.id === id ? { ...i, leaving: true } : i));\n    setTimeout(() => {\n      this.items = this.items.filter(i => i.msg.id !== id);\n    }, 320);\n  }\n\n  private readonly lottieMap: Record<ToastSeverity, string> = {\n    success: '/assets/lottie-files/success.json',\n    error: '/assets/lottie-files/failure.json',\n    warn: '/assets/lottie-files/warning.json',\n    info: '/assets/lottie-files/question.json',\n  };\n\n  private getLottieHtml(severity: ToastSeverity): string {\n    return `<lottie-player src=\"${this.lottieMap[severity]}\" background=\"transparent\" speed=\"1\" loop autoplay></lottie-player>`;\n  }\n\n  render() {\n    return (\n      <div class={`toast-container toast-container--${this.position}`}>\n        {(this.items ?? []).map(item => (\n          <div key={item.msg.id} class={{ 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving }}>\n            <div class={`toast toast--${item.msg.severity}`}>\n              <div class=\"toast-content\">\n                <div class=\"lottie-img\">\n                  <div class=\"lottie-player-container\" innerHTML={this.getLottieHtml(item.msg.severity)}></div>\n                </div>\n                <div class=\"info-container\">\n                  <p class=\"title\">{item.msg.summary}</p>\n                  {item.msg.detail && <p class=\"description\">{item.msg.detail}</p>}\n                </div>\n              </div>\n              {item.msg.closable && (\n                <button class=\"toast-close\" onClick={() => this.remove(item.msg.id!)}>\n                  <dropi-icon name=\"Close-small\" iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-400\" />\n                </button>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-toast.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-toast/dropi-toast.css?tag=dropi-toast&encapsulation=shadow","src/components/dropi-toast/dropi-toast.tsx"],"sourcesContent":[":host { display: contents; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.toast-container { position: fixed; z-index: var(--dropi-z-index-toast, 12000); display: flex; flex-direction: column; gap: 8px; max-width: 380px; width: 100%; pointer-events: none; }\n.toast-container--top-right    { top: 80px; right: 0; padding: var(--Size-2, 8px); }\n.toast-container--top-left     { top: 80px; left: 0; padding: var(--Size-2, 8px); }\n.toast-container--bottom-right { bottom: 24px; right: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }\n.toast-container--bottom-left  { bottom: 24px; left: 0; padding: var(--Size-2, 8px); flex-direction: column-reverse; }\n.toast-container--top-center    { top: 80px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); }\n.toast-container--bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); padding: var(--Size-2, 8px); flex-direction: column-reverse; }\n\n.toast-wrapper { pointer-events: auto; animation: toast-in 0.28s ease; transition: opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease; overflow: hidden; max-height: 200px; }\n.toast-wrapper--leaving { opacity: 0; transform: translateX(20px); max-height: 0; pointer-events: none; }\n@keyframes toast-in { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }\n\n.toast { position: relative; display: flex; align-items: flex-start; border-radius: var(--Border-2,8px); background: var(--Neutral-White, #ffffff); box-shadow: 0.5px -1px 7px 0px rgba(0, 0, 0, 0.06), 0px 4px 20px 0px rgba(0, 0, 0, 0.12); border-left: var(--Size-2, 8px) solid; overflow: hidden; min-width: 300px; }\n.toast--success { border-color: var(--Success-Success-500,#34c38f); }\n.toast--error   { border-color: var(--Error-Error-500,#f46a6b); }\n.toast--warn    { border-color: var(--Warning-Warning-500,#f1b44c); }\n.toast--info    { border-color: var(--Info-Info-500,#50a5f1); }\n\n.toast-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: var(--Size-5) var(--Size-5) var(--Size-5) calc(var(--Size-5) - var(--Size-2, 8px));\n  gap: var(--Size-4, 16px);\n}\n\n.lottie-img {\n  width: 50px;\n  height: 50px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.lottie-player-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\nlottie-player {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n.info-container { flex: 1; min-width: 0; align-self: center; display: flex; flex-direction: column; gap: var(--Size-1, 4px); }\n.title { margin: 0; font-size: var(--font-size-l,18px); font-weight: var(--font-weight-bold,700); color: var(--Gray-Gray-700,#32394d); line-height: 1.1; text-align: left; max-width: 250px; }\n.description  { margin: 0; font-size: var(--font-size-s,14px); color: var(--Gray-Gray-500, #69738c); line-height: 1.4; text-align: left; max-width: 250px; }\n\n.toast-close { position: absolute; top: 18px; right: 10px; background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }\n.toast-close:hover { opacity: 0.7; }\n","import { Component, Prop, State, Method, h } from '@stencil/core';\n\nexport type ToastSeverity = 'success' | 'error' | 'warn' | 'info';\n\nexport interface ToastMessage {\n  id?: string;\n  /** Visual style and icon */\n  severity: ToastSeverity;\n  /** Bold title */\n  summary: string;\n  /** Optional body text */\n  detail?: string;\n  /** Whether to show a close button. Default: true */\n  closable?: boolean;\n  /** Auto-close after N ms. 0 = manual only. Default: uses component `life` prop */\n  life?: number;\n}\n\ninterface ToastItem {\n  msg: ToastMessage;\n  leaving: boolean;\n  timer?: any;\n}\n\n/**\n * @component dropi-toast\n * Global toast notification stack. Place once in the app root, call show() from JS.\n *\n * @example\n * const t = document.querySelector('dropi-toast');\n * t.show({ severity: 'success', summary: '¡Guardado!', detail: 'Cambios aplicados.' });\n */\n@Component({\n  tag: 'dropi-toast',\n  styleUrl: 'dropi-toast.css',\n  shadow: true,\n})\nexport class DropiToast {\n  /** Toast position */\n  @Prop() position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center' = 'top-right';\n  /** Default auto-close ms (0 = manual) */\n  @Prop() life: number = 3000;\n\n  @State() private items: ToastItem[] = [];\n  private idCounter = 0;\n\n  /** Show a toast */\n  @Method()\n  async show(msg: ToastMessage) {\n    console.log('DropiToast show() called with:', msg);\n    const id = msg.id ?? `t${++this.idCounter}`;\n    const item: ToastItem = { msg: { ...msg, id, closable: msg.closable ?? true }, leaving: false };\n    this.items = [...(this.items || []), item];\n    const ms = msg.life !== undefined ? msg.life : this.life;\n    if (ms > 0) item.timer = setTimeout(() => this.remove(id), ms);\n  }\n\n  /** Remove all toasts */\n  @Method()\n  async clear() {\n    (this.items || []).forEach(i => {\n      if (i.timer) clearTimeout(i.timer);\n    });\n    this.items = [];\n  }\n\n  private remove(id: string) {\n    this.items = this.items.map(i => (i.msg.id === id ? { ...i, leaving: true } : i));\n    setTimeout(() => {\n      this.items = this.items.filter(i => i.msg.id !== id);\n    }, 320);\n  }\n\n  private readonly lottieMap: Record<ToastSeverity, string> = {\n    success: '/assets/lottie-files/success.json',\n    error: '/assets/lottie-files/failure.json',\n    warn: '/assets/lottie-files/warning.json',\n    info: '/assets/lottie-files/question.json',\n  };\n\n  private getLottieHtml(severity: ToastSeverity): string {\n    return `<lottie-player src=\"${this.lottieMap[severity]}\" background=\"transparent\" speed=\"1\" loop autoplay></lottie-player>`;\n  }\n\n  render() {\n    return (\n      <div class={`toast-container toast-container--${this.position}`}>\n        {(this.items ?? []).map(item => (\n          <div key={item.msg.id} class={{ 'toast-wrapper': true, 'toast-wrapper--leaving': item.leaving }}>\n            <div class={`toast toast--${item.msg.severity}`}>\n              <div class=\"toast-content\">\n                <div class=\"lottie-img\">\n                  <div class=\"lottie-player-container\" innerHTML={this.getLottieHtml(item.msg.severity)}></div>\n                </div>\n                <div class=\"info-container\">\n                  <p class=\"title\">{item.msg.summary}</p>\n                  {item.msg.detail && <p class=\"description\">{item.msg.detail}</p>}\n                </div>\n              </div>\n              {item.msg.closable && (\n                <button class=\"toast-close\" onClick={() => this.remove(item.msg.id!)}>\n                  <dropi-icon name=\"Close-small\" iconWidth=\"20px\" iconHeight=\"20px\" color=\"Gray-Gray-400\" />\n                </button>\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-tooltip-v2.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
-const dropiTooltipCss = () => `:host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:9999;background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--Gray-Gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--Gray-Gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--Gray-Gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--Gray-Gray-800)}`;
+const dropiTooltipCss = () => `:host{display:inline-block}*,*::before,*::after{box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltip-bubble{position:absolute;z-index:var(--dropi-z-index-overlay, 11000);background:var(--Gray-Gray-800);color:var(--Neutral-White, #ffffff);font-size:var(--font-size-s,14px);line-height:1.5;padding:8px 12px;border-radius:8px;white-space:normal;pointer-events:none;opacity:0;transition:opacity 0.15s ease, transform 0.15s ease;word-break:break-word;box-shadow:var(--Shadow-medium);text-align:left;width:max-content}.tooltip-bubble--visible{opacity:1}.tooltip-bubble--top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.tooltip-bubble--left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-bubble--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:12px;height:6px}.tooltip-arrow::before{content:'';position:absolute;width:0;height:0}.tooltip-arrow--top{top:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--top::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--Gray-Gray-800)}.tooltip-arrow--bottom{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-arrow--bottom::before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--Gray-Gray-800)}.tooltip-arrow--left{left:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--left::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--Gray-Gray-800)}.tooltip-arrow--right{right:100%;top:50%;transform:translateY(-50%)}.tooltip-arrow--right::before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid var(--Gray-Gray-800)}`;
 
 const DropiTooltipV2 = class {
     constructor(hostRef) {

package/dist/dropi-ui/dropi-tooltip-v2.entry.js.map

@@ -1 +1 @@
-{"file":"dropi-tooltip-v2.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-tooltip-v2/dropi-tooltip.css?tag=dropi-tooltip-v2&encapsulation=shadow","src/components/dropi-tooltip-v2/dropi-tooltip.tsx"],"sourcesContent":[":host { display: inline-block; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.tooltip-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; }\n\n.tooltip-bubble {\n  position: absolute; z-index: 9999;\n  background: var(--Gray-Gray-800); color: var(--Neutral-White, #ffffff);\n  font-size: var(--font-size-s,14px); line-height: 1.5;\n  padding: 8px 12px; border-radius: 8px;\n  white-space: normal; pointer-events: none;\n  opacity: 0; transition: opacity 0.15s ease, transform 0.15s ease;\n  word-break: break-word;\n  box-shadow: var(--Shadow-medium);\n  text-align: left;\n  width: max-content;\n}\n.tooltip-bubble--visible { opacity: 1; }\n\n.tooltip-bubble--top    { bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%); }\n.tooltip-bubble--bottom { top: calc(100% + 12px);    left: 50%; transform: translateX(-50%); }\n.tooltip-bubble--left   { right: calc(100% + 12px);  top: 50%;  transform: translateY(-50%); }\n.tooltip-bubble--right  { left: calc(100% + 12px);   top: 50%;  transform: translateY(-50%); }\n\n.tooltip-arrow { position: absolute; width: 12px; height: 6px; }\n.tooltip-arrow::before {\n  content: '';\n  position: absolute;\n  width: 0;\n  height: 0;\n}\n\n.tooltip-arrow--top {\n  top: 100%; left: 50%; transform: translateX(-50%);\n}\n.tooltip-arrow--top::before {\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 6px solid var(--Gray-Gray-800);\n}\n\n.tooltip-arrow--bottom {\n  bottom: 100%; left: 50%; transform: translateX(-50%);\n}\n.tooltip-arrow--bottom::before {\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid var(--Gray-Gray-800);\n}\n\n.tooltip-arrow--left {\n  left: 100%; top: 50%; transform: translateY(-50%);\n}\n.tooltip-arrow--left::before {\n  border-top: 6px solid transparent;\n  border-bottom: 6px solid transparent;\n  border-left: 6px solid var(--Gray-Gray-800);\n}\n\n.tooltip-arrow--right {\n  right: 100%; top: 50%; transform: translateY(-50%);\n}\n.tooltip-arrow--right::before {\n  border-top: 6px solid transparent;\n  border-bottom: 6px solid transparent;\n  border-right: 6px solid var(--Gray-Gray-800);\n}\n","import { Component, Prop, State, h } from '@stencil/core';\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type TooltipTrigger = 'hover' | 'click' | 'focus' | 'timeout' | 'static' | 'hidden';\nexport type ArrowPosition = 'start' | 'center' | 'end';\n\n/**\n * @component dropi-tooltip\n * Wraps content and shows a tooltip bubble on hover/focus.\n *\n * @example\n * <dropi-tooltip-v2 text=\"Más información\" position=\"top\">\n *   <dropi-button text=\"Hover\" />\n * </dropi-tooltip-v2>\n */\n@Component({\n  tag: 'dropi-tooltip-v2',\n  styleUrl: 'dropi-tooltip.css',\n  shadow: true,\n})\nexport class DropiTooltipV2 {\n  /** Tooltip text */\n  @Prop() text: string = '';\n  /** Tooltip title (bold, shown with label) */\n  @Prop() title: string = '';\n  /** Tooltip label (shown below title) */\n  @Prop() label: string = '';\n  /** Position: top | bottom | left | right */\n  @Prop() position: TooltipPosition = 'bottom';\n  /** Position of the arrow: start | center | end (matches Angular `arrowPosition`) */\n  @Prop() arrowPosition: ArrowPosition = 'center';\n  /** Trigger: hover | click | focus | timeout | static | hidden */\n  @Prop({ mutable: true }) trigger: TooltipTrigger = 'hover';\n  /** Max CSS width of the bubble */\n  @Prop() maxWidth: string = '280px';\n  /** Min CSS width of the bubble (matches Angular `minWidth`) */\n  @Prop() minWidth: string = '300px';\n  /** Delay in ms before showing */\n  @Prop() showDelay: number = 0;\n  /** Disable the tooltip completely (matches Angular `disabled`) */\n  @Prop() disabled: boolean = false;\n  /** Show the trigger icon (matches Angular `showIcon`) */\n  @Prop() showIcon: boolean = true;\n  /** Show the close (X) button inside the bubble (matches Angular `showX`) */\n  @Prop({ mutable: true }) showX: boolean = false;\n  /** Icon name from the dropi-icon sprite (matches Angular `iconName`) */\n  @Prop() iconName: string = 'Tooltip';\n  /** Icon color token or hex (matches Angular `iconColor`) */\n  @Prop() iconColor: string = '#7B8190';\n  /** Icon size in px without unit (matches Angular `iconSize`) */\n  @Prop() iconSize: string = '14';\n\n  @State() private visible: boolean = false;\n  private showTimer: any = null;\n  private timeoutTimer: any = null;\n\n  componentDidLoad() {\n    if (this.trigger === 'static') this.show();\n    if (this.trigger === 'timeout') this.showWithTimeout();\n  }\n\n  private show = () => {\n    if (this.disabled || this.trigger === 'hidden') return;\n    const content = this.text || this.title || this.label;\n    if (!content.trim()) return;\n    if (this.showDelay > 0) {\n      this.showTimer = setTimeout(() => { this.visible = true; }, this.showDelay);\n    } else {\n      this.visible = true;\n    }\n  };\n\n  private hide = () => {\n    if (this.showTimer) { clearTimeout(this.showTimer); this.showTimer = null; }\n    if (this.timeoutTimer) { clearTimeout(this.timeoutTimer); this.timeoutTimer = null; }\n    this.visible = false;\n  };\n\n  private showWithTimeout() {\n    this.show();\n    this.timeoutTimer = setTimeout(() => this.hide(), 6000);\n  }\n\n  private handleMouseEnter = () => {\n    if (this.trigger !== 'hover') return;\n    this.show();\n  };\n\n  private handleMouseLeave = () => {\n    if (this.trigger !== 'hover') return;\n    setTimeout(() => this.hide(), 10);\n  };\n\n  private handleClick = () => {\n    if (this.trigger !== 'click') return;\n    this.visible ? this.hide() : this.show();\n  };\n\n  private handleFocusin = () => {\n    if (this.trigger !== 'focus') return;\n    this.show();\n  };\n\n  private handleFocusout = () => {\n    if (this.trigger !== 'focus') return;\n    this.hide();\n  };\n\n  private handleClose = () => {\n    if (this.trigger === 'static') {\n      this.trigger = 'hover';\n      this.showX = false;\n    }\n    this.hide();\n  };\n\n  private get displayContent(): string {\n    if (this.text) return this.text;\n    if (this.title && this.label) return `${this.title}\\n${this.label}`;\n    return this.title || this.label || '';\n  }\n\n  render() {\n    const bubbleStyle: any = { maxWidth: this.maxWidth };\n    if (this.minWidth) bubbleStyle.minWidth = this.minWidth;\n\n    return (\n      <div\n        class=\"tooltip-wrapper\"\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onClick={this.handleClick}\n        onFocusin={this.handleFocusin}\n        onFocusout={this.handleFocusout}\n      >\n        {this.showIcon && (\n          <dropi-icon\n            name={this.iconName}\n            iconWidth={`${this.iconSize}px`}\n            iconHeight={`${this.iconSize}px`}\n            color={this.iconColor}\n          />\n        )}\n        <slot />\n\n        {this.displayContent && (\n          <div\n            class={{\n              'tooltip-bubble': true,\n              [`tooltip-bubble--${this.position}`]: true,\n              [`tooltip-bubble--arrow-${this.arrowPosition}`]: true,\n              'tooltip-bubble--visible': this.visible,\n            }}\n            style={bubbleStyle}\n            role=\"tooltip\"\n          >\n            {this.showX && (\n              <button class=\"tooltip-close\" onClick={this.handleClose} aria-label=\"Cerrar\">\n                <dropi-icon name=\"Close-small\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Gray-Gray-500\" />\n              </button>\n            )}\n            {this.title && !this.text && <strong class=\"tooltip-title\">{this.title}</strong>}\n            {this.label && !this.text && <span class=\"tooltip-label\">{this.label}</span>}\n            {this.text && <span>{this.text}</span>}\n            <span class={`tooltip-arrow tooltip-arrow--${this.position}`} />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-tooltip-v2.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-tooltip-v2/dropi-tooltip.css?tag=dropi-tooltip-v2&encapsulation=shadow","src/components/dropi-tooltip-v2/dropi-tooltip.tsx"],"sourcesContent":[":host { display: inline-block; }\n*, *::before, *::after { box-sizing: border-box; }\n\n.tooltip-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; }\n\n.tooltip-bubble {\n  position: absolute; z-index: var(--dropi-z-index-overlay, 11000);\n  background: var(--Gray-Gray-800); color: var(--Neutral-White, #ffffff);\n  font-size: var(--font-size-s,14px); line-height: 1.5;\n  padding: 8px 12px; border-radius: 8px;\n  white-space: normal; pointer-events: none;\n  opacity: 0; transition: opacity 0.15s ease, transform 0.15s ease;\n  word-break: break-word;\n  box-shadow: var(--Shadow-medium);\n  text-align: left;\n  width: max-content;\n}\n.tooltip-bubble--visible { opacity: 1; }\n\n.tooltip-bubble--top    { bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%); }\n.tooltip-bubble--bottom { top: calc(100% + 12px);    left: 50%; transform: translateX(-50%); }\n.tooltip-bubble--left   { right: calc(100% + 12px);  top: 50%;  transform: translateY(-50%); }\n.tooltip-bubble--right  { left: calc(100% + 12px);   top: 50%;  transform: translateY(-50%); }\n\n.tooltip-arrow { position: absolute; width: 12px; height: 6px; }\n.tooltip-arrow::before {\n  content: '';\n  position: absolute;\n  width: 0;\n  height: 0;\n}\n\n.tooltip-arrow--top {\n  top: 100%; left: 50%; transform: translateX(-50%);\n}\n.tooltip-arrow--top::before {\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-top: 6px solid var(--Gray-Gray-800);\n}\n\n.tooltip-arrow--bottom {\n  bottom: 100%; left: 50%; transform: translateX(-50%);\n}\n.tooltip-arrow--bottom::before {\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid var(--Gray-Gray-800);\n}\n\n.tooltip-arrow--left {\n  left: 100%; top: 50%; transform: translateY(-50%);\n}\n.tooltip-arrow--left::before {\n  border-top: 6px solid transparent;\n  border-bottom: 6px solid transparent;\n  border-left: 6px solid var(--Gray-Gray-800);\n}\n\n.tooltip-arrow--right {\n  right: 100%; top: 50%; transform: translateY(-50%);\n}\n.tooltip-arrow--right::before {\n  border-top: 6px solid transparent;\n  border-bottom: 6px solid transparent;\n  border-right: 6px solid var(--Gray-Gray-800);\n}\n","import { Component, Prop, State, h } from '@stencil/core';\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type TooltipTrigger = 'hover' | 'click' | 'focus' | 'timeout' | 'static' | 'hidden';\nexport type ArrowPosition = 'start' | 'center' | 'end';\n\n/**\n * @component dropi-tooltip\n * Wraps content and shows a tooltip bubble on hover/focus.\n *\n * @example\n * <dropi-tooltip-v2 text=\"Más información\" position=\"top\">\n *   <dropi-button text=\"Hover\" />\n * </dropi-tooltip-v2>\n */\n@Component({\n  tag: 'dropi-tooltip-v2',\n  styleUrl: 'dropi-tooltip.css',\n  shadow: true,\n})\nexport class DropiTooltipV2 {\n  /** Tooltip text */\n  @Prop() text: string = '';\n  /** Tooltip title (bold, shown with label) */\n  @Prop() title: string = '';\n  /** Tooltip label (shown below title) */\n  @Prop() label: string = '';\n  /** Position: top | bottom | left | right */\n  @Prop() position: TooltipPosition = 'bottom';\n  /** Position of the arrow: start | center | end (matches Angular `arrowPosition`) */\n  @Prop() arrowPosition: ArrowPosition = 'center';\n  /** Trigger: hover | click | focus | timeout | static | hidden */\n  @Prop({ mutable: true }) trigger: TooltipTrigger = 'hover';\n  /** Max CSS width of the bubble */\n  @Prop() maxWidth: string = '280px';\n  /** Min CSS width of the bubble (matches Angular `minWidth`) */\n  @Prop() minWidth: string = '300px';\n  /** Delay in ms before showing */\n  @Prop() showDelay: number = 0;\n  /** Disable the tooltip completely (matches Angular `disabled`) */\n  @Prop() disabled: boolean = false;\n  /** Show the trigger icon (matches Angular `showIcon`) */\n  @Prop() showIcon: boolean = true;\n  /** Show the close (X) button inside the bubble (matches Angular `showX`) */\n  @Prop({ mutable: true }) showX: boolean = false;\n  /** Icon name from the dropi-icon sprite (matches Angular `iconName`) */\n  @Prop() iconName: string = 'Tooltip';\n  /** Icon color token or hex (matches Angular `iconColor`) */\n  @Prop() iconColor: string = '#7B8190';\n  /** Icon size in px without unit (matches Angular `iconSize`) */\n  @Prop() iconSize: string = '14';\n\n  @State() private visible: boolean = false;\n  private showTimer: any = null;\n  private timeoutTimer: any = null;\n\n  componentDidLoad() {\n    if (this.trigger === 'static') this.show();\n    if (this.trigger === 'timeout') this.showWithTimeout();\n  }\n\n  private show = () => {\n    if (this.disabled || this.trigger === 'hidden') return;\n    const content = this.text || this.title || this.label;\n    if (!content.trim()) return;\n    if (this.showDelay > 0) {\n      this.showTimer = setTimeout(() => { this.visible = true; }, this.showDelay);\n    } else {\n      this.visible = true;\n    }\n  };\n\n  private hide = () => {\n    if (this.showTimer) { clearTimeout(this.showTimer); this.showTimer = null; }\n    if (this.timeoutTimer) { clearTimeout(this.timeoutTimer); this.timeoutTimer = null; }\n    this.visible = false;\n  };\n\n  private showWithTimeout() {\n    this.show();\n    this.timeoutTimer = setTimeout(() => this.hide(), 6000);\n  }\n\n  private handleMouseEnter = () => {\n    if (this.trigger !== 'hover') return;\n    this.show();\n  };\n\n  private handleMouseLeave = () => {\n    if (this.trigger !== 'hover') return;\n    setTimeout(() => this.hide(), 10);\n  };\n\n  private handleClick = () => {\n    if (this.trigger !== 'click') return;\n    this.visible ? this.hide() : this.show();\n  };\n\n  private handleFocusin = () => {\n    if (this.trigger !== 'focus') return;\n    this.show();\n  };\n\n  private handleFocusout = () => {\n    if (this.trigger !== 'focus') return;\n    this.hide();\n  };\n\n  private handleClose = () => {\n    if (this.trigger === 'static') {\n      this.trigger = 'hover';\n      this.showX = false;\n    }\n    this.hide();\n  };\n\n  private get displayContent(): string {\n    if (this.text) return this.text;\n    if (this.title && this.label) return `${this.title}\\n${this.label}`;\n    return this.title || this.label || '';\n  }\n\n  render() {\n    const bubbleStyle: any = { maxWidth: this.maxWidth };\n    if (this.minWidth) bubbleStyle.minWidth = this.minWidth;\n\n    return (\n      <div\n        class=\"tooltip-wrapper\"\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onClick={this.handleClick}\n        onFocusin={this.handleFocusin}\n        onFocusout={this.handleFocusout}\n      >\n        {this.showIcon && (\n          <dropi-icon\n            name={this.iconName}\n            iconWidth={`${this.iconSize}px`}\n            iconHeight={`${this.iconSize}px`}\n            color={this.iconColor}\n          />\n        )}\n        <slot />\n\n        {this.displayContent && (\n          <div\n            class={{\n              'tooltip-bubble': true,\n              [`tooltip-bubble--${this.position}`]: true,\n              [`tooltip-bubble--arrow-${this.arrowPosition}`]: true,\n              'tooltip-bubble--visible': this.visible,\n            }}\n            style={bubbleStyle}\n            role=\"tooltip\"\n          >\n            {this.showX && (\n              <button class=\"tooltip-close\" onClick={this.handleClose} aria-label=\"Cerrar\">\n                <dropi-icon name=\"Close-small\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Gray-Gray-500\" />\n              </button>\n            )}\n            {this.title && !this.text && <strong class=\"tooltip-title\">{this.title}</strong>}\n            {this.label && !this.text && <span class=\"tooltip-label\">{this.label}</span>}\n            {this.text && <span>{this.text}</span>}\n            <span class={`tooltip-arrow tooltip-arrow--${this.position}`} />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-tooltip.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-Cvp2LQOM.js';
+import { r as registerInstance, h } from './index-D0Z06C2b.js';
 
-const dropiTooltipCss = () => `:host{display:inline-block;position:relative}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:1000}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}`;
+const dropiTooltipCss = () => `:host{display:inline-block;position:relative}.tooltip-simple-bubble{position:absolute;background:var(--Gray-Gray-800, #1e293b);color:white;padding:4px 8px;border-radius:4px;font-size:12px;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s;z-index:var(--dropi-z-index-overlay, 11000)}:host(:hover) .tooltip-simple-bubble{opacity:1}.tooltip-simple--outlined .tooltip-simple-bubble{border:1px solid var(--Gray-Gray-300);background:white;color:var(--Gray-Gray-800)}`;
 
 const DropiTooltip = class {
     constructor(hostRef) {

package/dist/dropi-ui/dropi-tooltip.entry.js.map

@@ -1 +1 @@
-{"file":"dropi-tooltip.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,sgBAAsgB,CAAC;;MCWzhB,YAAY,GAAA,MAAA;;;;;IAEf,IAAI,GAAW,EAAE;;IAEjB,QAAQ,GAAY,KAAK;IAEjC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,EAC/E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,EACP,IAAI,CAAC,IAAI,KACR,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAC/B,IAAI,CAAC,IAAI,CACN,CACP,CACG;;;;;;;","names":[],"sources":["src/components/dropi-tooltip/dropi-tooltip.css?tag=dropi-tooltip&encapsulation=shadow","src/components/dropi-tooltip/dropi-tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n}\n\n.tooltip-simple-bubble {\n  position: absolute;\n  background: var(--Gray-Gray-800, #1e293b);\n  color: white;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 12px;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-bottom: 8px;\n  white-space: nowrap;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.2s;\n  z-index: 1000;\n}\n\n:host(:hover) .tooltip-simple-bubble {\n  opacity: 1;\n}\n\n.tooltip-simple--outlined .tooltip-simple-bubble {\n  border: 1px solid var(--Gray-Gray-300);\n  background: white;\n  color: var(--Gray-Gray-800);\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-tooltip\n * Simple tooltip (Legacy version).\n */\n@Component({\n  tag: 'dropi-tooltip',\n  styleUrl: 'dropi-tooltip.css',\n  shadow: true,\n})\nexport class DropiTooltip {\n  /** Tooltip text */\n  @Prop() text: string = '';\n  /** Whether the tooltip has an outline style (matches Angular `outlined`) */\n  @Prop() outlined: boolean = false;\n\n  render() {\n    return (\n      <div class={{ 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined }}>\n        <slot />\n        {this.text && (\n          <div class=\"tooltip-simple-bubble\">\n            {this.text}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-tooltip.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,qiBAAqiB,CAAC;;MCWxjB,YAAY,GAAA,MAAA;;;;;IAEf,IAAI,GAAW,EAAE;;IAEjB,QAAQ,GAAY,KAAK;IAEjC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAA,EAC/E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,EACP,IAAI,CAAC,IAAI,KACR,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uBAAuB,EAAA,EAC/B,IAAI,CAAC,IAAI,CACN,CACP,CACG;;;;;;;","names":[],"sources":["src/components/dropi-tooltip/dropi-tooltip.css?tag=dropi-tooltip&encapsulation=shadow","src/components/dropi-tooltip/dropi-tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: relative;\n}\n\n.tooltip-simple-bubble {\n  position: absolute;\n  background: var(--Gray-Gray-800, #1e293b);\n  color: white;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 12px;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  margin-bottom: 8px;\n  white-space: nowrap;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.2s;\n  z-index: var(--dropi-z-index-overlay, 11000);\n}\n\n:host(:hover) .tooltip-simple-bubble {\n  opacity: 1;\n}\n\n.tooltip-simple--outlined .tooltip-simple-bubble {\n  border: 1px solid var(--Gray-Gray-300);\n  background: white;\n  color: var(--Gray-Gray-800);\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n/**\n * @component dropi-tooltip\n * Simple tooltip (Legacy version).\n */\n@Component({\n  tag: 'dropi-tooltip',\n  styleUrl: 'dropi-tooltip.css',\n  shadow: true,\n})\nexport class DropiTooltip {\n  /** Tooltip text */\n  @Prop() text: string = '';\n  /** Whether the tooltip has an outline style (matches Angular `outlined`) */\n  @Prop() outlined: boolean = false;\n\n  render() {\n    return (\n      <div class={{ 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined }}>\n        <slot />\n        {this.text && (\n          <div class=\"tooltip-simple-bubble\">\n            {this.text}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}