@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,265 @@
+import { Editor } from "../Editor/Editor.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_TOOLBAR_LAYOUT = [
+    ["undo", "redo", "clear", "codeView"],
+    ["fontSelect", "fontSize", "paragraph", "heading1", "heading2", "heading3", "heading4", "heading5", "heading6"],
+    ["bold", "italic", "underline", "strikethrough", "superscript", "subscript", "highlight"],
+    ["bulletList", "orderedList", "indent", "outdent"],
+    ["alignLeft", "alignCenter", "alignRight", "alignJustify"],
+    ["quote", "code", "horizontalRule"],
+    ["link", "insertImage"],
+];
+const DEFAULT_FONTS = [
+    "Inter",
+    "Segoe UI",
+    "Helvetica Neue",
+    "Arial",
+    "Georgia",
+    "Times New Roman",
+    "Roboto",
+    "Open Sans",
+    "Lato",
+    "Montserrat",
+    "Fira Code",
+    "Source Code Pro",
+    "Courier New",
+];
+const DEFAULT_FONT_SIZES = ["12px", "14px", "16px", "18px", "20px", "24px", "32px"];
+const DEFAULT_EDITOR_PROPS = {};
+const EDITOR_PROP_DEFINITIONS = [
+    { attribute: "height", prop: "height", type: "number" },
+    { attribute: "toolbar-layout", prop: "toolbarLayout", type: "json" },
+    { attribute: "toolbar-options", prop: "toolbarOptions", type: "json" },
+    { attribute: "toolbar-density", prop: "toolbarDensity" },
+    { attribute: "fonts", prop: "fonts", type: "json" },
+    { attribute: "font-sizes", prop: "fontSizes", type: "json" },
+    { attribute: "initial-content", prop: "initialContent" },
+    { attribute: "theme", prop: "theme" },
+    { attribute: "disabled", prop: "disabled", type: "boolean" },
+    { attribute: "placeholder", prop: "placeholder" },
+    { attribute: "footer-text", prop: "footerText" },
+    { attribute: "status-indicators", prop: "statusIndicators", type: "json" },
+    { attribute: "max-length", prop: "maxLength", type: "number" },
+    { attribute: "highlight-color", prop: "highlightColor" },
+    { attribute: "words-per-minute", prop: "wordsPerMinute", type: "number" },
+];
+let editorId = 0;
+const applyEditorParts = (wrapper) => {
+    const root = wrapper.matches?.(".ce-editor") ? wrapper : wrapper.querySelector(".ce-editor");
+    if (!root) {
+        return;
+    }
+    root.setAttribute("data-ce-component", "editor");
+    root.setAttribute("part", "base");
+    root.querySelectorAll(".ce-editor__toolbar").forEach((node) => node.setAttribute("part", "toolbar"));
+    root.querySelectorAll(".ce-editor__group").forEach((node) => node.setAttribute("part", "group"));
+    root.querySelectorAll(".ce-editor__button").forEach((node) => node.setAttribute("part", "button"));
+    root.querySelectorAll(".ce-editor__icon").forEach((node) => node.setAttribute("part", "icon"));
+    root.querySelectorAll(".ce-editor__select").forEach((node) => node.setAttribute("part", "select"));
+    root.querySelectorAll(".ce-editor__content").forEach((node) => node.setAttribute("part", "content"));
+    root.querySelectorAll(".ce-editor__source").forEach((node) => node.setAttribute("part", "source"));
+    root.querySelectorAll(".ce-editor__footer").forEach((node) => { node.setAttribute("part", "footer"); node.setAttribute("data-ce-slot", "footer"); });
+};
+const editorComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-editor");
+        const elementId = existingWrapper?.id || `ce-editor-${++editorId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_EDITOR_PROPS, ...props };
+        if (existingWrapper) {
+            const content = existingWrapper.querySelector(".ce-editor__content");
+            const html = content?.innerHTML ?? "";
+            if (shouldUseDomValue(host, "initial-content", html)) {
+                currentProps.initialContent = html;
+            }
+            const placeholder = content?.getAttribute("data-placeholder");
+            if (shouldUseDomValue(host, "placeholder", placeholder)) {
+                currentProps.placeholder = placeholder ?? undefined;
+            }
+            const height = content?.style.minHeight?.replace("px", "");
+            if (shouldUseDomValue(host, "height", height)) {
+                const parsed = height ? Number(height) : undefined;
+                if (Number.isFinite(parsed)) {
+                    currentProps.height = parsed;
+                }
+            }
+            const theme = existingWrapper.classList.contains("ce-editor--dark") ? "dark" : "light";
+            if (shouldUseDomValue(host, "theme", theme)) {
+                currentProps.theme = theme;
+            }
+            const density = existingWrapper.classList.contains("ce-editor--compact") ? "compact" : "default";
+            if (shouldUseDomValue(host, "toolbar-density", density)) {
+                currentProps.toolbarDensity = density;
+            }
+            const disabled = existingWrapper.classList.contains("ce-editor--disabled");
+            if (shouldUseDomValue(host, "disabled", disabled)) {
+                currentProps.disabled = disabled;
+            }
+        }
+        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-editor")) {
+                    wrapper.classList.add("ce-editor");
+                }
+            }
+            instance?.destroy?.();
+            instance = new Editor({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper),
+                onChange: (value, meta) => on?.change?.({ value, meta }),
+            });
+            instance.init();
+            if (wrapper) {
+                applyEditorParts(wrapper);
+            }
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_EDITOR_PROPS, ...(props ?? {}) };
+        const layout = (merged.toolbarLayout ??
+            (merged.toolbarOptions ? [merged.toolbarOptions] : DEFAULT_TOOLBAR_LAYOUT));
+        const toolbar = layout
+            .map((group, index) => `<div class="ce-editor__group" part="group" role="group" aria-label="Editor toolbar group ${index + 1}">${group
+            .map((action) => renderToolbarAction(action, merged))
+            .join("")}</div>`)
+            .join("");
+        const themeClass = merged.theme === "dark" ? " ce-editor--dark" : "";
+        const compactClass = merged.toolbarDensity === "compact" ? " ce-editor--compact" : "";
+        const disabledClass = merged.disabled ? " ce-editor--disabled" : "";
+        const style = merged.height ? ` style="min-height:${merged.height}px"` : "";
+        const placeholder = merged.placeholder ?? "Start typing...";
+        const content = merged.initialContent ?? "";
+        const footerText = buildFooterText(content, merged);
+        return `<div class="ce-editor${themeClass}${compactClass}${disabledClass}" data-ce-component="editor" part="base"><div class="ce-editor__toolbar" part="toolbar" role="toolbar" aria-label="Editor toolbar">${toolbar}</div><div class="ce-editor__content" part="content" data-placeholder="${escapeHtml(placeholder)}"${style}>${content}</div><textarea class="ce-editor__source" part="source" hidden></textarea><div class="ce-editor__footer" part="footer" data-ce-slot="footer">${escapeHtml(footerText)}</div></div>`;
+    },
+};
+export function registerEditorElement() {
+    return defineComponentElement({
+        tag: "ce-editor",
+        component: editorComponent,
+        props: EDITOR_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_EDITOR_PROPS,
+        shadow: false,
+        events: ["change"],
+        preserveLightDom: true,
+    });
+}
+const ACTION_LABELS = {
+    undo: { glyph: "↺", label: "Undo" },
+    redo: { glyph: "↻", label: "Redo" },
+    clear: { glyph: "⟲", label: "Clear formatting" },
+    codeView: { glyph: "<>", label: "Toggle source" },
+    paragraph: { glyph: "¶", label: "Paragraph" },
+    heading1: { glyph: "H1", label: "Heading 1" },
+    heading2: { glyph: "H2", label: "Heading 2" },
+    heading3: { glyph: "H3", label: "Heading 3" },
+    heading4: { glyph: "H4", label: "Heading 4" },
+    heading5: { glyph: "H5", label: "Heading 5" },
+    heading6: { glyph: "H6", label: "Heading 6" },
+    quote: { glyph: "❝", label: "Quote" },
+    code: { glyph: "</>", label: "Code block" },
+    bold: { glyph: "B", label: "Bold" },
+    italic: { glyph: "I", label: "Italic" },
+    underline: { glyph: "U", label: "Underline" },
+    strikethrough: { glyph: "S", label: "Strikethrough" },
+    superscript: { glyph: "x²", label: "Superscript" },
+    subscript: { glyph: "x₂", label: "Subscript" },
+    highlight: { glyph: "🖍", label: "Highlight" },
+    bulletList: { glyph: "•", label: "Bulleted list" },
+    orderedList: { glyph: "1.", label: "Numbered list" },
+    alignLeft: { glyph: "|≡", label: "Align left" },
+    alignCenter: { glyph: "|-|", label: "Align center" },
+    alignRight: { glyph: "≡|", label: "Align right" },
+    alignJustify: { glyph: "≡≡", label: "Justify" },
+    indent: { glyph: "→", label: "Indent" },
+    outdent: { glyph: "←", label: "Outdent" },
+    link: { glyph: "🔗", label: "Insert link" },
+    insertImage: { glyph: "🖼", label: "Insert image" },
+    fontSelect: { glyph: "A", label: "Font" },
+    fontSize: { glyph: "↕", label: "Size" },
+    horizontalRule: { glyph: "―", label: "Horizontal line" },
+};
+const renderToolbarAction = (action, props) => {
+    if (action === "fontSelect") {
+        const fonts = props.fonts?.length ? props.fonts : DEFAULT_FONTS;
+        return `<select class="ce-editor__select" part="select" data-action="fontSelect">${fonts
+            .map((font) => `<option value="${escapeHtml(font)}">${escapeHtml(font)}</option>`)
+            .join("")}</select>`;
+    }
+    if (action === "fontSize") {
+        const sizes = props.fontSizes?.length ? props.fontSizes : DEFAULT_FONT_SIZES;
+        return `<select class="ce-editor__select" part="select" data-action="fontSize">${sizes
+            .map((size) => `<option value="${escapeHtml(size)}">${escapeHtml(size)}</option>`)
+            .join("")}</select>`;
+    }
+    const copy = ACTION_LABELS[action];
+    if (!copy) {
+        return "";
+    }
+    return `<button type="button" class="ce-editor__button" part="button" data-action="${action}" aria-label="${escapeHtml(copy.label)}" aria-pressed="false"><span aria-hidden="true" part="icon">${copy.glyph}</span></button>`;
+};
+const buildFooterText = (content, props) => {
+    const text = content.replace(/<[^>]*>/g, "").trim();
+    const words = text ? text.split(/\s+/u).length : 0;
+    const characters = text.length;
+    const wpm = props.wordsPerMinute ?? 200;
+    const readingTimeSeconds = words === 0 ? 0 : Math.max(60, Math.round((words / wpm) * 60));
+    const indicators = props.statusIndicators?.length
+        ? props.statusIndicators
+        : ["words", "characters", "readingTime"];
+    const parts = [];
+    indicators.forEach((indicator) => {
+        switch (indicator) {
+            case "characters": {
+                const maxLabel = props.maxLength ? `/${props.maxLength}` : "";
+                parts.push(`${characters}${maxLabel} chars`);
+                break;
+            }
+            case "words":
+                parts.push(`${words} words`);
+                break;
+            case "readingTime": {
+                const minutes = readingTimeSeconds === 0 ? 0 : Math.max(1, Math.round(readingTimeSeconds / 60));
+                parts.push(`${minutes} min read`);
+                break;
+            }
+            default:
+                break;
+        }
+    });
+    const prefix = props.footerText ? `${props.footerText}: ` : "";
+    return `${prefix}${parts.join(" · ")}`.trim();
+};
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+//# sourceMappingURL=editor.js.map

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

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

package/dist/components/web-components/feature-flags-manager.d.ts

@@ -0,0 +1,13 @@
+import type { FeatureFlag, FeatureFlagsManagerOptions } from "../FeatureFlagsManager/FeatureFlagsManager.types.js";
+export interface FeatureFlagsManagerProps extends Omit<FeatureFlagsManagerOptions, "selector" | "onToggle" | "onRolloutChange">, Record<string, unknown> {
+}
+export interface FeatureFlagsManagerToggleDetail {
+    flag: FeatureFlag;
+    enabled: boolean;
+}
+export interface FeatureFlagsManagerRolloutDetail {
+    flag: FeatureFlag;
+    rollout: number;
+}
+export declare function registerFeatureFlagsManagerElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=feature-flags-manager.d.ts.map

package/dist/components/web-components/feature-flags-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flags-manager.d.ts","sourceRoot":"","sources":["../../../components/web-components/feature-flags-manager.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,WAAW,EACX,0BAA0B,EAE3B,MAAM,qDAAqD,CAAC;AAI7D,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,UAAU,GAAG,iBAAiB,CAAC,EACnF,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE9B,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAoKD,wBAAgB,kCAAkC,IAAI,wBAAwB,GAAG,SAAS,CAUzF"}

package/dist/components/web-components/feature-flags-manager.js

@@ -0,0 +1,190 @@
+import { FeatureFlagsManager } from "../FeatureFlagsManager/FeatureFlagsManager.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_FEATURE_FLAGS_MANAGER_PROPS = {
+    title: "Feature flags",
+    flags: [],
+};
+const FEATURE_FLAGS_MANAGER_PROP_DEFINITIONS = [
+    { attribute: "title", prop: "title" },
+    { attribute: "flags", prop: "flags", type: "json" },
+];
+let featureFlagsManagerId = 0;
+const applyFeatureFlagsManagerParts = (wrapper) => {
+    const root = wrapper.matches?.(".ce-feature-flags")
+        ? wrapper
+        : wrapper.querySelector(".ce-feature-flags");
+    if (!root) {
+        return;
+    }
+    root.setAttribute("data-ce-component", "feature-flags-manager");
+    root.setAttribute("part", "base");
+    root.querySelectorAll(".ce-feature-flags__header").forEach((node) => { node.setAttribute("part", "header"); node.setAttribute("data-ce-slot", "header"); });
+    root.querySelectorAll(".ce-feature-flags__title").forEach((node) => node.setAttribute("part", "title"));
+    root.querySelectorAll(".ce-feature-flags__meta").forEach((node) => node.setAttribute("part", "meta"));
+    root.querySelectorAll(".ce-feature-flags__list").forEach((node) => node.setAttribute("part", "list"));
+    root.querySelectorAll(".ce-feature-flags__card").forEach((node) => node.setAttribute("part", "card"));
+    root
+        .querySelectorAll(".ce-feature-flags__card-header")
+        .forEach((node) => node.setAttribute("part", "card-header"));
+    root.querySelectorAll(".ce-feature-flags__name").forEach((node) => node.setAttribute("part", "name"));
+    root.querySelectorAll(".ce-feature-flags__toggle").forEach((node) => node.setAttribute("part", "toggle"));
+    root
+        .querySelectorAll(".ce-feature-flags__description")
+        .forEach((node) => node.setAttribute("part", "description"));
+    root.querySelectorAll(".ce-feature-flags__rollout").forEach((node) => node.setAttribute("part", "rollout"));
+    root
+        .querySelectorAll(".ce-feature-flags__rollout-label")
+        .forEach((node) => node.setAttribute("part", "rollout-label"));
+    root
+        .querySelectorAll(".ce-feature-flags__rollout-input")
+        .forEach((node) => node.setAttribute("part", "rollout-input"));
+    root.querySelectorAll(".ce-feature-flags__targets").forEach((node) => node.setAttribute("part", "targets"));
+    root.querySelectorAll(".ce-feature-flags__target").forEach((node) => node.setAttribute("part", "target"));
+};
+const featureFlagsManagerComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-feature-flags");
+        const elementId = existingWrapper?.id || `ce-feature-flags-${++featureFlagsManagerId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_FEATURE_FLAGS_MANAGER_PROPS, ...props };
+        if (existingWrapper) {
+            const dataTitle = readDataAttr(existingWrapper, "title");
+            const domTitle = existingWrapper.querySelector(".ce-feature-flags__title")?.textContent?.trim();
+            if (shouldUseDomValue(host, "title", dataTitle ?? domTitle)) {
+                currentProps.title = dataTitle ?? domTitle ?? DEFAULT_FEATURE_FLAGS_MANAGER_PROPS.title;
+            }
+            const dataFlags = readDataAttr(existingWrapper, "flags");
+            if (shouldUseDomValue(host, "flags", dataFlags)) {
+                try {
+                    currentProps.flags = JSON.parse(dataFlags ?? "[]");
+                }
+                catch {
+                    currentProps.flags = DEFAULT_FEATURE_FLAGS_MANAGER_PROPS.flags;
+                }
+            }
+            else {
+                const domFlags = readFlagsFromDom(existingWrapper);
+                if (shouldUseDomValue(host, "flags", domFlags) && domFlags.length) {
+                    currentProps.flags = domFlags;
+                }
+            }
+        }
+        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-feature-flags")) {
+                    wrapper.classList.add("ce-feature-flags");
+                }
+            }
+            instance?.destroy?.();
+            instance = new FeatureFlagsManager({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onToggle: (flag, enabled) => on?.toggle?.({ flag, enabled }),
+                onRolloutChange: (flag, rollout) => on?.rolloutChange?.({ flag, rollout }),
+            });
+            instance.init();
+            if (wrapper) {
+                applyFeatureFlagsManagerParts(wrapper);
+            }
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_FEATURE_FLAGS_MANAGER_PROPS, ...(props ?? {}) };
+        const flags = merged.flags ?? [];
+        const title = escapeHtml(merged.title ?? "Feature flags");
+        const dataFlags = escapeHtml(JSON.stringify(flags));
+        const cards = flags
+            .map((flag) => {
+            const targets = flag.targets?.length ? renderTargets(flag.targets) : "";
+            const desc = flag.description
+                ? `<div class="ce-feature-flags__description" part="description">${escapeHtml(flag.description)}</div>`
+                : "";
+            return `<div class="ce-feature-flags__card" part="card" data-id="${escapeHtml(flag.id)}" data-enabled="${flag.enabled}">
+      <div class="ce-feature-flags__card-header" part="card-header">
+        <div class="ce-feature-flags__name" part="name">${escapeHtml(flag.name)}</div>
+        <button type="button" class="ce-feature-flags__toggle" part="toggle" aria-pressed="${flag.enabled}">${flag.enabled ? "On" : "Off"}</button>
+      </div>
+      ${desc}
+      <div class="ce-feature-flags__rollout" part="rollout">
+        <div class="ce-feature-flags__rollout-label" part="rollout-label">Rollout</div>
+        <input class="ce-feature-flags__rollout-input" part="rollout-input" type="number" min="0" max="100" value="${flag.rollout}" />
+      </div>
+      ${targets}
+    </div>`;
+        })
+            .join("");
+        return `<section class="ce-feature-flags" data-ce-component="feature-flags-manager" part="base" data-title="${title}" data-flags="${dataFlags}">
+  <div class="ce-feature-flags__header" part="header" data-ce-slot="header">
+    <div class="ce-feature-flags__title" part="title">${title}</div>
+    <div class="ce-feature-flags__meta" part="meta">${flags.length} flags</div>
+  </div>
+  <div class="ce-feature-flags__list" part="list">
+    ${cards}
+  </div>
+</section>`;
+    },
+};
+export function registerFeatureFlagsManagerElement() {
+    return defineComponentElement({
+        tag: "ce-feature-flags-manager",
+        component: featureFlagsManagerComponent,
+        props: FEATURE_FLAGS_MANAGER_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_FEATURE_FLAGS_MANAGER_PROPS,
+        shadow: false,
+        events: ["toggle", "rolloutChange"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+const renderTargets = (targets) => `<div class="ce-feature-flags__targets" part="targets">${targets
+    .map((target) => `<span class="ce-feature-flags__target" part="target">${escapeHtml(target.label)}</span>`)
+    .join("")}</div>`;
+const readFlagsFromDom = (root) => Array.from(root.querySelectorAll(".ce-feature-flags__card")).map((card, index) => {
+    const name = card.querySelector(".ce-feature-flags__name")?.textContent?.trim() ?? "";
+    const description = card.querySelector(".ce-feature-flags__description")?.textContent?.trim();
+    const rolloutValue = card.querySelector(".ce-feature-flags__rollout-input")?.value ?? "0";
+    const targets = Array.from(card.querySelectorAll(".ce-feature-flags__target")).map((targetEl, targetIndex) => ({
+        id: targetEl.dataset.id ?? `target-${targetIndex + 1}`,
+        label: targetEl.textContent?.trim() ?? "",
+    }));
+    return {
+        id: card.dataset.id ?? `flag-${index + 1}`,
+        name,
+        description: description || undefined,
+        enabled: card.dataset.enabled === "true",
+        rollout: Number(rolloutValue) || 0,
+        targets: targets.length ? targets : undefined,
+    };
+});
+//# sourceMappingURL=feature-flags-manager.js.map

package/dist/components/web-components/feature-flags-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-flags-manager.js","sourceRoot":"","sources":["../../../components/web-components/feature-flags-manager.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAMpF,OAAO,EAAE,sBAAsB,EAAuB,MAAM,wCAAwC,CAAC;AACrG,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBvE,MAAM,mCAAmC,GAA6B;IACpE,KAAK,EAAE,eAAe;IACtB,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,sCAAsC,GAAoD;IAC9F,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IACrC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;CACpD,CAAC;AAEF,IAAI,qBAAqB,GAAG,CAAC,CAAC;AAE9B,MAAM,6BAA6B,GAAG,CAAC,OAAoB,EAAQ,EAAE;IACnE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,mBAAmB,CAAC;QACjD,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,OAAO,CAAC,aAAa,CAAc,mBAAmB,CAAC,CAAC;IAC5D,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO;IACT,CAAC;IACD,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,CAAC;IAChE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,gBAAgB,CAAc,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzK,IAAI,CAAC,gBAAgB,CAAc,0BAA0B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACrH,IAAI,CAAC,gBAAgB,CAAc,yBAAyB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnH,IAAI,CAAC,gBAAgB,CAAc,yBAAyB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnH,IAAI,CAAC,gBAAgB,CAAc,yBAAyB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnH,IAAI;SACD,gBAAgB,CAAc,gCAAgC,CAAC;SAC/D,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAC/D,IAAI,CAAC,gBAAgB,CAAc,yBAAyB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACnH,IAAI,CAAC,gBAAgB,CAAc,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvH,IAAI;SACD,gBAAgB,CAAc,gCAAgC,CAAC;SAC/D,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAC/D,IAAI,CAAC,gBAAgB,CAAc,4BAA4B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACzH,IAAI;SACD,gBAAgB,CAAc,kCAAkC,CAAC;SACjE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IACjE,IAAI;SACD,gBAAgB,CAAc,kCAAkC,CAAC;SACjE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IACjE,IAAI,CAAC,gBAAgB,CAAc,4BAA4B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IACzH,IAAI,CAAC,gBAAgB,CAAc,2BAA2B,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzH,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAA+C;IAC/E,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,MAAqB,CAAC;QACnC,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,CAAc,mBAAmB,CAAC,CAAC;QAC7E,MAAM,SAAS,GAAG,eAAe,EAAE,EAAE,IAAI,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;QACvF,IAAI,OAAO,GAAG,eAAe,IAAI,SAAS,CAAC;QAE3C,IAAI,YAAY,GAA6B,EAAE,GAAG,mCAAmC,EAAE,GAAG,KAAK,EAAE,CAAC;QAClG,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACzD,MAAM,QAAQ,GAAG,eAAe,CAAC,aAAa,CAAc,0BAA0B,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;YAC7G,IAAI,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,IAAI,QAAQ,CAAC,EAAE,CAAC;gBAC5D,YAAY,CAAC,KAAK,GAAG,SAAS,IAAI,QAAQ,IAAI,mCAAmC,CAAC,KAAK,CAAC;YAC1F,CAAC;YACD,MAAM,SAAS,GAAG,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACzD,IAAI,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC;gBAChD,IAAI,CAAC;oBACH,YAAY,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAkB,CAAC;gBACtE,CAAC;gBAAC,MAAM,CAAC;oBACP,YAAY,CAAC,KAAK,GAAG,mCAAmC,CAAC,KAAK,CAAC;gBACjE,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,MAAM,QAAQ,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;gBACnD,IAAI,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;oBAClE,YAAY,CAAC,KAAK,GAAG,QAAQ,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,QAAyC,CAAC;QAE9C,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,kBAAkB,CAAC,EAAE,CAAC;oBACpD,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;gBAC5C,CAAC;YACH,CAAC;YAED,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC;YACtB,QAAQ,GAAG,IAAI,mBAAmB,CAAC;gBACjC,GAAI,YAAyC;gBAC7C,QAAQ,EAAE,IAAI,SAAS,EAAE;gBACzB,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,OAAO,KAAK,eAAe,CAAC;gBACxD,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAA4C,CAAC;gBACtG,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAA6C,CAAC;aACjF,CAAC,CAAC;YACxC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE,CAAC;gBACZ,6BAA6B,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC;QACH,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,mCAAmC,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,EAAqC,CAAC;QAC/G,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QACjC,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,IAAI,eAAe,CAAC,CAAC;QAE1D,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpD,MAAM,KAAK,GAAG,KAAK;aAChB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACZ,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxE,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW;gBAC3B,CAAC,CAAC,iEAAiE,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ;gBACvG,CAAC,CAAC,EAAE,CAAC;YACP,OAAO,4DAA4D,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,mBAAmB,IAAI,CAAC,OAAO;;0DAEnE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;6FACc,IAAI,CAAC,OAAO,KAC/F,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KACxB;;QAEA,IAAI;;;qHAGyG,IAAI,CAAC,OAAO;;QAEzH,OAAO;WACJ,CAAC;QACN,CAAC,CAAC;aACD,IAAI,CAAC,EAAE,CAAC,CAAC;QAEZ,OAAO,uGAAuG,KAAK,iBAAiB,SAAS;;wDAEzF,KAAK;sDACP,KAAK,CAAC,MAAM;;;MAG5D,KAAK;;WAEA,CAAC;IACV,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,kCAAkC;IAChD,OAAO,sBAAsB,CAA2B;QACtD,GAAG,EAAE,0BAA0B;QAC/B,SAAS,EAAE,4BAA4B;QACvC,KAAK,EAAE,sCAAsC;QAC7C,YAAY,EAAE,mCAAmC;QACjD,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC;QACnC,gBAAgB,EAAE,IAAI;KACvB,CAAC,CAAC;AACL,CAAC;AAED,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,aAAa,GAAG,CAAC,OAA4B,EAAU,EAAE,CAC7D,yDAAyD,OAAO;KAC7D,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,wDAAwD,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;KAC1G,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;AAEtB,MAAM,gBAAgB,GAAG,CAAC,IAAiB,EAAiB,EAAE,CAC5D,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,yBAAyB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IAC5F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAc,yBAAyB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACnG,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAc,gCAAgC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;IAC3G,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAmB,kCAAkC,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC;IAC5G,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,2BAA2B,CAAC,CAAC,CAAC,GAAG,CAC7F,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC;QAC1B,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,UAAU,WAAW,GAAG,CAAC,EAAE;QACtD,KAAK,EAAE,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE;KAC1C,CAAC,CACH,CAAC;IACF,OAAO;QACL,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,QAAQ,KAAK,GAAG,CAAC,EAAE;QAC1C,IAAI;QACJ,WAAW,EAAE,WAAW,IAAI,SAAS;QACrC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,KAAK,MAAM;QACxC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC;QAClC,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;KAC9C,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/web-components/file-manager.d.ts

@@ -0,0 +1,29 @@
+import type { FileManagerAction, FileManagerItem, FileManagerOptions, FileManagerVersion } from "../FileManager/FileManager.types.js";
+export interface FileManagerProps extends Omit<FileManagerOptions, "selector" | "onSelect" | "onOpen" | "onAction" | "onNavigate">, Record<string, unknown> {
+}
+export interface FileManagerSelectDetail {
+    item: FileManagerItem;
+}
+export interface FileManagerOpenDetail {
+    item: FileManagerItem;
+}
+export interface FileManagerActionDetail {
+    action: FileManagerAction;
+    item: FileManagerItem;
+}
+export interface FileManagerNavigateDetail {
+    folderId: string;
+}
+export interface FileManagerUploadDetail {
+    files: File[];
+    targetFolderId?: string;
+}
+export interface FileManagerPreviewDetail {
+    item: FileManagerItem;
+}
+export interface FileManagerVersionDetail {
+    item: FileManagerItem;
+    version: FileManagerVersion;
+}
+export declare function registerFileManagerElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=file-manager.d.ts.map

package/dist/components/web-components/file-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-manager.d.ts","sourceRoot":"","sources":["../../../components/web-components/file-manager.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,iBAAiB,EAEjB,eAAe,EACf,kBAAkB,EAGlB,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAI7C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC,EAC9F,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;CAAG;AAE9B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,kBAAkB,CAAC;CAC7B;AAiTD,wBAAgB,0BAA0B,IAAI,wBAAwB,GAAG,SAAS,CAUjF"}