npm - @dropi/ui - Versions diffs - 0.1.41 → 0.1.42 - Mend

@dropi/ui 0.1.41 → 0.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (605) hide show

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

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

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

@@ -5,7 +5,7 @@ const dropiSidebarCss = () => `:host{display:block}.main-sidebar-container{margi
 const DropiSidebar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.onIndexChanged = createEvent(this, "onIndexChanged", 7);
+        this.dropiIndexChange = createEvent(this, "dropiIndexChange", 7);
     }
     /**
      * Define las propiedades y la cantidad de elementos a renderizar.
@@ -15,7 +15,7 @@ const DropiSidebar = class {
     /**
      * Evento emitido cuando se selecciona una opción en el menú o un sub-hijo.
      */
-    onIndexChanged;
+    dropiIndexChange;
     parsedProperties = [];
     watchPropHandler(newValue) {
         this.parsedProperties = typeof newValue === 'string' ? JSON.parse(newValue) : (newValue || []);
@@ -35,16 +35,16 @@ const DropiSidebar = class {
         }
     }
     onItemClick(itemClicked) {
-        this.onIndexChanged.emit(itemClicked);
+        this.dropiIndexChange.emit(itemClicked);
         if (itemClicked.subItems && itemClicked.subItems.length > 0) {
             this.setExpandedPropertie(itemClicked.id);
         }
     }
     onSubItemClick(itemClicked) {
-        this.onIndexChanged.emit(itemClicked);
+        this.dropiIndexChange.emit(itemClicked);
     }
     render() {
-        return (h("div", { key: '9f79e6370ff61c6278a8238b0dc92881832f9b8f', class: "main-sidebar-container" }, this.parsedProperties.map(item => {
+        return (h("div", { key: '3e45416a116488871747c54c14cbb73ecf1d9a4d', class: "main-sidebar-container" }, this.parsedProperties.map(item => {
             return [
                 /* Item Principal */
                 h("div", { class: {

package/dist/dropi-ui/dropi-sidebar.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"dropi-sidebar.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,8xCAA8xC,CAAC;;MC+BjzC,YAAY,GAAA,MAAA;;;;;AACvB;;;AAGG;IACsB,iBAAiB,GAAiC,EAAE;AAE7E;;AAEG;AACM,IAAA,~~cAAc~~;~~IAEd~~,gBAAgB,GAAwB,EAAE;AAGnD,IAAA,gBAAgB,CAAC,QAAsC,EAAA;QACrD,IAAI,CAAC,gBAAgB,GAAG,OAAO,QAAQ,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,IAAI,EAAE,CAAC;;IAGhG,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC;;AAGvC,IAAA,oBAAoB,CAAC,EAAU,EAAA;AACrC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;AAChF,QAAA,IAAI,cAAc,KAAK,CAAC,CAAC,EAAE;YACzB,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC3C,QAAQ,CAAC,cAAc,CAAC,GAAG;gBACzB,GAAG,QAAQ,CAAC,cAAc,CAAC;AAC3B,gBAAA,YAAY,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;aACzC;AACD,YAAA,IAAI,CAAC,gBAAgB,GAAG,QAAQ;;;AAI5B,IAAA,WAAW,CAAC,WAA8B,EAAA;AAChD,QAAA,IAAI,CAAC,~~cAAc~~,CAAC,IAAI,CAAC,WAAW,CAAC;~~AAErC~~,QAAA,IAAI,WAAW,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3D,YAAA,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,CAAC;;;AAIrC,IAAA,cAAc,CAAC,WAA8B,EAAA;AACnD,QAAA,IAAI,CAAC,~~cAAc~~,CAAC,IAAI,CAAC,WAAW,CAAC;;~~IAGvC~~,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EAChC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,IAAG;YAChC,OAAO;;AAEL,gBAAA,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,gBAAgB,EAAE,IAAI;AACtB,wBAAA,uBAAuB,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM;AACtC,wBAAA,wBAAwB,EAAE,CAAC,IAAI,CAAC;AACjC,qBAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAA,EAErC,CAAA,CAAA,YAAA,EAAA,EACE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,MAAM,EACzB,SAAS,EAAC,MAAM,EAChB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,qBAAqB,GAAG,eAAe,EAAA,CAChD,EAEd,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,IAAI,CAAQ,EAEvB,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,KACxC,CAAA,CAAA,YAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,OAAO,EAAE,IAAI;AACb,wBAAA,gBAAgB,EAAE,CAAC,CAAC,IAAI,CAAC;AAC1B,qBAAA,EACD,IAAI,EAAC,eAAe,EACpB,SAAS,EAAC,MAAM,EAChB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,qBAAqB,GAAG,eAAe,EAAA,CAChD,CACf,CACG;;AAGN,gBAAA,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,KACvC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,KACzB,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,wBAAA,kBAAkB,EAAE,IAAI;AACxB,wBAAA,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY;AACvC,wBAAA,0BAA0B,EAAE,CAAC,SAAS,CAAC,MAAM;AAC7C,wBAAA,yBAAyB,EAAE,CAAC,CAAC,SAAS,CAAC;AACxC,qBAAA,EACD,OAAO,EAAE,CAAC,CAAC,KAAI,EAAG,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,EAAE,EAAA,EAEvE,SAAS,CAAC,IAAI,CACX,CACP,CAAC;aAEL;SACF,CAAC,CACE;;;;;;;;;;;;","names":[],"sources":["src/components/dropi-sidebar/dropi-sidebar.css?tag=dropi-sidebar&encapsulation=shadow","src/components/dropi-sidebar/dropi-sidebar.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.main-sidebar-container {\n margin-top: 20px;\n}\n\n.sidebar-option {\n height: 45px;\n display: flex;\n align-items: center;\n position: relative;\n font-weight: var(--font-weight-medium, 500);\n gap: var(--Size-3, 12px);\n padding: var(--Size-3, 12px);\n font-size: var(--font-size-s, 12px);\n border-radius: var(--Border-1, 4px);\n min-width: 147px;\n cursor: pointer;\n user-select: none;\n}\n\n.sidebar-option .arrow {\n position: absolute;\n right: 17px;\n transition: transform 0.3s ease;\n}\n\n.sidebar-option .arrow-expanded {\n transform: rotate(180deg);\n}\n\n.sidebar-default-option {\n color: var(--Gray-Gray-500, #68738f);\n}\n\n.sidebar-active-option {\n color: var(--Primary-Primary-500, #f49a3d);\n background-color: #fef8f1;\n}\n\n.sidebar-sub-item {\n overflow: hidden;\n max-height: 0;\n height: auto;\n font-weight: var(--font-weight-medium, 500);\n gap: var(--Size-3, 12px);\n font-size: var(--font-size-s, 12px);\n cursor: pointer;\n opacity: 0;\n padding: 0 var(--Size-3, 12px) 0 var(--Size-8, 32px);\n transition:\n max-height 0.3s ease-out,\n opacity 0.3s ease-out,\n padding 0.3s ease-out;\n user-select: none;\n}\n\n.sidebar-sub-item.sidebar-expanded {\n max-height: 200px;\n opacity: 1;\n padding: var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px);\n}\n\n.sidebar-sub-item-default {\n color: var(--Gray-Gray-500, #68738f);\n}\n\n.sidebar-sub-item-active {\n color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.space-between {\n justify-content: space-between;\n}\n","import { Component, Prop, Event, EventEmitter, h, State, Watch } from '@stencil/core';\n\nexport interface SidebarItem {\n id: number;\n icon: string;\n text: string;\n route: string;\n expandedMenu?: boolean;\n active?: boolean;\n}\n\nexport interface SidebarProperties {\n id: number;\n icon: string;\n text: string;\n route: string;\n expandedMenu?: boolean;\n active?: boolean;\n subItems?: SidebarItem[];\n}\n\n/*\n @component dropi-sidebar\n * Sidebar list container (Strictly ported from Angular core). \n * This component handles rendering the sidebar items array natively.\n /\n@Component({\n tag: 'dropi-sidebar',\n styleUrl: 'dropi-sidebar.css',\n shadow: true,\n})\nexport class DropiSidebar {\n /\n Define las propiedades y la cantidad de elementos a renderizar.\n * Pasarlo como JSON string o directamente como array de SidebarProperties.\n /\n @Prop({ mutable: true }) sideBarProperties: SidebarProperties[] \| string = [];\n \n /\n Evento emitido cuando se selecciona una opción en el menú o un sub-hijo.\n /\n @Event() ~~onIndexChanged~~: EventEmitter<SidebarProperties>;\n\n @State() parsedProperties: SidebarProperties[] = [];\n\n @Watch('sideBarProperties')\n watchPropHandler(newValue: SidebarProperties[] \| string) {\n this.parsedProperties = typeof newValue === 'string' ? JSON.parse(newValue) : (newValue \|\| []);\n }\n\n componentWillLoad() {\n this.watchPropHandler(this.sideBarProperties);\n }\n\n private setExpandedPropertie(id: number) {\n const propertieIndex = this.parsedProperties.findIndex((item) => item.id === id);\n if (propertieIndex !== -1) {\n const newProps = [...this.parsedProperties];\n newProps[propertieIndex] = {\n ...newProps[propertieIndex],\n expandedMenu: !newProps[propertieIndex].expandedMenu\n };\n this.parsedProperties = newProps;\n }\n }\n\n private onItemClick(itemClicked: SidebarProperties) {\n this.~~onIndexChanged~~.emit(itemClicked);\n \n if (itemClicked.subItems && itemClicked.subItems.length > 0) {\n this.setExpandedPropertie(itemClicked.id);\n }\n }\n\n private onSubItemClick(itemClicked: SidebarProperties) {\n this.~~onIndexChanged~~.emit(itemClicked);\n }\n\n render() {\n return (\n <div class=\"main-sidebar-container\">\n {this.parsedProperties.map(item => {\n return [\n / Item Principal /\n <div\n class={{\n 'sidebar-option': true,\n 'sidebar-active-option': !!item.active,\n 'sidebar-default-option': !item.active\n }}\n onClick={() => this.onItemClick(item)}\n >\n <dropi-icon\n name={item.icon \|\| 'Cube'}\n iconWidth=\"20px\"\n iconHeight=\"20px\"\n color={item.active ? 'Primary-Primary-500' : 'Gray-Gray-500'}\n ></dropi-icon>\n \n <span>{item.text}</span>\n \n {item.subItems && item.subItems.length > 0 && (\n <dropi-icon\n class={{\n 'arrow': true,\n 'arrow-expanded': !!item.expandedMenu\n }}\n name=\"Dropdown-down\"\n iconWidth=\"20px\"\n iconHeight=\"20px\"\n color={item.active ? 'Primary-Primary-500' : 'Gray-Gray-500'}\n ></dropi-icon>\n )}\n </div>,\n\n / SubItems Renderizados al mismo nivel DOM que instruye Angular ng-container */\n item.subItems && item.subItems.length > 0 && (\n item.subItems.map(subOption => (\n <div\n class={{\n 'sidebar-sub-item': true,\n 'sidebar-expanded': !!item.expandedMenu,\n 'sidebar-sub-item-default': !subOption.active,\n 'sidebar-sub-item-active': !!subOption.active\n }}\n onClick={(e) => { e.stopPropagation(); this.onSubItemClick(subOption); }}\n >\n {subOption.text}\n </div>\n ))\n )\n ];\n })}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"dropi-sidebar.entry.js","mappings":"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","names":[],"sources":["src/components/dropi-sidebar/dropi-sidebar.css?tag=dropi-sidebar&encapsulation=shadow","src/components/dropi-sidebar/dropi-sidebar.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.main-sidebar-container {\n margin-top: 20px;\n}\n\n.sidebar-option {\n height: 45px;\n display: flex;\n align-items: center;\n position: relative;\n font-weight: var(--font-weight-medium, 500);\n gap: var(--Size-3, 12px);\n padding: var(--Size-3, 12px);\n font-size: var(--font-size-s, 12px);\n border-radius: var(--Border-1, 4px);\n min-width: 147px;\n cursor: pointer;\n user-select: none;\n}\n\n.sidebar-option .arrow {\n position: absolute;\n right: 17px;\n transition: transform 0.3s ease;\n}\n\n.sidebar-option .arrow-expanded {\n transform: rotate(180deg);\n}\n\n.sidebar-default-option {\n color: var(--Gray-Gray-500, #68738f);\n}\n\n.sidebar-active-option {\n color: var(--Primary-Primary-500, #f49a3d);\n background-color: #fef8f1;\n}\n\n.sidebar-sub-item {\n overflow: hidden;\n max-height: 0;\n height: auto;\n font-weight: var(--font-weight-medium, 500);\n gap: var(--Size-3, 12px);\n font-size: var(--font-size-s, 12px);\n cursor: pointer;\n opacity: 0;\n padding: 0 var(--Size-3, 12px) 0 var(--Size-8, 32px);\n transition:\n max-height 0.3s ease-out,\n opacity 0.3s ease-out,\n padding 0.3s ease-out;\n user-select: none;\n}\n\n.sidebar-sub-item.sidebar-expanded {\n max-height: 200px;\n opacity: 1;\n padding: var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-3, 12px) var(--Size-8, 32px);\n}\n\n.sidebar-sub-item-default {\n color: var(--Gray-Gray-500, #68738f);\n}\n\n.sidebar-sub-item-active {\n color: var(--Primary-Primary-500, #f49a3d);\n}\n\n.space-between {\n justify-content: space-between;\n}\n","import { Component, Prop, Event, EventEmitter, h, State, Watch } from '@stencil/core';\n\nexport interface SidebarItem {\n id: number;\n icon: string;\n text: string;\n route: string;\n expandedMenu?: boolean;\n active?: boolean;\n}\n\nexport interface SidebarProperties {\n id: number;\n icon: string;\n text: string;\n route: string;\n expandedMenu?: boolean;\n active?: boolean;\n subItems?: SidebarItem[];\n}\n\n/*\n @component dropi-sidebar\n * Sidebar list container (Strictly ported from Angular core). \n * This component handles rendering the sidebar items array natively.\n /\n@Component({\n tag: 'dropi-sidebar',\n styleUrl: 'dropi-sidebar.css',\n shadow: true,\n})\nexport class DropiSidebar {\n /\n Define las propiedades y la cantidad de elementos a renderizar.\n * Pasarlo como JSON string o directamente como array de SidebarProperties.\n /\n @Prop({ mutable: true }) sideBarProperties: SidebarProperties[] \| string = [];\n \n /\n Evento emitido cuando se selecciona una opción en el menú o un sub-hijo.\n /\n @Event() dropiIndexChange: EventEmitter<SidebarProperties>;\n\n @State() parsedProperties: SidebarProperties[] = [];\n\n @Watch('sideBarProperties')\n watchPropHandler(newValue: SidebarProperties[] \| string) {\n this.parsedProperties = typeof newValue === 'string' ? JSON.parse(newValue) : (newValue \|\| []);\n }\n\n componentWillLoad() {\n this.watchPropHandler(this.sideBarProperties);\n }\n\n private setExpandedPropertie(id: number) {\n const propertieIndex = this.parsedProperties.findIndex((item) => item.id === id);\n if (propertieIndex !== -1) {\n const newProps = [...this.parsedProperties];\n newProps[propertieIndex] = {\n ...newProps[propertieIndex],\n expandedMenu: !newProps[propertieIndex].expandedMenu\n };\n this.parsedProperties = newProps;\n }\n }\n\n private onItemClick(itemClicked: SidebarProperties) {\n this.dropiIndexChange.emit(itemClicked);\n \n if (itemClicked.subItems && itemClicked.subItems.length > 0) {\n this.setExpandedPropertie(itemClicked.id);\n }\n }\n\n private onSubItemClick(itemClicked: SidebarProperties) {\n this.dropiIndexChange.emit(itemClicked);\n }\n\n render() {\n return (\n <div class=\"main-sidebar-container\">\n {this.parsedProperties.map(item => {\n return [\n / Item Principal /\n <div\n class={{\n 'sidebar-option': true,\n 'sidebar-active-option': !!item.active,\n 'sidebar-default-option': !item.active\n }}\n onClick={() => this.onItemClick(item)}\n >\n <dropi-icon\n name={item.icon \|\| 'Cube'}\n iconWidth=\"20px\"\n iconHeight=\"20px\"\n color={item.active ? 'Primary-Primary-500' : 'Gray-Gray-500'}\n ></dropi-icon>\n \n <span>{item.text}</span>\n \n {item.subItems && item.subItems.length > 0 && (\n <dropi-icon\n class={{\n 'arrow': true,\n 'arrow-expanded': !!item.expandedMenu\n }}\n name=\"Dropdown-down\"\n iconWidth=\"20px\"\n iconHeight=\"20px\"\n color={item.active ? 'Primary-Primary-500' : 'Gray-Gray-500'}\n ></dropi-icon>\n )}\n </div>,\n\n / SubItems Renderizados al mismo nivel DOM que instruye Angular ng-container */\n item.subItems && item.subItems.length > 0 && (\n item.subItems.map(subOption => (\n <div\n class={{\n 'sidebar-sub-item': true,\n 'sidebar-expanded': !!item.expandedMenu,\n 'sidebar-sub-item-default': !subOption.active,\n 'sidebar-sub-item-active': !!subOption.active\n }}\n onClick={(e) => { e.stopPropagation(); this.onSubItemClick(subOption); }}\n >\n {subOption.text}\n </div>\n ))\n )\n ];\n })}\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -5,21 +5,21 @@ const dropiSwitchCss = () => `:host{display:inline-block}*,*::before,*::after{bo
 const DropiSwitch = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.onChange = createEvent(this, "onChange", 7);
+        this.dropiChange = createEvent(this, "dropiChange", 7);
     }
     /** Whether the switch is on */
     isChecked = false;
     /** Whether the switch is disabled */
     disabled = false;
     /** Emitted when the toggle state changes */
-    onChange;
+    dropiChange;
     onToggleChange(event) {
         const input = event.target;
         this.isChecked = input.checked;
-        this.onChange.emit(this.isChecked);
+        this.dropiChange.emit(this.isChecked);
     }
     render() {
-        return (h("label", { key: 'c12214e051cfd7ca50d0df9fb3374ee9f3b72c1a', class: "toggle-switch" }, h("input", { key: '2821a935d4614447900d35028261b5c6620c104f', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: (e) => this.onToggleChange(e) }), h("span", { key: '1370a1ea4b9bb48849f9d998eac3a36ac3fa75b6', class: "slider" })));
+        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" })));
     }
     static get formAssociated() { return true; }
 };

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

	@@ -1 +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,~~QAAQ~~;~~AAET~~,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,~~QAAQ~~,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;~~IAGpC~~,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() ~~onChange~~: EventEmitter<boolean>;\n\n private onToggleChange(event: Event) {\n const input = event.target as HTMLInputElement;\n this.isChecked = input.checked;\n this.~~onChange~~.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}
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}

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

@@ -12,12 +12,12 @@ const DropiTable = class {
         this.dropiPageChange = createEvent(this, "dropiPageChange", 7);
         this.dropiPageSizeChange = createEvent(this, "dropiPageSizeChange", 7);
         this.dropiAction = createEvent(this, "dropiAction", 7);
-        this.rowsSelected = createEvent(this, "rowsSelected", 7);
-        this.actionClicked = createEvent(this, "actionClicked", 7);
-        this.onPageChange = createEvent(this, "onPageChange", 7);
-        this.onSizeChange = createEvent(this, "onSizeChange", 7);
-        this.onSortChange = createEvent(this, "onSortChange", 7);
-        this.onSearchChange = createEvent(this, "onSearchChange", 7);
+        this.dropiRowsSelected = createEvent(this, "dropiRowsSelected", 7);
+        this.dropiActionClick = createEvent(this, "dropiActionClick", 7);
+        this.dropiPageChangeAngular = createEvent(this, "dropiPageChangeAngular", 7);
+        this.dropiSizeChangeAngular = createEvent(this, "dropiSizeChangeAngular", 7);
+        this.dropiSortChangeAngular = createEvent(this, "dropiSortChangeAngular", 7);
+        this.dropiSearchChangeAngular = createEvent(this, "dropiSearchChangeAngular", 7);
         this.expandChildren = createEvent(this, "expandChildren", 7);
     }
     /** Column definitions */
@@ -91,17 +91,17 @@ const DropiTable = class {
     dropiAction;
     // ── Angular-parity events ────────────────────────────────────
     /** Matches Angular `rowsSelected` */
-    rowsSelected;
+    dropiRowsSelected;
     /** Matches Angular `actionClicked` */
-    actionClicked;
+    dropiActionClick;
     /** Matches Angular `onPageChange` */
-    onPageChange;
+    dropiPageChangeAngular;
     /** Matches Angular `onSizeChange` */
-    onSizeChange;
+    dropiSizeChangeAngular;
     /** Matches Angular `onSortChange` */
-    onSortChange;
+    dropiSortChangeAngular;
     /** Matches Angular `onSearchChange` */
-    onSearchChange;
+    dropiSearchChangeAngular;
     /** Matches Angular `expandChildren` */
     expandChildren;
     columnsChanged(val) {
@@ -193,7 +193,7 @@ const DropiTable = class {
             this.sortAsc = true;
         }
         this.dropiSort.emit({ key: this.sortKey, dir: this.sortDir });
-        this.onSortChange.emit({ key: this.sortKey, dir: this.sortDir });
+        this.dropiSortChangeAngular.emit({ key: this.sortKey, dir: this.sortDir });
     }
     toggleRow(idx) {
         const next = new Set(this.selectedKeys);
@@ -204,13 +204,13 @@ const DropiTable = class {
         this.selectedKeys = next;
         const selected = Array.from(next);
         this.dropiSelection.emit(selected);
-        this.rowsSelected.emit(selected.map(i => this.pagedRows[i]));
+        this.dropiRowsSelected.emit(selected.map(i => this.pagedRows[i]));
     }
     toggleAll(checked) {
         this.selectedKeys = checked ? new Set(this.pagedRows.map((_, i) => i)) : new Set();
         const selected = Array.from(this.selectedKeys);
         this.dropiSelection.emit(selected);
-        this.rowsSelected.emit(selected.map(i => this.pagedRows[i]));
+        this.dropiRowsSelected.emit(selected.map(i => this.pagedRows[i]));
     }
     renderCellValue(value) {
         if (value === null || value === undefined)
@@ -231,6 +231,14 @@ const DropiTable = class {
                     return (h("div", { class: "image-label" }, h("div", { class: "img-container" }, h("img", { src: value.imageUrl, alt: value.value })), h("span", null, value.value)));
                 case 'textWrap':
                     return h("div", { class: "text-wrap-label", style: { maxWidth: value.maxWidth || '220px' } }, value.value);
+                case 'textCopy':
+                case 'tokenAction':
+                    return (h("div", { class: "text-icon-label", style: { display: 'flex', alignItems: 'center' } }, h("div", { style: { display: 'flex', alignItems: 'center' } }, h("span", { style: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, value.value)), h("div", { style: { display: 'flex', justifyContent: 'flex-start', paddingLeft: '0.5rem' } }, h("dropi-icon", { name: value.revealed ? "Clon" : "Eye", iconWidth: "18px", iconHeight: "18px", color: "Gray-Gray-500", style: { cursor: 'pointer', flexShrink: '0' }, onClick: (e) => {
+                            e.stopPropagation();
+                            const actionId = value.revealed ? 'copy' : 'reveal';
+                            this.dropiAction.emit({ row: value.row, action: { id: actionId, value: value.value } });
+                            this.dropiActionClick.emit({ row: value.row, action: { id: actionId, value: value.value } });
+                        } }))));
                 default:
                     return h("span", { class: "table-labels" }, String(value.value ?? '—'));
             }
@@ -245,10 +253,10 @@ const DropiTable = class {
         const allSelected = rows.length > 0 && this.selectedKeys.size === rows.length;
         const hasActions = this.parsedRowActions.length > 0;
         const cols = this.visibleColumns;
-        return (h("div", { class: "table-container" }, (this.showSearch || this.showColumnSelector || this.tableTitle) && (h("div", { class: "search-container" }, this.tableTitle && h("div", { class: "table-title Body-L-Bold" }, this.tableTitle), h("div", { class: `search-actions${this.showSearch ? '' : ' only-filter'}` }, this.showSearch && (h("dropi-input", { placeholder: "Buscar", value: this.searchTerm, onOnInput: (e) => {
+        return (h("div", { class: "table-container" }, (this.showSearch || this.showColumnSelector || this.tableTitle) && (h("div", { class: "search-container" }, this.tableTitle && h("div", { class: "table-title Body-L-Bold" }, this.tableTitle), h("div", { class: `search-actions${this.showSearch ? '' : ' only-filter'}` }, this.showSearch && (h("dropi-input", { placeholder: "Buscar", value: this.searchTerm, onDropiInput: (e) => {
                 this.searchTerm = e.detail;
                 this.dropiSearch.emit(e.detail);
-                this.onSearchChange.emit(e.detail);
+                this.dropiSearchChangeAngular.emit(e.detail);
             } })), this.showColumnSelector && (h("div", { class: "table-tools" }, h("div", { class: "column-selector-container" }, h("button", { class: "column-selector-btn", onClick: () => this.showColumnMenu = !this.showColumnMenu }, h("dropi-icon", { name: "list-table", iconWidth: "20px", iconHeight: "20px", color: "Gray-Gray-500" })), this.showColumnMenu && (h("div", { class: "column-selector-menu" }, this.parsedColumns.map(col => (h("div", { class: "column-selector-option", onClick: () => {
                 const next = new Set(this.hiddenColumns);
                 if (next.has(col.key))
@@ -260,15 +268,15 @@ const DropiTable = class {
                 this.hiddenColumns = this.hiddenColumns.size === 0
                     ? new Set(this.parsedColumns.map(c => c.key))
                     : new Set();
-            } }, h("dropi-checkbox", { checked: this.hiddenColumns.size === 0 }), h("span", null, "Mostrar / Ocultar todo"))))))))))), h("div", { class: `table-wrapper${hasActions ? ' has-sticky-actions' : ''}` }, h("table", { class: `custom-table${this.showCheckbox ? ' has-checkbox' : ''}` }, h("thead", null, h("tr", null, this.showCheckbox && (h("th", { class: "checkbox-header" }, h("dropi-checkbox", { checked: allSelected, onOnChange: (e) => this.toggleAll(e.detail) }))), cols.map(col => (h("th", { class: { sortable: !!col.sortable, 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { textAlign: col.align || 'center', minWidth: col.minWidth, maxWidth: col.maxWidth }, onClick: () => this.handleSort(col) }, h("div", { class: `headers-container${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("div", { class: `headers${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("span", null, col.label), col.sortable && (h("div", { class: "order-icons" }, h("dropi-icon", { name: "Caret-up", iconWidth: "12px", iconHeight: "12px", color: this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' }), h("dropi-icon", { name: "Caret-down", iconWidth: "12px", iconHeight: "12px", color: !this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' })))))))), hasActions && h("th", { class: "actions-header actions" }, "Acciones"))), h("tbody", null, this.loading ? (Array.from({ length: 5 }).map(() => (h("tr", { class: "table-row" }, this.showCheckbox && h("td", null, h("div", { class: "skeleton skeleton--sm" })), cols.map(() => h("td", null, h("div", { class: "skeleton" }))), hasActions && h("td", null))))) : rows.length === 0 ? (h("tr", null, h("td", { colSpan: cols.length + (this.showCheckbox ? 1 : 0) + (hasActions ? 1 : 0) }, h("div", { class: "empty-table" }, h("div", { class: "empty-message-container" }, this.emptyMessage))))) : (rows.map((row, i) => (h("tr", { class: "table-row", onClick: () => this.dropiRowClick.emit({ row, index: i }) }, this.showCheckbox && (h("td", { onClick: (e) => e.stopPropagation() }, h("dropi-checkbox", { checked: this.selectedKeys.has(i), onOnChange: () => this.toggleRow(i) }))), cols.map(col => (h("td", { class: { 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { minWidth: col.minWidth, maxWidth: col.maxWidth, overflow: col.maxWidth ? 'hidden' : undefined } }, h("div", { class: "cell-content", style: { textAlign: col.align || 'center' } }, this.renderCellValue(row[col.key]))))), hasActions && (h("td", { class: "action-button actions", onClick: (e) => e.stopPropagation() }, this.parsedRowActions.length > 3 ? (h("div", { style: { display: "flex", justifyContent: "center", width: "100%" } }, h("dropi-icon", { class: "action-icon", name: "Menu-dots-vertical", iconWidth: "24px", iconHeight: "24px", color: "Gray-Gray-500", onClick: () => this.openActionRow = this.openActionRow === i ? -1 : i }), this.openActionRow === i && (h("div", { class: "actions-menu" }, this.parsedRowActions.map(action => (h("div", { class: "action-item", onClick: () => { this.openActionRow = -1; this.dropiAction.emit({ row, action }); this.actionClicked.emit({ row, action }); } }, h("dropi-icon", { name: action.icon, iconWidth: "20px", iconHeight: "20px", color: action.iconColor || 'Gray-Gray-500' }), action.label))))))) : (h("div", { class: "short-actions" }, this.parsedRowActions.map(action => (h("dropi-icon", { class: "action-icon", name: action.icon, iconWidth: "24px", iconHeight: "24px", color: action.iconColor || 'Gray-Gray-500', onClick: () => { this.dropiAction.emit({ row, action }); this.actionClicked.emit({ row, action }); } })))))))))))))), this.showPaginator && (h("div", { class: "pagination" }, h("div", { class: "page-size-selector" }, h("label", null, "Mostrar"), h("select", { onChange: (e) => {
+            } }, h("dropi-checkbox", { checked: this.hiddenColumns.size === 0 }), h("span", null, "Mostrar / Ocultar todo"))))))))))), h("div", { class: `table-wrapper${hasActions ? ' has-sticky-actions' : ''}` }, h("table", { class: `custom-table${this.showCheckbox ? ' has-checkbox' : ''}` }, h("thead", null, h("tr", null, this.showCheckbox && (h("th", { class: "checkbox-header" }, h("dropi-checkbox", { checked: allSelected, onDropiChange: (e) => this.toggleAll(e.detail) }))), cols.map(col => (h("th", { class: { sortable: !!col.sortable, 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { textAlign: col.align || 'center', minWidth: col.minWidth, maxWidth: col.maxWidth }, onClick: () => this.handleSort(col) }, h("div", { class: `headers-container${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("div", { class: `headers${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("span", null, col.label), col.sortable && (h("div", { class: "order-icons" }, h("dropi-icon", { name: "Caret-up", iconWidth: "12px", iconHeight: "12px", color: this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' }), h("dropi-icon", { name: "Caret-down", iconWidth: "12px", iconHeight: "12px", color: !this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' })))))))), hasActions && h("th", { class: "actions-header actions" }, "Acciones"))), h("tbody", null, this.loading ? (Array.from({ length: 5 }).map(() => (h("tr", { class: "table-row" }, this.showCheckbox && h("td", null, h("div", { class: "skeleton skeleton--sm" })), cols.map(() => h("td", null, h("div", { class: "skeleton" }))), hasActions && h("td", null))))) : rows.length === 0 ? (h("tr", null, h("td", { colSpan: cols.length + (this.showCheckbox ? 1 : 0) + (hasActions ? 1 : 0) }, h("div", { class: "empty-table" }, h("div", { class: "empty-message-container" }, this.emptyMessage))))) : (rows.map((row, i) => (h("tr", { class: "table-row", onClick: () => this.dropiRowClick.emit({ row, index: i }) }, this.showCheckbox && (h("td", { onClick: (e) => e.stopPropagation() }, h("dropi-checkbox", { checked: this.selectedKeys.has(i), onDropiChange: () => this.toggleRow(i) }))), cols.map(col => (h("td", { class: { 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { minWidth: col.minWidth, maxWidth: col.maxWidth, overflow: col.maxWidth ? 'hidden' : undefined } }, h("div", { class: "cell-content", style: { textAlign: col.align || 'center' } }, this.renderCellValue(row[col.key]))))), hasActions && (h("td", { class: "action-button actions", onClick: (e) => e.stopPropagation() }, this.parsedRowActions.length > 2 ? (h("div", { style: { display: "flex", justifyContent: "center", width: "100%" } }, h("dropi-icon", { class: "action-icon", name: "Menu-dots-vertical", iconWidth: "24px", iconHeight: "24px", color: "Gray-Gray-500", onClick: () => this.openActionRow = this.openActionRow === i ? -1 : i }), this.openActionRow === i && (h("div", { class: "actions-menu" }, this.parsedRowActions.map(action => (h("div", { class: "action-item", onClick: () => { this.openActionRow = -1; this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); } }, h("dropi-icon", { name: action.icon, iconWidth: "20px", iconHeight: "20px", color: action.iconColor || 'Gray-Gray-500' }), action.label))))))) : (h("div", { class: "short-actions" }, this.parsedRowActions.map(action => (h("dropi-icon", { class: "action-icon", name: action.icon, iconWidth: "24px", iconHeight: "24px", color: action.iconColor || 'Gray-Gray-500', onClick: () => { this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); } })))))))))))))), this.showPaginator && (h("div", { class: "pagination" }, h("div", { class: "page-size-selector" }, h("label", null, "Mostrar"), h("select", { onChange: (e) => {
                 this.pageSize = Number(e.target.value);
                 this.currentPage = 1;
                 this.dropiPageSizeChange.emit(this.pageSize);
-                this.onSizeChange.emit(this.pageSize);
-            } }, this.parsedPageSizes.map(s => (h("option", { value: s, selected: this.pageSize === s }, s))))), h("dropi-paginator", { totalPages: this.totalPages, currentPage: this.currentPage, onPageChange: (e) => {
+                this.dropiSizeChangeAngular.emit(this.pageSize);
+            } }, this.parsedPageSizes.map(s => (h("option", { value: s, selected: this.pageSize === s }, s))))), h("dropi-paginator", { totalPages: this.totalPages, currentPage: this.currentPage, onDropiPageChange: (e) => {
                 this.currentPage = e.detail;
                 this.dropiPageChange.emit(e.detail);
-                this.onPageChange.emit(e.detail);
+                this.dropiPageChangeAngular.emit(e.detail);
             } })))));
     }
     static get watchers() { return {