@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,181 @@
+import { Tables } from "../Table/Table.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_TABLE_PROPS = {
+    columns: [],
+    data: [],
+    striped: false,
+    bordered: false,
+    hoverable: false,
+    responsive: false,
+    compact: false,
+};
+const TABLE_PROP_DEFINITIONS = [
+    { attribute: "columns", prop: "columns", type: "json" },
+    { attribute: "data", prop: "data", type: "json" },
+    { attribute: "striped", prop: "striped", type: "boolean" },
+    { attribute: "bordered", prop: "bordered", type: "boolean" },
+    { attribute: "hoverable", prop: "hoverable", type: "boolean" },
+    { attribute: "responsive", prop: "responsive", type: "boolean" },
+    { attribute: "compact", prop: "compact", type: "boolean" },
+];
+let tableId = 0;
+const applyTableParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "table");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll("thead").forEach((node) => { node.setAttribute("part", "header"); node.setAttribute("data-ce-slot", "header"); });
+    wrapper.querySelectorAll("tbody").forEach((node) => node.setAttribute("part", "body"));
+    wrapper.querySelectorAll("thead tr").forEach((node) => node.setAttribute("part", "header-row"));
+    wrapper.querySelectorAll("tbody tr").forEach((node) => node.setAttribute("part", "row"));
+    wrapper.querySelectorAll("th").forEach((node) => node.setAttribute("part", "header-cell"));
+    wrapper.querySelectorAll("td").forEach((node) => node.setAttribute("part", "cell"));
+};
+const tableComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-table");
+        const elementId = existingWrapper?.id || `ce-table-${++tableId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_TABLE_PROPS, ...props };
+        if (existingWrapper) {
+            const dataColumns = readDataAttr(existingWrapper, "columns");
+            if (shouldUseDomValue(host, "columns", dataColumns)) {
+                try {
+                    currentProps.columns = JSON.parse(dataColumns ?? "[]");
+                }
+                catch {
+                    currentProps.columns = DEFAULT_TABLE_PROPS.columns;
+                }
+            }
+            const dataRows = readDataAttr(existingWrapper, "data");
+            if (shouldUseDomValue(host, "data", dataRows)) {
+                try {
+                    currentProps.data = JSON.parse(dataRows ?? "[]");
+                }
+                catch {
+                    currentProps.data = DEFAULT_TABLE_PROPS.data;
+                }
+            }
+            const dataStriped = readDataAttr(existingWrapper, "striped");
+            if (shouldUseDomValue(host, "striped", dataStriped)) {
+                currentProps.striped = dataStriped === "true";
+            }
+            else if (shouldUseDomValue(host, "striped", existingWrapper.classList.contains("ce-table--striped") ? "true" : "false")) {
+                currentProps.striped = existingWrapper.classList.contains("ce-table--striped");
+            }
+            const dataBordered = readDataAttr(existingWrapper, "bordered");
+            if (shouldUseDomValue(host, "bordered", dataBordered)) {
+                currentProps.bordered = dataBordered === "true";
+            }
+            else if (shouldUseDomValue(host, "bordered", existingWrapper.classList.contains("ce-table--bordered") ? "true" : "false")) {
+                currentProps.bordered = existingWrapper.classList.contains("ce-table--bordered");
+            }
+            const dataHoverable = readDataAttr(existingWrapper, "hoverable");
+            if (shouldUseDomValue(host, "hoverable", dataHoverable)) {
+                currentProps.hoverable = dataHoverable === "true";
+            }
+            else if (shouldUseDomValue(host, "hoverable", existingWrapper.classList.contains("ce-table--hoverable") ? "true" : "false")) {
+                currentProps.hoverable = existingWrapper.classList.contains("ce-table--hoverable");
+            }
+            const dataResponsive = readDataAttr(existingWrapper, "responsive");
+            if (shouldUseDomValue(host, "responsive", dataResponsive)) {
+                currentProps.responsive = dataResponsive === "true";
+            }
+            else if (shouldUseDomValue(host, "responsive", existingWrapper.classList.contains("ce-table--responsive") ? "true" : "false")) {
+                currentProps.responsive = existingWrapper.classList.contains("ce-table--responsive");
+            }
+            const dataCompact = readDataAttr(existingWrapper, "compact");
+            if (shouldUseDomValue(host, "compact", dataCompact)) {
+                currentProps.compact = dataCompact === "true";
+            }
+            else if (shouldUseDomValue(host, "compact", existingWrapper.classList.contains("ce-table--compact") ? "true" : "false")) {
+                currentProps.compact = existingWrapper.classList.contains("ce-table--compact");
+            }
+        }
+        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-table")) {
+                    wrapper.classList.add("ce-table");
+                }
+            }
+            applyTableParts(wrapper);
+            instance = new Tables({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+                instance = undefined;
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                if (partial?.data && instance) {
+                    instance.updateData(partial.data);
+                    on?.update?.({ data: partial.data });
+                    return;
+                }
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_TABLE_PROPS, ...(props ?? {}) };
+        const header = (merged.columns ?? [])
+            .map((col) => `<th part="header-cell">${col.header ?? ""}</th>`)
+            .join("");
+        const rows = (merged.data ?? []).map((row) => {
+            const cells = (merged.columns ?? [])
+                .map((col) => `<td part="cell">${String(row[col.field] ?? "")}</td>`)
+                .join("");
+            return `<tr part="row">${cells}</tr>`;
+        });
+        const classes = ["ce-table"];
+        if (merged.striped)
+            classes.push("ce-table--striped");
+        if (merged.bordered)
+            classes.push("ce-table--bordered");
+        if (merged.hoverable)
+            classes.push("ce-table--hoverable");
+        if (merged.compact)
+            classes.push("ce-table--compact");
+        if (merged.responsive)
+            classes.push("ce-table--responsive");
+        const dataAttrs = ` data-columns="${escapeHtml(JSON.stringify(merged.columns ?? []))}" data-data="${escapeHtml(JSON.stringify(merged.data ?? []))}" data-striped="${merged.striped ? "true" : "false"}" data-bordered="${merged.bordered ? "true" : "false"}" data-hoverable="${merged.hoverable ? "true" : "false"}" data-responsive="${merged.responsive ? "true" : "false"}" data-compact="${merged.compact ? "true" : "false"}"`;
+        return `<table class="${classes.join(" ")}" data-ce-component="table" part="base"${dataAttrs}><thead part="header" data-ce-slot="header"><tr part="header-row">${header}</tr></thead><tbody part="body">${rows.join("")}</tbody></table>`;
+    },
+};
+export function registerTableElement() {
+    return defineComponentElement({
+        tag: "ce-table",
+        component: tableComponent,
+        props: TABLE_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_TABLE_PROPS,
+        shadow: false,
+        events: ["update"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=table.js.map

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

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

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

@@ -0,0 +1,13 @@
+import type { TabDefinition, TabsChangePayload, TabsClosePayload, TabsOptions, TabsRenamePayload } from "../Tabs/Tabs.types.js";
+export interface TabsProps extends Omit<TabsOptions, "selector" | "onChange" | "onClose" | "onRename" | "onAdd">, Record<string, unknown> {
+    tabs: TabDefinition[];
+    onAdd?: TabsOptions["onAdd"];
+}
+export interface TabsChangeDetail extends TabsChangePayload {
+}
+export interface TabsCloseDetail extends TabsClosePayload {
+}
+export interface TabsRenameDetail extends TabsRenamePayload {
+}
+export declare function registerTabsElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../components/web-components/tabs.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAI/B,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,EACnF,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AAC9D,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;CAAG;AAC5D,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;CAAG;AA4L9D,wBAAgB,mBAAmB,IAAI,wBAAwB,GAAG,SAAS,CAU1E"}

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

@@ -0,0 +1,197 @@
+import { Tabs } from "../Tabs/Tabs.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_TABS_PROPS = {
+    tabs: [],
+    defaultIndex: 0,
+    orientation: "horizontal",
+    activationMode: "auto",
+    stretch: false,
+    allowAdd: false,
+    allowRename: false,
+};
+const TABS_PROP_DEFINITIONS = [
+    { attribute: "tabs", prop: "tabs", type: "json" },
+    { attribute: "default-index", prop: "defaultIndex", type: "number" },
+    { attribute: "orientation", prop: "orientation" },
+    { attribute: "activation-mode", prop: "activationMode" },
+    { attribute: "stretch", prop: "stretch", type: "boolean" },
+    { attribute: "allow-add", prop: "allowAdd", type: "boolean" },
+    { attribute: "allow-rename", prop: "allowRename", type: "boolean" },
+];
+let tabsId = 0;
+const applyTabsParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "tabs");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-tabs__list").forEach((node) => node.setAttribute("part", "list"));
+    wrapper.querySelectorAll(".ce-tabs__tab").forEach((node) => node.setAttribute("part", "tab"));
+    wrapper.querySelectorAll(".ce-tabs__tab-label").forEach((node) => node.setAttribute("part", "tab-label"));
+    wrapper.querySelectorAll(".ce-tabs__tab-badge").forEach((node) => node.setAttribute("part", "tab-badge"));
+    wrapper
+        .querySelectorAll(".ce-tabs__tab-description")
+        .forEach((node) => node.setAttribute("part", "tab-description"));
+    wrapper.querySelectorAll(".ce-tabs__tab-close").forEach((node) => node.setAttribute("part", "tab-close"));
+    wrapper.querySelectorAll(".ce-tabs__add").forEach((node) => node.setAttribute("part", "add"));
+    wrapper.querySelectorAll(".ce-tabs__panels").forEach((node) => node.setAttribute("part", "panels"));
+    wrapper.querySelectorAll(".ce-tabs__panel").forEach((node) => node.setAttribute("part", "panel"));
+};
+const tabsComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-tabs");
+        const elementId = existingWrapper?.id || `ce-tabs-${++tabsId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_TABS_PROPS, ...props };
+        if (existingWrapper) {
+            const dataTabs = readDataAttr(existingWrapper, "tabs");
+            if (shouldUseDomValue(host, "tabs", dataTabs)) {
+                try {
+                    currentProps.tabs = JSON.parse(dataTabs ?? "[]");
+                }
+                catch {
+                    currentProps.tabs = DEFAULT_TABS_PROPS.tabs;
+                }
+            }
+            else if (!currentProps.tabs?.length) {
+                currentProps.tabs = Array.from(existingWrapper.querySelectorAll(".ce-tabs__panel")).map((panel, index) => ({
+                    id: panel.id || `ce-tab-${index}`,
+                    label: existingWrapper.querySelector(`.ce-tabs__tab[data-index="${index}"] .ce-tabs__tab-label`)
+                        ?.textContent ?? `Tab ${index + 1}`,
+                    content: panel.innerHTML,
+                }));
+            }
+            const dataDefault = readNumberDataAttr(existingWrapper, "default-index");
+            if (shouldUseDomValue(host, "default-index", dataDefault)) {
+                currentProps.defaultIndex = dataDefault ?? DEFAULT_TABS_PROPS.defaultIndex;
+            }
+            const dataOrientation = readDataAttr(existingWrapper, "orientation");
+            if (shouldUseDomValue(host, "orientation", dataOrientation)) {
+                currentProps.orientation = dataOrientation ?? DEFAULT_TABS_PROPS.orientation;
+            }
+            else if (shouldUseDomValue(host, "orientation", existingWrapper.classList.contains("ce-tabs--vertical") ? "vertical" : "horizontal")) {
+                currentProps.orientation = existingWrapper.classList.contains("ce-tabs--vertical") ? "vertical" : "horizontal";
+            }
+            const dataActivation = readDataAttr(existingWrapper, "activation-mode");
+            if (shouldUseDomValue(host, "activation-mode", dataActivation)) {
+                currentProps.activationMode = dataActivation ?? DEFAULT_TABS_PROPS.activationMode;
+            }
+            const dataStretch = readDataAttr(existingWrapper, "stretch");
+            if (shouldUseDomValue(host, "stretch", dataStretch)) {
+                currentProps.stretch = dataStretch === "true";
+            }
+            else if (shouldUseDomValue(host, "stretch", existingWrapper.classList.contains("ce-tabs--stretch") ? "true" : "false")) {
+                currentProps.stretch = existingWrapper.classList.contains("ce-tabs--stretch");
+            }
+            const dataAllowAdd = readDataAttr(existingWrapper, "allow-add");
+            if (shouldUseDomValue(host, "allow-add", dataAllowAdd)) {
+                currentProps.allowAdd = dataAllowAdd === "true";
+            }
+            else if (shouldUseDomValue(host, "allow-add", existingWrapper.querySelector(".ce-tabs__add") ? "true" : "false")) {
+                currentProps.allowAdd = Boolean(existingWrapper.querySelector(".ce-tabs__add"));
+            }
+            const dataAllowRename = readDataAttr(existingWrapper, "allow-rename");
+            if (shouldUseDomValue(host, "allow-rename", dataAllowRename)) {
+                currentProps.allowRename = dataAllowRename === "true";
+            }
+        }
+        let instance;
+        const destroy = () => {
+            instance?.destroy?.();
+            instance = undefined;
+            if (!existingWrapper) {
+                host.innerHTML = "";
+            }
+        };
+        const updateProps = (partial) => {
+            currentProps = { ...currentProps, ...partial };
+            instance?.destroy?.();
+            render();
+        };
+        function createInstance(container, propsToUse) {
+            if (!propsToUse.tabs?.length) {
+                container.innerHTML = "";
+                return undefined;
+            }
+            const instance = new Tabs({
+                ...propsToUse,
+                selector: `#${elementId}`,
+                hydrate: Boolean(container && container === existingWrapper),
+                onChange: (payload) => on?.change?.(payload),
+                onClose: (payload) => on?.close?.(payload),
+                onRename: (payload) => on?.rename?.(payload),
+                onAdd: propsToUse.onAdd,
+            });
+            instance.init();
+            return 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-tabs")) {
+                    wrapper.classList.add("ce-tabs");
+                }
+            }
+            applyTabsParts(wrapper);
+            instance?.destroy?.();
+            instance = createInstance(wrapper, currentProps);
+        };
+        render();
+        return {
+            destroy,
+            updateProps(partial) {
+                updateProps(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_TABS_PROPS, ...props };
+        const orientationClass = merged.orientation === "vertical" ? " ce-tabs--vertical" : "";
+        const stretchClass = merged.stretch ? " ce-tabs--stretch" : "";
+        const tabs = merged.tabs?.map((tab, index) => renderTab(tab, index, merged.allowRename)).join("") ?? "";
+        const panels = merged.tabs
+            ?.map((tab, index) => `<section class="ce-tabs__panel" part="panel" id="${escapeHtml(tab.id ?? `ce-tab-${index}`)}-panel" role="tabpanel" aria-labelledby="${escapeHtml(tab.id ?? `ce-tab-${index}`)}-trigger">${tab.content ?? ""}</section>`)
+            .join("") ?? "";
+        const addButton = merged.allowAdd ? `<button class="ce-tabs__add" part="add" aria-label="Add tab">+</button>` : "";
+        const dataAttrs = ` data-tabs="${escapeHtml(JSON.stringify(merged.tabs ?? []))}" data-default-index="${merged.defaultIndex ?? 0}" data-orientation="${merged.orientation ?? "horizontal"}" data-activation-mode="${merged.activationMode ?? "auto"}" data-stretch="${merged.stretch ? "true" : "false"}" data-allow-add="${merged.allowAdd ? "true" : "false"}" data-allow-rename="${merged.allowRename ? "true" : "false"}"`;
+        return `<div class="ce-tabs${orientationClass}${stretchClass}" data-ce-component="tabs" part="base"${dataAttrs}><div class="ce-tabs__list" part="list" role="tablist" aria-orientation="${merged.orientation === "vertical" ? "vertical" : "horizontal"}">${tabs}${addButton}</div><div class="ce-tabs__panels" part="panels">${panels}</div></div>`;
+    },
+};
+export function registerTabsElement() {
+    return defineComponentElement({
+        tag: "ce-tabs",
+        component: tabsComponent,
+        props: TABS_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_TABS_PROPS,
+        shadow: false,
+        events: ["change", "close", "rename"],
+        preserveLightDom: true,
+    });
+}
+function renderTab(tab, index, allowRename) {
+    const id = tab.id ?? `ce-tab-${index}`;
+    const disabled = tab.disabled ? ' aria-disabled="true"' : "";
+    const badge = tab.badge ? `<span class="ce-tabs__tab-badge" part="tab-badge">${escapeHtml(tab.badge)}</span>` : "";
+    const description = tab.description
+        ? `<span class="ce-tabs__tab-description" part="tab-description">${escapeHtml(tab.description)}</span>`
+        : "";
+    const close = tab.closable && !tab.disabled
+        ? `<button type="button" class="ce-tabs__tab-close" part="tab-close" aria-label="Close ${escapeHtml(tab.label)}">×</button>`
+        : "";
+    const renameAttr = allowRename ? ' data-allow-rename="true"' : "";
+    return `<button class="ce-tabs__tab" part="tab" id="${escapeHtml(id)}-trigger" role="tab" aria-controls="${escapeHtml(id)}-panel" data-index="${index}"${disabled}${renameAttr}><span class="ce-tabs__tab-label" part="tab-label">${escapeHtml(tab.label)}</span>${badge}${description}${close}</button>`;
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=tabs.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type { TextAreaOptions } from "../TextArea/TextArea.types.js";
+export interface TextAreaProps extends Omit<TextAreaOptions, "selector" | "onInput">, Record<string, unknown> {
+}
+export interface TextAreaInputDetail {
+    value: string;
+}
+export declare function registerTextAreaElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../components/web-components/textarea.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAEhH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AA6KD,wBAAgB,uBAAuB,IAAI,wBAAwB,GAAG,SAAS,CAU9E"}

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

@@ -0,0 +1,174 @@
+import { TextArea } from "../TextArea/TextArea.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+const DEFAULT_TEXTAREA_PROPS = {
+    placeholder: "",
+    value: "",
+    rows: 4,
+    maxLength: undefined,
+    disabled: false,
+    resize: undefined,
+    theme: "light",
+    showCounter: false,
+};
+const TEXTAREA_PROP_DEFINITIONS = [
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "value", prop: "value" },
+    { attribute: "rows", prop: "rows", type: "number" },
+    { attribute: "max-length", prop: "maxLength", type: "number" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+    { attribute: "resize", prop: "resize" },
+    { attribute: "theme", prop: "theme" },
+    { attribute: "show-counter", prop: "showCounter", type: "boolean" },
+];
+let textAreaId = 0;
+const applyTextAreaParts = (wrapper, textarea, counter) => {
+    wrapper.setAttribute("data-ce-component", "textarea");
+    wrapper.setAttribute("part", "base");
+    if (textarea) {
+        textarea.setAttribute("part", "input");
+    }
+    if (counter) {
+        counter.setAttribute("part", "counter");
+    }
+};
+const textAreaComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingTextArea = host.querySelector("textarea");
+        const usingExisting = Boolean(existingTextArea);
+        const elementId = `ce-textarea-${++textAreaId}`;
+        let currentProps = { ...DEFAULT_TEXTAREA_PROPS, ...props };
+        let instance;
+        let textAreaEl = existingTextArea;
+        let counterEl = host.querySelector(".ce-textarea__counter");
+        if (usingExisting && textAreaEl && !host.hasAttribute("value")) {
+            currentProps = { ...currentProps, value: textAreaEl.value };
+        }
+        const emitFromDom = usingExisting;
+        const handleInput = (event) => {
+            event.stopPropagation();
+            if (!textAreaEl)
+                return;
+            if (emitFromDom) {
+                if (counterEl) {
+                    updateCounter(textAreaEl, counterEl);
+                }
+                on?.input?.({ value: textAreaEl.value });
+            }
+        };
+        const applyProps = (partial) => {
+            if (!textAreaEl)
+                return;
+            if (partial.placeholder !== undefined) {
+                textAreaEl.placeholder = partial.placeholder ?? "";
+            }
+            if (partial.value !== undefined) {
+                textAreaEl.value = partial.value ?? "";
+            }
+            if (partial.rows !== undefined) {
+                textAreaEl.rows = partial.rows ?? 4;
+            }
+            if (partial.maxLength !== undefined) {
+                if (typeof partial.maxLength === "number") {
+                    textAreaEl.maxLength = partial.maxLength;
+                }
+                else {
+                    textAreaEl.removeAttribute("maxlength");
+                }
+            }
+            if (partial.disabled !== undefined) {
+                textAreaEl.disabled = Boolean(partial.disabled);
+            }
+            if (partial.resize !== undefined) {
+                textAreaEl.style.resize = partial.resize ?? "";
+            }
+            if (counterEl) {
+                updateCounter(textAreaEl, counterEl);
+            }
+        };
+        const render = () => {
+            if (usingExisting && textAreaEl) {
+                textAreaEl.addEventListener("input", handleInput);
+                textAreaEl.setAttribute("data-ce-component", "textarea");
+                textAreaEl.setAttribute("part", "base input");
+                if (counterEl) {
+                    counterEl.setAttribute("part", "counter");
+                }
+                const initialPartial = {};
+                if (host.hasAttribute("placeholder")) {
+                    initialPartial.placeholder = currentProps.placeholder;
+                }
+                if (host.hasAttribute("value")) {
+                    initialPartial.value = currentProps.value;
+                }
+                if (host.hasAttribute("rows")) {
+                    initialPartial.rows = currentProps.rows;
+                }
+                if (host.hasAttribute("max-length")) {
+                    initialPartial.maxLength = currentProps.maxLength;
+                }
+                if (host.hasAttribute("disabled")) {
+                    initialPartial.disabled = currentProps.disabled;
+                }
+                if (host.hasAttribute("resize")) {
+                    initialPartial.resize = currentProps.resize;
+                }
+                applyProps(initialPartial);
+                return;
+            }
+            host.innerHTML = "";
+            const wrapper = document.createElement("div");
+            wrapper.id = elementId;
+            host.appendChild(wrapper);
+            instance = new TextArea({
+                ...currentProps,
+                selector: `#${elementId}`,
+                onInput: (value) => on?.input?.({ value }),
+            });
+            instance.init();
+            textAreaEl = wrapper.querySelector("textarea");
+            counterEl = wrapper.querySelector(".ce-textarea__counter");
+            applyTextAreaParts(wrapper, textAreaEl, counterEl);
+            textAreaEl?.addEventListener("input", handleInput);
+        };
+        render();
+        return {
+            destroy() {
+                textAreaEl?.removeEventListener("input", handleInput);
+                instance?.destroy?.();
+                if (!usingExisting) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                if (usingExisting) {
+                    applyProps(partial ?? {});
+                    return;
+                }
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_TEXTAREA_PROPS, ...props };
+        return `<textarea data-ce-component="textarea" part="base input" rows="${merged.rows ?? 4}" placeholder="${merged.placeholder ?? ""}">${merged.value ?? ""}</textarea>`;
+    },
+};
+export function registerTextAreaElement() {
+    return defineComponentElement({
+        tag: "ce-textarea",
+        component: textAreaComponent,
+        props: TEXTAREA_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_TEXTAREA_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+        events: ["input"],
+    });
+}
+function updateCounter(textarea, counter) {
+    const length = textarea.value.length;
+    const max = textarea.maxLength > 0 ? textarea.maxLength : undefined;
+    counter.textContent = max ? `${length}/${max}` : `${length} characters`;
+}
+//# sourceMappingURL=textarea.js.map

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

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

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

@@ -0,0 +1,4 @@
+import type { TimelineOptions } from "../Timeline/Timeline.types.js";
+export type TimelineProps = Omit<TimelineOptions, "selector">;
+export declare function registerTimelineElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=timeline.d.ts.map