bitboss-ui 2.1.103 → 2.1.104

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 (195) hide show
  1. package/dist/components/BbSelectPopover/BbSelectPopover.vue.d.ts +277 -0
  2. package/dist/components/FlatListBox.vue.d.ts +4 -1
  3. package/dist/components/GroupedListBox.vue.d.ts +4 -1
  4. package/dist/components/ListBox.vue.d.ts +5 -1
  5. package/dist/composables/useCoherence.d.ts +1 -0
  6. package/dist/composables/usePrefill.d.ts +13 -3
  7. package/dist/index.d.ts +1 -0
  8. package/dist/index109.js +21 -23
  9. package/dist/index116.js +1 -1
  10. package/dist/index122.js +4 -4
  11. package/dist/index124.js +15 -17
  12. package/dist/index132.js +1 -1
  13. package/dist/index134.js +5 -5
  14. package/dist/index136.js +1 -1
  15. package/dist/index138.js +2 -2
  16. package/dist/index14.js +1 -1
  17. package/dist/index141.js +1 -1
  18. package/dist/index145.js +1 -1
  19. package/dist/index146.js +2 -2
  20. package/dist/index16.js +3 -3
  21. package/dist/index18.js +3 -3
  22. package/dist/index20.js +14 -14
  23. package/dist/index218.js +2 -2
  24. package/dist/index22.js +14 -14
  25. package/dist/index220.js +2 -2
  26. package/dist/index221.js +3 -5
  27. package/dist/index222.js +4 -7
  28. package/dist/index223.js +8 -2
  29. package/dist/index224.js +34 -2
  30. package/dist/index225.js +67 -3
  31. package/dist/index226.js +86 -33
  32. package/dist/index228.js +32 -0
  33. package/dist/index229.js +17 -5
  34. package/dist/index230.js +51 -5
  35. package/dist/index231.js +18 -5
  36. package/dist/index232.js +3 -5
  37. package/dist/index233.js +12 -3
  38. package/dist/index234.js +18 -2
  39. package/dist/index235.js +13 -6
  40. package/dist/index236.js +12 -7
  41. package/dist/index237.js +13 -268
  42. package/dist/index238.js +2 -52
  43. package/dist/index239.js +101 -47
  44. package/dist/index24.js +11 -11
  45. package/dist/index241.js +95 -55
  46. package/dist/index243.js +3 -3
  47. package/dist/index244.js +17 -85
  48. package/dist/index245.js +14 -0
  49. package/dist/index246.js +4 -29
  50. package/dist/index247.js +135 -16
  51. package/dist/index249.js +107 -51
  52. package/dist/index250.js +2 -15
  53. package/dist/index251.js +11 -12
  54. package/dist/index252.js +2 -2
  55. package/dist/index253.js +2 -4
  56. package/dist/index254.js +7 -106
  57. package/dist/index255.js +9 -0
  58. package/dist/index256.js +5 -100
  59. package/dist/index257.js +11 -0
  60. package/dist/index258.js +23 -3
  61. package/dist/index259.js +4 -10
  62. package/dist/index26.js +3 -3
  63. package/dist/index260.js +22 -2
  64. package/dist/index261.js +8 -4
  65. package/dist/index262.js +9 -5
  66. package/dist/index263.js +25 -5
  67. package/dist/index264.js +6 -5
  68. package/dist/index265.js +16 -2
  69. package/dist/index266.js +3 -20
  70. package/dist/index267.js +2 -135
  71. package/dist/index268.js +4 -0
  72. package/dist/index269.js +6 -187
  73. package/dist/index270.js +5 -3
  74. package/dist/index271.js +5 -13
  75. package/dist/index272.js +5 -13
  76. package/dist/index273.js +5 -23
  77. package/dist/index274.js +5 -9
  78. package/dist/index275.js +5 -23
  79. package/dist/index276.js +18 -16
  80. package/dist/index277.js +4 -12
  81. package/dist/index278.js +7 -102
  82. package/dist/index279.js +20 -10
  83. package/dist/index28.js +1 -1
  84. package/dist/index280.js +33 -9
  85. package/dist/index281.js +27 -20
  86. package/dist/index283.js +9 -32
  87. package/dist/index284.js +3 -4
  88. package/dist/index285.js +3 -67
  89. package/dist/index286.js +373 -9
  90. package/dist/index288.js +188 -2
  91. package/dist/index289.js +3 -7
  92. package/dist/index290.js +5 -7
  93. package/dist/index291.js +6 -3
  94. package/dist/index292.js +268 -6
  95. package/dist/index293.js +50 -14
  96. package/dist/index294.js +52 -5
  97. package/dist/index295.js +31 -52
  98. package/dist/index296.js +58 -32
  99. package/dist/index297.js +32 -372
  100. package/dist/index298.js +55 -0
  101. package/dist/index299.js +4 -0
  102. package/dist/index30.js +3 -3
  103. package/dist/index300.js +5 -3
  104. package/dist/index301.js +2 -5
  105. package/dist/index302.js +3 -280
  106. package/dist/index303.js +17 -2
  107. package/dist/index304.js +27 -15
  108. package/dist/index305.js +3 -2
  109. package/dist/index306.js +3 -16
  110. package/dist/index307.js +4 -2
  111. package/dist/index308.js +7 -27
  112. package/dist/index310.js +3 -2
  113. package/dist/index311.js +3 -2
  114. package/dist/index312.js +1 -1
  115. package/dist/index313.js +5 -2
  116. package/dist/index314.js +719 -28
  117. package/dist/index315.js +366 -2
  118. package/dist/index316.js +57 -7
  119. package/dist/index317.js +280 -3
  120. package/dist/index318.js +2 -17
  121. package/dist/index319.js +125 -4
  122. package/dist/index32.js +2 -2
  123. package/dist/index320.js +2 -3
  124. package/dist/index321.js +15 -3
  125. package/dist/index322.js +2 -125
  126. package/dist/index323.js +16 -2
  127. package/dist/index324.js +2 -15
  128. package/dist/index325.js +16 -2
  129. package/dist/index326.js +2 -19
  130. package/dist/index327.js +19 -2
  131. package/dist/index328.js +2 -3
  132. package/dist/index329.js +3 -2
  133. package/dist/index330.js +27 -2
  134. package/dist/index331.js +2 -6
  135. package/dist/index332.js +2 -4
  136. package/dist/index333.js +2 -5
  137. package/dist/index334.js +2 -719
  138. package/dist/index335.js +2 -366
  139. package/dist/index336.js +2 -57
  140. package/dist/index337.js +228 -2
  141. package/dist/index338.js +6 -5
  142. package/dist/index339.js +67 -7
  143. package/dist/index34.js +12 -12
  144. package/dist/index340.js +67 -7
  145. package/dist/index341.js +3 -18
  146. package/dist/index342.js +34 -8
  147. package/dist/index343.js +6 -15
  148. package/dist/index344.js +125 -31
  149. package/dist/index345.js +398 -6
  150. package/dist/index346.js +197 -126
  151. package/dist/index347.js +256 -395
  152. package/dist/index348.js +92 -66
  153. package/dist/index349.js +133 -66
  154. package/dist/index350.js +2 -228
  155. package/dist/index351.js +2 -3
  156. package/dist/index352.js +5 -191
  157. package/dist/index353.js +7 -258
  158. package/dist/index354.js +7 -22
  159. package/dist/index355.js +21 -0
  160. package/dist/index356.js +7 -132
  161. package/dist/index357.js +12 -90
  162. package/dist/index358.js +21 -1
  163. package/dist/index36.js +4 -4
  164. package/dist/index363.js +1 -1
  165. package/dist/index38.js +244 -244
  166. package/dist/index40.js +7 -7
  167. package/dist/index42.js +2 -2
  168. package/dist/index44.js +27 -29
  169. package/dist/index46.js +6 -6
  170. package/dist/index50.js +2 -2
  171. package/dist/index54.js +1 -1
  172. package/dist/index56.js +1 -1
  173. package/dist/index58.js +2 -2
  174. package/dist/index60.js +2 -2
  175. package/dist/index62.js +5 -5
  176. package/dist/index68.js +1 -1
  177. package/dist/index74.js +4 -4
  178. package/dist/index82.js +7 -7
  179. package/dist/index84.js +1 -1
  180. package/dist/index86.js +2 -2
  181. package/dist/index88.js +3 -3
  182. package/dist/index90.js +1 -1
  183. package/dist/index93.js +3 -3
  184. package/dist/index95.js +2 -2
  185. package/dist/index97.js +5 -5
  186. package/dist/index99.js +1 -1
  187. package/package.json +1 -1
  188. package/dist/index227.js +0 -30
  189. package/dist/index240.js +0 -34
  190. package/dist/index242.js +0 -15
  191. package/dist/index248.js +0 -19
  192. package/dist/index282.js +0 -27
  193. package/dist/index287.js +0 -9
  194. package/dist/index309.js +0 -4
  195. package/dist/index359.js +0 -4
package/dist/index295.js CHANGED
@@ -1,55 +1,34 @@
1
- import { useLogger as y } from "./index236.js";
2
- const g = (t, i) => {
3
- if (!i.length) return;
4
- const n = Array.from(
5
- t.querySelectorAll(":scope > thead th")
6
- );
7
- if (!n.length) return;
8
- const { error: r } = y(), p = n.length, u = i.map((e) => ({
9
- index: typeof e == "number" ? e : e.index,
10
- position: typeof e == "number" ? "left" : e.position
11
- })).sort((e, o) => e.position !== o.position ? e.position === "left" ? -1 : 1 : e.position === "left" ? e.index - o.index : o.index - e.index).reduce((e, o) => {
12
- const l = n[o.index];
13
- if (!l)
14
- return r(
15
- `BbTable fixedColumns: Cannot affix column at index ${o.index}. Table has ${p} columns (valid indices: 0–${p - 1}).`
16
- ), e;
17
- const { width: c } = l.getBoundingClientRect(), m = e.filter((h) => h.position === o.position).reduce((h, x) => h + x.width, 0);
18
- return e.push({
19
- index: o.index,
20
- position: o.position,
21
- width: Math.floor(c),
22
- offset: m
23
- }), e;
24
- }, []);
25
- Array.from(
26
- t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")
27
- ).forEach((e) => {
28
- u.forEach((o) => {
29
- const l = e.querySelector(
30
- `:scope > :nth-child(${o.index + 1})`
31
- );
32
- l && (l.style.position = "sticky", l.style[o.position] = `${o.offset}px`);
33
- });
34
- });
35
- }, d = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), A = (t, i, n) => {
36
- const r = [...d(t)];
37
- return i && r.push(...d(i)), n && r.push(...d(n)), r;
38
- }, $ = (t, i, n, r, p, a) => {
39
- const f = [...d(t)], u = (s) => typeof s == "function" ? s(r, p, a) : s;
40
- if (i) {
41
- const s = u(i);
42
- s && f.push(...d(s));
1
+ import { defineComponent as c, createBlock as l, openBlock as m, Transition as u, withCtx as f, renderSlot as d } from "vue";
2
+ const y = /* @__PURE__ */ c({
3
+ __name: "ScaleFade",
4
+ props: {
5
+ duration: { default: 200 },
6
+ scaleFrom: { default: 0.97 }
7
+ },
8
+ setup(n) {
9
+ const t = n, a = (s) => {
10
+ const e = s;
11
+ e.style.opacity = "0", e.style.transform = `scale(${t.scaleFrom})`, e.style.transformOrigin = "center top";
12
+ }, r = (s, e) => {
13
+ const o = s;
14
+ o.style.transition = `opacity ${t.duration}ms ease-out, transform ${t.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, o.offsetHeight, o.style.opacity = "1", o.style.transform = "scale(1)", setTimeout(e, t.duration);
15
+ }, i = (s, e) => {
16
+ const o = s;
17
+ o.style.transition = `opacity ${t.duration}ms ease-in, transform ${t.duration}ms ease-in`, o.style.opacity = "0", o.style.transform = `scale(${t.scaleFrom})`, setTimeout(e, t.duration);
18
+ };
19
+ return (s, e) => (m(), l(u, {
20
+ css: !1,
21
+ onBeforeEnter: a,
22
+ onEnter: r,
23
+ onLeave: i
24
+ }, {
25
+ default: f(() => [
26
+ d(s.$slots, "default")
27
+ ]),
28
+ _: 3
29
+ }));
43
30
  }
44
- if (n) {
45
- const s = u(n);
46
- s && f.push(...d(s));
47
- }
48
- return f;
49
- };
31
+ });
50
32
  export {
51
- g as applyFixedTableColumns,
52
- w as columnKeyToSlotName,
53
- $ as mergeCellClasses,
54
- A as mergeHeaderClasses
33
+ y as default
55
34
  };
package/dist/index296.js CHANGED
@@ -1,36 +1,62 @@
1
- import { defineComponent as a, resolveComponent as o, createBlock as u, openBlock as l, resolveDynamicComponent as m, unref as c, withCtx as p, renderSlot as f } from "vue";
2
- import { _config as e } from "./index4.js";
3
- import { useLogger as i } from "./index236.js";
4
- import { useFrameworkDetection as k } from "./index144.js";
5
- const y = /* @__PURE__ */ a({
6
- __name: "RouterComponent",
7
- setup(g) {
8
- const { isInertia: r, isNuxt: s } = k();
9
- let t;
10
- if (r) {
11
- if (t = o(e.inertiaLinkName), typeof t == "string") {
12
- const { warn: n } = i();
13
- n(
14
- `Inertia link component "${e.inertiaLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.inertiaLinkName}" or set bitboss-ui config key "inertiaLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
15
- );
16
- }
17
- } else if (s) {
18
- if (t = o(e.nuxtLinkName), typeof t == "string") {
19
- const { warn: n } = i();
20
- n(
21
- `Nuxt link component "${e.nuxtLinkName}" could not be resolved. Ensure you app registers a link component with the name "${e.nuxtLinkName}" or set bitboss-ui config key "nuxtLinkName" to the correct value globally. Please visit ${e.documentationURL}/getting-started to resolve setup issues in bitboss-ui.`
22
- );
23
- }
24
- } else
25
- t = "router-link";
26
- return (n, d) => (l(), u(m(c(t)), null, {
27
- default: p(() => [
28
- f(n.$slots, "default")
29
- ]),
30
- _: 3
31
- }));
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 "./index353.js";
3
+ import M from "./index14.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));
32
58
  }
33
59
  });
34
60
  export {
35
- y as default
61
+ V as default
36
62
  };
package/dist/index297.js CHANGED
@@ -1,375 +1,35 @@
1
- import { defineComponent as Ae, ref as c, computed as L, onMounted as xe, onUnmounted as Re, watch as Le, createElementBlock as b, openBlock as w, createElementVNode as u, createCommentVNode as G, unref as $, normalizeStyle as y, normalizeClass as te, Fragment as ne, renderList as re } from "vue";
2
- import { useLocale as $e } from "./index242.js";
3
- const Se = ["aria-label"], Be = { class: "bb-color-palette__controls" }, Ie = { class: "bb-color-palette__preview-wrap" }, Ee = { class: "bb-color-palette__sliders" }, He = ["aria-label", "aria-valuenow"], We = ["aria-label", "aria-valuenow"], Ke = ["aria-label", "disabled"], Ve = {
4
- key: 0,
5
- class: "bb-color-palette__swatches"
6
- }, Ge = ["aria-label", "aria-pressed", "onClick"], ze = /* @__PURE__ */ Ae({
7
- __name: "ColorPalette",
8
- props: {
9
- modelValue: {},
10
- alpha: { type: Boolean, default: !1 },
11
- picker: { type: Boolean, default: !1 },
12
- swatches: { type: [Boolean, Array] }
13
- },
14
- emits: ["update:modelValue"],
15
- setup(le, { expose: oe, emit: se }) {
16
- function k(e, a, t) {
17
- const n = (r) => {
18
- const l = (r + e / 60) % 6;
19
- return t - t * a * Math.max(Math.min(l, 4 - l, 1), 0);
20
- };
21
- return [
22
- Math.round(n(5) * 255),
23
- Math.round(n(3) * 255),
24
- Math.round(n(1) * 255)
25
- ];
26
- }
27
- function U(e, a, t) {
28
- const n = e / 255, r = a / 255, l = t / 255, s = Math.max(n, r, l), g = Math.min(n, r, l), _ = s - g, De = s === 0 ? 0 : _ / s, Pe = s;
29
- let R = 0;
30
- return _ !== 0 && (s === n ? R = ((r - l) / _ + (r < l ? 6 : 0)) / 6 : s === r ? R = ((l - n) / _ + 2) / 6 : R = ((n - r) / _ + 4) / 6), [R * 360, De, Pe];
31
- }
32
- function T(e) {
33
- const a = e.replace(/^#/, "");
34
- return a.length === 3 ? [
35
- parseInt(a[0] + a[0], 16),
36
- parseInt(a[1] + a[1], 16),
37
- parseInt(a[2] + a[2], 16),
38
- 1
39
- ] : a.length === 6 ? [
40
- parseInt(a.slice(0, 2), 16),
41
- parseInt(a.slice(2, 4), 16),
42
- parseInt(a.slice(4, 6), 16),
43
- 1
44
- ] : a.length === 8 ? [
45
- parseInt(a.slice(0, 2), 16),
46
- parseInt(a.slice(2, 4), 16),
47
- parseInt(a.slice(4, 6), 16),
48
- parseInt(a.slice(6, 8), 16) / 255
49
- ] : [0, 0, 0, 1];
50
- }
51
- function F(e) {
52
- return Math.round(Math.max(0, Math.min(255, e))).toString(16).padStart(2, "0");
53
- }
54
- function ie(e, a, t, n, r) {
55
- const l = `#${F(e)}${F(a)}${F(t)}`;
56
- return r ? l + F(n * 255) : l;
57
- }
58
- const ce = [
59
- ["#FFCDD2", "#EF9A9A", "#F44336", "#D32F2F", "#B71C1C"],
60
- // Red
61
- ["#FFE0B2", "#FFCC80", "#FF9800", "#F57C00", "#E65100"],
62
- // Orange
63
- ["#FFF9C4", "#FFF59D", "#FFEB3B", "#FBC02D", "#F57F17"],
64
- // Yellow
65
- ["#C8E6C9", "#A5D6A7", "#4CAF50", "#388E3C", "#1B5E20"],
66
- // Green
67
- ["#BBDEFB", "#90CAF9", "#2196F3", "#1976D2", "#0D47A1"],
68
- // Blue
69
- ["#E1BEE7", "#CE93D8", "#9C27B0", "#7B1FA2", "#4A148C"]
70
- // Purple
71
- ], o = le, ue = se, { t: M } = $e(), i = c(0), v = c(1), p = c(1), h = c(1), S = L(() => {
72
- const [e, a, t] = k(i.value, v.value, p.value);
73
- return ie(e, a, t, h.value, o.alpha);
74
- }), ve = L(() => {
75
- const [e, a, t] = k(i.value, v.value, p.value);
76
- return o.alpha ? `rgba(${e},${a},${t},${h.value})` : `rgb(${e},${a},${t})`;
77
- }), pe = L(() => !!o.swatches), he = L(
78
- () => Array.isArray(o.swatches) ? o.swatches : ce
79
- ), z = c(null), m = c(null), B = c(null), D = c(null), P = c(null), A = c(null), x = c(null), C = () => {
80
- const e = m.value;
81
- if (!e || e.width === 0 || e.height === 0) return;
82
- const a = e.getContext("2d");
83
- if (!a) return;
84
- const [t, n, r] = k(i.value, 1, 1), l = a.createLinearGradient(0, 0, e.width, 0);
85
- l.addColorStop(0, "#ffffff"), l.addColorStop(1, `rgb(${t},${n},${r})`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
86
- const s = a.createLinearGradient(0, 0, 0, e.height);
87
- s.addColorStop(0, "rgba(0,0,0,0)"), s.addColorStop(1, "rgba(0,0,0,1)"), a.fillStyle = s, a.fillRect(0, 0, e.width, e.height);
88
- }, de = () => {
89
- const e = B.value;
90
- if (!e || e.width === 0 || e.height === 0) return;
91
- const a = e.getContext("2d");
92
- if (!a) return;
93
- const t = a.createLinearGradient(0, 0, e.width, 0);
94
- for (let n = 0; n <= 6; n++)
95
- t.addColorStop(n / 6, `hsl(${n * 60},100%,50%)`);
96
- a.fillStyle = t, a.fillRect(0, 0, e.width, e.height);
97
- }, f = () => {
98
- const e = D.value;
99
- if (!e || e.width === 0 || e.height === 0) return;
100
- const a = e.getContext("2d");
101
- if (!a) return;
102
- a.clearRect(0, 0, e.width, e.height);
103
- const [t, n, r] = k(i.value, v.value, p.value), l = a.createLinearGradient(0, 0, e.width, 0);
104
- l.addColorStop(0, `rgba(${t},${n},${r},0)`), l.addColorStop(1, `rgba(${t},${n},${r},1)`), a.fillStyle = l, a.fillRect(0, 0, e.width, e.height);
105
- }, fe = () => {
106
- C(), de(), o.alpha && f();
107
- };
108
- let I = null;
109
- const E = (e) => {
110
- e.width = e.offsetWidth, e.height = e.offsetHeight;
111
- }, X = () => {
112
- const e = m.value, a = B.value;
113
- !e || !a || e.offsetWidth === 0 || (E(e), E(a), o.alpha && D.value && E(D.value), fe());
114
- };
115
- xe(() => {
116
- I = new ResizeObserver(X), m.value && I.observe(m.value), N(o.modelValue), X();
117
- }), Re(() => {
118
- I?.disconnect();
119
- });
120
- const N = (e) => {
121
- if (e)
122
- try {
123
- const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
124
- s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r;
125
- } catch {
126
- }
127
- };
128
- Le(
129
- () => o.modelValue,
130
- (e) => {
131
- !e || e === S.value || (N(e), C(), o.alpha && f());
132
- }
133
- );
134
- const d = () => ue("update:modelValue", S.value), H = c(!1), O = (e) => {
135
- const a = P.value;
136
- if (!a) return { s: v.value, v: p.value };
137
- const t = a.getBoundingClientRect();
138
- return {
139
- s: Math.max(0, Math.min(1, (e.clientX - t.left) / t.width)),
140
- v: Math.max(0, Math.min(1, 1 - (e.clientY - t.top) / t.height))
141
- };
142
- }, be = (e) => {
143
- P.value?.setPointerCapture(e.pointerId), H.value = !0;
144
- const { s: a, v: t } = O(e);
145
- v.value = a, p.value = t, o.alpha && f(), d();
146
- }, we = (e) => {
147
- if (!H.value) return;
148
- const { s: a, v: t } = O(e);
149
- v.value = a, p.value = t, o.alpha && f(), d();
150
- }, Y = (e) => {
151
- P.value?.releasePointerCapture(e.pointerId), H.value = !1;
152
- }, Ce = (e) => {
153
- const a = e.shiftKey ? 0.05 : 0.01;
154
- switch (e.key) {
155
- case "ArrowLeft":
156
- v.value = Math.max(0, v.value - a);
157
- break;
158
- case "ArrowRight":
159
- v.value = Math.min(1, v.value + a);
160
- break;
161
- case "ArrowUp":
162
- p.value = Math.min(1, p.value + a);
163
- break;
164
- case "ArrowDown":
165
- p.value = Math.max(0, p.value - a);
166
- break;
167
- default:
168
- return;
169
- }
170
- o.alpha && f(), d(), e.preventDefault();
171
- }, W = c(!1), Z = (e) => {
172
- const a = A.value;
173
- if (!a) return i.value;
174
- const t = a.getBoundingClientRect();
175
- return Math.max(
176
- 0,
177
- Math.min(360, (e.clientX - t.left) / t.width * 360)
178
- );
179
- }, me = (e) => {
180
- A.value?.setPointerCapture(e.pointerId), W.value = !0, i.value = Z(e), C(), o.alpha && f(), d();
181
- }, ge = (e) => {
182
- W.value && (i.value = Z(e), C(), o.alpha && f(), d());
183
- }, j = (e) => {
184
- A.value?.releasePointerCapture(e.pointerId), W.value = !1;
185
- }, _e = (e) => {
186
- const a = e.shiftKey ? 10 : 1;
187
- switch (e.key) {
188
- case "ArrowLeft":
189
- i.value = Math.max(0, i.value - a);
190
- break;
191
- case "ArrowRight":
192
- i.value = Math.min(360, i.value + a);
193
- break;
194
- default:
195
- return;
196
- }
197
- C(), o.alpha && f(), d(), e.preventDefault();
198
- }, K = c(!1), q = (e) => {
199
- const a = x.value;
200
- if (!a) return h.value;
201
- const t = a.getBoundingClientRect();
202
- return Math.max(0, Math.min(1, (e.clientX - t.left) / t.width));
203
- }, ye = (e) => {
204
- x.value?.setPointerCapture(e.pointerId), K.value = !0, h.value = q(e), d();
205
- }, ke = (e) => {
206
- K.value && (h.value = q(e), d());
207
- }, J = (e) => {
208
- x.value?.releasePointerCapture(e.pointerId), K.value = !1;
209
- }, Fe = (e) => {
210
- const a = e.shiftKey ? 0.05 : 0.01;
211
- switch (e.key) {
212
- case "ArrowLeft":
213
- h.value = Math.max(0, h.value - a);
214
- break;
215
- case "ArrowRight":
216
- h.value = Math.min(1, h.value + a);
217
- break;
218
- default:
219
- return;
220
- }
221
- d(), e.preventDefault();
222
- }, Q = "EyeDropper" in window, V = c(!1), Me = async () => {
223
- if (Q)
224
- try {
225
- V.value = !0;
226
- const e = window, t = await new e.EyeDropper().open();
227
- ae(t.sRGBHex);
228
- } catch {
229
- } finally {
230
- V.value = !1;
231
- }
232
- }, ee = (e) => S.value.slice(0, 7).toLowerCase() === e.slice(0, 7).toLowerCase(), ae = (e) => {
233
- const [a, t, n, r] = T(e), [l, s, g] = U(a, t, n);
234
- s > 0.01 && (i.value = l), v.value = s, p.value = g, h.value = r, C(), o.alpha && f(), d();
235
- };
236
- return oe({ el: z }), (e, a) => (w(), b("div", {
237
- ref_key: "pickerRef",
238
- ref: z,
239
- class: "bb-color-palette"
240
- }, [
241
- u("div", {
242
- ref_key: "canvasWrapRef",
243
- ref: P,
244
- class: "bb-color-palette__canvas-wrap",
245
- role: "application",
246
- tabindex: "0",
247
- "aria-label": $(M)("colorInput.mainCanvasDesc").value,
248
- onPointerdown: be,
249
- onPointermove: we,
250
- onPointerup: Y,
251
- onPointercancel: Y,
252
- onKeydown: Ce
253
- }, [
254
- u("canvas", {
255
- ref_key: "mainCanvasRef",
256
- ref: m,
257
- class: "bb-color-palette__canvas",
258
- "aria-hidden": "true"
259
- }, null, 512),
260
- u("div", {
261
- class: "bb-color-palette__canvas-thumb",
262
- style: y({ left: `${v.value * 100}%`, top: `${(1 - p.value) * 100}%` }),
263
- "aria-hidden": "true"
264
- }, null, 4)
265
- ], 40, Se),
266
- u("div", Be, [
267
- u("div", Ie, [
268
- u("div", {
269
- class: te(["bb-color-palette__preview", { "bb-color-palette__preview--alpha": e.alpha }]),
270
- style: y({ "--bb-picker-preview-color": ve.value })
271
- }, null, 6)
272
- ]),
273
- u("div", Ee, [
274
- u("div", {
275
- ref_key: "hueWrapRef",
276
- ref: A,
277
- class: "bb-color-palette__slider-wrap",
278
- role: "slider",
279
- tabindex: "0",
280
- "aria-label": $(M)("colorInput.hueCanvasDesc").value,
281
- "aria-valuenow": Math.round(i.value),
282
- "aria-valuemin": "0",
283
- "aria-valuemax": "360",
284
- onPointerdown: me,
285
- onPointermove: ge,
286
- onPointerup: j,
287
- onPointercancel: j,
288
- onKeydown: _e
289
- }, [
290
- u("canvas", {
291
- ref_key: "hueCanvasRef",
292
- ref: B,
293
- class: "bb-color-palette__slider-track",
294
- "aria-hidden": "true"
295
- }, null, 512),
296
- u("div", {
297
- class: "bb-color-palette__slider-thumb",
298
- style: y({ left: `${i.value / 360 * 100}%` }),
299
- "aria-hidden": "true"
300
- }, null, 4)
301
- ], 40, He),
302
- e.alpha ? (w(), b("div", {
303
- key: 0,
304
- ref_key: "alphaWrapRef",
305
- ref: x,
306
- class: "bb-color-palette__slider-wrap bb-color-palette__slider-wrap--alpha",
307
- role: "slider",
308
- tabindex: "0",
309
- "aria-label": $(M)("colorInput.alphaSliderDesc").value,
310
- "aria-valuenow": Math.round(h.value * 100),
311
- "aria-valuemin": "0",
312
- "aria-valuemax": "100",
313
- onPointerdown: ye,
314
- onPointermove: ke,
315
- onPointerup: J,
316
- onPointercancel: J,
317
- onKeydown: Fe
318
- }, [
319
- u("canvas", {
320
- ref_key: "alphaCanvasRef",
321
- ref: D,
322
- class: "bb-color-palette__slider-track",
323
- "aria-hidden": "true"
324
- }, null, 512),
325
- u("div", {
326
- class: "bb-color-palette__slider-thumb",
327
- style: y({ left: `${h.value * 100}%` }),
328
- "aria-hidden": "true"
329
- }, null, 4)
330
- ], 40, We)) : G("", !0)
331
- ]),
332
- e.picker && Q ? (w(), b("button", {
333
- key: 0,
334
- class: "bb-color-palette__eyedropper",
335
- type: "button",
336
- "aria-label": $(M)("colorInput.eyeDropper").value,
337
- disabled: V.value || void 0,
338
- onClick: Me
339
- }, a[0] || (a[0] = [
340
- u("svg", {
341
- xmlns: "http://www.w3.org/2000/svg",
342
- width: "16",
343
- height: "16",
344
- viewBox: "0 0 24 24",
345
- fill: "currentColor",
346
- "aria-hidden": "true"
347
- }, [
348
- u("path", { d: "M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L13.71,3.71L12.29,5.12L13.41,6.24L3,16.59V21H7.41L17.76,10.59L18.88,11.71L20.29,10.29L18.88,8.88L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63M6.58,19H5V17.42L13.29,9.12L14.88,10.71L6.58,19Z" })
349
- ], -1)
350
- ]), 8, Ke)) : G("", !0)
351
- ]),
352
- pe.value ? (w(), b("div", Ve, [
353
- (w(!0), b(ne, null, re(he.value, (t, n) => (w(), b("div", {
354
- key: n,
355
- class: "bb-color-palette__swatch-group"
356
- }, [
357
- (w(!0), b(ne, null, re(t, (r) => (w(), b("button", {
358
- key: r,
359
- class: te(["bb-color-palette__swatch", {
360
- "bb-color-palette__swatch--active": ee(r)
361
- }]),
362
- style: y({ background: r }),
363
- "aria-label": r,
364
- "aria-pressed": ee(r),
365
- type: "button",
366
- onClick: (l) => ae(r)
367
- }, null, 14, Ge))), 128))
368
- ]))), 128))
369
- ])) : G("", !0)
370
- ], 512));
1
+ const y = (t) => typeof t == "object" && t !== null, c = (t) => {
2
+ if (!y(t)) return !1;
3
+ const r = Object.getPrototypeOf(t);
4
+ return r === Object.prototype || r === null;
5
+ }, n = (t) => {
6
+ if (Array.isArray(t))
7
+ return t.map((o) => n(o));
8
+ if (!c(t))
9
+ return t;
10
+ const r = {};
11
+ for (const o of Reflect.ownKeys(t))
12
+ r[o] = n(t[o]);
13
+ return r;
14
+ }, f = (t, r) => {
15
+ if (r === void 0)
16
+ return n(t);
17
+ if (Array.isArray(r))
18
+ return n(r);
19
+ if (!c(r))
20
+ return r;
21
+ const o = c(t) ? n(t) : {};
22
+ for (const e of Reflect.ownKeys(r)) {
23
+ const s = r[e], i = o[e];
24
+ o[e] = f(i, s);
371
25
  }
372
- });
26
+ return o;
27
+ }, p = (...t) => {
28
+ let r = {};
29
+ for (const o of t)
30
+ r = f(r, o);
31
+ return r;
32
+ };
373
33
  export {
374
- ze as default
34
+ p as merge
375
35
  };
@@ -0,0 +1,55 @@
1
+ import { useLogger as y } from "./index261.js";
2
+ const g = (t, i) => {
3
+ if (!i.length) return;
4
+ const n = Array.from(
5
+ t.querySelectorAll(":scope > thead th")
6
+ );
7
+ if (!n.length) return;
8
+ const { error: r } = y(), p = n.length, u = i.map((e) => ({
9
+ index: typeof e == "number" ? e : e.index,
10
+ position: typeof e == "number" ? "left" : e.position
11
+ })).sort((e, o) => e.position !== o.position ? e.position === "left" ? -1 : 1 : e.position === "left" ? e.index - o.index : o.index - e.index).reduce((e, o) => {
12
+ const l = n[o.index];
13
+ if (!l)
14
+ return r(
15
+ `BbTable fixedColumns: Cannot affix column at index ${o.index}. Table has ${p} columns (valid indices: 0–${p - 1}).`
16
+ ), e;
17
+ const { width: c } = l.getBoundingClientRect(), m = e.filter((h) => h.position === o.position).reduce((h, x) => h + x.width, 0);
18
+ return e.push({
19
+ index: o.index,
20
+ position: o.position,
21
+ width: Math.floor(c),
22
+ offset: m
23
+ }), e;
24
+ }, []);
25
+ Array.from(
26
+ t.querySelectorAll(":scope > thead > tr, :scope > tbody > tr")
27
+ ).forEach((e) => {
28
+ u.forEach((o) => {
29
+ const l = e.querySelector(
30
+ `:scope > :nth-child(${o.index + 1})`
31
+ );
32
+ l && (l.style.position = "sticky", l.style[o.position] = `${o.offset}px`);
33
+ });
34
+ });
35
+ }, d = (t) => Array.isArray(t) ? t : [t], w = (t) => t.split(/\W+/g).join("_").toLowerCase(), A = (t, i, n) => {
36
+ const r = [...d(t)];
37
+ return i && r.push(...d(i)), n && r.push(...d(n)), r;
38
+ }, $ = (t, i, n, r, p, a) => {
39
+ const f = [...d(t)], u = (s) => typeof s == "function" ? s(r, p, a) : s;
40
+ if (i) {
41
+ const s = u(i);
42
+ s && f.push(...d(s));
43
+ }
44
+ if (n) {
45
+ const s = u(n);
46
+ s && f.push(...d(s));
47
+ }
48
+ return f;
49
+ };
50
+ export {
51
+ g as applyFixedTableColumns,
52
+ w as columnKeyToSlotName,
53
+ $ as mergeCellClasses,
54
+ A as mergeHeaderClasses
55
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./index224.js";
2
+ export {
3
+ f as default
4
+ };
package/dist/index30.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as M, computed as T, ref as W, watchPostEffect as q, createBlock as F, openBlock as K, normalizeClass as L, withCtx as i, createVNode as O, unref as h, createElementVNode as z, mergeProps as G, withModifiers as R, renderSlot as d } from "vue";
2
- import { clamp as c } from "./index220.js";
3
- import { clampPrecision as U } from "./index287.js";
4
- import { isNil as f } from "./index252.js";
2
+ import { clamp as c } from "./index218.js";
3
+ import { clampPrecision as U } from "./index269.js";
4
+ import { isNil as f } from "./index250.js";
5
5
  import { isNotNil as g } from "./index147.js";
6
6
  import j from "./index138.js";
7
7
  /* empty css */