@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,140 @@
+import { Avatar } from "../Avatar/Avatar.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+const DEFAULT_AVATAR_PROPS = {
+    imageUrl: "",
+    altText: undefined,
+    size: "md",
+    shape: "circle",
+    status: undefined,
+};
+const AVATAR_PROP_DEFINITIONS = [
+    { attribute: "image-url", prop: "imageUrl" },
+    { attribute: "alt-text", prop: "altText" },
+    { attribute: "size", prop: "size" },
+    { attribute: "shape", prop: "shape" },
+    { attribute: "status", prop: "status" },
+];
+let avatarId = 0;
+const applyAvatarParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "avatar");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll("img").forEach((node) => node.setAttribute("part", "image"));
+};
+const parseAvatarProps = (wrapper) => {
+    if (!wrapper) {
+        return {};
+    }
+    const img = wrapper.querySelector("img");
+    const classes = wrapper.classList;
+    const size = classes.contains("ce-avatar--sm")
+        ? "sm"
+        : classes.contains("ce-avatar--lg")
+            ? "lg"
+            : classes.contains("ce-avatar--xl")
+                ? "xl"
+                : "md";
+    const shape = classes.contains("ce-avatar--square")
+        ? "square"
+        : classes.contains("ce-avatar--rounded")
+            ? "rounded"
+            : "circle";
+    const status = classes.contains("ce-avatar--status-online")
+        ? "online"
+        : classes.contains("ce-avatar--status-offline")
+            ? "offline"
+            : undefined;
+    return {
+        imageUrl: img?.getAttribute("src") ?? "",
+        altText: img?.getAttribute("alt") ?? undefined,
+        size,
+        shape,
+        status,
+    };
+};
+const avatarComponent = {
+    mount({ target, props }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-avatar");
+        const elementId = existingWrapper?.id || `ce-avatar-${++avatarId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_AVATAR_PROPS, ...props };
+        if (existingWrapper) {
+            const parsedProps = parseAvatarProps(existingWrapper);
+            if (!host.hasAttribute("image-url") && parsedProps.imageUrl) {
+                currentProps.imageUrl = parsedProps.imageUrl;
+            }
+            if (!host.hasAttribute("alt-text") && parsedProps.altText) {
+                currentProps.altText = parsedProps.altText;
+            }
+            if (!host.hasAttribute("size") && parsedProps.size) {
+                currentProps.size = parsedProps.size;
+            }
+            if (!host.hasAttribute("shape") && parsedProps.shape) {
+                currentProps.shape = parsedProps.shape;
+            }
+            if (!host.hasAttribute("status") && parsedProps.status) {
+                currentProps.status = parsedProps.status;
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("span");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-avatar")) {
+                    wrapper.classList.add("ce-avatar");
+                }
+            }
+            applyAvatarParts(wrapper);
+            instance = new Avatar({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper?.children.length),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_AVATAR_PROPS, ...props };
+        const classes = [
+            "ce-avatar",
+            merged.size && merged.size !== "md" ? `ce-avatar--${merged.size}` : null,
+            merged.shape && merged.shape !== "circle" ? `ce-avatar--${merged.shape}` : null,
+            merged.status ? `ce-avatar--status-${merged.status}` : null,
+        ]
+            .filter(Boolean)
+            .join(" ");
+        return `<span class="${classes}" data-ce-component="avatar" part="base"><img src="${merged.imageUrl ?? ""}" alt="${merged.altText ?? "Avatar"}" part="image" /></span>`;
+    },
+};
+export function registerAvatarElement() {
+    return defineComponentElement({
+        tag: "ce-avatar",
+        component: avatarComponent,
+        props: AVATAR_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_AVATAR_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+    });
+}
+//# sourceMappingURL=avatar.js.map

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

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

package/dist/components/web-components/backlog-board.d.ts

@@ -0,0 +1,16 @@
+import type { BacklogBoardOptions, BacklogColumn, BacklogItem, BacklogMoveDetail } from "../BacklogBoard/BacklogBoard.types.js";
+export type BacklogBoardProps = Omit<BacklogBoardOptions, "selector" | "onMove" | "onSelect" | "onAddColumn" | "onAddItem">;
+export interface BacklogBoardMoveDetail extends BacklogMoveDetail {
+}
+export interface BacklogBoardSelectDetail {
+    item: BacklogItem;
+}
+export interface BacklogBoardAddColumnDetail {
+    column?: BacklogColumn;
+}
+export interface BacklogBoardAddItemDetail {
+    columnId: string;
+    item?: BacklogItem;
+}
+export declare function registerBacklogBoardElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=backlog-board.d.ts.map

package/dist/components/web-components/backlog-board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"backlog-board.d.ts","sourceRoot":"","sources":["../../../components/web-components/backlog-board.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,iBAAiB,EAClB,MAAM,uCAAuC,CAAC;AAI/C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC,CAAC;AAE5H,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;CAAG;AACpE,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,WAAW,CAAC;CACnB;AACD,MAAM,WAAW,2BAA2B;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AACD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAuMD,wBAAgB,2BAA2B,IAAI,wBAAwB,GAAG,SAAS,CAUlF"}

package/dist/components/web-components/backlog-board.js

@@ -0,0 +1,188 @@
+import { BacklogBoard } from "../BacklogBoard/BacklogBoard.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { isAttrMissingOrEmpty, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_BACKLOG_BOARD_PROPS = {
+    columns: [],
+    theme: "light",
+    draggable: true,
+    allowAddColumn: false,
+    allowAddItem: false,
+    allowInlineEdit: false,
+};
+const BACKLOG_BOARD_PROP_DEFINITIONS = [
+    { attribute: "columns", prop: "columns", type: "json" },
+    { attribute: "theme", prop: "theme" },
+    { attribute: "draggable", prop: "draggable", type: "boolean" },
+    { attribute: "allow-add-column", prop: "allowAddColumn", type: "boolean" },
+    { attribute: "allow-add-item", prop: "allowAddItem", type: "boolean" },
+    { attribute: "allow-inline-edit", prop: "allowInlineEdit", type: "boolean" },
+];
+let backlogBoardId = 0;
+const applyBacklogBoardParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "backlog-board");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-backlog__column").forEach((node) => node.setAttribute("part", "column"));
+    wrapper
+        .querySelectorAll(".ce-backlog__column-header")
+        .forEach((node) => node.setAttribute("part", "column-header"));
+    wrapper
+        .querySelectorAll(".ce-backlog__column-title")
+        .forEach((node) => node.setAttribute("part", "column-title"));
+    wrapper
+        .querySelectorAll(".ce-backlog__column-count")
+        .forEach((node) => node.setAttribute("part", "column-count"));
+    wrapper.querySelectorAll(".ce-backlog__list").forEach((node) => node.setAttribute("part", "list"));
+    wrapper.querySelectorAll(".ce-backlog__card").forEach((node) => node.setAttribute("part", "card"));
+    wrapper
+        .querySelectorAll(".ce-backlog__card-title")
+        .forEach((node) => node.setAttribute("part", "card-title"));
+    wrapper
+        .querySelectorAll(".ce-backlog__card-desc")
+        .forEach((node) => node.setAttribute("part", "card-desc"));
+    wrapper
+        .querySelectorAll(".ce-backlog__add-card")
+        .forEach((node) => node.setAttribute("part", "add-card"));
+    wrapper
+        .querySelectorAll(".ce-backlog__add-column")
+        .forEach((node) => node.setAttribute("part", "add-column"));
+};
+const escapeHtml = (value) => value
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+const parseBacklogColumnsFromDom = (board) => {
+    const columns = Array.from(board.querySelectorAll(".ce-backlog__column"));
+    return columns.map((columnEl, index) => {
+        const columnId = columnEl.dataset.columnId || `col-${index + 1}`;
+        const title = columnEl.querySelector(".ce-backlog__column-title")?.textContent?.trim() ?? "";
+        const listEl = columnEl.querySelector(".ce-backlog__list");
+        const cards = listEl ? Array.from(listEl.querySelectorAll(".ce-backlog__card")) : [];
+        const items = cards.map((card, itemIndex) => {
+            const itemId = card.dataset.itemId || `item-${columnId}-${itemIndex + 1}`;
+            const titleText = card.querySelector(".ce-backlog__card-title")?.textContent?.trim() ?? "";
+            const descText = card.querySelector(".ce-backlog__card-desc")?.textContent?.trim() ?? undefined;
+            const chips = Array.from(card.querySelectorAll(".ce-backlog__chip"));
+            const tags = chips
+                .filter((chip) => chip.classList.contains("ce-backlog__chip--tag"))
+                .map((chip) => chip.textContent?.trim() ?? "")
+                .filter(Boolean);
+            const pointsChip = chips.find((chip) => chip.textContent?.trim().endsWith(" pts"));
+            const points = pointsChip ? Number(pointsChip.textContent?.replace(" pts", "").trim()) : undefined;
+            const assigneeChip = chips.find((chip) => !chip.classList.contains("ce-backlog__chip--tag") && chip !== pointsChip);
+            return {
+                id: itemId,
+                title: titleText,
+                description: descText,
+                assignee: assigneeChip?.textContent?.trim() ?? undefined,
+                points: Number.isFinite(points) ? points : undefined,
+                tags: tags.length ? tags : undefined,
+            };
+        });
+        return {
+            id: columnId,
+            title,
+            items,
+        };
+    });
+};
+const backlogBoardComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-backlog");
+        const elementId = existingWrapper?.id || `ce-backlog-board-${++backlogBoardId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_BACKLOG_BOARD_PROPS, ...props };
+        if (existingWrapper) {
+            const parsedColumns = parseBacklogColumnsFromDom(existingWrapper);
+            if (isAttrMissingOrEmpty(host, "columns")) {
+                currentProps.columns = parsedColumns;
+            }
+            if (shouldUseDomValue(host, "theme", existingWrapper.classList.contains("ce-backlog--dark") ? "dark" : undefined)) {
+                currentProps.theme = "dark";
+            }
+            if (shouldUseDomValue(host, "allow-add-column", existingWrapper.querySelector(".ce-backlog__add-column"))) {
+                currentProps.allowAddColumn = true;
+            }
+            if (shouldUseDomValue(host, "allow-add-item", existingWrapper.querySelector(".ce-backlog__add-card"))) {
+                currentProps.allowAddItem = 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-backlog")) {
+                    wrapper.classList.add("ce-backlog");
+                }
+            }
+            applyBacklogBoardParts(wrapper);
+            instance?.destroy?.();
+            instance = new BacklogBoard({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+                onMove: (detail) => on?.move?.(detail),
+                onSelect: (item) => on?.select?.({ item }),
+                onAddColumn: () => {
+                    const detail = {};
+                    on?.addcolumn?.(detail);
+                    return detail.column;
+                },
+                onAddItem: (columnId) => {
+                    const detail = { columnId };
+                    on?.additem?.(detail);
+                    return detail.item;
+                },
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_BACKLOG_BOARD_PROPS, ...(props ?? {}) };
+        const themeClass = merged.theme === "dark" ? " ce-backlog--dark" : "";
+        const columns = Array.isArray(merged.columns) ? merged.columns : [];
+        const renderItems = (items) => items
+            .map((item) => `<article class="ce-backlog__card" part="card" data-item-id="${escapeHtml(item.id ?? "")}"><div class="ce-backlog__card-title" part="card-title">${escapeHtml(item.title ?? "")}</div>${item.description ? `<div class="ce-backlog__card-desc" part="card-desc">${escapeHtml(item.description)}</div>` : ""}</article>`)
+            .join("");
+        const renderColumns = columns
+            .map((col) => `<section class="ce-backlog__column" part="column" data-column-id="${escapeHtml(col.id ?? "")}"><header class="ce-backlog__column-header" part="column-header"><span class="ce-backlog__column-title" part="column-title">${escapeHtml(col.title ?? "")}</span><span class="ce-backlog__column-count" part="column-count">${col.items?.length ?? 0}</span></header><div class="ce-backlog__list" part="list" data-column-id="${escapeHtml(col.id ?? "")}">${renderItems(col.items ?? [])}</div>${merged.allowAddItem ? `<button type="button" class="ce-backlog__add-card" part="add-card">+ Add item</button>` : ""}</section>`)
+            .join("");
+        const addColumn = merged.allowAddColumn ? `<button type="button" class="ce-backlog__add-column" part="add-column">+ Add column</button>` : "";
+        return `<div class="ce-backlog${themeClass}" data-ce-component="backlog-board" part="base">${renderColumns}${addColumn}</div>`;
+    },
+};
+export function registerBacklogBoardElement() {
+    return defineComponentElement({
+        tag: "ce-backlog-board",
+        component: backlogBoardComponent,
+        props: BACKLOG_BOARD_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_BACKLOG_BOARD_PROPS,
+        shadow: false,
+        events: ["move", "select", "addcolumn", "additem"],
+        preserveLightDom: true,
+    });
+}
+//# sourceMappingURL=backlog-board.js.map

package/dist/components/web-components/backlog-board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backlog-board.js","sourceRoot":"","sources":["../../../components/web-components/backlog-board.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAO/D,OAAO,EAAE,sBAAsB,EAAuB,MAAM,wCAAwC,CAAC;AACrG,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgB/E,MAAM,2BAA2B,GAAsB;IACrD,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,IAAI;IACf,cAAc,EAAE,KAAK;IACrB,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,KAAK;CACvB,CAAC;AAEF,MAAM,8BAA8B,GAA6C;IAC/E,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;IACvD,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IACrC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE;IAC9D,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,EAAE;IAC1E,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE;IACtE,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,EAAE;CAC7E,CAAC;AAEF,IAAI,cAAc,GAAG,CAAC,CAAC;AAEvB,MAAM,sBAAsB,GAAG,CAAC,OAAoB,EAAQ,EAAE;IAC5D,OAAO,CAAC,YAAY,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;IAC3D,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,gBAAgB,CAAc,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpH,OAAO;SACJ,gBAAgB,CAAc,4BAA4B,CAAC;SAC3D,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IACjE,OAAO;SACJ,gBAAgB,CAAc,2BAA2B,CAAC;SAC1D,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAChE,OAAO;SACJ,gBAAgB,CAAc,2BAA2B,CAAC;SAC1D,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IAChE,OAAO,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAChH,OAAO,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAChH,OAAO;SACJ,gBAAgB,CAAc,yBAAyB,CAAC;SACxD,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAC9D,OAAO;SACJ,gBAAgB,CAAc,wBAAwB,CAAC;SACvD,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7D,OAAO;SACJ,gBAAgB,CAAc,uBAAuB,CAAC;SACtD,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAC5D,OAAO;SACJ,gBAAgB,CAAc,yBAAyB,CAAC;SACxD,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAU,EAAE,CAC3C,KAAK;KACF,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;KACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;KACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;KACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;KACvB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAE5B,MAAM,0BAA0B,GAAG,CAAC,KAAkB,EAAmB,EAAE;IACzE,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAc,qBAAqB,CAAC,CAAC,CAAC;IACvF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;QACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,IAAI,OAAO,KAAK,GAAG,CAAC,EAAE,CAAC;QACjE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAc,2BAA2B,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC1G,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAc,mBAAmB,CAAC,CAAC;QACxE,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClG,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,QAAQ,QAAQ,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;YAC1E,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAc,yBAAyB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;YACxG,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAc,wBAAwB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,SAAS,CAAC;YAC7G,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,CAAC;YAClF,MAAM,IAAI,GAAG,KAAK;iBACf,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;iBAClE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;iBAC7C,MAAM,CAAC,OAAO,CAAC,CAAC;YACnB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;YACnF,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACnG,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,IAAI,KAAK,UAAU,CAC3E,CAAC;YACF,OAAO;gBACL,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,QAAQ;gBACrB,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,SAAS;gBACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBACpD,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;aACrC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO;YACL,EAAE,EAAE,QAAQ;YACZ,KAAK;YACL,KAAK;SACN,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAwC;IACjE,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,MAAqB,CAAC;QACnC,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAc,aAAa,CAAC,CAAC;QACvE,MAAM,SAAS,GAAG,eAAe,EAAE,EAAE,IAAI,oBAAoB,EAAE,cAAc,EAAE,CAAC;QAChF,IAAI,OAAO,GAAG,eAAe,IAAI,SAAS,CAAC;QAE3C,IAAI,YAAY,GAAsB,EAAE,GAAG,2BAA2B,EAAE,GAAG,KAAK,EAAE,CAAC;QACnF,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,aAAa,GAAG,0BAA0B,CAAC,eAAe,CAAC,CAAC;YAClE,IAAI,oBAAoB,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;gBAC1C,YAAY,CAAC,OAAO,GAAG,aAAa,CAAC;YACvC,CAAC;YACD,IACE,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAC7G,CAAC;gBACD,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC;YAC9B,CAAC;YACD,IAAI,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,EAAE,eAAe,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,EAAE,CAAC;gBAC1G,YAAY,CAAC,cAAc,GAAG,IAAI,CAAC;YACrC,CAAC;YACD,IAAI,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,EAAE,eAAe,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,EAAE,CAAC;gBACtG,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;YACnC,CAAC;QACH,CAAC;QACD,IAAI,QAAkC,CAAC;QAEvC,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;gBACpB,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACxC,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;gBACvB,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;oBAChB,OAAO,CAAC,EAAE,GAAG,SAAS,CAAC;gBACzB,CAAC;gBACD,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;oBAC9C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBACtC,CAAC;YACH,CAAC;YACD,sBAAsB,CAAC,OAAO,CAAC,CAAC;YAEhC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;YACtB,QAAQ,GAAG,IAAI,YAAY,CAAC;gBAC1B,GAAI,YAAkC;gBACtC,QAAQ,EAAE,IAAI,SAAS,EAAE;gBACzB,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;gBACzB,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,MAAuC,CAAC;gBACvE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAqC,CAAC;gBAC7E,WAAW,EAAE,GAAG,EAAE;oBAChB,MAAM,MAAM,GAAgC,EAAE,CAAC;oBAC/C,EAAE,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;oBACxB,OAAO,MAAM,CAAC,MAAM,CAAC;gBACvB,CAAC;gBACD,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACtB,MAAM,MAAM,GAA8B,EAAE,QAAQ,EAAE,CAAC;oBACvD,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;oBACtB,OAAO,MAAM,CAAC,IAAI,CAAC;gBACrB,CAAC;aAC4B,CAAC,CAAC;YACjC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClB,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,OAAO;YACL,OAAO;gBACL,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;gBACtB,IAAI,CAAC,eAAe,EAAE,CAAC;oBACrB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;gBACtB,CAAC;YACH,CAAC;YACD,WAAW,CAAC,OAAO;gBACjB,YAAY,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC;gBACvD,MAAM,EAAE,CAAC;YACX,CAAC;SACF,CAAC;IACJ,CAAC;IACD,cAAc,CAAC,KAAK;QAClB,MAAM,MAAM,GAAG,EAAE,GAAG,2BAA2B,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,EAA8B,CAAC;QAChG,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;QACtE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,MAAM,CAAC,OAA2B,CAAC,CAAC,CAAC,EAAE,CAAC;QACzF,MAAM,WAAW,GAAG,CAAC,KAAoB,EAAU,EAAE,CACnD,KAAK;aACF,GAAG,CACF,CAAC,IAAI,EAAE,EAAE,CACP,+DAA+D,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,2DAA2D,UAAU,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,uDAAuD,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,CAC1T;aACA,IAAI,CAAC,EAAE,CAAC,CAAC;QACd,MAAM,aAAa,GAAG,OAAO;aAC1B,GAAG,CACF,CAAC,GAAG,EAAE,EAAE,CACN,qEAAqE,UAAU,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,+HAA+H,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,qEAAqE,GAAG,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,6EAA6E,UAAU,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,WAAW,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,wFAAwF,CAAC,CAAC,CAAC,EAAE,YAAY,CACnmB;aACA,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,8FAA8F,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9I,OAAO,yBAAyB,UAAU,mDAAmD,aAAa,GAAG,SAAS,QAAQ,CAAC;IACjI,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,2BAA2B;IACzC,OAAO,sBAAsB,CAAoB;QAC/C,GAAG,EAAE,kBAAkB;QACvB,SAAS,EAAE,qBAAqB;QAChC,KAAK,EAAE,8BAA8B;QACrC,YAAY,EAAE,2BAA2B;QACzC,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,CAAC;QAClD,gBAAgB,EAAE,IAAI;KACvB,CAAC,CAAC;AACL,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../components/web-components/badge.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAqI9F,wBAAgB,oBAAoB,IAAI,wBAAwB,GAAG,SAAS,CAS3E"}

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

@@ -0,0 +1,134 @@
+import { Badge } from "../Badge/Badge.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_BADGE_PROPS = {
+    value: "",
+    variant: "primary",
+    size: "md",
+    pill: false,
+    dot: false,
+    positioned: false,
+};
+const BADGE_PROP_DEFINITIONS = [
+    { attribute: "value", prop: "value" },
+    { attribute: "variant", prop: "variant" },
+    { attribute: "size", prop: "size" },
+    { attribute: "pill", prop: "pill", type: "boolean" },
+    { attribute: "dot", prop: "dot", type: "boolean" },
+    { attribute: "positioned", prop: "positioned", type: "boolean" },
+];
+let badgeId = 0;
+const applyBadgeParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "badge");
+    wrapper.setAttribute("part", "base");
+};
+const parseBadgeProps = (wrapper) => {
+    if (!wrapper) {
+        return {};
+    }
+    const classes = wrapper.classList;
+    const variant = Array.from(classes).find((entry) => entry.startsWith("ce-badge--") && !entry.includes("ce-badge--sm") && !entry.includes("ce-badge--lg") && !entry.includes("ce-badge--pill") && !entry.includes("ce-badge--dot") && !entry.includes("ce-badge--positioned"))
+        ?.replace("ce-badge--", "");
+    const size = classes.contains("ce-badge--sm") ? "sm" : classes.contains("ce-badge--lg") ? "lg" : "md";
+    return {
+        value: wrapper.textContent?.trim() ?? "",
+        variant: variant,
+        size,
+        pill: classes.contains("ce-badge--pill"),
+        dot: classes.contains("ce-badge--dot"),
+        positioned: classes.contains("ce-badge--positioned"),
+    };
+};
+const badgeComponent = {
+    mount({ target, props }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-badge");
+        const elementId = existingWrapper?.id || `ce-badge-${++badgeId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_BADGE_PROPS, ...props };
+        if (existingWrapper) {
+            const parsedProps = parseBadgeProps(existingWrapper);
+            if (shouldUseDomValue(host, "value", parsedProps.value)) {
+                currentProps.value = parsedProps.value;
+            }
+            if (shouldUseDomValue(host, "size", parsedProps.size)) {
+                currentProps.size = parsedProps.size;
+            }
+            if (shouldUseDomValue(host, "variant", parsedProps.variant)) {
+                currentProps.variant = parsedProps.variant;
+            }
+            if (shouldUseDomValue(host, "pill", parsedProps.pill)) {
+                currentProps.pill = parsedProps.pill;
+            }
+            if (shouldUseDomValue(host, "dot", parsedProps.dot)) {
+                currentProps.dot = parsedProps.dot;
+            }
+            if (shouldUseDomValue(host, "positioned", parsedProps.positioned)) {
+                currentProps.positioned = parsedProps.positioned;
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("span");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (!wrapper.classList.contains("ce-badge")) {
+                    wrapper.classList.add("ce-badge");
+                }
+            }
+            applyBadgeParts(wrapper);
+            instance = new Badge({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_BADGE_PROPS, ...props };
+        const classes = [
+            "ce-badge",
+            merged.variant ? `ce-badge--${merged.variant}` : null,
+            merged.size && merged.size !== "md" ? `ce-badge--${merged.size}` : null,
+            merged.pill ? "ce-badge--pill" : null,
+            merged.dot ? "ce-badge--dot" : null,
+            merged.positioned ? "ce-badge--positioned" : null,
+        ]
+            .filter(Boolean)
+            .join(" ");
+        const content = merged.dot ? "" : String(merged.value ?? "");
+        return `<span class="${classes}" data-ce-component="badge" part="base">${content}</span>`;
+    },
+};
+export function registerBadgeElement() {
+    return defineComponentElement({
+        tag: "ce-badge",
+        component: badgeComponent,
+        props: BADGE_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_BADGE_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+    });
+}
+//# sourceMappingURL=badge.js.map

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

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

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

@@ -0,0 +1,4 @@
+import type { BarcodeOptions } from "../Barcode/Barcode.types.js";
+export type BarcodeProps = Omit<BarcodeOptions, "selector">;
+export declare function registerBarcodeElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=barcode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"barcode.d.ts","sourceRoot":"","sources":["../../../components/web-components/barcode.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIlE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAyJ5D,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,SAAS,CAS7E"}