bitboss-ui 2.1.2 → 2.1.3

package/dist/index83.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, createBlock as G, openBlock as V, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index272.js";
+import { findInTree as ae } from "./index271.js";
 import { useId as re } from "./index8.js";
 import oe from "./index111.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index271.js")).default);
+              b || (b = (await import("./index270.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index85.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, createElementBlock as h, openBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index243.js";
+import { isCssColor as I } from "./index240.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index87.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, createBlock as g, openBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index270.js";
+import { throttle as c } from "./index269.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index90.js

@@ -1,9 +1,9 @@
 import { defineComponent as O, mergeModels as E, useModel as P, computed as p, ref as T, watch as q, onMounted as A, createElementBlock as d, openBlock as c, withModifiers as H, normalizeStyle as K, normalizeClass as R, unref as v, createCommentVNode as y, Fragment as U, createElementVNode as l, renderSlot as s, createTextVNode as j, toDisplayString as z, nextTick as G } from "vue";
-import { parseSize as J } from "./index244.js";
+import { parseSize as J } from "./index209.js";
 import { useId as D } from "./index8.js";
-import { useLocale as Q } from "./index219.js";
+import { useLocale as Q } from "./index210.js";
 import { useMobile as X } from "./index9.js";
-import { useUntil as Y } from "./index220.js";
+import { useUntil as Y } from "./index211.js";
 import { wait as h } from "./index135.js";
 const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
   ref: "header",

package/dist/index92.js

@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
 /* empty css       */
 import P from "./index13.js";
 /* empty css        */
-import { debounce as X } from "./index269.js";
-import { useLocale as H } from "./index219.js";
+import { debounce as X } from "./index272.js";
+import { useLocale as H } from "./index210.js";
 import { useRoute as J } from "./index142.js";
 const K = ["aria-label"], Q = { class: "bb-pagination__page-label sr-only" }, Y = { class: "bb-pagination__page-label" }, Z = { class: "bb-pagination__page-label" }, ee = { class: "bb-pagination__page-label sr-only" }, ue = /* @__PURE__ */ V({
   __name: "BbPagination",

package/dist/index94.js

@@ -1,11 +1,11 @@
 import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as l, normalizeClass as D, withCtx as v, createElementVNode as d, createCommentVNode as M, renderSlot as C, toDisplayString as z, normalizeProps as I, guardReactiveProps as O, nextTick as S } from "vue";
 import { useId as H } from "./index8.js";
 import { useIntersectionObserver as N } from "./index137.js";
-import { useLocale as U } from "./index219.js";
-import { useUntil as W } from "./index220.js";
+import { useLocale as U } from "./index210.js";
+import { useUntil as W } from "./index211.js";
 import q from "./index13.js";
 /* empty css        */
-import A from "./index227.js";
+import A from "./index238.js";
 /* empty css         */
 const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
   __name: "BbPopover",

package/dist/index96.js

@@ -1,5 +1,5 @@
 import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
-import { clamp as p } from "./index207.js";
+import { clamp as p } from "./index206.js";
 import { getAsPercentageBetween as i } from "./index136.js";
 const _ = /* @__PURE__ */ r({
   __name: "BbProgress",

package/dist/utilities/functions/percentage.d.ts

@@ -2,32 +2,25 @@
  * Get the percentage "a" represents in total
  * @returns
  */
-export declare const getAsPercentage: (a: number, total: number) => number;
+export declare const getAsPercentage: (a: number, total: number, clamped?: boolean) => number;
 /**
- * Get "a" knowing the percentage
+ * Get a number knowing the percentage and the total
  * @returns
  */
-export declare const getPercentageFrom: (a: number, total: number) => number;
+export declare const getValueFromPercentage: (percentage: number, of: number) => number;
 /**
  * Normalize the bounds of a value
  */
-export declare const getAsPercentageBetween: (a: number, min: number, max: number) => number;
+export declare const getAsPercentageBetween: (a: number, min: number, max: number, clamped?: boolean) => number;
 /**
- * Get a value "b" that is the same percentage as "a" into it's target bounds.
- * EG 40% = 4 for a bound 0, 10 is transposed to 40% = 8
- * for bounds 0, 20, or again 40% = 4 for bound 10, 20
+ * Calculate the actual value that corresponds to a given percentage within an interval
+ * @param percentage The percentage (0-100) to convert to a value
+ * @param intervalStart The start of the interval
+ * @param intervalEnd The end of the interval
+ * @returns The value that corresponds to the given percentage in the interval
+ * @example
+ * getValueFromPercentageInInterval(50, -20, 60) // returns 20
+ * getValueFromPercentageInInterval(0, 0, 100) // returns 0
+ * getValueFromPercentageInInterval(100, 0, 100) // returns 100
  */
-type TransposeValueParameters = {
-    value: number;
-    originalBounds: {
-        min: number;
-        max: number;
-    };
-    targetBounds: {
-        min: number;
-        max: number;
-    };
-    step: number;
-};
-export declare const transposeValue: (params: TransposeValueParameters) => number;
-export {};
+export declare const getValueFromPercentageInInterval: (percentage: number, intervalStart: number, intervalEnd: number) => number;

package/dist/utilities/functions/snapToStep.d.ts

@@ -0,0 +1 @@
+export declare const snapToStep: (value: number, min: number, max: number, step: number) => number;

package/dist/utilities/functions/transpose.d.ts

@@ -0,0 +1 @@
+export declare function transpose(value: number, fromMin: number, fromMax: number, toMin: number, toMax: number): number;

package/dist/utilities/functions/transposePercent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Transpose a percentage to a value
+ * @param value - The percentage to transpose 0 - 100
+ * @param min - The minimum value
+ * @param max - The maximum value
+ * @returns The value
+ */
+export declare const transposePercent: (value: number, // 0–100
+min: number, max: number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.1.2",
+	"version": "2.1.3",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {

package/dist/index213.js

@@ -1,53 +0,0 @@
-import { computed as l, unref as o } from "vue";
-import { useItemText as x } from "./index279.js";
-import { useItemValue as w } from "./index265.js";
-import { hash as y } from "./index215.js";
-import { useLogger as D } from "./index258.js";
-const { getItemText: O } = x(), { getItemValue: V } = w(), { warn: H } = D(), T = (u, c, m, a, d, r) => r ? !1 : !!(c || u.disabled || a && d >= a), q = ({
-  items: u,
-  disabled: c,
-  selectable: m,
-  itemText: a,
-  itemValue: d,
-  selectedIndexedByHash: r,
-  max: b = 1 / 0
-}) => {
-  const v = l(() => o(c)), p = l(() => o(u)), h = l(
-    () => Object.keys(r.value).length
-  ), g = o(b), f = (e) => {
-    const n = V(e, o(d)), t = y(n), i = O(e, o(a)), s = r.value[t] !== void 0, I = T(
-      e,
-      v.value,
-      m,
-      g,
-      h.value,
-      s
-    );
-    return {
-      item: e,
-      text: i,
-      value: n,
-      valueHash: t,
-      selected: s,
-      disabled: o(I)
-    };
-  };
-  return {
-    options: l(() => {
-      const e = [], n = /* @__PURE__ */ new Set();
-      for (let t = 0; t < p.value.length; t++) {
-        const i = p.value[t];
-        i.disabled && H(
-          "Disabling an item by passing a disabled option to the item itself is deprecated and will be removed in a future version. Use the `disabled` prop or the `selectable` iteratee prop instead."
-        );
-        const s = f(i);
-        n.has(s.valueHash) || (n.add(s.valueHash), e.push(s));
-      }
-      return e;
-    }),
-    createOption: f
-  };
-};
-export {
-  q as useBaseOptions
-};

package/dist/index227.js

@@ -1,115 +0,0 @@
-import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as n, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
-import { wait as F } from "./index135.js";
-import { useFloating as U, arrow as j } from "./index333.js";
-import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index334.js";
-const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
-  __name: "CommonPopover",
-  props: /* @__PURE__ */ D({
-    arrowPadding: {},
-    offset: {},
-    block: { type: Boolean },
-    padding: { default: 0 },
-    placement: {},
-    transitionDuration: { default: 250 },
-    containerAttributes: {},
-    dialog: { type: Boolean },
-    renderContent: { type: Boolean, default: !0 },
-    tag: { default: "span" }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: l, update: M } = U(
-      i,
-      t,
-      {
-        placement: o.placement,
-        whileElementsMounted: J,
-        middleware: [
-          q(),
-          G(o.offset),
-          H({ padding: o.padding }),
-          I(),
-          j({
-            element: p,
-            padding: o.arrowPadding
-          })
-        ],
-        strategy: "fixed"
-      }
-    ), d = (e) => {
-      e ? (M(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
-        t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
-      });
-    };
-    A(a, d, { flush: "post" }), x(() => {
-      a.value && d(a.value);
-    });
-    const $ = S(() => {
-      if (l.value.arrow) {
-        const { x: e, y: u } = l.value.arrow;
-        return {
-          style: {
-            left: `${e}px`,
-            top: `${u}px`
-          }
-        };
-      }
-    }), B = () => {
-      a.value = !1;
-    };
-    return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
-      ref_key: "wrapper",
-      ref: i,
-      class: E(["bb-common-popover", {
-        "bb-common-popover--open": a.value && !!t.value,
-        "bb-common-popover--block": o.block,
-        [`bb-common-popover--${n(_)}`]: !0
-      }]),
-      style: z({
-        "--transition-duration": `${o.transitionDuration}ms`
-      })
-    }, {
-      default: w(() => {
-        var m, c, f;
-        return [
-          y(e.$slots, "activator"),
-          e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
-            key: 0,
-            ref_key: "content",
-            ref: t,
-            class: ["bb-common-popover__bubble-container", {
-              "bb-common-popover__bubble-container--open": a.value && !!t.value
-            }],
-            popover: "manual",
-            style: {
-              ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
-              ...n(k),
-              "--arrow-offset-x": Math.round(((f = (c = n(l)) == null ? void 0 : c.arrow) == null ? void 0 : f.x) ?? 0) + "px",
-              "--page-padding": `${e.padding}px`
-            },
-            tabindex: a.value ? void 0 : -1
-          }, e.containerAttributes, { onClose: n(B) }), {
-            default: w(() => [
-              C("span", h({
-                ref_key: "bubblearrow",
-                ref: p,
-                class: "bb-common-popover__arrow"
-              }, $.value), null, 16),
-              C("span", K, [
-                y(e.$slots, "default")
-              ])
-            ]),
-            _: 3
-          }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
-        ];
-      }),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
-export {
-  W as default
-};

package/dist/index251.js

@@ -1,4 +0,0 @@
-const e = (t) => t;
-export {
-  e as identity
-};

package/dist/index288.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return Object.prototype.toString.call(t).slice(8, -1);
-}
-export {
-  e as getType
-};

package/dist/index318.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as t } from "./index307.js";
-import { __require as r } from "./index338.js";
-var o = r();
-const s = /* @__PURE__ */ t(o);
-export {
-  s as default
-};

package/dist/index333.js

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