bitboss-ui 2.0.5 → 2.0.8

package/dist/index117.js

@@ -1,123 +1,164 @@
-import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index277.js";
-const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
-  __name: "BbTree",
+import { defineComponent as A, ref as o, computed as $, watch as I, openBlock as b, createElementBlock as D, mergeProps as L, createElementVNode as c, renderSlot as M, normalizeProps as R, guardReactiveProps as U, unref as u, createBlock as O, Teleport as W, normalizeClass as j, normalizeStyle as q, withCtx as G, createCommentVNode as P } from "vue";
+import { useFloating as J, arrow as K } from "./index202.js";
+import { useId as Q } from "./index9.js";
+import { wait as T } from "./index128.js";
+import X from "./index14.js";
+/* empty css        */
+import { throttle as w } from "./index222.js";
+import { waitFor as Y } from "./index212.js";
+import { autoUpdate as Z, flip as ee, shift as te, hide as oe } from "./index217.js";
+const ae = { class: "bb-tooltip__bubble" }, ne = /* @__PURE__ */ c("svg", {
+  fill: "none",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ c("path", {
+    d: "M23 23L1 1M23 1L1 23",
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-width": "2"
+  })
+], -1), fe = /* @__PURE__ */ A({
+  __name: "BbTooltip",
   props: {
-    items: { default: () => [] },
-    parent: {},
-    identifier: { default: "id" },
-    depth: { default: 0 },
-    expandable: { type: [Boolean, Function] }
+    arrowPadding: { default: 10 },
+    block: { type: Boolean },
+    disabled: { type: Boolean },
+    eager: { type: Boolean },
+    id: {},
+    padding: { default: 10 },
+    placement: { default: "top" },
+    showClose: { type: Boolean, default: !0 },
+    theme: { default: "default" },
+    transitionDuration: { default: 250 }
   },
-  setup(c) {
-    const r = c, u = (n) => typeof n.open > "u" ? !0 : n.open, x = g(() => {
-      let n = 0;
-      return r.items.map((d, l) => {
-        const e = u(d), p = d.expandable ?? r.expandable, a = n + 1;
-        n = n + T([d], "children").length;
-        let o = !1;
-        return typeof p < "u" && (typeof p == "function" ? o = p(d, r.depth, r.parent) : o = p), {
-          children: d.children,
-          depth: r.depth,
-          expandable: o,
-          identifier: d[r.identifier],
-          offset: a,
-          index: l,
-          open: e,
-          original: d,
-          parent: r.parent
+  setup(F) {
+    const t = F, _ = `bb_${t.id ?? Q().id.value}`, p = o(), d = o(), h = o(), { floatingStyles: z, placement: g, middlewareData: f } = J(
+      p,
+      d,
+      {
+        placement: t.placement,
+        whileElementsMounted: Z,
+        middleware: [
+          ee(),
+          te({ padding: t.padding }),
+          K({
+            element: h,
+            padding: t.arrowPadding
+          }),
+          oe()
+        ]
+      }
+    );
+    let y = () => {
+    };
+    const k = o(!0), a = o(!1), l = o(!1), r = o(!1), s = o(!0), S = $(() => {
+      if (f.value.arrow) {
+        const { x: e, y: n } = f.value.arrow;
+        return {
+          style: {
+            left: `${e}px`,
+            top: `${n}px`
+          }
         };
-      });
-    });
-    return (n, d) => {
-      const l = y("BbTree", !0);
-      return f(!0), i(k, null, h(x.value, (e) => (f(), i("div", {
-        key: e.identifier,
-        class: b(["bb-tree", {
-          [`bb-tree--depth-${e.depth}`]: !0,
-          "bb-tree--open": e.open
-        }])
+      }
+    }), B = () => {
+      l.value || a.value || t.disabled || (V(), document.addEventListener("mouseover", C, { passive: !0 }), document.addEventListener("keydown", E, { passive: !0 }));
+    }, H = B, C = w((e) => {
+      const n = e.target;
+      if (n && n instanceof HTMLElement) {
+        let v = !0;
+        p.value && p.value.contains(n) && (v = !1), d.value && d.value.contains(n) && (v = !1), v && i();
+      }
+    }, t.transitionDuration), E = (e) => {
+      l.value && e.key === "Escape" && i();
+    }, N = () => {
+      k.value = !1, i();
+    }, m = o(!1), V = w(async () => {
+      k.value && (m.value = !0, s.value = !1, r.value = !1, a.value = !0, await T(50), l.value = !0, a.value = !1, y = I(
+        () => {
+          var e;
+          return (e = f.value.hide) == null ? void 0 : e.referenceHidden;
+        },
+        async (e) => {
+          !r.value && !s.value && e && await i();
+        }
+      ));
+    }, t.transitionDuration), i = w(async () => {
+      await Y(() => !a.value), document.removeEventListener("mouseover", C), document.removeEventListener("keydown", E), l.value = !1, a.value = !1, r.value = !0, await T(t.transitionDuration), r.value = !1, s.value = !0, y();
+    }, t.transitionDuration), x = $(() => ({
+      class: {
+        "bb-tooltip--block": t.block,
+        [`bb-tooltip--theme-${t.theme}`]: t.theme
+      }
+    }));
+    return (e, n) => (b(), D("span", L({ class: "bb-tooltip" }, x.value), [
+      c("span", {
+        ref_key: "wrapper",
+        ref: p,
+        class: "bb-tooltip__wrapper"
       }, [
-        s("div", w, [
-          s("div", E, [
-            n.$slots[e.identifier] ? t(n.$slots, e.identifier, {
-              key: 0,
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            }) : n.$slots[e.depth] ? t(n.$slots, e.depth, {
-              key: 1,
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            }) : t(n.$slots, "default", {
-              key: 2,
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            })
-          ])
-        ]),
-        s("div", {
-          class: b(`bb-tree--depth-${e.depth}-children`)
+        M(e.$slots, "activator", R(U({
+          props: {
+            ...m.value ? { "aria-describedby": _ } : {},
+            onMouseenter: B,
+            onFocus: u(H),
+            onBlur: u(i),
+            disabled: e.disabled
+          },
+          closed: s.value,
+          closing: r.value,
+          disabled: e.disabled,
+          open: l.value,
+          opening: a.value,
+          placement: u(g)
+        })))
+      ], 512),
+      (b(), O(W, { to: "body" }, [
+        m.value || e.eager ? (b(), D("span", {
+          key: 0,
+          id: _,
+          ref_key: "content",
+          ref: d,
+          class: j(["bb-tooltip__bubble-container", {
+            [`bb-tooltip__bubble-container--${u(g)}`]: !0,
+            [`bb-tooltip__bubble-container--${e.theme}`]: e.theme,
+            "bb-tooltip__bubble-container--hidden": s.value,
+            "bb-tooltip__bubble-container--closing": r.value,
+            "bb-tooltip__bubble-container--opening": a.value,
+            "bb-tooltip__bubble-container--open": l.value
+          }]),
+          style: q({
+            ...u(z),
+            transitionDuration: `${t.transitionDuration}ms`
+          })
         }, [
-          t(n.$slots, `${e.identifier}-children`, {
-            depth: e.depth,
-            expandable: e.expandable,
-            identifier: e.identifier,
-            index: e.index,
-            item: e.original,
-            offset: e.offset,
-            open: e.open,
-            parent: e.parent
-          }, () => [
-            t(n.$slots, `${e.depth}-children`, {
-              depth: e.depth,
-              expandable: e.expandable,
-              identifier: e.identifier,
-              index: e.index,
-              item: e.original,
-              offset: e.offset,
-              open: e.open,
-              parent: e.parent
-            }, () => [
-              v(l, {
-                depth: e.depth + 1,
-                expandable: n.expandable,
-                identifier: r.identifier,
-                items: e.children,
-                parent: e
-              }, B({ _: 2 }, [
-                h(n.$slots, (p, a) => ({
-                  name: a,
-                  fn: _((o) => [
-                    t(n.$slots, a, C({ ref_for: !0 }, o))
-                  ])
-                }))
-              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
-            ])
+          c("span", L({
+            ref_key: "bubblearrow",
+            ref: h,
+            class: "bb-tooltip__arrow"
+          }, S.value), null, 16),
+          c("span", ae, [
+            e.showClose ? (b(), O(X, {
+              key: 0,
+              "aria-hidden": "true",
+              class: "bb-tooltip__close",
+              tabindex: "-1",
+              onClick: N
+            }, {
+              default: G(() => [
+                ne
+              ]),
+              _: 1
+            })) : P("", !0),
+            M(e.$slots, "default")
           ])
-        ], 2)
-      ], 2))), 128);
-    };
+        ], 6)) : P("", !0)
+      ]))
+    ], 16));
   }
 });
 export {
-  N as default
+  fe as default
 };
 //# sourceMappingURL=index117.js.map

package/dist/index117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index117.js","sources":["../src/components/BbTree/BbTree.vue"],"sourcesContent":["<template>\n\t<div\n\t\tv-for=\"item in internalItems\"\n\t\t:key=\"item.identifier\"\n\t\tclass=\"bb-tree\"\n\t\t:class=\"{\n\t\t\t[`bb-tree--depth-${item.depth}`]: true,\n\t\t\t'bb-tree--open': item.open,\n\t\t}\"\n\t>\n\t\t<div class=\"bb-tree-row\">\n\t\t\t<div class=\"bb-tree-main-content\">\n\t\t\t\t<!-- Slot for a speciifc item -->\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots[item.identifier]\"\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"item.identifier\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t/>\n\t\t\t\t<!-- Slot for all items in this level -->\n\t\t\t\t<slot\n\t\t\t\t\tv-else-if=\"$slots[item.depth]\"\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"item.depth\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t/>\n\t\t\t\t<!-- Default slot -->\n\t\t\t\t<slot\n\t\t\t\t\tv-else\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"'default'\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<div :class=\"`bb-tree--depth-${item.depth}-children`\">\n\t\t\t<slot\n\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t:index=\"item.index\"\n\t\t\t\t:item=\"item.original\"\n\t\t\t\t:name=\"`${item.identifier}-children`\"\n\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t:open=\"item.open\"\n\t\t\t\t:parent=\"item.parent\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"`${item.depth}-children`\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t>\n\t\t\t\t\t<BbTree\n\t\t\t\t\t\t:depth=\"item.depth + 1\"\n\t\t\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t\t\t:identifier=\"props.identifier\"\n\t\t\t\t\t\t:items=\"item.children\"\n\t\t\t\t\t\t:parent=\"item\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template v-for=\"(_, name) in $slots\" #[name]=\"data: any\">\n\t\t\t\t\t\t\t<slot :name=\"name\" v-bind=\"data\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</BbTree>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { flattenTree } from '@/utilities/functions/flattenTree';\nimport { computed } from 'vue';\n\nexport type TreeItem = {\n\t/**\n\t * Array of children of the current item. Is the key\n\t * with which we can identify whther the node is nested or not.\n\t */\n\tchildren?: TreeItem[];\n\t/**\n\t * Status of the current node. When a node is open\n\t * it's children are displayed. Otherwise its children\n\t * are hidden.\n\t */\n\topen?: boolean;\n\t[key: symbol | string]: any;\n} & Pick<BbTreeProps, 'expandable'>;\n\nexport type BbTreeProps = {\n\t/**\n\t * Array containing the tree like structure of the items.\n\t */\n\titems: TreeItem[];\n\t/**\n\t * Parent of the current node. `undefined` for the first level.\n\t */\n\tparent?: TreeItem;\n\t/**\n\t * Identifier of the item.\n\t */\n\tidentifier?: string | number;\n\t/**\n\t * Current depth of the tree. Starting at 0 for\n\t * the first level increasing at every level down.\n\t */\n\tdepth?: number;\n\t/**\n\t * Defines the item as expandable. It can be a\n\t * global boolean defining all items as expandable.\n\t * Or it can be a function that receives the item,\n\t * depth, and parent of the current node and returns a boolean.\n\t */\n\texpandable?:\n\t\t| boolean\n\t\t| ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);\n};\n\nconst props = withDefaults(defineProps<BbTreeProps>(), {\n\tidentifier: 'id',\n\tdepth: 0,\n\toffset: 0,\n\titems: () => [] as TreeItem[],\n});\n\nexport type BbTreeSlots = {\n\t[key: string]: (props: {\n\t\titem: any;\n\t\tparent?: any;\n\t\tindex: number;\n\t\toffset: number;\n\t\topen: boolean;\n\t\tdepth: number;\n\t\tidentifier?: string | number;\n\t\texpandable: boolean;\n\t}) => any;\n};\ndefineSlots<BbTreeSlots>();\n\nconst itemIsOpen = (item: TreeItem) => {\n\t/* If the item is not expandable it must be open */\n\tif (typeof item.open === 'undefined') return true;\n\treturn item.open;\n};\n\ntype MappedItem = {\n\tchildren: TreeItem['children'];\n\tdepth: NonNullable<BbTreeProps['depth']>;\n\texpandable: boolean;\n\tidentifier: any;\n\tindex: number;\n\toffset: number;\n\topen: boolean;\n\toriginal: any;\n\tparent: BbTreeProps['parent'];\n};\n\nconst internalItems = computed<MappedItem[]>(() => {\n\tlet currentOffset = 0;\n\n\treturn props.items.map((item: TreeItem, index) => {\n\t\tconst open = itemIsOpen(item);\n\t\tconst expandableProp = item.expandable ?? props.expandable;\n\t\tconst offset = currentOffset + 1;\n\n\t\tcurrentOffset = currentOffset + flattenTree([item], 'children').length;\n\n\t\tlet expandable = false;\n\t\tif (typeof expandableProp !== 'undefined') {\n\t\t\tif (typeof expandableProp === 'function')\n\t\t\t\texpandable = expandableProp(item, props.depth, props.parent);\n\t\t\telse expandable = expandableProp;\n\t\t}\n\t\treturn {\n\t\t\tchildren: item.children,\n\t\t\tdepth: props.depth,\n\t\t\texpandable: expandable,\n\t\t\tidentifier: item[props.identifier],\n\t\t\toffset,\n\t\t\tindex,\n\t\t\topen,\n\t\t\toriginal: item,\n\t\t\tparent: props.parent,\n\t\t};\n\t});\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTree';\n</style>\n"],"names":["props","__props","itemIsOpen","item","internalItems","computed","currentOffset","index","open","expandableProp","offset","flattenTree","expandable"],"mappings":";;;;;;;;;;;;AA6IA,UAAMA,IAAQC,GAqBRC,IAAa,CAACC,MAEf,OAAOA,EAAK,OAAS,MAAoB,KACtCA,EAAK,MAePC,IAAgBC,EAAuB,MAAM;AAClD,UAAIC,IAAgB;AAEpB,aAAON,EAAM,MAAM,IAAI,CAACG,GAAgBI,MAAU;AAC3C,cAAAC,IAAON,EAAWC,CAAI,GACtBM,IAAiBN,EAAK,cAAcH,EAAM,YAC1CU,IAASJ,IAAgB;AAE/B,QAAAA,IAAgBA,IAAgBK,EAAY,CAACR,CAAI,GAAG,UAAU,EAAE;AAEhE,YAAIS,IAAa;AACb,eAAA,OAAOH,IAAmB,QACzB,OAAOA,KAAmB,aAC7BG,IAAaH,EAAeN,GAAMH,EAAM,OAAOA,EAAM,MAAM,IAC1CY,IAAAH,IAEZ;AAAA,UACN,UAAUN,EAAK;AAAA,UACf,OAAOH,EAAM;AAAA,UACb,YAAAY;AAAA,UACA,YAAYT,EAAKH,EAAM,UAAU;AAAA,UACjC,QAAAU;AAAA,UACA,OAAAH;AAAA,UACA,MAAAC;AAAA,UACA,UAAUL;AAAA,UACV,QAAQH,EAAM;AAAA,QAAA;AAAA,MACf,CACA;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index117.js","sources":["../src/components/BbTooltip/BbTooltip.vue"],"sourcesContent":["<template>\n\t<span class=\"bb-tooltip\" v-bind=\"attributes\">\n\t\t<span ref=\"wrapper\" class=\"bb-tooltip__wrapper\">\n\t\t\t<slot\n\t\t\t\tname=\"activator\"\n\t\t\t\tv-bind=\"{\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...(hasOpenedOnce ? { 'aria-describedby': id } : {}),\n\t\t\t\t\t\tonMouseenter,\n\t\t\t\t\t\tonFocus,\n\t\t\t\t\t\tonBlur: closeTooltip,\n\t\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclosed: closed,\n\t\t\t\t\tclosing: closing,\n\t\t\t\t\tdisabled: disabled,\n\t\t\t\t\topen: open,\n\t\t\t\t\topening: opening,\n\t\t\t\t\tplacement: placement,\n\t\t\t\t}\"\n\t\t\t></slot>\n\t\t</span>\n\t\t<teleport to=\"body\">\n\t\t\t<span\n\t\t\t\tv-if=\"hasOpenedOnce || eager\"\n\t\t\t\t:id=\"id\"\n\t\t\t\tref=\"content\"\n\t\t\t\tclass=\"bb-tooltip__bubble-container\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t[`bb-tooltip__bubble-container--${placement}`]: true,\n\t\t\t\t\t[`bb-tooltip__bubble-container--${theme}`]: theme,\n\t\t\t\t\t'bb-tooltip__bubble-container--hidden': closed,\n\t\t\t\t\t'bb-tooltip__bubble-container--closing': closing,\n\t\t\t\t\t'bb-tooltip__bubble-container--opening': opening,\n\t\t\t\t\t'bb-tooltip__bubble-container--open': open,\n\t\t\t\t}\"\n\t\t\t\t:style=\"{\n\t\t\t\t\t...floatingStyles,\n\t\t\t\t\ttransitionDuration: `${props.transitionDuration}ms`,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tref=\"bubblearrow\"\n\t\t\t\t\tclass=\"bb-tooltip__arrow\"\n\t\t\t\t\tv-bind=\"arrowAttributes\"\n\t\t\t\t></span>\n\t\t\t\t<span class=\"bb-tooltip__bubble\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\tv-if=\"showClose\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"bb-tooltip__close\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t@click=\"onClickClose\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M23 23L1 1M23 1L1 23\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</teleport>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport {\n\tuseFloating,\n\tautoUpdate,\n\tflip,\n\tshift,\n\tarrow,\n\thide,\n} from '@floating-ui/vue';\nimport { useId } from '@/composables/useId';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\nimport type { Placement } from '@floating-ui/vue';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { waitFor } from '@/utilities/functions/waitFor';\n\nexport type BbTooltipProps = Pick<\n\tCommonProps,\n\t| 'arrowPadding'\n\t| 'block'\n\t| 'disabled'\n\t| 'eager'\n\t| 'id'\n\t| 'padding'\n\t| 'placement'\n\t| 'showClose'\n\t| 'theme'\n\t| 'transitionDuration'\n>;\n\nconst props = withDefaults(defineProps<BbTooltipProps>(), {\n\tarrowPadding: 10,\n\tpadding: 10,\n\tplacement: 'top',\n\tshowClose: true,\n\ttheme: 'default',\n\ttransitionDuration: 250,\n});\n\ntype BbTooltipSlots = {\n\tactivator?: (props: {\n\t\tprops: {\n\t\t\t'aria-describedby': string;\n\t\t\tonMouseenter: typeof onMouseenter;\n\t\t\tonFocus: typeof onFocus;\n\t\t\tonBlur: typeof closeTooltip;\n\t\t};\n\t\tclosed: boolean;\n\t\tclosing: boolean;\n\t\tdisabled?: boolean;\n\t\topen: boolean;\n\t\topening: boolean;\n\t\tplacement: Placement;\n\t}) => any;\n\tdefault?: (props: object) => any;\n};\n\ndefineSlots<BbTooltipSlots>();\n\nconst id = `bb_${props.id ?? useId().id.value}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { floatingStyles, placement, middlewareData } = useFloating(\n\twrapper,\n\tcontent,\n\t{\n\t\tplacement: props.placement,\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [\n\t\t\tflip(),\n\t\t\tshift({ padding: props.padding }),\n\t\t\tarrow({\n\t\t\t\telement: bubblearrow,\n\t\t\t\tpadding: props.arrowPadding,\n\t\t\t}),\n\t\t\thide(),\n\t\t],\n\t}\n);\n\nlet stopWatcher = () => {};\n\nconst canOpen = ref(true);\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst arrowAttributes = computed(() => {\n\tif (middlewareData.value.arrow) {\n\t\tconst { x, y } = middlewareData.value.arrow;\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t},\n\t\t};\n\t}\n\treturn undefined;\n});\n\nconst onMouseenter = () => {\n\tif (open.value || opening.value || props.disabled) return;\n\topenTooltip();\n\tdocument.addEventListener('mouseover', onMouseOver, { passive: true });\n\tdocument.addEventListener('keydown', onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = throttle((event: Event) => {\n\tconst target = event.target;\n\tif (!target) return;\n\tif (target instanceof HTMLElement) {\n\t\tlet isOutside = true;\n\n\t\tif (wrapper.value) {\n\t\t\tif (wrapper.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\t\tif (content.value) {\n\t\t\tif (content.value.contains(target)) {\n\t\t\t\tisOutside = false;\n\t\t\t}\n\t\t}\n\n\t\tif (isOutside) {\n\t\t\tcloseTooltip();\n\t\t}\n\t}\n}, props.transitionDuration);\n\nconst onEsc = (event: KeyboardEvent) => {\n\tif (open.value) {\n\t\tif (event.key === 'Escape') {\n\t\t\tcloseTooltip();\n\t\t}\n\t}\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n\tcanOpen.value = false;\n\tcloseTooltip();\n};\n\nconst hasOpenedOnce = ref(false);\nconst openTooltip = throttle(async () => {\n\tif (!canOpen.value) return;\n\thasOpenedOnce.value = true;\n\tclosed.value = false;\n\tclosing.value = false;\n\topening.value = true;\n\tawait wait(50);\n\topen.value = true;\n\topening.value = false;\n\tstopWatcher = watch(\n\t\t() => middlewareData.value.hide?.referenceHidden,\n\t\tasync (value) => {\n\t\t\tif (!closing.value && !closed.value && value) {\n\t\t\t\tawait closeTooltip();\n\t\t\t}\n\t\t}\n\t);\n}, props.transitionDuration);\n\nconst closeTooltip = throttle(async () => {\n\tawait waitFor(() => !opening.value);\n\tdocument.removeEventListener('mouseover', onMouseOver);\n\tdocument.removeEventListener('keydown', onEsc);\n\topen.value = false;\n\topening.value = false;\n\tclosing.value = true;\n\tawait wait(props.transitionDuration);\n\tclosing.value = false;\n\tclosed.value = true;\n\tstopWatcher();\n}, props.transitionDuration);\n\nconst attributes = computed(() => {\n\tconst classes = {\n\t\t'bb-tooltip--block': props.block,\n\t\t[`bb-tooltip--theme-${props.theme}`]: props.theme,\n\t};\n\treturn {\n\t\tclass: classes,\n\t};\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTooltip';\n</style>\n"],"names":["props","__props","id","useId","wrapper","ref","content","bubblearrow","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","shift","arrow","hide","stopWatcher","canOpen","opening","open","closing","closed","arrowAttributes","computed","x","y","onMouseenter","openTooltip","onMouseOver","onEsc","onFocus","throttle","event","target","isOutside","closeTooltip","onClickClose","hasOpenedOnce","wait","watch","_a","value","waitFor","attributes"],"mappings":"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"}

package/dist/index119.js

@@ -1,47 +1,123 @@
-import { defineComponent as c, openBlock as t, createElementBlock as o, createElementVNode as l, renderSlot as r, createTextVNode as i, toDisplayString as p, withModifiers as _, createCommentVNode as d } from "vue";
-const b = { class: "bb-chip" }, h = { class: "bb-chip__content" }, m = ["aria-label"], u = {
-  "aria-hidden": "true",
-  class: "v-icon__svg",
-  role: "img",
-  style: { height: "20px", width: "20px" },
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg"
-}, L = /* @__PURE__ */ l("path", {
-  d: "M15 6.375L14.125 5.5L10 9.625L5.875 5.5L5 6.375L9.125 10.5L5 14.625L5.875 15.5L10 11.375L14.125 15.5L15 14.625L10.875 10.5L15 6.375Z",
-  fill: "currentColor"
-}, null, -1), f = [
-  L
-], v = /* @__PURE__ */ c({
-  __name: "BbChip",
+import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
+import { flattenTree as T } from "./index285.js";
+const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
+  __name: "BbTree",
   props: {
-    text: {},
-    clearable: { type: Boolean, default: !0 },
-    clearableLabel: { default: "Elimina" }
+    items: { default: () => [] },
+    parent: {},
+    identifier: { default: "id" },
+    depth: { default: 0 },
+    expandable: { type: [Boolean, Function] }
   },
-  emits: ["click:clear"],
-  setup(g, { emit: a }) {
-    const s = a, n = (e) => {
-      s("click:clear", e);
-    };
-    return (e, w) => (t(), o("span", b, [
-      l("span", h, [
-        r(e.$slots, "default", {}, () => [
-          i(p(e.text), 1)
-        ])
-      ]),
-      e.clearable ? (t(), o("button", {
-        key: 0,
-        "aria-label": e.clearableLabel,
-        class: "bb-chip__clear-button",
-        type: "button",
-        onClick: _(n, ["stop", "prevent"])
+  setup(c) {
+    const r = c, u = (n) => typeof n.open > "u" ? !0 : n.open, x = g(() => {
+      let n = 0;
+      return r.items.map((d, l) => {
+        const e = u(d), p = d.expandable ?? r.expandable, a = n + 1;
+        n = n + T([d], "children").length;
+        let o = !1;
+        return typeof p < "u" && (typeof p == "function" ? o = p(d, r.depth, r.parent) : o = p), {
+          children: d.children,
+          depth: r.depth,
+          expandable: o,
+          identifier: d[r.identifier],
+          offset: a,
+          index: l,
+          open: e,
+          original: d,
+          parent: r.parent
+        };
+      });
+    });
+    return (n, d) => {
+      const l = y("BbTree", !0);
+      return f(!0), i(k, null, h(x.value, (e) => (f(), i("div", {
+        key: e.identifier,
+        class: b(["bb-tree", {
+          [`bb-tree--depth-${e.depth}`]: !0,
+          "bb-tree--open": e.open
+        }])
       }, [
-        (t(), o("svg", u, f))
-      ], 8, m)) : d("", !0)
-    ]));
+        s("div", w, [
+          s("div", E, [
+            n.$slots[e.identifier] ? t(n.$slots, e.identifier, {
+              key: 0,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : n.$slots[e.depth] ? t(n.$slots, e.depth, {
+              key: 1,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }) : t(n.$slots, "default", {
+              key: 2,
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            })
+          ])
+        ]),
+        s("div", {
+          class: b(`bb-tree--depth-${e.depth}-children`)
+        }, [
+          t(n.$slots, `${e.identifier}-children`, {
+            depth: e.depth,
+            expandable: e.expandable,
+            identifier: e.identifier,
+            index: e.index,
+            item: e.original,
+            offset: e.offset,
+            open: e.open,
+            parent: e.parent
+          }, () => [
+            t(n.$slots, `${e.depth}-children`, {
+              depth: e.depth,
+              expandable: e.expandable,
+              identifier: e.identifier,
+              index: e.index,
+              item: e.original,
+              offset: e.offset,
+              open: e.open,
+              parent: e.parent
+            }, () => [
+              v(l, {
+                depth: e.depth + 1,
+                expandable: n.expandable,
+                identifier: r.identifier,
+                items: e.children,
+                parent: e
+              }, B({ _: 2 }, [
+                h(n.$slots, (p, a) => ({
+                  name: a,
+                  fn: _((o) => [
+                    t(n.$slots, a, C({ ref_for: !0 }, o))
+                  ])
+                }))
+              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
+            ])
+          ])
+        ], 2)
+      ], 2))), 128);
+    };
   }
 });
 export {
-  v as default
+  N as default
 };
 //# sourceMappingURL=index119.js.map

package/dist/index119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index119.js","sources":["../src/components/BbChip/BbChip.vue"],"sourcesContent":["<template>\n\t<span class=\"bb-chip\"\n\t\t><span class=\"bb-chip__content\"\n\t\t\t><slot>{{ text }}</slot></span\n\t\t><button\n\t\t\tv-if=\"clearable\"\n\t\t\t:aria-label=\"clearableLabel\"\n\t\t\tclass=\"bb-chip__clear-button\"\n\t\t\ttype=\"button\"\n\t\t\t@click.stop.prevent=\"onClear\"\n\t\t>\n\t\t\t<svg\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclass=\"v-icon__svg\"\n\t\t\t\trole=\"img\"\n\t\t\t\tstyle=\"height: 20px; width: 20px\"\n\t\t\t\tviewBox=\"0 0 20 20\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M15 6.375L14.125 5.5L10 9.625L5.875 5.5L5 6.375L9.125 10.5L5 14.625L5.875 15.5L10 11.375L14.125 15.5L15 14.625L10.875 10.5L15 6.375Z\"\n\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</svg></button\n\t></span>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbChipProps = Pick<CommonProps, 'text'> & {\n\t/**\n\t * Renders a button with a close icon. Used to indicate the possibility of deleting the item.\n\t */\n\tclearable?: boolean;\n\t/**\n\t * The label the clearing button must have\n\t */\n\tclearableLabel?: string;\n};\n\nwithDefaults(defineProps<BbChipProps>(), {\n\tclearable: true,\n\tclearableLabel: 'Elimina',\n});\n\nexport type BbChipEvents = {\n\t(e: 'click:clear', event: MouseEvent): void;\n};\n\ndefineSlots<{\n\tdefault?: (props: object) => any;\n}>();\n\nconst emit = defineEmits(['click:clear']);\nconst onClear = (event: MouseEvent) => {\n\temit('click:clear', event);\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbChip';\n</style>\n"],"names":["emit","__emit","onClear","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAOC,GACPC,IAAU,CAACC,MAAsB;AACtC,MAAAH,EAAK,eAAeG,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index119.js","sources":["../src/components/BbTree/BbTree.vue"],"sourcesContent":["<template>\n\t<div\n\t\tv-for=\"item in internalItems\"\n\t\t:key=\"item.identifier\"\n\t\tclass=\"bb-tree\"\n\t\t:class=\"{\n\t\t\t[`bb-tree--depth-${item.depth}`]: true,\n\t\t\t'bb-tree--open': item.open,\n\t\t}\"\n\t>\n\t\t<div class=\"bb-tree-row\">\n\t\t\t<div class=\"bb-tree-main-content\">\n\t\t\t\t<!-- Slot for a speciifc item -->\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots[item.identifier]\"\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"item.identifier\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t/>\n\t\t\t\t<!-- Slot for all items in this level -->\n\t\t\t\t<slot\n\t\t\t\t\tv-else-if=\"$slots[item.depth]\"\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"item.depth\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t/>\n\t\t\t\t<!-- Default slot -->\n\t\t\t\t<slot\n\t\t\t\t\tv-else\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"'default'\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<div :class=\"`bb-tree--depth-${item.depth}-children`\">\n\t\t\t<slot\n\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t:index=\"item.index\"\n\t\t\t\t:item=\"item.original\"\n\t\t\t\t:name=\"`${item.identifier}-children`\"\n\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t:open=\"item.open\"\n\t\t\t\t:parent=\"item.parent\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\t:depth=\"item.depth\"\n\t\t\t\t\t:expandable=\"item.expandable\"\n\t\t\t\t\t:identifier=\"item.identifier\"\n\t\t\t\t\t:index=\"item.index\"\n\t\t\t\t\t:item=\"item.original\"\n\t\t\t\t\t:name=\"`${item.depth}-children`\"\n\t\t\t\t\t:offset=\"item.offset\"\n\t\t\t\t\t:open=\"item.open\"\n\t\t\t\t\t:parent=\"item.parent\"\n\t\t\t\t>\n\t\t\t\t\t<BbTree\n\t\t\t\t\t\t:depth=\"item.depth + 1\"\n\t\t\t\t\t\t:expandable=\"expandable\"\n\t\t\t\t\t\t:identifier=\"props.identifier\"\n\t\t\t\t\t\t:items=\"item.children\"\n\t\t\t\t\t\t:parent=\"item\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template v-for=\"(_, name) in $slots\" #[name]=\"data: any\">\n\t\t\t\t\t\t\t<slot :name=\"name\" v-bind=\"data\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</BbTree>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { flattenTree } from '@/utilities/functions/flattenTree';\nimport { computed } from 'vue';\n\nexport type TreeItem = {\n\t/**\n\t * Array of children of the current item. Is the key\n\t * with which we can identify whther the node is nested or not.\n\t */\n\tchildren?: TreeItem[];\n\t/**\n\t * Status of the current node. When a node is open\n\t * it's children are displayed. Otherwise its children\n\t * are hidden.\n\t */\n\topen?: boolean;\n\t[key: symbol | string]: any;\n} & Pick<BbTreeProps, 'expandable'>;\n\nexport type BbTreeProps = {\n\t/**\n\t * Array containing the tree like structure of the items.\n\t */\n\titems: TreeItem[];\n\t/**\n\t * Parent of the current node. `undefined` for the first level.\n\t */\n\tparent?: TreeItem;\n\t/**\n\t * Identifier of the item.\n\t */\n\tidentifier?: string | number;\n\t/**\n\t * Current depth of the tree. Starting at 0 for\n\t * the first level increasing at every level down.\n\t */\n\tdepth?: number;\n\t/**\n\t * Defines the item as expandable. It can be a\n\t * global boolean defining all items as expandable.\n\t * Or it can be a function that receives the item,\n\t * depth, and parent of the current node and returns a boolean.\n\t */\n\texpandable?:\n\t\t| boolean\n\t\t| ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);\n};\n\nconst props = withDefaults(defineProps<BbTreeProps>(), {\n\tidentifier: 'id',\n\tdepth: 0,\n\toffset: 0,\n\titems: () => [] as TreeItem[],\n});\n\nexport type BbTreeSlots = {\n\t[key: string]: (props: {\n\t\titem: any;\n\t\tparent?: any;\n\t\tindex: number;\n\t\toffset: number;\n\t\topen: boolean;\n\t\tdepth: number;\n\t\tidentifier?: string | number;\n\t\texpandable: boolean;\n\t}) => any;\n};\ndefineSlots<BbTreeSlots>();\n\nconst itemIsOpen = (item: TreeItem) => {\n\t/* If the item is not expandable it must be open */\n\tif (typeof item.open === 'undefined') return true;\n\treturn item.open;\n};\n\ntype MappedItem = {\n\tchildren: TreeItem['children'];\n\tdepth: NonNullable<BbTreeProps['depth']>;\n\texpandable: boolean;\n\tidentifier: any;\n\tindex: number;\n\toffset: number;\n\topen: boolean;\n\toriginal: any;\n\tparent: BbTreeProps['parent'];\n};\n\nconst internalItems = computed<MappedItem[]>(() => {\n\tlet currentOffset = 0;\n\n\treturn props.items.map((item: TreeItem, index) => {\n\t\tconst open = itemIsOpen(item);\n\t\tconst expandableProp = item.expandable ?? props.expandable;\n\t\tconst offset = currentOffset + 1;\n\n\t\tcurrentOffset = currentOffset + flattenTree([item], 'children').length;\n\n\t\tlet expandable = false;\n\t\tif (typeof expandableProp !== 'undefined') {\n\t\t\tif (typeof expandableProp === 'function')\n\t\t\t\texpandable = expandableProp(item, props.depth, props.parent);\n\t\t\telse expandable = expandableProp;\n\t\t}\n\t\treturn {\n\t\t\tchildren: item.children,\n\t\t\tdepth: props.depth,\n\t\t\texpandable: expandable,\n\t\t\tidentifier: item[props.identifier],\n\t\t\toffset,\n\t\t\tindex,\n\t\t\topen,\n\t\t\toriginal: item,\n\t\t\tparent: props.parent,\n\t\t};\n\t});\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTree';\n</style>\n"],"names":["props","__props","itemIsOpen","item","internalItems","computed","currentOffset","index","open","expandableProp","offset","flattenTree","expandable"],"mappings":";;;;;;;;;;;;AA6IA,UAAMA,IAAQC,GAqBRC,IAAa,CAACC,MAEf,OAAOA,EAAK,OAAS,MAAoB,KACtCA,EAAK,MAePC,IAAgBC,EAAuB,MAAM;AAClD,UAAIC,IAAgB;AAEpB,aAAON,EAAM,MAAM,IAAI,CAACG,GAAgBI,MAAU;AAC3C,cAAAC,IAAON,EAAWC,CAAI,GACtBM,IAAiBN,EAAK,cAAcH,EAAM,YAC1CU,IAASJ,IAAgB;AAE/B,QAAAA,IAAgBA,IAAgBK,EAAY,CAACR,CAAI,GAAG,UAAU,EAAE;AAEhE,YAAIS,IAAa;AACb,eAAA,OAAOH,IAAmB,QACzB,OAAOA,KAAmB,aAC7BG,IAAaH,EAAeN,GAAMH,EAAM,OAAOA,EAAM,MAAM,IAC1CY,IAAAH,IAEZ;AAAA,UACN,UAAUN,EAAK;AAAA,UACf,OAAOH,EAAM;AAAA,UACb,YAAAY;AAAA,UACA,YAAYT,EAAKH,EAAM,UAAU;AAAA,UACjC,QAAAU;AAAA,UACA,OAAAH;AAAA,UACA,MAAAC;AAAA,UACA,UAAUL;AAAA,UACV,QAAQH,EAAM;AAAA,QAAA;AAAA,MACf,CACA;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}