slippers-ui 3.2.1 → 3.3.0-alpha

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 (3) hide show
  1. package/dist/slippers-ui.es.js +461 -532
  2. package/dist/style.css +1 -1
  3. package/package.json +1 -1
package/dist/slippers-ui.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as N, computed as S, createElementBlock as l, openBlock as a, mergeProps as X, renderSlot as $, normalizeClass as m, createElementVNode as p, createBlock as D, resolveDynamicComponent as ee, normalizeStyle as te, withCtx as T, createCommentVNode as B, ref as I, onMounted as j, onUnmounted as oe, createVNode as C, unref as A, Fragment as M, renderList as V, withModifiers as x, toDisplayString as L, createTextVNode as G, resolveComponent as de, withDirectives as U, vShow as Y, normalizeProps as ce, guardReactiveProps as ue, watch as pe, onBeforeUnmount as ae, onBeforeMount as ve, vModelSelect as fe } from "vue";
2
- const he = ["href"], ge = /* @__PURE__ */ N({
1
+ import { defineComponent as C, computed as k, createElementBlock as r, openBlock as n, mergeProps as X, renderSlot as N, normalizeClass as L, createBlock as D, resolveDynamicComponent as ee, normalizeStyle as te, withCtx as T, createCommentVNode as M, createElementVNode as g, ref as w, onMounted as j, onUnmounted as oe, createVNode as I, unref as A, Fragment as B, renderList as V, withModifiers as x, toDisplayString as S, createTextVNode as G, resolveComponent as de, withDirectives as U, vShow as Y, normalizeProps as ce, guardReactiveProps as ue, watch as pe, onBeforeUnmount as ae, onBeforeMount as fe, vModelSelect as ve } from "vue";
2
+ const ge = ["href"], he = /* @__PURE__ */ C({
3
3
  __name: "SlpButton",
4
4
  props: {
5
5
  disabled: { type: Boolean },
@@ -7,140 +7,69 @@ const he = ["href"], ge = /* @__PURE__ */ N({
7
7
  href: {}
8
8
  },
9
9
  setup(c) {
10
- const e = c, n = S(() => e.disabled ?? !1), i = S(() => e.variant ?? "primary");
11
- S(() => e.href ?? "");
12
- const t = S(() => {
13
- let s = [`slp-btn-${i.value}`];
14
- return n.value && s.push("slp-btn-disabled"), s.join(" ");
10
+ const e = c, a = k(() => e.disabled ?? !1), i = k(() => e.variant ?? "primary");
11
+ k(() => e.href ?? "");
12
+ const o = k(() => {
13
+ let l = [`slp-btn-${i.value}`];
14
+ return a.value && l.push("slp-btn-disabled"), l.join(" ");
15
15
  });
16
- return (s, v) => e.href ? (a(), l("a", X({ key: 0 }, s.$attrs, {
17
- class: ["slp-btn", t.value],
16
+ return (l, p) => e.href ? (n(), r("a", X({ key: 0 }, l.$attrs, {
17
+ class: ["slp-btn", o.value],
18
18
  href: e.href
19
19
  }), [
20
- $(s.$slots, "default", {}, void 0, !0)
21
- ], 16, he)) : (a(), l("button", X({ key: 1 }, s.$attrs, {
22
- class: ["slp-btn", t.value],
20
+ N(l.$slots, "default", {}, void 0, !0)
21
+ ], 16, ge)) : (n(), r("button", X({ key: 1 }, l.$attrs, {
22
+ class: ["slp-btn", o.value],
23
23
  type: "button"
24
24
  }), [
25
- $(s.$slots, "default", {}, void 0, !0)
25
+ N(l.$slots, "default", {}, void 0, !0)
26
26
  ], 16));
27
27
  }
28
- }), k = (c, e) => {
29
- const n = c.__vccOpts || c;
30
- for (const [i, t] of e)
31
- n[i] = t;
32
- return n;
33
- }, Q = /* @__PURE__ */ k(ge, [["__scopeId", "data-v-c6fd7cb9"]]), me = /* @__PURE__ */ N({
28
+ }), y = (c, e) => {
29
+ const a = c.__vccOpts || c;
30
+ for (const [i, o] of e)
31
+ a[i] = o;
32
+ return a;
33
+ }, Q = /* @__PURE__ */ y(he, [["__scopeId", "data-v-c6fd7cb9"]]), me = /* @__PURE__ */ C({
34
34
  __name: "SlpColumn",
35
35
  props: {
36
36
  cols: {},
37
37
  size: {}
38
38
  },
39
39
  setup(c) {
40
- const e = c, n = S(() => e.cols ?? null), i = S(() => e.size ?? "md"), t = S(() => n.value ? `slp-col-${i.value}-${n.value}` : `slp-col-${i.value}`);
41
- return (s, v) => (a(), l("div", {
42
- class: m(t.value)
40
+ const e = c, a = k(() => e.cols ?? null), i = k(() => e.size ?? "md"), o = k(() => a.value ? `slp-col-${i.value}-${a.value}` : `slp-col-${i.value}`);
41
+ return (l, p) => (n(), r("div", {
42
+ class: L(o.value)
43
43
  }, [
44
- $(s.$slots, "default", {}, void 0, !0)
44
+ N(l.$slots, "default", {}, void 0, !0)
45
45
  ], 2));
46
46
  }
47
- }), Ut = /* @__PURE__ */ k(me, [["__scopeId", "data-v-00b68f22"]]), _e = {
48
- key: 0,
49
- class: "slp-full-light-purple-background"
50
- }, be = {
51
- key: 1,
52
- class: "slp-charcoal-grey-background"
53
- }, ye = {
54
- key: 2,
55
- class: "slp-gradient-background"
56
- }, $e = {
57
- key: 3,
58
- class: "slp-full-gradient-background"
59
- }, ke = {
60
- key: 4,
61
- class: "slp-full-charcoal-background"
62
- }, we = {
63
- key: 5,
64
- class: "slp-partial-charcoal-background"
65
- }, Se = {
66
- key: 6,
67
- class: "slp-half-grey-background"
68
- }, Ie = {
69
- key: 7,
70
- class: "slp-partial-white-background"
71
- }, Le = {
72
- key: 8,
73
- class: "slp-partial-grey-background"
74
- }, Ce = /* @__PURE__ */ N({
47
+ }), Pt = /* @__PURE__ */ y(me, [["__scopeId", "data-v-00b68f22"]]), _e = /* @__PURE__ */ C({
75
48
  __name: "SlpContainer",
76
49
  props: {
77
- fluid: { type: Boolean },
78
- variant: {}
50
+ fluid: { type: Boolean, default: !1 },
51
+ variant: { default: "white" }
79
52
  },
80
53
  setup(c) {
81
- const e = c, n = S(() => e.fluid ?? !1), i = S(() => e.variant ?? "white"), t = S(() => n.value ? "fluid" : "");
82
- return (s, v) => i.value === "light-purple-100" ? (a(), l("div", _e, [
83
- p("div", {
84
- class: m(["slp-container", t.value])
85
- }, [
86
- $(s.$slots, "default", {}, void 0, !0)
87
- ], 2)
88
- ])) : i.value === "grey-100" ? (a(), l("div", be, [
89
- p("div", {
90
- class: m(["slp-container", t.value])
91
- }, [
92
- $(s.$slots, "default", {}, void 0, !0)
93
- ], 2)
94
- ])) : i.value === "gradient" ? (a(), l("div", ye, [
95
- p("div", {
96
- class: m(["slp-container", t.value])
97
- }, [
98
- $(s.$slots, "default", {}, void 0, !0)
99
- ], 2)
100
- ])) : i.value === "gradient-full" ? (a(), l("div", $e, [
101
- p("div", {
102
- class: m(["slp-container", t.value])
103
- }, [
104
- $(s.$slots, "default", {}, void 0, !0)
105
- ], 2)
106
- ])) : i.value === "charcoal-100" ? (a(), l("div", ke, [
107
- p("div", {
108
- class: m(["slp-container", t.value])
109
- }, [
110
- $(s.$slots, "default", {}, void 0, !0)
111
- ], 2)
112
- ])) : i.value === "charcoal-75" ? (a(), l("div", we, [
113
- p("div", {
114
- class: m(["slp-container", t.value])
115
- }, [
116
- $(s.$slots, "default", {}, void 0, !0)
117
- ], 2)
118
- ])) : i.value === "grey-50" ? (a(), l("div", Se, [
119
- p("div", {
120
- class: m(["slp-container", t.value])
121
- }, [
122
- $(s.$slots, "default", {}, void 0, !0)
123
- ], 2)
124
- ])) : i.value === "white-75" ? (a(), l("div", Ie, [
125
- p("div", {
126
- class: m(["slp-container", t.value])
127
- }, [
128
- $(s.$slots, "default", {}, void 0, !0)
129
- ], 2)
130
- ])) : i.value === "grey-75" ? (a(), l("div", Le, [
131
- p("div", {
132
- class: m(["slp-container", t.value])
133
- }, [
134
- $(s.$slots, "default", {}, void 0, !0)
135
- ], 2)
136
- ])) : (a(), l("div", {
137
- key: 9,
138
- class: m(["slp-container", t.value])
54
+ const e = c, a = k(() => e.fluid ?? !1), i = k(() => e.variant ?? "white"), o = k(() => ({
55
+ "light-purple-100": "slp-full-light-purple-background",
56
+ "grey-100": "slp-full-grey-background",
57
+ gradient: "slp-gradient-background",
58
+ "gradient-full": "slp-full-gradient-background",
59
+ "charcoal-100": "slp-full-charcoal-background",
60
+ "charcoal-75": "slp-partial-charcoal-background",
61
+ "grey-50": "slp-half-grey-background",
62
+ "white-75": "slp-partial-white-background",
63
+ "grey-75": "slp-partial-grey-background",
64
+ white: ""
65
+ })[i.value] || ""), l = k(() => a.value ? "fluid" : "");
66
+ return (p, s) => (n(), r("div", {
67
+ class: L(["slp-container", [l.value, o.value]])
139
68
  }, [
140
- $(s.$slots, "default", {}, void 0, !0)
69
+ N(p.$slots, "default", {}, void 0, !0)
141
70
  ], 2));
142
71
  }
143
- }), ne = /* @__PURE__ */ k(Ce, [["__scopeId", "data-v-e594efe8"]]), Ne = /* @__PURE__ */ N({
72
+ }), ne = /* @__PURE__ */ y(_e, [["__scopeId", "data-v-e7837a57"]]), be = /* @__PURE__ */ C({
144
73
  __name: "SlpIcon",
145
74
  props: {
146
75
  size: {
@@ -160,39 +89,39 @@ const he = ["href"], ge = /* @__PURE__ */ N({
160
89
  }
161
90
  },
162
91
  setup(c) {
163
- const e = c, n = S(() => {
164
- const t = ["slp-icon"];
165
- return typeof e.size == "string" && isNaN(Number(e.size)) && t.push(`slp-icon--size-${e.size}`), e.color && !e.color.startsWith("#") && t.push(`slp-icon--color-${e.color}`), t;
166
- }), i = S(() => {
167
- var s;
168
- const t = {};
169
- if ((s = e.color) != null && s.startsWith("#") && (t.color = e.color, t.fill = e.color), typeof e.size == "number" || !isNaN(Number(e.size))) {
170
- const v = typeof e.size == "number" ? e.size : Number(e.size);
171
- t.width = `${v}px`, t.height = `${v}px`;
92
+ const e = c, a = k(() => {
93
+ const o = ["slp-icon"];
94
+ return typeof e.size == "string" && isNaN(Number(e.size)) && o.push(`slp-icon--size-${e.size}`), e.color && !e.color.startsWith("#") && o.push(`slp-icon--color-${e.color}`), o;
95
+ }), i = k(() => {
96
+ var l;
97
+ const o = {};
98
+ if ((l = e.color) != null && l.startsWith("#") && (o.color = e.color, o.fill = e.color), typeof e.size == "number" || !isNaN(Number(e.size))) {
99
+ const p = typeof e.size == "number" ? e.size : Number(e.size);
100
+ o.width = `${p}px`, o.height = `${p}px`;
172
101
  }
173
- return t;
102
+ return o;
174
103
  });
175
- return (t, s) => {
176
- var v, r;
177
- return a(), D(ee(c.icon), {
178
- class: m(["slp-icon", n.value]),
104
+ return (o, l) => {
105
+ var p, s;
106
+ return n(), D(ee(c.icon), {
107
+ class: L(["slp-icon", a.value]),
179
108
  style: te(i.value),
180
109
  role: "img",
181
110
  "aria-hidden": "true",
182
- "data-icon-name": ((r = (v = c.icon) == null ? void 0 : v.__docgenInfo) == null ? void 0 : r.displayName) || ""
111
+ "data-icon-name": ((s = (p = c.icon) == null ? void 0 : p.__docgenInfo) == null ? void 0 : s.displayName) || ""
183
112
  }, null, 8, ["class", "style", "data-icon-name"]);
184
113
  };
185
114
  }
186
- }), W = /* @__PURE__ */ k(Ne, [["__scopeId", "data-v-c3411281"]]), Te = {}, Ee = { class: "slp-row" };
187
- function ze(c, e) {
188
- return a(), l("div", Ee, [
189
- $(c.$slots, "default", {}, void 0, !0)
115
+ }), W = /* @__PURE__ */ y(be, [["__scopeId", "data-v-c3411281"]]), ye = {}, $e = { class: "slp-row" };
116
+ function ke(c, e) {
117
+ return n(), r("div", $e, [
118
+ N(c.$slots, "default", {}, void 0, !0)
190
119
  ]);
191
120
  }
192
- const jt = /* @__PURE__ */ k(Te, [["render", ze], ["__scopeId", "data-v-adc8d02f"]]), Be = {
121
+ const Gt = /* @__PURE__ */ y(ye, [["render", ke], ["__scopeId", "data-v-adc8d02f"]]), we = {
193
122
  key: 0,
194
123
  class: "arrow-symbol"
195
- }, Me = /* @__PURE__ */ N({
124
+ }, Se = /* @__PURE__ */ C({
196
125
  __name: "SlpTypography",
197
126
  props: {
198
127
  variant: {},
@@ -221,26 +150,26 @@ const jt = /* @__PURE__ */ k(Te, [["render", ze], ["__scopeId", "data-v-adc8d02f
221
150
  "arrow",
222
151
  "quotes",
223
152
  "emphasis"
224
- ], n = ["span", "h1", "h2", "h3", "h4", "h5", "p", "div"], i = c, t = S(() => e.includes(i.variant || "") ? i.variant : "body1"), s = S(() => n.includes(i.tag || "") ? i.tag : "span"), v = S(() => `slp-text-${t.value}`);
225
- return (r, d) => (a(), D(ee(s.value), {
226
- class: m(v.value)
153
+ ], a = ["span", "h1", "h2", "h3", "h4", "h5", "p", "div"], i = c, o = k(() => e.includes(i.variant || "") ? i.variant : "body1"), l = k(() => a.includes(i.tag || "") ? i.tag : "span"), p = k(() => `slp-text-${o.value}`);
154
+ return (s, d) => (n(), D(ee(l.value), {
155
+ class: L(p.value)
227
156
  }, {
228
157
  default: T(() => [
229
- $(r.$slots, "default", {}, void 0, !0),
230
- t.value === "arrow" ? (a(), l("span", Be, "→")) : B("", !0)
158
+ N(s.$slots, "default", {}, void 0, !0),
159
+ o.value === "arrow" ? (n(), r("span", we, "→")) : M("", !0)
231
160
  ]),
232
161
  _: 3
233
162
  }, 8, ["class"]));
234
163
  }
235
- }), q = /* @__PURE__ */ k(Me, [["__scopeId", "data-v-64ad2128"]]), Ve = {}, Pe = {
164
+ }), q = /* @__PURE__ */ y(Se, [["__scopeId", "data-v-64ad2128"]]), Ie = {}, Le = {
236
165
  width: "16",
237
166
  height: "16",
238
167
  viewBox: "0 0 16 16",
239
168
  xmlns: "http://www.w3.org/2000/svg"
240
169
  };
241
- function Ge(c, e) {
242
- return a(), l("svg", Pe, e[0] || (e[0] = [
243
- p("path", {
170
+ function Ce(c, e) {
171
+ return n(), r("svg", Le, e[0] || (e[0] = [
172
+ g("path", {
244
173
  fill: "currentColor",
245
174
  "fill-rule": "evenodd",
246
175
  "clip-rule": "evenodd",
@@ -248,13 +177,13 @@ function Ge(c, e) {
248
177
  }, null, -1)
249
178
  ]));
250
179
  }
251
- const se = /* @__PURE__ */ k(Ve, [["render", Ge]]), Oe = {}, Re = {
180
+ const se = /* @__PURE__ */ y(Ie, [["render", Ce]]), Ne = {}, Te = {
252
181
  viewBox: "0 0 16 16",
253
182
  xmlns: "http://www.w3.org/2000/svg"
254
183
  };
255
- function Ae(c, e) {
256
- return a(), l("svg", Re, e[0] || (e[0] = [
257
- p("path", {
184
+ function Ee(c, e) {
185
+ return n(), r("svg", Te, e[0] || (e[0] = [
186
+ g("path", {
258
187
  "fill-rule": "evenodd",
259
188
  "clip-rule": "evenodd",
260
189
  d: "M10.78 2.22a.75.75 0 0 0-1.06 0L4.468 7.472a.75.75 0 0 0 0 1.06l5.252 5.252a.75.75 0 1 0 1.06-1.06L6.06 8.001l4.72-4.721a.75.75 0 0 0 0-1.06Z",
@@ -262,13 +191,13 @@ function Ae(c, e) {
262
191
  }, null, -1)
263
192
  ]));
264
193
  }
265
- const De = /* @__PURE__ */ k(Oe, [["render", Ae]]), We = {}, qe = {
194
+ const ze = /* @__PURE__ */ y(Ne, [["render", Ee]]), Me = {}, Be = {
266
195
  viewBox: "0 0 16 16",
267
196
  xmlns: "http://www.w3.org/2000/svg"
268
197
  };
269
- function He(c, e) {
270
- return a(), l("svg", qe, e[0] || (e[0] = [
271
- p("path", {
198
+ function Ve(c, e) {
199
+ return n(), r("svg", Be, e[0] || (e[0] = [
200
+ g("path", {
272
201
  "fill-rule": "evenodd",
273
202
  "clip-rule": "evenodd",
274
203
  d: "M5.22 2.22a.75.75 0 0 1 1.06 0l5.252 5.252a.75.75 0 0 1 0 1.06L6.28 13.784a.75.75 0 1 1-1.06-1.06l4.72-4.723L5.22 3.28a.75.75 0 0 1 0-1.06Z",
@@ -276,15 +205,15 @@ function He(c, e) {
276
205
  }, null, -1)
277
206
  ]));
278
207
  }
279
- const le = /* @__PURE__ */ k(We, [["render", He]]), Ue = {}, je = {
208
+ const le = /* @__PURE__ */ y(Me, [["render", Ve]]), Pe = {}, Ge = {
280
209
  width: "16",
281
210
  height: "16",
282
211
  viewBox: "0 0 16 16",
283
212
  xmlns: "http://www.w3.org/2000/svg"
284
213
  };
285
- function Ke(c, e) {
286
- return a(), l("svg", je, e[0] || (e[0] = [
287
- p("path", {
214
+ function Oe(c, e) {
215
+ return n(), r("svg", Ge, e[0] || (e[0] = [
216
+ g("path", {
288
217
  "fill-rule": "evenodd",
289
218
  "clip-rule": "evenodd",
290
219
  d: "M2.22 10.78a.75.75 0 0 1 0-1.06l5.252-5.252a.75.75 0 0 1 1.06 0l5.252 5.252a.75.75 0 1 1-1.06 1.06L8.001 6.06 3.28 10.78a.75.75 0 0 1-1.06 0Z",
@@ -292,10 +221,10 @@ function Ke(c, e) {
292
221
  }, null, -1)
293
222
  ]));
294
223
  }
295
- const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
224
+ const re = /* @__PURE__ */ y(Pe, [["render", Oe]]), Re = {
296
225
  key: 0,
297
226
  class: "dropdown-menu"
298
- }, Fe = ["onClick"], Je = ["aria-label"], Ye = ["data-ga-name", "onClick"], Qe = /* @__PURE__ */ N({
227
+ }, Ae = ["onClick"], De = ["aria-label"], We = ["data-ga-name", "onClick"], qe = /* @__PURE__ */ C({
299
228
  __name: "SlpSideNavigation",
300
229
  props: {
301
230
  position: {
@@ -316,102 +245,102 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
316
245
  }
317
246
  },
318
247
  setup(c) {
319
- const e = c, n = I(null), i = (f) => {
320
- n.value && !n.value.contains(f.target) && (r.value = !1);
321
- }, t = I(null), s = I(null);
322
- let v = null;
323
- const r = I(!1), d = I(!0), u = (f) => {
324
- window.location.hash = f, r.value = !1;
325
- }, o = () => {
326
- if (!s.value) return;
248
+ const e = c, a = w(null), i = (f) => {
249
+ a.value && !a.value.contains(f.target) && (s.value = !1);
250
+ }, o = w(null), l = w(null);
251
+ let p = null;
252
+ const s = w(!1), d = w(!0), u = (f) => {
253
+ window.location.hash = f, s.value = !1;
254
+ }, t = () => {
255
+ if (!l.value) return;
327
256
  const f = (window.innerHeight - 120 - 48) * -1;
328
- v = new IntersectionObserver(
329
- (w) => {
330
- w.forEach((_) => {
331
- _.isIntersecting ? t.value = _.target.id : d.value && (e.navigationItems.length > 0 && (t.value = e.navigationItems[0].id), d.value = !1);
257
+ p = new IntersectionObserver(
258
+ ($) => {
259
+ $.forEach((m) => {
260
+ m.isIntersecting ? o.value = m.target.id : d.value && (e.navigationItems.length > 0 && (o.value = e.navigationItems[0].id), d.value = !1);
332
261
  });
333
262
  },
334
263
  {
335
264
  rootMargin: `-120px 0px ${f}px 0px`,
336
265
  threshold: 0
337
266
  }
338
- ), e.navigationItems.forEach((w) => {
339
- const _ = document.getElementById(w.id);
340
- _ && v.observe(_);
267
+ ), e.navigationItems.forEach(($) => {
268
+ const m = document.getElementById($.id);
269
+ m && p.observe(m);
341
270
  });
342
271
  };
343
272
  return j(() => {
344
273
  document.addEventListener("click", i), window.addEventListener("load", () => {
345
- o();
346
- }), document.readyState === "complete" && o();
274
+ t();
275
+ }), document.readyState === "complete" && t();
347
276
  }), oe(() => {
348
- v && v.disconnect(), document.removeEventListener("click", i);
349
- }), (f, w) => (a(), l("div", {
350
- class: m([
277
+ p && p.disconnect(), document.removeEventListener("click", i);
278
+ }), (f, $) => (n(), r("div", {
279
+ class: L([
351
280
  "side-navigation-layout",
352
281
  `side-navigation-layout--${e.position}`,
353
282
  { "side-navigation--dark": e.darkMode }
354
283
  ])
355
284
  }, [
356
- p("div", {
285
+ g("div", {
357
286
  ref_key: "dropdownRef",
358
- ref: n,
287
+ ref: a,
359
288
  class: "side-navigation-dropdown"
360
289
  }, [
361
- p("button", {
290
+ g("button", {
362
291
  class: "dropdown-toggle",
363
- onClick: w[0] || (w[0] = (_) => r.value = !r.value)
292
+ onClick: $[0] || ($[0] = (m) => s.value = !s.value)
364
293
  }, [
365
- w[1] || (w[1] = p("span", null, "Jump to a section", -1)),
366
- C(W, {
367
- icon: r.value ? A(ie) : A(se),
294
+ $[1] || ($[1] = g("span", null, "Jump to a section", -1)),
295
+ I(W, {
296
+ icon: s.value ? A(re) : A(se),
368
297
  color: "black",
369
298
  size: "sm"
370
299
  }, null, 8, ["icon"])
371
300
  ]),
372
- r.value ? (a(), l("ul", Ze, [
373
- (a(!0), l(M, null, V(e.navigationItems, (_) => (a(), l("li", {
374
- key: _.id,
301
+ s.value ? (n(), r("ul", Re, [
302
+ (n(!0), r(B, null, V(e.navigationItems, (m) => (n(), r("li", {
303
+ key: m.id,
375
304
  class: "dropdown-item"
376
305
  }, [
377
- p("a", {
306
+ g("a", {
378
307
  href: "#",
379
308
  class: "dropdown-link",
380
- onClick: x((E) => u(_.id), ["prevent"])
381
- }, L(_.text), 9, Fe)
309
+ onClick: x((E) => u(m.id), ["prevent"])
310
+ }, S(m.text), 9, Ae)
382
311
  ]))), 128))
383
- ])) : B("", !0)
312
+ ])) : M("", !0)
384
313
  ], 512),
385
- p("nav", {
314
+ g("nav", {
386
315
  class: "side-navigation",
387
316
  "aria-label": c.navigationLabel
388
317
  }, [
389
- $(f.$slots, "navigation-header", {}, void 0, !0),
390
- p("ul", null, [
391
- (a(!0), l(M, null, V(e.navigationItems, (_) => (a(), l("li", {
392
- key: _.id,
318
+ N(f.$slots, "navigation-header", {}, void 0, !0),
319
+ g("ul", null, [
320
+ (n(!0), r(B, null, V(e.navigationItems, (m) => (n(), r("li", {
321
+ key: m.id,
393
322
  class: "side-navigation__item"
394
323
  }, [
395
- p("a", {
324
+ g("a", {
396
325
  href: "#",
397
- class: m(["side-navigation__link", { "side-navigation__link--active": t.value === _.id }]),
398
- "data-ga-name": _.text,
326
+ class: L(["side-navigation__link", { "side-navigation__link--active": o.value === m.id }]),
327
+ "data-ga-name": m.text,
399
328
  "data-ga-location": "side anchor",
400
- onClick: x((E) => u(_.id), ["prevent"])
401
- }, L(_.text), 11, Ye)
329
+ onClick: x((E) => u(m.id), ["prevent"])
330
+ }, S(m.text), 11, We)
402
331
  ]))), 128))
403
332
  ])
404
- ], 8, Je),
405
- p("div", {
333
+ ], 8, De),
334
+ g("div", {
406
335
  ref_key: "slotContentRef",
407
- ref: s,
336
+ ref: l,
408
337
  class: "side-navigation-content"
409
338
  }, [
410
- $(f.$slots, "default", {}, void 0, !0)
339
+ N(f.$slots, "default", {}, void 0, !0)
411
340
  ], 512)
412
341
  ], 2));
413
342
  }
414
- }), Kt = /* @__PURE__ */ k(Qe, [["__scopeId", "data-v-3cc08323"]]), Xe = ["for"], xe = ["name", "value", "id", "checked", "disabled"], et = /* @__PURE__ */ N({
343
+ }), Ot = /* @__PURE__ */ y(qe, [["__scopeId", "data-v-3cc08323"]]), He = ["for"], Ue = ["name", "value", "id", "checked", "disabled"], je = /* @__PURE__ */ C({
415
344
  __name: "SlpRadioButton",
416
345
  props: {
417
346
  option: {},
@@ -420,31 +349,31 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
420
349
  },
421
350
  emits: ["update:modelValue"],
422
351
  setup(c, { emit: e }) {
423
- const n = e, i = (t) => {
424
- const s = t.target;
425
- n("update:modelValue", s.value);
352
+ const a = e, i = (o) => {
353
+ const l = o.target;
354
+ a("update:modelValue", l.value);
426
355
  };
427
- return (t, s) => {
428
- var v, r, d;
429
- return a(), l("label", {
430
- for: t.option,
431
- class: m(["slp-radio", { disabled: (v = t.config) == null ? void 0 : v.disabled }])
356
+ return (o, l) => {
357
+ var p, s, d;
358
+ return n(), r("label", {
359
+ for: o.option,
360
+ class: L(["slp-radio", { disabled: (p = o.config) == null ? void 0 : p.disabled }])
432
361
  }, [
433
- G(L(t.option) + " ", 1),
434
- p("input", {
362
+ G(S(o.option) + " ", 1),
363
+ g("input", {
435
364
  type: "radio",
436
- name: t.name,
437
- value: t.option,
438
- id: t.option,
365
+ name: o.name,
366
+ value: o.option,
367
+ id: o.option,
439
368
  onInput: i,
440
- checked: (r = t.config) == null ? void 0 : r.checked,
441
- disabled: (d = t.config) == null ? void 0 : d.disabled
442
- }, null, 40, xe),
443
- s[0] || (s[0] = p("span", { class: "slp-radio__checkmark" }, null, -1))
444
- ], 10, Xe);
369
+ checked: (s = o.config) == null ? void 0 : s.checked,
370
+ disabled: (d = o.config) == null ? void 0 : d.disabled
371
+ }, null, 40, Ue),
372
+ l[0] || (l[0] = g("span", { class: "slp-radio__checkmark" }, null, -1))
373
+ ], 10, He);
445
374
  };
446
375
  }
447
- }), tt = /* @__PURE__ */ k(et, [["__scopeId", "data-v-f37e970e"]]), ot = /* @__PURE__ */ N({
376
+ }), Ke = /* @__PURE__ */ y(je, [["__scopeId", "data-v-f37e970e"]]), Ze = /* @__PURE__ */ C({
448
377
  __name: "SlpRadioButtonGroup",
449
378
  props: {
450
379
  options: {},
@@ -456,43 +385,43 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
456
385
  },
457
386
  emits: ["update:modelValue"],
458
387
  setup(c, { emit: e }) {
459
- const n = {
388
+ const a = {
460
389
  VERTICAL: "vertical",
461
390
  HORIZONTAL: "horizontal"
462
- }, i = e, t = (s) => {
463
- i("update:modelValue", s);
391
+ }, i = e, o = (l) => {
392
+ i("update:modelValue", l);
464
393
  };
465
- return (s, v) => {
466
- var r, d;
467
- return a(), D(ne, {
468
- class: m(["slp-radio-group", {
469
- "slp-radio-group--vertical": ((r = s.config) == null ? void 0 : r.orientation) === n.VERTICAL,
470
- "slp-radio-group--horizontal": ((d = s.config) == null ? void 0 : d.orientation) === n.HORIZONTAL
394
+ return (l, p) => {
395
+ var s, d;
396
+ return n(), D(ne, {
397
+ class: L(["slp-radio-group", {
398
+ "slp-radio-group--vertical": ((s = l.config) == null ? void 0 : s.orientation) === a.VERTICAL,
399
+ "slp-radio-group--horizontal": ((d = l.config) == null ? void 0 : d.orientation) === a.HORIZONTAL
471
400
  }])
472
401
  }, {
473
402
  default: T(() => [
474
- (a(!0), l(M, null, V(s.options, (u) => (a(), D(tt, {
403
+ (n(!0), r(B, null, V(l.options, (u) => (n(), D(Ke, {
475
404
  key: u.value,
476
405
  option: u.value,
477
- name: s.name,
406
+ name: l.name,
478
407
  config: {
479
408
  ...u.config,
480
- checked: u.value === s.modelValue
409
+ checked: u.value === l.modelValue
481
410
  },
482
- "onUpdate:modelValue": t
411
+ "onUpdate:modelValue": o
483
412
  }, null, 8, ["option", "name", "config"]))), 128))
484
413
  ]),
485
414
  _: 1
486
415
  }, 8, ["class"]);
487
416
  };
488
417
  }
489
- }), Zt = /* @__PURE__ */ k(ot, [["__scopeId", "data-v-ae31ec89"]]), at = {
418
+ }), Rt = /* @__PURE__ */ y(Ze, [["__scopeId", "data-v-ae31ec89"]]), Fe = {
490
419
  key: 0,
491
420
  class: "slp-loading-round"
492
- }, nt = {
421
+ }, Je = {
493
422
  key: 1,
494
423
  class: "slp-loading-linear"
495
- }, st = /* @__PURE__ */ N({
424
+ }, Ye = /* @__PURE__ */ C({
496
425
  name: "SlpLoader",
497
426
  __name: "SlpLoader",
498
427
  props: {
@@ -500,12 +429,12 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
500
429
  },
501
430
  setup(c) {
502
431
  const e = c;
503
- return (n, i) => {
504
- var t;
505
- return ((t = e.config) == null ? void 0 : t.variant) === "round" ? (a(), l("div", at)) : (a(), l("div", nt));
432
+ return (a, i) => {
433
+ var o;
434
+ return ((o = e.config) == null ? void 0 : o.variant) === "round" ? (n(), r("div", Fe)) : (n(), r("div", Je));
506
435
  };
507
436
  }
508
- }), Ft = /* @__PURE__ */ k(st, [["__scopeId", "data-v-ee32411b"]]), lt = ["href", "data-ga-name", "data-ga-location"], it = /* @__PURE__ */ N({
437
+ }), At = /* @__PURE__ */ y(Ye, [["__scopeId", "data-v-ee32411b"]]), Qe = ["href", "data-ga-name", "data-ga-location"], Xe = /* @__PURE__ */ C({
509
438
  __name: "Tree",
510
439
  props: {
511
440
  text: { default: "" },
@@ -520,39 +449,39 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
520
449
  }) }
521
450
  },
522
451
  setup(c) {
523
- return (e, n) => {
524
- var t, s, v, r, d, u;
452
+ return (e, a) => {
453
+ var o, l, p, s, d, u;
525
454
  const i = de("Tree", !0);
526
- return a(), l("div", {
527
- class: m([`depth-${(t = e.config) == null ? void 0 : t.depth}`, { mobile: (s = e.config) == null ? void 0 : s.mobile }])
455
+ return n(), r("div", {
456
+ class: L([`depth-${(o = e.config) == null ? void 0 : o.depth}`, { mobile: (l = e.config) == null ? void 0 : l.mobile }])
528
457
  }, [
529
- e.text ? (a(), l("a", {
458
+ e.text ? (n(), r("a", {
530
459
  key: 0,
531
- class: m(["anchor", { selected: (v = e.config) == null ? void 0 : v.isSelected }]),
532
- href: (r = e.config) == null ? void 0 : r.href,
460
+ class: L(["anchor", { selected: (p = e.config) == null ? void 0 : p.isSelected }]),
461
+ href: (s = e.config) == null ? void 0 : s.href,
533
462
  "data-ga-name": (d = e.config) == null ? void 0 : d.dataGaName,
534
463
  "data-ga-location": (u = e.config) == null ? void 0 : u.dataGaLocation
535
- }, L(e.text), 11, lt)) : B("", !0),
536
- (a(!0), l(M, null, V(e.nodes, (o) => {
537
- var f, w, _, E, O, h;
538
- return a(), D(i, {
539
- key: o.text,
540
- nodes: o.nodes,
541
- text: o.text,
464
+ }, S(e.text), 11, Qe)) : M("", !0),
465
+ (n(!0), r(B, null, V(e.nodes, (t) => {
466
+ var f, $, m, E, O, v;
467
+ return n(), D(i, {
468
+ key: t.text,
469
+ nodes: t.nodes,
470
+ text: t.text,
542
471
  config: {
543
- href: ((f = o.config) == null ? void 0 : f.href) ?? "",
544
- dataGaName: (w = o.config) == null ? void 0 : w.dataGaName,
545
- dataGaLocation: (_ = o.config) == null ? void 0 : _.dataGaLocation,
472
+ href: ((f = t.config) == null ? void 0 : f.href) ?? "",
473
+ dataGaName: ($ = t.config) == null ? void 0 : $.dataGaName,
474
+ dataGaLocation: (m = t.config) == null ? void 0 : m.dataGaLocation,
546
475
  depth: (((E = e.config) == null ? void 0 : E.depth) ?? 0) + 1,
547
- isSelected: (O = o.config) == null ? void 0 : O.isSelected,
548
- mobile: (h = e.config) == null ? void 0 : h.mobile
476
+ isSelected: (O = t.config) == null ? void 0 : O.isSelected,
477
+ mobile: (v = e.config) == null ? void 0 : v.mobile
549
478
  }
550
479
  }, null, 8, ["nodes", "text", "config"]);
551
480
  }), 128))
552
481
  ], 2);
553
482
  };
554
483
  }
555
- }), re = /* @__PURE__ */ k(it, [["__scopeId", "data-v-c3be63ed"]]), rt = { class: "dropdown__list" }, dt = { class: "horizontal-rule slp-my-16" }, ct = /* @__PURE__ */ N({
484
+ }), ie = /* @__PURE__ */ y(Xe, [["__scopeId", "data-v-c3be63ed"]]), xe = { class: "dropdown__list" }, et = { class: "horizontal-rule slp-my-16" }, tt = /* @__PURE__ */ C({
556
485
  __name: "SlpAnchorDropdown",
557
486
  props: {
558
487
  dropdownLabel: { default: "Jump to a section" },
@@ -560,49 +489,49 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
560
489
  hyperlinks: {}
561
490
  },
562
491
  setup(c) {
563
- const e = I(!1), n = () => {
492
+ const e = w(!1), a = () => {
564
493
  e.value = !e.value;
565
494
  };
566
- return (i, t) => {
567
- var s, v, r;
568
- return a(), l("div", {
569
- class: m(["dropdown", { hide: !e.value }])
495
+ return (i, o) => {
496
+ var l, p, s;
497
+ return n(), r("div", {
498
+ class: L(["dropdown", { hide: !e.value }])
570
499
  }, [
571
- C(Q, {
500
+ I(Q, {
572
501
  class: "dropdown__button",
573
502
  variant: "ghost",
574
- onClick: n
503
+ onClick: a
575
504
  }, {
576
505
  default: T(() => [
577
- p("span", null, L(i.dropdownLabel), 1),
578
- C(W, {
579
- icon: e.value ? A(ie) : A(se)
506
+ g("span", null, S(i.dropdownLabel), 1),
507
+ I(W, {
508
+ icon: e.value ? A(re) : A(se)
580
509
  }, null, 8, ["icon"])
581
510
  ]),
582
511
  _: 1
583
512
  }),
584
- p("div", rt, [
585
- U(C(q, {
513
+ g("div", xe, [
514
+ U(I(q, {
586
515
  tag: "div",
587
516
  variant: "body3-bold",
588
517
  class: "nav-heading"
589
518
  }, {
590
519
  default: T(() => [
591
- G(L(i.anchors.text), 1)
520
+ G(S(i.anchors.text), 1)
592
521
  ]),
593
522
  _: 1
594
523
  }, 512), [
595
524
  [Y, i.anchors.text]
596
525
  ]),
597
- C(re, {
526
+ I(ie, {
598
527
  mobile: "",
599
528
  nodes: i.anchors.data,
600
- onClick: n
529
+ onClick: a
601
530
  }, null, 8, ["nodes"]),
602
- U(p("div", dt, null, 512), [
603
- [Y, (s = i.hyperlinks) == null ? void 0 : s.data.length]
531
+ U(g("div", et, null, 512), [
532
+ [Y, (l = i.hyperlinks) == null ? void 0 : l.data.length]
604
533
  ]),
605
- U(C(q, {
534
+ U(I(q, {
606
535
  tag: "div",
607
536
  variant: "body3-bold",
608
537
  class: "nav-heading"
@@ -610,27 +539,27 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
610
539
  default: T(() => {
611
540
  var d;
612
541
  return [
613
- G(L((d = i.hyperlinks) == null ? void 0 : d.text), 1)
542
+ G(S((d = i.hyperlinks) == null ? void 0 : d.text), 1)
614
543
  ];
615
544
  }),
616
545
  _: 1
617
546
  }, 512), [
618
- [Y, (v = i.hyperlinks) == null ? void 0 : v.text]
547
+ [Y, (p = i.hyperlinks) == null ? void 0 : p.text]
619
548
  ]),
620
- p("ul", null, [
621
- (a(!0), l(M, null, V((r = i.hyperlinks) == null ? void 0 : r.data, (d) => (a(), l("li", {
549
+ g("ul", null, [
550
+ (n(!0), r(B, null, V((s = i.hyperlinks) == null ? void 0 : s.data, (d) => (n(), r("li", {
622
551
  key: d.text
623
552
  }, [
624
- C(Q, {
553
+ I(Q, {
625
554
  class: "dropdown__link",
626
555
  variant: "ghost",
627
556
  href: d.config.href
628
557
  }, {
629
558
  default: T(() => [
630
- p("span", null, L(d.text), 1),
631
- C(Q, { variant: "icon" }, {
559
+ g("span", null, S(d.text), 1),
560
+ I(Q, { variant: "icon" }, {
632
561
  default: T(() => [
633
- C(W, {
562
+ I(W, {
634
563
  icon: A(le),
635
564
  size: "xs"
636
565
  }, null, 8, ["icon"])
@@ -646,10 +575,10 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
646
575
  ], 2);
647
576
  };
648
577
  }
649
- }), ut = /* @__PURE__ */ k(ct, [["__scopeId", "data-v-bd9281e3"]]), pt = { key: 0 }, vt = {
578
+ }), ot = /* @__PURE__ */ y(tt, [["__scopeId", "data-v-bd9281e3"]]), at = { key: 0 }, nt = {
650
579
  key: 1,
651
580
  id: "collapsible-sidebar-wrapper"
652
- }, ft = { id: "collapsible-sidebar-content" }, ht = { id: "collapsible-sidebar" }, gt = { class: "anchors" }, mt = /* @__PURE__ */ N({
581
+ }, st = { id: "collapsible-sidebar-content" }, lt = { id: "collapsible-sidebar" }, rt = { class: "anchors" }, it = /* @__PURE__ */ C({
653
582
  __name: "SlpSideNavigationWithTree",
654
583
  props: {
655
584
  anchors: {},
@@ -657,79 +586,79 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
657
586
  alwaysExpanded: { type: Boolean }
658
587
  },
659
588
  setup(c) {
660
- const e = c, n = I([]), i = I(null), t = I([]), s = I(
661
- e.anchors.data.map((h) => ({
662
- text: h.text,
663
- nodes: h.nodes,
589
+ const e = c, a = w([]), i = w(null), o = w([]), l = w(
590
+ e.anchors.data.map((v) => ({
591
+ text: v.text,
592
+ nodes: v.nodes,
664
593
  config: {
665
- href: h.config.href,
666
- dataGaName: h.config.dataGaName,
667
- dataGaLocation: h.config.dataGaLocation,
594
+ href: v.config.href,
595
+ dataGaName: v.config.dataGaName,
596
+ dataGaLocation: v.config.dataGaLocation,
668
597
  depth: 0,
669
598
  mobile: !1
670
599
  }
671
600
  }))
672
- ), v = I(!1), r = I(!0);
601
+ ), p = w(!1), s = w(!0);
673
602
  let d = null;
674
- const u = (h, g = []) => (h.forEach((b) => {
675
- b.config.href && g.push(b.config.href), b.nodes && u(b.nodes, g);
676
- }), g), o = (h) => {
677
- const g = [], b = (z) => z.some((y, P) => (g.push(P), y.config.href === h || y.nodes && b(y.nodes) ? !0 : (g.pop(), !1)));
678
- return b(e.anchors.data), g;
679
- }, f = (h) => {
680
- const g = t.value, b = i.value, z = (y, P, R) => {
681
- const H = g[R] === P, K = y.config.href === b, Z = {
682
- text: y.text,
603
+ const u = (v, h = []) => (v.forEach((_) => {
604
+ _.config.href && h.push(_.config.href), _.nodes && u(_.nodes, h);
605
+ }), h), t = (v) => {
606
+ const h = [], _ = (z) => z.some((b, P) => (h.push(P), b.config.href === v || b.nodes && _(b.nodes) ? !0 : (h.pop(), !1)));
607
+ return _(e.anchors.data), h;
608
+ }, f = (v) => {
609
+ const h = o.value, _ = i.value, z = (b, P, R) => {
610
+ const H = h[R] === P, K = b.config.href === _, Z = {
611
+ text: b.text,
683
612
  config: {
684
- href: y.config.href,
685
- dataGaName: y.config.dataGaName,
686
- dataGaLocation: y.config.dataGaLocation,
613
+ href: b.config.href,
614
+ dataGaName: b.config.dataGaName,
615
+ dataGaLocation: b.config.dataGaLocation,
687
616
  // Highlight only the exact node (or first one on very first load)
688
- isSelected: K || h && R === 0 && P === 0 && !b
617
+ isSelected: K || v && R === 0 && P === 0 && !_
689
618
  }
690
619
  };
691
- return e.alwaysExpanded ? y.nodes && (Z.nodes = y.nodes.map(
620
+ return e.alwaysExpanded ? b.nodes && (Z.nodes = b.nodes.map(
692
621
  (F, J) => z(F, J, R + 1)
693
- )) : H && y.nodes && (Z.nodes = y.nodes.map(
622
+ )) : H && b.nodes && (Z.nodes = b.nodes.map(
694
623
  (F, J) => z(F, J, R + 1)
695
624
  )), Z;
696
625
  };
697
- return e.anchors.data.map((y, P) => z(y, P, 0));
698
- }, w = (h) => {
699
- var b, z;
700
- let g = null;
701
- for (const y of h) {
702
- if (!y.isIntersecting) continue;
703
- const P = ((b = y.boundingClientRect) == null ? void 0 : b.top) ?? Number.POSITIVE_INFINITY;
704
- if (!g) {
705
- g = y;
626
+ return e.anchors.data.map((b, P) => z(b, P, 0));
627
+ }, $ = (v) => {
628
+ var _, z;
629
+ let h = null;
630
+ for (const b of v) {
631
+ if (!b.isIntersecting) continue;
632
+ const P = ((_ = b.boundingClientRect) == null ? void 0 : _.top) ?? Number.POSITIVE_INFINITY;
633
+ if (!h) {
634
+ h = b;
706
635
  continue;
707
636
  }
708
- const R = ((z = g.boundingClientRect) == null ? void 0 : z.top) ?? Number.POSITIVE_INFINITY, H = P >= 0 && (R < 0 || P < R), K = !H && y.intersectionRatio > g.intersectionRatio;
709
- (H || K) && (g = y);
637
+ const R = ((z = h.boundingClientRect) == null ? void 0 : z.top) ?? Number.POSITIVE_INFINITY, H = P >= 0 && (R < 0 || P < R), K = !H && b.intersectionRatio > h.intersectionRatio;
638
+ (H || K) && (h = b);
710
639
  }
711
- return g;
712
- }, _ = (h) => {
713
- const g = w(h);
714
- if (g && g.isIntersecting) {
715
- const b = `#${g.target.id}`;
716
- i.value = b, t.value = o(b), n.value = t.value.slice(), s.value = f(!1), r.value = !1;
640
+ return h;
641
+ }, m = (v) => {
642
+ const h = $(v);
643
+ if (h && h.isIntersecting) {
644
+ const _ = `#${h.target.id}`;
645
+ i.value = _, o.value = t(_), a.value = o.value.slice(), l.value = f(!1), s.value = !1;
717
646
  return;
718
647
  }
719
- r.value && !e.alwaysExpanded && (s.value = f(!0), r.value = !1);
648
+ s.value && !e.alwaysExpanded && (l.value = f(!0), s.value = !1);
720
649
  }, E = () => {
721
- v.value = window.innerWidth < 768;
650
+ p.value = window.innerWidth < 768;
722
651
  }, O = () => {
723
- const h = u(e.anchors.data), g = h[0] || null;
724
- i.value = g, t.value = g ? o(g) : [], s.value = f(!0), r.value = !1;
725
- const b = (window.innerHeight - 120 - 48) * -1;
726
- d = new IntersectionObserver(_, {
727
- rootMargin: `-120px 0px ${b}px 0px`,
652
+ const v = u(e.anchors.data), h = v[0] || null;
653
+ i.value = h, o.value = h ? t(h) : [], l.value = f(!0), s.value = !1;
654
+ const _ = (window.innerHeight - 120 - 48) * -1;
655
+ d = new IntersectionObserver(m, {
656
+ rootMargin: `-120px 0px ${_}px 0px`,
728
657
  threshold: 0
729
658
  }), setTimeout(() => {
730
- h.forEach((z) => {
731
- const y = document.querySelector(z);
732
- y && (d == null || d.observe(y));
659
+ v.forEach((z) => {
660
+ const b = document.querySelector(z);
661
+ b && (d == null || d.observe(b));
733
662
  });
734
663
  }, 0);
735
664
  };
@@ -737,36 +666,36 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
737
666
  E(), window.addEventListener("resize", E), O();
738
667
  }), oe(() => {
739
668
  window.removeEventListener("resize", E), d && d.disconnect();
740
- }), (h, g) => (a(), l("div", null, [
741
- v.value ? (a(), l("div", pt, [
742
- C(ut, ce(ue({ anchors: h.anchors, hyperlinks: h.hyperlinks })), null, 16),
743
- $(h.$slots, "default", {}, void 0, !0)
744
- ])) : (a(), l("div", vt, [
745
- p("div", ft, [
746
- $(h.$slots, "default", {}, void 0, !0)
669
+ }), (v, h) => (n(), r("div", null, [
670
+ p.value ? (n(), r("div", at, [
671
+ I(ot, ce(ue({ anchors: v.anchors, hyperlinks: v.hyperlinks })), null, 16),
672
+ N(v.$slots, "default", {}, void 0, !0)
673
+ ])) : (n(), r("div", nt, [
674
+ g("div", st, [
675
+ N(v.$slots, "default", {}, void 0, !0)
747
676
  ]),
748
- p("nav", ht, [
749
- $(h.$slots, "header", {}, void 0, !0),
750
- p("div", gt, [
751
- h.anchors.text ? (a(), D(q, {
677
+ g("nav", lt, [
678
+ N(v.$slots, "header", {}, void 0, !0),
679
+ g("div", rt, [
680
+ v.anchors.text ? (n(), D(q, {
752
681
  key: 0,
753
682
  tag: "div",
754
683
  variant: "body3-bold",
755
684
  class: "nav-heading"
756
685
  }, {
757
686
  default: T(() => [
758
- G(L(h.anchors.text), 1)
687
+ G(S(v.anchors.text), 1)
759
688
  ]),
760
689
  _: 1
761
- })) : B("", !0),
762
- C(re, { nodes: s.value }, null, 8, ["nodes"])
690
+ })) : M("", !0),
691
+ I(ie, { nodes: l.value }, null, 8, ["nodes"])
763
692
  ]),
764
- $(h.$slots, "footer", {}, void 0, !0)
693
+ N(v.$slots, "footer", {}, void 0, !0)
765
694
  ])
766
695
  ]))
767
696
  ]));
768
697
  }
769
- }), Jt = /* @__PURE__ */ k(mt, [["__scopeId", "data-v-32a730be"]]), _t = ["id", "data-tooltip-open", "aria-describedby"], bt = { class: "slp-tooltip__wrapper" }, yt = ["id", "data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], $t = ["id"], kt = ["id", "data-tooltip-open", "aria-describedby"], wt = { class: "slp-tooltip__wrapper" }, St = ["id"], It = ["data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], Lt = ["id"], Ct = /* @__PURE__ */ N({
698
+ }), Dt = /* @__PURE__ */ y(it, [["__scopeId", "data-v-32a730be"]]), dt = ["id", "data-tooltip-open", "aria-describedby"], ct = { class: "slp-tooltip__wrapper" }, ut = ["id", "data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], pt = ["id"], ft = ["id", "data-tooltip-open", "aria-describedby"], vt = { class: "slp-tooltip__wrapper" }, gt = ["id"], ht = ["data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], mt = ["id"], _t = /* @__PURE__ */ C({
770
699
  __name: "SlpTooltip",
771
700
  props: {
772
701
  text: { default: "" },
@@ -777,12 +706,12 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
777
706
  dataProperties: { default: null }
778
707
  },
779
708
  setup(c) {
780
- const e = c, n = I(!1), i = I(""), t = I(""), s = I(""), v = (o) => {
781
- e.mode === "hover" && (n.value = o.type === "mouseenter");
782
- }, r = () => {
783
- e.mode === "click" ? (u(), n.value = !n.value) : n.value = !1;
784
- }, d = (o) => {
785
- o.target.id !== e.id && (n.value = !1);
709
+ const e = c, a = w(!1), i = w(""), o = w(""), l = w(""), p = (t) => {
710
+ e.mode === "hover" && (a.value = t.type === "mouseenter");
711
+ }, s = () => {
712
+ e.mode === "click" ? (u(), a.value = !a.value) : a.value = !1;
713
+ }, d = (t) => {
714
+ t.target.id !== e.id && (a.value = !1);
786
715
  }, u = () => {
787
716
  document.querySelectorAll('[data-tooltip-open="true"]').forEach((f) => {
788
717
  f.setAttribute("data-tooltip-open", "false");
@@ -790,249 +719,249 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
790
719
  };
791
720
  return j(() => {
792
721
  if (e.mode === "click" && document.addEventListener("click", d), e.text) {
793
- const o = e.text.match(/\[(.*?)\]/), f = e.text.match(/\[.*?\]\((.*?)\)/);
794
- i.value = o ? o[1] : "", t.value = f ? f[1] : "", s.value = e.text.replace(`(${t.value})`, "").replace(`[${i.value}]`, "").trim();
722
+ const t = e.text.match(/\[(.*?)\]/), f = e.text.match(/\[.*?\]\((.*?)\)/);
723
+ i.value = t ? t[1] : "", o.value = f ? f[1] : "", l.value = e.text.replace(`(${o.value})`, "").replace(`[${i.value}]`, "").trim();
795
724
  }
796
- }), pe(n, (o) => {
725
+ }), pe(a, (t) => {
797
726
  if (e.mode === "click" && e.id) {
798
727
  const f = document.getElementById(e.id);
799
- f && f.setAttribute("data-tooltip-open", o.toString());
728
+ f && f.setAttribute("data-tooltip-open", t.toString());
800
729
  }
801
730
  }), ae(() => {
802
731
  document.removeEventListener("click", d);
803
- }), (o, f) => {
804
- var w, _, E, O, h, g;
805
- return o.mode === "hover" ? (a(), l("div", {
732
+ }), (t, f) => {
733
+ var $, m, E, O, v, h;
734
+ return t.mode === "hover" ? (n(), r("div", {
806
735
  key: 0,
807
- id: o.id,
808
- "data-tooltip-open": n.value,
736
+ id: t.id,
737
+ "data-tooltip-open": a.value,
809
738
  "aria-label": "Click to open tooltip with more information.",
810
- "aria-describedby": `${o.id}-content`,
739
+ "aria-describedby": `${t.id}-content`,
811
740
  class: "slp-tooltip",
812
- onMouseenter: v,
813
- onMouseleave: v,
814
- onClick: r
741
+ onMouseenter: p,
742
+ onMouseleave: p,
743
+ onClick: s
815
744
  }, [
816
- p("div", bt, [
817
- $(o.$slots, "default", {}, void 0, !0),
818
- n.value ? (a(), l("div", {
745
+ g("div", ct, [
746
+ N(t.$slots, "default", {}, void 0, !0),
747
+ a.value ? (n(), r("div", {
819
748
  key: 0,
820
- class: m(["slp-tooltip__content", `${o.position} ${o.mode === "hover" ? "hover-mode" : ""}`])
749
+ class: L(["slp-tooltip__content", `${t.position} ${t.mode === "hover" ? "hover-mode" : ""}`])
821
750
  }, [
822
- G(L(s.value) + " ", 1),
823
- o.text ? (a(), l("a", {
751
+ G(S(l.value) + " ", 1),
752
+ t.text ? (n(), r("a", {
824
753
  key: 0,
825
- id: `${o.id}-content`,
826
- "data-ga-features": o.dataProperties && o.dataProperties.features.toLowerCase() || null,
827
- "data-ga-features-sub": (w = o.dataProperties) == null ? void 0 : w.sub,
828
- "data-ga-features-sub-card": (_ = o.dataProperties) == null ? void 0 : _.card,
829
- "data-ga-name": (E = o.dataProperties) == null ? void 0 : E.plan,
830
- "data-ga-location": o.dataProperties ? "features content" : null,
754
+ id: `${t.id}-content`,
755
+ "data-ga-features": t.dataProperties && t.dataProperties.features.toLowerCase() || null,
756
+ "data-ga-features-sub": ($ = t.dataProperties) == null ? void 0 : $.sub,
757
+ "data-ga-features-sub-card": (m = t.dataProperties) == null ? void 0 : m.card,
758
+ "data-ga-name": (E = t.dataProperties) == null ? void 0 : E.plan,
759
+ "data-ga-location": t.dataProperties ? "features content" : null,
831
760
  role: "tooltip",
832
- href: t.value
833
- }, L(i.value), 9, yt)) : o.list ? (a(), l("ul", {
761
+ href: o.value
762
+ }, S(i.value), 9, ut)) : t.list ? (n(), r("ul", {
834
763
  key: 1,
835
- id: `${o.id}-content`,
764
+ id: `${t.id}-content`,
836
765
  role: "tooltip",
837
766
  class: "slp-tooltip__list"
838
767
  }, [
839
- (a(!0), l(M, null, V(o.list, (b) => (a(), l("li", {
840
- key: b.text
841
- }, L(b.text), 1))), 128))
842
- ], 8, $t)) : B("", !0)
843
- ], 2)) : B("", !0)
768
+ (n(!0), r(B, null, V(t.list, (_) => (n(), r("li", {
769
+ key: _.text
770
+ }, S(_.text), 1))), 128))
771
+ ], 8, pt)) : M("", !0)
772
+ ], 2)) : M("", !0)
844
773
  ])
845
- ], 40, _t)) : (a(), l("button", {
774
+ ], 40, dt)) : (n(), r("button", {
846
775
  key: 1,
847
- id: o.id,
848
- "data-tooltip-open": n.value,
776
+ id: t.id,
777
+ "data-tooltip-open": a.value,
849
778
  "aria-label": "Click to open tooltip with more information.",
850
- "aria-describedby": `${o.id}-content`,
851
- class: m(`slp-tooltip ${o.mode === "click" ? "button-mode" : ""}`),
852
- onClick: r
779
+ "aria-describedby": `${t.id}-content`,
780
+ class: L(`slp-tooltip ${t.mode === "click" ? "button-mode" : ""}`),
781
+ onClick: s
853
782
  }, [
854
- p("div", wt, [
855
- $(o.$slots, "default", {}, void 0, !0),
856
- n.value ? (a(), l("div", {
783
+ g("div", vt, [
784
+ N(t.$slots, "default", {}, void 0, !0),
785
+ a.value ? (n(), r("div", {
857
786
  key: 0,
858
- class: m(["slp-tooltip__content", `${o.position}`])
787
+ class: L(["slp-tooltip__content", `${t.position}`])
859
788
  }, [
860
- o.text ? (a(), l("span", {
789
+ t.text ? (n(), r("span", {
861
790
  key: 0,
862
- id: `${o.id}-content`,
791
+ id: `${t.id}-content`,
863
792
  role: "tooltip"
864
793
  }, [
865
- G(L(s.value) + " ", 1),
866
- i.value && t.value ? (a(), l("a", {
794
+ G(S(l.value) + " ", 1),
795
+ i.value && o.value ? (n(), r("a", {
867
796
  key: 0,
868
- "data-ga-features": o.dataProperties && o.dataProperties.features.toLowerCase() || null,
869
- "data-ga-features-sub": (O = o.dataProperties) == null ? void 0 : O.sub,
870
- "data-ga-features-sub-card": (h = o.dataProperties) == null ? void 0 : h.card,
871
- "data-ga-name": (g = o.dataProperties) == null ? void 0 : g.plan,
872
- "data-ga-location": o.dataProperties ? "features content" : null,
873
- href: t.value
874
- }, L(i.value), 9, It)) : B("", !0)
875
- ], 8, St)) : (a(), l("ul", {
797
+ "data-ga-features": t.dataProperties && t.dataProperties.features.toLowerCase() || null,
798
+ "data-ga-features-sub": (O = t.dataProperties) == null ? void 0 : O.sub,
799
+ "data-ga-features-sub-card": (v = t.dataProperties) == null ? void 0 : v.card,
800
+ "data-ga-name": (h = t.dataProperties) == null ? void 0 : h.plan,
801
+ "data-ga-location": t.dataProperties ? "features content" : null,
802
+ href: o.value
803
+ }, S(i.value), 9, ht)) : M("", !0)
804
+ ], 8, gt)) : (n(), r("ul", {
876
805
  key: 1,
877
- id: `${o.id}-content`,
806
+ id: `${t.id}-content`,
878
807
  role: "tooltip",
879
808
  class: "slp-tooltip__list"
880
809
  }, [
881
- (a(!0), l(M, null, V(o.list, (b) => (a(), l("li", {
882
- key: b.text
883
- }, L(b.text), 1))), 128))
884
- ], 8, Lt))
885
- ], 2)) : B("", !0)
810
+ (n(!0), r(B, null, V(t.list, (_) => (n(), r("li", {
811
+ key: _.text
812
+ }, S(_.text), 1))), 128))
813
+ ], 8, mt))
814
+ ], 2)) : M("", !0)
886
815
  ])
887
- ], 10, kt));
816
+ ], 10, ft));
888
817
  };
889
818
  }
890
- }), Nt = /* @__PURE__ */ k(Ct, [["__scopeId", "data-v-0412a63f"]]), Tt = {
819
+ }), bt = /* @__PURE__ */ y(_t, [["__scopeId", "data-v-0412a63f"]]), yt = {
891
820
  key: 0,
892
821
  class: "breadcrumb",
893
822
  vocab: "https://schema.org/",
894
823
  typeof: "BreadcrumbList"
895
- }, Et = ["onMouseenter", "onMouseleave"], zt = ["data-ga-name", "data-ga-location", "href"], Bt = {
824
+ }, $t = ["onMouseenter", "onMouseleave"], kt = ["data-ga-name", "data-ga-location", "href"], wt = {
896
825
  key: 0,
897
826
  class: "breadcrumb__chevron"
898
- }, Mt = ["content"], Vt = {
827
+ }, St = ["content"], It = {
899
828
  key: 1,
900
829
  class: "breadcrumb",
901
830
  vocab: "https://schema.org/",
902
831
  typeof: "BreadcrumbList"
903
- }, Pt = ["href", "data-ga-name", "data-ga-location"], Gt = ["content"], Ot = /* @__PURE__ */ N({
832
+ }, Lt = ["href", "data-ga-name", "data-ga-location"], Ct = ["content"], Nt = /* @__PURE__ */ C({
904
833
  __name: "SlpBreadcrumb",
905
834
  props: {
906
835
  crumbs: { default: () => [] },
907
836
  router: {}
908
837
  },
909
838
  setup(c) {
910
- const e = c, n = I(e.crumbs), i = I(!1), t = (r) => {
911
- const d = r.split(" ");
839
+ const e = c, a = w(e.crumbs), i = w(!1), o = (s) => {
840
+ const d = s.split(" ");
912
841
  for (let u = 0; u < d.length; u++)
913
842
  d[u] = d[u][0].toUpperCase() + d[u].substr(1);
914
843
  return d.join(" ");
915
- }, s = () => {
844
+ }, l = () => {
916
845
  i.value = window.innerWidth < 768;
917
- }, v = (r) => {
918
- n.value[r] && (n.value[r] = {
919
- ...n.value[r],
920
- hover: !n.value[r].hover
846
+ }, p = (s) => {
847
+ a.value[s] && (a.value[s] = {
848
+ ...a.value[s],
849
+ hover: !a.value[s].hover
921
850
  });
922
851
  };
923
- return ve(() => {
852
+ return fe(() => {
924
853
  if (e.router) {
925
- const r = e.router.currentRoute.path, d = r.startsWith("/") ? r.substring(1).split("/") : r.split("/"), u = [];
926
- let o = "";
854
+ const s = e.router.currentRoute.path, d = s.startsWith("/") ? s.substring(1).split("/") : s.split("/"), u = [];
855
+ let t = "";
927
856
  d.forEach((f) => {
928
- o = `${o}/${f}`;
929
- const w = e.router.match(o);
930
- w.params.slug !== null && f.length && u.push({
931
- title: t(f.replace(/-/g, " ")),
857
+ t = `${t}/${f}`;
858
+ const $ = e.router.match(t);
859
+ $.params.slug !== null && f.length && u.push({
860
+ title: o(f.replace(/-/g, " ")),
932
861
  hover: !1,
933
- ...w
862
+ ...$
934
863
  });
935
- }), n.value = u;
864
+ }), a.value = u;
936
865
  }
937
866
  }), j(() => {
938
- s(), window.addEventListener("resize", s);
867
+ l(), window.addEventListener("resize", l);
939
868
  }), ae(() => {
940
- window.removeEventListener("resize", s);
941
- }), (r, d) => n.value && !i.value ? (a(), l("ol", Tt, [
942
- (a(!0), l(M, null, V(n.value, (u, o) => (a(), l("li", {
869
+ window.removeEventListener("resize", l);
870
+ }), (s, d) => a.value && !i.value ? (n(), r("ol", yt, [
871
+ (n(!0), r(B, null, V(a.value, (u, t) => (n(), r("li", {
943
872
  key: u.title,
944
- class: m(["breadcrumb__crumb", {
945
- "breadcrumb__crumb--disabled": o === n.value.length - 1
873
+ class: L(["breadcrumb__crumb", {
874
+ "breadcrumb__crumb--disabled": t === a.value.length - 1
946
875
  }]),
947
876
  property: "itemListElement",
948
877
  typeof: "ListItem",
949
- onMouseenter: (f) => v(o),
950
- onMouseleave: (f) => v(o)
878
+ onMouseenter: (f) => p(t),
879
+ onMouseleave: (f) => p(t)
951
880
  }, [
952
- C(Nt, {
881
+ I(bt, {
953
882
  text: u.title,
954
883
  class: "breadcrumb__crumb__tooltip",
955
884
  position: "top"
956
885
  }, {
957
886
  default: T(() => [
958
- p("a", {
887
+ g("a", {
959
888
  property: "item",
960
889
  typeof: "WebPage",
961
890
  "data-ga-name": u.dataGaName || u.title.toLowerCase(),
962
891
  "data-ga-location": u.dataGaLocation || "breadcrumb",
963
- href: o !== n.value.length - 1 ? u.path : void 0
892
+ href: t !== a.value.length - 1 ? u.path : void 0
964
893
  }, [
965
- C(q, {
894
+ I(q, {
966
895
  tag: "span",
967
896
  variant: "body3",
968
897
  property: "name"
969
898
  }, {
970
899
  default: T(() => [
971
- G(L(u.title.length > 18 ? u.title.substring(0, 18).concat("...") : u.title), 1)
900
+ G(S(u.title.length > 18 ? u.title.substring(0, 18).concat("...") : u.title), 1)
972
901
  ]),
973
902
  _: 2
974
903
  }, 1024)
975
- ], 8, zt)
904
+ ], 8, kt)
976
905
  ]),
977
906
  _: 2
978
907
  }, 1032, ["text"]),
979
- o !== n.value.length - 1 ? (a(), l("span", Bt, [
980
- C(W, {
908
+ t !== a.value.length - 1 ? (n(), r("span", wt, [
909
+ I(W, {
981
910
  color: "accent-500",
982
911
  size: "xs",
983
912
  icon: A(le)
984
913
  }, null, 8, ["icon"])
985
- ])) : B("", !0),
986
- p("meta", {
914
+ ])) : M("", !0),
915
+ g("meta", {
987
916
  property: "position",
988
- content: o + 1
989
- }, null, 8, Mt)
990
- ], 42, Et))), 128))
991
- ])) : n.value && i.value ? (a(), l("ol", Vt, [
992
- (a(!0), l(M, null, V(n.value, (u) => (a(), l("li", {
917
+ content: t + 1
918
+ }, null, 8, St)
919
+ ], 42, $t))), 128))
920
+ ])) : a.value && i.value ? (n(), r("ol", It, [
921
+ (n(!0), r(B, null, V(a.value, (u) => (n(), r("li", {
993
922
  key: u.title,
994
923
  class: "breadcrumb__crumb breadcrumb__crumb--mobile",
995
924
  property: "itemListElement",
996
925
  typeof: "ListItem"
997
926
  }, [
998
- p("a", {
927
+ g("a", {
999
928
  class: "slp-flex slp-align-items-center",
1000
- href: n.value[n.value.length - 2].path,
929
+ href: a.value[a.value.length - 2].path,
1001
930
  "data-ga-name": u.dataGaName || u.title.toLowerCase(),
1002
931
  "data-ga-location": u.dataGaLocation || "breadcrumb",
1003
932
  property: "item",
1004
933
  typeof: "WebPage"
1005
934
  }, [
1006
- p("span", null, [
1007
- C(W, {
935
+ g("span", null, [
936
+ I(W, {
1008
937
  color: "accent-500",
1009
938
  size: "xs",
1010
- icon: A(De)
939
+ icon: A(ze)
1011
940
  }, null, 8, ["icon"])
1012
941
  ]),
1013
- C(q, {
942
+ I(q, {
1014
943
  class: "slp-ml-8",
1015
944
  tag: "span",
1016
945
  variant: "body2",
1017
946
  property: "name"
1018
947
  }, {
1019
948
  default: T(() => [
1020
- G(L(n.value[n.value.length - 2].title), 1)
949
+ G(S(a.value[a.value.length - 2].title), 1)
1021
950
  ]),
1022
951
  _: 1
1023
952
  })
1024
- ], 8, Pt),
1025
- p("meta", {
953
+ ], 8, Lt),
954
+ g("meta", {
1026
955
  property: "position",
1027
- content: n.value.length - 1
1028
- }, null, 8, Gt)
956
+ content: a.value.length - 1
957
+ }, null, 8, Ct)
1029
958
  ]))), 128))
1030
- ])) : B("", !0);
959
+ ])) : M("", !0);
1031
960
  }
1032
- }), Yt = /* @__PURE__ */ k(Ot, [["__scopeId", "data-v-6894f4b8"]]), Rt = ["value"], At = {
961
+ }), Wt = /* @__PURE__ */ y(Nt, [["__scopeId", "data-v-6894f4b8"]]), Tt = ["value"], Et = {
1033
962
  key: 1,
1034
963
  class: "dropdown"
1035
- }, Dt = /* @__PURE__ */ N({
964
+ }, zt = /* @__PURE__ */ C({
1036
965
  __name: "SlpDropdown",
1037
966
  props: {
1038
967
  modelValue: {},
@@ -1042,54 +971,54 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
1042
971
  },
1043
972
  emits: ["update:modelValue"],
1044
973
  setup(c, { emit: e }) {
1045
- const n = c, i = e, t = (r, d) => {
1046
- if (typeof r == "object" && r !== null) {
974
+ const a = c, i = e, o = (s, d) => {
975
+ if (typeof s == "object" && s !== null) {
1047
976
  if (!d) {
1048
- const f = Object.keys(r)[0];
1049
- return r[f];
977
+ const f = Object.keys(s)[0];
978
+ return s[f];
1050
979
  }
1051
980
  const u = d.split(".");
1052
- let o = r;
981
+ let t = s;
1053
982
  for (const f of u)
1054
- o = o == null ? void 0 : o[f];
1055
- return o;
983
+ t = t == null ? void 0 : t[f];
984
+ return t;
1056
985
  }
1057
- return r;
1058
- }, s = S(() => n.options.length > 0 ? t(n.options[0], n.valueKey) : ""), v = S({
986
+ return s;
987
+ }, l = k(() => a.options.length > 0 ? o(a.options[0], a.valueKey) : ""), p = k({
1059
988
  // Getter: Called when the template reads selectedValue
1060
989
  // Returns the current modelValue from parent (or empty string if undefined)
1061
- get: () => n.modelValue ?? s.value,
990
+ get: () => a.modelValue ?? l.value,
1062
991
  // Setter: Called when the select's v-model updates selectedValue
1063
992
  // Emits the new value to the parent component
1064
- set: (r) => i("update:modelValue", r)
993
+ set: (s) => i("update:modelValue", s)
1065
994
  });
1066
- return (r, d) => {
995
+ return (s, d) => {
1067
996
  var u;
1068
- return (u = r.options) != null && u.length ? U((a(), l("select", {
997
+ return (u = s.options) != null && u.length ? U((n(), r("select", {
1069
998
  key: 0,
1070
- "onUpdate:modelValue": d[0] || (d[0] = (o) => v.value = o),
999
+ "onUpdate:modelValue": d[0] || (d[0] = (t) => p.value = t),
1071
1000
  class: "dropdown"
1072
1001
  }, [
1073
- (a(!0), l(M, null, V(r.options, (o, f) => (a(), l("option", {
1074
- key: `${t(o, r.valueKey)}-${f}`,
1075
- value: t(o, r.valueKey)
1076
- }, L(t(o, r.labelKey)), 9, Rt))), 128))
1002
+ (n(!0), r(B, null, V(s.options, (t, f) => (n(), r("option", {
1003
+ key: `${o(t, s.valueKey)}-${f}`,
1004
+ value: o(t, s.valueKey)
1005
+ }, S(o(t, s.labelKey)), 9, Tt))), 128))
1077
1006
  ], 512)), [
1078
- [fe, v.value]
1079
- ]) : (a(), l("div", At, d[1] || (d[1] = [
1080
- p("p", null, "No options available", -1)
1007
+ [ve, p.value]
1008
+ ]) : (n(), r("div", Et, d[1] || (d[1] = [
1009
+ g("p", null, "No options available", -1)
1081
1010
  ])));
1082
1011
  };
1083
1012
  }
1084
- }), Qt = /* @__PURE__ */ k(Dt, [["__scopeId", "data-v-4a5d0657"]]), Wt = ["id"], qt = /* @__PURE__ */ N({
1013
+ }), qt = /* @__PURE__ */ y(zt, [["__scopeId", "data-v-4a5d0657"]]), Mt = ["id"], Bt = /* @__PURE__ */ C({
1085
1014
  __name: "SlpSection",
1086
1015
  props: {
1087
1016
  backgroundColor: {
1088
1017
  type: String,
1089
1018
  required: !1,
1090
1019
  validator(c) {
1091
- const e = /^#([A-Fa-f0-9]{3}){1,2}$/.test(c), n = /^\$color-[a-zA-Z0-9-]+$/.test(c);
1092
- return c ? e || n : !0;
1020
+ const e = /^#([A-Fa-f0-9]{3}){1,2}$/.test(c), a = /^\$color-[a-zA-Z0-9-]+$/.test(c);
1021
+ return c ? e || a : !0;
1093
1022
  }
1094
1023
  },
1095
1024
  id: {
@@ -1098,41 +1027,41 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
1098
1027
  }
1099
1028
  },
1100
1029
  setup(c) {
1101
- const e = c, n = S(() => {
1102
- var t;
1103
- return !e.backgroundColor || (t = e.backgroundColor) != null && t.startsWith("$") ? {} : { backgroundColor: e.backgroundColor };
1104
- }), i = S(() => {
1105
- var t, s;
1106
- return (t = e.backgroundColor) != null && t.startsWith("$") ? `slp-background-${(s = e.backgroundColor) == null ? void 0 : s.slice(1)}` : null;
1030
+ const e = c, a = k(() => {
1031
+ var o;
1032
+ return !e.backgroundColor || (o = e.backgroundColor) != null && o.startsWith("$") ? {} : { backgroundColor: e.backgroundColor };
1033
+ }), i = k(() => {
1034
+ var o, l;
1035
+ return (o = e.backgroundColor) != null && o.startsWith("$") ? `slp-background-${(l = e.backgroundColor) == null ? void 0 : l.slice(1)}` : null;
1107
1036
  });
1108
- return (t, s) => (a(), l("section", {
1109
- style: te(n.value),
1110
- class: m(i.value),
1037
+ return (o, l) => (n(), r("section", {
1038
+ style: te(a.value),
1039
+ class: L(i.value),
1111
1040
  id: c.id || void 0
1112
1041
  }, [
1113
- C(ne, null, {
1042
+ I(ne, null, {
1114
1043
  default: T(() => [
1115
- $(t.$slots, "default", {}, void 0, !0)
1044
+ N(o.$slots, "default", {}, void 0, !0)
1116
1045
  ]),
1117
1046
  _: 3
1118
1047
  })
1119
- ], 14, Wt));
1048
+ ], 14, Mt));
1120
1049
  }
1121
- }), Xt = /* @__PURE__ */ k(qt, [["__scopeId", "data-v-2b3ad016"]]);
1050
+ }), Ht = /* @__PURE__ */ y(Bt, [["__scopeId", "data-v-2b3ad016"]]);
1122
1051
  export {
1123
- Yt as SlpBreadcrumb,
1052
+ Wt as SlpBreadcrumb,
1124
1053
  Q as SlpButton,
1125
- Ut as SlpColumn,
1054
+ Pt as SlpColumn,
1126
1055
  ne as SlpContainer,
1127
- Qt as SlpDropdown,
1056
+ qt as SlpDropdown,
1128
1057
  W as SlpIcon,
1129
- Ft as SlpLoader,
1130
- tt as SlpRadioButton,
1131
- Zt as SlpRadioButtonGroup,
1132
- jt as SlpRow,
1133
- Xt as SlpSection,
1134
- Kt as SlpSideNavigation,
1135
- Jt as SlpSideNavigationWithTree,
1136
- Nt as SlpTooltip,
1058
+ At as SlpLoader,
1059
+ Ke as SlpRadioButton,
1060
+ Rt as SlpRadioButtonGroup,
1061
+ Gt as SlpRow,
1062
+ Ht as SlpSection,
1063
+ Ot as SlpSideNavigation,
1064
+ Dt as SlpSideNavigationWithTree,
1065
+ bt as SlpTooltip,
1137
1066
  q as SlpTypography
1138
1067
  };