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