bitboss-ui 2.1.2 → 2.1.4

package/dist/index53.js

@@ -3,7 +3,7 @@ import B from "./index69.js";
 /* empty css        */
 import L from "./index85.js";
 /* empty css        */
-import { useLocale as g } from "./index219.js";
+import { useLocale as g } from "./index228.js";
 const $ = {
   class: "bb-alert__inner-container",
   role: "alert"

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as z, ref as o, onMounted as g, createElementBlock as l, openBlock as i, normalizeProps as _, guardReactiveProps as h, renderSlot as k } from "vue";
-import { isCssColor as y } from "./index243.js";
+import { isCssColor as y } from "./index222.js";
 import { wait as C } from "./index135.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,6 +1,6 @@
 import { defineComponent as p, useSlots as d, computed as s, createElementBlock as m, openBlock as u, normalizeClass as g, createElementVNode as n, renderSlot as r, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as l } from "./index243.js";
-import { isNil as B } from "./index242.js";
+import { isCssColor as l } from "./index222.js";
+import { isNil as B } from "./index223.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, N = /* @__PURE__ */ p({
   __name: "BbBadge",
   props: {

package/dist/index61.js

@@ -7,9 +7,9 @@ import p from "./index85.js";
 /* empty css        */
 import T from "./index113.js";
 /* empty css         */
-import { pickBy as W } from "./index254.js";
-import { noop as w } from "./index255.js";
-import { useLocale as D } from "./index219.js";
+import { pickBy as W } from "./index253.js";
+import { noop as w } from "./index254.js";
+import { useLocale as D } from "./index228.js";
 const E = {
   key: 2,
   class: "bb-button__loading-label sr-only"

package/dist/index67.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createElementBlock as o, openBlock as a, createElementVNode as t, createCommentVNode as p, renderSlot as b, createTextVNode as m, toDisplayString as u, withModifiers as d, unref as _ } from "vue";
-import { useLocale as f } from "./index219.js";
+import { useLocale as f } from "./index228.js";
 const h = { class: "bb-chip" }, L = { class: "bb-chip__content" }, k = ["aria-label"], B = /* @__PURE__ */ i({
   __name: "BbChip",
   props: {

package/dist/index79.js

@@ -1,15 +1,15 @@
 import { defineComponent as N, computed as R, ref as E, watch as W, createBlock as h, openBlock as k, unref as f, normalizeClass as G, withCtx as D, createElementVNode as I, normalizeStyle as J, renderSlot as m, createElementBlock as q, Fragment as F, renderList as Q, createVNode as X, mergeProps as Y, createCommentVNode as A, toDisplayString as Z, normalizeProps as x, guardReactiveProps as ee } from "vue";
-import { findRightIndex as T } from "./index267.js";
+import { findRightIndex as T } from "./index270.js";
 import { useId as te } from "./index8.js";
-import { useUntil as ne } from "./index220.js";
+import { useUntil as ne } from "./index239.js";
 import { wait as oe } from "./index135.js";
 import ae from "./index13.js";
 /* empty css        */
 import B from "./index85.js";
 /* empty css        */
-import le from "./index227.js";
+import le from "./index241.js";
 /* empty css         */
-import K from "./index268.js";
+import K from "./index271.js";
 const se = ["id", "aria-labelledby", "inert"], ie = { class: "item__content" }, Ee = /* @__PURE__ */ N({
   __name: "BbDropdown",
   props: {

package/dist/index81.js

@@ -9,7 +9,7 @@ import z from "./index85.js";
 /* empty css        */
 import I from "./index113.js";
 /* empty css         */
-import { useLocale as M } from "./index219.js";
+import { useLocale as M } from "./index228.js";
 const O = { class: "bb-dropdown-button__content" }, R = {
   key: 1,
   class: "bb-dropdown-button__loading-label sr-only"

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 "./index244.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("./index243.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 "./index222.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 "./index255.js";
 import { useId as D } from "./index8.js";
-import { useLocale as Q } from "./index219.js";
+import { useLocale as Q } from "./index228.js";
 import { useMobile as X } from "./index9.js";
-import { useUntil as Y } from "./index220.js";
+import { useUntil as Y } from "./index239.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 "./index227.js";
+import { useLocale as H } from "./index228.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 "./index228.js";
+import { useUntil as W } from "./index239.js";
 import q from "./index13.js";
 /* empty css        */
-import A from "./index227.js";
+import A from "./index241.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.4",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {
@@ -92,4 +92,4 @@
 	"lint-staged": {
 		"*.{js,css,md,html,json,vue,ts}": "prettier --write"
 	}
-}
+}

package/dist/index246.js

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

package/dist/index248.js

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

package/dist/index274.js

@@ -1,69 +0,0 @@
-import { defineComponent as d, createElementBlock as l, openBlock as o, normalizeClass as u, createElementVNode as t, createBlock as i, createCommentVNode as s, unref as f, withCtx as g, toDisplayString as n } from "vue";
-import { useLocale as k } from "./index219.js";
-import h from "./index13.js";
-/* empty css        */
-import C from "./index85.js";
-/* empty css        */
-const w = { class: "bb-toast-message__icon-container" }, v = { class: "bb-toast-message__content" }, y = {
-  key: 1,
-  class: "bb-toast-message__title"
-}, B = { class: "bb-toast-message__text" }, z = /* @__PURE__ */ d({
-  __name: "BbToastMessage",
-  props: {
-    title: {},
-    text: {},
-    icon: {},
-    theme: { default: "default" },
-    id: {},
-    showClose: { type: Boolean }
-  },
-  emits: ["click:close"],
-  setup(r, { emit: c }) {
-    const m = r, p = c, { t: _ } = k(), b = () => {
-      p("click:close", m.id);
-    };
-    return (e, a) => (o(), l("div", {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      "aria-role": "alert",
-      class: u(["bb-toast-message", { [`bb-toast-message--${e.theme}`]: e.theme }])
-    }, [
-      t("div", w, [
-        e.icon ? (o(), i(C, {
-          key: 0,
-          class: "bb-toast-message__icon",
-          type: e.icon
-        }, null, 8, ["type"])) : s("", !0)
-      ]),
-      t("div", v, [
-        e.showClose ? (o(), i(h, {
-          key: 0,
-          "aria-label": f(_)("common.closeLabel").value,
-          class: "bb-toast-message__close",
-          onClick: b
-        }, {
-          default: g(() => a[0] || (a[0] = [
-            t("svg", {
-              fill: "none",
-              viewBox: "0 0 24 24",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              t("path", {
-                d: "M23 23L1 1M23 1L1 23",
-                stroke: "currentColor",
-                "stroke-linecap": "round",
-                "stroke-width": "2"
-              })
-            ], -1)
-          ])),
-          _: 1
-        }, 8, ["aria-label"])) : s("", !0),
-        e.title ? (o(), l("p", y, n(e.title), 1)) : s("", !0),
-        t("p", B, n(e.text), 1)
-      ])
-    ], 2));
-  }
-});
-export {
-  z as default
-};

package/dist/index284.js

@@ -1,9 +0,0 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
-};

package/dist/index321.js

@@ -1,60 +0,0 @@
-var o = function(a, e, s, t) {
-  if (s === "a" && !t) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e == "function" ? a !== e || !t : !e.has(a)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return s === "m" ? t : s === "a" ? t.call(a) : t ? t.value : e.get(a);
-}, i, l, r;
-class d {
-  constructor(...e) {
-    i.set(this, /* @__PURE__ */ new Map()), l.set(this, /* @__PURE__ */ new Map()), r.set(this, /* @__PURE__ */ new Map());
-    for (const s of e)
-      this.define(s);
-  }
-  define(e, s = !1) {
-    for (let [t, f] of Object.entries(e)) {
-      t = t.toLowerCase(), f = f.map((n) => n.toLowerCase()), o(this, r, "f").has(t) || o(this, r, "f").set(t, /* @__PURE__ */ new Set());
-      const h = o(this, r, "f").get(t);
-      let u = !0;
-      for (let n of f) {
-        const w = n.startsWith("*");
-        if (n = w ? n.slice(1) : n, h == null || h.add(n), u && o(this, l, "f").set(t, n), u = !1, w)
-          continue;
-        const c = o(this, i, "f").get(n);
-        if (c && c != t && !s)
-          throw new Error(`"${t} -> ${n}" conflicts with "${c} -> ${n}". Pass \`force=true\` to override this definition.`);
-        o(this, i, "f").set(n, t);
-      }
-    }
-    return this;
-  }
-  getType(e) {
-    if (typeof e != "string")
-      return null;
-    const s = e.replace(/^.*[/\\]/, "").toLowerCase(), t = s.replace(/^.*\./, "").toLowerCase(), f = s.length < e.length;
-    return !(t.length < s.length - 1) && f ? null : o(this, i, "f").get(t) ?? null;
-  }
-  getExtension(e) {
-    var s;
-    return typeof e != "string" ? null : (e = (s = e == null ? void 0 : e.split) == null ? void 0 : s.call(e, ";")[0], (e && o(this, l, "f").get(e.trim().toLowerCase())) ?? null);
-  }
-  getAllExtensions(e) {
-    return typeof e != "string" ? null : o(this, r, "f").get(e.toLowerCase()) ?? null;
-  }
-  _freeze() {
-    this.define = () => {
-      throw new Error("define() not allowed for built-in Mime objects. See https://github.com/broofa/mime/blob/main/README.md#custom-mime-instances");
-    }, Object.freeze(this);
-    for (const e of o(this, r, "f").values())
-      Object.freeze(e);
-    return this;
-  }
-  _getTestState() {
-    return {
-      types: o(this, i, "f"),
-      extensions: o(this, l, "f")
-    };
-  }
-}
-i = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-export {
-  d as default
-};

package/dist/index341.js

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