bitboss-ui 0.2.13 → 0.2.14

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 (123) hide show
  1. package/dist/composables/useWizard.d.ts +20 -20
  2. package/dist/index101.js +3 -3
  3. package/dist/index103.js +2 -2
  4. package/dist/index109.js +1 -1
  5. package/dist/index11.js +2 -2
  6. package/dist/index111.js +4 -4
  7. package/dist/index113.js +1 -1
  8. package/dist/index116.js +1 -1
  9. package/dist/index117.js +1 -1
  10. package/dist/index118.js +1 -1
  11. package/dist/index119.js +1 -1
  12. package/dist/index121.js +1 -1
  13. package/dist/index125.js +1 -1
  14. package/dist/index126.js +1 -1
  15. package/dist/index131.js +2 -2
  16. package/dist/index17.js +6 -6
  17. package/dist/index19.js +3 -3
  18. package/dist/index196.js +2 -2
  19. package/dist/index196.js.map +1 -1
  20. package/dist/index197.js +2 -4
  21. package/dist/index197.js.map +1 -1
  22. package/dist/index198.js +4 -235
  23. package/dist/index198.js.map +1 -1
  24. package/dist/index199.js +1 -1
  25. package/dist/index200.js +1 -1
  26. package/dist/index201.js +1 -1
  27. package/dist/index202.js +1 -1
  28. package/dist/index203.js +1 -1
  29. package/dist/index204.js +1 -1
  30. package/dist/index207.js +378 -2
  31. package/dist/index207.js.map +1 -1
  32. package/dist/index208.js +131 -375
  33. package/dist/index208.js.map +1 -1
  34. package/dist/index209.js +2 -134
  35. package/dist/index209.js.map +1 -1
  36. package/dist/index21.js +2 -2
  37. package/dist/index210.js +174 -2
  38. package/dist/index210.js.map +1 -1
  39. package/dist/index211.js +23 -174
  40. package/dist/index211.js.map +1 -1
  41. package/dist/index212.js +373 -23
  42. package/dist/index212.js.map +1 -1
  43. package/dist/index213.js +3 -373
  44. package/dist/index213.js.map +1 -1
  45. package/dist/index214.js +3 -3
  46. package/dist/index214.js.map +1 -1
  47. package/dist/index215.js +232 -32
  48. package/dist/index215.js.map +1 -1
  49. package/dist/index216.js +2 -6
  50. package/dist/index216.js.map +1 -1
  51. package/dist/index217.js +3 -10
  52. package/dist/index217.js.map +1 -1
  53. package/dist/index218.js +35 -3
  54. package/dist/index218.js.map +1 -1
  55. package/dist/index219.js +6 -3
  56. package/dist/index219.js.map +1 -1
  57. package/dist/index221.js +10 -2
  58. package/dist/index221.js.map +1 -1
  59. package/dist/index222.js +8 -27
  60. package/dist/index222.js.map +1 -1
  61. package/dist/index223.js +120 -12
  62. package/dist/index223.js.map +1 -1
  63. package/dist/index224.js +27 -8
  64. package/dist/index224.js.map +1 -1
  65. package/dist/index225.js +12 -120
  66. package/dist/index225.js.map +1 -1
  67. package/dist/index228.js +295 -2
  68. package/dist/index228.js.map +1 -1
  69. package/dist/index23.js +1 -1
  70. package/dist/index230.js +2 -2
  71. package/dist/index231.js +2 -295
  72. package/dist/index231.js.map +1 -1
  73. package/dist/index232.js +2 -2
  74. package/dist/index234.js +2 -117
  75. package/dist/index234.js.map +1 -1
  76. package/dist/index235.js +2 -106
  77. package/dist/index235.js.map +1 -1
  78. package/dist/index236.js +2 -2
  79. package/dist/index237.js +117 -2
  80. package/dist/index237.js.map +1 -1
  81. package/dist/index238.js +106 -2
  82. package/dist/index238.js.map +1 -1
  83. package/dist/index239.js +2 -2
  84. package/dist/index239.js.map +1 -1
  85. package/dist/index240.js +224 -162
  86. package/dist/index240.js.map +1 -1
  87. package/dist/index241.js +258 -2
  88. package/dist/index241.js.map +1 -1
  89. package/dist/index242.js +435 -2
  90. package/dist/index242.js.map +1 -1
  91. package/dist/index243.js +88 -68
  92. package/dist/index243.js.map +1 -1
  93. package/dist/index244.js +200 -2
  94. package/dist/index244.js.map +1 -1
  95. package/dist/index245.js +162 -224
  96. package/dist/index245.js.map +1 -1
  97. package/dist/index246.js +2 -258
  98. package/dist/index246.js.map +1 -1
  99. package/dist/index247.js +2 -435
  100. package/dist/index247.js.map +1 -1
  101. package/dist/index248.js +68 -88
  102. package/dist/index248.js.map +1 -1
  103. package/dist/index249.js +2 -200
  104. package/dist/index249.js.map +1 -1
  105. package/dist/index25.js +2 -2
  106. package/dist/index254.js +2 -2
  107. package/dist/index255.js +1 -1
  108. package/dist/index29.js +3 -3
  109. package/dist/index31.js +4 -4
  110. package/dist/index33.js +2 -2
  111. package/dist/index35.js +2 -2
  112. package/dist/index47.js +1 -1
  113. package/dist/index49.js +1 -1
  114. package/dist/index65.js +5 -5
  115. package/dist/index69.js +2 -2
  116. package/dist/index72.js +1 -1
  117. package/dist/index75.js +1 -1
  118. package/dist/index79.js +4 -4
  119. package/dist/index8.js +85 -104
  120. package/dist/index8.js.map +1 -1
  121. package/dist/index81.js +1 -1
  122. package/dist/style.css +1 -1
  123. package/package.json +1 -1
package/dist/index65.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { defineComponent as Y, computed as M, ref as v, openBlock as D, createElementBlock as H, mergeProps as S, createElementVNode as h, renderSlot as y, normalizeProps as Z, guardReactiveProps as ee, unref as c, createBlock as te, Teleport as oe, normalizeClass as ne, normalizeStyle as z, Fragment as N, renderList as ae, createVNode as le, withCtx as se, createCommentVNode as ie } from "vue";
2
- import { findRightIndex as I } from "./index224.js";
3
- import { useFloating as re, arrow as ue } from "./index225.js";
2
+ import { findRightIndex as I } from "./index222.js";
3
+ import { useFloating as re, arrow as ue } from "./index223.js";
4
4
  import { useId as de } from "./index7.js";
5
5
  import { wait as U } from "./index122.js";
6
6
  import ce from "./index9.js";
7
7
  import "./index10.js";
8
- import V from "./index212.js";
9
- import { autoUpdate as fe, flip as pe, shift as be } from "./index208.js";
10
- import { offset as me } from "./index213.js";
8
+ import V from "./index211.js";
9
+ import { autoUpdate as fe, flip as pe, shift as be } from "./index207.js";
10
+ import { offset as me } from "./index212.js";
11
11
  const ve = ["aria-labelledby", "id"], we = { class: "bb-dropdown__items-container" }, Me = /* @__PURE__ */ Y({
12
12
  __name: "BbDropdown",
13
13
  props: {
package/dist/index69.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as H, ref as h, watch as M, computed as m, openBlock as z, createBlock as N, resolveDynamicComponent as R, normalizeClass as j, withCtx as _, createElementVNode as d, withModifiers as g, renderSlot as G, normalizeProps as K, guardReactiveProps as O, createTextVNode as U, unref as Y, createVNode as Z, createElementBlock as x, Fragment as J, renderList as Q, toDisplayString as W } from "vue";
2
- import { findInTree as X } from "./index223.js";
2
+ import { findInTree as X } from "./index225.js";
3
3
  import { useId as ee } from "./index7.js";
4
4
  import te from "./index118.js";
5
5
  import "./index183.js";
@@ -52,7 +52,7 @@ const re = ["accept", "autofocus", "disabled", "multiple"], ae = {
52
52
  if (a.includes("/"))
53
53
  e.push(a);
54
54
  else {
55
- y || (y = await import("./index222.js").then((s) => s.i));
55
+ y || (y = await import("./index224.js").then((s) => s.i));
56
56
  const o = y.getType(a);
57
57
  if (!o)
58
58
  throw new Error(
package/dist/index72.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
2
- import { throttle as c } from "./index214.js";
2
+ import { throttle as c } from "./index217.js";
3
3
  const M = /* @__PURE__ */ h({
4
4
  __name: "BbIntersection",
5
5
  props: {
package/dist/index75.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as q, ref as s, useAttrs as G, computed as m, onMounted as J, watch as Q, onBeforeUnmount as X, openBlock as y, createBlock as Y, Teleport as Z, createElementVNode as o, mergeProps as N, createElementBlock as w, renderSlot as l, createTextVNode as ee, toDisplayString as z, createCommentVNode as B, nextTick as te } from "vue";
2
- import { useFocusTrap as oe } from "./index215.js";
2
+ import { useFocusTrap as oe } from "./index218.js";
3
3
  import { useId as L } from "./index7.js";
4
4
  import { wait as O } from "./index122.js";
5
5
  const se = { class: "bb-offcanvas-close" }, ae = { class: "bb-offcanvas-close__content" }, ne = { class: "bb-offcanvas-close__label" }, le = /* @__PURE__ */ o("span", { class: "bb-offcanvas-close__icon" }, [
package/dist/index79.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { defineComponent as N, ref as a, computed as C, openBlock as f, createElementBlock as $, mergeProps as T, createElementVNode as s, renderSlot as B, normalizeProps as V, guardReactiveProps as I, unref as m, createBlock as P, Teleport as R, normalizeClass as U, normalizeStyle as j, withCtx as G, createCommentVNode as D, nextTick as J } from "vue";
2
- import { useFloating as K, arrow as Q } from "./index225.js";
3
- import { useFocusTrap as W } from "./index215.js";
2
+ import { useFloating as K, arrow as Q } from "./index223.js";
3
+ import { useFocusTrap as W } from "./index218.js";
4
4
  import { useId as X } from "./index7.js";
5
5
  import { wait as E } from "./index122.js";
6
6
  import Y from "./index9.js";
7
7
  import "./index10.js";
8
- import { autoUpdate as Z, flip as ee, shift as oe } from "./index208.js";
9
- import { offset as te } from "./index213.js";
8
+ import { autoUpdate as Z, flip as ee, shift as oe } from "./index207.js";
9
+ import { offset as te } from "./index212.js";
10
10
  const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s("span", { class: "bb-popover__close-label" }, "Chiudi", -1), se = /* @__PURE__ */ s("svg", {
11
11
  viewBox: "0 0 24 24",
12
12
  fill: "none",
package/dist/index8.js CHANGED
@@ -1,51 +1,51 @@
1
- import { copy as Y } from "./index127.js";
2
- import { reactive as D, watch as f, toValue as G, computed as g, provide as H } from "vue";
3
- import { isNotNil as l } from "./index124.js";
4
- import { mapValues as Q } from "./index128.js";
5
- import { useRoute as X } from "./index129.js";
6
- import { useRouter as Z } from "./index130.js";
7
- import { useStepper as _ } from "./index131.js";
8
- const ee = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[\s\S]+))/, J = (i) => {
9
- var r, a;
10
- const e = i.match(R);
11
- return ((r = e == null ? void 0 : e.groups) == null ? void 0 : r.step) ?? ((a = e == null ? void 0 : e.groups) == null ? void 0 : a.step2) ?? null;
1
+ import { copy as D } from "./index127.js";
2
+ import { reactive as G, watch as f, toValue as H, computed as g, provide as Q } from "vue";
3
+ import { isNotNil as a } from "./index124.js";
4
+ import { mapValues as X } from "./index128.js";
5
+ import { useRoute as Z } from "./index129.js";
6
+ import { useRouter as _ } from "./index130.js";
7
+ import { useStepper as ee } from "./index131.js";
8
+ const te = Symbol(), x = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[\s\S]+))/, O = (i) => {
9
+ var r, u;
10
+ const e = i.match(x);
11
+ return ((r = e == null ? void 0 : e.groups) == null ? void 0 : r.step) ?? ((u = e == null ? void 0 : e.groups) == null ? void 0 : u.step2) ?? null;
12
12
  }, le = (i) => {
13
13
  if (!i.name)
14
14
  throw new Error(
15
15
  "You need to provide a unique name for the current wizard instance to be used to save data"
16
16
  );
17
- const e = X(), r = Z(), a = i.useNavigation ?? !0, q = i.navigationMode ?? "query", b = i.persist ?? !0;
18
- if (a && (!e.value || !r))
17
+ const e = Z(), r = _(), u = i.useNavigation ?? !0, h = i.navigationMode ?? "query", q = i.persist ?? !0;
18
+ if (u && (!e.value || !r))
19
19
  throw new Error(
20
20
  "Navigation is enabled but could not retrieve the router instance in useWizard."
21
21
  );
22
- const T = Y(i.initialState), u = D(
23
- b && sessionStorage.getItem(i.name) ? {
24
- ...T,
22
+ const b = D(i.initialState), l = G(
23
+ q && sessionStorage.getItem(i.name) ? {
24
+ ...b,
25
25
  ...JSON.parse(sessionStorage.getItem(i.name))
26
- } : T
26
+ } : b
27
27
  );
28
- b && f(u, () => {
29
- sessionStorage.setItem(i.name, JSON.stringify(u));
28
+ q && f(l, () => {
29
+ sessionStorage.setItem(i.name, JSON.stringify(l));
30
30
  });
31
- const W = G(i.steps), o = g(
32
- () => Object.entries(W).reduce(
33
- (t, [s, n]) => (n.condition && !n.condition(u) || (t[s] = { ...n, key: s }), t),
31
+ const w = H(i.steps), o = g(
32
+ () => Object.entries(w).reduce(
33
+ (t, [s, n]) => (n.condition && !n.condition(l) || (t[s] = { ...n, key: s }), t),
34
34
  {}
35
35
  )
36
36
  ), m = g(
37
- () => Q(o.value, (t) => ({
37
+ () => X(o.value, (t) => ({
38
38
  ...t,
39
- isValid: t.isValid ? t.isValid(u) : !0
39
+ isValid: t.isValid ? t.isValid(l) : !0
40
40
  }))
41
41
  );
42
42
  let p = null;
43
- if (a && l(e.value)) {
43
+ if (u && a(e.value)) {
44
44
  let t = null;
45
- if (q === "query")
45
+ if (h === "query")
46
46
  e.value.query.step && (t = e.value.query.step);
47
47
  else {
48
- const s = J(e.value.fullPath);
48
+ const s = O(e.value.fullPath);
49
49
  s && (t = s);
50
50
  }
51
51
  p = t;
@@ -61,54 +61,56 @@ const ee = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>
61
61
  }
62
62
  }
63
63
  const {
64
- steps: S,
65
- current: V,
66
- goToNext: N,
67
- goToPrevious: k,
64
+ steps: T,
65
+ current: P,
66
+ goToNext: j,
67
+ goToPrevious: A,
68
68
  goTo: d,
69
- index: $,
70
- at: O,
71
- get: x,
72
- goBackTo: w,
73
- isAfter: P,
74
- isBefore: j,
75
- isCurrent: A,
76
- isFirst: K,
77
- isLast: z,
78
- isNext: F,
79
- isPrevious: I,
80
- next: M,
81
- previous: U,
82
- stepNames: B
83
- } = _(
69
+ index: K,
70
+ at: z,
71
+ get: F,
72
+ goBackTo: I,
73
+ isAfter: M,
74
+ isBefore: U,
75
+ isCurrent: B,
76
+ isFirst: C,
77
+ isLast: E,
78
+ isNext: J,
79
+ isPrevious: R,
80
+ next: W,
81
+ previous: $,
82
+ stepNames: L
83
+ } = ee(
84
84
  m,
85
85
  p || Object.values(o.value)[0].key
86
- ), c = g(() => Object.keys(o.value)[$.value]);
87
- if (H(ee, {
88
- goToNext: N,
89
- goToPrevious: k,
90
- current: V,
91
- data: u,
92
- steps: S,
93
- at: O,
94
- get: x,
95
- goBackTo: w,
96
- isAfter: P,
97
- isBefore: j,
98
- isCurrent: A,
99
- isFirst: K,
100
- isLast: z,
101
- isNext: F,
102
- isPrevious: I,
103
- next: M,
104
- previous: U,
105
- stepNames: B
106
- }), a)
107
- if (q === "query")
86
+ ), c = g(() => Object.keys(o.value)[K.value]), V = {
87
+ at: z,
88
+ current: P,
89
+ data: l,
90
+ get: F,
91
+ goBackTo: I,
92
+ goTo: d,
93
+ goToNext: j,
94
+ goToPrevious: A,
95
+ isAfter: M,
96
+ isBefore: U,
97
+ isCurrent: B,
98
+ isFirst: C,
99
+ isLast: E,
100
+ isNext: J,
101
+ isPrevious: R,
102
+ key: c,
103
+ next: W,
104
+ previous: $,
105
+ stepNames: L,
106
+ steps: T
107
+ };
108
+ if (Q(te, V), u)
109
+ if (h === "query")
108
110
  f(
109
111
  c,
110
112
  () => {
111
- l(r) && l(e.value) && r.push({
113
+ a(r) && a(e.value) && r.push({
112
114
  ...e,
113
115
  query: { ...e.value.query, step: c.value ?? null }
114
116
  });
@@ -128,29 +130,29 @@ const ee = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>
128
130
  0,
129
131
  v.indexOf(n)
130
132
  ).every(
131
- (C) => {
133
+ (N) => {
132
134
  var y;
133
- return (y = m.value[C]) == null ? void 0 : y.isValid;
135
+ return (y = m.value[N]) == null ? void 0 : y.isValid;
134
136
  }
135
137
  ) && d(n);
136
138
  }
137
139
  } else {
138
- const s = Object.keys(S)[0];
140
+ const s = Object.keys(T)[0];
139
141
  d(s);
140
142
  }
141
143
  }
142
144
  );
143
145
  else {
144
146
  const t = g(() => {
145
- if (l(e.value))
146
- return J(e.value.fullPath);
147
+ if (a(e.value))
148
+ return O(e.value.fullPath);
147
149
  });
148
150
  f(
149
151
  c,
150
152
  (s) => {
151
- l(e.value) && l(r) && (e.value.path.includes("step") ? r.push({
153
+ a(e.value) && a(r) && (e.value.path.includes("step") ? r.push({
152
154
  query: e.value.query,
153
- path: e.value.path.replace(R, `step/${s}`)
155
+ path: e.value.path.replace(x, `step/${s}`)
154
156
  }) : r.push({
155
157
  query: e.value.query,
156
158
  // Normalizes paths with / and without
@@ -165,14 +167,14 @@ const ee = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>
165
167
  if (s && s !== c.value) {
166
168
  const n = s;
167
169
  if (n in o.value) {
168
- const v = n, h = Object.keys(o.value);
169
- h.slice(
170
+ const v = n, S = Object.keys(o.value);
171
+ S.slice(
170
172
  0,
171
- h.indexOf(v)
173
+ S.indexOf(v)
172
174
  ).every(
173
175
  (y) => {
174
- var E;
175
- return (E = o.value[y]) == null ? void 0 : E.isValid;
176
+ var k;
177
+ return (k = o.value[y]) == null ? void 0 : k.isValid;
176
178
  }
177
179
  ) && d(v);
178
180
  }
@@ -180,31 +182,10 @@ const ee = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>
180
182
  }
181
183
  );
182
184
  }
183
- return {
184
- steps: S,
185
- current: V,
186
- goToNext: N,
187
- goToPrevious: k,
188
- goTo: d,
189
- key: c,
190
- data: u,
191
- at: O,
192
- get: x,
193
- goBackTo: w,
194
- isAfter: P,
195
- isBefore: j,
196
- isCurrent: A,
197
- isFirst: K,
198
- isLast: z,
199
- isNext: F,
200
- isPrevious: I,
201
- next: M,
202
- previous: U,
203
- stepNames: B
204
- };
185
+ return V;
205
186
  };
206
187
  export {
207
188
  le as useWizard,
208
- ee as wizardInjectionKey
189
+ te as wizardInjectionKey
209
190
  };
210
191
  //# sourceMappingURL=index8.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index8.js","sources":["../src/composables/useWizard.ts"],"sourcesContent":["import { cloneDeep } from \"@/utilities/functions/cloneDeep\";\nimport { computed, provide, reactive, watch, toValue } from \"vue\";\nimport { isNotNil } from \"@/utilities/functions/isNotNil\";\nimport { mapValues } from \"@/utilities/functions/mapValues\";\nimport { useRoute } from \"./useRoute\";\nimport { useRouter } from \"./useRouter\";\nimport { useStepper } from \"@vueuse/core\";\nimport type { ComputedRef, MaybeRef } from \"vue\";\n\nexport const wizardInjectionKey = Symbol();\nexport type Step<U> = {\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * It determines if the validation has passed for the step.\n */\n isValid?: (state: U) => boolean;\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * Steps that do not pass the condition are removed.\n */\n condition?: (state: U) => boolean;\n [key: string]: any;\n};\nexport type WizardState<T extends Record<string, any>> = Pick<\n ReturnType<typeof useWizard<T>>,\n | \"data\"\n | \"goToNext\"\n | \"goToPrevious\"\n | \"current\"\n | \"steps\"\n | \"at\"\n | \"get\"\n | \"goBackTo\"\n | \"isAfter\"\n | \"isBefore\"\n | \"isCurrent\"\n | \"isFirst\"\n | \"isLast\"\n | \"isNext\"\n | \"isPrevious\"\n | \"next\"\n | \"previous\"\n | \"stepNames\"\n>;\n\nconst regexMatchStep =\n /((step\\/)(?<step>[\\s\\S]+?)(?=[/?]))|((step\\/)(?<step2>[\\s\\S]+))/;\n/**\n * With a url that follows the rule xyz.com/anything/step/:nameofthestep[/?query]\n * will match the :nameofthestep substring\n */\nconst extractStepFromUrl = (url: string) => {\n const match = url.match(regexMatchStep);\n return match?.groups?.step ?? match?.groups?.step2 ?? null;\n};\nexport const useWizard = <T extends object>(params: {\n /**\n * The steps definition for the wizard\n */\n steps: MaybeRef<Record<string, Step<T>>>;\n /**\n * Name of the wizard used to persist state\n */\n name: string;\n /**\n * Initial set of data to be made available throughout\n */\n initialState: T;\n /**\n * When navogation is enabled, to whether use the query parameters or an entire substring of the URL like xyz/steps/....\n * The latter useful with nuxt so you can leverage the automatic import of components based on the URL.\n */\n navigationMode?: \"query\" | \"route\";\n /**\n * Whether to use navigation at all. When disabled no query or URL is changed.\n */\n useNavigation?: boolean;\n /**\n *\n */\n persist?: boolean;\n}) => {\n if (!params.name) {\n throw new Error(\n \"You need to provide a unique name for the current wizard instance to be used to save data\"\n );\n }\n const route = useRoute();\n const router = useRouter();\n\n const useNavigation = params.useNavigation ?? true;\n const navigationMode = params.navigationMode ?? \"query\";\n const persist = params.persist ?? true;\n\n if (useNavigation && (!route.value || !router)) {\n throw new Error(\n \"Navigation is enabled but could not retrieve the router instance in useWizard.\"\n );\n }\n\n const initialStateCopy = cloneDeep(params.initialState);\n /**\n * Initial state is either read from session storage or the one provided\n */\n const innerState = reactive<typeof params.initialState>(\n persist && sessionStorage.getItem(params.name)\n ? {\n ...initialStateCopy,\n ...JSON.parse(sessionStorage.getItem(params.name)!),\n }\n : initialStateCopy\n );\n\n if (persist) {\n /**\n * Every time the state changes save it to sessionStorage\n */\n watch(innerState, () => {\n sessionStorage.setItem(params.name, JSON.stringify(innerState));\n });\n }\n\n /**\n * Steps can be passed as ref so we need to unwrap them\n */\n const unwrappedSteps = toValue(params.steps);\n const filteredSteps = computed(() =>\n Object.entries(unwrappedSteps).reduce(\n (acc: typeof unwrappedSteps, [key, step]) => {\n if (step.condition) {\n if (!step.condition(innerState as T)) {\n return acc;\n }\n }\n acc[key] = { ...step, key };\n return acc;\n },\n {}\n )\n );\n\n /**\n * Steps can have a isValid function that receives the current state\n * but we don't want to have to call it every single time so we call it once here\n */\n const mappedSteps = computed(() =>\n mapValues(filteredSteps.value, (step) => {\n return {\n ...step,\n isValid: step.isValid ? step.isValid(innerState as T) : true,\n };\n })\n );\n\n /**\n * Get the initial step from the query.\n * If it exists check that every step before it is also valid\n * so user cannot manually jump by changing the URL\n */\n let initialStep = null;\n if (useNavigation && isNotNil(route.value)) {\n let step: string | null = null;\n if (navigationMode === \"query\") {\n if (route.value.query.step) {\n step = route.value.query.step as string;\n }\n } else {\n const stepFromUrl = extractStepFromUrl(route.value.fullPath);\n if (stepFromUrl) {\n step = stepFromUrl;\n }\n }\n initialStep = step;\n }\n\n if (initialStep) {\n for (const stepName in filteredSteps.value) {\n if (stepName === initialStep) break;\n const current = mappedSteps.value[stepName];\n if (!current || !current.isValid) {\n initialStep = null;\n break;\n }\n }\n }\n\n /**\n * Define the state of the wizard\n * A few data come from useStepper\n */\n const {\n steps,\n current,\n goToNext,\n goToPrevious,\n goTo,\n index,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n } = useStepper(\n mappedSteps,\n initialStep || Object.values(filteredSteps.value)[0].key\n );\n\n const key = computed(() => Object.keys(filteredSteps.value)[index.value]);\n\n /**\n * Complete state object\n */\n const state = {\n goToNext,\n goToPrevious,\n current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n data: innerState,\n steps,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n };\n\n provide(wizardInjectionKey, state);\n\n if (useNavigation) {\n if (navigationMode === \"query\") {\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n () => {\n if (isNotNil(router) && isNotNil(route.value)) {\n router.push({\n ...route,\n query: { ...route.value.query, step: key.value ?? null },\n });\n }\n },\n { immediate: true }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => route.value?.query.step,\n (value) => {\n if (value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n 0,\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => mappedSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n } else {\n const key = Object.keys(steps)[0];\n goTo(key);\n }\n }\n );\n } else {\n const stepFromUrl = computed(() => {\n if (isNotNil(route.value)) {\n return extractStepFromUrl(route.value.fullPath);\n }\n });\n\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n (value) => {\n if (isNotNil(route.value) && isNotNil(router)) {\n if (route.value.path.includes(\"step\")) {\n router.push({\n query: route.value.query,\n path: route.value.path.replace(regexMatchStep, `step/${value}`),\n });\n } else {\n router.push({\n query: route.value.query,\n // Normalizes paths with / and without\n path: (route.value.path + `/step/${value}`).replace(\"//\", \"/\"),\n replace: true,\n });\n }\n }\n },\n { immediate: true, flush: \"post\" }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => stepFromUrl.value,\n (value) => {\n if (value && value !== key.value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n 0,\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => filteredSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n }\n }\n );\n }\n }\n\n return {\n steps,\n current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n goToNext,\n goToPrevious,\n goTo,\n key,\n data: innerState,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n };\n};\n"],"names":["wizardInjectionKey","regexMatchStep","extractStepFromUrl","url","match","_a","_b","useWizard","params","route","useRoute","router","useRouter","useNavigation","navigationMode","persist","initialStateCopy","cloneDeep","innerState","reactive","watch","unwrappedSteps","toValue","filteredSteps","computed","acc","key","step","mappedSteps","mapValues","initialStep","isNotNil","stepFromUrl","stepName","current","steps","goToNext","goToPrevious","goTo","index","at","get","goBackTo","isAfter","isBefore","isCurrent","isFirst","isLast","isNext","isPrevious","next","previous","stepNames","useStepper","provide","value","stepAsString","stepAsKey","stepKeys"],"mappings":"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"}
1
+ {"version":3,"file":"index8.js","sources":["../src/composables/useWizard.ts"],"sourcesContent":["import { cloneDeep } from \"@/utilities/functions/cloneDeep\";\nimport { computed, provide, reactive, watch, toValue } from \"vue\";\nimport { isNotNil } from \"@/utilities/functions/isNotNil\";\nimport { mapValues } from \"@/utilities/functions/mapValues\";\nimport { useRoute } from \"./useRoute\";\nimport { useRouter } from \"./useRouter\";\nimport { useStepper } from \"@vueuse/core\";\nimport type { ComputedRef, MaybeRef } from \"vue\";\n\nexport const wizardInjectionKey = Symbol();\nexport type Step<U> = {\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * It determines if the validation has passed for the step.\n */\n isValid?: (state: U) => boolean;\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * Steps that do not pass the condition are removed.\n */\n condition?: (state: U) => boolean;\n [key: string]: any;\n};\nexport type WizardState<T extends Record<string, any>> = Pick<\n ReturnType<typeof useWizard<T>>,\n | \"data\"\n | \"goToNext\"\n | \"goToPrevious\"\n | \"current\"\n | \"steps\"\n | \"at\"\n | \"get\"\n | \"goBackTo\"\n | \"isAfter\"\n | \"isBefore\"\n | \"isCurrent\"\n | \"isFirst\"\n | \"isLast\"\n | \"isNext\"\n | \"isPrevious\"\n | \"next\"\n | \"previous\"\n | \"stepNames\"\n>;\n\nconst regexMatchStep =\n /((step\\/)(?<step>[\\s\\S]+?)(?=[/?]))|((step\\/)(?<step2>[\\s\\S]+))/;\n/**\n * With a url that follows the rule xyz.com/anything/step/:nameofthestep[/?query]\n * will match the :nameofthestep substring\n */\nconst extractStepFromUrl = (url: string) => {\n const match = url.match(regexMatchStep);\n return match?.groups?.step ?? match?.groups?.step2 ?? null;\n};\nexport const useWizard = <T extends object>(params: {\n /**\n * The steps definition for the wizard\n */\n steps: MaybeRef<Record<string, Step<T>>>;\n /**\n * Name of the wizard used to persist state\n */\n name: string;\n /**\n * Initial set of data to be made available throughout\n */\n initialState: T;\n /**\n * When navogation is enabled, to whether use the query parameters or an entire substring of the URL like xyz/steps/....\n * The latter useful with nuxt so you can leverage the automatic import of components based on the URL.\n */\n navigationMode?: \"query\" | \"route\";\n /**\n * Whether to use navigation at all. When disabled no query or URL is changed.\n */\n useNavigation?: boolean;\n /**\n *\n */\n persist?: boolean;\n}) => {\n if (!params.name) {\n throw new Error(\n \"You need to provide a unique name for the current wizard instance to be used to save data\"\n );\n }\n const route = useRoute();\n const router = useRouter();\n\n const useNavigation = params.useNavigation ?? true;\n const navigationMode = params.navigationMode ?? \"query\";\n const persist = params.persist ?? true;\n\n if (useNavigation && (!route.value || !router)) {\n throw new Error(\n \"Navigation is enabled but could not retrieve the router instance in useWizard.\"\n );\n }\n\n const initialStateCopy = cloneDeep(params.initialState);\n /**\n * Initial state is either read from session storage or the one provided\n */\n const innerState = reactive<typeof params.initialState>(\n persist && sessionStorage.getItem(params.name)\n ? {\n ...initialStateCopy,\n ...JSON.parse(sessionStorage.getItem(params.name)!),\n }\n : initialStateCopy\n );\n\n if (persist) {\n /**\n * Every time the state changes save it to sessionStorage\n */\n watch(innerState, () => {\n sessionStorage.setItem(params.name, JSON.stringify(innerState));\n });\n }\n\n /**\n * Steps can be passed as ref so we need to unwrap them\n */\n const unwrappedSteps = toValue(params.steps);\n const filteredSteps = computed(() =>\n Object.entries(unwrappedSteps).reduce(\n (acc: typeof unwrappedSteps, [key, step]) => {\n if (step.condition) {\n if (!step.condition(innerState as T)) {\n return acc;\n }\n }\n acc[key] = { ...step, key };\n return acc;\n },\n {}\n )\n );\n\n /**\n * Steps can have a isValid function that receives the current state\n * but we don't want to have to call it every single time so we call it once here\n */\n const mappedSteps = computed(() =>\n mapValues(filteredSteps.value, (step) => {\n return {\n ...step,\n isValid: step.isValid ? step.isValid(innerState as T) : true,\n };\n })\n );\n\n /**\n * Get the initial step from the query.\n * If it exists check that every step before it is also valid\n * so user cannot manually jump by changing the URL\n */\n let initialStep = null;\n if (useNavigation && isNotNil(route.value)) {\n let step: string | null = null;\n if (navigationMode === \"query\") {\n if (route.value.query.step) {\n step = route.value.query.step as string;\n }\n } else {\n const stepFromUrl = extractStepFromUrl(route.value.fullPath);\n if (stepFromUrl) {\n step = stepFromUrl;\n }\n }\n initialStep = step;\n }\n\n if (initialStep) {\n for (const stepName in filteredSteps.value) {\n if (stepName === initialStep) break;\n const current = mappedSteps.value[stepName];\n if (!current || !current.isValid) {\n initialStep = null;\n break;\n }\n }\n }\n\n /**\n * Define the state of the wizard\n * A few data come from useStepper\n */\n const {\n steps,\n current,\n goToNext,\n goToPrevious,\n goTo,\n index,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n } = useStepper(\n mappedSteps,\n initialStep || Object.values(filteredSteps.value)[0].key\n );\n\n const key = computed(() => Object.keys(filteredSteps.value)[index.value]);\n\n /**\n * Complete state object\n */\n const state = {\n at,\n current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n data: innerState,\n get,\n goBackTo,\n goTo,\n goToNext,\n goToPrevious,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n key,\n next,\n previous,\n stepNames,\n steps,\n };\n\n provide(wizardInjectionKey, state);\n\n if (useNavigation) {\n if (navigationMode === \"query\") {\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n () => {\n if (isNotNil(router) && isNotNil(route.value)) {\n router.push({\n ...route,\n query: { ...route.value.query, step: key.value ?? null },\n });\n }\n },\n { immediate: true }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => route.value?.query.step,\n (value) => {\n if (value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n 0,\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => mappedSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n } else {\n const key = Object.keys(steps)[0];\n goTo(key);\n }\n }\n );\n } else {\n const stepFromUrl = computed(() => {\n if (isNotNil(route.value)) {\n return extractStepFromUrl(route.value.fullPath);\n }\n });\n\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n (value) => {\n if (isNotNil(route.value) && isNotNil(router)) {\n if (route.value.path.includes(\"step\")) {\n router.push({\n query: route.value.query,\n path: route.value.path.replace(regexMatchStep, `step/${value}`),\n });\n } else {\n router.push({\n query: route.value.query,\n // Normalizes paths with / and without\n path: (route.value.path + `/step/${value}`).replace(\"//\", \"/\"),\n replace: true,\n });\n }\n }\n },\n { immediate: true, flush: \"post\" }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => stepFromUrl.value,\n (value) => {\n if (value && value !== key.value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n 0,\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => filteredSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n }\n }\n );\n }\n }\n\n return state;\n};\n"],"names":["wizardInjectionKey","regexMatchStep","extractStepFromUrl","url","match","_a","_b","useWizard","params","route","useRoute","router","useRouter","useNavigation","navigationMode","persist","initialStateCopy","cloneDeep","innerState","reactive","watch","unwrappedSteps","toValue","filteredSteps","computed","acc","key","step","mappedSteps","mapValues","initialStep","isNotNil","stepFromUrl","stepName","current","steps","goToNext","goToPrevious","goTo","index","at","get","goBackTo","isAfter","isBefore","isCurrent","isFirst","isLast","isNext","isPrevious","next","previous","stepNames","useStepper","state","provide","value","stepAsString","stepAsKey","stepKeys"],"mappings":"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"}
package/dist/index81.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as a, computed as l, openBlock as s, createElementBlock as n, normalizeClass as m, createElementVNode as i, normalizeStyle as c } from "vue";
2
- import { clamp as p } from "./index207.js";
2
+ import { clamp as p } from "./index196.js";
3
3
  import { getAsPercentageBetween as d } from "./index121.js";
4
4
  const v = /* @__PURE__ */ a({
5
5
  __name: "BbProgress",