bitboss-ui 2.1.92 → 2.1.93

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 (181) hide show
  1. package/dist/components/BbTab/BbTab.vue.d.ts +120 -91
  2. package/dist/index107.js +7 -7
  3. package/dist/index114.js +1 -1
  4. package/dist/index120.js +239 -167
  5. package/dist/index122.js +10 -10
  6. package/dist/index13.js +2 -2
  7. package/dist/index130.js +1 -1
  8. package/dist/index132.js +4 -4
  9. package/dist/index134.js +1 -1
  10. package/dist/index136.js +2 -2
  11. package/dist/index143.js +2 -2
  12. package/dist/index15.js +5 -5
  13. package/dist/index17.js +3 -3
  14. package/dist/index19.js +6 -6
  15. package/dist/index21.js +14 -14
  16. package/dist/index217.js +4 -32
  17. package/dist/index218.js +8 -28
  18. package/dist/index219.js +6 -0
  19. package/dist/index220.js +13 -5
  20. package/dist/index221.js +20 -8
  21. package/dist/index222.js +201 -2
  22. package/dist/index224.js +135 -17
  23. package/dist/index226.js +9 -0
  24. package/dist/index227.js +2 -100
  25. package/dist/index228.js +4 -0
  26. package/dist/index229.js +188 -3
  27. package/dist/index23.js +11 -11
  28. package/dist/index230.js +3 -13
  29. package/dist/index231.js +13 -13
  30. package/dist/index233.js +1 -1
  31. package/dist/index234.js +4 -9
  32. package/dist/index235.js +8 -186
  33. package/dist/index236.js +3 -3
  34. package/dist/index237.js +4 -3
  35. package/dist/index238.js +3 -18
  36. package/dist/index239.js +9 -12
  37. package/dist/index240.js +8 -15
  38. package/dist/index241.js +3 -12
  39. package/dist/index244.js +17 -4
  40. package/dist/index245.js +49 -133
  41. package/dist/index246.js +14 -0
  42. package/dist/index247.js +33 -229
  43. package/dist/index248.js +28 -2
  44. package/dist/index25.js +2 -2
  45. package/dist/index251.js +5 -2
  46. package/dist/index252.js +5 -3
  47. package/dist/index253.js +5 -10
  48. package/dist/index254.js +5 -3
  49. package/dist/index255.js +2 -4
  50. package/dist/index256.js +6 -5
  51. package/dist/index257.js +8 -5
  52. package/dist/index258.js +268 -5
  53. package/dist/index259.js +52 -5
  54. package/dist/index260.js +52 -6
  55. package/dist/index261.js +30 -6
  56. package/dist/index262.js +53 -261
  57. package/dist/index263.js +78 -44
  58. package/dist/index265.js +15 -32
  59. package/dist/index266.js +32 -58
  60. package/dist/index267.js +9 -5
  61. package/dist/index268.js +9 -5
  62. package/dist/index269.js +23 -5
  63. package/dist/index270.js +6 -2
  64. package/dist/index271.js +15 -19
  65. package/dist/index272.js +52 -6
  66. package/dist/index273.js +2 -2
  67. package/dist/index274.js +7 -34
  68. package/dist/index275.js +6 -8
  69. package/dist/index276.js +9 -3
  70. package/dist/index277.js +2 -5
  71. package/dist/index278.js +2 -4
  72. package/dist/index279.js +3 -201
  73. package/dist/index280.js +20 -0
  74. package/dist/index281.js +11 -8
  75. package/dist/index282.js +106 -23
  76. package/dist/index284.js +100 -6
  77. package/dist/index286.js +229 -11
  78. package/dist/index287.js +33 -2
  79. package/dist/index288.js +3 -7
  80. package/dist/index289.js +67 -7
  81. package/dist/index29.js +2 -2
  82. package/dist/index290.js +11 -9
  83. package/dist/index291.js +5 -8
  84. package/dist/index292.js +5 -67
  85. package/dist/index293.js +5 -53
  86. package/dist/index294.js +7 -0
  87. package/dist/index295.js +1 -1
  88. package/dist/index296.js +3 -7
  89. package/dist/index297.js +7 -3
  90. package/dist/index299.js +3 -17
  91. package/dist/index300.js +5 -4
  92. package/dist/index301.js +4 -5
  93. package/dist/index302.js +1 -1
  94. package/dist/index303.js +14 -25
  95. package/dist/index304.js +28 -3
  96. package/dist/index305.js +280 -2
  97. package/dist/index306.js +2 -280
  98. package/dist/index307.js +16 -2
  99. package/dist/index308.js +2 -16
  100. package/dist/index309.js +16 -2
  101. package/dist/index31.js +2 -2
  102. package/dist/index310.js +2 -16
  103. package/dist/index311.js +27 -2
  104. package/dist/index312.js +2 -27
  105. package/dist/index313.js +2 -2
  106. package/dist/index314.js +1 -1
  107. package/dist/index315.js +1 -1
  108. package/dist/index316.js +1 -1
  109. package/dist/index317.js +1 -1
  110. package/dist/index318.js +1 -1
  111. package/dist/index319.js +719 -2
  112. package/dist/index320.js +366 -5
  113. package/dist/index321.js +57 -3
  114. package/dist/index322.js +3 -124
  115. package/dist/index323.js +3 -2
  116. package/dist/index324.js +3 -15
  117. package/dist/index325.js +2 -2
  118. package/dist/index326.js +5 -18
  119. package/dist/index327.js +5 -2
  120. package/dist/index328.js +2 -719
  121. package/dist/index329.js +8 -366
  122. package/dist/index33.js +6 -6
  123. package/dist/index330.js +5 -56
  124. package/dist/index331.js +8 -2
  125. package/dist/index332.js +5 -58
  126. package/dist/index333.js +7 -58
  127. package/dist/index334.js +6 -227
  128. package/dist/index335.js +18 -5
  129. package/dist/index336.js +8 -34
  130. package/dist/index337.js +15 -6
  131. package/dist/index338.js +222 -123
  132. package/dist/index339.js +30 -393
  133. package/dist/index340.js +6 -47
  134. package/dist/index341.js +128 -3
  135. package/dist/index342.js +397 -6
  136. package/dist/index343.js +57 -18
  137. package/dist/index344.js +58 -9
  138. package/dist/index345.js +124 -14
  139. package/dist/index346.js +2 -5
  140. package/dist/index347.js +14 -6
  141. package/dist/index348.js +2 -8
  142. package/dist/index349.js +18 -5
  143. package/dist/index35.js +4 -4
  144. package/dist/index350.js +2 -8
  145. package/dist/index351.js +21 -92
  146. package/dist/index353.js +129 -515
  147. package/dist/index354.js +47 -22
  148. package/dist/index355.js +95 -0
  149. package/dist/index356.js +503 -424
  150. package/dist/index357.js +427 -114
  151. package/dist/index358.js +126 -48
  152. package/dist/index359.js +52 -0
  153. package/dist/index37.js +15 -15
  154. package/dist/index39.js +6 -6
  155. package/dist/index41.js +2 -2
  156. package/dist/index43.js +6 -6
  157. package/dist/index45.js +6 -6
  158. package/dist/index49.js +2 -2
  159. package/dist/index53.js +1 -1
  160. package/dist/index55.js +1 -1
  161. package/dist/index57.js +2 -2
  162. package/dist/index61.js +5 -5
  163. package/dist/index67.js +1 -1
  164. package/dist/index80.js +5 -5
  165. package/dist/index82.js +1 -1
  166. package/dist/index84.js +2 -2
  167. package/dist/index86.js +3 -3
  168. package/dist/index88.js +1 -1
  169. package/dist/index91.js +2 -2
  170. package/dist/index93.js +2 -2
  171. package/dist/index95.js +4 -4
  172. package/dist/utilities/functions/merge.d.ts +11 -1
  173. package/package.json +2 -2
  174. package/dist/index223.js +0 -53
  175. package/dist/index225.js +0 -108
  176. package/dist/index249.js +0 -88
  177. package/dist/index264.js +0 -54
  178. package/dist/index285.js +0 -18
  179. package/dist/index298.js +0 -5
  180. package/dist/index352.js +0 -136
  181. /package/dist/{index283.js → index250.js} +0 -0
package/dist/index15.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import { defineComponent as H, ref as s, computed as M, createBlock as D, openBlock as E, normalizeClass as I, withCtx as l, createVNode as d, unref as u, withDirectives as L, createElementVNode as p, mergeProps as _, renderSlot as r, withModifiers as q, normalizeStyle as N } from "vue";
2
- import { isHex as z } from "./index278.js";
2
+ import { isHex as z } from "./index219.js";
3
3
  import { isNotNil as F } from "./index144.js";
4
4
  import { useId as S } from "./index8.js";
5
- import { useLocale as U } from "./index231.js";
6
- import { vMaska as A } from "./index271.js";
7
- import K from "./index279.js";
5
+ import { useLocale as U } from "./index220.js";
6
+ import { vMaska as A } from "./index221.js";
7
+ import K from "./index222.js";
8
8
  /* empty css */
9
9
  import O from "./index136.js";
10
10
  /* empty css */
11
11
  import P from "./index138.js";
12
- import T from "./index245.js";
12
+ import T from "./index224.js";
13
13
  /* empty css */
14
14
  const j = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "value"], G = ["aria-label"], J = { class: "bb-common-input-inner-container__suffix" }, ie = /* @__PURE__ */ H({
15
15
  __name: "BaseColorInput",
package/dist/index17.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as _, ref as i, computed as t, watch as F, createElementBlock as p, openBlock as h, normalizeProps as d, guardReactiveProps as f, createCommentVNode as L, createElementVNode as s, mergeProps as k, renderSlot as M } from "vue";
2
- import { isCssColor as y } from "./index248.js";
3
- import { booleanishToBoolean as q } from "./index251.js";
4
- import { isEqual as A } from "./index252.js";
2
+ import { isCssColor as y } from "./index228.js";
3
+ import { booleanishToBoolean as q } from "./index277.js";
4
+ import { isEqual as A } from "./index238.js";
5
5
  const N = {
6
6
  "aria-hidden": "true",
7
7
  class: "bb-base-checkbox-container"
package/dist/index19.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { defineComponent as z, ref as B, toRef as p, computed as G, createBlock as R, openBlock as W, unref as T, withCtx as n, renderSlot as s, normalizeProps as f, guardReactiveProps as h, createVNode as K, mergeProps as w } from "vue";
2
2
  import N from "./index17.js";
3
3
  /* empty css */
4
- import U from "./index249.js";
4
+ import U from "./index263.js";
5
5
  /* empty css */
6
6
  import { useItemsGetter as q } from "./index242.js";
7
- import { useIndexById as C } from "./index224.js";
8
- import { useBaseOptions as J } from "./index223.js";
9
- import { useCoherence as Q } from "./index240.js";
10
- import { hash as X } from "./index237.js";
11
- import { useHashedWatcher as $ } from "./index241.js";
7
+ import { useIndexById as C } from "./index244.js";
8
+ import { useBaseOptions as J } from "./index245.js";
9
+ import { useCoherence as Q } from "./index265.js";
10
+ import { hash as X } from "./index241.js";
11
+ import { useHashedWatcher as $ } from "./index246.js";
12
12
  import { usePrefill as Y } from "./index243.js";
13
13
  const ce = /* @__PURE__ */ z({
14
14
  __name: "BaseCheckboxGroup",
package/dist/index21.js CHANGED
@@ -5,20 +5,20 @@ import { _config as Q } from "./index4.js";
5
5
  import { useId as X } from "./index8.js";
6
6
  import b from "./index13.js";
7
7
  /* empty css */
8
- import d from "./index256.js";
9
- import ee from "./index257.js";
10
- import ae from "./index258.js";
11
- import te from "./index259.js";
12
- import { hash as B } from "./index237.js";
13
- import { last as le } from "./index222.js";
14
- import { validateDateFormat as L } from "./index260.js";
15
- import { useLogger as oe } from "./index261.js";
16
- import re from "./index262.js";
17
- import se from "./index263.js";
18
- import de from "./index264.js";
19
- import S from "./index265.js";
20
- import ie from "./index266.js";
21
- import { useLocale as ne } from "./index231.js";
8
+ import d from "./index251.js";
9
+ import ee from "./index252.js";
10
+ import ae from "./index253.js";
11
+ import te from "./index254.js";
12
+ import { hash as B } from "./index241.js";
13
+ import { last as le } from "./index255.js";
14
+ import { validateDateFormat as L } from "./index256.js";
15
+ import { useLogger as oe } from "./index257.js";
16
+ import re from "./index258.js";
17
+ import se from "./index259.js";
18
+ import de from "./index260.js";
19
+ import S from "./index261.js";
20
+ import ie from "./index262.js";
21
+ import { useLocale as ne } from "./index220.js";
22
22
  const ue = { class: "bb-base-date-picker" }, me = { class: "bb-base-date-picker__body" }, ce = { class: "bb-base-date-picker__controls" }, pe = { class: "sr-only" }, fe = { class: "sr-only" }, be = { class: "sr-only" }, ve = {
23
23
  style: { transform: "rotate(180deg)" },
24
24
  viewBox: "0 0 24 24",
package/dist/index217.js CHANGED
@@ -1,35 +1,7 @@
1
- import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
2
- /* empty css */
3
- import n from "./index213.js";
4
- const l = {}, s = {
5
- class: "bb-error-icon",
6
- fill: "none",
7
- viewBox: "0 0 20 20",
8
- xmlns: "http://www.w3.org/2000/svg"
9
- };
10
- function i(c, r) {
11
- return t(), e("svg", s, r[0] || (r[0] = [
12
- o("path", {
13
- d: "M9.99422 18.3333C14.5966 18.3333 18.3276 14.6024 18.3276 9.99999C18.3276 5.39762 14.5966 1.66666 9.99422 1.66666C5.39185 1.66666 1.66089 5.39762 1.66089 9.99999C1.66089 14.6024 5.39185 18.3333 9.99422 18.3333Z",
14
- fill: "currentColor"
15
- }, null, -1),
16
- o("path", {
17
- d: "M9.99414 6.66666V9.99999",
18
- stroke: "white",
19
- "stroke-linecap": "round",
20
- "stroke-linejoin": "round",
21
- "stroke-width": "2"
22
- }, null, -1),
23
- o("path", {
24
- d: "M9.99414 13.3333H10.0025",
25
- stroke: "white",
26
- "stroke-linecap": "round",
27
- "stroke-linejoin": "round",
28
- "stroke-width": "2"
29
- }, null, -1)
30
- ]));
1
+ import { getType as t } from "./index322.js";
2
+ function o(r) {
3
+ return t(r) === "Array";
31
4
  }
32
- const a = /* @__PURE__ */ n(l, [["render", i]]);
33
5
  export {
34
- a as default
6
+ o as isArray
35
7
  };
package/dist/index218.js CHANGED
@@ -1,30 +1,10 @@
1
- import { defineComponent as l, createElementBlock as n, openBlock as r, unref as a, createElementVNode as t } from "vue";
2
- import { useLocale as s } from "./index231.js";
3
- const c = ["aria-label"], b = /* @__PURE__ */ l({
4
- __name: "ClearableButton",
5
- setup(u) {
6
- const { t: o } = s();
7
- return (i, e) => (r(), n("button", {
8
- "aria-label": a(o)("common.clearLabel").value,
9
- class: "bb-clearable-button",
10
- type: "button"
11
- }, e[0] || (e[0] = [
12
- t("svg", {
13
- viewBox: "0 0 24 24",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, [
16
- t("path", {
17
- d: "M12 12l7 7M12 12l-7 -7M12 12l-7 7M12 12l7 -7",
18
- fill: "none",
19
- stroke: "currentColor",
20
- "stroke-linecap": "round",
21
- "stroke-linejoin": "round",
22
- "stroke-width": "2"
23
- })
24
- ], -1)
25
- ]), 8, c));
26
- }
27
- });
1
+ import { getType as o } from "./index322.js";
2
+ function c(e) {
3
+ if (o(e) !== "Object")
4
+ return !1;
5
+ const t = Object.getPrototypeOf(e);
6
+ return !!t && t.constructor === Object && t === Object.prototype;
7
+ }
28
8
  export {
29
- b as default
9
+ c as isPlainObject
30
10
  };
@@ -0,0 +1,6 @@
1
+ function x(e) {
2
+ return /^#([A-Fa-f0-9]{6})$/.test(e);
3
+ }
4
+ export {
5
+ x as isHex
6
+ };
package/dist/index220.js CHANGED
@@ -1,7 +1,15 @@
1
- import { getType as t } from "./index341.js";
2
- function o(r) {
3
- return t(r) === "Array";
4
- }
1
+ import { locales as t } from "./index297.js";
2
+ import { _config as m } from "./index4.js";
3
+ import { get as c } from "./index290.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
+ });
5
13
  export {
6
- o as isArray
14
+ d as useLocale
7
15
  };
package/dist/index221.js CHANGED
@@ -1,10 +1,22 @@
1
- import { getType as o } from "./index341.js";
2
- function c(e) {
3
- if (o(e) !== "Object")
4
- return !1;
5
- const t = Object.getPrototypeOf(e);
6
- return !!t && t.constructor === Object && t === Object.prototype;
7
- }
1
+ import { MaskInput as r } from "./index229.js";
2
+ const u = /* @__PURE__ */ new WeakMap(), p = (a, n) => {
3
+ if (a.arg == null || a.instance == null) return;
4
+ const s = "setup" in a.instance.$.type;
5
+ a.arg in a.instance ? a.instance[a.arg] = n : s && console.warn("Maska: please expose `%s` using defineExpose", a.arg);
6
+ }, k = (a, n) => {
7
+ var s;
8
+ const t = a instanceof HTMLInputElement ? a : a.querySelector("input");
9
+ if (t == null || t?.type === "file") return;
10
+ let e = {};
11
+ if (n.value != null && (e = typeof n.value == "string" ? { mask: n.value } : { ...n.value }), n.arg != null) {
12
+ const l = (o) => {
13
+ const i = n.modifiers.unmasked ? o.unmasked : n.modifiers.completed ? o.completed : o.masked;
14
+ p(n, i);
15
+ };
16
+ e.onMaska = e.onMaska == null ? l : Array.isArray(e.onMaska) ? [...e.onMaska, l] : [e.onMaska, l];
17
+ }
18
+ u.has(t) ? (s = u.get(t)) == null || s.update(e) : u.set(t, new r(t, e));
19
+ };
8
20
  export {
9
- c as isPlainObject
21
+ k as vMaska
10
22
  };
package/dist/index222.js CHANGED
@@ -1,4 +1,203 @@
1
- const e = (t) => t[t.length - 1];
1
+ import { defineComponent as j, ref as s, onMounted as J, watch as Q, createElementBlock as M, openBlock as S, createElementVNode as x, createTextVNode as L, createCommentVNode as B, toDisplayString as y, unref as w } from "vue";
2
+ import { hexToRgb as K } from "./index329.js";
3
+ import { getHueFromRGB as F } from "./index330.js";
4
+ import { hslToHex as b } from "./index331.js";
5
+ import { useLocale as Z } from "./index220.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 }, ue = /* @__PURE__ */ j({
15
+ __name: "ColorPallette",
16
+ props: {
17
+ modelValue: {}
18
+ },
19
+ emits: ["update:modelValue"],
20
+ setup(N, { emit: O }) {
21
+ const _ = N, f = O, { t: h } = Z(), o = s(_.modelValue), d = s(
22
+ b(F(...K(o.value ?? "#ff0000")), 100, 50)
23
+ ), T = s(null), i = s(null), r = s(null), l = s({ x: 0, y: 0 }), u = s({ x: 0 }), p = s(!1), P = s(!1), q = () => {
24
+ const e = i.value, t = r.value;
25
+ !e || !t || (e.width = e.offsetWidth, e.height = e.offsetHeight, t.width = t.offsetWidth, t.height = t.offsetHeight, v(), g());
26
+ }, R = () => {
27
+ const e = i.value;
28
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
29
+ }, v = () => {
30
+ const e = i.value;
31
+ if (!e) return;
32
+ const t = R();
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
+ }, m = () => {
40
+ const e = R();
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
+ }, D = () => {
55
+ const e = r.value;
56
+ return e ? e.getContext("2d", { willReadFrequently: !0 }) : null;
57
+ }, g = () => {
58
+ const e = r.value;
59
+ if (!e) return;
60
+ const t = D();
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 = D();
70
+ if (!t) return;
71
+ const a = 10, n = 16, c = u.value.x - a / 2, k = e.height / 2 - n / 2;
72
+ t.beginPath(), t.roundRect(c, k, a, n, 2), t.strokeStyle = "lightgray", t.stroke(), t.fillStyle = "#ffffff", t.fill();
73
+ }, E = (e) => {
74
+ const t = i.value;
75
+ t && (t.setPointerCapture(e.pointerId), p.value = !0, I(e));
76
+ }, U = (e) => {
77
+ const t = r.value;
78
+ t && (t.setPointerCapture(e.pointerId), P.value = !0, V(e));
79
+ }, I = (e) => {
80
+ const t = i.value;
81
+ if (!t) return;
82
+ const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left)), c = Math.max(0, Math.min(t.height - 1, e.clientY - a.top));
83
+ l.value = { x: n, y: c }, v(), m(), o.value = C(), f("update:modelValue", o.value);
84
+ }, V = (e) => {
85
+ const t = r.value;
86
+ if (!t) return;
87
+ const a = t.getBoundingClientRect(), n = Math.max(0, Math.min(t.width - 1, e.clientX - a.left));
88
+ u.value = { x: n };
89
+ const c = n / t.width * 360;
90
+ d.value = b(c, 100, 50), g(), v(), m(), o.value = C(), f("update:modelValue", o.value);
91
+ }, G = (e) => {
92
+ p.value ? I(e) : P.value && V(e);
93
+ }, W = (e) => {
94
+ const t = p.value ? i.value : r.value;
95
+ t && t.releasePointerCapture(e.pointerId), p.value = !1, P.value = !1;
96
+ }, X = (e) => {
97
+ switch (e.key) {
98
+ case "ArrowUp":
99
+ l.value.y = Math.max(0, l.value.y - 5);
100
+ break;
101
+ case "ArrowDown":
102
+ l.value.y = Math.min(
103
+ i.value?.height ?? 0,
104
+ l.value.y + 5
105
+ );
106
+ break;
107
+ case "ArrowLeft":
108
+ l.value.x = Math.max(0, l.value.x - 5);
109
+ break;
110
+ case "ArrowRight":
111
+ l.value.x = Math.min(
112
+ i.value?.width ?? 0,
113
+ l.value.x + 5
114
+ );
115
+ break;
116
+ default:
117
+ return;
118
+ }
119
+ v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
120
+ }, $ = (e) => {
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
+ r.value?.width ?? 0,
128
+ u.value.x + 5
129
+ );
130
+ break;
131
+ default:
132
+ return;
133
+ }
134
+ const a = u.value.x / (r.value?.width ?? 1) * 360;
135
+ d.value = b(a, 100, 50), g(), H(), v(), m(), o.value = C(), f("update:modelValue", o.value), e.preventDefault();
136
+ };
137
+ J(() => {
138
+ q(), A(o.value ?? "#ff0000");
139
+ }), Q(
140
+ () => _.modelValue,
141
+ (e) => {
142
+ !e || e === o.value || (o.value = e, A(e), g(), v());
143
+ }
144
+ );
145
+ const C = () => {
146
+ const e = i.value;
147
+ if (!e) return "#ffffff";
148
+ const t = e.getContext("2d");
149
+ if (!t) return "#ffffff";
150
+ const { x: a, y: n } = l.value, c = t.getImageData(a, n, 1, 1).data, [k, z, Y] = c;
151
+ return `#${((1 << 24) + (k << 16) + (z << 8) + Y).toString(16).slice(1)}`;
152
+ };
153
+ function A(e) {
154
+ const t = F(...K(e));
155
+ d.value = b(t, 100, 50), u.value.x = t / 360 * (r.value?.width ?? 0);
156
+ }
157
+ return (e, t) => (S(), M("span", {
158
+ ref_key: "paletteRef",
159
+ ref: T,
160
+ "aria-label": "Color Picker",
161
+ class: "bb-color-palette",
162
+ role: "application"
163
+ }, [
164
+ x("canvas", {
165
+ ref_key: "mainCanvasRef",
166
+ ref: i,
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: E,
174
+ onPointermove: G,
175
+ onPointerup: W
176
+ }, null, 544),
177
+ x("span", ee, [
178
+ L(y(w(h)("colorInput.mainCanvasDesc")) + " ", 1),
179
+ o.value ? (S(), M("span", te, y(w(h)("colorInput.mainCanvasSelectedColor", o.value)), 1)) : B("", !0)
180
+ ]),
181
+ x("canvas", {
182
+ ref_key: "hueCanvasRef",
183
+ ref: r,
184
+ "aria-describedby": "hueCanvasDesc",
185
+ "aria-label": "Hue Selection",
186
+ class: "bb-color-palette__hue-canvas",
187
+ role: "application",
188
+ tabindex: "0",
189
+ onKeydown: $,
190
+ onPointerdown: U,
191
+ onPointermove: G,
192
+ onPointerup: W
193
+ }, null, 544),
194
+ x("span", ae, [
195
+ L(y(w(h)("colorInput.hueCanvasDesc")) + " ", 1),
196
+ d.value ? (S(), M("span", ne, y(w(h)("colorInput.hueCanvasSelectedHue", d.value)), 1)) : B("", !0)
197
+ ])
198
+ ], 512));
199
+ }
200
+ });
2
201
  export {
3
- e as last
202
+ ue as default
4
203
  };
package/dist/index224.js CHANGED
@@ -1,19 +1,137 @@
1
- import { computed as u, unref as a } from "vue";
2
- import { hash as d } from "./index237.js";
3
- const p = ({
4
- items: m,
5
- key: e
6
- }) => {
7
- const n = (t) => e ? String(t[e]) : d(t), o = u(() => {
8
- const t = {}, s = Array.from(a(m) ?? []);
9
- for (let r = 0; r < s.length; r++) {
10
- const c = s[r];
11
- t[n(c)] = c;
12
- }
13
- return t;
14
- });
15
- return { data: o, get: (t) => o.value[n(t)] };
16
- };
1
+ import { defineComponent as A, mergeModels as L, useModel as T, ref as c, computed as a, watch as F, onMounted as S, createBlock as N, openBlock as w, resolveDynamicComponent as U, mergeProps as g, unref as y, withModifiers as h, withCtx as j, createElementVNode as q, createElementBlock as I, createCommentVNode as R, renderSlot as X, nextTick as z } from "vue";
2
+ import { useCancelableFunction as G } from "./index339.js";
3
+ import { useUntil as H } from "./index232.js";
4
+ import { extractDomContainer as x } from "./index237.js";
5
+ import { waitFor as J } from "./index340.js";
6
+ import { arrow as K, useFloating as O } from "./index341.js";
7
+ import { flip as Q, offset as W, shift as Y, hide as Z, autoUpdate as ee } from "./index342.js";
8
+ const oe = {
9
+ key: 0,
10
+ class: "bb-common-popover__bubble"
11
+ }, ue = /* @__PURE__ */ A({
12
+ __name: "CommonPopover",
13
+ props: /* @__PURE__ */ L({
14
+ arrowPadding: {},
15
+ eager: { type: Boolean },
16
+ offset: {},
17
+ padding: { default: 0 },
18
+ placement: {},
19
+ transitionDuration: { default: 250 },
20
+ anchor: {},
21
+ boundary: {},
22
+ dialog: { type: Boolean },
23
+ hideArrow: { type: Boolean },
24
+ tag: { default: "span" },
25
+ flip: { type: Boolean, default: !0 }
26
+ }, {
27
+ modelValue: { type: Boolean, default: !1 },
28
+ modelModifiers: {}
29
+ }),
30
+ emits: ["update:modelValue"],
31
+ setup(m) {
32
+ const o = m, r = T(m, "modelValue"), s = c(r.value), C = a(() => o.dialog ? "dialog" : "span"), t = c(), f = c(), _ = a(() => {
33
+ const e = o.anchor;
34
+ return e && typeof e == "object" && "getBoundingClientRect" in e && !(e instanceof Element) ? e : x(e);
35
+ }), B = H(r, { initialValue: o.eager }), P = a(() => {
36
+ if (o.boundary)
37
+ return typeof o.boundary == "string" ? document.querySelector(o.boundary) ?? void 0 : x(o.boundary) ?? void 0;
38
+ }), k = a(() => {
39
+ const e = P.value;
40
+ return [
41
+ ...o.flip ? [Q(e ? { boundary: e } : void 0)] : [],
42
+ W(o.offset),
43
+ Y({ padding: o.padding, ...e ? { boundary: e } : {} }),
44
+ Z(),
45
+ ...o.hideArrow ? [] : [
46
+ K({
47
+ element: f,
48
+ padding: o.arrowPadding
49
+ })
50
+ ]
51
+ ];
52
+ }), { floatingStyles: E, placement: M, middlewareData: u, update: v } = O(
53
+ _,
54
+ t,
55
+ {
56
+ placement: o.placement,
57
+ whileElementsMounted: ee,
58
+ middleware: k,
59
+ strategy: "fixed"
60
+ }
61
+ ), { execute: b } = G(
62
+ ({ signal: e }, n) => new Promise((l) => {
63
+ let i;
64
+ const p = () => {
65
+ i && clearTimeout(i);
66
+ };
67
+ e.addEventListener("abort", p), n ? ($(), v(), J(() => !!t.value).then(() => {
68
+ s.value = !0, e.removeEventListener("abort", p), l(void 0);
69
+ })) : (s.value = !1, i = setTimeout(() => {
70
+ z(() => {
71
+ t.value && (o.dialog ? t.value.close() : t.value.hidePopover()), e.removeEventListener("abort", p), v(), l(void 0);
72
+ });
73
+ }, o.transitionDuration));
74
+ })
75
+ ), $ = () => {
76
+ if (!t.value) return;
77
+ if (!o.dialog) return t.value.showPopover();
78
+ t.value.showModal();
79
+ };
80
+ F(r, b), S(() => {
81
+ r.value && b(r.value);
82
+ });
83
+ const D = a(() => {
84
+ const e = r.value ? void 0 : -1, n = Math.round(u.value.arrow?.x ?? 0), l = o.dialog ? void 0 : "manual";
85
+ return {
86
+ style: {
87
+ ...E.value,
88
+ "--transition-duration": `${o.transitionDuration}ms`,
89
+ "--page-padding": `${o.padding}px`,
90
+ "--arrow-offset-x": `${n}px`
91
+ },
92
+ popover: l,
93
+ tabindex: e
94
+ };
95
+ }), V = a(() => {
96
+ if (u.value.arrow) {
97
+ const { x: e, y: n } = u.value.arrow;
98
+ return {
99
+ style: {
100
+ left: `${e}px`,
101
+ top: `${n}px`
102
+ }
103
+ };
104
+ }
105
+ }), d = () => {
106
+ r.value = !1;
107
+ };
108
+ return (e, n) => (w(), N(U(C.value), g({
109
+ ref_key: "wrapper",
110
+ ref: t,
111
+ class: ["bb-common-popover", {
112
+ "bb-common-popover--open": s.value,
113
+ "bb-common-popover--no-arrow": e.hideArrow,
114
+ [`bb-common-popover--${y(M)}`]: !0
115
+ }]
116
+ }, D.value, {
117
+ onClick: h(d, ["self", "stop"]),
118
+ onContextmenu: h(d, ["self", "stop", "prevent"]),
119
+ onClose: d
120
+ }), {
121
+ default: j(() => [
122
+ q("span", g({
123
+ ref_key: "bubblearrow",
124
+ ref: f,
125
+ class: "bb-common-popover__arrow"
126
+ }, V.value), null, 16),
127
+ y(B) ? (w(), I("span", oe, [
128
+ X(e.$slots, "default")
129
+ ])) : R("", !0)
130
+ ]),
131
+ _: 3
132
+ }, 16, ["class"]));
133
+ }
134
+ });
17
135
  export {
18
- p as useIndexById
136
+ ue as default
19
137
  };
@@ -0,0 +1,9 @@
1
+ const s = (r, t) => {
2
+ if (r.endsWith("."))
3
+ return t === 0 ? r.slice(0, -1) : r;
4
+ const [n, i] = r.split(".");
5
+ return i ? `${n}.${i.slice(0, t)}` : r;
6
+ };
7
+ export {
8
+ s as clampPrecision
9
+ };