@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,234 @@
+import { Notification } from "../Notification/Notification.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_NOTIFICATION_PROPS = {
+    title: undefined,
+    message: "",
+    description: undefined,
+    tone: "info",
+    type: undefined,
+    dismissible: true,
+    duration: undefined,
+    icon: undefined,
+    position: "top-right",
+    theme: "light",
+    actionLabel: undefined,
+};
+const NOTIFICATION_PROP_DEFINITIONS = [
+    { attribute: "title", prop: "title" },
+    { attribute: "message", prop: "message" },
+    { attribute: "description", prop: "description" },
+    { attribute: "tone", prop: "tone" },
+    { attribute: "type", prop: "type" },
+    { attribute: "dismissible", prop: "dismissible", type: "boolean" },
+    { attribute: "duration", prop: "duration", type: "number" },
+    { attribute: "icon", prop: "icon" },
+    { attribute: "position", prop: "position" },
+    { attribute: "theme", prop: "theme" },
+    { attribute: "action-label", prop: "actionLabel" },
+];
+let notificationId = 0;
+const applyNotificationParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "notification");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-notification__icon").forEach((node) => node.setAttribute("part", "icon"));
+    wrapper.querySelectorAll(".ce-notification__content").forEach((node) => node.setAttribute("part", "content"));
+    wrapper.querySelectorAll(".ce-notification__title").forEach((node) => node.setAttribute("part", "title"));
+    wrapper.querySelectorAll(".ce-notification__message").forEach((node) => node.setAttribute("part", "message"));
+    wrapper.querySelectorAll(".ce-notification__actions").forEach((node) => { node.setAttribute("part", "actions"); node.setAttribute("data-ce-slot", "actions"); });
+    wrapper.querySelectorAll(".ce-notification__action").forEach((node) => node.setAttribute("part", "action"));
+    wrapper.querySelectorAll(".ce-notification__close").forEach((node) => node.setAttribute("part", "close"));
+};
+const notificationComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-notification");
+        const elementId = existingWrapper?.id || `ce-notification-${++notificationId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_NOTIFICATION_PROPS, ...props };
+        if (existingWrapper) {
+            const dataTitle = readDataAttr(existingWrapper, "title");
+            if (shouldUseDomValue(host, "title", dataTitle)) {
+                currentProps.title = dataTitle;
+            }
+            const dataMessage = readDataAttr(existingWrapper, "message");
+            if (shouldUseDomValue(host, "message", dataMessage)) {
+                currentProps.message = dataMessage ?? "";
+            }
+            const dataTone = readDataAttr(existingWrapper, "tone");
+            if (shouldUseDomValue(host, "tone", dataTone)) {
+                currentProps.tone = dataTone ?? "info";
+            }
+            const dataTheme = readDataAttr(existingWrapper, "theme");
+            if (shouldUseDomValue(host, "theme", dataTheme)) {
+                currentProps.theme = dataTheme ?? "light";
+            }
+            const dataPosition = readDataAttr(existingWrapper, "position");
+            if (shouldUseDomValue(host, "position", dataPosition)) {
+                currentProps.position = dataPosition ?? "top-right";
+            }
+            const dataDismissible = readDataAttr(existingWrapper, "dismissible");
+            if (shouldUseDomValue(host, "dismissible", dataDismissible)) {
+                const parsed = parseBoolean(dataDismissible);
+                if (parsed !== undefined) {
+                    currentProps.dismissible = parsed;
+                }
+            }
+            const dataDuration = readNumberDataAttr(existingWrapper, "duration");
+            if (shouldUseDomValue(host, "duration", dataDuration)) {
+                currentProps.duration = dataDuration;
+            }
+            const dataIcon = readDataAttr(existingWrapper, "icon");
+            if (shouldUseDomValue(host, "icon", dataIcon)) {
+                currentProps.icon = dataIcon ?? undefined;
+            }
+            const dataAction = readDataAttr(existingWrapper, "action-label");
+            if (shouldUseDomValue(host, "action-label", dataAction)) {
+                currentProps.actionLabel = dataAction ?? undefined;
+            }
+            const domTitle = existingWrapper.querySelector(".ce-notification__title")?.textContent?.trim();
+            if (shouldUseDomValue(host, "title", domTitle)) {
+                currentProps.title = domTitle ?? undefined;
+            }
+            const domMessage = existingWrapper.querySelector(".ce-notification__message")?.textContent?.trim();
+            if (shouldUseDomValue(host, "message", domMessage)) {
+                currentProps.message = domMessage ?? "";
+            }
+            const domIcon = existingWrapper.querySelector(".ce-notification__icon")?.textContent?.trim();
+            if (shouldUseDomValue(host, "icon", domIcon)) {
+                currentProps.icon = domIcon ?? undefined;
+            }
+            const domAction = existingWrapper.querySelector(".ce-notification__action")?.textContent?.trim();
+            if (shouldUseDomValue(host, "action-label", domAction)) {
+                currentProps.actionLabel = domAction ?? undefined;
+            }
+            const toneClass = readToneFromClass(existingWrapper);
+            if (shouldUseDomValue(host, "tone", toneClass)) {
+                currentProps.tone = toneClass ?? "info";
+            }
+            const theme = existingWrapper.classList.contains("ce-notification--dark") ? "dark" : "light";
+            if (shouldUseDomValue(host, "theme", theme)) {
+                currentProps.theme = theme;
+            }
+            const dismissible = Boolean(existingWrapper.querySelector(".ce-notification__close"));
+            if (shouldUseDomValue(host, "dismissible", dismissible)) {
+                currentProps.dismissible = dismissible;
+            }
+            const position = existingWrapper.dataset.position;
+            if (shouldUseDomValue(host, "position", position)) {
+                currentProps.position = position ?? "top-right";
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!currentProps.message && currentProps.description) {
+                currentProps.message = currentProps.description;
+            }
+            if (!currentProps.tone && currentProps.type) {
+                currentProps.tone = currentProps.type;
+            }
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+            }
+            applyNotificationParts(wrapper);
+            instance?.destroy?.();
+            instance = new Notification({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onClose: () => on?.close?.(),
+                onAction: () => on?.action?.(),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_NOTIFICATION_PROPS, ...(props ?? {}) };
+        const resolvedMessage = merged.message || merged.description || "";
+        const resolvedTone = merged.tone ?? merged.type ?? "info";
+        const tone = resolvedTone;
+        const themeClass = merged.theme === "dark" ? " ce-notification--dark" : "";
+        const iconValue = merged.icon ?? "";
+        const icon = iconValue ? `<span class="ce-notification__icon" part="icon">${escapeHtml(iconValue)}</span>` : "";
+        const title = merged.title ? `<div class="ce-notification__title" part="title">${escapeHtml(merged.title)}</div>` : "";
+        const message = `<div class="ce-notification__message" part="message">${escapeHtml(resolvedMessage)}</div>`;
+        const action = merged.actionLabel ? `<button type="button" class="ce-notification__action" part="action">${escapeHtml(merged.actionLabel)}</button>` : "";
+        const close = merged.dismissible !== false
+            ? `<button type="button" class="ce-notification__close" part="close" aria-label="Close">×</button>`
+            : "";
+        const actions = action || close ? `<div class="ce-notification__actions" part="actions" data-ce-slot="actions">${action}${close}</div>` : "";
+        const dataTitle = escapeHtml(merged.title ?? "");
+        const dataMessage = escapeHtml(resolvedMessage);
+        const dataIcon = escapeHtml(merged.icon ?? "");
+        const dataAction = escapeHtml(merged.actionLabel ?? "");
+        const durationAttr = typeof merged.duration === "number" ? ` data-duration="${merged.duration}"` : "";
+        return `<div class="ce-notification ce-notification--${tone}${themeClass}" data-ce-component="notification" part="base" data-position="${escapeHtml(merged.position ?? "top-right")}" data-tone="${escapeHtml(tone)}" data-theme="${escapeHtml(merged.theme ?? "light")}" data-title="${dataTitle}" data-message="${dataMessage}" data-dismissible="${String(merged.dismissible !== false)}" data-icon="${dataIcon}" data-action-label="${dataAction}"${durationAttr}>${icon}<div class="ce-notification__content" part="content">${title}${message}</div>${actions}</div>`;
+    },
+};
+export function registerNotificationElement() {
+    return defineComponentElement({
+        tag: "ce-notification",
+        component: notificationComponent,
+        props: NOTIFICATION_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_NOTIFICATION_PROPS,
+        shadow: false,
+        events: ["close", "action"],
+        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 readToneFromClass(wrapper) {
+    const classes = Array.from(wrapper.classList);
+    const toneClass = classes.find((cls) => cls.startsWith("ce-notification--"));
+    if (!toneClass) {
+        return undefined;
+    }
+    const raw = toneClass.replace("ce-notification--", "");
+    if (raw === "light" || raw === "dark") {
+        return undefined;
+    }
+    return raw;
+}
+//# sourceMappingURL=notification.js.map

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

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

package/dist/components/web-components/numeric-text.d.ts

@@ -0,0 +1,11 @@
+import type { NumericTextOptions } from "../NumericText/NumericText.types.js";
+export interface NumericTextProps extends Omit<NumericTextOptions, "selector" | "onChange" | "onBlur">, Record<string, unknown> {
+}
+export interface NumericTextChangeDetail {
+    value: number | null;
+}
+export interface NumericTextBlurDetail {
+    value: number | null;
+}
+export declare function registerNumericTextElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=numeric-text.d.ts.map

package/dist/components/web-components/numeric-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric-text.d.ts","sourceRoot":"","sources":["../../../components/web-components/numeric-text.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC,EAClE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE9B,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAmKD,wBAAgB,0BAA0B,IAAI,wBAAwB,GAAG,SAAS,CAUjF"}

package/dist/components/web-components/numeric-text.js

@@ -0,0 +1,167 @@
+import { NumericText } from "../NumericText/NumericText.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { formatNumber, getLocale } from "../../src/i18n/index.js";
+const DEFAULT_NUMERIC_TEXT_PROPS = {
+    value: undefined,
+    min: undefined,
+    max: undefined,
+    step: 1,
+    placeholder: "",
+    label: "",
+    helpText: "",
+    errorText: "",
+    prefix: "",
+    suffix: "",
+    disabled: false,
+    size: "md",
+    showSteppers: true,
+    format: "decimal",
+    locale: undefined,
+    currency: "USD",
+};
+const NUMERIC_TEXT_PROP_DEFINITIONS = [
+    { attribute: "value", prop: "value", type: "number" },
+    { attribute: "min", prop: "min", type: "number" },
+    { attribute: "max", prop: "max", type: "number" },
+    { attribute: "step", prop: "step", type: "number" },
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "label", prop: "label" },
+    { attribute: "help-text", prop: "helpText" },
+    { attribute: "error-text", prop: "errorText" },
+    { attribute: "prefix", prop: "prefix" },
+    { attribute: "suffix", prop: "suffix" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+    { attribute: "size", prop: "size" },
+    { attribute: "show-steppers", prop: "showSteppers", type: "boolean" },
+    { attribute: "format", prop: "format" },
+    { attribute: "locale", prop: "locale" },
+    { attribute: "currency", prop: "currency" },
+];
+let numericTextId = 0;
+const applyNumericTextParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "numeric-text");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-numeric-text__label").forEach((node) => node.setAttribute("part", "label"));
+    wrapper.querySelectorAll(".ce-numeric-text__field-wrapper").forEach((node) => node.setAttribute("part", "field-wrapper"));
+    wrapper.querySelectorAll(".ce-numeric-text__affix").forEach((node) => node.setAttribute("part", "affix"));
+    wrapper.querySelectorAll(".ce-numeric-text__prefix").forEach((node) => node.setAttribute("part", "prefix"));
+    wrapper.querySelectorAll(".ce-numeric-text__suffix").forEach((node) => node.setAttribute("part", "suffix"));
+    wrapper.querySelectorAll(".ce-numeric-text__field").forEach((node) => node.setAttribute("part", "input"));
+    wrapper.querySelectorAll(".ce-numeric-text__steppers").forEach((node) => node.setAttribute("part", "steppers"));
+    wrapper.querySelectorAll(".ce-numeric-text__button").forEach((node) => node.setAttribute("part", "stepper"));
+    wrapper.querySelectorAll(".ce-numeric-text__help").forEach((node) => node.setAttribute("part", "help"));
+    wrapper.querySelectorAll(".ce-numeric-text__error").forEach((node) => node.setAttribute("part", "error"));
+};
+const numericTextComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-numeric-text");
+        let wrapper = existingWrapper ?? document.createElement("div");
+        const elementId = wrapper.id || `ce-numeric-text-${++numericTextId}`;
+        if (!wrapper.id) {
+            wrapper.id = elementId;
+        }
+        if (!existingWrapper) {
+            host.appendChild(wrapper);
+        }
+        let currentProps = { ...DEFAULT_NUMERIC_TEXT_PROPS, ...props };
+        const existingInput = existingWrapper?.querySelector(".ce-numeric-text__field");
+        if (existingInput && !host.hasAttribute("value")) {
+            const parsed = Number(existingInput.value);
+            if (!Number.isNaN(parsed)) {
+                currentProps = { ...currentProps, value: parsed };
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!existingWrapper) {
+                host.innerHTML = "";
+                const freshWrapper = document.createElement("div");
+                freshWrapper.id = elementId;
+                host.appendChild(freshWrapper);
+                wrapper = freshWrapper;
+            }
+            instance = new NumericText({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(existingWrapper),
+                onChange: (value) => on?.change?.({ value }),
+                onBlur: (value) => on?.blur?.({ value }),
+            });
+            instance.init();
+            applyNumericTextParts(wrapper);
+            const input = wrapper.querySelector(".ce-numeric-text__field");
+            const labelEl = wrapper.querySelector(".ce-numeric-text__label");
+            if (input) {
+                if (!input.id) {
+                    input.id = `${elementId}-input`;
+                }
+                if (!input.getAttribute("aria-label") && currentProps.label) {
+                    input.setAttribute("aria-label", currentProps.label);
+                }
+            }
+            if (input && labelEl && !labelEl.getAttribute("for")) {
+                labelEl.setAttribute("for", input.id);
+            }
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_NUMERIC_TEXT_PROPS, ...props };
+        const sizeClass = merged.size === "sm" ? " ce-numeric-text--small" : merged.size === "lg" ? " ce-numeric-text--large" : "";
+        const disabledClass = merged.disabled ? " is-disabled" : "";
+        const label = merged.label ? `<label class="ce-numeric-text__label" part="label">${escapeHtml(merged.label)}</label>` : "";
+        const help = merged.helpText ? `<div class="ce-numeric-text__help" part="help">${escapeHtml(merged.helpText)}</div>` : "";
+        const error = `<div class="ce-numeric-text__error" part="error" hidden></div>`;
+        const prefix = merged.prefix ? `<span class="ce-numeric-text__affix ce-numeric-text__prefix" part="affix prefix">${escapeHtml(merged.prefix)}</span>` : "";
+        const suffix = merged.suffix ? `<span class="ce-numeric-text__affix ce-numeric-text__suffix" part="affix suffix">${escapeHtml(merged.suffix)}</span>` : "";
+        const steppers = merged.showSteppers && !merged.disabled
+            ? `<div class="ce-numeric-text__steppers" part="steppers"><button type="button" class="ce-numeric-text__button" part="stepper">▲</button><button type="button" class="ce-numeric-text__button" part="stepper">▼</button></div>`
+            : "";
+        const value = typeof merged.value === "number"
+            ? formatNumber(merged.format === "percent" ? merged.value / 100 : merged.value, merged.format && merged.format !== "decimal"
+                ? {
+                    style: merged.format === "currency" ? "currency" : "percent",
+                    currency: merged.currency ?? "USD",
+                    maximumFractionDigits: 2,
+                }
+                : undefined, merged.locale ?? getLocale())
+            : "";
+        const placeholder = merged.placeholder ?? "";
+        return `<div class="ce-numeric-text${sizeClass}${disabledClass}" data-ce-component="numeric-text" part="base">${label}<div class="ce-numeric-text__field-wrapper" part="field-wrapper">${prefix}<input type="text" inputmode="decimal" class="ce-numeric-text__field" part="input" placeholder="${escapeHtml(placeholder)}" value="${escapeHtml(String(value))}"${merged.disabled ? " disabled" : ""} />${suffix}${steppers}</div>${help}${error}</div>`;
+    },
+};
+export function registerNumericTextElement() {
+    return defineComponentElement({
+        tag: "ce-numeric-text",
+        component: numericTextComponent,
+        props: NUMERIC_TEXT_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_NUMERIC_TEXT_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+        events: ["change", "blur"],
+    });
+}
+const HTML_ESCAPE_LOOKUP = {
+    "&": "&amp;",
+    "\"": "&quot;",
+    "'": "&#39;",
+    "<": "&lt;",
+    ">": "&gt;",
+};
+function escapeHtml(value) {
+    return value.replace(/[&"'<>]/g, (char) => HTML_ESCAPE_LOOKUP[char] ?? char);
+}
+//# sourceMappingURL=numeric-text.js.map

package/dist/components/web-components/numeric-text.js.map

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

package/dist/components/web-components/ops-console.d.ts

@@ -0,0 +1,11 @@
+import type { OpsAlert, OpsConsoleOptions, OpsLogEntry } from "../OpsConsole/OpsConsole.types.js";
+export interface OpsConsoleProps extends Omit<OpsConsoleOptions, "selector" | "onAlertSelect" | "onLogSelect">, Record<string, unknown> {
+}
+export interface OpsConsoleAlertDetail {
+    alert: OpsAlert;
+}
+export interface OpsConsoleLogDetail {
+    log: OpsLogEntry;
+}
+export declare function registerOpsConsoleElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=ops-console.d.ts.map

package/dist/components/web-components/ops-console.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ops-console.d.ts","sourceRoot":"","sources":["../../../components/web-components/ops-console.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,QAAQ,EACR,iBAAiB,EACjB,WAAW,EAEZ,MAAM,mCAAmC,CAAC;AAI3C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC,EAC3E,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE9B,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,WAAW,CAAC;CAClB;AAqRD,wBAAgB,yBAAyB,IAAI,wBAAwB,GAAG,SAAS,CAUhF"}