@codeenvision/ui-webcomponents 1.0.0

package/dist/components/web-components/ops-console.js

@@ -0,0 +1,318 @@
+import { OpsConsole } from "../OpsConsole/OpsConsole.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_OPS_CONSOLE_PROPS = {
+    title: "Ops console",
+    ariaLabel: undefined,
+    metrics: [],
+    alerts: [],
+    logs: [],
+    showMetrics: true,
+    showAlerts: true,
+    showLogs: true,
+};
+const OPS_CONSOLE_PROP_DEFINITIONS = [
+    { attribute: "title", prop: "title" },
+    { attribute: "aria-label", prop: "ariaLabel" },
+    { attribute: "metrics", prop: "metrics", type: "json" },
+    { attribute: "alerts", prop: "alerts", type: "json" },
+    { attribute: "logs", prop: "logs", type: "json" },
+    { attribute: "show-metrics", prop: "showMetrics", type: "boolean" },
+    { attribute: "show-alerts", prop: "showAlerts", type: "boolean" },
+    { attribute: "show-logs", prop: "showLogs", type: "boolean" },
+];
+let opsConsoleId = 0;
+const applyOpsConsoleParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "ops-console");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-ops-console__header").forEach((node) => { node.setAttribute("part", "header"); node.setAttribute("data-ce-slot", "header"); });
+    wrapper.querySelectorAll(".ce-ops-console__title").forEach((node) => node.setAttribute("part", "title"));
+    wrapper.querySelectorAll(".ce-ops-console__meta").forEach((node) => node.setAttribute("part", "meta"));
+    wrapper.querySelectorAll(".ce-ops-console__metrics").forEach((node) => node.setAttribute("part", "metrics"));
+    wrapper.querySelectorAll(".ce-ops-console__metric").forEach((node) => node.setAttribute("part", "metric"));
+    wrapper
+        .querySelectorAll(".ce-ops-console__metric-label")
+        .forEach((node) => node.setAttribute("part", "metric-label"));
+    wrapper
+        .querySelectorAll(".ce-ops-console__metric-value")
+        .forEach((node) => node.setAttribute("part", "metric-value"));
+    wrapper
+        .querySelectorAll(".ce-ops-console__metric-trend")
+        .forEach((node) => node.setAttribute("part", "metric-trend"));
+    wrapper.querySelectorAll(".ce-ops-console__body").forEach((node) => node.setAttribute("part", "body"));
+    wrapper.querySelectorAll(".ce-ops-console__panel").forEach((node) => node.setAttribute("part", "panel"));
+    wrapper
+        .querySelectorAll(".ce-ops-console__section-title")
+        .forEach((node) => node.setAttribute("part", "section-title"));
+    wrapper.querySelectorAll(".ce-ops-console__alert-list").forEach((node) => node.setAttribute("part", "alert-list"));
+    wrapper.querySelectorAll(".ce-ops-console__alert").forEach((node) => node.setAttribute("part", "alert"));
+    wrapper.querySelectorAll(".ce-ops-console__alert-title").forEach((node) => node.setAttribute("part", "alert-title"));
+    wrapper.querySelectorAll(".ce-ops-console__alert-meta").forEach((node) => node.setAttribute("part", "alert-meta"));
+    wrapper.querySelectorAll(".ce-ops-console__log-list").forEach((node) => node.setAttribute("part", "log-list"));
+    wrapper.querySelectorAll(".ce-ops-console__log").forEach((node) => node.setAttribute("part", "log"));
+    wrapper.querySelectorAll(".ce-ops-console__log-heading").forEach((node) => node.setAttribute("part", "log-heading"));
+    wrapper.querySelectorAll(".ce-ops-console__log-meta").forEach((node) => node.setAttribute("part", "log-meta"));
+};
+const opsConsoleComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-ops-console");
+        const elementId = existingWrapper?.id || `ce-ops-console-${++opsConsoleId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_OPS_CONSOLE_PROPS, ...props };
+        if (existingWrapper) {
+            const dataTitle = readDataAttr(existingWrapper, "title");
+            const domTitle = existingWrapper.querySelector(".ce-ops-console__title")?.textContent?.trim();
+            if (shouldUseDomValue(host, "title", dataTitle ?? domTitle)) {
+                currentProps.title = dataTitle ?? domTitle ?? DEFAULT_OPS_CONSOLE_PROPS.title;
+            }
+            const ariaLabel = readDataAttr(existingWrapper, "aria-label");
+            if (shouldUseDomValue(host, "aria-label", ariaLabel)) {
+                currentProps.ariaLabel = ariaLabel ?? DEFAULT_OPS_CONSOLE_PROPS.ariaLabel;
+            }
+            const dataMetrics = readDataAttr(existingWrapper, "metrics");
+            if (shouldUseDomValue(host, "metrics", dataMetrics)) {
+                try {
+                    currentProps.metrics = JSON.parse(dataMetrics ?? "[]");
+                }
+                catch {
+                    currentProps.metrics = DEFAULT_OPS_CONSOLE_PROPS.metrics;
+                }
+            }
+            else {
+                const domMetrics = readMetricsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "metrics", domMetrics) && domMetrics.length) {
+                    currentProps.metrics = domMetrics;
+                }
+            }
+            const dataAlerts = readDataAttr(existingWrapper, "alerts");
+            if (shouldUseDomValue(host, "alerts", dataAlerts)) {
+                try {
+                    currentProps.alerts = JSON.parse(dataAlerts ?? "[]");
+                }
+                catch {
+                    currentProps.alerts = DEFAULT_OPS_CONSOLE_PROPS.alerts;
+                }
+            }
+            else {
+                const domAlerts = readAlertsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "alerts", domAlerts) && domAlerts.length) {
+                    currentProps.alerts = domAlerts;
+                }
+            }
+            const dataLogs = readDataAttr(existingWrapper, "logs");
+            if (shouldUseDomValue(host, "logs", dataLogs)) {
+                try {
+                    currentProps.logs = JSON.parse(dataLogs ?? "[]");
+                }
+                catch {
+                    currentProps.logs = DEFAULT_OPS_CONSOLE_PROPS.logs;
+                }
+            }
+            else {
+                const domLogs = readLogsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "logs", domLogs) && domLogs.length) {
+                    currentProps.logs = domLogs;
+                }
+            }
+            const dataShowMetrics = readDataAttr(existingWrapper, "show-metrics");
+            if (shouldUseDomValue(host, "show-metrics", dataShowMetrics)) {
+                currentProps.showMetrics = dataShowMetrics === "true";
+            }
+            else {
+                const domShowMetrics = existingWrapper.querySelector(".ce-ops-console__metrics")
+                    ? "true"
+                    : "false";
+                if (shouldUseDomValue(host, "show-metrics", domShowMetrics)) {
+                    currentProps.showMetrics = domShowMetrics === "true";
+                }
+            }
+            const dataShowAlerts = readDataAttr(existingWrapper, "show-alerts");
+            if (shouldUseDomValue(host, "show-alerts", dataShowAlerts)) {
+                currentProps.showAlerts = dataShowAlerts === "true";
+            }
+            else {
+                const domShowAlerts = existingWrapper.querySelector(".ce-ops-console__alert-list")
+                    ? "true"
+                    : "false";
+                if (shouldUseDomValue(host, "show-alerts", domShowAlerts)) {
+                    currentProps.showAlerts = domShowAlerts === "true";
+                }
+            }
+            const dataShowLogs = readDataAttr(existingWrapper, "show-logs");
+            if (shouldUseDomValue(host, "show-logs", dataShowLogs)) {
+                currentProps.showLogs = dataShowLogs === "true";
+            }
+            else {
+                const domShowLogs = existingWrapper.querySelector(".ce-ops-console__log-list") ? "true" : "false";
+                if (shouldUseDomValue(host, "show-logs", domShowLogs)) {
+                    currentProps.showLogs = domShowLogs === "true";
+                }
+            }
+        }
+        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-ops-console")) {
+                    wrapper.classList.add("ce-ops-console");
+                }
+            }
+            applyOpsConsoleParts(wrapper);
+            if (currentProps.ariaLabel) {
+                wrapper.setAttribute("aria-label", currentProps.ariaLabel);
+            }
+            else {
+                wrapper.removeAttribute("aria-label");
+            }
+            instance?.destroy?.();
+            instance = new OpsConsole({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onAlertSelect: (alert) => on?.alertSelect?.({ alert }),
+                onLogSelect: (log) => on?.logSelect?.({ log }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_OPS_CONSOLE_PROPS, ...(props ?? {}) };
+        const metrics = merged.metrics ?? [];
+        const alerts = merged.alerts ?? [];
+        const logs = merged.logs ?? [];
+        const showMetrics = merged.showMetrics !== false;
+        const showAlerts = merged.showAlerts !== false;
+        const showLogs = merged.showLogs !== false;
+        const title = escapeHtml(merged.title ?? "Ops console");
+        const dataMetrics = escapeHtml(JSON.stringify(metrics));
+        const dataAlerts = escapeHtml(JSON.stringify(alerts));
+        const dataLogs = escapeHtml(JSON.stringify(logs));
+        const metricsMarkup = showMetrics
+            ? `<div class="ce-ops-console__metrics">
+      ${metrics
+                .map((metric) => {
+                const statusAttr = metric.status ? ` data-status="${escapeHtml(metric.status)}"` : "";
+                return `<div class="ce-ops-console__metric" part="metric"${statusAttr}>
+        <div class="ce-ops-console__metric-label" part="metric-label">${escapeHtml(metric.label)}</div>
+        <div class="ce-ops-console__metric-value" part="metric-value">${escapeHtml(metric.value)}</div>
+        <div class="ce-ops-console__metric-trend" part="metric-trend">${escapeHtml(metric.trend ?? "")}</div>
+      </div>`;
+            })
+                .join("")}
+    </div>`
+            : "";
+        const alertsMarkup = showAlerts
+            ? `<div class="ce-ops-console__panel" part="panel">
+      <div class="ce-ops-console__section-title" part="section-title">Alerts</div>
+      <div class="ce-ops-console__alert-list" part="alert-list">
+        ${alerts
+                .map((alert) => {
+                return `<button type="button" class="ce-ops-console__alert" part="alert" data-id="${escapeHtml(alert.id)}" data-severity="${escapeHtml(alert.severity)}" data-status="${escapeHtml(alert.status)}">
+            <div class="ce-ops-console__alert-title" part="alert-title">${escapeHtml(alert.title)}</div>
+            <div class="ce-ops-console__alert-meta" part="alert-meta">${escapeHtml(alert.updated)} • ${escapeHtml(alert.status)}</div>
+          </button>`;
+            })
+                .join("")}
+      </div>
+    </div>`
+            : "";
+        const logsMarkup = showLogs
+            ? `<div class="ce-ops-console__panel" part="panel">
+      <div class="ce-ops-console__section-title" part="section-title">Live logs</div>
+      <div class="ce-ops-console__log-list" part="log-list">
+        ${logs
+                .map((log) => {
+                return `<button type="button" class="ce-ops-console__log" part="log" data-id="${escapeHtml(log.id)}" data-level="${escapeHtml(log.level)}">
+            <div class="ce-ops-console__log-heading" part="log-heading">${escapeHtml(log.message)}</div>
+            <div class="ce-ops-console__log-meta" part="log-meta">${escapeHtml(log.service)} • ${escapeHtml(log.timestamp)}</div>
+          </button>`;
+            })
+                .join("")}
+      </div>
+    </div>`
+            : "";
+        const ariaLabel = merged.ariaLabel ? ` aria-label="${escapeHtml(merged.ariaLabel)}"` : "";
+        return `<section class="ce-ops-console" data-ce-component="ops-console" part="base" data-title="${title}" data-metrics="${dataMetrics}" data-alerts="${dataAlerts}" data-logs="${dataLogs}" data-show-metrics="${showMetrics}" data-show-alerts="${showAlerts}" data-show-logs="${showLogs}"${ariaLabel}>
+  <div class="ce-ops-console__header" part="header" data-ce-slot="header">
+    <div class="ce-ops-console__title" part="title">${title}</div>
+    <div class="ce-ops-console__meta" part="meta">${alerts.length} alerts • ${logs.length} logs</div>
+  </div>
+  ${metricsMarkup}
+  <div class="ce-ops-console__body" part="body">
+    ${alertsMarkup}
+    ${logsMarkup}
+  </div>
+</section>`;
+    },
+};
+export function registerOpsConsoleElement() {
+    return defineComponentElement({
+        tag: "ce-ops-console",
+        component: opsConsoleComponent,
+        props: OPS_CONSOLE_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_OPS_CONSOLE_PROPS,
+        shadow: false,
+        events: ["alertSelect", "logSelect"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+const readMetricsFromDom = (root) => Array.from(root.querySelectorAll(".ce-ops-console__metric")).map((card, index) => ({
+    id: card.dataset.id ?? `metric-${index + 1}`,
+    label: card.querySelector(".ce-ops-console__metric-label")?.textContent?.trim() ?? "",
+    value: card.querySelector(".ce-ops-console__metric-value")?.textContent?.trim() ?? "",
+    trend: card.querySelector(".ce-ops-console__metric-trend")?.textContent?.trim() ?? "",
+    status: card.dataset.status,
+}));
+const readAlertsFromDom = (root) => Array.from(root.querySelectorAll(".ce-ops-console__alert")).map((item, index) => {
+    const title = item.querySelector(".ce-ops-console__alert-title")?.textContent?.trim() ?? "";
+    const meta = item.querySelector(".ce-ops-console__alert-meta")?.textContent?.trim() ?? "";
+    const [updated = "", status = "open"] = meta.split(" • ");
+    return {
+        id: item.dataset.id ?? `alert-${index + 1}`,
+        title,
+        severity: item.dataset.severity ?? "low",
+        status: item.dataset.status ?? status ?? "open",
+        updated,
+    };
+});
+const readLogsFromDom = (root) => Array.from(root.querySelectorAll(".ce-ops-console__log")).map((item, index) => {
+    const heading = item.querySelector(".ce-ops-console__log-heading")?.textContent?.trim() ?? "";
+    const meta = item.querySelector(".ce-ops-console__log-meta")?.textContent?.trim() ?? "";
+    const [service = "", timestamp = ""] = meta.split(" • ");
+    return {
+        id: item.dataset.id ?? `log-${index + 1}`,
+        message: heading,
+        service,
+        timestamp,
+        level: item.dataset.level ?? "info",
+    };
+});
+//# sourceMappingURL=ops-console.js.map

package/dist/components/web-components/ops-console.js.map

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

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

@@ -0,0 +1,11 @@
+import type { OtpInputOptions } from "../OtpInput/OtpInput.types.js";
+export interface OtpInputProps extends Omit<OtpInputOptions, "selector" | "onChange" | "onComplete">, Record<string, unknown> {
+}
+export interface OtpInputChangeDetail {
+    value: string;
+}
+export interface OtpInputCompleteDetail {
+    value: string;
+}
+export declare function registerOtpInputElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=otp-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../components/web-components/otp-input.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIrE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEhI,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;CACf;AA8MD,wBAAgB,uBAAuB,IAAI,wBAAwB,GAAG,SAAS,CAU9E"}

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

@@ -0,0 +1,227 @@
+import { OtpInput } from "../OtpInput/OtpInput.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_OTP_INPUT_PROPS = {
+    label: undefined,
+    length: 6,
+    type: "numeric",
+    mask: false,
+    autoFocus: false,
+    disabled: false,
+    size: "md",
+    value: "",
+    helpText: "",
+    errorText: "",
+};
+const OTP_INPUT_PROP_DEFINITIONS = [
+    { attribute: "label", prop: "label" },
+    { attribute: "length", prop: "length", type: "number" },
+    { attribute: "type", prop: "type" },
+    { attribute: "mask", prop: "mask", type: "boolean" },
+    { attribute: "auto-focus", prop: "autoFocus", type: "boolean" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+    { attribute: "size", prop: "size" },
+    { attribute: "value", prop: "value" },
+    { attribute: "help-text", prop: "helpText" },
+    { attribute: "error-text", prop: "errorText" },
+];
+let otpInputId = 0;
+const applyOtpInputParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "otp-input");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-otp-input__field").forEach((node) => node.setAttribute("part", "field"));
+    wrapper.querySelectorAll(".ce-otp-input__help").forEach((node) => node.setAttribute("part", "help"));
+    wrapper.querySelectorAll(".ce-otp-input__error").forEach((node) => node.setAttribute("part", "error"));
+};
+const otpInputComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-otp-input");
+        const elementId = existingWrapper?.id || `ce-otp-input-${++otpInputId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_OTP_INPUT_PROPS, ...props };
+        if (existingWrapper) {
+            const label = readDataAttr(existingWrapper, "label");
+            if (shouldUseDomValue(host, "label", label)) {
+                currentProps.label = label ?? DEFAULT_OTP_INPUT_PROPS.label;
+            }
+            const dataLength = readNumberDataAttr(existingWrapper, "length");
+            if (shouldUseDomValue(host, "length", dataLength)) {
+                currentProps.length = dataLength ?? DEFAULT_OTP_INPUT_PROPS.length;
+            }
+            const dataType = readDataAttr(existingWrapper, "type");
+            if (shouldUseDomValue(host, "type", dataType)) {
+                currentProps.type = dataType ?? DEFAULT_OTP_INPUT_PROPS.type;
+            }
+            const dataMask = readDataAttr(existingWrapper, "mask");
+            if (shouldUseDomValue(host, "mask", dataMask)) {
+                const parsed = parseBoolean(dataMask);
+                if (parsed !== undefined) {
+                    currentProps.mask = parsed;
+                }
+            }
+            const dataAutoFocus = readDataAttr(existingWrapper, "auto-focus");
+            if (shouldUseDomValue(host, "auto-focus", dataAutoFocus)) {
+                const parsed = parseBoolean(dataAutoFocus);
+                if (parsed !== undefined) {
+                    currentProps.autoFocus = parsed;
+                }
+            }
+            const dataDisabled = readDataAttr(existingWrapper, "disabled");
+            if (shouldUseDomValue(host, "disabled", dataDisabled)) {
+                const parsed = parseBoolean(dataDisabled);
+                if (parsed !== undefined) {
+                    currentProps.disabled = parsed;
+                }
+            }
+            const dataSize = readDataAttr(existingWrapper, "size");
+            if (shouldUseDomValue(host, "size", dataSize)) {
+                currentProps.size = dataSize ?? DEFAULT_OTP_INPUT_PROPS.size;
+            }
+            const dataValue = readDataAttr(existingWrapper, "value");
+            if (shouldUseDomValue(host, "value", dataValue)) {
+                currentProps.value = dataValue ?? DEFAULT_OTP_INPUT_PROPS.value;
+            }
+            const dataHelp = readDataAttr(existingWrapper, "help-text");
+            if (shouldUseDomValue(host, "help-text", dataHelp)) {
+                currentProps.helpText = dataHelp ?? DEFAULT_OTP_INPUT_PROPS.helpText;
+            }
+            const dataError = readDataAttr(existingWrapper, "error-text");
+            if (shouldUseDomValue(host, "error-text", dataError)) {
+                currentProps.errorText = dataError ?? DEFAULT_OTP_INPUT_PROPS.errorText;
+            }
+            const fields = Array.from(existingWrapper.querySelectorAll(".ce-otp-input__field"));
+            if (shouldUseDomValue(host, "length", fields.length)) {
+                currentProps.length = fields.length || DEFAULT_OTP_INPUT_PROPS.length;
+            }
+            const domValue = fields.map((field) => field.value).join("");
+            if (shouldUseDomValue(host, "value", domValue)) {
+                currentProps.value = domValue;
+            }
+            const helpText = existingWrapper.querySelector(".ce-otp-input__help")?.textContent?.trim();
+            if (shouldUseDomValue(host, "help-text", helpText)) {
+                currentProps.helpText = helpText ?? DEFAULT_OTP_INPUT_PROPS.helpText;
+            }
+            const errorText = existingWrapper.querySelector(".ce-otp-input__error")?.textContent?.trim();
+            if (shouldUseDomValue(host, "error-text", errorText)) {
+                currentProps.errorText = errorText ?? DEFAULT_OTP_INPUT_PROPS.errorText;
+            }
+            const size = readSizeFromClass(existingWrapper);
+            if (shouldUseDomValue(host, "size", size)) {
+                currentProps.size = size ?? DEFAULT_OTP_INPUT_PROPS.size;
+            }
+            const disabled = existingWrapper.classList.contains("is-disabled") || fields.some((field) => field.disabled);
+            if (shouldUseDomValue(host, "disabled", disabled)) {
+                currentProps.disabled = disabled;
+            }
+            const mask = fields.some((field) => field.type === "password");
+            if (shouldUseDomValue(host, "mask", mask)) {
+                currentProps.mask = mask;
+            }
+            const type = fields.some((field) => field.inputMode === "numeric") ? "numeric" : "alphanumeric";
+            if (shouldUseDomValue(host, "type", type)) {
+                currentProps.type = type;
+            }
+        }
+        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;
+                }
+            }
+            applyOtpInputParts(wrapper);
+            instance?.destroy?.();
+            instance = new OtpInput({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onChange: (value) => on?.change?.({ value }),
+                onComplete: (value) => on?.complete?.({ value }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_OTP_INPUT_PROPS, ...props };
+        const length = merged.length ?? DEFAULT_OTP_INPUT_PROPS.length ?? 0;
+        const sizeClass = merged.size === "sm" ? " ce-otp-input--small" : merged.size === "lg" ? " ce-otp-input--large" : "";
+        const disabledClass = merged.disabled ? " is-disabled" : "";
+        const helpText = merged.helpText ? `<div class="ce-otp-input__help">${escapeHtml(merged.helpText)}</div>` : "";
+        const errorText = `<div class="ce-otp-input__error" part="error">${escapeHtml(merged.errorText ?? "")}</div>`;
+        const value = merged.value ?? "";
+        const baseLabel = merged.label ? `${merged.label} digit` : "OTP digit";
+        const fields = Array.from({ length }, (_, index) => {
+            const char = value[index] ?? "";
+            return `<input class="ce-otp-input__field" part="field" type="${merged.mask ? "password" : "text"}" inputmode="${merged.type === "numeric" ? "numeric" : "text"}" maxlength="1" autocomplete="one-time-code" aria-label="${escapeHtml(baseLabel)} ${index + 1}"${merged.disabled ? " disabled" : ""} value="${escapeHtml(char)}" />`;
+        }).join("");
+        const dataAttrs = ` data-label="${escapeHtml(merged.label ?? "")}" data-length="${length}" data-type="${escapeHtml(merged.type ?? "numeric")}" data-mask="${String(merged.mask ?? false)}" data-auto-focus="${String(merged.autoFocus ?? false)}" data-disabled="${String(merged.disabled ?? false)}" data-size="${escapeHtml(merged.size ?? "md")}" data-value="${escapeHtml(value)}" data-help-text="${escapeHtml(merged.helpText ?? "")}" data-error-text="${escapeHtml(merged.errorText ?? "")}"`;
+        const helpMarkup = merged.helpText
+            ? `<div class="ce-otp-input__help" part="help">${escapeHtml(merged.helpText)}</div>`
+            : "";
+        const labelAttr = merged.label ? ` aria-label="${escapeHtml(merged.label)}"` : "";
+        return `<div class="ce-otp-input${sizeClass}${disabledClass}" data-ce-component="otp-input" part="base"${dataAttrs}${labelAttr}>${fields}${helpMarkup}${errorText}</div>`;
+    },
+};
+export function registerOtpInputElement() {
+    return defineComponentElement({
+        tag: "ce-otp-input",
+        component: otpInputComponent,
+        props: OTP_INPUT_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_OTP_INPUT_PROPS,
+        shadow: false,
+        events: ["change", "complete"],
+        preserveLightDom: true,
+    });
+}
+const HTML_ESCAPE_LOOKUP = {
+    "&": "&amp;",
+    "\"": "&quot;",
+    "'": "&#39;",
+    "<": "&lt;",
+    ">": "&gt;",
+};
+function escapeHtml(value) {
+    return value.replace(/[&"'<>]/g, (char) => HTML_ESCAPE_LOOKUP[char] ?? char);
+}
+function parseBoolean(value) {
+    if (!value) {
+        return undefined;
+    }
+    if (value === "true") {
+        return true;
+    }
+    if (value === "false") {
+        return false;
+    }
+    return undefined;
+}
+function readSizeFromClass(wrapper) {
+    if (wrapper.classList.contains("ce-otp-input--small")) {
+        return "sm";
+    }
+    if (wrapper.classList.contains("ce-otp-input--large")) {
+        return "lg";
+    }
+    return "md";
+}
+//# sourceMappingURL=otp-input.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { PaginationOptions } from "../Pagination/Pagination.types.js";
+export interface PaginationProps extends Omit<PaginationOptions, "selector" | "onChange">, Record<string, unknown> {
+    total?: number;
+    page?: number;
+}
+export interface PaginationChangeDetail {
+    page: number;
+    pageSize: number;
+}
+export declare function registerPaginationElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../components/web-components/pagination.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAI3E,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,UAAU,CAAC,EACtD,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAyLD,wBAAgB,yBAAyB,IAAI,wBAAwB,GAAG,SAAS,CAUhF"}