bitboss-ui 0.2.76 → 1.0.0

package/dist/index113.js

@@ -1,123 +1,2 @@
-import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as v, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as p, createVNode as k, createSlots as B, withCtx as C, normalizeProps as T, guardReactiveProps as _ } from "vue";
-import { flattenTree as P } from "./index230.js";
-const w = { class: "bb-tree-row" }, z = { class: "bb-tree-main-content" }, I = /* @__PURE__ */ $({
-  __name: "BbTree",
-  props: {
-    items: { default: () => [] },
-    parent: {},
-    identifier: { default: "id" },
-    depth: { default: 0 },
-    expandable: { type: [Boolean, Function] }
-  },
-  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), t = d.expandable ?? r.expandable, a = n + 1;
-        n = n + P([d], "children").length;
-        let o = !1;
-        return typeof t < "u" && (typeof t == "function" ? o = t(d, r.depth, r.parent) : o = t), {
-          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(v, 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
-        }])
-      }, [
-        s("div", w, [
-          s("div", z, [
-            n.$slots[e.identifier] ? p(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] ? p(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
-            }) : p(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`)
-        }, [
-          p(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
-          }, () => [
-            p(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
-            }, () => [
-              k(l, {
-                depth: e.depth + 1,
-                expandable: n.expandable,
-                identifier: r.identifier,
-                items: e.children,
-                parent: e
-              }, B({ _: 2 }, [
-                h(n.$slots, (t, a) => ({
-                  name: a,
-                  fn: C((o) => [
-                    p(n.$slots, a, T(_(o)))
-                  ])
-                }))
-              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
-            ])
-          ])
-        ], 2)
-      ], 2))), 128);
-    };
-  }
-});
-export {
-  I as default
-};
+
 //# sourceMappingURL=index113.js.map

package/dist/index113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index113.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.depth}-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.identifier}-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":"index113.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index114.js

@@ -1,2 +1,123 @@
-
+import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as v, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as p, createVNode as k, createSlots as B, withCtx as C, normalizeProps as T, guardReactiveProps as _ } from "vue";
+import { flattenTree as P } from "./index246.js";
+const w = { class: "bb-tree-row" }, z = { class: "bb-tree-main-content" }, I = /* @__PURE__ */ $({
+  __name: "BbTree",
+  props: {
+    items: { default: () => [] },
+    parent: {},
+    identifier: { default: "id" },
+    depth: { default: 0 },
+    expandable: { type: [Boolean, Function] }
+  },
+  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), t = d.expandable ?? r.expandable, a = n + 1;
+        n = n + P([d], "children").length;
+        let o = !1;
+        return typeof t < "u" && (typeof t == "function" ? o = t(d, r.depth, r.parent) : o = t), {
+          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(v, 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
+        }])
+      }, [
+        s("div", w, [
+          s("div", z, [
+            n.$slots[e.identifier] ? p(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] ? p(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
+            }) : p(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`)
+        }, [
+          p(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
+          }, () => [
+            p(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
+            }, () => [
+              k(l, {
+                depth: e.depth + 1,
+                expandable: n.expandable,
+                identifier: r.identifier,
+                items: e.children,
+                parent: e
+              }, B({ _: 2 }, [
+                h(n.$slots, (t, a) => ({
+                  name: a,
+                  fn: C((o) => [
+                    p(n.$slots, a, T(_(o)))
+                  ])
+                }))
+              ]), 1032, ["depth", "expandable", "identifier", "items", "parent"])
+            ])
+          ])
+        ], 2)
+      ], 2))), 128);
+    };
+  }
+});
+export {
+  I as default
+};
 //# sourceMappingURL=index114.js.map

package/dist/index114.js.map

@@ -1 +1 @@
-{"version":3,"file":"index114.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index114.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.depth}-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.identifier}-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index115.js

@@ -1,47 +1,2 @@
-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",
-  props: {
-    text: {},
-    clearable: { type: Boolean, default: !0 },
-    clearableLabel: { default: "Elimina" }
-  },
-  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"])
-      }, [
-        (t(), o("svg", u, f))
-      ], 8, m)) : d("", !0)
-    ]));
-  }
-});
-export {
-  v as default
-};
+
 //# sourceMappingURL=index115.js.map

package/dist/index115.js.map

@@ -1 +1 @@
-{"version":3,"file":"index115.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":"index115.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index116.js

@@ -1,40 +1,47 @@
-import { defineComponent as s, ref as a, watch as i, computed as u, openBlock as c, createElementBlock as p, normalizeProps as m, guardReactiveProps as b, createElementVNode as d, renderSlot as v, createCommentVNode as f } from "vue";
-import { wait as V } from "./index122.js";
-import { throttle as _ } from "./index215.js";
-const h = { class: "bb-collapsible__content" }, k = /* @__PURE__ */ s({
-  __name: "BbCollapsible",
+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",
   props: {
-    eager: { type: Boolean },
-    transitionDuration: { default: 250 },
-    modelValue: { type: Boolean }
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: { default: "Elimina" }
   },
-  setup(n) {
-    const e = n, l = a(e.modelValue), t = a(l.value);
-    i(
-      () => e.modelValue,
-      _(async (o) => {
-        o ? (t.value = !0, l.value = !0) : (await V(e.transitionDuration), l.value = !1);
-      }, e.transitionDuration)
-    );
-    const r = u(() => ({
-      class: {
-        "bb-collapsible": !0,
-        "bb-collapsible--open": e.modelValue,
-        "bb-collapsible--closed": !e.modelValue,
-        "bb-collapsible--invisible": !l.value && !e.modelValue
-      },
-      style: {
-        transitionDuration: e.transitionDuration + "ms"
-      }
-    }));
-    return (o, y) => (c(), p("div", m(b(r.value)), [
-      d("div", h, [
-        o.eager || t.value ? v(o.$slots, "default", { key: 0 }) : f("", !0)
-      ])
-    ], 16));
+  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"])
+      }, [
+        (t(), o("svg", u, f))
+      ], 8, m)) : d("", !0)
+    ]));
   }
 });
 export {
-  k as default
+  v as default
 };
 //# sourceMappingURL=index116.js.map

package/dist/index116.js.map

@@ -1 +1 @@
-{"version":3,"file":"index116.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue"],"sourcesContent":["<template>\n\t<div v-bind=\"collapsibleAttributes\">\n\t\t<div class=\"bb-collapsible__content\">\n\t\t\t<slot v-if=\"eager || hasRenderedOnce\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { wait } from '@/utilities/functions/wait';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { computed, ref, watch } from 'vue';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbCollapsibleProps = Pick<\n\tCommonProps,\n\t'eager' | 'transitionDuration'\n> & {\n\t/**\n\t * Used by v-model to trigger opening / closing the collapsible\n\t */\n\tmodelValue: boolean;\n};\n\nconst props = withDefaults(defineProps<BbCollapsibleProps>(), {\n\ttransitionDuration: 250,\n});\n\ndefineSlots<{\n\tdefault?: (props: object) => any;\n}>();\n\nconst visible = ref(props.modelValue);\nconst hasRenderedOnce = ref(visible.value);\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 going to be collapsed wait for end of\n * transition before hiding from keyboard navigation\n */\nwatch(\n\t() => props.modelValue,\n\tthrottle(async (value) => {\n\t\tif (value) {\n\t\t\thasRenderedOnce.value = true;\n\t\t\tvisible.value = true;\n\t\t} else {\n\t\t\tawait wait(props.transitionDuration);\n\t\t\tvisible.value = false;\n\t\t}\n\t}, props.transitionDuration)\n);\nconst collapsibleAttributes = computed(() => {\n\treturn {\n\t\tclass: {\n\t\t\t'bb-collapsible': true,\n\t\t\t'bb-collapsible--open': props.modelValue,\n\t\t\t'bb-collapsible--closed': !props.modelValue,\n\t\t\t'bb-collapsible--invisible': !visible.value && !props.modelValue,\n\t\t},\n\t\tstyle: {\n\t\t\ttransitionDuration: props.transitionDuration + 'ms',\n\t\t},\n\t};\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbCollapsible';\n</style>\n"],"names":["props","__props","visible","ref","hasRenderedOnce","watch","throttle","value","wait","collapsibleAttributes","computed"],"mappings":";;;;;;;;;;;AAwBA,UAAMA,IAAQC,GAQRC,IAAUC,EAAIH,EAAM,UAAU,GAC9BI,IAAkBD,EAAID,EAAQ,KAAK;AAQzC,IAAAG;AAAA,MACC,MAAML,EAAM;AAAA,MACZM,EAAS,OAAOC,MAAU;AACzB,QAAIA,KACHH,EAAgB,QAAQ,IACxBF,EAAQ,QAAQ,OAEV,MAAAM,EAAKR,EAAM,kBAAkB,GACnCE,EAAQ,QAAQ;AAAA,MACjB,GACEF,EAAM,kBAAkB;AAAA,IAAA;AAEtB,UAAAS,IAAwBC,EAAS,OAC/B;AAAA,MACN,OAAO;AAAA,QACN,kBAAkB;AAAA,QAClB,wBAAwBV,EAAM;AAAA,QAC9B,0BAA0B,CAACA,EAAM;AAAA,QACjC,6BAA6B,CAACE,EAAQ,SAAS,CAACF,EAAM;AAAA,MACvD;AAAA,MACA,OAAO;AAAA,QACN,oBAAoBA,EAAM,qBAAqB;AAAA,MAChD;AAAA,IAAA,EAED;;;;;;;;"}
+{"version":3,"file":"index116.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;;;;;;;;;;;;;;;;;;;"}

package/dist/index117.js

@@ -1,47 +1,40 @@
-import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as _, openBlock as b, createElementBlock as h, mergeProps as w } from "vue";
-import { isCssColor as z } from "./index219.js";
-const g = ["innerHTML"], $ = /* @__PURE__ */ m({
-  __name: "BbIcon",
+import { defineComponent as i, ref as s, watch as u, computed as c, openBlock as p, createElementBlock as d, normalizeProps as m, guardReactiveProps as b, createElementVNode as v, normalizeStyle as f, renderSlot as y, createCommentVNode as V } from "vue";
+const g = /* @__PURE__ */ i({
+  __name: "BbCollapsible",
   props: {
-    size: { default: "md" },
-    color: {},
-    type: {}
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean }
   },
-  setup(p) {
-    var i, r;
-    const e = p;
-    let t;
-    !!((r = (i = d()) == null ? void 0 : i.proxy) != null && r.$nuxt) ? process.client && (t = useNuxtApp().$icons) : t = x("icons");
-    const u = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      xxl: 40
-    }, f = l(() => {
-      const s = {
-        "bb-icon": !0
-      };
-      let c = { width: l(() => {
-        let o;
-        return typeof e.size == "string" ? o = u[e.size] ?? parseInt(e.size, 10) : typeof e.size == "number" ? o = e.size : o = 24, o + "px";
-      }).value };
-      return e.color && (z(e.color) ? c.color = e.color : s[`bb-icon-${e.color}`] = !0), {
-        class: s,
-        style: c
-      };
-    }), n = y(null);
-    return _(async () => {
-      if (t) {
-        if (typeof t[e.type] > "u")
-          throw new Error(`Icon "${e.type}" does not exist.`);
-        n.value = await t[e.type]();
+  setup(r) {
+    const e = r, o = s(e.modelValue), t = s(o.value), a = u(
+      () => e.modelValue,
+      (l) => {
+        l && (t.value = !0, a());
       }
-    }), (s, a) => (b(), h("i", w(f.value, { innerHTML: n.value }), null, 16, g));
+    );
+    o.value && a();
+    const n = c(() => ({
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": e.modelValue,
+        "bb-collapsible--closed": !e.modelValue
+      },
+      style: {
+        transitionDuration: e.transitionDuration + "ms"
+      }
+    }));
+    return (l, _) => (p(), d("div", m(b(n.value)), [
+      v("div", {
+        class: "bb-collapsible__content",
+        style: f(n.value.style)
+      }, [
+        l.eager || t.value ? y(l.$slots, "default", { key: 0 }) : V("", !0)
+      ], 4)
+    ], 16));
   }
 });
 export {
-  $ as default
+  g as default
 };
 //# sourceMappingURL=index117.js.map

package/dist/index117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index117.js","sources":["../src/components/BbIcon/BbIcon.vue"],"sourcesContent":["<template>\n\t<i v-bind=\"iconAttributes\" v-html=\"icon\"></i>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, inject, ref, watchEffect } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport type { Size as S } from '@/types/CommonProps';\n\nexport type Size = {\n\txs: number;\n\tsm: number;\n\tmd: number;\n\tlg: number;\n\txl: number;\n\txxl: number;\n};\n\nexport type BbIconProps = S<Size> & {\n\t/**\n\t * Define a color for the component.\n\t *\n\t * Either a custom color or a coded color in common HEX, RGB, etc... format.\n\t */\n\tcolor?: string;\n\t/**\n\t * Name of the icon to use\n\t */\n\ttype: string;\n};\nconst props = withDefaults(defineProps<BbIconProps>(), {\n\tsize: 'md',\n});\nlet icons: Record<string, () => Promise<string>> | undefined;\n// @ts-expect-error possibily undef\nconst isNuxt = !!getCurrentInstance()?.proxy?.$nuxt;\n\nif (isNuxt) {\n\t// @ts-expect-error possibily undef\n\tif (process.client) {\n\t\t// @ts-expect-error possibily undef\n\t\ticons = useNuxtApp()[`$icons`] as typeof icons; // eslint-disable-line no-undef\n\t}\n} else {\n\ticons = inject('icons');\n}\n\nconst sizeMap: Size = {\n\txs: 12,\n\tsm: 16,\n\tmd: 24,\n\tlg: 28,\n\txl: 36,\n\txxl: 40,\n};\n\nconst iconAttributes = computed(() => {\n\tconst classes: any = {\n\t\t'bb-icon': true,\n\t};\n\tconst width = computed(() => {\n\t\tlet dimension: number;\n\t\tif (typeof props.size === 'string') {\n\t\t\tdimension = sizeMap[props.size as keyof Size] ?? parseInt(props.size, 10);\n\t\t} else if (typeof props.size === 'number') {\n\t\t\tdimension = props.size;\n\t\t} else {\n\t\t\tdimension = 24;\n\t\t}\n\t\treturn dimension + `px`;\n\t});\n\tlet style: { [key: string]: any } = { width: width.value };\n\n\tif (props.color) {\n\t\tif (isCssColor(props.color)) {\n\t\t\tstyle.color = props.color;\n\t\t} else {\n\t\t\tclasses[`bb-icon-${props.color}`] = true;\n\t\t}\n\t}\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t};\n});\n\nconst icon = ref<string | null>(null);\n\nwatchEffect(async () => {\n\tif (icons) {\n\t\tif (typeof icons[props.type] === 'undefined')\n\t\t\tthrow new Error(`Icon \"${props.type}\" does not exist.`);\n\t\ticon.value = await icons[props.type]();\n\t}\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbIcon';\n</style>\n"],"names":["props","__props","icons","_b","_a","getCurrentInstance","inject","sizeMap","iconAttributes","computed","classes","style","dimension","isCssColor","icon","ref","watchEffect"],"mappings":";;;;;;;;;;;AA8BA,UAAMA,IAAQC;AAGV,QAAAC;AAIJ,IAFe,CAAC,GAACC,KAAAC,IAAAC,EAAA,MAAA,gBAAAD,EAAsB,UAAtB,QAAAD,EAA6B,SAIzC,QAAQ,WAEHD,IAAA,WAAA,EAAa,UAGtBA,IAAQI,EAAO,OAAO;AAGvB,UAAMC,IAAgB;AAAA,MACrB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA,GAGAC,IAAiBC,EAAS,MAAM;AACrC,YAAMC,IAAe;AAAA,QACpB,WAAW;AAAA,MAAA;AAaZ,UAAIC,IAAgC,EAAE,OAXxBF,EAAS,MAAM;AACxB,YAAAG;AACA,eAAA,OAAOZ,EAAM,QAAS,WACzBY,IAAYL,EAAQP,EAAM,IAAkB,KAAK,SAASA,EAAM,MAAM,EAAE,IAC9D,OAAOA,EAAM,QAAS,WAChCY,IAAYZ,EAAM,OAENY,IAAA,IAENA,IAAY;AAAA,MAAA,CACnB,EACkD,MAAM;AAEzD,aAAIZ,EAAM,UACLa,EAAWb,EAAM,KAAK,IACzBW,EAAM,QAAQX,EAAM,QAEpBU,EAAQ,WAAWV,EAAM,KAAK,EAAE,IAAI,KAG/B;AAAA,QACN,OAAOU;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACD,CACA,GAEKG,IAAOC,EAAmB,IAAI;AAEpC,WAAAC,EAAY,YAAY;AACvB,UAAId,GAAO;AACV,YAAI,OAAOA,EAAMF,EAAM,IAAI,IAAM;AAChC,gBAAM,IAAI,MAAM,SAASA,EAAM,IAAI,mBAAmB;AACvD,QAAAc,EAAK,QAAQ,MAAMZ,EAAMF,EAAM,IAAI,EAAE;AAAA,MACtC;AAAA,IAAA,CACA;;;"}
+{"version":3,"file":"index117.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue"],"sourcesContent":["<template>\n\t<div v-bind=\"collapsibleAttributes\">\n\t\t<div class=\"bb-collapsible__content\" :style=\"collapsibleAttributes.style\">\n\t\t\t<slot v-if=\"eager || hasRenderedOnce\"></slot>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport { useQueue } from '@/composables/useQueue';\nimport { wait } from '@/utilities/functions/wait';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbCollapsibleProps = Pick<\n\tCommonProps,\n\t'eager' | 'transitionDuration'\n> & {\n\t/**\n\t * Used by v-model to trigger opening / closing the collapsible\n\t */\n\tmodelValue: boolean;\n};\n\nconst props = withDefaults(defineProps<BbCollapsibleProps>(), {\n\ttransitionDuration: 250,\n});\n\ndefineSlots<{\n\tdefault?: (props: object) => any;\n}>();\n\nconst visible = ref(props.modelValue);\nconst hasRenderedOnce = ref(visible.value);\n\n/**\n * If the component is lazy render content on first time modelValue is true\n */\nconst cleanup = watch(\n\t() => props.modelValue,\n\t(value) => {\n\t\tif (value) {\n\t\t\thasRenderedOnce.value = true;\n\t\t\tcleanup();\n\t\t}\n\t}\n);\nif (visible.value) cleanup();\n\nconst collapsibleAttributes = computed(() => {\n\treturn {\n\t\tclass: {\n\t\t\t'bb-collapsible': true,\n\t\t\t'bb-collapsible--open': props.modelValue,\n\t\t\t'bb-collapsible--closed': !props.modelValue,\n\t\t},\n\t\tstyle: {\n\t\t\ttransitionDuration: props.transitionDuration + 'ms',\n\t\t},\n\t};\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbCollapsible';\n</style>\n"],"names":["props","__props","visible","ref","hasRenderedOnce","cleanup","watch","value","collapsibleAttributes","computed"],"mappings":";;;;;;;;;AAwBA,UAAMA,IAAQC,GAQRC,IAAUC,EAAIH,EAAM,UAAU,GAC9BI,IAAkBD,EAAID,EAAQ,KAAK,GAKnCG,IAAUC;AAAA,MACf,MAAMN,EAAM;AAAA,MACZ,CAACO,MAAU;AACV,QAAIA,MACHH,EAAgB,QAAQ,IAChBC;MAEV;AAAA,IAAA;AAED,IAAIH,EAAQ,SAAeG;AAErB,UAAAG,IAAwBC,EAAS,OAC/B;AAAA,MACN,OAAO;AAAA,QACN,kBAAkB;AAAA,QAClB,wBAAwBT,EAAM;AAAA,QAC9B,0BAA0B,CAACA,EAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACN,oBAAoBA,EAAM,qBAAqB;AAAA,MAChD;AAAA,IAAA,EAED;;;;;;;;;;;"}

package/dist/index118.js

@@ -1,50 +1,47 @@
-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 "./index215.js";
-const O = /* @__PURE__ */ v({
-  __name: "BbSmoothHeight",
+import { defineComponent as m, getCurrentInstance as d, inject as x, computed as l, ref as y, watchEffect as _, openBlock as b, createElementBlock as h, mergeProps as w } from "vue";
+import { isCssColor as z } from "./index198.js";
+const g = ["innerHTML"], $ = /* @__PURE__ */ m({
+  __name: "BbIcon",
   props: {
-    mutationOptions: { default: () => ({ childList: !0 }) },
-    resizeOptions: {},
-    strategy: { default: "resize" },
-    tag: { default: "div" },
-    transitionDuration: { default: 200 }
+    size: { default: "md" },
+    color: {},
+    type: {}
   },
-  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`;
+  setup(p) {
+    var i, r;
+    const e = p;
+    let t;
+    !!((r = (i = d()) == null ? void 0 : i.proxy) != null && r.$nuxt) ? process.client && (t = useNuxtApp().$icons) : t = x("icons");
+    const u = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, f = l(() => {
+      const s = {
+        "bb-icon": !0
+      };
+      let c = { width: l(() => {
+        let o;
+        return typeof e.size == "string" ? o = u[e.size] ?? parseInt(e.size, 10) : typeof e.size == "number" ? o = e.size : o = 24, o + "px";
+      }).value };
+      return e.color && (z(e.color) ? c.color = e.color : s[`bb-icon-${e.color}`] = !0), {
+        class: s,
+        style: c
+      };
+    }), n = y(null);
+    return _(async () => {
+      if (t) {
+        if (typeof t[e.type] > "u")
+          throw new Error(`Icon "${e.type}" does not exist.`);
+        n.value = await t[e.type]();
       }
-    }, 200);
-    return (o, y) => (i(), l(u(o.tag), {
-      ref_key: "container",
-      ref: s,
-      class: "bb-smooth-height",
-      style: m({ "transition-duration": n.transitionDuration / 1e3 + "s" })
-    }, {
-      default: f(() => [
-        (i(), l(u(o.tag), {
-          ref_key: "content",
-          ref: e,
-          class: "content"
-        }, {
-          default: f(() => [
-            d(o.$slots, "default")
-          ]),
-          _: 3
-        }, 512))
-      ]),
-      _: 3
-    }, 8, ["style"]));
+    }), (s, a) => (b(), h("i", w(f.value, { innerHTML: n.value }), null, 16, g));
   }
 });
 export {
-  O as default
+  $ as default
 };
 //# sourceMappingURL=index118.js.map