bitboss-ui 2.1.74 → 2.1.75

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 (179) hide show
  1. package/dist/components/BbTable/BbTable.vue.d.ts +1 -1
  2. package/dist/composables/useBbConfig.d.ts +5 -1
  3. package/dist/index107.js +9 -9
  4. package/dist/index112.js +1 -1
  5. package/dist/index114.js +1 -1
  6. package/dist/index120.js +1 -1
  7. package/dist/index122.js +29 -29
  8. package/dist/index13.js +64 -33
  9. package/dist/index130.js +1 -1
  10. package/dist/index132.js +4 -4
  11. package/dist/index134.js +1 -1
  12. package/dist/index136.js +2 -2
  13. package/dist/index139.js +1 -1
  14. package/dist/index142.js +1 -1
  15. package/dist/index15.js +4 -4
  16. package/dist/index17.js +3 -3
  17. package/dist/index19.js +8 -8
  18. package/dist/index21.js +13 -13
  19. package/dist/index215.js +2 -2
  20. package/dist/index216.js +2 -2
  21. package/dist/index217.js +1 -1
  22. package/dist/index218.js +1 -1
  23. package/dist/index219.js +4 -9
  24. package/dist/index220.js +2 -2
  25. package/dist/index221.js +19 -12
  26. package/dist/index222.js +192 -118
  27. package/dist/index224.js +127 -4
  28. package/dist/index226.js +86 -2
  29. package/dist/index228.js +29 -2
  30. package/dist/index229.js +17 -4
  31. package/dist/index23.js +10 -10
  32. package/dist/index230.js +49 -18
  33. package/dist/index231.js +15 -201
  34. package/dist/index232.js +5 -0
  35. package/dist/index233.js +12 -34
  36. package/dist/index234.js +16 -9
  37. package/dist/index235.js +13 -2
  38. package/dist/index236.js +13 -8
  39. package/dist/index237.js +33 -3
  40. package/dist/index238.js +28 -29
  41. package/dist/index240.js +2 -17
  42. package/dist/index241.js +10 -50
  43. package/dist/index242.js +8 -12
  44. package/dist/index243.js +9 -3
  45. package/dist/index244.js +3 -11
  46. package/dist/index245.js +2 -8
  47. package/dist/index246.js +2 -2
  48. package/dist/index247.js +8 -6
  49. package/dist/index248.js +34 -2
  50. package/dist/index249.js +2 -7
  51. package/dist/index25.js +2 -2
  52. package/dist/index250.js +3 -188
  53. package/dist/index251.js +188 -5
  54. package/dist/index252.js +4 -5
  55. package/dist/index253.js +9 -5
  56. package/dist/index254.js +41 -5
  57. package/dist/index255.js +5 -6
  58. package/dist/index256.js +5 -268
  59. package/dist/index257.js +5 -52
  60. package/dist/index258.js +5 -52
  61. package/dist/index259.js +2 -32
  62. package/dist/index260.js +6 -60
  63. package/dist/index261.js +268 -3
  64. package/dist/index262.js +50 -16
  65. package/dist/index263.js +52 -12
  66. package/dist/index264.js +32 -15
  67. package/dist/index265.js +60 -4
  68. package/dist/index266.js +4 -106
  69. package/dist/index268.js +53 -47
  70. package/dist/index27.js +1 -1
  71. package/dist/index270.js +83 -212
  72. package/dist/index272.js +5 -0
  73. package/dist/index273.js +3 -10
  74. package/dist/index274.js +8 -2
  75. package/dist/index275.js +23 -9
  76. package/dist/index276.js +5 -67
  77. package/dist/index277.js +5 -9
  78. package/dist/index278.js +5 -23
  79. package/dist/index279.js +5 -5
  80. package/dist/index280.js +18 -5
  81. package/dist/index281.js +12 -5
  82. package/dist/index282.js +229 -5
  83. package/dist/index283.js +8 -3
  84. package/dist/index284.js +2 -13
  85. package/dist/index285.js +6 -6
  86. package/dist/index286.js +7 -41
  87. package/dist/index287.js +10 -6
  88. package/dist/index288.js +3 -16
  89. package/dist/index289.js +67 -33
  90. package/dist/index29.js +3 -3
  91. package/dist/index290.js +7 -28
  92. package/dist/index291.js +8 -0
  93. package/dist/index292.js +16 -3
  94. package/dist/index294.js +3 -17
  95. package/dist/index296.js +3 -7
  96. package/dist/index297.js +7 -280
  97. package/dist/index298.js +3 -2
  98. package/dist/index299.js +17 -16
  99. package/dist/index300.js +28 -2
  100. package/dist/index301.js +5 -16
  101. package/dist/index302.js +2 -2
  102. package/dist/index303.js +4 -27
  103. package/dist/index304.js +280 -2
  104. package/dist/index305.js +2 -2
  105. package/dist/index306.js +16 -2
  106. package/dist/index307.js +2 -2
  107. package/dist/index308.js +16 -2
  108. package/dist/index309.js +2 -2
  109. package/dist/index31.js +2 -2
  110. package/dist/index310.js +27 -5
  111. package/dist/index311.js +2 -2
  112. package/dist/index312.js +2 -3
  113. package/dist/index313.js +2 -3
  114. package/dist/index314.js +2 -3
  115. package/dist/index315.js +2 -3
  116. package/dist/index316.js +2 -4
  117. package/dist/index317.js +5 -2
  118. package/dist/index318.js +3 -4
  119. package/dist/index319.js +3 -2
  120. package/dist/index320.js +127 -0
  121. package/dist/index321.js +2 -3
  122. package/dist/index322.js +13 -123
  123. package/dist/index323.js +2 -2
  124. package/dist/index324.js +16 -12
  125. package/dist/index326.js +3 -18
  126. package/dist/index327.js +2 -2
  127. package/dist/index328.js +2 -6
  128. package/dist/index329.js +6 -719
  129. package/dist/index33.js +8 -8
  130. package/dist/index330.js +8 -366
  131. package/dist/index331.js +5 -56
  132. package/dist/index332.js +8 -5
  133. package/dist/index333.js +34 -6
  134. package/dist/index334.js +6 -19
  135. package/dist/index335.js +127 -7
  136. package/dist/index336.js +395 -12
  137. package/dist/index337.js +58 -8
  138. package/dist/index338.js +58 -6
  139. package/dist/index339.js +228 -8
  140. package/dist/index340.js +6 -34
  141. package/dist/index341.js +19 -6
  142. package/dist/index342.js +7 -127
  143. package/dist/index343.js +12 -395
  144. package/dist/index344.js +5 -58
  145. package/dist/index345.js +7 -58
  146. package/dist/index346.js +92 -6
  147. package/dist/index347.js +719 -5
  148. package/dist/index348.js +366 -93
  149. package/dist/index349.js +55 -45
  150. package/dist/index35.js +3 -3
  151. package/dist/index350.js +133 -21
  152. package/dist/index351.js +24 -0
  153. package/dist/index353.js +42 -515
  154. package/dist/index354.js +514 -222
  155. package/dist/index37.js +17 -17
  156. package/dist/index39.js +7 -7
  157. package/dist/index4.js +12 -10
  158. package/dist/index41.js +2 -2
  159. package/dist/index43.js +8 -8
  160. package/dist/index45.js +6 -6
  161. package/dist/index49.js +1 -1
  162. package/dist/index55.js +1 -1
  163. package/dist/index57.js +2 -2
  164. package/dist/index61.js +3 -3
  165. package/dist/index80.js +6 -6
  166. package/dist/index84.js +2 -2
  167. package/dist/index86.js +3 -3
  168. package/dist/index88.js +1 -1
  169. package/dist/index91.js +2 -2
  170. package/dist/index93.js +1 -1
  171. package/dist/index95.js +4 -4
  172. package/dist/index97.js +1 -1
  173. package/package.json +2 -2
  174. package/dist/index227.js +0 -4
  175. package/dist/index239.js +0 -18
  176. package/dist/index271.js +0 -88
  177. package/dist/index293.js +0 -30
  178. package/dist/index352.js +0 -136
  179. /package/dist/{index225.js → index267.js} +0 -0
package/dist/index221.js CHANGED
@@ -1,15 +1,22 @@
1
- import { ref as c, watch as f, toValue as u } from "vue";
2
- const p = (e, { initialValue: r = !1, nextValue: o = !0 } = {}) => {
3
- const t = c(r);
4
- if (r) return t;
5
- const n = f(
6
- () => u(e),
7
- (s) => {
8
- s && (t.value = o, n());
9
- }
10
- );
11
- return t;
1
+ import { MaskInput as r } from "./index251.js";
2
+ const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
3
+ if (a.arg == null || a.instance == null) return;
4
+ const s = "setup" in a.instance.$.type;
5
+ a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
6
+ }, k = (a, n) => {
7
+ var s;
8
+ const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
9
+ if (t == null || t?.type === "file") return;
10
+ let e = {};
11
+ if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
12
+ const l = (o) => {
13
+ const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
14
+ p(n, i);
15
+ };
16
+ e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
17
+ }
18
+ u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
12
19
  };
13
20
  export {
14
- p as useUntil
21
+ k as vMaska
15
22
  };
package/dist/index222.js CHANGED
@@ -1,127 +1,201 @@
1
- import { defineComponent as V, mergeModels as L, useModel as T, ref as p, computed as n, watch as F, onMounted as S, createBlock as A, openBlock as w, resolveDynamicComponent as N, mergeProps as g, unref as y, withModifiers as U, withCtx as q, createElementVNode as I, createElementBlock as X, createCommentVNode as j, renderSlot as z, nextTick as G } from "vue";
2
- import { useCancelableFunction as H } from "./index340.js";
3
- import { useUntil as J } from "./index221.js";
4
- import { extractDomContainer as h } from "./index224.js";
5
- import { waitFor as K } from "./index341.js";
6
- import { arrow as O, useFloating as Q } from "./index342.js";
7
- import { flip as R, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index343.js";
8
- const oe = {
9
- key: 0,
10
- class: "bb-common-popover__bubble"
11
- }, ue = /* @__PURE__ */ V({
12
- __name: "CommonPopover",
13
- props: /* @__PURE__ */ L({
14
- arrowPadding: {},
15
- eager: { type: Boolean },
16
- offset: {},
17
- padding: { default: 0 },
18
- placement: {},
19
- transitionDuration: { default: 250 },
20
- anchor: {},
21
- boundary: {},
22
- dialog: { type: Boolean },
23
- tag: { default: "span" },
24
- flip: { type: Boolean, default: !0 }
25
- }, {
26
- modelValue: { type: Boolean, default: !1 },
27
- modelModifiers: {}
28
- }),
1
+ 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";
2
+ import { hexToRgb as K } from "./index330.js";
3
+ import { getHueFromRGB as F } from "./index331.js";
4
+ import { hslToHex as b } from "./index332.js";
5
+ import { useLocale as Z } from "./index220.js";
6
+ const ee = {
7
+ id: "mainCanvasDesc",
8
+ "aria-live": "polite",
9
+ class: "sr-only"
10
+ }, te = { key: 0 }, ae = {
11
+ id: "hueCanvasDesc",
12
+ "aria-live": "polite",
13
+ class: "sr-only"
14
+ }, ne = { key: 0 }, ue = /* @__PURE__ */ j({
15
+ __name: "ColorPallette",
16
+ props: {
17
+ modelValue: {}
18
+ },
29
19
  emits: ["update:modelValue"],
30
- setup(c) {
31
- const e = c, r = T(c, "modelValue"), s = p(r.value), x = n(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), _ = n(() => h(e.anchor)), C = J(r, { initialValue: e.eager }), P = n(() => {
32
- if (e.boundary)
33
- return typeof e.boundary == "string" ? document.querySelector(e.boundary) ?? void 0 : h(e.boundary) ?? void 0;
34
- }), k = n(() => {
35
- const o = P.value;
36
- return [
37
- ...e.flip ? [R(o ? { boundary: o } : void 0)] : [],
38
- W(e.offset),
39
- Y({ padding: e.padding, ...o ? { boundary: o } : {} }),
40
- Z(),
41
- O({
42
- element: m,
43
- padding: e.arrowPadding
44
- })
45
- ];
46
- }), { floatingStyles: M, placement: B, middlewareData: u, update: f } = Q(
47
- _,
48
- t,
49
- {
50
- placement: e.placement,
51
- whileElementsMounted: ee,
52
- middleware: k,
53
- strategy: "fixed"
20
+ setup(N, { emit: O }) {
21
+ const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
22
+ b(F(...K(o.value ?? "#ff0000")), 100, 50)
23
+ ), 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 = () => {
24
+ const e = i.value, t = r.value;
25
+ !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
26
+ }, R = () => {
27
+ const e = i.value;
28
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
29
+ }, v = () => {
30
+ const e = i.value;
31
+ if (!e) return;
32
+ const t = R();
33
+ if (!t) return;
34
+ t.clearRect(0, 0, e.width, e.height);
35
+ const a = t.createLinearGradient(0, 0, e.width, 0);
36
+ a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
37
+ const n = t.createLinearGradient(0, 0, 0, e.height);
38
+ 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;
39
+ }, m = () => {
40
+ const e = R();
41
+ e && (e.beginPath(), e.arc(
42
+ l.value.x,
43
+ l.value.y,
44
+ 8,
45
+ 0,
46
+ 2 * Math.PI
47
+ ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
48
+ l.value.x,
49
+ l.value.y,
50
+ 7,
51
+ 0,
52
+ 2 * Math.PI
53
+ ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
54
+ }, D = () => {
55
+ const e = r.value;
56
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
57
+ }, g = () => {
58
+ const e = r.value;
59
+ if (!e) return;
60
+ const t = D();
61
+ if (!t) return;
62
+ const a = t.createLinearGradient(0, 0, e.width, 0);
63
+ for (let n = 0; n <= 360; n += 60)
64
+ a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
65
+ 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;
66
+ }, H = () => {
67
+ const e = r.value;
68
+ if (!e) return;
69
+ const t = D();
70
+ if (!t) return;
71
+ const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
72
+ t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
73
+ }, E = (e) => {
74
+ const t = i.value;
75
+ t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
76
+ }, U = (e) => {
77
+ const t = r.value;
78
+ t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
79
+ }, I = (e) => {
80
+ const t = i.value;
81
+ if (!t) return;
82
+ 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));
83
+ l.value = { x: n, y: c }, v(), m(), o.value = C(), f("update:modelValue", o.value);
84
+ }, V = (e) => {
85
+ const t = r.value;
86
+ if (!t) return;
87
+ const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left));
88
+ u.value = { x: n };
89
+ const c = n / t.width * 360;
90
+ d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
91
+ }, G = (e) => {
92
+ p.value ? I(e) : P.value && V(e);
93
+ }, W = (e) => {
94
+ const t = p.value ? i.value : r.value;
95
+ t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
96
+ }, X = (e) => {
97
+ switch (e.key) {
98
+ case "ArrowUp":
99
+ l.value.y = Math.max(0, l.value.y - 5);
100
+ break;
101
+ case "ArrowDown":
102
+ l.value.y = Math.min(
103
+ i.value?.height ?? 0,
104
+ l.value.y + 5
105
+ );
106
+ break;
107
+ case "ArrowLeft":
108
+ l.value.x = Math.max(0, l.value.x - 5);
109
+ break;
110
+ case "ArrowRight":
111
+ l.value.x = Math.min(
112
+ i.value?.width ?? 0,
113
+ l.value.x + 5
114
+ );
115
+ break;
116
+ default:
117
+ return;
54
118
  }
55
- ), { execute: v } = H(
56
- ({ signal: o }, a) => new Promise((l) => {
57
- let i;
58
- const d = () => {
59
- i && clearTimeout(i);
60
- };
61
- o.addEventListener("abort", d), a ? (E(), f(), K(() => !!t.value).then(() => {
62
- s.value = !0, o.removeEventListener("abort", d), l(void 0);
63
- })) : (s.value = !1, i = setTimeout(() => {
64
- G(() => {
65
- t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", d), f(), l(void 0);
66
- });
67
- }, e.transitionDuration));
68
- })
69
- ), E = () => {
70
- if (!t.value) return;
71
- if (!e.dialog) return t.value.showPopover();
72
- t.value.showModal();
119
+ v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
120
+ }, $ = (e) => {
121
+ switch (e.key) {
122
+ case "ArrowLeft":
123
+ u.value.x = Math.max(0, u.value.x - 5);
124
+ break;
125
+ case "ArrowRight":
126
+ u.value.x = Math.min(
127
+ r.value?.width ?? 0,
128
+ u.value.x + 5
129
+ );
130
+ break;
131
+ default:
132
+ return;
133
+ }
134
+ const a = u.value.x / (r.value?.width ?? 1) * 360;
135
+ d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
73
136
  };
74
- F(r, v), S(() => {
75
- r.value && v(r.value);
76
- });
77
- const $ = n(() => {
78
- const o = r.value ? void 0 : -1, a = Math.round(u.value.arrow?.x ?? 0), l = e.dialog ? void 0 : "manual";
79
- return {
80
- style: {
81
- ...M.value,
82
- "--transition-duration": `${e.transitionDuration}ms`,
83
- "--page-padding": `${e.padding}px`,
84
- "--arrow-offset-x": `${a}px`
85
- },
86
- popover: l,
87
- tabindex: o
88
- };
89
- }), D = n(() => {
90
- if (u.value.arrow) {
91
- const { x: o, y: a } = u.value.arrow;
92
- return {
93
- style: {
94
- left: `${o}px`,
95
- top: `${a}px`
96
- }
97
- };
137
+ J(() => {
138
+ q(), A(o.value ?? "#ff0000");
139
+ }), Q(
140
+ () => _.modelValue,
141
+ (e) => {
142
+ !e || e === o.value || (o.value = e, A(e), g(), v());
98
143
  }
99
- }), b = () => {
100
- r.value = !1;
144
+ );
145
+ const C = () => {
146
+ const e = i.value;
147
+ if (!e) return "#ffffff";
148
+ const t = e.getContext("2d");
149
+ if (!t) return "#ffffff";
150
+ const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
151
+ return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
101
152
  };
102
- return (o, a) => (w(), A(N(x.value), g({
103
- ref_key: "wrapper",
104
- ref: t,
105
- class: ["bb-common-popover", {
106
- "bb-common-popover--open": s.value,
107
- [`bb-common-popover--${y(B)}`]: !0
108
- }]
109
- }, $.value, {
110
- onClick: U(b, ["self", "stop"]),
111
- onClose: b
112
- }), {
113
- default: q(() => [
114
- I("span", g({
115
- ref_key: "bubblearrow",
116
- ref: m,
117
- class: "bb-common-popover__arrow"
118
- }, D.value), null, 16),
119
- y(C) ? (w(), X("span", oe, [
120
- z(o.$slots, "default")
121
- ])) : j("", !0)
153
+ function A(e) {
154
+ const t = F(...K(e));
155
+ d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
156
+ }
157
+ return (e, t) => (S(), M("span", {
158
+ ref_key: "paletteRef",
159
+ ref: T,
160
+ "aria-label": "Color Picker",
161
+ class: "bb-color-palette",
162
+ role: "application"
163
+ }, [
164
+ x("canvas", {
165
+ ref_key: "mainCanvasRef",
166
+ ref: i,
167
+ "aria-describedby": "mainCanvasDesc",
168
+ "aria-label": "Main Color Selection",
169
+ class: "bb-color-palette__canvas",
170
+ role: "application",
171
+ tabindex: "0",
172
+ onKeydown: X,
173
+ onPointerdown: E,
174
+ onPointermove: G,
175
+ onPointerup: W
176
+ }, null, 544),
177
+ x("span", ee, [
178
+ L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
179
+ o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
122
180
  ]),
123
- _: 3
124
- }, 16, ["class"]));
181
+ x("canvas", {
182
+ ref_key: "hueCanvasRef",
183
+ ref: r,
184
+ "aria-describedby": "hueCanvasDesc",
185
+ "aria-label": "Hue Selection",
186
+ class: "bb-color-palette__hue-canvas",
187
+ role: "application",
188
+ tabindex: "0",
189
+ onKeydown: $,
190
+ onPointerdown: U,
191
+ onPointermove: G,
192
+ onPointerup: W
193
+ }, null, 544),
194
+ x("span", ae, [
195
+ L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
196
+ d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
197
+ ])
198
+ ], 512));
125
199
  }
126
200
  });
127
201
  export {
package/dist/index224.js CHANGED
@@ -1,6 +1,129 @@
1
- function e(n) {
2
- return n ? n instanceof HTMLElement ? n : typeof n == "object" && "$el" in n && n.$el instanceof HTMLElement ? n.$el : typeof n == "object" && "el" in n && n.el instanceof HTMLElement ? n.el : null : null;
3
- }
1
+ import { defineComponent as V, mergeModels as L, useModel as T, ref as p, computed as n, watch as F, onMounted as S, createBlock as A, openBlock as w, resolveDynamicComponent as N, mergeProps as g, unref as y, withModifiers as U, withCtx as q, createElementVNode as I, createElementBlock as X, createCommentVNode as j, renderSlot as z, nextTick as G } from "vue";
2
+ import { useCancelableFunction as H } from "./index333.js";
3
+ import { useUntil as J } from "./index236.js";
4
+ import { extractDomContainer as h } from "./index266.js";
5
+ import { waitFor as K } from "./index334.js";
6
+ import { arrow as O, useFloating as Q } from "./index335.js";
7
+ import { flip as R, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index336.js";
8
+ const oe = {
9
+ key: 0,
10
+ class: "bb-common-popover__bubble"
11
+ }, ue = /* @__PURE__ */ V({
12
+ __name: "CommonPopover",
13
+ props: /* @__PURE__ */ L({
14
+ arrowPadding: {},
15
+ eager: { type: Boolean },
16
+ offset: {},
17
+ padding: { default: 0 },
18
+ placement: {},
19
+ transitionDuration: { default: 250 },
20
+ anchor: {},
21
+ boundary: {},
22
+ dialog: { type: Boolean },
23
+ tag: { default: "span" },
24
+ flip: { type: Boolean, default: !0 }
25
+ }, {
26
+ modelValue: { type: Boolean, default: !1 },
27
+ modelModifiers: {}
28
+ }),
29
+ emits: ["update:modelValue"],
30
+ setup(c) {
31
+ const e = c, r = T(c, "modelValue"), s = p(r.value), x = n(() => e.dialog ? "dialog" : "span"), t = p(), m = p(), _ = n(() => h(e.anchor)), C = J(r, { initialValue: e.eager }), P = n(() => {
32
+ if (e.boundary)
33
+ return typeof e.boundary == "string" ? document.querySelector(e.boundary) ?? void 0 : h(e.boundary) ?? void 0;
34
+ }), k = n(() => {
35
+ const o = P.value;
36
+ return [
37
+ ...e.flip ? [R(o ? { boundary: o } : void 0)] : [],
38
+ W(e.offset),
39
+ Y({ padding: e.padding, ...o ? { boundary: o } : {} }),
40
+ Z(),
41
+ O({
42
+ element: m,
43
+ padding: e.arrowPadding
44
+ })
45
+ ];
46
+ }), { floatingStyles: M, placement: B, middlewareData: u, update: f } = Q(
47
+ _,
48
+ t,
49
+ {
50
+ placement: e.placement,
51
+ whileElementsMounted: ee,
52
+ middleware: k,
53
+ strategy: "fixed"
54
+ }
55
+ ), { execute: v } = H(
56
+ ({ signal: o }, a) => new Promise((l) => {
57
+ let i;
58
+ const d = () => {
59
+ i && clearTimeout(i);
60
+ };
61
+ o.addEventListener("abort", d), a ? (E(), f(), K(() => !!t.value).then(() => {
62
+ s.value = !0, o.removeEventListener("abort", d), l(void 0);
63
+ })) : (s.value = !1, i = setTimeout(() => {
64
+ G(() => {
65
+ t.value && (e.dialog ? t.value.close() : t.value.hidePopover()), o.removeEventListener("abort", d), f(), l(void 0);
66
+ });
67
+ }, e.transitionDuration));
68
+ })
69
+ ), E = () => {
70
+ if (!t.value) return;
71
+ if (!e.dialog) return t.value.showPopover();
72
+ t.value.showModal();
73
+ };
74
+ F(r, v), S(() => {
75
+ r.value && v(r.value);
76
+ });
77
+ const $ = n(() => {
78
+ const o = r.value ? void 0 : -1, a = Math.round(u.value.arrow?.x ?? 0), l = e.dialog ? void 0 : "manual";
79
+ return {
80
+ style: {
81
+ ...M.value,
82
+ "--transition-duration": `${e.transitionDuration}ms`,
83
+ "--page-padding": `${e.padding}px`,
84
+ "--arrow-offset-x": `${a}px`
85
+ },
86
+ popover: l,
87
+ tabindex: o
88
+ };
89
+ }), D = n(() => {
90
+ if (u.value.arrow) {
91
+ const { x: o, y: a } = u.value.arrow;
92
+ return {
93
+ style: {
94
+ left: `${o}px`,
95
+ top: `${a}px`
96
+ }
97
+ };
98
+ }
99
+ }), b = () => {
100
+ r.value = !1;
101
+ };
102
+ return (o, a) => (w(), A(N(x.value), g({
103
+ ref_key: "wrapper",
104
+ ref: t,
105
+ class: ["bb-common-popover", {
106
+ "bb-common-popover--open": s.value,
107
+ [`bb-common-popover--${y(B)}`]: !0
108
+ }]
109
+ }, $.value, {
110
+ onClick: U(b, ["self", "stop"]),
111
+ onClose: b
112
+ }), {
113
+ default: q(() => [
114
+ I("span", g({
115
+ ref_key: "bubblearrow",
116
+ ref: m,
117
+ class: "bb-common-popover__arrow"
118
+ }, D.value), null, 16),
119
+ y(C) ? (w(), X("span", oe, [
120
+ z(o.$slots, "default")
121
+ ])) : j("", !0)
122
+ ]),
123
+ _: 3
124
+ }, 16, ["class"]));
125
+ }
126
+ });
4
127
  export {
5
- e as extractDomContainer
128
+ ue as default
6
129
  };
package/dist/index226.js CHANGED
@@ -1,4 +1,88 @@
1
- const o = (e) => typeof e == "boolean" ? e : e === "true";
1
+ import { defineComponent as p, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as o, renderSlot as t, createCommentVNode as h, createTextVNode as l, toDisplayString as i, unref as b, Fragment as m, renderList as u } from "vue";
2
+ import { useLocale as g } from "./index220.js";
3
+ const k = { class: "bb-cr-container__container" }, y = {
4
+ key: 0,
5
+ class: "bb-cr-container__loading-container"
6
+ }, $ = {
7
+ key: 1,
8
+ class: "bb-cr-container__no-data-container"
9
+ }, C = /* @__PURE__ */ p({
10
+ __name: "OptionsContainer",
11
+ props: {
12
+ direction: {},
13
+ hasErrors: { type: Boolean },
14
+ hideLabel: { type: Boolean },
15
+ loadingText: {},
16
+ loading: { type: Boolean },
17
+ noDataText: {},
18
+ options: {}
19
+ },
20
+ setup(f) {
21
+ const { t: d } = g();
22
+ return (e, T) => (s(), n("span", {
23
+ ref: "container",
24
+ class: r(["bb-cr-container", {
25
+ "bb-cr-container--errors": e.hasErrors,
26
+ "bb-cr-container--horizontal": e.direction === "horizontal",
27
+ "bb-cr-container--vertical": e.direction === "vertical"
28
+ }])
29
+ }, [
30
+ o("span", k, [
31
+ t(e.$slots, "prepend"),
32
+ !e.options.length && e.loading ? (s(), n("span", y, [
33
+ t(e.$slots, "loading", {}, () => [
34
+ l(i(e.loadingText || b(d)("common.loadingText")), 1)
35
+ ])
36
+ ])) : e.options.length ? h("", !0) : (s(), n("span", $, [
37
+ t(e.$slots, "no-data", {}, () => [
38
+ l(i(e.noDataText || b(d)("common.noDataText")), 1)
39
+ ])
40
+ ])),
41
+ (s(!0), n(m, null, u(e.options, (a, c) => (s(), n(m, {
42
+ key: a?.valueHash || c
43
+ }, [
44
+ t(e.$slots, "option:prepend", {
45
+ id: a.valueHash,
46
+ checked: !!a.selected,
47
+ disabled: !!a.disabled,
48
+ item: a.item,
49
+ text: a.text
50
+ }),
51
+ o("label", {
52
+ class: r(["bb-cr-container-option", { "bb-base-radio-selected": a.selected }])
53
+ }, [
54
+ t(e.$slots, "input", {
55
+ index: c,
56
+ option: a
57
+ }),
58
+ o("span", {
59
+ class: r({
60
+ "bb-cr-container-option__text": !0,
61
+ "sr-only": e.hideLabel
62
+ })
63
+ }, [
64
+ t(e.$slots, "label", {
65
+ checked: !!a.selected,
66
+ item: a.item,
67
+ text: a.text
68
+ }, () => [
69
+ l(i(a.text), 1)
70
+ ])
71
+ ], 2)
72
+ ], 2),
73
+ t(e.$slots, "option:append", {
74
+ id: a.valueHash,
75
+ checked: !!a.selected,
76
+ disabled: !!a.disabled,
77
+ item: a.item,
78
+ text: a.text
79
+ })
80
+ ], 64))), 128)),
81
+ t(e.$slots, "append")
82
+ ])
83
+ ], 2));
84
+ }
85
+ });
2
86
  export {
3
- o as booleanishToBoolean
87
+ C as default
4
88
  };
package/dist/index228.js CHANGED
@@ -1,4 +1,31 @@
1
- const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
1
+ import { ref as a, computed as s, unref as v } from "vue";
2
+ import { useDebounceFn as f } from "./index214.js";
3
+ const p = (u) => {
4
+ const e = a(0), r = s(() => v(u.items)), t = a([]), n = async (...l) => {
5
+ if (Array.isArray(r.value))
6
+ t.value = r.value;
7
+ else if (typeof r.value == "function") {
8
+ const i = ++e.value;
9
+ try {
10
+ const o = await r.value(...l);
11
+ if (i < e.value) {
12
+ e.value--;
13
+ return;
14
+ } else
15
+ t.value = o;
16
+ } catch (o) {
17
+ console.error(o);
18
+ }
19
+ e.value--;
20
+ }
21
+ }, c = f(n, u.debounce || 0);
22
+ return {
23
+ getter: n,
24
+ debouncedGetter: c,
25
+ items: t,
26
+ loading: s(() => !!e.value)
27
+ };
28
+ };
2
29
  export {
3
- s as isCssColor
30
+ p as useItemsGetter
4
31
  };
package/dist/index229.js CHANGED
@@ -1,6 +1,19 @@
1
- function x(e) {
2
- return /^#([A-Fa-f0-9]{6})$/.test(e);
3
- }
1
+ import { computed as u, unref as a } from "vue";
2
+ import { hash as d } from "./index232.js";
3
+ const p = ({
4
+ items: m,
5
+ key: e
6
+ }) => {
7
+ const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
8
+ const t = {}, s = Array.from(a(m) ?? []);
9
+ for (let r = 0; r < s.length; r++) {
10
+ const c = s[r];
11
+ t[n(c)] = c;
12
+ }
13
+ return t;
14
+ });
15
+ return { data: o, get: (t) => o.value[n(t)] };
16
+ };
4
17
  export {
5
- x as isHex
18
+ p as useIndexById
6
19
  };