bitboss-ui 2.1.98 → 2.1.99

package/dist/index262.js

@@ -1,25 +1,35 @@
-const i = (t) => {
-  const n = t.toString().replace(/\.0+$/, "").replace(/\.$/, "");
-  return parseFloat(n) || 0;
+import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
+/* empty css         */
+import n from "./index215.js";
+const l = {}, s = {
+  class: "bb-error-icon",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
 };
-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}`);
+function i(c, r) {
+  return t(), e("svg", s, r[0] || (r[0] = [
+    o("path", {
+      d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
+      fill: "currentColor"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 6.66666V9.99999",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1),
+    o("path", {
+      d: "M9.99414 13.3333H10.0025",
+      stroke: "white",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, null, -1)
+  ]));
 }
+const a = /* @__PURE__ */ n(l, [["render", i]]);
 export {
-  s as parseWidthString
+  a as default
 };

package/dist/index263.js

@@ -1,15 +1,30 @@
-const c = (t, r) => {
-  if (typeof t == "string") {
-    const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
-    if (n) {
-      const [, o, a] = n;
-      return a ? t : o + "px";
-    } else if (t in r)
-      return r[t] + "px";
-    throw new Error(`Invalid size: ${t}`);
+import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
+import { useLocale as s } from "./index231.js";
+const c = ["aria-label"], b = /* @__PURE__ */ l({
+  __name: "ClearableButton",
+  setup(u) {
+    const { t: o } = s();
+    return (i, e) => (r(), n("button", {
+      "aria-label": a(o)("common.clearLabel").value,
+      class: "bb-clearable-button",
+      type: "button"
+    }, e[0] || (e[0] = [
+      t("svg", {
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        t("path", {
+          d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2"
+        })
+      ], -1)
+    ]), 8, c));
   }
-  return t + "px";
-};
+});
 export {
-  c as parseSize
+  b as default
 };

package/dist/index265.js

@@ -1,9 +1,25 @@
-const s = (r, t) => {
-  if (r.endsWith("."))
-    return t === 0 ? r.slice(0, -1) : r;
-  const [n, i] = r.split(".");
-  return i ? `${n}.${i.slice(0, t)}` : r;
+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 {
-  s as clampPrecision
+  s as parseWidthString
 };

package/dist/index266.js

@@ -1,5 +1,11 @@
-import t from "./index323.js";
-const r = t;
+const o = (n, t) => {
+  for (let e = n.length - 1; e >= 0; e--) {
+    const i = n[e];
+    if (t(i, e, n))
+      return e;
+  }
+  return -1;
+};
 export {
-  r as throttle
+  o as findRightIndex
 };

package/dist/index267.js

@@ -1,36 +1,25 @@
-import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
-import { _config as e } from "./index4.js";
-import { useLogger as i } from "./index226.js";
-import { useFrameworkDetection as k } from "./index143.js";
-const y = /* @__PURE__ */ a({
-  __name: "RouterComponent",
-  setup(g) {
-    const { isInertia: r, isNuxt: s } = k();
-    let t;
-    if (r) {
-      if (t = o(e.inertiaLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else if (s) {
-      if (t = o(e.nuxtLinkName), typeof t == "string") {
-        const { warn: n } = i();
-        n(
-          `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
-        );
-      }
-    } else
-      t = "router-link";
-    return (n, d) => (l(), u(m(c(t)), null, {
-      default: p(() => [
-        f(n.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-});
+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 {
-  y as default
+  n as default
 };

package/dist/index268.js

@@ -1,6 +1,9 @@
-function x(e) {
-  return /^#([A-Fa-f0-9]{6})$/.test(e);
-}
+const s = (r, t) => {
+  if (r.endsWith("."))
+    return t === 0 ? r.slice(0, -1) : r;
+  const [n, i] = r.split(".");
+  return i ? `${n}.${i.slice(0, t)}` : r;
+};
 export {
-  x as isHex
+  s as clampPrecision
 };

package/dist/index269.js

@@ -1,203 +1,7 @@
-import { defineComponent as j, ref as s, onMounted as J, watch as Q, createElementBlock as M, openBlock as S, createElementVNode as x, createTextVNode as L, createCommentVNode as B, toDisplayString as y, unref as w } from "vue";
-import { hexToRgb as K } from "./index348.js";
-import { getHueFromRGB as F } from "./index349.js";
-import { hslToHex as b } from "./index350.js";
-import { useLocale as Z } from "./index232.js";
-const ee = {
-  id: "mainCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, te = { key: 0 }, ae = {
-  id: "hueCanvasDesc",
-  "aria-live": "polite",
-  class: "sr-only"
-}, ne = { key: 0 }, ue = /* @__PURE__ */ j({
-  __name: "ColorPallette",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(N, { emit: O }) {
-    const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
-      b(F(...K(o.value ?? "#ff0000")), 100, 50)
-    ), T = s(null), i = s(null), r = s(null), l = s({ x: 0, y: 0 }), u = s({ x: 0 }), p = s(!1), P = s(!1), q = () => {
-      const e = i.value, t = r.value;
-      !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
-    }, R = () => {
-      const e = i.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, v = () => {
-      const e = i.value;
-      if (!e) return;
-      const t = R();
-      if (!t) return;
-      t.clearRect(0, 0, e.width, e.height);
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
-      const n = t.createLinearGradient(0, 0, 0, e.height);
-      n.addColorStop(0, "transparent"), n.addColorStop(1, "#000000"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), t.fillStyle = n, t.globalCompositeOperation = "multiply", t.fillRect(0, 0, e.width, e.height), t.globalCompositeOperation = "source-over", t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, m = () => {
-      const e = R();
-      e && (e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        8,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
-        l.value.x,
-        l.value.y,
-        7,
-        0,
-        2 * Math.PI
-      ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
-    }, D = () => {
-      const e = r.value;
-      return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
-    }, g = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = D();
-      if (!t) return;
-      const a = t.createLinearGradient(0, 0, e.width, 0);
-      for (let n = 0; n <= 360; n += 60)
-        a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
-      a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), H(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
-    }, H = () => {
-      const e = r.value;
-      if (!e) return;
-      const t = D();
-      if (!t) return;
-      const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
-      t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
-    }, E = (e) => {
-      const t = i.value;
-      t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
-    }, U = (e) => {
-      const t = r.value;
-      t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
-    }, I = (e) => {
-      const t = i.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left)), c = Math.max(0, Math.min(t.height - 1, e.clientY - a.top));
-      l.value = { x: n, y: c }, v(), m(), o.value = C(), f("update:modelValue", o.value);
-    }, V = (e) => {
-      const t = r.value;
-      if (!t) return;
-      const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left));
-      u.value = { x: n };
-      const c = n / t.width * 360;
-      d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
-    }, G = (e) => {
-      p.value ? I(e) : P.value && V(e);
-    }, W = (e) => {
-      const t = p.value ? i.value : r.value;
-      t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
-    }, X = (e) => {
-      switch (e.key) {
-        case "ArrowUp":
-          l.value.y = Math.max(0, l.value.y - 5);
-          break;
-        case "ArrowDown":
-          l.value.y = Math.min(
-            i.value?.height ?? 0,
-            l.value.y + 5
-          );
-          break;
-        case "ArrowLeft":
-          l.value.x = Math.max(0, l.value.x - 5);
-          break;
-        case "ArrowRight":
-          l.value.x = Math.min(
-            i.value?.width ?? 0,
-            l.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    }, $ = (e) => {
-      switch (e.key) {
-        case "ArrowLeft":
-          u.value.x = Math.max(0, u.value.x - 5);
-          break;
-        case "ArrowRight":
-          u.value.x = Math.min(
-            r.value?.width ?? 0,
-            u.value.x + 5
-          );
-          break;
-        default:
-          return;
-      }
-      const a = u.value.x / (r.value?.width ?? 1) * 360;
-      d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
-    };
-    J(() => {
-      q(), A(o.value ?? "#ff0000");
-    }), Q(
-      () => _.modelValue,
-      (e) => {
-        !e || e === o.value || (o.value = e, A(e), g(), v());
-      }
-    );
-    const C = () => {
-      const e = i.value;
-      if (!e) return "#ffffff";
-      const t = e.getContext("2d");
-      if (!t) return "#ffffff";
-      const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
-      return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
-    };
-    function A(e) {
-      const t = F(...K(e));
-      d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
-    }
-    return (e, t) => (S(), M("span", {
-      ref_key: "paletteRef",
-      ref: T,
-      "aria-label": "Color Picker",
-      class: "bb-color-palette",
-      role: "application"
-    }, [
-      x("canvas", {
-        ref_key: "mainCanvasRef",
-        ref: i,
-        "aria-describedby": "mainCanvasDesc",
-        "aria-label": "Main Color Selection",
-        class: "bb-color-palette__canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: X,
-        onPointerdown: E,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ee, [
-        L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
-        o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
-      ]),
-      x("canvas", {
-        ref_key: "hueCanvasRef",
-        ref: r,
-        "aria-describedby": "hueCanvasDesc",
-        "aria-label": "Hue Selection",
-        class: "bb-color-palette__hue-canvas",
-        role: "application",
-        tabindex: "0",
-        onKeydown: $,
-        onPointerdown: U,
-        onPointermove: G,
-        onPointerup: W
-      }, null, 544),
-      x("span", ae, [
-        L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
-        d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
-      ])
-    ], 512));
-  }
-});
+import { getDefaultExportFromCjs as e } from "./index343.js";
+import { __require as r } from "./index322.js";
+var o = r();
+const f = /* @__PURE__ */ e(o);
 export {
-  ue as default
+  f as default
 };

package/dist/index270.js

@@ -0,0 +1,8 @@
+function e(t, r) {
+  if (!/\d{4}-\d{2}-\d{2}/.test(t))
+    throw new Error(`${r} must be in the format YYYY-MM-DD`);
+  return t;
+}
+export {
+  e as validateDateFormat
+};

package/dist/index271.js

@@ -1,11 +1,10 @@
-const o = (n, t) => {
-  for (let e = n.length - 1; e >= 0; e--) {
-    const i = n[e];
-    if (t(i, e, n))
-      return e;
+const o = "bitboss-ui | ", e = () => ({
+  warn: (r) => console.warn(`${o}${r}`),
+  error: (r) => console.error(`${o}${r}`),
+  throw: (r) => {
+    throw new Error(`${o}${r}`);
   }
-  return -1;
-};
+});
 export {
-  o as findRightIndex
+  e as useLogger
 };