bitboss-ui 2.0.5 → 2.0.8

package/dist/index12.js

@@ -1,85 +1,43 @@
-import { defineComponent as y, getCurrentInstance as p, computed as s, resolveComponent as d, openBlock as k, createBlock as h, resolveDynamicComponent as C, mergeProps as x, withCtx as S, renderSlot as L, createTextVNode as B, toDisplayString as N } from "vue";
-import { _config as o } from "./index3.js";
-import { useLogger as m } from "./index207.js";
-const P = /* @__PURE__ */ y({
-  __name: "BaseButton",
-  props: {
-    activeClass: {},
-    ariaCurrentValue: {},
-    block: { type: Boolean },
-    data: {},
-    disabled: { type: Boolean },
-    exactActiveClass: {},
-    headers: {},
-    href: {},
-    method: {},
-    onBefore: {},
-    onCancel: {},
-    onCancelToken: {},
-    onFinish: {},
-    only: {},
-    onProgress: {},
-    onStart: {},
-    onSuccess: {},
-    preserveScroll: { type: [Boolean, Function] },
-    preserveState: { type: [Boolean, Function, null] },
-    queryStringArrayFormat: {},
-    replace: { type: Boolean },
-    tag: { default: "button" },
-    target: {},
-    text: {},
-    to: {},
-    type: { default: "button" }
-  },
-  setup(f) {
-    var i, l, u, c;
-    const t = f, a = !!((l = (i = p()) == null ? void 0 : i.proxy) != null && l.$inertia), g = !!((c = (u = p()) == null ? void 0 : u.proxy) != null && c.$nuxt), n = s(() => {
-      if (t.href || t.to && t.disabled) {
-        if (a && !t.disabled && !t.target) {
-          const e = d(o.inertiaLinkName);
-          if (typeof e == "string") {
-            const { warn: r } = m();
-            r(
-              `Inertia link component "${o.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${o.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${o.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-            );
-          }
-          return e;
-        }
-        return "a";
+import { wait as p } from "./index128.js";
+import { reactive as d } from "vue";
+import { useId as h } from "./index9.js";
+const i = d({
+  stack: []
+}), b = () => {
+  const c = (t) => i.stack = i.stack.filter((o) => o.id !== t);
+  return {
+    toast: (t) => {
+      const o = h().id.value;
+      let l, e, n, s, f;
+      const u = 6e3;
+      if (typeof t == "string")
+        e = t;
+      else {
+        if (typeof t.timeout == "number" && t.timeout <= 0)
+          throw new Error("Toast messages cannot have a zero or less timeout");
+        n = t.icon, f = t.showClose, e = t.text, s = t.theme, l = t.title;
       }
-      if (t.to) {
-        if (g) {
-          const e = d(o.nuxtLinkName);
-          if (typeof e == "string") {
-            const { warn: r } = m();
-            r(
-              `Nuxt link component "${o.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${o.nuxtLinkName}" or set bitboss-ui config key "nuxtLInkName" to the correct value globally. Please visit ${o.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-            );
-          }
-          return e;
-        }
-        return "router-link";
+      if (i.stack = i.stack.concat({
+        icon: n,
+        id: o,
+        showClose: f,
+        text: e,
+        theme: s,
+        title: l
+      }), typeof t == "object" && !t.persistent || typeof t == "string") {
+        let r;
+        typeof t == "object" && t.timeout ? r = t.timeout : r = u, p(r).then(() => {
+          c(o);
+        });
       }
-      return t.tag;
-    }), b = s(() => ({
-      "base-btn": !0,
-      "base-btn--block": t.block,
-      "base-btn--disabled": t.disabled
-    })), v = s(() => {
-      const e = {};
-      return n.value === "button" ? (e.disabled = t.disabled, e.type = t.type) : n.value === "a" || a && typeof n.value != "string" && n.value.name === "Link" ? t.disabled ? (e["aria-disabled"] = !0, e.role = "link") : (e.href = t.href, e.target = t.target, a && (e.data = t.data, e.headers = t.headers, e.method = t.method, e.onBefore = t.onBefore, e.onCancel = t.onCancel, e.onCancelToken = t.onCancelToken, e.onFinish = t.onFinish, e.only = t.only, e.onProgress = t.onProgress, e.onStart = t.onStart, e.onSuccess = t.onSuccess, e.preserveScroll = t.preserveScroll, e.preserveState = t.preserveState, e.queryStringArrayFormat = t.queryStringArrayFormat, e.replace = t.replace)) : (n.value === "router-link" || typeof n.value != "string" && n.value.name === "NuxtLink") && (e.activeClass = t.activeClass, e.ariaCurrentValue = t.ariaCurrentValue, e.exactActiveClass = t.exactActiveClass, e.replace = t.replace, e.target = t.target, e.to = t.to), e;
-    });
-    return (e, r) => (k(), h(C(n.value), x({ class: b.value }, v.value), {
-      default: S(() => [
-        L(e.$slots, "default", {}, () => [
-          B(N(e.text), 1)
-        ])
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
+      return o;
+    },
+    dismiss: c,
+    dismissAll: () => i.stack = []
+  };
+};
 export {
-  P as default
+  i as state,
+  b as useToast
 };
 //# sourceMappingURL=index12.js.map

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":["../src/components/BaseButton/BaseButton.vue"],"sourcesContent":["<template>\n\t<component :is=\"tag\" :class=\"classes\" v-bind=\"attributes\">\n\t\t<slot>{{ text }}</slot>\n\t</component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, resolveComponent } from 'vue';\nimport type { RouteLocationRaw } from 'vue-router';\nimport { _config } from '@/composables/useBbConfig';\nimport { useLogger } from '@/composables/useLogger';\n\nexport type BaseButtonProps = {\n\t/**\n\t * Class to apply when the link is active\n\t */\n\tactiveClass?: string;\n\n\t/**\n\t * Value passed to the attribute `aria-current` when the link is exact active.\n\t *\n\t * @defaultValue `'page'`\n\t */\n\tariaCurrentValue?:\n\t\t| 'page'\n\t\t| 'step'\n\t\t| 'location'\n\t\t| 'date'\n\t\t| 'time'\n\t\t| 'true'\n\t\t| 'false';\n\n\t/**\n\t * Displays the component as full width.\n\t */\n\tblock?: boolean;\n\n\tdata?: object;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Class to apply when the link is exact active\n\t */\n\texactActiveClass?: string;\n\n\theaders?: object;\n\n\t/**\n\t * Returns the hyperlink's URL.\n\t *\n\t * Can be set, to change the URL.\n\t */\n\thref?: HTMLAnchorElement['href'];\n\n\tmethod?: 'get' | 'post' | 'put' | 'patch' | 'delete';\n\n\tonBefore?: () => void;\n\n\tonCancel?: () => void;\n\n\tonCancelToken?: (cancelToken: import('axios').CancelTokenSource) => void;\n\n\tonFinish?: () => void;\n\n\tonly?: string[];\n\n\tonProgress?: (progress: { percentage: number | undefined }) => void;\n\n\tonStart?: () => void;\n\n\tonSuccess?: () => void;\n\n\tpreserveScroll?: boolean | ((props: { [key: string]: unknown }) => boolean);\n\n\tpreserveState?:\n\t\t| boolean\n\t\t| ((props: { [key: string]: unknown }) => boolean)\n\t\t| null;\n\n\tqueryStringArrayFormat?: 'brackets' | 'indices';\n\n\t/**\n\t * Calls `router.replace` instead of `router.push`.\n\t */\n\treplace?: boolean;\n\n\t/**\n\t * Any HTML tag corresponding to a non-void HTMl element.\n\t */\n\ttag?: string;\n\n\t/**\n\t * Sets or retrieves the window or frame at which to target content.\n\t */\n\ttarget?: HTMLAnchorElement['target'];\n\n\t/**\n\t * Text content of the component.\n\t */\n\ttext?: string;\n\n\t/**\n\t * Route Location the link should navigate to when clicked on.\n\t */\n\tto?: RouteLocationRaw;\n\n\t/**\n\t * Gets the classification and default behavior of the button.\n\t */\n\ttype?: HTMLButtonElement['type'];\n};\n\nconst props = withDefaults(defineProps<BaseButtonProps>(), {\n\ttag: 'button',\n\ttype: 'button',\n});\n\ndefineSlots<{\n\tdefault?: (props: object) => any;\n}>();\n\n/* Ignore because possibly undefined */\n// @ts-expect-error possibly undef\nconst isInertia = !!getCurrentInstance()?.proxy?.$inertia;\n\n// @ts-expect-error possibly undef\nconst isNuxt = !!getCurrentInstance()?.proxy?.$nuxt;\n\nconst tag = computed(() => {\n\t// For disabled links always render a\n\tif (props.href || (props.to && props.disabled)) {\n\t\t// Prevent rendering inertia links if target is passed (inertia doesn't support external links)\n\t\tif (isInertia && !props.disabled && !props.target) {\n\t\t\tconst resolved = resolveComponent(_config.inertiaLinkName);\n\t\t\tif (typeof resolved === 'string') {\n\t\t\t\tconst { warn } = useLogger();\n\t\t\t\twarn(\n\t\t\t\t\t`Inertia link component \"${_config.inertiaLinkName}\" could not be resolved. Ensure you app registers a link component with the name \"${_config.inertiaLinkName}\" or set bitboss-ui config key \"inertiaLinkName\" to the correct value globally. Please visit ${_config.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn resolved;\n\t\t}\n\n\t\treturn 'a';\n\t}\n\tif (props.to) {\n\t\tif (isNuxt) {\n\t\t\tconst resolved = resolveComponent(_config.nuxtLinkName);\n\t\t\tif (typeof resolved === 'string') {\n\t\t\t\tconst { warn } = useLogger();\n\t\t\t\twarn(\n\t\t\t\t\t`Nuxt link component \"${_config.nuxtLinkName}\" could not be resolved. Ensure you app registers a link component with the name \"${_config.nuxtLinkName}\" or set bitboss-ui config key \"nuxtLInkName\" to the correct value globally. Please visit ${_config.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn resolved;\n\t\t}\n\t\treturn 'router-link';\n\t}\n\treturn props.tag;\n});\n\nconst classes = computed(() => ({\n\t'base-btn': true,\n\t'base-btn--block': props.block,\n\t'base-btn--disabled': props.disabled,\n}));\n\nconst attributes = computed(() => {\n\ttype PossibleAttributes = {\n\t\tactiveClass: BaseButtonProps['activeClass'];\n\t\t'aria-disabled': boolean;\n\t\tariaCurrentValue: BaseButtonProps['ariaCurrentValue'];\n\t\tdata: BaseButtonProps['data'];\n\t\tdisabled: boolean;\n\t\texactActiveClass: BaseButtonProps['exactActiveClass'];\n\t\theaders: BaseButtonProps['headers'];\n\t\thref: string;\n\t\tmethod: BaseButtonProps['method'];\n\t\tonBefore: BaseButtonProps['onBefore'];\n\t\tonCancel: BaseButtonProps['onCancel'];\n\t\tonCancelToken: BaseButtonProps['onCancelToken'];\n\t\tonFinish: BaseButtonProps['onFinish'];\n\t\tonly: BaseButtonProps['only'];\n\t\tonProgress: BaseButtonProps['onProgress'];\n\t\tonStart: BaseButtonProps['onStart'];\n\t\tonSuccess: BaseButtonProps['onSuccess'];\n\t\tpreserveScroll: BaseButtonProps['preserveScroll'];\n\t\tpreserveState: BaseButtonProps['preserveState'];\n\t\tqueryStringArrayFormat: BaseButtonProps['queryStringArrayFormat'];\n\t\treplace: BaseButtonProps['replace'];\n\t\trole: string;\n\t\tstyle: { [rule: string]: string };\n\t\ttarget: string;\n\t\tto: BaseButtonProps['to'];\n\t\ttype: string;\n\t};\n\tconst initial: Partial<PossibleAttributes> = {};\n\n\tif (tag.value === 'button') {\n\t\tinitial.disabled = props.disabled;\n\t\tinitial.type = props.type;\n\t} else if (\n\t\ttag.value === 'a' ||\n\t\t(isInertia && typeof tag.value !== 'string' && tag.value.name === 'Link')\n\t) {\n\t\t// When rendering as anchor prevent navigation if disabled\n\t\t// https://getbootstrap.com/docs/4.0/components/buttons/#disabled-state\n\t\tif (props.disabled) {\n\t\t\tinitial['aria-disabled'] = true;\n\t\t\tinitial.role = 'link';\n\t\t} else {\n\t\t\t// Only attach the href to active links\n\t\t\t// https://www.scottohara.me/blog/2021/05/28/disabled-links.html\n\t\t\tinitial.href = props.href;\n\t\t\tinitial.target = props.target;\n\n\t\t\tif (isInertia) {\n\t\t\t\tinitial.data = props.data;\n\t\t\t\tinitial.headers = props.headers;\n\t\t\t\tinitial.method = props.method;\n\t\t\t\tinitial.onBefore = props.onBefore;\n\t\t\t\tinitial.onCancel = props.onCancel;\n\t\t\t\tinitial.onCancelToken = props.onCancelToken;\n\t\t\t\tinitial.onFinish = props.onFinish;\n\t\t\t\tinitial.only = props.only;\n\t\t\t\tinitial.onProgress = props.onProgress;\n\t\t\t\tinitial.onStart = props.onStart;\n\t\t\t\tinitial.onSuccess = props.onSuccess;\n\t\t\t\tinitial.preserveScroll = props.preserveScroll;\n\t\t\t\tinitial.preserveState = props.preserveState;\n\t\t\t\tinitial.queryStringArrayFormat = props.queryStringArrayFormat;\n\t\t\t\tinitial.replace = props.replace;\n\t\t\t}\n\t\t}\n\t} else if (\n\t\ttag.value === 'router-link' ||\n\t\t(typeof tag.value !== 'string' && tag.value.name === 'NuxtLink')\n\t) {\n\t\tinitial.activeClass = props.activeClass;\n\t\tinitial.ariaCurrentValue = props.ariaCurrentValue;\n\t\tinitial.exactActiveClass = props.exactActiveClass;\n\t\tinitial.replace = props.replace;\n\t\tinitial.target = props.target;\n\t\tinitial.to = props.to;\n\t}\n\n\treturn initial;\n});\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseButton';\n</style>\n"],"names":["props","__props","isInertia","_b","_a","getCurrentInstance","isNuxt","_d","_c","tag","computed","resolved","resolveComponent","_config","warn","useLogger","classes","attributes","initial"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHA,UAAMA,IAAQC,GAWRC,IAAY,CAAC,GAACC,KAAAC,IAAAC,EAAA,MAAA,gBAAAD,EAAsB,UAAtB,QAAAD,EAA6B,WAG3CG,IAAS,CAAC,GAACC,KAAAC,IAAAH,EAAA,MAAA,gBAAAG,EAAsB,UAAtB,QAAAD,EAA6B,QAExCE,IAAMC,EAAS,MAAM;AAE1B,UAAIV,EAAM,QAASA,EAAM,MAAMA,EAAM,UAAW;AAE/C,YAAIE,KAAa,CAACF,EAAM,YAAY,CAACA,EAAM,QAAQ;AAC5C,gBAAAW,IAAWC,EAAiBC,EAAQ,eAAe;AACrD,cAAA,OAAOF,KAAa,UAAU;AAC3B,kBAAA,EAAE,MAAAG,MAASC;AACjB,YAAAD;AAAA,cACC,2BAA2BD,EAAQ,eAAe,qFAAqFA,EAAQ,eAAe,gGAAgGA,EAAQ,gBAAgB;AAAA,YAAA;AAAA,UAExR;AACO,iBAAAF;AAAA,QACR;AAEO,eAAA;AAAA,MACR;AACA,UAAIX,EAAM,IAAI;AACb,YAAIM,GAAQ;AACL,gBAAAK,IAAWC,EAAiBC,EAAQ,YAAY;AAClD,cAAA,OAAOF,KAAa,UAAU;AAC3B,kBAAA,EAAE,MAAAG,MAASC;AACjB,YAAAD;AAAA,cACC,wBAAwBD,EAAQ,YAAY,qFAAqFA,EAAQ,YAAY,6FAA6FA,EAAQ,gBAAgB;AAAA,YAAA;AAAA,UAE5Q;AACO,iBAAAF;AAAA,QACR;AACO,eAAA;AAAA,MACR;AACA,aAAOX,EAAM;AAAA,IAAA,CACb,GAEKgB,IAAUN,EAAS,OAAO;AAAA,MAC/B,YAAY;AAAA,MACZ,mBAAmBV,EAAM;AAAA,MACzB,sBAAsBA,EAAM;AAAA,IAC3B,EAAA,GAEIiB,IAAaP,EAAS,MAAM;AA6BjC,YAAMQ,IAAuC,CAAA;AAEzC,aAAAT,EAAI,UAAU,YACjBS,EAAQ,WAAWlB,EAAM,UACzBkB,EAAQ,OAAOlB,EAAM,QAErBS,EAAI,UAAU,OACbP,KAAa,OAAOO,EAAI,SAAU,YAAYA,EAAI,MAAM,SAAS,SAI9DT,EAAM,YACTkB,EAAQ,eAAe,IAAI,IAC3BA,EAAQ,OAAO,WAIfA,EAAQ,OAAOlB,EAAM,MACrBkB,EAAQ,SAASlB,EAAM,QAEnBE,MACHgB,EAAQ,OAAOlB,EAAM,MACrBkB,EAAQ,UAAUlB,EAAM,SACxBkB,EAAQ,SAASlB,EAAM,QACvBkB,EAAQ,WAAWlB,EAAM,UACzBkB,EAAQ,WAAWlB,EAAM,UACzBkB,EAAQ,gBAAgBlB,EAAM,eAC9BkB,EAAQ,WAAWlB,EAAM,UACzBkB,EAAQ,OAAOlB,EAAM,MACrBkB,EAAQ,aAAalB,EAAM,YAC3BkB,EAAQ,UAAUlB,EAAM,SACxBkB,EAAQ,YAAYlB,EAAM,WAC1BkB,EAAQ,iBAAiBlB,EAAM,gBAC/BkB,EAAQ,gBAAgBlB,EAAM,eAC9BkB,EAAQ,yBAAyBlB,EAAM,wBACvCkB,EAAQ,UAAUlB,EAAM,aAI1BS,EAAI,UAAU,iBACb,OAAOA,EAAI,SAAU,YAAYA,EAAI,MAAM,SAAS,gBAErDS,EAAQ,cAAclB,EAAM,aAC5BkB,EAAQ,mBAAmBlB,EAAM,kBACjCkB,EAAQ,mBAAmBlB,EAAM,kBACjCkB,EAAQ,UAAUlB,EAAM,SACxBkB,EAAQ,SAASlB,EAAM,QACvBkB,EAAQ,KAAKlB,EAAM,KAGbkB;AAAA,IAAA,CACP;;;;;;;;;;;"}
+{"version":3,"file":"index12.js","sources":["../src/composables/useToast.ts"],"sourcesContent":["import { wait } from '@/utilities/functions/wait';\nimport { reactive } from 'vue';\nimport { useId } from './useId';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type Message = {\n\t/**\n\t * Title of the message. Displayed in a more prominant fashion.\n\t */\n\ttitle?: string;\n\t/**\n\t * Text content of the toast message.\n\t */\n\ttext: string;\n\t/**\n\t * Name of the icon to display.\n\t */\n\ticon?: string;\n\t/**\n\t * Theme of the toast message. By default the theme is `default`.\n\t */\n\ttheme?: string;\n\t/**\n\t * Identifier of the message\n\t */\n\tid: string;\n} & Pick<CommonProps, 'showClose'>;\n\ntype MessageParameter =\n\t| string\n\t| (Pick<Message, 'title' | 'text' | 'icon' | 'theme'> &\n\t\t\t/* These props are mutually exclusive */\n\t\t\t(| {\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Time in milliseconds before the message disappears\n\t\t\t\t\t\t */\n\t\t\t\t\t\ttimeout?: undefined;\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Setting the message as persistent will prevent the message from being dismissed automatically\n\t\t\t\t\t\t */\n\t\t\t\t\t\tpersistent?: undefined | false;\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Whether to show the closing action to dismiss the message.\n\t\t\t\t\t\t * Show close is optional if the message is not persistent\n\t\t\t\t\t\t */\n\t\t\t\t\t\tshowClose?: Message['showClose'];\n\t\t\t\t  }\n\t\t\t\t| {\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Time in milliseconds before the message disappears\n\t\t\t\t\t\t */\n\t\t\t\t\t\ttimeout: number;\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Setting the message as persistent will prevent the message from being dismissed automatically\n\t\t\t\t\t\t */\n\t\t\t\t\t\tpersistent?: undefined | false;\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Whether to show the closing action to dismiss the message.\n\t\t\t\t\t\t * Show close is optional if the message is not persistent\n\t\t\t\t\t\t */\n\t\t\t\t\t\tshowClose?: Message['showClose'];\n\t\t\t\t  }\n\t\t\t\t| {\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Time in milliseconds before the message disappears\n\t\t\t\t\t\t */\n\t\t\t\t\t\ttimeout?: undefined;\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Setting the message as persistent will prevent the message from being dismissed automatically\n\t\t\t\t\t\t */\n\t\t\t\t\t\tpersistent: true;\n\t\t\t\t\t\t/**\n\t\t\t\t\t\t * Whether to show the closing action to dismiss the message.\n\t\t\t\t\t\t * Show close is mandatory if the message is persistent\n\t\t\t\t\t\t */\n\t\t\t\t\t\tshowClose: true;\n\t\t\t\t  }\n\t\t\t));\n\nexport const state = reactive({\n\tstack: [] as Message[],\n});\n\nexport const useToast = () => {\n\t/**\n\t * Dismisses a specific message\n\t */\n\tconst dismiss = (id: Message['id']) =>\n\t\t(state.stack = state.stack.filter((el) => el.id !== id));\n\tconst dismissAll = () => (state.stack = []);\n\tconst toast = (message: MessageParameter) => {\n\t\tconst id = useId().id.value;\n\t\tlet title: Message['title'];\n\t\tlet text: Message['text'];\n\t\tlet icon: Message['icon'];\n\t\tlet theme: Message['theme'];\n\t\tlet showClose: Message['showClose'];\n\t\tconst defaultTimeout = 6000;\n\n\t\tif (typeof message === 'string') {\n\t\t\ttext = message;\n\t\t} else {\n\t\t\tif (typeof message.timeout === 'number' && message.timeout <= 0) {\n\t\t\t\tthrow new Error(`Toast messages cannot have a zero or less timeout`);\n\t\t\t}\n\t\t\ticon = message.icon;\n\t\t\tshowClose = message.showClose;\n\t\t\ttext = message.text;\n\t\t\ttheme = message.theme;\n\t\t\ttitle = message.title;\n\t\t}\n\t\tstate.stack = state.stack.concat({\n\t\t\ticon,\n\t\t\tid,\n\t\t\tshowClose,\n\t\t\ttext,\n\t\t\ttheme,\n\t\t\ttitle,\n\t\t});\n\t\tif (\n\t\t\t(typeof message === 'object' && !message.persistent) ||\n\t\t\ttypeof message === 'string'\n\t\t) {\n\t\t\tlet timeout: number;\n\n\t\t\tif (typeof message === 'object' && message.timeout) {\n\t\t\t\ttimeout = message.timeout;\n\t\t\t} else timeout = defaultTimeout;\n\n\t\t\twait(timeout).then(() => {\n\t\t\t\tdismiss(id);\n\t\t\t});\n\t\t}\n\t\treturn id;\n\t};\n\treturn {\n\t\ttoast,\n\t\tdismiss,\n\t\tdismissAll,\n\t};\n};\n"],"names":["state","reactive","useToast","dismiss","id","el","message","useId","title","text","icon","theme","showClose","defaultTimeout","timeout","wait"],"mappings":";;;AA+EO,MAAMA,IAAQC,EAAS;AAAA,EAC7B,OAAO,CAAC;AACT,CAAC,GAEYC,IAAW,MAAM;AAI7B,QAAMC,IAAU,CAACC,MACfJ,EAAM,QAAQA,EAAM,MAAM,OAAO,CAACK,MAAOA,EAAG,OAAOD,CAAE;AA+ChD,SAAA;AAAA,IACN,OA9Ca,CAACE,MAA8B;AACtC,YAAAF,IAAKG,IAAQ,GAAG;AAClB,UAAAC,GACAC,GACAC,GACAC,GACAC;AACJ,YAAMC,IAAiB;AAEnB,UAAA,OAAOP,KAAY;AACf,QAAAG,IAAAH;AAAA,WACD;AACN,YAAI,OAAOA,EAAQ,WAAY,YAAYA,EAAQ,WAAW;AACvD,gBAAA,IAAI,MAAM,mDAAmD;AAEpE,QAAAI,IAAOJ,EAAQ,MACfM,IAAYN,EAAQ,WACpBG,IAAOH,EAAQ,MACfK,IAAQL,EAAQ,OAChBE,IAAQF,EAAQ;AAAA,MACjB;AAUE,UATIN,EAAA,QAAQA,EAAM,MAAM,OAAO;AAAA,QAChC,MAAAU;AAAA,QACA,IAAAN;AAAA,QACA,WAAAQ;AAAA,QACA,MAAAH;AAAA,QACA,OAAAE;AAAA,QACA,OAAAH;AAAA,MAAA,CACA,GAEC,OAAOF,KAAY,YAAY,CAACA,EAAQ,cACzC,OAAOA,KAAY,UAClB;AACG,YAAAQ;AAEJ,QAAI,OAAOR,KAAY,YAAYA,EAAQ,UAC1CQ,IAAUR,EAAQ,UACFQ,IAAAD,GAEZE,EAAAD,CAAO,EAAE,KAAK,MAAM;AACxB,UAAAX,EAAQC,CAAE;AAAA,QAAA,CACV;AAAA,MACF;AACO,aAAAA;AAAA,IAAA;AAAA,IAIP,SAAAD;AAAA,IACA,YAjDkB,MAAOH,EAAM,QAAQ,CAAA;AAAA,EAiDvC;AAEF;"}

package/dist/index121.js

@@ -1,47 +1,43 @@
-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 "./index214.js";
-const g = ["innerHTML"], $ = /* @__PURE__ */ m({
-  __name: "BbIcon",
+import { defineComponent as c, openBlock as l, createElementBlock as o, createElementVNode as t, renderSlot as r, createTextVNode as i, toDisplayString as p, withModifiers as b, createCommentVNode as _ } from "vue";
+const d = { class: "bb-chip" }, m = { class: "bb-chip__content" }, h = ["aria-label"], u = /* @__PURE__ */ t("svg", {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ t("path", {
+    d: "M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z",
+    fill: "currentColor"
+  })
+], -1), f = [
+  u
+], C = /* @__PURE__ */ c({
+  __name: "BbChip",
   props: {
-    size: { default: "md" },
-    color: {},
-    type: {}
+    text: {},
+    clearable: { type: Boolean, default: !0 },
+    clearableLabel: { default: "Elimina" }
   },
-  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]();
-      }
-    }), (s, a) => (b(), h("i", w(f.value, { innerHTML: n.value }), null, 16, g));
+  emits: ["click:clear"],
+  setup(L, { emit: a }) {
+    const n = a, s = (e) => {
+      n("click:clear", e);
+    };
+    return (e, k) => (l(), o("span", d, [
+      t("span", m, [
+        r(e.$slots, "default", {}, () => [
+          i(p(e.text), 1)
+        ])
+      ]),
+      e.clearable ? (l(), o("button", {
+        key: 0,
+        "aria-label": e.clearableLabel,
+        class: "bb-chip__clear-button",
+        type: "button",
+        onClick: b(s, ["stop", "prevent"])
+      }, f, 8, h)) : _("", !0)
+    ]));
   }
 });
 export {
-  $ as default
+  C as default
 };
 //# sourceMappingURL=index121.js.map

package/dist/index121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index121.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,YAAYV,EAAM,KAAK,EAAE,IAAI,KAGhC;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":"index121.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 viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z\"\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":";;;;;;;;;;;;;;;;;;;;AA+CA,UAAMA,IAAOC,GACPC,IAAU,CAACC,MAAsB;AACtC,MAAAH,EAAK,eAAeG,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;"}

package/dist/index122.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 "./index224.js";
-const O = /* @__PURE__ */ v({
-  __name: "BbSmoothHeight",
+import { defineComponent as d, ref as s, watch as m, computed as b, openBlock as r, createBlock as u, resolveDynamicComponent as i, normalizeProps as f, guardReactiveProps as v, withCtx as c, normalizeStyle as y, renderSlot as g, createCommentVNode as V } from "vue";
+const C = /* @__PURE__ */ d({
+  __name: "BbCollapsible",
   props: {
-    mutationOptions: { default: () => ({ childList: !0 }) },
-    resizeOptions: {},
-    strategy: { default: "resize" },
-    tag: { default: "div" },
-    transitionDuration: { default: 200 }
+    eager: { type: Boolean },
+    transitionDuration: { default: 250 },
+    modelValue: { type: Boolean },
+    tag: { default: "div" }
   },
-  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;
-        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+  setup(p) {
+    const l = p, t = s(l.modelValue), a = s(t.value), o = m(
+      () => l.modelValue,
+      (e) => {
+        e && (a.value = !0, o());
+      }
+    );
+    t.value && o();
+    const n = b(() => ({
+      class: {
+        "bb-collapsible": !0,
+        "bb-collapsible--open": l.modelValue,
+        "bb-collapsible--closed": !l.modelValue
+      },
+      style: {
+        transitionDuration: l.transitionDuration + "ms"
       }
-    }, 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"
+    }));
+    return (e, _) => (r(), u(i(e.tag), f(v(n.value)), {
+      default: c(() => [
+        (r(), u(i(e.tag), {
+          class: "bb-collapsible__content",
+          style: y(n.value.style)
         }, {
-          default: f(() => [
-            d(o.$slots, "default")
+          default: c(() => [
+            e.eager || a.value ? g(e.$slots, "default", { key: 0 }) : V("", !0)
           ]),
           _: 3
-        }, 512))
+        }, 8, ["style"]))
       ]),
       _: 3
-    }, 8, ["style"]));
+    }, 16));
   }
 });
 export {
-  O as default
+  C as default
 };
 //# sourceMappingURL=index122.js.map

package/dist/index122.js.map

@@ -1 +1 @@
-{"version":3,"file":"index122.js","sources":["../src/components/BbSmoothHeight/BbSmoothHeight.vue"],"sourcesContent":["<template>\n\t<component\n\t\t:is=\"tag\"\n\t\tref=\"container\"\n\t\tclass=\"bb-smooth-height\"\n\t\t:style=\"{ 'transition-duration': props.transitionDuration / 1000 + 's' }\"\n\t>\n\t\t<component :is=\"tag\" ref=\"content\" class=\"content\">\n\t\t\t<slot />\n\t\t</component>\n\t</component>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CommonProps, NonVoidElementTag } from '@/types/CommonProps';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nexport type BbSmoothHeightProps = {\n\t/**\n\t * Options to pass to the MutationObserver\n\t */\n\tmutationOptions?: MutationObserverInit; // eslint-disable-line no-undef\n\t/**\n\t * Options to pass to the ResizeObserver\n\t */\n\tresizeOptions?: ResizeObserverOptions; // eslint-disable-line no-undef\n\t/**\n\t * Define which strategy to use. By default is used 'resize' which means the\n\t * component will update on resizing.\n\t * You can also define 'mutation' to use a MutationObserver\n\t */\n\tstrategy?: 'resize' | 'mutation';\n} & NonVoidElementTag &\n\tPick<CommonProps, 'transitionDuration'>;\n\nconst props = withDefaults(defineProps<BbSmoothHeightProps>(), {\n\ttransitionDuration: 200,\n\tstrategy: 'resize',\n\tmutationOptions: () => ({ childList: true }),\n\ttag: 'div',\n});\n\nexport type BbSmoothHeightSlots = {\n\tdefault?: (props: object) => any;\n};\n\ndefineSlots<BbSmoothHeightSlots>();\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\tonMounted(() => {\n\t\tif (props.strategy === 'resize') {\n\t\t\tif (content.value) {\n\t\t\t\tobserver.value = new ResizeObserver(onContentGrow);\n\t\t\t\tobserver.value.observe(content.value, props.resizeOptions);\n\t\t\t}\n\t\t} else if (props.strategy === 'mutation') {\n\t\t\tif (content.value) {\n\t\t\t\tobserver.value = new MutationObserver(onContentGrow);\n\t\t\t\tobserver.value.observe(content.value, props.mutationOptions);\n\t\t\t}\n\t\t}\n\t\tonContentGrow();\n\t});\n\tonBeforeUnmount(() => {\n\t\tif (observer.value) {\n\t\t\tobserver.value.disconnect();\n\t\t}\n\t});\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\tif (container.value && content.value) {\n\t\tconst contentHeight = content.value.scrollHeight;\n\t\tcontainer.value.style.height = '0px';\n\t\tcontainer.value.style.height = `${contentHeight}px`;\n\t}\n}, 200);\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSmoothHeight';\n</style>\n"],"names":["props","__props","container","ref","content","observer","onMounted","onContentGrow","onBeforeUnmount","throttle","contentHeight"],"mappings":";;;;;;;;;;;;AAoCA,UAAMA,IAAQC,GAaRC,IAAYC,EAAwB,IAAI,GACxCC,IAAUD,EAAwB,IAAI,GACtCE,IAAWF,EAA8C,IAAI;AAEnE,IAAI,WAAW,mBACdG,EAAU,MAAM;AACX,MAAAN,EAAM,aAAa,WAClBI,EAAQ,UACFC,EAAA,QAAQ,IAAI,eAAeE,CAAa,GACjDF,EAAS,MAAM,QAAQD,EAAQ,OAAOJ,EAAM,aAAa,KAEhDA,EAAM,aAAa,cACzBI,EAAQ,UACFC,EAAA,QAAQ,IAAI,iBAAiBE,CAAa,GACnDF,EAAS,MAAM,QAAQD,EAAQ,OAAOJ,EAAM,eAAe,IAG/CO;IAAA,CACd,GACDC,EAAgB,MAAM;AACrB,MAAIH,EAAS,SACZA,EAAS,MAAM;IAChB,CACA;AAOI,UAAAE,IAAgBE,EAAS,MAAM;AAChC,UAAAP,EAAU,SAASE,EAAQ,OAAO;AAC/B,cAAAM,IAAgBN,EAAQ,MAAM;AAC1B,QAAAF,EAAA,MAAM,MAAM,SAAS,OAC/BA,EAAU,MAAM,MAAM,SAAS,GAAGQ,CAAa;AAAA,MAChD;AAAA,OACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index122.js","sources":["../src/components/BbCollapsible/BbCollapsible.vue"],"sourcesContent":["<template>\n\t<component v-bind=\"collapsibleAttributes\" :is=\"tag\">\n\t\t<component\n\t\t\t:is=\"tag\"\n\t\t\tclass=\"bb-collapsible__content\"\n\t\t\t:style=\"collapsibleAttributes.style\"\n\t\t>\n\t\t\t<slot v-if=\"eager || hasRenderedOnce\"></slot>\n\t\t</component>\n\t</component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\n\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\t/**\n\t * Any HTML tag corresponding to a non-void HTMl element.\n\t */\n\ttag?: string;\n};\n\nconst props = withDefaults(defineProps<BbCollapsibleProps>(), {\n\ttransitionDuration: 250,\n\ttag: 'div',\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":";;;;;;;;;;AA+BA,UAAMA,IAAQC,GASRC,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;AAEG,IAAAH,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/index123.js

@@ -1,38 +1,47 @@
-import { defineComponent as p, computed as l, openBlock as _, createElementBlock as a, normalizeProps as b, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as d } from "./index214.js";
-const u = /* @__PURE__ */ m('<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle class="bb-spinner__circle" cx="12" cy="3" r="0"></circle><circle class="bb-spinner__circle circle--1" cx="16.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--2" cx="7.50" cy="4.21" r="0"></circle><circle class="bb-spinner__circle circle--3" cx="19.79" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--4" cx="4.21" cy="7.50" r="0"></circle><circle class="bb-spinner__circle circle--5" cx="21.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--6" cx="3.00" cy="12.00" r="0"></circle><circle class="bb-spinner__circle circle--7" cx="19.79" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--8" cx="4.21" cy="16.50" r="0"></circle><circle class="bb-spinner__circle circle--9" cx="16.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--10" cx="7.50" cy="19.79" r="0"></circle><circle class="bb-spinner__circle circle--11" cx="12" cy="21" r="0"></circle></svg>', 1), y = [
-  u
-], g = /* @__PURE__ */ p({
-  __name: "BbSpinner",
+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",
   props: {
+    size: { default: "md" },
     color: {},
-    size: { default: "md" }
+    type: {}
   },
-  setup(s) {
-    const c = s, n = {
+  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
-    }, o = l(() => {
-      const e = {
-        "bb-spinner": !0
+    }, f = l(() => {
+      const s = {
+        "bb-icon": !0
       };
-      let i = { width: l(() => {
-        let r;
-        return typeof c.size == "string" ? r = n[c.size] ?? parseInt(c.size, 10) : r = c.size, r + "px";
+      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 c.color && (d(c.color) ? i.color = c.color : e[`bb-spinner--${c.color}`] = !0), {
-        class: e,
-        style: i
+      return e.color && (z(e.color) ? c.color = e.color : s[`bb-icon--${e.color}`] = !0), {
+        class: s,
+        style: c
       };
-    });
-    return (e, t) => (_(), a("span", b(x(o.value)), y, 16));
+    }), 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]();
+      }
+    }), (s, a) => (b(), h("i", w(f.value, { innerHTML: n.value }), null, 16, g));
   }
 });
 export {
-  g as default
+  $ as default
 };
 //# sourceMappingURL=index123.js.map

package/dist/index123.js.map

@@ -1 +1 @@
-{"version":3,"file":"index123.js","sources":["../src/components/BbSpinner/BbSpinner.vue"],"sourcesContent":["<template>\n\t<span v-bind=\"iconAttributes\">\n\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<circle class=\"bb-spinner__circle\" cx=\"12\" cy=\"3\" r=\"0\" />\n\t\t\t<circle class=\"bb-spinner__circle circle--1\" cx=\"16.50\" cy=\"4.21\" r=\"0\" />\n\t\t\t<circle class=\"bb-spinner__circle circle--2\" cx=\"7.50\" cy=\"4.21\" r=\"0\" />\n\t\t\t<circle class=\"bb-spinner__circle circle--3\" cx=\"19.79\" cy=\"7.50\" r=\"0\" />\n\t\t\t<circle class=\"bb-spinner__circle circle--4\" cx=\"4.21\" cy=\"7.50\" r=\"0\" />\n\t\t\t<circle\n\t\t\t\tclass=\"bb-spinner__circle circle--5\"\n\t\t\t\tcx=\"21.00\"\n\t\t\t\tcy=\"12.00\"\n\t\t\t\tr=\"0\"\n\t\t\t/>\n\t\t\t<circle class=\"bb-spinner__circle circle--6\" cx=\"3.00\" cy=\"12.00\" r=\"0\" />\n\t\t\t<circle\n\t\t\t\tclass=\"bb-spinner__circle circle--7\"\n\t\t\t\tcx=\"19.79\"\n\t\t\t\tcy=\"16.50\"\n\t\t\t\tr=\"0\"\n\t\t\t/>\n\t\t\t<circle class=\"bb-spinner__circle circle--8\" cx=\"4.21\" cy=\"16.50\" r=\"0\" />\n\t\t\t<circle\n\t\t\t\tclass=\"bb-spinner__circle circle--9\"\n\t\t\t\tcx=\"16.50\"\n\t\t\t\tcy=\"19.79\"\n\t\t\t\tr=\"0\"\n\t\t\t/>\n\t\t\t<circle\n\t\t\t\tclass=\"bb-spinner__circle circle--10\"\n\t\t\t\tcx=\"7.50\"\n\t\t\t\tcy=\"19.79\"\n\t\t\t\tr=\"0\"\n\t\t\t/>\n\t\t\t<circle class=\"bb-spinner__circle circle--11\" cx=\"12\" cy=\"21\" r=\"0\" />\n\t\t</svg>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport type { Classes } from '@/types/Classes';\nimport type { CommonProps, Size as S } from '@/types/CommonProps';\nimport type { Size as IconSize } from '../BbIcon/BbIcon.vue';\n\nexport type Size = IconSize;\nexport type BbSpinnerProps = Pick<CommonProps, 'color'> & S<IconSize>;\n\nconst props = withDefaults(defineProps<BbSpinnerProps>(), {\n\tsize: 'md',\n});\n\nconst sizeMap: IconSize = {\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: Classes = {\n\t\t'bb-spinner': true,\n\t};\n\tconst width = computed(() => {\n\t\tlet dimension: number;\n\t\tif (typeof props.size === 'string') {\n\t\t\tdimension =\n\t\t\t\tsizeMap[props.size as keyof IconSize] ?? parseInt(props.size, 10);\n\t\t} else {\n\t\t\tdimension = props.size;\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-spinner--${props.color}`] = true;\n\t\t}\n\t}\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t};\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSpinner';\n</style>\n"],"names":["props","__props","sizeMap","iconAttributes","computed","classes","style","dimension","isCssColor"],"mappings":";;;;;;;;;;;AAiDA,UAAMA,IAAQC,GAIRC,IAAoB;AAAA,MACzB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,KAAK;AAAA,IAAA,GAGAC,IAAiBC,EAAS,MAAM;AACrC,YAAMC,IAAmB;AAAA,QACxB,cAAc;AAAA,MAAA;AAYf,UAAIC,IAAgC,EAAE,OAVxBF,EAAS,MAAM;AACxB,YAAAG;AACA,eAAA,OAAOP,EAAM,QAAS,WACzBO,IACCL,EAAQF,EAAM,IAAsB,KAAK,SAASA,EAAM,MAAM,EAAE,IAEjEO,IAAYP,EAAM,MAEZO,IAAY;AAAA,MAAA,CACnB,EACkD,MAAM;AAEzD,aAAIP,EAAM,UACLQ,EAAWR,EAAM,KAAK,IACzBM,EAAM,QAAQN,EAAM,QAEpBK,EAAQ,eAAeL,EAAM,KAAK,EAAE,IAAI,KAGnC;AAAA,QACN,OAAOK;AAAA,QACP,OAAAC;AAAA,MAAA;AAAA,IACD,CACA;;;;"}
+{"version":3,"file":"index123.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,YAAYV,EAAM,KAAK,EAAE,IAAI,KAGhC;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;;;"}

package/dist/index124.js

@@ -1,5 +1,50 @@
-const r = (e) => typeof e > "u" || e === null;
+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 "./index222.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;
+        s.value.style.height = "0px", s.value.style.height = `${o}px`;
+      }
+    }, 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"]));
+  }
+});
 export {
-  r as isNil
+  O as default
 };
 //# sourceMappingURL=index124.js.map

package/dist/index124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index124.js","sources":["../src/utilities/functions/isNil.ts"],"sourcesContent":["/**\n * Returns true if the item is not null or undefined\n * @param value The item to check\n * @returns true | false\n */\nexport const isNil = (value: unknown) => {\n\tif (typeof value === 'undefined') return true;\n\tif (value === null) return true;\n\treturn false;\n};\n"],"names":["isNil","value"],"mappings":"AAKa,MAAAA,IAAQ,CAACC,MACjB,OAAOA,IAAU,OACjBA,MAAU;"}
+{"version":3,"file":"index124.js","sources":["../src/components/BbSmoothHeight/BbSmoothHeight.vue"],"sourcesContent":["<template>\n\t<component\n\t\t:is=\"tag\"\n\t\tref=\"container\"\n\t\tclass=\"bb-smooth-height\"\n\t\t:style=\"{ 'transition-duration': props.transitionDuration / 1000 + 's' }\"\n\t>\n\t\t<component :is=\"tag\" ref=\"content\" class=\"content\">\n\t\t\t<slot />\n\t\t</component>\n\t</component>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CommonProps, NonVoidElementTag } from '@/types/CommonProps';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\n\nexport type BbSmoothHeightProps = {\n\t/**\n\t * Options to pass to the MutationObserver\n\t */\n\tmutationOptions?: MutationObserverInit; // eslint-disable-line no-undef\n\t/**\n\t * Options to pass to the ResizeObserver\n\t */\n\tresizeOptions?: ResizeObserverOptions; // eslint-disable-line no-undef\n\t/**\n\t * Define which strategy to use. By default is used 'resize' which means the\n\t * component will update on resizing.\n\t * You can also define 'mutation' to use a MutationObserver\n\t */\n\tstrategy?: 'resize' | 'mutation';\n} & NonVoidElementTag &\n\tPick<CommonProps, 'transitionDuration'>;\n\nconst props = withDefaults(defineProps<BbSmoothHeightProps>(), {\n\ttransitionDuration: 200,\n\tstrategy: 'resize',\n\tmutationOptions: () => ({ childList: true }),\n\ttag: 'div',\n});\n\nexport type BbSmoothHeightSlots = {\n\tdefault?: (props: object) => any;\n};\n\ndefineSlots<BbSmoothHeightSlots>();\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\tonMounted(() => {\n\t\tif (props.strategy === 'resize') {\n\t\t\tif (content.value) {\n\t\t\t\tobserver.value = new ResizeObserver(onContentGrow);\n\t\t\t\tobserver.value.observe(content.value, props.resizeOptions);\n\t\t\t}\n\t\t} else if (props.strategy === 'mutation') {\n\t\t\tif (content.value) {\n\t\t\t\tobserver.value = new MutationObserver(onContentGrow);\n\t\t\t\tobserver.value.observe(content.value, props.mutationOptions);\n\t\t\t}\n\t\t}\n\t\tonContentGrow();\n\t});\n\tonBeforeUnmount(() => {\n\t\tif (observer.value) {\n\t\t\tobserver.value.disconnect();\n\t\t}\n\t});\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\tif (container.value && content.value) {\n\t\tconst contentHeight = content.value.scrollHeight;\n\t\tcontainer.value.style.height = '0px';\n\t\tcontainer.value.style.height = `${contentHeight}px`;\n\t}\n}, 200);\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbSmoothHeight';\n</style>\n"],"names":["props","__props","container","ref","content","observer","onMounted","onContentGrow","onBeforeUnmount","throttle","contentHeight"],"mappings":";;;;;;;;;;;;AAoCA,UAAMA,IAAQC,GAaRC,IAAYC,EAAwB,IAAI,GACxCC,IAAUD,EAAwB,IAAI,GACtCE,IAAWF,EAA8C,IAAI;AAEnE,IAAI,WAAW,mBACdG,EAAU,MAAM;AACX,MAAAN,EAAM,aAAa,WAClBI,EAAQ,UACFC,EAAA,QAAQ,IAAI,eAAeE,CAAa,GACjDF,EAAS,MAAM,QAAQD,EAAQ,OAAOJ,EAAM,aAAa,KAEhDA,EAAM,aAAa,cACzBI,EAAQ,UACFC,EAAA,QAAQ,IAAI,iBAAiBE,CAAa,GACnDF,EAAS,MAAM,QAAQD,EAAQ,OAAOJ,EAAM,eAAe,IAG/CO;IAAA,CACd,GACDC,EAAgB,MAAM;AACrB,MAAIH,EAAS,SACZA,EAAS,MAAM;IAChB,CACA;AAOI,UAAAE,IAAgBE,EAAS,MAAM;AAChC,UAAAP,EAAU,SAASE,EAAQ,OAAO;AAC/B,cAAAM,IAAgBN,EAAQ,MAAM;AAC1B,QAAAF,EAAA,MAAM,MAAM,SAAS,OAC/BA,EAAU,MAAM,MAAM,SAAS,GAAGQ,CAAa;AAAA,MAChD;AAAA,OACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;"}