@codeenvision/ui-webcomponents 1.0.0

package/dist/components/ColorPalette/ColorPalette.js

@@ -0,0 +1,174 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+export class ColorPalette extends BaseComponent {
+    options;
+    swatches = [];
+    isInteractive = false;
+    selectedValue;
+    hydrated = false;
+    constructor(options) {
+        super(options.selector);
+        this.options = options;
+    }
+    init() {
+        if (this.options.hydrate && this.tryHydrate()) {
+            this.hydrated = true;
+            return;
+        }
+        this.teardown();
+        this.swatches = this.normalizeSwatches(this.options.colors);
+        this.isInteractive = this.options.interactive ?? Boolean(this.options.onSelect || this.options.onSwatchSelect);
+        this.selectedValue = this.options.selectedValue;
+        this.applyBaseClasses();
+        this.renderSwatches();
+        this.el.addEventListener("click", this.handleSwatchClick);
+    }
+    destroy() {
+        this.teardown();
+    }
+    applyBaseClasses() {
+        this.el.classList.add("ce-color-palette");
+        this.el.setAttribute("role", "list");
+        this.el.setAttribute("aria-label", this.options.ariaLabel ?? "Color palette");
+        if (this.options.layout === "stacked") {
+            this.el.classList.add("ce-color-palette--stacked");
+        }
+        else {
+            this.el.classList.remove("ce-color-palette--stacked");
+        }
+        if (this.options.columns) {
+            this.el.style.setProperty("--ce-color-palette-columns", `repeat(${this.options.columns}, minmax(80px, 1fr))`);
+        }
+        else {
+            this.el.style.removeProperty("--ce-color-palette-columns");
+        }
+    }
+    renderSwatches() {
+        this.swatches.forEach((swatch, index) => {
+            const item = document.createElement(this.isInteractive ? "button" : "div");
+            item.classList.add("ce-color-palette__item");
+            item.dataset.swatchIndex = String(index);
+            if (this.isInteractive && item instanceof HTMLButtonElement) {
+                item.type = "button";
+                item.classList.add("is-interactive");
+            }
+            item.setAttribute("role", this.isInteractive ? "button" : "listitem");
+            const swatchBlock = document.createElement("div");
+            swatchBlock.classList.add("ce-color-palette__swatch");
+            swatchBlock.style.setProperty("--swatch-color", swatch.value);
+            if (swatch.className) {
+                swatchBlock.classList.add(swatch.className);
+                swatchBlock.style.removeProperty("background-color");
+            }
+            if (this.selectedValue && swatch.value === this.selectedValue) {
+                item.classList.add("is-selected");
+            }
+            const label = document.createElement("span");
+            label.classList.add("ce-color-palette__label");
+            label.textContent = swatch.label ?? swatch.value;
+            item.appendChild(swatchBlock);
+            item.appendChild(label);
+            if (this.options.showToken !== false && swatch.token) {
+                const token = document.createElement("span");
+                token.classList.add("ce-color-palette__token");
+                token.textContent = swatch.token;
+                item.appendChild(token);
+            }
+            if (this.options.showValue !== false) {
+                const valueEl = document.createElement("span");
+                valueEl.classList.add("ce-color-palette__value");
+                valueEl.textContent = swatch.value;
+                item.appendChild(valueEl);
+            }
+            if (swatch.description) {
+                const description = document.createElement("span");
+                description.classList.add("ce-color-palette__description");
+                description.textContent = swatch.description;
+                item.appendChild(description);
+            }
+            this.el.appendChild(item);
+        });
+    }
+    normalizeSwatches(colors) {
+        return colors.map((entry) => {
+            if (typeof entry === "string") {
+                return {
+                    label: entry,
+                    value: entry,
+                };
+            }
+            return {
+                label: entry.label ?? entry.value,
+                value: entry.value,
+                token: entry.token,
+                description: entry.description,
+                className: entry.className,
+            };
+        });
+    }
+    handleSwatchClick = (event) => {
+        const target = event.target?.closest(".ce-color-palette__item");
+        if (!target) {
+            return;
+        }
+        const index = Number(target.dataset.swatchIndex ?? -1);
+        const swatch = this.swatches[index];
+        if (!swatch) {
+            return;
+        }
+        if (this.isInteractive) {
+            this.el.querySelectorAll(".ce-color-palette__item.is-selected").forEach((node) => node.classList.remove("is-selected"));
+            target.classList.add("is-selected");
+            this.selectedValue = swatch.value;
+        }
+        this.options.onSelect?.(swatch.value, swatch);
+        this.options.onSwatchSelect?.(swatch);
+    };
+    teardown() {
+        this.el.classList.remove("ce-color-palette", "ce-color-palette--stacked");
+        this.el.removeAttribute("role");
+        this.el.removeAttribute("aria-label");
+        this.el.style.removeProperty("--ce-color-palette-columns");
+        this.el.innerHTML = "";
+        this.swatches = [];
+        this.isInteractive = false;
+        this.el.removeEventListener("click", this.handleSwatchClick);
+    }
+    tryHydrate() {
+        this.swatches = this.normalizeSwatches(this.options.colors ?? []);
+        this.isInteractive = this.options.interactive ?? Boolean(this.options.onSelect || this.options.onSwatchSelect);
+        this.selectedValue = this.options.selectedValue;
+        this.applyBaseClasses();
+        this.el.setAttribute("role", "list");
+        this.el.setAttribute("aria-label", this.options.ariaLabel ?? "Color palette");
+        const items = Array.from(this.el.querySelectorAll(".ce-color-palette__item"));
+        if (!items.length) {
+            return false;
+        }
+        if (!this.swatches.length) {
+            this.swatches = items.map((item, index) => {
+                const label = item.querySelector(".ce-color-palette__label")?.textContent?.trim();
+                const value = item.querySelector(".ce-color-palette__value")?.textContent?.trim();
+                const token = item.querySelector(".ce-color-palette__token")?.textContent?.trim();
+                const description = item.querySelector(".ce-color-palette__description")?.textContent?.trim();
+                return {
+                    label: label ?? value ?? `Swatch ${index + 1}`,
+                    value: value ?? label ?? "",
+                    token: token ?? undefined,
+                    description: description ?? undefined,
+                };
+            });
+        }
+        items.forEach((item, index) => {
+            item.dataset.swatchIndex = String(index);
+            if (this.selectedValue && this.swatches[index]?.value === this.selectedValue) {
+                item.classList.add("is-selected");
+            }
+            if (this.isInteractive) {
+                item.classList.add("is-interactive");
+            }
+        });
+        this.el.addEventListener("click", this.handleSwatchClick);
+        return true;
+    }
+}
+//# sourceMappingURL=ColorPalette.js.map

package/dist/components/ColorPalette/ColorPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette.js","sourceRoot":"","sources":["../../../components/ColorPalette/ColorPalette.ts"],"names":[],"mappings":"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"}

package/dist/components/ColorPalette/ColorPalette.types.d.ts

@@ -0,0 +1,24 @@
+export interface ColorPaletteSwatch {
+    label?: string;
+    value: string;
+    token?: string;
+    description?: string;
+    className?: string;
+}
+export type ColorPaletteInput = string | ColorPaletteSwatch;
+export type ColorPaletteLayout = "grid" | "stacked";
+export interface ColorPaletteOptions {
+    selector: string;
+    colors: ColorPaletteInput[];
+    layout?: ColorPaletteLayout;
+    columns?: number;
+    showValue?: boolean;
+    showToken?: boolean;
+    interactive?: boolean;
+    ariaLabel?: string;
+    onSelect?: (color: string, swatch?: ColorPaletteSwatch) => void;
+    onSwatchSelect?: (swatch: ColorPaletteSwatch) => void;
+    selectedValue?: string;
+    hydrate?: boolean;
+}
+//# sourceMappingURL=ColorPalette.types.d.ts.map

package/dist/components/ColorPalette/ColorPalette.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette.types.d.ts","sourceRoot":"","sources":["../../../components/ColorPalette/ColorPalette.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,kBAAkB,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAChE,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/ColorPalette/ColorPalette.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColorPalette.types.js.map

package/dist/components/ColorPalette/ColorPalette.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette.types.js","sourceRoot":"","sources":["../../../components/ColorPalette/ColorPalette.types.ts"],"names":[],"mappings":""}

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,19 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+import type { ColorPickerOptions } from "./ColorPicker.types.js";
+export declare class ColorPicker extends BaseComponent {
+    private options;
+    private currentColor;
+    private swatchContainer?;
+    private inputColor?;
+    private inputHex?;
+    private hydrated;
+    constructor(options: ColorPickerOptions);
+    init(): void;
+    destroy(): void;
+    private renderSwatches;
+    private applyColor;
+    private highlightSelection;
+    private normalizeHex;
+    private tryHydrate;
+}
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/components/ColorPicker/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../components/ColorPicker/ColorPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAIjE,qBAAa,WAAY,SAAQ,aAAa;IAC5C,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,YAAY,CAAgB;IACpC,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,UAAU,CAAC,CAAmB;IACtC,OAAO,CAAC,QAAQ,CAAC,CAAmB;IACpC,OAAO,CAAC,QAAQ,CAAS;gBAEb,OAAO,EAAE,kBAAkB;IAMvC,IAAI,IAAI,IAAI;IAkEZ,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,UAAU;CA2DnB"}

package/dist/components/ColorPicker/ColorPicker.js

@@ -0,0 +1,176 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+const DEFAULT_PALETTE = ["#2563eb", "#22c55e", "#f97316", "#ef4444", "#a855f7", "#0f172a", "#e5e7eb", "#111827"];
+export class ColorPicker extends BaseComponent {
+    options;
+    currentColor;
+    swatchContainer;
+    inputColor;
+    inputHex;
+    hydrated = false;
+    constructor(options) {
+        super(options.selector);
+        this.options = options;
+        this.currentColor = options.value ?? null;
+    }
+    init() {
+        if (this.options.hydrate && this.tryHydrate()) {
+            this.hydrated = true;
+            return;
+        }
+        this.destroy();
+        const wrapper = document.createElement("div");
+        wrapper.className = "ce-color-picker";
+        if (this.options.theme === "dark") {
+            wrapper.classList.add("ce-color-picker--dark");
+        }
+        if (this.options.disabled) {
+            wrapper.classList.add("ce-color-picker--disabled");
+        }
+        this.swatchContainer = document.createElement("div");
+        this.swatchContainer.className = "ce-color-picker__swatches";
+        wrapper.appendChild(this.swatchContainer);
+        this.renderSwatches();
+        if (this.options.showInput !== false) {
+            const controls = document.createElement("div");
+            controls.className = "ce-color-picker__controls";
+            this.inputColor = document.createElement("input");
+            this.inputColor.type = "color";
+            this.inputColor.className = "ce-color-picker__input";
+            if (this.currentColor) {
+                this.inputColor.value = this.currentColor;
+            }
+            this.inputColor.disabled = Boolean(this.options.disabled);
+            this.inputColor.addEventListener("input", () => this.applyColor(this.inputColor.value));
+            controls.appendChild(this.inputColor);
+            this.inputHex = document.createElement("input");
+            this.inputHex.type = "text";
+            this.inputHex.className = "ce-color-picker__hex";
+            this.inputHex.placeholder = "#000000";
+            this.inputHex.value = this.currentColor ?? "";
+            this.inputHex.disabled = Boolean(this.options.disabled);
+            this.inputHex.addEventListener("change", () => {
+                const value = this.normalizeHex(this.inputHex.value);
+                if (value) {
+                    this.applyColor(value);
+                }
+                else {
+                    this.inputHex.value = this.currentColor ?? "";
+                }
+            });
+            controls.appendChild(this.inputHex);
+            if (this.options.allowClear) {
+                const clearBtn = document.createElement("button");
+                clearBtn.type = "button";
+                clearBtn.className = "ce-color-picker__clear";
+                clearBtn.textContent = "Clear";
+                clearBtn.disabled = Boolean(this.options.disabled);
+                clearBtn.addEventListener("click", () => this.applyColor(null));
+                controls.appendChild(clearBtn);
+            }
+            wrapper.appendChild(controls);
+        }
+        this.el.appendChild(wrapper);
+    }
+    destroy() {
+        this.el.innerHTML = "";
+        this.swatchContainer = undefined;
+        this.inputColor = undefined;
+        this.inputHex = undefined;
+    }
+    renderSwatches() {
+        if (!this.swatchContainer)
+            return;
+        const palette = this.options.palette?.length ? this.options.palette : DEFAULT_PALETTE;
+        palette.forEach((color) => {
+            const swatch = document.createElement("button");
+            swatch.type = "button";
+            swatch.className = "ce-color-picker__swatch";
+            swatch.style.backgroundColor = color;
+            swatch.title = color;
+            swatch.disabled = Boolean(this.options.disabled);
+            if (this.currentColor === color) {
+                swatch.classList.add("is-selected");
+            }
+            swatch.addEventListener("click", () => this.applyColor(color));
+            this.swatchContainer.appendChild(swatch);
+        });
+    }
+    applyColor(color) {
+        this.currentColor = color;
+        if (this.inputColor && color) {
+            this.inputColor.value = color;
+        }
+        if (this.inputHex) {
+            this.inputHex.value = color ?? "";
+        }
+        this.highlightSelection();
+        this.options.onChange?.(color);
+    }
+    highlightSelection() {
+        if (!this.swatchContainer)
+            return;
+        this.swatchContainer.querySelectorAll(".ce-color-picker__swatch").forEach((swatch) => {
+            swatch.classList.toggle("is-selected", swatch.getAttribute("title") === this.currentColor);
+        });
+    }
+    normalizeHex(value) {
+        if (!value)
+            return null;
+        const normalized = value.trim().startsWith("#") ? value.trim() : `#${value.trim()}`;
+        const isValid = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(normalized);
+        return isValid ? normalized : null;
+    }
+    tryHydrate() {
+        const root = this.el.matches?.(".ce-color-picker")
+            ? this.el
+            : this.el.querySelector(".ce-color-picker");
+        if (!root) {
+            return false;
+        }
+        root.classList.add("ce-color-picker");
+        root.classList.toggle("ce-color-picker--dark", this.options.theme === "dark");
+        root.classList.toggle("ce-color-picker--disabled", Boolean(this.options.disabled));
+        this.swatchContainer = root.querySelector(".ce-color-picker__swatches") ?? undefined;
+        this.inputColor = root.querySelector(".ce-color-picker__input") ?? undefined;
+        this.inputHex = root.querySelector(".ce-color-picker__hex") ?? undefined;
+        if (this.inputColor) {
+            this.inputColor.disabled = Boolean(this.options.disabled);
+            if (this.currentColor) {
+                this.inputColor.value = this.currentColor;
+            }
+            this.inputColor.addEventListener("input", () => this.applyColor(this.inputColor.value));
+        }
+        if (this.inputHex) {
+            this.inputHex.disabled = Boolean(this.options.disabled);
+            this.inputHex.placeholder = "#000000";
+            this.inputHex.value = this.currentColor ?? "";
+            this.inputHex.addEventListener("change", () => {
+                const value = this.normalizeHex(this.inputHex.value);
+                if (value) {
+                    this.applyColor(value);
+                }
+                else {
+                    this.inputHex.value = this.currentColor ?? "";
+                }
+            });
+        }
+        const clearBtn = root.querySelector(".ce-color-picker__clear");
+        if (clearBtn) {
+            clearBtn.disabled = Boolean(this.options.disabled);
+            clearBtn.addEventListener("click", () => this.applyColor(null));
+        }
+        if (this.swatchContainer) {
+            const swatches = Array.from(this.swatchContainer.querySelectorAll(".ce-color-picker__swatch"));
+            if (!this.options.palette?.length && swatches.length) {
+                this.options.palette = swatches.map((swatch) => swatch.getAttribute("title") ?? "");
+            }
+            swatches.forEach((swatch) => {
+                swatch.disabled = Boolean(this.options.disabled);
+                swatch.addEventListener("click", () => this.applyColor(swatch.getAttribute("title") ?? ""));
+            });
+            this.highlightSelection();
+        }
+        return true;
+    }
+}
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/ColorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../components/ColorPicker/ColorPicker.ts"],"names":[],"mappings":"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"}

package/dist/components/ColorPicker/ColorPicker.types.d.ts

@@ -0,0 +1,12 @@
+export interface ColorPickerOptions {
+    selector: string;
+    value?: string;
+    palette?: string[];
+    showInput?: boolean;
+    allowClear?: boolean;
+    disabled?: boolean;
+    theme?: "light" | "dark";
+    onChange?: (color: string | null) => void;
+    hydrate?: boolean;
+}
+//# sourceMappingURL=ColorPicker.types.d.ts.map

package/dist/components/ColorPicker/ColorPicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.types.d.ts","sourceRoot":"","sources":["../../../components/ColorPicker/ColorPicker.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/ColorPicker/ColorPicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColorPicker.types.js.map

package/dist/components/ColorPicker/ColorPicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.types.js","sourceRoot":"","sources":["../../../components/ColorPicker/ColorPicker.types.ts"],"names":[],"mappings":""}

package/dist/components/ComboBox/ComboBox.d.ts

@@ -0,0 +1,17 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+import type { ComboBoxOptions } from "./ComboBox.types.js";
+export declare class ComboBox extends BaseComponent {
+    private options;
+    private input;
+    private list;
+    private filtered;
+    private hydrated;
+    constructor(options: ComboBoxOptions);
+    init(): void;
+    destroy(): void;
+    private applyFilter;
+    private renderOptions;
+    private tryHydrate;
+    private applySelection;
+}
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/components/ComboBox/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../components/ComboBox/ComboBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,qBAAqB,CAAC;AAE3E,qBAAa,QAAS,SAAQ,aAAa;IACzC,OAAO,CAAC,OAAO,CAAkB;IACjC,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,QAAQ,CAAwB;IACxC,OAAO,CAAC,QAAQ,CAAS;gBAEb,OAAO,EAAE,eAAe;IAMpC,IAAI,IAAI,IAAI;IAuCZ,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,UAAU;IAqDlB,OAAO,CAAC,cAAc;CAavB"}

package/dist/components/ComboBox/ComboBox.js

@@ -0,0 +1,136 @@
+import { BaseComponent } from "../../core/BaseComponent.js";
+import { registerIconElement } from "../Icon/CeIcon.js";
+export class ComboBox extends BaseComponent {
+    options;
+    input;
+    list;
+    filtered = [];
+    hydrated = false;
+    constructor(options) {
+        super(options.selector);
+        this.options = { searchable: true, ...options };
+        this.filtered = [...options.options];
+    }
+    init() {
+        registerIconElement();
+        if (this.options.hydrate && this.tryHydrate()) {
+            this.hydrated = true;
+            return;
+        }
+        this.destroy();
+        const wrap = document.createElement("div");
+        wrap.className = "ce-combobox";
+        this.input = document.createElement("input");
+        this.input.type = "text";
+        this.input.className = "ce-combobox__input";
+        this.input.placeholder = this.options.placeholder ?? "Search...";
+        if (!this.options.searchable) {
+            this.input.readOnly = true;
+        }
+        this.list = document.createElement("div");
+        this.list.className = "ce-combobox__list";
+        const icon = document.createElement("span");
+        icon.className = "ce-combobox__icon";
+        icon.setAttribute("aria-hidden", "true");
+        icon.innerHTML = '<ce-icon name="chevron-down" size="16" aria-hidden="true"></ce-icon>';
+        this.input.addEventListener("input", () => this.applyFilter());
+        this.input.addEventListener("focus", () => this.list.classList.add("is-open"));
+        document.addEventListener("click", (e) => {
+            if (!wrap.contains(e.target)) {
+                this.list.classList.remove("is-open");
+            }
+        });
+        this.renderOptions(this.filtered);
+        wrap.append(this.input, icon, this.list);
+        this.el.appendChild(wrap);
+    }
+    destroy() {
+        this.el.innerHTML = "";
+    }
+    applyFilter() {
+        const term = this.input.value.toLowerCase();
+        this.filtered = this.options.options.filter((opt) => opt.label.toLowerCase().includes(term));
+        this.renderOptions(this.filtered);
+    }
+    renderOptions(opts) {
+        this.list.innerHTML = "";
+        if (!opts.length) {
+            const empty = document.createElement("div");
+            empty.className = "ce-combobox__option ce-combobox__option--empty";
+            empty.textContent = "No results";
+            this.list.appendChild(empty);
+            return;
+        }
+        opts.forEach((opt) => {
+            const item = document.createElement("div");
+            item.className = "ce-combobox__option";
+            item.textContent = opt.label;
+            item.addEventListener("click", () => {
+                this.applySelection(opt);
+                this.list.classList.remove("is-open");
+                this.options.onSelect?.(opt);
+            });
+            this.list.appendChild(item);
+        });
+    }
+    tryHydrate() {
+        const root = this.el.querySelector(".ce-combobox");
+        if (!root) {
+            return false;
+        }
+        this.input = root.querySelector(".ce-combobox__input");
+        this.list = root.querySelector(".ce-combobox__list");
+        if (!this.input || !this.list) {
+            return false;
+        }
+        if (!root.querySelector(".ce-combobox__icon")) {
+            const icon = document.createElement("span");
+            icon.className = "ce-combobox__icon";
+            icon.setAttribute("aria-hidden", "true");
+            icon.innerHTML = '<ce-icon name="chevron-down" size="16" aria-hidden="true"></ce-icon>';
+            this.input.insertAdjacentElement("afterend", icon);
+        }
+        this.input.placeholder = this.options.placeholder ?? "Search...";
+        this.input.readOnly = !this.options.searchable;
+        if (!this.options.options.length) {
+            const items = Array.from(this.list.querySelectorAll(".ce-combobox__option"));
+            this.options.options = items.map((item) => ({
+                label: item.textContent ?? "",
+                value: item.textContent ?? "",
+            }));
+        }
+        this.filtered = [...this.options.options];
+        this.input.addEventListener("input", () => this.applyFilter());
+        this.input.addEventListener("focus", () => this.list.classList.add("is-open"));
+        document.addEventListener("click", (e) => {
+            if (!root.contains(e.target)) {
+                this.list.classList.remove("is-open");
+            }
+        });
+        const optionElements = Array.from(this.list.querySelectorAll(".ce-combobox__option"));
+        optionElements.forEach((item) => {
+            const label = item.textContent ?? "";
+            item.addEventListener("click", () => {
+                const opt = this.options.options.find((entry) => entry.label === label) ?? { label, value: label };
+                this.applySelection(opt);
+                this.list.classList.remove("is-open");
+                this.options.onSelect?.(opt);
+            });
+        });
+        return true;
+    }
+    applySelection(opt) {
+        const label = opt.label ?? String(opt.value ?? "");
+        this.input.value = label;
+        this.input.setAttribute("value", label);
+        const host = this.el.closest("ce-combobox");
+        if (host) {
+            const value = String(opt.value ?? label);
+            host.dataset.value = value;
+            host.setAttribute("data-value", value);
+            host.dataset.label = label;
+            host.setAttribute("label", label);
+        }
+    }
+}
+//# sourceMappingURL=ComboBox.js.map

package/dist/components/ComboBox/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../../components/ComboBox/ComboBox.ts"],"names":[],"mappings":"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"}