@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,148 @@
+import { Splitter } from "../Splitter/Splitter.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_SPLITTER_PROPS = {
+    orientation: "horizontal",
+    initialSizes: [0.5, 0.5],
+    minSizes: [0.15, 0.15],
+};
+const SPLITTER_PROP_DEFINITIONS = [
+    { attribute: "orientation", prop: "orientation" },
+    { attribute: "initial-sizes", prop: "initialSizes", type: "json" },
+    { attribute: "min-sizes", prop: "minSizes", type: "json" },
+];
+let splitterId = 0;
+const applySplitterParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "splitter");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-splitter__pane").forEach((node) => node.setAttribute("part", "pane"));
+    wrapper.querySelectorAll(".ce-splitter__resizer").forEach((node) => node.setAttribute("part", "resizer"));
+};
+const splitterComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-splitter");
+        const elementId = existingWrapper?.id || `ce-splitter-${++splitterId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_SPLITTER_PROPS, ...props };
+        if (existingWrapper) {
+            const dataOrientation = readDataAttr(existingWrapper, "orientation");
+            if (shouldUseDomValue(host, "orientation", dataOrientation)) {
+                currentProps.orientation = dataOrientation ?? DEFAULT_SPLITTER_PROPS.orientation;
+            }
+            else if (shouldUseDomValue(host, "orientation", existingWrapper.classList.contains("ce-splitter--vertical") ? "vertical" : "horizontal")) {
+                currentProps.orientation = existingWrapper.classList.contains("ce-splitter--vertical") ? "vertical" : "horizontal";
+            }
+            const dataInitial = readDataAttr(existingWrapper, "initial-sizes");
+            if (shouldUseDomValue(host, "initial-sizes", dataInitial)) {
+                try {
+                    currentProps.initialSizes = JSON.parse(dataInitial ?? "[]");
+                }
+                catch {
+                    currentProps.initialSizes = DEFAULT_SPLITTER_PROPS.initialSizes;
+                }
+            }
+            const dataMin = readDataAttr(existingWrapper, "min-sizes");
+            if (shouldUseDomValue(host, "min-sizes", dataMin)) {
+                try {
+                    currentProps.minSizes = JSON.parse(dataMin ?? "[]");
+                }
+                catch {
+                    currentProps.minSizes = DEFAULT_SPLITTER_PROPS.minSizes;
+                }
+            }
+            const paneA = existingWrapper.querySelector(".pane1");
+            const paneB = existingWrapper.querySelector(".pane2");
+            if (paneA && paneB) {
+                const ratio = parseFlexRatio(paneA.style.flexBasis, paneB.style.flexBasis);
+                if (ratio && shouldUseDomValue(host, "initial-sizes", ratio)) {
+                    currentProps.initialSizes = ratio;
+                }
+            }
+        }
+        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-splitter")) {
+                    wrapper.classList.add("ce-splitter");
+                }
+            }
+            applySplitterParts(wrapper);
+            instance?.destroy?.();
+            instance = new Splitter({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onResize: (detail) => on?.resize?.(detail),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_SPLITTER_PROPS, ...(props ?? {}) };
+        const orientationClass = merged.orientation === "vertical" ? " ce-splitter--vertical" : " ce-splitter--horizontal";
+        const dataAttrs = ` data-orientation="${merged.orientation ?? "horizontal"}" data-initial-sizes="${escapeHtml(JSON.stringify(merged.initialSizes ?? DEFAULT_SPLITTER_PROPS.initialSizes))}" data-min-sizes="${escapeHtml(JSON.stringify(merged.minSizes ?? DEFAULT_SPLITTER_PROPS.minSizes))}"`;
+        const orientation = merged.orientation === "vertical" ? "horizontal" : "vertical";
+        return `<div class="ce-splitter${orientationClass}" data-ce-component="splitter" part="base"${dataAttrs}><div class="ce-splitter__pane pane pane1" part="pane"></div><div class="ce-splitter__resizer divider" part="resizer" role="separator" aria-orientation="${orientation}"></div><div class="ce-splitter__pane pane pane2" part="pane"></div></div>`;
+    },
+};
+export function registerSplitterElement() {
+    return defineComponentElement({
+        tag: "ce-splitter",
+        component: splitterComponent,
+        props: SPLITTER_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_SPLITTER_PROPS,
+        shadow: false,
+        events: ["resize"],
+        preserveLightDom: true,
+    });
+}
+function parseFlexRatio(primary, secondary) {
+    const primaryValue = parsePercent(primary);
+    const secondaryValue = parsePercent(secondary);
+    if (primaryValue === undefined || secondaryValue === undefined) {
+        return undefined;
+    }
+    const total = primaryValue + secondaryValue;
+    if (total <= 0) {
+        return undefined;
+    }
+    return [primaryValue / total, secondaryValue / total];
+}
+function parsePercent(value) {
+    if (!value) {
+        return undefined;
+    }
+    const cleaned = value.trim().replace("%", "");
+    const parsed = Number(cleaned);
+    return Number.isFinite(parsed) ? parsed : undefined;
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=splitter.js.map

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

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

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

@@ -0,0 +1,5 @@
+import type { SpreadsheetOptions } from "../Spreadsheet/Spreadsheet.types.js";
+export interface SpreadsheetProps extends Omit<SpreadsheetOptions, "selector">, Record<string, unknown> {
+}
+export declare function registerSpreadsheetElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=spreadsheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spreadsheet.d.ts","sourceRoot":"","sources":["../../../components/web-components/spreadsheet.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AA0K1G,wBAAgB,0BAA0B,IAAI,wBAAwB,GAAG,SAAS,CASjF"}

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

@@ -0,0 +1,178 @@
+import { Spreadsheet } from "../Spreadsheet/Spreadsheet.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_SPREADSHEET_PROPS = {
+    rows: 200,
+    cols: 26,
+    rowHeight: 32,
+    colWidth: 96,
+    sheets: [],
+    activeSheetIndex: 0,
+    theme: "light",
+};
+const SPREADSHEET_PROP_DEFINITIONS = [
+    { attribute: "rows", prop: "rows", type: "number" },
+    { attribute: "cols", prop: "cols", type: "number" },
+    { attribute: "row-height", prop: "rowHeight", type: "number" },
+    { attribute: "col-width", prop: "colWidth", type: "number" },
+    { attribute: "sheets", prop: "sheets", type: "json" },
+    { attribute: "active-sheet-index", prop: "activeSheetIndex", type: "number" },
+    { attribute: "theme", prop: "theme" },
+];
+let spreadsheetId = 0;
+const applySpreadsheetParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "spreadsheet");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-sheet__toolbar").forEach((node) => node.setAttribute("part", "toolbar"));
+    wrapper.querySelectorAll(".ce-sheet__tabs").forEach((node) => node.setAttribute("part", "tabs"));
+    wrapper.querySelectorAll(".ce-sheet__tab").forEach((node) => node.setAttribute("part", "tab"));
+    wrapper.querySelectorAll(".ce-sheet__tab--add").forEach((node) => node.setAttribute("part", "tab-add"));
+    wrapper.querySelectorAll(".ce-sheet__controls").forEach((node) => node.setAttribute("part", "controls"));
+    wrapper.querySelectorAll(".ce-sheet__btn").forEach((node) => node.setAttribute("part", "button"));
+    wrapper.querySelectorAll(".ce-sheet__slider").forEach((node) => node.setAttribute("part", "slider"));
+    wrapper.querySelectorAll(".ce-sheet__viewport").forEach((node) => node.setAttribute("part", "viewport"));
+    wrapper.querySelectorAll(".ce-sheet__table").forEach((node) => node.setAttribute("part", "table"));
+    wrapper.querySelectorAll(".ce-sheet__corner").forEach((node) => node.setAttribute("part", "corner"));
+    wrapper.querySelectorAll(".ce-sheet__col-header").forEach((node) => node.setAttribute("part", "col-header"));
+    wrapper.querySelectorAll(".ce-sheet__row-header").forEach((node) => node.setAttribute("part", "row-header"));
+    wrapper.querySelectorAll(".ce-sheet__cell").forEach((node) => node.setAttribute("part", "cell"));
+};
+const spreadsheetComponent = {
+    mount({ target, props }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-sheet");
+        const elementId = existingWrapper?.id || `ce-spreadsheet-${++spreadsheetId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_SPREADSHEET_PROPS, ...props };
+        if (existingWrapper) {
+            const dataRows = readNumberDataAttr(existingWrapper, "rows");
+            if (shouldUseDomValue(host, "rows", dataRows)) {
+                currentProps.rows = dataRows ?? DEFAULT_SPREADSHEET_PROPS.rows;
+            }
+            const dataCols = readNumberDataAttr(existingWrapper, "cols");
+            if (shouldUseDomValue(host, "cols", dataCols)) {
+                currentProps.cols = dataCols ?? DEFAULT_SPREADSHEET_PROPS.cols;
+            }
+            const dataRowHeight = readNumberDataAttr(existingWrapper, "row-height");
+            if (shouldUseDomValue(host, "row-height", dataRowHeight)) {
+                currentProps.rowHeight = dataRowHeight ?? DEFAULT_SPREADSHEET_PROPS.rowHeight;
+            }
+            const dataColWidth = readNumberDataAttr(existingWrapper, "col-width");
+            if (shouldUseDomValue(host, "col-width", dataColWidth)) {
+                currentProps.colWidth = dataColWidth ?? DEFAULT_SPREADSHEET_PROPS.colWidth;
+            }
+            const dataSheets = readDataAttr(existingWrapper, "sheets");
+            if (shouldUseDomValue(host, "sheets", dataSheets)) {
+                try {
+                    currentProps.sheets = JSON.parse(dataSheets ?? "[]");
+                }
+                catch {
+                    currentProps.sheets = DEFAULT_SPREADSHEET_PROPS.sheets;
+                }
+            }
+            const dataActive = readNumberDataAttr(existingWrapper, "active-sheet-index");
+            if (shouldUseDomValue(host, "active-sheet-index", dataActive)) {
+                currentProps.activeSheetIndex = dataActive ?? DEFAULT_SPREADSHEET_PROPS.activeSheetIndex;
+            }
+            const dataTheme = readDataAttr(existingWrapper, "theme");
+            if (shouldUseDomValue(host, "theme", dataTheme)) {
+                currentProps.theme = dataTheme ?? DEFAULT_SPREADSHEET_PROPS.theme;
+            }
+            else if (shouldUseDomValue(host, "theme", existingWrapper.classList.contains("ce-sheet--dark") ? "dark" : "light")) {
+                currentProps.theme = existingWrapper.classList.contains("ce-sheet--dark") ? "dark" : "light";
+            }
+            const domRowHeight = parseNumber(existingWrapper.style.getPropertyValue("--ce-sheet-row-height"));
+            if (shouldUseDomValue(host, "row-height", domRowHeight)) {
+                currentProps.rowHeight = domRowHeight ?? DEFAULT_SPREADSHEET_PROPS.rowHeight;
+            }
+            const domColWidth = parseNumber(existingWrapper.style.getPropertyValue("--ce-sheet-col-width"));
+            if (shouldUseDomValue(host, "col-width", domColWidth)) {
+                currentProps.colWidth = domColWidth ?? DEFAULT_SPREADSHEET_PROPS.colWidth;
+            }
+        }
+        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-sheet")) {
+                    wrapper.classList.add("ce-sheet");
+                }
+            }
+            applySpreadsheetParts(wrapper);
+            instance?.destroy?.();
+            instance = new Spreadsheet({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_SPREADSHEET_PROPS, ...(props ?? {}) };
+        const rows = Math.max(1, merged.rows ?? 1);
+        const cols = Math.max(1, merged.cols ?? 1);
+        const body = [];
+        for (let r = 0; r < Math.min(rows, 3); r += 1) {
+            const cells = [];
+            for (let c = 0; c < Math.min(cols, 4); c += 1) {
+                cells.push(`<td class="ce-sheet__cell" part="cell"></td>`);
+            }
+            body.push(`<tr><th class="ce-sheet__row-header" part="row-header">${r + 1}</th>${cells.join("")}</tr>`);
+        }
+        const headers = Array.from({ length: Math.min(cols, 4) }, (_, idx) => `<th class="ce-sheet__col-header" part="col-header">${String.fromCharCode(65 + idx)}</th>`);
+        const themeClass = merged.theme === "dark" ? " ce-sheet--dark" : "";
+        const dataAttrs = ` data-rows="${merged.rows ?? 200}" data-cols="${merged.cols ?? 26}" data-row-height="${merged.rowHeight ?? 32}" data-col-width="${merged.colWidth ?? 96}" data-sheets="${escapeHtml(JSON.stringify(merged.sheets ?? []))}" data-active-sheet-index="${merged.activeSheetIndex ?? 0}" data-theme="${merged.theme ?? "light"}"`;
+        return `<div class="ce-sheet${themeClass}" data-ce-component="spreadsheet" part="base"${dataAttrs} style="--ce-sheet-row-height:${merged.rowHeight ?? 32}px;--ce-sheet-col-width:${merged.colWidth ?? 96}px;"><div class="ce-sheet__toolbar" part="toolbar"><div class="ce-sheet__tabs" part="tabs"><button type="button" class="ce-sheet__tab is-active" part="tab" data-index="0">${escapeHtml(merged.sheets?.[0]?.name ?? "Sheet 1")}</button><button type="button" class="ce-sheet__tab ce-sheet__tab--add" part="tab tab-add">+</button></div><div class="ce-sheet__controls" part="controls"><button type="button" class="ce-sheet__btn" part="button">+ Row</button><button type="button" class="ce-sheet__btn" part="button">+ Col</button><button type="button" class="ce-sheet__btn" part="button">↔ Wider</button><button type="button" class="ce-sheet__btn" part="button">↕ Taller</button><input class="ce-sheet__slider" part="slider" type="range" min="60" max="260" value="${merged.colWidth ?? 96}" title="Column width" /><input class="ce-sheet__slider" part="slider" type="range" min="24" max="80" value="${merged.rowHeight ?? 32}" title="Row height" /><button type="button" class="ce-sheet__btn" part="button" data-action="download-csv">⬇ CSV</button><button type="button" class="ce-sheet__btn" part="button" data-action="upload-csv">⬆ CSV</button><input type="file" accept=".csv,text/csv" style="display:none"></div></div><div class="ce-sheet__viewport" part="viewport"><table class="ce-sheet__table" part="table"><colgroup><col style="width:40px">${renderCols(merged.cols ?? 26, merged.colWidth ?? 96)}</colgroup><thead><tr><th class="ce-sheet__corner" part="corner"></th>${headers.join("")}</tr></thead><tbody>${body.join("")}</tbody></table></div></div>`;
+    },
+};
+export function registerSpreadsheetElement() {
+    return defineComponentElement({
+        tag: "ce-spreadsheet",
+        component: spreadsheetComponent,
+        props: SPREADSHEET_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_SPREADSHEET_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+    });
+}
+function renderCols(count, width) {
+    const cols = Array.from({ length: Math.min(count, 4) }, () => `<col style="width:${width}px">`);
+    return cols.join("");
+}
+function parseNumber(value) {
+    if (!value) {
+        return undefined;
+    }
+    const cleaned = value.replace("px", "").trim();
+    const parsed = Number(cleaned);
+    return Number.isFinite(parsed) ? parsed : undefined;
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=spreadsheet.js.map

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

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

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

@@ -0,0 +1,12 @@
+import type { StepDefinition, StepperOptions } from "../Stepper/Stepper.types.js";
+export interface StepperProps extends Omit<StepperOptions, "selector" | "onComplete" | "onStepChange">, Record<string, unknown> {
+}
+export interface StepperChangeDetail {
+    stepIndex: number;
+    step?: StepDefinition;
+}
+export interface StepperCompleteDetail {
+    stepIndex?: number;
+}
+export declare function registerStepperElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=stepper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../components/web-components/stepper.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIlF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,YAAY,GAAG,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAElI,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiLD,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,SAAS,CAU7E"}

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

@@ -0,0 +1,177 @@
+import { Stepper } from "../Stepper/Stepper.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_STEPPER_PROPS = {
+    stepsData: [],
+    activeIndex: 0,
+    clickable: true,
+    autoCompletePrevious: true,
+    orientation: "horizontal",
+    theme: "light",
+    allowInlineEdit: true,
+    activeClass: "is-active",
+};
+const STEPPER_PROP_DEFINITIONS = [
+    { attribute: "steps", prop: "steps", type: "number" },
+    { attribute: "steps-data", prop: "stepsData", type: "json" },
+    { attribute: "active-index", prop: "activeIndex", type: "number" },
+    { attribute: "clickable", prop: "clickable", type: "boolean" },
+    { attribute: "auto-complete-previous", prop: "autoCompletePrevious", type: "boolean" },
+    { attribute: "orientation", prop: "orientation" },
+    { attribute: "theme", prop: "theme" },
+    { attribute: "allow-inline-edit", prop: "allowInlineEdit", type: "boolean" },
+    { attribute: "active-class", prop: "activeClass" },
+];
+let stepperId = 0;
+const applyStepperParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "stepper");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-stepper__list").forEach((node) => node.setAttribute("part", "list"));
+    wrapper.querySelectorAll(".ce-stepper__step").forEach((node) => node.setAttribute("part", "step"));
+    wrapper.querySelectorAll(".ce-stepper__line").forEach((node) => node.setAttribute("part", "line"));
+    wrapper.querySelectorAll(".ce-stepper__circle").forEach((node) => node.setAttribute("part", "circle"));
+    wrapper.querySelectorAll(".ce-stepper__label").forEach((node) => node.setAttribute("part", "label"));
+    wrapper.querySelectorAll(".ce-stepper__helper").forEach((node) => node.setAttribute("part", "helper"));
+};
+const stepperComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-stepper");
+        const elementId = existingWrapper?.id || `ce-stepper-${++stepperId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_STEPPER_PROPS, ...props };
+        if (existingWrapper) {
+            const dataSteps = readNumberDataAttr(existingWrapper, "steps");
+            if (shouldUseDomValue(host, "steps", dataSteps)) {
+                currentProps.steps = dataSteps ?? undefined;
+            }
+            const dataStepsData = readDataAttr(existingWrapper, "steps-data");
+            if (shouldUseDomValue(host, "steps-data", dataStepsData)) {
+                try {
+                    currentProps.stepsData = JSON.parse(dataStepsData ?? "[]");
+                }
+                catch {
+                    currentProps.stepsData = DEFAULT_STEPPER_PROPS.stepsData;
+                }
+            }
+            const dataActive = readNumberDataAttr(existingWrapper, "active-index");
+            if (shouldUseDomValue(host, "active-index", dataActive)) {
+                currentProps.activeIndex = dataActive ?? DEFAULT_STEPPER_PROPS.activeIndex;
+            }
+            const dataClickable = readDataAttr(existingWrapper, "clickable");
+            if (shouldUseDomValue(host, "clickable", dataClickable)) {
+                currentProps.clickable = dataClickable === "true";
+            }
+            const dataAutoComplete = readDataAttr(existingWrapper, "auto-complete-previous");
+            if (shouldUseDomValue(host, "auto-complete-previous", dataAutoComplete)) {
+                currentProps.autoCompletePrevious = dataAutoComplete === "true";
+            }
+            const dataOrientation = readDataAttr(existingWrapper, "orientation");
+            if (shouldUseDomValue(host, "orientation", dataOrientation)) {
+                currentProps.orientation = dataOrientation ?? DEFAULT_STEPPER_PROPS.orientation;
+            }
+            else if (shouldUseDomValue(host, "orientation", existingWrapper.classList.contains("ce-stepper--vertical") ? "vertical" : "horizontal")) {
+                currentProps.orientation = existingWrapper.classList.contains("ce-stepper--vertical") ? "vertical" : "horizontal";
+            }
+            const dataTheme = readDataAttr(existingWrapper, "theme");
+            if (shouldUseDomValue(host, "theme", dataTheme)) {
+                currentProps.theme = dataTheme ?? DEFAULT_STEPPER_PROPS.theme;
+            }
+            else if (shouldUseDomValue(host, "theme", existingWrapper.classList.contains("ce-stepper--dark") ? "dark" : "light")) {
+                currentProps.theme = existingWrapper.classList.contains("ce-stepper--dark") ? "dark" : "light";
+            }
+            const dataInline = readDataAttr(existingWrapper, "allow-inline-edit");
+            if (shouldUseDomValue(host, "allow-inline-edit", dataInline)) {
+                currentProps.allowInlineEdit = dataInline === "true";
+            }
+            const dataActiveClass = readDataAttr(existingWrapper, "active-class");
+            if (shouldUseDomValue(host, "active-class", dataActiveClass)) {
+                currentProps.activeClass = dataActiveClass ?? DEFAULT_STEPPER_PROPS.activeClass;
+            }
+            else {
+                const domActive = existingWrapper.querySelector(".ce-stepper__step.is-active")?.classList.contains("is-active");
+                if (shouldUseDomValue(host, "active-class", domActive ? "is-active" : undefined)) {
+                    currentProps.activeClass = "is-active";
+                }
+            }
+        }
+        let instance;
+        let lastStepIndex;
+        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-stepper")) {
+                    wrapper.classList.add("ce-stepper");
+                }
+            }
+            applyStepperParts(wrapper);
+            instance?.destroy?.();
+            instance = new Stepper({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onStepChange: (stepIndex, step) => {
+                    lastStepIndex = stepIndex;
+                    on?.change?.({ stepIndex, step });
+                },
+                onComplete: () => on?.complete?.({ stepIndex: lastStepIndex }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_STEPPER_PROPS, ...(props ?? {}) };
+        const steps = merged.stepsData?.length
+            ? merged.stepsData
+            : Array.from({ length: merged.steps ?? 0 }, (_, idx) => ({ label: `Step ${idx + 1}` }));
+        const items = steps.map((step, idx) => {
+            const disabledClass = step.disabled ? " is-disabled" : "";
+            const activeClass = idx === (merged.activeIndex ?? 0) ? " is-active" : "";
+            const helper = step.helper ? `<div class="ce-stepper__helper" part="helper">${step.helper}</div>` : "";
+            return `<li class="ce-stepper__step${disabledClass}${activeClass}" part="step"><div class="ce-stepper__line" part="line"></div><div class="ce-stepper__circle" part="circle">${step.icon ?? idx + 1}</div><div class="ce-stepper__label" part="label">${step.label ?? ""}</div>${helper}</li>`;
+        });
+        const orientationClass = merged.orientation === "vertical" ? " ce-stepper--vertical" : "";
+        const themeClass = merged.theme === "dark" ? " ce-stepper--dark" : "";
+        const dataAttrs = ` data-steps="${steps.length}" data-active-index="${merged.activeIndex ?? 0}" data-clickable="${merged.clickable ? "true" : "false"}" data-auto-complete-previous="${merged.autoCompletePrevious ? "true" : "false"}" data-orientation="${merged.orientation ?? "horizontal"}" data-theme="${merged.theme ?? "light"}" data-allow-inline-edit="${merged.allowInlineEdit ? "true" : "false"}" data-active-class="${escapeHtml(merged.activeClass ?? "is-active")}" data-steps-data="${escapeHtml(JSON.stringify(steps))}"`;
+        return `<div class="ce-stepper${orientationClass}${themeClass}" data-ce-component="stepper" part="base"${dataAttrs}><ol class="ce-stepper__list" part="list">${items.join("")}</ol></div>`;
+    },
+};
+export function registerStepperElement() {
+    return defineComponentElement({
+        tag: "ce-stepper",
+        component: stepperComponent,
+        props: STEPPER_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_STEPPER_PROPS,
+        shadow: false,
+        events: ["change", "complete"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=stepper.js.map

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

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

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

@@ -0,0 +1,39 @@
+export type SwitchSize = "sm" | "md" | "lg";
+export type SwitchTheme = "light" | "dark";
+export interface SwitchProps extends Record<string, unknown> {
+    label?: string;
+    hint?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    loading?: boolean;
+    size?: SwitchSize;
+    theme?: SwitchTheme;
+    name?: string;
+    value?: string;
+    uncheckedValue?: string;
+    onLabel?: string;
+    offLabel?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    inputId?: string;
+}
+export interface SwitchChangeDetail {
+    checked: boolean;
+    value?: string;
+    uncheckedValue?: string;
+}
+export interface CeSwitchElement extends HTMLElement {
+    get props(): SwitchProps;
+    set props(value: Partial<SwitchProps>);
+    checked: boolean;
+    toggle(): void;
+}
+export declare function registerSwitchElement(): CustomElementConstructor | undefined;
+declare global {
+    interface HTMLElementTagNameMap {
+        "ce-switch": CeSwitchElement;
+    }
+}
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../components/web-components/switch.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WAAY,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,IAAI,KAAK,IAAI,WAAW,CAAC;IACzB,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,IAAI,IAAI,CAAC;CAChB;AAoKD,wBAAgB,qBAAqB,IAAI,wBAAwB,GAAG,SAAS,CAY5E;AAsMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}