bitboss-ui 2.1.114 → 2.1.115

package/dist/index278.js

@@ -1,9 +1,25 @@
-const s = (e, t, o, r) => {
-  if (r <= 0) throw new Error("Step must be a positive number");
-  if (t > o) throw new Error("Min must be less than or equal to Max");
-  const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
-  return t + a * r;
-};
+const e = {
+  inert: ":not([inert]):not([inert] *)",
+  negTabIndex: ':not([tabindex^="-"])',
+  disabled: ":not(:disabled)"
+}, n = [
+  `a[href]${e.inert}${e.negTabIndex}`,
+  `area[href]${e.inert}${e.negTabIndex}`,
+  `input:not([type="hidden"]):not([type="radio"])${e.inert}${e.negTabIndex}${e.disabled}`,
+  `input[type="radio"]${e.inert}${e.negTabIndex}${e.disabled}`,
+  `select${e.inert}${e.negTabIndex}${e.disabled}`,
+  `textarea${e.inert}${e.negTabIndex}${e.disabled}`,
+  `button${e.inert}${e.negTabIndex}${e.disabled}`,
+  `details${e.inert} > summary:first-of-type${e.negTabIndex}`,
+  // Discard until Firefox supports `:has()`
+  // See: https://github.com/KittyGiraudel/focusable-selectors/issues/12
+  // `details:not(:has(> summary))${not.inert}${not.negTabIndex}`,
+  `iframe${e.inert}${e.negTabIndex}`,
+  `audio[controls]${e.inert}${e.negTabIndex}`,
+  `video[controls]${e.inert}${e.negTabIndex}`,
+  `[contenteditable]${e.inert}${e.negTabIndex}`,
+  `[tabindex]${e.inert}${e.negTabIndex}`
+];
 export {
-  s as snapToStep
+  n as default
 };

package/dist/index279.js

@@ -1,9 +1,6 @@
-function o(t, e, n, r, a) {
-  if (n === e)
-    throw new Error("Original boundaries cannot be equal.");
-  const c = (t - e) / (n - e);
-  return r + c * (a - r);
+function e(n) {
+  return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
 }
 export {
-  o as transpose
+  e as extractDomContainer
 };

package/dist/index28.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as r, ref as V, watchPostEffect as N, nextTick as D, createElementBlock as u, openBlock as i, normalizeClass as I, createBlock as B, createVNode as E, createElementVNode as d, resolveDynamicComponent as P, normalizeProps as o, guardReactiveProps as s, withCtx as b, renderSlot as C, createTextVNode as q, toDisplayString as h, unref as f, Transition as F, createCommentVNode as G, TransitionGroup as M, Fragment as R, renderList as j } from "vue";
-import { deburr as x } from "./index263.js";
-import { getAsPercentage as k } from "./index144.js";
-import { useId as J } from "./index8.js";
-const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE__ */ S({
+import { defineComponent as V, computed as a, ref as D, watchPostEffect as M, nextTick as N, createElementBlock as c, openBlock as o, normalizeClass as I, createBlock as E, createVNode as P, createElementVNode as h, resolveDynamicComponent as C, normalizeProps as l, guardReactiveProps as s, withCtx as p, renderSlot as k, createTextVNode as q, toDisplayString as f, unref as v, Transition as F, createCommentVNode as G, TransitionGroup as R, Fragment as j, renderList as x } from "vue";
+import { deburr as J } from "./index284.js";
+import { getAsPercentage as T } from "./index144.js";
+import { useId as K } from "./index8.js";
+const O = ["id"], Q = { class: "bb-base-input-container__hint" }, Z = /* @__PURE__ */ V({
   __name: "BaseInputContainer",
   props: {
     compact: { type: Boolean },
@@ -15,6 +15,7 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
     inputPosition: { default: "right" },
     label: {},
     labelPosition: { default: "left" },
+    labelMode: {},
     labelTag: { default: "label" },
     modelValue: {},
     name: {},
@@ -22,20 +23,21 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
     showHint: { type: Boolean },
     tag: { default: "span" }
   },
-  setup(T) {
-    const t = T, l = t.id || J().id.value, m = t.hint ? `hint_${l}` : void 0, v = r(() => t.showHint && !!t.hint), $ = r(() => t.name ? t.name : x(t.label).replace(/\s+/g, "").toLowerCase()), A = r(() => {
+  setup($) {
+    const t = $, u = t.id || K().id.value, m = t.hint ? `hint_${u}` : void 0, _ = a(() => t.showHint && !!t.hint), i = a(() => t.labelMode ? "vertical" : t.direction), A = a(() => t.name ? t.name : J(t.label).replace(/\s+/g, "").toLowerCase()), H = a(() => {
       const e = {
         class: {
           "bb-base-input-container": !0,
           "bb-base-input-container--hidden-label": t.reverse,
-          "bb-base-input-container--horizontal": t.direction !== "vertical",
+          "bb-base-input-container--horizontal": i.value !== "vertical",
           "bb-base-input-container--reverse": t.reverse,
-          "bb-base-input-container--vertical": t.direction === "vertical",
-          "bb-base-input-container--errors": c.value
+          "bb-base-input-container--vertical": i.value === "vertical",
+          "bb-base-input-container--errors": b.value,
+          "bb-base-input-container--label-mode-floating": t.labelMode === "floating"
         }
       };
-      return t.tag === "label" && (e.for = l), e;
-    }), H = r(() => {
+      return t.tag === "label" && (e.for = u), e;
+    }), L = a(() => {
       let e = {
         class: {
           "bb-base-input-container__label": !0,
@@ -43,97 +45,97 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
           [`bb-base-input-container__label--${t.labelPosition}`]: t.labelPosition
         },
         style: {
-          width: _.value.label
+          width: g.value.label
         }
       };
-      return t.labelTag === "label" && (e.for = l), e;
-    }), L = r(() => ({
+      return t.labelTag === "label" && (e.for = u), e;
+    }), z = a(() => ({
       class: {
         "bb-base-input-container__input": !0,
         [`bb-base-input-container__input--${t.inputPosition}`]: t.inputPosition
       },
       style: {
-        width: _.value.input
+        width: g.value.input
       }
-    })), _ = r(() => {
+    })), g = a(() => {
       let e = {
         label: "auto",
         input: "auto"
       };
-      if (t.direction !== "auto") if (t.direction === "vertical")
+      if (i.value !== "auto") if (i.value === "vertical")
         e.label = e.input = "100%";
-      else if (t.direction === "horizontal")
+      else if (i.value === "horizontal")
         e.label = e.input = "50%";
-      else if (/^[\S]+\s[\S]+$/g.test(t.direction)) {
-        const [n, a] = t.direction.split(/\s+/).map((z) => z.length), y = k(n, n + a) + "%", w = k(a, a + n) + "%";
-        t.reverse ? (e.label = w, e.input = y) : (e.label = y, e.input = w);
+      else if (/^[\S]+\s[\S]+$/g.test(i.value)) {
+        const [n, r] = i.value.split(/\s+/).map((S) => S.length), w = T(n, n + r) + "%", B = T(r, r + n) + "%";
+        t.reverse ? (e.label = B, e.input = w) : (e.label = w, e.input = B);
       } else
         throw new Error("Horizontal pattern is malformed");
       return e;
-    }), p = r(() => t.errors ? [].concat(t.errors) : []), c = r(
-      () => !!p.value.length || t.hasErrors
-    ), g = V(null);
-    return N(() => {
-      p.value, D(() => {
-        const e = g.value, n = e?.querySelector(
+    }), d = a(() => t.errors ? [].concat(t.errors) : []), b = a(
+      () => !!d.value.length || t.hasErrors
+    ), y = D(null);
+    return M(() => {
+      d.value, N(() => {
+        const e = y.value, n = e?.querySelector(
           ".bb-base-input-container__errors"
         );
         if (e && n) {
-          const a = Math.min(n.clientHeight, n.scrollHeight);
-          e.style.height = `${a}px`;
+          const r = Math.min(n.clientHeight, n.scrollHeight);
+          e.style.height = `${r}px`;
         }
       });
-    }), (e, n) => (i(), u("div", {
+    }), (e, n) => (o(), c("div", {
       class: I(["bb-base-input-outer-container", {
-        "bb-base-input-outer-container--errors": c.value,
-        "bb-base-input-outer-container--hint": v.value,
+        "bb-base-input-outer-container--errors": b.value,
+        "bb-base-input-outer-container--hint": _.value,
         "bb-base-input-outer-container--compact": t.compact
       }])
     }, [
-      (i(), B(P(e.tag), o(s(A.value)), {
-        default: b(() => [
-          (i(), B(P(e.labelTag), o(s(H.value)), {
-            default: b(() => [
-              C(e.$slots, "label", o(s({ text: e.label, hasErrors: c.value })), () => [
-                q(h(e.label), 1)
+      (o(), E(C(e.tag), l(s(H.value)), {
+        default: p(() => [
+          (o(), E(C(e.labelTag), l(s(L.value)), {
+            default: p(() => [
+              k(e.$slots, "label", l(s({ text: e.label, hasErrors: b.value })), () => [
+                q(f(e.label), 1)
               ])
             ]),
             _: 3
           }, 16)),
-          d("span", o(s(L.value)), [
-            C(e.$slots, "input", o(s({ id: f(l), name: $.value, hasErrors: c.value, ariaDescribedby: f(m) })))
+          h("span", l(s(z.value)), [
+            k(e.$slots, "input", l(s({ id: v(u), name: A.value, hasErrors: b.value, ariaDescribedby: v(m) })))
           ], 16)
         ]),
         _: 3
       }, 16)),
-      E(F, { name: "hint" }, {
-        default: b(() => [
-          v.value ? (i(), u("span", {
+      P(F, { name: "hint" }, {
+        default: p(() => [
+          _.value ? (o(), c("span", {
             key: 0,
-            id: f(m),
+            id: v(m),
             class: "bb-base-input-container__hint-container"
           }, [
-            d("span", O, h(e.hint), 1)
-          ], 8, K)) : G("", !0)
+            h("span", Q, f(e.hint), 1)
+          ], 8, O)) : G("", !0)
         ]),
         _: 1
       }),
-      d("span", {
+      h("span", {
         ref_key: "errorsContainer",
-        ref: g,
+        ref: y,
         class: "bb-base-input-container__errors-outer"
       }, [
-        E(M, {
+        P(R, {
           name: "error",
           tag: "span",
           "aria-live": "polite",
           class: "bb-base-input-container__errors"
         }, {
-          default: b(() => [
-            (i(!0), u(R, null, j(p.value, (a) => (i(), u("span", {
-              key: a,
+          default: p(() => [
+            (o(!0), c(j, null, x(d.value, (r) => (o(), c("span", {
+              key: r,
               class: "bb-base-input-container__error"
-            }, h(a), 1))), 128))
+            }, f(r), 1))), 128))
           ]),
           _: 1
         })
@@ -142,5 +144,5 @@ const K = ["id"], O = { class: "bb-base-input-container__hint" }, Y = /* @__PURE
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/dist/index280.js

@@ -1,4 +1,25 @@
-const e = (t) => t;
+const i = (t) => {
+  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
+  return parseFloat(n) || 0;
+};
+function s(t) {
+  if (typeof t == "number")
+    return {
+      value: i(t),
+      unit: "px"
+    };
+  if (typeof t == "string") {
+    const r = /^(-?\d*\.?\d+)([a-zA-Z%]*)?$/, e = t.match(r);
+    if (e) {
+      const [, n, o = "px"] = e, a = parseFloat(n);
+      return {
+        value: i(a),
+        unit: o
+      };
+    }
+  }
+  throw new Error(`Invalid width: ${t}`);
+}
 export {
-  e as identity
+  s as parseWidthString
 };