@itguy614/clean-ui 1.2.1 → 1.3.0

package/dist/components/CuiTreeNode.vue.js

@@ -1,181 +1,7 @@
-import { defineComponent as I, computed as y, ref as b, watch as E, nextTick as H, resolveComponent as R, openBlock as n, createElementBlock as o, normalizeStyle as l, createCommentVNode as c, createElementVNode as $, createBlock as k, renderSlot as w, createTextVNode as Y, toDisplayString as V, Fragment as F, renderList as P, withCtx as W, mergeProps as X } from "vue";
-import z from "./CuiIcon.vue.js";
-const j = ["aria-expanded"], q = { style: { flex: "1", minWidth: "0", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, S = "var(--cui-border-strong, var(--cui-border))", O = /* @__PURE__ */ I({
-  __name: "CuiTreeNode",
-  props: {
-    node: {},
-    depth: {},
-    isLast: { type: Boolean },
-    expanded: {},
-    selectedSet: {},
-    selectable: { type: Boolean },
-    showLines: { type: Boolean },
-    animated: { type: Boolean },
-    cfg: {}
-  },
-  emits: ["toggle-expand", "select-node"],
-  setup(e, { emit: C }) {
-    const t = e, r = C, s = y(() => t.node.children && t.node.children.length > 0), u = y(() => t.expanded.has(t.node.id)), v = y(() => t.selectedSet.has(t.node.id)), f = b(null), i = b(void 0), h = b(u.value);
-    E(u, (a) => {
-      if (!t.animated) {
-        h.value = a;
-        return;
-      }
-      a ? (h.value = !0, i.value = "0px", H(() => {
-        f.value && (i.value = f.value.scrollHeight + "px", setTimeout(() => {
-          i.value = void 0;
-        }, 250));
-      })) : f.value && (i.value = f.value.scrollHeight + "px", requestAnimationFrame(() => {
-        i.value = "0px", setTimeout(() => {
-          h.value = !1, i.value = void 0;
-        }, 250);
-      }));
-    });
-    function L(a) {
-      a.stopPropagation(), r("toggle-expand", t.node);
-    }
-    function T() {
-      s.value && !t.selectable ? r("toggle-expand", t.node) : r("select-node", t.node);
-    }
-    const m = y(() => t.cfg.padX);
-    return (a, d) => {
-      const B = R("CuiTreeNode", !0);
-      return n(), o("div", {
-        role: "treeitem",
-        "aria-expanded": s.value ? u.value : void 0,
-        style: { position: "relative" }
-      }, [
-        e.showLines && e.depth > 0 && !e.isLast ? (n(), o("div", {
-          key: 0,
-          style: l({
-            position: "absolute",
-            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${m.value} + 0.5rem)`,
-            top: "0",
-            bottom: "0",
-            width: "0",
-            borderLeft: `1px solid ${S}`,
-            zIndex: "0"
-          })
-        }, null, 4)) : c("", !0),
-        e.showLines && e.depth > 0 && e.isLast ? (n(), o("div", {
-          key: 1,
-          style: l({
-            position: "absolute",
-            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${m.value} + 0.5rem)`,
-            top: "0",
-            height: `calc(${e.cfg.padY} + 0.625em)`,
-            width: "0",
-            borderLeft: `1px solid ${S}`,
-            zIndex: "0"
-          })
-        }, null, 4)) : c("", !0),
-        e.showLines && e.depth > 0 ? (n(), o("div", {
-          key: 2,
-          style: l({
-            position: "absolute",
-            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${m.value} + 0.5rem)`,
-            top: `calc(${e.cfg.padY} + 0.625em)`,
-            width: `calc(${e.cfg.indent} * 0.5)`,
-            height: "0",
-            borderTop: `1px solid ${S}`,
-            zIndex: "0"
-          })
-        }, null, 4)) : c("", !0),
-        $("div", {
-          style: l({
-            display: "flex",
-            alignItems: "center",
-            gap: "calc(0.25rem * var(--cui-density-scale, 1))",
-            paddingTop: e.cfg.padY,
-            paddingRight: e.cfg.padX,
-            paddingBottom: e.cfg.padY,
-            paddingLeft: `calc(${m.value} + ${e.depth} * ${e.cfg.indent})`,
-            fontSize: e.cfg.fontSize,
-            cursor: e.node.disabled ? "default" : "pointer",
-            borderRadius: "0.25rem",
-            background: v.value ? "var(--cui-primary-bg)" : "transparent",
-            color: e.node.disabled ? "var(--cui-text-tertiary)" : v.value ? "var(--cui-primary)" : "var(--cui-text-body)",
-            fontWeight: v.value ? "600" : "400",
-            opacity: e.node.disabled ? "0.5" : "1",
-            transition: "background 0.1s ease",
-            position: "relative",
-            zIndex: "1"
-          }),
-          onClick: T
-        }, [
-          $("div", {
-            style: l({
-              width: e.cfg.hitSize,
-              height: e.cfg.hitSize,
-              marginLeft: `calc((${e.cfg.iconSize} - ${e.cfg.hitSize}) / 2)`,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              flexShrink: "0",
-              transition: "transform 0.15s ease",
-              transform: u.value ? "rotate(90deg)" : "rotate(0deg)"
-            }),
-            onClick: d[0] || (d[0] = (x) => s.value && L(x))
-          }, [
-            s.value ? (n(), k(z, {
-              key: 0,
-              name: "caret-right",
-              size: e.cfg.iconSize,
-              style: { color: "var(--cui-text-tertiary)" }
-            }, null, 8, ["size"])) : c("", !0)
-          ], 4),
-          e.node.icon ? (n(), k(z, {
-            key: 0,
-            name: e.node.icon,
-            size: e.cfg.iconSize,
-            style: l({ flexShrink: "0", color: v.value ? "var(--cui-primary)" : "var(--cui-text-secondary)" })
-          }, null, 8, ["name", "size", "style"])) : c("", !0),
-          $("div", q, [
-            w(a.$slots, "node", {
-              node: e.node,
-              selected: v.value,
-              expanded: u.value,
-              depth: e.depth
-            }, () => [
-              Y(V(e.node.label), 1)
-            ])
-          ])
-        ], 4),
-        s.value && h.value ? (n(), o("div", {
-          key: 3,
-          ref_key: "childrenRef",
-          ref: f,
-          style: l({
-            position: "relative",
-            overflow: e.animated ? "hidden" : void 0,
-            maxHeight: i.value,
-            transition: e.animated ? "max-height 0.25s ease" : void 0
-          })
-        }, [
-          (n(!0), o(F, null, P(e.node.children, (x, N) => (n(), k(B, {
-            key: String(x.id),
-            node: x,
-            depth: e.depth + 1,
-            "is-last": N === e.node.children.length - 1,
-            expanded: e.expanded,
-            "selected-set": e.selectedSet,
-            selectable: e.selectable,
-            "show-lines": e.showLines,
-            animated: e.animated,
-            cfg: e.cfg,
-            onToggleExpand: d[1] || (d[1] = (g) => r("toggle-expand", g)),
-            onSelectNode: d[2] || (d[2] = (g) => r("select-node", g))
-          }, {
-            node: W((g) => [
-              w(a.$slots, "node", X({ ref_for: !0 }, g))
-            ]),
-            _: 3
-          }, 8, ["node", "depth", "is-last", "expanded", "selected-set", "selectable", "show-lines", "animated", "cfg"]))), 128))
-        ], 4)) : c("", !0)
-      ], 8, j);
-    };
-  }
-});
+import o from "./CuiTreeNode.vue2.js";
+/* empty css                 */
+import e from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fe205eb9"]]);
 export {
-  O as default
+  m as default
 };

package/dist/components/CuiTreeNode.vue2.js

@@ -1,4 +1,200 @@
-import f from "./CuiTreeNode.vue.js";
+import { defineComponent as E, computed as m, ref as b, watch as F, nextTick as H, resolveComponent as R, openBlock as n, createElementBlock as r, withModifiers as Y, normalizeStyle as c, createCommentVNode as u, createElementVNode as S, createBlock as z, renderSlot as k, createTextVNode as O, toDisplayString as V, Fragment as A, renderList as P, withCtx as W, mergeProps as X } from "vue";
+import C from "./CuiIcon.vue.js";
+const j = ["data-cui-tree-id", "tabindex", "aria-expanded", "aria-selected", "aria-disabled", "aria-level", "aria-setsize", "aria-posinset"], q = { style: { flex: "1", minWidth: "0", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, $ = "var(--cui-border-strong, var(--cui-border))", G = /* @__PURE__ */ E({
+  __name: "CuiTreeNode",
+  props: {
+    node: {},
+    depth: {},
+    isLast: { type: Boolean },
+    expanded: {},
+    selectedSet: {},
+    selectable: { type: Boolean },
+    showLines: { type: Boolean },
+    animated: { type: Boolean },
+    cfg: {},
+    activeId: {},
+    sizeOfSet: {},
+    positionInSet: {}
+  },
+  emits: ["toggle-expand", "select-node", "node-focused"],
+  setup(e, { emit: L }) {
+    const t = e, d = L, v = m(() => t.node.children && t.node.children.length > 0), I = m(() => t.activeId === t.node.id), f = m(() => t.expanded.has(t.node.id)), s = m(() => t.selectedSet.has(t.node.id)), g = b(null), a = b(void 0), x = b(f.value);
+    F(f, (l) => {
+      if (!t.animated) {
+        x.value = l;
+        return;
+      }
+      l ? (x.value = !0, a.value = "0px", H(() => {
+        g.value && (a.value = g.value.scrollHeight + "px", setTimeout(() => {
+          a.value = void 0;
+        }, 250));
+      })) : g.value && (a.value = g.value.scrollHeight + "px", requestAnimationFrame(() => {
+        a.value = "0px", setTimeout(() => {
+          x.value = !1, a.value = void 0;
+        }, 250);
+      }));
+    });
+    function T(l) {
+      l.stopPropagation(), d("toggle-expand", t.node);
+    }
+    function N() {
+      d("node-focused", t.node.id), v.value && !t.selectable ? d("toggle-expand", t.node) : d("select-node", t.node);
+    }
+    const y = m(() => t.cfg.padX);
+    return (l, i) => {
+      const B = R("CuiTreeNode", !0);
+      return n(), r("div", {
+        class: "cui-tree-node",
+        role: "treeitem",
+        "data-cui-tree-id": String(e.node.id),
+        tabindex: e.node.disabled ? void 0 : I.value ? 0 : -1,
+        "aria-expanded": v.value ? f.value : void 0,
+        "aria-selected": e.selectable ? s.value : void 0,
+        "aria-disabled": e.node.disabled || void 0,
+        "aria-level": e.depth + 1,
+        "aria-setsize": e.sizeOfSet,
+        "aria-posinset": e.positionInSet,
+        style: { position: "relative", outline: "none" },
+        onFocusin: i[4] || (i[4] = Y((h) => d("node-focused", e.node.id), ["self"]))
+      }, [
+        e.showLines && e.depth > 0 && !e.isLast ? (n(), r("div", {
+          key: 0,
+          style: c({
+            position: "absolute",
+            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${y.value} + 0.5rem)`,
+            top: "0",
+            bottom: "0",
+            width: "0",
+            borderLeft: `1px solid ${$}`,
+            zIndex: "0"
+          })
+        }, null, 4)) : u("", !0),
+        e.showLines && e.depth > 0 && e.isLast ? (n(), r("div", {
+          key: 1,
+          style: c({
+            position: "absolute",
+            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${y.value} + 0.5rem)`,
+            top: "0",
+            height: `calc(${e.cfg.padY} + 0.625em)`,
+            width: "0",
+            borderLeft: `1px solid ${$}`,
+            zIndex: "0"
+          })
+        }, null, 4)) : u("", !0),
+        e.showLines && e.depth > 0 ? (n(), r("div", {
+          key: 2,
+          style: c({
+            position: "absolute",
+            left: `calc((${e.depth} - 1) * ${e.cfg.indent} + ${y.value} + 0.5rem)`,
+            top: `calc(${e.cfg.padY} + 0.625em)`,
+            width: `calc(${e.cfg.indent} * 0.5)`,
+            height: "0",
+            borderTop: `1px solid ${$}`,
+            zIndex: "0"
+          })
+        }, null, 4)) : u("", !0),
+        S("div", {
+          class: "cui-tree-node__row",
+          style: c({
+            display: "flex",
+            alignItems: "center",
+            gap: "calc(0.25rem * var(--cui-density-scale, 1))",
+            paddingTop: e.cfg.padY,
+            paddingRight: e.cfg.padX,
+            paddingBottom: e.cfg.padY,
+            paddingLeft: `calc(${y.value} + ${e.depth} * ${e.cfg.indent})`,
+            fontSize: e.cfg.fontSize,
+            cursor: e.node.disabled ? "default" : "pointer",
+            borderRadius: "0.25rem",
+            background: s.value ? "var(--cui-primary-bg)" : "transparent",
+            color: e.node.disabled ? "var(--cui-text-tertiary)" : s.value ? "var(--cui-primary)" : "var(--cui-text-body)",
+            fontWeight: s.value ? "600" : "400",
+            opacity: e.node.disabled ? "0.5" : "1",
+            transition: "background 0.1s ease",
+            position: "relative",
+            zIndex: "1"
+          }),
+          onClick: N
+        }, [
+          S("div", {
+            class: "cui-tree-node__chevron",
+            style: c({
+              width: e.cfg.hitSize,
+              height: e.cfg.hitSize,
+              marginLeft: `calc((${e.cfg.iconSize} - ${e.cfg.hitSize}) / 2)`,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: "0",
+              transition: "transform 0.15s ease",
+              transform: f.value ? "rotate(90deg)" : "rotate(0deg)"
+            }),
+            onClick: i[0] || (i[0] = (h) => v.value && T(h))
+          }, [
+            v.value ? (n(), z(C, {
+              key: 0,
+              name: "caret-right",
+              size: e.cfg.iconSize,
+              style: { color: "var(--cui-text-tertiary)" }
+            }, null, 8, ["size"])) : u("", !0)
+          ], 4),
+          e.node.icon ? (n(), z(C, {
+            key: 0,
+            name: e.node.icon,
+            size: e.cfg.iconSize,
+            style: c({ flexShrink: "0", color: s.value ? "var(--cui-primary)" : "var(--cui-text-secondary)" })
+          }, null, 8, ["name", "size", "style"])) : u("", !0),
+          S("div", q, [
+            k(l.$slots, "node", {
+              node: e.node,
+              selected: s.value,
+              expanded: f.value,
+              depth: e.depth
+            }, () => [
+              O(V(e.node.label), 1)
+            ], !0)
+          ])
+        ], 4),
+        v.value && x.value ? (n(), r("div", {
+          key: 3,
+          ref_key: "childrenRef",
+          ref: g,
+          role: "group",
+          style: c({
+            position: "relative",
+            overflow: e.animated ? "hidden" : void 0,
+            maxHeight: a.value,
+            transition: e.animated ? "max-height 0.25s ease" : void 0
+          })
+        }, [
+          (n(!0), r(A, null, P(e.node.children, (h, w) => (n(), z(B, {
+            key: String(h.id),
+            node: h,
+            depth: e.depth + 1,
+            "is-last": w === e.node.children.length - 1,
+            expanded: e.expanded,
+            "selected-set": e.selectedSet,
+            selectable: e.selectable,
+            "show-lines": e.showLines,
+            animated: e.animated,
+            cfg: e.cfg,
+            "active-id": e.activeId,
+            "size-of-set": e.node.children.length,
+            "position-in-set": w + 1,
+            onToggleExpand: i[1] || (i[1] = (o) => d("toggle-expand", o)),
+            onSelectNode: i[2] || (i[2] = (o) => d("select-node", o)),
+            onNodeFocused: i[3] || (i[3] = (o) => d("node-focused", o))
+          }, {
+            node: W((o) => [
+              k(l.$slots, "node", X({ ref_for: !0 }, o), void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["node", "depth", "is-last", "expanded", "selected-set", "selectable", "show-lines", "animated", "cfg", "active-id", "size-of-set", "position-in-set"]))), 128))
+        ], 4)) : u("", !0)
+      ], 40, j);
+    };
+  }
+});
 export {
-  f as default
+  G as default
 };

package/dist/components/CuiTreeView.vue.d.ts

@@ -20,9 +20,17 @@ export interface CuiTreeViewProps extends HideableProps {
     modelValue?: string | number | (string | number)[] | null;
     /** Allow multiple selection */
     multiple?: boolean;
-    /** Initially expanded node ids */
+    /**
+     * Expanded node ids (`v-model:expanded`). Pass it and expansion is
+     * controlled — the tree renders exactly these ids and every change is emitted
+     * for you to apply, so expansion can be driven from app state, persisted, or
+     * restored. Omit it and the tree manages expansion itself, seeded from
+     * `defaultExpanded` / `expandAll`.
+     */
+    expanded?: (string | number)[];
+    /** Initially expanded node ids — read once, for uncontrolled use */
     defaultExpanded?: (string | number)[];
-    /** Expand all nodes by default */
+    /** Expand all nodes by default — read once, for uncontrolled use */
     expandAll?: boolean;
     /** Show connecting lines */
     showLines?: boolean;
@@ -33,16 +41,36 @@ export interface CuiTreeViewProps extends HideableProps {
     /** Size */
     size?: "sm" | "md" | "lg";
 }
-declare var __VLS_9: any;
+declare var __VLS_10: any;
 type __VLS_Slots = {} & {
-    node?: (props: typeof __VLS_9) => any;
+    node?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<CuiTreeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<CuiTreeViewProps, {
+    el: Readonly<import("vue").ShallowRef<HTMLElement | null>>;
+    /** Expand one node by id. No-op if it is already expanded. */
+    expand: (id: string | number) => void;
+    /** Collapse one node by id. No-op if it is already collapsed. */
+    collapse: (id: string | number) => void;
+    /** Flip one node's expanded state. */
+    toggleExpand: (id: string | number) => void;
+    /** Expand every node that has children, at any depth. */
+    expandAll: () => void;
+    /** Collapse everything. */
+    collapseAll: () => void;
+    /** Expand a node and all of its ancestors, so a deep node is revealed. */
+    reveal: (id: string | number) => void;
+    /** Whether a node id is currently expanded. */
+    isExpanded: (id: string | number) => boolean;
+    /** The ids currently expanded, in insertion order. */
+    expandedIds: () => (string | number)[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | (string | number)[] | null) => any;
+    "update:expanded": (value: (string | number)[]) => any;
     "node-click": (node: TreeNode) => any;
     "node-expand": (node: TreeNode, expanded: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<CuiTreeViewProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
+    "onUpdate:expanded"?: ((value: (string | number)[]) => any) | undefined;
     "onNode-click"?: ((node: TreeNode) => any) | undefined;
     "onNode-expand"?: ((node: TreeNode, expanded: boolean) => any) | undefined;
 }>, {

package/dist/components/CuiTreeView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CuiTreeView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeView.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,gBAAgB;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACtC,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAiJD,QAAA,IAAI,OAAO,KAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA2B5C,QAAA,MAAM,eAAe;;;;;;;;;;UA/KZ,IAAI,GAAG,IAAI,GAAG,IAAI;cAZd,OAAO;gBAQL,OAAO;eAFR,OAAO;cAIR,OAAO;eANN,OAAO;6EA+LnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CuiTreeView.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiTreeView.vue"],"names":[],"mappings":"AA+YA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,gBAAgB;IAChB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC;IAC1D,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC/B,oEAAoE;IACpE,eAAe,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACtC,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAiZD,QAAA,IAAI,QAAQ,KAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAgC7C,QAAA,MAAM,eAAe;;IAvJnB,8DAA8D;iBACjD,MAAM,GAAG,MAAM;IAC5B,iEAAiE;mBAClD,MAAM,GAAG,MAAM;IAC9B,sCAAsC;uBACnB,MAAM,GAAG,MAAM;IAClC,yDAAyD;;IAEzD,2BAA2B;;IAE3B,0EAA0E;iBAC7D,MAAM,GAAG,MAAM;IAa5B,+CAA+C;qBAC9B,MAAM,GAAG,MAAM;IAChC,sDAAsD;;;;;;;;;;;;;;UAvT/C,IAAI,GAAG,IAAI,GAAG,IAAI;cApBd,OAAO;gBAgBL,OAAO;eAFR,OAAO;cAIR,OAAO;eANN,OAAO;6EAqcnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}