bitboss-ui 2.1.32 → 2.1.34

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 (206) hide show
  1. package/dist/components/BaseColorInput/BaseColorInput.vue.d.ts +13 -12
  2. package/dist/components/BaseColorInput/ColorPallette.vue.d.ts +2 -2
  3. package/dist/components/BaseDatePickerInput/BaseDatePickerInput.vue.d.ts +11 -6
  4. package/dist/components/BaseNumberInput/BaseNumberInput.vue.d.ts +3 -2
  5. package/dist/components/BaseSelect/BaseSelect.vue.d.ts +3 -2
  6. package/dist/components/BaseTag/BaseTag.vue.d.ts +11 -10
  7. package/dist/components/BaseTextInput/BaseTextInput.vue.d.ts +3 -2
  8. package/dist/components/BaseTextarea/BaseTextarea.vue.d.ts +3 -2
  9. package/dist/components/BbButton/BbButton.vue.d.ts +5 -5
  10. package/dist/components/BbColorInput/BbColorInput.vue.d.ts +3 -2
  11. package/dist/components/BbDatePickerInput/BbDatePickerInput.vue.d.ts +3 -2
  12. package/dist/components/BbDropdown/BbDropdown.vue.d.ts +30 -38
  13. package/dist/components/BbDropdownButton/BbDropdownButton.vue.d.ts +8 -3
  14. package/dist/components/BbIcon/BbIcon.vue.d.ts +4 -3
  15. package/dist/components/BbNumberInput/BbNumberInput.vue.d.ts +7 -6
  16. package/dist/components/BbPopover/BbPopover.vue.d.ts +25 -32
  17. package/dist/components/BbSelect/BbSelect.vue.d.ts +3 -2
  18. package/dist/components/BbTag/BbTag.vue.d.ts +3 -2
  19. package/dist/components/BbTextInput/BbTextInput.vue.d.ts +3 -2
  20. package/dist/components/BbTextarea/BbTextarea.vue.d.ts +3 -2
  21. package/dist/components/BbTooltip/BbTooltip.vue.d.ts +26 -31
  22. package/dist/components/CommonInputInnerContainer.vue.d.ts +3 -2
  23. package/dist/components/{CommonPopover.vue.d.ts → CommonPopover2.vue.d.ts} +2 -7
  24. package/dist/composables/useCancelableFunction.d.ts +17 -0
  25. package/dist/composables/useToast.d.ts +4 -3
  26. package/dist/index.css +1 -1
  27. package/dist/index.d.ts +10 -0
  28. package/dist/index106.js +9 -9
  29. package/dist/index111.js +1 -1
  30. package/dist/index113.js +1 -1
  31. package/dist/index121.js +11 -11
  32. package/dist/index129.js +1 -1
  33. package/dist/index13.js +1 -1
  34. package/dist/index131.js +111 -93
  35. package/dist/index133.js +1 -1
  36. package/dist/index135.js +2 -2
  37. package/dist/index140.js +292 -250
  38. package/dist/index142.js +2 -2
  39. package/dist/index15.js +72 -74
  40. package/dist/index17.js +3 -3
  41. package/dist/index19.js +8 -8
  42. package/dist/index21.js +16 -16
  43. package/dist/index212.js +3 -3
  44. package/dist/index215.js +86 -4
  45. package/dist/index217.js +27 -9
  46. package/dist/index218.js +16 -19
  47. package/dist/index219.js +49 -195
  48. package/dist/index220.js +17 -0
  49. package/dist/index221.js +3 -117
  50. package/dist/index222.js +14 -0
  51. package/dist/index223.js +16 -34
  52. package/dist/index224.js +2 -86
  53. package/dist/index225.js +4 -0
  54. package/dist/index226.js +2 -29
  55. package/dist/index227.js +106 -17
  56. package/dist/index229.js +100 -15
  57. package/dist/index23.js +152 -152
  58. package/dist/index231.js +2 -12
  59. package/dist/index232.js +4 -16
  60. package/dist/index233.js +5 -2
  61. package/dist/index234.js +5 -2
  62. package/dist/index235.js +5 -2
  63. package/dist/index236.js +5 -5
  64. package/dist/index237.js +4 -4
  65. package/dist/index238.js +5 -5
  66. package/dist/index239.js +2 -5
  67. package/dist/index240.js +13 -5
  68. package/dist/index241.js +20 -5
  69. package/dist/index242.js +121 -5
  70. package/dist/index244.js +17 -7
  71. package/dist/index245.js +12 -250
  72. package/dist/index246.js +222 -45
  73. package/dist/index247.js +13 -44
  74. package/dist/index248.js +4 -5
  75. package/dist/index249.js +190 -53
  76. package/dist/index25.js +3 -3
  77. package/dist/index251.js +7 -3
  78. package/dist/index252.js +33 -12
  79. package/dist/index253.js +2 -106
  80. package/dist/index254.js +185 -0
  81. package/dist/index255.js +3 -100
  82. package/dist/index256.js +4 -0
  83. package/dist/index257.js +7 -2
  84. package/dist/index258.js +6 -182
  85. package/dist/index259.js +12 -6
  86. package/dist/index260.js +5 -2
  87. package/dist/index261.js +5 -2
  88. package/dist/index262.js +8 -7
  89. package/dist/index263.js +250 -7
  90. package/dist/index264.js +50 -16
  91. package/dist/index265.js +44 -12
  92. package/dist/index266.js +5 -6
  93. package/dist/index267.js +54 -223
  94. package/dist/index268.js +6 -5
  95. package/dist/index269.js +16 -10
  96. package/dist/index27.js +1 -1
  97. package/dist/index270.js +9 -3
  98. package/dist/index271.js +4 -9
  99. package/dist/index272.js +23 -23
  100. package/dist/index273.js +9 -3
  101. package/dist/index274.js +23 -9
  102. package/dist/index275.js +10 -6
  103. package/dist/index276.js +3 -16
  104. package/dist/index277.js +3 -9
  105. package/dist/index278.js +9 -8
  106. package/dist/index279.js +8 -33
  107. package/dist/index280.js +33 -28
  108. package/dist/index281.js +30 -0
  109. package/dist/index283.js +2 -5
  110. package/dist/index284.js +67 -8
  111. package/dist/index285.js +5 -2
  112. package/dist/index286.js +5 -5
  113. package/dist/index287.js +8 -3
  114. package/dist/index288.js +4 -3
  115. package/dist/index289.js +3 -7
  116. package/dist/index29.js +2 -2
  117. package/dist/index290.js +17 -11
  118. package/dist/index291.js +28 -2
  119. package/dist/index292.js +3 -4
  120. package/dist/index293.js +1 -1
  121. package/dist/index294.js +4 -17
  122. package/dist/index295.js +279 -27
  123. package/dist/index296.js +2 -4
  124. package/dist/index297.js +125 -5
  125. package/dist/index298.js +2 -280
  126. package/dist/index299.js +15 -2
  127. package/dist/index300.js +2 -16
  128. package/dist/index301.js +16 -2
  129. package/dist/index302.js +2 -16
  130. package/dist/index303.js +16 -2
  131. package/dist/index304.js +2 -19
  132. package/dist/index305.js +19 -2
  133. package/dist/index306.js +2 -15
  134. package/dist/index307.js +3 -2
  135. package/dist/index308.js +7 -19
  136. package/dist/index309.js +11 -2
  137. package/dist/index31.js +2 -2
  138. package/dist/index310.js +2 -27
  139. package/dist/index311.js +3 -2
  140. package/dist/index312.js +6 -2
  141. package/dist/index313.js +1 -1
  142. package/dist/index314.js +5 -2
  143. package/dist/index315.js +19 -2
  144. package/dist/index316.js +2 -22
  145. package/dist/index317.js +29 -0
  146. package/dist/index318.js +2 -3
  147. package/dist/index319.js +2 -3
  148. package/dist/index320.js +2 -6
  149. package/dist/index321.js +1 -1
  150. package/dist/index322.js +2 -125
  151. package/dist/index323.js +22 -2
  152. package/dist/index328.js +7 -0
  153. package/dist/index33.js +8 -8
  154. package/dist/index330.js +3 -2
  155. package/dist/index331.js +2 -8
  156. package/dist/index332.js +34 -5
  157. package/dist/index333.js +6 -8
  158. package/dist/index334.js +128 -57
  159. package/dist/index335.js +367 -56
  160. package/dist/index336.js +47 -8
  161. package/dist/index337.js +57 -128
  162. package/dist/index338.js +56 -367
  163. package/dist/index339.js +7 -6
  164. package/dist/index340.js +5 -18
  165. package/dist/index341.js +8 -228
  166. package/dist/index343.js +227 -46
  167. package/dist/index344.js +6 -92
  168. package/dist/index345.js +17 -127
  169. package/dist/index346.js +87 -430
  170. package/dist/index347.js +123 -121
  171. package/dist/index348.js +1 -1
  172. package/dist/index349.js +430 -44
  173. package/dist/index35.js +4 -4
  174. package/dist/index350.js +129 -0
  175. package/dist/index351.js +52 -0
  176. package/dist/index37.js +261 -271
  177. package/dist/index39.js +6 -6
  178. package/dist/index41.js +2 -2
  179. package/dist/index43.js +8 -8
  180. package/dist/index45.js +60 -62
  181. package/dist/index49.js +1 -1
  182. package/dist/index53.js +1 -1
  183. package/dist/index55.js +1 -1
  184. package/dist/index57.js +2 -2
  185. package/dist/index61.js +6 -6
  186. package/dist/index67.js +1 -1
  187. package/dist/index79.js +206 -182
  188. package/dist/index81.js +2 -2
  189. package/dist/index83.js +2 -2
  190. package/dist/index85.js +3 -3
  191. package/dist/index87.js +1 -1
  192. package/dist/index90.js +3 -3
  193. package/dist/index92.js +2 -2
  194. package/dist/index94.js +121 -117
  195. package/dist/types/Icon.d.ts +9 -0
  196. package/dist/utilities/functions/extractDomContainer.d.ts +1 -0
  197. package/dist/utilities/functions/parseWidthString.d.ts +6 -0
  198. package/package.json +1 -1
  199. package/dist/index216.js +0 -15
  200. package/dist/index228.js +0 -53
  201. package/dist/index230.js +0 -5
  202. package/dist/index243.js +0 -4
  203. package/dist/index250.js +0 -6
  204. package/dist/index282.js +0 -69
  205. package/dist/index324.js +0 -7
  206. package/dist/index329.js +0 -5
package/dist/index246.js CHANGED
@@ -1,54 +1,231 @@
1
- import { defineComponent as p, ref as b, watch as _, computed as m, createElementBlock as d, openBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
2
- import k from "./index248.js";
3
- const y = { class: "bb-base-date-picker__year-container" }, v = {
4
- "aria-live": "polite",
5
- class: "bb-base-date-picker__selected-day-label"
6
- }, B = { class: "bb-base-date-picker__weekday" }, D = { class: "bb-base-date-picker__monthday" }, M = { class: "bb-base-date-picker__month-button" }, C = /* @__PURE__ */ p({
7
- __name: "BaseDatePickerHeader",
1
+ import { defineComponent as U, ref as f, computed as x, watch as D, createElementBlock as d, openBlock as p, withModifiers as X, normalizeStyle as h, normalizeClass as $, createElementVNode as v, renderSlot as m, createTextVNode as z, toDisplayString as g, unref as H, Fragment as Z, renderList as ee } from "vue";
2
+ import { isNil as b } from "./index225.js";
3
+ import { useVirtualizer as te } from "./index336.js";
4
+ import { isNotNil as oe } from "./index143.js";
5
+ import { hash as L } from "./index221.js";
6
+ import { useLocale as ne } from "./index240.js";
7
+ const le = { class: "bb-listbox__outer-container scrollbar-border" }, ie = {
8
+ key: 0,
9
+ class: "bb-listbox__loading"
10
+ }, se = {
11
+ key: 1,
12
+ class: "bb-listbox__no-data"
13
+ }, ae = ["aria-selected", "data-index"], ue = { class: "autocomplete-option__label" }, be = /* @__PURE__ */ U({
14
+ __name: "ListBox",
8
15
  props: {
9
- cursor: {},
10
- disabled: { type: Boolean },
11
- hidden: { type: Boolean }
16
+ compact: { type: Boolean },
17
+ options: {},
18
+ open: { type: Boolean },
19
+ loading: { type: Boolean },
20
+ multiple: { type: Boolean },
21
+ transitionDuration: { default: 250 },
22
+ loadingText: {},
23
+ noDataText: {}
12
24
  },
13
- emits: ["mode:year", "mode:month"],
14
- setup(n) {
15
- const s = n, r = b("top"), l = (e, a) => {
16
- e && a && (r.value = e.isBefore(a) ? "top" : "bottom");
17
- };
18
- _(
19
- () => s.cursor,
20
- (e, a) => {
21
- l(e, a);
25
+ emits: ["option:selected", "option:unselected"],
26
+ setup(N, { expose: V, emit: O }) {
27
+ const o = N, y = O, { t: I } = ne(), s = f(null), C = (e) => "option_" + JSON.stringify(e).replace(/\W/g, "_"), i = x(
28
+ () => o.options.map((e) => ({ ...e, id: C(e.value) }))
29
+ ), c = te({
30
+ get count() {
31
+ return o.options.length;
32
+ },
33
+ getScrollElement: () => s.value ? s.value : null,
34
+ estimateSize: () => o.compact ? 32 : 40,
35
+ overscan: 5,
36
+ measureElement: () => o.compact ? 32 : 40,
37
+ useAnimationFrameWithResizeObserver: !0
38
+ }), F = (e) => {
39
+ e && c.value.measureElement(e);
40
+ }, M = x(() => c.value.getVirtualItems()), A = x(() => c.value.getTotalSize()), n = f(null), a = x(
41
+ () => o.open && o.options.some((e) => !e.disabled)
42
+ ), _ = (e = 1) => {
43
+ const l = b(n.value) ? -1 : n.value;
44
+ let t = (l + e) % o.options.length;
45
+ for (; o.options[t].disabled && t !== l; )
46
+ t = _(e + 1);
47
+ return t;
48
+ }, R = () => {
49
+ if (!a.value) return;
50
+ const e = _();
51
+ n.value = e, u();
52
+ }, S = (e = 1) => {
53
+ const l = b(n.value) ? 0 : n.value;
54
+ let t = (l - e + o.options.length) % o.options.length;
55
+ for (; o.options[t].disabled && t !== l; )
56
+ t = S(e + 1);
57
+ return t;
58
+ }, P = async () => {
59
+ if (!a.value) return;
60
+ const e = S();
61
+ n.value = e, u();
62
+ }, W = () => {
63
+ if (!a.value) return;
64
+ let e = 0;
65
+ for (; o.options[e].disabled; )
66
+ e++;
67
+ n.value = e, u();
68
+ }, q = () => {
69
+ if (!a.value) return;
70
+ let e = o.options.length - 1;
71
+ for (; o.options[e].disabled && e !== 0; )
72
+ e--;
73
+ n.value = e, u();
74
+ }, J = () => {
75
+ if (!a.value) return;
76
+ let e = 0;
77
+ for (; o.options[e] && !o.options[e].selected && o.options.length !== e; )
78
+ e++;
79
+ n.value = e % o.options.length, u();
80
+ }, Y = () => {
81
+ if (!a.value) return;
82
+ let e = o.options.length - 1;
83
+ for (; o.options[e].selected && e > 0; )
84
+ e--;
85
+ n.value = e === -1 ? o.options.length - 1 : e, u();
86
+ }, j = (e) => {
87
+ if (!a.value) return;
88
+ const l = o.options.findIndex(
89
+ (t) => t.valueHash === e
90
+ );
91
+ l >= 0 && (n.value = l), u();
92
+ }, k = () => {
93
+ n.value = null;
94
+ }, u = () => {
95
+ s.value && oe(n.value) && c.value.scrollToIndex(n.value, {
96
+ align: "center",
97
+ behavior: "smooth"
98
+ });
99
+ }, w = () => {
100
+ if (b(n.value) || !o.open) return;
101
+ const e = o.options[n.value];
102
+ e.selected ? y("option:unselected", e) : y("option:selected", e);
103
+ }, B = f(0), E = () => {
104
+ s.value && (B.value = s.value.scrollHeight);
105
+ }, G = (e) => !e.disabled, K = (e) => {
106
+ if (e.preventDefault(), s.value && e.target && e.target instanceof HTMLElement) {
107
+ if (!s.value.querySelector('[role="listbox"]'))
108
+ throw new Error("Could not find listbox in DOM tree.");
109
+ let t = e.target, r = t.dataset.index;
110
+ for (; b(r) && t.parentElement; )
111
+ t = t.parentElement, r = t.dataset.index;
112
+ if (r) {
113
+ const T = o.options[+r];
114
+ T && G(T) && (n.value = +r, w());
115
+ }
22
116
  }
23
- );
24
- const i = m(() => s.cursor.format("YYYY"));
25
- return (e, a) => (c(), d("div", {
26
- class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
117
+ }, Q = () => b(n.value) ? void 0 : o.options[n.value];
118
+ return D(
119
+ () => o.open,
120
+ () => {
121
+ E();
122
+ },
123
+ { flush: "post" }
124
+ ), D(
125
+ () => o.options,
126
+ (e, l) => {
127
+ L(e.map((t) => t.valueHash)) !== L(l.map((t) => t.valueHash)) && (c.value.calculateRange(), E(), k());
128
+ },
129
+ {
130
+ flush: "post"
131
+ }
132
+ ), V({
133
+ focusNext: R,
134
+ focusPrevious: P,
135
+ focusFirst: W,
136
+ focusFirstSelected: J,
137
+ focusLast: q,
138
+ focusLastSelected: Y,
139
+ blur: k,
140
+ confirmOption: w,
141
+ focusByHash: j,
142
+ getHighlighted: Q
143
+ }), (e, l) => (p(), d("span", {
144
+ class: $(["bb-listbox", {
145
+ "bb-listbox--compact": e.compact,
146
+ "bb-listbox--loading": e.loading,
147
+ "bb-listbox--multiple": e.multiple,
148
+ "bb-listbox--no-data": !i.value.length,
149
+ "bb-listbox--open": e.open
150
+ }]),
151
+ style: h({
152
+ "--transition-duration": `${e.transitionDuration}ms`,
153
+ "--overlay-min-height": `${B.value}px`
154
+ }),
155
+ onClick: X(K, ["stop"])
27
156
  }, [
28
- t("div", y, [
29
- h(k, {
30
- direction: r.value,
31
- duration: 500,
32
- gap: 30
33
- }, {
34
- default: f(() => [
35
- (c(), d("span", {
36
- key: i.value,
37
- "aria-live": "polite",
38
- class: "bb-base-date-picker__year-button"
39
- }, o(i.value), 1))
40
- ]),
41
- _: 1
42
- }, 8, ["direction"])
43
- ]),
44
- t("div", v, [
45
- t("span", B, o(e.cursor.format("ddd")) + ", ", 1),
46
- t("span", D, o(e.cursor.format("DD")), 1),
47
- t("span", M, o(e.cursor.format("MMMM")), 1)
157
+ v("span", le, [
158
+ v("span", {
159
+ ref_key: "inner",
160
+ ref: s,
161
+ class: "bb-listbox__inner-container",
162
+ tabindex: "-1"
163
+ }, [
164
+ m(e.$slots, "options:prepend"),
165
+ e.loading && !e.options.length ? (p(), d("span", ie, [
166
+ m(e.$slots, "loading", {}, () => [
167
+ z(g(e.loadingText || H(I)("common.loadingText").value), 1)
168
+ ])
169
+ ])) : e.options.length ? (p(), d("span", {
170
+ key: 2,
171
+ role: "listbox",
172
+ style: h({
173
+ height: `${A.value}px`
174
+ }),
175
+ tabindex: "-1"
176
+ }, [
177
+ (p(!0), d(Z, null, ee(M.value, (t, r) => (p(), d("span", {
178
+ key: i.value[t.index].value,
179
+ ref_for: !0,
180
+ ref: F,
181
+ "aria-selected": n.value === r ? !0 : void 0,
182
+ class: $({
183
+ "bb-listbox__option autocomplete-option": !0,
184
+ "autocomplete-option--focused": n.value === t.index,
185
+ "autocomplete-option--selected": i.value[t.index].selected,
186
+ "autocomplete-option--disabled": i.value[t.index].disabled
187
+ }),
188
+ "data-index": t.index,
189
+ role: "option",
190
+ style: h({
191
+ transform: `translateY(${t.start}px)`
192
+ })
193
+ }, [
194
+ m(e.$slots, "option", {
195
+ disabled: !!i.value[t.index].disabled,
196
+ focused: n.value === t.index,
197
+ index: t.index,
198
+ item: i.value[t.index].item,
199
+ selected: !!i.value[t.index].selected,
200
+ text: i.value[t.index].text,
201
+ value: i.value[t.index].value
202
+ }, () => [
203
+ l[0] || (l[0] = v("svg", {
204
+ class: "autocomplete-option__checkbox",
205
+ role: "presentation",
206
+ viewBox: "276.411 158.834 114.971 114.97"
207
+ }, [
208
+ v("path", {
209
+ d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
210
+ fill: "none",
211
+ "stroke-linecap": "round",
212
+ "stroke-width": "14px"
213
+ })
214
+ ], -1)),
215
+ v("span", ue, g(i.value[t.index].text), 1)
216
+ ])
217
+ ], 14, ae))), 128))
218
+ ], 4)) : (p(), d("span", se, [
219
+ m(e.$slots, "no-data", {}, () => [
220
+ z(g(e.noDataText || H(I)("common.noDataText").value), 1)
221
+ ])
222
+ ])),
223
+ m(e.$slots, "options:append")
224
+ ], 512)
48
225
  ])
49
- ], 2));
226
+ ], 6));
50
227
  }
51
228
  });
52
229
  export {
53
- C as default
230
+ be as default
54
231
  };
package/dist/index247.js CHANGED
@@ -1,46 +1,15 @@
1
- import { defineComponent as _, computed as a, createElementBlock as c, openBlock as o, createElementVNode as p, Fragment as b, renderList as h, createBlock as k, normalizeClass as f, withCtx as y, createTextVNode as x, toDisplayString as B } from "vue";
2
- import C from "./index13.js";
3
- /* empty css */
4
- const M = { class: "bb-base-date-picker__button-menu bb-base-date-picker__month-selector" }, v = { class: "content" }, E = /* @__PURE__ */ _({
5
- __name: "BaseDatePickerMonthSelector",
6
- props: {
7
- cursor: {},
8
- disabled: { type: Boolean }
9
- },
10
- emits: ["update:month"],
11
- setup(l, { emit: d }) {
12
- const s = l, m = d, i = a(() => s.cursor.month()), u = a(
13
- () => new Array(12).fill(0).map((r, t) => {
14
- const n = s.cursor.clone().startOf("year").add(t, "month");
15
- return {
16
- text: n.format("MMMM"),
17
- key: n.unix(),
18
- selected: n.month() === i.value,
19
- handler: () => m("update:month", t)
20
- };
21
- })
22
- );
23
- return (r, t) => (o(), c("div", M, [
24
- p("div", v, [
25
- (o(!0), c(b, null, h(u.value, (e) => (o(), k(C, {
26
- key: e.key,
27
- class: f({
28
- content__btn: !0,
29
- "content__btn--selected": e.selected
30
- }),
31
- disabled: r.disabled,
32
- type: "button",
33
- onClick: e.handler
34
- }, {
35
- default: y(() => [
36
- x(B(e.text), 1)
37
- ]),
38
- _: 2
39
- }, 1032, ["class", "disabled", "onClick"]))), 128))
40
- ])
41
- ]));
42
- }
43
- });
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;
12
+ };
44
13
  export {
45
- E as default
14
+ p as useUntil
46
15
  };
package/dist/index248.js CHANGED
@@ -1,7 +1,6 @@
1
- import o from "./index316.js";
2
- /* empty css */
3
- import t from "./index211.js";
4
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
1
+ function x(e) {
2
+ return /^#([A-Fa-f0-9]{6})$/.test(e);
3
+ }
5
4
  export {
6
- m as default
5
+ x as isHex
7
6
  };
package/dist/index249.js CHANGED
@@ -1,62 +1,199 @@
1
- import { defineComponent as g, ref as i, computed as d, onMounted as h, createElementBlock as m, openBlock as u, createElementVNode as y, Fragment as x, renderList as B, createBlock as C, normalizeClass as S, withCtx as T, createTextVNode as E, toDisplayString as w } from "vue";
2
- import { range as H } from "./index342.js";
3
- import M from "./index13.js";
4
- /* empty css */
5
- const n = 10, l = 3, V = /* @__PURE__ */ g({
6
- __name: "BaseDatePickerYearSelector",
1
+ import { defineComponent as j, ref as c, onMounted as J, watch as Q, createElementBlock as S, openBlock as _, createElementVNode as w, createTextVNode as A, createCommentVNode as E, toDisplayString as C, unref as x } from "vue";
2
+ import { hexToRgb as B } from "./index339.js";
3
+ import { getHueFromRGB as K } from "./index340.js";
4
+ import { hslToHex as y } from "./index341.js";
5
+ import { useLocale as Z } from "./index240.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 }, ce = /* @__PURE__ */ j({
15
+ __name: "ColorPallette",
7
16
  props: {
8
- cursor: {},
9
- disabled: { type: Boolean }
17
+ modelValue: {}
10
18
  },
11
- emits: ["update:year"],
12
- setup(p, { emit: _ }) {
13
- const f = p, b = _, o = i(), r = d(() => f.cursor.year()), c = i(r.value - n * l), s = i(r.value + n * l), v = d(
14
- () => H(c.value, s.value).map((e) => ({
15
- text: e,
16
- key: e,
17
- selected: e === r.value,
18
- handler: () => b("update:year", e)
19
- }))
20
- ), k = (e) => {
21
- const t = e.target;
22
- t.scrollTop <= 100 ? c.value = Math.max(
23
- c.value - n * l,
24
- r.value - 200
25
- ) : t.scrollHeight - t.scrollTop === t.clientHeight && (s.value = Math.min(s.value + n * l, 2101));
19
+ emits: ["update:modelValue"],
20
+ setup(F, { emit: N }) {
21
+ const R = F, f = N, { t: h } = Z(), o = c(R.modelValue), d = c(
22
+ y(K(...B(o.value ?? "#ff0000")), 100, 50)
23
+ ), O = c(null), s = c(null), r = c(null), l = c({ x: 0, y: 0 }), u = c({ x: 0 }), b = c(!1), k = c(!1), T = () => {
24
+ const e = s.value, t = r.value;
25
+ !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), m());
26
+ }, D = () => {
27
+ const e = s.value;
28
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
29
+ }, v = () => {
30
+ const e = s.value;
31
+ if (!e) return;
32
+ const t = D();
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
+ }, p = () => {
40
+ const e = D();
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
+ }, P = () => {
55
+ const e = r.value;
56
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
57
+ }, m = () => {
58
+ const e = r.value;
59
+ if (!e) return;
60
+ const t = P();
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 = P();
70
+ if (!t) return;
71
+ const a = 10, n = 16, i = u.value.x - a / 2, M = e.height / 2 - n / 2;
72
+ t.beginPath(), t.roundRect(i, M, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
73
+ }, q = (e) => {
74
+ s.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), b.value = !0, I(e));
75
+ }, U = (e) => {
76
+ r.value && (window.addEventListener("pointermove", L), window.addEventListener("pointerup", G), k.value = !0, V(e));
77
+ }, I = (e) => {
78
+ const t = s.value;
79
+ if (!t) return;
80
+ 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));
81
+ l.value = { x: n, y: i }, v(), p(), o.value = g(), f("update:modelValue", o.value);
82
+ }, V = (e) => {
83
+ const t = r.value;
84
+ if (!t) return;
85
+ const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width, e.clientX - a.left));
86
+ u.value = { x: n };
87
+ const i = n / t.width * 360;
88
+ d.value = y(i, 100, 50), m(), v(), p(), o.value = g(), f("update:modelValue", o.value);
89
+ }, L = (e) => {
90
+ b.value ? I(e) : k.value && V(e);
91
+ }, G = () => {
92
+ b.value = !1, k.value = !1;
93
+ }, X = (e) => {
94
+ var a, n;
95
+ switch (e.key) {
96
+ case "ArrowUp":
97
+ l.value.y = Math.max(0, l.value.y - 5);
98
+ break;
99
+ case "ArrowDown":
100
+ l.value.y = Math.min(
101
+ ((a = s.value) == null ? void 0 : a.height) ?? 0,
102
+ l.value.y + 5
103
+ );
104
+ break;
105
+ case "ArrowLeft":
106
+ l.value.x = Math.max(0, l.value.x - 5);
107
+ break;
108
+ case "ArrowRight":
109
+ l.value.x = Math.min(
110
+ ((n = s.value) == null ? void 0 : n.width) ?? 0,
111
+ l.value.x + 5
112
+ );
113
+ break;
114
+ default:
115
+ return;
116
+ }
117
+ v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
118
+ }, $ = (e) => {
119
+ var n, i;
120
+ switch (e.key) {
121
+ case "ArrowLeft":
122
+ u.value.x = Math.max(0, u.value.x - 5);
123
+ break;
124
+ case "ArrowRight":
125
+ u.value.x = Math.min(
126
+ ((n = r.value) == null ? void 0 : n.width) ?? 0,
127
+ u.value.x + 5
128
+ );
129
+ break;
130
+ default:
131
+ return;
132
+ }
133
+ const a = u.value.x / (((i = r.value) == null ? void 0 : i.width) ?? 1) * 360;
134
+ d.value = y(a, 100, 50), m(), H(), v(), p(), o.value = g(), f("update:modelValue", o.value), e.preventDefault();
26
135
  };
27
- return h(() => {
28
- if (!o.value) return;
29
- const e = o.value.querySelector(
30
- ".content__btn--selected"
31
- );
32
- e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
33
- }), (e, t) => (u(), m("div", {
34
- ref_key: "container",
35
- ref: o,
36
- class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
136
+ J(() => {
137
+ T(), W(o.value ?? "#ff0000");
138
+ }), Q(
139
+ () => R.modelValue,
140
+ (e) => {
141
+ !e || e === o.value || (o.value = e, W(e), m(), v());
142
+ }
143
+ );
144
+ const g = () => {
145
+ const e = s.value;
146
+ if (!e) return "#ffffff";
147
+ const t = e.getContext("2d");
148
+ if (!t) return "#ffffff";
149
+ const { x: a, y: n } = l.value, i = t.getImageData(a, n, 1, 1).data, [M, z, Y] = i;
150
+ return `#${((1 << 24) + (M << 16) + (z << 8) + Y).toString(16).slice(1)}`;
151
+ };
152
+ function W(e) {
153
+ var a;
154
+ const t = K(...B(e));
155
+ d.value = y(t, 100, 50), u.value.x = t / 360 * (((a = r.value) == null ? void 0 : a.width) ?? 0);
156
+ }
157
+ return (e, t) => (_(), S("span", {
158
+ ref_key: "paletteRef",
159
+ ref: O,
160
+ "aria-label": "Color Picker",
161
+ class: "bb-color-palette",
162
+ role: "application"
37
163
  }, [
38
- y("div", {
39
- class: "content",
40
- onScrollPassive: k
41
- }, [
42
- (u(!0), m(x, null, B(v.value, (a) => (u(), C(M, {
43
- key: a.key,
44
- class: S({
45
- content__btn: !0,
46
- "content__btn--selected": a.selected
47
- }),
48
- disabled: e.disabled,
49
- onClick: a.handler
50
- }, {
51
- default: T(() => [
52
- E(w(a.text), 1)
53
- ]),
54
- _: 2
55
- }, 1032, ["class", "disabled", "onClick"]))), 128))
56
- ], 32)
164
+ w("canvas", {
165
+ ref_key: "mainCanvasRef",
166
+ ref: s,
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: q
174
+ }, null, 544),
175
+ w("span", ee, [
176
+ A(C(x(h)("colorInput.mainCanvasDesc")) + " ", 1),
177
+ o.value ? (_(), S("span", te, C(x(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : E("", !0)
178
+ ]),
179
+ w("canvas", {
180
+ ref_key: "hueCanvasRef",
181
+ ref: r,
182
+ "aria-describedby": "hueCanvasDesc",
183
+ "aria-label": "Hue Selection",
184
+ class: "bb-color-palette__hue-canvas",
185
+ role: "application",
186
+ tabindex: "0",
187
+ onKeydown: $,
188
+ onPointerdown: U
189
+ }, null, 544),
190
+ w("span", ae, [
191
+ A(C(x(h)("colorInput.hueCanvasDesc")) + " ", 1),
192
+ d.value ? (_(), S("span", ne, C(x(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : E("", !0)
193
+ ])
57
194
  ], 512));
58
195
  }
59
196
  });
60
197
  export {
61
- V as default
198
+ ce as default
62
199
  };
package/dist/index25.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { defineComponent as q, mergeModels as E, useModel as A, computed as p, ref as T, watch as H, onMounted as K, createElementBlock as r, openBlock as d, withModifiers as O, normalizeStyle as R, normalizeClass as U, unref as v, createCommentVNode as g, Fragment as j, createElementVNode as t, renderSlot as s, createTextVNode as G, toDisplayString as V, nextTick as J } from "vue";
2
- import { parseSize as Q } from "./index252.js";
2
+ import { parseSize as Q } from "./index259.js";
3
3
  import { useId as S } from "./index8.js";
4
- import { useLocale as X } from "./index216.js";
4
+ import { useLocale as X } from "./index240.js";
5
5
  import { useMobile as Y } from "./index9.js";
6
- import { useUntil as Z } from "./index217.js";
6
+ import { useUntil as Z } from "./index247.js";
7
7
  import { wait as y } from "./index138.js";
8
8
  const x = ["aria-describedby", "aria-labelledby", "aria-live", "inert"], ee = {
9
9
  ref: "header",
package/dist/index251.js CHANGED
@@ -1,5 +1,9 @@
1
- import r from "./index297.js";
2
- const t = r;
1
+ const s = (r, t) => {
2
+ if (r.endsWith("."))
3
+ return t === 0 ? r.slice(0, -1) : r;
4
+ const [n, i] = r.split(".");
5
+ return i ? `${n}.${i.slice(0, t)}` : r;
6
+ };
3
7
  export {
4
- t as deburr
8
+ s as clampPrecision
5
9
  };