bitboss-ui 2.0.169 → 2.0.171

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 (182) hide show
  1. package/dist/components/BbDropdown/BbDropdown.vue.d.ts +4 -4
  2. package/dist/components/BbPopover/BbPopover.vue.d.ts +6 -6
  3. package/dist/components/BbTooltip/BbTooltip.vue.d.ts +2 -2
  4. package/dist/index106.js +9 -9
  5. package/dist/index111.js +1 -1
  6. package/dist/index113.js +1 -1
  7. package/dist/index121.js +11 -11
  8. package/dist/index129.js +1 -1
  9. package/dist/index13.js +1 -1
  10. package/dist/index131.js +37 -37
  11. package/dist/index15.js +8 -8
  12. package/dist/index17.js +3 -3
  13. package/dist/index19.js +8 -8
  14. package/dist/index209.js +2 -66
  15. package/dist/index21.js +16 -16
  16. package/dist/index210.js +6 -0
  17. package/dist/index211.js +2 -13
  18. package/dist/index212.js +18 -41
  19. package/dist/index213.js +128 -6
  20. package/dist/index214.js +106 -7
  21. package/dist/index216.js +99 -12
  22. package/dist/index218.js +66 -5
  23. package/dist/index220.js +13 -5
  24. package/dist/index221.js +6 -5
  25. package/dist/index222.js +15 -5
  26. package/dist/index223.js +29 -2
  27. package/dist/index224.js +16 -2
  28. package/dist/index225.js +11 -19
  29. package/dist/index226.js +50 -93
  30. package/dist/index227.js +19 -0
  31. package/dist/index228.js +15 -2
  32. package/dist/index229.js +3 -9
  33. package/dist/index23.js +17 -17
  34. package/dist/index230.js +12 -34
  35. package/dist/index231.js +13 -4
  36. package/dist/index232.js +2 -200
  37. package/dist/index233.js +230 -0
  38. package/dist/index234.js +368 -2
  39. package/dist/index235.js +2 -2
  40. package/dist/index236.js +5 -4
  41. package/dist/index237.js +5 -2
  42. package/dist/index238.js +5 -2
  43. package/dist/index239.js +5 -3
  44. package/dist/index240.js +5 -5
  45. package/dist/index241.js +4 -4
  46. package/dist/index242.js +5 -8
  47. package/dist/index243.js +6 -248
  48. package/dist/index244.js +240 -42
  49. package/dist/index245.js +43 -35
  50. package/dist/index246.js +44 -5
  51. package/dist/index247.js +5 -60
  52. package/dist/index248.js +54 -80
  53. package/dist/index249.js +7 -0
  54. package/dist/index25.js +5 -5
  55. package/dist/index250.js +2 -29
  56. package/dist/index251.js +40 -15
  57. package/dist/index252.js +19 -16
  58. package/dist/index253.js +93 -50
  59. package/dist/index255.js +9 -12
  60. package/dist/index256.js +4 -3
  61. package/dist/index257.js +193 -99
  62. package/dist/index259.js +7 -100
  63. package/dist/index260.js +88 -0
  64. package/dist/index262.js +32 -126
  65. package/dist/index263.js +2 -12
  66. package/dist/index264.js +2 -228
  67. package/dist/index265.js +3 -368
  68. package/dist/index266.js +177 -3
  69. package/dist/index269.js +6 -177
  70. package/dist/index27.js +1 -1
  71. package/dist/index270.js +15 -8
  72. package/dist/index272.js +2 -2
  73. package/dist/index274.js +3 -23
  74. package/dist/index275.js +9 -6
  75. package/dist/index276.js +23 -16
  76. package/dist/index277.js +2 -9
  77. package/dist/index278.js +9 -8
  78. package/dist/index279.js +8 -2
  79. package/dist/index281.js +1 -1
  80. package/dist/index282.js +1 -1
  81. package/dist/index283.js +1 -1
  82. package/dist/index284.js +4 -3
  83. package/dist/index285.js +6 -0
  84. package/dist/index286.js +129 -7
  85. package/dist/index287.js +3 -471
  86. package/dist/index288.js +3 -2
  87. package/dist/index289.js +3 -7
  88. package/dist/index29.js +2 -2
  89. package/dist/index291.js +7 -4
  90. package/dist/index292.js +1 -1
  91. package/dist/index293.js +2 -280
  92. package/dist/index294.js +17 -2
  93. package/dist/index295.js +26 -123
  94. package/dist/index296.js +7 -2
  95. package/dist/index297.js +10 -15
  96. package/dist/index298.js +280 -2
  97. package/dist/index299.js +2 -16
  98. package/dist/index300.js +16 -2
  99. package/dist/index301.js +2 -19
  100. package/dist/index302.js +16 -2
  101. package/dist/index303.js +2 -15
  102. package/dist/index304.js +19 -2
  103. package/dist/index305.js +2 -3
  104. package/dist/index306.js +14 -199
  105. package/dist/index307.js +2 -3
  106. package/dist/index308.js +19 -4
  107. package/dist/index309.js +2 -28
  108. package/dist/index31.js +2 -2
  109. package/dist/index310.js +26 -5
  110. package/dist/index311.js +2 -3
  111. package/dist/index312.js +2 -17
  112. package/dist/index313.js +2 -5
  113. package/dist/index314.js +2 -19
  114. package/dist/index315.js +2 -2
  115. package/dist/index316.js +22 -27
  116. package/dist/index318.js +125 -2
  117. package/dist/index319.js +2 -2
  118. package/dist/index320.js +471 -2
  119. package/dist/index321.js +3 -2
  120. package/dist/index322.js +3 -22
  121. package/dist/index323.js +384 -0
  122. package/dist/index324.js +126 -3
  123. package/dist/index325.js +2 -3
  124. package/dist/index326.js +3 -129
  125. package/dist/index327.js +6 -2
  126. package/dist/index328.js +191 -373
  127. package/dist/index329.js +5 -126
  128. package/dist/index33.js +8 -8
  129. package/dist/index330.js +701 -5
  130. package/dist/index331.js +354 -3
  131. package/dist/index332.js +58 -701
  132. package/dist/index333.js +3 -354
  133. package/dist/index334.js +5 -58
  134. package/dist/index335.js +47 -2
  135. package/dist/index336.js +2 -7
  136. package/dist/index337.js +32 -227
  137. package/dist/index338.js +28 -5
  138. package/dist/index340.js +58 -6
  139. package/dist/index341.js +57 -7
  140. package/dist/index342.js +6 -92
  141. package/dist/index343.js +7 -32
  142. package/dist/index344.js +6 -28
  143. package/dist/index345.js +10 -0
  144. package/dist/index346.js +5 -47
  145. package/dist/index349.js +227 -57
  146. package/dist/index35.js +4 -4
  147. package/dist/index350.js +92 -57
  148. package/dist/index351.js +484 -0
  149. package/dist/index353.js +3 -482
  150. package/dist/index354.js +45 -479
  151. package/dist/index355.js +481 -2
  152. package/dist/index356.js +2 -47
  153. package/dist/index37.js +22 -22
  154. package/dist/index39.js +4 -4
  155. package/dist/index41.js +2 -2
  156. package/dist/index43.js +8 -8
  157. package/dist/index45.js +8 -8
  158. package/dist/index47.js +2 -2
  159. package/dist/index49.js +3 -3
  160. package/dist/index53.js +1 -1
  161. package/dist/index55.js +1 -1
  162. package/dist/index57.js +2 -2
  163. package/dist/index61.js +1 -1
  164. package/dist/index67.js +1 -1
  165. package/dist/index79.js +56 -56
  166. package/dist/index81.js +1 -1
  167. package/dist/index83.js +2 -2
  168. package/dist/index85.js +1 -1
  169. package/dist/index87.js +1 -1
  170. package/dist/index90.js +4 -4
  171. package/dist/index92.js +2 -2
  172. package/dist/index94.js +50 -49
  173. package/package.json +1 -1
  174. package/dist/index215.js +0 -17
  175. package/dist/index217.js +0 -7
  176. package/dist/index219.js +0 -7
  177. package/dist/index254.js +0 -17
  178. package/dist/index261.js +0 -20
  179. package/dist/index290.js +0 -13
  180. package/dist/index317.js +0 -4
  181. package/dist/index339.js +0 -10
  182. package/dist/index352.js +0 -5
package/dist/index257.js CHANGED
@@ -1,108 +1,202 @@
1
- import { defineComponent as y, ref as F, computed as H, watch as N, createElementBlock as L, openBlock as p, Fragment as S, renderList as V, createBlock as A, withModifiers as O, normalizeClass as P, withCtx as $, createTextVNode as z, toDisplayString as D } from "vue";
2
- import { hash as d } from "./index239.js";
3
- import { isNil as l } from "./index238.js";
4
- import E from "./index67.js";
5
- /* empty css */
6
- const K = /* @__PURE__ */ y({
7
- __name: "ChipsBox",
1
+ import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as _, openBlock as R, createElementVNode as w, createTextVNode as B, createCommentVNode as K, toDisplayString as C, unref as x } from "vue";
2
+ import { useResizeObserver as Z } from "./index137.js";
3
+ import { hexToRgb as O } from "./index343.js";
4
+ import { getHueFromRGB as F } from "./index344.js";
5
+ import { hslToHex as y } from "./index345.js";
6
+ import { useLocale as ee } from "./index231.js";
7
+ const te = {
8
+ id: "mainCanvasDesc",
9
+ "aria-live": "polite",
10
+ class: "sr-only"
11
+ }, ae = { key: 0 }, ne = {
12
+ id: "hueCanvasDesc",
13
+ "aria-live": "polite",
14
+ class: "sr-only"
15
+ }, oe = { key: 0 }, de = /* @__PURE__ */ j({
16
+ __name: "ColorPallette",
8
17
  props: {
9
- options: {}
18
+ modelValue: {}
10
19
  },
11
- emits: ["option:unselected"],
12
- setup(f, { expose: v, emit: h }) {
13
- const t = f, u = h, n = F(null), i = H(() => t.options.some((e) => !e.disabled)), a = (e = 1) => {
14
- const s = l(n.value) ? -1 : n.value;
15
- let o = (s + e) % t.options.length;
16
- for (; t.options[o].disabled && o !== s; )
17
- o = a(e + 1);
18
- return o;
19
- }, x = () => {
20
- if (!i.value) return;
21
- const e = a();
22
- n.value = e;
23
- }, c = (e = 1) => {
24
- const s = l(n.value) ? 0 : n.value;
25
- let o = (s - e + t.options.length) % t.options.length;
26
- for (; t.options[o].disabled && o !== s; )
27
- o = c(e + 1);
28
- return o;
29
- }, m = async () => {
30
- if (!i.value) return;
31
- const e = c();
32
- n.value = e;
33
- }, w = () => {
34
- if (!i.value) return;
35
- let e = 0;
36
- for (; t.options[e].disabled; )
37
- e++;
38
- n.value = e;
39
- }, b = () => {
40
- if (!i.value) return;
41
- let e = t.options.length - 1;
42
- for (; t.options[e].disabled && e !== 0; )
43
- e--;
44
- n.value = e;
20
+ emits: ["update:modelValue"],
21
+ setup(N, { emit: T }) {
22
+ const D = N, f = T, { t: h } = ee(), o = c(D.modelValue), d = c(
23
+ y(F(...O(o.value ?? "#ff0000")), 100, 50)
24
+ ), P = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), H = () => {
25
+ const e = s.value, t = r.value;
26
+ !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
45
27
  }, I = () => {
46
- if (!i.value) return;
47
- let e = 0;
48
- for (; !t.options[e].selected && t.options.length !== e; )
49
- e++;
50
- n.value = e;
51
- }, g = () => {
52
- if (!i.value) return;
53
- let e = t.options.length - 1;
54
- for (; t.options[e].selected && e !== 0; )
55
- e--;
56
- n.value = e;
57
- }, _ = (e) => {
58
- if (!i.value) return;
59
- const s = t.options.findIndex(
60
- (o) => o.valueHash === e
61
- );
62
- s >= 0 && (n.value = s);
63
- }, r = () => {
64
- n.value = null;
65
- }, k = () => {
66
- if (l(n.value)) return;
67
- const e = t.options[n.value];
68
- e.selected && u("option:unselected", e);
69
- }, C = () => l(n.value) ? void 0 : t.options[n.value];
70
- return N(
71
- () => t.options,
72
- (e, s) => {
73
- d(e) !== d(s) && r();
74
- },
75
- {
76
- flush: "post"
28
+ const e = s.value;
29
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
30
+ }, v = () => {
31
+ const e = s.value;
32
+ if (!e) return;
33
+ const t = I();
34
+ if (!t) return;
35
+ t.clearRect(0, 0, e.width, e.height);
36
+ const a = t.createLinearGradient(0, 0, e.width, 0);
37
+ a.addColorStop(0, d.value), a.addColorStop(1, "#ffffff");
38
+ const n = t.createLinearGradient(0, 0, 0, e.height);
39
+ 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;
40
+ }, p = () => {
41
+ const e = I();
42
+ e && (e.beginPath(), e.arc(
43
+ l.value.x,
44
+ l.value.y,
45
+ 8,
46
+ 0,
47
+ 2 * Math.PI
48
+ ), e.strokeStyle = "#ffffff", e.lineWidth = 2, e.stroke(), e.beginPath(), e.arc(
49
+ l.value.x,
50
+ l.value.y,
51
+ 7,
52
+ 0,
53
+ 2 * Math.PI
54
+ ), e.strokeStyle = "#000000", e.lineWidth = 1, e.stroke(), e.globalCompositeOperation = "source-over");
55
+ }, V = () => {
56
+ const e = r.value;
57
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
58
+ }, m = () => {
59
+ const e = r.value;
60
+ if (!e) return;
61
+ const t = V();
62
+ if (!t) return;
63
+ const a = t.createLinearGradient(0, 0, e.width, 0);
64
+ for (let n = 0; n <= 360; n += 60)
65
+ a.addColorStop(n / 360, `hsl(${n}, 100%, 50%)`);
66
+ a.addColorStop(1, "hsl(360, 100%, 50%)"), t.fillStyle = a, t.fillRect(0, 0, e.width, e.height), L(), t.fillStyle = "#000000", t.strokeStyle = "#000000", t.lineWidth = 1;
67
+ }, L = () => {
68
+ const e = r.value;
69
+ if (!e) return;
70
+ const t = V();
71
+ if (!t) return;
72
+ const a = 10, n = 16, i = u.value.x - a / 2, S = e.height / 2 - n / 2;
73
+ t.beginPath(), t.roundRect(i, S, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
74
+ }, q = (e) => {
75
+ s.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), b.value = !0, G(e));
76
+ }, z = (e) => {
77
+ r.value && (window.addEventListener("pointermove", A), window.addEventListener("pointerup", E), k.value = !0, W(e));
78
+ }, G = (e) => {
79
+ const t = s.value;
80
+ if (!t) return;
81
+ const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left)), i = Math.max(0, Math.min(t.height, e.clientY - a.top));
82
+ l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
83
+ }, W = (e) => {
84
+ const t = r.value;
85
+ if (!t) return;
86
+ const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
87
+ u.value = { x: n };
88
+ const i = n / t.width * 360;
89
+ d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
90
+ }, A = (e) => {
91
+ b.value ? G(e) : k.value && W(e);
92
+ }, E = () => {
93
+ b.value = !1, k.value = !1;
94
+ }, U = (e) => {
95
+ var a, n;
96
+ switch (e.key) {
97
+ case "ArrowUp":
98
+ l.value.y = Math.max(0, l.value.y - 5);
99
+ break;
100
+ case "ArrowDown":
101
+ l.value.y = Math.min(
102
+ ((a = s.value) == null ? void 0 : a.height) ?? 0,
103
+ l.value.y + 5
104
+ );
105
+ break;
106
+ case "ArrowLeft":
107
+ l.value.x = Math.max(0, l.value.x - 5);
108
+ break;
109
+ case "ArrowRight":
110
+ l.value.x = Math.min(
111
+ ((n = s.value) == null ? void 0 : n.width) ?? 0,
112
+ l.value.x + 5
113
+ );
114
+ break;
115
+ default:
116
+ return;
77
117
  }
78
- ), v({
79
- focusNext: x,
80
- focusPrevious: m,
81
- focusFirst: w,
82
- focusFirstSelected: I,
83
- focusLast: b,
84
- focusLastSelected: g,
85
- blur: r,
86
- confirmOption: k,
87
- focusByHash: _,
88
- getHighlighted: C
89
- }), (e, s) => (p(!0), L(S, null, V(e.options, (o, B) => (p(), A(E, {
90
- key: o.valueHash,
91
- class: P({
92
- "bb-chipsbox-item": !0,
93
- "bb-chipsbox-item--focused": B === n.value
94
- }),
95
- clearable: !0,
96
- text: o.text,
97
- "onClick:clear": O((M) => u("option:unselected", o), ["stop"])
98
- }, {
99
- default: $(() => [
100
- z(D(o.text), 1)
118
+ v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
119
+ }, X = (e) => {
120
+ var n, i;
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
+ ((n = r.value) == null ? void 0 : n.width) ?? 0,
128
+ u.value.x + 5
129
+ );
130
+ break;
131
+ default:
132
+ return;
133
+ }
134
+ const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
135
+ d.value = y(a, 100, 50), m(), L(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
136
+ };
137
+ J(() => {
138
+ H(), M(o.value ?? "#ff0000");
139
+ }), Z(P, () => {
140
+ H(), M(o.value ?? "#ff0000");
141
+ }), Q(
142
+ () => D.modelValue,
143
+ (e) => {
144
+ !e || e === o.value || (o.value = e, M(e), m(), v());
145
+ }
146
+ );
147
+ const g = () => {
148
+ const e = s.value;
149
+ if (!e) return "#ffffff";
150
+ const t = e.getContext("2d");
151
+ if (!t) return "#ffffff";
152
+ const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [S, $, Y] = i;
153
+ return `#${((1 << 24) + (S << 16) + ($ << 8) + Y).toString(16).slice(1)}`;
154
+ };
155
+ function M(e) {
156
+ var a;
157
+ const t = F(...O(e));
158
+ d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
159
+ }
160
+ return (e, t) => (R(), _("div", {
161
+ ref_key: "paletteRef",
162
+ ref: P,
163
+ "aria-label": "Color Picker",
164
+ class: "bb-color-palette",
165
+ role: "application"
166
+ }, [
167
+ w("canvas", {
168
+ ref_key: "mainCanvasRef",
169
+ ref: s,
170
+ "aria-describedby": "mainCanvasDesc",
171
+ "aria-label": "Main Color Selection",
172
+ class: "bb-color-palette__canvas",
173
+ role: "application",
174
+ tabindex: "0",
175
+ onKeydown: U,
176
+ onPointerdown: q
177
+ }, null, 544),
178
+ w("p", te, [
179
+ B(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
180
+ o.value ? (R(), _("span", ae, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : K("", !0)
101
181
  ]),
102
- _: 2
103
- }, 1032, ["class", "text", "onClick:clear"]))), 128));
182
+ w("canvas", {
183
+ ref_key: "hueCanvasRef",
184
+ ref: r,
185
+ "aria-describedby": "hueCanvasDesc",
186
+ "aria-label": "Hue Selection",
187
+ class: "bb-color-palette__hue-canvas",
188
+ role: "application",
189
+ tabindex: "0",
190
+ onKeydown: X,
191
+ onPointerdown: z
192
+ }, null, 544),
193
+ w("p", ne, [
194
+ B(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
195
+ d.value ? (R(), _("span", oe, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : K("", !0)
196
+ ])
197
+ ], 512));
104
198
  }
105
199
  });
106
200
  export {
107
- K as default
201
+ de as default
108
202
  };
package/dist/index259.js CHANGED
@@ -1,102 +1,9 @@
1
- import { defineComponent as F, ref as H, computed as L, watch as N, createElementBlock as d, openBlock as v, Fragment as S, renderList as A, withModifiers as O, normalizeClass as P, toDisplayString as V } from "vue";
2
- import { hash as f } from "./index239.js";
3
- import { isNil as i } from "./index238.js";
4
- const z = ["text", "onClick:clear"], j = /* @__PURE__ */ F({
5
- __name: "CommaBox",
6
- props: {
7
- options: {}
8
- },
9
- emits: ["option:unselected"],
10
- setup(m, { expose: h, emit: x }) {
11
- const t = m, a = x, n = H(null), l = L(() => t.options.some((e) => !e.disabled)), u = (e = 1) => {
12
- const s = i(n.value) ? -1 : n.value;
13
- let o = (s + e) % t.options.length;
14
- for (; t.options[o].disabled && o !== s; )
15
- o = u(e + 1);
16
- return o;
17
- }, b = () => {
18
- if (!l.value) return;
19
- const e = u();
20
- n.value = e;
21
- }, c = (e = 1) => {
22
- const s = i(n.value) ? 0 : n.value;
23
- let o = (s - e + t.options.length) % t.options.length;
24
- for (; t.options[o].disabled && o !== s; )
25
- o = c(e + 1);
26
- return o;
27
- }, w = async () => {
28
- if (!l.value) return;
29
- const e = c();
30
- n.value = e;
31
- }, I = () => {
32
- if (!l.value) return;
33
- let e = 0;
34
- for (; t.options[e].disabled; )
35
- e++;
36
- n.value = e;
37
- }, g = () => {
38
- if (!l.value) return;
39
- let e = t.options.length - 1;
40
- for (; t.options[e].disabled && e !== 0; )
41
- e--;
42
- n.value = e;
43
- }, k = () => {
44
- if (!l.value) return;
45
- let e = 0;
46
- for (; !t.options[e].selected && t.options.length !== e; )
47
- e++;
48
- n.value = e;
49
- }, _ = () => {
50
- if (!l.value) return;
51
- let e = t.options.length - 1;
52
- for (; t.options[e].selected && e !== 0; )
53
- e--;
54
- n.value = e;
55
- }, C = (e) => {
56
- if (!l.value) return;
57
- const s = t.options.findIndex(
58
- (o) => o.valueHash === e
59
- );
60
- s >= 0 && (n.value = s);
61
- }, r = () => {
62
- n.value = null;
63
- }, y = () => {
64
- if (i(n.value)) return;
65
- const e = t.options[n.value];
66
- e.selected && a("option:unselected", e);
67
- }, B = () => i(n.value) ? void 0 : t.options[n.value];
68
- return N(
69
- () => t.options,
70
- (e, s) => {
71
- f(e) !== f(s) && r();
72
- },
73
- {
74
- flush: "post"
75
- }
76
- ), h({
77
- focusNext: b,
78
- focusPrevious: w,
79
- focusFirst: I,
80
- focusFirstSelected: k,
81
- focusLast: g,
82
- focusLastSelected: _,
83
- blur: r,
84
- confirmOption: y,
85
- focusByHash: C,
86
- getHighlighted: B
87
- }), (e, s) => (v(!0), d(S, null, A(e.options, (o, p) => (v(), d("span", {
88
- key: o.valueHash,
89
- class: P({
90
- "bb-commabox-item": !0,
91
- "bb-commabox-item--focused": p === n.value,
92
- "bb-commabox-item--has-comma": p !== e.options.length - 1
93
- }),
94
- clearable: !0,
95
- text: o.text,
96
- "onClick:clear": O((D) => a("option:unselected", o), ["stop"])
97
- }, V(o.text), 43, z))), 128));
98
- }
99
- });
1
+ import { ref as e } from "vue";
2
+ const o = e(0), s = () => {
3
+ o.value++;
4
+ }, a = () => {
5
+ o.value--;
6
+ }, d = () => ({ openedModals: o, modalHasOpened: s, modalHasClosed: a });
100
7
  export {
101
- j as default
8
+ d as useModalsState
102
9
  };
@@ -0,0 +1,88 @@
1
+ import { defineComponent as h, createElementBlock as n, openBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createCommentVNode as p, createTextVNode as o, toDisplayString as d, unref as b, Fragment as m, renderList as u } from "vue";
2
+ import { useLocale as g } from "./index231.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__ */ h({
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: i } = g();
22
+ return (a, T) => (s(), n("span", {
23
+ ref: "container",
24
+ class: r(["bb-cr-container", {
25
+ "bb-cr-container--errors": a.hasErrors,
26
+ "bb-cr-container--horizontal": a.direction === "horizontal",
27
+ "bb-cr-container--vertical": a.direction === "vertical"
28
+ }])
29
+ }, [
30
+ l("span", k, [
31
+ t(a.$slots, "prepend"),
32
+ !a.options.length && a.loading ? (s(), n("span", y, [
33
+ t(a.$slots, "loading", {}, () => [
34
+ o(d(a.loadingText || b(i)("common.loadingText")), 1)
35
+ ])
36
+ ])) : a.options.length ? p("", !0) : (s(), n("span", $, [
37
+ t(a.$slots, "no-data", {}, () => [
38
+ o(d(a.noDataText || b(i)("common.noDataText")), 1)
39
+ ])
40
+ ])),
41
+ (s(!0), n(m, null, u(a.options, (e, c) => (s(), n(m, {
42
+ key: (e == null ? void 0 : e.valueHash) || c
43
+ }, [
44
+ t(a.$slots, "option:prepend", {
45
+ id: e.valueHash,
46
+ checked: !!e.selected,
47
+ disabled: !!e.disabled,
48
+ item: e.item,
49
+ text: e.text
50
+ }),
51
+ l("label", {
52
+ class: r(["bb-cr-container-option", { "bb-base-radio-selected": e.selected }])
53
+ }, [
54
+ t(a.$slots, "input", {
55
+ index: c,
56
+ option: e
57
+ }),
58
+ l("span", {
59
+ class: r({
60
+ "bb-cr-container-option__text": !0,
61
+ "sr-only": a.hideLabel
62
+ })
63
+ }, [
64
+ t(a.$slots, "label", {
65
+ checked: !!e.selected,
66
+ item: e.item,
67
+ text: e.text
68
+ }, () => [
69
+ o(d(e.text), 1)
70
+ ])
71
+ ], 2)
72
+ ], 2),
73
+ t(a.$slots, "option:append", {
74
+ id: e.valueHash,
75
+ checked: !!e.selected,
76
+ disabled: !!e.disabled,
77
+ item: e.item,
78
+ text: e.text
79
+ })
80
+ ], 64))), 128)),
81
+ t(a.$slots, "append")
82
+ ])
83
+ ], 2));
84
+ }
85
+ });
86
+ export {
87
+ C as default
88
+ };
package/dist/index262.js CHANGED
@@ -1,130 +1,36 @@
1
- import { arrow as j, computePosition as A } from "./index265.js";
2
- import { autoUpdate as W, flip as X, offset as Y, platform as Z, shift as ee } from "./index265.js";
3
- import { isNode as B, getNodeName as F } from "./index326.js";
4
- import { getOverflowAncestors as te } from "./index326.js";
5
- import { computed as r, ref as c, shallowRef as I, watch as x, getCurrentScope as U, onScopeDispose as k, shallowReadonly as o, unref as q } from "vue";
6
- function z(e) {
7
- return e != null && typeof e == "object" && "$el" in e;
8
- }
9
- function V(e) {
10
- if (z(e)) {
11
- const l = e.$el;
12
- return B(l) && F(l) === "#comment" ? null : l;
13
- }
14
- return e;
15
- }
16
- function i(e) {
17
- return typeof e == "function" ? e() : q(e);
18
- }
19
- function K(e) {
20
- return {
21
- name: "arrow",
22
- options: e,
23
- fn(l) {
24
- const t = V(i(e.element));
25
- return t == null ? {} : j({
26
- element: t,
27
- padding: e.padding
28
- }).fn(l);
29
- }
30
- };
31
- }
32
- function M(e) {
33
- return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
34
- }
35
- function C(e, l) {
36
- const t = M(e);
37
- return Math.round(l * t) / t;
38
- }
39
- function L(e, l, t) {
40
- t === void 0 && (t = {});
41
- const D = t.whileElementsMounted, s = r(() => {
42
- var n;
43
- return (n = i(t.open)) != null ? n : !0;
44
- }), O = r(() => i(t.middleware)), p = r(() => {
45
- var n;
46
- return (n = i(t.placement)) != null ? n : "bottom";
47
- }), w = r(() => {
48
- var n;
49
- return (n = i(t.strategy)) != null ? n : "absolute";
50
- }), S = r(() => {
51
- var n;
52
- return (n = i(t.transform)) != null ? n : !0;
53
- }), f = r(() => V(e.value)), u = r(() => V(l.value)), y = c(0), h = c(0), m = c(w.value), P = c(p.value), E = I({}), g = c(!1), _ = r(() => {
54
- const n = {
55
- position: m.value,
56
- left: "0",
57
- top: "0"
58
- };
59
- if (!u.value)
60
- return n;
61
- const a = C(u.value, y.value), b = C(u.value, h.value);
62
- return S.value ? {
63
- ...n,
64
- transform: "translate(" + a + "px, " + b + "px)",
65
- ...M(u.value) >= 1.5 && {
66
- willChange: "transform"
1
+ import { defineComponent as p, getCurrentInstance as a, resolveComponent as u, createBlock as f, openBlock as k, resolveDynamicComponent as g, unref as d, withCtx as b, renderSlot as x } from "vue";
2
+ import { _config as e } from "./index4.js";
3
+ import { useLogger as l } from "./index243.js";
4
+ const $ = /* @__PURE__ */ p({
5
+ __name: "RouterComponent",
6
+ setup(y) {
7
+ var o, i, r, s;
8
+ const m = !!((i = (o = a()) == null ? void 0 : o.proxy) != null && i.$inertia), c = !!((s = (r = a()) == null ? void 0 : r.proxy) != null && s.$nuxt);
9
+ let t;
10
+ if (m) {
11
+ if (t = u(e.inertiaLinkName), typeof t == "string") {
12
+ const { warn: n } = l();
13
+ n(
14
+ `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
15
+ );
67
16
  }
68
- } : {
69
- position: m.value,
70
- left: a + "px",
71
- top: b + "px"
72
- };
73
- });
74
- let d;
75
- function v() {
76
- if (f.value == null || u.value == null)
77
- return;
78
- const n = s.value;
79
- A(f.value, u.value, {
80
- middleware: O.value,
81
- placement: p.value,
82
- strategy: w.value
83
- }).then((a) => {
84
- y.value = a.x, h.value = a.y, m.value = a.strategy, P.value = a.placement, E.value = a.middlewareData, g.value = n !== !1;
85
- });
86
- }
87
- function R() {
88
- typeof d == "function" && (d(), d = void 0);
89
- }
90
- function N() {
91
- if (R(), D === void 0) {
92
- v();
93
- return;
94
- }
95
- if (f.value != null && u.value != null) {
96
- d = D(f.value, u.value, v);
97
- return;
98
- }
99
- }
100
- function $() {
101
- s.value || (g.value = !1);
17
+ } else if (c) {
18
+ if (t = u(e.nuxtLinkName), typeof t == "string") {
19
+ const { warn: n } = l();
20
+ n(
21
+ `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
22
+ );
23
+ }
24
+ } else
25
+ t = "router-link";
26
+ return (n, L) => (k(), f(g(d(t)), null, {
27
+ default: b(() => [
28
+ x(n.$slots, "default")
29
+ ]),
30
+ _: 3
31
+ }));
102
32
  }
103
- return x([O, p, w, s], v, {
104
- flush: "sync"
105
- }), x([f, u], N, {
106
- flush: "sync"
107
- }), x(s, $, {
108
- flush: "sync"
109
- }), U() && k(R), {
110
- x: o(y),
111
- y: o(h),
112
- strategy: o(m),
113
- placement: o(P),
114
- middlewareData: o(E),
115
- isPositioned: o(g),
116
- floatingStyles: _,
117
- update: v
118
- };
119
- }
33
+ });
120
34
  export {
121
- K as arrow,
122
- W as autoUpdate,
123
- A as computePosition,
124
- X as flip,
125
- te as getOverflowAncestors,
126
- Y as offset,
127
- Z as platform,
128
- ee as shift,
129
- L as useFloating
35
+ $ as default
130
36
  };