bitboss-ui 2.0.134 → 2.0.135

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 (153) hide show
  1. package/dist/index100.js +9 -9
  2. package/dist/index111.js +11 -11
  3. package/dist/index119.js +2 -2
  4. package/dist/index121.js +6 -6
  5. package/dist/index123.js +1 -1
  6. package/dist/index125.js +1 -1
  7. package/dist/index127.js +1 -1
  8. package/dist/index128.js +1 -1
  9. package/dist/index129.js +1 -1
  10. package/dist/index13.js +2 -2
  11. package/dist/index15.js +8 -8
  12. package/dist/index17.js +3 -3
  13. package/dist/index19.js +8 -8
  14. package/dist/index207.js +2 -86
  15. package/dist/index208.js +6 -0
  16. package/dist/index209.js +2 -29
  17. package/dist/index21.js +16 -16
  18. package/dist/index210.js +5 -17
  19. package/dist/index211.js +15 -50
  20. package/dist/index212.js +16 -15
  21. package/dist/index213.js +19 -3
  22. package/dist/index214.js +15 -12
  23. package/dist/index215.js +19 -16
  24. package/dist/index216.js +27 -4
  25. package/dist/index217.js +3 -41
  26. package/dist/index218.js +2 -20
  27. package/dist/index219.js +6 -92
  28. package/dist/index220.js +252 -0
  29. package/dist/index221.js +41 -189
  30. package/dist/index222.js +46 -0
  31. package/dist/index223.js +4 -64
  32. package/dist/index224.js +62 -0
  33. package/dist/index225.js +13 -13
  34. package/dist/index226.js +85 -12
  35. package/dist/index228.js +29 -3
  36. package/dist/index229.js +17 -6
  37. package/dist/index23.js +16 -16
  38. package/dist/index230.js +51 -7
  39. package/dist/index231.js +15 -15
  40. package/dist/index232.js +12 -2
  41. package/dist/index233.js +16 -4
  42. package/dist/index234.js +4 -2
  43. package/dist/index235.js +41 -5
  44. package/dist/index236.js +19 -124
  45. package/dist/index237.js +94 -16
  46. package/dist/index239.js +199 -18
  47. package/dist/index241.js +65 -2
  48. package/dist/index243.js +13 -2
  49. package/dist/index244.js +3 -3
  50. package/dist/index245.js +6 -19
  51. package/dist/index246.js +7 -27
  52. package/dist/index247.js +11 -246
  53. package/dist/index248.js +124 -51
  54. package/dist/index249.js +2 -44
  55. package/dist/index25.js +7 -7
  56. package/dist/index250.js +2 -5
  57. package/dist/index251.js +3 -60
  58. package/dist/index252.js +18 -2
  59. package/dist/index253.js +126 -2
  60. package/dist/index254.js +2 -2
  61. package/dist/index256.js +2 -2
  62. package/dist/index258.js +11 -17
  63. package/dist/index259.js +226 -124
  64. package/dist/index260.js +368 -11
  65. package/dist/index261.js +2 -228
  66. package/dist/index262.js +2 -369
  67. package/dist/index269.js +4 -9
  68. package/dist/index27.js +1 -1
  69. package/dist/index270.js +9 -9
  70. package/dist/index271.js +9 -8
  71. package/dist/index272.js +8 -3
  72. package/dist/index273.js +281 -17
  73. package/dist/index274.js +5 -27
  74. package/dist/index275.js +2 -431
  75. package/dist/index276.js +2 -176
  76. package/dist/index277.js +2 -3
  77. package/dist/index278.js +2 -3
  78. package/dist/index279.js +2 -3
  79. package/dist/index280.js +4 -0
  80. package/dist/index281.js +2 -7
  81. package/dist/index282.js +2 -7
  82. package/dist/index283.js +2 -11
  83. package/dist/index284.js +2 -2
  84. package/dist/index285.js +2 -5
  85. package/dist/index286.js +27 -66
  86. package/dist/index287.js +21 -199
  87. package/dist/index289.js +6 -88
  88. package/dist/index29.js +2 -2
  89. package/dist/index290.js +6 -3
  90. package/dist/index291.js +10 -280
  91. package/dist/index292.js +3 -6
  92. package/dist/index293.js +17 -2
  93. package/dist/index294.js +431 -2
  94. package/dist/index295.js +176 -2
  95. package/dist/index296.js +3 -2
  96. package/dist/index297.js +3 -2
  97. package/dist/index298.js +3 -2
  98. package/dist/index300.js +2 -2
  99. package/dist/index301.js +89 -2
  100. package/dist/index302.js +200 -2
  101. package/dist/index303.js +2 -2
  102. package/dist/index304.js +224 -2
  103. package/dist/index305.js +126 -2
  104. package/dist/index306.js +3 -22
  105. package/dist/index307.js +5 -0
  106. package/dist/index308.js +2 -3
  107. package/dist/index309.js +436 -3
  108. package/dist/index31.js +2 -2
  109. package/dist/index310.js +121 -120
  110. package/dist/index311.js +2 -2
  111. package/dist/index312.js +65 -434
  112. package/dist/index313.js +5 -127
  113. package/dist/index320.js +6 -7
  114. package/dist/index321.js +6 -5
  115. package/dist/index322.js +19 -8
  116. package/dist/index325.js +32 -6
  117. package/dist/index326.js +25 -18
  118. package/dist/index327.js +7 -6
  119. package/dist/index328.js +5 -46
  120. package/dist/index329.js +7 -32
  121. package/dist/index33.js +8 -8
  122. package/dist/index330.js +480 -26
  123. package/dist/index331.js +47 -480
  124. package/dist/index332.js +1 -1
  125. package/dist/{index333.js → index335.js} +1 -1
  126. package/dist/index336.js +2 -47
  127. package/dist/index337.js +47 -2
  128. package/dist/index35.js +4 -4
  129. package/dist/index37.js +20 -20
  130. package/dist/index39.js +4 -4
  131. package/dist/index41.js +2 -2
  132. package/dist/index43.js +8 -8
  133. package/dist/index45.js +6 -6
  134. package/dist/index47.js +2 -2
  135. package/dist/index49.js +2 -2
  136. package/dist/index53.js +1 -1
  137. package/dist/index55.js +1 -1
  138. package/dist/index57.js +2 -2
  139. package/dist/index61.js +1 -1
  140. package/dist/index75.js +1 -1
  141. package/dist/index77.js +1 -1
  142. package/dist/index81.js +1 -1
  143. package/dist/index84.js +4 -4
  144. package/dist/index86.js +2 -2
  145. package/dist/index88.js +4 -4
  146. package/dist/style.css +1 -1
  147. package/package.json +1 -1
  148. package/dist/index227.js +0 -10
  149. package/dist/index238.js +0 -18
  150. package/dist/index240.js +0 -17
  151. package/dist/index242.js +0 -4
  152. package/dist/index288.js +0 -4
  153. package/dist/index299.js +0 -226
package/dist/index221.js CHANGED
@@ -1,202 +1,54 @@
1
- import { defineComponent as j, ref as c, onMounted as J, watch as Q, openBlock as _, createElementBlock as R, createElementVNode as w, createTextVNode as B, toDisplayString as C, unref as x, createCommentVNode as K } from "vue";
2
- import { useResizeObserver as Z } from "./index132.js";
3
- import { hexToRgb as O } from "./index320.js";
4
- import { getHueFromRGB as F } from "./index321.js";
5
- import { hslToHex as y } from "./index322.js";
6
- import { useLocale as ee } from "./index226.js";
7
- const te = {
8
- id: "mainCanvasDesc",
1
+ import { defineComponent as p, ref as b, watch as _, computed as m, openBlock as d, createElementBlock as c, normalizeClass as u, createElementVNode as t, createVNode as h, withCtx as f, toDisplayString as o } from "vue";
2
+ import k from "./index223.js";
3
+ const y = { class: "bb-base-date-picker__year-container" }, v = {
9
4
  "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",
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",
17
8
  props: {
18
- modelValue: {}
9
+ cursor: {},
10
+ disabled: { type: Boolean },
11
+ hidden: { type: Boolean }
19
12
  },
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());
27
- }, I = () => {
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;
117
- }
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();
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");
136
17
  };
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());
18
+ _(
19
+ () => s.cursor,
20
+ (e, a) => {
21
+ l(e, a);
145
22
  }
146
23
  );
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"
24
+ const i = m(() => s.cursor.format("YYYY"));
25
+ return (e, a) => (d(), c("div", {
26
+ class: u(["bb-base-date-picker__header", { "bb-base-date-picker__header--hidden": e.hidden }])
166
27
  }, [
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)
28
+ t("div", y, [
29
+ h(k, {
30
+ direction: r.value,
31
+ duration: 500,
32
+ gap: 30
33
+ }, {
34
+ default: f(() => [
35
+ (d(), c("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"])
181
43
  ]),
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)
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)
196
48
  ])
197
- ], 512));
49
+ ], 2));
198
50
  }
199
51
  });
200
52
  export {
201
- de as default
53
+ C as default
202
54
  };
@@ -0,0 +1,46 @@
1
+ import { defineComponent as _, computed as a, openBlock as o, createElementBlock as c, 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
+ });
44
+ export {
45
+ E as default
46
+ };
package/dist/index223.js CHANGED
@@ -1,67 +1,7 @@
1
- import { defineComponent as _, ref as k, openBlock as r, createElementBlock as $, normalizeClass as y, renderSlot as n, createElementVNode as c, createBlock as s, unref as p, createCommentVNode as l, createVNode as t } from "vue";
2
- /* empty css */
3
- /* empty css */
4
- import m from "./index127.js";
1
+ import o from "./index287.js";
5
2
  /* empty css */
6
- import C from "./index129.js";
7
- /* empty css */
8
- import B from "./index329.js";
9
- import h from "./index330.js";
10
- const v = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, w = /* @__PURE__ */ _({
11
- __name: "CommonInputInnerContainer",
12
- props: {
13
- "append:icon": {},
14
- clearable: { type: Boolean },
15
- "prepend:icon": {},
16
- preventFocus: { type: Boolean }
17
- },
18
- emits: ["click:clear"],
19
- setup(u, { emit: d }) {
20
- const i = u, f = d, o = k(), a = () => {
21
- var e;
22
- !o.value || i.preventFocus || (e = o.value.querySelector("input")) == null || e.focus();
23
- }, b = () => {
24
- f("click:clear"), a();
25
- };
26
- return (e, E) => (r(), $("span", {
27
- ref_key: "container",
28
- ref: o,
29
- class: y(["bb-common-input-inner-container", {
30
- "bb-common-input-inner-container--clearable": i.clearable
31
- }]),
32
- onClick: a
33
- }, [
34
- n(e.$slots, "prepend", {}, () => [
35
- c("span", v, [
36
- n(e.$slots, "prefix")
37
- ])
38
- ]),
39
- e.$props["prepend:icon"] ? (r(), s(p(m), {
40
- key: 0,
41
- class: "bb-common-input-inner-container__prepend-icon",
42
- type: e.$props["prepend:icon"]
43
- }, null, 8, ["type"])) : l("", !0),
44
- n(e.$slots, "default"),
45
- t(h, {
46
- "aria-hidden": !e.clearable,
47
- tabindex: e.clearable ? 0 : -1,
48
- onClick: b
49
- }, null, 8, ["aria-hidden", "tabindex"]),
50
- e.$props["append:icon"] ? (r(), s(p(m), {
51
- key: 1,
52
- class: "bb-common-input-inner-container__append-icon",
53
- type: e.$props["append:icon"]
54
- }, null, 8, ["type"])) : l("", !0),
55
- t(B),
56
- t(p(C)),
57
- n(e.$slots, "append", {}, () => [
58
- c("span", I, [
59
- n(e.$slots, "suffix")
60
- ])
61
- ])
62
- ], 2));
63
- }
64
- });
3
+ import t from "./index289.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
65
5
  export {
66
- w as default
6
+ m as default
67
7
  };
@@ -0,0 +1,62 @@
1
+ import { defineComponent as g, ref as i, computed as d, onMounted as h, openBlock as u, createElementBlock as m, 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 "./index320.js";
3
+ import M from "./index13.js";
4
+ /* empty css */
5
+ const n = 10, l = 3, V = /* @__PURE__ */ g({
6
+ __name: "BaseDatePickerYearSelector",
7
+ props: {
8
+ cursor: {},
9
+ disabled: { type: Boolean }
10
+ },
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));
26
+ };
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"
37
+ }, [
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)
57
+ ], 512));
58
+ }
59
+ });
60
+ export {
61
+ V as default
62
+ };
package/dist/index225.js CHANGED
@@ -1,15 +1,15 @@
1
- import { openBlock as t, createElementBlock as n, renderSlot as e } from "vue";
2
- /* empty css */
3
- import r from "./index281.js";
4
- const s = {}, c = { class: "bb-common-input-outer-container" };
5
- function p(o, a) {
6
- return t(), n("span", c, [
7
- e(o.$slots, "prepend-outer"),
8
- e(o.$slots, "default"),
9
- e(o.$slots, "append-outer")
10
- ]);
11
- }
12
- const i = /* @__PURE__ */ r(s, [["render", p]]);
1
+ import { locales as t } from "./index290.js";
2
+ import { _config as m } from "./index4.js";
3
+ import { get as c } from "./index291.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
+ });
13
13
  export {
14
- i as default
14
+ d as useLocale
15
15
  };
package/dist/index226.js CHANGED
@@ -1,15 +1,88 @@
1
- import { locales as t } from "./index282.js";
2
- import { _config as m } from "./index4.js";
3
- import { get as c } from "./index283.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
1
+ import { defineComponent as h, openBlock as n, createElementBlock as s, normalizeClass as r, createElementVNode as l, renderSlot as t, createTextVNode as o, toDisplayString as d, unref as b, createCommentVNode as p, Fragment as m, renderList as u } from "vue";
2
+ import { useLocale as g } from "./index225.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) => (n(), s("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 ? (n(), s("span", y, [
33
+ t(a.$slots, "loading", {}, () => [
34
+ o(d(a.loadingText || b(i)("common.loadingText")), 1)
35
+ ])
36
+ ])) : a.options.length ? p("", !0) : (n(), s("span", $, [
37
+ t(a.$slots, "no-data", {}, () => [
38
+ o(d(a.noDataText || b(i)("common.noDataText")), 1)
39
+ ])
40
+ ])),
41
+ (n(!0), s(m, null, u(a.options, (e, c) => (n(), s(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
+ }
12
85
  });
13
86
  export {
14
- d as useLocale
87
+ C as default
15
88
  };
package/dist/index228.js CHANGED
@@ -1,5 +1,31 @@
1
- import t from "./index289.js";
2
- const r = t;
1
+ import { ref as a, computed as s, unref as v } from "vue";
2
+ import { useDebounceFn as f } from "./index205.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
+ };
3
29
  export {
4
- r as throttle
30
+ p as useItemsGetter
5
31
  };
package/dist/index229.js CHANGED
@@ -1,8 +1,19 @@
1
- const o = (e, t = 50) => new Promise((r) => {
2
- const n = setInterval(() => {
3
- e() && (clearInterval(n), r());
4
- }, t);
5
- });
1
+ import { computed as i, unref as m } from "vue";
2
+ import { hash as s } from "./index217.js";
3
+ const p = ({ items: a, key: r }) => {
4
+ const n = i(() => {
5
+ const t = {}, c = new Array().concat(m(a));
6
+ for (let e = 0; e < c.length; e++) {
7
+ const o = c[e], u = r ? String(o[r]) : s(o);
8
+ t[u] = o;
9
+ }
10
+ return t;
11
+ });
12
+ return {
13
+ data: n,
14
+ get: (t) => r ? n.value[String(t[r])] : n.value[s(t)]
15
+ };
16
+ };
6
17
  export {
7
- o as waitFor
18
+ p as useIndexById
8
19
  };
package/dist/index23.js CHANGED
@@ -1,29 +1,29 @@
1
1
  import { defineComponent as ee, watchEffect as te, ref as r, computed as D, watch as ae, openBlock as B, createBlock as O, normalizeClass as $, withCtx as n, renderSlot as p, createVNode as _, unref as l, withDirectives as re, createElementVNode as i, mergeProps as P, withModifiers as oe, toDisplayString as E, createCommentVNode as ne } from "vue";
2
- import o from "./index235.js";
3
- import le from "./index236.js";
4
- import ie from "./index237.js";
5
- import se from "./index238.js";
6
- import ue from "./index239.js";
7
- import de from "./index240.js";
8
- import { identity as ce } from "./index241.js";
9
- import { last as pe } from "./index242.js";
10
- import { useFocusTrap as me } from "./index217.js";
2
+ import o from "./index210.js";
3
+ import le from "./index248.js";
4
+ import ie from "./index211.js";
5
+ import se from "./index212.js";
6
+ import ue from "./index213.js";
7
+ import de from "./index214.js";
8
+ import { identity as ce } from "./index249.js";
9
+ import { last as pe } from "./index218.js";
10
+ import { useFocusTrap as me } from "./index235.js";
11
11
  import { useId as fe } from "./index8.js";
12
12
  import { useIntersectionObserver as be } from "./index132.js";
13
- import { useLocale as ve } from "./index226.js";
13
+ import { useLocale as ve } from "./index225.js";
14
14
  import { useMobile as ke } from "./index9.js";
15
- import { vMaska as ge } from "./index218.js";
15
+ import { vMaska as ge } from "./index236.js";
16
16
  import { wait as ye } from "./index130.js";
17
- import { waitFor as he } from "./index229.js";
17
+ import { waitFor as he } from "./index245.js";
18
18
  import De from "./index21.js";
19
19
  /* empty css */
20
- import Me from "./index219.js";
20
+ import Me from "./index237.js";
21
21
  /* empty css */
22
- import Ve from "./index223.js";
22
+ import Ve from "./index241.js";
23
23
  /* empty css */
24
- import we from "./index225.js";
24
+ import we from "./index243.js";
25
25
  import { _config as Ce } from "./index4.js";
26
- import { isEmpty as Ye } from "./index243.js";
26
+ import { isEmpty as Ye } from "./index250.js";
27
27
  const Se = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Ie = ["aria-label", "disabled"], Be = ["id"], Oe = ["inert"], rt = /* @__PURE__ */ ee({
28
28
  __name: "BaseDatePickerInput",
29
29
  props: {