@codeenvision/ui-webcomponents 1.0.0

package/dist/components/web-components/index.js

@@ -0,0 +1,95 @@
+export * from "./access-control-matrix.js";
+export * from "./accordion.js";
+export * from "./atm-card.js";
+export * from "./audit-log-viewer.js";
+export * from "./avatar.js";
+export * from "./backlog-board.js";
+export * from "./badge.js";
+export * from "./barcode.js";
+export * from "./bottom-nav.js";
+export * from "./button.js";
+export * from "./calendar.js";
+export * from "./card.js";
+export * from "./carousel.js";
+export * from "./cart.js";
+export * from "./chart.js";
+export * from "./chat.js";
+export * from "./checkbox.js";
+export * from "./chip.js";
+export * from "./color-gradient.js";
+export * from "./color-palette.js";
+export * from "./color-picker.js";
+export * from "./combobox.js";
+export * from "./context-menu.js";
+export * from "./datatable-pro.js";
+export * from "./date-picker.js";
+export * from "./date-range-picker.js";
+export * from "./diagram.js";
+export * from "./dialog-window.js";
+export * from "./dialog.js";
+export * from "./drawer.js";
+export * from "./dropdown.js";
+export * from "./editor.js";
+export * from "./feature-flags-manager.js";
+export * from "./file-manager.js";
+export * from "./form-builder.js";
+export * from "./form.js";
+export * from "./gantt.js";
+export * from "./gauge.js";
+export * from "./grid.js";
+export * from "./icon.js";
+export * from "./identity-sso-settings.js";
+export * from "./input-mask.js";
+export * from "./input.js";
+export * from "./kanban.js";
+export * from "./listbox.js";
+export * from "./listview.js";
+export * from "./loader.js";
+export * from "./map.js";
+export * from "./memo.js";
+export * from "./menu.js";
+export * from "./multiselect.js";
+export * from "./navbar.js";
+export * from "./notification.js";
+export * from "./numeric-text.js";
+export * from "./ops-console.js";
+export * from "./otp-input.js";
+export * from "./pagination.js";
+export * from "./pdf-viewer.js";
+export * from "./pivot-grid.js";
+export * from "./policy-editor.js";
+export * from "./popup.js";
+export * from "./progress-bar.js";
+export * from "./qrcode.js";
+export * from "./radio-range.js";
+export * from "./radio.js";
+export * from "./range-slider.js";
+export * from "./rating.js";
+export * from "./rich-text-editor.js";
+export * from "./scheduler.js";
+export * from "./scrollview.js";
+export * from "./signature-pad.js";
+export * from "./sla-dashboard.js";
+export * from "./slider.js";
+export * from "./smart-editor.js";
+export * from "./speech-to-text.js";
+export * from "./splitter.js";
+export * from "./spreadsheet.js";
+export * from "./stepper.js";
+export * from "./switch.js";
+export * from "./tab-layout.js";
+export * from "./table.js";
+export * from "./tabs.js";
+export * from "./textarea.js";
+export * from "./timeline.js";
+export * from "./toast.js";
+export * from "./token-vault.js";
+export * from "./tooltip-manager.js";
+export * from "./tooltip.js";
+export * from "./treelist.js";
+export * from "./treeview.js";
+export * from "./upload.js";
+export * from "./video.js";
+export * from "./visiting-card.js";
+export * from "./workflow-builder.js";
+//# sourceMappingURL=index.js.map

package/dist/components/web-components/index.js.map

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

package/dist/components/web-components/input-mask.d.ts

@@ -0,0 +1,9 @@
+import type { InputMaskOptions } from "../InputMask/InputMask.types.js";
+export interface InputMaskProps extends Omit<InputMaskOptions, "selector">, Record<string, unknown> {
+    value?: string;
+}
+export interface InputMaskChangeDetail {
+    value: string;
+}
+export declare function registerInputMaskElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=input-mask.d.ts.map

package/dist/components/web-components/input-mask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-mask.d.ts","sourceRoot":"","sources":["../../../components/web-components/input-mask.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGxE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AA8HD,wBAAgB,wBAAwB,IAAI,wBAAwB,GAAG,SAAS,CAU/E"}

package/dist/components/web-components/input-mask.js

@@ -0,0 +1,146 @@
+import { InputMask } from "../InputMask/InputMask.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+const DEFAULT_INPUT_MASK_PROPS = {
+    mask: "",
+    placeholder: "",
+    value: "",
+};
+const INPUT_MASK_PROP_DEFINITIONS = [
+    { attribute: "mask", prop: "mask" },
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "value", prop: "value" },
+];
+let inputMaskId = 0;
+const applyInputMaskParts = (host, input) => {
+    input.setAttribute("data-ce-component", "input-mask");
+    input.setAttribute("part", "base input");
+    if (host !== input && host instanceof HTMLElement) {
+        host.setAttribute("data-ce-component", "input-mask");
+        host.setAttribute("part", "base");
+    }
+};
+const inputMaskComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const elementId = `ce-input-mask-${++inputMaskId}`;
+        let currentProps = { ...DEFAULT_INPUT_MASK_PROPS, ...props };
+        let instance;
+        let inputEl = null;
+        let usingExistingInput = false;
+        const handleInput = (event) => {
+            event.stopPropagation();
+            if (!inputEl)
+                return;
+            const masked = usingExistingInput ? maskValue(inputEl.value, currentProps.mask ?? "") : inputEl.value;
+            if (usingExistingInput) {
+                inputEl.value = masked;
+            }
+            currentProps = { ...currentProps, value: masked ?? "" };
+            on?.input?.({ value: masked ?? "" });
+        };
+        const render = () => {
+            const existing = host.querySelector("input");
+            if (existing) {
+                usingExistingInput = true;
+                inputEl = existing;
+                existing.classList.add("ce-input-mask");
+                applyInputMaskParts(host, existing);
+                if (currentProps.placeholder !== undefined) {
+                    existing.placeholder = currentProps.placeholder ?? currentProps.mask ?? "";
+                }
+                if (currentProps.value !== undefined) {
+                    existing.value = currentProps.value ?? "";
+                }
+                existing.addEventListener("input", handleInput);
+                return;
+            }
+            usingExistingInput = false;
+            host.innerHTML = "";
+            const wrapper = document.createElement("div");
+            wrapper.id = elementId;
+            host.appendChild(wrapper);
+            instance = new InputMask({
+                selector: `#${elementId}`,
+                mask: currentProps.mask ?? "",
+                placeholder: currentProps.placeholder ?? currentProps.mask ?? "",
+            });
+            instance.init();
+            inputEl = wrapper.querySelector("input");
+            if (inputEl) {
+                if (currentProps.value !== undefined) {
+                    inputEl.value = currentProps.value ?? "";
+                }
+                applyInputMaskParts(wrapper, inputEl);
+                inputEl.addEventListener("input", handleInput);
+            }
+        };
+        const updateExisting = (partial) => {
+            if (!inputEl)
+                return;
+            if (partial.placeholder !== undefined) {
+                inputEl.placeholder = partial.placeholder ?? "";
+            }
+            if (partial.value !== undefined) {
+                inputEl.value = partial.value ?? "";
+            }
+        };
+        render();
+        return {
+            destroy() {
+                inputEl?.removeEventListener("input", handleInput);
+                inputEl = null;
+                instance?.destroy?.();
+                if (!usingExistingInput) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                const next = { ...currentProps, ...(partial ?? {}) };
+                const maskChanged = partial?.mask !== undefined && partial.mask !== currentProps.mask;
+                currentProps = next;
+                if (maskChanged && !usingExistingInput) {
+                    render();
+                    return;
+                }
+                updateExisting(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_INPUT_MASK_PROPS, ...props };
+        return `<input class="ce-input-mask" data-ce-component="input-mask" part="base input" placeholder="${merged.placeholder ?? merged.mask ?? ""}" value="${merged.value ?? ""}" />`;
+    },
+};
+export function registerInputMaskElement() {
+    return defineComponentElement({
+        tag: "ce-input-mask",
+        component: inputMaskComponent,
+        props: INPUT_MASK_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_INPUT_MASK_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+        events: ["input"],
+    });
+}
+function maskValue(value, mask) {
+    if (!mask) {
+        return value;
+    }
+    let maskedValue = "";
+    let vIndex = 0;
+    for (let i = 0; i < mask.length; i++) {
+        if (mask[i] === "X") {
+            if (vIndex < value.length) {
+                maskedValue += value[vIndex++];
+            }
+            else {
+                break;
+            }
+        }
+        else {
+            maskedValue += mask[i];
+        }
+    }
+    return maskedValue;
+}
+//# sourceMappingURL=input-mask.js.map

package/dist/components/web-components/input-mask.js.map

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

package/dist/components/web-components/input.d.ts

@@ -0,0 +1,11 @@
+import type { InputOptions } from "../Input/Input.types.js";
+export interface InputProps extends Omit<InputOptions, "selector" | "onInput">, Record<string, unknown> {
+    type?: string;
+    placeholder?: string;
+    value?: string;
+}
+export interface InputChangeDetail {
+    value: string;
+}
+export declare function registerInputElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=input.d.ts.map

package/dist/components/web-components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../components/web-components/input.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACrG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAqHD,wBAAgB,oBAAoB,IAAI,wBAAwB,GAAG,SAAS,CAU3E"}

package/dist/components/web-components/input.js

@@ -0,0 +1,119 @@
+import { Input } from "../Input/Input.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+const DEFAULT_INPUT_PROPS = {
+    type: "text",
+    placeholder: "",
+    value: "",
+};
+const INPUT_PROP_DEFINITIONS = [
+    { attribute: "type", prop: "type" },
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "value", prop: "value" },
+];
+let inputId = 0;
+const applyInputParts = (input) => {
+    input.setAttribute("data-ce-component", "input");
+    input.setAttribute("part", "base input");
+};
+const inputComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        let currentProps = { ...DEFAULT_INPUT_PROPS, ...props };
+        const existingInput = host.querySelector("input");
+        let inputEl = existingInput;
+        let instance;
+        let teardown;
+        const handleInput = (event) => {
+            event.stopPropagation();
+            const value = inputEl?.value ?? "";
+            currentProps = { ...currentProps, value };
+            on?.input?.({ value });
+        };
+        if (inputEl) {
+            inputEl.classList.add("ce-input");
+            applyInputParts(inputEl);
+            if (currentProps.type !== undefined) {
+                inputEl.type = currentProps.type ?? "text";
+            }
+            if (currentProps.placeholder !== undefined) {
+                inputEl.placeholder = currentProps.placeholder ?? "";
+            }
+            if (currentProps.value !== undefined) {
+                inputEl.value = currentProps.value ?? "";
+            }
+            inputEl.addEventListener("input", handleInput);
+            teardown = () => inputEl?.removeEventListener("input", handleInput);
+        }
+        else {
+            const elementId = `ce-input-${++inputId}`;
+            const wrapper = document.createElement("div");
+            wrapper.id = elementId;
+            host.appendChild(wrapper);
+            instance = new Input({
+                selector: `#${elementId}`,
+                type: currentProps.type,
+                placeholder: currentProps.placeholder,
+                value: currentProps.value,
+                onInput: (value) => {
+                    currentProps = { ...currentProps, value };
+                    on?.input?.({ value });
+                },
+            });
+            instance.init();
+            inputEl = wrapper.querySelector("input");
+            if (inputEl) {
+                applyInputParts(inputEl);
+                if (currentProps.type !== undefined) {
+                    inputEl.type = currentProps.type ?? "text";
+                }
+                // Prevent native input bubbling alongside the custom event dispatched by Input.onInput.
+                const stopNativeInput = (event) => event.stopPropagation();
+                inputEl.addEventListener("input", stopNativeInput);
+                teardown = () => inputEl?.removeEventListener("input", stopNativeInput);
+            }
+        }
+        const update = (partial) => {
+            const next = { ...currentProps, ...partial };
+            currentProps = next;
+            if (inputEl) {
+                if (partial.type !== undefined) {
+                    inputEl.type = partial.type ?? "text";
+                }
+                if (partial.placeholder !== undefined) {
+                    inputEl.placeholder = partial.placeholder ?? "";
+                }
+                if (partial.value !== undefined) {
+                    inputEl.value = partial.value ?? "";
+                }
+            }
+        };
+        return {
+            destroy() {
+                teardown?.();
+                instance?.destroy?.();
+                if (!existingInput) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                update(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_INPUT_PROPS, ...props };
+        return `<input class="ce-input" data-ce-component="input" part="base input" type="${merged.type ?? "text"}" placeholder="${merged.placeholder ?? ""}" value="${merged.value ?? ""}" />`;
+    },
+};
+export function registerInputElement() {
+    return defineComponentElement({
+        tag: "ce-input",
+        component: inputComponent,
+        props: INPUT_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_INPUT_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+        events: ["input"],
+    });
+}
+//# sourceMappingURL=input.js.map

package/dist/components/web-components/input.js.map

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

package/dist/components/web-components/kanban.d.ts

@@ -0,0 +1,17 @@
+import type { KanbanCard, KanbanColumn, KanbanOptions } from "../Kanban/Kanban.types.js";
+export interface KanbanProps extends Omit<KanbanOptions, "selector" | "onCardMove" | "onAddCard" | "onAddColumn">, Record<string, unknown> {
+}
+export interface KanbanCardMoveDetail {
+    cardId: string;
+    from: string;
+    to: string;
+}
+export interface KanbanAddCardDetail {
+    columnId: string;
+    card?: KanbanCard;
+}
+export interface KanbanAddColumnDetail {
+    column?: KanbanColumn;
+}
+export declare function registerKanbanElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=kanban.d.ts.map

package/dist/components/web-components/kanban.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kanban.d.ts","sourceRoot":"","sources":["../../../components/web-components/kanban.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAIzF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE7I,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AA6JD,wBAAgB,qBAAqB,IAAI,wBAAwB,GAAG,SAAS,CAU5E"}

package/dist/components/web-components/kanban.js

@@ -0,0 +1,182 @@
+import { Kanban } from "../Kanban/Kanban.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_KANBAN_PROPS = {
+    columns: [],
+    theme: "light",
+};
+const KANBAN_PROP_DEFINITIONS = [
+    { attribute: "columns", prop: "columns", type: "json" },
+    { attribute: "theme", prop: "theme" },
+];
+let kanbanId = 0;
+const applyKanbanParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "kanban");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-kanban__column").forEach((node) => node.setAttribute("part", "column"));
+    wrapper.querySelectorAll(".ce-kanban__header").forEach((node) => { node.setAttribute("part", "header"); node.setAttribute("data-ce-slot", "header"); });
+    wrapper
+        .querySelectorAll(".ce-kanban__column-title")
+        .forEach((node) => node.setAttribute("part", "column-title"));
+    wrapper
+        .querySelectorAll(".ce-kanban__column-desc")
+        .forEach((node) => node.setAttribute("part", "column-description"));
+    wrapper.querySelectorAll(".ce-kanban__list").forEach((node) => node.setAttribute("part", "list"));
+    wrapper.querySelectorAll(".ce-kanban__card").forEach((node) => node.setAttribute("part", "card"));
+    wrapper
+        .querySelectorAll(".ce-kanban__card-title")
+        .forEach((node) => node.setAttribute("part", "card-title"));
+    wrapper
+        .querySelectorAll(".ce-kanban__card-desc")
+        .forEach((node) => node.setAttribute("part", "card-description"));
+    wrapper
+        .querySelectorAll(".ce-kanban__card-meta")
+        .forEach((node) => node.setAttribute("part", "card-meta"));
+    wrapper.querySelectorAll(".ce-kanban__footer").forEach((node) => { node.setAttribute("part", "footer"); node.setAttribute("data-ce-slot", "footer"); });
+    wrapper
+        .querySelectorAll(".ce-kanban__footer button")
+        .forEach((node) => node.setAttribute("part", "add-card"));
+    wrapper
+        .querySelectorAll(".ce-kanban__add-column")
+        .forEach((node) => node.setAttribute("part", "add-column"));
+};
+const kanbanComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-kanban");
+        const elementId = existingWrapper?.id || `ce-kanban-${++kanbanId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_KANBAN_PROPS, ...props };
+        if (existingWrapper) {
+            const dataColumns = readDataAttr(existingWrapper, "columns");
+            if (shouldUseDomValue(host, "columns", dataColumns)) {
+                try {
+                    currentProps.columns = JSON.parse(dataColumns ?? "[]");
+                }
+                catch {
+                    currentProps.columns = [];
+                }
+            }
+            const domColumns = readColumnsFromDom(existingWrapper);
+            if (shouldUseDomValue(host, "columns", domColumns) && domColumns.length) {
+                currentProps.columns = domColumns;
+            }
+            const theme = existingWrapper.classList.contains("ce-kanban--dark") ? "dark" : "light";
+            if (shouldUseDomValue(host, "theme", theme)) {
+                currentProps.theme = theme;
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-kanban")) {
+                    wrapper.classList.add("ce-kanban");
+                }
+            }
+            applyKanbanParts(wrapper);
+            instance?.destroy?.();
+            instance = new Kanban({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+                onCardMove: (detail) => on?.cardmove?.(detail),
+                onAddCard: (columnId) => {
+                    const detail = { columnId };
+                    on?.addcard?.(detail);
+                    return detail.card;
+                },
+                onAddColumn: () => {
+                    const detail = {};
+                    on?.addcolumn?.(detail);
+                    return detail.column;
+                },
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_KANBAN_PROPS, ...(props ?? {}) };
+        const columns = (merged.columns ?? []);
+        const renderCards = (cards) => cards
+            .map((card) => `<div class="ce-kanban__card" part="card" data-card-id="${escapeHtml(card.id)}"><div class="ce-kanban__card-title" part="card-title">${escapeHtml(card.title ?? "")}</div><div class="ce-kanban__card-desc" part="card-description">${escapeHtml(card.description ?? "")}</div>${card.meta ? `<div class="ce-kanban__card-meta" part="card-meta">${escapeHtml(card.meta)}</div>` : ""}</div>`)
+            .join("");
+        const cols = columns
+            .map((col) => `<div class="ce-kanban__column" part="column" data-column-id="${escapeHtml(col.id)}"><div class="ce-kanban__header" part="header" data-ce-slot="header"><div class="ce-kanban__column-title" part="column-title">${escapeHtml(col.title ?? "")} (${col.cards?.length ?? 0})</div><div class="ce-kanban__column-desc" part="column-description">${escapeHtml(col.description ?? "")}</div></div><div class="ce-kanban__list" part="list">${renderCards(col.cards ?? [])}</div><div class="ce-kanban__footer" part="footer" data-ce-slot="footer"><button type="button" part="add-card">${escapeHtml(col.footerText ?? "Add card")}</button></div></div>`)
+            .join("");
+        const themeClass = merged.theme === "dark" ? " ce-kanban--dark" : "";
+        const payload = escapeHtml(JSON.stringify(columns));
+        return `<div class="ce-kanban${themeClass}" data-ce-component="kanban" part="base" data-columns="${payload}">${cols}<button type="button" class="ce-kanban__add-column" part="add-column">+ Add column</button></div>`;
+    },
+};
+export function registerKanbanElement() {
+    return defineComponentElement({
+        tag: "ce-kanban",
+        component: kanbanComponent,
+        props: KANBAN_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_KANBAN_PROPS,
+        shadow: false,
+        events: ["cardmove", "addcard", "addcolumn"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+function readColumnsFromDom(wrapper) {
+    const columns = [];
+    wrapper.querySelectorAll(".ce-kanban__column").forEach((columnEl, index) => {
+        const id = columnEl.dataset.columnId || `column-${index + 1}`;
+        const titleRaw = columnEl.querySelector(".ce-kanban__column-title")?.textContent ?? "";
+        const title = titleRaw.replace(/\s*\(\d+\)\s*$/, "").trim();
+        const description = columnEl.querySelector(".ce-kanban__column-desc")?.textContent?.trim() ?? "";
+        const footerText = columnEl.querySelector(".ce-kanban__footer button")?.textContent?.trim() ?? undefined;
+        const cards = [];
+        columnEl.querySelectorAll(".ce-kanban__card").forEach((cardEl, cardIndex) => {
+            const cardId = cardEl.dataset.cardId || `${id}-card-${cardIndex + 1}`;
+            const cardTitle = cardEl.querySelector(".ce-kanban__card-title")?.textContent?.trim() ?? "";
+            const cardDesc = cardEl.querySelector(".ce-kanban__card-desc")?.textContent?.trim() ?? "";
+            const cardMeta = cardEl.querySelector(".ce-kanban__card-meta")?.textContent?.trim() ?? "";
+            const card = {
+                id: cardId,
+                title: cardTitle,
+                description: cardDesc || undefined,
+                meta: cardMeta || undefined,
+            };
+            cards.push(card);
+        });
+        columns.push({
+            id,
+            title,
+            description: description || undefined,
+            cards,
+            footerText,
+        });
+    });
+    return columns;
+}
+//# sourceMappingURL=kanban.js.map

package/dist/components/web-components/kanban.js.map

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

package/dist/components/web-components/listbox.d.ts

@@ -0,0 +1,7 @@
+import type { ListBoxChangePayload, ListBoxOptions } from "../ListBox/ListBox.types.js";
+export interface ListBoxProps extends Omit<ListBoxOptions, "selector" | "onChange">, Record<string, unknown> {
+}
+export interface ListBoxChangeDetail extends ListBoxChangePayload {
+}
+export declare function registerListBoxElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=listbox.d.ts.map