atomicuilibrary 0.0.1 → 0.1.3

package/dist/esm/ui-smart-location-dropdown.entry.js

@@ -1,563 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-DUsoYu9r.js';
-import { c as calculateUniversalPlacement } from './dom-BMFah5q3.js';
-
-const smartLocationDropdownCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;--sld-border:#cfd8e3;--sld-border-strong:#b4c1d1;--sld-focus:#2563eb;--sld-text:#10213a;--sld-muted:#62748a;--sld-bg:#ffffff;--sld-panel:rgba(255, 255, 255, 0.98);--sld-panel-solid:#ffffff;--sld-hover:#f3f8ff;--sld-selected:#e8f1ff;--sld-chip:#edf4ff;--sld-shadow:0 18px 40px rgba(15, 23, 42, 0.16)}.location-dropdown{position:relative;width:100%;font-family:"Segoe UI", Roboto, sans-serif}.location-trigger{border:1px solid var(--sld-border);border-radius:14px;min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);color:var(--sld-text);cursor:pointer;box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease}.location-trigger:hover{border-color:var(--sld-border-strong);box-shadow:0 10px 22px rgba(37, 99, 235, 0.08)}.location-trigger:focus,.location-dropdown.open .location-trigger{border-color:var(--sld-focus);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.14), 0 16px 32px rgba(37, 99, 235, 0.14);outline:none}.location-dropdown.disabled .location-trigger{opacity:0.72;cursor:not-allowed}.trigger-text{flex:1;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-text.placeholder{color:#91a0b4}.trigger-icons{display:inline-flex;align-items:center;gap:6px}.arrow{transition:transform 0.18s ease;color:var(--sld-muted)}.arrow.open{transform:rotate(180deg)}.clear-btn,.fav-btn,.chip-remove{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sld-muted);padding:0}.clear-btn:hover,.fav-btn:hover,.chip-remove:hover{color:var(--sld-text)}.clear-btn{width:24px;height:24px;border-radius:999px;background:#eef4fb}.clear-btn:hover{background:#e2ecf8}.fav-btn.active{color:#d97706}.selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #d7e7ff;background:var(--sld-chip);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.9);max-width:100%}.chip-label{font-size:12px;color:#1c3657;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-more{font-size:12px;color:#37557b;align-self:center}.menu{border:1px solid rgba(180, 193, 209, 0.72);border-radius:18px;background:var(--sld-panel-solid);background-color:var(--sld-panel-solid);backdrop-filter:blur(18px);box-shadow:var(--sld-shadow);overflow:hidden;isolation:isolate}.search-row{position:sticky;top:0;z-index:1;padding:12px;border-bottom:1px solid #edf2f7;background:var(--sld-panel)}.search-input{width:100%;border:1px solid #d4deea;border-radius:12px;padding:11px 13px;font-size:14px;outline:none;background:#f9fbfe;color:var(--sld-text);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease}.search-input:focus{border-color:var(--sld-focus);background:#ffffff;box-shadow:0 0 0 4px rgba(37, 99, 235, 0.1)}.options-list{padding:8px;overflow-y:auto;max-height:inherit;background:var(--sld-panel-solid)}.location-option{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border:1px solid transparent;border-radius:14px;background:var(--sld-panel-solid);transition:background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}.location-option:hover,.location-option-highlighted{background:var(--sld-hover);border-color:#d7e7ff;box-shadow:0 10px 24px rgba(37, 99, 235, 0.08);transform:translateY(-1px)}.location-option-selected{background:var(--sld-selected);border-color:#b9d4ff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.85)}.location-option-disabled{opacity:0.5;cursor:not-allowed}.location-option-main{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.location-option-text{min-width:0;display:flex;flex-direction:column}.location-label{font-size:13px;font-weight:600;color:var(--sld-text);white-space:normal;overflow:hidden;text-overflow:ellipsis}.location-code{font-size:11px;color:var(--sld-muted)}.location-option-meta{display:inline-flex;align-items:center;gap:8px}.location-type{font-size:10px;border:1px solid #d8e5f3;border-radius:999px;padding:4px 8px;color:#55708f;background:#f7fbff;text-transform:uppercase;letter-spacing:0.08em;font-weight:700}.fav-btn{width:28px;height:28px;border-radius:999px;background:#f6f9fc}.fav-btn:hover{background:#ebf2f8}.status{padding:14px;font-size:13px;background:var(--sld-panel-solid)}.status.loading,.status.empty{color:var(--sld-muted)}.status.error{color:#b91c1c;background:#fef2f2}.create-btn{width:100%;border:none;border-top:1px solid #edf2f7;background:#f7fbff;color:var(--sld-text);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;cursor:pointer;font-weight:600}.create-btn:hover{background:#eef6ff}.footer-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f7;padding:10px 12px 12px;font-size:11px;color:var(--sld-muted);background:var(--sld-panel)}`;
-
-const SmartLocationDropdown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.locationChange = createEvent(this, "locationChange");
-        this.locationSearch = createEvent(this, "locationSearch");
-        this.locationOpen = createEvent(this, "locationOpen");
-        this.locationClose = createEvent(this, "locationClose");
-        this.locationLoadError = createEvent(this, "locationLoadError");
-        this.locationCreate = createEvent(this, "locationCreate");
-    }
-    get hostElement() { return getElement(this); }
-    /** Location options as JSON string or array */
-    options = [];
-    /** Selected value(s): single => 'id', multi => comma-separated ids */
-    value = '';
-    /** Enables multiple location selection */
-    multiSelect = false;
-    /** Placeholder text for trigger */
-    placeholder = 'Select location';
-    /** Enables searching */
-    searchable = true;
-    /** Search placeholder */
-    searchPlaceholder = 'Search country, state, city, postal code...';
-    /** Disables control */
-    disabled = false;
-    /** Show clear action */
-    clearable = true;
-    /** Maximum dropdown height in px */
-    maxHeight = 360;
-    /** Search debounce in ms */
-    debounceMs = 250;
-    /** Max selected items in multi mode (0 = no limit) */
-    maxSelections = 0;
-    /** Max results rendered */
-    resultLimit = 250;
-    /** Show recent selections section */
-    showRecent = true;
-    /** Show favorites section */
-    showFavorites = true;
-    /** Persist recent/favorites in local storage */
-    persistState = true;
-    /** Storage key for persistent state */
-    storageKey = 'ui-smart-location-dropdown-state';
-    /** Display full hierarchy path in options and selected tags */
-    showPath = true;
-    /** Show location type badges */
-    showTypeBadge = true;
-    /** Allow custom value creation from search */
-    allowCustomValue = false;
-    /** Force menu position to ignore transformed/positioned parent offsets */
-    ignoreParentPosition = true;
-    /** Portal menu to document.body (off by default to preserve shadow styling) */
-    portal = false;
-    /** Optional async remote location loader */
-    loadLocations;
-    /** Minimum characters required before async loader executes */
-    remoteMinChars = 2;
-    isOpen = false;
-    parsedOptions = [];
-    remoteOptions = [];
-    selectedIds = new Set();
-    searchQuery = '';
-    loading = false;
-    loadError = '';
-    highlightedIndex = -1;
-    menuLeft = 0;
-    menuTop = 0;
-    menuWidth = 0;
-    dropdownPosition = 'bottom';
-    recentIds = [];
-    favoriteIds = [];
-    locationChange;
-    locationSearch;
-    locationOpen;
-    locationClose;
-    locationLoadError;
-    locationCreate;
-    searchDebounceTimer;
-    searchInputRef;
-    menuElement;
-    optionsRefs = [];
-    rafId;
-    isPortaled = false;
-    searchToken = 0;
-    watchOptions(newValue) {
-        this.parsedOptions = this.normalizeOptions(newValue);
-    }
-    watchValue(newValue) {
-        this.selectedIds = this.parseSelectedIds(newValue);
-    }
-    componentWillLoad() {
-        this.parsedOptions = this.normalizeOptions(this.options);
-        this.selectedIds = this.parseSelectedIds(this.value);
-        this.restorePersistentState();
-    }
-    disconnectedCallback() {
-        if (this.searchDebounceTimer) {
-            clearTimeout(this.searchDebounceTimer);
-        }
-        this.cleanupPortal();
-        if (this.rafId) {
-            cancelAnimationFrame(this.rafId);
-            this.rafId = 0;
-        }
-    }
-    handleOutsideClick(event) {
-        const path = typeof event.composedPath === 'function' ? event.composedPath() : [];
-        const clickedHost = path.includes(this.hostElement) || this.hostElement.contains(event.target);
-        const clickedMenu = !!this.menuElement && (path.includes(this.menuElement) || this.menuElement.contains(event.target));
-        if (!clickedHost && !clickedMenu) {
-            this.closeDropdown();
-        }
-    }
-    handleResize() {
-        if (this.isOpen) {
-            this.calculatePosition();
-        }
-    }
-    handleScroll() {
-        if (this.isOpen) {
-            this.calculatePosition();
-        }
-    }
-    normalizeOptions(raw) {
-        const parsed = typeof raw === 'string' ? this.tryParse(raw) : raw || [];
-        const output = [];
-        const walk = (items, depth, parentId, parentPath = []) => {
-            items.forEach(item => {
-                if (item == null || item.id == null || !item.label)
-                    return;
-                const idStr = String(item.id);
-                const type = item.type || this.inferType(depth);
-                const path = [...parentPath, item.label];
-                const searchText = [item.label, item.code || '', type, path.join(' '), (item.tags || []).join(' ')].join(' ').toLowerCase();
-                output.push({
-                    ...item,
-                    idStr,
-                    parentIdStr: parentId,
-                    type,
-                    depth,
-                    pathLabels: path,
-                    searchText,
-                });
-                if (item.children && item.children.length > 0) {
-                    walk(item.children, depth + 1, idStr, path);
-                }
-            });
-        };
-        walk(parsed, 0);
-        return output;
-    }
-    tryParse(value) {
-        if (!value)
-            return [];
-        try {
-            const parsed = JSON.parse(value);
-            return Array.isArray(parsed) ? parsed : [];
-        }
-        catch (error) {
-            console.error('Invalid JSON for location options', error);
-            return [];
-        }
-    }
-    inferType(depth) {
-        if (depth <= 0)
-            return 'country';
-        if (depth === 1)
-            return 'state';
-        if (depth === 2)
-            return 'city';
-        if (depth === 3)
-            return 'district';
-        return 'custom';
-    }
-    parseSelectedIds(value) {
-        if (!value)
-            return new Set();
-        if (this.multiSelect) {
-            return new Set(value.split(',').map(v => v.trim()).filter(Boolean));
-        }
-        return new Set([value]);
-    }
-    get selectedOptions() {
-        const map = new Map(this.getMergedOptions().map(o => [o.idStr, o]));
-        return Array.from(this.selectedIds)
-            .map(id => map.get(id))
-            .filter((o) => !!o);
-    }
-    getMergedOptions() {
-        const merged = [...this.parsedOptions];
-        const existing = new Set(merged.map(o => o.idStr));
-        this.remoteOptions.forEach(o => {
-            if (!existing.has(o.idStr)) {
-                merged.push(o);
-            }
-        });
-        return merged;
-    }
-    get filteredOptions() {
-        const all = this.getMergedOptions();
-        const query = this.searchQuery.trim().toLowerCase();
-        let list = query ? all.filter(option => option.searchText.includes(query)) : all;
-        if (!query) {
-            const pinned = this.favoriteIds
-                .map(id => list.find(o => o.idStr === id))
-                .filter((o) => !!o);
-            const recent = this.recentIds
-                .map(id => list.find(o => o.idStr === id && !this.favoriteIds.includes(id)))
-                .filter((o) => !!o);
-            const used = new Set([...pinned.map(o => o.idStr), ...recent.map(o => o.idStr)]);
-            const rest = list.filter(o => !used.has(o.idStr));
-            list = [...pinned, ...recent, ...rest];
-        }
-        return list.slice(0, this.resultLimit);
-    }
-    get typeLabelMap() {
-        return {
-            country: 'Country',
-            state: 'State',
-            province: 'Province',
-            city: 'City',
-            district: 'District',
-            postal: 'Postal',
-            custom: 'Custom',
-        };
-    }
-    toggleDropdown = () => {
-        if (this.disabled)
-            return;
-        if (this.isOpen) {
-            this.closeDropdown();
-            return;
-        }
-        this.isOpen = true;
-        this.locationOpen.emit();
-        this.highlightedIndex = this.filteredOptions.length > 0 ? 0 : -1;
-        this.schedulePositionUpdate();
-        if (this.searchable) {
-            window.setTimeout(() => this.searchInputRef?.focus(), 25);
-        }
-    };
-    closeDropdown = () => {
-        if (!this.isOpen)
-            return;
-        this.isOpen = false;
-        this.locationClose.emit();
-        this.highlightedIndex = -1;
-        this.searchQuery = '';
-        this.remoteOptions = [];
-        this.loadError = '';
-        this.cleanupPortal();
-    };
-    schedulePositionUpdate() {
-        if (this.rafId) {
-            cancelAnimationFrame(this.rafId);
-        }
-        this.rafId = requestAnimationFrame(() => {
-            this.calculatePosition();
-            this.rafId = 0;
-        });
-    }
-    calculatePosition() {
-        if (!this.isOpen || !this.menuElement)
-            return;
-        const trigger = this.hostElement.shadowRoot?.querySelector('.location-trigger');
-        if (!trigger)
-            return;
-        if (this.portal && !this.isPortaled && this.menuElement.parentElement !== document.body) {
-            document.body.appendChild(this.menuElement);
-            this.isPortaled = true;
-        }
-        const placement = calculateUniversalPlacement(trigger, {
-            menuWidth: trigger.offsetWidth,
-            menuHeight: this.maxHeight,
-            gap: 4,
-            placement: 'auto',
-            useTransformedAncestorOffset: !this.ignoreParentPosition,
-        });
-        this.menuLeft = placement.left;
-        this.menuTop = placement.top;
-        this.menuWidth = placement.width;
-        this.dropdownPosition = placement.placement;
-    }
-    cleanupPortal() {
-        if (this.portal && this.isPortaled && this.menuElement && this.menuElement.parentElement === document.body) {
-            this.hostElement.appendChild(this.menuElement);
-            this.isPortaled = false;
-        }
-    }
-    onSearchInput_Custom = (value) => {
-        this.searchQuery = value || '';
-        if (this.searchDebounceTimer) {
-            clearTimeout(this.searchDebounceTimer);
-        }
-        this.searchDebounceTimer = window.setTimeout(() => {
-            this.runRemoteSearch(this.searchQuery);
-            this.emitSearchEvent();
-            this.highlightedIndex = this.filteredOptions.length > 0 ? 0 : -1;
-        }, this.debounceMs);
-    };
-    async runRemoteSearch(query) {
-        if (!this.loadLocations)
-            return;
-        if ((query || '').trim().length < this.remoteMinChars) {
-            this.remoteOptions = [];
-            this.loading = false;
-            this.loadError = '';
-            return;
-        }
-        const token = ++this.searchToken;
-        this.loading = true;
-        this.loadError = '';
-        try {
-            const remote = await this.loadLocations(query.trim());
-            if (token !== this.searchToken)
-                return;
-            this.remoteOptions = this.normalizeOptions(remote || []);
-        }
-        catch (error) {
-            if (token !== this.searchToken)
-                return;
-            const message = error instanceof Error ? error.message : 'Failed to load locations';
-            this.remoteOptions = [];
-            this.loadError = message;
-            this.locationLoadError.emit({ query, message });
-        }
-        finally {
-            if (token === this.searchToken) {
-                this.loading = false;
-                this.emitSearchEvent();
-            }
-        }
-    }
-    emitSearchEvent() {
-        this.locationSearch.emit({
-            query: this.searchQuery,
-            localResults: this.parsedOptions.filter(o => o.searchText.includes(this.searchQuery.toLowerCase())).length,
-            remoteResults: this.remoteOptions.length,
-            loading: this.loading,
-        });
-    }
-    handleKeyDown = (event) => {
-        if (this.disabled)
-            return;
-        const options = this.filteredOptions;
-        switch (event.key) {
-            case 'Enter':
-            case ' ': {
-                if (!this.isOpen) {
-                    event.preventDefault();
-                    this.toggleDropdown();
-                    return;
-                }
-                if (this.highlightedIndex >= 0 && options[this.highlightedIndex]) {
-                    event.preventDefault();
-                    this.selectOption(options[this.highlightedIndex], 'select');
-                    return;
-                }
-                if (this.allowCustomValue && this.searchQuery.trim()) {
-                    event.preventDefault();
-                    this.createCustomLocation(this.searchQuery.trim());
-                }
-                return;
-            }
-            case 'ArrowDown':
-                event.preventDefault();
-                if (!this.isOpen) {
-                    this.toggleDropdown();
-                }
-                else if (options.length > 0) {
-                    this.highlightedIndex = Math.min(options.length - 1, this.highlightedIndex + 1);
-                    this.scrollToHighlighted();
-                }
-                return;
-            case 'ArrowUp':
-                event.preventDefault();
-                if (this.isOpen && options.length > 0) {
-                    this.highlightedIndex = Math.max(0, this.highlightedIndex - 1);
-                    this.scrollToHighlighted();
-                }
-                return;
-            case 'Escape':
-                if (this.isOpen) {
-                    event.preventDefault();
-                    this.closeDropdown();
-                }
-                return;
-            case 'Backspace':
-                if (this.multiSelect && !this.searchQuery && this.selectedIds.size > 0) {
-                    const last = Array.from(this.selectedIds).at(-1);
-                    if (last) {
-                        this.removeSelectedId(last, 'remove');
-                    }
-                }
-                return;
-            default:
-                return;
-        }
-    };
-    scrollToHighlighted() {
-        const optionElement = this.optionsRefs[this.highlightedIndex];
-        optionElement?.scrollIntoView({ block: 'nearest' });
-    }
-    selectOption(option, trigger) {
-        if (option.disabled)
-            return;
-        if (this.multiSelect) {
-            const next = new Set(this.selectedIds);
-            if (next.has(option.idStr)) {
-                next.delete(option.idStr);
-            }
-            else {
-                if (this.maxSelections > 0 && next.size >= this.maxSelections) {
-                    return;
-                }
-                next.add(option.idStr);
-            }
-            this.selectedIds = next;
-        }
-        else {
-            this.selectedIds = new Set([option.idStr]);
-            this.closeDropdown();
-        }
-        this.touchRecent(option.idStr);
-        this.syncValueAndEmit(trigger);
-    }
-    removeSelectedId(id, trigger) {
-        if (!this.selectedIds.has(id))
-            return;
-        const next = new Set(this.selectedIds);
-        next.delete(id);
-        this.selectedIds = next;
-        this.syncValueAndEmit(trigger);
-    }
-    clearSelection = (event) => {
-        event?.stopPropagation();
-        if (this.selectedIds.size === 0)
-            return;
-        this.selectedIds = new Set();
-        this.syncValueAndEmit('clear');
-    };
-    toggleFavorite = (id, event) => {
-        event.stopPropagation();
-        const exists = this.favoriteIds.includes(id);
-        this.favoriteIds = exists ? this.favoriteIds.filter(x => x !== id) : [id, ...this.favoriteIds].slice(0, 50);
-        this.persistCurrentState();
-    };
-    touchRecent(id) {
-        this.recentIds = [id, ...this.recentIds.filter(x => x !== id)].slice(0, 50);
-        this.persistCurrentState();
-    }
-    persistCurrentState() {
-        if (!this.persistState || typeof localStorage === 'undefined')
-            return;
-        try {
-            localStorage.setItem(this.storageKey, JSON.stringify({ recentIds: this.recentIds, favoriteIds: this.favoriteIds }));
-        }
-        catch {
-            // ignore storage errors
-        }
-    }
-    restorePersistentState() {
-        if (!this.persistState || typeof localStorage === 'undefined')
-            return;
-        try {
-            const raw = localStorage.getItem(this.storageKey);
-            if (!raw)
-                return;
-            const parsed = JSON.parse(raw);
-            this.recentIds = Array.isArray(parsed?.recentIds) ? parsed.recentIds.map((x) => String(x)).slice(0, 50) : [];
-            this.favoriteIds = Array.isArray(parsed?.favoriteIds) ? parsed.favoriteIds.map((x) => String(x)).slice(0, 50) : [];
-        }
-        catch {
-            this.recentIds = [];
-            this.favoriteIds = [];
-        }
-    }
-    syncValueAndEmit(trigger) {
-        const selectedIds = Array.from(this.selectedIds);
-        this.value = this.multiSelect ? selectedIds.join(',') : selectedIds[0] || '';
-        this.locationChange.emit({
-            value: this.value,
-            selected: this.selectedOptions,
-            trigger,
-            query: this.searchQuery,
-        });
-    }
-    createCustomLocation(label) {
-        const id = `custom:${label.toLowerCase().replace(/\s+/g, '-')}`;
-        const custom = {
-            id,
-            label,
-            type: 'custom',
-        };
-        this.locationCreate.emit(custom);
-        const normalized = this.normalizeOptions([custom]);
-        this.remoteOptions = [...normalized, ...this.remoteOptions.filter(o => o.idStr !== id)];
-        if (normalized[0]) {
-            this.selectOption(normalized[0], 'select');
-        }
-    }
-    getDisplayText() {
-        const selected = this.selectedOptions;
-        if (selected.length === 0)
-            return this.placeholder;
-        if (!this.multiSelect) {
-            return this.showPath ? selected[0].pathLabels.join(' / ') : selected[0].label;
-        }
-        if (selected.length === 1) {
-            return this.showPath ? selected[0].pathLabels.join(' / ') : selected[0].label;
-        }
-        return `${selected.length} locations selected`;
-    }
-    renderSelectedChips() {
-        if (!this.multiSelect || this.selectedOptions.length === 0)
-            return null;
-        const maxVisible = 3;
-        const visible = this.selectedOptions.slice(0, maxVisible);
-        const remaining = this.selectedOptions.length - visible.length;
-        return (h("div", { class: "selected-chips" }, visible.map(option => (h("span", { class: "selected-chip", key: `chip-${option.idStr}` }, h("span", { class: "chip-label" }, this.showPath ? option.pathLabels.join(' / ') : option.label), h("ui-button", { class: "chip-remove", onButtonClick: () => this.removeSelectedId(option.idStr, 'remove'), "aria-label": `Remove ${option.label}`, variant: "plain", icon: "x", iconLibrary: "lucide", iconOnly: true })))), remaining > 0 && h("span", { class: "selected-more" }, "+", remaining)));
-    }
-    renderOption(option, index) {
-        const selected = this.selectedIds.has(option.idStr);
-        const highlighted = this.highlightedIndex === index;
-        const favorite = this.favoriteIds.includes(option.idStr);
-        const label = this.showPath ? option.pathLabels.join(' / ') : option.label;
-        return (h("div", { class: {
-                'location-option': true,
-                'location-option-selected': selected,
-                'location-option-highlighted': highlighted,
-                'location-option-disabled': !!option.disabled,
-            }, role: "option", "aria-selected": selected ? 'true' : 'false', onMouseEnter: () => (this.highlightedIndex = index), onClick: () => this.selectOption(option, 'select'), ref: el => (this.optionsRefs[index] = el) }, h("div", { class: "location-option-main" }, this.multiSelect && h("ui-icon", { name: selected ? 'check-square' : 'square', library: "lucide", size: "18px" }), h("div", { class: "location-option-text" }, h("span", { class: "location-label" }, label), option.code && h("span", { class: "location-code" }, option.code))), h("div", { class: "location-option-meta" }, this.showTypeBadge && h("span", { class: "location-type" }, this.typeLabelMap[option.type]), this.showFavorites && (h("ui-button", { class: { 'fav-btn': true, active: favorite }, onButtonClick: e => this.toggleFavorite(option.idStr, e.detail), "aria-label": favorite ? `Remove ${option.label} from favorites` : `Add ${option.label} to favorites`, variant: "plain", icon: "star", iconLibrary: "lucide", iconOnly: true })))));
-    }
-    render() {
-        const filtered = this.filteredOptions;
-        const hasSelection = this.selectedIds.size > 0;
-        const canCreate = this.allowCustomValue && !!this.searchQuery.trim() && filtered.length === 0;
-        return (h("div", { key: '0d1270c7b8941a54d23f12b336a40248127a9515', class: { 'location-dropdown': true, open: this.isOpen, disabled: this.disabled } }, h("div", { key: '454a4fb32bdfcbb31f61ab24f69dd720f1d7975c', class: "location-trigger", role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", tabIndex: this.disabled ? -1 : 0, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown }, h("span", { key: '06e96ca6b9ce142e1c6eb4145d75de7c6753d0aa', class: { 'trigger-text': true, placeholder: !hasSelection } }, this.getDisplayText()), h("div", { key: '75bf60390f1983473a30b6c7fa6906d7bd39a99d', class: "trigger-icons" }, hasSelection && this.clearable && !this.disabled && (h("ui-button", { key: '274b970b60c84e37ba60ef76a226d8dffd21f85b', class: "clear-btn", onButtonClick: this.clearSelection, "aria-label": "Clear selected locations", variant: "plain", icon: "x", iconLibrary: "lucide", iconOnly: true })), h("ui-icon", { key: '872eb5b33bb7c84ebdf68d0685af115d78b893ba', name: "chevron-down", library: "lucide", size: "16px", class: { arrow: true, open: this.isOpen } }))), this.renderSelectedChips(), this.isOpen && (h("div", { key: '5285b7a36ec106df13afbfde4bae0127567dd459', class: { menu: true, top: this.dropdownPosition === 'top' }, role: "listbox", ref: el => (this.menuElement = el), style: {
-                maxHeight: `${this.maxHeight}px`,
-                left: `${this.menuLeft}px`,
-                width: `${this.menuWidth}px`,
-                position: 'fixed',
-                zIndex: '10020',
-                top: `${this.menuTop}px`,
-            } }, this.searchable && (h("div", { key: '96c9247325ad38fa7ad1378141a8de53fe23c062', class: "search-row" }, h("ui-input", { key: '16e6a0e35ae37de129b1812ecd7ed7c46c3b84c3', ref: el => (this.searchInputRef = el), class: "search-input", value: this.searchQuery, placeholder: this.searchPlaceholder, onInputChange: (e) => this.onSearchInput_Custom(e.detail), onKeyDown: this.handleKeyDown, variant: "plain" }))), this.loading && h("div", { key: '8be3bb6ff2b546d4b77dedea4efdced3cf456a73', class: "status loading" }, "Loading locations..."), !this.loading && this.loadError && h("div", { key: '2990bc4eb6413fc9ad02ec4214af9701f3ddb63f', class: "status error" }, this.loadError), !this.loading && filtered.length > 0 && (h("div", { key: 'cc1da47a2b1e0703c8f9cf3b12f66c53f4c72215', class: "options-list" }, filtered.map((option, index) => this.renderOption(option, index)))), !this.loading && filtered.length === 0 && !canCreate && h("div", { key: '74871de825014986333f513ab8a78eee94efffca', class: "status empty" }, "No locations found"), canCreate && (h("ui-button", { key: '0fd041bedf71502bea54a09d658669ccd3bcc68f', class: "create-btn", onButtonClick: () => this.createCustomLocation(this.searchQuery.trim()), variant: "plain", align: "start", fullWidth: true, icon: "plus", iconLibrary: "lucide", label: `Create "${this.searchQuery.trim()}"` })), (this.showFavorites || this.showRecent) && !this.searchQuery && (h("div", { key: '5a4c6ecc6768d6a6ee8b3731e4d12b845c936a8f', class: "footer-meta" }, this.showFavorites && h("span", { key: 'e2cac6f8adb895ba9f262be9924ea9a5619c95e3' }, "Favorites: ", this.favoriteIds.length), this.showRecent && h("span", { key: 'f541571f8f6dd69ce531f7a54cc8cd6d06b3d8a8' }, "Recent: ", this.recentIds.length)))))));
-    }
-    static get watchers() { return {
-        "options": [{
-                "watchOptions": 0
-            }],
-        "value": [{
-                "watchValue": 0
-            }]
-    }; }
-};
-SmartLocationDropdown.style = smartLocationDropdownCss();
-
-export { SmartLocationDropdown as ui_smart_location_dropdown };

package/dist/exploration-project-tailwind/p-01c7db7a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,a,h as t,H as s}from"./p-DUsoYu9r.js";const r=class{constructor(a){e(this,a),this.asideClosed=i(this,"asideClosed"),this.asideOpened=i(this,"asideOpened"),this.asideResized=i(this,"asideResized"),this.asideActionClick=i(this,"asideActionClick"),this.asideStateChange=i(this,"asideStateChange")}open=!1;direction="right";size="320px";mini=!1;miniSize="64px";pinned=!1;variant="default";theme="default";haptic=!1;enableParallax=!1;enableVoiceControl=!1;syncGroup="";maximized=!1;autoMini=!0;toggleShortcut="";showActions=!1;actionItems=[];stackOffset=0;scope="body";closeable=!0;closeOnOverlayClick=!0;showOverlay=!1;closeOnEscape=!0;resizable=!1;resizeHandleColor="";showResizeIndicator=!0;minSize=200;rtl=!1;maxSize=1200;backdropBlur="0";transitionDuration="1s";animationType="slide-in-out";loading=!1;progress=-1;badge="";persistKey;floatingOffset="20px";secondarySize="auto";floatingAlign="stretch";backgroundColor="white";asideClosed;asideOpened;asideResized;asideActionClick;asideStateChange;currentSize;isResizing=!1;isListening=!1;mouseRotation={x:0,y:0};get hostElement(){return a(this)}startPos=0;startSize=0;firstFocusableEl;lastFocusableEl;watchOpenHandler(e){e?(this.playHaptic("open"),this.asideOpened.emit(),this.handleFocusTrap(),this.saveState(),this.broadcastState(),"body"===this.scope&&document.body.classList.add("ui-aside-open")):(this.playHaptic("close"),this.asideClosed.emit(),this.saveState(),this.broadcastState(),"body"===this.scope&&document.body.classList.remove("ui-aside-open")),this.asideStateChange.emit({open:this.open,mini:this.mini})}watchMiniHandler(){this.playHaptic("toggle"),this.asideStateChange.emit({open:this.open,mini:this.mini}),this.saveState()}handleWindowResize(){this.autoMini&&window.innerWidth<1024&&(this.mini=!0)}componentWillLoad(){this.loadState(),this.currentSize||(this.currentSize=parseInt(this.size)),this.autoMini&&window.innerWidth<1024&&(this.mini=!0)}handleRemoteSync(e){this.syncGroup&&e.detail.group===this.syncGroup&&e.detail.sourceId!==this.hostElement.id&&(this.open=e.detail.open,this.mini=e.detail.mini)}broadcastState(){this.syncGroup&&window.dispatchEvent(new CustomEvent("asideRemoteState",{detail:{group:this.syncGroup,sourceId:this.hostElement.id,open:this.open,mini:this.mini}}))}playHaptic(e){if(this.haptic)try{const i=new(window.AudioContext||window.webkitAudioContext),a=i.createOscillator(),t=i.createGain();a.connect(t),t.connect(i.destination);const s=i.currentTime;"open"===e?(a.frequency.setValueAtTime(440,s),a.frequency.exponentialRampToValueAtTime(880,s+.1)):"close"===e?(a.frequency.setValueAtTime(880,s),a.frequency.exponentialRampToValueAtTime(220,s+.15)):(a.frequency.setValueAtTime(660,s),a.frequency.exponentialRampToValueAtTime(440,s+.1)),t.gain.setValueAtTime(.1,s),t.gain.exponentialRampToValueAtTime(.01,s+.15),a.start(),a.stop(s+.15)}catch(e){}}disconnectedCallback(){"body"===this.scope&&document.body.classList.remove("ui-aside-open")}watchSizeHandler(e){e&&(this.currentSize=parseInt(e))}componentDidLoad(){this.open&&this.handleFocusTrap()}loadState(){if(this.persistKey){const e=localStorage.getItem(`aside-panel-${this.persistKey}`);if(e)try{const{open:i,mini:a,size:t}=JSON.parse(e);this.open=i,this.mini=a,this.currentSize=t}catch(e){console.warn("Failed to load aside-panel state",e)}}}saveState(){this.persistKey&&localStorage.setItem(`aside-panel-${this.persistKey}`,JSON.stringify({open:this.open,mini:this.mini,size:this.currentSize}))}handleFocusTrap(){this.open&&!this.mini&&setTimeout((()=>{const e=this.hostElement.shadowRoot?.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]');e&&e.length>0&&(this.firstFocusableEl=e[0],this.lastFocusableEl=e[e.length-1],this.firstFocusableEl.focus())}),100)}handleKeyDown(e){if(this.toggleShortcut&&e.ctrlKey&&e.key.toLowerCase()===this.toggleShortcut.toLowerCase())return e.preventDefault(),void this.toggle();if(this.open){if(this.closeOnEscape&&"Escape"===e.key&&!this.pinned&&this.handleClose(),this.resizable&&e.altKey){const i=e.shiftKey?50:10;if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();let a=0;"ArrowLeft"===e.key&&(a="left"===this.direction?-i:"right"===this.direction?i:0),"ArrowRight"===e.key&&(a="left"===this.direction?i:"right"===this.direction?-i:0),"ArrowUp"===e.key&&(a="top"===this.direction?-i:"bottom"===this.direction?i:0),"ArrowDown"===e.key&&(a="top"===this.direction?i:"bottom"===this.direction?-i:0),this.currentSize=Math.max(this.minSize,Math.min(this.maxSize,this.currentSize+a)),this.asideResized.emit({size:this.currentSize}),this.saveState(),this.playHaptic("toggle")}}if("Tab"===e.key){const i=this.hostElement.shadowRoot,a=i?i.activeElement:document.activeElement;e.shiftKey?a===this.firstFocusableEl&&(this.lastFocusableEl.focus(),e.preventDefault()):a===this.lastFocusableEl&&(this.firstFocusableEl.focus(),e.preventDefault())}}}async toggleMaximize(){this.maximized=!this.maximized,this.playHaptic("toggle")}async toggle(){this.open=!this.open}async toggleMini(){this.mini=!this.mini}async show(){this.open=!0}async hide(){this.pinned||(this.open=!1)}async initVoice(){if(!this.enableVoiceControl||!("webkitSpeechRecognition"in window))return;const e=new window.webkitSpeechRecognition;e.continuous=!1,e.interimResults=!1,e.lang="en-US",e.onstart=()=>{this.isListening=!0},e.onend=()=>{this.isListening=!1},e.onresult=e=>{const i=e.results[0][0].transcript.toLowerCase();(i.includes("side")||i.includes("panel"))&&((i.includes("open")||i.includes("show"))&&this.show(),(i.includes("close")||i.includes("hide"))&&this.hide(),(i.includes("mini")||i.includes("collapse"))&&(this.mini=!0),i.includes("expand")&&(this.mini=!1))},e.start()}handleResizeStart=e=>{this.resizable&&!this.mini&&(e.preventDefault(),this.isResizing=!0,this.startPos="left"===this.direction||"right"===this.direction?e.clientX:e.clientY,this.startSize=this.currentSize,document.addEventListener("mousemove",this.handleResizeMove),document.addEventListener("mouseup",this.handleResizeEnd))};handleResizeMove=e=>{if(!this.isResizing)return;let i=0,a=0;"left"===this.direction||"right"===this.direction?(a=.9*window.innerWidth,i="left"===this.direction?e.clientX-this.startPos:this.startPos-e.clientX):(a=.9*window.innerHeight,i="top"===this.direction?e.clientY-this.startPos:this.startPos-e.clientY);let t=this.startSize+i;const s=Math.min(this.maxSize,a);t=Math.max(this.minSize,Math.min(s,t)),this.currentSize=t};handleResizeEnd=()=>{this.isResizing=!1,document.removeEventListener("mousemove",this.handleResizeMove),document.removeEventListener("mouseup",this.handleResizeEnd),this.asideResized.emit({size:this.currentSize}),this.saveState()};handleClose=()=>{this.pinned||(this.open=!1)};handleOverlayClick=()=>{this.closeOnOverlayClick&&!this.pinned&&this.handleClose()};handleParallax=e=>{if(!this.enableParallax||!this.open||this.mini)return;const i=this.hostElement.getBoundingClientRect();this.mouseRotation={x:5*((e.clientY-i.top)/i.height-.5),y:5*-((e.clientX-i.left)/i.width-.5)}};resetParallax=()=>{this.mouseRotation={x:0,y:0}};hostStyle(){const e={},i=this.maximized?"90%":this.mini?this.miniSize:this.currentSize?`${this.currentSize}px`:this.size,a="floating"===this.variant,t=a?this.floatingOffset:this.stackOffset?`${this.stackOffset}px`:"0";let s="none";return"left"===this.direction||"right"===this.direction?(e.width=i,e[this.direction]=t,a?"stretch"===this.floatingAlign?(e.top=t,e.bottom=t,e.height=`calc(100vh - 2 * ${t})`):(e.height="auto"===this.secondarySize?"60%":this.secondarySize,"start"===this.floatingAlign?(e.top=t,e.bottom="auto"):"end"===this.floatingAlign?(e.bottom=t,e.top="auto"):(e.top="50%",s="translateY(-50%)")):(e.height="100vh",e.top="0",e.bottom="0")):(e.height=i,e[this.direction]=t,a?"stretch"===this.floatingAlign?(e.left=t,e.right=t,e.width=`calc(100vw - 2 * ${t})`):(e.width="auto"===this.secondarySize?"60%":this.secondarySize,"start"===this.floatingAlign?(e.left=t,e.right="auto"):"end"===this.floatingAlign?(e.right=t,e.left="auto"):(e.left="50%",s="translateX(-50%)")):(e.width="100vw",e.left="0",e.right="0")),!this.enableParallax||this.mini||this.maximized||(s="none"===s?"":s,s+=` perspective(1000px) rotateX(${this.mouseRotation.x}deg) rotateY(${this.mouseRotation.y}deg)`),e["--aside-center-transform"]=s.trim(),e["--aside-transition-duration"]=this.transitionDuration,e["--aside-bg"]=this.backgroundColor||"white",e.backgroundColor="var(--aside-bg, #ffffff)",e}render(){const e="default"!==this.theme?this.theme:this.variant;return t(s,{key:"96228f17ee1f0fab8f11427ee6055f42234418cb",class:{"aside-container":!0,open:this.open,mini:this.mini,maximized:this.maximized,[`theme-${e}`]:!0,[`variant-${e}`]:!0,[`dir-${this.direction}`]:!0,[`animation-${this.animationType}`]:!0,"is-pinned":this.pinned,rtl:this.rtl},style:this.hostStyle(),role:"complementary","aria-expanded":this.open.toString(),"aria-hidden":(!this.open).toString()},this.showOverlay&&!this.mini&&t("div",{key:"5dae19f30e04a7fc18cb0fef62a8319f79296160",class:{overlay:!0,visible:this.open},style:{backdropFilter:"0"!==this.backdropBlur?`blur(${this.backdropBlur})`:"none"},onClick:this.handleOverlayClick}),t("div",{key:"688ced9dccc2bfe6ee489e8283146f8863044224",class:{panel:!0,[`panel-${this.direction}`]:!0,open:this.open,mini:this.mini,resizing:this.isResizing,loading:this.loading,"parallax-active":this.enableParallax},style:this.hostStyle(),onMouseMove:this.handleParallax,onMouseLeave:this.resetParallax},this.loading&&t("div",{key:"e78d13a733dbd6e9b2949634c8b107cab6225d24",class:"loading-overlay"},t("div",{key:"c7db0694fba52bfbc8d6a90440976556a85056c6",class:"spinner"})),this.resizable&&!this.mini&&t("div",{key:"ecc06e0c68c743eff86b12e2bb978369743924d7",class:`resize-handle resize-handle-${this.direction}`,style:this.resizeHandleColor?{backgroundColor:this.resizeHandleColor}:{},onMouseDown:this.handleResizeStart},this.showResizeIndicator&&t("div",{key:"28156c16815117726861da00bb93165c174fc1fe",class:"resize-indicator"},t("span",{key:"6b4e06e9ae3935a5a68dfbd2a51b53b1172fdd0f"}),t("span",{key:"82558b01333dff587f0afd3d723a7e592a757ede"}),t("span",{key:"c8e3a7ab11462c951e1477b5abcae131e2019129"}))),t("div",{key:"ab67f36b3f4dd65dffdb6fd4e12bb09d04fa4d59",class:"panel-header-toolbar"},t("div",{key:"627055ac7880157e1ccdb43587832fb151800202",class:"toolbar-left"},this.mini?t("ui-button",{variant:"ghost",size:"sm",icon:"chevron-right",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Expand",onClick:()=>this.toggleMini()}):t("div",{style:{display:"flex",gap:"4px"}},t("ui-button",{variant:"ghost",size:"sm",icon:"chevron-left",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Collapse to Mini",onClick:()=>this.toggleMini()}),!this.mini&&t("ui-button",{variant:"ghost",size:"sm",icon:this.maximized?"minimize":"maximize",iconLibrary:"lucide",iconSize:"14px",ariaLabel:this.maximized?"Restore":"Maximize",onClick:()=>this.toggleMaximize()})),this.enableVoiceControl&&t("ui-button",{key:"67bd0e21f1411391f2ee3bfc9d752ce267012401",variant:"ghost",size:"sm",icon:"mic",iconLibrary:"lucide",iconSize:"14px",ariaLabel:"Voice Interaction",class:this.isListening?"active":"",onClick:()=>this.initVoice()})),t("div",{key:"fa9bad7d620cab7d18cf9234f50f985378b472f5",class:"toolbar-right"},this.showActions&&t("ui-button",{key:"7688f94038ec6a27423be56b787873631614cdc2",id:"aside-actions-trigger",variant:"ghost",size:"sm",icon:"ellipsis-vertical",iconLibrary:"lucide",iconSize:"16px",ariaLabel:"More Actions",onClick:()=>this.asideActionClick.emit()}),this.showActions&&t("ui-context-menu",{key:"32daa2cbf1311059c80058a3ad587946f24b8e59",items:this.actionItems,target:"#aside-actions-trigger",openOn:"click",placement:"bottom",onItemSelect:e=>this.asideActionClick.emit(e.detail)}),this.pinned&&t("ui-icon",{key:"a3e70a59b575c0376c151e0c6a1db1553a9dd1e9",name:"pin",library:"lucide",size:"14px",class:"pin-status"}),this.closeable&&!this.pinned&&t("ui-button",{key:"c686337c8755a0375b4c87239bf95d2838f8bd36",variant:"ghost",size:"sm",icon:"x",iconLibrary:"lucide",iconSize:"16px",ariaLabel:"Close panel",onClick:this.handleClose}))),t("div",{key:"b4c1294140c10f94287ba98fa86f16627c61bb5b",class:"panel-header"},t("div",{key:"cd0533b0730d96b11136e68ce6a1e0372885ff4f",class:"header-main"},t("slot",{key:"687c43c34a171ff4351e8a41778da102826ce2f8",name:"header"}),this.badge&&t("span",{key:"830f3cb27cf809029f686bacbd488a6dcbcedad3",class:"header-badge"},this.badge)),this.progress>-1&&t("div",{key:"6c37bd10a8d7bfac71cc7aa619c44b4145400681",class:"header-progress"},t("div",{key:"07fbdc20712c119f1e345fcd070f2eb33f7380e6",class:"progress-bar",style:{width:`${Math.min(100,Math.max(0,this.progress))}%`}}))),t("div",{key:"569c75c3b02918bb22d3ffc4322a882267b92bb9",class:"panel-content"},t("slot",{key:"9255c9b298178ae03bae04acd856d8b528ddf808",name:"content"}),t("slot",{key:"0c071717c63c6baabfd5350cad38f57621989c6c"})),!this.mini&&t("div",{key:"d2a629a5864e57d917ca7a5a8256125a8a8ec0a4",class:"panel-footer"},t("slot",{key:"9b79d14c480eefa03ef84e73e5363bca9cd63e6e",name:"footer"}))))}static get watchers(){return{open:[{watchOpenHandler:0}],mini:[{watchMiniHandler:0}],size:[{watchSizeHandler:0}]}}};r.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:contents;--aside-overlay-bg:rgba(0, 0, 0, 0.4);--aside-panel-bg:var(--aside-bg, var(--bg-primary, #ffffff));--aside-panel-shadow:0 10px 40px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.06);--aside-panel-text:var(--text-primary, #0f172a);--aside-close-btn-color:var(--text-muted, #64748b);--aside-close-btn-hover-color:var(--text-primary, #0f172a);--aside-close-btn-hover-bg:var(--bg-secondary, #f1f5f9);--aside-close-btn-focus:var(--color-primary, #10b981);--aside-resize-handle-hover:var(--color-primary, #10b981);--aside-resize-handle-active:var(--color-primary-hover, #2563eb);--aside-panel-padding:32px;--aside-transition-duration:1s;--aside-ease:cubic-bezier(0.65, 0, 0.35, 1);--aside-z-index-overlay:1500;--aside-z-index-panel:1501;--aside-mini-size:64px}.aside-container{display:block}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--aside-overlay-bg);opacity:0;visibility:hidden;transition:opacity var(--aside-transition-duration) var(--aside-ease), visibility var(--aside-transition-duration) var(--aside-ease);transition-delay:var(--aside-transition-duration);z-index:var(--aside-z-index-overlay)}.overlay.visible{opacity:1;visibility:visible;transition-delay:0s}.panel{position:fixed;background-color:var(--aside-panel-bg);color:var(--aside-panel-text);box-shadow:var(--aside-panel-shadow);transition:transform var(--aside-transition-duration) var(--aside-ease), width var(--aside-transition-duration) var(--aside-ease), height var(--aside-transition-duration) var(--aside-ease), opacity var(--aside-transition-duration) var(--aside-ease), visibility var(--aside-transition-duration) var(--aside-ease);z-index:var(--aside-z-index-panel);display:flex;flex-direction:column;overflow:hidden;visibility:hidden;pointer-events:none;transform-style:preserve-3d;--aside-dir-transform:translate(0, 0);transform:var(--aside-center-transform, none) var(--aside-dir-transform)}.panel-left{--aside-dir-transform:translateX(-110%)}.panel-right{--aside-dir-transform:translateX(110%)}.panel-top{--aside-dir-transform:translateY(-110%)}.panel-bottom{--aside-dir-transform:translateY(110%)}.panel.open{visibility:visible;pointer-events:auto;--aside-dir-transform:translate(0, 0)}.panel.maximized{width:90% !important;height:90% !important;border-radius:16px;z-index:1550;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.5);margin:1%}.panel.maximized .resize-handle{display:none !important}.panel.resizing{transition:none !important;user-select:none}.parallax-active{transition:transform var(--aside-transition-duration) var(--aside-ease), width var(--aside-transition-duration) var(--aside-ease), height var(--aside-transition-duration) var(--aside-ease), opacity var(--aside-transition-duration) var(--aside-ease)}.panel.mini .panel-header,.panel.mini .panel-footer,.panel.mini .toolbar-right,.panel.mini .close-btn{display:none !important}.panel.mini .panel-content{opacity:0.1;filter:blur(4px);pointer-events:none}.panel-header-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(0, 0, 0, 0.02);border-bottom:1px solid rgba(0, 0, 0, 0.05)}.panel-header-toolbar .toolbar-left,.panel-header-toolbar .toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-btn{background:transparent;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--aside-close-btn-color);transition:all 0.2s ease}.toolbar-btn:hover{background:var(--aside-close-btn-hover-bg);color:var(--aside-close-btn-hover-color)}.voice-btn.active{color:var(--color-danger, #ef4444);animation:voice-breathing 1.5s infinite ease-in-out}.panel-header{padding:24px var(--aside-panel-padding);border-bottom:1px solid var(--border-subtle, #e2e8f0);position:relative}.panel-header .header-main{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel-header .header-badge{background:var(--border-subtle, #e2e8f0);color:var(--color-primary, #475569);padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}.panel-header .header-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(0, 0, 0, 0.05)}.panel-header .header-progress .progress-bar{height:100%;background:var(--color-primary, #10b981);transition:width 0.3s ease}.theme-zenith .header-badge{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.2);color:var(--color-success, #10b981)}.theme-zenith .header-progress .progress-bar{background:var(--color-success, #10b981);box-shadow:0 0 5px var(--color-success, #10b981)}.panel-content{flex:1;padding:var(--aside-panel-padding);overflow-y:auto}.panel-footer{padding:20px var(--aside-panel-padding);border-top:1px solid var(--border-subtle, #e2e8f0);background-color:var(--bg-primary, #f8fafc)}.variant-glass .panel,.theme-glass .panel{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.3)}.variant-glass.panel-left{border-right:1px solid rgba(255, 255, 255, 0.3)}.variant-floating .panel{border-radius:16px;border:1px solid rgba(0, 0, 0, 0.08);box-shadow:0 20px 40px -10px rgba(0, 0, 0, 0.2), 0 10px 15px -5px rgba(0, 0, 0, 0.1)}.variant-floating .panel.panel-right:not(.open){--aside-dir-transform:translateX(calc(100% + 80px))}.variant-floating .panel.panel-left:not(.open){--aside-dir-transform:translateX(calc(-100% - 80px))}.variant-floating .panel.panel-top:not(.open){--aside-dir-transform:translateY(calc(-100% - 80px))}.variant-floating .panel.panel-bottom:not(.open){--aside-dir-transform:translateY(calc(100% + 80px))}.theme-radiant .panel{background:linear-gradient(135deg, var(--bg-primary, #ffffff), var(--bg-primary, #f8fafc));border:2px solid transparent;background-clip:padding-box;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15)}.theme-zenith .panel{background:var(--bg-secondary, #0f172a);color:var(--bg-primary, #ffffff);border-color:var(--bg-primary, var(--border-subtle, #1e293b))}.theme-zenith .panel .panel-header,.theme-zenith .panel .panel-footer{border-color:var(--bg-primary, var(--border-subtle, #1e293b));background:var(--bg-primary, var(--border-subtle, #1e293b))}.resize-handle{position:absolute;background-color:transparent;z-index:1510;transition:background-color 0.2s ease, opacity 0.2s ease;display:flex;align-items:center;justify-content:center}.resize-handle:hover{background-color:var(--aside-resize-handle-hover)}.resize-indicator{display:flex;gap:2px;pointer-events:none;opacity:0.5}.resize-handle:hover .resize-indicator{opacity:1}.resize-handle-left,.resize-handle-right{flex-direction:column}.resize-handle-left .resize-indicator,.resize-handle-right .resize-indicator{flex-direction:column}.resize-indicator span{width:3px;height:3px;background-color:currentColor;border-radius:50%;box-shadow:0 0 2px rgba(0, 0, 0, 0.2)}.resize-handle-left{right:0;top:0;bottom:0;width:6px;cursor:ew-resize}.resize-handle-right{left:0;top:0;bottom:0;width:6px;cursor:ew-resize}.resize-handle-top{bottom:0;left:0;right:0;height:6px;cursor:ns-resize}.resize-handle-bottom{top:0;left:0;right:0;height:6px;cursor:ns-resize}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;z-index:1600;backdrop-filter:blur(4px);overflow:hidden}.loading-overlay::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent);animation:aside-shimmer 2s infinite}.spinner{width:48px;height:48px;border:4px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);border-top-color:var(--color-primary, #10b981);border-radius:50%;animation:aside-spin 1s infinite linear}@keyframes aside-spin{to{transform:rotate(360deg)}}@keyframes aside-shimmer{100%{left:200%}}.theme-zenith .panel.open{animation:zenith-heartbeat 4s ease-in-out infinite}@keyframes zenith-heartbeat{0%,100%{box-shadow:0 0 0 0 rgba(var(--color-success-rgb, 16, 185, 129), 0)}50%{box-shadow:0 0 20px 2px rgba(var(--color-success-rgb, 16, 185, 129), 0.2)}}@media (prefers-color-scheme: dark){:host{--aside-panel-bg:var(--bg-primary, #1e293b);--aside-panel-text:var(--bg-secondary, #f1f5f9)}.panel-header,.panel-footer{border-color:var(--color-primary, #334155)}.panel-footer{background:var(--bg-secondary, #0f172a)}.loading-overlay{background:rgba(15, 23, 42, 0.7)}}.aside-container.animation-slide-in-out .panel{opacity:1}.aside-container.animation-fade .panel:not(.open){opacity:0;visibility:hidden;--aside-dir-transform:translate(0, 0) !important}.aside-container.animation-fade .panel.open{opacity:1;visibility:visible}.aside-container.animation-scale .panel:not(.open){opacity:0;visibility:hidden;--aside-dir-transform:scale(0.95)}.aside-container.animation-scale .panel.open{opacity:1;visibility:visible;--aside-dir-transform:scale(1)}.variant-none .panel,.theme-none .panel{background:transparent !important;box-shadow:none !important;border:none !important}';export{r as ui_aside_panel}

package/dist/exploration-project-tailwind/p-049744f9.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as e,H as c}from"./p-DUsoYu9r.js";const i=class{constructor(e){t(this,e),this.colorChange=a(this,"colorChange")}value="#10b981";label="";colorChange;r=16;g=185;b=129;h=159;s=91;v=73;hex="10B981";handleValueUpdate(t){this.updateAllFromHex(t)}componentWillLoad(){this.updateAllFromHex(this.value)}updateAllFromHex(t){if(!t)return;const a=t.startsWith("#")?t.slice(1):t;this.hex=a.toUpperCase();const e=parseInt(a,16);this.r=e>>16&255,this.g=e>>8&255,this.b=255&e;const c=this.r/255,i=this.g/255,r=this.b/255,l=Math.max(c,i,r),s=l-Math.min(c,i,r);let n=0;0===s?n=0:l===c?n=(i-r)/s%6:l===i?n=(r-c)/s+2:l===r&&(n=(c-i)/s+4),n=Math.round(60*n),n<0&&(n+=360);const o=0===l?0:s/l,p=l;this.h=n,this.s=Math.round(100*o),this.v=Math.round(100*p)}emitChange(){this.value=`#${this.hex}`,this.colorChange.emit(this.value)}handleHexInput=t=>{const a=t.detail.value||"";6!==a.length&&3!==a.length||/^[0-9A-Fa-f]+$/.test(a)&&(this.hex=a.toUpperCase(),this.updateAllFromHex(this.hex),this.emitChange())};handleRgbChange(t,a){isNaN(a)||(this[t]=Math.max(0,Math.min(255,a)),this.hex=((1<<24)+(this.r<<16)+(this.g<<8)+this.b).toString(16).slice(1).toUpperCase(),this.updateAllFromHex(this.hex),this.emitChange())}handleHsvChange(t,a){if(isNaN(a))return;"h"===t&&(this.h=Math.max(0,Math.min(360,a))),"s"===t&&(this.s=Math.max(0,Math.min(100,a))),"v"===t&&(this.v=Math.max(0,Math.min(100,a)));const e=this.h,c=this.v/100,i=c*(this.s/100),r=i*(1-Math.abs(e/60%2-1)),l=c-i;let s=0,n=0,o=0;e<60?(s=i,n=r,o=0):e<120?(s=r,n=i,o=0):e<180?(s=0,n=i,o=r):e<240?(s=0,n=r,o=i):e<300?(s=r,n=0,o=i):(s=i,n=0,o=r),this.r=Math.round(255*(s+l)),this.g=Math.round(255*(n+l)),this.b=Math.round(255*(o+l)),this.hex=((1<<24)+(this.r<<16)+(this.g<<8)+this.b).toString(16).slice(1).toUpperCase(),this.emitChange()}render(){return e(c,{key:"b3bf272d34509127138914724e36b188edd43d6e"},this.label&&e("div",{key:"36ebf9de294642b1d67135b6c8c452fb47c612e6",class:"col-ctrl-label"},this.label),e("div",{key:"59133d3793607ff7168906dbddd0e7e40c7244a9",class:"col-ctrl-grid"},e("div",{key:"44b1a8ae8bbc3faaf5c9b009eab5580297761c2d",class:"col-ctrl-row"},e("span",{key:"d5fe3fe12e6a116569b2939a0d63f8ff5599184f",class:"col-ctrl-key"},"H"),e("div",{key:"69bb7842109760c51e1122963cb56f0eba8454a0",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"f6a133615ab877293398de65f3b0004c0234f161",class:"col-ctrl-input",type:"number",value:this.h,onInputChange:t=>this.handleHsvChange("h",parseInt(t.detail)),variant:"plain"}),e("span",{key:"e00ac8771d5c0f6a08d93fd3f1c1b85b6014edca",class:"col-ctrl-unit"},"°"))),e("div",{key:"2fd071bc5741f47cbf40b6664332c6f63e684091",class:"col-ctrl-row"},e("span",{key:"375c1767c1631f1f5aa0095606c9e50b350443f2",class:"col-ctrl-key"},"S"),e("div",{key:"3c41e3f98fc37ab7a2af5f3a57dfa7bb05427744",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"3f2a4a152681231156b1b82091fd08b78d6cba2f",class:"col-ctrl-input",type:"number",value:this.s,onInputChange:t=>this.handleHsvChange("s",parseInt(t.detail)),variant:"plain"}),e("span",{key:"3c33faf1a4ffe99ebe5cde064c024034b691ad1f",class:"col-ctrl-unit"},"%"))),e("div",{key:"2e49ebd592ade20e0e7660b10416b656312347e0",class:"col-ctrl-row",style:{marginBottom:"12px"}},e("span",{key:"874e0da90ed96b03c7955ac6650c75b039ea886a",class:"col-ctrl-key"},"V"),e("div",{key:"7ef1fd0da2ea55c460643e464a0a06bd4ae2d280",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"11cb688038ce67cee9c29b091498b7967674b7fa",class:"col-ctrl-input",type:"number",value:this.v,onInputChange:t=>this.handleHsvChange("v",parseInt(t.detail)),variant:"plain"}),e("span",{key:"09449462dbba86a0fd33b862f42590209218b9e2",class:"col-ctrl-unit"},"%"))),e("div",{key:"c16ecc86f52bbb01edea970400c2128d86384a70",class:"col-ctrl-row"},e("span",{key:"53fa2cd839dc048567e3aed4fe6ce766d7005577",class:"col-ctrl-key"},"R"),e("div",{key:"bcf8bf7833c0dc0030d99b28af56b0bc430fd708",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"a498ca548a2529505bae7161659f50b4e5641678",class:"col-ctrl-input",type:"number",value:this.r,onInputChange:t=>this.handleRgbChange("r",parseInt(t.detail)),variant:"plain"}))),e("div",{key:"516aff05554aad71cc012a9905dad96d5e03b91e",class:"col-ctrl-row"},e("span",{key:"2c234e6e2f2111724cf603a76303a965b2277c17",class:"col-ctrl-key"},"G"),e("div",{key:"85339e47bcd95bf20f6e7ae42ac5d29739e8d05a",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"d705b336aaceb110e92a9a63c000bfc19c9bdb17",class:"col-ctrl-input",type:"number",value:this.g,onInputChange:t=>this.handleRgbChange("g",parseInt(t.detail)),variant:"plain"}))),e("div",{key:"033523f4276729ee119fe4ad793e02850c288831",class:"col-ctrl-row",style:{marginBottom:"12px"}},e("span",{key:"66fd8bdd0d2dd540fb591d02ebc3240913477b52",class:"col-ctrl-key"},"B"),e("div",{key:"1cfa29786007a7c1292817b914cb573f0a69f1b8",class:"col-ctrl-input-wrapper"},e("ui-input",{key:"b6c51663d914adb081819c23fb8e7915be7b50cb",class:"col-ctrl-input",type:"number",value:this.b,onInputChange:t=>this.handleRgbChange("b",parseInt(t.detail)),variant:"plain"}))),e("div",{key:"4c43173acd72a63dcb2e3ea5759d05bceebd6087",class:"col-ctrl-row hex-row"},e("span",{key:"3d742b9ca0c5956498a6787171a22fbdb0e87a12",class:"col-ctrl-key"},"#"),e("div",{key:"294d48fc7bb69c9dda1a36788b6e712725fda674",class:"col-ctrl-input-wrapper hex-wrapper"},e("ui-input",{key:"051e90c5e2814ba7a5ae6cb542e379f343cf29ea",class:"col-ctrl-input hex-input",value:this.hex,onInputChange:t=>this.handleHexInput({detail:{value:t.detail}}),variant:"plain"})))))}static get watchers(){return{value:[{handleValueUpdate:0}]}}};i.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:inherit;width:100%;max-width:2a0px}.col-ctrl-label{font-size:13px;font-weight:700;color:var(--color-primary, #6366f1);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em}.col-ctrl-grid{display:flex;flex-direction:column;gap:6px}.col-ctrl-row{display:flex;align-items:center;gap:8px}.col-ctrl-key{flex:0 0 20px;font-size:12px;font-weight:500;color:var(--text-secondary, #4b5563)}.col-ctrl-input-wrapper{flex:1;display:flex;align-items:center;border:1px solid var(--border-default, #e5e7eb);border-radius:4px;background:var(--bg-primary, #ffffff);padding:2px 6px;transition:all 0.2s}.col-ctrl-input-wrapper:focus-within{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241), 0.1)}.col-ctrl-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;padding:4px;width:100%;color:var(--text-primary, #111827);font-family:monospace;text-align:right}.col-ctrl-input::-webkit-outer-spin-button,.col-ctrl-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hex-row .col-ctrl-key{font-family:monospace;font-weight:700}.col-ctrl-unit{font-size:12px;color:var(--text-muted, #9ca3af);margin-left:4px;min-width:12px}.hex-input{text-align:left;letter-spacing:0.05em;font-weight:600}";export{i as ui_color_controller}