@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,164 @@
+import { Slider } from "../Slider/Slider.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_SLIDER_PROPS = {
+    min: 0,
+    max: 100,
+    step: 1,
+    value: 0,
+    orientation: "horizontal",
+    showValue: false,
+};
+const SLIDER_PROP_DEFINITIONS = [
+    { attribute: "min", prop: "min", type: "number" },
+    { attribute: "max", prop: "max", type: "number" },
+    { attribute: "step", prop: "step", type: "number" },
+    { attribute: "value", prop: "value", type: "number" },
+    { attribute: "orientation", prop: "orientation" },
+    { attribute: "show-value", prop: "showValue", type: "boolean" },
+];
+let sliderId = 0;
+const applySliderParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "slider");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll("input[type='range']").forEach((node) => node.setAttribute("part", "input"));
+    wrapper.querySelectorAll(".ce-slider__value").forEach((node) => node.setAttribute("part", "value"));
+};
+const sliderComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-slider");
+        const elementId = existingWrapper?.id || `ce-slider-${++sliderId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_SLIDER_PROPS, ...props };
+        if (existingWrapper) {
+            const dataMin = readNumberDataAttr(existingWrapper, "min");
+            if (shouldUseDomValue(host, "min", dataMin)) {
+                currentProps.min = dataMin ?? DEFAULT_SLIDER_PROPS.min;
+            }
+            const dataMax = readNumberDataAttr(existingWrapper, "max");
+            if (shouldUseDomValue(host, "max", dataMax)) {
+                currentProps.max = dataMax ?? DEFAULT_SLIDER_PROPS.max;
+            }
+            const dataStep = readNumberDataAttr(existingWrapper, "step");
+            if (shouldUseDomValue(host, "step", dataStep)) {
+                currentProps.step = dataStep ?? DEFAULT_SLIDER_PROPS.step;
+            }
+            const dataValue = readNumberDataAttr(existingWrapper, "value");
+            if (shouldUseDomValue(host, "value", dataValue)) {
+                currentProps.value = dataValue ?? DEFAULT_SLIDER_PROPS.value;
+            }
+            const dataOrientation = readDataAttr(existingWrapper, "orientation");
+            if (shouldUseDomValue(host, "orientation", dataOrientation)) {
+                currentProps.orientation = dataOrientation ?? DEFAULT_SLIDER_PROPS.orientation;
+            }
+            else if (shouldUseDomValue(host, "orientation", existingWrapper.classList.contains("ce-slider--vertical") ? "vertical" : "horizontal")) {
+                currentProps.orientation = existingWrapper.classList.contains("ce-slider--vertical") ? "vertical" : "horizontal";
+            }
+            const dataShow = readDataAttr(existingWrapper, "show-value");
+            if (shouldUseDomValue(host, "show-value", dataShow)) {
+                currentProps.showValue = dataShow === "true";
+            }
+            else if (shouldUseDomValue(host, "show-value", existingWrapper.querySelector(".ce-slider__value") ? "true" : "false")) {
+                currentProps.showValue = Boolean(existingWrapper.querySelector(".ce-slider__value"));
+            }
+            const inputEl = existingWrapper.querySelector('input[type="range"]');
+            if (inputEl) {
+                const inputMin = parseNumber(inputEl.getAttribute("min"));
+                if (shouldUseDomValue(host, "min", inputMin)) {
+                    currentProps.min = inputMin ?? DEFAULT_SLIDER_PROPS.min;
+                }
+                const inputMax = parseNumber(inputEl.getAttribute("max"));
+                if (shouldUseDomValue(host, "max", inputMax)) {
+                    currentProps.max = inputMax ?? DEFAULT_SLIDER_PROPS.max;
+                }
+                const inputStep = parseNumber(inputEl.getAttribute("step"));
+                if (shouldUseDomValue(host, "step", inputStep)) {
+                    currentProps.step = inputStep ?? DEFAULT_SLIDER_PROPS.step;
+                }
+                const inputValue = parseNumber(inputEl.value || inputEl.getAttribute("value"));
+                if (shouldUseDomValue(host, "value", inputValue)) {
+                    currentProps.value = inputValue ?? DEFAULT_SLIDER_PROPS.value;
+                }
+            }
+        }
+        let instance;
+        const destroy = () => {
+            instance?.destroy?.();
+            instance = undefined;
+            if (!existingWrapper) {
+                host.innerHTML = "";
+            }
+        };
+        const updateProps = (partial) => {
+            currentProps = { ...currentProps, ...partial };
+            render();
+        };
+        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-slider")) {
+                    wrapper.classList.add("ce-slider");
+                }
+            }
+            applySliderParts(wrapper);
+            instance?.destroy?.();
+            instance = new Slider({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onChange: (value) => on?.change?.({ value }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy,
+            updateProps(partial) {
+                updateProps(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_SLIDER_PROPS, ...props };
+        const orientationClass = merged.orientation === "vertical" ? " ce-slider--vertical" : "";
+        const valueDisplay = merged.showValue
+            ? `<span class="ce-slider__value" part="value">${merged.value ?? merged.min ?? 0}</span>`
+            : "";
+        const dataAttrs = ` data-min="${merged.min ?? 0}" data-max="${merged.max ?? 100}" data-step="${merged.step ?? 1}" data-value="${merged.value ?? merged.min ?? 0}" data-orientation="${escapeHtml(merged.orientation ?? "horizontal")}" data-show-value="${merged.showValue ? "true" : "false"}"`;
+        return `<div class="ce-slider${orientationClass}" data-ce-component="slider" part="base"${dataAttrs}><input part="input" type="range" min="${merged.min ?? 0}" max="${merged.max ?? 100}" step="${merged.step ?? 1}" value="${merged.value ?? merged.min ?? 0}" />${valueDisplay}</div>`;
+    },
+};
+export function registerSliderElement() {
+    return defineComponentElement({
+        tag: "ce-slider",
+        component: sliderComponent,
+        props: SLIDER_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_SLIDER_PROPS,
+        shadow: false,
+        events: ["change"],
+        preserveLightDom: true,
+    });
+}
+function parseNumber(value) {
+    if (!value) {
+        return undefined;
+    }
+    const parsed = Number(value);
+    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=slider.js.map

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

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

package/dist/components/web-components/smart-editor.d.ts

@@ -0,0 +1,10 @@
+import type { SmartEditorOptions } from "../SmartEditor/SmartEditor.types.js";
+export type SmartEditorProps = Omit<SmartEditorOptions, "selector" | "onChange" | "onSend" | "onUpload">;
+export interface SmartEditorChangeDetail {
+    value: string;
+}
+export interface SmartEditorSendDetail {
+    value: string;
+}
+export declare function registerSmartEditorElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=smart-editor.d.ts.map

package/dist/components/web-components/smart-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-editor.d.ts","sourceRoot":"","sources":["../../../components/web-components/smart-editor.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAA4B,MAAM,qCAAqC,CAAC;AASxG,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;AAEzG,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAsID,wBAAgB,0BAA0B,IAAI,wBAAwB,GAAG,SAAS,CAWjF"}

package/dist/components/web-components/smart-editor.js

@@ -0,0 +1,207 @@
+import { registerIconElement } from "../Icon/CeIcon.js";
+import { SmartEditor } from "../SmartEditor/SmartEditor.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_SMART_EDITOR_PROPS = {
+    initialContent: "",
+    placeholder: "Write a message...",
+    disabled: false,
+};
+const SMART_EDITOR_PROP_DEFINITIONS = [
+    { attribute: "initial-content", prop: "initialContent" },
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+    { attribute: "height", prop: "height", type: "number" },
+];
+let smartEditorId = 0;
+const applySmartEditorParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "smart-editor");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-smart-editor__surface").forEach((node) => node.setAttribute("part", "surface"));
+    wrapper.querySelectorAll(".ce-smart-editor__input").forEach((node) => node.setAttribute("part", "input"));
+    wrapper.querySelectorAll(".ce-smart-editor__toolbar").forEach((node) => node.setAttribute("part", "toolbar"));
+    wrapper.querySelectorAll(".ce-smart-editor__actions").forEach((node) => { node.setAttribute("part", "actions"); node.setAttribute("data-ce-slot", "actions"); });
+    wrapper.querySelectorAll(".ce-smart-editor__button").forEach((node) => node.setAttribute("part", "button"));
+    wrapper.querySelectorAll(".ce-smart-editor__send").forEach((node) => node.setAttribute("part", "send"));
+    wrapper.querySelectorAll(".ce-smart-editor__icon").forEach((node) => node.setAttribute("part", "icon"));
+    wrapper.querySelectorAll(".ce-smart-editor__toolbar input[type='file']").forEach((node) => node.setAttribute("part", "file"));
+};
+const smartEditorComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-smart-editor");
+        const elementId = existingWrapper?.id || `ce-smart-editor-${++smartEditorId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_SMART_EDITOR_PROPS, ...props };
+        if (existingWrapper) {
+            const dataInitial = readDataAttr(existingWrapper, "initial-content");
+            const domContent = existingWrapper.querySelector(".ce-smart-editor__input")?.innerHTML ?? "";
+            if (shouldUseDomValue(host, "initial-content", dataInitial ?? domContent)) {
+                currentProps.initialContent = dataInitial ?? domContent;
+            }
+            const dataPlaceholder = readDataAttr(existingWrapper, "placeholder");
+            const domPlaceholder = existingWrapper.querySelector(".ce-smart-editor__input")?.dataset.placeholder;
+            if (shouldUseDomValue(host, "placeholder", dataPlaceholder ?? domPlaceholder)) {
+                currentProps.placeholder = dataPlaceholder ?? domPlaceholder ?? DEFAULT_SMART_EDITOR_PROPS.placeholder;
+            }
+            const dataDisabled = readDataAttr(existingWrapper, "disabled");
+            if (shouldUseDomValue(host, "disabled", dataDisabled)) {
+                currentProps.disabled = dataDisabled === "true";
+            }
+            else if (shouldUseDomValue(host, "disabled", existingWrapper.classList.contains("ce-smart-editor--disabled") ? "true" : "false")) {
+                currentProps.disabled = existingWrapper.classList.contains("ce-smart-editor--disabled");
+            }
+            const dataHeight = readNumberDataAttr(existingWrapper, "height");
+            if (shouldUseDomValue(host, "height", dataHeight)) {
+                currentProps.height = dataHeight ?? DEFAULT_SMART_EDITOR_PROPS.height;
+            }
+            else {
+                const height = parseNumber(existingWrapper.querySelector(".ce-smart-editor__input")?.style.minHeight);
+                if (shouldUseDomValue(host, "height", height)) {
+                    currentProps.height = height ?? DEFAULT_SMART_EDITOR_PROPS.height;
+                }
+            }
+        }
+        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-smart-editor")) {
+                    wrapper.classList.add("ce-smart-editor");
+                }
+            }
+            applySmartEditorParts(wrapper);
+            instance?.destroy?.();
+            instance = new SmartEditor({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onChange: (value) => on?.change?.({ value }),
+                onSend: (value) => on?.send?.({ value }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_SMART_EDITOR_PROPS, ...(props ?? {}) };
+        const placeholder = merged.placeholder ?? DEFAULT_SMART_EDITOR_PROPS.placeholder ?? "Write a message...";
+        const content = merged.initialContent ?? "";
+        const disabledClass = merged.disabled ? " ce-smart-editor--disabled" : "";
+        const style = merged.height ? ` style="min-height:${merged.height}px"` : "";
+        const actions = TOOLBAR_ACTIONS.map((action) => {
+            const label = getActionLabel(action);
+            return `<button type="button" class="ce-smart-editor__button" part="button" data-action="${action}" aria-label="${escapeHtml(label)}">${renderToolbarVisual(TOOLBAR_VISUALS[action])}</button>`;
+        }).join("");
+        const dataAttrs = ` data-placeholder="${escapeHtml(placeholder)}" data-disabled="${merged.disabled ? "true" : "false"}"${merged.height ? ` data-height="${merged.height}"` : ""}`;
+        return `<div class="ce-smart-editor${disabledClass}" data-ce-component="smart-editor" part="base"${dataAttrs}><div class="ce-smart-editor__surface" part="surface"><div class="ce-smart-editor__input" part="input" data-placeholder="${escapeHtml(placeholder)}"${style} contenteditable="${merged.disabled ? "false" : "true"}">${content}</div></div><div class="ce-smart-editor__toolbar" part="toolbar" role="toolbar" aria-label="Smart editor toolbar"><div class="ce-smart-editor__actions" part="actions" data-ce-slot="actions">${actions}</div><button type="button" class="ce-smart-editor__send" part="send" aria-label="Send message">${renderToolbarVisual(TOOLBAR_VISUALS.send)}</button><input type="file" part="file" accept="image/*,.pdf" hidden /></div></div>`;
+    },
+};
+export function registerSmartEditorElement() {
+    registerIconElement();
+    return defineComponentElement({
+        tag: "ce-smart-editor",
+        component: smartEditorComponent,
+        props: SMART_EDITOR_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_SMART_EDITOR_PROPS,
+        shadow: false,
+        events: ["change", "send"],
+        preserveLightDom: true,
+    });
+}
+const TOOLBAR_ACTIONS = [
+    "normal",
+    "bold",
+    "italic",
+    "underline",
+    "alignLeft",
+    "alignCenter",
+    "alignRight",
+    "alignJustify",
+    "bulletList",
+    "orderedList",
+    "upload",
+];
+const TOOLBAR_VISUALS = {
+    normal: { type: "text", value: "T", className: "is-normal" },
+    bold: { type: "text", value: "B", className: "is-bold" },
+    italic: { type: "text", value: "I", className: "is-italic" },
+    underline: { type: "text", value: "U", className: "is-underline" },
+    alignLeft: { type: "icon", value: "text-align-left" },
+    alignCenter: { type: "icon", value: "text-align-center" },
+    alignRight: { type: "icon", value: "text-align-right" },
+    alignJustify: { type: "icon", value: "text-align-justify" },
+    bulletList: { type: "icon", value: "unordered-list" },
+    orderedList: { type: "icon", value: "ordered-list" },
+    upload: { type: "icon", value: "upload" },
+    send: { type: "icon", value: "paper-plane-2" },
+};
+function renderToolbarVisual(visual) {
+    if (visual.type === "text") {
+        const className = visual.className ? ` ${escapeHtml(visual.className)}` : "";
+        return `<span class="ce-smart-editor__glyph${className}" aria-hidden="true">${escapeHtml(visual.value)}</span>`;
+    }
+    return `<ce-icon class="ce-smart-editor__icon" part="icon" name="${escapeHtml(visual.value)}" size="18" aria-hidden="true"></ce-icon>`;
+}
+function getActionLabel(action) {
+    switch (action) {
+        case "normal":
+            return "Normal text";
+        case "bold":
+            return "Bold";
+        case "italic":
+            return "Italic";
+        case "underline":
+            return "Underline";
+        case "alignLeft":
+            return "Align left";
+        case "alignCenter":
+            return "Align center";
+        case "alignRight":
+            return "Align right";
+        case "alignJustify":
+            return "Justify";
+        case "bulletList":
+            return "Bulleted list";
+        case "orderedList":
+            return "Numbered list";
+        case "upload":
+            return "Attach image or PDF";
+        default:
+            return action;
+    }
+}
+function parseNumber(value) {
+    if (!value) {
+        return undefined;
+    }
+    const parsed = Number(value.replace("px", ""));
+    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=smart-editor.js.map

package/dist/components/web-components/smart-editor.js.map

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

package/dist/components/web-components/speech-to-text.d.ts

@@ -0,0 +1,10 @@
+import type { SpeechToTextOptions } from "../SpeechToText/SpeechToText.types.js";
+export type SpeechToTextProps = Omit<SpeechToTextOptions, "selector" | "onResult" | "onRecordingChange">;
+export interface SpeechToTextResultDetail {
+    value: string;
+}
+export interface SpeechToTextRecordingChangeDetail {
+    isRecording: boolean;
+}
+export declare function registerSpeechToTextElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=speech-to-text.d.ts.map

package/dist/components/web-components/speech-to-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speech-to-text.d.ts","sourceRoot":"","sources":["../../../components/web-components/speech-to-text.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAIjF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAAC,CAAC;AAEzG,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iCAAiC;IAChD,WAAW,EAAE,OAAO,CAAC;CACtB;AA0KD,wBAAgB,2BAA2B,IAAI,wBAAwB,GAAG,SAAS,CAUlF"}

package/dist/components/web-components/speech-to-text.js

@@ -0,0 +1,166 @@
+import { SpeechToText } from "../SpeechToText/SpeechToText.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_SPEECH_TO_TEXT_PROPS = {
+    placeholder: "Describe the conversation...",
+    language: "English (US)",
+    size: "md",
+    dark: false,
+    initialTranscript: "",
+    idleStatus: "Idle",
+    listeningStatus: "Listening",
+    startLabel: "Start recording",
+    stopLabel: "Stop recording",
+};
+const SPEECH_TO_TEXT_PROP_DEFINITIONS = [
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "language", prop: "language" },
+    { attribute: "size", prop: "size" },
+    { attribute: "dark", prop: "dark", type: "boolean" },
+    { attribute: "initial-transcript", prop: "initialTranscript" },
+    { attribute: "idle-status", prop: "idleStatus" },
+    { attribute: "listening-status", prop: "listeningStatus" },
+    { attribute: "start-label", prop: "startLabel" },
+    { attribute: "stop-label", prop: "stopLabel" },
+];
+let speechToTextId = 0;
+const applySpeechToTextParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "speech-to-text");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-speech-to-text__toolbar").forEach((node) => node.setAttribute("part", "toolbar"));
+    wrapper.querySelectorAll(".ce-speech-to-text__toolbar span").forEach((node) => node.setAttribute("part", "language"));
+    wrapper.querySelectorAll(".ce-speech-to-text__toolbar button").forEach((node) => node.setAttribute("part", "button"));
+    wrapper.querySelectorAll(".ce-speech-to-text__content").forEach((node) => node.setAttribute("part", "content"));
+    wrapper.querySelectorAll(".ce-speech-to-text__status").forEach((node) => node.setAttribute("part", "status"));
+};
+const speechToTextComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-speech-to-text");
+        const elementId = existingWrapper?.id || `ce-speech-to-text-${++speechToTextId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_SPEECH_TO_TEXT_PROPS, ...props };
+        if (existingWrapper) {
+            const dataPlaceholder = readDataAttr(existingWrapper, "placeholder");
+            if (shouldUseDomValue(host, "placeholder", dataPlaceholder)) {
+                currentProps.placeholder = dataPlaceholder ?? DEFAULT_SPEECH_TO_TEXT_PROPS.placeholder;
+            }
+            const dataLanguage = readDataAttr(existingWrapper, "language");
+            const domLanguage = existingWrapper.querySelector(".ce-speech-to-text__toolbar span")?.textContent ?? "";
+            if (shouldUseDomValue(host, "language", dataLanguage ?? domLanguage)) {
+                currentProps.language = dataLanguage ?? domLanguage ?? DEFAULT_SPEECH_TO_TEXT_PROPS.language;
+            }
+            const dataSize = readDataAttr(existingWrapper, "size");
+            if (shouldUseDomValue(host, "size", dataSize)) {
+                currentProps.size = dataSize ?? DEFAULT_SPEECH_TO_TEXT_PROPS.size;
+            }
+            else if (shouldUseDomValue(host, "size", existingWrapper.classList.contains("ce-speech-to-text--sm")
+                ? "sm"
+                : existingWrapper.classList.contains("ce-speech-to-text--lg")
+                    ? "lg"
+                    : "md")) {
+                currentProps.size = existingWrapper.classList.contains("ce-speech-to-text--sm")
+                    ? "sm"
+                    : existingWrapper.classList.contains("ce-speech-to-text--lg")
+                        ? "lg"
+                        : "md";
+            }
+            const dataDark = readDataAttr(existingWrapper, "dark");
+            if (shouldUseDomValue(host, "dark", dataDark)) {
+                currentProps.dark = dataDark === "true";
+            }
+            else if (shouldUseDomValue(host, "dark", existingWrapper.classList.contains("ce-speech-to-text--dark") ? "true" : "false")) {
+                currentProps.dark = existingWrapper.classList.contains("ce-speech-to-text--dark");
+            }
+            const dataTranscript = readDataAttr(existingWrapper, "initial-transcript");
+            const domTranscript = existingWrapper.querySelector(".ce-speech-to-text__content")?.textContent ?? "";
+            if (shouldUseDomValue(host, "initial-transcript", dataTranscript ?? domTranscript)) {
+                currentProps.initialTranscript = dataTranscript ?? domTranscript;
+            }
+            const dataIdle = readDataAttr(existingWrapper, "idle-status");
+            if (shouldUseDomValue(host, "idle-status", dataIdle)) {
+                currentProps.idleStatus = dataIdle ?? DEFAULT_SPEECH_TO_TEXT_PROPS.idleStatus;
+            }
+            const dataListening = readDataAttr(existingWrapper, "listening-status");
+            if (shouldUseDomValue(host, "listening-status", dataListening)) {
+                currentProps.listeningStatus = dataListening ?? DEFAULT_SPEECH_TO_TEXT_PROPS.listeningStatus;
+            }
+            const dataStart = readDataAttr(existingWrapper, "start-label");
+            if (shouldUseDomValue(host, "start-label", dataStart)) {
+                currentProps.startLabel = dataStart ?? DEFAULT_SPEECH_TO_TEXT_PROPS.startLabel;
+            }
+            const dataStop = readDataAttr(existingWrapper, "stop-label");
+            if (shouldUseDomValue(host, "stop-label", dataStop)) {
+                currentProps.stopLabel = dataStop ?? DEFAULT_SPEECH_TO_TEXT_PROPS.stopLabel;
+            }
+        }
+        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-speech-to-text")) {
+                    wrapper.classList.add("ce-speech-to-text");
+                }
+            }
+            applySpeechToTextParts(wrapper);
+            instance?.destroy?.();
+            instance = new SpeechToText({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onResult: (value) => on?.result?.({ value }),
+                onRecordingChange: (isRecording) => on?.recordingchange?.({ isRecording }),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_SPEECH_TO_TEXT_PROPS, ...(props ?? {}) };
+        const themeClass = merged.dark ? " ce-speech-to-text--dark" : "";
+        const sizeClass = merged.size && merged.size !== "md" ? ` ce-speech-to-text--${merged.size}` : "";
+        const status = merged.initialTranscript ? merged.listeningStatus ?? "Listening" : merged.idleStatus ?? "Idle";
+        const transcript = merged.initialTranscript ?? "";
+        const placeholder = merged.placeholder ?? "Describe the conversation...";
+        const dataAttrs = ` data-placeholder="${escapeHtml(placeholder)}" data-language="${escapeHtml(merged.language ?? "")}" data-size="${escapeHtml(merged.size ?? "md")}" data-dark="${merged.dark ? "true" : "false"}" data-idle-status="${escapeHtml(merged.idleStatus ?? "Idle")}" data-listening-status="${escapeHtml(merged.listeningStatus ?? "Listening")}" data-start-label="${escapeHtml(merged.startLabel ?? "Start recording")}" data-stop-label="${escapeHtml(merged.stopLabel ?? "Stop recording")}"`;
+        return `<div class="ce-speech-to-text${themeClass}${sizeClass}" data-ce-component="speech-to-text" part="base"${dataAttrs}><div class="ce-speech-to-text__toolbar" part="toolbar"><span part="language">${escapeHtml(merged.language ?? "")}</span><button type="button" part="button">${escapeHtml(merged.startLabel ?? "Start recording")}</button></div><div class="ce-speech-to-text__content" part="content" data-placeholder="${escapeHtml(placeholder)}">${escapeHtml(transcript)}</div><div class="ce-speech-to-text__status" part="status">${escapeHtml(status)}</div></div>`;
+    },
+};
+export function registerSpeechToTextElement() {
+    return defineComponentElement({
+        tag: "ce-speech-to-text",
+        component: speechToTextComponent,
+        props: SPEECH_TO_TEXT_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_SPEECH_TO_TEXT_PROPS,
+        shadow: false,
+        events: ["result", "recordingchange"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=speech-to-text.js.map

package/dist/components/web-components/speech-to-text.js.map

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

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

@@ -0,0 +1,7 @@
+import type { SplitterOptions, SplitterResizeDetail } from "../Splitter/Splitter.types.js";
+export interface SplitterProps extends Omit<SplitterOptions, "selector" | "onResize">, Record<string, unknown> {
+}
+export interface SplitterResizeEventDetail extends SplitterResizeDetail {
+}
+export declare function registerSplitterElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=splitter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../components/web-components/splitter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAI3F,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEjH,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;CAAG;AA4H1E,wBAAgB,uBAAuB,IAAI,wBAAwB,GAAG,SAAS,CAU9E"}