bitboss-ui 2.0.5 → 2.0.8

package/dist/index58.js

@@ -1,113 +1,63 @@
-import { defineComponent as f, ref as g, computed as c, useAttrs as v, toRef as B, openBlock as n, createBlock as a, unref as d, mergeProps as k, withCtx as h, createVNode as C, createCommentVNode as l, createElementVNode as L, renderSlot as S, createTextVNode as x, toDisplayString as A, createElementBlock as V } from "vue";
-/* empty css       */
-import F from "./index12.js";
+import { defineComponent as n, openBlock as a, createElementBlock as t, Fragment as b, renderList as m, createElementVNode as l, renderSlot as r, createVNode as p, mergeProps as u, withCtx as c, createTextVNode as f, toDisplayString as _ } from "vue";
+import h from "./index14.js";
 /* empty css        */
-import r from "./index121.js";
-/* empty css         */
-import N from "./index123.js";
-/* empty css         */
-import { pickBy as $ } from "./index241.js";
-import { noop as P } from "./index242.js";
-const T = { class: "bb-button__content" }, W = {
-  key: 2,
-  class: "bb-button__loading-label"
-}, I = /* @__PURE__ */ f({
-  inheritAttrs: !1,
-  __name: "BbButton",
+const B = {
+  "aria-label": "Breadcrumbs",
+  class: "bb-breadcrumbs"
+}, $ = { class: "bb-breadcrumbs__breadcrumb-container" }, k = {
+  "aria-hidden": "true",
+  class: "bb-breadcrumbs__divider"
+}, V = /* @__PURE__ */ n({
+  __name: "BbBreadcrumbs",
   props: {
-    autoLoading: { type: Boolean, default: !0 },
-    activeClass: {},
-    ariaCurrentValue: {},
-    "append:icon": {},
-    block: { type: Boolean },
-    data: {},
     disabled: { type: Boolean },
-    disabledWhileLoading: { type: Boolean, default: !0 },
-    exactActiveClass: {},
-    headers: {},
-    href: {},
-    icon: {},
-    loading: { type: Boolean },
-    method: {},
-    onBefore: {},
-    onCancel: {},
-    onCancelToken: {},
-    onFinish: {},
-    only: {},
-    onProgress: {},
-    onStart: {},
-    onSuccess: {},
-    "prepend:icon": {},
-    preserveScroll: { type: [Boolean, Function] },
-    preserveState: { type: [Boolean, Function, null] },
-    queryStringArrayFormat: {},
-    rel: {},
-    replace: { type: Boolean },
-    tag: {},
-    target: {},
-    text: {},
-    to: {},
-    type: {}
+    items: {},
+    divider: { default: "/" }
   },
-  setup(p) {
-    const e = p, i = g(0), t = c(
-      () => e.loading || !!i.value && e.autoLoading
-    ), u = c(() => e.disabled), { onClick: b = P, ...m } = v(), _ = async (...o) => {
-      t.value && e.disabledWhileLoading || (i.value++, await b(...o), i.value--);
-    }, y = B(() => ({
-      ...$(
-        e,
-        (o, s) => ![
-          "append:icon",
-          "disabled",
-          "autoLoading",
-          "disabledWhileLoading",
-          "icon",
-          "loading",
-          "prepend:icon"
-        ].includes(s)
-      ),
-      ...m
-    }));
-    return (o, s) => (n(), a(d(F), k(y.value, {
-      "aria-disabled": t.value ? !0 : void 0,
-      class: {
-        "bb-button": !0,
-        "bb-button--loading": t.value,
-        "bb-button--icon": !!o.icon
-      },
-      disabled: u.value,
-      tabindex: t.value ? -1 : void 0,
-      onClick: _
-    }), {
-      default: h(() => [
-        C(d(N), { class: "bb-button__spinner" }),
-        e.icon ? (n(), a(r, {
-          key: 0,
-          class: "bb-button__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : e["prepend:icon"] ? (n(), a(r, {
-          key: 1,
-          class: "bb-button__prepend-icon",
-          type: e["prepend:icon"]
-        }, null, 8, ["type"])) : l("", !0),
-        L("span", T, [
-          S(o.$slots, "default", {}, () => [
-            x(A(o.text), 1)
-          ])
+  setup(i) {
+    const o = i;
+    return (e, v) => (a(), t("nav", B, [
+      (a(!0), t(b, null, m(e.items, (s, d) => (a(), t(b, {
+        key: s.key
+      }, [
+        l("span", $, [
+          r(e.$slots, "item:prepend", {
+            disabled: !!(s.disabled || e.disabled),
+            index: d,
+            item: e.items[d],
+            text: s.text
+          }),
+          p(h, u({ ref_for: !0 }, s, {
+            class: "bb-breadcrumbs__breadcrumb",
+            disabled: s.disabled || e.disabled
+          }), {
+            default: c(() => [
+              r(e.$slots, `${s.key}`, {
+                disabled: !!(s.disabled || e.disabled),
+                index: d,
+                item: e.items[d],
+                text: s.text
+              })
+            ]),
+            _: 2
+          }, 1040, ["disabled"]),
+          r(e.$slots, "item:append", {
+            disabled: !!(s.disabled || e.disabled),
+            index: d,
+            item: e.items[d],
+            text: s.text
+          })
         ]),
-        t.value ? (n(), V("span", W, "caricamento")) : l("", !0),
-        !o.icon && e["append:icon"] ? (n(), a(r, {
-          key: 3,
-          class: "bb-button__append-icon",
-          type: e["append:icon"]
-        }, null, 8, ["type"])) : l("", !0)
-      ]),
-      _: 3
-    }, 16, ["aria-disabled", "class", "disabled", "tabindex"]));
+        l("span", k, [
+          r(e.$slots, "divider", {}, () => [
+            f(_(o.divider), 1)
+          ])
+        ])
+      ], 64))), 128))
+    ]));
   }
 });
 export {
-  I as default
+  V as default
 };
 //# sourceMappingURL=index58.js.map

package/dist/index58.js.map

@@ -1 +1 @@
-{"version":3,"file":"index58.js","sources":["../src/components/BbButton/BbButton.vue"],"sourcesContent":["<template>\n\t<BaseButton\n\t\tv-bind=\"propsToPass\"\n\t\t:aria-disabled=\"loading ? true : undefined\"\n\t\t:class=\"{\n\t\t\t'bb-button': true,\n\t\t\t'bb-button--loading': loading,\n\t\t\t'bb-button--icon': !!icon,\n\t\t}\"\n\t\t:disabled=\"disabled\"\n\t\t:tabindex=\"loading ? -1 : undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<BbSpinner class=\"bb-button__spinner\" />\n\t\t<BbIcon\n\t\t\tv-if=\"props['icon']\"\n\t\t\tclass=\"bb-button__icon\"\n\t\t\t:type=\"props['icon']\"\n\t\t/>\n\t\t<BbIcon\n\t\t\tv-else-if=\"props['prepend:icon']\"\n\t\t\tclass=\"bb-button__prepend-icon\"\n\t\t\t:type=\"props['prepend:icon']\"\n\t\t/>\n\t\t<span class=\"bb-button__content\"\n\t\t\t><slot>{{ text }}</slot></span\n\t\t>\n\t\t<span v-if=\"loading\" class=\"bb-button__loading-label\">caricamento</span>\n\n\t\t<BbIcon\n\t\t\tv-if=\"!icon && props['append:icon']\"\n\t\t\tclass=\"bb-button__append-icon\"\n\t\t\t:type=\"props['append:icon']\"\n\t\t/>\n\t</BaseButton>\n</template>\n\n<script setup lang=\"ts\">\nimport { BaseButton, BbSpinner } from '@/index';\nimport type { RouteLocationRaw } from 'vue-router';\nimport BbIcon from '../BbIcon/BbIcon.vue';\nimport { computed, ref, toRef, useAttrs } from 'vue';\nimport { pickBy } from '@/utilities/functions/pickBy';\nimport { noop } from '@/utilities/functions/noop';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nexport type BbButtonProps = {\n\t/**\n\t * Tracks tha loading status internally.\n\t */\n\tautoLoading?: boolean;\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\t/**\n\t * Icon to be added on the right of the text\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\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 * Disables the click handler while the component is loading.\n\t */\n\tdisabledWhileLoading?: 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\t/**\n\t * Used when only an icon with no text should be displayed\n\t */\n\ticon?: string;\n\n\t/**\n\t * Triggers a loading indicator\n\t */\n\tloading?: boolean;\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\t/**\n\t * Icon to be added on the left of the text\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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 * Sets or retrieves the relationship between the object and the destination of the link.\n\t */\n\trel?: HTMLAnchorElement['rel'];\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};\nconst props = withDefaults(defineProps<BbButtonProps>(), {\n\tautoLoading: true,\n\tdisabledWhileLoading: true,\n});\n\ndefineSlots<{\n\tdefault?: (props: object) => any;\n}>();\n\nconst internalLoading = ref(0);\n\nconst loading = computed(\n\t() => props.loading || (!!internalLoading.value && props.autoLoading)\n);\n\nconst disabled = computed(() => props.disabled);\n\nconst { onClick: baseOnClick = noop, ...restAttrs } = useAttrs();\n\nconst onClick = async (...args: any[]) => {\n\tif (loading.value && props.disabledWhileLoading) return;\n\tinternalLoading.value++;\n\tawait (<(...args: any[]) => any>baseOnClick)(...args);\n\tinternalLoading.value--;\n};\n\nconst propsToPass = toRef(() => ({\n\t...pickBy(\n\t\tprops,\n\t\t(_, key) =>\n\t\t\t![\n\t\t\t\t'append:icon',\n\t\t\t\t'disabled',\n\t\t\t\t'autoLoading',\n\t\t\t\t'disabledWhileLoading',\n\t\t\t\t'icon',\n\t\t\t\t'loading',\n\t\t\t\t'prepend:icon',\n\t\t\t].includes(key)\n\t),\n\t...restAttrs,\n}));\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BbButton';\n</style>\n"],"names":["props","__props","internalLoading","ref","loading","computed","disabled","baseOnClick","noop","restAttrs","useAttrs","onClick","args","propsToPass","toRef","pickBy","_","key"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyLA,UAAMA,IAAQC,GASRC,IAAkBC,EAAI,CAAC,GAEvBC,IAAUC;AAAA,MACf,MAAML,EAAM,WAAY,CAAC,CAACE,EAAgB,SAASF,EAAM;AAAA,IAAA,GAGpDM,IAAWD,EAAS,MAAML,EAAM,QAAQ,GAExC,EAAE,SAASO,IAAcC,GAAM,GAAGC,EAAA,IAAcC,KAEhDC,IAAU,UAAUC,MAAgB;AACrC,MAAAR,EAAQ,SAASJ,EAAM,yBACXE,EAAA,SACgB,MAAAK,EAAa,GAAGK,CAAI,GACpCV,EAAA;AAAA,IAAA,GAGXW,IAAcC,EAAM,OAAO;AAAA,MAChC,GAAGC;AAAA,QACFf;AAAA,QACA,CAACgB,GAAGC,MACH,CAAC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACC,SAASA,CAAG;AAAA,MAChB;AAAA,MACA,GAAGR;AAAA,IACF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index58.js","sources":["../src/components/BbBreadcrumbs/BbBreadcrumbs.vue"],"sourcesContent":["<template>\n\t<nav aria-label=\"Breadcrumbs\" class=\"bb-breadcrumbs\">\n\t\t<template v-for=\"(item, index) in items\" :key=\"item.key\">\n\t\t\t<span class=\"bb-breadcrumbs__breadcrumb-container\">\n\t\t\t\t<slot\n\t\t\t\t\t:disabled=\"!!(item.disabled || disabled)\"\n\t\t\t\t\t:index=\"index\"\n\t\t\t\t\t:item=\"items[index]\"\n\t\t\t\t\t:name=\"`item:prepend`\"\n\t\t\t\t\t:text=\"item.text\"\n\t\t\t\t></slot>\n\t\t\t\t<BaseButton\n\t\t\t\t\tv-bind=\"item\"\n\t\t\t\t\tclass=\"bb-breadcrumbs__breadcrumb\"\n\t\t\t\t\t:disabled=\"item.disabled || disabled\"\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t:disabled=\"!!(item.disabled || disabled)\"\n\t\t\t\t\t\t:index=\"index\"\n\t\t\t\t\t\t:item=\"items[index]\"\n\t\t\t\t\t\t:name=\"`${item.key}`\"\n\t\t\t\t\t\t:text=\"item.text\"\n\t\t\t\t\t></slot>\n\t\t\t\t</BaseButton>\n\t\t\t\t<slot\n\t\t\t\t\t:disabled=\"!!(item.disabled || disabled)\"\n\t\t\t\t\t:index=\"index\"\n\t\t\t\t\t:item=\"items[index]\"\n\t\t\t\t\t:name=\"`item:append`\"\n\t\t\t\t\t:text=\"item.text\"\n\t\t\t\t></slot>\n\t\t\t</span>\n\t\t\t<span aria-hidden=\"true\" class=\"bb-breadcrumbs__divider\"\n\t\t\t\t><slot name=\"divider\">{{ props.divider }}</slot></span\n\t\t\t>\n\t\t</template>\n\t</nav>\n</template>\n\n<script setup lang=\"ts\">\nimport type { CommonProps } from '@/types/CommonProps';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { BaseButtonProps } from '../BaseButton/BaseButton.vue';\n\nexport type Item = Omit<BaseButtonProps, 'block' | 'tag' | 'type'> & {\n\t/**\n\t * Click handler of the button\n\t */\n\tonClick?: (...args: any[]) => any;\n\t/**\n\t * Key that uniquely identifies the breadcrumb\n\t */\n\tkey: string | number;\n};\n\nexport type BbBreadcrumbsProps = Pick<CommonProps, 'disabled'> & {\n\t/**\n\t * Array of items that describe how the breadcrumbs\n\t * should behave. It is compatible with navigating\n\t * through `a` or `router-link`.\n\t */\n\titems: Item[];\n\t/**\n\t * Text content of the divider\n\t */\n\tdivider?: string;\n};\n\nconst props = withDefaults(defineProps<BbBreadcrumbsProps>(), {\n\tdivider: '/',\n});\n\ndefineSlots<\n\t{\n\t\t'item:prepend'?: (props: {\n\t\t\tdisabled: boolean;\n\t\t\tindex: number;\n\t\t\titem: Item;\n\t\t\ttext?: string;\n\t\t}) => any;\n\t\t'item:append'?: (props: {\n\t\t\tdisabled: boolean;\n\t\t\tindex: number;\n\t\t\titem: Item;\n\t\t\ttext?: string;\n\t\t}) => any;\n\t\tdivider?: (props: object) => any;\n\t} & {\n\t\t[key: string]: (props: {\n\t\t\tdisabled: boolean;\n\t\t\tindex: number;\n\t\t\titem: Item;\n\t\t\ttext?: string;\n\t\t}) => any;\n\t}\n>();\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbBreadcrumbs';\n</style>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;;;;;;;AAoEA,UAAMA,IAAQC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index6.js

@@ -1,65 +1,43 @@
-import { getAsPercentage as p } from "./index125.js";
-import { wait as w } from "./index126.js";
-import { ref as c, computed as o, onBeforeUnmount as H } from "vue";
-const Y = ({
-  duration: t,
-  onStart: f,
-  onFinish: i,
-  onStop: s
-}) => {
-  if (!t)
-    throw new Error("You must define a duration for the coundown");
-  const e = c(t), u = c(0), M = o(() => p(u.value, t)), m = 100, r = c(!1), n = c(!1);
-  let a;
-  const I = () => {
-    u.value === t || r.value && !n.value || (f && f(), n.value = !1, r.value = !0, a = setInterval(() => {
-      e.value = Math.max(e.value - m, 0), u.value = Math.min(u.value + m, t), e.value === 0 && w(0).then(() => {
-        clearInterval(a), r.value = !1, s && s(), i && i();
+import { ref as i, onBeforeUnmount as h } from "vue";
+const b = (l = "bitboss-ui") => {
+  let r = 0;
+  return { useBroadCastChannel: () => {
+    r++;
+    const f = i(!1), o = i(), s = {};
+    function d(e, n = void 0) {
+      o.value && o.value.postMessage({ type: e, params: n });
+    }
+    const v = () => {
+      r--, o.value && !r && o.value.close(), f.value = !0;
+    }, p = (e, n, a = {
+      removeonUnmount: !0
+    }) => {
+      var t;
+      s[e] === void 0 && (s[e] = []), (t = s[e]) == null || t.push(n), a.removeonUnmount && s[e] && h(() => {
+        const c = s[e], u = c.indexOf(n);
+        u !== -1 && c.splice(u, 1);
       });
-    }, m));
-  }, d = () => {
-    A(), I();
-  }, A = () => {
-    a && clearInterval(a), n.value || s && s(), e.value = t, u.value = 0, r.value = !1, n.value = !1;
-  }, g = () => {
-    a && clearInterval(a), n.value || s && s(), n.value = !0;
-  }, y = o(() => {
-    const l = Math.trunc(e.value / 864e5), v = Math.trunc((e.value - l * 864e5) / 36e5), h = Math.trunc(
-      (e.value - v * 36e5 - l * 864e5) / 6e4
-    ), D = Math.trunc(
-      (e.value - h * 6e4 - v * 36e5 - l * 864e5) / 1e3
-    );
+    };
+    try {
+      o.value = new BroadcastChannel(l), o.value.addEventListener(
+        "message",
+        (e) => {
+          const n = e.data, a = s[n.type] ?? [];
+          "params" in n ? a.forEach((t) => t(n.params)) : a.forEach((t) => t());
+        },
+        { passive: !0 }
+      );
+    } catch (e) {
+      console.error(e);
+    }
     return {
-      days: l,
-      hours: v,
-      minutes: h,
-      seconds: D
+      on: p,
+      post: d,
+      close: v
     };
-  });
-  return H(() => clearInterval(a)), {
-    /** Elapsed milliseconds since starting the timer */
-    elapsed: o(() => u.value),
-    /** Remaining milliseconds */
-    remaining: o(() => e.value),
-    /** Remaining as a formatted object for display */
-    remainingFormatted: y,
-    /** Percentage of elapsed time against duration */
-    progress: M,
-    /** Starts the timer */
-    start: I,
-    /** Reset the timer to intiial state and starts again */
-    restart: d,
-    /** Pauses the timer */
-    pause: g,
-    /** Reset the timer to initial state, if the timer is running it is stopped */
-    reset: A,
-    /** Boolean, is the timer running (paused doesn't change running state) */
-    running: r,
-    /** Boolean is the timer paused */
-    paused: n
-  };
+  } };
 };
 export {
-  Y as useCountdown
+  b as useBroadcastChannelInstance
 };
 //# sourceMappingURL=index6.js.map

package/dist/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":["../src/composables/useCountdown.ts"],"sourcesContent":["import { getAsPercentage } from '@/utilities/functions/percentage';\nimport { wait } from '@/utilities/functions/wait';\nimport { computed, onBeforeUnmount, ref } from 'vue';\n\ntype CounterParams = {\n\t/** Longevity of the countdown in milliseconds */\n\tduration: number;\n\t/** Function called every time the countdown starts or restarts */\n\tonStart?: (...args: any[]) => any;\n\t/** Function called anytime the timer stops or pauses */\n\tonStop?: (...args: any[]) => any;\n\t/** Function called on completion */\n\tonFinish?: (...args: any[]) => any;\n};\nexport const useCountdown = ({\n\tduration,\n\tonStart,\n\tonFinish,\n\tonStop,\n}: CounterParams) => {\n\tif (!duration) {\n\t\tthrow new Error('You must define a duration for the coundown');\n\t}\n\tconst remaining = ref(duration);\n\tconst elapsed = ref(0);\n\tconst progress = computed(() => getAsPercentage(elapsed.value, duration));\n\tconst tick = 100;\n\tconst running = ref(false);\n\tconst paused = ref(false);\n\n\tlet timeoutID: ReturnType<typeof setInterval>;\n\n\tconst start = () => {\n\t\tif (elapsed.value === duration || (running.value && !paused.value)) return;\n\t\tif (onStart) onStart();\n\t\tpaused.value = false;\n\t\trunning.value = true;\n\n\t\ttimeoutID = setInterval(() => {\n\t\t\tremaining.value = Math.max(remaining.value - tick, 0);\n\t\t\telapsed.value = Math.min(elapsed.value + tick, duration);\n\n\t\t\tif (remaining.value === 0) {\n\t\t\t\twait(0).then(() => {\n\t\t\t\t\tclearInterval(timeoutID);\n\t\t\t\t\trunning.value = false;\n\t\t\t\t\tif (onStop) onStop();\n\t\t\t\t\tif (onFinish) onFinish();\n\t\t\t\t});\n\t\t\t}\n\t\t}, tick);\n\t};\n\n\tconst restart = () => {\n\t\treset();\n\t\tstart();\n\t};\n\n\tconst reset = () => {\n\t\tif (timeoutID) clearInterval(timeoutID);\n\t\tif (!paused.value) {\n\t\t\tif (onStop) onStop();\n\t\t}\n\t\tremaining.value = duration;\n\t\telapsed.value = 0;\n\t\trunning.value = false;\n\t\tpaused.value = false;\n\t};\n\n\tconst pause = () => {\n\t\tif (timeoutID) clearInterval(timeoutID);\n\t\tif (!paused.value) {\n\t\t\tif (onStop) onStop();\n\t\t}\n\t\tpaused.value = true;\n\t};\n\n\tconst remainingFormatted = computed(() => {\n\t\tconst msInADay = 1000 * 60 * 60 * 24;\n\t\tconst msInAnHour = 1000 * 60 * 60;\n\t\tconst msInAMinute = 1000 * 60;\n\t\tconst msInASecond = 1000;\n\n\t\tconst days = Math.trunc(remaining.value / msInADay);\n\t\tconst hours = Math.trunc((remaining.value - days * msInADay) / msInAnHour);\n\t\tconst minutes = Math.trunc(\n\t\t\t(remaining.value - hours * msInAnHour - days * msInADay) / msInAMinute\n\t\t);\n\t\tconst seconds = Math.trunc(\n\t\t\t(remaining.value -\n\t\t\t\tminutes * msInAMinute -\n\t\t\t\thours * msInAnHour -\n\t\t\t\tdays * msInADay) /\n\t\t\t\tmsInASecond\n\t\t);\n\t\treturn {\n\t\t\tdays,\n\t\t\thours,\n\t\t\tminutes,\n\t\t\tseconds,\n\t\t};\n\t});\n\n\tonBeforeUnmount(() => clearInterval(timeoutID));\n\n\treturn {\n\t\t/** Elapsed milliseconds since starting the timer */\n\t\telapsed: computed(() => elapsed.value),\n\t\t/** Remaining milliseconds */\n\t\tremaining: computed(() => remaining.value),\n\t\t/** Remaining as a formatted object for display */\n\t\tremainingFormatted,\n\t\t/** Percentage of elapsed time against duration */\n\t\tprogress,\n\t\t/** Starts the timer */\n\t\tstart,\n\t\t/** Reset the timer to intiial state and starts again */\n\t\trestart,\n\t\t/** Pauses the timer */\n\t\tpause,\n\t\t/** Reset the timer to initial state, if the timer is running it is stopped */\n\t\treset,\n\t\t/** Boolean, is the timer running (paused doesn't change running state) */\n\t\trunning,\n\t\t/** Boolean is the timer paused */\n\t\tpaused,\n\t};\n};\n"],"names":["useCountdown","duration","onStart","onFinish","onStop","remaining","ref","elapsed","progress","computed","getAsPercentage","tick","running","paused","timeoutID","start","wait","restart","reset","pause","remainingFormatted","days","hours","minutes","seconds","onBeforeUnmount"],"mappings":";;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AACD,MAAqB;AACpB,MAAI,CAACH;AACE,UAAA,IAAI,MAAM,6CAA6C;AAExD,QAAAI,IAAYC,EAAIL,CAAQ,GACxBM,IAAUD,EAAI,CAAC,GACfE,IAAWC,EAAS,MAAMC,EAAgBH,EAAQ,OAAON,CAAQ,CAAC,GAClEU,IAAO,KACPC,IAAUN,EAAI,EAAK,GACnBO,IAASP,EAAI,EAAK;AAEpB,MAAAQ;AAEJ,QAAMC,IAAQ,MAAM;AACnB,IAAIR,EAAQ,UAAUN,KAAaW,EAAQ,SAAS,CAACC,EAAO,UACxDX,KAAiBA,KACrBW,EAAO,QAAQ,IACfD,EAAQ,QAAQ,IAEhBE,IAAY,YAAY,MAAM;AAC7B,MAAAT,EAAU,QAAQ,KAAK,IAAIA,EAAU,QAAQM,GAAM,CAAC,GACpDJ,EAAQ,QAAQ,KAAK,IAAIA,EAAQ,QAAQI,GAAMV,CAAQ,GAEnDI,EAAU,UAAU,KAClBW,EAAA,CAAC,EAAE,KAAK,MAAM;AAClB,sBAAcF,CAAS,GACvBF,EAAQ,QAAQ,IACZR,KAAeA,KACfD,KAAmBA;MAAA,CACvB;AAAA,OAEAQ,CAAI;AAAA,EAAA,GAGFM,IAAU,MAAM;AACf,IAAAC,KACAH;EAAA,GAGDG,IAAQ,MAAM;AACf,IAAAJ,mBAAyBA,CAAS,GACjCD,EAAO,SACPT,KAAeA,KAEpBC,EAAU,QAAQJ,GAClBM,EAAQ,QAAQ,GAChBK,EAAQ,QAAQ,IAChBC,EAAO,QAAQ;AAAA,EAAA,GAGVM,IAAQ,MAAM;AACf,IAAAL,mBAAyBA,CAAS,GACjCD,EAAO,SACPT,KAAeA,KAEpBS,EAAO,QAAQ;AAAA,EAAA,GAGVO,IAAqBX,EAAS,MAAM;AAMzC,UAAMY,IAAO,KAAK,MAAMhB,EAAU,QAAQ,KAAQ,GAC5CiB,IAAQ,KAAK,OAAOjB,EAAU,QAAQgB,IAAO,SAAY,IAAU,GACnEE,IAAU,KAAK;AAAA,OACnBlB,EAAU,QAAQiB,IAAQ,OAAaD,IAAO,SAAY;AAAA,IAAA,GAEtDG,IAAU,KAAK;AAAA,OACnBnB,EAAU,QACVkB,IAAU,MACVD,IAAQ,OACRD,IAAO,SACP;AAAA,IAAA;AAEK,WAAA;AAAA,MACN,MAAAA;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EACD,CACA;AAEe,SAAAC,EAAA,MAAM,cAAcX,CAAS,CAAC,GAEvC;AAAA;AAAA,IAEN,SAASL,EAAS,MAAMF,EAAQ,KAAK;AAAA;AAAA,IAErC,WAAWE,EAAS,MAAMJ,EAAU,KAAK;AAAA;AAAA,IAEzC,oBAAAe;AAAA;AAAA,IAEA,UAAAZ;AAAA;AAAA,IAEA,OAAAO;AAAA;AAAA,IAEA,SAAAE;AAAA;AAAA,IAEA,OAAAE;AAAA;AAAA,IAEA,OAAAD;AAAA;AAAA,IAEA,SAAAN;AAAA;AAAA,IAEA,QAAAC;AAAA,EAAA;AAEF;"}
+{"version":3,"file":"index6.js","sources":["../src/composables/useBroadcastChannelInstance.ts"],"sourcesContent":["import { onBeforeUnmount, ref } from 'vue';\n\ntype MessageMap = { [key: string]: any };\n\ntype Message<T extends MessageMap> = {\n\t[Name in keyof T]: T[Name] extends void\n\t\t? { type: Name }\n\t\t: { type: Name; params: T[Name] };\n}[keyof T];\n\nexport const useBroadcastChannelInstance = <T extends MessageMap>(\n\tname = 'bitboss-ui'\n) => {\n\tlet instances = 0;\n\tconst useBroadCastChannel = () => {\n\t\tinstances++;\n\n\t\tconst isClosed = ref(false);\n\t\tconst channel = ref<BroadcastChannel | undefined>();\n\t\tconst subscribers: Partial<Record<keyof T, ((...args: any[]) => any)[]>> =\n\t\t\t{};\n\n\t\tfunction post<Key extends keyof T>(message: Key, params: T[Key]): void;\n\t\tfunction post<Key extends keyof T>(message: Key, params?: never): void;\n\t\tfunction post(message: keyof T, params: any = undefined) {\n\t\t\tif (channel.value) channel.value.postMessage({ type: message, params });\n\t\t}\n\n\t\tconst close = () => {\n\t\t\tinstances--;\n\t\t\tif (channel.value && !instances) {\n\t\t\t\tchannel.value.close();\n\t\t\t}\n\t\t\tisClosed.value = true;\n\t\t};\n\n\t\tconst on = <Key extends keyof T>(\n\t\t\tmessage: Key,\n\t\t\tfn: T[Key] extends void ? () => any : (arg: T[Key]) => any,\n\t\t\toptions: {\n\t\t\t\tremoveonUnmount: boolean;\n\t\t\t} = {\n\t\t\t\tremoveonUnmount: true,\n\t\t\t}\n\t\t) => {\n\t\t\tif (subscribers[message] === undefined) subscribers[message] = [];\n\n\t\t\tsubscribers[message]?.push(fn);\n\t\t\tif (options.removeonUnmount && subscribers[message]) {\n\t\t\t\tonBeforeUnmount(() => {\n\t\t\t\t\tconst arr = subscribers[message]!;\n\t\t\t\t\tconst indexOfFn = arr.indexOf(fn);\n\t\t\t\t\tif (indexOfFn !== -1) {\n\t\t\t\t\t\tarr.splice(indexOfFn, 1);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\ttry {\n\t\t\tchannel.value = new BroadcastChannel(name);\n\n\t\t\tchannel.value.addEventListener(\n\t\t\t\t'message',\n\t\t\t\t(e: MessageEvent) => {\n\t\t\t\t\tconst data = e.data as Message<T>;\n\t\t\t\t\tconst subs = subscribers[data.type] ?? [];\n\t\t\t\t\tif ('params' in data) {\n\t\t\t\t\t\tsubs.forEach((s) => s(data.params));\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsubs.forEach((s) => s());\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ passive: true }\n\t\t\t);\n\t\t} catch (error) {\n\t\t\tconsole.error(error);\n\t\t}\n\n\t\treturn {\n\t\t\ton,\n\t\t\tpost,\n\t\t\tclose,\n\t\t};\n\t};\n\treturn { useBroadCastChannel };\n};\n"],"names":["useBroadcastChannelInstance","name","instances","isClosed","ref","channel","subscribers","post","message","params","close","on","fn","options","_a","onBeforeUnmount","arr","indexOfFn","data","subs","s","error"],"mappings":";AAUa,MAAAA,IAA8B,CAC1CC,IAAO,iBACH;AACJ,MAAIC,IAAY;AAwEhB,SAAO,EAAE,qBAvEmB,MAAM;AACjC,IAAAA;AAEM,UAAAC,IAAWC,EAAI,EAAK,GACpBC,IAAUD,KACVE,IACL,CAAA;AAIQ,aAAAC,EAAKC,GAAkBC,IAAc,QAAW;AACpD,MAAAJ,EAAQ,SAAeA,EAAA,MAAM,YAAY,EAAE,MAAMG,GAAS,QAAAC,EAAA,CAAQ;AAAA,IACvE;AAEA,UAAMC,IAAQ,MAAM;AACnB,MAAAR,KACIG,EAAQ,SAAS,CAACH,KACrBG,EAAQ,MAAM,SAEfF,EAAS,QAAQ;AAAA,IAAA,GAGZQ,IAAK,CACVH,GACAI,GACAC,IAEI;AAAA,MACH,iBAAiB;AAAA,IAAA,MAEd;;AACJ,MAAIP,EAAYE,CAAO,MAAM,WAAuBF,EAAAE,CAAO,IAAI,MAEnDM,IAAAR,EAAAE,CAAO,MAAP,QAAAM,EAAU,KAAKF,IACvBC,EAAQ,mBAAmBP,EAAYE,CAAO,KACjDO,EAAgB,MAAM;AACf,cAAAC,IAAMV,EAAYE,CAAO,GACzBS,IAAYD,EAAI,QAAQJ,CAAE;AAChC,QAAIK,MAAc,MACbD,EAAA,OAAOC,GAAW,CAAC;AAAA,MACxB,CACA;AAAA,IACF;AAGG,QAAA;AACK,MAAAZ,EAAA,QAAQ,IAAI,iBAAiBJ,CAAI,GAEzCI,EAAQ,MAAM;AAAA,QACb;AAAA,QACA,CAAC,MAAoB;AACpB,gBAAMa,IAAO,EAAE,MACTC,IAAOb,EAAYY,EAAK,IAAI,KAAK,CAAA;AACvC,UAAI,YAAYA,IACfC,EAAK,QAAQ,CAACC,MAAMA,EAAEF,EAAK,MAAM,CAAC,IAElCC,EAAK,QAAQ,CAACC,MAAMA,EAAG,CAAA;AAAA,QAEzB;AAAA,QACA,EAAE,SAAS,GAAK;AAAA,MAAA;AAAA,aAETC,GAAO;AACf,cAAQ,MAAMA,CAAK;AAAA,IACpB;AAEO,WAAA;AAAA,MACN,IAAAV;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAG;AAAA,IAAA;AAAA,EACD,EAE4B;AAC9B;"}

package/dist/index60.js

@@ -1,101 +1,115 @@
-import { defineComponent as f, ref as v, computed as y, openBlock as k, createBlock as w, withCtx as r, renderSlot as n, normalizeProps as B, guardReactiveProps as V, createVNode as g, mergeProps as i } from "vue";
-import P from "./index14.js";
+import { defineComponent as f, ref as g, computed as c, useAttrs as v, toRef as B, openBlock as n, createBlock as a, unref as p, mergeProps as k, withCtx as h, createVNode as C, createCommentVNode as l, createElementVNode as L, renderSlot as S, createTextVNode as x, toDisplayString as A, createElementBlock as V } from "vue";
+/* empty css       */
+/* empty css       */
+/* empty css       */
+import F from "./index14.js";
 /* empty css        */
-import C from "./index24.js";
-/* empty css        */
-const M = /* @__PURE__ */ f({
-  __name: "BbCheckbox",
+import r from "./index123.js";
+/* empty css         */
+import N from "./index125.js";
+/* empty css         */
+import { pickBy as $ } from "./index242.js";
+import { noop as P } from "./index243.js";
+const T = { class: "bb-button__content" }, W = {
+  key: 2,
+  class: "bb-button__loading-label"
+}, K = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "BbButton",
   props: {
-    autofocus: {},
-    checked: { type: [Boolean, String] },
-    color: {},
-    direction: { default: "auto" },
+    autoLoading: { type: Boolean, default: !0 },
+    activeClass: {},
+    ariaCurrentValue: {},
+    "append:icon": {},
+    block: { type: Boolean },
+    data: {},
     disabled: { type: Boolean },
-    errors: {},
-    falseValue: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    indeterminate: {},
-    inputPosition: { default: "left" },
-    label: {},
-    labelPosition: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    readonly: {},
-    required: { type: Boolean },
-    reverse: { type: Boolean, default: !0 },
-    submitWhenFalse: { type: Boolean },
-    trueValue: {}
+    disabledWhileLoading: { type: Boolean, default: !0 },
+    exactActiveClass: {},
+    headers: {},
+    href: {},
+    icon: {},
+    loading: { type: Boolean },
+    method: {},
+    onBefore: {},
+    onCancel: {},
+    onCancelToken: {},
+    onFinish: {},
+    only: {},
+    onProgress: {},
+    onStart: {},
+    onSuccess: {},
+    "prepend:icon": {},
+    preserveScroll: { type: [Boolean, Function] },
+    preserveState: { type: [Boolean, Function, null] },
+    queryStringArrayFormat: {},
+    rel: {},
+    replace: { type: Boolean },
+    tag: {},
+    target: {},
+    text: {},
+    to: {},
+    type: {}
   },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: t }) {
-    const u = s, o = t, a = v(!1), d = y(() => u.persistentHint || a.value), p = {
-      onBlur: (e) => {
-        a.value = !1, o("blur", e);
-      },
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        a.value = !0, o("focus", e);
+  setup(d) {
+    const e = d, i = g(0), t = c(
+      () => e.loading || !!i.value && e.autoLoading
+    ), u = c(() => e.disabled), { onClick: b = P, ...m } = v(), _ = async (...o) => {
+      t.value && e.disabledWhileLoading || (i.value++, await b(...o), i.value--);
+    }, y = B(() => ({
+      ...$(
+        e,
+        (o, s) => ![
+          "append:icon",
+          "disabled",
+          "autoLoading",
+          "disabledWhileLoading",
+          "icon",
+          "loading",
+          "prepend:icon"
+        ].includes(s)
+      ),
+      ...m
+    }));
+    return (o, s) => (n(), a(p(F), k(y.value, {
+      "aria-disabled": t.value ? !0 : void 0,
+      class: {
+        "bb-button": !0,
+        "bb-button--loading": t.value,
+        "bb-button--icon": !!o.icon
       },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    };
-    return (e, q) => (k(), w(C, {
-      id: e.id,
-      class: "bb-checkbox",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      "input-position": e.inputPosition,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "label-tag": "span",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": d.value,
-      tag: "label"
-    }, {
-      label: r((l) => [
-        n(e.$slots, "label", B(V(l)))
-      ]),
-      input: r(({ id: l, name: m, hasErrors: b, ariaDescribedby: h }) => [
-        g(P, i({
-          id: l,
-          "aria-describedby": h,
-          autofocus: e.autofocus,
-          checked: e.checked,
-          color: e.color,
-          disabled: e.disabled,
-          "false-value": e.falseValue,
-          "has-errors": b,
-          indeterminate: e.indeterminate,
-          "model-value": e.modelValue,
-          name: m,
-          readonly: e.readonly,
-          required: e.required,
-          "submit-when-false": e.submitWhenFalse,
-          "true-value": e.trueValue
-        }, p), {
-          icon: r((c) => [
-            n(e.$slots, "icon", i(c, { text: e.label }))
-          ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "false-value", "has-errors", "indeterminate", "model-value", "name", "readonly", "required", "submit-when-false", "true-value"])
+      disabled: u.value,
+      tabindex: t.value ? -1 : void 0,
+      onClick: _
+    }), {
+      default: h(() => [
+        C(p(N), { class: "bb-button__spinner" }),
+        e.icon ? (n(), a(r, {
+          key: 0,
+          class: "bb-button__icon",
+          type: e.icon
+        }, null, 8, ["type"])) : e["prepend:icon"] ? (n(), a(r, {
+          key: 1,
+          class: "bb-button__prepend-icon",
+          type: e["prepend:icon"]
+        }, null, 8, ["type"])) : l("", !0),
+        L("span", T, [
+          S(o.$slots, "default", {}, () => [
+            x(A(o.text), 1)
+          ])
+        ]),
+        t.value ? (n(), V("span", W, "caricamento")) : l("", !0),
+        !o.icon && e["append:icon"] ? (n(), a(r, {
+          key: 3,
+          class: "bb-button__append-icon",
+          type: e["append:icon"]
+        }, null, 8, ["type"])) : l("", !0)
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
+    }, 16, ["aria-disabled", "class", "disabled", "tabindex"]));
   }
 });
 export {
-  M as default
+  K as default
 };
 //# sourceMappingURL=index60.js.map

package/dist/index60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index60.js","sources":["../src/components/BbCheckbox/BbCheckbox.vue"],"sourcesContent":["<template>\n\t<BaseInputContainer\n\t\t:id=\"id\"\n\t\tclass=\"bb-checkbox\"\n\t\t:direction=\"direction\"\n\t\t:errors=\"errors\"\n\t\t:has-errors=\"hasErrors\"\n\t\t:hide-label=\"hideLabel\"\n\t\t:hint=\"hint\"\n\t\t:input-position=\"inputPosition\"\n\t\t:label=\"label\"\n\t\t:label-position=\"labelPosition\"\n\t\t:label-tag=\"'span'\"\n\t\t:name=\"name\"\n\t\t:reverse=\"reverse\"\n\t\t:show-hint=\"showHint\"\n\t\t:tag=\"'label'\"\n\t>\n\t\t<template #label=\"data\"><slot name=\"label\" v-bind=\"data\"></slot></template>\n\t\t<template #input=\"{ id, name, hasErrors, ariaDescribedby }\">\n\t\t\t<BaseCheckbox\n\t\t\t\t:id=\"id\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:checked=\"checked\"\n\t\t\t\t:color=\"color\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:false-value=\"falseValue\"\n\t\t\t\t:has-errors=\"hasErrors\"\n\t\t\t\t:indeterminate=\"indeterminate\"\n\t\t\t\t:model-value=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\n\t\t\t\t:submit-when-false=\"submitWhenFalse\"\n\t\t\t\t:true-value=\"trueValue\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\t><template #icon=\"data\"\n\t\t\t\t\t><slot name=\"icon\" v-bind=\"data\" :text=\"label\" /></template\n\t\t\t></BaseCheckbox>\n\t\t</template>\n\t</BaseInputContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport BaseCheckbox from '../BaseCheckbox/BaseCheckbox.vue';\nimport BaseInputContainer from '../BaseInputContainer/BaseInputContainer.vue';\nimport type {\n\tBaseCheckboxEvents,\n\tSlotAttributes,\n} from '../BaseCheckbox/BaseCheckbox.vue';\nimport {\n\tref,\n\ttype HTMLAttributes,\n\ttype InputHTMLAttributes,\n\tcomputed,\n} from 'vue';\n\nexport type BbCheckboxProps = {\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Defines the input as checked\n\t */\n\tchecked?: boolean | 'true' | 'false';\n\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\n\t/**\n\t * Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.\n\t */\n\tdirection?: 'horizontal' | 'vertical' | 'auto' | string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Can be a string or an array of string containing the messages to display.\n\t */\n\terrors?: string | string[];\n\n\t/**\n\t * Value of the input when unchecked. It handles any kind of serializable object.\n\t */\n\tfalseValue?: any;\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * Visually hides the label of the input while maintaining accessibility.\n\t */\n\thideLabel?: boolean;\n\n\t/**\n\t * Text box to be displayed near the input, usually to indicate instructions.\n\t */\n\thint?: string;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\n\t/**\n\t * Sets the input in an indeterminate state.\n\t */\n\tindeterminate?: InputHTMLAttributes['indeterminate'];\n\n\t/**\n\t * Sets the slignment of the input. Since inputs are inline block they can be aligned just as text can.\n\t */\n\tinputPosition?: 'left' | 'center' | 'right';\n\n\t/**\n\t * Text content of the label of the element.\n\t */\n\tlabel: string;\n\n\t/**\n\t * Sets the text alignment of the label.\n\t */\n\tlabelPosition?: 'left' | 'center' | 'right';\n\n\t/**\n\t * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue?: any;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Keeps the hint displayed.\n\t */\n\tpersistentHint?: boolean;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\n\t/**\n\t * Sets the input as required.\n\t */\n\trequired?: boolean;\n\n\t/**\n\t * Reverses the layout. Applicable in every direction the order of the label and the input is swapped.\n\t */\n\treverse?: boolean;\n\n\t/**\n\t * Will submit \"falseValue\" if the input is not checked. Otherwise \"trueValue\" will be submitted.\n\t */\n\tsubmitWhenFalse?: boolean;\n\n\t/**\n\t * Value of the input when checked. It handles any kind of serializable object.\n\t */\n\ttrueValue?: any;\n};\n\nexport type BbCheckboxEvents = BaseCheckboxEvents;\n\nconst props = withDefaults(defineProps<BbCheckboxProps>(), {\n\tdirection: 'auto',\n\treverse: true,\n\tinputPosition: 'left',\n});\n\nconst emit = defineEmits<BbCheckboxEvents>();\n\ndefineSlots<{\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n\ticon?: (props: SlotAttributes & { text: string }) => any;\n}>();\n\nconst active = ref(false);\nconst showHint = computed(() => props.persistentHint || active.value);\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => {\n\t\tactive.value = false;\n\t\temit('blur', event);\n\t},\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => {\n\t\tactive.value = true;\n\t\temit('focus', event);\n\t},\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t'onUpdate:modelValue': (value: any) => emit('update:modelValue', value),\n};\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbCheckbox';\n</style>\n"],"names":["props","__props","emit","__emit","active","ref","showHint","computed","eventListeners","event","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLA,UAAMA,IAAQC,GAMRC,IAAOC,GAOPC,IAASC,EAAI,EAAK,GAClBC,IAAWC,EAAS,MAAMP,EAAM,kBAAkBI,EAAO,KAAK,GAE9DI,IAAiB;AAAA,MACtB,QAAQ,CAACC,MAAsB;AAC9B,QAAAL,EAAO,QAAQ,IACfF,EAAK,QAAQO,CAAK;AAAA,MACnB;AAAA,MACA,UAAU,CAACA,MAAiBP,EAAK,UAAUO,CAAK;AAAA,MAChD,SAAS,CAACA,MAAsBP,EAAK,SAASO,CAAK;AAAA,MACnD,SAAS,CAACA,MAAsB;AAC/B,QAAAL,EAAO,QAAQ,IACfF,EAAK,SAASO,CAAK;AAAA,MACpB;AAAA,MACA,SAAS,CAACA,MAAiBP,EAAK,SAASO,CAAK;AAAA,MAC9C,WAAW,CAACA,MAAyBP,EAAK,WAAWO,CAAK;AAAA,MAC1D,aAAa,CAACA,MAAsBP,EAAK,aAAaO,CAAK;AAAA,MAC3D,WAAW,CAACA,MAAsBP,EAAK,WAAWO,CAAK;AAAA,MACvD,uBAAuB,CAACC,MAAeR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index60.js","sources":["../src/components/BbButton/BbButton.vue"],"sourcesContent":["<template>\n\t<BaseButton\n\t\tv-bind=\"propsToPass\"\n\t\t:aria-disabled=\"loading ? true : undefined\"\n\t\t:class=\"{\n\t\t\t'bb-button': true,\n\t\t\t'bb-button--loading': loading,\n\t\t\t'bb-button--icon': !!icon,\n\t\t}\"\n\t\t:disabled=\"disabled\"\n\t\t:tabindex=\"loading ? -1 : undefined\"\n\t\t@click=\"onClick\"\n\t>\n\t\t<BbSpinner class=\"bb-button__spinner\" />\n\t\t<BbIcon\n\t\t\tv-if=\"props['icon']\"\n\t\t\tclass=\"bb-button__icon\"\n\t\t\t:type=\"props['icon']\"\n\t\t/>\n\t\t<BbIcon\n\t\t\tv-else-if=\"props['prepend:icon']\"\n\t\t\tclass=\"bb-button__prepend-icon\"\n\t\t\t:type=\"props['prepend:icon']\"\n\t\t/>\n\t\t<span class=\"bb-button__content\"\n\t\t\t><slot>{{ text }}</slot></span\n\t\t>\n\t\t<span v-if=\"loading\" class=\"bb-button__loading-label\">caricamento</span>\n\n\t\t<BbIcon\n\t\t\tv-if=\"!icon && props['append:icon']\"\n\t\t\tclass=\"bb-button__append-icon\"\n\t\t\t:type=\"props['append:icon']\"\n\t\t/>\n\t</BaseButton>\n</template>\n\n<script setup lang=\"ts\">\nimport { BaseButton, BbSpinner } from '@/index';\nimport type { RouteLocationRaw } from 'vue-router';\nimport BbIcon from '../BbIcon/BbIcon.vue';\nimport { computed, ref, toRef, useAttrs } from 'vue';\nimport { pickBy } from '@/utilities/functions/pickBy';\nimport { noop } from '@/utilities/functions/noop';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nexport type BbButtonProps = {\n\t/**\n\t * Tracks tha loading status internally.\n\t */\n\tautoLoading?: boolean;\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\t/**\n\t * Icon to be added on the right of the text\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\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 * Disables the click handler while the component is loading.\n\t */\n\tdisabledWhileLoading?: 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\t/**\n\t * Used when only an icon with no text should be displayed\n\t */\n\ticon?: string;\n\n\t/**\n\t * Triggers a loading indicator\n\t */\n\tloading?: boolean;\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\t/**\n\t * Icon to be added on the left of the text\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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 * Sets or retrieves the relationship between the object and the destination of the link.\n\t */\n\trel?: HTMLAnchorElement['rel'];\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};\nconst props = withDefaults(defineProps<BbButtonProps>(), {\n\tautoLoading: true,\n\tdisabledWhileLoading: true,\n});\n\ndefineSlots<{\n\tdefault?: (props: object) => any;\n}>();\n\nconst internalLoading = ref(0);\n\nconst loading = computed(\n\t() => props.loading || (!!internalLoading.value && props.autoLoading)\n);\n\nconst disabled = computed(() => props.disabled);\n\nconst { onClick: baseOnClick = noop, ...restAttrs } = useAttrs();\n\nconst onClick = async (...args: any[]) => {\n\tif (loading.value && props.disabledWhileLoading) return;\n\tinternalLoading.value++;\n\tawait (<(...args: any[]) => any>baseOnClick)(...args);\n\tinternalLoading.value--;\n};\n\nconst propsToPass = toRef(() => ({\n\t...pickBy(\n\t\tprops,\n\t\t(_, key) =>\n\t\t\t![\n\t\t\t\t'append:icon',\n\t\t\t\t'disabled',\n\t\t\t\t'autoLoading',\n\t\t\t\t'disabledWhileLoading',\n\t\t\t\t'icon',\n\t\t\t\t'loading',\n\t\t\t\t'prepend:icon',\n\t\t\t].includes(key)\n\t),\n\t...restAttrs,\n}));\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BbButton';\n</style>\n"],"names":["props","__props","internalLoading","ref","loading","computed","disabled","baseOnClick","noop","restAttrs","useAttrs","onClick","args","propsToPass","toRef","pickBy","_","key"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyLA,UAAMA,IAAQC,GASRC,IAAkBC,EAAI,CAAC,GAEvBC,IAAUC;AAAA,MACf,MAAML,EAAM,WAAY,CAAC,CAACE,EAAgB,SAASF,EAAM;AAAA,IAAA,GAGpDM,IAAWD,EAAS,MAAML,EAAM,QAAQ,GAExC,EAAE,SAASO,IAAcC,GAAM,GAAGC,EAAA,IAAcC,KAEhDC,IAAU,UAAUC,MAAgB;AACrC,MAAAR,EAAQ,SAASJ,EAAM,yBACXE,EAAA,SACgB,MAAAK,EAAa,GAAGK,CAAI,GACpCV,EAAA;AAAA,IAAA,GAGXW,IAAcC,EAAM,OAAO;AAAA,MAChC,GAAGC;AAAA,QACFf;AAAA,QACA,CAACgB,GAAGC,MACH,CAAC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACC,SAASA,CAAG;AAAA,MAChB;AAAA,MACA,GAAGR;AAAA,IACF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}