@dropi/ui 0.1.43 → 0.1.44

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: 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}
+{"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({ reflect: true }) 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-switch.entry.js

@@ -6,22 +6,43 @@ const DropiSwitch = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.dropiChange = createEvent(this, "dropiChange", 7);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
     }
+    internals;
+    /** Name for native form submission */
+    name = '';
     /** Whether the switch is on */
     isChecked = false;
     /** Whether the switch is disabled */
     disabled = false;
     /** Emitted when the toggle state changes */
     dropiChange;
+    checkedChanged(val) {
+        this.internals.setFormValue(val ? 'on' : null);
+    }
+    componentWillLoad() {
+        this.internals.setFormValue(this.isChecked ? 'on' : null);
+    }
     onToggleChange(event) {
         const input = event.target;
         this.isChecked = input.checked;
         this.dropiChange.emit(this.isChecked);
     }
     render() {
-        return (h("label", { key: '977f209e9d6411bf386637c1073dca0f5d1c72f3', class: "toggle-switch" }, h("input", { key: '8deef7c0c079d8d5662bd05372eb74d5cc68429f', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: (e) => this.onToggleChange(e) }), h("span", { key: '2f6dd3b87996271d0c6abddc86697791de4da9b1', class: "slider" })));
+        return (h("label", { key: 'b3321fd96a1487210a920f5494708dc2eb05f10c', class: "toggle-switch" }, h("input", { key: 'ee7cfecf443a1c839ce145ade18cc3ff15924816', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: (e) => this.onToggleChange(e) }), h("span", { key: 'c0800bd9a7f52cf666b3e475265da223b852be9a', class: "slider" })));
     }
     static get formAssociated() { return true; }
+    static get watchers() { return {
+        "isChecked": [{
+                "checkedChanged": 0
+            }]
+    }; }
 };
 DropiSwitch.style = dropiSwitchCss();
 

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

@@ -1 +1 @@
-{"file":"dropi-switch.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,wuBAAwuB,CAAC;;MCY1vB,WAAW,GAAA,MAAA;;;;;;IAEkB,SAAS,GAAY,KAAK;;IAEzC,QAAQ,GAAY,KAAK;;AAGzC,IAAA,WAAW;AAEZ,IAAA,cAAc,CAAC,KAAY,EAAA;AACjC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;IAGvC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,eAAe,EAAA,EAC1B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAA,CACvC,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAA,CAAQ,CACtB;;;;;;;;","names":[],"sources":["src/components/dropi-switch/dropi-switch.css?tag=dropi-switch&encapsulation=shadow","src/components/dropi-switch/dropi-switch.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 40px;\n  height: 21px;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--Gray-Gray-200, #c3c9d9);\n  transition: 0.4s;\n  border-radius: 34px;\n}\n\n.slider::before {\n  position: absolute;\n  content: '';\n  height: 17px;\n  width: 17px;\n  left: 3px;\n  bottom: 2px;\n  background-color: var(--Neutral-White, #ffffff);\n  transition: 0.4s;\n  border-radius: 50%;\n}\n\ninput:checked + .slider {\n  background-color: var(--Primary-Primary-500, #f49a3d);\n}\n\ninput:checked + .slider::before {\n  transform: translateX(17px);\n}\n\n:host([disabled]) .toggle-switch {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @component dropi-switch\n * Toggle switch component. Emits dropiChange on toggle.\n */\n@Component({\n  tag: 'dropi-switch',\n  styleUrl: 'dropi-switch.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiSwitch {\n  /** Whether the switch is on */\n  @Prop({ mutable: true, reflect: true }) isChecked: boolean = false;\n  /** Whether the switch is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Emitted when the toggle state changes */\n  @Event() dropiChange: EventEmitter<boolean>;\n\n  private onToggleChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.isChecked = input.checked;\n    this.dropiChange.emit(this.isChecked);\n  }\n\n  render() {\n    return (\n      <label class=\"toggle-switch\">\n        <input\n          type=\"checkbox\"\n          checked={this.isChecked}\n          disabled={this.disabled}\n          onChange={(e) => this.onToggleChange(e)}\n        />\n        <span class=\"slider\"></span>\n      </label>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-switch.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,wuBAAwuB,CAAC;;MCY1vB,WAAW,GAAA,MAAA;;;;;;;;;;;;AACH,IAAA,SAAS;;IAGH,IAAI,GAAW,EAAE;;IAGF,SAAS,GAAY,KAAK;;IAEzC,QAAQ,GAAY,KAAK;;AAGzC,IAAA,WAAW;AAGpB,IAAA,cAAc,CAAC,GAAY,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;;IAGhD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;;AAInD,IAAA,cAAc,CAAC,KAAY,EAAA;AACjC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO;QAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;IAGvC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,eAAe,EAAA,EAC1B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAA,CACvC,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAA,CAAQ,CACtB;;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-switch/dropi-switch.css?tag=dropi-switch&encapsulation=shadow","src/components/dropi-switch/dropi-switch.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 40px;\n  height: 21px;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--Gray-Gray-200, #c3c9d9);\n  transition: 0.4s;\n  border-radius: 34px;\n}\n\n.slider::before {\n  position: absolute;\n  content: '';\n  height: 17px;\n  width: 17px;\n  left: 3px;\n  bottom: 2px;\n  background-color: var(--Neutral-White, #ffffff);\n  transition: 0.4s;\n  border-radius: 50%;\n}\n\ninput:checked + .slider {\n  background-color: var(--Primary-Primary-500, #f49a3d);\n}\n\ninput:checked + .slider::before {\n  transform: translateX(17px);\n}\n\n:host([disabled]) .toggle-switch {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n","import { Component, Prop, Event, EventEmitter, AttachInternals, Watch, h } from '@stencil/core';\n\n/**\n * @component dropi-switch\n * Toggle switch component. Emits dropiChange on toggle.\n */\n@Component({\n  tag: 'dropi-switch',\n  styleUrl: 'dropi-switch.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiSwitch {\n  @AttachInternals() internals: ElementInternals;\n\n  /** Name for native form submission */\n  @Prop({ reflect: true }) name: string = '';\n\n  /** Whether the switch is on */\n  @Prop({ mutable: true, reflect: true }) isChecked: boolean = false;\n  /** Whether the switch is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Emitted when the toggle state changes */\n  @Event() dropiChange: EventEmitter<boolean>;\n\n  @Watch('isChecked')\n  checkedChanged(val: boolean) {\n    this.internals.setFormValue(val ? 'on' : null);\n  }\n\n  componentWillLoad() {\n    this.internals.setFormValue(this.isChecked ? 'on' : null);\n  }\n\n\n  private onToggleChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.isChecked = input.checked;\n    this.dropiChange.emit(this.isChecked);\n  }\n\n  render() {\n    return (\n      <label class=\"toggle-switch\">\n        <input\n          type=\"checkbox\"\n          checked={this.isChecked}\n          disabled={this.disabled}\n          onChange={(e) => this.onToggleChange(e)}\n        />\n        <span class=\"slider\"></span>\n      </label>\n    );\n  }\n}\n"],"version":3}

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

@@ -92,10 +92,10 @@ const DropiTextArea = class {
         this.value = val;
         this.internals.setFormValue(val);
         this.dropiInput.emit(val);
+        this.dropiChange.emit(val);
     }
     handleBlur() {
         this.touched = true;
-        this.dropiChange.emit(this.value);
         this.dropiBlur.emit();
     }
     get resolvedId() {
@@ -110,12 +110,12 @@ const DropiTextArea = class {
     render() {
         const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;
         const showHelper = this.textHelper || this.isInvalid;
-        return (h("div", { key: 'cd317dd0e813d6ce6ae659b56ddac00fa822e68e', class: "textarea-wrapper" }, this.label && (h("label", { key: '220344751b55843a6d1ee3a8188b53e8d0fc5d34', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: '3ddb9f3adac61fa8990f81e16ae6334de8552849', class: "asterisk" }, " *"))), h("div", { key: '1a6d603bd7cfe7e6b37fd20c4dad6c7bc2bf0278', class: "textarea-container" }, h("textarea", { key: '3eb838fece4e03cc68be9e01eeb1e02709a926f9', id: this.resolvedId, class: {
+        return (h("div", { key: '8c25826a54d1f0bec06d8f70211d2bcd873d59a6', class: "textarea-wrapper" }, this.label && (h("label", { key: '58a578753a1248b185d2763aedf50eaaa152c791', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'cf31923103a7594f552df4ec86885f78d0c31779', class: "asterisk" }, " *"))), h("div", { key: '6ea60b6286fd4438389cfda0580379d8fe013adc', class: "textarea-container" }, h("textarea", { key: 'fc5e495d80bfd665e55480668b9fa7ed62651984', id: this.resolvedId, class: {
                 'form-control': true,
                 'Body-M-Regular': true,
                 'form-control-valid': !this.isInvalid && this.touched && !!this.value,
                 'form-control-invalid': this.isInvalid,
-            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxLength, minLength: this.minLength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxLength > 0 && (h("div", { key: '49dfd2cb7fe373769a945c405e58e7716e9489f2', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'e1388e815c35baab42466029ae17914da28c9294', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '39aebce7cca327e9c535ce918d053eb5f106f734', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: 'ae255ca0db1e35e0069ef8b68fa901bced14ba8a', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
+            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxLength, minLength: this.minLength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxLength > 0 && (h("div", { key: '07c350ce7a2e56b466229450645e6faece3d284b', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'c9fbd9a21b7e26fbd9571fc524b6f706404145d3', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '8fc6e34849f9e3175097597280a3bea9defb6bb0', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: '68bf62627efb3de92afe54f7803e322f5a0462e4', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1 +1 @@
-{"file":"dropi-text-area.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-text-area/dropi-text-area.css?tag=dropi-text-area&encapsulation=shadow","src/components/dropi-text-area/dropi-text-area.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.textarea-wrapper {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.textarea-wrapper label {\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.asterisk {\n  color: var(--Error-Error-500, #f46a6b);\n}\n\n.textarea-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\ntextarea.form-control {\n  box-sizing: border-box;\n  width: 100%;\n  flex: 1;\n  overflow: auto;\n  padding: var(--Size-3, 12px);\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-700, #32394d);\n  background: var(--Neutral-White, #ffffff);\n  transition: border-color 0.3s ease-in-out;\n  outline: none;\n  appearance: none;\n}\n\ntextarea.form-control:focus {\n  border-color: var(--Info-Info-500, #50a5f1);\n}\n\ntextarea.form-control:focus::placeholder {\n  color: var(--Gray-Gray-400, #858ea6);\n}\n\ntextarea.form-control-valid {\n  border-color: var(--Gray-Gray-400, #858ea6) !important;\n  color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control-invalid {\n  border-color: var(--Error-Error-500, #f46a6b) !important;\n  color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control:disabled {\n  border-color: var(--Gray-Gray-200, #c3c9d9) !important;\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  cursor: not-allowed;\n}\n\n/* ── Char counter ───────────────────────────────────────────── */\n.char-counter {\n  position: absolute;\n  bottom: 10px;\n  right: 16px;\n  font-size: var(--font-size-xs, 10px);\n  color: var(--Gray-Gray-500, #69738c);\n  pointer-events: none;\n}\n\n/* ── Helper ─────────────────────────────────────────────────── */\n.form-control-helper {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.form-control-helper span {\n  display: block;\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-xs, 10px);\n}\n\n.invalid-color {\n  color: var(--Error-Error-500, #f46a6b) !important;\n}\n","import { Component, Prop, State, Event, EventEmitter, AttachInternals, Watch, h } from '@stencil/core';\n\n/**\n * Simplified TextAreaProperties interface (matches Angular `TextAreaProperties`).\n * `formControl` is intentionally excluded — use `value` + dropiInput event instead.\n */\nexport interface TextAreaProperties {\n  id?: string;\n  label?: string;\n  placeholder?: string;\n  maxLength?: number;\n  minLength?: number;\n  textHelper?: string;\n  rows?: number;\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n}\n\nexport type ResizeMode = 'none' | 'both' | 'horizontal' | 'vertical';\n\n/**\n * @component dropi-text-area\n * Multi-line text area with label, char counter, validation states,\n * helper text, and native form association.\n */\n@Component({\n  tag: 'dropi-text-area',\n  styleUrl: 'dropi-text-area.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiTextArea {\n  @AttachInternals() internals: ElementInternals;\n\n  /** Input id. Defaults to label. */\n  @Prop({ mutable: true }) id: string = '';\n  /** Name for native form submission */\n  @Prop() name: string = '';\n  /** Label shown above the textarea */\n  @Prop({ mutable: true }) label: string = '';\n  /** Placeholder text */\n  @Prop({ mutable: true }) placeholder: string = '';\n  /** Current value (controlled) */\n  @Prop({ mutable: true }) value: string = '';\n  /** Max character length */\n  @Prop({ mutable: true }) maxLength: number;\n  /** Min character length */\n  @Prop({ mutable: true }) minLength: number = 0;\n  /** Number of visible rows */\n  @Prop({ mutable: true }) rows: number = 4;\n  /** Resize behavior */\n  @Prop({ mutable: true }) resize: ResizeMode = 'vertical';\n  /** Disable the textarea */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Mark as required */\n  @Prop({ reflect: true }) required: boolean = false;\n  /** Show the required asterisk */\n  @Prop() showObligatoryAsterisk: boolean = false;\n  /** Helper / error text below the field */\n  @Prop({ mutable: true }) textHelper: string = '';\n  /** Mark the field as invalid (consumer-controlled) */\n  @Prop() hasError: boolean = false;\n  /**\n   * Convenience object prop — matches Angular `textAreaProperties: TextAreaProperties`.\n   * When provided, its non-null fields override individual props.\n   * Note: `formControl` is not supported in web components; use `value` + dropiInput instead.\n   */\n  @Prop() textAreaProperties: TextAreaProperties | null = null;\n\n  @Watch('textAreaProperties')\n  textAreaPropertiesChanged(val: TextAreaProperties) {\n    if (!val) return;\n    if (val.id !== undefined) this.id = val.id;\n    if (val.label !== undefined) this.label = val.label;\n    if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n    if (val.maxLength !== undefined) this.maxLength = val.maxLength;\n    if (val.minLength !== undefined) this.minLength = val.minLength;\n    if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n    if (val.rows !== undefined) this.rows = val.rows;\n    if (val.resize !== undefined) this.resize = val.resize;\n  }\n\n  @State() private touched: boolean = false;\n\n  /** Emitted on every keystroke */\n  @Event() dropiInput: EventEmitter<string>;\n  /** Emitted on blur */\n  @Event() dropiChange: EventEmitter<string>;\n  @Event() dropiFocus: EventEmitter<void>;\n  @Event() dropiBlur: EventEmitter<void>;\n\n  @Watch('value')\n  valueChanged(val: string) {\n    this.internals.setFormValue(val);\n  }\n\n  componentWillLoad() {\n    this.internals.setFormValue(this.value ?? '');\n    if (this.textAreaProperties) this.textAreaPropertiesChanged(this.textAreaProperties);\n  }\n\n  private handleInput(e: InputEvent) {\n    const val = (e.target as HTMLTextAreaElement).value;\n    this.value = val;\n    this.internals.setFormValue(val);\n    this.dropiInput.emit(val);\n  }\n\n  private handleBlur() {\n    this.touched = true;\n    this.dropiChange.emit(this.value);\n    this.dropiBlur.emit();\n  }\n\n  private get resolvedId(): string {\n    return this.id || this.label;\n  }\n\n  private get isInvalid(): boolean {\n    return this.hasError && this.touched;\n  }\n\n  private get charCount(): number {\n    return this.value?.length ?? 0;\n  }\n\n  render() {\n    const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;\n    const showHelper = this.textHelper || this.isInvalid;\n\n    return (\n      <div class=\"textarea-wrapper\">\n\n        {this.label && (\n          <label\n            htmlFor={this.resolvedId}\n            style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' }}\n          >\n            {this.label}\n            {showAsterisk && <span class=\"asterisk\"> *</span>}\n          </label>\n        )}\n\n        <div class=\"textarea-container\">\n          <textarea\n            id={this.resolvedId}\n            class={{\n              'form-control': true,\n              'Body-M-Regular': true,\n              'form-control-valid': !this.isInvalid && this.touched && !!this.value,\n              'form-control-invalid': this.isInvalid,\n            }}\n            rows={this.rows}\n            placeholder={this.placeholder}\n            maxLength={this.maxLength}\n            minLength={this.minLength}\n            disabled={this.disabled}\n            required={this.required}\n            style={{ resize: this.resize }}\n            onInput={(e) => this.handleInput(e as InputEvent)}\n            onFocus={() => this.dropiFocus.emit()}\n            onBlur={() => this.handleBlur()}\n          >\n            {this.value}\n          </textarea>\n\n          {this.maxLength > 0 && (\n            <div class=\"char-counter\">\n              {this.charCount}/{this.maxLength}\n            </div>\n          )}\n        </div>\n\n        {showHelper && (\n          <div class=\"form-control-helper\">\n            {this.isInvalid && (\n              <dropi-icon name=\"Warning-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Error-Error-500\" />\n            )}\n            <span\n              class={{ 'invalid-color': this.isInvalid }}\n              style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : undefined }}\n            >\n              {this.textHelper}\n            </span>\n          </div>\n        )}\n\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"dropi-text-area.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,gwDAAgwD,CAAC;;MC8BpxD,aAAa,GAAA,MAAA;;;;;;;;;;;;;;;AACL,IAAA,SAAS;;IAGH,EAAE,GAAW,EAAE;;IAEf,IAAI,GAAW,EAAE;;IAEjB,KAAK,GAAW,EAAE;;IAElB,WAAW,GAAW,EAAE;;IAExB,KAAK,GAAW,EAAE;;AAElB,IAAA,SAAS;;IAET,SAAS,GAAW,CAAC;;IAErB,IAAI,GAAW,CAAC;;IAEhB,MAAM,GAAe,UAAU;;IAE/B,QAAQ,GAAY,KAAK;;IAEzB,QAAQ,GAAY,KAAK;;IAE1C,sBAAsB,GAAY,KAAK;;IAEtB,UAAU,GAAW,EAAE;;IAExC,QAAQ,GAAY,KAAK;AACjC;;;;AAIG;IACK,kBAAkB,GAA8B,IAAI;AAG5D,IAAA,yBAAyB,CAAC,GAAuB,EAAA;AAC/C,QAAA,IAAI,CAAC,GAAG;YAAE;AACV,QAAA,IAAI,GAAG,CAAC,EAAE,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE;AAC1C,QAAA,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK;AACnD,QAAA,IAAI,GAAG,CAAC,WAAW,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW;AACrE,QAAA,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/D,QAAA,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,SAAS;AAC/D,QAAA,IAAI,GAAG,CAAC,UAAU,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,UAAU;AAClE,QAAA,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;AAChD,QAAA,IAAI,GAAG,CAAC,MAAM,KAAK,SAAS;AAAE,YAAA,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM;;IAGvC,OAAO,GAAY,KAAK;;AAGhC,IAAA,UAAU;;AAEV,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,SAAS;AAGlB,IAAA,YAAY,CAAC,GAAW,EAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC;;IAGlC,iBAAiB,GAAA;QACf,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QAC7C,IAAI,IAAI,CAAC,kBAAkB;AAAE,YAAA,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,kBAAkB,CAAC;;AAG9E,IAAA,WAAW,CAAC,CAAa,EAAA;AAC/B,QAAA,MAAM,GAAG,GAAI,CAAC,CAAC,MAA8B,CAAC,KAAK;AACnD,QAAA,IAAI,CAAC,KAAK,GAAG,GAAG;AAChB,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC;AAChC,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGpB,UAAU,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;;AAGvB,IAAA,IAAY,UAAU,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK;;AAG9B,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;;AAGtC,IAAA,IAAY,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;;IAGhC,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,sBAAsB,IAAI,CAAC,IAAI,CAAC,QAAQ;QACnF,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;QAEpD,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAE1B,IAAI,CAAC,KAAK,KACT,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,sBAAsB,GAAG,sBAAsB,EAAE,EAAA,EAEhF,IAAI,CAAC,KAAK,EACV,YAAY,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAA,EAAA,IAAA,CAAU,CAC3C,CACT,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,IAAI,CAAC,UAAU,EACnB,KAAK,EAAE;AACL,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,gBAAgB,EAAE,IAAI;AACtB,gBAAA,oBAAoB,EAAE,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK;gBACrE,sBAAsB,EAAE,IAAI,CAAC,SAAS;aACvC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAe,CAAC,EACjD,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EACrC,MAAM,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IAE9B,IAAI,CAAC,KAAK,CACF,EAEV,IAAI,CAAC,SAAS,GAAG,CAAC,KACjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,SAAS,OAAG,IAAI,CAAC,SAAS,CAC5B,CACP,CACG,EAEL,UAAU,KACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC7B,IAAI,CAAC,SAAS,KACb,mEAAY,IAAI,EAAC,gBAAgB,EAAC,SAAS,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAA,CAAG,CAChG,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,SAAS,EAAE,EAC1C,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,sBAAsB,GAAG,SAAS,EAAE,EAAA,EAEnE,IAAI,CAAC,UAAU,CACX,CACH,CACP,CAEG;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-text-area/dropi-text-area.css?tag=dropi-text-area&encapsulation=shadow","src/components/dropi-text-area/dropi-text-area.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\n.textarea-wrapper {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.textarea-wrapper label {\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.asterisk {\n  color: var(--Error-Error-500, #f46a6b);\n}\n\n.textarea-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n\ntextarea.form-control {\n  box-sizing: border-box;\n  width: 100%;\n  flex: 1;\n  overflow: auto;\n  padding: var(--Size-3, 12px);\n  border: 1px solid var(--Gray-Gray-200, #c3c9d9);\n  border-radius: var(--Border-2, 8px);\n  font-size: var(--font-size-s, 12px);\n  font-family: inherit;\n  color: var(--Gray-Gray-700, #32394d);\n  background: var(--Neutral-White, #ffffff);\n  transition: border-color 0.3s ease-in-out;\n  outline: none;\n  appearance: none;\n}\n\ntextarea.form-control:focus {\n  border-color: var(--Info-Info-500, #50a5f1);\n}\n\ntextarea.form-control:focus::placeholder {\n  color: var(--Gray-Gray-400, #858ea6);\n}\n\ntextarea.form-control-valid {\n  border-color: var(--Gray-Gray-400, #858ea6) !important;\n  color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control-invalid {\n  border-color: var(--Error-Error-500, #f46a6b) !important;\n  color: var(--Gray-Gray-600, #475066);\n}\n\ntextarea.form-control:disabled {\n  border-color: var(--Gray-Gray-200, #c3c9d9) !important;\n  color: var(--Gray-Gray-400, #858ea6);\n  background-color: var(--Gray-Gray-50, #f7f8fa);\n  cursor: not-allowed;\n}\n\n/* ── Char counter ───────────────────────────────────────────── */\n.char-counter {\n  position: absolute;\n  bottom: 10px;\n  right: 16px;\n  font-size: var(--font-size-xs, 10px);\n  color: var(--Gray-Gray-500, #69738c);\n  pointer-events: none;\n}\n\n/* ── Helper ─────────────────────────────────────────────────── */\n.form-control-helper {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\n.form-control-helper span {\n  display: block;\n  color: var(--Gray-Gray-600, #475066);\n  font-size: var(--font-size-xs, 10px);\n}\n\n.invalid-color {\n  color: var(--Error-Error-500, #f46a6b) !important;\n}\n","import { Component, Prop, State, Event, EventEmitter, AttachInternals, Watch, h } from '@stencil/core';\n\n/**\n * Simplified TextAreaProperties interface (matches Angular `TextAreaProperties`).\n * `formControl` is intentionally excluded — use `value` + dropiInput event instead.\n */\nexport interface TextAreaProperties {\n  id?: string;\n  label?: string;\n  placeholder?: string;\n  maxLength?: number;\n  minLength?: number;\n  textHelper?: string;\n  rows?: number;\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical';\n}\n\nexport type ResizeMode = 'none' | 'both' | 'horizontal' | 'vertical';\n\n/**\n * @component dropi-text-area\n * Multi-line text area with label, char counter, validation states,\n * helper text, and native form association.\n */\n@Component({\n  tag: 'dropi-text-area',\n  styleUrl: 'dropi-text-area.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DropiTextArea {\n  @AttachInternals() internals: ElementInternals;\n\n  /** Input id. Defaults to label. */\n  @Prop({ mutable: true }) id: string = '';\n  /** Name for native form submission */\n  @Prop({ reflect: true }) name: string = '';\n  /** Label shown above the textarea */\n  @Prop({ mutable: true }) label: string = '';\n  /** Placeholder text */\n  @Prop({ mutable: true }) placeholder: string = '';\n  /** Current value (controlled) */\n  @Prop({ mutable: true }) value: string = '';\n  /** Max character length */\n  @Prop({ mutable: true }) maxLength: number;\n  /** Min character length */\n  @Prop({ mutable: true }) minLength: number = 0;\n  /** Number of visible rows */\n  @Prop({ mutable: true }) rows: number = 4;\n  /** Resize behavior */\n  @Prop({ mutable: true }) resize: ResizeMode = 'vertical';\n  /** Disable the textarea */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Mark as required */\n  @Prop({ reflect: true }) required: boolean = false;\n  /** Show the required asterisk */\n  @Prop() showObligatoryAsterisk: boolean = false;\n  /** Helper / error text below the field */\n  @Prop({ mutable: true }) textHelper: string = '';\n  /** Mark the field as invalid (consumer-controlled) */\n  @Prop() hasError: boolean = false;\n  /**\n   * Convenience object prop — matches Angular `textAreaProperties: TextAreaProperties`.\n   * When provided, its non-null fields override individual props.\n   * Note: `formControl` is not supported in web components; use `value` + dropiInput instead.\n   */\n  @Prop() textAreaProperties: TextAreaProperties | null = null;\n\n  @Watch('textAreaProperties')\n  textAreaPropertiesChanged(val: TextAreaProperties) {\n    if (!val) return;\n    if (val.id !== undefined) this.id = val.id;\n    if (val.label !== undefined) this.label = val.label;\n    if (val.placeholder !== undefined) this.placeholder = val.placeholder;\n    if (val.maxLength !== undefined) this.maxLength = val.maxLength;\n    if (val.minLength !== undefined) this.minLength = val.minLength;\n    if (val.textHelper !== undefined) this.textHelper = val.textHelper;\n    if (val.rows !== undefined) this.rows = val.rows;\n    if (val.resize !== undefined) this.resize = val.resize;\n  }\n\n  @State() private touched: boolean = false;\n\n  /** Emitted on every keystroke */\n  @Event() dropiInput: EventEmitter<string>;\n  /** Emitted on blur */\n  @Event() dropiChange: EventEmitter<string>;\n  @Event() dropiFocus: EventEmitter<void>;\n  @Event() dropiBlur: EventEmitter<void>;\n\n  @Watch('value')\n  valueChanged(val: string) {\n    this.internals.setFormValue(val);\n  }\n\n  componentWillLoad() {\n    this.internals.setFormValue(this.value ?? '');\n    if (this.textAreaProperties) this.textAreaPropertiesChanged(this.textAreaProperties);\n  }\n\n  private handleInput(e: InputEvent) {\n    const val = (e.target as HTMLTextAreaElement).value;\n    this.value = val;\n    this.internals.setFormValue(val);\n    this.dropiInput.emit(val);\n    this.dropiChange.emit(val);\n  }\n\n  private handleBlur() {\n    this.touched = true;\n    this.dropiBlur.emit();\n  }\n\n  private get resolvedId(): string {\n    return this.id || this.label;\n  }\n\n  private get isInvalid(): boolean {\n    return this.hasError && this.touched;\n  }\n\n  private get charCount(): number {\n    return this.value?.length ?? 0;\n  }\n\n  render() {\n    const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;\n    const showHelper = this.textHelper || this.isInvalid;\n\n    return (\n      <div class=\"textarea-wrapper\">\n\n        {this.label && (\n          <label\n            htmlFor={this.resolvedId}\n            style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' }}\n          >\n            {this.label}\n            {showAsterisk && <span class=\"asterisk\"> *</span>}\n          </label>\n        )}\n\n        <div class=\"textarea-container\">\n          <textarea\n            id={this.resolvedId}\n            class={{\n              'form-control': true,\n              'Body-M-Regular': true,\n              'form-control-valid': !this.isInvalid && this.touched && !!this.value,\n              'form-control-invalid': this.isInvalid,\n            }}\n            rows={this.rows}\n            placeholder={this.placeholder}\n            maxLength={this.maxLength}\n            minLength={this.minLength}\n            disabled={this.disabled}\n            required={this.required}\n            style={{ resize: this.resize }}\n            onInput={(e) => this.handleInput(e as InputEvent)}\n            onFocus={() => this.dropiFocus.emit()}\n            onBlur={() => this.handleBlur()}\n          >\n            {this.value}\n          </textarea>\n\n          {this.maxLength > 0 && (\n            <div class=\"char-counter\">\n              {this.charCount}/{this.maxLength}\n            </div>\n          )}\n        </div>\n\n        {showHelper && (\n          <div class=\"form-control-helper\">\n            {this.isInvalid && (\n              <dropi-icon name=\"Warning-circle\" iconWidth=\"12px\" iconHeight=\"12px\" color=\"Error-Error-500\" />\n            )}\n            <span\n              class={{ 'invalid-color': this.isInvalid }}\n              style={{ color: this.disabled ? 'var(--Gray-Gray-400)' : undefined }}\n            >\n              {this.textHelper}\n            </span>\n          </div>\n        )}\n\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/dropi-ui/dropi-ui.esm.js

@@ -43,7 +43,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"dropi-table\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"showCheckbox\":[4,\"show-checkbox\"],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"tableTitle\":[1,\"table-title\"],\"showSearch\":[4,\"show-search\"],\"showColumnSelector\":[4,\"show-column-selector\"],\"showPaginator\":[4,\"show-paginator\"],\"pageSizes\":[1,\"page-sizes\"],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[2,\"total-pages\"],\"rowActions\":[1,\"row-actions\"],\"headers\":[1],\"data\":[1],\"selectedRowIds\":[16],\"childData\":[1,\"child-data\"],\"visibleRowsChildrens\":[1,\"visible-rows-childrens\"],\"dropiTableConfiguration\":[8,\"dropi-table-configuration\"],\"dropiTableBackendParams\":[8,\"dropi-table-backend-params\"],\"isCursorPagination\":[4,\"is-cursor-pagination\"],\"parsedColumns\":[32],\"parsedRows\":[32],\"parsedPageSizes\":[32],\"parsedRowActions\":[32],\"sortKey\":[32],\"sortDir\":[32],\"sortAsc\":[32],\"selectedKeys\":[32],\"searchTerm\":[32],\"pageSize\":[32],\"showColumnMenu\":[32],\"hiddenColumns\":[32],\"openActionRow\":[32]},null,{\"columns\":[{\"columnsChanged\":0}],\"rows\":[{\"rowsChanged\":0}],\"pageSizes\":[{\"pageSizesChanged\":0}],\"rowActions\":[{\"rowActionsChanged\":0}],\"headers\":[{\"headersChanged\":0}],\"data\":[{\"dataChanged\":0}]}]]],[\"dropi-alert-modal\",[[772,\"dropi-alert-modal\",{\"visible\":[1544],\"type\":[1025],\"tittle\":[1025],\"message\":[1025],\"primaryButton\":[1025,\"primary-button\"],\"secondaryButton\":[1025,\"secondary-button\"],\"loading\":[4],\"closable\":[1028],\"displayButtons\":[1028,\"display-buttons\"],\"loadingTitle\":[1025,\"loading-title\"],\"loadingMessage\":[1025,\"loading-message\"],\"isStep\":[4,\"is-step\"],\"baseZIndex\":[2,\"base-z-index\"],\"isWhiteLabel\":[4,\"is-white-label\"],\"params\":[8],\"show\":[64],\"hide\":[64]},null,{\"params\":[{\"paramsChanged\":0}]}]]],[\"dropi-file-upload\",[[513,\"dropi-file-upload\",{\"title\":[1],\"label\":[1],\"textDropZone\":[1,\"text-drop-zone\"],\"textButton\":[1,\"text-button\"],\"previewType\":[1,\"preview-type\"],\"multiple\":[4],\"maxFiles\":[2,\"max-files\"],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"accept\":[1],\"onlyView\":[4,\"only-view\"],\"viewDragAndDrop\":[4,\"view-drag-and-drop\"],\"dragAndDropSize\":[1,\"drag-and-drop-size\"],\"selectedFiles\":[32],\"error\":[32],\"errorMessage\":[32],\"dragging\":[32]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"salePrice\":[2,\"sale-price\"],\"suggestedPrice\":[2,\"suggested-price\"],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"stock\":[2],\"supplierCategory\":[1,\"supplier-category\"],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"height\":[1],\"isInSelect\":[4,\"is-in-select\"],\"parameters\":[16],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[769,\"dropi-empty-state\",{\"title\":[1],\"description\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"dropiIcon\":[1,\"dropi-icon\"],\"buttonSeverity\":[1,\"button-severity\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[513,\"dropi-search\",{\"type\":[1],\"placeholder\":[1],\"textInput\":[1025,\"text-input\"],\"typeInput\":[1,\"type-input\"],\"maxLength\":[2,\"max-length\"],\"showIcon\":[4,\"show-icon\"],\"showClear\":[4,\"show-clear\"],\"dataToSearch\":[1,\"data-to-search\"],\"dataName\":[1,\"data-name\"],\"position\":[1],\"multipleSelectModel\":[4,\"multiple-select-model\"],\"heightOverlay\":[2,\"height-overlay\"],\"label\":[1],\"model\":[1025],\"open\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"dataToSearch\":[{\"optionsChanged\":0}]}]]],[\"dropi-accordion-item\",[[769,\"dropi-accordion-item\",{\"sectionTitle\":[1,\"section-title\"],\"index\":[2],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"slugName\":[1,\"slug-name\"],\"viewOnWhiteBrand\":[4,\"view-on-white-brand\"],\"viewOnlyCountries\":[16],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"state\":[1025],\"title\":[1],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-country-selector\",[[513,\"dropi-country-selector\",{\"label\":[1],\"placeholder\":[1],\"currentSelection\":[1025,\"current-selection\"],\"disabled\":[4],\"showObligatory\":[4,\"show-obligatory\"],\"hasError\":[4,\"has-error\"],\"textHelper\":[1,\"text-helper\"],\"searchTerm\":[1025,\"search-term\"],\"selectProperties\":[8,\"select-properties\"],\"appendTo\":[1,\"append-to\"],\"isOpen\":[32],\"selected\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"currentSelection\":[{\"currentSelectionChanged\":0}],\"selectProperties\":[{\"selectPropertiesChanged\":0}]}]]],[\"dropi-date-picker\",[[513,\"dropi-date-picker\",{\"selectedDate\":[1025,\"selected-date\"],\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"selectionMode\":[1,\"selection-mode\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"isInvalid\":[4,\"is-invalid\"],\"loading\":[4],\"open\":[32],\"viewYear\":[32],\"viewMonth\":[32],\"hoverDate\":[32]},[[4,\"click\",\"handleDocClick\"]]]]],[\"dropi-drawer\",[[769,\"dropi-drawer\",{\"drawerTitle\":[1,\"drawer-title\"],\"drawerIsOpen\":[1032,\"drawer-is-open\"],\"open\":[1032],\"position\":[1],\"size\":[1],\"width\":[1],\"height\":[1],\"headless\":[4],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}],\"drawerIsOpen\":[{\"openChanged\":0}]}]]],[\"dropi-favorite-button\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload-progress-bar\",[[513,\"dropi-file-upload-progress-bar\",{\"textFile\":[1,\"text-file\"],\"progress\":[2],\"type\":[1025],\"urlImage\":[1,\"url-image\"],\"isPreview\":[4,\"is-preview\"],\"disabled\":[4],\"fileExtension\":[32]},null,{\"progress\":[{\"handleProgress\":0}],\"textFile\":[{\"handleTextFile\":0}]}]]],[\"dropi-image-miniature\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay\",[[513,\"dropi-image-overlay\",{\"visible\":[1032],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-media-player\",[[513,\"dropi-media-player\",{\"src\":[1],\"mediaType\":[1,\"media-type\"],\"poster\":[1],\"autoplay\":[4],\"loop\":[4],\"initialVolume\":[2,\"initial-volume\"],\"format\":[1],\"playing\":[32],\"currentTimeStr\":[32],\"durationStr\":[32],\"duration\":[32],\"volume\":[32],\"muted\":[32],\"showControls\":[32],\"isFullscreen\":[32],\"progress\":[32],\"speed\":[32],\"showSpeedMenu\":[32],\"showVolumeSlider\":[32]},[[4,\"click\",\"handleDocClick\"]]]]],[\"dropi-navbar\",[[513,\"dropi-navbar\",{\"logoUrl\":[1,\"logo-url\"],\"logoAlt\":[1,\"logo-alt\"],\"data\":[1],\"title\":[1],\"activeId\":[1,\"active-id\"],\"userName\":[1,\"user-name\"],\"userAvatar\":[1,\"user-avatar\"],\"notifications\":[2],\"showMenuToggle\":[4,\"show-menu-toggle\"]}]]],[\"dropi-phone-input\",[[513,\"dropi-phone-input\",{\"codArea\":[1025,\"cod-area\"],\"ngModelPhone\":[1025,\"ng-model-phone\"],\"phoneNumberPlaceholder\":[1,\"phone-number-placeholder\"],\"disabledInput\":[4,\"disabled-input\"],\"isValidPhone\":[4,\"is-valid-phone\"],\"validateOnInit\":[4,\"validate-on-init\"],\"selectedOption\":[1032,\"selected-option\"],\"selectProperties\":[8,\"select-properties\"],\"open\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"codArea\":[{\"codAreaChanged\":0}],\"selectedOption\":[{\"selectedOptionChanged\":0}]}]]],[\"dropi-radio-selection-list\",[[513,\"dropi-radio-selection-list\",{\"options\":[1],\"selectedOption\":[1032,\"selected-option\"],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"alwaysShowDescription\":[4,\"always-show-description\"],\"typeLayout\":[1,\"type-layout\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[577,\"dropi-select\",{\"label\":[1025],\"placeholder\":[1025],\"options\":[1040],\"name\":[1],\"disabled\":[516],\"hasError\":[1028,\"has-error\"],\"errorText\":[1025,\"error-text\"],\"textHelper\":[1025,\"text-helper\"],\"showObligatory\":[1028,\"show-obligatory\"],\"searchEnabled\":[1028,\"search-enabled\"],\"multiSelect\":[1028,\"multi-select\"],\"dropdownType\":[1028,\"dropdown-type\"],\"showCountryFlags\":[4,\"show-country-flags\"],\"radioOptions\":[1028,\"radio-options\"],\"placeHolderSearch\":[1,\"place-holder-search\"],\"preIcon\":[1025,\"pre-icon\"],\"defaultSelectedId\":[1032,\"default-selected-id\"],\"selectedOption\":[1040],\"overlayClass\":[1,\"overlay-class\"],\"withinModal\":[4,\"within-modal\"],\"selectProperties\":[8,\"select-properties\"],\"isOpen\":[32],\"_selectedOption\":[32],\"multiSelected\":[32],\"filteredOptions\":[32],\"searchTerm\":[32],\"dropdownStyle\":[32],\"setById\":[64],\"setByLabel\":[64],\"clearSelection\":[64],\"resetMultiSelect\":[64]},[[11,\"scroll\",\"handleWindowScroll\"],[9,\"resize\",\"handleWindowResize\"],[4,\"click\",\"handleOutsideClick\"]],{\"selectProperties\":[{\"selectPropertiesChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"defaultSelectedId\":[{\"defaultChanged\":0}],\"selectedOption\":[{\"valueChanged\":0}]}]]],[\"dropi-sidebar\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"],\"state\":[1]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"configuration\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"stopAction\":[4,\"stop-action\"],\"parsedTabs\":[32]},null,{\"configuration\":[{\"tabsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"id\":[1025],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"minLength\":[1026,\"min-length\"],\"rows\":[1026],\"resize\":[1025],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[4,\"show-obligatory-asterisk\"],\"textHelper\":[1025,\"text-helper\"],\"hasError\":[4,\"has-error\"],\"textAreaProperties\":[16],\"touched\":[32]},null,{\"textAreaProperties\":[{\"textAreaPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2\",[[769,\"dropi-tooltip-v2\",{\"text\":[1],\"title\":[1],\"label\":[1],\"position\":[1],\"arrowPosition\":[1,\"arrow-position\"],\"trigger\":[1025],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"showDelay\":[2,\"show-delay\"],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showX\":[1028,\"show-x\"],\"iconName\":[1,\"icon-name\"],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[1,\"icon-size\"],\"visible\":[32]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[8,\"show-navigators\"],\"showIndicators\":[8,\"show-indicators\"],\"autoplayInterval\":[2,\"autoplay-interval\"],\"circular\":[8],\"parsedValue\":[32],\"internalPage\":[32],\"isAnimating\":[32],\"totalPages\":[32]},null,{\"value\":[{\"handleValue\":0}],\"page\":[{\"handlePage\":0}]}]]],[\"dropi-color-picker\",[[513,\"dropi-color-picker\",{\"currentColor\":[1025,\"current-color\"],\"position\":[1],\"color\":[32],\"hue\":[32],\"saturation\":[32],\"currentVal\":[32],\"opacity\":[32],\"showEdit\":[32]},null,{\"value\":[{\"onValueChange\":0}]}]]],[\"dropi-date-picker-range\",[[513,\"dropi-date-picker-range\",{\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"showLabel\":[4,\"show-label\"],\"placeholder\":[1],\"loading\":[4],\"maxDaysRange\":[2,\"max-days-range\"],\"hideTodayRangeShortcut\":[4,\"hide-today-range-shortcut\"],\"start\":[32],\"end\":[32],\"activeRange\":[32],\"showWarning\":[32]},null,{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[513,\"dropi-otp-send-code\",{\"engine\":[1],\"labelContact\":[1,\"label-contact\"],\"showLabelContact\":[4,\"show-label-contact\"],\"errorMessage\":[1,\"error-message\"],\"digitsCount\":[2,\"digits-count\"],\"digits\":[32],\"digitStates\":[32],\"countdown\":[32],\"canResend\":[32],\"error\":[32]},null,{\"digitsCount\":[{\"handleDigitsCountChange\":0}]}]]],[\"dropi-progress-bar\",[[513,\"dropi-progress-bar\",{\"value\":[2],\"severity\":[1],\"height\":[1],\"showValue\":[4,\"show-value\"],\"trackColor\":[1,\"track-color\"],\"color\":[1]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[1],\"id\":[1],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}]}]]],[\"dropi-read-more\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"textStyle\":[1,\"text-style\"],\"buttonStyle\":[1,\"button-style\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper\",[[513,\"dropi-simple-stepper\",{\"stepsCount\":[2,\"steps-count\"],\"typeStep\":[1,\"type-step\"],\"currentStep\":[2,\"current-step\"],\"labelStepper\":[1,\"label-stepper\"],\"flowMode\":[1,\"flow-mode\"],\"white_brand\":[1]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"iconWidth\":[1,\"icon-width\"],\"iconHeight\":[1,\"icon-height\"],\"color\":[1],\"strokeWidth\":[1,\"stroke-width\"]},null,{\"iconWidth\":[{\"widthChanged\":0}],\"iconHeight\":[{\"heightChanged\":0}],\"color\":[{\"colorChanged\":0}],\"strokeWidth\":[{\"strokeWidthChanged\":0}]}]]],[\"dropi-alert\",[[513,\"dropi-alert\",{\"message\":[1],\"type\":[1],\"state\":[1],\"dismissable\":[4],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"anchorText\":[1,\"anchor-text\"],\"anchorUrl\":[1,\"anchor-url\"],\"showAlert\":[1028,\"show-alert\"],\"textLink\":[1,\"text-link\"],\"linkUrl\":[1,\"link-url\"],\"clickedText\":[1,\"clicked-text\"]}]]],[\"dropi-ilustration-icon\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-input\",[[577,\"dropi-input\",{\"inputId\":[1025,\"input-id\"],\"name\":[1],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[1028,\"show-obligatory-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1025,\"input-mode\"],\"passwordInput\":[1028,\"password-input\"],\"isMoneyInput\":[1028,\"is-money-input\"],\"isThousandSeparator\":[1028,\"is-thousand-separator\"],\"isNumericInput\":[1028,\"is-numeric-input\"],\"allowDecimals\":[1028,\"allow-decimals\"],\"isLettersOnly\":[1028,\"is-letters-only\"],\"icon\":[1025],\"iconColor\":[1025,\"icon-color\"],\"hasError\":[1028,\"has-error\"],\"textHelper\":[1025,\"text-helper\"],\"showHelperOnlyOnError\":[1028,\"show-helper-only-on-error\"],\"inputProperties\":[8,\"input-properties\"],\"showPassword\":[32],\"touched\":[32]},null,{\"inputProperties\":[{\"inputPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}]]],[\"dropi-paginator\",[[513,\"dropi-paginator\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"disabled\":[4],\"maxVisiblePages\":[2,\"max-visible-pages\"],\"isNotTotalPages\":[4,\"is-not-total-pages\"],\"noLabels\":[4,\"no-labels\"]}]]],[\"dropi-tag\",[[513,\"dropi-tag\",{\"variant\":[513],\"type\":[513],\"state\":[513],\"showIcon\":[4,\"show-icon\"],\"icon\":[513],\"text\":[513]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}],\"variant\":[{\"propsChanged\":0}]}]]],[\"dropi-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"isDraggable\":[4,\"is-draggable\"],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"dismiss\":[64],\"openModalExternally\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-button\",[[769,\"dropi-button\",{\"type\":[1],\"severity\":[1],\"size\":[1],\"state\":[1],\"fullWidth\":[516,\"full-width\"],\"preIcon\":[1,\"pre-icon\"],\"postIcon\":[1,\"post-icon\"],\"customIconColor\":[1,\"custom-icon-color\"],\"text\":[1]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"checked\":[1540],\"disabled\":[516]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"dropi-table\",[[513,\"dropi-table\",{\"columns\":[1],\"rows\":[1],\"showCheckbox\":[4,\"show-checkbox\"],\"loading\":[4],\"emptyMessage\":[1,\"empty-message\"],\"tableTitle\":[1,\"table-title\"],\"showSearch\":[4,\"show-search\"],\"showColumnSelector\":[4,\"show-column-selector\"],\"showPaginator\":[4,\"show-paginator\"],\"pageSizes\":[1,\"page-sizes\"],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[2,\"total-pages\"],\"rowActions\":[1,\"row-actions\"],\"headers\":[1],\"data\":[1],\"selectedRowIds\":[16],\"childData\":[1,\"child-data\"],\"visibleRowsChildrens\":[1,\"visible-rows-childrens\"],\"dropiTableConfiguration\":[8,\"dropi-table-configuration\"],\"dropiTableBackendParams\":[8,\"dropi-table-backend-params\"],\"isCursorPagination\":[4,\"is-cursor-pagination\"],\"parsedColumns\":[32],\"parsedRows\":[32],\"parsedPageSizes\":[32],\"parsedRowActions\":[32],\"sortKey\":[32],\"sortDir\":[32],\"sortAsc\":[32],\"selectedKeys\":[32],\"searchTerm\":[32],\"pageSize\":[32],\"showColumnMenu\":[32],\"hiddenColumns\":[32],\"openActionRow\":[32]},null,{\"columns\":[{\"columnsChanged\":0}],\"rows\":[{\"rowsChanged\":0}],\"pageSizes\":[{\"pageSizesChanged\":0}],\"rowActions\":[{\"rowActionsChanged\":0}],\"headers\":[{\"headersChanged\":0}],\"data\":[{\"dataChanged\":0}]}]]],[\"dropi-alert-modal\",[[772,\"dropi-alert-modal\",{\"visible\":[1544],\"type\":[1025],\"tittle\":[1025],\"message\":[1025],\"primaryButton\":[1025,\"primary-button\"],\"secondaryButton\":[1025,\"secondary-button\"],\"loading\":[4],\"closable\":[1028],\"displayButtons\":[1028,\"display-buttons\"],\"loadingTitle\":[1025,\"loading-title\"],\"loadingMessage\":[1025,\"loading-message\"],\"isStep\":[4,\"is-step\"],\"baseZIndex\":[2,\"base-z-index\"],\"isWhiteLabel\":[4,\"is-white-label\"],\"params\":[8],\"show\":[64],\"hide\":[64]},null,{\"params\":[{\"paramsChanged\":0}]}]]],[\"dropi-file-upload\",[[513,\"dropi-file-upload\",{\"title\":[1],\"label\":[1],\"textDropZone\":[1,\"text-drop-zone\"],\"textButton\":[1,\"text-button\"],\"previewType\":[1,\"preview-type\"],\"multiple\":[4],\"maxFiles\":[2,\"max-files\"],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"accept\":[1],\"onlyView\":[4,\"only-view\"],\"viewDragAndDrop\":[4,\"view-drag-and-drop\"],\"dragAndDropSize\":[1,\"drag-and-drop-size\"],\"selectedFiles\":[32],\"error\":[32],\"errorMessage\":[32],\"dragging\":[32]}]]],[\"dropi-card-product\",[[513,\"dropi-card-product\",{\"image\":[1],\"productName\":[1,\"product-name\"],\"salePrice\":[2,\"sale-price\"],\"suggestedPrice\":[2,\"suggested-price\"],\"currency\":[1],\"supplier\":[1],\"category\":[1],\"stock\":[2],\"supplierCategory\":[1,\"supplier-category\"],\"showFavorite\":[4,\"show-favorite\"],\"isFavorite\":[1028,\"is-favorite\"],\"showAddButton\":[4,\"show-add-button\"]}]]],[\"dropi-card-section\",[[513,\"dropi-card-section\",{\"title\":[1],\"description\":[1],\"typeElement\":[1,\"type-element\"],\"type\":[1],\"isChecked\":[1028,\"is-checked\"]}]]],[\"dropi-checkbox-selection-list\",[[513,\"dropi-checkbox-selection-list\",{\"options\":[1],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"showNotFound\":[4,\"show-not-found\"],\"notFoundMessage\":[1,\"not-found-message\"],\"multiSelect\":[4,\"multi-select\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-dropdown\",[[513,\"dropi-dropdown\",{\"options\":[1],\"valueModel\":[1,\"value-model\"],\"height\":[1],\"isInSelect\":[4,\"is-in-select\"],\"parameters\":[16],\"selected\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-empty-state\",[[769,\"dropi-empty-state\",{\"title\":[1],\"description\":[1],\"imageUrl\":[1,\"image-url\"],\"imageAlt\":[1,\"image-alt\"],\"buttonText\":[1,\"button-text\"],\"buttonIcon\":[1,\"button-icon\"],\"dropiIcon\":[1,\"dropi-icon\"],\"buttonSeverity\":[1,\"button-severity\"]}]]],[\"dropi-languages-selector\",[[513,\"dropi-languages-selector\",{\"languages\":[1],\"selectedLang\":[1025,\"selected-lang\"],\"isOpen\":[32],\"parsedLanguages\":[32],\"currentLang\":[32]},null,{\"languages\":[{\"languagesChanged\":0}],\"selectedLang\":[{\"selectedLangChanged\":0}]}]]],[\"dropi-search\",[[513,\"dropi-search\",{\"type\":[1],\"placeholder\":[1],\"textInput\":[1025,\"text-input\"],\"typeInput\":[1,\"type-input\"],\"maxLength\":[2,\"max-length\"],\"showIcon\":[4,\"show-icon\"],\"showClear\":[4,\"show-clear\"],\"dataToSearch\":[1,\"data-to-search\"],\"dataName\":[1,\"data-name\"],\"position\":[1],\"multipleSelectModel\":[4,\"multiple-select-model\"],\"heightOverlay\":[2,\"height-overlay\"],\"label\":[1],\"model\":[1025],\"open\":[32],\"selected\":[32],\"parsedOptions\":[32]},null,{\"dataToSearch\":[{\"optionsChanged\":0}]}]]],[\"dropi-accordion-item\",[[769,\"dropi-accordion-item\",{\"sectionTitle\":[1,\"section-title\"],\"index\":[2],\"open\":[1540],\"disabled\":[4],\"preIcon\":[1,\"pre-icon\"],\"contentHeight\":[32]},null,{\"open\":[{\"openChanged\":0}]}]]],[\"dropi-banner-external\",[[513,\"dropi-banner-external\",{\"imageUrl\":[1,\"image-url\"],\"link\":[1],\"alt\":[1],\"backgroundColor\":[1,\"background-color\"],\"slugName\":[1,\"slug-name\"],\"viewOnWhiteBrand\":[4,\"view-on-white-brand\"],\"viewOnlyCountries\":[16],\"closed\":[32]}]]],[\"dropi-breadcrumb\",[[513,\"dropi-breadcrumb\",{\"items\":[1],\"homeRoute\":[1,\"home-route\"],\"homeIconName\":[1,\"home-icon-name\"],\"lastItemClickable\":[4,\"last-item-clickable\"]}]]],[\"dropi-card-checkbox\",[[513,\"dropi-card-checkbox\",{\"type\":[1],\"state\":[1025],\"title\":[1],\"description\":[1],\"extraInfo\":[1,\"extra-info\"],\"extraInfoDescription\":[1,\"extra-info-description\"],\"disabled\":[4]}]]],[\"dropi-chips\",[[769,\"dropi-chips\",{\"customStyle\":[1,\"custom-style\"],\"type\":[1],\"urlImg\":[1,\"url-img\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1]}]]],[\"dropi-city-selector\",[[513,\"dropi-city-selector\",{\"options\":[1],\"selectedCities\":[1025,\"selected-cities\"],\"placeholder\":[1],\"disabled\":[4],\"isOpen\":[32],\"selected\":[32],\"parsedOptions\":[32],\"searchTerm\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"options\":[{\"optionsChanged\":0}],\"selectedCities\":[{\"selectedChanged\":0}]}]]],[\"dropi-country-selector\",[[577,\"dropi-country-selector\",{\"name\":[513],\"label\":[1],\"placeholder\":[1],\"currentSelection\":[1025,\"current-selection\"],\"disabled\":[4],\"showObligatory\":[4,\"show-obligatory\"],\"hasError\":[4,\"has-error\"],\"textHelper\":[1,\"text-helper\"],\"searchTerm\":[1025,\"search-term\"],\"selectProperties\":[8,\"select-properties\"],\"appendTo\":[1,\"append-to\"],\"isOpen\":[32],\"selected\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"currentSelection\":[{\"currentSelectionChanged\":0}],\"selectProperties\":[{\"selectPropertiesChanged\":0}]}]]],[\"dropi-date-picker\",[[577,\"dropi-date-picker\",{\"name\":[513],\"selectedDate\":[1025,\"selected-date\"],\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"selectionMode\":[1,\"selection-mode\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"isInvalid\":[4,\"is-invalid\"],\"loading\":[4],\"open\":[32],\"viewYear\":[32],\"viewMonth\":[32],\"hoverDate\":[32]},[[4,\"click\",\"handleDocClick\"]],{\"selectedDate\":[{\"valueChanged\":0}],\"startDate\":[{\"valueChanged\":0}],\"endDate\":[{\"valueChanged\":0}]}]]],[\"dropi-drawer\",[[769,\"dropi-drawer\",{\"drawerTitle\":[1,\"drawer-title\"],\"drawerIsOpen\":[1032,\"drawer-is-open\"],\"open\":[1032],\"position\":[1],\"size\":[1],\"width\":[1],\"height\":[1],\"headless\":[4],\"closeOnBackdrop\":[4,\"close-on-backdrop\"]},null,{\"open\":[{\"openChanged\":0}],\"drawerIsOpen\":[{\"openChanged\":0}]}]]],[\"dropi-favorite-button\",[[513,\"dropi-favorite-button\",{\"isFavorite\":[1028,\"is-favorite\"],\"hovered\":[32]}]]],[\"dropi-file-upload-progress-bar\",[[513,\"dropi-file-upload-progress-bar\",{\"textFile\":[1,\"text-file\"],\"progress\":[2],\"type\":[1025],\"urlImage\":[1,\"url-image\"],\"isPreview\":[4,\"is-preview\"],\"disabled\":[4],\"fileExtension\":[32]},null,{\"progress\":[{\"handleProgress\":0}],\"textFile\":[{\"handleTextFile\":0}]}]]],[\"dropi-image-miniature\",[[513,\"dropi-image-miniature\",{\"label\":[1],\"images\":[1],\"width\":[1],\"height\":[1]}]]],[\"dropi-image-overlay\",[[513,\"dropi-image-overlay\",{\"visible\":[1032],\"images\":[1],\"activeIndex\":[1026,\"active-index\"],\"current\":[32],\"parsedImages\":[32]},null,{\"images\":[{\"imagesChanged\":0}],\"activeIndex\":[{\"indexChanged\":0}],\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-media-player\",[[513,\"dropi-media-player\",{\"src\":[1],\"mediaType\":[1,\"media-type\"],\"poster\":[1],\"autoplay\":[4],\"loop\":[4],\"initialVolume\":[2,\"initial-volume\"],\"format\":[1],\"playing\":[32],\"currentTimeStr\":[32],\"durationStr\":[32],\"duration\":[32],\"volume\":[32],\"muted\":[32],\"showControls\":[32],\"isFullscreen\":[32],\"progress\":[32],\"speed\":[32],\"showSpeedMenu\":[32],\"showVolumeSlider\":[32]},[[4,\"click\",\"handleDocClick\"]]]]],[\"dropi-navbar\",[[513,\"dropi-navbar\",{\"logoUrl\":[1,\"logo-url\"],\"logoAlt\":[1,\"logo-alt\"],\"data\":[1],\"title\":[1],\"activeId\":[1,\"active-id\"],\"userName\":[1,\"user-name\"],\"userAvatar\":[1,\"user-avatar\"],\"notifications\":[2],\"showMenuToggle\":[4,\"show-menu-toggle\"]}]]],[\"dropi-phone-input\",[[577,\"dropi-phone-input\",{\"name\":[513],\"codArea\":[1025,\"cod-area\"],\"ngModelPhone\":[1025,\"ng-model-phone\"],\"phoneNumberPlaceholder\":[1,\"phone-number-placeholder\"],\"disabledInput\":[4,\"disabled-input\"],\"isValidPhone\":[4,\"is-valid-phone\"],\"validateOnInit\":[4,\"validate-on-init\"],\"selectedOption\":[1032,\"selected-option\"],\"selectProperties\":[8,\"select-properties\"],\"open\":[32]},[[8,\"click\",\"handleWindowClick\"]],{\"codArea\":[{\"codAreaChanged\":0}],\"ngModelPhone\":[{\"ngModelPhoneChanged\":0}],\"selectedOption\":[{\"selectedOptionChanged\":0}]}]]],[\"dropi-radio-selection-list\",[[513,\"dropi-radio-selection-list\",{\"options\":[1],\"selectedOption\":[1032,\"selected-option\"],\"showFilter\":[4,\"show-filter\"],\"filterPlaceholder\":[1,\"filter-placeholder\"],\"alwaysShowDescription\":[4,\"always-show-description\"],\"typeLayout\":[1,\"type-layout\"],\"searchDelay\":[2,\"search-delay\"],\"filterText\":[32],\"parsedOptions\":[32]},null,{\"options\":[{\"optionsChanged\":0}]}]]],[\"dropi-select\",[[577,\"dropi-select\",{\"label\":[1025],\"placeholder\":[1025],\"options\":[1040],\"name\":[513],\"disabled\":[516],\"hasError\":[1028,\"has-error\"],\"errorText\":[1025,\"error-text\"],\"textHelper\":[1025,\"text-helper\"],\"showObligatory\":[1028,\"show-obligatory\"],\"searchEnabled\":[1028,\"search-enabled\"],\"multiSelect\":[1028,\"multi-select\"],\"dropdownType\":[1028,\"dropdown-type\"],\"showCountryFlags\":[4,\"show-country-flags\"],\"radioOptions\":[1028,\"radio-options\"],\"placeHolderSearch\":[1,\"place-holder-search\"],\"preIcon\":[1025,\"pre-icon\"],\"defaultSelectedId\":[1032,\"default-selected-id\"],\"selectedOption\":[1040],\"overlayClass\":[1,\"overlay-class\"],\"withinModal\":[4,\"within-modal\"],\"selectProperties\":[8,\"select-properties\"],\"isOpen\":[32],\"_selectedOption\":[32],\"multiSelected\":[32],\"filteredOptions\":[32],\"searchTerm\":[32],\"dropdownStyle\":[32],\"setById\":[64],\"setByLabel\":[64],\"clearSelection\":[64],\"resetMultiSelect\":[64]},[[11,\"scroll\",\"handleWindowScroll\"],[9,\"resize\",\"handleWindowResize\"],[4,\"click\",\"handleOutsideClick\"]],{\"selectProperties\":[{\"selectPropertiesChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"defaultSelectedId\":[{\"defaultChanged\":0}],\"selectedOption\":[{\"valueChanged\":0}]}]]],[\"dropi-sidebar\",[[513,\"dropi-sidebar\",{\"sideBarProperties\":[1025,\"side-bar-properties\"],\"parsedProperties\":[32]},null,{\"sideBarProperties\":[{\"watchPropHandler\":0}]}]]],[\"dropi-steps\",[[513,\"dropi-steps\",{\"stepsCount\":[2,\"steps-count\"],\"showNumberOfStep\":[4,\"show-number-of-step\"],\"currentStep\":[2,\"current-step\"],\"stepLabels\":[1,\"step-labels\"],\"state\":[1]}]]],[\"dropi-tabs\",[[513,\"dropi-tabs\",{\"configuration\":[1],\"activeTab\":[1544,\"active-tab\"],\"showIcon\":[4,\"show-icon\"],\"stopAction\":[4,\"stop-action\"],\"parsedTabs\":[32]},null,{\"configuration\":[{\"tabsChanged\":0}]}]]],[\"dropi-text-area\",[[577,\"dropi-text-area\",{\"id\":[1025],\"name\":[513],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"minLength\":[1026,\"min-length\"],\"rows\":[1026],\"resize\":[1025],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[4,\"show-obligatory-asterisk\"],\"textHelper\":[1025,\"text-helper\"],\"hasError\":[4,\"has-error\"],\"textAreaProperties\":[16],\"touched\":[32]},null,{\"textAreaProperties\":[{\"textAreaPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"dropi-time-line\",[[513,\"dropi-time-line\",{\"steps\":[1]}]]],[\"dropi-toast\",[[513,\"dropi-toast\",{\"position\":[1],\"life\":[2],\"items\":[32],\"show\":[64],\"clear\":[64]}]]],[\"dropi-tooltip-v2\",[[769,\"dropi-tooltip-v2\",{\"text\":[1],\"title\":[1],\"label\":[1],\"position\":[1],\"arrowPosition\":[1,\"arrow-position\"],\"trigger\":[1025],\"maxWidth\":[1,\"max-width\"],\"minWidth\":[1,\"min-width\"],\"showDelay\":[2,\"show-delay\"],\"disabled\":[4],\"showIcon\":[4,\"show-icon\"],\"showX\":[1028,\"show-x\"],\"iconName\":[1,\"icon-name\"],\"iconColor\":[1,\"icon-color\"],\"iconSize\":[1,\"icon-size\"],\"visible\":[32]}]]],[\"dropi-vertical-steps\",[[513,\"dropi-vertical-steps\",{\"steps\":[1],\"currentStep\":[2,\"current-step\"],\"clickable\":[4],\"showCheckIcon\":[4,\"show-check-icon\"]}]]],[\"dropi-youtube-lazy-video\",[[513,\"dropi-youtube-lazy-video\",{\"videoId\":[1,\"video-id\"],\"thumbnailSrc\":[1,\"thumbnail-src\"],\"videoTitle\":[1,\"video-title\"],\"isPlaying\":[32]}]]],[\"dropi-accordion\",[[769,\"dropi-accordion\",{\"multiple\":[4]}]]],[\"dropi-alert-legacy\",[[513,\"dropi-alert-legacy\",{\"visible\":[1028],\"message\":[1],\"type\":[1],\"autoClose\":[4,\"auto-close\"]}]]],[\"dropi-badge\",[[513,\"dropi-badge\",{\"state\":[1]}]]],[\"dropi-badge-legacy\",[[513,\"dropi-badge-legacy\",{\"type\":[1],\"state\":[1],\"variant\":[1],\"count\":[2]}]]],[\"dropi-carousel\",[[769,\"dropi-carousel\",{\"value\":[1],\"page\":[1026],\"numVisible\":[2,\"num-visible\"],\"numScroll\":[2,\"num-scroll\"],\"orientation\":[1],\"showNavigators\":[8,\"show-navigators\"],\"showIndicators\":[8,\"show-indicators\"],\"autoplayInterval\":[2,\"autoplay-interval\"],\"circular\":[8],\"parsedValue\":[32],\"internalPage\":[32],\"isAnimating\":[32],\"totalPages\":[32]},null,{\"value\":[{\"handleValue\":0}],\"page\":[{\"handlePage\":0}]}]]],[\"dropi-color-picker\",[[513,\"dropi-color-picker\",{\"currentColor\":[1025,\"current-color\"],\"position\":[1],\"color\":[32],\"hue\":[32],\"saturation\":[32],\"currentVal\":[32],\"opacity\":[32],\"showEdit\":[32]},null,{\"value\":[{\"onValueChange\":0}]}]]],[\"dropi-date-picker-range\",[[513,\"dropi-date-picker-range\",{\"startDate\":[1025,\"start-date\"],\"endDate\":[1025,\"end-date\"],\"showLabel\":[4,\"show-label\"],\"placeholder\":[1],\"loading\":[4],\"maxDaysRange\":[2,\"max-days-range\"],\"hideTodayRangeShortcut\":[4,\"hide-today-range-shortcut\"],\"start\":[32],\"end\":[32],\"activeRange\":[32],\"showWarning\":[32]},null,{\"startDate\":[{\"onStartPropChange\":0}],\"endDate\":[{\"onEndPropChange\":0}]}]]],[\"dropi-logo\",[[513,\"dropi-logo\",{\"urlLogo\":[1,\"url-logo\"],\"size\":[1],\"theme\":[1]}]]],[\"dropi-lottie-loader\",[[513,\"dropi-lottie-loader\",{\"visible\":[4],\"loadingAnimation\":[1,\"loading-animation\"],\"title\":[1],\"message\":[1]}]]],[\"dropi-otp-send-code\",[[577,\"dropi-otp-send-code\",{\"name\":[513],\"engine\":[1],\"labelContact\":[1,\"label-contact\"],\"showLabelContact\":[4,\"show-label-contact\"],\"errorMessage\":[1,\"error-message\"],\"digitsCount\":[2,\"digits-count\"],\"digits\":[32],\"digitStates\":[32],\"countdown\":[32],\"canResend\":[32],\"error\":[32]},null,{\"digitsCount\":[{\"handleDigitsCountChange\":0}]}]]],[\"dropi-progress-bar\",[[513,\"dropi-progress-bar\",{\"value\":[2],\"severity\":[1],\"height\":[1],\"showValue\":[4,\"show-value\"],\"trackColor\":[1,\"track-color\"],\"color\":[1]}]]],[\"dropi-radio-button\",[[577,\"dropi-radio-button\",{\"label\":[1],\"name\":[513],\"id\":[1],\"checked\":[1540],\"resetTrigger\":[4,\"reset-trigger\"]},null,{\"resetTrigger\":[{\"onResetTrigger\":0}],\"checked\":[{\"checkedChanged\":0}]}]]],[\"dropi-read-more\",[[513,\"dropi-read-more\",{\"text\":[1],\"maxWords\":[2,\"max-words\"],\"showSeeLess\":[4,\"show-see-less\"],\"textStyle\":[1,\"text-style\"],\"buttonStyle\":[1,\"button-style\"],\"expanded\":[32]}]]],[\"dropi-simple-stepper\",[[513,\"dropi-simple-stepper\",{\"stepsCount\":[2,\"steps-count\"],\"typeStep\":[1,\"type-step\"],\"currentStep\":[2,\"current-step\"],\"labelStepper\":[1,\"label-stepper\"],\"flowMode\":[1,\"flow-mode\"],\"white_brand\":[1]}]]],[\"dropi-skeleton\",[[513,\"dropi-skeleton\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"radius\":[1],\"lines\":[2],\"baseColor\":[1,\"base-color\"]}]]],[\"dropi-tag-type-product\",[[513,\"dropi-tag-type-product\",{\"label\":[1]}]]],[\"dropi-tooltip\",[[769,\"dropi-tooltip\",{\"text\":[1],\"outlined\":[4]}]]],[\"dropi-icon\",[[513,\"dropi-icon\",{\"name\":[1],\"iconWidth\":[1,\"icon-width\"],\"iconHeight\":[1,\"icon-height\"],\"color\":[1],\"strokeWidth\":[1,\"stroke-width\"]},null,{\"iconWidth\":[{\"widthChanged\":0}],\"iconHeight\":[{\"heightChanged\":0}],\"color\":[{\"colorChanged\":0}],\"strokeWidth\":[{\"strokeWidthChanged\":0}]}]]],[\"dropi-alert\",[[513,\"dropi-alert\",{\"message\":[1],\"type\":[1],\"state\":[1],\"dismissable\":[4],\"showButton\":[4,\"show-button\"],\"buttonText\":[1,\"button-text\"],\"anchorText\":[1,\"anchor-text\"],\"anchorUrl\":[1,\"anchor-url\"],\"showAlert\":[1028,\"show-alert\"],\"textLink\":[1,\"text-link\"],\"linkUrl\":[1,\"link-url\"],\"clickedText\":[1,\"clicked-text\"]}]]],[\"dropi-ilustration-icon\",[[513,\"dropi-ilustration-icon\",{\"type\":[1],\"state\":[1],\"stateInsignia\":[1,\"state-insignia\"],\"tagProduct\":[4,\"tag-product\"]}]]],[\"dropi-input\",[[577,\"dropi-input\",{\"inputId\":[1025,\"input-id\"],\"name\":[513],\"label\":[1025],\"placeholder\":[1025],\"value\":[1025],\"maxLength\":[1026,\"max-length\"],\"disabled\":[516],\"required\":[516],\"showObligatoryAsterisk\":[1028,\"show-obligatory-asterisk\"],\"fixedLabel\":[4,\"fixed-label\"],\"inputMode\":[1025,\"input-mode\"],\"passwordInput\":[1028,\"password-input\"],\"isMoneyInput\":[1028,\"is-money-input\"],\"isThousandSeparator\":[1028,\"is-thousand-separator\"],\"isNumericInput\":[1028,\"is-numeric-input\"],\"allowDecimals\":[1028,\"allow-decimals\"],\"isLettersOnly\":[1028,\"is-letters-only\"],\"icon\":[1025],\"iconColor\":[1025,\"icon-color\"],\"hasError\":[1028,\"has-error\"],\"textHelper\":[1025,\"text-helper\"],\"showHelperOnlyOnError\":[1028,\"show-helper-only-on-error\"],\"inputProperties\":[8,\"input-properties\"],\"showPassword\":[32],\"touched\":[32]},null,{\"inputProperties\":[{\"inputPropertiesChanged\":0}],\"value\":[{\"valueChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}]]],[\"dropi-paginator\",[[513,\"dropi-paginator\",{\"totalPages\":[2,\"total-pages\"],\"currentPage\":[1538,\"current-page\"],\"disabled\":[4],\"maxVisiblePages\":[2,\"max-visible-pages\"],\"isNotTotalPages\":[4,\"is-not-total-pages\"],\"noLabels\":[4,\"no-labels\"]}]]],[\"dropi-tag\",[[513,\"dropi-tag\",{\"variant\":[513],\"type\":[513],\"state\":[513],\"showIcon\":[4,\"show-icon\"],\"icon\":[513],\"text\":[513]},null,{\"type\":[{\"propsChanged\":0}],\"state\":[{\"propsChanged\":0}],\"variant\":[{\"propsChanged\":0}]}]]],[\"dropi-avatars\",[[513,\"dropi-avatars\",{\"image\":[1],\"alt\":[1],\"type\":[1],\"initials\":[1]}]]],[\"dropi-modal\",[[769,\"dropi-modal\",{\"visible\":[1540],\"header\":[1],\"showCloseIcon\":[4,\"show-close-icon\"],\"dismissable\":[4],\"dismissableMask\":[4,\"dismissable-mask\"],\"dismissible\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modal\":[4],\"closable\":[4],\"blockScroll\":[4,\"block-scroll\"],\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"position\":[1],\"size\":[1],\"styleClass\":[1,\"style-class\"],\"maxWidth\":[1,\"max-width\"],\"autoZIndex\":[4,\"auto-z-index\"],\"baseZIndex\":[2,\"base-z-index\"],\"transitionOptions\":[1,\"transition-options\"],\"enableBeforeClose\":[4,\"enable-before-close\"],\"isDraggable\":[4,\"is-draggable\"],\"resizable\":[4],\"isOpen\":[32],\"isClosing\":[32],\"mounted\":[32],\"dismiss\":[64],\"openModalExternally\":[64]},null,{\"visible\":[{\"visibleChanged\":0}]}]]],[\"dropi-switch\",[[577,\"dropi-switch\",{\"name\":[513],\"isChecked\":[1540,\"is-checked\"],\"disabled\":[516]},null,{\"isChecked\":[{\"checkedChanged\":0}]}]]],[\"dropi-country-flags\",[[513,\"dropi-country-flags\",{\"country\":[1],\"customStyle\":[1,\"custom-style\"],\"width\":[1],\"height\":[1]}]]],[\"dropi-button\",[[833,\"dropi-button\",{\"type\":[1],\"severity\":[1],\"size\":[1],\"state\":[1],\"fullWidth\":[516,\"full-width\"],\"preIcon\":[1,\"pre-icon\"],\"postIcon\":[1,\"post-icon\"],\"customIconColor\":[1,\"custom-icon-color\"],\"text\":[1],\"nativeType\":[1,\"native-type\"]}]]],[\"dropi-checkbox\",[[577,\"dropi-checkbox\",{\"name\":[513],\"checked\":[1540],\"disabled\":[516]},null,{\"checked\":[{\"checkedChanged\":0}]}]]]]"), options);
 });
 //# sourceMappingURL=dropi-ui.esm.js.map
 

package/dist/dropi-ui/p-09462f7b.entry.js

@@ -0,0 +1 @@
+import{r,c as a,h as o}from"./p-B-h7fjQz.js";const e=class{constructor(o){r(this,o),this.dropiClick=a(this,"dropiClick"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals)}internals;type="default";severity="primary";size="normal";state="default";fullWidth=!1;preIcon="";postIcon="";customIconColor="";text="";nativeType="button";dropiClick;colorMap={default:"Primary-Primary-",success:"Success-Success-",error:"Error-Error-",info:"Info-Info-",legacy:"Secondary-Secondary-",warning:"Warning-Warning-",dropdown:"Gray-Gray-","default-light":"Gray-Gray-"};get iconSize(){return"large"===this.size?"24px":"small"===this.size?"16px":"18px"}get color(){return(this.colorMap[this.type]??"Primary-Primary-")+("disabled"===this.state?"300":"500")}get fontColor(){return"tertiary"===this.severity?"default"===this.type||"legacy"===this.type?"Gray-Gray-500":this.color:"secondary"===this.severity?this.color:"Neutral-White"}handleClick(r){"disabled"!==this.state&&"loading"!==this.state&&(this.dropiClick.emit(r),"submit"===this.nativeType?this.internals.form?.requestSubmit():"reset"===this.nativeType&&this.internals.form?.reset())}renderLoadingSpinner(){return o("svg",{class:"spin",width:this.iconSize,height:this.iconSize,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M22.8 12C23.4627 12 24.0062 11.4614 23.9401 10.802C23.8232 9.6371 23.5362 8.49339 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.5066 0.463778 14.3629 0.17683 13.198 0.0599502C12.5386 -0.00621439 12 0.537258 12 1.2C12 1.86274 12.5393 2.39227 13.1969 2.4749C14.0463 2.58164 14.8795 2.80176 15.6738 3.13076C16.8385 3.6132 17.8968 4.32033 18.7882 5.21177C19.6797 6.10322 20.3868 7.16151 20.8692 8.32624C21.1982 9.12051 21.4184 9.95367 21.5251 10.8031C21.6077 11.4607 22.1373 12 22.8 12Z",fill:`var(--${this.fontColor})`}))}render(){const r="disabled"===this.state||"loading"===this.state,a=""!==(this.text??""),e=""!==(this.postIcon??"")||"dropdown"===(this.type??"default"),n="dropdown"===(this.type??"default")?"Dropdown-down":this.postIcon??"";return o("button",{key:"21d2654de08dff8db6c2b1ba87594e1184a7aa35",class:{btn:!0,"without-text":!a,[this.severity??"primary"]:!0,[this.type??"default"]:!0,[this.size??"normal"]:!0,[this.state??"default"]:!0,"full-width":this.fullWidth},type:this.nativeType,disabled:r,onClick:r=>this.handleClick(r)},this.preIcon&&o("dropi-icon",{key:"6c6c01c923a37df20b614602b18cd2da949bcb91",name:this.preIcon,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),a&&o("span",{key:"82447aab8b87bc4a89105cd0209e6c5681222f28",class:"text"},this.text),e&&o("dropi-icon",{key:"6bdefe7c1c819b213d24e0100c2303fb7840ea00",name:n,iconWidth:this.iconSize,iconHeight:this.iconSize,color:this.fontColor}),"loading"===this.state&&this.renderLoadingSpinner(),o("slot",{key:"44483caf52d2ca617ad86c1574a54709f8e77ab5"}))}static get formAssociated(){return!0}};e.style=":host{display:inline-block;border:0}:host([full-width]){display:flex;width:100%}:host([full-width]) .btn{width:100%}*,*::before,*::after{box-sizing:border-box}.btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--Size-1, 4px);border-radius:var(--Border-2, 8px);font-weight:var(--font-weight-bold);min-width:33px;line-height:110%;cursor:pointer;white-space:nowrap;transition:background 0.25s ease,     color 0.25s ease,     border-color 0.25s ease,     transform 0.25s ease}.btn:active{transition:transform 0.01s ease-out;transform:scale(0.98)}.btn:hover:not(:active){transform:scale(1.01)}.btn.without-text{gap:0}.btn.large{padding:var(--Size-4, 16px);font-size:var(--Size-4, 16px);height:48px}.btn.normal{padding:var(--Size-3, 12px);font-size:var(--font-size-s, 12px);height:40px}.btn.small{padding:var(--Size-2, 8px);font-size:var(--font-size-s, 12px);height:29px}.btn.disabled,.btn.loading{cursor:not-allowed;pointer-events:none}.btn.primary.default{background:var(--Primary-Primary-500, #f49a3d);color:var(--Neutral-White, #ffffff)}.btn.primary.default:hover{background:var(--Primary-Primary-600, #e58017)}.btn.primary.success{background:var(--Success-Success-500, #0abb87);color:var(--Neutral-White, #ffffff)}.btn.primary.success:hover{background:var(--Success-Success-600, #09aa7b)}.btn.primary.info{background:var(--Info-Info-500, #50a5f1);color:var(--Neutral-White, #ffffff)}.btn.primary.info:hover{background:var(--Info-Info-600, #4996db)}.btn.primary.error{background:var(--Error-Error-500, #f46a6b);color:var(--Neutral-White, #ffffff)}.btn.primary.error:hover{background:var(--Error-Error-600, #de6061)}.btn.primary.warning{background:var(--Warning-Warning-500, #f1b44c);color:var(--Neutral-White, #ffffff)}.btn.primary.warning:hover{background:var(--Warning-Warning-600, #dba445)}.btn.primary.legacy{background:var(--Secondary-Secondary-500, #008dbf);color:var(--Neutral-White, #ffffff)}.btn.primary.legacy:hover{background:var(--Secondary-Secondary-600, #007199)}.btn.primary.disabled.default{background:var(--Primary-Primary-300, #f2bc85);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.success{background:var(--Success-Success-300, #5bd1af);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.info{background:var(--Info-Info-300, #8ac3f6);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.error{background:var(--Error-Error-300, #f89b9c);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.warning{background:var(--Warning-Warning-300, #f6cd87);color:var(--Neutral-White, #ffffff)}.btn.primary.disabled.legacy{background:var(--Secondary-Secondary-300, #62bad9);color:var(--Neutral-White, #ffffff)}.btn.secondary{background:var(--Neutral-White, #ffffff);border:1px solid}.btn.secondary.default{border-color:var(--Primary-Primary-500, #f49a3d);color:var(--Primary-Primary-500, #f49a3d)}.btn.secondary.default:hover{color:var(--Primary-Primary-600, #e58017);border-color:var(--Primary-Primary-600, #e58017)}.btn.secondary.success{border-color:var(--Success-Success-500, #0abb87);color:var(--Success-Success-500, #0abb87)}.btn.secondary.success:hover{color:var(--Success-Success-600, #09aa7b);border-color:var(--Success-Success-600, #09aa7b)}.btn.secondary.info{border-color:var(--Info-Info-500, #50a5f1);color:var(--Info-Info-500, #50a5f1)}.btn.secondary.info:hover{color:var(--Info-Info-600, #4996db);border-color:var(--Info-Info-600, #4996db)}.btn.secondary.error{border-color:var(--Error-Error-500, #f46a6b);color:var(--Error-Error-500, #f46a6b)}.btn.secondary.error:hover{color:var(--Error-Error-600, #de6061);border-color:var(--Error-Error-600, #de6061)}.btn.secondary.warning{border-color:var(--Warning-Warning-500, #f1b44c);color:var(--Warning-Warning-500, #f1b44c)}.btn.secondary.warning:hover{color:var(--Warning-Warning-600, #dba445);border-color:var(--Warning-Warning-600, #dba445)}.btn.secondary.legacy{border-color:var(--Secondary-Secondary-500, #008dbf);color:var(--Secondary-Secondary-500, #008dbf)}.btn.secondary.legacy:hover{color:var(--Secondary-Secondary-600, #007199);border-color:var(--Secondary-Secondary-600, #007199)}.btn.secondary.disabled.default{border-color:var(--Primary-Primary-300, #f2bc85);color:var(--Primary-Primary-300, #f2bc85)}.btn.secondary.disabled.success{border-color:var(--Success-Success-300, #5bd1af);color:var(--Success-Success-300, #5bd1af)}.btn.secondary.disabled.info{border-color:var(--Info-Info-300, #8ac3f6);color:var(--Info-Info-300, #8ac3f6)}.btn.secondary.disabled.error{border-color:var(--Error-Error-300, #f89b9c);color:var(--Error-Error-300, #f89b9c)}.btn.secondary.disabled.warning{border-color:var(--Warning-Warning-300, #f6cd87);color:var(--Warning-Warning-300, #f6cd87)}.btn.secondary.disabled.legacy{border-color:var(--Secondary-Secondary-300, #62bad9);color:var(--Secondary-Secondary-300, #62bad9)}.btn.tertiary{background:none;border:none}.btn.tertiary.default,.btn.tertiary.legacy{border:none !important;box-shadow:none !important;color:var(--Gray-Gray-500, #69738c)}.btn.tertiary.default:hover,.btn.tertiary.legacy:hover{background:var(--Gray-Gray-50, #f5f6f8);box-shadow:none !important;color:var(--Gray-Gray-600, #475066)}.btn.tertiary.success{color:var(--Success-Success-500, #0abb87)}.btn.tertiary.success:hover{background:var(--Success-Success-50, #e7f8f3)}.btn.tertiary.info{color:var(--Info-Info-500, #50a5f1)}.btn.tertiary.info:hover{background:var(--Info-Info-50, #eef6fe)}.btn.tertiary.error{color:var(--Error-Error-500, #f46a6b)}.btn.tertiary.error:hover{background:var(--Error-Error-50, #fef0f0)}.btn.tertiary.warning{color:var(--Warning-Warning-500, #f1b44c)}.btn.tertiary.warning:hover{background:var(--Warning-Warning-50, #fef8ed)}.btn.tertiary.dropdown{color:var(--Gray-Gray-500, #69738c);font-weight:var(--font-weight-regular);font-size:var(--font-size-s);background:transparent}.btn.tertiary.disabled.default,.btn.tertiary.disabled.legacy{border:none !important;color:var(--Gray-Gray-400, #858ea6)}.btn.tertiary.disabled.success{color:var(--Success-Success-300, #5bd1af)}.btn.tertiary.disabled.info{color:var(--Info-Info-300, #8ac3f6)}.btn.tertiary.disabled.error{color:var(--Error-Error-300, #f89b9c)}.btn.tertiary.disabled.warning{color:var(--Warning-Warning-300, #f6cd87)}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";export{e as dropi_button}