@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,135 @@
+import { MapView } from "../Map/Map.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_MAP_PROPS = {
+    title: undefined,
+    markers: [],
+    height: 360,
+};
+const MAP_PROP_DEFINITIONS = [
+    { attribute: "title", prop: "title" },
+    { attribute: "markers", prop: "markers", type: "json" },
+    { attribute: "height", prop: "height", type: "number" },
+];
+let mapId = 0;
+const applyMapParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "map");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-map__title").forEach((node) => node.setAttribute("part", "title"));
+    wrapper.querySelectorAll(".ce-map__canvas").forEach((node) => node.setAttribute("part", "canvas"));
+    wrapper.querySelectorAll(".ce-map__legend").forEach((node) => node.setAttribute("part", "legend"));
+    wrapper.querySelectorAll(".ce-map__marker").forEach((node) => node.setAttribute("part", "marker"));
+};
+const mapComponent = {
+    mount({ target, props }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-map");
+        const elementId = existingWrapper?.id || `ce-map-${++mapId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_MAP_PROPS, ...props };
+        if (existingWrapper) {
+            const dataMarkers = readDataAttr(existingWrapper, "markers");
+            if (shouldUseDomValue(host, "markers", dataMarkers)) {
+                try {
+                    currentProps.markers = JSON.parse(dataMarkers ?? "[]");
+                }
+                catch {
+                    currentProps.markers = [];
+                }
+            }
+            const title = existingWrapper.querySelector(".ce-map__title")?.textContent?.trim();
+            if (shouldUseDomValue(host, "title", title)) {
+                currentProps.title = title ?? undefined;
+            }
+            const height = readNumberDataAttr(existingWrapper, "height");
+            if (shouldUseDomValue(host, "height", height)) {
+                currentProps.height = height ?? DEFAULT_MAP_PROPS.height;
+            }
+            const domMarkers = readMarkersFromDom(existingWrapper);
+            if (shouldUseDomValue(host, "markers", domMarkers) && domMarkers.length) {
+                currentProps.markers = domMarkers;
+            }
+        }
+        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-map")) {
+                    wrapper.classList.add("ce-map");
+                }
+            }
+            applyMapParts(wrapper);
+            instance?.destroy?.();
+            instance = new MapView({
+                ...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_MAP_PROPS, ...(props ?? {}) };
+        const markers = Array.isArray(merged.markers) ? merged.markers : [];
+        const list = markers
+            .map((m) => `<div class="ce-map__marker" part="marker">${escapeHtml(m.label)} (${m.lat.toFixed(2)}, ${m.lng.toFixed(2)})</div>`)
+            .join("");
+        const title = merged.title ? `<div class="ce-map__title" part="title">${escapeHtml(merged.title)}</div>` : "";
+        const payload = escapeHtml(JSON.stringify(markers));
+        const height = merged.height ?? 360;
+        return `<div class="ce-map" data-ce-component="map" part="base" style="height:${height}px" data-height="${height}" data-markers="${payload}">${title}<div class="ce-map__canvas" part="canvas">Map preview (static)</div><div class="ce-map__legend" part="legend">${list}</div></div>`;
+    },
+};
+export function registerMapElement() {
+    return defineComponentElement({
+        tag: "ce-map",
+        component: mapComponent,
+        props: MAP_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_MAP_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+function readMarkersFromDom(wrapper) {
+    const markers = [];
+    wrapper.querySelectorAll(".ce-map__marker").forEach((markerEl) => {
+        const text = markerEl.textContent?.trim() ?? "";
+        const match = /^(.*)\s+\(([-\d.]+),\s*([-\d.]+)\)$/.exec(text);
+        if (match) {
+            markers.push({
+                label: match[1].trim(),
+                lat: Number(match[2]),
+                lng: Number(match[3]),
+            });
+        }
+    });
+    return markers;
+}
+//# sourceMappingURL=map.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { MemoOptions } from "../Memo/Memo.types.js";
+export type MemoProps = Omit<MemoOptions, "selector" | "onSave" | "onClear" | "onClose">;
+export interface MemoSaveDetail {
+    text: string;
+}
+export declare function registerMemoElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=memo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"memo.d.ts","sourceRoot":"","sources":["../../../components/web-components/memo.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIzD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAEzF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;CACd;AAsFD,wBAAgB,mBAAmB,IAAI,wBAAwB,GAAG,SAAS,CAU1E"}

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

@@ -0,0 +1,95 @@
+import { Memo } from "../Memo/Memo.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_MEMO_PROPS = {
+    placeholder: "Write something...",
+};
+const MEMO_PROP_DEFINITIONS = [
+    { attribute: "placeholder", prop: "placeholder" },
+];
+let memoId = 0;
+const applyMemoParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "memo");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-memo__textarea").forEach((node) => node.setAttribute("part", "textarea"));
+    wrapper.querySelectorAll(".ce-memo__actions").forEach((node) => { node.setAttribute("part", "actions"); node.setAttribute("data-ce-slot", "actions"); });
+    wrapper.querySelectorAll(".ce-memo__btn").forEach((node) => node.setAttribute("part", "button"));
+};
+const memoComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-memo");
+        const elementId = existingWrapper?.id || `ce-memo-${++memoId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_MEMO_PROPS, ...props };
+        if (existingWrapper) {
+            const placeholder = existingWrapper.querySelector(".ce-memo__textarea")?.placeholder;
+            if (shouldUseDomValue(host, "placeholder", placeholder)) {
+                currentProps.placeholder = placeholder ?? DEFAULT_MEMO_PROPS.placeholder;
+            }
+        }
+        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-memo")) {
+                    wrapper.classList.add("ce-memo");
+                }
+            }
+            applyMemoParts(wrapper);
+            instance?.destroy?.();
+            instance = new Memo({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+                onSave: (text) => on?.save?.({ text }),
+                onClear: () => on?.clear?.({}),
+                onClose: () => on?.close?.({}),
+            });
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_MEMO_PROPS, ...(props ?? {}) };
+        return `<div class="ce-memo" data-ce-component="memo" part="base"><textarea class="ce-memo__textarea" part="textarea" placeholder="${escapeHtml(merged.placeholder ?? "")}"></textarea><div class="ce-memo__actions" part="actions" data-ce-slot="actions"><button class="ce-memo__btn ce-memo__btn--primary" part="button" type="button">Save</button><button class="ce-memo__btn" part="button" type="button">Clear</button><button class="ce-memo__btn" part="button" type="button">Close</button></div></div>`;
+    },
+};
+export function registerMemoElement() {
+    return defineComponentElement({
+        tag: "ce-memo",
+        component: memoComponent,
+        props: MEMO_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_MEMO_PROPS,
+        shadow: false,
+        events: ["save", "clear", "close"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=memo.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { MenuOptions } from "../Menu/Menu.types.js";
+export type MenuProps = Omit<MenuOptions, "selector" | "onActivePathChange">;
+export interface MenuActivePathDetail {
+    path: string[];
+}
+export declare function registerMenuElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../components/web-components/menu.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGnE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,oBAAoB,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAsJD,wBAAgB,mBAAmB,IAAI,wBAAwB,GAAG,SAAS,CAU1E"}

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

@@ -0,0 +1,209 @@
+import { Menu } from "../Menu/Menu.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+const DEFAULT_MENU_PROPS = {
+    items: [],
+    label: undefined,
+    activePath: [],
+    orientation: "vertical",
+    theme: "light",
+    autoFocus: true,
+    loopNavigation: true,
+    closeSubmenusOnLeave: true,
+    searchable: false,
+    searchPlaceholder: undefined,
+};
+const MENU_PROP_DEFINITIONS = [
+    { attribute: "items", prop: "items", type: "json" },
+    { attribute: "label", prop: "label" },
+    { attribute: "active-path", prop: "activePath", type: "json" },
+    { attribute: "orientation", prop: "orientation" },
+    { attribute: "theme", prop: "theme" },
+    { attribute: "auto-focus", prop: "autoFocus", type: "boolean" },
+    { attribute: "loop-navigation", prop: "loopNavigation", type: "boolean" },
+    { attribute: "close-submenus-on-leave", prop: "closeSubmenusOnLeave", type: "boolean" },
+    { attribute: "searchable", prop: "searchable", type: "boolean" },
+    { attribute: "search-placeholder", prop: "searchPlaceholder" },
+];
+let menuId = 0;
+const applyMenuHostParts = (host) => {
+    host.setAttribute("data-ce-component", "menu");
+    host.setAttribute("part", "base");
+};
+const applyMenuParts = (root) => {
+    const menuEl = root.matches?.(".ce-menu") ? root : root.querySelector(".ce-menu");
+    if (!menuEl) {
+        return;
+    }
+    menuEl.setAttribute("data-ce-component", "menu");
+    menuEl.setAttribute("part", "base");
+    menuEl.querySelectorAll(".ce-menu__item").forEach((node) => node.setAttribute("part", "item"));
+    menuEl.querySelectorAll(".ce-menu__action").forEach((node) => node.setAttribute("part", "action"));
+    menuEl.querySelectorAll(".ce-menu__divider").forEach((node) => node.setAttribute("part", "divider"));
+    menuEl.querySelectorAll(".ce-menu__submenu").forEach((node) => node.setAttribute("part", "submenu"));
+    menuEl.querySelectorAll(".ce-menu__caret").forEach((node) => node.setAttribute("part", "caret"));
+    menuEl.querySelectorAll(".ce-menu__label").forEach((node) => node.setAttribute("part", "label"));
+    menuEl.querySelectorAll(".ce-menu__description").forEach((node) => node.setAttribute("part", "description"));
+    menuEl.querySelectorAll(".ce-menu__shortcut").forEach((node) => node.setAttribute("part", "shortcut"));
+    menuEl.querySelectorAll(".ce-menu__icon").forEach((node) => node.setAttribute("part", "icon"));
+};
+const menuComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        applyMenuHostParts(host);
+        const initialContent = host.__initialContent;
+        if (initialContent && !host.innerHTML.trim()) {
+            host.innerHTML = initialContent;
+        }
+        let existingMenu = host.querySelector(".ce-menu");
+        if (!existingMenu && host.firstElementChild instanceof HTMLUListElement) {
+            existingMenu = host.firstElementChild;
+        }
+        const menuRoot = existingMenu ?? host;
+        const elementId = menuRoot.id || `ce-menu-${++menuId}`;
+        if (!menuRoot.id) {
+            menuRoot.id = elementId;
+        }
+        const initialMarkup = host.innerHTML;
+        let currentProps = { ...DEFAULT_MENU_PROPS, ...props };
+        if (!currentProps.items?.length) {
+            const parsedItems = parseMenuItems(existingMenu, initialMarkup);
+            if (parsedItems.length) {
+                currentProps = { ...currentProps, items: parsedItems };
+            }
+        }
+        let instance;
+        const initialMarkerMatch = initialMarkup.match(/data-ssr-marker="([^"]+)"/);
+        const hasInitialMarkup = host.childElementCount > 0;
+        const ssrMarker = existingMenu?.getAttribute("data-ssr-marker") ??
+            initialMarkerMatch?.[1] ??
+            (hasInitialMarkup ? "1" : undefined);
+        const render = () => {
+            instance?.destroy?.();
+            instance = new Menu({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(existingMenu),
+                onActivePathChange: (path) => on?.activepath?.({ path }),
+            });
+            instance.init();
+            if (ssrMarker) {
+                const menuEl = host.querySelector(".ce-menu");
+                if (menuEl && !menuEl.getAttribute("data-ssr-marker")) {
+                    menuEl.setAttribute("data-ssr-marker", ssrMarker);
+                }
+            }
+            applyMenuParts(menuRoot);
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingMenu) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_MENU_PROPS, ...(props ?? {}) };
+        const items = (merged.items ?? []);
+        const renderItems = (entries) => entries
+            .map((item) => {
+            if (item.type === "divider") {
+                return `<li class="ce-menu__divider" part="divider" role="separator"></li>`;
+            }
+            if (item.type === "submenu") {
+                const children = item.children ?? [];
+                return `<li class="ce-menu__item ce-menu__item--has-children" part="item"><button class="ce-menu__action ce-menu__action--submenu" part="action" role="menuitem" aria-haspopup="true" aria-expanded="false">${escapeHtml(item.label)}<span class="ce-menu__caret" part="caret" aria-hidden="true">›</span></button><ul class="ce-menu__submenu" part="submenu" aria-hidden="true">${renderItems(children)}</ul></li>`;
+            }
+            return `<li class="ce-menu__item" part="item"><button class="ce-menu__action" part="action" role="menuitem">${escapeHtml(item.label)}</button></li>`;
+        })
+            .join("");
+        const themeClass = merged.theme === "dark" ? " ce-menu--dark" : "";
+        const orientationClass = merged.orientation === "horizontal" ? " ce-menu--horizontal" : "";
+        const labelAttr = merged.label ? ` aria-label="${escapeHtml(merged.label)}"` : "";
+        const activePathAttr = merged.activePath ? ` data-active-path="${escapeHtml(JSON.stringify(merged.activePath))}"` : "";
+        return `<ul class="ce-menu${themeClass}${orientationClass}" data-ce-component="menu" part="base" role="menu"${labelAttr}${activePathAttr}>${renderItems(items)}</ul>`;
+    },
+};
+export function registerMenuElement() {
+    return defineComponentElement({
+        tag: "ce-menu",
+        component: menuComponent,
+        props: MENU_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_MENU_PROPS,
+        shadow: false,
+        preserveLightDom: true,
+        events: ["activepath"],
+    });
+}
+const HTML_ESCAPE_LOOKUP = {
+    "&": "&amp;",
+    "\"": "&quot;",
+    "'": "&#39;",
+    "<": "&lt;",
+    ">": "&gt;",
+};
+function escapeHtml(value) {
+    return value.replace(/[&"'<>]/g, (char) => HTML_ESCAPE_LOOKUP[char] ?? char);
+}
+function parseMenuItems(menuEl, markup) {
+    const container = document.createElement("div");
+    if (menuEl) {
+        container.appendChild(menuEl.cloneNode(true));
+    }
+    else if (markup) {
+        container.innerHTML = markup;
+    }
+    const menu = container.querySelector(".ce-menu") ?? container.querySelector("ul");
+    if (!menu) {
+        return [];
+    }
+    const items = [];
+    const children = Array.from(menu.children).filter((el) => el.tagName === "LI");
+    children.forEach((li) => {
+        if (li.classList.contains("ce-menu__divider")) {
+            items.push({ type: "divider", label: li.getAttribute("data-label") ?? undefined });
+            return;
+        }
+        const control = li.querySelector(".ce-menu__action");
+        const label = li.querySelector(".ce-menu__label")?.textContent?.trim() ??
+            control?.textContent?.trim() ??
+            "";
+        const description = li.querySelector(".ce-menu__description")?.textContent?.trim();
+        const shortcut = li.querySelector(".ce-menu__shortcut")?.textContent?.trim();
+        const icon = li.querySelector(".ce-menu__icon")?.innerHTML;
+        const disabled = control?.classList.contains("is-disabled") ?? false;
+        const id = control?.id || undefined;
+        const submenu = li.querySelector(".ce-menu__submenu");
+        if (submenu) {
+            const childrenItems = parseMenuItems(submenu, "");
+            items.push({
+                type: "submenu",
+                id,
+                label,
+                description,
+                shortcut,
+                icon,
+                disabled,
+                children: childrenItems,
+            });
+            return;
+        }
+        items.push({
+            type: "action",
+            id,
+            label,
+            description,
+            shortcut,
+            icon,
+            disabled,
+        });
+    });
+    return items;
+}
+//# sourceMappingURL=menu.js.map

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

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

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

@@ -0,0 +1,12 @@
+import type { MultiSelectItem, MultiSelectOptions } from "../MultiSelect/MultiSelect.types.js";
+export interface MultiSelectProps extends Omit<MultiSelectOptions, "selector" | "onChange" | "onSearch">, Record<string, unknown> {
+    items: MultiSelectItem[];
+}
+export interface MultiSelectChangeDetail {
+    selected: MultiSelectItem[];
+}
+export interface MultiSelectSearchDetail {
+    term: string;
+}
+export declare function registerMultiSelectElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=multiselect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect.d.ts","sourceRoot":"","sources":["../../../components/web-components/multiselect.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI/F,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,EACpE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;CACd;AA6PD,wBAAgB,0BAA0B,IAAI,wBAAwB,GAAG,SAAS,CAUjF"}