bitboss-ui 0.1.2 → 0.1.4

package/dist/index93.js.map

@@ -1 +1 @@
-{"version":3,"file":"index93.js","sources":["../src/components/BbChip/BbChip.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-chip\" }\nconst _hoisted_2 = { class: \"bb-chip__content\" }\nconst _hoisted_3 = [\"aria-label\", \"onClick\"]\nconst _hoisted_4 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\",\n  role: \"img\",\n  \"aria-hidden\": \"true\",\n  class: \"v-icon__svg\",\n  style: {\"font-size\":\"18px\",\"height\":\"18px\",\"width\":\"18px\"}\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z\" }, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\n\nexport interface BbChipProps {\n  clearable?: boolean;\n  clearableLabel?: string\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbChip',\n  props: {\n    clearable: { type: Boolean },\n    clearableLabel: { default: 'Elimina' }\n  },\n  emits: [\"click:clear\"],\n  setup(__props: any, { emit }) {\n\n\n\nconst onClear = (event: MouseEvent) =>{\n  emit(\"click:clear\", event)\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _hoisted_1, [\n    _createElementVNode(\"span\", _hoisted_2, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ]),\n    (_ctx.clearable)\n      ? (_openBlock(), _createElementBlock(\"button\", {\n          key: 0,\n          \"aria-label\": _ctx.clearableLabel,\n          class: \"bb-chip__clear-button\",\n          onClick: _withModifiers(onClear, [\"stop\",\"prevent\"]),\n          type: \"button\"\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", _hoisted_4, _hoisted_6))\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","emit","onClear","event","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_withModifiers","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,EAAE,OAAO,sBACtBC,IAAa,CAAC,cAAc,SAAS,GACrCC,IAAa;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,OAAO,EAAC,aAAY,QAAO,QAAS,QAAO,OAAQ,OAAM;AAC3D,GACMC,sBAA8C,QAAQ,EAAE,GAAG,8MAA8M,MAAM,EAAE,GACjRC,IAAa;AAAA,EACjBD;AACF,GAO4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,gBAAgB,EAAE,SAAS,UAAU;AAAA,EACvC;AAAA,EACA,OAAO,CAAC,aAAa;AAAA,EACrB,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAI1B,UAAAC,IAAU,CAACC,MAAqB;AACpC,MAAAF,EAAK,eAAeE,CAAK;AAAA,IAAA;AAGpB,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQf,GAAY;AAAA,MAC5DgB,EAAoB,QAAQf,GAAY;AAAA,QACtCgB,EAAYL,EAAK,QAAQ,SAAS;AAAA,MAAA,CACnC;AAAA,MACAA,EAAK,aACDE,KAAcC,EAAoB,UAAU;AAAA,QAC3C,KAAK;AAAA,QACL,cAAcH,EAAK;AAAA,QACnB,OAAO;AAAA,QACP,SAASM,EAAeR,GAAS,CAAC,QAAO,SAAS,CAAC;AAAA,QACnD,MAAM;AAAA,MAAA,GACL;AAAA,SACAI,EAAW,GAAGC,EAAoB,OAAOZ,GAAYE,CAAU;AAAA,SAC/D,GAAGH,CAAU,KAChBiB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"index93.js","sources":["../src/components/BbTooltip/BbTooltip.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport, mergeProps as _mergeProps, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-tooltip__arrow\" }, null, -1)\nconst _hoisted_2 = { class: \"bb-tooltip__bubble\" }\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    d: \"M23 23L1 1M23 1L1 23\",\n    stroke: \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\"\n  })\n], -1)\n\nimport { computed, ref } from \"vue\";\nimport { useFloating, autoUpdate, flip, shift } from \"@floating-ui/vue\";\nimport { nanoid } from \"nanoid\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\n\nexport type BbTooltipProps = {\n  block?: boolean;\n  disabled?: boolean;\n  placement?:\n    | \"top\"\n    | \"top-start\"\n    | \"top-end\"\n    | \"right\"\n    | \"right-start\"\n    | \"right-end\"\n    | \"bottom\"\n    | \"bottom-start\"\n    | \"bottom-end\"\n    | \"left\"\n    | \"left-start\"\n    | \"left-end\";\n  theme?: string;\n  showClose?: boolean;\n  transitionDuration?: number;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTooltip',\n  props: {\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    placement: { default: \"top\" },\n    theme: { default: \"default\" },\n    showClose: { type: Boolean, default: true },\n    transitionDuration: { default: 150 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst id = `bb_${nanoid()}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\n\nconst { floatingStyles, placement } = useFloating(wrapper, content, {\n  placement: props.placement,\n  whileElementsMounted: autoUpdate,\n  middleware: [flip(), shift({ padding: 10 })],\n});\n\nconst canOpen = ref(true);\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst onMouseenter = () => {\n  if (open.value || opening.value || props.disabled) return;\n  openTooltip();\n  document.addEventListener(\"mouseover\", onMouseOver, { passive: true });\n  document.addEventListener(\"keydown\", onEsc, { passive: true });\n};\n\nconst onFocus = onMouseenter;\n\nconst onMouseOver = (event: Event) => {\n  const target = event.target;\n  if (!target) return;\n  if (target instanceof HTMLElement) {\n    let isOutside = true;\n\n    if (wrapper.value) {\n      if (wrapper.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n    if (content.value) {\n      if (content.value.contains(target)) {\n        isOutside = false;\n      }\n    }\n\n    if (isOutside) {\n      closeTooltip();\n    }\n  }\n};\n\nconst onEsc = (event: KeyboardEvent) => {\n  if (open.value) {\n    if (event.key === \"Escape\") {\n      closeTooltip();\n    }\n  }\n};\n\n/* On click of close button tooltip is disallowed from reappearing */\nconst onClickClose = () => {\n  canOpen.value = false;\n  closeTooltip();\n};\n\nconst openTooltip = async () => {\n  if (!canOpen.value) return;\n  closed.value = false;\n  closing.value = false;\n  opening.value = true;\n  await wait(50);\n  open.value = true;\n  opening.value = false;\n};\n\nconst closeTooltip = async () => {\n  open.value = false;\n  opening.value = false;\n  closing.value = true;\n  await wait(props.transitionDuration);\n  closing.value = false;\n  closed.value = true;\n  document.removeEventListener(\"mouseover\", onMouseOver);\n  document.removeEventListener(\"keydown\", onEsc);\n};\n\nconst attributes = computed(() => {\n  const classes = {\n    \"bb-tooltip--block\": props.block,\n    [`bb-tooltip--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-tooltip\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-tooltip__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-describedby': id,\n            onMouseenter: onMouseenter,\n            onFocus: _unref(onFocus),\n            onBlur: closeTooltip,\n          },\n          closed: closed.value,\n          closing: closing.value,\n          disabled: _ctx.disabled,\n          open: open.value,\n          opening: opening.value,\n          placement: _unref(placement),\n        })))\n    ], 512),\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createElementVNode(\"span\", {\n        class: _normalizeClass([\"bb-tooltip__bubble-container\", {\n          [`bb-tooltip__bubble-container--${_unref(placement)}`]: true,\n          [`bb-tooltip__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-tooltip__bubble-container--hidden': closed.value,\n          'bb-tooltip__bubble-container--closing': closing.value,\n          'bb-tooltip__bubble-container--opening': opening.value,\n          'bb-tooltip__bubble-container--open': open.value,\n        }]),\n        ref_key: \"content\",\n        ref: content,\n        style: _normalizeStyle({\n          ..._unref(floatingStyles),\n          transitionDuration: `${props.transitionDuration}ms`,\n        }),\n        id: id\n      }, [\n        _hoisted_1,\n        _createElementVNode(\"span\", _hoisted_2, [\n          (_ctx.showClose)\n            ? (_openBlock(), _createBlock(BaseButton, {\n                key: 0,\n                tabindex: \"-1\",\n                \"aria-hidden\": \"true\",\n                class: \"bb-tooltip__close\",\n                onClick: onClickClose\n              }, {\n                default: _withCtx(() => [\n                  _hoisted_3\n                ]),\n                _: 1\n              }))\n            : _createCommentVNode(\"\", true),\n          _renderSlot(_ctx.$slots, \"default\")\n        ])\n      ], 6)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","props","id","nanoid","wrapper","ref","content","floatingStyles","placement","useFloating","autoUpdate","flip","shift","canOpen","opening","open","closing","closed","onMouseenter","openTooltip","onMouseOver","onEsc","onFocus","event","target","isOutside","closeTooltip","onClickClose","wait","attributes","computed","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","BaseButton","_withCtx","_createCommentVNode"],"mappings":"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"}

package/dist/index94.js

@@ -1,40 +1,5 @@
-import { defineComponent as i, ref as n, watch as s, computed as r, openBlock as u, createElementBlock as c, normalizeProps as p, guardReactiveProps as b, createElementVNode as d, renderSlot as m } from "vue";
-import { wait as f } from "./index167.js";
-import { throttle as v } from "./index166.js";
-const _ = { class: "bb-collapsible__content" }, w = /* @__PURE__ */ i({
-  __name: "BbCollapsible",
-  props: {
-    modelValue: { type: Boolean },
-    transitionDuration: { default: 250 }
-  },
-  setup(t) {
-    const e = t, l = n(e.modelValue);
-    s(
-      () => e.modelValue,
-      v(async (o) => {
-        o ? l.value = !0 : (await f(e.transitionDuration), l.value = !1);
-      }, e.transitionDuration)
-    );
-    const a = r(() => ({
-      "aria-expanded": e.modelValue,
-      class: {
-        "bb-collapsible": !0,
-        "bb-collapsible--open": e.modelValue,
-        "bb-collapsible--closed": !e.modelValue,
-        "bb-collapsible--invisible": !l.value
-      },
-      style: {
-        transitionDuration: e.transitionDuration + "ms"
-      }
-    }));
-    return (o, V) => (u(), c("div", p(b(a.value)), [
-      d("div", _, [
-        m(o.$slots, "default")
-      ])
-    ], 16));
-  }
-});
+const e = "";
 export {
-  w as default
+  e as default
 };
 //# sourceMappingURL=index94.js.map

package/dist/index94.js.map

@@ -1 +1 @@
-{"version":3,"file":"index94.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-collapsible__content\" }\n\nimport { wait } from \"@/utilities/functions/wait\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { computed, ref, watch } from \"vue\";\n\nexport interface BbCollapsibleProps {\n  modelValue?: boolean;\n  transitionDuration?: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbCollapsible',\n  props: {\n    modelValue: { type: Boolean },\n    transitionDuration: { default: 250 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst visible = ref(props.modelValue);\n\n/**\n * Every time model value changes if content is going to be expanded\n * make it visible straight away.\n * If content id goinf to be collapsed wait for end of \n * transition before hiding from keyboard navigation\n */\nwatch(\n  () => props.modelValue,\n  throttle(async (value) => {\n    if (value) {\n      visible.value = true;\n    } else {\n      await wait(props.transitionDuration);\n      visible.value = false;\n    }\n  }, props.transitionDuration)\n);\nconst collapsibleAttributes = computed(() => {\n  return {\n    \"aria-expanded\": props.modelValue,\n    class: {\n      \"bb-collapsible\": true,\n      \"bb-collapsible--open\": props.modelValue,\n      \"bb-collapsible--closed\": !props.modelValue,\n      \"bb-collapsible--invisible\": !visible.value,\n    },\n    style: {\n      transitionDuration: props.transitionDuration + \"ms\",\n    },\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _normalizeProps(_guardReactiveProps(collapsibleAttributes.value)), [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ])\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","visible","ref","watch","throttle","value","wait","collapsibleAttributes","computed","_ctx","_cache","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_createElementVNode","_renderSlot"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,6BAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,oBAAoB,EAAE,SAAS,IAAI;AAAA,EACrC;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAUC,EAAIF,EAAM,UAAU;AAQpC,IAAAG;AAAA,MACE,MAAMH,EAAM;AAAA,MACZI,EAAS,OAAOC,MAAU;AACxB,QAAIA,IACFJ,EAAQ,QAAQ,MAEV,MAAAK,EAAKN,EAAM,kBAAkB,GACnCC,EAAQ,QAAQ;AAAA,MAClB,GACCD,EAAM,kBAAkB;AAAA,IAAA;AAEvB,UAAAO,IAAwBC,EAAS,OAC9B;AAAA,MACL,iBAAiBR,EAAM;AAAA,MACvB,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,wBAAwBA,EAAM;AAAA,QAC9B,0BAA0B,CAACA,EAAM;AAAA,QACjC,6BAA6B,CAACC,EAAQ;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,oBAAoBD,EAAM,qBAAqB;AAAA,MACjD;AAAA,IAAA,EAEH;AAEM,WAAA,CAACS,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAOC,EAAgBC,EAAoBP,EAAsB,KAAK,CAAC,GAAG;AAAA,MAClHQ,EAAoB,OAAOnB,GAAY;AAAA,QACrCoB,EAAYP,EAAK,QAAQ,SAAS;AAAA,MAAA,CACnC;AAAA,OACA,EAAE;AAAA,EAEP;AAEA,CAAC;"}
+{"version":3,"file":"index94.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index95.js

@@ -1,50 +1,95 @@
-import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index166.js";
-const O = /* @__PURE__ */ v({
-  __name: "BbSmoothHeight",
+import { defineComponent as $, computed as x, resolveComponent as g, openBlock as l, createElementBlock as o, Fragment as v, renderList as s, normalizeClass as i, createElementVNode as t, renderSlot as r, createVNode as k, createSlots as y, withCtx as B, normalizeProps as C, guardReactiveProps as _ } from "vue";
+const T = { class: "bb-tree-row" }, w = { class: "bb-tree-main-content" }, F = /* @__PURE__ */ $({
+  __name: "BbTree",
   props: {
-    mutationOptions: { default: () => ({ childList: !0 }) },
-    resizeOptions: {},
-    strategy: { default: "resize" },
-    tag: { default: "div" },
-    transitionDuration: { default: 200 }
+    items: { default: () => [] },
+    parent: {},
+    identifier: { default: "id" },
+    depth: { default: 0 },
+    expandable: { type: [Boolean, Function] }
   },
-  setup(c) {
-    const n = c, s = r(null), e = r(null), t = r(null);
-    globalThis.ResizeObserver && (p(() => {
-      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
-    }), h(() => {
-      t.value && t.value.disconnect();
+  setup(h) {
+    const a = h, b = (n) => typeof n.open > "u" ? !0 : n.open, u = x(() => a.items.map((n) => {
+      const p = b(n);
+      return {
+        children: n.children,
+        depth: a.depth,
+        expandable: n.expandable,
+        identifier: n[a.identifier],
+        open: p,
+        original: n,
+        parent: a.parent
+      };
     }));
-    const a = g(() => {
-      if (s.value && e.value) {
-        const o = e.value.scrollHeight + 2;
-        s.value.style.height = "0px", s.value.style.height = `${o}px`;
-      }
-    }, 200);
-    return (o, y) => (i(), l(u(o.tag), {
-      class: "bb-smooth-height",
-      ref_key: "container",
-      ref: s,
-      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
-    }, {
-      default: f(() => [
-        (i(), l(u(o.tag), {
-          class: "content",
-          ref_key: "content",
-          ref: e
-        }, {
-          default: f(() => [
-            d(o.$slots, "default")
-          ]),
-          _: 3
-        }, 512))
-      ]),
-      _: 3
-    }, 8, ["style"]));
+    return (n, p) => {
+      const c = g("BbTree", !0);
+      return l(!0), o(v, null, s(u.value, (e) => (l(), o("div", {
+        class: i(["bb-tree", {
+          [`bb-tree--depth-${e.depth}`]: !0,
+          "bb-tree--open": e.open
+        }]),
+        key: e.identifier
+      }, [
+        t("div", T, [
+          t("div", w, [
+            n.$slots[e.identifier] ? r(n.$slots, e.depth, {
+              key: 0,
+              item: e.original,
+              parent: e.parent,
+              depth: e.depth,
+              expandable: e.expandable
+            }) : n.$slots[e.depth] ? r(n.$slots, e.depth, {
+              key: 1,
+              item: e.original,
+              parent: e.parent,
+              depth: e.depth,
+              expandable: e.expandable
+            }) : r(n.$slots, "default", {
+              key: 2,
+              item: e.original,
+              parent: e.parent,
+              depth: e.depth,
+              expandable: e.expandable
+            })
+          ])
+        ]),
+        t("div", {
+          class: i(`bb-tree--depth-${e.depth}-children`)
+        }, [
+          r(n.$slots, `${e.depth}-children`, {
+            item: e.original,
+            parent: e.parent,
+            depth: e.depth,
+            expandable: e.expandable
+          }, () => [
+            r(n.$slots, `${e.identifier}-children`, {
+              item: e.original,
+              parent: e.parent,
+              depth: e.depth,
+              expandable: e.expandable
+            }, () => [
+              k(c, {
+                depth: e.depth + 1,
+                items: e.children,
+                parent: e,
+                identifier: e.identifier,
+                expandable: n.expandable
+              }, y({ _: 2 }, [
+                s(n.$slots, (z, d) => ({
+                  name: d,
+                  fn: B((f) => [
+                    r(n.$slots, d, C(_(f)))
+                  ])
+                }))
+              ]), 1032, ["depth", "items", "parent", "identifier", "expandable"])
+            ])
+          ])
+        ], 2)
+      ], 2))), 128);
+    };
   }
 });
 export {
-  O as default
+  F as default
 };
 //# sourceMappingURL=index95.js.map

package/dist/index95.js.map

@@ -1 +1 @@
-{"version":3,"file":"index95.js","sources":["../src/components/BbSmoothHeight/BbSmoothHeight.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle } from \"vue\"\n\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { ref, onMounted, onBeforeUnmount } from \"vue\";\n\ntype VoidHTMLElements =\n  | \"area\"\n  | \"base\"\n  | \"br\"\n  | \"col\"\n  | \"command\"\n  | \"embed\"\n  | \"hr\"\n  | \"img\"\n  | \"input\"\n  | \"keygen\"\n  | \"link\"\n  | \"meta\"\n  | \"param\"\n  | \"source\"\n  | \"track\"\n  | \"wbr\";\n\nexport type BbSmoothHeightProps = {\n  mutationOptions?: MutationObserverInit;\n  resizeOptions?: ResizeObserverOptions;\n  strategy?: \"resize\" | \"mutation\";\n  tag?: keyof Omit<HTMLElementTagNameMap, VoidHTMLElements> | \"\";\n  transitionDuration?: number;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSmoothHeight',\n  props: {\n    mutationOptions: { default: () => ({ childList: true }) },\n    resizeOptions: {},\n    strategy: { default: \"resize\" },\n    tag: { default: \"div\" },\n    transitionDuration: { default: 200 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst container = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst observer = ref<ResizeObserver | MutationObserver | null>(null);\n\nif (globalThis.ResizeObserver) {\n  onMounted(() => {\n    if (props.strategy === \"resize\") {\n      if (content.value) {\n        observer.value = new ResizeObserver(onContentGrow);\n        observer.value.observe(content.value, props.resizeOptions);\n      }\n    } else if (props.strategy === \"mutation\") {\n      if (content.value) {\n        observer.value = new MutationObserver(onContentGrow);\n        observer.value.observe(content.value, props.mutationOptions);\n      }\n    }\n    onContentGrow();\n  });\n  onBeforeUnmount(() => {\n    if (observer.value) {\n      observer.value.disconnect();\n    }\n  });\n}\n\n/**\n * This is called when content changes.\n * It could be called numerous times so throttle every 200ms\n */\nconst onContentGrow = throttle(() => {\n  if (container.value && content.value) {\n    const contentHeight = content.value.scrollHeight + 2;\n    container.value.style.height = \"0px\";\n    container.value.style.height = `${contentHeight}px`;\n  }\n}, 200);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n    class: \"bb-smooth-height\",\n    ref_key: \"container\",\n    ref: container,\n    style: _normalizeStyle({ 'transition-duration': props.transitionDuration / 1000 + 's' })\n  }, {\n    default: _withCtx(() => [\n      (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n        class: \"content\",\n        ref_key: \"content\",\n        ref: content\n      }, {\n        default: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"default\")\n        ]),\n        _: 3\n      }, 512))\n    ]),\n    _: 3\n  }, 8, [\"style\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","container","ref","content","observer","onMounted","onContentGrow","onBeforeUnmount","throttle","contentHeight","_ctx","_cache","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeStyle","_withCtx","_renderSlot"],"mappings":";;AAiCA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,iBAAiB,EAAE,SAAS,OAAO,EAAE,WAAW,GAAQ,GAAA;AAAA,IACxD,eAAe,CAAC;AAAA,IAChB,UAAU,EAAE,SAAS,SAAS;AAAA,IAC9B,KAAK,EAAE,SAAS,MAAM;AAAA,IACtB,oBAAoB,EAAE,SAAS,IAAI;AAAA,EACrC;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAYC,EAAwB,IAAI,GACxCC,IAAUD,EAAwB,IAAI,GACtCE,IAAWF,EAA8C,IAAI;AAEnE,IAAI,WAAW,mBACbG,EAAU,MAAM;AACV,MAAAL,EAAM,aAAa,WACjBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,eAAeE,CAAa,GACjDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,aAAa,KAElDA,EAAM,aAAa,cACxBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,iBAAiBE,CAAa,GACnDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,eAAe,IAGjDM;IAAA,CACf,GACDC,EAAgB,MAAM;AACpB,MAAIH,EAAS,SACXA,EAAS,MAAM;IACjB,CACD;AAOG,UAAAE,IAAgBE,EAAS,MAAM;AAC/B,UAAAP,EAAU,SAASE,EAAQ,OAAO;AAC9B,cAAAM,IAAgBN,EAAQ,MAAM,eAAe;AACzC,QAAAF,EAAA,MAAM,MAAM,SAAS,OAC/BA,EAAU,MAAM,MAAM,SAAS,GAAGQ,CAAa;AAAA,MACjD;AAAA,OACC,GAAG;AAEC,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,MACrE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAKT;AAAA,MACL,OAAOc,EAAgB,EAAE,uBAAuBf,EAAM,qBAAqB,MAAO,KAAK;AAAA,IAAA,GACtF;AAAA,MACD,SAASgB,EAAS,MAAM;AAAA,SACrBJ,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,UAC9D,OAAO;AAAA,UACP,SAAS;AAAA,UACT,KAAKP;AAAA,QAAA,GACJ;AAAA,UACD,SAASa,EAAS,MAAM;AAAA,YACtBC,EAAYP,EAAK,QAAQ,SAAS;AAAA,UAAA,CACnC;AAAA,UACD,GAAG;AAAA,WACF,GAAG;AAAA,MAAA,CACP;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC;AAAA,EAEjB;AAEA,CAAC;"}
+{"version":3,"file":"index95.js","sources":["../src/components/BbTree/BbTree.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, resolveComponent as _resolveComponent, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-tree-row\" }\nconst _hoisted_2 = { class: \"bb-tree-main-content\" }\n\nimport { computed } from \"vue\";\n\nexport type TreeItem = {\n  children?: TreeItem[];\n  open?: boolean;\n  expandable?:\n    | boolean\n    | ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);\n  [key: symbol | string]: any;\n};\n\nexport type BbTreeProps = {\n  items: TreeItem[];\n  parent?: TreeItem;\n  identifier?: string | number;\n  depth?: number;\n  expandable?:\n    | boolean\n    | ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);\n};\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbTree',\n  props: {\n    items: { default: () => [] as TreeItem[] },\n    parent: {},\n    identifier: { default: \"id\" },\n    depth: { default: 0 },\n    expandable: { type: [Boolean, Function] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst itemIsOpen = (item: TreeItem) => {\n  /* If the item is not expandable it must be open */\n  if(typeof item.open === 'undefined') return true;\n  return item.open;\n};\n\nconst internalItems = computed(() => {\n  return props.items.map((item: TreeItem) => {\n    const open = itemIsOpen(item);\n    return {\n      children: item.children,\n      depth: props.depth,\n      expandable: item.expandable,\n      identifier: item[props.identifier],\n      open,\n      original: item,\n      parent: props.parent,\n    };\n  });\n});\n\nreturn (_ctx: any,_cache: any) => {\n  const _component_BbTree = _resolveComponent(\"BbTree\", true)!\n\n  return (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(internalItems.value, (item) => {\n    return (_openBlock(), _createElementBlock(\"div\", {\n      class: _normalizeClass([\"bb-tree\", {\n      [`bb-tree--depth-${item.depth}`]: true,\n      'bb-tree--open': item.open,\n    }]),\n      key: item.identifier\n    }, [\n      _createElementVNode(\"div\", _hoisted_1, [\n        _createElementVNode(\"div\", _hoisted_2, [\n          (_ctx.$slots[item.identifier])\n            ? _renderSlot(_ctx.$slots, item.depth, {\n                key: 0,\n                item: item.original,\n                parent: item.parent,\n                depth: item.depth,\n                expandable: item.expandable\n              })\n            : (_ctx.$slots[item.depth])\n              ? _renderSlot(_ctx.$slots, item.depth, {\n                  key: 1,\n                  item: item.original,\n                  parent: item.parent,\n                  depth: item.depth,\n                  expandable: item.expandable\n                })\n              : _renderSlot(_ctx.$slots, \"default\", {\n                  key: 2,\n                  item: item.original,\n                  parent: item.parent,\n                  depth: item.depth,\n                  expandable: item.expandable\n                })\n        ])\n      ]),\n      _createElementVNode(\"div\", {\n        class: _normalizeClass(`bb-tree--depth-${item.depth}-children`)\n      }, [\n        _renderSlot(_ctx.$slots, `${item.depth}-children`, {\n          item: item.original,\n          parent: item.parent,\n          depth: item.depth,\n          expandable: item.expandable\n        }, () => [\n          _renderSlot(_ctx.$slots, `${item.identifier}-children`, {\n            item: item.original,\n            parent: item.parent,\n            depth: item.depth,\n            expandable: item.expandable\n          }, () => [\n            _createVNode(_component_BbTree, {\n              depth: item.depth + 1,\n              items: item.children,\n              parent: item,\n              identifier: item.identifier,\n              expandable: _ctx.expandable\n            }, _createSlots({ _: 2 }, [\n              _renderList(_ctx.$slots, (_, name) => {\n                return {\n                  name: name,\n                  fn: _withCtx((data) => [\n                    _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(data)))\n                  ])\n                }\n              })\n            ]), 1032, [\"depth\", \"items\", \"parent\", \"identifier\", \"expandable\"])\n          ])\n        ])\n      ], 2)\n    ], 2))\n  }), 128))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","itemIsOpen","item","internalItems","computed","open","_ctx","_cache","_component_BbTree","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_renderSlot","_createVNode","_createSlots","_","name","_withCtx","data","_normalizeProps","_guardReactiveProps"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,iBACtBC,IAAa,EAAE,OAAO,0BAuBAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,EAAE,SAAS,MAAM,GAAiB;AAAA,IACzC,QAAQ,CAAC;AAAA,IACT,YAAY,EAAE,SAAS,KAAK;AAAA,IAC5B,OAAO,EAAE,SAAS,EAAE;AAAA,IACpB,YAAY,EAAE,MAAM,CAAC,SAAS,QAAQ,EAAE;AAAA,EAC1C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAa,CAACC,MAEf,OAAOA,EAAK,OAAS,MAAoB,KACrCA,EAAK,MAGRC,IAAgBC,EAAS,MACtBJ,EAAM,MAAM,IAAI,CAACE,MAAmB;AACnC,YAAAG,IAAOJ,EAAWC,CAAI;AACrB,aAAA;AAAA,QACL,UAAUA,EAAK;AAAA,QACf,OAAOF,EAAM;AAAA,QACb,YAAYE,EAAK;AAAA,QACjB,YAAYA,EAAKF,EAAM,UAAU;AAAA,QACjC,MAAAK;AAAA,QACA,UAAUH;AAAA,QACV,QAAQF,EAAM;AAAA,MAAA;AAAA,IAChB,CACD,CACF;AAEM,WAAA,CAACM,GAAUC,MAAgB;AAC1B,YAAAC,IAAoBC,EAAkB,UAAU,EAAI;AAElD,aAAAC,EAAW,EAAI,GAAGC,EAAoBC,GAAW,MAAMC,EAAYV,EAAc,OAAO,CAACD,OACvFQ,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,OAAOG,EAAgB,CAAC,WAAW;AAAA,UACnC,CAAC,kBAAkBZ,EAAK,KAAK,EAAE,GAAG;AAAA,UAClC,iBAAiBA,EAAK;AAAA,QAAA,CACvB,CAAC;AAAA,QACA,KAAKA,EAAK;AAAA,MAAA,GACT;AAAA,QACDa,EAAoB,OAAOpB,GAAY;AAAA,UACrCoB,EAAoB,OAAOnB,GAAY;AAAA,YACpCU,EAAK,OAAOJ,EAAK,UAAU,IACxBc,EAAYV,EAAK,QAAQJ,EAAK,OAAO;AAAA,cACnC,KAAK;AAAA,cACL,MAAMA,EAAK;AAAA,cACX,QAAQA,EAAK;AAAA,cACb,OAAOA,EAAK;AAAA,cACZ,YAAYA,EAAK;AAAA,YAClB,CAAA,IACAI,EAAK,OAAOJ,EAAK,KAAK,IACrBc,EAAYV,EAAK,QAAQJ,EAAK,OAAO;AAAA,cACnC,KAAK;AAAA,cACL,MAAMA,EAAK;AAAA,cACX,QAAQA,EAAK;AAAA,cACb,OAAOA,EAAK;AAAA,cACZ,YAAYA,EAAK;AAAA,YAClB,CAAA,IACDc,EAAYV,EAAK,QAAQ,WAAW;AAAA,cAClC,KAAK;AAAA,cACL,MAAMJ,EAAK;AAAA,cACX,QAAQA,EAAK;AAAA,cACb,OAAOA,EAAK;AAAA,cACZ,YAAYA,EAAK;AAAA,YAAA,CAClB;AAAA,UAAA,CACR;AAAA,QAAA,CACF;AAAA,QACDa,EAAoB,OAAO;AAAA,UACzB,OAAOD,EAAgB,kBAAkBZ,EAAK,KAAK,WAAW;AAAA,QAAA,GAC7D;AAAA,UACDc,EAAYV,EAAK,QAAQ,GAAGJ,EAAK,KAAK,aAAa;AAAA,YACjD,MAAMA,EAAK;AAAA,YACX,QAAQA,EAAK;AAAA,YACb,OAAOA,EAAK;AAAA,YACZ,YAAYA,EAAK;AAAA,UAAA,GAChB,MAAM;AAAA,YACPc,EAAYV,EAAK,QAAQ,GAAGJ,EAAK,UAAU,aAAa;AAAA,cACtD,MAAMA,EAAK;AAAA,cACX,QAAQA,EAAK;AAAA,cACb,OAAOA,EAAK;AAAA,cACZ,YAAYA,EAAK;AAAA,YAAA,GAChB,MAAM;AAAA,cACPe,EAAaT,GAAmB;AAAA,gBAC9B,OAAON,EAAK,QAAQ;AAAA,gBACpB,OAAOA,EAAK;AAAA,gBACZ,QAAQA;AAAA,gBACR,YAAYA,EAAK;AAAA,gBACjB,YAAYI,EAAK;AAAA,cAChB,GAAAY,EAAa,EAAE,GAAG,KAAK;AAAA,gBACxBL,EAAYP,EAAK,QAAQ,CAACa,GAAGC,OACpB;AAAA,kBACL,MAAAA;AAAA,kBACA,IAAIC,EAAS,CAACC,MAAS;AAAA,oBACrBN,EAAYV,EAAK,QAAQc,GAAMG,EAAgBC,EAAoBF,CAAI,CAAC,CAAC;AAAA,kBAAA,CAC1E;AAAA,gBAAA,EAEJ;AAAA,cAAA,CACF,GAAG,MAAM,CAAC,SAAS,SAAS,UAAU,cAAc,YAAY,CAAC;AAAA,YAAA,CACnE;AAAA,UAAA,CACF;AAAA,WACA,CAAC;AAAA,SACH,CAAC,EACL,GAAG,GAAG;AAAA,IAAA;AAAA,EAET;AAEA,CAAC;"}

package/dist/index96.js

@@ -1,46 +1,5 @@
-import { defineComponent as m, computed as r, openBlock as a, createElementBlock as d, mergeProps as u, createElementVNode as c } from "vue";
-import { isCssColor as z } from "./index151.js";
-const f = /* @__PURE__ */ c("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 512 512"
-}, [
-  /* @__PURE__ */ c("path", {
-    fill: "currentColor",
-    d: "M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"
-  })
-], -1), x = [
-  f
-], w = /* @__PURE__ */ m({
-  __name: "BbSpinner",
-  props: {
-    color: {},
-    size: { default: "md" }
-  },
-  setup(n) {
-    const e = n, l = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, i = r(() => {
-      const s = {
-        "bb-spinner": !0
-      };
-      let o = { width: r(() => {
-        let t;
-        return typeof e.size == "string" ? t = l[e.size] ?? parseInt(e.size, 10) : t = e.size, t + "px";
-      }).value };
-      return e.color && (z(e.color) ? o.color = e.color : s[`text-${e.color}`] = !0), {
-        class: s,
-        style: o
-      };
-    });
-    return (s, p) => (a(), d("span", u({ class: "bb-spinner" }, i.value), x, 16));
-  }
-});
+const e = "";
 export {
-  w as default
+  e as default
 };
 //# sourceMappingURL=index96.js.map

package/dist/index96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index96.js","sources":["../src/components/BbSpinner/BbSpinner.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 512 512\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", {\n    fill: \"currentColor\",\n    d: \"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"\n  })\n], -1)\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport BbIcon from \"../BbIcon/BbIcon.vue\";\nimport { Classes } from \"@/types/Classes\";\nimport { isCssColor } from \"@/utilities/functions/isCssColor\";\nimport { computed } from \"vue\";\n\ntype Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | string | number;\n\nexport interface BbSpinnerProps {\n  color?: string;\n  size?: Size;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSpinner',\n  props: {\n    color: {},\n    size: { default: \"md\" }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n\nconst sizeMap: Record<Size, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 28,\n  xl: 36,\n  xxl: 40,\n};\n\nconst iconAttributes = computed(() => {\n  const classes: Classes = {\n    \"bb-spinner\": true,\n  };\n  const width = computed(() => {\n    let dimension: number;\n    if (typeof props.size === \"string\") {\n      dimension = sizeMap[props.size as Size] ?? parseInt(props.size, 10);\n    } else {\n      dimension = props.size;\n    }\n    return dimension + `px`;\n  });\n  let style: { [key: string]: any } = { width: width.value };\n\n  if (props.color) {\n    if (isCssColor(props.color)) {\n      style.color = props.color;\n    } else {\n      classes[`text-${props.color}`] = true;\n    }\n  }\n  return {\n    class: classes,\n    style,\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-spinner\" }, iconAttributes.value), _hoisted_2, 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","sizeMap","iconAttributes","computed","classes","style","dimension","isCssColor","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps"],"mappings":";;AAGA,MAAMA,sBAA8C,OAAO;AAAA,EACzD,OAAO;AAAA,EACP,SAAS;AACX,GAAG;AAAA,oBACgC,QAAQ;AAAA,IACvC,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,CACJ;AACH,GAAG,EAAE,GACCC,IAAa;AAAA,EACjBD;AACF,GAe4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,MAAM,EAAE,SAAS,KAAK;AAAA,EACxB;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAKRE,IAAgC;AAAA,MACpC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA,GAGDC,IAAiBC,EAAS,MAAM;AACpC,YAAMC,IAAmB;AAAA,QACvB,cAAc;AAAA,MAAA;AAWhB,UAAIC,IAAgC,EAAE,OATxBF,EAAS,MAAM;AACvB,YAAAG;AACA,eAAA,OAAON,EAAM,QAAS,WACxBM,IAAYL,EAAQD,EAAM,IAAY,KAAK,SAASA,EAAM,MAAM,EAAE,IAElEM,IAAYN,EAAM,MAEbM,IAAY;AAAA,MAAA,CACpB,EACkD,MAAM;AAEzD,aAAIN,EAAM,UACJO,EAAWP,EAAM,KAAK,IACxBK,EAAM,QAAQL,EAAM,QAEpBI,EAAQ,QAAQJ,EAAM,KAAK,EAAE,IAAI,KAG9B;AAAA,QACL,OAAOI;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACF,CACD;AAEM,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQC,EAAY,EAAE,OAAO,aAAA,GAAgBV,EAAe,KAAK,GAAGN,GAAY,EAAE;AAAA,EAE9H;AAEA,CAAC;"}
+{"version":3,"file":"index96.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index97.js

@@ -1,6 +1,41 @@
-import o from "./index2.js";
-import "./index3.js";
+import { defineComponent as n, openBlock as t, createElementBlock as o, createElementVNode as l, renderSlot as c, withModifiers as i, createCommentVNode as r } from "vue";
+const p = { class: "bb-chip" }, _ = { class: "bb-chip__content" }, b = ["aria-label", "onClick"], d = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  role: "img",
+  "aria-hidden": "true",
+  class: "v-icon__svg",
+  style: { "font-size": "18px", height: "18px", width: "18px" }
+}, h = /* @__PURE__ */ l("path", { d: "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" }, null, -1), L = [
+  h
+], f = /* @__PURE__ */ n({
+  __name: "BbChip",
+  props: {
+    clearable: { type: Boolean },
+    clearableLabel: { default: "Elimina" }
+  },
+  emits: ["click:clear"],
+  setup(m, { emit: a }) {
+    const s = (e) => {
+      a("click:clear", e);
+    };
+    return (e, u) => (t(), o("span", p, [
+      l("span", _, [
+        c(e.$slots, "default")
+      ]),
+      e.clearable ? (t(), o("button", {
+        key: 0,
+        "aria-label": e.clearableLabel,
+        class: "bb-chip__clear-button",
+        onClick: i(s, ["stop", "prevent"]),
+        type: "button"
+      }, [
+        (t(), o("svg", d, L))
+      ], 8, b)) : r("", !0)
+    ]));
+  }
+});
 export {
-  o as default
+  f as default
 };
 //# sourceMappingURL=index97.js.map

package/dist/index97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index97.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index97.js","sources":["../src/components/BbChip/BbChip.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-chip\" }\nconst _hoisted_2 = { class: \"bb-chip__content\" }\nconst _hoisted_3 = [\"aria-label\", \"onClick\"]\nconst _hoisted_4 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 24 24\",\n  role: \"img\",\n  \"aria-hidden\": \"true\",\n  class: \"v-icon__svg\",\n  style: {\"font-size\":\"18px\",\"height\":\"18px\",\"width\":\"18px\"}\n}\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z\" }, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\n\nexport interface BbChipProps {\n  clearable?: boolean;\n  clearableLabel?: string\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbChip',\n  props: {\n    clearable: { type: Boolean },\n    clearableLabel: { default: 'Elimina' }\n  },\n  emits: [\"click:clear\"],\n  setup(__props: any, { emit }) {\n\n\n\nconst onClear = (event: MouseEvent) =>{\n  emit(\"click:clear\", event)\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _hoisted_1, [\n    _createElementVNode(\"span\", _hoisted_2, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ]),\n    (_ctx.clearable)\n      ? (_openBlock(), _createElementBlock(\"button\", {\n          key: 0,\n          \"aria-label\": _ctx.clearableLabel,\n          class: \"bb-chip__clear-button\",\n          onClick: _withModifiers(onClear, [\"stop\",\"prevent\"]),\n          type: \"button\"\n        }, [\n          (_openBlock(), _createElementBlock(\"svg\", _hoisted_4, _hoisted_6))\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","emit","onClear","event","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_withModifiers","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,EAAE,OAAO,sBACtBC,IAAa,CAAC,cAAc,SAAS,GACrCC,IAAa;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,OAAO,EAAC,aAAY,QAAO,QAAS,QAAO,OAAQ,OAAM;AAC3D,GACMC,sBAA8C,QAAQ,EAAE,GAAG,8MAA8M,MAAM,EAAE,GACjRC,IAAa;AAAA,EACjBD;AACF,GAO4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,gBAAgB,EAAE,SAAS,UAAU;AAAA,EACvC;AAAA,EACA,OAAO,CAAC,aAAa;AAAA,EACrB,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAI1B,UAAAC,IAAU,CAACC,MAAqB;AACpC,MAAAF,EAAK,eAAeE,CAAK;AAAA,IAAA;AAGpB,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,QAAQf,GAAY;AAAA,MAC5DgB,EAAoB,QAAQf,GAAY;AAAA,QACtCgB,EAAYL,EAAK,QAAQ,SAAS;AAAA,MAAA,CACnC;AAAA,MACAA,EAAK,aACDE,KAAcC,EAAoB,UAAU;AAAA,QAC3C,KAAK;AAAA,QACL,cAAcH,EAAK;AAAA,QACnB,OAAO;AAAA,QACP,SAASM,EAAeR,GAAS,CAAC,QAAO,SAAS,CAAC;AAAA,QACnD,MAAM;AAAA,MAAA,GACL;AAAA,SACAI,EAAW,GAAGC,EAAoB,OAAOZ,GAAYE,CAAU;AAAA,SAC/D,GAAGH,CAAU,KAChBiB,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/index98.js

@@ -1,6 +1,40 @@
-import o from "./index4.js";
-import "./index5.js";
+import { defineComponent as i, ref as n, watch as s, computed as r, openBlock as u, createElementBlock as c, normalizeProps as p, guardReactiveProps as b, createElementVNode as d, renderSlot as m } from "vue";
+import { wait as f } from "./index164.js";
+import { throttle as v } from "./index177.js";
+const _ = { class: "bb-collapsible__content" }, w = /* @__PURE__ */ i({
+  __name: "BbCollapsible",
+  props: {
+    modelValue: { type: Boolean },
+    transitionDuration: { default: 250 }
+  },
+  setup(t) {
+    const e = t, l = n(e.modelValue);
+    s(
+      () => e.modelValue,
+      v(async (o) => {
+        o ? l.value = !0 : (await f(e.transitionDuration), l.value = !1);
+      }, e.transitionDuration)
+    );
+    const a = r(() => ({
+      "aria-expanded": e.modelValue,
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": e.modelValue,
+        "bb-collapsible--closed": !e.modelValue,
+        "bb-collapsible--invisible": !l.value
+      },
+      style: {
+        transitionDuration: e.transitionDuration + "ms"
+      }
+    }));
+    return (o, V) => (u(), c("div", p(b(a.value)), [
+      d("div", _, [
+        m(o.$slots, "default")
+      ])
+    ], 16));
+  }
+});
 export {
-  o as default
+  w as default
 };
 //# sourceMappingURL=index98.js.map

package/dist/index98.js.map

@@ -1 +1 @@
-{"version":3,"file":"index98.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index98.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-collapsible__content\" }\n\nimport { wait } from \"@/utilities/functions/wait\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { computed, ref, watch } from \"vue\";\n\nexport interface BbCollapsibleProps {\n  modelValue?: boolean;\n  transitionDuration?: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbCollapsible',\n  props: {\n    modelValue: { type: Boolean },\n    transitionDuration: { default: 250 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst visible = ref(props.modelValue);\n\n/**\n * Every time model value changes if content is going to be expanded\n * make it visible straight away.\n * If content id goinf to be collapsed wait for end of \n * transition before hiding from keyboard navigation\n */\nwatch(\n  () => props.modelValue,\n  throttle(async (value) => {\n    if (value) {\n      visible.value = true;\n    } else {\n      await wait(props.transitionDuration);\n      visible.value = false;\n    }\n  }, props.transitionDuration)\n);\nconst collapsibleAttributes = computed(() => {\n  return {\n    \"aria-expanded\": props.modelValue,\n    class: {\n      \"bb-collapsible\": true,\n      \"bb-collapsible--open\": props.modelValue,\n      \"bb-collapsible--closed\": !props.modelValue,\n      \"bb-collapsible--invisible\": !visible.value,\n    },\n    style: {\n      transitionDuration: props.transitionDuration + \"ms\",\n    },\n  };\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _normalizeProps(_guardReactiveProps(collapsibleAttributes.value)), [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ])\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","visible","ref","watch","throttle","value","wait","collapsibleAttributes","computed","_ctx","_cache","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_createElementVNode","_renderSlot"],"mappings":";;;AAGA,MAAMA,IAAa,EAAE,OAAO,6BAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,oBAAoB,EAAE,SAAS,IAAI;AAAA,EACrC;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAUC,EAAIF,EAAM,UAAU;AAQpC,IAAAG;AAAA,MACE,MAAMH,EAAM;AAAA,MACZI,EAAS,OAAOC,MAAU;AACxB,QAAIA,IACFJ,EAAQ,QAAQ,MAEV,MAAAK,EAAKN,EAAM,kBAAkB,GACnCC,EAAQ,QAAQ;AAAA,MAClB,GACCD,EAAM,kBAAkB;AAAA,IAAA;AAEvB,UAAAO,IAAwBC,EAAS,OAC9B;AAAA,MACL,iBAAiBR,EAAM;AAAA,MACvB,OAAO;AAAA,QACL,kBAAkB;AAAA,QAClB,wBAAwBA,EAAM;AAAA,QAC9B,0BAA0B,CAACA,EAAM;AAAA,QACjC,6BAA6B,CAACC,EAAQ;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,oBAAoBD,EAAM,qBAAqB;AAAA,MACjD;AAAA,IAAA,EAEH;AAEM,WAAA,CAACS,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAOC,EAAgBC,EAAoBP,EAAsB,KAAK,CAAC,GAAG;AAAA,MAClHQ,EAAoB,OAAOnB,GAAY;AAAA,QACrCoB,EAAYP,EAAK,QAAQ,SAAS;AAAA,MAAA,CACnC;AAAA,OACA,EAAE;AAAA,EAEP;AAEA,CAAC;"}

package/dist/index99.js

@@ -1,6 +1,50 @@
-import o from "./index6.js";
-import "./index7.js";
+import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
+import { throttle as g } from "./index177.js";
+const O = /* @__PURE__ */ v({
+  __name: "BbSmoothHeight",
+  props: {
+    mutationOptions: { default: () => ({ childList: !0 }) },
+    resizeOptions: {},
+    strategy: { default: "resize" },
+    tag: { default: "div" },
+    transitionDuration: { default: 200 }
+  },
+  setup(c) {
+    const n = c, s = r(null), e = r(null), t = r(null);
+    globalThis.ResizeObserver && (p(() => {
+      n.strategy === "resize" ? e.value && (t.value = new ResizeObserver(a), t.value.observe(e.value, n.resizeOptions)) : n.strategy === "mutation" && e.value && (t.value = new MutationObserver(a), t.value.observe(e.value, n.mutationOptions)), a();
+    }), h(() => {
+      t.value && t.value.disconnect();
+    }));
+    const a = g(() => {
+      if (s.value && e.value) {
+        const o = e.value.scrollHeight + 2;
+        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+      }
+    }, 200);
+    return (o, y) => (i(), l(u(o.tag), {
+      class: "bb-smooth-height",
+      ref_key: "container",
+      ref: s,
+      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
+    }, {
+      default: f(() => [
+        (i(), l(u(o.tag), {
+          class: "content",
+          ref_key: "content",
+          ref: e
+        }, {
+          default: f(() => [
+            d(o.$slots, "default")
+          ]),
+          _: 3
+        }, 512))
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+});
 export {
-  o as default
+  O as default
 };
 //# sourceMappingURL=index99.js.map

package/dist/index99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index99.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index99.js","sources":["../src/components/BbSmoothHeight/BbSmoothHeight.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeStyle as _normalizeStyle } from \"vue\"\n\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { ref, onMounted, onBeforeUnmount } from \"vue\";\n\ntype VoidHTMLElements =\n  | \"area\"\n  | \"base\"\n  | \"br\"\n  | \"col\"\n  | \"command\"\n  | \"embed\"\n  | \"hr\"\n  | \"img\"\n  | \"input\"\n  | \"keygen\"\n  | \"link\"\n  | \"meta\"\n  | \"param\"\n  | \"source\"\n  | \"track\"\n  | \"wbr\";\n\nexport type BbSmoothHeightProps = {\n  mutationOptions?: MutationObserverInit;\n  resizeOptions?: ResizeObserverOptions;\n  strategy?: \"resize\" | \"mutation\";\n  tag?: keyof Omit<HTMLElementTagNameMap, VoidHTMLElements> | \"\";\n  transitionDuration?: number;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbSmoothHeight',\n  props: {\n    mutationOptions: { default: () => ({ childList: true }) },\n    resizeOptions: {},\n    strategy: { default: \"resize\" },\n    tag: { default: \"div\" },\n    transitionDuration: { default: 200 }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\nconst container = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst observer = ref<ResizeObserver | MutationObserver | null>(null);\n\nif (globalThis.ResizeObserver) {\n  onMounted(() => {\n    if (props.strategy === \"resize\") {\n      if (content.value) {\n        observer.value = new ResizeObserver(onContentGrow);\n        observer.value.observe(content.value, props.resizeOptions);\n      }\n    } else if (props.strategy === \"mutation\") {\n      if (content.value) {\n        observer.value = new MutationObserver(onContentGrow);\n        observer.value.observe(content.value, props.mutationOptions);\n      }\n    }\n    onContentGrow();\n  });\n  onBeforeUnmount(() => {\n    if (observer.value) {\n      observer.value.disconnect();\n    }\n  });\n}\n\n/**\n * This is called when content changes.\n * It could be called numerous times so throttle every 200ms\n */\nconst onContentGrow = throttle(() => {\n  if (container.value && content.value) {\n    const contentHeight = content.value.scrollHeight + 2;\n    container.value.style.height = \"0px\";\n    container.value.style.height = `${contentHeight}px`;\n  }\n}, 200);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n    class: \"bb-smooth-height\",\n    ref_key: \"container\",\n    ref: container,\n    style: _normalizeStyle({ 'transition-duration': props.transitionDuration / 1000 + 's' })\n  }, {\n    default: _withCtx(() => [\n      (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.tag), {\n        class: \"content\",\n        ref_key: \"content\",\n        ref: content\n      }, {\n        default: _withCtx(() => [\n          _renderSlot(_ctx.$slots, \"default\")\n        ]),\n        _: 3\n      }, 512))\n    ]),\n    _: 3\n  }, 8, [\"style\"]))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","container","ref","content","observer","onMounted","onContentGrow","onBeforeUnmount","throttle","contentHeight","_ctx","_cache","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeStyle","_withCtx","_renderSlot"],"mappings":";;AAiCA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,iBAAiB,EAAE,SAAS,OAAO,EAAE,WAAW,GAAQ,GAAA;AAAA,IACxD,eAAe,CAAC;AAAA,IAChB,UAAU,EAAE,SAAS,SAAS;AAAA,IAC9B,KAAK,EAAE,SAAS,MAAM;AAAA,IACtB,oBAAoB,EAAE,SAAS,IAAI;AAAA,EACrC;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAYC,EAAwB,IAAI,GACxCC,IAAUD,EAAwB,IAAI,GACtCE,IAAWF,EAA8C,IAAI;AAEnE,IAAI,WAAW,mBACbG,EAAU,MAAM;AACV,MAAAL,EAAM,aAAa,WACjBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,eAAeE,CAAa,GACjDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,aAAa,KAElDA,EAAM,aAAa,cACxBG,EAAQ,UACDC,EAAA,QAAQ,IAAI,iBAAiBE,CAAa,GACnDF,EAAS,MAAM,QAAQD,EAAQ,OAAOH,EAAM,eAAe,IAGjDM;IAAA,CACf,GACDC,EAAgB,MAAM;AACpB,MAAIH,EAAS,SACXA,EAAS,MAAM;IACjB,CACD;AAOG,UAAAE,IAAgBE,EAAS,MAAM;AAC/B,UAAAP,EAAU,SAASE,EAAQ,OAAO;AAC9B,cAAAM,IAAgBN,EAAQ,MAAM,eAAe;AACzC,QAAAF,EAAA,MAAM,MAAM,SAAS,OAC/BA,EAAU,MAAM,MAAM,SAAS,GAAGQ,CAAa;AAAA,MACjD;AAAA,OACC,GAAG;AAEC,WAAA,CAACC,GAAUC,OACRC,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,MACrE,OAAO;AAAA,MACP,SAAS;AAAA,MACT,KAAKT;AAAA,MACL,OAAOc,EAAgB,EAAE,uBAAuBf,EAAM,qBAAqB,MAAO,KAAK;AAAA,IAAA,GACtF;AAAA,MACD,SAASgB,EAAS,MAAM;AAAA,SACrBJ,EAAc,GAAAC,EAAaC,EAAyBJ,EAAK,GAAG,GAAG;AAAA,UAC9D,OAAO;AAAA,UACP,SAAS;AAAA,UACT,KAAKP;AAAA,QAAA,GACJ;AAAA,UACD,SAASa,EAAS,MAAM;AAAA,YACtBC,EAAYP,EAAK,QAAQ,SAAS;AAAA,UAAA,CACnC;AAAA,UACD,GAAG;AAAA,WACF,GAAG;AAAA,MAAA,CACP;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC;AAAA,EAEjB;AAEA,CAAC;"}