bitboss-ui 2.0.5 → 2.0.8

package/dist/index26.js

@@ -1,156 +1,133 @@
-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 "./index217.js";
-import j from "./index218.js";
+import { defineComponent as S, computed as n, openBlock as r, createElementBlock as c, normalizeClass as T, createBlock as y, resolveDynamicComponent as B, normalizeProps as o, guardReactiveProps as l, withCtx as b, renderSlot as E, createTextVNode as V, toDisplayString as p, createElementVNode as d, unref as m, createVNode as P, Fragment as D, renderList as I } from "vue";
+import { deburr as N } from "./index201.js";
+import { getAsPercentage as $ } from "./index127.js";
+import { useId as F } from "./index9.js";
+import R from "./index122.js";
 /* empty css         */
-import z from "./index220.js";
-const O = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "step"], J = /* @__PURE__ */ C({
-  __name: "BaseNumberInput",
+import j from "./index124.js";
+/* empty css         */
+const q = ["id"], G = { class: "bb-base-input-container__errors" }, Y = /* @__PURE__ */ S({
+  __name: "BaseInputContainer",
   props: {
-    "append:icon": {},
-    ariaDescribedby: {},
-    autocomplete: {},
-    autofocus: {},
-    disabled: { type: Boolean },
+    direction: { default: "vertical" },
+    errors: {},
     hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
     id: {},
-    loading: { type: Boolean },
-    max: {},
-    min: {},
+    inputPosition: { default: "right" },
+    label: {},
+    labelPosition: { default: "left" },
+    labelTag: { default: "label" },
     modelValue: {},
     name: {},
-    placeholder: {},
-    "prepend:icon": {},
-    readonly: {},
-    required: { type: Boolean },
-    step: { default: 1 }
+    reverse: { type: Boolean, default: !1 },
+    showHint: { type: Boolean },
+    tag: { default: "span" }
   },
-  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
-    });
-    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);
+  setup(A) {
+    const e = A, s = e.id || F().id.value, f = e.hint ? `hint_${s}` : void 0, h = n(() => e.showHint && !!e.hint), C = n(() => e.name ? e.name : N(e.label).replace(/\s+/g, "").toLowerCase()), L = n(() => {
+      const t = {
+        class: {
+          "bb-base-input-container": !0,
+          "bb-base-input-container--hidden-label": e.reverse,
+          "bb-base-input-container--horizontal": e.direction !== "vertical",
+          "bb-base-input-container--reverse": e.reverse,
+          "bb-base-input-container--vertical": e.direction === "vertical",
+          "bb-base-input-container--errors": u.value
+        }
+      };
+      return e.tag === "label" && (t.for = s), t;
+    }), z = n(() => {
+      let t = {
+        class: {
+          "bb-base-input-container__label": !0,
+          "bb-base-input-container__label--hidden": e.hideLabel,
+          [`bb-base-input-container__label--${e.labelPosition}`]: e.labelPosition
+        },
+        style: {
+          width: v.value.label
+        }
+      };
+      return e.labelTag === "label" && (t.for = s), t;
+    }), k = n(() => ({
+      class: {
+        "bb-base-input-container__input": !0,
+        [`bb-base-input-container__input--${e.inputPosition}`]: e.inputPosition
+      },
+      style: {
+        width: v.value.input
       }
-    }, 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
-            })
+    })), v = n(() => {
+      let t = {
+        label: "auto",
+        input: "auto"
+      };
+      if (e.direction !== "auto") if (e.direction === "vertical")
+        t.label = t.input = "100%";
+      else if (e.direction === "horizontal")
+        t.label = t.input = "50%";
+      else if (/^[\S]+\s[\S]+$/g.test(e.direction)) {
+        const [i, a] = e.direction.split(/\s+/).map((H) => H.length), g = $(i, i + a) + "%", w = $(a, a + i) + "%";
+        e.reverse ? (t.label = w, t.input = g) : (t.label = g, t.input = w);
+      } else
+        throw new Error("Horizontal pattern is malformed");
+      return t;
+    }), _ = n(() => e.errors ? [].concat(e.errors) : []), u = n(
+      () => !!_.value.length || e.hasErrors
+    );
+    return (t, i) => (r(), c("div", {
+      class: T(["bb-base-input-outer-container", {
+        "bb-base-input-outer-container--errors": u.value,
+        "bb-base-input-outer-container--hint": h.value
+      }])
+    }, [
+      (r(), y(B(t.tag), o(l(L.value)), {
+        default: b(() => [
+          (r(), y(B(t.labelTag), o(l(z.value)), {
+            default: b(() => [
+              E(t.$slots, "label", o(l({ text: t.label, hasErrors: u.value })), () => [
+                V(p(t.label), 1)
+              ])
+            ]),
+            _: 3
+          }, 16)),
+          d("div", o(l(k.value)), [
+            E(t.$slots, "input", o(l({ id: m(s), name: C.value, hasErrors: u.value, ariaDescribedby: m(f) })))
+          ], 16)
+        ]),
+        _: 3
+      }, 16)),
+      P(R, {
+        class: "bb-base-input-container__hint-container",
+        eager: !0,
+        "model-value": h.value,
+        tag: "span",
+        "transition-duration": 200
+      }, {
+        default: b(() => [
+          d("span", {
+            id: m(f),
+            class: "bb-base-input-container__hint"
+          }, p(t.hint), 9, q)
+        ]),
+        _: 1
+      }, 8, ["model-value"]),
+      d("span", G, [
+        P(j, { tag: "span" }, {
+          default: b(() => [
+            (r(!0), c(D, null, I(_.value, (a) => (r(), c("span", {
+              key: a,
+              class: "bb-base-input-container__error"
+            }, p(a), 1))), 128))
           ]),
-          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"]));
+          _: 1
+        })
+      ])
+    ], 2));
   }
 });
 export {
-  J as default
+  Y as default
 };
 //# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.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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"}
+{"version":3,"file":"index26.js","sources":["../src/components/BaseInputContainer/BaseInputContainer.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"bb-base-input-outer-container\"\n\t\t:class=\"{\n\t\t\t'bb-base-input-outer-container--errors': hasErrors,\n\t\t\t'bb-base-input-outer-container--hint': showHint,\n\t\t}\"\n\t>\n\t\t<component :is=\"tag\" v-bind=\"containerAttributes\">\n\t\t\t<component :is=\"labelTag\" v-bind=\"labelAttributes\">\n\t\t\t\t<slot name=\"label\" v-bind=\"{ text: label, hasErrors }\">{{\n\t\t\t\t\tlabel\n\t\t\t\t}}</slot>\n\t\t\t</component>\n\t\t\t<div v-bind=\"inputAttributes\">\n\t\t\t\t<slot\n\t\t\t\t\tname=\"input\"\n\t\t\t\t\tv-bind=\"{ id, name, hasErrors, ariaDescribedby: hintId }\"\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t</component>\n\t\t<BbCollapsible\n\t\t\tclass=\"bb-base-input-container__hint-container\"\n\t\t\t:eager=\"true\"\n\t\t\t:model-value=\"showHint\"\n\t\t\t:tag=\"'span'\"\n\t\t\t:transition-duration=\"200\"\n\t\t>\n\t\t\t<span :id=\"hintId\" class=\"bb-base-input-container__hint\">{{ hint }}</span>\n\t\t</BbCollapsible>\n\t\t<span class=\"bb-base-input-container__errors\">\n\t\t\t<BbSmoothHeight tag=\"span\">\n\t\t\t\t<span\n\t\t\t\t\tv-for=\"error in computedErrors\"\n\t\t\t\t\t:key=\"error\"\n\t\t\t\t\tclass=\"bb-base-input-container__error\"\n\t\t\t\t\t>{{ error }}</span\n\t\t\t\t>\n\t\t\t</BbSmoothHeight>\n\t\t</span>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { deburr } from '@/utilities/functions/deburr';\nimport { getAsPercentage } from '@/utilities/functions/percentage';\nimport { noop } from '@/utilities/functions/noop';\nimport { useId } from '@/composables/useId';\nimport BbCollapsible from '../BbCollapsible/BbCollapsible.vue';\nimport BbSmoothHeight from '../BbSmoothHeight/BbSmoothHeight.vue';\nimport type { HTMLAttributes, InputHTMLAttributes } from 'vue';\n\nexport type BaseInputContainerProps = {\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 * 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 * 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 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 * Defines the HTML tag of the label element.\n\t * Usually is a `label` but for certain component like checkboxes\n\t * that have their own label it should be a `legend`.\n\t * It is important for accessibility reasons.\n\t */\n\tlabelTag?: string;\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 * 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 * Displays the passed hint.\n\t */\n\tshowHint?: boolean;\n\n\t/**\n\t * HTML tag of the container, it is by default a `span` so\n\t * it can be used inline without breaking HTML validation.\n\t */\n\ttag?: string;\n};\n\nconst props = withDefaults(defineProps<BaseInputContainerProps>(), {\n\tdirection: 'vertical',\n\tinputPosition: 'right',\n\tlabelPosition: 'left',\n\tlabelTag: 'label',\n\treverse: false,\n\ttag: 'span',\n});\n\nexport type BaseInputContainerSlots = {\n\tinput?: (props: {\n\t\tid: string;\n\t\tname: string;\n\t\thasErrors: boolean;\n\t\tariaDescribedby: string | undefined;\n\t}) => any;\n\tlabel?: (props: { text: string; hasErrors: boolean }) => any;\n};\n\ndefineSlots<BaseInputContainerSlots>();\n\n// Always provide an id so that inputs can be focussed by clicking oin the label\nconst id = props.id || useId().id.value;\n\n/**\n * Hint management\n */\nconst hintId = props.hint ? `hint_${id}` : undefined;\nconst showHint = computed(() => props.showHint && !!props.hint);\n\n// If no name is passed use a normalized version of the label\nconst name = computed(() => {\n\tif (props.name) return props.name;\n\tlet noAccents = deburr(props.label);\n\tlet nospace = noAccents.replace(/\\s+/g, '');\n\treturn nospace.toLowerCase();\n});\n\nconst containerAttributes = computed(() => {\n\tconst initial: { [name: string]: any } = {\n\t\tclass: {\n\t\t\t'bb-base-input-container': true,\n\t\t\t'bb-base-input-container--hidden-label': props.reverse,\n\t\t\t'bb-base-input-container--horizontal': props.direction !== 'vertical',\n\t\t\t'bb-base-input-container--reverse': props.reverse,\n\t\t\t'bb-base-input-container--vertical': props.direction === 'vertical',\n\t\t\t'bb-base-input-container--errors': hasErrors.value,\n\t\t},\n\t};\n\tif (props.tag === 'label') initial.for = id;\n\treturn initial;\n});\n\nconst labelAttributes = computed(() => {\n\tlet initial: { [name: string]: any } = {\n\t\tclass: {\n\t\t\t'bb-base-input-container__label': true,\n\t\t\t'bb-base-input-container__label--hidden': props.hideLabel,\n\t\t\t[`bb-base-input-container__label--${props.labelPosition}`]:\n\t\t\t\tprops.labelPosition,\n\t\t},\n\t\tstyle: {\n\t\t\twidth: widths.value.label,\n\t\t},\n\t};\n\tif (props.labelTag === 'label') initial.for = id;\n\treturn initial;\n});\n\nconst inputAttributes = computed(() => {\n\tlet initial: { [name: string]: any } = {\n\t\tclass: {\n\t\t\t'bb-base-input-container__input': true,\n\t\t\t[`bb-base-input-container__input--${props.inputPosition}`]:\n\t\t\t\tprops.inputPosition,\n\t\t},\n\t\tstyle: {\n\t\t\twidth: widths.value.input,\n\t\t},\n\t};\n\treturn initial;\n});\n\nconst widths = computed(() => {\n\tlet initial: { [target: string]: string } = {\n\t\tlabel: 'auto',\n\t\tinput: 'auto',\n\t};\n\tif (props.direction === 'auto') {\n\t\tnoop();\n\t} else if (props.direction === 'vertical') {\n\t\tinitial.label = initial.input = 100 + '%';\n\t} else if (props.direction === 'horizontal') {\n\t\tinitial.label = initial.input = 50 + '%';\n\t} else if (/^[\\S]+\\s[\\S]+$/g.test(props.direction)) {\n\t\tconst [firstLength, secondLength] = props.direction\n\t\t\t.split(/\\s+/)\n\t\t\t.map((string) => string.length);\n\t\tconst first =\n\t\t\tgetAsPercentage(firstLength, firstLength + secondLength) + '%';\n\t\tconst second =\n\t\t\tgetAsPercentage(secondLength, secondLength + firstLength) + '%';\n\t\tif (props.reverse) {\n\t\t\tinitial.label = second;\n\t\t\tinitial.input = first;\n\t\t} else {\n\t\t\tinitial.label = first;\n\t\t\tinitial.input = second;\n\t\t}\n\t} else {\n\t\tthrow new Error('Horizontal pattern is malformed');\n\t}\n\treturn initial;\n});\n\nconst computedErrors = computed(() => {\n\treturn props.errors ? ([] as string[]).concat(props.errors) : [];\n});\n\nconst hasErrors = computed(\n\t() => Boolean(computedErrors.value.length) || props.hasErrors\n);\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BaseInputContainer';\n</style>\n"],"names":["props","__props","id","useId","hintId","showHint","computed","name","deburr","containerAttributes","initial","hasErrors","labelAttributes","widths","inputAttributes","firstLength","secondLength","string","first","getAsPercentage","second","computedErrors"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIA,UAAMA,IAAQC,GAsBRC,IAAKF,EAAM,MAAMG,IAAQ,GAAG,OAK5BC,IAASJ,EAAM,OAAO,QAAQE,CAAE,KAAK,QACrCG,IAAWC,EAAS,MAAMN,EAAM,YAAY,CAAC,CAACA,EAAM,IAAI,GAGxDO,IAAOD,EAAS,MACjBN,EAAM,OAAaA,EAAM,OACbQ,EAAOR,EAAM,KAAK,EACV,QAAQ,QAAQ,EAAE,EAC3B,aACf,GAEKS,IAAsBH,EAAS,MAAM;AAC1C,YAAMI,IAAmC;AAAA,QACxC,OAAO;AAAA,UACN,2BAA2B;AAAA,UAC3B,yCAAyCV,EAAM;AAAA,UAC/C,uCAAuCA,EAAM,cAAc;AAAA,UAC3D,oCAAoCA,EAAM;AAAA,UAC1C,qCAAqCA,EAAM,cAAc;AAAA,UACzD,mCAAmCW,EAAU;AAAA,QAC9C;AAAA,MAAA;AAED,aAAIX,EAAM,QAAQ,YAASU,EAAQ,MAAMR,IAClCQ;AAAA,IAAA,CACP,GAEKE,IAAkBN,EAAS,MAAM;AACtC,UAAII,IAAmC;AAAA,QACtC,OAAO;AAAA,UACN,kCAAkC;AAAA,UAClC,0CAA0CV,EAAM;AAAA,UAChD,CAAC,mCAAmCA,EAAM,aAAa,EAAE,GACxDA,EAAM;AAAA,QACR;AAAA,QACA,OAAO;AAAA,UACN,OAAOa,EAAO,MAAM;AAAA,QACrB;AAAA,MAAA;AAED,aAAIb,EAAM,aAAa,YAASU,EAAQ,MAAMR,IACvCQ;AAAA,IAAA,CACP,GAEKI,IAAkBR,EAAS,OACO;AAAA,MACtC,OAAO;AAAA,QACN,kCAAkC;AAAA,QAClC,CAAC,mCAAmCN,EAAM,aAAa,EAAE,GACxDA,EAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACN,OAAOa,EAAO,MAAM;AAAA,MACrB;AAAA,IAAA,EAGD,GAEKA,IAASP,EAAS,MAAM;AAC7B,UAAII,IAAwC;AAAA,QAC3C,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAEJ,UAAAV,EAAM,cAAc,OAExB,KAAWA,EAAM,cAAc;AACtB,QAAAU,EAAA,QAAQA,EAAQ,QAAQ;AAAA,eACtBV,EAAM,cAAc;AACtB,QAAAU,EAAA,QAAQA,EAAQ,QAAQ;AAAA,eACtB,kBAAkB,KAAKV,EAAM,SAAS,GAAG;AACnD,cAAM,CAACe,GAAaC,CAAY,IAAIhB,EAAM,UACxC,MAAM,KAAK,EACX,IAAI,CAACiB,MAAWA,EAAO,MAAM,GACzBC,IACLC,EAAgBJ,GAAaA,IAAcC,CAAY,IAAI,KACtDI,IACLD,EAAgBH,GAAcA,IAAeD,CAAW,IAAI;AAC7D,QAAIf,EAAM,WACTU,EAAQ,QAAQU,GAChBV,EAAQ,QAAQQ,MAEhBR,EAAQ,QAAQQ,GAChBR,EAAQ,QAAQU;AAAA,MACjB;AAEM,cAAA,IAAI,MAAM,iCAAiC;AAE3C,aAAAV;AAAA,IAAA,CACP,GAEKW,IAAiBf,EAAS,MACxBN,EAAM,SAAU,CAAC,EAAe,OAAOA,EAAM,MAAM,IAAI,EAC9D,GAEKW,IAAYL;AAAA,MACjB,MAAM,EAAQe,EAAe,MAAM,UAAWrB,EAAM;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index260.js

@@ -1,7 +1,10 @@
-const e = function(t) {
-  return (...n) => n.length >= t.length ? t(...n) : e(t.bind(void 0, ...n));
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
 };
 export {
-  e as curry
+  s as default
 };
 //# sourceMappingURL=index260.js.map

package/dist/index260.js.map

@@ -1 +1 @@
-{"version":3,"file":"index260.js","sources":["../src/utilities/functions/curry.ts"],"sourcesContent":["export type Curried<A extends any[], R> = <P extends Partial<A>>(\n\t...args: P\n) => P extends A\n\t? R\n\t: A extends [...SameLength<P>, ...infer S]\n\t\t? S extends any[]\n\t\t\t? Curried<S, R>\n\t\t\t: never\n\t\t: never;\n\ntype SameLength<T extends any[]> = Extract<{ [K in keyof T]: any }, any[]>;\n\nexport const curry = function <A extends any[], R>(\n\tfn: (...args: A) => R\n): Curried<A, R> {\n\treturn (...args: any[]): any =>\n\t\targs.length >= fn.length\n\t\t\t? fn(...(args as any))\n\t\t\t: curry((fn as any).bind(undefined, ...args));\n};\n"],"names":["curry","fn","args"],"mappings":"AAYa,MAAAA,IAAQ,SACpBC,GACgB;AAChB,SAAO,IAAIC,MACVA,EAAK,UAAUD,EAAG,SACfA,EAAG,GAAIC,CAAY,IACnBF,EAAOC,EAAW,KAAK,QAAW,GAAGC,CAAI,CAAC;AAC/C;"}
+{"version":3,"file":"index260.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/index261.js

@@ -1,12 +1,25 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
+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"]));
   }
-  return -1;
-};
+});
 export {
-  o as findRightIndex
+  f as default
 };
 //# sourceMappingURL=index261.js.map

package/dist/index261.js.map

@@ -1 +1 @@
-{"version":3,"file":"index261.js","sources":["../src/utilities/functions/findRightIndex.ts"],"sourcesContent":["/**\n * Same as find but from the end of an array\n */\nexport const findRightIndex = <T>(\n\tarr: T[],\n\titeratee: (value: T, index: number, arr: T[]) => boolean\n) => {\n\tfor (let index = arr.length - 1; index >= 0; index--) {\n\t\tconst element = arr[index];\n\t\tif (iteratee(element, index, arr)) {\n\t\t\treturn index;\n\t\t}\n\t}\n\treturn -1;\n};\n"],"names":["findRightIndex","arr","iteratee","index","element"],"mappings":"AAGa,MAAAA,IAAiB,CAC7BC,GACAC,MACI;AACJ,WAASC,IAAQF,EAAI,SAAS,GAAGE,KAAS,GAAGA,KAAS;AAC/C,UAAAC,IAAUH,EAAIE,CAAK;AACzB,QAAID,EAASE,GAASD,GAAOF,CAAG;AACxB,aAAAE;AAAA,EAET;AACO,SAAA;AACR;"}
+{"version":3,"file":"index261.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;;;;;;;;;;;;"}

package/dist/index263.js

@@ -1,6 +1,12 @@
-import o from "./index218.js";
-/* empty css         */
+function u(e, i) {
+  let t;
+  return function(...o) {
+    t !== void 0 && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, o);
+    }, i);
+  };
+}
 export {
-  o as default
+  u as debounce
 };
 //# sourceMappingURL=index263.js.map

package/dist/index263.js.map

@@ -1 +1 @@
-{"version":3,"file":"index263.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index263.js","sources":["../src/utilities/functions/debounce.ts"],"sourcesContent":["export function debounce<T extends (...args: any[]) => any>(\n\tfunc: T,\n\twait: number\n): (...args: Parameters<T>) => void {\n\tlet timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n\treturn function (this: any, ...args: Parameters<T>) {\n\t\tif (timeoutId !== undefined) {\n\t\t\tclearTimeout(timeoutId);\n\t\t}\n\n\t\ttimeoutId = setTimeout(() => {\n\t\t\tfunc.apply(this, args);\n\t\t}, wait);\n\t};\n}\n"],"names":["debounce","func","wait","timeoutId","args"],"mappings":"AAAgB,SAAAA,EACfC,GACAC,GACmC;AAC/B,MAAAC;AAEJ,SAAO,YAAwBC,GAAqB;AACnD,IAAID,MAAc,UACjB,aAAaA,CAAS,GAGvBA,IAAY,WAAW,MAAM;AACvB,MAAAF,EAAA,MAAM,MAAMG,CAAI;AAAA,OACnBF,CAAI;AAAA,EAAA;AAET;"}