bitboss-ui 2.0.5 → 2.0.8

package/dist/index28.js

@@ -1,98 +1,153 @@
-import { defineComponent as g, computed as s, ref as _, openBlock as B, createElementBlock as w, normalizeProps as n, guardReactiveProps as t, createElementVNode as u, renderSlot as V } from "vue";
-import { isCssColor as i } from "./index214.js";
-import { when as C } from "./index215.js";
-const E = {
-  "aria-hidden": "true",
-  class: "bb-base-radio-container"
-}, J = /* @__PURE__ */ g({
-  __name: "BaseRadio",
+import { defineComponent as C, computed as M, ref as g, onMounted as E, watch as N, openBlock as x, createBlock as T, normalizeClass as q, withCtx as i, renderSlot as d, createVNode as A, createElementVNode as D, mergeProps as L, withModifiers as S } from "vue";
+import { clamp as b } from "./index200.js";
+import j from "./index213.js";
+/* empty css         */
+import z from "./index215.js";
+const O = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "step"], J = /* @__PURE__ */ C({
+  __name: "BaseNumberInput",
   props: {
+    "append:icon": {},
     ariaDescribedby: {},
+    autocomplete: {},
     autofocus: {},
-    checked: {},
-    color: {},
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
     id: {},
+    loading: { type: Boolean },
+    max: {},
+    min: {},
     modelValue: {},
     name: {},
+    placeholder: {},
+    "prepend:icon": {},
     readonly: {},
     required: { type: Boolean },
-    value: {}
+    step: { default: 1 }
   },
-  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(b, { emit: p }) {
-    const e = b, a = p, c = s(() => e.checked ? !0 : JSON.stringify(e.modelValue) === JSON.stringify(e.value)), l = _(!1), m = s(() => {
-      const r = {
-        class: {
-          "bb-base-radio": !0,
-          "bb-base-radio--disabled": e.disabled,
-          "bb-base-radio--errors": e.hasErrors,
-          "bb-base-radio--readonly": e.readonly,
-          [`bb-base-radio--${e.color}`]: e.color && !i(e.color)
-        }
-      };
-      return e.color && i(e.color) && (r.style = `--color: ${e.color}`), r;
-    }), f = C(
-      (r) => typeof r != "string",
-      JSON.stringify
-    ), d = s(() => {
-      const r = f(e.value), k = {
-        onBlur: (o) => {
-          l.value = !1, a("blur", o);
-        },
-        onChange: (o) => {
-          a("change", o), a("update:modelValue", e.value);
-        },
-        onClick: (o) => a("click", o),
-        onFocus: (o) => {
-          l.value = !0, a("focus", o);
-        },
-        onInput: (o) => a("input", o),
-        onKeydown: (o) => a("keydown", o),
-        onMousedown: (o) => a("mousedown", o),
-        onMouseup: (o) => a("mouseup", o)
-      };
-      return {
-        "aria-describedby": e.ariaDescribedby,
-        autofocus: e.autofocus,
-        checked: c.value,
-        // There is no such thing as readonly radio so we disable and style it with css
-        disabled: e.disabled || e.readonly,
-        id: e.id,
-        name: e.name,
-        required: e.required,
-        tabindex: e.disabled ? -1 : void 0,
-        type: "radio",
-        value: r,
-        ...k
-      };
-    }), y = s(() => ({
-      checked: c.value,
-      disabled: e.disabled,
-      focused: l.value,
-      hasErrors: e.hasErrors,
-      id: e.id,
-      name: e.name,
-      parsedValue: d.value.value,
-      readonly: e.readonly,
-      required: e.required,
-      value: e.value
-    })), v = s(() => {
-      let r = {};
-      return e.color && i(e.color) && (r.color = e.color), {
-        class: "bb-base-radio-container__icon",
-        style: r
-      };
+  emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(v, { expose: I, emit: V }) {
+    const n = v, l = V, $ = M(() => ({
+      "bb-base-number-input": !0,
+      "bb-base-number-input--disabled": n.disabled,
+      "bb-base-number-input--errors": n.hasErrors,
+      "bb-base-number-input--loading": n.loading,
+      "bb-base-number-input--readonly": n.readonly
+    })), s = g(null), p = g(!1), r = () => {
+      if (n.disabled || n.readonly || p.value) return;
+      const e = typeof n.min > "u" ? -1 / 0 : n.min, t = typeof n.max > "u" ? 1 / 0 : n.max;
+      let o = Math.max(Number(n.modelValue || 0) - n.step, e);
+      o = o === null ? o : b(o, e, t), l("decrease", o), l("update:modelValue", o);
+    }, u = () => {
+      if (n.disabled || n.readonly || p.value) return;
+      const e = typeof n.min > "u" ? -1 / 0 : n.min, t = typeof n.max > "u" ? 1 / 0 : n.max;
+      let o = Math.min(Number(n.modelValue || 0) + +n.step, t);
+      o = o === null ? o : b(o, e, t), l("increase", o), l("update:modelValue", o);
+    };
+    I({
+      increase: u,
+      decrease: r
     });
-    return (r, h) => (B(), w("span", n(t(m.value)), [
-      u("input", n(t(d.value)), null, 16),
-      u("span", E, [
-        V(r.$slots, "icon", n(t(y.value)), () => [
-          u("span", n(t(v.value)), null, 16)
-        ])
-      ])
-    ], 16));
+    const k = (e) => {
+      if (e.target instanceof HTMLInputElement) {
+        const t = e.target.value, o = /[,.]/g, m = [...t.matchAll(o)];
+        if (!(m.length === 1 && m.some((a) => a.index === t.length - 1)) && !(m.length && t[t.length - 1] === "0") && t !== "-") {
+          p.value = !1;
+          let a;
+          e.target.value === "" ? a = null : a = y(e.target.value);
+          const c = typeof n.min > "u" ? -1 / 0 : n.min, f = typeof n.max > "u" ? 1 / 0 : n.max;
+          a = a === null ? a : b(a, c, f), l("update:modelValue", a), s.value && (a === null ? s.value.value = "" : s.value.value = `${a}`);
+        } else
+          p.value = !0;
+        l("input", e);
+      }
+    }, y = (e) => {
+      if (typeof e == "number") return e;
+      let t = e.replaceAll(",", "."), a = t.slice(0, 1).concat(t.slice(1).replaceAll("-", "")).replaceAll(/[^\d.-]/g, "").split("."), c = a.slice(0, 1).join("") || 0, f = a.slice(1).join("") || 0, B = `${c}.${f}`;
+      return Number(B);
+    }, w = {
+      onBlur: (e) => l("blur", e),
+      onChange: (e) => l("change", e),
+      onClick: (e) => l("click", e),
+      onFocus: (e) => l("focus", e),
+      onKeydown: (e) => l("keydown", e),
+      onMousedown: (e) => l("mousedown", e),
+      onMouseup: (e) => l("mouseup", e)
+    }, h = (e) => {
+      s.value ? e === null || e === "" || e === void 0 ? s.value.value = "" : typeof e < "u" && (s.value.value = y(e).toString()) : console.error("Could not align input as it is not mounted");
+    };
+    return E(() => {
+      h(n.modelValue);
+    }), N(() => n.modelValue, h), (e, t) => (x(), T(z, {
+      class: q($.value)
+    }, {
+      "prepend-outer": i(() => [
+        d(e.$slots, "prepend-outer", {
+          decrease: r,
+          increase: u
+        })
+      ]),
+      "append-outer": i(() => [
+        d(e.$slots, "append-outer", {
+          decrease: r,
+          increase: u
+        })
+      ]),
+      default: i(() => [
+        A(j, {
+          "append:icon": n["append:icon"],
+          "prepend:icon": n["prepend:icon"]
+        }, {
+          prepend: i(() => [
+            d(e.$slots, "prepend", {
+              decrease: r,
+              increase: u
+            })
+          ]),
+          prefix: i(() => [
+            d(e.$slots, "prefix", {
+              decrease: r,
+              increase: u
+            })
+          ]),
+          append: i(() => [
+            d(e.$slots, "append", {
+              decrease: r,
+              increase: u
+            })
+          ]),
+          suffix: i(() => [
+            d(e.$slots, "suffix", {
+              decrease: r,
+              increase: u
+            })
+          ]),
+          default: i(() => [
+            D("input", L({
+              id: e.id,
+              ref_key: "input",
+              ref: s,
+              "aria-describedby": e.ariaDescribedby,
+              autocomplete: e.autocomplete,
+              autofocus: e.autofocus,
+              class: "bb-base-number-input__input",
+              disabled: e.disabled,
+              inputmode: "decimal",
+              name: e.name,
+              placeholder: e.placeholder,
+              readonly: e.readonly,
+              required: e.required,
+              size: "1",
+              step: e.step,
+              type: "text"
+            }, w, {
+              onInput: S(k, ["stop"])
+            }), null, 16, O)
+          ]),
+          _: 3
+        }, 8, ["append:icon", "prepend:icon"])
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {

package/dist/index28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index28.js","sources":["../src/components/BaseRadio/BaseRadio.vue"],"sourcesContent":["<template>\n\t<span v-bind=\"containerAttributes\">\n\t\t<input v-bind=\"inputAttributes\" />\n\t\t<span aria-hidden=\"true\" class=\"bb-base-radio-container\">\n\t\t\t<slot name=\"icon\" v-bind=\"slotAttributes\">\n\t\t\t\t<span v-bind=\"iconAttributes\"></span>\n\t\t\t</slot>\n\t\t</span>\n\t</span>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { when } from '@/utilities/functions/when';\nimport type { InputHTMLAttributes, HTMLAttributes } from 'vue';\n\nexport type BaseRadioProps = {\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\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 * 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 * 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 * 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 * Defines the value of the radio input.\n\t * It can be any serializable value.\n\t */\n\tvalue: any;\n};\n\nexport type BaseRadioEvents = {\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: Exclude<BaseRadioProps['disabled'], undefined>;\n\tfocused: boolean;\n\thasErrors: Exclude<BaseRadioProps['hasErrors'], undefined>;\n\tid: BaseRadioProps['id'];\n\tname: BaseRadioProps['name'];\n\tparsedValue: string;\n\treadonly: BaseRadioProps['readonly'];\n\tvalue: any;\n};\nconst props = defineProps<BaseRadioProps>();\n\nconst emit = defineEmits<BaseRadioEvents>();\n\ndefineSlots<{\n\ticon?: (props: SlotAttributes) => any;\n}>();\n\nconst checked = computed(() => {\n\tif (props.checked) return true;\n\treturn JSON.stringify(props.modelValue) === JSON.stringify(props.value);\n});\nconst hasFocus = ref(false);\n\nconst containerAttributes = computed(() => {\n\tconst attributes: Record<string, any> = {\n\t\tclass: {\n\t\t\t'bb-base-radio': true,\n\t\t\t'bb-base-radio--disabled': props.disabled,\n\t\t\t'bb-base-radio--errors': props.hasErrors,\n\t\t\t'bb-base-radio--readonly': props.readonly,\n\t\t\t[`bb-base-radio--${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 inputAttributes = computed(() => {\n\tconst value = makeInputValue(props.value);\n\n\tconst onBlur = (event: FocusEvent): void => {\n\t\thasFocus.value = false;\n\t\temit('blur', event);\n\t};\n\tconst onChange = (event: Event): void => {\n\t\temit('change', event);\n\t\temit('update:modelValue', props.value);\n\t};\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\tonInput: (event: Event) => emit('input', event),\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};\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 radio so we disable and style it with css\n\t\tdisabled: props.disabled || props.readonly,\n\t\tid: props.id,\n\t\tname: props.name,\n\t\trequired: props.required,\n\t\ttabindex: props.disabled ? -1 : undefined,\n\t\ttype: 'radio',\n\t\tvalue: value,\n\t\t...eventListeners,\n\t};\n});\n\nconst slotAttributes = computed<SlotAttributes>(() => ({\n\tchecked: checked.value,\n\tdisabled: props.disabled,\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\trequired: props.required,\n\tvalue: props.value,\n}));\n\nconst iconAttributes = computed(() => {\n\tlet style: { [key: string]: string } = {};\n\tif (props.color && isCssColor(props.color)) {\n\t\tstyle.color = props.color;\n\t}\n\treturn {\n\t\tclass: 'bb-base-radio-container__icon',\n\t\tstyle,\n\t};\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseRadio';\n</style>\n"],"names":["props","__props","emit","__emit","checked","computed","hasFocus","ref","containerAttributes","attributes","isCssColor","makeInputValue","when","item","inputAttributes","value","eventListeners","event","slotAttributes","iconAttributes","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0GA,UAAMA,IAAQC,GAERC,IAAOC,GAMPC,IAAUC,EAAS,MACpBL,EAAM,UAAgB,KACnB,KAAK,UAAUA,EAAM,UAAU,MAAM,KAAK,UAAUA,EAAM,KAAK,CACtE,GACKM,IAAWC,EAAI,EAAK,GAEpBC,IAAsBH,EAAS,MAAM;AAC1C,YAAMI,IAAkC;AAAA,QACvC,OAAO;AAAA,UACN,iBAAiB;AAAA,UACjB,2BAA2BT,EAAM;AAAA,UACjC,yBAAyBA,EAAM;AAAA,UAC/B,2BAA2BA,EAAM;AAAA,UACjC,CAAC,kBAAkBA,EAAM,KAAK,EAAE,GAC/BA,EAAM,SAAS,CAACU,EAAWV,EAAM,KAAK;AAAA,QACxC;AAAA,MAAA;AAED,aAAIA,EAAM,SAASU,EAAWV,EAAM,KAAK,MACxCS,EAAW,QAAW,YAAYT,EAAM,KAAK,KAEvCS;AAAA,IAAA,CACP,GAMKE,IAAiBC;AAAA,MACtB,CAACC,MAAkB,OAAOA,KAAS;AAAA,MACnC,KAAK;AAAA,IAAA,GAGAC,IAAkBT,EAAS,MAAM;AAChC,YAAAU,IAAQJ,EAAeX,EAAM,KAAK,GAelCgB,IAAiB;AAAA,QACtB,QAdc,CAACC,MAA4B;AAC3C,UAAAX,EAAS,QAAQ,IACjBJ,EAAK,QAAQe,CAAK;AAAA,QAAA;AAAA,QAalB,UAXgB,CAACA,MAAuB;AACxC,UAAAf,EAAK,UAAUe,CAAK,GACff,EAAA,qBAAqBF,EAAM,KAAK;AAAA,QAAA;AAAA,QAUrC,SAAS,CAACiB,MAAsBf,EAAK,SAASe,CAAK;AAAA,QACnD,SATe,CAACA,MAA4B;AAC5C,UAAAX,EAAS,QAAQ,IACjBJ,EAAK,SAASe,CAAK;AAAA,QAAA;AAAA,QAQnB,SAAS,CAACA,MAAiBf,EAAK,SAASe,CAAK;AAAA,QAC9C,WAAW,CAACA,MAAyBf,EAAK,WAAWe,CAAK;AAAA,QAC1D,aAAa,CAACA,MAAsBf,EAAK,aAAae,CAAK;AAAA,QAC3D,WAAW,CAACA,MAAsBf,EAAK,WAAWe,CAAK;AAAA,MAAA;AAGjD,aAAA;AAAA,QACN,oBAAoBjB,EAAM;AAAA,QAC1B,WAAWA,EAAM;AAAA,QACjB,SAASI,EAAQ;AAAA;AAAA,QAEjB,UAAUJ,EAAM,YAAYA,EAAM;AAAA,QAClC,IAAIA,EAAM;AAAA,QACV,MAAMA,EAAM;AAAA,QACZ,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM,WAAW,KAAK;AAAA,QAChC,MAAM;AAAA,QACN,OAAAe;AAAA,QACA,GAAGC;AAAA,MAAA;AAAA,IACJ,CACA,GAEKE,IAAiBb,EAAyB,OAAO;AAAA,MACtD,SAASD,EAAQ;AAAA,MACjB,UAAUJ,EAAM;AAAA,MAChB,SAASM,EAAS;AAAA,MAClB,WAAWN,EAAM;AAAA,MACjB,IAAIA,EAAM;AAAA,MACV,MAAMA,EAAM;AAAA,MACZ,aAAac,EAAgB,MAAM;AAAA,MACnC,UAAUd,EAAM;AAAA,MAChB,UAAUA,EAAM;AAAA,MAChB,OAAOA,EAAM;AAAA,IACZ,EAAA,GAEImB,IAAiBd,EAAS,MAAM;AACrC,UAAIe,IAAmC,CAAA;AACvC,aAAIpB,EAAM,SAASU,EAAWV,EAAM,KAAK,MACxCoB,EAAM,QAAQpB,EAAM,QAEd;AAAA,QACN,OAAO;AAAA,QACP,OAAAoB;AAAA,MAAA;AAAA,IACD,CACA;;;;;;;;;;;"}
+{"version":3,"file":"index28.js","sources":["../src/components/BaseNumberInput/BaseNumberInput.vue"],"sourcesContent":["<template>\n\t<CommonInputOuterContainer :class=\"classes\">\n\t\t<template #prepend-outer\n\t\t\t><slot\n\t\t\t\t:decrease=\"decrease\"\n\t\t\t\t:increase=\"increase\"\n\t\t\t\tname=\"prepend-outer\"\n\t\t\t></slot\n\t\t></template>\n\t\t<CommonInputInnerContainer\n\t\t\t:append:icon=\"props['append:icon']\"\n\t\t\t:prepend:icon=\"props['prepend:icon']\"\n\t\t>\n\t\t\t<template #prepend\n\t\t\t\t><slot :decrease=\"decrease\" :increase=\"increase\" name=\"prepend\"\n\t\t\t/></template>\n\t\t\t<template #prefix\n\t\t\t\t><slot :decrease=\"decrease\" :increase=\"increase\" name=\"prefix\"\n\t\t\t/></template>\n\t\t\t<input\n\t\t\t\t:id=\"id\"\n\t\t\t\tref=\"input\"\n\t\t\t\t:aria-describedby=\"ariaDescribedby\"\n\t\t\t\t:autocomplete=\"autocomplete\"\n\t\t\t\t:autofocus=\"autofocus\"\n\t\t\t\t:class=\"'bb-base-number-input__input'\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:inputmode=\"'decimal'\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:readonly=\"readonly\"\n\t\t\t\t:required=\"required\"\n\t\t\t\tsize=\"1\"\n\t\t\t\t:step=\"step\"\n\t\t\t\t:type=\"`text`\"\n\t\t\t\tv-bind=\"eventListeners\"\n\t\t\t\t@input.stop=\"onInput\"\n\t\t\t/>\n\t\t\t<template #append\n\t\t\t\t><slot :decrease=\"decrease\" :increase=\"increase\" name=\"append\"\n\t\t\t/></template>\n\t\t\t<template #suffix\n\t\t\t\t><slot :decrease=\"decrease\" :increase=\"increase\" name=\"suffix\"\n\t\t\t/></template>\n\t\t</CommonInputInnerContainer>\n\t\t<template #append-outer\n\t\t\t><slot\n\t\t\t\t:decrease=\"decrease\"\n\t\t\t\t:increase=\"increase\"\n\t\t\t\tname=\"append-outer\"\n\t\t\t></slot\n\t\t></template>\n\t</CommonInputOuterContainer>\n</template>\n\n<script setup lang=\"ts\">\nimport { clamp } from '@/utilities/functions/clamp';\nimport { computed, onMounted, ref, watch } from 'vue';\nimport CommonInputInnerContainer from '../CommonInputInnerContainer.vue';\nimport CommonInputOuterContainer from '../CommonInputOuterContainer.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BaseNumberInputProps = {\n\t/**\n\t * Name of the icon to be added at the end of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'append:icon'?: string;\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\n\t/**\n\t * Guides to the browser as to the type of information expected in the field.\n\t */\n\tautocomplete?: InputHTMLAttributes['autocomplete'];\n\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\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 component in a loading state, usually triggering some visual styles.\n\t */\n\tloading?: boolean;\n\n\t/**\n\t * Maximum value cap\n\t */\n\tmax?: number;\n\n\t/**\n\t * Minimum value cap\n\t */\n\tmin?: number;\n\n\t/**\n\t * Used by v-model\n\t */\n\tmodelValue: number | string | null;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname?: InputHTMLAttributes['name'];\n\n\t/**\n\t * String displayed when there's no data.\n\t */\n\tplaceholder?: InputHTMLAttributes['placeholder'];\n\n\t/**\n\t * Name of the icon to be added at the start of the input.\n\t */\n\t// eslint-disable-next-line vue/prop-name-casing\n\t'prepend:icon'?: string;\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 * Incremental unit used in the exposed `increase`\n\t * and `decrease` function. It's NOT APPLIED to manual input as a step of 5\n\t * will prevent the user from inserting a value like `115` because of rounding down.\n\t */\n\tstep?: number;\n};\n\nconst props = withDefaults(defineProps<BaseNumberInputProps>(), {\n\tstep: 1,\n});\n\nexport type BaseNumberInputEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\t(e: 'change', event: Event): void;\n\t(e: 'click', event: MouseEvent): void;\n\t(e: 'decrease', value: number): void;\n\t(e: 'focus', event: FocusEvent): void;\n\t(e: 'increase', value: number): 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: number | null): void;\n};\n\nconst emit = defineEmits<BaseNumberInputEvents>();\n\nexport type BaseNumberInputSlots = {\n\tprefix?: (props: object) => any;\n\tappend?: (props: {\n\t\tincrease: typeof increase;\n\t\tdecrease: typeof decrease;\n\t}) => any;\n\t'append-outer'?: (props: {\n\t\tincrease: typeof increase;\n\t\tdecrease: typeof decrease;\n\t}) => any;\n\tprepend?: (props: {\n\t\tincrease: typeof increase;\n\t\tdecrease: typeof decrease;\n\t}) => any;\n\t'prepend-outer'?: (props: {\n\t\tincrease: typeof increase;\n\t\tdecrease: typeof decrease;\n\t}) => any;\n\tsuffix?: (props: object) => any;\n};\n\ndefineSlots<BaseNumberInputSlots>();\n\nconst classes = computed(() => {\n\treturn {\n\t\t'bb-base-number-input': true,\n\t\t'bb-base-number-input--disabled': props.disabled,\n\t\t'bb-base-number-input--errors': props.hasErrors,\n\t\t'bb-base-number-input--loading': props.loading,\n\t\t'bb-base-number-input--readonly': props.readonly,\n\t};\n});\n\nconst input = ref<HTMLInputElement | null>(null);\nconst isInsertingSymbols = ref(false);\nconst decrease = () => {\n\tif (props.disabled || props.readonly || isInsertingSymbols.value) return;\n\tconst min = typeof props.min === 'undefined' ? -Infinity : props.min;\n\tconst max = typeof props.max === 'undefined' ? Infinity : props.max;\n\tlet valueToEmit = Math.max(Number(props.modelValue || 0) - props.step, min);\n\n\tvalueToEmit =\n\t\tvalueToEmit === null ? valueToEmit : clamp(valueToEmit, min, max);\n\temit('decrease', valueToEmit);\n\temit('update:modelValue', valueToEmit);\n};\n\nconst increase = () => {\n\tif (props.disabled || props.readonly || isInsertingSymbols.value) return;\n\tconst min = typeof props.min === 'undefined' ? -Infinity : props.min;\n\tconst max = typeof props.max === 'undefined' ? Infinity : props.max;\n\tlet valueToEmit = Math.min(Number(props.modelValue || 0) + +props.step, max);\n\n\tvalueToEmit =\n\t\tvalueToEmit === null ? valueToEmit : clamp(valueToEmit, min, max);\n\temit('increase', valueToEmit);\n\temit('update:modelValue', valueToEmit);\n};\n\ndefineExpose({\n\tincrease,\n\tdecrease,\n});\n\nconst onInput = (event: Event) => {\n\tif (event.target instanceof HTMLInputElement) {\n\t\tconst value = event.target.value;\n\t\tconst commaOrPeriod = /[,.]/g;\n\t\tconst matches = [...value.matchAll(commaOrPeriod)];\n\t\t/**\n\t\t * Proceed unless the user is pressing comma or period to insert a decimal number,\n\t\t * we do not want to replace the comma as soon as the user presses it\n\t\t */\n\t\tif (\n\t\t\t!(\n\t\t\t\tmatches.length === 1 &&\n\t\t\t\tmatches.some((match) => match.index === value.length - 1)\n\t\t\t) &&\n\t\t\t!(matches.length && value[value.length - 1] === '0') &&\n\t\t\tvalue !== '-'\n\t\t) {\n\t\t\tisInsertingSymbols.value = false;\n\t\t\tlet valueToEmit: null | number;\n\t\t\tif (event.target.value === '') {\n\t\t\t\tvalueToEmit = null;\n\t\t\t} else {\n\t\t\t\tvalueToEmit = makeValidNumberString(event.target.value);\n\t\t\t}\n\t\t\tconst min = typeof props.min === 'undefined' ? -Infinity : props.min;\n\t\t\tconst max = typeof props.max === 'undefined' ? Infinity : props.max;\n\t\t\tvalueToEmit =\n\t\t\t\tvalueToEmit === null ? valueToEmit : clamp(valueToEmit, min, max);\n\t\t\temit('update:modelValue', valueToEmit);\n\t\t\tif (input.value) {\n\t\t\t\tif (valueToEmit === null) {\n\t\t\t\t\tinput.value.value = '';\n\t\t\t\t} else {\n\t\t\t\t\tinput.value.value = `${valueToEmit}`;\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tisInsertingSymbols.value = true;\n\t\t}\n\t\temit('input', event);\n\t}\n};\n\nconst makeValidNumberString = (value: string | number) => {\n\tif (typeof value === 'number') return value;\n\t// Replace comma with periods\n\tlet current = value.replaceAll(',', '.');\n\tlet preventDashes = current\n\t\t.slice(0, 1)\n\t\t.concat(current.slice(1).replaceAll('-', ''));\n\tlet noLetters = preventDashes.replaceAll(/[^\\d.-]/g, '');\n\tlet parts = noLetters.split('.');\n\tlet first = parts.slice(0, 1).join('') || 0;\n\tlet second = parts.slice(1).join('') || 0;\n\tlet unified = `${first}.${second}`;\n\treturn Number(unified);\n};\n\n/**\n * These events are just propagated\n */\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: (event: Event) => emit('change', event),\n\tonClick: (event: MouseEvent) => emit('click', event),\n\tonFocus: (event: FocusEvent) => emit('focus', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n};\n\nconst alignInputToModelValue = (value?: string | number | null) => {\n\tif (input.value) {\n\t\tif (value === null || value === '' || value === undefined) {\n\t\t\tinput.value.value = '';\n\t\t} else if (typeof value !== 'undefined') {\n\t\t\tinput.value.value = makeValidNumberString(value).toString();\n\t\t}\n\t} else {\n\t\tconsole.error('Could not align input as it is not mounted');\n\t}\n};\nonMounted(() => {\n\talignInputToModelValue(props.modelValue);\n});\n/**\n * Allow modelValue to be passed as string (as sometimes happens from the server) and normalize it\n */\nwatch(() => props.modelValue, alignInputToModelValue);\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseNumberInput';\n</style>\n"],"names":["props","__props","emit","__emit","classes","computed","input","ref","isInsertingSymbols","decrease","min","max","valueToEmit","clamp","increase","__expose","onInput","event","value","commaOrPeriod","matches","match","makeValidNumberString","current","parts","first","second","unified","eventListeners","alignInputToModelValue","onMounted","watch"],"mappings":"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"}

package/dist/index280.js

@@ -1,129 +1,12 @@
-function l(n) {
-  return d(n) ? (n.nodeName || "").toLowerCase() : "#document";
-}
-function i(n) {
-  var t;
-  return (n == null || (t = n.ownerDocument) == null ? void 0 : t.defaultView) || window;
-}
-function S(n) {
-  var t;
-  return (t = (d(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
-}
-function d(n) {
-  return n instanceof Node || n instanceof i(n).Node;
-}
-function m(n) {
-  return n instanceof Element || n instanceof i(n).Element;
-}
-function p(n) {
-  return n instanceof HTMLElement || n instanceof i(n).HTMLElement;
-}
-function f(n) {
-  return typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof i(n).ShadowRoot;
-}
-function w(n) {
-  const {
-    overflow: t,
-    overflowX: e,
-    overflowY: o,
-    display: r
-  } = g(n);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + e) && !["inline", "contents"].includes(r);
-}
-function L(n) {
-  return ["table", "td", "th"].includes(l(n));
-}
-function E(n) {
-  return [":popover-open", ":modal"].some((t) => {
-    try {
-      return n.matches(t);
-    } catch {
-      return !1;
-    }
-  });
-}
-function N(n) {
-  const t = T(), e = m(n) ? g(n) : n;
-  return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (e.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (e.contain || "").includes(o));
-}
-function D(n) {
-  let t = u(n);
-  for (; p(t) && !y(t); ) {
-    if (N(t))
-      return t;
-    if (E(t))
-      return null;
-    t = u(t);
-  }
-  return null;
-}
-function T() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-function y(n) {
-  return ["html", "body", "#document"].includes(l(n));
-}
-function g(n) {
-  return i(n).getComputedStyle(n);
-}
-function k(n) {
-  return m(n) ? {
-    scrollLeft: n.scrollLeft,
-    scrollTop: n.scrollTop
-  } : {
-    scrollLeft: n.scrollX,
-    scrollTop: n.scrollY
-  };
-}
-function u(n) {
-  if (l(n) === "html")
-    return n;
-  const t = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    n.assignedSlot || // DOM Element detected.
-    n.parentNode || // ShadowRoot detected.
-    f(n) && n.host || // Fallback.
-    S(n)
-  );
-  return f(t) ? t.host : t;
-}
-function b(n) {
-  const t = u(n);
-  return y(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : p(t) && w(t) ? t : b(t);
-}
-function a(n, t, e) {
-  var o;
-  t === void 0 && (t = []), e === void 0 && (e = !0);
-  const r = b(n), h = r === ((o = n.ownerDocument) == null ? void 0 : o.body), c = i(r);
-  if (h) {
-    const s = v(c);
-    return t.concat(c, c.visualViewport || [], w(r) ? r : [], s && e ? a(s) : []);
+function u(e, i) {
+  const n = /* @__PURE__ */ new Set(), s = [];
+  for (let t = 0; t < e.length; t++) {
+    const o = e[t], c = i(o);
+    n.has(c) || (n.add(c), s.push(o));
   }
-  return t.concat(r, a(r, [], e));
-}
-function v(n) {
-  return Object.getPrototypeOf(n.parent) ? n.frameElement : null;
+  return s;
 }
 export {
-  g as getComputedStyle,
-  D as getContainingBlock,
-  S as getDocumentElement,
-  v as getFrameElement,
-  b as getNearestOverflowAncestor,
-  l as getNodeName,
-  k as getNodeScroll,
-  a as getOverflowAncestors,
-  u as getParentNode,
-  i as getWindow,
-  N as isContainingBlock,
-  m as isElement,
-  p as isHTMLElement,
-  y as isLastTraversableNode,
-  d as isNode,
-  w as isOverflowElement,
-  f as isShadowRoot,
-  L as isTableElement,
-  E as isTopLayer,
-  T as isWebKit
+  u as uniqBy
 };
 //# sourceMappingURL=index280.js.map

package/dist/index280.js.map

@@ -1 +1 @@
-{"version":3,"file":"index280.js","sources":["../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"],"sourcesContent":["function getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  // Browsers without `ShadowRoot` support.\n  if (typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);\n}\nfunction isTableElement(element) {\n  return ['table', 'td', 'th'].includes(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  return [':popover-open', ':modal'].some(selector => {\n    try {\n      return element.matches(selector);\n    } catch (e) {\n      return false;\n    }\n  });\n}\nfunction isContainingBlock(elementOrCss) {\n  const webkit = isWebKit();\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (typeof CSS === 'undefined' || !CSS.supports) return false;\n  return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nfunction isLastTraversableNode(node) {\n  return ['html', 'body', '#document'].includes(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  }\n  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\nfunction getFrameElement(win) {\n  return Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n"],"names":["getNodeName","node","isNode","getWindow","_node$ownerDocument","getDocumentElement","_ref","value","isElement","isHTMLElement","isShadowRoot","isOverflowElement","element","overflow","overflowX","overflowY","display","getComputedStyle","isTableElement","isTopLayer","selector","isContainingBlock","elementOrCss","webkit","isWebKit","css","getContainingBlock","currentNode","getParentNode","isLastTraversableNode","getNodeScroll","result","getNearestOverflowAncestor","parentNode","getOverflowAncestors","list","traverseIframes","_node$ownerDocument2","scrollableAncestor","isBody","win","frameElement","getFrameElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index280.js","sources":["../src/utilities/functions/uniqBy.ts"],"sourcesContent":["export function uniqBy<T, K>(array: T[], keyFn: (item: T) => K): T[] {\n\tconst seen = new Set<K>();\n\tconst result: T[] = [];\n\n\tfor (let i = 0; i < array.length; i++) {\n\t\tconst item = array[i];\n\t\tconst key = keyFn(item);\n\t\tif (!seen.has(key)) {\n\t\t\tseen.add(key);\n\t\t\tresult.push(item);\n\t\t}\n\t}\n\n\treturn result;\n}\n"],"names":["uniqBy","array","keyFn","seen","result","i","item","key"],"mappings":"AAAgB,SAAAA,EAAaC,GAAYC,GAA4B;AAC9D,QAAAC,wBAAW,OACXC,IAAc,CAAA;AAEpB,WAASC,IAAI,GAAGA,IAAIJ,EAAM,QAAQI,KAAK;AAChC,UAAAC,IAAOL,EAAMI,CAAC,GACdE,IAAML,EAAMI,CAAI;AACtB,IAAKH,EAAK,IAAII,CAAG,MAChBJ,EAAK,IAAII,CAAG,GACZH,EAAO,KAAKE,CAAI;AAAA,EAElB;AAEO,SAAAF;AACR;"}

package/dist/index281.js

@@ -1,25 +1,12 @@
-import { defineComponent as o, computed as i, openBlock as r, createBlock as d, Transition as l, normalizeStyle as s, withCtx as u, renderSlot as p } from "vue";
-const f = /* @__PURE__ */ o({
-  __name: "SlideBack",
-  props: {
-    direction: { default: "right" },
-    duration: { default: 500 },
-    gap: { default: 0 }
-  },
-  setup(t) {
-    const a = t, n = i(() => `bb-slide-back-in-${a.direction}`);
-    return (e, c) => (r(), d(l, {
-      name: n.value,
-      style: s({ "--transition-duration": `${e.duration}ms`, "--gap": `${e.gap}px` })
-    }, {
-      default: u(() => [
-        p(e.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 8, ["name", "style"]));
+import { get as o } from "./index299.js";
+const e = () => ({
+  getItemValue(n, f) {
+    if (typeof f > "u") return n;
+    if (typeof f == "function") return f(n);
+    if (typeof f == "string") return o(n, f);
   }
 });
 export {
-  f as default
+  e as useItemValue
 };
 //# sourceMappingURL=index281.js.map

package/dist/index281.js.map

@@ -1 +1 @@
-{"version":3,"file":"index281.js","sources":["../src/components/Transitions/SlideBack.vue"],"sourcesContent":["<template>\n\t<transition\n\t\t:name=\"transitionName\"\n\t\t:style=\"{ '--transition-duration': `${duration}ms`, '--gap': `${gap}px` }\"\n\t>\n\t\t<slot></slot>\n\t</transition>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ntype Props = {\n\tdirection?: 'left' | 'right' | 'bottom' | 'top';\n\tduration?: number;\n\tgap?: number;\n};\n\nconst props = withDefaults(defineProps<Props>(), {\n\tdirection: 'right',\n\tduration: 500,\n\tgap: 0,\n});\n\nconst transitionName = computed(() => `bb-slide-back-in-${props.direction}`);\n</script>\n\n<style scoped>\n/* Slide in from the left */\n.bb-slide-back-in-top-enter-active,\n.bb-slide-back-in-top-leave-active,\n.bb-slide-back-in-bottom-enter-active,\n.bb-slide-back-in-bottom-leave-active,\n.bb-slide-back-in-left-enter-active,\n.bb-slide-back-in-left-leave-active,\n.bb-slide-back-in-right-enter-active,\n.bb-slide-back-in-right-leave-active {\n\ttransition:\n\t\ttranslate var(--transition-duration) ease,\n\t\topacity var(--transition-duration) calc(var(--transition-duration) * 0.25)\n\t\t\tease;\n}\n\n.bb-slide-back-in-left-enter-from {\n\ttranslate: calc(-100% - var(--gap));\n}\n.bb-slide-back-in-left-leave-to {\n\ttranslate: calc(-100% - var(--gap));\n}\n.bb-slide-back-in-left-enter-to,\n.bb-slide-back-in-left-leave-from {\n\ttranslate: 0;\n}\n\n/* Slide in from the right */\n.bb-slide-back-in-right-enter-from {\n\ttranslate: calc(-100% - var(--gap));\n}\n.bb-slide-back-in-right-leave-to {\n\ttranslate: calc(-100% - var(--gap));\n}\n.bb-slide-back-in-right-enter-to,\n.bb-slide-back-in-right-leave-from {\n\ttranslate: 0px;\n}\n\n/* Slide in from the top */\n.bb-slide-back-in-top-enter-from {\n\ttranslate: 0px calc(-100% - var(--gap));\n}\n.bb-slide-back-in-top-leave-to {\n\ttranslate: 0px calc(-100% - var(--gap));\n}\n.bb-slide-back-in-top-enter-to,\n.bb-slide-back-in-top-leave-from {\n\ttranslate: 0px 0;\n}\n\n/* Slide in from the bottom */\n.bb-slide-back-in-bottom-enter-from {\n\ttranslate: 0px calc(100% + var(--gap));\n}\n.bb-slide-back-in-bottom-leave-to {\n\ttranslate: 0px calc(100% + var(--gap));\n}\n.bb-slide-back-in-bottom-enter-to,\n.bb-slide-back-in-bottom-leave-from {\n\ttranslate: 0;\n}\n[class*='bb-slide-back-in'][class*='leave-to'] {\n\topacity: 0;\n}\n[class*='bb-slide-back-in'][class*='enter-from'] {\n\topacity: 0;\n}\n</style>\n"],"names":["props","__props","transitionName","computed"],"mappings":";;;;;;;;;AAkBA,UAAMA,IAAQC,GAMRC,IAAiBC,EAAS,MAAM,oBAAoBH,EAAM,SAAS,EAAE;;;;;;;;;;;;"}
+{"version":3,"file":"index281.js","sources":["../src/composables/useItemValue.ts"],"sourcesContent":["import { get } from '@/utilities/functions/get';\n\nexport const useItemValue = () => ({\n\tgetItemValue<T>(item: T, getter?: string | ((item: T) => any)): any {\n\t\tif (typeof getter === 'undefined') return item;\n\t\tif (typeof getter === 'function') return getter(item);\n\t\tif (typeof getter === 'string') return get(item, getter as any);\n\t},\n});\n"],"names":["useItemValue","item","getter","get"],"mappings":";AAEO,MAAMA,IAAe,OAAO;AAAA,EAClC,aAAgBC,GAASC,GAA2C;AAC/D,QAAA,OAAOA,IAAW,IAAoB,QAAAD;AAC1C,QAAI,OAAOC,KAAW,WAAY,QAAOA,EAAOD,CAAI;AACpD,QAAI,OAAOC,KAAW,SAAiB,QAAAC,EAAIF,GAAMC,CAAa;AAAA,EAC/D;AACD;"}

package/dist/index282.js

@@ -0,0 +1,20 @@
+import { get as t } from "./index299.js";
+const o = () => ({
+  getItemText(r, n) {
+    if (typeof r == "string" && !n) return r;
+    if (n) {
+      if (typeof n == "function") {
+        let f = n(r);
+        return typeof f != "string" && (f = JSON.stringify(f)), f;
+      } else if (typeof n == "string") {
+        const f = t(r, n);
+        return typeof f == "string" ? f : JSON.stringify(f);
+      }
+    }
+    return JSON.stringify(r);
+  }
+});
+export {
+  o as useItemText
+};
+//# sourceMappingURL=index282.js.map

package/dist/index282.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index282.js","sources":["../src/composables/useItemText.ts"],"sourcesContent":["import { get } from '@/utilities/functions/get';\n\ntype NestedKeyOf<ObjectType extends object> = {\n\t[Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object\n\t\t? `${Key}` | `${Key}.${NestedKeyOf<ObjectType[Key]>}`\n\t\t: `${Key}`;\n}[keyof ObjectType & (string | number)];\n\nexport type Path<T> = T extends object\n\t?\n\t\t\t| NestedKeyOf<T>\n\t\t\t| ((item: T) => string | number)\n\t\t\t| undefined\n\t\t\t| (string & Record<never, never>)\n\t: undefined;\n\nexport const useItemText = () => ({\n\tgetItemText<T>(item: T, getter?: Path<T>): string {\n\t\tif (typeof item === 'string' && !getter) return item;\n\t\telse if (getter) {\n\t\t\tif (typeof getter === 'function') {\n\t\t\t\tlet found = getter(item);\n\t\t\t\tif (typeof found !== 'string') found = JSON.stringify(found);\n\t\t\t\treturn found;\n\t\t\t} else if (typeof getter === 'string') {\n\t\t\t\tconst found = get(item, getter as any);\n\t\t\t\tif (typeof found === 'string') return found;\n\t\t\t\telse return JSON.stringify(found);\n\t\t\t}\n\t\t}\n\t\treturn JSON.stringify(item);\n\t},\n});\n"],"names":["useItemText","item","getter","found","get"],"mappings":";AAgBO,MAAMA,IAAc,OAAO;AAAA,EACjC,YAAeC,GAASC,GAA0B;AACjD,QAAI,OAAOD,KAAS,YAAY,CAACC,EAAe,QAAAD;AAAA,QACvCC;AACJ,UAAA,OAAOA,KAAW,YAAY;AAC7B,YAAAC,IAAQD,EAAOD,CAAI;AACvB,eAAI,OAAOE,KAAU,aAAkBA,IAAA,KAAK,UAAUA,CAAK,IACpDA;AAAA,MAAA,WACG,OAAOD,KAAW,UAAU;AAChC,cAAAC,IAAQC,EAAIH,GAAMC,CAAa;AACjC,eAAA,OAAOC,KAAU,WAAiBA,IAC1B,KAAK,UAAUA,CAAK;AAAA,MACjC;AAAA;AAEM,WAAA,KAAK,UAAUF,CAAI;AAAA,EAC3B;AACD;"}