@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,289 @@
+import { MultiSelect } from "../MultiSelect/MultiSelect.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_MULTISELECT_PROPS = {
+    items: [],
+    placeholder: "Search or select",
+    selectedIds: [],
+    disabled: false,
+    searchable: true,
+    emptyState: "No matches",
+};
+const MULTISELECT_PROP_DEFINITIONS = [
+    { attribute: "items", prop: "items", type: "json" },
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "selected-ids", prop: "selectedIds", type: "json" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+    { attribute: "searchable", prop: "searchable", type: "boolean" },
+    { attribute: "max-selections", prop: "maxSelections", type: "number" },
+    { attribute: "empty-state", prop: "emptyState" },
+];
+let multiSelectId = 0;
+const applyMultiSelectParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "multiselect");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-multiselect__control").forEach((node) => node.setAttribute("part", "control"));
+    wrapper.querySelectorAll(".ce-multiselect__tags").forEach((node) => node.setAttribute("part", "tags"));
+    wrapper.querySelectorAll(".ce-multiselect__tag").forEach((node) => node.setAttribute("part", "tag"));
+    wrapper
+        .querySelectorAll(".ce-multiselect__tag-remove")
+        .forEach((node) => node.setAttribute("part", "tag-remove"));
+    wrapper.querySelectorAll(".ce-multiselect__input").forEach((node) => node.setAttribute("part", "input"));
+    wrapper.querySelectorAll(".ce-multiselect__clear").forEach((node) => node.setAttribute("part", "clear"));
+    wrapper.querySelectorAll(".ce-multiselect__trigger").forEach((node) => node.setAttribute("part", "trigger"));
+    wrapper.querySelectorAll(".ce-multiselect__dropdown").forEach((node) => node.setAttribute("part", "dropdown"));
+    wrapper.querySelectorAll(".ce-multiselect__option").forEach((node) => node.setAttribute("part", "option"));
+    wrapper
+        .querySelectorAll(".ce-multiselect__option-title")
+        .forEach((node) => node.setAttribute("part", "option-title"));
+    wrapper
+        .querySelectorAll(".ce-multiselect__option-description")
+        .forEach((node) => node.setAttribute("part", "option-description"));
+    wrapper
+        .querySelectorAll(".ce-multiselect__option-meta")
+        .forEach((node) => node.setAttribute("part", "option-meta"));
+    wrapper.querySelectorAll(".ce-multiselect__empty").forEach((node) => {
+        node.setAttribute("part", "empty");
+        node.setAttribute("data-ce-slot", "empty");
+        const fallback = wrapper.getAttribute("data-empty-state") ?? node.textContent?.trim() ?? "";
+        if (fallback.length > 0) {
+            node.setAttribute("data-ce-fallback", fallback);
+        }
+    });
+    wrapper.querySelectorAll(".ce-multiselect__hint").forEach((node) => node.setAttribute("part", "hint"));
+};
+const multiSelectComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-multiselect");
+        const elementId = existingWrapper?.id || `ce-multiselect-${++multiSelectId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_MULTISELECT_PROPS, ...props };
+        if (existingWrapper) {
+            const dataItems = readDataAttr(existingWrapper, "items");
+            if (shouldUseDomValue(host, "items", dataItems)) {
+                try {
+                    currentProps.items = JSON.parse(dataItems ?? "[]");
+                }
+                catch {
+                    currentProps.items = [];
+                }
+            }
+            const dataSelected = readDataAttr(existingWrapper, "selected-ids");
+            if (shouldUseDomValue(host, "selected-ids", dataSelected)) {
+                try {
+                    currentProps.selectedIds = JSON.parse(dataSelected ?? "[]");
+                }
+                catch {
+                    currentProps.selectedIds = [];
+                }
+            }
+            const dataPlaceholder = readDataAttr(existingWrapper, "placeholder");
+            if (shouldUseDomValue(host, "placeholder", dataPlaceholder)) {
+                currentProps.placeholder = dataPlaceholder ?? DEFAULT_MULTISELECT_PROPS.placeholder;
+            }
+            const dataEmpty = readDataAttr(existingWrapper, "empty-state");
+            if (shouldUseDomValue(host, "empty-state", dataEmpty)) {
+                currentProps.emptyState = dataEmpty ?? DEFAULT_MULTISELECT_PROPS.emptyState;
+            }
+            const dataMaxSelections = readNumberDataAttr(existingWrapper, "max-selections");
+            if (shouldUseDomValue(host, "max-selections", dataMaxSelections)) {
+                currentProps.maxSelections = dataMaxSelections;
+            }
+            const dataSearchable = readDataAttr(existingWrapper, "searchable");
+            if (shouldUseDomValue(host, "searchable", dataSearchable)) {
+                const parsed = parseBoolean(dataSearchable);
+                if (parsed !== undefined) {
+                    currentProps.searchable = parsed;
+                }
+            }
+            const dataDisabled = readDataAttr(existingWrapper, "disabled");
+            if (shouldUseDomValue(host, "disabled", dataDisabled)) {
+                const parsed = parseBoolean(dataDisabled);
+                if (parsed !== undefined) {
+                    currentProps.disabled = parsed;
+                }
+            }
+            const input = existingWrapper.querySelector(".ce-multiselect__input");
+            const placeholder = input?.getAttribute("placeholder");
+            if (shouldUseDomValue(host, "placeholder", placeholder)) {
+                currentProps.placeholder = placeholder ?? DEFAULT_MULTISELECT_PROPS.placeholder;
+            }
+            const searchable = input ? !input.readOnly : currentProps.searchable ?? true;
+            if (shouldUseDomValue(host, "searchable", searchable)) {
+                currentProps.searchable = searchable;
+            }
+            const disabled = existingWrapper.classList.contains("is-disabled") || Boolean(input?.disabled);
+            if (shouldUseDomValue(host, "disabled", disabled)) {
+                currentProps.disabled = disabled;
+            }
+            const emptyState = existingWrapper.querySelector(".ce-multiselect__empty")?.textContent?.trim();
+            if (shouldUseDomValue(host, "empty-state", emptyState)) {
+                currentProps.emptyState = emptyState ?? DEFAULT_MULTISELECT_PROPS.emptyState;
+            }
+            const domItems = readItemsFromDom(existingWrapper);
+            if (shouldUseDomValue(host, "items", domItems) && domItems.length) {
+                currentProps.items = domItems;
+            }
+            const domSelected = readSelectedIdsFromDom(existingWrapper);
+            if (shouldUseDomValue(host, "selected-ids", domSelected) && domSelected.length) {
+                currentProps.selectedIds = domSelected;
+            }
+        }
+        let instance = createInstance(currentProps);
+        const destroy = () => {
+            instance?.destroy?.();
+            instance = undefined;
+            if (!existingWrapper) {
+                host.innerHTML = "";
+            }
+        };
+        const updateProps = (partial) => {
+            currentProps = { ...currentProps, ...partial };
+            instance?.destroy?.();
+            instance = createInstance(currentProps);
+        };
+        function createInstance(propsToUse) {
+            if (!propsToUse.items?.length) {
+                if (!existingWrapper && wrapper) {
+                    wrapper.innerHTML = "";
+                }
+                return undefined;
+            }
+            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-multiselect")) {
+                    wrapper.classList.add("ce-multiselect");
+                }
+            }
+            const instance = new MultiSelect({
+                ...propsToUse,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onChange: (selected) => on?.change?.({ selected }),
+                onSearch: (term) => on?.search?.({ term }),
+            });
+            instance.init();
+            if (wrapper) {
+                applyMultiSelectParts(wrapper);
+            }
+            return instance;
+        }
+        return {
+            destroy,
+            updateProps(partial) {
+                updateProps(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_MULTISELECT_PROPS, ...props };
+        const selectedIds = merged.selectedIds ?? [];
+        const dropdownId = `ce-multiselect-ssr-${Math.random().toString(36).slice(2, 8)}`;
+        const itemsPayload = escapeHtml(JSON.stringify(merged.items ?? []));
+        const selectedPayload = escapeHtml(JSON.stringify(selectedIds));
+        const placeholder = escapeHtml(merged.placeholder ?? DEFAULT_MULTISELECT_PROPS.placeholder ?? "");
+        const emptyState = escapeHtml(merged.emptyState ?? DEFAULT_MULTISELECT_PROPS.emptyState ?? "");
+        const searchable = merged.searchable ?? true;
+        const disabled = merged.disabled ?? false;
+        const maxSelections = merged.maxSelections;
+        const limitReached = typeof maxSelections === "number" && selectedIds.length >= maxSelections;
+        const items = (merged.items ?? []).map((item) => {
+            const isSelected = selectedIds.includes(item.id);
+            const isDisabled = Boolean(item.disabled || (limitReached && !isSelected));
+            const selectedClass = isSelected ? " is-selected" : "";
+            const disabledClass = isDisabled ? " is-disabled" : "";
+            const description = item.description
+                ? `<div class="ce-multiselect__option-description" part="option-description">${escapeHtml(item.description)}</div>`
+                : "";
+            const meta = item.meta ? `<div class="ce-multiselect__option-meta" part="option-meta">${escapeHtml(item.meta)}</div>` : "";
+            return `<button type="button" class="ce-multiselect__option${selectedClass}${disabledClass}" data-id="${escapeHtml(item.id)}" role="option" part="option" aria-selected="${isSelected}"${isDisabled ? " disabled" : ""}><div class="ce-multiselect__option-title" part="option-title">${escapeHtml(item.label)}</div>${description}${meta}</button>`;
+        });
+        const selectedItems = (merged.items ?? []).filter((item) => selectedIds.includes(item.id));
+        const tags = selectedItems
+            .map((item) => `<span class="ce-multiselect__tag" part="tag" data-id="${escapeHtml(item.id)}">${escapeHtml(item.label)}<button type="button" class="ce-multiselect__tag-remove" part="tag-remove" aria-label="Remove ${escapeHtml(item.label)}">&times;</button></span>`)
+            .join("");
+        const emptyMarkup = !items.length
+            ? `<div class="ce-multiselect__empty" part="empty" data-ce-slot="empty" data-ce-fallback="${emptyState}">${emptyState}</div>`
+            : "";
+        const availableItems = (merged.items ?? []).filter((item) => !item.disabled);
+        const limitHint = limitReached && availableItems.length === 0
+            ? `<div class="ce-multiselect__hint" part="hint">Maximum selections reached</div>`
+            : "";
+        return `<div class="ce-multiselect" data-ce-component="multiselect" part="base" data-items="${itemsPayload}" data-selected-ids="${selectedPayload}" data-placeholder="${placeholder}" data-searchable="${searchable}" data-empty-state="${emptyState}"${typeof maxSelections === "number" ? ` data-max-selections="${maxSelections}"` : ""} data-disabled="${disabled}"><div class="ce-multiselect__control" part="control" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${dropdownId}"><div class="ce-multiselect__tags" part="tags">${tags}</div><input class="ce-multiselect__input" part="input" type="text" placeholder="${placeholder}" autocomplete="off" spellcheck="false"${searchable ? "" : ' aria-readonly="true" readonly'}${disabled ? " disabled" : ""} /><button type="button" class="ce-multiselect__clear" part="clear" aria-label="Clear selection">&times;</button><button type="button" class="ce-multiselect__trigger" part="trigger" aria-label="Toggle menu">▾</button></div><div class="ce-multiselect__dropdown" part="dropdown" id="${dropdownId}" role="listbox" hidden>${items.join("")}${emptyMarkup}${limitHint}</div></div>`;
+    },
+};
+export function registerMultiSelectElement() {
+    return defineComponentElement({
+        tag: "ce-multiselect",
+        component: multiSelectComponent,
+        props: MULTISELECT_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_MULTISELECT_PROPS,
+        shadow: false,
+        events: ["change", "search"],
+        preserveLightDom: true,
+    });
+}
+const HTML_ESCAPE_LOOKUP = {
+    "&": "&amp;",
+    "\"": "&quot;",
+    "'": "&#39;",
+    "<": "&lt;",
+    ">": "&gt;",
+};
+function escapeHtml(value) {
+    return value.replace(/[&"'<>]/g, (char) => HTML_ESCAPE_LOOKUP[char] ?? char);
+}
+function parseBoolean(value) {
+    if (!value) {
+        return undefined;
+    }
+    if (value === "true") {
+        return true;
+    }
+    if (value === "false") {
+        return false;
+    }
+    return undefined;
+}
+function readItemsFromDom(wrapper) {
+    const items = [];
+    wrapper.querySelectorAll(".ce-multiselect__option").forEach((optionEl, index) => {
+        const id = optionEl.dataset.id ?? `item-${index}`;
+        const title = optionEl.querySelector(".ce-multiselect__option-title");
+        const descriptionEl = optionEl.querySelector(".ce-multiselect__option-description");
+        const metaEl = optionEl.querySelector(".ce-multiselect__option-meta");
+        const label = title?.textContent?.trim() ?? optionEl.textContent?.trim() ?? "";
+        const description = descriptionEl?.textContent?.trim();
+        const meta = metaEl?.textContent?.trim();
+        const disabled = optionEl.classList.contains("is-disabled") || optionEl.getAttribute("aria-disabled") === "true" || optionEl.hasAttribute("disabled");
+        items.push({
+            id,
+            label,
+            description: description || undefined,
+            meta: meta || undefined,
+            disabled,
+        });
+    });
+    return items;
+}
+function readSelectedIdsFromDom(wrapper) {
+    const fromTags = Array.from(wrapper.querySelectorAll(".ce-multiselect__tag"))
+        .map((tag) => tag.dataset.id)
+        .filter((value) => Boolean(value));
+    if (fromTags.length) {
+        return fromTags;
+    }
+    return Array.from(wrapper.querySelectorAll(".ce-multiselect__option.is-selected"))
+        .map((option) => option.dataset.id)
+        .filter((value) => Boolean(value));
+}
+//# sourceMappingURL=multiselect.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type { NavbarOptions } from "../Navbar/Navbar.types.js";
+export interface NavbarProps extends Omit<NavbarOptions, "selector" | "onSearch">, Record<string, unknown> {
+}
+export interface NavbarSearchDetail {
+    term: string;
+}
+export declare function registerNavbarElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=navbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../components/web-components/navbar.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI/D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE7G,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;CACd;AAsPD,wBAAgB,qBAAqB,IAAI,wBAAwB,GAAG,SAAS,CAU5E"}