bitboss-ui 2.1.130 → 2.1.131

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 (184) hide show
  1. package/dist/ai/BbTable.md +33 -82
  2. package/dist/index.css +1 -1
  3. package/dist/index109.js +9 -9
  4. package/dist/index110.js +18 -18
  5. package/dist/index118.js +1 -1
  6. package/dist/index124.js +3 -3
  7. package/dist/index126.js +310 -323
  8. package/dist/index134.js +1 -1
  9. package/dist/index136.js +4 -4
  10. package/dist/index138.js +1 -1
  11. package/dist/index14.js +1 -1
  12. package/dist/index142.js +2 -2
  13. package/dist/index146.js +1 -1
  14. package/dist/index148.js +2 -2
  15. package/dist/index150.js +1 -1
  16. package/dist/index16.js +3 -3
  17. package/dist/index18.js +3 -3
  18. package/dist/index20.js +9 -9
  19. package/dist/index22.js +14 -14
  20. package/dist/index224.js +2 -138
  21. package/dist/index225.js +138 -2
  22. package/dist/index226.js +2 -2
  23. package/dist/index227.js +1 -1
  24. package/dist/index228.js +1 -1
  25. package/dist/index229.js +3 -32
  26. package/dist/index230.js +12 -27
  27. package/dist/index231.js +375 -0
  28. package/dist/index233.js +160 -2
  29. package/dist/index235.js +25 -13
  30. package/dist/index236.js +2 -86
  31. package/dist/index237.js +4 -0
  32. package/dist/index238.js +2 -30
  33. package/dist/index239.js +6 -17
  34. package/dist/index24.js +10 -10
  35. package/dist/index240.js +2 -17
  36. package/dist/index241.js +7 -51
  37. package/dist/index242.js +3 -18
  38. package/dist/index243.js +34 -3
  39. package/dist/index244.js +5 -12
  40. package/dist/index245.js +4 -4
  41. package/dist/index246.js +4 -4
  42. package/dist/index247.js +4 -4
  43. package/dist/index248.js +4 -4
  44. package/dist/index249.js +5 -5
  45. package/dist/index250.js +3 -5
  46. package/dist/index251.js +8 -3
  47. package/dist/index252.js +3 -8
  48. package/dist/index253.js +16 -158
  49. package/dist/index254.js +14 -0
  50. package/dist/index255.js +51 -5
  51. package/dist/index256.js +18 -2
  52. package/dist/index257.js +12 -6
  53. package/dist/index258.js +17 -268
  54. package/dist/index259.js +30 -52
  55. package/dist/index26.js +3 -3
  56. package/dist/index260.js +18 -52
  57. package/dist/index261.js +4 -32
  58. package/dist/index262.js +100 -54
  59. package/dist/index264.js +94 -367
  60. package/dist/index266.js +107 -4
  61. package/dist/index267.js +12 -6
  62. package/dist/index268.js +11 -2
  63. package/dist/index269.js +9 -12
  64. package/dist/index270.js +2 -12
  65. package/dist/index271.js +3 -9
  66. package/dist/index272.js +86 -23
  67. package/dist/index274.js +9 -3
  68. package/dist/index275.js +23 -11
  69. package/dist/index276.js +22 -33
  70. package/dist/index277.js +13 -3
  71. package/dist/index278.js +7 -25
  72. package/dist/index279.js +8 -3
  73. package/dist/index28.js +1 -1
  74. package/dist/index280.js +5 -20
  75. package/dist/index281.js +2 -9
  76. package/dist/index282.js +186 -42
  77. package/dist/index283.js +3 -53
  78. package/dist/index284.js +32 -17
  79. package/dist/index285.js +28 -12
  80. package/dist/index287.js +11 -0
  81. package/dist/index288.js +44 -100
  82. package/dist/index289.js +55 -0
  83. package/dist/index290.js +2 -107
  84. package/dist/index291.js +5 -9
  85. package/dist/index292.js +6 -6
  86. package/dist/index293.js +266 -14
  87. package/dist/index294.js +52 -5
  88. package/dist/index295.js +52 -188
  89. package/dist/index296.js +32 -3
  90. package/dist/index297.js +59 -20
  91. package/dist/index298.js +3 -6
  92. package/dist/index299.js +20 -66
  93. package/dist/index30.js +3 -3
  94. package/dist/index300.js +67 -3
  95. package/dist/index301.js +6 -10
  96. package/dist/index302.js +4 -3
  97. package/dist/index303.js +20 -2
  98. package/dist/index304.js +6 -7
  99. package/dist/index305.js +16 -7
  100. package/dist/index306.js +4 -3
  101. package/dist/index307.js +7 -17
  102. package/dist/index308.js +3 -28
  103. package/dist/index309.js +4 -4
  104. package/dist/index310.js +2 -7
  105. package/dist/index312.js +6 -3
  106. package/dist/index313.js +5 -0
  107. package/dist/index314.js +280 -7
  108. package/dist/index315.js +2 -3
  109. package/dist/index316.js +125 -3
  110. package/dist/index317.js +2 -3
  111. package/dist/index318.js +13 -278
  112. package/dist/index319.js +2 -2
  113. package/dist/index32.js +2 -2
  114. package/dist/index324.js +17 -25
  115. package/dist/index326.js +3 -2
  116. package/dist/index327.js +3 -2
  117. package/dist/index328.js +17 -2
  118. package/dist/index329.js +28 -2
  119. package/dist/index330.js +3 -2
  120. package/dist/index331.js +3 -125
  121. package/dist/index332.js +2 -2
  122. package/dist/index333.js +4 -15
  123. package/dist/index334.js +5 -2
  124. package/dist/index335.js +25 -17
  125. package/dist/index337.js +2 -3
  126. package/dist/index338.js +2 -3
  127. package/dist/index339.js +1 -1
  128. package/dist/index34.js +8 -8
  129. package/dist/index340.js +2 -4
  130. package/dist/index341.js +2 -719
  131. package/dist/index342.js +2 -366
  132. package/dist/index343.js +719 -57
  133. package/dist/index344.js +366 -6
  134. package/dist/index345.js +57 -2
  135. package/dist/index348.js +221 -86
  136. package/dist/index349.js +6 -5
  137. package/dist/index350.js +34 -6
  138. package/dist/index351.js +128 -17
  139. package/dist/index352.js +397 -7
  140. package/dist/index353.js +90 -12
  141. package/dist/index354.js +200 -5
  142. package/dist/index355.js +259 -7
  143. package/dist/index356.js +6 -34
  144. package/dist/index357.js +17 -128
  145. package/dist/index358.js +7 -397
  146. package/dist/index359.js +14 -199
  147. package/dist/index36.js +4 -4
  148. package/dist/index360.js +5 -259
  149. package/dist/index361.js +7 -22
  150. package/dist/index362.js +136 -0
  151. package/dist/index363.js +21 -133
  152. package/dist/index365.js +1 -1
  153. package/dist/index366.js +2 -228
  154. package/dist/index370.js +1 -1
  155. package/dist/index38.js +21 -21
  156. package/dist/index40.js +7 -7
  157. package/dist/index42.js +2 -2
  158. package/dist/index44.js +8 -8
  159. package/dist/index46.js +6 -6
  160. package/dist/index50.js +2 -2
  161. package/dist/index54.js +1 -1
  162. package/dist/index56.js +1 -1
  163. package/dist/index58.js +2 -2
  164. package/dist/index60.js +2 -2
  165. package/dist/index62.js +5 -5
  166. package/dist/index68.js +1 -1
  167. package/dist/index74.js +4 -4
  168. package/dist/index82.js +6 -6
  169. package/dist/index84.js +1 -1
  170. package/dist/index86.js +2 -2
  171. package/dist/index88.js +3 -3
  172. package/dist/index90.js +1 -1
  173. package/dist/index93.js +3 -3
  174. package/dist/index95.js +2 -2
  175. package/dist/index97.js +5 -5
  176. package/dist/index99.js +1 -1
  177. package/package.json +1 -1
  178. package/dist/index232.js +0 -4
  179. package/dist/index234.js +0 -4
  180. package/dist/index263.js +0 -6
  181. package/dist/index273.js +0 -25
  182. package/dist/index286.js +0 -108
  183. package/dist/index311.js +0 -4
  184. package/dist/index364.js +0 -4
@@ -0,0 +1,375 @@
1
+ import { defineComponent as Ae, ref as c, computed as L, onMounted as xe, onUnmounted as Re, watch as Le, createElementBlock as b, openBlock as w, createElementVNode as u, createCommentVNode as G, unref as $, normalizeStyle as y, normalizeClass as te, Fragment as ne, renderList as re } from "vue";
2
+ import { useLocale as $e } from "./index230.js";
3
+ const Se = ["aria-label"], Be = { class: "bb-color-palette__controls" }, Ie = { class: "bb-color-palette__preview-wrap" }, Ee = { class: "bb-color-palette__sliders" }, He = ["aria-label", "aria-valuenow"], We = ["aria-label", "aria-valuenow"], Ke = ["aria-label", "disabled"], Ve = {
4
+ key: 0,
5
+ class: "bb-color-palette__swatches"
6
+ }, Ge = ["aria-label", "aria-pressed", "onClick"], ze = /* @__PURE__ */ Ae({
7
+ __name: "ColorPalette",
8
+ props: {
9
+ modelValue: {},
10
+ alpha: { type: Boolean, default: !1 },
11
+ picker: { type: Boolean, default: !1 },
12
+ swatches: { type: [Boolean, Array] }
13
+ },
14
+ emits: ["update:modelValue"],
15
+ setup(le, { expose: oe, emit: se }) {
16
+ function k(e, a, t) {
17
+ const n = (r) => {
18
+ const l = (r + e / 60) % 6;
19
+ return t - t * a * Math.max(Math.min(l, 4 - l, 1), 0);
20
+ };
21
+ return [
22
+ Math.round(n(5) * 255),
23
+ Math.round(n(3) * 255),
24
+ Math.round(n(1) * 255)
25
+ ];
26
+ }
27
+ function U(e, a, t) {
28
+ const n = e / 255, r = a / 255, l = t / 255, s = Math.max(n, r, l), g = Math.min(n, r, l), _ = s - g, De = s === 0 ? 0 : _ / s, Pe = s;
29
+ let R = 0;
30
+ return _ !== 0 && (s === n ? R = ((r - l) / _ + (r < l ? 6 : 0)) / 6 : s === r ? R = ((l - n) / _ + 2) / 6 : R = ((n - r) / _ + 4) / 6), [R * 360, De, Pe];
31
+ }
32
+ function T(e) {
33
+ const a = e.replace(/^#/, "");
34
+ return a.length === 3 ? [
35
+ parseInt(a[0] + a[0], 16),
36
+ parseInt(a[1] + a[1], 16),
37
+ parseInt(a[2] + a[2], 16),
38
+ 1
39
+ ] : a.length === 6 ? [
40
+ parseInt(a.slice(0, 2), 16),
41
+ parseInt(a.slice(2, 4), 16),
42
+ parseInt(a.slice(4, 6), 16),
43
+ 1
44
+ ] : a.length === 8 ? [
45
+ parseInt(a.slice(0, 2), 16),
46
+ parseInt(a.slice(2, 4), 16),
47
+ parseInt(a.slice(4, 6), 16),
48
+ parseInt(a.slice(6, 8), 16) / 255
49
+ ] : [0, 0, 0, 1];
50
+ }
51
+ function F(e) {
52
+ return Math.round(Math.max(0, Math.min(255, e))).toString(16).padStart(2, "0");
53
+ }
54
+ function ie(e, a, t, n, r) {
55
+ const l = `#${F(e)}${F(a)}${F(t)}`;
56
+ return r ? l + F(n * 255) : l;
57
+ }
58
+ const ce = [
59
+ ["#FFCDD2", "#EF9A9A", "#F44336", "#D32F2F", "#B71C1C"],
60
+ // Red
61
+ ["#FFE0B2", "#FFCC80", "#FF9800", "#F57C00", "#E65100"],
62
+ // Orange
63
+ ["#FFF9C4", "#FFF59D", "#FFEB3B", "#FBC02D", "#F57F17"],
64
+ // Yellow
65
+ ["#C8E6C9", "#A5D6A7", "#4CAF50", "#388E3C", "#1B5E20"],
66
+ // Green
67
+ ["#BBDEFB", "#90CAF9", "#2196F3", "#1976D2", "#0D47A1"],
68
+ // Blue
69
+ ["#E1BEE7", "#CE93D8", "#9C27B0", "#7B1FA2", "#4A148C"]
70
+ // Purple
71
+ ], o = le, ue = se, { t: M } = $e(), i = c(0), v = c(1), p = c(1), h = c(1), S = L(() => {
72
+ const [e, a, t] = k(i.value, v.value, p.value);
73
+ return ie(e, a, t, h.value, o.alpha);
74
+ }), ve = L(() => {
75
+ const [e, a, t] = k(i.value, v.value, p.value);
76
+ return o.alpha ? `rgba(${e},${a},${t},${h.value})` : `rgb(${e},${a},${t})`;
77
+ }), pe = L(() => !!o.swatches), he = L(
78
+ () => Array.isArray(o.swatches) ? o.swatches : ce
79
+ ), z = c(null), m = c(null), B = c(null), D = c(null), P = c(null), A = c(null), x = c(null), C = () => {
80
+ const e = m.value;
81
+ if (!e || e.width === 0 || e.height === 0) return;
82
+ const a = e.getContext("2d");
83
+ if (!a) return;
84
+ const [t, n, r] = k(i.value, 1, 1), l = a.createLinearGradient(0, 0, e.width, 0);
85
+ l.addColorStop(0, "#ffffff"), l.addColorStop(1, `rgb(${t},${n},${r})`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
86
+ const s = a.createLinearGradient(0, 0, 0, e.height);
87
+ s.addColorStop(0, "rgba(0,0,0,0)"), s.addColorStop(1, "rgba(0,0,0,1)"), a.fillStyle = s, a.fillRect(0, 0, e.width, e.height);
88
+ }, de = () => {
89
+ const e = B.value;
90
+ if (!e || e.width === 0 || e.height === 0) return;
91
+ const a = e.getContext("2d");
92
+ if (!a) return;
93
+ const t = a.createLinearGradient(0, 0, e.width, 0);
94
+ for (let n = 0; n <= 6; n++)
95
+ t.addColorStop(n / 6, `hsl(${n * 60},100%,50%)`);
96
+ a.fillStyle = t, a.fillRect(0, 0, e.width, e.height);
97
+ }, f = () => {
98
+ const e = D.value;
99
+ if (!e || e.width === 0 || e.height === 0) return;
100
+ const a = e.getContext("2d");
101
+ if (!a) return;
102
+ a.clearRect(0, 0, e.width, e.height);
103
+ const [t, n, r] = k(i.value, v.value, p.value), l = a.createLinearGradient(0, 0, e.width, 0);
104
+ l.addColorStop(0, `rgba(${t},${n},${r},0)`), l.addColorStop(1, `rgba(${t},${n},${r},1)`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
105
+ }, fe = () => {
106
+ C(), de(), o.alpha && f();
107
+ };
108
+ let I = null;
109
+ const E = (e) => {
110
+ e.width = e.offsetWidth, e.height = e.offsetHeight;
111
+ }, X = () => {
112
+ const e = m.value, a = B.value;
113
+ !e || !a || e.offsetWidth === 0 || (E(e), E(a), o.alpha && D.value && E(D.value), fe());
114
+ };
115
+ xe(() => {
116
+ I = new ResizeObserver(X), m.value && I.observe(m.value), N(o.modelValue), X();
117
+ }), Re(() => {
118
+ I?.disconnect();
119
+ });
120
+ const N = (e) => {
121
+ if (e)
122
+ try {
123
+ const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
124
+ s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r;
125
+ } catch {
126
+ }
127
+ };
128
+ Le(
129
+ () => o.modelValue,
130
+ (e) => {
131
+ !e || e === S.value || (N(e), C(), o.alpha && f());
132
+ }
133
+ );
134
+ const d = () => ue("update:modelValue", S.value), H = c(!1), O = (e) => {
135
+ const a = P.value;
136
+ if (!a) return { s: v.value, v: p.value };
137
+ const t = a.getBoundingClientRect();
138
+ return {
139
+ s: Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)),
140
+ v: Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height))
141
+ };
142
+ }, be = (e) => {
143
+ P.value?.setPointerCapture(e.pointerId), H.value = !0;
144
+ const { s: a, v: t } = O(e);
145
+ v.value = a, p.value = t, o.alpha && f(), d();
146
+ }, we = (e) => {
147
+ if (!H.value) return;
148
+ const { s: a, v: t } = O(e);
149
+ v.value = a, p.value = t, o.alpha && f(), d();
150
+ }, Y = (e) => {
151
+ P.value?.releasePointerCapture(e.pointerId), H.value = !1;
152
+ }, Ce = (e) => {
153
+ const a = e.shiftKey ? 0.05 : 0.01;
154
+ switch (e.key) {
155
+ case "ArrowLeft":
156
+ v.value = Math.max(0, v.value - a);
157
+ break;
158
+ case "ArrowRight":
159
+ v.value = Math.min(1, v.value + a);
160
+ break;
161
+ case "ArrowUp":
162
+ p.value = Math.min(1, p.value + a);
163
+ break;
164
+ case "ArrowDown":
165
+ p.value = Math.max(0, p.value - a);
166
+ break;
167
+ default:
168
+ return;
169
+ }
170
+ o.alpha && f(), d(), e.preventDefault();
171
+ }, W = c(!1), Z = (e) => {
172
+ const a = A.value;
173
+ if (!a) return i.value;
174
+ const t = a.getBoundingClientRect();
175
+ return Math.max(
176
+ 0,
177
+ Math.min(360, (e.clientX - t.left) / t.width * 360)
178
+ );
179
+ }, me = (e) => {
180
+ A.value?.setPointerCapture(e.pointerId), W.value = !0, i.value = Z(e), C(), o.alpha && f(), d();
181
+ }, ge = (e) => {
182
+ W.value && (i.value = Z(e), C(), o.alpha && f(), d());
183
+ }, j = (e) => {
184
+ A.value?.releasePointerCapture(e.pointerId), W.value = !1;
185
+ }, _e = (e) => {
186
+ const a = e.shiftKey ? 10 : 1;
187
+ switch (e.key) {
188
+ case "ArrowLeft":
189
+ i.value = Math.max(0, i.value - a);
190
+ break;
191
+ case "ArrowRight":
192
+ i.value = Math.min(360, i.value + a);
193
+ break;
194
+ default:
195
+ return;
196
+ }
197
+ C(), o.alpha && f(), d(), e.preventDefault();
198
+ }, K = c(!1), q = (e) => {
199
+ const a = x.value;
200
+ if (!a) return h.value;
201
+ const t = a.getBoundingClientRect();
202
+ return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
203
+ }, ye = (e) => {
204
+ x.value?.setPointerCapture(e.pointerId), K.value = !0, h.value = q(e), d();
205
+ }, ke = (e) => {
206
+ K.value && (h.value = q(e), d());
207
+ }, J = (e) => {
208
+ x.value?.releasePointerCapture(e.pointerId), K.value = !1;
209
+ }, Fe = (e) => {
210
+ const a = e.shiftKey ? 0.05 : 0.01;
211
+ switch (e.key) {
212
+ case "ArrowLeft":
213
+ h.value = Math.max(0, h.value - a);
214
+ break;
215
+ case "ArrowRight":
216
+ h.value = Math.min(1, h.value + a);
217
+ break;
218
+ default:
219
+ return;
220
+ }
221
+ d(), e.preventDefault();
222
+ }, Q = "EyeDropper" in window, V = c(!1), Me = async () => {
223
+ if (Q)
224
+ try {
225
+ V.value = !0;
226
+ const e = window, t = await new e.EyeDropper().open();
227
+ ae(t.sRGBHex);
228
+ } catch {
229
+ } finally {
230
+ V.value = !1;
231
+ }
232
+ }, ee = (e) => S.value.slice(0, 7).toLowerCase() === e.slice(0, 7).toLowerCase(), ae = (e) => {
233
+ const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
234
+ s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r, C(), o.alpha && f(), d();
235
+ };
236
+ return oe({ el: z }), (e, a) => (w(), b("div", {
237
+ ref_key: "pickerRef",
238
+ ref: z,
239
+ class: "bb-color-palette"
240
+ }, [
241
+ u("div", {
242
+ ref_key: "canvasWrapRef",
243
+ ref: P,
244
+ class: "bb-color-palette__canvas-wrap",
245
+ role: "application",
246
+ tabindex: "0",
247
+ "aria-label": $(M)("colorInput.mainCanvasDesc").value,
248
+ onPointerdown: be,
249
+ onPointermove: we,
250
+ onPointerup: Y,
251
+ onPointercancel: Y,
252
+ onKeydown: Ce
253
+ }, [
254
+ u("canvas", {
255
+ ref_key: "mainCanvasRef",
256
+ ref: m,
257
+ class: "bb-color-palette__canvas",
258
+ "aria-hidden": "true"
259
+ }, null, 512),
260
+ u("div", {
261
+ class: "bb-color-palette__canvas-thumb",
262
+ style: y({ left: `${v.value * 100}%`, top: `${(1 - p.value) * 100}%` }),
263
+ "aria-hidden": "true"
264
+ }, null, 4)
265
+ ], 40, Se),
266
+ u("div", Be, [
267
+ u("div", Ie, [
268
+ u("div", {
269
+ class: te(["bb-color-palette__preview", { "bb-color-palette__preview--alpha": e.alpha }]),
270
+ style: y({ "--bb-picker-preview-color": ve.value })
271
+ }, null, 6)
272
+ ]),
273
+ u("div", Ee, [
274
+ u("div", {
275
+ ref_key: "hueWrapRef",
276
+ ref: A,
277
+ class: "bb-color-palette__slider-wrap",
278
+ role: "slider",
279
+ tabindex: "0",
280
+ "aria-label": $(M)("colorInput.hueCanvasDesc").value,
281
+ "aria-valuenow": Math.round(i.value),
282
+ "aria-valuemin": "0",
283
+ "aria-valuemax": "360",
284
+ onPointerdown: me,
285
+ onPointermove: ge,
286
+ onPointerup: j,
287
+ onPointercancel: j,
288
+ onKeydown: _e
289
+ }, [
290
+ u("canvas", {
291
+ ref_key: "hueCanvasRef",
292
+ ref: B,
293
+ class: "bb-color-palette__slider-track",
294
+ "aria-hidden": "true"
295
+ }, null, 512),
296
+ u("div", {
297
+ class: "bb-color-palette__slider-thumb",
298
+ style: y({ left: `${i.value / 360 * 100}%` }),
299
+ "aria-hidden": "true"
300
+ }, null, 4)
301
+ ], 40, He),
302
+ e.alpha ? (w(), b("div", {
303
+ key: 0,
304
+ ref_key: "alphaWrapRef",
305
+ ref: x,
306
+ class: "bb-color-palette__slider-wrap bb-color-palette__slider-wrap--alpha",
307
+ role: "slider",
308
+ tabindex: "0",
309
+ "aria-label": $(M)("colorInput.alphaSliderDesc").value,
310
+ "aria-valuenow": Math.round(h.value * 100),
311
+ "aria-valuemin": "0",
312
+ "aria-valuemax": "100",
313
+ onPointerdown: ye,
314
+ onPointermove: ke,
315
+ onPointerup: J,
316
+ onPointercancel: J,
317
+ onKeydown: Fe
318
+ }, [
319
+ u("canvas", {
320
+ ref_key: "alphaCanvasRef",
321
+ ref: D,
322
+ class: "bb-color-palette__slider-track",
323
+ "aria-hidden": "true"
324
+ }, null, 512),
325
+ u("div", {
326
+ class: "bb-color-palette__slider-thumb",
327
+ style: y({ left: `${h.value * 100}%` }),
328
+ "aria-hidden": "true"
329
+ }, null, 4)
330
+ ], 40, We)) : G("", !0)
331
+ ]),
332
+ e.picker && Q ? (w(), b("button", {
333
+ key: 0,
334
+ class: "bb-color-palette__eyedropper",
335
+ type: "button",
336
+ "aria-label": $(M)("colorInput.eyeDropper").value,
337
+ disabled: V.value || void 0,
338
+ onClick: Me
339
+ }, a[0] || (a[0] = [
340
+ u("svg", {
341
+ xmlns: "http://www.w3.org/2000/svg",
342
+ width: "16",
343
+ height: "16",
344
+ viewBox: "0 0 24 24",
345
+ fill: "currentColor",
346
+ "aria-hidden": "true"
347
+ }, [
348
+ u("path", { d: "M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L13.71,3.71L12.29,5.12L13.41,6.24L3,16.59V21H7.41L17.76,10.59L18.88,11.71L20.29,10.29L18.88,8.88L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63M6.58,19H5V17.42L13.29,9.12L14.88,10.71L6.58,19Z" })
349
+ ], -1)
350
+ ]), 8, Ke)) : G("", !0)
351
+ ]),
352
+ pe.value ? (w(), b("div", Ve, [
353
+ (w(!0), b(ne, null, re(he.value, (t, n) => (w(), b("div", {
354
+ key: n,
355
+ class: "bb-color-palette__swatch-group"
356
+ }, [
357
+ (w(!0), b(ne, null, re(t, (r) => (w(), b("button", {
358
+ key: r,
359
+ class: te(["bb-color-palette__swatch", {
360
+ "bb-color-palette__swatch--active": ee(r)
361
+ }]),
362
+ style: y({ background: r }),
363
+ "aria-label": r,
364
+ "aria-pressed": ee(r),
365
+ type: "button",
366
+ onClick: (l) => ae(r)
367
+ }, null, 14, Ge))), 128))
368
+ ]))), 128))
369
+ ])) : G("", !0)
370
+ ], 512));
371
+ }
372
+ });
373
+ export {
374
+ ze as default
375
+ };
package/dist/index233.js CHANGED
@@ -1,4 +1,162 @@
1
- const e = (t) => t;
1
+ import { defineComponent as L, mergeModels as T, useModel as F, ref as f, computed as i, watch as g, onBeforeUnmount as S, onMounted as z, createBlock as N, openBlock as h, resolveDynamicComponent as X, mergeProps as x, unref as B, withModifiers as C, withCtx as j, createElementVNode as q, createElementBlock as I, createCommentVNode as O, renderSlot as R, nextTick as G } from "vue";
2
+ import { useCancelableFunction as H } from "./index350.js";
3
+ import { useUntil as J } from "./index267.js";
4
+ import { extractDomContainer as A } from "./index229.js";
5
+ import { waitFor as K } from "./index301.js";
6
+ import { arrow as Q, useFloating as W } from "./index351.js";
7
+ import { flip as Y, offset as Z, shift as ee, hide as oe, size as te, autoUpdate as re } from "./index352.js";
8
+ const ne = {
9
+ key: 0,
10
+ class: "bb-common-popover__bubble scrollbar-border"
11
+ }, ce = /* @__PURE__ */ L({
12
+ __name: "CommonPopover",
13
+ props: /* @__PURE__ */ T({
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
+ hideArrow: { type: Boolean },
24
+ tag: { default: "span" },
25
+ flip: { type: Boolean, default: !0 },
26
+ scrollable: { type: Boolean, default: !1 },
27
+ forceAutoUpdate: { type: Boolean }
28
+ }, {
29
+ modelValue: { type: Boolean, default: !1 },
30
+ modelModifiers: {}
31
+ }),
32
+ emits: ["update:modelValue"],
33
+ setup(v) {
34
+ const o = v, a = F(v, "modelValue"), u = f(a.value), P = i(() => o.dialog ? "dialog" : "span"), r = f(), b = f(), w = i(() => {
35
+ const e = o.anchor;
36
+ return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : A(e);
37
+ }), _ = J(a, { initialValue: o.eager }), k = i(() => {
38
+ if (o.boundary)
39
+ return typeof o.boundary == "string" ? document.querySelector(o.boundary) ?? void 0 : A(o.boundary) ?? void 0;
40
+ }), $ = i(() => {
41
+ const e = k.value;
42
+ return [
43
+ ...o.flip ? [Y(e ? { boundary: e } : void 0)] : [],
44
+ Z(o.offset),
45
+ ee({ padding: o.padding, ...e ? { boundary: e } : {} }),
46
+ oe(),
47
+ ...o.scrollable ? [
48
+ te({
49
+ padding: o.padding,
50
+ ...e ? { boundary: e } : {},
51
+ apply({ availableHeight: t, elements: n }) {
52
+ n.floating.style.setProperty(
53
+ "--available-height",
54
+ `${t}px`
55
+ );
56
+ }
57
+ })
58
+ ] : [],
59
+ ...o.hideArrow ? [] : [
60
+ Q({
61
+ element: b,
62
+ padding: o.arrowPadding
63
+ })
64
+ ]
65
+ ];
66
+ }), { floatingStyles: M, placement: D, middlewareData: p, update: c } = W(
67
+ w,
68
+ r,
69
+ {
70
+ placement: o.placement,
71
+ middleware: $,
72
+ strategy: "fixed"
73
+ }
74
+ );
75
+ let s = null;
76
+ g(
77
+ [u, w, r, () => o.forceAutoUpdate],
78
+ ([e, t, n, l]) => {
79
+ s?.(), s = null, (e || l) && t && n && (s = re(t, n, c));
80
+ },
81
+ { immediate: !0 }
82
+ ), S(() => {
83
+ s?.(), s = null;
84
+ });
85
+ const { execute: y } = H(
86
+ ({ signal: e }, t) => new Promise((n) => {
87
+ let l;
88
+ const d = () => {
89
+ l && clearTimeout(l);
90
+ };
91
+ e.addEventListener("abort", d), t ? (U(), c(), K(() => !!r.value).then(() => {
92
+ u.value = !0, e.removeEventListener("abort", d), n(void 0);
93
+ })) : (u.value = !1, l = setTimeout(() => {
94
+ G(() => {
95
+ r.value && (o.dialog ? r.value.close() : r.value.hidePopover()), e.removeEventListener("abort", d), c(), n(void 0);
96
+ });
97
+ }, o.transitionDuration));
98
+ })
99
+ ), U = () => {
100
+ if (!r.value) return;
101
+ if (!o.dialog) return r.value.showPopover();
102
+ r.value.showModal();
103
+ };
104
+ g(a, y), z(() => {
105
+ a.value && y(a.value);
106
+ });
107
+ const V = i(() => {
108
+ const e = a.value ? void 0 : -1, t = p.value.arrow?.x, n = o.hideArrow || t == null ? "50%" : `${Math.round(t)}px`, l = o.dialog ? void 0 : "manual";
109
+ return {
110
+ style: {
111
+ ...M.value,
112
+ "--transition-duration": `${o.transitionDuration}ms`,
113
+ "--page-padding": `${o.padding}px`,
114
+ "--arrow-offset-x": n
115
+ },
116
+ popover: l,
117
+ tabindex: e
118
+ };
119
+ }), E = i(() => {
120
+ if (p.value.arrow) {
121
+ const { x: e, y: t } = p.value.arrow;
122
+ return {
123
+ style: {
124
+ left: `${e}px`,
125
+ top: `${t}px`
126
+ }
127
+ };
128
+ }
129
+ }), m = () => {
130
+ a.value = !1;
131
+ };
132
+ return (e, t) => (h(), N(X(P.value), x({
133
+ ref_key: "wrapper",
134
+ ref: r,
135
+ class: ["bb-common-popover", {
136
+ "bb-common-popover--open": u.value,
137
+ "bb-common-popover--no-arrow": e.hideArrow,
138
+ "bb-common-popover--scrollable": e.scrollable,
139
+ [`bb-common-popover--${B(D)}`]: !0
140
+ }]
141
+ }, V.value, {
142
+ onClick: C(m, ["self", "stop"]),
143
+ onContextmenu: C(m, ["self", "stop", "prevent"]),
144
+ onClose: m
145
+ }), {
146
+ default: j(() => [
147
+ q("span", x({
148
+ ref_key: "bubblearrow",
149
+ ref: b,
150
+ class: "bb-common-popover__arrow"
151
+ }, E.value), null, 16),
152
+ B(_) ? (h(), I("span", ne, [
153
+ R(e.$slots, "default")
154
+ ])) : O("", !0)
155
+ ]),
156
+ _: 3
157
+ }, 16, ["class"]));
158
+ }
159
+ });
2
160
  export {
3
- e as identity
161
+ ce as default
4
162
  };
package/dist/index235.js CHANGED
@@ -1,15 +1,27 @@
1
- import { locales as t } from "./index310.js";
2
- import { _config as m } from "./index4.js";
3
- import { get as c } from "./index275.js";
4
- import { readonly as l, computed as n } from "vue";
5
- const p = (o, ...r) => l(
6
- n(() => c(t[m.locale], o).replace(
7
- /\{(\d+)\}/g,
8
- (a, e) => r[e]
9
- ))
10
- ), d = () => ({
11
- t: p
12
- });
1
+ const a = new RegExp("\\p{Lu}", "u"), f = new RegExp("\\p{Ll}", "u"), R = new RegExp("\\p{N}", "u"), c = /\s/u, d = /[\p{Script=Han}\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Hangul}]/u, A = new RegExp("\\p{Extended_Pictographic}", "u"), W = /* @__PURE__ */ new Set([
2
+ ".",
3
+ ",",
4
+ ":",
5
+ ";",
6
+ "!",
7
+ "|",
8
+ "'",
9
+ "`",
10
+ '"',
11
+ "(",
12
+ ")",
13
+ "[",
14
+ "]",
15
+ "{",
16
+ "}"
17
+ ]), _ = /* @__PURE__ */ new Set(["-", "_", "/", "\\", "+", "="]), m = /* @__PURE__ */ new Set(["i", "l", "I", "j", "t", "f", "r"]), p = /* @__PURE__ */ new Set(["W", "M", "w", "m", "@", "%", "&", "#"]), I = (t) => c.test(t) ? 0.42 : A.test(t) ? 1.95 : d.test(t) ? 1.8 : W.has(t) ? 0.48 : _.has(t) ? 0.66 : m.has(t) ? 0.72 : p.has(t) ? 1.28 : R.test(t) ? 0.92 : a.test(t) ? 1.08 : f.test(t) ? 0.9 : 1, C = (t, n) => {
18
+ const e = t, i = n.fontWidth * 2, s = n.fontWidth * 0.6, r = n.estimationBias ?? 1, E = Array.from(e).reduce((u, o) => u + I(o) * n.fontWidth, 0);
19
+ return Math.max(
20
+ i,
21
+ (E + s) * r
22
+ );
23
+ }, T = (t) => Math.max(10, t * 1.2);
13
24
  export {
14
- d as useLocale
25
+ C as estimateBreadcrumbItemWidth,
26
+ T as estimateEllipsisWidth
15
27
  };
package/dist/index236.js CHANGED
@@ -1,88 +1,4 @@
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 "./index235.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
- });
1
+ const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
86
2
  export {
87
- C as default
3
+ s as isCssColor
88
4
  };
@@ -0,0 +1,4 @@
1
+ const o = (e) => e[0];
2
+ export {
3
+ o as head
4
+ };