bitboss-ui 2.0.53 → 2.0.55

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 (149) hide show
  1. package/dist/index108.js +1 -1
  2. package/dist/index110.js +5 -5
  3. package/dist/index118.js +1 -1
  4. package/dist/index120.js +5 -5
  5. package/dist/index122.js +1 -1
  6. package/dist/index126.js +1 -1
  7. package/dist/index127.js +1 -1
  8. package/dist/index128.js +1 -1
  9. package/dist/index13.js +1 -1
  10. package/dist/index130.js +1 -1
  11. package/dist/index132.js +2 -2
  12. package/dist/index133.js +2 -2
  13. package/dist/index15.js +4 -4
  14. package/dist/index17.js +3 -3
  15. package/dist/index19.js +2 -2
  16. package/dist/index204.js +2 -116
  17. package/dist/index205.js +116 -2
  18. package/dist/index206.js +2 -53
  19. package/dist/index207.js +6 -0
  20. package/dist/index208.js +2 -13
  21. package/dist/index209.js +51 -18
  22. package/dist/index21.js +14 -14
  23. package/dist/index211.js +13 -8
  24. package/dist/index212.js +3 -162
  25. package/dist/index213.js +41 -84
  26. package/dist/index214.js +8 -0
  27. package/dist/index215.js +7 -3
  28. package/dist/index216.js +8 -2
  29. package/dist/index217.js +20 -4
  30. package/dist/index218.js +4 -2
  31. package/dist/index219.js +5 -3
  32. package/dist/index220.js +15 -40
  33. package/dist/index221.js +16 -6
  34. package/dist/index222.js +19 -7
  35. package/dist/index223.js +17 -279
  36. package/dist/index224.js +24 -13
  37. package/dist/index225.js +3 -16
  38. package/dist/index226.js +2 -19
  39. package/dist/index227.js +247 -17
  40. package/dist/index228.js +51 -26
  41. package/dist/index229.js +44 -3
  42. package/dist/index23.js +15 -15
  43. package/dist/index230.js +5 -2
  44. package/dist/index231.js +43 -243
  45. package/dist/index232.js +123 -49
  46. package/dist/index233.js +125 -44
  47. package/dist/index234.js +2 -5
  48. package/dist/index235.js +5 -49
  49. package/dist/index236.js +353 -110
  50. package/dist/index237.js +3 -125
  51. package/dist/index238.js +162 -2
  52. package/dist/index239.js +84 -5
  53. package/dist/index241.js +2 -2
  54. package/dist/index242.js +2 -18
  55. package/dist/index243.js +17 -105
  56. package/dist/index244.js +108 -0
  57. package/dist/{index245.js → index246.js} +1 -1
  58. package/dist/index248.js +9 -2
  59. package/dist/index249.js +3 -2
  60. package/dist/index25.js +5 -5
  61. package/dist/index250.js +4 -3
  62. package/dist/index251.js +5 -0
  63. package/dist/index253.js +6 -175
  64. package/dist/index254.js +1 -1
  65. package/dist/index255.js +8 -11
  66. package/dist/index256.js +23 -9
  67. package/dist/index257.js +431 -9
  68. package/dist/index258.js +87 -15
  69. package/dist/index259.js +8 -3
  70. package/dist/index260.js +6 -224
  71. package/dist/index261.js +16 -3
  72. package/dist/index262.js +173 -6
  73. package/dist/index263.js +200 -23
  74. package/dist/index264.js +281 -6
  75. package/dist/index265.js +6 -16
  76. package/dist/index266.js +2 -4
  77. package/dist/index267.js +2 -431
  78. package/dist/index268.js +2 -89
  79. package/dist/index269.js +2 -6
  80. package/dist/index27.js +1 -1
  81. package/dist/index270.js +2 -2
  82. package/dist/index272.js +2 -2
  83. package/dist/index273.js +2 -2
  84. package/dist/index274.js +2 -2
  85. package/dist/index275.js +2 -2
  86. package/dist/index276.js +28 -2
  87. package/dist/index277.js +21 -1
  88. package/dist/index279.js +2 -2
  89. package/dist/index280.js +122 -24
  90. package/dist/index281.js +6 -6
  91. package/dist/index283.js +224 -200
  92. package/dist/index284.js +434 -7
  93. package/dist/index285.js +127 -2
  94. package/dist/index286.js +3 -126
  95. package/dist/index287.js +12 -22
  96. package/dist/index288.js +11 -0
  97. package/dist/index289.js +9 -436
  98. package/dist/index29.js +3 -3
  99. package/dist/index290.js +16 -126
  100. package/dist/index291.js +4 -3
  101. package/dist/index292.js +1 -1
  102. package/dist/index293.js +3 -211
  103. package/dist/index294.js +211 -2
  104. package/dist/index295.js +5 -66
  105. package/dist/index296.js +2 -5
  106. package/dist/index297.js +66 -5
  107. package/dist/index298.js +4 -7
  108. package/dist/index299.js +7 -32
  109. package/dist/index300.js +32 -3
  110. package/dist/index301.js +2 -2
  111. package/dist/index303.js +3 -10
  112. package/dist/index307.js +6 -46
  113. package/dist/index308.js +17 -5
  114. package/dist/index309.js +6 -6
  115. package/dist/index31.js +2 -2
  116. package/dist/index310.js +45 -17
  117. package/dist/index311.js +11 -2
  118. package/dist/index312.js +4 -0
  119. package/dist/index313.js +2 -2
  120. package/dist/index315.js +420 -43
  121. package/dist/index316.js +47 -2
  122. package/dist/index317.js +4 -0
  123. package/dist/index33.js +2 -2
  124. package/dist/index35.js +3 -3
  125. package/dist/index37.js +97 -97
  126. package/dist/index39.js +4 -4
  127. package/dist/index41.js +2 -2
  128. package/dist/index43.js +2 -2
  129. package/dist/index45.js +6 -6
  130. package/dist/index47.js +2 -2
  131. package/dist/index49.js +2 -2
  132. package/dist/index55.js +1 -1
  133. package/dist/index57.js +1 -1
  134. package/dist/index61.js +2 -2
  135. package/dist/index75.js +3 -3
  136. package/dist/index79.js +2 -2
  137. package/dist/index81.js +1 -1
  138. package/dist/index84.js +2 -2
  139. package/dist/index86.js +1 -1
  140. package/dist/index88.js +3 -3
  141. package/dist/index90.js +1 -1
  142. package/dist/style.css +1 -1
  143. package/package.json +1 -1
  144. package/dist/index210.js +0 -6
  145. package/dist/index240.js +0 -371
  146. package/dist/index247.js +0 -12
  147. package/dist/index252.js +0 -9
  148. package/dist/index278.js +0 -4
  149. package/dist/index314.js +0 -426
package/dist/index228.js CHANGED
@@ -1,29 +1,54 @@
1
- import { getDefaultExportFromCjs as c, commonjsGlobal as k } from "./index269.js";
2
- import { __module as n } from "./index275.js";
3
- (function(f, p) {
4
- (function(r, e) {
5
- f.exports = e();
6
- })(k, function() {
7
- var r = "week", e = "year";
8
- return function(w, u, a) {
9
- var o = u.prototype;
10
- o.week = function(t) {
11
- if (t === void 0 && (t = null), t !== null) return this.add(7 * (t - this.week()), "day");
12
- var s = this.$locale().yearStart || 1;
13
- if (this.month() === 11 && this.date() > 25) {
14
- var l = a(this).startOf(e).add(1, e).date(s), d = a(this).endOf(r);
15
- if (l.isBefore(d)) return 1;
16
- }
17
- var h = a(this).startOf(e).date(s).startOf(r).subtract(1, "millisecond"), i = this.diff(h, r, !0);
18
- return i < 0 ? a(this).startOf("week").week() : Math.ceil(i);
19
- }, o.weeks = function(t) {
20
- return t === void 0 && (t = null), this.week(t);
21
- };
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 "./index230.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");
22
17
  };
23
- });
24
- })(n);
25
- var m = n.exports;
26
- const x = /* @__PURE__ */ c(m);
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) => (d(), c("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
+ (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"])
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
+ });
27
52
  export {
28
- x as default
53
+ C as default
29
54
  };
package/dist/index229.js CHANGED
@@ -1,5 +1,46 @@
1
- import { hash as o } from "./index280.js";
2
- const t = (r, h = "bb") => `${h}${o(r)}`;
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
+ });
3
44
  export {
4
- t as hash
45
+ E as default
5
46
  };
package/dist/index23.js CHANGED
@@ -1,26 +1,26 @@
1
1
  import { defineComponent as ae, ref as o, computed as v, watch as oe, openBlock as w, createBlock as V, normalizeClass as B, withCtx as i, renderSlot as d, createVNode as E, withDirectives as ne, createElementVNode as r, mergeProps as I, unref as c, withModifiers as re, toDisplayString as F, Teleport as le, normalizeStyle as ie, KeepAlive as se, createCommentVNode as L } from "vue";
2
- import { useFloating as ue } from "./index236.js";
3
- import n from "./index223.js";
4
- import de from "./index237.js";
5
- import ce from "./index226.js";
6
- import pe from "./index224.js";
7
- import me from "./index225.js";
8
- import { identity as fe } from "./index238.js";
9
- import { last as be } from "./index230.js";
10
- import { useFocusTrap as ve } from "./index220.js";
2
+ import { useFloating as ue } from "./index232.js";
3
+ import n from "./index219.js";
4
+ import de from "./index233.js";
5
+ import ce from "./index222.js";
6
+ import pe from "./index220.js";
7
+ import me from "./index221.js";
8
+ import { identity as fe } from "./index234.js";
9
+ import { last as be } from "./index226.js";
10
+ import { useFocusTrap as ve } from "./index213.js";
11
11
  import { useId as ye } from "./index8.js";
12
12
  import { useIntersectionObserver as ge } from "./index132.js";
13
13
  import { useMobile as ke } from "./index9.js";
14
- import { vMaska as Me } from "./index209.js";
14
+ import { vMaska as Me } from "./index217.js";
15
15
  import { wait as he } from "./index131.js";
16
- import { waitFor as we } from "./index221.js";
16
+ import { waitFor as we } from "./index214.js";
17
17
  import Ve from "./index21.js";
18
18
  /* empty css */
19
- import Ce from "./index206.js";
19
+ import Ce from "./index209.js";
20
20
  /* empty css */
21
- import Ye from "./index208.js";
22
- import Ae from "./index239.js";
23
- import { autoUpdate as De, flip as Se, offset as $e, shift as Oe, hide as _e } from "./index240.js";
21
+ import Ye from "./index211.js";
22
+ import Ae from "./index235.js";
23
+ import { autoUpdate as De, flip as Se, offset as $e, shift as Oe, hide as _e } from "./index236.js";
24
24
  const Be = ["id", "aria-describedby", "autocomplete", "autofocus", "data-maska", "disabled", "inputmode", "name", "placeholder", "readonly", "required", "value"], Ee = ["disabled"], Ie = { class: "sr-only" }, Fe = ["id"], rt = /* @__PURE__ */ ae({
25
25
  __name: "BaseDatePickerInput",
26
26
  props: {
package/dist/index230.js CHANGED
@@ -1,4 +1,7 @@
1
- const e = (t) => t[t.length - 1];
1
+ import o from "./index277.js";
2
+ /* empty css */
3
+ import t from "./index253.js";
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8c6b13bd"]]);
2
5
  export {
3
- e as last
6
+ m as default
4
7
  };
package/dist/index231.js CHANGED
@@ -1,251 +1,51 @@
1
- import { defineComponent as de, ref as A, computed as _, watch as le, openBlock as c, createElementBlock as u, normalizeClass as k, withKeys as f, withModifiers as p, createVNode as ce, withCtx as ue, createElementVNode as M, Fragment as O, renderList as S, toDisplayString as C, renderSlot as L, nextTick as fe } from "vue";
2
- import { chunk as pe } from "./index309.js";
3
- import { identity as be } from "./index238.js";
4
- import { isNotNil as me } from "./index134.js";
5
- import { last as ge } from "./index230.js";
6
- import { sort as T } from "./index310.js";
7
- import b from "./index223.js";
8
- import he from "./index234.js";
9
- const ye = ["onKeydown"], _e = { class: "bb-base-date-picker__header-container" }, ke = ["abbr"], Oe = ["id", "disabled", "tabindex"], Ce = /* @__PURE__ */ de({
10
- __name: "BaseDatePickerInputDaySelector",
1
+ import { defineComponent as p, ref as _, computed as b, onMounted as f, openBlock as n, createElementBlock as o, createElementVNode as k, Fragment as y, renderList as h, unref as g, createBlock as v, normalizeClass as x, withCtx as B, createTextVNode as C, toDisplayString as E } from "vue";
2
+ import { range as w } from "./index309.js";
3
+ import D from "./index13.js";
4
+ /* empty css */
5
+ const S = { class: "content" }, c = 100, V = /* @__PURE__ */ p({
6
+ __name: "BaseDatePickerYearSelector",
11
7
  props: {
12
8
  cursor: {},
13
- current: { type: Boolean },
14
- disabled: { type: Boolean },
15
- firstDayOfWeek: {},
16
- modelValue: {},
17
- max: {},
18
- min: {},
19
- selectable: { type: Function },
20
- range: { type: Boolean },
21
- multiple: { type: Boolean },
22
- readonly: { type: Boolean }
9
+ disabled: { type: Boolean }
23
10
  },
24
- emits: ["update:modelValue", "update:cursor"],
25
- setup(E, { emit: N }) {
26
- const a = E, s = N, g = A(null), x = b().startOf("day"), m = _(() => {
27
- let e = 1 / 0, r = -1 / 0, o = {};
28
- return a.modelValue && [].concat(a.modelValue).filter(be).map((i) => b(i).startOf("day")).map((i) => i.valueOf()).forEach((i, h) => {
29
- i < e && (e = i), i > r && (r = i), o[i] = h;
30
- }), {
31
- min: e,
32
- max: r,
33
- index: (t) => o[t.valueOf()],
34
- selected: (t) => me(o[t.valueOf()]),
35
- isFirstOfRange: (t) => t.valueOf() === e,
36
- isLastOfRange: (t) => t.valueOf() === r,
37
- isBetween: (t) => t.valueOf() > e && t.valueOf() < r
38
- };
39
- }), R = _(() => new Array(7).fill("").map((e, r) => b().day((r + a.firstDayOfWeek) % 7)).map((e) => ({
40
- accessibleLabel: e.format("dddd"),
41
- label: e.format("dd").slice(0, 1).toUpperCase(),
42
- id: e.toISOString(),
43
- original: e
44
- }))), v = _(() => {
45
- const e = a.cursor.year().toString(), r = a.cursor.month().toString();
46
- let t = a.cursor.clone().startOf("month").clone().startOf("week"), h = a.cursor.clone().endOf("month").clone().endOf("week"), Y = b(a.cursor).startOf("day"), D = [];
47
- for (let n = t; n.isBefore(h); n = n.add(1, "day"))
48
- D.push(n.clone());
49
- const Z = D.map((n) => {
50
- const y = n.toISOString(), ee = n.week().toString();
51
- let te = m.value.selected(n);
52
- const B = a.range && m.value.isFirstOfRange(n), I = a.range && m.value.isLastOfRange(n), re = a.range && !B && !I && m.value.isBetween(n), ae = n.month().toString() === r && n.year().toString() === e, oe = n.isSame(x), ne = n.isSame(Y), se = d(n), ie = n.get("D").toString();
53
- return {
54
- buttonId: "date_" + y,
55
- current: ne,
56
- disabled: se,
57
- first: B,
58
- highlighted: ae,
59
- id: y,
60
- label: ie,
61
- last: I,
62
- middle: re,
63
- original: n,
64
- selected: te,
65
- slotName: y,
66
- today: oe,
67
- week: ee
68
- };
69
- });
70
- return pe(Z, 7);
71
- }), d = (e) => {
72
- let r = !0;
73
- return a.min && r && (r = e.isSameOrAfter(b(a.min).startOf("day"))), a.max && r && (r = e.isSameOrBefore(b(a.max).startOf("day"))), typeof a.selectable == "function" && r && (r = a.selectable(e.toDate())), !r;
74
- }, w = A("left"), K = (e, r) => {
75
- e && r && (w.value = e.isBefore(r) ? "left" : "right");
76
- };
77
- le(
78
- () => a.cursor,
79
- (e, r) => {
80
- K(e, r);
81
- }
82
- );
83
- const V = (e) => s("update:cursor", e), l = async () => {
84
- if (!g.value) return;
85
- await fe();
86
- const e = ge([
87
- ...g.value.querySelectorAll(
88
- ".bb-base-date-picker__date--current button"
89
- )
90
- ]);
91
- e instanceof HTMLElement && e.focus();
92
- }, F = (e) => {
93
- if (!a.readonly && e.target instanceof HTMLButtonElement) {
94
- const [, r] = e.target.id.split("_"), o = b(r);
95
- if (a.cursor.month() !== o.month()) {
96
- V(o);
97
- return;
98
- }
99
- const t = v.value.flat().find((i) => i.id === r);
100
- if (t.disabled) return;
101
- V(o), H(t);
102
- }
103
- }, H = (e) => {
104
- a.range ? P(e) : a.multiple ? U(e) : W(e);
105
- }, P = (e) => {
106
- if (!Array.isArray(a.modelValue)) return;
107
- const r = e.original.toISOString();
108
- if (a.modelValue.length !== 1) s("update:modelValue", [r]);
109
- else {
110
- const o = T([a.modelValue[0], e.original.toISOString()]);
111
- s("update:modelValue", o);
112
- }
113
- }, U = (e) => {
114
- if (Array.isArray(a.modelValue))
115
- if (e.selected) {
116
- const r = e.original.toISOString(), o = a.modelValue.filter((t) => t !== r);
117
- s("update:modelValue", o);
118
- } else {
119
- const r = T([...a.modelValue, e.original.toISOString()]);
120
- s("update:modelValue", r);
121
- }
122
- }, W = (e) => {
123
- e.selected ? s("update:modelValue", null) : s("update:modelValue", e.original.toISOString());
124
- }, $ = () => {
125
- const e = a.cursor.clone().add(1, "day");
126
- d(e) || (s("update:cursor", e), l());
127
- }, j = () => {
128
- const e = a.cursor.clone().subtract(1, "day");
129
- d(e) || (s("update:cursor", e), l());
130
- }, q = () => {
131
- const e = a.cursor.clone().subtract(1, "week");
132
- d(e) || (s("update:cursor", e), l());
133
- }, z = () => {
134
- const e = a.cursor.clone().add(1, "week");
135
- d(e) || (s("update:cursor", e), l());
136
- }, G = () => {
137
- const e = a.cursor.clone().endOf("week");
138
- d(e) || (s("update:cursor", e), l());
139
- }, J = () => {
140
- const e = a.cursor.clone().startOf("week");
141
- d(e) || (s("update:cursor", e), l());
142
- }, Q = (e) => {
143
- if (e.shiftKey) {
144
- const r = a.cursor.clone().subtract(1, "year");
145
- if (d(r)) return;
146
- s("update:cursor", r);
147
- } else {
148
- const r = a.cursor.clone().subtract(1, "month");
149
- if (d(r)) return;
150
- s("update:cursor", r);
151
- }
152
- l();
153
- }, X = (e) => {
154
- if (e.shiftKey) {
155
- const r = a.cursor.clone().add(1, "year");
156
- if (d(r)) return;
157
- s("update:cursor", r);
158
- } else {
159
- const r = a.cursor.clone().add(1, "month");
160
- if (d(r)) return;
161
- s("update:cursor", r);
162
- }
163
- l();
164
- };
165
- return (e, r) => (c(), u("div", {
166
- ref_key: "calendar",
167
- ref: g,
168
- class: k(["bb-base-date-picker__days-selector", { "bb-base-date-picker__days-selector--hidden": !e.current }]),
169
- onKeydown: [
170
- f(p(z, ["prevent"]), ["down"]),
171
- f(p(G, ["prevent"]), ["end"]),
172
- f(p(J, ["prevent"]), ["home"]),
173
- f(p(j, ["prevent"]), ["left"]),
174
- f(p(X, ["prevent"]), ["page-down"]),
175
- f(p(Q, ["prevent"]), ["page-up"]),
176
- f(p($, ["prevent"]), ["right"]),
177
- f(p(q, ["prevent"]), ["up"])
178
- ]
11
+ emits: ["update:year"],
12
+ setup(s, { emit: l }) {
13
+ const i = s, d = l, r = _(), u = b(() => i.cursor.year()), a = (/* @__PURE__ */ new Date()).getFullYear() - c / 2, m = w(a, a + c).map((e) => ({
14
+ text: e,
15
+ key: e,
16
+ selected: e === u.value,
17
+ handler: () => d("update:year", e)
18
+ }));
19
+ return f(() => {
20
+ if (!r.value) return;
21
+ const e = r.value.querySelector(
22
+ ".content__btn--selected"
23
+ );
24
+ e && (e.parentElement.scrollTop = e.offsetTop - e.parentElement.clientHeight / 2 + 16);
25
+ }), (e, T) => (n(), o("div", {
26
+ ref_key: "container",
27
+ ref: r,
28
+ class: "bb-base-date-picker__button-menu bb-base-date-picker__year-selector scrollbar-border"
179
29
  }, [
180
- ce(he, {
181
- direction: w.value,
182
- gap: 30
183
- }, {
184
- default: ue(() => [
185
- (c(), u("div", {
186
- key: e.cursor.month().toString(),
187
- class: "bb-base-date-picker__month"
188
- }, [
189
- M("div", _e, [
190
- (c(!0), u(O, null, S(R.value, (o) => (c(), u("div", {
191
- key: o.id,
192
- abbr: o.accessibleLabel,
193
- class: "bb-base-date-picker__header-cell"
194
- }, C(o.label), 9, ke))), 128))
195
- ]),
196
- (c(!0), u(O, null, S(v.value, (o) => (c(), u("div", {
197
- key: o[0].id,
198
- class: "bb-base-date-picker__week"
199
- }, [
200
- (c(!0), u(O, null, S(o, (t) => (c(), u("div", {
201
- key: t.id,
202
- class: k({
203
- "bb-base-date-picker__date--current": t.current,
204
- "bb-base-date-picker__date--disabled": e.disabled || t.disabled,
205
- "bb-base-date-picker__date--first": t.first,
206
- "bb-base-date-picker__date--highlighted": t.highlighted,
207
- "bb-base-date-picker__date--last": t.last,
208
- "bb-base-date-picker__date--middle": t.middle,
209
- "bb-base-date-picker__date--selected": t.selected,
210
- "bb-base-date-picker__date--today": t.today,
211
- "bb-base-date-picker__date": !0
212
- })
213
- }, [
214
- M("button", {
215
- id: t.buttonId,
216
- class: k("bb-base-date-picker__date-button"),
217
- disabled: e.disabled || t.disabled,
218
- tabindex: Number(t.current) - 1,
219
- type: "button",
220
- onClick: F
221
- }, C(t.label), 9, Oe),
222
- L(e.$slots, "day", {
223
- first: t.first,
224
- highlighted: t.highlighted,
225
- item: t.original,
226
- label: t.label,
227
- last: t.last,
228
- middle: t.middle,
229
- selected: t.selected
230
- }),
231
- L(e.$slots, t.slotName, {
232
- first: t.first,
233
- highlighted: t.highlighted,
234
- item: t.original,
235
- label: t.label,
236
- last: t.last,
237
- middle: t.middle,
238
- selected: t.selected
239
- })
240
- ], 2))), 128))
241
- ]))), 128))
242
- ]))
243
- ]),
244
- _: 3
245
- }, 8, ["direction"])
246
- ], 42, ye));
30
+ k("div", S, [
31
+ (n(!0), o(y, null, h(g(m), (t) => (n(), v(D, {
32
+ key: t.key,
33
+ class: x({
34
+ content__btn: !0,
35
+ "content__btn--selected": t.selected
36
+ }),
37
+ disabled: e.disabled,
38
+ onClick: t.handler
39
+ }, {
40
+ default: B(() => [
41
+ C(E(t.text), 1)
42
+ ]),
43
+ _: 2
44
+ }, 1032, ["class", "disabled", "onClick"]))), 128))
45
+ ])
46
+ ], 512));
247
47
  }
248
48
  });
249
49
  export {
250
- Ce as default
50
+ V as default
251
51
  };
package/dist/index232.js CHANGED
@@ -1,54 +1,128 @@
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 "./index234.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");
1
+ import { arrow as j, computePosition as A } from "./index236.js";
2
+ import { autoUpdate as W, flip as X, hide as Y, offset as Z, platform as ee, shift as ne } from "./index236.js";
3
+ import { isNode as B, getNodeName as F } from "./index280.js";
4
+ import { getOverflowAncestors as le } from "./index280.js";
5
+ import { computed as a, ref as f, shallowRef as I, watch as h, getCurrentScope as U, onScopeDispose as k, shallowReadonly as r, unref as q } from "vue";
6
+ function z(e) {
7
+ return e != null && typeof e == "object" && "$el" in e;
8
+ }
9
+ function g(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 o(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 = g(o(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 x = t.whileElementsMounted, V = a(() => {
42
+ var n;
43
+ return (n = o(t.open)) != null ? n : !0;
44
+ }), D = a(() => o(t.middleware)), d = a(() => {
45
+ var n;
46
+ return (n = o(t.placement)) != null ? n : "bottom";
47
+ }), v = a(() => {
48
+ var n;
49
+ return (n = o(t.strategy)) != null ? n : "absolute";
50
+ }), S = a(() => {
51
+ var n;
52
+ return (n = o(t.transform)) != null ? n : !0;
53
+ }), i = a(() => g(e.value)), u = a(() => g(l.value)), p = f(0), w = f(0), c = f(v.value), O = f(d.value), P = I({}), y = f(!1), _ = a(() => {
54
+ const n = {
55
+ position: c.value,
56
+ left: "0",
57
+ top: "0"
17
58
  };
18
- _(
19
- () => s.cursor,
20
- (e, a) => {
21
- l(e, a);
59
+ if (!u.value)
60
+ return n;
61
+ const R = C(u.value, p.value), b = C(u.value, w.value);
62
+ return S.value ? {
63
+ ...n,
64
+ transform: "translate(" + R + "px, " + b + "px)",
65
+ ...M(u.value) >= 1.5 && {
66
+ willChange: "transform"
22
67
  }
23
- );
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 }])
27
- }, [
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"])
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));
68
+ } : {
69
+ position: c.value,
70
+ left: R + "px",
71
+ top: b + "px"
72
+ };
73
+ });
74
+ let s;
75
+ function m() {
76
+ i.value == null || u.value == null || A(i.value, u.value, {
77
+ middleware: D.value,
78
+ placement: d.value,
79
+ strategy: v.value
80
+ }).then((n) => {
81
+ p.value = n.x, w.value = n.y, c.value = n.strategy, O.value = n.placement, P.value = n.middlewareData, y.value = !0;
82
+ });
83
+ }
84
+ function E() {
85
+ typeof s == "function" && (s(), s = void 0);
86
+ }
87
+ function N() {
88
+ if (E(), x === void 0) {
89
+ m();
90
+ return;
91
+ }
92
+ if (i.value != null && u.value != null) {
93
+ s = x(i.value, u.value, m);
94
+ return;
95
+ }
96
+ }
97
+ function $() {
98
+ V.value || (y.value = !1);
50
99
  }
51
- });
100
+ return h([D, d, v], m, {
101
+ flush: "sync"
102
+ }), h([i, u], N, {
103
+ flush: "sync"
104
+ }), h(V, $, {
105
+ flush: "sync"
106
+ }), U() && k(E), {
107
+ x: r(p),
108
+ y: r(w),
109
+ strategy: r(c),
110
+ placement: r(O),
111
+ middlewareData: r(P),
112
+ isPositioned: r(y),
113
+ floatingStyles: _,
114
+ update: m
115
+ };
116
+ }
52
117
  export {
53
- C as default
118
+ K as arrow,
119
+ W as autoUpdate,
120
+ A as computePosition,
121
+ X as flip,
122
+ le as getOverflowAncestors,
123
+ Y as hide,
124
+ Z as offset,
125
+ ee as platform,
126
+ ne as shift,
127
+ L as useFloating
54
128
  };