bitboss-ui 1.0.8 → 1.0.9

package/dist/index102.js

@@ -1,12 +1,12 @@
 import { defineComponent as de, ref as O, computed as p, onMounted as be, watch as q, openBlock as n, createBlock as re, resolveDynamicComponent as ue, normalizeClass as f, withCtx as pe, createElementBlock as d, toDisplayString as m, createCommentVNode as v, createElementVNode as o, renderSlot as y, createVNode as J, unref as C, Fragment as N, renderList as T, createTextVNode as fe, mergeProps as me } from "vue";
-import { add as ye } from "./index248.js";
+import { add as ye } from "./index245.js";
 import { clamp as he } from "./index197.js";
 import { deepEqual as G } from "./index124.js";
 import { isNil as j } from "./index121.js";
 import { isNotNil as _e } from "./index125.js";
 import { useId as ke } from "./index8.js";
 import { useItemValue as ge } from "./index127.js";
-import { when as ve } from "./index211.js";
+import { when as ve } from "./index215.js";
 import K from "./index12.js";
 import "./index13.js";
 import Ce from "./index26.js";

package/dist/index104.js

@@ -1,8 +1,8 @@
 import { defineComponent as y, ref as f, computed as B, openBlock as k, createBlock as g, withCtx as l, renderSlot as r, normalizeProps as i, guardReactiveProps as n, createVNode as w, mergeProps as V } from "vue";
 import $ from "./index22.js";
 import "./index23.js";
-import P from "./index246.js";
-import "./index247.js";
+import P from "./index239.js";
+import "./index240.js";
 const z = /* @__PURE__ */ y({
   __name: "BbTag",
   props: {

package/dist/index110.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as e, createBlock as o, Teleport as l, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as p, withCtx as u, createElementBlock as d, Fragment as f, renderList as _, unref as r, mergeProps as b } from "vue";
 import { state as k, useToast as C } from "./index6.js";
-import B from "./index249.js";
+import B from "./index243.js";
 const N = /* @__PURE__ */ s({
   __name: "BbToast",
   props: {

package/dist/index112.js

@@ -1,12 +1,12 @@
 import { defineComponent as A, ref as o, computed as E, openBlock as b, createElementBlock as $, mergeProps as D, createElementVNode as i, renderSlot as L, normalizeProps as H, guardReactiveProps as I, unref as s, createBlock as M, Teleport as R, normalizeClass as U, normalizeStyle as j, withCtx as q, createCommentVNode as O } from "vue";
-import { useFloating as G, arrow as J } from "./index198.js";
+import { useFloating as G, arrow as J } from "./index206.js";
 import { useId as K } from "./index8.js";
 import { wait as P } from "./index123.js";
 import Q from "./index10.js";
 import "./index11.js";
-import { throttle as v } from "./index209.js";
-import { waitFor as W } from "./index206.js";
-import { autoUpdate as X, flip as Y, shift as Z } from "./index207.js";
+import { throttle as v } from "./index216.js";
+import { waitFor as W } from "./index211.js";
+import { autoUpdate as X, flip as Y, shift as Z } from "./index212.js";
 const ee = { class: "bb-tooltip__bubble" }, te = /* @__PURE__ */ i("svg", {
   fill: "none",
   viewBox: "0 0 24 24",

package/dist/index114.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as v, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as p, createVNode as k, createSlots as B, withCtx as C, normalizeProps as T, guardReactiveProps as _ } from "vue";
-import { flattenTree as P } from "./index245.js";
+import { flattenTree as P } from "./index246.js";
 const w = { class: "bb-tree-row" }, z = { class: "bb-tree-main-content" }, I = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index118.js

@@ -1,5 +1,5 @@
 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 "./index210.js";
+import { isCssColor as z } from "./index214.js";
 const g = ["innerHTML"], $ = /* @__PURE__ */ m({
   __name: "BbIcon",
   props: {

package/dist/index119.js

@@ -1,5 +1,5 @@
 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 "./index209.js";
+import { throttle as g } from "./index216.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index12.js

@@ -1,17 +1,20 @@
-import { defineComponent as B, ref as p, computed as n, watch as E, openBlock as u, createElementBlock as c, normalizeClass as I, normalizeProps as h, mergeProps as i, createCommentVNode as F, createElementVNode as d, renderSlot as N, guardReactiveProps as A } from "vue";
-import { isCssColor as f } from "./index210.js";
-import { when as L } from "./index211.js";
-const M = {
+import { defineComponent as C, ref as b, computed as n, watch as E, openBlock as m, createElementBlock as p, normalizeProps as c, guardReactiveProps as h, mergeProps as f, createCommentVNode as I, createElementVNode as r, renderSlot as F } from "vue";
+import { isCssColor as k } from "./index214.js";
+import { when as N } from "./index215.js";
+const A = {
   "aria-hidden": "true",
   class: "bb-base-checkbox-container"
-}, S = /* @__PURE__ */ d("path", {
-  d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
-  fill: "none",
-  "stroke-linecap": "round",
-  "stroke-width": "14px"
-}, null, -1), J = [
-  S
-], $ = /* @__PURE__ */ B({
+}, L = /* @__PURE__ */ r("svg", {
+  class: "bb-base-checkbox-container__icon",
+  viewBox: "276.411 158.834 114.971 114.97"
+}, [
+  /* @__PURE__ */ r("path", {
+    d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
+    fill: "none",
+    "stroke-linecap": "round",
+    "stroke-width": "14px"
+  })
+], -1), $ = /* @__PURE__ */ C({
   __name: "BaseCheckbox",
   props: {
     ariaDescribedby: {},
@@ -30,39 +33,44 @@ const M = {
     modelValue: {}
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(k, { emit: y }) {
-    const e = k, t = y, l = p(null), s = n(() => e.checked ? !0 : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), r = p(!1), v = n(() => ({
-      "bb-base-checkbox": !0,
-      "bb-base-checkbox--disabled": e.disabled,
-      "bb-base-checkbox--errors": e.hasErrors,
-      "bb-base-checkbox--indeterminate": e.indeterminate,
-      "bb-base-checkbox--readonly": e.readonly,
-      [`bb-base-checkbox--${e.color}`]: e.color && !f(e.color)
-    })), b = L(
+  setup(y, { emit: v }) {
+    const e = y, t = v, l = b(null), s = n(() => e.checked ? !0 : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), u = b(!1), V = n(() => {
+      const a = {
+        class: {
+          "bb-base-checkbox": !0,
+          "bb-base-checkbox--disabled": e.disabled,
+          "bb-base-checkbox--errors": e.hasErrors,
+          "bb-base-checkbox--indeterminate": e.indeterminate,
+          "bb-base-checkbox--readonly": e.readonly,
+          [`bb-base-checkbox--${e.color}`]: e.color && !k(e.color)
+        }
+      };
+      return e.color && k(e.color) && (a.style = `--color: ${e.color}`), a;
+    }), i = N(
       (a) => typeof a != "string",
       JSON.stringify
-    ), V = n(() => {
-      const a = b(e.falseValue);
+    ), x = n(() => {
+      const a = i(e.falseValue);
       return {
         disabled: e.disabled,
         name: e.name,
         type: "hidden",
         value: a
       };
-    }), m = n(() => {
-      const a = b(e.trueValue), w = {
+    }), d = n(() => {
+      const a = i(e.trueValue), w = {
         onBlur: (o) => {
-          r.value = !1, t("blur", o);
+          u.value = !1, t("blur", o);
         },
         onChange: (o) => {
           if (o.target instanceof HTMLInputElement) {
-            let C = o.target.checked ? e.trueValue : e.falseValue;
-            t("change", o), t("update:modelValue", C);
+            let B = o.target.checked ? e.trueValue : e.falseValue;
+            t("change", o), t("update:modelValue", B);
           }
         },
         onClick: (o) => t("click", o),
         onFocus: (o) => {
-          r.value = !0, t("focus", o);
+          u.value = !0, t("focus", o);
         },
         onKeydown: (o) => t("keydown", o),
         onMousedown: (o) => t("mousedown", o),
@@ -83,44 +91,36 @@ const M = {
         value: a,
         ...w
       };
-    }), x = n(() => ({
+    }), g = n(() => ({
       checked: s.value,
       disabled: e.disabled,
       falseValue: e.falseValue,
-      focused: r.value,
+      focused: u.value,
       hasErrors: e.hasErrors,
       id: e.id,
       name: e.name,
-      parsedValue: m.value.value,
+      parsedValue: d.value.value,
       readonly: e.readonly,
       trueValue: e.trueValue,
       value: s.value ? e.trueValue : e.falseValue
-    })), g = n(() => {
-      let a = {};
-      return e.color && f(e.color) && (a.backgroundColor = e.color), {
-        class: "bb-base-checkbox-container__icon",
-        style: a
-      };
-    });
+    }));
     return E(
       () => [e.modelValue, e.checked, e.indeterminate],
       () => {
         l.value && (l.value.indeterminate = !!e.indeterminate);
       }
-    ), (a, _) => (u(), c("span", {
-      class: I(v.value)
-    }, [
-      !s.value && a.submitWhenFalse ? (u(), c("input", h(i({ key: 0 }, V.value)), null, 16)) : F("", !0),
-      d("input", i(m.value, {
+    ), (a, _) => (m(), p("span", c(h(V.value)), [
+      !s.value && a.submitWhenFalse ? (m(), p("input", c(f({ key: 0 }, x.value)), null, 16)) : I("", !0),
+      r("input", f(d.value, {
         ref_key: "checkboxInput",
         ref: l
       }), null, 16),
-      d("span", M, [
-        N(a.$slots, "icon", h(A(x.value)), () => [
-          (u(), c("svg", i({ viewBox: "276.411 158.834 114.971 114.97" }, g.value), J, 16))
+      r("span", A, [
+        F(a.$slots, "icon", c(h(g.value)), () => [
+          L
         ])
       ])
-    ], 2));
+    ], 16));
   }
 });
 export {

package/dist/index12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index12.js","sources":["../src/components/BaseCheckbox/BaseCheckbox.vue"],"sourcesContent":["<template>\n\t<span :class=\"classes\">\n\t\t<input v-if=\"!checked && submitWhenFalse\" v-bind=\"hiddenInputAttributes\" />\n\t\t<input v-bind=\"inputAttributes\" ref=\"checkboxInput\" />\n\t\t<span aria-hidden=\"true\" class=\"bb-base-checkbox-container\">\n\t\t\t<slot name=\"icon\" v-bind=\"slotAttributes\">\n\t\t\t\t<svg viewBox=\"276.411 158.834 114.971 114.97\" v-bind=\"iconAttributes\">\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M 297.574 224.786 L 318.309 243.134 L 371.568 189.232\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-width=\"14px\"\n\t\t\t\t\t></path>\n\t\t\t\t</svg>\n\t\t\t</slot>\n\t\t</span>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { when } from '@/utilities/functions/when';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BaseCheckboxProps = {\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tariaDescribedby?: InputHTMLAttributes['aria-describedby'];\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?: InputHTMLAttributes['checked'];\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 * Disables the component\n\t */\n\tdisabled?: boolean;\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 * 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 * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\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\t/**\n\t * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue?: any;\n};\n\nexport type BaseCheckboxEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: any): void;\n};\n\nexport type SlotAttributes = {\n\tchecked: boolean;\n\tdisabled: boolean;\n\tfalseValue: any;\n\tfocused: boolean;\n\thasErrors: boolean;\n\tid: BaseCheckboxProps['id'];\n\tname: BaseCheckboxProps['name'];\n\tparsedValue: any;\n\treadonly: BaseCheckboxProps['readonly'];\n\ttrueValue: any;\n\tvalue: any;\n};\n\nconst props = withDefaults(defineProps<BaseCheckboxProps>(), {\n\ttrueValue: true,\n\tfalseValue: false,\n});\n\nconst emit = defineEmits<BaseCheckboxEvents>();\n\ndefineSlots<{\n\ticon?: (props: SlotAttributes) => any;\n}>();\n\nconst checkboxInput = ref<HTMLInputElement | null>(null);\n\nconst checked = computed(() => {\n\tif (props.checked) return true;\n\treturn JSON.stringify(props.trueValue) === JSON.stringify(props.modelValue);\n});\nconst hasFocus = ref(false);\n\nconst classes = computed(() => {\n\treturn {\n\t\t'bb-base-checkbox': true,\n\t\t'bb-base-checkbox--disabled': props.disabled,\n\t\t'bb-base-checkbox--errors': props.hasErrors,\n\t\t'bb-base-checkbox--indeterminate': props.indeterminate,\n\t\t'bb-base-checkbox--readonly': props.readonly,\n\t\t[`bb-base-checkbox--${props.color}`]:\n\t\t\tprops.color && !isCssColor(props.color),\n\t};\n});\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\n\nconst hiddenInputAttributes = computed(() => {\n\tconst value = makeInputValue(props.falseValue);\n\treturn {\n\t\tdisabled: props.disabled,\n\t\tname: props.name,\n\t\ttype: 'hidden',\n\t\tvalue: value,\n\t};\n});\n\nconst inputAttributes = computed(() => {\n\tconst value = makeInputValue(props.trueValue);\n\n\tconst onBlur = (event: FocusEvent): void => {\n\t\thasFocus.value = false;\n\t\temit('blur', event);\n\t};\n\n\tconst onChange = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tlet value = event.target.checked ? props.trueValue : props.falseValue;\n\n\t\t\temit('change', event);\n\t\t\temit('update:modelValue', value);\n\t\t}\n\t};\n\n\tconst onFocus = (event: FocusEvent): void => {\n\t\thasFocus.value = true;\n\t\temit('focus', event);\n\t};\n\n\tconst eventListeners = {\n\t\tonBlur,\n\t\tonChange,\n\t\tonClick: (event: MouseEvent) => emit('click', event),\n\t\tonFocus,\n\t\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\t\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\t\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t\tonInput: (event: Event) => emit('input', event),\n\t};\n\n\treturn {\n\t\t'aria-describedby': props.ariaDescribedby,\n\t\tautofocus: props.autofocus,\n\t\tchecked: checked.value,\n\t\t// There is no such thing as readonly checkbox so we disable and style it with css\n\t\tdisabled: props.disabled || props.readonly,\n\t\tid: props.id,\n\t\tindeterminate: props.indeterminate,\n\t\tname: props.name,\n\t\ttabindex: props.disabled ? -1 : undefined,\n\t\ttype: 'checkbox',\n\t\tvalue: value,\n\t\t...eventListeners,\n\t};\n});\n\nconst slotAttributes = computed(() => ({\n\tchecked: checked.value,\n\tdisabled: props.disabled,\n\tfalseValue: props.falseValue,\n\tfocused: hasFocus.value,\n\thasErrors: props.hasErrors,\n\tid: props.id,\n\tname: props.name,\n\tparsedValue: inputAttributes.value.value,\n\treadonly: props.readonly,\n\ttrueValue: props.trueValue,\n\tvalue: checked.value ? props.trueValue : props.falseValue,\n}));\n\nconst iconAttributes = computed(() => {\n\tlet style: { [key: string]: string } = {};\n\tif (props.color && isCssColor(props.color)) {\n\t\tstyle.backgroundColor = props.color;\n\t}\n\treturn {\n\t\tclass: 'bb-base-checkbox-container__icon',\n\t\tstyle,\n\t};\n});\n\n/**\n * Indeterminate is a very volatile prop that is reset upon clicking,\n * this keeps the state and the prop aligned\n */\nwatch(\n\t() => [props.modelValue, props.checked, props.indeterminate],\n\t() => {\n\t\tif (checkboxInput.value) {\n\t\t\tcheckboxInput.value.indeterminate = !!props.indeterminate;\n\t\t}\n\t}\n);\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseCheckbox';\n</style>\n"],"names":["props","__props","emit","__emit","checkboxInput","ref","checked","computed","hasFocus","classes","isCssColor","makeInputValue","when","item","hiddenInputAttributes","value","inputAttributes","eventListeners","event","slotAttributes","iconAttributes","style","watch"],"mappings":"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"}
+{"version":3,"file":"index12.js","sources":["../src/components/BaseCheckbox/BaseCheckbox.vue"],"sourcesContent":["<template>\n\t<span v-bind=\"containerAttributes\">\n\t\t<input v-if=\"!checked && submitWhenFalse\" v-bind=\"hiddenInputAttributes\" />\n\t\t<input v-bind=\"inputAttributes\" ref=\"checkboxInput\" />\n\t\t<span aria-hidden=\"true\" class=\"bb-base-checkbox-container\">\n\t\t\t<slot name=\"icon\" v-bind=\"slotAttributes\">\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"bb-base-checkbox-container__icon\"\n\t\t\t\t\tviewBox=\"276.411 158.834 114.971 114.97\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M 297.574 224.786 L 318.309 243.134 L 371.568 189.232\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\tstroke-width=\"14px\"\n\t\t\t\t\t></path>\n\t\t\t\t</svg>\n\t\t\t</slot>\n\t\t</span>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { when } from '@/utilities/functions/when';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BaseCheckboxProps = {\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tariaDescribedby?: InputHTMLAttributes['aria-describedby'];\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?: InputHTMLAttributes['checked'];\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 * Disables the component\n\t */\n\tdisabled?: boolean;\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 * 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 * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\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\t/**\n\t * Used by v-model. Can be any serializable type.\n\t */\n\tmodelValue?: any;\n};\n\nexport type BaseCheckboxEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'input', event: Event): void;\n\t(e: 'keydown', event: KeyboardEvent): void;\n\t(e: 'mousedown', event: MouseEvent): void;\n\t(e: 'mouseup', event: MouseEvent): void;\n\t(e: 'update:modelValue', value: any): void;\n};\n\nexport type SlotAttributes = {\n\tchecked: boolean;\n\tdisabled: boolean;\n\tfalseValue: any;\n\tfocused: boolean;\n\thasErrors: boolean;\n\tid: BaseCheckboxProps['id'];\n\tname: BaseCheckboxProps['name'];\n\tparsedValue: any;\n\treadonly: BaseCheckboxProps['readonly'];\n\ttrueValue: any;\n\tvalue: any;\n};\n\nconst props = withDefaults(defineProps<BaseCheckboxProps>(), {\n\ttrueValue: true,\n\tfalseValue: false,\n});\n\nconst emit = defineEmits<BaseCheckboxEvents>();\n\ndefineSlots<{\n\ticon?: (props: SlotAttributes) => any;\n}>();\n\nconst checkboxInput = ref<HTMLInputElement | null>(null);\n\nconst checked = computed(() => {\n\tif (props.checked) return true;\n\treturn JSON.stringify(props.trueValue) === JSON.stringify(props.modelValue);\n});\nconst hasFocus = ref(false);\n\nconst containerAttributes = computed(() => {\n\tconst attributes: Record<string, any> = {\n\t\tclass: {\n\t\t\t'bb-base-checkbox': true,\n\t\t\t'bb-base-checkbox--disabled': props.disabled,\n\t\t\t'bb-base-checkbox--errors': props.hasErrors,\n\t\t\t'bb-base-checkbox--indeterminate': props.indeterminate,\n\t\t\t'bb-base-checkbox--readonly': props.readonly,\n\t\t\t[`bb-base-checkbox--${props.color}`]:\n\t\t\t\tprops.color && !isCssColor(props.color),\n\t\t},\n\t};\n\tif (props.color && isCssColor(props.color)) {\n\t\tattributes['style'] = `--color: ${props.color}`;\n\t}\n\treturn attributes;\n});\n\n/**\n * This is used to keep the value compatible to common html expected values.\n * Convert to string everything that's not but do not double encode strings\n */\nconst makeInputValue = when(\n\t(item: unknown) => typeof item !== 'string',\n\tJSON.stringify\n);\n\nconst hiddenInputAttributes = computed(() => {\n\tconst value = makeInputValue(props.falseValue);\n\treturn {\n\t\tdisabled: props.disabled,\n\t\tname: props.name,\n\t\ttype: 'hidden',\n\t\tvalue: value,\n\t};\n});\n\nconst inputAttributes = computed(() => {\n\tconst value = makeInputValue(props.trueValue);\n\n\tconst onBlur = (event: FocusEvent): void => {\n\t\thasFocus.value = false;\n\t\temit('blur', event);\n\t};\n\n\tconst onChange = (event: Event): void => {\n\t\tif (event.target instanceof HTMLInputElement) {\n\t\t\tlet value = event.target.checked ? props.trueValue : props.falseValue;\n\n\t\t\temit('change', event);\n\t\t\temit('update:modelValue', value);\n\t\t}\n\t};\n\n\tconst onFocus = (event: FocusEvent): void => {\n\t\thasFocus.value = true;\n\t\temit('focus', event);\n\t};\n\n\tconst eventListeners = {\n\t\tonBlur,\n\t\tonChange,\n\t\tonClick: (event: MouseEvent) => emit('click', event),\n\t\tonFocus,\n\t\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\t\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\t\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n\t\tonInput: (event: Event) => emit('input', event),\n\t};\n\n\treturn {\n\t\t'aria-describedby': props.ariaDescribedby,\n\t\tautofocus: props.autofocus,\n\t\tchecked: checked.value,\n\t\t// There is no such thing as readonly checkbox so we disable and style it with css\n\t\tdisabled: props.disabled || props.readonly,\n\t\tid: props.id,\n\t\tindeterminate: props.indeterminate,\n\t\tname: props.name,\n\t\ttabindex: props.disabled ? -1 : undefined,\n\t\ttype: 'checkbox',\n\t\tvalue: value,\n\t\t...eventListeners,\n\t};\n});\n\nconst slotAttributes = computed(() => ({\n\tchecked: checked.value,\n\tdisabled: props.disabled,\n\tfalseValue: props.falseValue,\n\tfocused: hasFocus.value,\n\thasErrors: props.hasErrors,\n\tid: props.id,\n\tname: props.name,\n\tparsedValue: inputAttributes.value.value,\n\treadonly: props.readonly,\n\ttrueValue: props.trueValue,\n\tvalue: checked.value ? props.trueValue : props.falseValue,\n}));\n\n/**\n * Indeterminate is a very volatile prop that is reset upon clicking,\n * this keeps the state and the prop aligned\n */\nwatch(\n\t() => [props.modelValue, props.checked, props.indeterminate],\n\t() => {\n\t\tif (checkboxInput.value) {\n\t\t\tcheckboxInput.value.indeterminate = !!props.indeterminate;\n\t\t}\n\t}\n);\n</script>\n<style lang=\"postcss\">\n@import '@/assets/css/BaseCheckbox';\n</style>\n"],"names":["props","__props","emit","__emit","checkboxInput","ref","checked","computed","hasFocus","containerAttributes","attributes","isCssColor","makeInputValue","when","item","hiddenInputAttributes","value","inputAttributes","eventListeners","event","slotAttributes","watch"],"mappings":"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"}

package/dist/index120.js

@@ -1,5 +1,5 @@
 import { defineComponent as m, computed as r, openBlock as a, createElementBlock as d, normalizeProps as u, guardReactiveProps as z, createElementVNode as c } from "vue";
-import { isCssColor as f } from "./index210.js";
+import { isCssColor as f } from "./index214.js";
 const _ = /* @__PURE__ */ c("svg", {
   viewBox: "0 0 512 512",
   xmlns: "http://www.w3.org/2000/svg"

package/dist/index126.js

@@ -1,4 +1,4 @@
-import t from "./index222.js";
+import t from "./index220.js";
 const o = () => ({
   getItemText(r, n) {
     if (typeof r == "string" && !n)

package/dist/index127.js

@@ -1,4 +1,4 @@
-import o from "./index222.js";
+import o from "./index220.js";
 const e = () => ({
   getItemValue(n, f) {
     if (typeof f > "u")

package/dist/index128.js

@@ -1,4 +1,4 @@
-import { isArray as b, isPlainObject as m } from "./index250.js";
+import { isArray as b, isPlainObject as m } from "./index248.js";
 function i(e, n, l, o, r) {
   const u = {}.propertyIsEnumerable.call(o, n) ? "enumerable" : "nonenumerable";
   u === "enumerable" && (e[n] = l), r && u === "nonenumerable" && Object.defineProperty(e, n, {

package/dist/index132.js

@@ -1,5 +1,5 @@
-import { toValue as B } from "./index221.js";
-import { tryOnScopeDispose as E } from "./index221.js";
+import { toValue as B } from "./index217.js";
+import { tryOnScopeDispose as E } from "./index217.js";
 import { ref as c, computed as t } from "vue";
 function h(a) {
   var l;

package/dist/index16.js

@@ -1,13 +1,13 @@
 import { defineComponent as Ve, ref as k, computed as p, watch as F, nextTick as U, openBlock as d, createElementBlock as u, mergeProps as Se, createElementVNode as r, createTextVNode as De, toDisplayString as f, unref as y, withDirectives as q, createVNode as V, Transition as S, withCtx as D, vShow as j, createCommentVNode as Y, normalizeClass as g, Fragment as w, renderList as O, renderSlot as G } from "vue";
-import i from "./index200.js";
-import Me from "./index214.js";
-import Ae from "./index215.js";
+import i from "./index198.js";
+import Me from "./index199.js";
+import Ae from "./index200.js";
 import xe from "./index201.js";
-import Ce from "./index216.js";
-import Ye from "./index217.js";
-import { groupBy as J } from "./index218.js";
+import Ce from "./index202.js";
+import Ye from "./index203.js";
+import { groupBy as J } from "./index204.js";
 import { isNil as Be } from "./index121.js";
-import { last as Q } from "./index203.js";
+import { last as Q } from "./index205.js";
 const Ie = { class: "bb-base-date-picker__header" }, Ee = ["disabled"], Ne = /* @__PURE__ */ r("span", null, null, -1), Te = {
   "aria-live": "polite",
   class: "bb-base-date-picker__selected-day-label"

package/dist/index18.js

@@ -1,19 +1,19 @@
 import { defineComponent as Z, ref as n, computed as k, watch as x, openBlock as E, createElementBlock as ee, normalizeClass as z, renderSlot as c, createElementVNode as o, withDirectives as ae, mergeProps as B, unref as p, toDisplayString as L, createBlock as te, Teleport as ne, normalizeStyle as re, createVNode as oe, createSlots as le, renderList as se, withCtx as ie, normalizeProps as ue, guardReactiveProps as de, createCommentVNode as ce } from "vue";
-import { useFloating as pe } from "./index198.js";
-import me from "./index199.js";
-import r from "./index200.js";
+import { useFloating as pe } from "./index206.js";
+import me from "./index207.js";
+import r from "./index198.js";
 import fe from "./index201.js";
-import { identity as be } from "./index202.js";
-import { last as ve } from "./index203.js";
-import { useFocusTrap as ye } from "./index204.js";
+import { identity as be } from "./index208.js";
+import { last as ve } from "./index205.js";
+import { useFocusTrap as ye } from "./index209.js";
 import { useId as ge } from "./index8.js";
-import { vMaska as he } from "./index205.js";
+import { vMaska as he } from "./index210.js";
 import { wait as Y } from "./index123.js";
-import { waitFor as ke } from "./index206.js";
+import { waitFor as ke } from "./index211.js";
 import Me from "./index16.js";
 import "./index17.js";
-import { autoUpdate as we, flip as Ve, shift as _e } from "./index207.js";
-import { offset as Ye } from "./index208.js";
+import { autoUpdate as we, flip as Ve, shift as _e } from "./index212.js";
+import { offset as Ye } from "./index213.js";
 const De = ["aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "id", "name", "placeholder", "readonly", "value"], Ae = ["disabled"], Ce = /* @__PURE__ */ o("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "-2 -3 24 24"

package/dist/index198.js

@@ -1,124 +1,8 @@
-import { arrow as j, computePosition as A } from "./index207.js";
-import { autoUpdate as T, flip as W, platform as X, shift as Y } from "./index207.js";
-import { unref as o, computed as r, ref as f, shallowRef as B, watch as h, getCurrentScope as F, onScopeDispose as I, shallowReadonly as a } from "vue";
-import { isNode as U, getNodeName as k } from "./index230.js";
-import { getOverflowAncestors as ee } from "./index230.js";
-function q(n) {
-  return n != null && typeof n == "object" && "$el" in n;
-}
-function g(n) {
-  if (q(n)) {
-    const l = n.$el;
-    return U(l) && k(l) === "#comment" ? null : l;
-  }
-  return n;
-}
-function J(n) {
-  return {
-    name: "arrow",
-    options: n,
-    fn(l) {
-      const t = g(o(n.element));
-      return t == null ? {} : j({
-        element: t,
-        padding: n.padding
-      }).fn(l);
-    }
-  };
-}
-function S(n) {
-  return typeof window > "u" ? 1 : (n.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function M(n, l) {
-  const t = S(n);
-  return Math.round(l * t) / t;
-}
-function K(n, l, t) {
-  t === void 0 && (t = {});
-  const x = t.whileElementsMounted, D = r(() => {
-    var e;
-    return (e = o(t.open)) != null ? e : !0;
-  }), O = r(() => o(t.middleware)), d = r(() => {
-    var e;
-    return (e = o(t.placement)) != null ? e : "bottom";
-  }), v = r(() => {
-    var e;
-    return (e = o(t.strategy)) != null ? e : "absolute";
-  }), _ = r(() => {
-    var e;
-    return (e = o(t.transform)) != null ? e : !0;
-  }), i = r(() => g(n.value)), u = r(() => g(l.value)), p = f(0), w = f(0), c = f(v.value), P = f(d.value), E = B({}), y = f(!1), N = r(() => {
-    const e = {
-      position: c.value,
-      left: "0",
-      top: "0"
-    };
-    if (!u.value)
-      return e;
-    const b = M(u.value, p.value), C = M(u.value, w.value);
-    return _.value ? {
-      ...e,
-      transform: "translate(" + b + "px, " + C + "px)",
-      ...S(u.value) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: c.value,
-      left: b + "px",
-      top: C + "px"
-    };
-  });
-  let s;
-  function m() {
-    i.value == null || u.value == null || A(i.value, u.value, {
-      middleware: O.value,
-      placement: d.value,
-      strategy: v.value
-    }).then((e) => {
-      p.value = e.x, w.value = e.y, c.value = e.strategy, P.value = e.placement, E.value = e.middlewareData, y.value = !0;
-    });
-  }
-  function R() {
-    typeof s == "function" && (s(), s = void 0);
-  }
-  function V() {
-    if (R(), x === void 0) {
-      m();
-      return;
-    }
-    if (i.value != null && u.value != null) {
-      s = x(i.value, u.value, m);
-      return;
-    }
-  }
-  function $() {
-    D.value || (y.value = !1);
-  }
-  return h([O, d, v], m, {
-    flush: "sync"
-  }), h([i, u], V, {
-    flush: "sync"
-  }), h(D, $, {
-    flush: "sync"
-  }), F() && I(R), {
-    x: a(p),
-    y: a(w),
-    strategy: a(c),
-    placement: a(P),
-    middlewareData: a(E),
-    isPositioned: a(y),
-    floatingStyles: N,
-    update: m
-  };
-}
+import { getDefaultExportFromCjs as r } from "./index226.js";
+import { __require as o } from "./index225.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  J as arrow,
-  T as autoUpdate,
-  A as computePosition,
-  W as flip,
-  ee as getOverflowAncestors,
-  X as platform,
-  Y as shift,
-  K as useFloating
+  s as default
 };
 //# sourceMappingURL=index198.js.map

package/dist/index198.js.map

@@ -1 +1 @@
-{"version":3,"file":"index198.js","sources":["../node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs"],"sourcesContent":["import { arrow as arrow$1, computePosition } from '@floating-ui/dom';\nexport { autoPlacement, autoUpdate, computePosition, detectOverflow, flip, getOverflowAncestors, hide, inline, limitShift, offset, platform, shift, size } from '@floating-ui/dom';\nimport { unref, computed, ref, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly } from 'vue-demi';\nimport { isNode, getNodeName } from '@floating-ui/utils/dom';\n\nfunction isComponentPublicInstance(target) {\n  return target != null && typeof target === 'object' && '$el' in target;\n}\nfunction unwrapElement(target) {\n  if (isComponentPublicInstance(target)) {\n    const element = target.$el;\n    return isNode(element) && getNodeName(element) === '#comment' ? null : element;\n  }\n  return target;\n}\n\n/**\n * Positions an inner element of the floating element such that it is centered to the reference element.\n * @param options The arrow options.\n * @see https://floating-ui.com/docs/arrow\n */\nfunction arrow(options) {\n  return {\n    name: 'arrow',\n    options,\n    fn(args) {\n      const element = unwrapElement(unref(options.element));\n      if (element == null) {\n        return {};\n      }\n      return arrow$1({\n        element,\n        padding: options.padding\n      }).fn(args);\n    }\n  };\n}\n\nfunction getDPR(element) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  const win = element.ownerDocument.defaultView || window;\n  return win.devicePixelRatio || 1;\n}\n\nfunction roundByDPR(element, value) {\n  const dpr = getDPR(element);\n  return Math.round(value * dpr) / dpr;\n}\n\n/**\n * Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.\n * @param reference The reference template ref.\n * @param floating The floating template ref.\n * @param options The floating options.\n * @see https://floating-ui.com/docs/vue\n */\nfunction useFloating(reference, floating, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  const whileElementsMountedOption = options.whileElementsMounted;\n  const openOption = computed(() => {\n    var _unref;\n    return (_unref = unref(options.open)) != null ? _unref : true;\n  });\n  const middlewareOption = computed(() => unref(options.middleware));\n  const placementOption = computed(() => {\n    var _unref2;\n    return (_unref2 = unref(options.placement)) != null ? _unref2 : 'bottom';\n  });\n  const strategyOption = computed(() => {\n    var _unref3;\n    return (_unref3 = unref(options.strategy)) != null ? _unref3 : 'absolute';\n  });\n  const transformOption = computed(() => {\n    var _unref4;\n    return (_unref4 = unref(options.transform)) != null ? _unref4 : true;\n  });\n  const referenceElement = computed(() => unwrapElement(reference.value));\n  const floatingElement = computed(() => unwrapElement(floating.value));\n  const x = ref(0);\n  const y = ref(0);\n  const strategy = ref(strategyOption.value);\n  const placement = ref(placementOption.value);\n  const middlewareData = shallowRef({});\n  const isPositioned = ref(false);\n  const floatingStyles = computed(() => {\n    const initialStyles = {\n      position: strategy.value,\n      left: '0',\n      top: '0'\n    };\n    if (!floatingElement.value) {\n      return initialStyles;\n    }\n    const xVal = roundByDPR(floatingElement.value, x.value);\n    const yVal = roundByDPR(floatingElement.value, y.value);\n    if (transformOption.value) {\n      return {\n        ...initialStyles,\n        transform: \"translate(\" + xVal + \"px, \" + yVal + \"px)\",\n        ...(getDPR(floatingElement.value) >= 1.5 && {\n          willChange: 'transform'\n        })\n      };\n    }\n    return {\n      position: strategy.value,\n      left: xVal + \"px\",\n      top: yVal + \"px\"\n    };\n  });\n  let whileElementsMountedCleanup;\n  function update() {\n    if (referenceElement.value == null || floatingElement.value == null) {\n      return;\n    }\n    computePosition(referenceElement.value, floatingElement.value, {\n      middleware: middlewareOption.value,\n      placement: placementOption.value,\n      strategy: strategyOption.value\n    }).then(position => {\n      x.value = position.x;\n      y.value = position.y;\n      strategy.value = position.strategy;\n      placement.value = position.placement;\n      middlewareData.value = position.middlewareData;\n      isPositioned.value = true;\n    });\n  }\n  function cleanup() {\n    if (typeof whileElementsMountedCleanup === 'function') {\n      whileElementsMountedCleanup();\n      whileElementsMountedCleanup = undefined;\n    }\n  }\n  function attach() {\n    cleanup();\n    if (whileElementsMountedOption === undefined) {\n      update();\n      return;\n    }\n    if (referenceElement.value != null && floatingElement.value != null) {\n      whileElementsMountedCleanup = whileElementsMountedOption(referenceElement.value, floatingElement.value, update);\n      return;\n    }\n  }\n  function reset() {\n    if (!openOption.value) {\n      isPositioned.value = false;\n    }\n  }\n  watch([middlewareOption, placementOption, strategyOption], update, {\n    flush: 'sync'\n  });\n  watch([referenceElement, floatingElement], attach, {\n    flush: 'sync'\n  });\n  watch(openOption, reset, {\n    flush: 'sync'\n  });\n  if (getCurrentScope()) {\n    onScopeDispose(cleanup);\n  }\n  return {\n    x: shallowReadonly(x),\n    y: shallowReadonly(y),\n    strategy: shallowReadonly(strategy),\n    placement: shallowReadonly(placement),\n    middlewareData: shallowReadonly(middlewareData),\n    isPositioned: shallowReadonly(isPositioned),\n    floatingStyles,\n    update\n  };\n}\n\nexport { arrow, useFloating };\n"],"names":["isComponentPublicInstance","target","unwrapElement","element","isNode","getNodeName","arrow","options","args","unref","arrow$1","getDPR","roundByDPR","value","dpr","useFloating","reference","floating","whileElementsMountedOption","openOption","computed","_unref","middlewareOption","placementOption","_unref2","strategyOption","_unref3","transformOption","_unref4","referenceElement","floatingElement","x","ref","y","strategy","placement","middlewareData","shallowRef","isPositioned","floatingStyles","initialStyles","xVal","yVal","whileElementsMountedCleanup","update","computePosition","position","cleanup","attach","reset","watch","getCurrentScope","onScopeDispose","shallowReadonly"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index198.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}