@codeenvision/ui-webcomponents 1.0.0

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

@@ -0,0 +1,229 @@
+import { Pagination } from "../Pagination/Pagination.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_PAGINATION_PROPS = {
+    totalItems: 0,
+    total: undefined,
+    pageSize: 10,
+    currentPage: 1,
+    page: undefined,
+    showPageSize: true,
+    ariaLabel: undefined,
+};
+const PAGINATION_PROP_DEFINITIONS = [
+    { attribute: "total-items", prop: "totalItems", type: "number" },
+    { attribute: "total", prop: "total", type: "number" },
+    { attribute: "page-size", prop: "pageSize", type: "number" },
+    { attribute: "current-page", prop: "currentPage", type: "number" },
+    { attribute: "page", prop: "page", type: "number" },
+    { attribute: "show-page-size", prop: "showPageSize", type: "boolean" },
+    { attribute: "page-size-options", prop: "pageSizeOptions", type: "json" },
+    { attribute: "aria-label", prop: "ariaLabel" },
+];
+let paginationId = 0;
+const applyPaginationParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "pagination");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-pagination__inner").forEach((node) => node.setAttribute("part", "inner"));
+    wrapper.querySelectorAll(".ce-pagination__btn").forEach((node) => node.setAttribute("part", "button"));
+    wrapper.querySelectorAll(".ce-pagination__info").forEach((node) => node.setAttribute("part", "info"));
+    wrapper.querySelectorAll(".ce-pagination__sizes").forEach((node) => node.setAttribute("part", "sizes"));
+    wrapper
+        .querySelectorAll(".ce-pagination__size-select")
+        .forEach((node) => node.setAttribute("part", "size-select"));
+};
+const paginationComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-pagination");
+        const elementId = existingWrapper?.id || `ce-pagination-${++paginationId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_PAGINATION_PROPS, ...props };
+        if (existingWrapper) {
+            const dataTotal = readNumberDataAttr(existingWrapper, "total-items");
+            if (shouldUseDomValue(host, "total-items", dataTotal)) {
+                currentProps.totalItems = dataTotal ?? DEFAULT_PAGINATION_PROPS.totalItems;
+            }
+            const dataTotalAlias = readNumberDataAttr(existingWrapper, "total");
+            if (shouldUseDomValue(host, "total", dataTotalAlias)) {
+                currentProps.total = dataTotalAlias ?? DEFAULT_PAGINATION_PROPS.total;
+            }
+            const dataPageSize = readNumberDataAttr(existingWrapper, "page-size");
+            if (shouldUseDomValue(host, "page-size", dataPageSize)) {
+                currentProps.pageSize = dataPageSize ?? DEFAULT_PAGINATION_PROPS.pageSize;
+            }
+            const dataCurrent = readNumberDataAttr(existingWrapper, "current-page");
+            if (shouldUseDomValue(host, "current-page", dataCurrent)) {
+                currentProps.currentPage = dataCurrent ?? DEFAULT_PAGINATION_PROPS.currentPage;
+            }
+            const dataPageAlias = readNumberDataAttr(existingWrapper, "page");
+            if (shouldUseDomValue(host, "page", dataPageAlias)) {
+                currentProps.page = dataPageAlias ?? DEFAULT_PAGINATION_PROPS.page;
+            }
+            const dataShowSize = readDataAttr(existingWrapper, "show-page-size");
+            if (shouldUseDomValue(host, "show-page-size", dataShowSize)) {
+                const parsed = parseBoolean(dataShowSize);
+                if (parsed !== undefined) {
+                    currentProps.showPageSize = parsed;
+                }
+            }
+            const dataOptions = readDataAttr(existingWrapper, "page-size-options");
+            if (shouldUseDomValue(host, "page-size-options", dataOptions)) {
+                try {
+                    currentProps.pageSizeOptions = JSON.parse(dataOptions ?? "[]");
+                }
+                catch {
+                    currentProps.pageSizeOptions = DEFAULT_PAGINATION_PROPS.pageSizeOptions;
+                }
+            }
+            const ariaLabel = readDataAttr(existingWrapper, "aria-label");
+            if (shouldUseDomValue(host, "aria-label", ariaLabel)) {
+                currentProps.ariaLabel = ariaLabel ?? DEFAULT_PAGINATION_PROPS.ariaLabel;
+            }
+            const pageInfo = existingWrapper.querySelector(".ce-pagination__info")?.textContent;
+            const currentFromDom = pageInfo
+                ? readCurrentPageFromInfo(pageInfo, currentProps.pageSize ?? DEFAULT_PAGINATION_PROPS.pageSize, currentProps.totalItems)
+                : undefined;
+            if (shouldUseDomValue(host, "current-page", currentFromDom)) {
+                currentProps.currentPage = currentFromDom ?? DEFAULT_PAGINATION_PROPS.currentPage;
+            }
+            const sizeSelect = existingWrapper.querySelector(".ce-pagination__size-select");
+            if (shouldUseDomValue(host, "page-size", sizeSelect?.value)) {
+                const parsed = sizeSelect?.value ? Number(sizeSelect.value) : undefined;
+                if (parsed && Number.isFinite(parsed)) {
+                    currentProps.pageSize = parsed;
+                }
+            }
+            const showSize = Boolean(existingWrapper.querySelector(".ce-pagination__sizes"));
+            if (shouldUseDomValue(host, "show-page-size", showSize)) {
+                currentProps.showPageSize = showSize;
+            }
+        }
+        let instance;
+        const destroy = () => {
+            instance?.destroy?.();
+            instance = undefined;
+            if (!existingWrapper) {
+                host.innerHTML = "";
+            }
+        };
+        const updateProps = (partial) => {
+            currentProps = normalizePaginationProps({ ...currentProps, ...partial });
+            instance?.destroy?.();
+            instance = createInstance(currentProps);
+        };
+        function createInstance(propsToUse) {
+            const normalized = normalizePaginationProps(propsToUse);
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else if (!wrapper.id) {
+                wrapper.id = elementId;
+            }
+            applyPaginationParts(wrapper);
+            const instance = new Pagination({
+                ...normalized,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onChange: (page, pageSize) => on?.change?.({ page, pageSize }),
+            });
+            instance.init();
+            if (normalized.ariaLabel) {
+                wrapper.setAttribute("aria-label", normalized.ariaLabel);
+            }
+            else {
+                wrapper.removeAttribute("aria-label");
+            }
+            return instance;
+        }
+        currentProps = normalizePaginationProps(currentProps);
+        instance = createInstance(currentProps);
+        return {
+            destroy,
+            updateProps(partial) {
+                updateProps(partial ?? {});
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = normalizePaginationProps({ ...DEFAULT_PAGINATION_PROPS, ...props });
+        const totalItems = merged.totalItems ?? 0;
+        const pageSize = merged.pageSize ?? 10;
+        const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
+        const currentPage = Math.min(Math.max(1, merged.currentPage ?? 1), totalPages);
+        const start = totalItems === 0 ? 0 : (currentPage - 1) * pageSize + 1;
+        const end = Math.min(currentPage * pageSize, totalItems);
+        const sizes = merged.pageSizeOptions?.length ? merged.pageSizeOptions : [5, 10, 20, 50];
+        const showPageSize = merged.showPageSize !== false;
+        const sizeOptions = sizes
+            .map((size) => `<option value="${size}"${size === pageSize ? " selected" : ""}>${size}</option>`)
+            .join("");
+        const sizeControl = showPageSize
+            ? `<label class="ce-pagination__sizes" part="sizes">Rows:<select class="ce-pagination__size-select" part="size-select">${sizeOptions}</select></label>`
+            : "";
+        const dataAttrs = ` data-total-items="${totalItems}" data-page-size="${pageSize}" data-current-page="${currentPage}" data-show-page-size="${String(showPageSize)}" data-page-size-options="${escapeHtml(JSON.stringify(sizes))}"`;
+        const ariaLabel = merged.ariaLabel ? ` aria-label="${escapeHtml(merged.ariaLabel)}"` : "";
+        return `<div class="ce-pagination" data-ce-component="pagination" part="base"${dataAttrs}${ariaLabel}><div class="ce-pagination__inner" part="inner"><button type="button" class="ce-pagination__btn" part="button"${currentPage <= 1 ? " disabled" : ""} data-role="prev">Previous</button><span class="ce-pagination__info" part="info">${start}-${end} of ${totalItems}</span><button type="button" class="ce-pagination__btn" part="button"${currentPage >= totalPages ? " disabled" : ""} data-role="next">Next</button>${sizeControl}</div></div>`;
+    },
+};
+export function registerPaginationElement() {
+    return defineComponentElement({
+        tag: "ce-pagination",
+        component: paginationComponent,
+        props: PAGINATION_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_PAGINATION_PROPS,
+        shadow: false,
+        events: ["change"],
+        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 normalizePaginationProps(props) {
+    const normalized = { ...props };
+    if (typeof normalized.total === "number" && Number.isFinite(normalized.total)) {
+        normalized.totalItems = normalized.total;
+    }
+    if (typeof normalized.page === "number" && Number.isFinite(normalized.page)) {
+        normalized.currentPage = normalized.page;
+    }
+    return normalized;
+}
+function readCurrentPageFromInfo(info, pageSize, totalItems) {
+    const rangeMatch = info.match(/^(\\d+)\\s*-\\s*(\\d+)/);
+    if (!rangeMatch) {
+        return undefined;
+    }
+    const start = Number(rangeMatch[1]);
+    const end = Number(rangeMatch[2]);
+    if (!Number.isFinite(start) || !Number.isFinite(end)) {
+        return undefined;
+    }
+    const size = pageSize > 0 ? pageSize : Math.max(1, end - start + 1);
+    const totalPages = Math.max(1, Math.ceil(totalItems / size));
+    return Math.min(Math.max(1, Math.ceil(start / size)), totalPages);
+}
+//# sourceMappingURL=pagination.js.map

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

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

package/dist/components/web-components/pdf-viewer.d.ts

@@ -0,0 +1,4 @@
+import type { PdfViewerOptions } from "../PdfViewer/PdfViewer.types.js";
+export type PdfViewerProps = Omit<PdfViewerOptions, "selector">;
+export declare function registerPdfViewerElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=pdf-viewer.d.ts.map

package/dist/components/web-components/pdf-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-viewer.d.ts","sourceRoot":"","sources":["../../../components/web-components/pdf-viewer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAIxE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;AAiJhE,wBAAgB,wBAAwB,IAAI,wBAAwB,GAAG,SAAS,CAS/E"}

package/dist/components/web-components/pdf-viewer.js

@@ -0,0 +1,158 @@
+import { PdfViewer } from "../PdfViewer/PdfViewer.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, readNumberDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_PDF_VIEWER_PROPS = {
+    pdfUrl: "",
+    width: "100%",
+    height: "640px",
+    page: 1,
+    zoom: 1,
+    showToolbar: true,
+    theme: "light",
+};
+const PDF_VIEWER_PROP_DEFINITIONS = [
+    { attribute: "pdf-url", prop: "pdfUrl" },
+    { attribute: "width", prop: "width" },
+    { attribute: "height", prop: "height" },
+    { attribute: "page", prop: "page", type: "number" },
+    { attribute: "zoom", prop: "zoom", type: "number" },
+    { attribute: "show-toolbar", prop: "showToolbar", type: "boolean" },
+    { attribute: "theme", prop: "theme" },
+];
+let pdfViewerId = 0;
+const applyPdfViewerParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "pdf-viewer");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-pdf__toolbar").forEach((node) => node.setAttribute("part", "toolbar"));
+    wrapper.querySelectorAll("iframe").forEach((node) => node.setAttribute("part", "frame"));
+};
+const pdfViewerComponent = {
+    mount({ target, props }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-pdf");
+        const elementId = existingWrapper?.id || `ce-pdf-viewer-${++pdfViewerId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_PDF_VIEWER_PROPS, ...props };
+        if (existingWrapper) {
+            const dataUrl = readDataAttr(existingWrapper, "pdf-url");
+            if (shouldUseDomValue(host, "pdf-url", dataUrl)) {
+                currentProps.pdfUrl = dataUrl ?? DEFAULT_PDF_VIEWER_PROPS.pdfUrl;
+            }
+            const dataWidth = readDataAttr(existingWrapper, "width");
+            if (shouldUseDomValue(host, "width", dataWidth)) {
+                currentProps.width = dataWidth ?? DEFAULT_PDF_VIEWER_PROPS.width;
+            }
+            const dataHeight = readDataAttr(existingWrapper, "height");
+            if (shouldUseDomValue(host, "height", dataHeight)) {
+                currentProps.height = dataHeight ?? DEFAULT_PDF_VIEWER_PROPS.height;
+            }
+            const dataPage = readNumberDataAttr(existingWrapper, "page");
+            if (shouldUseDomValue(host, "page", dataPage)) {
+                currentProps.page = dataPage ?? DEFAULT_PDF_VIEWER_PROPS.page;
+            }
+            const dataZoom = readNumberDataAttr(existingWrapper, "zoom");
+            if (shouldUseDomValue(host, "zoom", dataZoom)) {
+                currentProps.zoom = dataZoom ?? DEFAULT_PDF_VIEWER_PROPS.zoom;
+            }
+            const dataToolbar = readDataAttr(existingWrapper, "show-toolbar");
+            if (shouldUseDomValue(host, "show-toolbar", dataToolbar)) {
+                const parsed = parseBoolean(dataToolbar);
+                if (parsed !== undefined) {
+                    currentProps.showToolbar = parsed;
+                }
+            }
+            const dataTheme = readDataAttr(existingWrapper, "theme");
+            if (shouldUseDomValue(host, "theme", dataTheme)) {
+                currentProps.theme = dataTheme ?? DEFAULT_PDF_VIEWER_PROPS.theme;
+            }
+            const iframe = existingWrapper.querySelector("iframe");
+            if (iframe) {
+                if (shouldUseDomValue(host, "pdf-url", iframe.getAttribute("src"))) {
+                    currentProps.pdfUrl = iframe.getAttribute("src") ?? DEFAULT_PDF_VIEWER_PROPS.pdfUrl;
+                }
+                if (shouldUseDomValue(host, "width", iframe.getAttribute("width"))) {
+                    currentProps.width = iframe.getAttribute("width") ?? DEFAULT_PDF_VIEWER_PROPS.width;
+                }
+                if (shouldUseDomValue(host, "height", iframe.getAttribute("height"))) {
+                    currentProps.height = iframe.getAttribute("height") ?? DEFAULT_PDF_VIEWER_PROPS.height;
+                }
+            }
+            const theme = existingWrapper.classList.contains("ce-pdf--dark") ? "dark" : "light";
+            if (shouldUseDomValue(host, "theme", theme)) {
+                currentProps.theme = theme;
+            }
+        }
+        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;
+            }
+            instance = new PdfViewer({
+                ...currentProps,
+                selector: `#${elementId}`,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+            });
+            instance.init();
+            if (wrapper) {
+                applyPdfViewerParts(wrapper);
+            }
+        };
+        render();
+        return {
+            destroy() {
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_PDF_VIEWER_PROPS, ...(props ?? {}) };
+        const themeClass = merged.theme === "dark" ? " ce-pdf--dark" : "";
+        const dataAttrs = ` data-pdf-url="${escapeHtml(merged.pdfUrl ?? "")}" data-width="${escapeHtml(merged.width ?? "100%")}" data-height="${escapeHtml(merged.height ?? "640px")}" data-page="${merged.page ?? 1}" data-zoom="${merged.zoom ?? 1}" data-show-toolbar="${String(merged.showToolbar !== false)}" data-theme="${escapeHtml(merged.theme ?? "light")}"`;
+        return `<div class="ce-pdf${themeClass}" data-ce-component="pdf-viewer" part="base"${dataAttrs}><div class="ce-pdf__toolbar" part="toolbar"></div><iframe part="frame" src="${escapeHtml(merged.pdfUrl ?? "")}" width="${escapeHtml(merged.width ?? "100%")}" height="${escapeHtml(merged.height ?? "640px")}" style="border:none"></iframe></div>`;
+    },
+};
+export function registerPdfViewerElement() {
+    return defineComponentElement({
+        tag: "ce-pdf-viewer",
+        component: pdfViewerComponent,
+        props: PDF_VIEWER_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_PDF_VIEWER_PROPS,
+        shadow: false,
+        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;
+}
+//# sourceMappingURL=pdf-viewer.js.map

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

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

package/dist/components/web-components/pivot-grid.d.ts

@@ -0,0 +1,68 @@
+export type PivotTheme = "light" | "dark";
+export type PivotDensity = "comfortable" | "compact" | "dense";
+export type PivotAggregator = "sum" | "avg" | "count" | "min" | "max";
+export interface PivotValueField {
+    field: string;
+    label?: string;
+    aggregator: PivotAggregator;
+    format?: Intl.NumberFormatOptions & {
+        locale?: string;
+    };
+}
+export interface PivotProps extends Record<string, unknown> {
+    data?: Array<Record<string, unknown>>;
+    rows?: string[];
+    columns?: string[];
+    values?: PivotValueField[];
+    filters?: Record<string, string>;
+    valueOrder?: string[];
+    searchable?: boolean;
+    searchTerm?: string;
+    searchPlaceholder?: string;
+    showTotals?: boolean;
+    enableFilters?: boolean;
+    theme?: PivotTheme;
+    density?: PivotDensity;
+    emptyLabel?: string;
+    loading?: boolean;
+    loadingLabel?: string;
+    error?: boolean;
+    errorMessage?: string;
+    virtualized?: boolean;
+    viewportHeight?: number;
+    rowHeight?: number;
+    overscan?: number;
+    showToolbar?: boolean;
+}
+export interface PivotPublicState {
+    searchTerm?: string;
+    rowKeys: string[];
+    columnKeys: string[];
+    filters?: Record<string, string>;
+    valueOrder?: string[];
+}
+export interface PivotAggregateDetail {
+    rows: PivotRowGroup[];
+    columns: PivotColumnGroup[];
+    values: PivotValueField[];
+    cells: PivotCell[];
+}
+interface PivotRowGroup {
+    key: string;
+    labels: string[];
+}
+interface PivotColumnGroup {
+    key: string;
+    labels: string[];
+}
+interface PivotCell {
+    rowKey: string;
+    columnKey: string;
+    valueField: string;
+    formatted: string;
+    value: number | null;
+    isTotal: boolean;
+}
+export declare function registerPivotGridElement(): CustomElementConstructor | undefined;
+export {};
+//# sourceMappingURL=pivot-grid.d.ts.map

package/dist/components/web-components/pivot-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pivot-grid.d.ts","sourceRoot":"","sources":["../../../components/web-components/pivot-grid.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAC1C,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;AAEtE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzD;AAED,MAAM,WAAW,UAAW,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,UAAU,SAAS;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CAClB;AAyoBD,wBAAgB,wBAAwB,IAAI,wBAAwB,GAAG,SAAS,CAU/E"}