bitboss-ui 2.0.164 → 2.0.166

package/dist/index94.js

@@ -1,131 +1,149 @@
-import { defineComponent as v, ref as y, computed as g, openBlock as B, createBlock as $, withCtx as a, renderSlot as i, normalizeProps as r, guardReactiveProps as l, createVNode as w, mergeProps as T } from "vue";
-import V from "./index27.js";
+import { defineComponent as V, useTemplateRef as b, ref as D, computed as w, createBlock as h, openBlock as c, normalizeClass as M, withCtx as u, createElementBlock as z, createCommentVNode as g, unref as k, renderSlot as y, createElementVNode as f, toDisplayString as O, normalizeProps as S, guardReactiveProps as H, nextTick as I } from "vue";
+import { useId as N } from "./index8.js";
+import { useIntersectionObserver as R } from "./index137.js";
+import { useLocale as U } from "./index216.js";
+import { useUntil as W } from "./index231.js";
+import q from "./index13.js";
 /* empty css        */
-import D from "./index33.js";
-/* empty css        */
-const E = /* @__PURE__ */ v({
-  __name: "BbRadioGroup",
+import A from "./index232.js";
+/* empty css         */
+const Z = ["inert"], j = { class: "bb-popover__close-label sr-only" }, oe = /* @__PURE__ */ V({
+  __name: "BbPopover",
   props: {
-    autofocus: {},
-    color: {},
-    compact: { type: Boolean },
-    dependencies: {},
-    depsDebounceTime: {},
+    arrowPadding: { default: 10 },
+    closeLabel: {},
+    block: { type: Boolean },
     disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hideLegend: { type: Boolean },
-    hint: {},
-    id: {},
-    inputDirection: {},
-    items: { type: [Array, Function] },
-    itemText: {},
-    itemValue: {},
-    legend: {},
-    loadingText: {},
-    modelValue: {},
-    modelValueDebounceTime: {},
-    name: {},
-    noDataText: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    required: { type: Boolean },
-    reverse: { type: Boolean }
+    eager: { type: Boolean },
+    offset: { default: 3 },
+    padding: { default: 10 },
+    placement: { default: "bottom" },
+    showClose: { type: Boolean, default: !0 },
+    theme: { default: "default" },
+    transitionDuration: { default: 300 },
+    teleportTarget: {},
+    focusTarget: {},
+    width: {}
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(s, { emit: p }) {
-    const u = s, n = p, d = y(!1), m = g(() => u.persistentHint || d.value), c = {
-      onBlur: (e) => n("blur", e),
-      onChange: (e) => n("change", e),
-      onClick: (e) => n("click", e),
-      onFocus: (e) => {
-        d.value = !0, n("focus", e);
+  emits: ["shown", "hidden"],
+  setup(C, { expose: $, emit: L }) {
+    const a = C, n = L, { t: _ } = U(), { id: B } = N(), i = `bbp_${B.value}`, r = b("wrapper"), d = b("content");
+    R(
+      r,
+      async ([{ intersectionRatio: e }]) => {
+        e !== 1 && o.value && (await l(), n("hidden"));
       },
-      onInactive: () => {
-        d.value = !1, n("inactive");
+      { threshold: [0, 1] }
+    );
+    const o = D(!1), T = W(o), m = (e) => {
+      var t;
+      e.target instanceof HTMLElement && ((t = d.value) != null && t.contains(e.target) || l());
+    }, P = async () => {
+      o.value = !0, document.addEventListener("click", m);
+    }, l = async () => {
+      o.value = !1, document.removeEventListener("click", m);
+    }, v = async () => {
+      var s;
+      if (o.value) {
+        await l(), n("hidden");
+        return;
+      }
+      if (a.disabled) return;
+      await P();
+      let e = a.focusTarget ?? ".bb-popover__close";
+      await I();
+      const t = (s = d.value) == null ? void 0 : s.querySelector(e);
+      t instanceof HTMLElement && (t.focus(), n("shown"));
+    }, p = async () => {
+      await l(), n("hidden");
+    }, E = w(() => {
+      if (a.width) {
+        let e;
+        return typeof a.width == "string" && /^\d+[a-zA-Z%]+$/.test(a.width) ? a.width.includes("%") ? r.value ? `${r.value.$el.clientWidth * (+a.width.replace("%", "") / 100)}px` : void 0 : a.width : (e = `${a.width}px`, `${e}px`);
+      }
+    });
+    return $({
+      open: v,
+      close: p,
+      closed: w(() => !o.value)
+    }), (e, t) => (c(), h(A, {
+      ref_key: "wrapper",
+      ref: r,
+      modelValue: o.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (s) => o.value = s),
+      "arrow-padding": e.arrowPadding,
+      block: e.block,
+      class: M(["bb-popover", {
+        [`bb-popover--${e.theme}`]: !0
+      }]),
+      "container-attributes": {
+        id: `popover_${i}`,
+        style: {
+          width: E.value
+        }
       },
-      onInput: (e) => n("input", e),
-      onKeydown: (e) => n("keydown", e),
-      onMousedown: (e) => n("mousedown", e),
-      onMouseup: (e) => n("mouseup", e),
-      "onUpdate:modelValue": (e) => n("update:modelValue", e)
-    };
-    return (e, k) => (B(), $(V, {
-      id: e.id,
-      class: "bb-radio-group",
-      compact: e.compact,
-      direction: "vertical",
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLegend,
-      hint: e.hint,
-      label: e.legend,
-      "label-tag": "legend",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value,
-      tag: "fieldset"
+      offset: e.offset,
+      padding: e.padding,
+      placement: e.placement,
+      tag: "dialog",
+      "transition-duration": e.transitionDuration
     }, {
-      label: a((t) => [
-        i(e.$slots, "legend", r(l(t)))
+      activator: u(() => [
+        y(e.$slots, "activator", S(H({
+          props: {
+            "aria-controls": `popover_${i}`,
+            "aria-expanded": o.value,
+            onClick: v,
+            id: i,
+            disabled: !!e.disabled
+          },
+          disabled: !!e.disabled,
+          open: o.value,
+          placement: e.placement
+        })))
       ]),
-      input: a(({ id: t, name: b, hasErrors: h, ariaDescribedby: f }) => [
-        w(D, T({
-          id: t,
-          "aria-describedby": f,
-          autofocus: e.autofocus,
-          color: e.color,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          direction: e.inputDirection,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "has-errors": h,
-          "hide-label": e.hideLabel,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          "loading-text": e.loadingText,
-          "model-value": e.modelValue,
-          "model-value-debounce-time": e.modelValueDebounceTime,
-          name: b,
-          "no-data-text": e.noDataText,
-          readonly: e.readonly,
-          required: e.required
-        }, c), {
-          prepend: a((o) => [
-            i(e.$slots, "prepend", r(l(o)))
-          ]),
-          loading: a((o) => [
-            i(e.$slots, "loading", r(l(o)))
-          ]),
-          "no-data": a((o) => [
-            i(e.$slots, "no-data", r(l(o)))
-          ]),
-          "option:prepend": a((o) => [
-            i(e.$slots, "option:prepend", r(l(o)))
-          ]),
-          icon: a((o) => [
-            i(e.$slots, "icon", r(l(o)))
-          ]),
-          label: a((o) => [
-            i(e.$slots, "label", r(l(o)))
-          ]),
-          "option:append": a((o) => [
-            i(e.$slots, "option:append", r(l(o)))
-          ]),
-          append: a((o) => [
-            i(e.$slots, "append", r(l(o)))
-          ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly", "required"])
+      default: u(() => [
+        k(T) ? (c(), z("span", {
+          key: 0,
+          ref_key: "content",
+          ref: d,
+          class: "bb-popover__content",
+          inert: !o.value
+        }, [
+          e.showClose ? (c(), h(q, {
+            key: 0,
+            class: "bb-popover__close",
+            onClick: p
+          }, {
+            default: u(() => [
+              f("span", j, O(e.closeLabel || k(_)("common.closeLabel").value), 1),
+              t[1] || (t[1] = f("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                f("path", {
+                  d: "M23 23L1 1M23 1L1 23",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-width": "2"
+                })
+              ], -1))
+            ]),
+            _: 1
+          })) : g("", !0),
+          y(e.$slots, "default", {
+            close: p,
+            disabled: !!e.disabled,
+            open: o.value,
+            placement: e.placement
+          })
+        ], 8, Z)) : g("", !0)
       ]),
       _: 3
-    }, 8, ["id", "compact", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
+    }, 8, ["modelValue", "arrow-padding", "block", "class", "container-attributes", "offset", "padding", "placement", "transition-duration"]));
   }
 });
 export {
-  E as default
+  oe as default
 };

package/dist/index96.js

@@ -1,100 +1,33 @@
-import { defineComponent as f, ref as g, computed as v, openBlock as y, createBlock as B, withCtx as s, renderSlot as a, normalizeProps as r, guardReactiveProps as i, createVNode as w, mergeProps as k } from "vue";
-import P from "./index27.js";
-/* empty css        */
-import V from "./index35.js";
-/* empty css        */
-const I = /* @__PURE__ */ f({
-  __name: "BbRating",
+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 "./index208.js";
+import { getAsPercentageBetween as i } from "./index136.js";
+const _ = /* @__PURE__ */ r({
+  __name: "BbProgress",
   props: {
-    autofocus: {},
-    color: {},
-    compact: { type: Boolean },
-    disabled: { type: Boolean },
-    errors: {},
-    hasErrors: { type: Boolean },
-    hideLegend: { type: Boolean },
-    hint: {},
-    id: {},
-    inputPosition: { default: "left" },
-    legend: {},
-    legendPosition: {},
-    modelValue: {},
-    name: {},
-    persistentHint: { type: Boolean },
-    readonly: { type: Boolean },
-    reverse: { type: Boolean },
-    stars: {},
-    size: {}
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 }
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(d, { emit: p }) {
-    const u = d, o = p, l = g(!1), m = v(() => u.persistentHint || l.value), c = {
-      onBlur: (e) => o("blur", e),
-      onChange: (e) => o("change", e),
-      onClick: (e) => o("click", e),
-      onFocus: (e) => {
-        l.value = !0, o("focus", e);
-      },
-      onInactive: () => {
-        l.value = !1, o("inactive");
-      },
-      onInput: (e) => o("input", e),
-      onKeydown: (e) => o("keydown", e),
-      onMousedown: (e) => o("mousedown", e),
-      onMouseup: (e) => o("mouseup", e),
-      "onUpdate:modelValue": (e) => o("update:modelValue", e)
-    };
-    return (e, $) => (y(), B(P, {
-      id: e.id,
-      class: "bb-rating",
-      compact: e.compact,
-      direction: "vertical",
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLegend,
-      hint: e.hint,
-      "input-position": e.inputPosition,
-      label: e.legend,
-      "label-position": e.legendPosition,
-      "label-tag": "legend",
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value,
-      tag: "fieldset"
-    }, {
-      label: s((t) => [
-        a(e.$slots, "legend", r(i(t)))
-      ]),
-      input: s(({ id: t, hasErrors: h, ariaDescribedby: b }) => [
-        w(V, k({
-          id: t,
-          "aria-describedby": b,
-          autofocus: e.autofocus,
-          color: e.color,
-          disabled: e.disabled,
-          "has-errors": h,
-          "model-value": e.modelValue,
-          name: e.name,
-          readonly: e.readonly,
-          size: e.size,
-          stars: e.stars
-        }, c), {
-          prepend: s((n) => [
-            a(e.$slots, "prepend", r(i(n)))
-          ]),
-          append: s((n) => [
-            a(e.$slots, "append", r(i(n)))
-          ]),
-          icon: s((n) => [
-            a(e.$slots, "icon", r(i(n)))
-          ]),
-          _: 2
-        }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "model-value", "name", "readonly", "size", "stars"])
-      ]),
-      _: 3
-    }, 8, ["id", "compact", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
+  setup(t) {
+    const e = t, o = a(
+      () => p(
+        i(e.modelValue || e.min, e.min, e.max),
+        0,
+        100
+      )
+    );
+    return (d, u) => (s(), l("div", {
+      class: m(["bb-progress", {
+        "bb-progress--horizontal": !0
+      }])
+    }, [
+      n("div", {
+        class: "bb-progress-bar",
+        style: c({ width: o.value + "%" })
+      }, null, 4)
+    ]));
   }
 });
 export {
-  I as default
+  _ as default
 };

package/dist/index98.js

@@ -1,24 +1,94 @@
-import { defineComponent as t, openBlock as o, createBlock as a, resolveDynamicComponent as r, normalizeStyle as l, withCtx as n, renderSlot as s } from "vue";
-const d = /* @__PURE__ */ t({
-  __name: "BbRatio",
+import { defineComponent as f, ref as v, computed as y, createBlock as k, openBlock as B, withCtx as l, createVNode as w, mergeProps as n, renderSlot as i, normalizeProps as g, guardReactiveProps as P } from "vue";
+import V from "./index27.js";
+/* empty css        */
+import q from "./index31.js";
+/* empty css        */
+const R = /* @__PURE__ */ f({
+  __name: "BbRadio",
   props: {
-    ratio: { default: 1 },
-    tag: { default: "div" }
+    autofocus: {},
+    checked: {},
+    color: {},
+    direction: { default: "auto" },
+    disabled: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hint: {},
+    id: {},
+    inputPosition: {},
+    label: {},
+    labelPosition: {},
+    modelValue: {},
+    name: {},
+    persistentHint: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    reverse: { type: Boolean, default: !0 },
+    value: {}
   },
-  setup(i) {
-    return (e, p) => (o(), a(r(e.tag), {
-      class: "bb-ratio",
-      style: l({
-        aspectRatio: e.ratio
-      })
+  emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(s, { emit: t }) {
+    const d = s, o = t, r = v(!1), u = y(() => d.persistentHint || r.value), p = {
+      onBlur: (e) => {
+        r.value = !1, o("blur", e);
+      },
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
+      onFocus: (e) => {
+        r.value = !0, o("focus", e);
+      },
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
+    };
+    return (e, C) => (B(), k(V, {
+      id: e.id,
+      class: "bb-radio",
+      direction: e.direction,
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      hint: e.hint,
+      "input-position": e.inputPosition,
+      label: e.label,
+      "label-position": e.labelPosition,
+      "label-tag": "span",
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": u.value,
+      tag: "label"
     }, {
-      default: n(() => [
-        s(e.$slots, "default")
+      label: l((a) => [
+        i(e.$slots, "label", g(P(a)))
+      ]),
+      input: l(({ id: a, name: m, hasErrors: c, ariaDescribedby: b }) => [
+        w(q, n({
+          id: a,
+          "aria-describedby": b,
+          autofocus: e.autofocus,
+          checked: e.checked,
+          color: e.color,
+          disabled: e.disabled,
+          "has-errors": c,
+          "model-value": e.modelValue,
+          name: m,
+          readonly: e.readonly,
+          required: e.required,
+          value: e.value
+        }, p), {
+          icon: l((h) => [
+            i(e.$slots, "icon", n(h, { text: e.label }))
+          ]),
+          _: 2
+        }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "model-value", "name", "readonly", "required", "value"])
       ]),
       _: 3
-    }, 8, ["style"]));
+    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "input-position", "label", "label-position", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  d as default
+  R as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bitboss-ui",
-	"version": "2.0.164",
+	"version": "2.0.166",
 	"type": "module",
 	"sideEffects": false,
 	"scripts": {
@@ -18,21 +18,20 @@
 		"prepare": "husky install"
 	},
 	"dependencies": {
-		"@floating-ui/dom": "^1.6.10",
-		"@floating-ui/vue": "^1.1.4",
+		"@floating-ui/vue": "^1.1.6",
 		"@nuxt/kit": "npm:@nuxt/kit-nightly@latest",
-		"@tanstack/vue-virtual": "^3.10.7",
-		"copy-anything": "^4.0.2",
+		"@tanstack/vue-virtual": "^3.13.3",
+		"copy-anything": "^4.0.3",
 		"dayjs": "^1.11.13",
 		"doublet": "^1.0.1",
-		"focus-trap": "^7.5.4",
+		"focus-trap": "^7.6.4",
 		"focusable-selectors": "^0.8.4",
 		"lodash.clonedeepwith": "^4.5.0",
 		"lodash.deburr": "^4.1.0",
 		"lodash.throttle": "^4.1.1",
-		"maska": "^3.0.2",
-		"mime": "^4.0.4",
-		"nanoid": "^5.0.9",
+		"maska": "^3.1.0",
+		"mime": "^4.0.6",
+		"nanoid": "^5.1.3",
 		"object-code": "^1.3.3"
 	},
 	"peerDependencies": {
@@ -50,34 +49,34 @@
 		"@types/lodash.snakecase": "^4.1.9",
 		"@types/lodash.throttle": "^4.1.9",
 		"@types/mime": "^4.0.0",
-		"@types/node": "^22.5.4",
-		"@typescript-eslint/eslint-plugin": "^8.5.0",
-		"@typescript-eslint/parser": "^8.5.0",
-		"@vitejs/plugin-vue": "^5.1.3",
-		"autoprefixer": "^10.4.20",
+		"@types/node": "^22.13.10",
+		"@typescript-eslint/eslint-plugin": "^8.26.1",
+		"@typescript-eslint/parser": "^8.26.1",
+		"@vitejs/plugin-vue": "^5.2.1",
+		"autoprefixer": "^10.4.21",
 		"cypress": "^13.14.2",
 		"eslint": "^8.57.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-import-resolver-alias": "^1.1.2",
 		"eslint-plugin-perfectionist": "^3.5.0",
 		"eslint-plugin-vue": "^9.28.0",
-		"husky": "^9.1.5",
-		"lightningcss": "^1.26.0",
-		"lint-staged": "^15.2.10",
-		"postcss": "^8.4.45",
+		"husky": "^9.1.7",
+		"lightningcss": "^1.29.2",
+		"lint-staged": "^15.5.0",
+		"postcss": "^8.5.3",
 		"postcss-import": "^16.1.0",
-		"prettier": "3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.6",
+		"prettier": "3.5.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
 		"rollup-plugin-typescript2": "^0.36.0",
-		"stylelint": "^16.11.0",
+		"stylelint": "^16.15.0",
 		"stylelint-order": "^6.0.4",
 		"tailwindcss": "^3.4.10",
-		"typescript": "^5.6.3",
-		"vite": "^5.4.3",
-		"vite-plugin-dts": "^4.2.1",
-		"vitepress": "^1.3.4",
-		"vue-router": "^4.4.3",
-		"vue-tsc": "^2.1.6"
+		"typescript": "^5.8.2",
+		"vite": "^6.2.1",
+		"vite-plugin-dts": "^4.5.3",
+		"vitepress": "^1.6.3",
+		"vue-router": "^4.5.0",
+		"vue-tsc": "^2.2.8"
 	},
 	"files": [
 		"dist"