bitboss-ui 2.0.176 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/dist/components/BaseButton/BaseButton.vue.d.ts +1 -1
  2. package/dist/components/BaseColorInput/BaseColorInput.vue.d.ts +0 -4
  3. package/dist/components/BaseDatePickerInput/BaseDatePickerInput.vue.d.ts +0 -4
  4. package/dist/components/BaseDialog/BaseDialog.vue.d.ts +1 -1
  5. package/dist/components/BaseSelect/BaseSelect.vue.d.ts +0 -4
  6. package/dist/components/BbDropdown/BbDropdown.vue.d.ts +1 -1
  7. package/dist/components/BbOffCanvas/BbOffCanvas.vue.d.ts +33 -29
  8. package/dist/components/BbPopover/BbPopover.vue.d.ts +2 -2
  9. package/dist/components/BbSelect/BbSelect.vue.d.ts +0 -4
  10. package/dist/components/BbSmoothHeight/BbSmoothHeight.vue.d.ts +2 -2
  11. package/dist/components/BbTooltip/BbTooltip.vue.d.ts +2 -2
  12. package/dist/index.css +1 -1
  13. package/dist/index106.js +8 -8
  14. package/dist/index107.js +29 -31
  15. package/dist/index111.js +1 -1
  16. package/dist/index113.js +1 -1
  17. package/dist/index121.js +11 -11
  18. package/dist/index129.js +1 -1
  19. package/dist/index13.js +1 -1
  20. package/dist/index131.js +13 -14
  21. package/dist/index133.js +1 -1
  22. package/dist/index136.js +1 -1
  23. package/dist/index138.js +1 -1
  24. package/dist/index139.js +2 -2
  25. package/dist/index15.js +13 -14
  26. package/dist/index17.js +3 -3
  27. package/dist/index19.js +8 -8
  28. package/dist/index207.js +2 -2
  29. package/dist/index208.js +2 -2
  30. package/dist/index209.js +13 -13
  31. package/dist/index21.js +16 -16
  32. package/dist/index210.js +12 -65
  33. package/dist/index211.js +13 -0
  34. package/dist/index212.js +33 -176
  35. package/dist/index213.js +59 -79
  36. package/dist/index215.js +13 -29
  37. package/dist/index216.js +4 -17
  38. package/dist/index217.js +18 -49
  39. package/dist/index218.js +197 -15
  40. package/dist/index220.js +113 -12
  41. package/dist/index222.js +3 -34
  42. package/dist/index223.js +86 -2
  43. package/dist/index225.js +29 -2
  44. package/dist/index226.js +17 -5
  45. package/dist/index227.js +51 -5
  46. package/dist/index228.js +15 -5
  47. package/dist/index229.js +3 -5
  48. package/dist/index23.js +45 -46
  49. package/dist/index230.js +12 -5
  50. package/dist/index231.js +16 -5
  51. package/dist/index232.js +2 -2
  52. package/dist/index233.js +4 -2
  53. package/dist/index234.js +5 -2
  54. package/dist/index235.js +5 -13
  55. package/dist/index236.js +5 -11
  56. package/dist/index237.js +5 -20
  57. package/dist/index238.js +5 -113
  58. package/dist/index239.js +7 -0
  59. package/dist/index240.js +2 -106
  60. package/dist/index241.js +4 -0
  61. package/dist/index242.js +2 -100
  62. package/dist/index244.js +12 -4
  63. package/dist/index245.js +5 -196
  64. package/dist/index246.js +108 -0
  65. package/dist/index248.js +100 -12
  66. package/dist/index25.js +45 -51
  67. package/dist/index250.js +3 -3
  68. package/dist/index251.js +176 -12
  69. package/dist/index252.js +5 -3
  70. package/dist/index253.js +4 -4
  71. package/dist/index254.js +8 -5
  72. package/dist/index255.js +248 -6
  73. package/dist/index256.js +42 -240
  74. package/dist/index257.js +35 -43
  75. package/dist/index258.js +5 -44
  76. package/dist/index259.js +60 -5
  77. package/dist/index260.js +2 -60
  78. package/dist/index263.js +9 -8
  79. package/dist/index264.js +3 -23
  80. package/dist/index265.js +6 -10
  81. package/dist/index266.js +16 -3
  82. package/dist/index267.js +3 -41
  83. package/dist/index268.js +9 -7
  84. package/dist/index269.js +8 -14
  85. package/dist/index27.js +1 -1
  86. package/dist/index270.js +23 -3
  87. package/dist/index271.js +9 -6
  88. package/dist/index272.js +8 -16
  89. package/dist/index273.js +2 -9
  90. package/dist/index274.js +5 -9
  91. package/dist/index275.js +66 -7
  92. package/dist/index276.js +5 -2
  93. package/dist/index277.js +8 -5
  94. package/dist/index278.js +7 -67
  95. package/dist/index279.js +10 -4
  96. package/dist/index280.js +2 -8
  97. package/dist/{index348.js → index281.js} +1 -1
  98. package/dist/index283.js +7 -3
  99. package/dist/index284.js +4 -3
  100. package/dist/index285.js +5 -17
  101. package/dist/index286.js +4 -28
  102. package/dist/index287.js +3 -2
  103. package/dist/index288.js +17 -4
  104. package/dist/index289.js +28 -4
  105. package/dist/index29.js +3 -3
  106. package/dist/index290.js +3 -280
  107. package/dist/index291.js +3 -2
  108. package/dist/index292.js +271 -116
  109. package/dist/index293.js +2 -2
  110. package/dist/index294.js +123 -13
  111. package/dist/index295.js +2 -2
  112. package/dist/index296.js +13 -14
  113. package/dist/index298.js +9 -9
  114. package/dist/index300.js +14 -17
  115. package/dist/index302.js +19 -3
  116. package/dist/index303.js +2 -7
  117. package/dist/index304.js +3 -11
  118. package/dist/index305.js +1 -1
  119. package/dist/index306.js +2 -3
  120. package/dist/index307.js +6 -3
  121. package/dist/index308.js +18 -5
  122. package/dist/index309.js +2 -2
  123. package/dist/index31.js +2 -2
  124. package/dist/index310.js +27 -5
  125. package/dist/index311.js +2 -19
  126. package/dist/index312.js +2 -2
  127. package/dist/index313.js +2 -27
  128. package/dist/index314.js +2 -2
  129. package/dist/index315.js +1 -1
  130. package/dist/index316.js +21 -1
  131. package/dist/index318.js +5 -2
  132. package/dist/index319.js +701 -22
  133. package/dist/index320.js +356 -0
  134. package/dist/index321.js +53 -466
  135. package/dist/index322.js +1 -1
  136. package/dist/index323.js +8 -5
  137. package/dist/index324.js +6 -200
  138. package/dist/index325.js +7 -700
  139. package/dist/index326.js +7 -354
  140. package/dist/index327.js +221 -51
  141. package/dist/index328.js +58 -2
  142. package/dist/index329.js +58 -7
  143. package/dist/index33.js +8 -8
  144. package/dist/index330.js +32 -46
  145. package/dist/index331.js +27 -128
  146. package/dist/index333.js +128 -6
  147. package/dist/index334.js +366 -16
  148. package/dist/index335.js +46 -32
  149. package/dist/index336.js +7 -28
  150. package/dist/index337.js +21 -0
  151. package/dist/index338.js +92 -57
  152. package/dist/index340.js +3 -8
  153. package/dist/index341.js +128 -5
  154. package/dist/index342.js +434 -6
  155. package/dist/index343.js +125 -226
  156. package/dist/index344.js +474 -85
  157. package/dist/index345.js +43 -478
  158. package/dist/index35.js +4 -4
  159. package/dist/index37.js +19 -20
  160. package/dist/index39.js +13 -13
  161. package/dist/index41.js +2 -2
  162. package/dist/index43.js +8 -8
  163. package/dist/index45.js +8 -8
  164. package/dist/index47.js +2 -2
  165. package/dist/index49.js +3 -3
  166. package/dist/index53.js +1 -1
  167. package/dist/index55.js +1 -1
  168. package/dist/index57.js +1 -1
  169. package/dist/index61.js +3 -3
  170. package/dist/index67.js +1 -1
  171. package/dist/index79.js +18 -19
  172. package/dist/index81.js +1 -1
  173. package/dist/index83.js +2 -2
  174. package/dist/index85.js +1 -1
  175. package/dist/index87.js +1 -1
  176. package/dist/index90.js +152 -225
  177. package/dist/index92.js +2 -2
  178. package/dist/index94.js +11 -12
  179. package/dist/index96.js +1 -1
  180. package/dist/types/CommonProps.d.ts +0 -4
  181. package/package.json +2 -3
  182. package/dist/components/BbTeleport.vue.d.ts +0 -20
  183. package/dist/index219.js +0 -5
  184. package/dist/index221.js +0 -18
  185. package/dist/index224.js +0 -6
  186. package/dist/index249.js +0 -8
  187. package/dist/index282.js +0 -9
  188. package/dist/index317.js +0 -4
  189. package/dist/index332.js +0 -371
  190. package/dist/index339.js +0 -60
  191. package/dist/index346.js +0 -131
  192. package/dist/index349.js +0 -49
  193. package/dist/index350.js +0 -438
  194. package/dist/index351.js +0 -129
  195. /package/dist/{index247.js → index243.js} +0 -0
package/dist/index90.js CHANGED
@@ -1,247 +1,174 @@
1
- import { defineComponent as ae, ref as l, useAttrs as ne, computed as u, getCurrentInstance as ie, onBeforeUnmount as A, onMounted as re, watch as ue, createBlock as ce, openBlock as g, withCtx as de, createElementVNode as s, mergeProps as E, createElementBlock as $, createCommentVNode as T, renderSlot as n, createTextVNode as fe, toDisplayString as H, unref as ve, nextTick as pe } from "vue";
2
- import { useFocusTrap as be } from "./index267.js";
3
- import { useId as I } from "./index8.js";
4
- import { wait as D } from "./index135.js";
5
- import { useModalsState as b } from "./index268.js";
6
- import me from "./index269.js";
7
- import { useMobile as ye } from "./index9.js";
8
- import { useLocale as he } from "./index235.js";
9
- const ge = ["inert"], _e = { class: "bb-offcanvas-close" }, ke = ["aria-label"], De = /* @__PURE__ */ ae({
1
+ 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";
2
+ import { parseSize as J } from "./index209.js";
3
+ import { useId as D } from "./index8.js";
4
+ import { useLocale as Q } from "./index210.js";
5
+ import { useMobile as X } from "./index9.js";
6
+ import { useUntil as Y } from "./index211.js";
7
+ import { wait as h } from "./index135.js";
8
+ const Z = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], x = {
9
+ ref: "header",
10
+ class: "bb-offcanvas__header"
11
+ }, ee = { class: "bb-offcanvas__close" }, oe = ["aria-label", "disabled"], te = {
12
+ ref: "body",
13
+ class: "bb-offcanvas__body scrollbar-border"
14
+ }, le = {
15
+ ref: "footer",
16
+ class: "bb-offcanvas__footer"
17
+ }, ue = /* @__PURE__ */ O({
10
18
  __name: "BbOffCanvas",
11
- props: {
19
+ props: /* @__PURE__ */ E({
12
20
  closeLabel: {},
13
21
  compact: { type: Boolean },
14
22
  disabled: { type: Boolean },
15
23
  eager: { type: Boolean },
16
- panelClasses: { default: () => [] },
17
- overlayClasses: { default: () => [] },
18
24
  persistent: { type: Boolean },
19
25
  showClose: { type: Boolean, default: !0 },
20
26
  title: {},
21
- transition: { default: "fade" },
22
- transitionDuration: { default: 350 },
27
+ transitionDuration: { default: 300 },
23
28
  size: { default: "sm" },
24
29
  description: {},
25
30
  focusTarget: {},
26
31
  fullscreen: { type: [Boolean, String] },
27
- modelValue: { type: [Boolean, null] },
32
+ panelClasses: { default: () => [] },
33
+ overlayClasses: { default: () => [] },
28
34
  direction: { default: "left" }
29
- },
30
- emits: ["shown", "hidden", "update:modelValue"],
31
- setup(W, { emit: F }) {
32
- var O, S;
33
- const e = W, c = F, { t: R } = he(), _ = `title_${I().id.value}`, k = `description_${I().id.value}`, { isMobile: K } = ye(), d = l(null), C = l(null), P = l(null), U = l(null), j = l(null), q = l(null), G = ne(), w = u(
34
- () => e.fullscreen === !0 || e.fullscreen === "mobile" && K.value
35
- ), L = !!((S = (O = ie()) == null ? void 0 : O.proxy) != null && S.$nuxt), f = l(0), J = u(() => {
36
- const { openedModals: t } = b();
37
- return !t.value || t.value === f.value;
38
- }), { activate: Q, deactivate: X } = be(C, {
39
- initialFocus: e.focusTarget ?? void 0,
40
- clickOutsideDeactivates: (t) => t.target === d.value,
41
- allowOutsideClick: !0,
42
- /* On esc deactivate the trap, return focus and then close the modal */
43
- escapeDeactivates: () => (pe(() => {
44
- c("update:modelValue", !1);
45
- }), !0)
46
- }), Y = u(() => e.closeLabel), B = l(!1), v = l(!1), m = l(!0), p = l(!1), i = l(e.eager || e.modelValue), x = l(null), Z = u(() => v.value || p.value), ee = () => {
47
- if (!globalThis.document) return;
48
- const t = window.innerWidth - document.documentElement.clientWidth;
49
- document.body.style.overflow = "hidden", document.body.style.paddingRight = `${t}px`;
50
- }, V = () => {
51
- globalThis.document && (document.body.style.overflow = "auto", document.body.style.paddingRight = "0px");
52
- };
53
- A(() => {
54
- if (e.modelValue) {
55
- const { openedModals: t, modalHasClosed: o } = b();
56
- t.value && (o(), f.value = 0, V());
57
- }
58
- }), re(() => {
59
- !e.modelValue && !i.value || L && !globalThis.document || N();
60
- }), A(() => {
61
- if (e.modelValue) {
62
- const { openedModals: t, modalHasClosed: o } = b();
63
- t.value && (o(), f.value = 0, V());
64
- }
65
- }), ue(
66
- () => e.modelValue,
67
- () => {
68
- !e.modelValue && !i.value || L && !globalThis.document || N();
69
- },
70
- { flush: "post" }
71
- );
72
- const N = async () => {
73
- if (e.modelValue) {
74
- i.value || (i.value = !0), m.value = !1, p.value = !1, v.value = !0;
75
- const { modalHasOpened: t, openedModals: o } = b();
76
- t(), f.value = o.value, ee(), await D(e.transitionDuration), v.value = !1, B.value = !0, c("shown"), Q();
77
- } else {
78
- X(), v.value = !1, B.value = !1, p.value = !0;
79
- const { modalHasClosed: t, openedModals: o } = b();
80
- t(), f.value = 0, o.value || V(), await D(e.transitionDuration), p.value = !1, m.value = !0, c("hidden"), x.value instanceof HTMLElement && x.value.focus();
35
+ }, {
36
+ modelValue: { type: Boolean, default: !1 },
37
+ modelModifiers: {}
38
+ }),
39
+ emits: /* @__PURE__ */ E(["shown", "hidden"], ["update:modelValue"]),
40
+ setup(g, { emit: S }) {
41
+ const o = g, w = S, t = P(g, "modelValue"), { t: V } = Q(), I = p(
42
+ () => o.closeLabel || V("dialog.closeLabel").value
43
+ ), i = T(null), u = Y(
44
+ () => t.value || o.eager,
45
+ {
46
+ initialValue: t.value || o.eager
81
47
  }
82
- }, y = (t) => {
83
- t.target === d.value && t.preventDefault();
84
- }, z = l(!1), te = async (t) => {
85
- e.disabled || Z.value || d.value && t.target === d.value && (e.persistent ? C.value && (z.value = !0, await D(100), z.value = !1) : c("update:modelValue", !1));
86
- }, M = () => {
87
- e.disabled || c("update:modelValue", !1);
88
- }, oe = u(() => {
89
- const t = [
90
- {
91
- "bb-offcanvas bb-offcanvas__overlay": !0,
92
- "bb-offcanvas--fullscreen": w.value,
93
- "bb-offcanvas--faded": !J.value,
94
- "bb-offcanvas--open": B.value,
95
- "bb-offcanvas--opening": v.value,
96
- "bb-offcanvas--closed": m.value,
97
- "bb-offcanvas--closing": p.value,
98
- "bb-offcanvas--attempted-closing": z.value,
99
- [`bb-offcanvas--${e.direction}`]: !0
100
- },
101
- e.overlayClasses
102
- ].flat(), o = {
103
- onClick: te,
104
- onScroll: y,
105
- onTouchmove: y,
106
- onWheel: y,
107
- onKeydown: y
108
- }, a = {
109
- transitionDuration: e.transitionDuration / 1e3 + "s"
110
- };
111
- return {
112
- class: t,
113
- style: a,
114
- ...o,
115
- ...G
116
- };
117
- }), le = u(() => {
118
- const t = [
119
- {
120
- "bb-offcanvas__panel": !0,
121
- "bb-offcanvas__panel--compact": e.compact
122
- },
123
- e.panelClasses
124
- ].flat(), o = {
125
- role: "dialog",
126
- "aria-modal": !0
127
- };
128
- i.value && (o["aria-labelledby"] = _, e.description && (o["aria-describedby"] = k));
129
- let a, r;
130
- const h = {
131
- sm: 384,
132
- md: 652,
133
- lg: 896
134
- };
135
- e.direction === "left" || e.direction === "right" ? w.value ? a = "100%" : typeof e.size == "number" ? a = e.size + "px" : e.size in h ? a = h[e.size] + "px" : a = e.size + "px" : w.value ? r = "100%" : typeof e.size == "number" ? r = e.size + "px" : e.size in h ? r = h[e.size] + "px" : Number.isNaN(Number(e.size)) ? e.size === "auto" && (r = "auto") : r = e.size + "px";
136
- const se = {
137
- maxWidth: a,
138
- height: r,
139
- transitionDuration: e.transitionDuration / 1e3 + "s"
140
- };
141
- return {
142
- class: t,
143
- style: se,
144
- ...o
145
- };
48
+ ), f = `title_${D().id.value}`, m = `description_${D().id.value}`, C = (e) => {
49
+ if (e.key === "Escape" && (o.disabled || o.persistent))
50
+ return e.preventDefault(), a.value = !0, h(200).then(() => {
51
+ a.value = !1;
52
+ }), !1;
53
+ }, k = async (e) => {
54
+ var n, B, L, M;
55
+ e ? ((n = window.globalThis) != null && n.document && !document.documentElement.style.getPropertyValue("--scrollbar-width") && (document.documentElement.style.setProperty(
56
+ "--scrollbar-width",
57
+ `${W()}px`
58
+ ), document.addEventListener("keydown", C)), (B = i.value) == null || B.showModal(), o.focusTarget && G(() => {
59
+ var $;
60
+ const b = ($ = i.value) == null ? void 0 : $.querySelector(o.focusTarget);
61
+ b && b instanceof HTMLElement && b.focus();
62
+ }), w("shown")) : (await h(o.transitionDuration), (L = window.globalThis) != null && L.document && document.removeEventListener("keydown", C), (M = i.value) == null || M.close(), w("hidden"));
63
+ };
64
+ q(t, k), A(() => {
65
+ t.value && k(!0);
146
66
  });
147
- return (t, o) => (g(), ce(me, null, {
148
- default: de(() => [
149
- s("div", E(oe.value, {
150
- ref_key: "overlay",
151
- ref: d,
152
- inert: m.value
153
- }), [
154
- s("div", E(le.value, {
155
- ref_key: "panel",
156
- ref: C
157
- }), [
158
- i.value ? (g(), $("div", {
159
- key: 0,
160
- ref_key: "content",
161
- ref: P,
162
- class: "bb-offcanvas__content"
67
+ const N = p(() => _.value ? "100%" : o.size === "auto" ? "fit-content" : J(o.size, {
68
+ sm: 384,
69
+ md: 652,
70
+ lg: 896
71
+ })), r = (e) => {
72
+ if (e.preventDefault(), o.disabled || o.persistent)
73
+ return a.value = !0, h(300).then(() => {
74
+ a.value = !1;
75
+ }), !1;
76
+ t.value = !1;
77
+ }, a = T(!1), W = () => globalThis.document ? window.innerWidth - document.documentElement.clientWidth : 0, { isMobile: F } = X(), _ = p(
78
+ () => o.fullscreen === !0 || o.fullscreen === "mobile" && F.value
79
+ );
80
+ return (e, n) => (c(), d("dialog", {
81
+ ref_key: "dialog",
82
+ ref: i,
83
+ "aria-describedby": v(u) && e.description ? m : void 0,
84
+ "aria-labelledby": v(u) && e.title ? f : void 0,
85
+ "aria-live": t.value ? "polite" : "off",
86
+ class: R([
87
+ "bb-offcanvas",
88
+ [
89
+ {
90
+ "bb-offcanvas--open": t.value,
91
+ "bb-offcanvas--fullscreen": _.value,
92
+ "bb-offcanvas--compact": e.compact,
93
+ "bb-offcanvas--deny-close": a.value,
94
+ [`bb-offcanvas--${o.direction}`]: !0
95
+ },
96
+ e.overlayClasses,
97
+ e.panelClasses
98
+ ].flat()
99
+ ]),
100
+ inert: !t.value,
101
+ style: K({
102
+ "--max-size": N.value,
103
+ "--transition-duration": `${o.transitionDuration}ms`
104
+ }),
105
+ onCancel: r,
106
+ onClick: H(r, ["self"])
107
+ }, [
108
+ v(u) ? (c(), d(U, { key: 0 }, [
109
+ l("div", x, [
110
+ s(e.$slots, "header", {
111
+ close: r,
112
+ title: e.title,
113
+ titleId: f
114
+ }, () => [
115
+ l("span", {
116
+ id: f,
117
+ class: "bb-offcanvas__title"
163
118
  }, [
164
- n(t.$slots, "content", { close: M }, () => [
165
- s("div", {
166
- ref_key: "header",
167
- ref: U,
168
- class: "bb-offcanvas__header"
169
- }, [
170
- n(t.$slots, "header", {
171
- close: M,
172
- title: t.title,
173
- titleId: _
174
- }, () => [
175
- s("span", {
176
- id: _,
177
- class: "bb-offcanvas__title"
119
+ s(e.$slots, "title", { text: e.title }, () => [
120
+ j(z(e.title), 1)
121
+ ])
122
+ ]),
123
+ l("span", ee, [
124
+ e.showClose ? (c(), d("button", {
125
+ key: 0,
126
+ "aria-label": I.value,
127
+ disabled: o.disabled,
128
+ type: "button",
129
+ onClick: r
130
+ }, [
131
+ s(e.$slots, "close", {}, () => [
132
+ n[0] || (n[0] = l("span", { class: "bb-offcanvas__close-icon" }, [
133
+ l("svg", {
134
+ "aria-hidden": "true",
135
+ fill: "none",
136
+ viewBox: "0 0 24 24",
137
+ xmlns: "http://www.w3.org/2000/svg"
178
138
  }, [
179
- n(t.$slots, "title", { text: t.title }, () => [
180
- fe(H(t.title), 1)
181
- ])
182
- ]),
183
- s("span", _e, [
184
- t.showClose ? (g(), $("button", {
185
- key: 0,
186
- "aria-label": Y.value || ve(R)("common.closeLabel").value,
187
- type: "button",
188
- onClick: M
189
- }, [
190
- n(t.$slots, "close", {}, () => [
191
- o[0] || (o[0] = s("span", { class: "bb-offcanvas-close__icon" }, [
192
- s("svg", {
193
- "aria-hidden": "true",
194
- fill: "none",
195
- viewBox: "0 0 24 24",
196
- xmlns: "http://www.w3.org/2000/svg"
197
- }, [
198
- s("path", {
199
- d: "M23 23L1 1M23 1L1 23",
200
- stroke: "currentColor",
201
- "stroke-linecap": "round",
202
- "stroke-width": "2"
203
- })
204
- ])
205
- ], -1))
206
- ])
207
- ], 8, ke)) : T("", !0)
139
+ l("path", {
140
+ d: "M23 23L1 1M23 1L1 23",
141
+ stroke: "currentColor",
142
+ "stroke-linecap": "round",
143
+ "stroke-width": "3"
144
+ })
208
145
  ])
209
- ])
210
- ], 512),
211
- s("div", {
212
- ref_key: "body",
213
- ref: j,
214
- class: "bb-offcanvas__body scrollbar-border"
215
- }, [
216
- n(t.$slots, "description", {
217
- descriptionId: k,
218
- text: t.description
219
- }, () => [
220
- t.description ? (g(), $("div", {
221
- key: 0,
222
- id: k,
223
- class: "bb-offcanvas__description sr-only"
224
- }, H(t.description), 1)) : T("", !0)
225
- ]),
226
- n(t.$slots, "default")
227
- ], 512),
228
- o[1] || (o[1] = s("div", { style: { flex: "10000 10000 0%" } }, null, -1)),
229
- s("div", {
230
- ref_key: "footer",
231
- ref: q,
232
- class: "bb-offcanvas__footer"
233
- }, [
234
- n(t.$slots, "footer")
235
- ], 512)
236
- ])
237
- ], 512)) : T("", !0)
238
- ], 16)
239
- ], 16, ge)
240
- ]),
241
- _: 3
242
- }));
146
+ ], -1))
147
+ ])
148
+ ], 8, oe)) : y("", !0)
149
+ ])
150
+ ])
151
+ ], 512),
152
+ l("div", te, [
153
+ s(e.$slots, "description", {
154
+ descriptionId: m,
155
+ text: e.description
156
+ }, () => [
157
+ e.description ? (c(), d("div", {
158
+ key: 0,
159
+ id: m,
160
+ class: "bb-offcanvas__description sr-only"
161
+ }, z(e.description), 1)) : y("", !0)
162
+ ]),
163
+ s(e.$slots, "default")
164
+ ], 512),
165
+ l("div", le, [
166
+ s(e.$slots, "footer")
167
+ ], 512)
168
+ ], 64)) : y("", !0)
169
+ ], 46, Z));
243
170
  }
244
171
  });
245
172
  export {
246
- De as default
173
+ ue as default
247
174
  };
package/dist/index92.js CHANGED
@@ -3,8 +3,8 @@ import { defineComponent as V, mergeModels as W, useModel as U, computed as d, r
3
3
  /* empty css */
4
4
  import P from "./index13.js";
5
5
  /* empty css */
6
- import { debounce as X } from "./index273.js";
7
- import { useLocale as H } from "./index235.js";
6
+ import { debounce as X } from "./index268.js";
7
+ import { useLocale as H } from "./index210.js";
8
8
  import { useRoute as J } from "./index142.js";
9
9
  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({
10
10
  __name: "BbPagination",
package/dist/index94.js CHANGED
@@ -1,11 +1,11 @@
1
- import { defineComponent as V, ref as m, computed as g, createBlock as k, openBlock as y, unref as i, 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";
1
+ 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";
2
2
  import { useId as H } from "./index8.js";
3
3
  import { useIntersectionObserver as N } from "./index137.js";
4
- import { useLocale as U } from "./index235.js";
5
- import { useUntil as W } from "./index236.js";
4
+ import { useLocale as U } from "./index210.js";
5
+ import { useUntil as W } from "./index211.js";
6
6
  import q from "./index13.js";
7
7
  /* empty css */
8
- import A from "./index238.js";
8
+ import A from "./index220.js";
9
9
  /* empty css */
10
10
  const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @__PURE__ */ V({
11
11
  __name: "BbPopover",
@@ -21,7 +21,6 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
21
21
  showClose: { type: Boolean, default: !0 },
22
22
  theme: { default: "default" },
23
23
  transitionDuration: { default: 300 },
24
- teleportTarget: {},
25
24
  focusTarget: {},
26
25
  width: {}
27
26
  },
@@ -54,8 +53,8 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
54
53
  e.stopImmediatePropagation(), await T();
55
54
  let a = t.focusTarget ?? ".bb-popover__close";
56
55
  await S();
57
- const l = (h = c.value) == null ? void 0 : h.querySelector(a);
58
- l instanceof HTMLElement && (l.focus(), n("shown"));
56
+ const i = (h = c.value) == null ? void 0 : h.querySelector(a);
57
+ i instanceof HTMLElement && (i.focus(), n("shown"));
59
58
  }, f = async () => {
60
59
  await s(), n("hidden");
61
60
  }, E = g(() => {
@@ -72,7 +71,7 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
72
71
  ref_key: "wrapper",
73
72
  ref: r,
74
73
  modelValue: o.value,
75
- "onUpdate:modelValue": a[0] || (a[0] = (l) => o.value = l),
74
+ "onUpdate:modelValue": a[0] || (a[0] = (i) => o.value = i),
76
75
  "arrow-padding": e.arrowPadding,
77
76
  block: e.block,
78
77
  class: D(["bb-popover", {
@@ -88,14 +87,14 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
88
87
  offset: e.offset,
89
88
  padding: e.padding,
90
89
  placement: e.placement,
91
- "render-content": i(u),
90
+ "render-content": l(u),
92
91
  "transition-duration": e.transitionDuration
93
92
  }, {
94
93
  activator: v(() => [
95
94
  C(e.$slots, "activator", I(O({
96
95
  props: {
97
- "aria-expanded": i(u) ? o.value : !1,
98
- "aria-controls": i(u) ? `popover_${p}` : void 0,
96
+ "aria-expanded": l(u) ? o.value : !1,
97
+ "aria-controls": l(u) ? `popover_${p}` : void 0,
99
98
  onClick: w,
100
99
  id: p,
101
100
  disabled: !!e.disabled
@@ -118,7 +117,7 @@ const R = ["inert"], Z = { class: "bb-popover__close-label sr-only" }, ee = /* @
118
117
  onClick: f
119
118
  }, {
120
119
  default: v(() => [
121
- d("span", Z, z(e.closeLabel || i(B)("common.closeLabel").value), 1),
120
+ d("span", Z, z(e.closeLabel || l(B)("common.closeLabel").value), 1),
122
121
  a[1] || (a[1] = d("svg", {
123
122
  fill: "none",
124
123
  viewBox: "0 0 24 24",
package/dist/index96.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as r, computed as a, createElementBlock as l, openBlock as s, normalizeClass as m, createElementVNode as n, normalizeStyle as c } from "vue";
2
- import { clamp as p } from "./index208.js";
2
+ import { clamp as p } from "./index207.js";
3
3
  import { getAsPercentageBetween as i } from "./index136.js";
4
4
  const _ = /* @__PURE__ */ r({
5
5
  __name: "BbProgress",
@@ -209,10 +209,6 @@ export type CommonProps = {
209
209
  * Will submit "falseValue" if the input is not checked. Otherwise "trueValue" will be submitted.
210
210
  */
211
211
  submitWhenFalse?: boolean;
212
- /**
213
- * Target to teleport the floating element to.
214
- */
215
- teleportTarget?: string;
216
212
  /**
217
213
  * Value of the input when checked. It handles any kind of serializable object.
218
214
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bitboss-ui",
3
- "version": "2.0.176",
3
+ "version": "2.1.1",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "scripts": {
@@ -24,7 +24,6 @@
24
24
  "copy-anything": "^4.0.3",
25
25
  "dayjs": "^1.11.13",
26
26
  "doublet": "^1.0.1",
27
- "focus-trap": "^7.6.4",
28
27
  "focusable-selectors": "^0.8.4",
29
28
  "lodash.clonedeepwith": "^4.5.0",
30
29
  "lodash.deburr": "^4.1.0",
@@ -93,4 +92,4 @@
93
92
  "lint-staged": {
94
93
  "*.{js,css,md,html,json,vue,ts}": "prettier --write"
95
94
  }
96
- }
95
+ }
@@ -1,20 +0,0 @@
1
- type Props = {
2
- target?: string;
3
- };
4
- declare function __VLS_template(): {
5
- attrs: Partial<{}>;
6
- slots: {
7
- default?(_: {}): any;
8
- };
9
- refs: {};
10
- rootEl: any;
11
- };
12
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
13
- declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
14
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
15
- export default _default;
16
- type __VLS_WithTemplateSlots<T, S> = T & {
17
- new (): {
18
- $slots: S;
19
- };
20
- };
package/dist/index219.js DELETED
@@ -1,5 +0,0 @@
1
- import { hash as o } from "./index286.js";
2
- const t = (r, h = "bb") => `${h}${o(r)}`;
3
- export {
4
- t as hash
5
- };
package/dist/index221.js DELETED
@@ -1,18 +0,0 @@
1
- import { isNotNil as n } from "./index140.js";
2
- import { ref as t, onServerPrefetch as u, onBeforeMount as c } from "vue";
3
- const h = ({
4
- fn: i,
5
- onStart: s,
6
- multiple: f,
7
- currentValue: o
8
- }) => {
9
- const a = s || !f && n(o) || f && !!o.length, e = t(!1), l = t(!1), r = async () => {
10
- e.value = !0, await i({ prefill: !0 }), e.value = !1, l.value = !0;
11
- };
12
- return a && (u(r), c(async () => {
13
- l.value || await r();
14
- })), { isPrefilling: e, hasPrefilled: l, prefill: r };
15
- };
16
- export {
17
- h as usePrefill
18
- };
package/dist/index224.js DELETED
@@ -1,6 +0,0 @@
1
- import { curry as e } from "./index289.js";
2
- const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
3
- export {
4
- t as baseWhen,
5
- s as when
6
- };
package/dist/index249.js DELETED
@@ -1,8 +0,0 @@
1
- const o = (e, t = 50) => new Promise((r) => {
2
- const n = setInterval(() => {
3
- e() && (clearInterval(n), r());
4
- }, t);
5
- });
6
- export {
7
- o as waitFor
8
- };
package/dist/index282.js DELETED
@@ -1,9 +0,0 @@
1
- const s = (t, e) => {
2
- const o = t.__vccOpts || t;
3
- for (const [r, c] of e)
4
- o[r] = c;
5
- return o;
6
- };
7
- export {
8
- s as default
9
- };
package/dist/index317.js DELETED
@@ -1,4 +0,0 @@
1
- import f from "./index258.js";
2
- export {
3
- f as default
4
- };