bitboss-ui 2.1.22 → 2.1.24

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 (180) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index106.js +9 -9
  3. package/dist/index111.js +1 -1
  4. package/dist/index113.js +1 -1
  5. package/dist/index121.js +12 -12
  6. package/dist/index129.js +1 -1
  7. package/dist/index131.js +4 -4
  8. package/dist/index133.js +1 -1
  9. package/dist/index136.js +1 -1
  10. package/dist/index137.js +2 -2
  11. package/dist/index138.js +1 -1
  12. package/dist/index139.js +2 -2
  13. package/dist/index15.js +8 -8
  14. package/dist/index17.js +3 -3
  15. package/dist/index19.js +8 -8
  16. package/dist/index206.js +138 -2
  17. package/dist/index207.js +2 -138
  18. package/dist/index208.js +2 -2
  19. package/dist/index209.js +2 -5
  20. package/dist/index21.js +16 -16
  21. package/dist/index210.js +2 -5
  22. package/dist/index211.js +2 -5
  23. package/dist/index212.js +13 -5
  24. package/dist/index213.js +4 -5
  25. package/dist/index214.js +11 -5
  26. package/dist/index215.js +20 -5
  27. package/dist/index216.js +197 -3
  28. package/dist/index218.js +67 -6
  29. package/dist/index220.js +13 -52
  30. package/dist/index221.js +109 -39
  31. package/dist/index223.js +4 -60
  32. package/dist/index224.js +13 -13
  33. package/dist/index225.js +2 -2
  34. package/dist/index226.js +2 -4
  35. package/dist/index227.js +7 -2
  36. package/dist/index228.js +2 -2
  37. package/dist/index229.js +7 -2
  38. package/dist/index23.js +15 -15
  39. package/dist/index230.js +86 -7
  40. package/dist/index232.js +29 -3
  41. package/dist/index233.js +16 -86
  42. package/dist/index234.js +19 -0
  43. package/dist/index235.js +48 -26
  44. package/dist/index236.js +12 -14
  45. package/dist/index237.js +3 -51
  46. package/dist/index238.js +11 -14
  47. package/dist/index239.js +5 -12
  48. package/dist/index240.js +5 -16
  49. package/dist/index241.js +5 -13
  50. package/dist/index242.js +5 -11
  51. package/dist/index243.js +5 -2
  52. package/dist/index244.js +5 -5
  53. package/dist/index245.js +5 -2
  54. package/dist/index246.js +7 -19
  55. package/dist/index247.js +242 -65
  56. package/dist/index248.js +54 -0
  57. package/dist/index249.js +44 -13
  58. package/dist/index25.js +3 -3
  59. package/dist/index250.js +5 -114
  60. package/dist/index251.js +62 -0
  61. package/dist/index252.js +2 -4
  62. package/dist/index253.js +16 -195
  63. package/dist/index254.js +14 -0
  64. package/dist/index255.js +6 -10
  65. package/dist/index256.js +106 -3
  66. package/dist/{index259.js → index258.js} +2 -2
  67. package/dist/index260.js +231 -0
  68. package/dist/index261.js +1 -1
  69. package/dist/index262.js +5 -18
  70. package/dist/index263.js +3 -12
  71. package/dist/index264.js +10 -6
  72. package/dist/index265.js +3 -229
  73. package/dist/index267.js +6 -3
  74. package/dist/index268.js +15 -8
  75. package/dist/index269.js +9 -23
  76. package/dist/index27.js +1 -1
  77. package/dist/index270.js +23 -9
  78. package/dist/index271.js +3 -6
  79. package/dist/index272.js +9 -16
  80. package/dist/index273.js +2 -9
  81. package/dist/index274.js +9 -8
  82. package/dist/index275.js +8 -2
  83. package/dist/index276.js +5 -67
  84. package/dist/index277.js +67 -5
  85. package/dist/index278.js +4 -7
  86. package/dist/index279.js +8 -5
  87. package/dist/index280.js +6 -3
  88. package/dist/index281.js +10 -279
  89. package/dist/index282.js +3 -2
  90. package/dist/index283.js +3 -16
  91. package/dist/index285.js +7 -16
  92. package/dist/index286.js +3 -2
  93. package/dist/index287.js +4 -19
  94. package/dist/index288.js +4 -2
  95. package/dist/index289.js +3 -15
  96. package/dist/index29.js +4 -4
  97. package/dist/index290.js +17 -2
  98. package/dist/index291.js +27 -18
  99. package/dist/index292.js +280 -2
  100. package/dist/index293.js +2 -27
  101. package/dist/index294.js +16 -2
  102. package/dist/index295.js +2 -2
  103. package/dist/index296.js +16 -2
  104. package/dist/index297.js +2 -2
  105. package/dist/index298.js +19 -2
  106. package/dist/index299.js +2 -28
  107. package/dist/index300.js +15 -22
  108. package/dist/index302.js +19 -7
  109. package/dist/index303.js +2 -7
  110. package/dist/index304.js +26 -10
  111. package/dist/index305.js +2 -6
  112. package/dist/index306.js +2 -5
  113. package/dist/index307.js +2 -4
  114. package/dist/index308.js +2 -3
  115. package/dist/index309.js +2 -17
  116. package/dist/index31.js +2 -2
  117. package/dist/index310.js +22 -125
  118. package/dist/index312.js +2 -3
  119. package/dist/index313.js +8 -0
  120. package/dist/index314.js +1 -1
  121. package/dist/index315.js +1 -1
  122. package/dist/index316.js +2 -3
  123. package/dist/index317.js +125 -3
  124. package/dist/index318.js +2 -2
  125. package/dist/index319.js +5 -2
  126. package/dist/index320.js +718 -5
  127. package/dist/index321.js +363 -715
  128. package/dist/index322.js +58 -366
  129. package/dist/index323.js +5 -58
  130. package/dist/index324.js +8 -2
  131. package/dist/index325.js +5 -6
  132. package/dist/index326.js +8 -19
  133. package/dist/index327.js +2 -7
  134. package/dist/index33.js +8 -8
  135. package/dist/index331.js +6 -7
  136. package/dist/index332.js +18 -5
  137. package/dist/index333.js +128 -7
  138. package/dist/index334.js +353 -113
  139. package/dist/index335.js +6 -368
  140. package/dist/index336.js +32 -227
  141. package/dist/index337.js +28 -33
  142. package/dist/index339.js +230 -0
  143. package/dist/index340.js +1 -1
  144. package/dist/index341.js +1 -1
  145. package/dist/index343.js +52 -0
  146. package/dist/index344.js +436 -3
  147. package/dist/index345.js +125 -48
  148. package/dist/index347.js +3 -127
  149. package/dist/index35.js +4 -4
  150. package/dist/index37.js +20 -20
  151. package/dist/index39.js +7 -7
  152. package/dist/index41.js +2 -2
  153. package/dist/index43.js +8 -8
  154. package/dist/index45.js +8 -8
  155. package/dist/index47.js +2 -2
  156. package/dist/index49.js +2 -2
  157. package/dist/index53.js +1 -1
  158. package/dist/index55.js +1 -1
  159. package/dist/index57.js +2 -2
  160. package/dist/index61.js +3 -3
  161. package/dist/index67.js +1 -1
  162. package/dist/index79.js +4 -4
  163. package/dist/index81.js +1 -1
  164. package/dist/index83.js +2 -2
  165. package/dist/index85.js +1 -1
  166. package/dist/index87.js +1 -1
  167. package/dist/index90.js +3 -3
  168. package/dist/index92.js +2 -2
  169. package/dist/index94.js +3 -3
  170. package/dist/index96.js +1 -1
  171. package/package.json +2 -2
  172. package/dist/index217.js +0 -4
  173. package/dist/index219.js +0 -252
  174. package/dist/index222.js +0 -7
  175. package/dist/index231.js +0 -9
  176. package/dist/index257.js +0 -108
  177. package/dist/index311.js +0 -4
  178. package/dist/index338.js +0 -30
  179. package/dist/index346.js +0 -438
  180. /package/dist/{index284.js → index301.js} +0 -0
package/dist/index216.js CHANGED
@@ -1,5 +1,199 @@
1
- import { hash as o } from "./index299.js";
2
- const t = (r, h = "bb") => `${h}${o(r)}`;
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 "./index324.js";
3
+ import { getHueFromRGB as K } from "./index325.js";
4
+ import { hslToHex as y } from "./index326.js";
5
+ import { useLocale as Z } from "./index212.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",
16
+ props: {
17
+ modelValue: {}
18
+ },
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();
135
+ };
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("div", {
158
+ ref_key: "paletteRef",
159
+ ref: O,
160
+ "aria-label": "Color Picker",
161
+ class: "bb-color-palette",
162
+ role: "application"
163
+ }, [
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("p", 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("p", 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
+ ])
194
+ ], 512));
195
+ }
196
+ });
3
197
  export {
4
- t as hash
198
+ ce as default
5
199
  };
package/dist/index218.js CHANGED
@@ -1,10 +1,71 @@
1
- const o = "bitboss-ui | ", e = () => ({
2
- warn: (r) => console.warn(`${o}${r}`),
3
- error: (r) => console.error(`${o}${r}`),
4
- throw: (r) => {
5
- throw new Error(`${o}${r}`);
1
+ import { defineComponent as k, ref as y, createElementBlock as C, openBlock as t, normalizeClass as N, renderSlot as n, createBlock as s, createCommentVNode as l, createVNode as a, createElementVNode as m, unref as i } from "vue";
2
+ /* empty css */
3
+ /* empty css */
4
+ import u from "./index85.js";
5
+ /* empty css */
6
+ import h from "./index113.js";
7
+ /* empty css */
8
+ import v from "./index336.js";
9
+ import B from "./index337.js";
10
+ /* empty css */
11
+ const E = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
12
+ __name: "CommonInputInnerContainer",
13
+ props: {
14
+ "append:icon": {},
15
+ clearable: { type: Boolean },
16
+ "prepend:icon": {},
17
+ preventFocus: { type: Boolean }
18
+ },
19
+ emits: ["click:clear"],
20
+ setup(f, { emit: d }) {
21
+ const p = f, b = d, o = y(), _ = (e) => {
22
+ var c;
23
+ if (!o.value || p.preventFocus) return;
24
+ const r = e.target;
25
+ r.tagName === "INPUT" || r.tagName === "TEXTAREA" || (c = o.value.querySelector("input,textarea")) == null || c.focus();
26
+ }, $ = () => {
27
+ var e;
28
+ b("click:clear"), (e = o.value.querySelector("input,textarea")) == null || e.focus();
29
+ };
30
+ return (e, r) => (t(), C("span", {
31
+ ref_key: "container",
32
+ ref: o,
33
+ class: N(["bb-common-input-inner-container", {
34
+ "bb-common-input-inner-container--clearable": p.clearable
35
+ }]),
36
+ onClick: _
37
+ }, [
38
+ n(e.$slots, "prepend", {}, () => [
39
+ m("span", E, [
40
+ n(e.$slots, "prefix")
41
+ ])
42
+ ]),
43
+ e.$props["prepend:icon"] ? (t(), s(i(u), {
44
+ key: 0,
45
+ class: "bb-common-input-inner-container__prepend-icon",
46
+ type: e.$props["prepend:icon"]
47
+ }, null, 8, ["type"])) : l("", !0),
48
+ n(e.$slots, "default"),
49
+ a(B, {
50
+ "aria-hidden": !e.clearable,
51
+ tabindex: e.clearable ? 0 : -1,
52
+ onClick: $
53
+ }, null, 8, ["aria-hidden", "tabindex"]),
54
+ e.$props["append:icon"] ? (t(), s(i(u), {
55
+ key: 1,
56
+ class: "bb-common-input-inner-container__append-icon",
57
+ type: e.$props["append:icon"]
58
+ }, null, 8, ["type"])) : l("", !0),
59
+ a(v),
60
+ a(i(h)),
61
+ n(e.$slots, "append", {}, () => [
62
+ m("span", I, [
63
+ n(e.$slots, "suffix")
64
+ ])
65
+ ])
66
+ ], 2));
6
67
  }
7
68
  });
8
69
  export {
9
- e as useLogger
70
+ R as default
10
71
  };
package/dist/index220.js CHANGED
@@ -1,54 +1,15 @@
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 "./index222.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",
8
- props: {
9
- cursor: {},
10
- disabled: { type: Boolean },
11
- hidden: { type: Boolean }
12
- },
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);
22
- }
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 }])
27
- }, [
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)
48
- ])
49
- ], 2));
50
- }
51
- });
1
+ import { createElementBlock as t, openBlock as n, renderSlot as e } from "vue";
2
+ /* empty css */
3
+ import r from "./index285.js";
4
+ const s = {}, c = { class: "bb-common-input-outer-container" };
5
+ function p(o, a) {
6
+ return n(), t("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]]);
52
13
  export {
53
- C as default
14
+ i as default
54
15
  };
package/dist/index221.js CHANGED
@@ -1,46 +1,116 @@
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");
1
+ import { defineComponent as P, mergeModels as D, useModel as V, ref as r, watch as A, onMounted as x, computed as S, createBlock as b, openBlock as v, resolveDynamicComponent as g, normalizeStyle as z, normalizeClass as E, unref as l, withCtx as w, renderSlot as y, createCommentVNode as N, mergeProps as h, createElementVNode as C } from "vue";
2
+ import { wait as F } from "./index135.js";
3
+ import { useFloating as U, arrow as j } from "./index333.js";
4
+ import { flip as q, offset as G, shift as H, hide as I, autoUpdate as J } from "./index334.js";
5
+ const K = { class: "bb-common-popover__bubble" }, W = /* @__PURE__ */ P({
6
+ __name: "CommonPopover",
7
+ props: /* @__PURE__ */ D({
8
+ arrowPadding: {},
9
+ offset: {},
10
+ block: { type: Boolean },
11
+ padding: { default: 0 },
12
+ placement: {},
13
+ transitionDuration: { default: 250 },
14
+ containerAttributes: {},
15
+ dialog: { type: Boolean },
16
+ renderContent: { type: Boolean, default: !0 },
17
+ tag: { default: "span" },
18
+ flip: { type: Boolean, default: !0 }
19
+ }, {
20
+ modelValue: { type: Boolean, default: !1 },
21
+ modelModifiers: {}
22
+ }),
23
+ emits: ["update:modelValue"],
24
+ setup(s) {
25
+ const o = s, a = V(s, "modelValue"), i = r(), t = r(), p = r(), { floatingStyles: k, placement: _, middlewareData: n, update: B } = U(
26
+ i,
27
+ t,
28
+ {
29
+ placement: o.placement,
30
+ whileElementsMounted: J,
31
+ middleware: [
32
+ ...o.flip ? [q()] : [],
33
+ G(o.offset),
34
+ H({ padding: o.padding }),
35
+ I(),
36
+ j({
37
+ element: p,
38
+ padding: o.arrowPadding
39
+ })
40
+ ],
41
+ strategy: "fixed"
42
+ }
43
+ ), d = (e) => {
44
+ e ? (B(), o.dialog ? t.value.showModal() : t.value.showPopover()) : F(o.transitionDuration).then(() => {
45
+ t.value && (o.dialog ? t.value.close() : t.value.hidePopover());
46
+ });
47
+ };
48
+ A(a, d, { flush: "post" }), x(() => {
49
+ a.value && d(a.value);
50
+ });
51
+ const M = S(() => {
52
+ if (n.value.arrow) {
53
+ const { x: e, y: u } = n.value.arrow;
15
54
  return {
16
- text: n.format("MMMM"),
17
- key: n.unix(),
18
- selected: n.month() === i.value,
19
- handler: () => m("update:month", t)
55
+ style: {
56
+ left: `${e}px`,
57
+ top: `${u}px`
58
+ }
20
59
  };
60
+ }
61
+ }), $ = () => {
62
+ a.value = !1;
63
+ };
64
+ return (e, u) => (v(), b(g(e.dialog ? "div" : e.tag), {
65
+ ref_key: "wrapper",
66
+ ref: i,
67
+ class: E(["bb-common-popover", {
68
+ "bb-common-popover--open": a.value && !!t.value,
69
+ "bb-common-popover--block": o.block,
70
+ [`bb-common-popover--${l(_)}`]: !0
71
+ }]),
72
+ style: z({
73
+ "--transition-duration": `${o.transitionDuration}ms`
21
74
  })
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
- ]));
75
+ }, {
76
+ default: w(() => {
77
+ var m, f, c;
78
+ return [
79
+ y(e.$slots, "activator"),
80
+ e.renderContent ? (v(), b(g(e.dialog ? "dialog" : e.tag), h({
81
+ key: 0,
82
+ ref_key: "content",
83
+ ref: t,
84
+ class: ["bb-common-popover__bubble-container", {
85
+ "bb-common-popover__bubble-container--open": a.value && !!t.value
86
+ }],
87
+ popover: "manual",
88
+ style: {
89
+ ...((m = e.containerAttributes) == null ? void 0 : m.style) ?? {},
90
+ ...l(k),
91
+ "--arrow-offset-x": Math.round(((c = (f = l(n)) == null ? void 0 : f.arrow) == null ? void 0 : c.x) ?? 0) + "px",
92
+ "--page-padding": `${e.padding}px`
93
+ },
94
+ tabindex: a.value ? void 0 : -1
95
+ }, e.containerAttributes, { onClose: l($) }), {
96
+ default: w(() => [
97
+ C("span", h({
98
+ ref_key: "bubblearrow",
99
+ ref: p,
100
+ class: "bb-common-popover__arrow"
101
+ }, M.value), null, 16),
102
+ C("span", K, [
103
+ y(e.$slots, "default")
104
+ ])
105
+ ]),
106
+ _: 3
107
+ }, 16, ["class", "style", "tabindex", "onClose"])) : N("", !0)
108
+ ];
109
+ }),
110
+ _: 3
111
+ }, 8, ["class", "style"]));
42
112
  }
43
113
  });
44
114
  export {
45
- E as default
115
+ W as default
46
116
  };
package/dist/index223.js CHANGED
@@ -1,62 +1,6 @@
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 "./index327.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
- });
1
+ import { curry as e } from "./index287.js";
2
+ const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
60
3
  export {
61
- V as default
4
+ t as baseWhen,
5
+ s as when
62
6
  };
package/dist/index224.js CHANGED
@@ -1,15 +1,15 @@
1
- import { locales as t } from "./index303.js";
2
- import { _config as m } from "./index4.js";
3
- import { get as c } from "./index304.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 c = (t, r) => {
2
+ if (typeof t == "string") {
3
+ const e = /^(\d+)([a-zA-Z%]+)?$/, n = t.match(e);
4
+ if (n) {
5
+ const [, o, a] = n;
6
+ return a ? t : o + "px";
7
+ } else if (t in r)
8
+ return r[t] + "px";
9
+ throw new Error(`Invalid size: ${t}`);
10
+ }
11
+ return t + "px";
12
+ };
13
13
  export {
14
- d as useLocale
14
+ c as parseSize
15
15
  };
package/dist/index225.js CHANGED
@@ -1,4 +1,4 @@
1
- const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
1
+ const o = (e) => e[0];
2
2
  export {
3
- s as isCssColor
3
+ o as head
4
4
  };
package/dist/index226.js CHANGED
@@ -1,6 +1,4 @@
1
- import { curry as e } from "./index280.js";
2
- const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
1
+ const r = (e) => typeof e > "u" || e === null;
3
2
  export {
4
- t as baseWhen,
5
- s as when
3
+ r as isNil
6
4
  };
package/dist/index227.js CHANGED
@@ -1,4 +1,9 @@
1
- const o = (e) => typeof e == "boolean" ? e : e === "true";
1
+ const s = (e, t, o, r) => {
2
+ if (r <= 0) throw new Error("Step must be a positive number");
3
+ if (t > o) throw new Error("Min must be less than or equal to Max");
4
+ const n = Math.max(t, Math.min(o, e)), a = Math.round((n - t) / r);
5
+ return t + a * r;
6
+ };
2
7
  export {
3
- o as booleanishToBoolean
8
+ s as snapToStep
4
9
  };
package/dist/index228.js CHANGED
@@ -1,4 +1,4 @@
1
- const o = (e) => e[0];
1
+ const e = (t) => t[t.length - 1];
2
2
  export {
3
- o as head
3
+ e as last
4
4
  };
package/dist/index229.js CHANGED
@@ -1,4 +1,9 @@
1
- const r = (e) => typeof e > "u" || e === null;
1
+ function o(t, e, n, r, a) {
2
+ if (n === e)
3
+ throw new Error("Original boundaries cannot be equal.");
4
+ const c = (t - e) / (n - e);
5
+ return r + c * (a - r);
6
+ }
2
7
  export {
3
- r as isNil
8
+ o as transpose
4
9
  };