@warp-ds/elements 1.0.1-next.2 → 1.0.1-next.4
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/index.js +313 -329
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -14,19 +14,19 @@ var T = (r, o, e) => (et(r, o, "read from private field"), e ? e.call(r) : o.get
|
|
|
14
14
|
* Copyright 2019 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
const Mo = window,
|
|
17
|
+
const Mo = window, Ar = Mo.ShadowRoot && (Mo.ShadyCSS === void 0 || Mo.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Cr = Symbol(), Nr = /* @__PURE__ */ new WeakMap();
|
|
18
18
|
let pe = class {
|
|
19
19
|
constructor(o, e, t) {
|
|
20
|
-
if (this._$cssResult$ = !0, t !==
|
|
20
|
+
if (this._$cssResult$ = !0, t !== Cr)
|
|
21
21
|
throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
22
22
|
this.cssText = o, this.t = e;
|
|
23
23
|
}
|
|
24
24
|
get styleSheet() {
|
|
25
25
|
let o = this.o;
|
|
26
26
|
const e = this.t;
|
|
27
|
-
if (
|
|
27
|
+
if (Ar && o === void 0) {
|
|
28
28
|
const t = e !== void 0 && e.length === 1;
|
|
29
|
-
t && (o =
|
|
29
|
+
t && (o = Nr.get(e)), o === void 0 && ((this.o = o = new CSSStyleSheet()).replaceSync(this.cssText), t && Nr.set(e, o));
|
|
30
30
|
}
|
|
31
31
|
return o;
|
|
32
32
|
}
|
|
@@ -34,7 +34,7 @@ let pe = class {
|
|
|
34
34
|
return this.cssText;
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
const tt = (r) => new pe(typeof r == "string" ? r : r + "", void 0,
|
|
37
|
+
const tt = (r) => new pe(typeof r == "string" ? r : r + "", void 0, Cr), A = (r, ...o) => {
|
|
38
38
|
const e = r.length === 1 ? r[0] : o.reduce((t, a, c) => t + ((i) => {
|
|
39
39
|
if (i._$cssResult$ === !0)
|
|
40
40
|
return i.cssText;
|
|
@@ -42,13 +42,13 @@ const tt = (r) => new pe(typeof r == "string" ? r : r + "", void 0, Er), A = (r,
|
|
|
42
42
|
return i;
|
|
43
43
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
44
44
|
})(a) + r[c + 1], r[0]);
|
|
45
|
-
return new pe(e, r,
|
|
45
|
+
return new pe(e, r, Cr);
|
|
46
46
|
}, at = (r, o) => {
|
|
47
|
-
|
|
47
|
+
Ar ? r.adoptedStyleSheets = o.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : o.forEach((e) => {
|
|
48
48
|
const t = document.createElement("style"), a = Mo.litNonce;
|
|
49
49
|
a !== void 0 && t.setAttribute("nonce", a), t.textContent = e.cssText, r.appendChild(t);
|
|
50
50
|
});
|
|
51
|
-
},
|
|
51
|
+
}, Or = Ar ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((o) => {
|
|
52
52
|
let e = "";
|
|
53
53
|
for (const t of o.cssRules)
|
|
54
54
|
e += t.cssText;
|
|
@@ -60,7 +60,7 @@ const tt = (r) => new pe(typeof r == "string" ? r : r + "", void 0, Er), A = (r,
|
|
|
60
60
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
61
61
|
*/
|
|
62
62
|
var ar;
|
|
63
|
-
const Bo = window,
|
|
63
|
+
const Bo = window, Ir = Bo.trustedTypes, ct = Ir ? Ir.emptyScript : "", Hr = Bo.reactiveElementPolyfillSupport, ur = { toAttribute(r, o) {
|
|
64
64
|
switch (o) {
|
|
65
65
|
case Boolean:
|
|
66
66
|
r = r ? ct : null;
|
|
@@ -88,7 +88,7 @@ const Bo = window, Hr = Bo.trustedTypes, ct = Hr ? Hr.emptyScript : "", Qr = Bo.
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
return e;
|
|
91
|
-
} }, we = (r, o) => o !== r && (o == o || r == r), cr = { attribute: !0, type: String, converter:
|
|
91
|
+
} }, we = (r, o) => o !== r && (o == o || r == r), cr = { attribute: !0, type: String, converter: ur, reflect: !1, hasChanged: we }, vr = "finalized";
|
|
92
92
|
let bo = class extends HTMLElement {
|
|
93
93
|
constructor() {
|
|
94
94
|
super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
|
|
@@ -123,9 +123,9 @@ let bo = class extends HTMLElement {
|
|
|
123
123
|
return this.elementProperties.get(o) || cr;
|
|
124
124
|
}
|
|
125
125
|
static finalize() {
|
|
126
|
-
if (this.hasOwnProperty(
|
|
126
|
+
if (this.hasOwnProperty(vr))
|
|
127
127
|
return !1;
|
|
128
|
-
this[
|
|
128
|
+
this[vr] = !0;
|
|
129
129
|
const o = Object.getPrototypeOf(this);
|
|
130
130
|
if (o.finalize(), o.h !== void 0 && (this.h = [...o.h]), this.elementProperties = new Map(o.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
|
|
131
131
|
const e = this.properties, t = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
|
|
@@ -139,9 +139,9 @@ let bo = class extends HTMLElement {
|
|
|
139
139
|
if (Array.isArray(o)) {
|
|
140
140
|
const t = new Set(o.flat(1 / 0).reverse());
|
|
141
141
|
for (const a of t)
|
|
142
|
-
e.unshift(
|
|
142
|
+
e.unshift(Or(a));
|
|
143
143
|
} else
|
|
144
|
-
o !== void 0 && e.push(
|
|
144
|
+
o !== void 0 && e.push(Or(o));
|
|
145
145
|
return e;
|
|
146
146
|
}
|
|
147
147
|
static _$Ep(o, e) {
|
|
@@ -193,7 +193,7 @@ let bo = class extends HTMLElement {
|
|
|
193
193
|
var a;
|
|
194
194
|
const c = this.constructor._$Ep(o, t);
|
|
195
195
|
if (c !== void 0 && t.reflect === !0) {
|
|
196
|
-
const i = (((a = t.converter) === null || a === void 0 ? void 0 : a.toAttribute) !== void 0 ? t.converter :
|
|
196
|
+
const i = (((a = t.converter) === null || a === void 0 ? void 0 : a.toAttribute) !== void 0 ? t.converter : ur).toAttribute(e, t.type);
|
|
197
197
|
this._$El = o, i == null ? this.removeAttribute(c) : this.setAttribute(c, i), this._$El = null;
|
|
198
198
|
}
|
|
199
199
|
}
|
|
@@ -201,7 +201,7 @@ let bo = class extends HTMLElement {
|
|
|
201
201
|
var t;
|
|
202
202
|
const a = this.constructor, c = a._$Ev.get(o);
|
|
203
203
|
if (c !== void 0 && this._$El !== c) {
|
|
204
|
-
const i = a.getPropertyOptions(c), l = typeof i.converter == "function" ? { fromAttribute: i.converter } : ((t = i.converter) === null || t === void 0 ? void 0 : t.fromAttribute) !== void 0 ? i.converter :
|
|
204
|
+
const i = a.getPropertyOptions(c), l = typeof i.converter == "function" ? { fromAttribute: i.converter } : ((t = i.converter) === null || t === void 0 ? void 0 : t.fromAttribute) !== void 0 ? i.converter : ur;
|
|
205
205
|
this._$El = c, this[c] = l.fromAttribute(e, i.type), this._$El = null;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
@@ -268,16 +268,16 @@ let bo = class extends HTMLElement {
|
|
|
268
268
|
firstUpdated(o) {
|
|
269
269
|
}
|
|
270
270
|
};
|
|
271
|
-
bo[
|
|
271
|
+
bo[vr] = !0, bo.elementProperties = /* @__PURE__ */ new Map(), bo.elementStyles = [], bo.shadowRootOptions = { mode: "open" }, Hr == null || Hr({ ReactiveElement: bo }), ((ar = Bo.reactiveElementVersions) !== null && ar !== void 0 ? ar : Bo.reactiveElementVersions = []).push("1.6.2");
|
|
272
272
|
/**
|
|
273
273
|
* @license
|
|
274
274
|
* Copyright 2017 Google LLC
|
|
275
275
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
276
276
|
*/
|
|
277
277
|
var ir;
|
|
278
|
-
const No = window, vo = No.trustedTypes, Ur = vo ? vo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Oo = "$lit$", O = `lit$${(Math.random() + "").slice(9)}$`,
|
|
279
|
-
\f\r]`, xo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
280
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"),
|
|
278
|
+
const No = window, vo = No.trustedTypes, Ur = vo ? vo.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Oo = "$lit$", O = `lit$${(Math.random() + "").slice(9)}$`, Er = "?" + O, it = `<${Er}>`, ao = document, yo = () => ao.createComment(""), zo = (r) => r === null || typeof r != "object" && typeof r != "function", xe = Array.isArray, me = (r) => xe(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", lr = `[
|
|
279
|
+
\f\r]`, xo = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Qr = /-->/g, Vr = />/g, K = RegExp(`>|${lr}(?:([^\\s"'>=/]+)(${lr}*=${lr}*(?:[^
|
|
280
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), Fr = /'/g, Wr = /"/g, ke = /^(?:script|style|textarea|title)$/i, fe = (r) => (o, ...e) => ({ _$litType$: r, strings: o, values: e }), v = fe(1), G = fe(2), U = Symbol.for("lit-noChange"), q = Symbol.for("lit-nothing"), Gr = /* @__PURE__ */ new WeakMap(), eo = ao.createTreeWalker(ao, 129, null, !1);
|
|
281
281
|
function $e(r, o) {
|
|
282
282
|
if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
|
|
283
283
|
throw Error("invalid template strings array");
|
|
@@ -290,9 +290,9 @@ const ye = (r, o) => {
|
|
|
290
290
|
const d = r[l];
|
|
291
291
|
let n, s, b = -1, g = 0;
|
|
292
292
|
for (; g < d.length && (i.lastIndex = g, s = i.exec(d), s !== null); )
|
|
293
|
-
g = i.lastIndex, i === xo ? s[1] === "!--" ? i =
|
|
294
|
-
const
|
|
295
|
-
c += i === xo ? d + it : b >= 0 ? (t.push(n), d.slice(0, b) + Oo + d.slice(b) + O +
|
|
293
|
+
g = i.lastIndex, i === xo ? s[1] === "!--" ? i = Qr : s[1] !== void 0 ? i = Vr : s[2] !== void 0 ? (ke.test(s[2]) && (a = RegExp("</" + s[2], "g")), i = K) : s[3] !== void 0 && (i = K) : i === K ? s[0] === ">" ? (i = a ?? xo, b = -1) : s[1] === void 0 ? b = -2 : (b = i.lastIndex - s[2].length, n = s[1], i = s[3] === void 0 ? K : s[3] === '"' ? Wr : Fr) : i === Wr || i === Fr ? i = K : i === Qr || i === Vr ? i = xo : (i = K, a = void 0);
|
|
294
|
+
const w = i === K && r[l + 1].startsWith("/>") ? " " : "";
|
|
295
|
+
c += i === xo ? d + it : b >= 0 ? (t.push(n), d.slice(0, b) + Oo + d.slice(b) + O + w) : d + O + (b === -2 ? (t.push(void 0), l) : w);
|
|
296
296
|
}
|
|
297
297
|
return [$e(r, c + (r[e] || "<?>") + (o === 2 ? "</svg>" : "")), t];
|
|
298
298
|
};
|
|
@@ -312,10 +312,10 @@ class _o {
|
|
|
312
312
|
const b = [];
|
|
313
313
|
for (const g of a.getAttributeNames())
|
|
314
314
|
if (g.endsWith(Oo) || g.startsWith(O)) {
|
|
315
|
-
const
|
|
316
|
-
if (b.push(g),
|
|
317
|
-
const
|
|
318
|
-
d.push({ type: 1, index: c, name:
|
|
315
|
+
const w = s[i++];
|
|
316
|
+
if (b.push(g), w !== void 0) {
|
|
317
|
+
const x = a.getAttribute(w.toLowerCase() + Oo).split(O), m = /([.?@])?(.*)/.exec(w);
|
|
318
|
+
d.push({ type: 1, index: c, name: m[2], strings: x, ctor: m[1] === "." ? qe : m[1] === "?" ? Xe : m[1] === "@" ? Ye : jo });
|
|
319
319
|
} else
|
|
320
320
|
d.push({ type: 6, index: c });
|
|
321
321
|
}
|
|
@@ -326,13 +326,13 @@ class _o {
|
|
|
326
326
|
const b = a.textContent.split(O), g = b.length - 1;
|
|
327
327
|
if (g > 0) {
|
|
328
328
|
a.textContent = vo ? vo.emptyScript : "";
|
|
329
|
-
for (let
|
|
330
|
-
a.append(b[
|
|
329
|
+
for (let w = 0; w < g; w++)
|
|
330
|
+
a.append(b[w], yo()), eo.nextNode(), d.push({ type: 2, index: ++c });
|
|
331
331
|
a.append(b[g], yo());
|
|
332
332
|
}
|
|
333
333
|
}
|
|
334
334
|
} else if (a.nodeType === 8)
|
|
335
|
-
if (a.data ===
|
|
335
|
+
if (a.data === Er)
|
|
336
336
|
d.push({ type: 2, index: c });
|
|
337
337
|
else {
|
|
338
338
|
let b = -1;
|
|
@@ -349,7 +349,7 @@ class _o {
|
|
|
349
349
|
}
|
|
350
350
|
function co(r, o, e = r, t) {
|
|
351
351
|
var a, c, i, l;
|
|
352
|
-
if (o ===
|
|
352
|
+
if (o === U)
|
|
353
353
|
return o;
|
|
354
354
|
let d = t !== void 0 ? (a = e._$Co) === null || a === void 0 ? void 0 : a[t] : e._$Cl;
|
|
355
355
|
const n = zo(o) ? void 0 : o._$litDirective$;
|
|
@@ -406,7 +406,7 @@ let or = class _e {
|
|
|
406
406
|
return this._$AB;
|
|
407
407
|
}
|
|
408
408
|
_$AI(o, e = this) {
|
|
409
|
-
o = co(this, o, e), zo(o) ? o === q || o == null || o === "" ? (this._$AH !== q && this._$AR(), this._$AH = q) : o !== this._$AH && o !==
|
|
409
|
+
o = co(this, o, e), zo(o) ? o === q || o == null || o === "" ? (this._$AH !== q && this._$AR(), this._$AH = q) : o !== this._$AH && o !== U && this._(o) : o._$litType$ !== void 0 ? this.g(o) : o.nodeType !== void 0 ? this.$(o) : me(o) ? this.T(o) : this._(o);
|
|
410
410
|
}
|
|
411
411
|
k(o) {
|
|
412
412
|
return this._$AA.parentNode.insertBefore(o, this._$AB);
|
|
@@ -428,8 +428,8 @@ let or = class _e {
|
|
|
428
428
|
}
|
|
429
429
|
}
|
|
430
430
|
_$AC(o) {
|
|
431
|
-
let e =
|
|
432
|
-
return e === void 0 &&
|
|
431
|
+
let e = Gr.get(o.strings);
|
|
432
|
+
return e === void 0 && Gr.set(o.strings, e = new _o(o)), e;
|
|
433
433
|
}
|
|
434
434
|
T(o) {
|
|
435
435
|
xe(this._$AH) || (this._$AH = [], this._$AR());
|
|
@@ -465,12 +465,12 @@ class jo {
|
|
|
465
465
|
const c = this.strings;
|
|
466
466
|
let i = !1;
|
|
467
467
|
if (c === void 0)
|
|
468
|
-
o = co(this, o, e, 0), i = !zo(o) || o !== this._$AH && o !==
|
|
468
|
+
o = co(this, o, e, 0), i = !zo(o) || o !== this._$AH && o !== U, i && (this._$AH = o);
|
|
469
469
|
else {
|
|
470
470
|
const l = o;
|
|
471
471
|
let d, n;
|
|
472
472
|
for (o = c[0], d = 0; d < c.length - 1; d++)
|
|
473
|
-
n = co(this, l[t + d], e, d), n ===
|
|
473
|
+
n = co(this, l[t + d], e, d), n === U && (n = this._$AH[d]), i || (i = !zo(n) || n !== this._$AH[d]), n === q ? o = q : o !== q && (o += (n ?? "") + c[d + 1]), this._$AH[d] = n;
|
|
474
474
|
}
|
|
475
475
|
i && !a && this.j(o);
|
|
476
476
|
}
|
|
@@ -500,7 +500,7 @@ let Xe = class extends jo {
|
|
|
500
500
|
}
|
|
501
501
|
_$AI(o, e = this) {
|
|
502
502
|
var t;
|
|
503
|
-
if ((o = (t = co(this, o, e, 0)) !== null && t !== void 0 ? t : q) ===
|
|
503
|
+
if ((o = (t = co(this, o, e, 0)) !== null && t !== void 0 ? t : q) === U)
|
|
504
504
|
return;
|
|
505
505
|
const a = this._$AH, c = o === q && a !== q || o.capture !== a.capture || o.once !== a.once || o.passive !== a.passive, i = o !== q && (a === q || c);
|
|
506
506
|
c && this.element.removeEventListener(this.name, this, a), i && this.element.addEventListener(this.name, this, o), this._$AH = o;
|
|
@@ -521,8 +521,8 @@ class je {
|
|
|
521
521
|
co(this, o);
|
|
522
522
|
}
|
|
523
523
|
}
|
|
524
|
-
const dt = { O: Oo, P: O, A:
|
|
525
|
-
|
|
524
|
+
const dt = { O: Oo, P: O, A: Er, C: 1, M: ye, L: ze, D: me, R: co, I: or, V: jo, H: Xe, N: Ye, U: qe, F: je }, Jr = No.litHtmlPolyfillSupport;
|
|
525
|
+
Jr == null || Jr(_o, or), ((ir = No.litHtmlVersions) !== null && ir !== void 0 ? ir : No.litHtmlVersions = []).push("2.7.5");
|
|
526
526
|
const nt = (r, o, e) => {
|
|
527
527
|
var t, a;
|
|
528
528
|
const c = (t = e == null ? void 0 : e.renderBefore) !== null && t !== void 0 ? t : o;
|
|
@@ -561,12 +561,12 @@ let X = class extends bo {
|
|
|
561
561
|
super.disconnectedCallback(), (o = this._$Do) === null || o === void 0 || o.setConnected(!1);
|
|
562
562
|
}
|
|
563
563
|
render() {
|
|
564
|
-
return
|
|
564
|
+
return U;
|
|
565
565
|
}
|
|
566
566
|
};
|
|
567
567
|
X.finalized = !0, X._$litElement$ = !0, (dr = globalThis.litElementHydrateSupport) === null || dr === void 0 || dr.call(globalThis, { LitElement: X });
|
|
568
|
-
const
|
|
569
|
-
|
|
568
|
+
const Kr = globalThis.litElementPolyfillSupport;
|
|
569
|
+
Kr == null || Kr({ LitElement: X });
|
|
570
570
|
((nr = globalThis.litElementVersions) !== null && nr !== void 0 ? nr : globalThis.litElementVersions = []).push("3.3.2");
|
|
571
571
|
const N = {
|
|
572
572
|
base: "border-2 relative",
|
|
@@ -594,7 +594,7 @@ const N = {
|
|
|
594
594
|
infoClickable: "hover:i-bg-$color-box-info-background-hover active:i-bg-$color-box-info-background-hover",
|
|
595
595
|
neutralClickable: "hover:i-bg-$color-box-neutral-background-hover active:i-bg-$color-box-neutral-background-hover",
|
|
596
596
|
borderedClickable: "hover:i-bg-$color-box-bordered-background-hover active:i-bg-$color-box-bordered-background-hover hover:i-border-$color-box-bordered-border-hover active:i-border-$color-box-bordered-border-hover"
|
|
597
|
-
},
|
|
597
|
+
}, D = {
|
|
598
598
|
card: "cursor-pointer overflow-hidden relative transition-all",
|
|
599
599
|
cardShadow: "rounded-8 i-shadow-$shadow-card hover:i-shadow-$shadow-card-hover hover:i-bg-$color-card-background-hover tap-highlight-transparent",
|
|
600
600
|
cardFlat: "border-2 rounded-4",
|
|
@@ -609,7 +609,7 @@ const N = {
|
|
|
609
609
|
container: "fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",
|
|
610
610
|
content: "w-full",
|
|
611
611
|
toaster: "grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none"
|
|
612
|
-
},
|
|
612
|
+
}, R = {
|
|
613
613
|
wrapper: "relative overflow-hidden w-full",
|
|
614
614
|
toast: "flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all",
|
|
615
615
|
positive: "i-bg-$color-toast-positive-background i-border-$color-toast-positive-subtle-border i-text-$color-toast-positive-text",
|
|
@@ -678,7 +678,7 @@ const N = {
|
|
|
678
678
|
negativeQuiet: `border-0 rounded-8 ${V}`,
|
|
679
679
|
isDisabled: `font-bold max-w-max justify-center transition-colors ease-in-out cursor-default pointer-events-none ${z.disabled}`
|
|
680
680
|
// .button:disabled, .button--is-disabled
|
|
681
|
-
},
|
|
681
|
+
}, k = {
|
|
682
682
|
// Buttontypes
|
|
683
683
|
secondary: `${h.medium} ${p.medium} ${f.secondary} ${z.secondary}`,
|
|
684
684
|
// .button--secondary, .button--default, .button
|
|
@@ -879,18 +879,18 @@ var F = function() {
|
|
|
879
879
|
}) : "");
|
|
880
880
|
}, []).join(" ");
|
|
881
881
|
};
|
|
882
|
-
const
|
|
882
|
+
const oe = {
|
|
883
883
|
negative: ut(),
|
|
884
884
|
positive: vt(),
|
|
885
885
|
warning: ht(),
|
|
886
886
|
info: pt()
|
|
887
887
|
};
|
|
888
|
-
class
|
|
888
|
+
class hr extends X {
|
|
889
889
|
constructor() {
|
|
890
890
|
super(), this.show = !1, this.role = "alert";
|
|
891
891
|
}
|
|
892
892
|
connectedCallback() {
|
|
893
|
-
if (super.connectedCallback(), !this.variant || !Object.keys(
|
|
893
|
+
if (super.connectedCallback(), !this.variant || !Object.keys(oe).includes(this.variant))
|
|
894
894
|
throw new Error(
|
|
895
895
|
`Invalid "variant" attribute. Set its value to one of the following:
|
|
896
896
|
negative, positive, warning, info.`
|
|
@@ -910,7 +910,7 @@ negative, positive, warning, info.`
|
|
|
910
910
|
});
|
|
911
911
|
}
|
|
912
912
|
get _icon() {
|
|
913
|
-
return this.variant ?
|
|
913
|
+
return this.variant ? oe[this.variant] : {};
|
|
914
914
|
}
|
|
915
915
|
render() {
|
|
916
916
|
return v`
|
|
@@ -925,7 +925,7 @@ negative, positive, warning, info.`
|
|
|
925
925
|
`;
|
|
926
926
|
}
|
|
927
927
|
}
|
|
928
|
-
$(
|
|
928
|
+
$(hr, "properties", {
|
|
929
929
|
variant: { type: String, reflect: !0 },
|
|
930
930
|
show: { type: Boolean, reflect: !0 },
|
|
931
931
|
role: { type: String, reflect: !0 }
|
|
@@ -933,7 +933,7 @@ $(pr, "properties", {
|
|
|
933
933
|
// ::slotted([Simple Selector]) confirms to Specificity rules, but (being simple) does not add weight to lightDOM skin selectors,
|
|
934
934
|
// so never gets higher Specificity. Thus in order to overwrite style linked within shadowDOM, we need to use !important.
|
|
935
935
|
// https://stackoverflow.com/a/61631668
|
|
936
|
-
$(
|
|
936
|
+
$(hr, "styles", A`
|
|
937
937
|
/* layer: preflights */
|
|
938
938
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
939
939
|
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
|
|
@@ -1589,14 +1589,14 @@ $(pr, "styles", A`
|
|
|
1589
1589
|
margin-bottom: 0px !important;
|
|
1590
1590
|
}
|
|
1591
1591
|
`);
|
|
1592
|
-
customElements.get("w-alert") || customElements.define("w-alert",
|
|
1592
|
+
customElements.get("w-alert") || customElements.define("w-alert", hr);
|
|
1593
1593
|
/**
|
|
1594
1594
|
* @license
|
|
1595
1595
|
* Copyright 2017 Google LLC
|
|
1596
1596
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1597
1597
|
*/
|
|
1598
|
-
const
|
|
1599
|
-
let
|
|
1598
|
+
const Lr = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Mr = (r) => (...o) => ({ _$litDirective$: r, values: o });
|
|
1599
|
+
let Tr = class {
|
|
1600
1600
|
constructor(o) {
|
|
1601
1601
|
}
|
|
1602
1602
|
get _$AU() {
|
|
@@ -1617,10 +1617,10 @@ let Dr = class {
|
|
|
1617
1617
|
* Copyright 2018 Google LLC
|
|
1618
1618
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1619
1619
|
*/
|
|
1620
|
-
const Se =
|
|
1620
|
+
const Se = Mr(class extends Tr {
|
|
1621
1621
|
constructor(r) {
|
|
1622
1622
|
var o;
|
|
1623
|
-
if (super(r), r.type !==
|
|
1623
|
+
if (super(r), r.type !== Lr.ATTRIBUTE || r.name !== "class" || ((o = r.strings) === null || o === void 0 ? void 0 : o.length) > 2)
|
|
1624
1624
|
throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
|
|
1625
1625
|
}
|
|
1626
1626
|
render(r) {
|
|
@@ -1642,7 +1642,7 @@ const Se = Tr(class extends Dr {
|
|
|
1642
1642
|
const i = !!o[c];
|
|
1643
1643
|
i === this.it.has(c) || !((t = this.nt) === null || t === void 0) && t.has(c) || (i ? (a.add(c), this.it.add(c)) : (a.remove(c), this.it.delete(c)));
|
|
1644
1644
|
}
|
|
1645
|
-
return
|
|
1645
|
+
return U;
|
|
1646
1646
|
}
|
|
1647
1647
|
}), ft = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
1648
1648
|
function Zo(r) {
|
|
@@ -1655,7 +1655,7 @@ function Zo(r) {
|
|
|
1655
1655
|
}
|
|
1656
1656
|
};
|
|
1657
1657
|
}
|
|
1658
|
-
function
|
|
1658
|
+
function re(r) {
|
|
1659
1659
|
const o = [];
|
|
1660
1660
|
for (const [e, t] of Object.entries(r))
|
|
1661
1661
|
t && o.push(e);
|
|
@@ -1671,7 +1671,7 @@ function L(r) {
|
|
|
1671
1671
|
function $t() {
|
|
1672
1672
|
return `m${Math.random().toString(36).slice(2)}`;
|
|
1673
1673
|
}
|
|
1674
|
-
const
|
|
1674
|
+
const ee = [
|
|
1675
1675
|
"primary",
|
|
1676
1676
|
"secondary",
|
|
1677
1677
|
"negative",
|
|
@@ -1684,10 +1684,10 @@ class To extends Zo(X) {
|
|
|
1684
1684
|
super(), this.variant = "secondary";
|
|
1685
1685
|
}
|
|
1686
1686
|
connectedCallback() {
|
|
1687
|
-
if (super.connectedCallback(), !
|
|
1687
|
+
if (super.connectedCallback(), !ee.includes(this.variant))
|
|
1688
1688
|
throw new Error(
|
|
1689
1689
|
`Invalid "variant" attribute. Set its value to one of the following:
|
|
1690
|
-
${
|
|
1690
|
+
${ee.join(
|
|
1691
1691
|
", "
|
|
1692
1692
|
)}.`
|
|
1693
1693
|
);
|
|
@@ -1696,64 +1696,48 @@ ${sr.join(
|
|
|
1696
1696
|
this.autofocus && setTimeout(() => this.focus(), 0);
|
|
1697
1697
|
}
|
|
1698
1698
|
get _classes() {
|
|
1699
|
-
const o =
|
|
1699
|
+
const o = this.variant === "primary", e = this.variant === "secondary", t = this.variant === "negative", a = this.variant === "utility", c = this.variant === "pill", i = this.variant === "link";
|
|
1700
1700
|
return F(
|
|
1701
1701
|
{
|
|
1702
|
-
[
|
|
1703
|
-
[
|
|
1704
|
-
[
|
|
1705
|
-
[
|
|
1706
|
-
[
|
|
1707
|
-
[
|
|
1708
|
-
[
|
|
1709
|
-
[
|
|
1710
|
-
[
|
|
1711
|
-
[
|
|
1712
|
-
[
|
|
1713
|
-
[
|
|
1714
|
-
[
|
|
1715
|
-
[
|
|
1716
|
-
[
|
|
1717
|
-
[
|
|
1718
|
-
[
|
|
1719
|
-
[
|
|
1720
|
-
[
|
|
1721
|
-
[
|
|
1722
|
-
[
|
|
1723
|
-
[
|
|
1724
|
-
[
|
|
1725
|
-
[
|
|
1726
|
-
[
|
|
1727
|
-
[
|
|
1728
|
-
[
|
|
1729
|
-
[
|
|
1730
|
-
[
|
|
1731
|
-
[
|
|
1732
|
-
[
|
|
1733
|
-
[
|
|
1734
|
-
[
|
|
1735
|
-
[
|
|
1736
|
-
[
|
|
1737
|
-
[
|
|
1738
|
-
[
|
|
1739
|
-
[
|
|
1740
|
-
[
|
|
1741
|
-
[w.negativeSmallDisabled]: a && this.small && !this.quiet && !this.loading && this.disabled,
|
|
1742
|
-
[w.negativeSmallQuiet]: a && this.small && this.quiet && !this.loading && !this.disabled,
|
|
1743
|
-
[w.negativeSmallQuietDisabled]: a && this.small && this.quiet && !this.loading && this.disabled,
|
|
1744
|
-
[w.negativeSmallLoading]: a && this.small && !this.quiet && this.loading,
|
|
1745
|
-
[w.negativeSmallQuietLoading]: a && this.small && this.quiet && this.loading,
|
|
1746
|
-
[w.negativeQuiet]: a && !this.small && this.quiet && !this.loading && !this.disabled,
|
|
1747
|
-
[w.negativeQuietDisabled]: a && !this.small && this.quiet && !this.loading && this.disabled,
|
|
1748
|
-
[w.negativeQuietLoading]: a && !this.small && this.quiet && this.loading,
|
|
1749
|
-
[w.negativeLoading]: a && !this.small && !this.quiet && this.loading,
|
|
1750
|
-
[w.pill]: i && !this.small && !this.loading,
|
|
1751
|
-
[w.pillSmall]: i && this.small && !this.loading,
|
|
1752
|
-
[w.pillLoading]: i && !this.small && this.loading,
|
|
1753
|
-
[w.pillSmallLoading]: i && this.small && this.loading,
|
|
1754
|
-
[w.link]: l && !this.small,
|
|
1755
|
-
[w.linkSmall]: l && this.small,
|
|
1756
|
-
[w.linkAsButton]: !!this.href
|
|
1702
|
+
[k.secondary]: e && !this.small && !this.quiet && !this.loading,
|
|
1703
|
+
[k.secondarySmall]: e && this.small && !this.quiet && !this.loading,
|
|
1704
|
+
[k.secondarySmallLoading]: e && this.small && !this.quiet && this.loading,
|
|
1705
|
+
[k.secondarySmallQuiet]: e && this.small && this.quiet && !this.loading,
|
|
1706
|
+
[k.secondarySmallQuietLoading]: e && this.small && this.quiet && this.loading,
|
|
1707
|
+
[k.secondaryQuiet]: e && !this.small && this.quiet && !this.loading,
|
|
1708
|
+
[k.secondaryQuietLoading]: e && !this.small && this.quiet && this.loading,
|
|
1709
|
+
[k.secondaryLoading]: e && !this.small && !this.quiet && this.loading,
|
|
1710
|
+
[k.primary]: o && !this.small && !this.quiet && !this.loading,
|
|
1711
|
+
[k.primarySmall]: o && this.small && !this.quiet && !this.loading,
|
|
1712
|
+
[k.primarySmallQuiet]: o && this.small && this.quiet && !this.loading,
|
|
1713
|
+
[k.primarySmallLoading]: o && this.small && !this.quiet && this.loading,
|
|
1714
|
+
[k.primarySmallQuietLoading]: o && this.small && this.quiet && this.loading,
|
|
1715
|
+
[k.primaryQuiet]: o && !this.small && this.quiet && !this.loading,
|
|
1716
|
+
[k.primaryQuietLoading]: o && !this.small && this.quiet && this.loading,
|
|
1717
|
+
[k.primaryLoading]: o && !this.small && !this.quiet && this.loading,
|
|
1718
|
+
[k.utility]: a && !this.small && !this.quiet && !this.loading,
|
|
1719
|
+
[k.utilitySmall]: a && this.small && !this.quiet && !this.loading,
|
|
1720
|
+
[k.utilitySmallQuiet]: a && this.small && this.quiet && !this.loading,
|
|
1721
|
+
[k.utilitySmallLoading]: a && this.small && !this.quiet && this.loading,
|
|
1722
|
+
[k.utilitySmallQuietLoading]: a && this.small && this.quiet && this.loading,
|
|
1723
|
+
[k.utilityQuiet]: a && !this.small && this.quiet && !this.loading,
|
|
1724
|
+
[k.utilityQuietLoading]: a && !this.small && this.quiet && this.loading,
|
|
1725
|
+
[k.utilityLoading]: a && !this.small && !this.quiet && this.loading,
|
|
1726
|
+
[k.negative]: t && !this.small && !this.quiet && !this.loading,
|
|
1727
|
+
[k.negativeSmall]: t && this.small && !this.quiet && !this.loading,
|
|
1728
|
+
[k.negativeSmallQuiet]: t && this.small && this.quiet && !this.loading,
|
|
1729
|
+
[k.negativeSmallLoading]: t && this.small && !this.quiet && this.loading,
|
|
1730
|
+
[k.negativeSmallQuietLoading]: t && this.small && this.quiet && this.loading,
|
|
1731
|
+
[k.negativeQuiet]: t && !this.small && this.quiet && !this.loading,
|
|
1732
|
+
[k.negativeQuietLoading]: t && !this.small && this.quiet && this.loading,
|
|
1733
|
+
[k.negativeLoading]: t && !this.small && !this.quiet && this.loading,
|
|
1734
|
+
[k.pill]: c && !this.small && !this.loading,
|
|
1735
|
+
[k.pillSmall]: c && this.small && !this.loading,
|
|
1736
|
+
[k.pillLoading]: c && !this.small && this.loading,
|
|
1737
|
+
[k.pillSmallLoading]: c && this.small && this.loading,
|
|
1738
|
+
[k.link]: i && !this.small,
|
|
1739
|
+
[k.linkSmall]: i && this.small,
|
|
1740
|
+
[k.linkAsButton]: !!this.href
|
|
1757
1741
|
}
|
|
1758
1742
|
);
|
|
1759
1743
|
}
|
|
@@ -2444,27 +2428,27 @@ const _ = (r) => r ?? q, te = {
|
|
|
2444
2428
|
ENTER: "Enter",
|
|
2445
2429
|
SPACE: " "
|
|
2446
2430
|
};
|
|
2447
|
-
class
|
|
2431
|
+
class pr extends X {
|
|
2448
2432
|
constructor() {
|
|
2449
2433
|
super(), this.selected = !1, this.flat = !1, this.clickable = !1;
|
|
2450
2434
|
}
|
|
2451
2435
|
get _outerClasses() {
|
|
2452
2436
|
return L({
|
|
2453
|
-
[
|
|
2454
|
-
[
|
|
2455
|
-
[
|
|
2456
|
-
[
|
|
2457
|
-
[this.selected ?
|
|
2437
|
+
[D.card]: !0,
|
|
2438
|
+
[D.cardShadow]: !this.flat,
|
|
2439
|
+
[D.cardSelected]: this.selected,
|
|
2440
|
+
[D.cardFlat]: this.flat,
|
|
2441
|
+
[this.selected ? D.cardFlatSelected : D.cardFlatUnselected]: this.flat
|
|
2458
2442
|
});
|
|
2459
2443
|
}
|
|
2460
2444
|
get _innerClasses() {
|
|
2461
2445
|
return L({
|
|
2462
|
-
[
|
|
2463
|
-
[this.selected ?
|
|
2446
|
+
[D.cardOutline]: !0,
|
|
2447
|
+
[this.selected ? D.cardOutlineSelected : D.cardOutlineUnselected]: !0
|
|
2464
2448
|
});
|
|
2465
2449
|
}
|
|
2466
2450
|
get uuButton() {
|
|
2467
|
-
return v`<button class="${
|
|
2451
|
+
return v`<button class="${D.a11y}" aria-pressed="${this.selected}" tabindex="-1">
|
|
2468
2452
|
Velg
|
|
2469
2453
|
</button>`;
|
|
2470
2454
|
}
|
|
@@ -2489,7 +2473,7 @@ class wr extends X {
|
|
|
2489
2473
|
`;
|
|
2490
2474
|
}
|
|
2491
2475
|
}
|
|
2492
|
-
$(
|
|
2476
|
+
$(pr, "styles", [
|
|
2493
2477
|
A`
|
|
2494
2478
|
/* layer: preflights */
|
|
2495
2479
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
@@ -3147,18 +3131,18 @@ $(wr, "styles", [
|
|
|
3147
3131
|
display: block;
|
|
3148
3132
|
}
|
|
3149
3133
|
`
|
|
3150
|
-
]), $(
|
|
3134
|
+
]), $(pr, "properties", {
|
|
3151
3135
|
selected: { type: Boolean, reflect: !0 },
|
|
3152
3136
|
flat: { type: Boolean },
|
|
3153
3137
|
clickable: { type: Boolean }
|
|
3154
3138
|
});
|
|
3155
|
-
customElements.get("w-card") || customElements.define("w-card",
|
|
3139
|
+
customElements.get("w-card") || customElements.define("w-card", pr);
|
|
3156
3140
|
/**
|
|
3157
3141
|
* @license
|
|
3158
3142
|
* Copyright 2021 Google LLC
|
|
3159
3143
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3160
3144
|
*/
|
|
3161
|
-
function
|
|
3145
|
+
function Ro(r, o, e) {
|
|
3162
3146
|
return r ? o() : e == null ? void 0 : e();
|
|
3163
3147
|
}
|
|
3164
3148
|
/**
|
|
@@ -3166,15 +3150,15 @@ function Do(r, o, e) {
|
|
|
3166
3150
|
* Copyright 2017 Google LLC
|
|
3167
3151
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3168
3152
|
*/
|
|
3169
|
-
let
|
|
3153
|
+
let wr = class extends Tr {
|
|
3170
3154
|
constructor(o) {
|
|
3171
|
-
if (super(o), this.et = q, o.type !==
|
|
3155
|
+
if (super(o), this.et = q, o.type !== Lr.CHILD)
|
|
3172
3156
|
throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
3173
3157
|
}
|
|
3174
3158
|
render(o) {
|
|
3175
3159
|
if (o === q || o == null)
|
|
3176
3160
|
return this.ft = void 0, this.et = o;
|
|
3177
|
-
if (o ===
|
|
3161
|
+
if (o === U)
|
|
3178
3162
|
return o;
|
|
3179
3163
|
if (typeof o != "string")
|
|
3180
3164
|
throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
@@ -3185,10 +3169,10 @@ let xr = class extends Dr {
|
|
|
3185
3169
|
return e.raw = e, this.ft = { _$litType$: this.constructor.resultType, strings: e, values: [] };
|
|
3186
3170
|
}
|
|
3187
3171
|
};
|
|
3188
|
-
|
|
3189
|
-
const Ae =
|
|
3190
|
-
var Wo, Ce, Go, Ee, Jo, Le, Ko, Me, go,
|
|
3191
|
-
class
|
|
3172
|
+
wr.directiveName = "unsafeHTML", wr.resultType = 1;
|
|
3173
|
+
const Ae = Mr(wr);
|
|
3174
|
+
var Wo, Ce, Go, Ee, Jo, Le, Ko, Me, go, Po, uo, Do;
|
|
3175
|
+
class xr extends Zo(X) {
|
|
3192
3176
|
constructor() {
|
|
3193
3177
|
super();
|
|
3194
3178
|
J(this, Wo);
|
|
@@ -3201,11 +3185,11 @@ class mr extends Zo(X) {
|
|
|
3201
3185
|
}
|
|
3202
3186
|
render() {
|
|
3203
3187
|
return v`<div class="${no.wrapper}">
|
|
3204
|
-
${
|
|
3188
|
+
${Ro(
|
|
3205
3189
|
this.label,
|
|
3206
|
-
() => v`<label class="${T(this, Go, Ee)}" for="${T(this, go,
|
|
3190
|
+
() => v`<label class="${T(this, Go, Ee)}" for="${T(this, go, Po)}">
|
|
3207
3191
|
${this.label}
|
|
3208
|
-
${
|
|
3192
|
+
${Ro(
|
|
3209
3193
|
this.optional,
|
|
3210
3194
|
() => v`<span class="${fo.optional}">(valgfritt)</span>`
|
|
3211
3195
|
)}</label
|
|
@@ -3214,11 +3198,11 @@ class mr extends Zo(X) {
|
|
|
3214
3198
|
<div class="${no.selectWrapper}">
|
|
3215
3199
|
<select
|
|
3216
3200
|
class="${T(this, Wo, Ce)}"
|
|
3217
|
-
id="${T(this, go,
|
|
3201
|
+
id="${T(this, go, Po)}"
|
|
3218
3202
|
?autofocus=${this.autoFocus}
|
|
3219
|
-
aria-describedby="${_(T(this, uo,
|
|
3203
|
+
aria-describedby="${_(T(this, uo, Do))}"
|
|
3220
3204
|
aria-invalid="${_(this.invalid)}"
|
|
3221
|
-
aria-errormessage="${_(this.invalid && T(this, uo,
|
|
3205
|
+
aria-errormessage="${_(this.invalid && T(this, uo, Do))}"
|
|
3222
3206
|
>
|
|
3223
3207
|
${Ae(this._options)}
|
|
3224
3208
|
</select>
|
|
@@ -3240,9 +3224,9 @@ class mr extends Zo(X) {
|
|
|
3240
3224
|
</svg>
|
|
3241
3225
|
</div>
|
|
3242
3226
|
</div>
|
|
3243
|
-
${
|
|
3227
|
+
${Ro(
|
|
3244
3228
|
this.always || this.invalid,
|
|
3245
|
-
() => v`<div id="${T(this, uo,
|
|
3229
|
+
() => v`<div id="${T(this, uo, Do)}" class="${T(this, Jo, Le)}">${this.hint}</div>`
|
|
3246
3230
|
)}
|
|
3247
3231
|
</div>`;
|
|
3248
3232
|
}
|
|
@@ -3267,11 +3251,11 @@ Wo = new WeakSet(), Ce = function() {
|
|
|
3267
3251
|
[no.chevron]: !0,
|
|
3268
3252
|
[no.chevronDisabled]: this.disabled
|
|
3269
3253
|
});
|
|
3270
|
-
}, go = new WeakSet(),
|
|
3254
|
+
}, go = new WeakSet(), Po = function() {
|
|
3271
3255
|
return "select_id";
|
|
3272
|
-
}, uo = new WeakSet(),
|
|
3273
|
-
return this.hint ? `${T(this, go,
|
|
3274
|
-
}, $(
|
|
3256
|
+
}, uo = new WeakSet(), Do = function() {
|
|
3257
|
+
return this.hint ? `${T(this, go, Po)}__hint` : void 0;
|
|
3258
|
+
}, $(xr, "properties", {
|
|
3275
3259
|
// Whether the element should receive focus on render
|
|
3276
3260
|
autoFocus: { type: Boolean, reflect: !0 },
|
|
3277
3261
|
// Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error
|
|
@@ -3285,7 +3269,7 @@ Wo = new WeakSet(), Ce = function() {
|
|
|
3285
3269
|
// Whether to show optional text
|
|
3286
3270
|
optional: { type: Boolean, reflect: !0 },
|
|
3287
3271
|
_options: { state: !0 }
|
|
3288
|
-
}), $(
|
|
3272
|
+
}), $(xr, "styles", A`
|
|
3289
3273
|
/* layer: preflights */
|
|
3290
3274
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
3291
3275
|
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
|
|
@@ -3931,8 +3915,8 @@ Wo = new WeakSet(), Ce = function() {
|
|
|
3931
3915
|
.sm\\:pt-32{padding-top:3.2rem;}
|
|
3932
3916
|
}
|
|
3933
3917
|
`);
|
|
3934
|
-
customElements.get("w-select") || customElements.define("w-select",
|
|
3935
|
-
class
|
|
3918
|
+
customElements.get("w-select") || customElements.define("w-select", xr);
|
|
3919
|
+
class mr extends X {
|
|
3936
3920
|
get _class() {
|
|
3937
3921
|
return L({
|
|
3938
3922
|
[I.box]: !0,
|
|
@@ -3950,7 +3934,7 @@ class kr extends X {
|
|
|
3950
3934
|
`;
|
|
3951
3935
|
}
|
|
3952
3936
|
}
|
|
3953
|
-
$(
|
|
3937
|
+
$(mr, "properties", {
|
|
3954
3938
|
bleed: { type: Boolean },
|
|
3955
3939
|
bordered: { type: Boolean },
|
|
3956
3940
|
info: { type: Boolean },
|
|
@@ -3959,7 +3943,7 @@ $(kr, "properties", {
|
|
|
3959
3943
|
// ::slotted([Simple Selector]) confirms to Specificity rules, but (being simple) does not add weight to lightDOM skin selectors,
|
|
3960
3944
|
// so never gets higher Specificity. Thus in order to overwrite style linked within shadowDOM, we need to use !important.
|
|
3961
3945
|
// https://stackoverflow.com/a/61631668
|
|
3962
|
-
$(
|
|
3946
|
+
$(mr, "styles", A`
|
|
3963
3947
|
/* layer: preflights */
|
|
3964
3948
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
3965
3949
|
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
|
|
@@ -4611,12 +4595,12 @@ $(kr, "styles", A`
|
|
|
4611
4595
|
margin-bottom: 0 !important;
|
|
4612
4596
|
}
|
|
4613
4597
|
`);
|
|
4614
|
-
customElements.get("w-box") || customElements.define("w-box",
|
|
4598
|
+
customElements.get("w-box") || customElements.define("w-box", mr);
|
|
4615
4599
|
function yt(r, o) {
|
|
4616
4600
|
return r.flatMap((e) => [e, o]).slice(0, -1);
|
|
4617
4601
|
}
|
|
4618
4602
|
const zt = v`<span class=${so.separator} aria-hidden='true'>/</span>`;
|
|
4619
|
-
class
|
|
4603
|
+
class kr extends Zo(X) {
|
|
4620
4604
|
constructor() {
|
|
4621
4605
|
super(), this.ariaLabel = "Her er du";
|
|
4622
4606
|
}
|
|
@@ -4642,7 +4626,7 @@ class fr extends Zo(X) {
|
|
|
4642
4626
|
`;
|
|
4643
4627
|
}
|
|
4644
4628
|
}
|
|
4645
|
-
$(
|
|
4629
|
+
$(kr, "styles", A`
|
|
4646
4630
|
/* layer: preflights */
|
|
4647
4631
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
4648
4632
|
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
|
|
@@ -5287,36 +5271,36 @@ $(fr, "styles", A`
|
|
|
5287
5271
|
.sm\\:pb-32{padding-bottom:3.2rem;}
|
|
5288
5272
|
.sm\\:pt-32{padding-top:3.2rem;}
|
|
5289
5273
|
}
|
|
5290
|
-
`), $(
|
|
5274
|
+
`), $(kr, "properties", {
|
|
5291
5275
|
ariaLabel: { type: String }
|
|
5292
5276
|
});
|
|
5293
|
-
customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs",
|
|
5277
|
+
customElements.get("w-breadcrumbs") || customElements.define("w-breadcrumbs", kr);
|
|
5294
5278
|
const Rr = typeof window < "u";
|
|
5295
5279
|
let Te = !0;
|
|
5296
5280
|
if (Rr) {
|
|
5297
5281
|
const r = window.matchMedia("(prefers-reduced-motion: reduce)"), o = ({ matches: e }) => Te = !e;
|
|
5298
5282
|
r.addEventListener && r.addEventListener("change", o), o(r);
|
|
5299
5283
|
}
|
|
5300
|
-
const
|
|
5284
|
+
const Re = (r) => {
|
|
5301
5285
|
r.style.transition = null, r.style.backfaceVisibility = null, r.style.overflow = null;
|
|
5302
|
-
},
|
|
5286
|
+
}, Pe = (r) => {
|
|
5303
5287
|
const o = Te ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
|
|
5304
5288
|
r.style.transition = `height ${o}`, r.style.backfaceVisibility = "hidden", r.style.overflow = "hidden";
|
|
5305
5289
|
}, _t = (r, o) => () => {
|
|
5306
5290
|
r.style.height = "auto", r.style.overflow = null, o && o();
|
|
5307
5291
|
}, qt = (r) => () => {
|
|
5308
5292
|
r && r();
|
|
5309
|
-
},
|
|
5293
|
+
}, De = (r, o) => {
|
|
5310
5294
|
const e = (() => {
|
|
5311
5295
|
if (!o)
|
|
5312
5296
|
return new Promise((c) => {
|
|
5313
5297
|
o = c;
|
|
5314
5298
|
});
|
|
5315
5299
|
})(), t = _t(r, o);
|
|
5316
|
-
|
|
5300
|
+
Re(r), r.style.height = "auto";
|
|
5317
5301
|
let a = r.scrollHeight;
|
|
5318
5302
|
if (Rr && requestAnimationFrame(() => {
|
|
5319
|
-
r.addEventListener("transitionend", t, { once: !0 }), r.style.height = "0px", r.style.transitionTimingFunction = "ease-out",
|
|
5303
|
+
r.addEventListener("transitionend", t, { once: !0 }), r.style.height = "0px", r.style.transitionTimingFunction = "ease-out", Pe(r), requestAnimationFrame(() => r.style.height = a + "px");
|
|
5320
5304
|
}), e)
|
|
5321
5305
|
return e;
|
|
5322
5306
|
}, Be = (r, o) => {
|
|
@@ -5326,10 +5310,10 @@ const De = (r) => {
|
|
|
5326
5310
|
o = c;
|
|
5327
5311
|
});
|
|
5328
5312
|
})(), t = qt(o);
|
|
5329
|
-
|
|
5313
|
+
Re(r);
|
|
5330
5314
|
let a = r.scrollHeight;
|
|
5331
5315
|
if (Rr && requestAnimationFrame(() => {
|
|
5332
|
-
r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in",
|
|
5316
|
+
r.addEventListener("transitionend", t, { once: !0 }), r.style.height = a + "px", r.style.transitionTimingFunction = "ease-in", Pe(r), requestAnimationFrame(() => r.style.height = "0px");
|
|
5333
5317
|
}), e)
|
|
5334
5318
|
return e;
|
|
5335
5319
|
}, Xt = () => v`
|
|
@@ -5411,12 +5395,12 @@ const De = (r) => {
|
|
|
5411
5395
|
for (const a of e.split(" "))
|
|
5412
5396
|
o[a] = t;
|
|
5413
5397
|
return Se(o);
|
|
5414
|
-
},
|
|
5398
|
+
}, P = {
|
|
5415
5399
|
success: "success",
|
|
5416
5400
|
error: "error",
|
|
5417
5401
|
warning: "warning"
|
|
5418
5402
|
};
|
|
5419
|
-
class
|
|
5403
|
+
class fr extends X {
|
|
5420
5404
|
constructor() {
|
|
5421
5405
|
super(), this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5), this.type = "success", this.text = "", this.canclose = !1;
|
|
5422
5406
|
}
|
|
@@ -5427,22 +5411,22 @@ class $r extends X {
|
|
|
5427
5411
|
super.disconnectedCallback();
|
|
5428
5412
|
}
|
|
5429
5413
|
updated() {
|
|
5430
|
-
!this._expanded && this._wrapper &&
|
|
5414
|
+
!this._expanded && this._wrapper && De(this._wrapper, () => this._expanded = !0);
|
|
5431
5415
|
}
|
|
5432
5416
|
get _primaryClasses() {
|
|
5433
5417
|
return ae({
|
|
5434
|
-
[
|
|
5435
|
-
[
|
|
5436
|
-
[
|
|
5437
|
-
[
|
|
5418
|
+
[R.toast]: !0,
|
|
5419
|
+
[R.positive]: this.type === P.success,
|
|
5420
|
+
[R.warning]: this.type === P.warning,
|
|
5421
|
+
[R.negative]: this.type === P.error
|
|
5438
5422
|
});
|
|
5439
5423
|
}
|
|
5440
5424
|
get _iconClasses() {
|
|
5441
5425
|
return ae({
|
|
5442
|
-
[
|
|
5443
|
-
[
|
|
5444
|
-
[
|
|
5445
|
-
[
|
|
5426
|
+
[R.icon]: !0,
|
|
5427
|
+
[R.iconPositive]: this.type == P.success,
|
|
5428
|
+
[R.iconWarning]: this.type === P.warning,
|
|
5429
|
+
[R.iconNegative]: this.type === P.error
|
|
5446
5430
|
});
|
|
5447
5431
|
}
|
|
5448
5432
|
get _wrapper() {
|
|
@@ -5450,13 +5434,13 @@ class $r extends X {
|
|
|
5450
5434
|
return ((o = this.renderRoot) == null ? void 0 : o.querySelector("section")) ?? null;
|
|
5451
5435
|
}
|
|
5452
5436
|
get _success() {
|
|
5453
|
-
return this.type ===
|
|
5437
|
+
return this.type === P.success;
|
|
5454
5438
|
}
|
|
5455
5439
|
get _warning() {
|
|
5456
|
-
return this.type ===
|
|
5440
|
+
return this.type === P.warning;
|
|
5457
5441
|
}
|
|
5458
5442
|
get _error() {
|
|
5459
|
-
return this.type ===
|
|
5443
|
+
return this.type === P.error;
|
|
5460
5444
|
}
|
|
5461
5445
|
get _role() {
|
|
5462
5446
|
return this._error || this._warning ? "alert" : "status";
|
|
@@ -5465,7 +5449,7 @@ class $r extends X {
|
|
|
5465
5449
|
return this._success ? "Vellykket" : this._error ? "Feil" : this._warning ? "Varsel" : "Info";
|
|
5466
5450
|
}
|
|
5467
5451
|
get _iconMarkup() {
|
|
5468
|
-
return this.type ===
|
|
5452
|
+
return this.type === P.success ? jt({ typeLabel: this._typeLabel }) : this.type === P.warning ? Zt({ typeLabel: this._typeLabel }) : Yt({ typeLabel: this._typeLabel, isInfo: this._info });
|
|
5469
5453
|
}
|
|
5470
5454
|
async collapse() {
|
|
5471
5455
|
return new Promise((o) => {
|
|
@@ -5481,21 +5465,21 @@ class $r extends X {
|
|
|
5481
5465
|
this.updateComplete.then(() => this.dispatchEvent(o));
|
|
5482
5466
|
}
|
|
5483
5467
|
render() {
|
|
5484
|
-
return this.text ? v` <section class="${
|
|
5468
|
+
return this.text ? v` <section class="${R.wrapper}" aria-label="${this._typeLabel}">
|
|
5485
5469
|
<div class="${this._primaryClasses}">
|
|
5486
5470
|
<div class="${this._iconClasses}">${this._iconMarkup}</div>
|
|
5487
|
-
<div role="${this._role}" class="${
|
|
5471
|
+
<div role="${this._role}" class="${R.content}">
|
|
5488
5472
|
<p>${this.text}</p>
|
|
5489
5473
|
</div>
|
|
5490
|
-
${
|
|
5474
|
+
${Ro(
|
|
5491
5475
|
this.canclose === !0,
|
|
5492
|
-
() => v`<button class="${
|
|
5476
|
+
() => v`<button class="${R.close}" @click="${this.close}">${Xt()}</button>`
|
|
5493
5477
|
)}
|
|
5494
5478
|
</div>
|
|
5495
5479
|
</section>` : v``;
|
|
5496
5480
|
}
|
|
5497
5481
|
}
|
|
5498
|
-
$(
|
|
5482
|
+
$(fr, "styles", [
|
|
5499
5483
|
A`
|
|
5500
5484
|
/* layer: preflights */
|
|
5501
5485
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
@@ -6145,13 +6129,13 @@ $($r, "styles", [
|
|
|
6145
6129
|
display: block;
|
|
6146
6130
|
}
|
|
6147
6131
|
`
|
|
6148
|
-
]), $(
|
|
6132
|
+
]), $(fr, "properties", {
|
|
6149
6133
|
id: { type: String, attribute: !0, reflect: !0 },
|
|
6150
6134
|
type: { type: String, attribute: !0, reflect: !0 },
|
|
6151
6135
|
text: { type: String, attribute: !0, reflect: !0 },
|
|
6152
6136
|
canclose: { type: Boolean, attribute: !0, reflect: !0 }
|
|
6153
6137
|
});
|
|
6154
|
-
customElements.get("w-toast") || customElements.define("w-toast",
|
|
6138
|
+
customElements.get("w-toast") || customElements.define("w-toast", fr);
|
|
6155
6139
|
/**
|
|
6156
6140
|
* @license
|
|
6157
6141
|
* Copyright 2020 Google LLC
|
|
@@ -6178,7 +6162,7 @@ const { I: Lt } = dt, ce = () => document.createComment(""), ko = (r, o, e) => {
|
|
|
6178
6162
|
}
|
|
6179
6163
|
}
|
|
6180
6164
|
return e;
|
|
6181
|
-
}, ro = (r, o, e = r) => (r._$AI(o, e), r), Mt = {}, Tt = (r, o = Mt) => r._$AH = o,
|
|
6165
|
+
}, ro = (r, o, e = r) => (r._$AI(o, e), r), Mt = {}, Tt = (r, o = Mt) => r._$AH = o, Rt = (r) => r._$AH, sr = (r) => {
|
|
6182
6166
|
var o;
|
|
6183
6167
|
(o = r._$AP) === null || o === void 0 || o.call(r, !1, !0);
|
|
6184
6168
|
let e = r._$AA;
|
|
@@ -6198,9 +6182,9 @@ const ie = (r, o, e) => {
|
|
|
6198
6182
|
for (let a = o; a <= e; a++)
|
|
6199
6183
|
t.set(r[a], a);
|
|
6200
6184
|
return t;
|
|
6201
|
-
}, Ne =
|
|
6185
|
+
}, Ne = Mr(class extends Tr {
|
|
6202
6186
|
constructor(r) {
|
|
6203
|
-
if (super(r), r.type !==
|
|
6187
|
+
if (super(r), r.type !== Lr.CHILD)
|
|
6204
6188
|
throw Error("repeat() can only be used in text expressions");
|
|
6205
6189
|
}
|
|
6206
6190
|
dt(r, o, e) {
|
|
@@ -6217,49 +6201,49 @@ const ie = (r, o, e) => {
|
|
|
6217
6201
|
}
|
|
6218
6202
|
update(r, [o, e, t]) {
|
|
6219
6203
|
var a;
|
|
6220
|
-
const c =
|
|
6204
|
+
const c = Rt(r), { values: i, keys: l } = this.dt(o, e, t);
|
|
6221
6205
|
if (!Array.isArray(c))
|
|
6222
6206
|
return this.ht = l, i;
|
|
6223
6207
|
const d = (a = this.ht) !== null && a !== void 0 ? a : this.ht = [], n = [];
|
|
6224
|
-
let s, b, g = 0,
|
|
6225
|
-
for (; g <=
|
|
6208
|
+
let s, b, g = 0, w = c.length - 1, x = 0, m = i.length - 1;
|
|
6209
|
+
for (; g <= w && x <= m; )
|
|
6226
6210
|
if (c[g] === null)
|
|
6227
6211
|
g++;
|
|
6228
|
-
else if (c[
|
|
6229
|
-
|
|
6212
|
+
else if (c[w] === null)
|
|
6213
|
+
w--;
|
|
6214
|
+
else if (d[g] === l[x])
|
|
6215
|
+
n[x] = ro(c[g], i[x]), g++, x++;
|
|
6216
|
+
else if (d[w] === l[m])
|
|
6217
|
+
n[m] = ro(c[w], i[m]), w--, m--;
|
|
6230
6218
|
else if (d[g] === l[m])
|
|
6231
|
-
n[m] = ro(c[g], i[m]), g++, m
|
|
6232
|
-
else if (d[
|
|
6233
|
-
n[
|
|
6234
|
-
else if (d
|
|
6235
|
-
|
|
6236
|
-
|
|
6237
|
-
n[m] = ro(c[x], i[m]), ko(r, c[g], c[x]), x--, m++;
|
|
6238
|
-
else if (s === void 0 && (s = ie(l, m, k), b = ie(d, g, x)), s.has(d[g]))
|
|
6239
|
-
if (s.has(d[x])) {
|
|
6240
|
-
const y = b.get(l[m]), Y = y !== void 0 ? c[y] : null;
|
|
6219
|
+
n[m] = ro(c[g], i[m]), ko(r, n[m + 1], c[g]), g++, m--;
|
|
6220
|
+
else if (d[w] === l[x])
|
|
6221
|
+
n[x] = ro(c[w], i[x]), ko(r, c[g], c[w]), w--, x++;
|
|
6222
|
+
else if (s === void 0 && (s = ie(l, x, m), b = ie(d, g, w)), s.has(d[g]))
|
|
6223
|
+
if (s.has(d[w])) {
|
|
6224
|
+
const y = b.get(l[x]), Y = y !== void 0 ? c[y] : null;
|
|
6241
6225
|
if (Y === null) {
|
|
6242
6226
|
const j = ko(r, c[g]);
|
|
6243
|
-
ro(j, i[
|
|
6227
|
+
ro(j, i[x]), n[x] = j;
|
|
6244
6228
|
} else
|
|
6245
|
-
n[
|
|
6246
|
-
|
|
6229
|
+
n[x] = ro(Y, i[x]), ko(r, c[g], Y), c[y] = null;
|
|
6230
|
+
x++;
|
|
6247
6231
|
} else
|
|
6248
|
-
|
|
6232
|
+
sr(c[w]), w--;
|
|
6249
6233
|
else
|
|
6250
|
-
|
|
6251
|
-
for (;
|
|
6252
|
-
const y = ko(r, n[
|
|
6253
|
-
ro(y, i[
|
|
6234
|
+
sr(c[g]), g++;
|
|
6235
|
+
for (; x <= m; ) {
|
|
6236
|
+
const y = ko(r, n[m + 1]);
|
|
6237
|
+
ro(y, i[x]), n[x++] = y;
|
|
6254
6238
|
}
|
|
6255
|
-
for (; g <=
|
|
6239
|
+
for (; g <= w; ) {
|
|
6256
6240
|
const y = c[g++];
|
|
6257
|
-
y !== null &&
|
|
6241
|
+
y !== null && sr(y);
|
|
6258
6242
|
}
|
|
6259
|
-
return this.ht = l, Tt(r, n),
|
|
6243
|
+
return this.ht = l, Tt(r, n), U;
|
|
6260
6244
|
}
|
|
6261
6245
|
});
|
|
6262
|
-
class
|
|
6246
|
+
class $r extends X {
|
|
6263
6247
|
constructor() {
|
|
6264
6248
|
super(), this._toasts = /* @__PURE__ */ new Map();
|
|
6265
6249
|
}
|
|
@@ -6353,7 +6337,7 @@ class yr extends X {
|
|
|
6353
6337
|
`;
|
|
6354
6338
|
}
|
|
6355
6339
|
}
|
|
6356
|
-
$(
|
|
6340
|
+
$($r, "styles", [
|
|
6357
6341
|
A`
|
|
6358
6342
|
/* layer: preflights */
|
|
6359
6343
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
@@ -7003,10 +6987,10 @@ $(yr, "styles", [
|
|
|
7003
6987
|
display: block;
|
|
7004
6988
|
}
|
|
7005
6989
|
`
|
|
7006
|
-
]), $(
|
|
6990
|
+
]), $($r, "properties", {
|
|
7007
6991
|
_toasts: { state: !0 }
|
|
7008
6992
|
});
|
|
7009
|
-
customElements.get("w-toast-container") || customElements.define("w-toast-container",
|
|
6993
|
+
customElements.get("w-toast-container") || customElements.define("w-toast-container", $r);
|
|
7010
6994
|
const qo = typeof window < "u";
|
|
7011
6995
|
function xa(r, o) {
|
|
7012
6996
|
if (!qo)
|
|
@@ -7029,7 +7013,7 @@ function ka(r, o) {
|
|
|
7029
7013
|
const e = customElements.get("w-toast-container").init();
|
|
7030
7014
|
return e.set({ ...e.get(r), ...o }), e.get(r);
|
|
7031
7015
|
}
|
|
7032
|
-
class
|
|
7016
|
+
class yr extends X {
|
|
7033
7017
|
constructor() {
|
|
7034
7018
|
super(), this._messages = [], this.interval = 3e4, this._hiddenMessageIds = [], this.url = qo ? window.location.href : "";
|
|
7035
7019
|
}
|
|
@@ -7072,7 +7056,7 @@ class zr extends X {
|
|
|
7072
7056
|
`;
|
|
7073
7057
|
}
|
|
7074
7058
|
}
|
|
7075
|
-
$(
|
|
7059
|
+
$(yr, "properties", {
|
|
7076
7060
|
_messages: {
|
|
7077
7061
|
state: !0,
|
|
7078
7062
|
hasChanged(o, e) {
|
|
@@ -7089,7 +7073,7 @@ $(zr, "properties", {
|
|
|
7089
7073
|
interval: { type: Number, attribute: !0, reflect: !0 },
|
|
7090
7074
|
url: { type: String, attribute: !0, reflect: !0 },
|
|
7091
7075
|
api: { type: String, attribute: !0, reflect: !0 }
|
|
7092
|
-
}), $(
|
|
7076
|
+
}), $(yr, "styles", A`
|
|
7093
7077
|
/* layer: preflights */
|
|
7094
7078
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
7095
7079
|
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
|
|
@@ -7736,7 +7720,7 @@ $(zr, "properties", {
|
|
|
7736
7720
|
.sm\\:pt-32{padding-top:3.2rem;}
|
|
7737
7721
|
}
|
|
7738
7722
|
`);
|
|
7739
|
-
customElements.get("w-broadcast") || customElements.define("w-broadcast",
|
|
7723
|
+
customElements.get("w-broadcast") || customElements.define("w-broadcast", yr);
|
|
7740
7724
|
function So(r) {
|
|
7741
7725
|
return r.split("-")[0];
|
|
7742
7726
|
}
|
|
@@ -7778,12 +7762,12 @@ function le(r, o, e) {
|
|
|
7778
7762
|
}
|
|
7779
7763
|
return b;
|
|
7780
7764
|
}
|
|
7781
|
-
const
|
|
7765
|
+
const Pt = async (r, o, e) => {
|
|
7782
7766
|
const { placement: t = "bottom", strategy: a = "absolute", middleware: c = [], platform: i } = e, l = await (i.isRTL == null ? void 0 : i.isRTL(o));
|
|
7783
|
-
let d = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: n, y: s } = le(d, t, l), b = t, g = {},
|
|
7784
|
-
for (let
|
|
7785
|
-
const { name:
|
|
7786
|
-
n = Y ?? n, s = j ?? s, g = { ...g, [
|
|
7767
|
+
let d = await i.getElementRects({ reference: r, floating: o, strategy: a }), { x: n, y: s } = le(d, t, l), b = t, g = {}, w = 0;
|
|
7768
|
+
for (let x = 0; x < c.length; x++) {
|
|
7769
|
+
const { name: m, fn: y } = c[x], { x: Y, y: j, data: C, reset: Z } = await y({ x: n, y: s, initialPlacement: t, placement: b, strategy: a, middlewareData: g, rects: d, platform: i, elements: { reference: r, floating: o } });
|
|
7770
|
+
n = Y ?? n, s = j ?? s, g = { ...g, [m]: { ...g[m], ...C } }, Z && w <= 50 && (w++, typeof Z == "object" && (Z.placement && (b = Z.placement), Z.rects && (d = Z.rects === !0 ? await i.getElementRects({ reference: r, floating: o, strategy: a }) : Z.rects), { x: n, y: s } = le(d, b, l)), x = -1);
|
|
7787
7771
|
}
|
|
7788
7772
|
return { x: n, y: s, placement: b, strategy: a, middlewareData: g };
|
|
7789
7773
|
};
|
|
@@ -7798,47 +7782,47 @@ function Ho(r) {
|
|
|
7798
7782
|
async function Ie(r, o) {
|
|
7799
7783
|
var e;
|
|
7800
7784
|
o === void 0 && (o = {});
|
|
7801
|
-
const { x: t, y: a, platform: c, rects: i, elements: l, strategy: d } = r, { boundary: n = "clippingAncestors", rootBoundary: s = "viewport", elementContext: b = "floating", altBoundary: g = !1, padding:
|
|
7802
|
-
return { top: y.top - Y.top +
|
|
7785
|
+
const { x: t, y: a, platform: c, rects: i, elements: l, strategy: d } = r, { boundary: n = "clippingAncestors", rootBoundary: s = "viewport", elementContext: b = "floating", altBoundary: g = !1, padding: w = 0 } = o, x = Oe(w), m = l[g ? b === "floating" ? "reference" : "floating" : b], y = Ho(await c.getClippingRect({ element: (e = await (c.isElement == null ? void 0 : c.isElement(m))) == null || e ? m : m.contextElement || await (c.getDocumentElement == null ? void 0 : c.getDocumentElement(l.floating)), boundary: n, rootBoundary: s, strategy: d })), Y = Ho(c.convertOffsetParentRelativeRectToViewportRelativeRect ? await c.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: b === "floating" ? { ...i.floating, x: t, y: a } : i.reference, offsetParent: await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(l.floating)), strategy: d }) : i[b]);
|
|
7786
|
+
return { top: y.top - Y.top + x.top, bottom: Y.bottom - y.bottom + x.bottom, left: y.left - Y.left + x.left, right: Y.right - y.right + x.right };
|
|
7803
7787
|
}
|
|
7804
|
-
const
|
|
7805
|
-
function
|
|
7806
|
-
return Bt(r,
|
|
7788
|
+
const Dt = Math.min, Bt = Math.max;
|
|
7789
|
+
function zr(r, o, e) {
|
|
7790
|
+
return Bt(r, Dt(o, e));
|
|
7807
7791
|
}
|
|
7808
7792
|
const Nt = (r) => ({ name: "arrow", options: r, async fn(o) {
|
|
7809
7793
|
const { element: e, padding: t = 0 } = r ?? {}, { x: a, y: c, placement: i, rects: l, platform: d } = o;
|
|
7810
7794
|
if (e == null)
|
|
7811
7795
|
return {};
|
|
7812
|
-
const n = Oe(t), s = { x: a, y: c }, b = Ao(i), g = rr(i),
|
|
7796
|
+
const n = Oe(t), s = { x: a, y: c }, b = Ao(i), g = rr(i), w = Pr(b), x = await d.getDimensions(e), m = b === "y" ? "top" : "left", y = b === "y" ? "bottom" : "right", Y = l.reference[w] + l.reference[b] - s[b] - l.floating[w], j = s[b] - l.reference[b], C = await (d.getOffsetParent == null ? void 0 : d.getOffsetParent(e));
|
|
7813
7797
|
let Z = C ? b === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0;
|
|
7814
|
-
Z === 0 && (Z = l.floating[
|
|
7815
|
-
const Eo = Y / 2 - j / 2, io = n[
|
|
7798
|
+
Z === 0 && (Z = l.floating[w]);
|
|
7799
|
+
const Eo = Y / 2 - j / 2, io = n[m], po = Z - x[w] - n[y], S = Z / 2 - x[w] / 2 + Eo, M = zr(io, S, po), lo = (g === "start" ? n[m] : n[y]) > 0 && S !== M && l.reference[w] <= l.floating[w];
|
|
7816
7800
|
return { [b]: s[b] - (lo ? S < io ? io - S : po - S : 0), data: { [b]: M, centerOffset: S - M } };
|
|
7817
7801
|
} }), Ot = { left: "right", right: "left", bottom: "top", top: "bottom" };
|
|
7818
|
-
function
|
|
7802
|
+
function Uo(r) {
|
|
7819
7803
|
return r.replace(/left|right|bottom|top/g, (o) => Ot[o]);
|
|
7820
7804
|
}
|
|
7821
7805
|
function It(r, o, e) {
|
|
7822
7806
|
e === void 0 && (e = !1);
|
|
7823
7807
|
const t = rr(r), a = Ao(r), c = Pr(a);
|
|
7824
7808
|
let i = a === "x" ? t === (e ? "end" : "start") ? "right" : "left" : t === "start" ? "bottom" : "top";
|
|
7825
|
-
return o.reference[c] > o.floating[c] && (i =
|
|
7809
|
+
return o.reference[c] > o.floating[c] && (i = Uo(i)), { main: i, cross: Uo(i) };
|
|
7826
7810
|
}
|
|
7827
7811
|
const Ht = { start: "end", end: "start" };
|
|
7828
7812
|
function de(r) {
|
|
7829
7813
|
return r.replace(/start|end/g, (o) => Ht[o]);
|
|
7830
7814
|
}
|
|
7831
|
-
const
|
|
7832
|
-
|
|
7833
|
-
const
|
|
7815
|
+
const Ut = ["top", "right", "bottom", "left"];
|
|
7816
|
+
Ut.reduce((r, o) => r.concat(o, o + "-start", o + "-end"), []);
|
|
7817
|
+
const Qt = function(r) {
|
|
7834
7818
|
return r === void 0 && (r = {}), { name: "flip", options: r, async fn(o) {
|
|
7835
7819
|
var e;
|
|
7836
|
-
const { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: d } = o, { mainAxis: n = !0, crossAxis: s = !0, fallbackPlacements: b, fallbackStrategy: g = "bestFit", flipAlignment:
|
|
7837
|
-
const M =
|
|
7820
|
+
const { placement: t, middlewareData: a, rects: c, initialPlacement: i, platform: l, elements: d } = o, { mainAxis: n = !0, crossAxis: s = !0, fallbackPlacements: b, fallbackStrategy: g = "bestFit", flipAlignment: w = !0, ...x } = r, m = So(t), y = b || (m === i || !w ? [Uo(i)] : function(S) {
|
|
7821
|
+
const M = Uo(S);
|
|
7838
7822
|
return [de(S), M, de(M)];
|
|
7839
|
-
}(i)), Y = [i, ...y], j = await Ie(o,
|
|
7823
|
+
}(i)), Y = [i, ...y], j = await Ie(o, x), C = [];
|
|
7840
7824
|
let Z = ((e = a.flip) == null ? void 0 : e.overflows) || [];
|
|
7841
|
-
if (n && C.push(j[
|
|
7825
|
+
if (n && C.push(j[m]), s) {
|
|
7842
7826
|
const { main: S, cross: M } = It(t, c, await (l.isRTL == null ? void 0 : l.isRTL(d.floating)));
|
|
7843
7827
|
C.push(j[S], j[M]);
|
|
7844
7828
|
}
|
|
@@ -7851,8 +7835,8 @@ const Ut = function(r) {
|
|
|
7851
7835
|
switch (g) {
|
|
7852
7836
|
case "bestFit": {
|
|
7853
7837
|
var po;
|
|
7854
|
-
const
|
|
7855
|
-
|
|
7838
|
+
const Br = (po = Z.map((Lo) => [Lo, Lo.overflows.filter((wo) => wo > 0).reduce((wo, Ke) => wo + Ke, 0)]).sort((Lo, wo) => Lo[1] - wo[1])[0]) == null ? void 0 : po[0].placement;
|
|
7839
|
+
Br && (lo = Br);
|
|
7856
7840
|
break;
|
|
7857
7841
|
}
|
|
7858
7842
|
case "initialPlacement":
|
|
@@ -7866,9 +7850,9 @@ const Ut = function(r) {
|
|
|
7866
7850
|
}, Vt = function(r) {
|
|
7867
7851
|
return r === void 0 && (r = 0), { name: "offset", options: r, async fn(o) {
|
|
7868
7852
|
const { x: e, y: t } = o, a = await async function(c, i) {
|
|
7869
|
-
const { placement: l, platform: d, elements: n } = c, s = await (d.isRTL == null ? void 0 : d.isRTL(n.floating)), b = So(l), g = rr(l),
|
|
7853
|
+
const { placement: l, platform: d, elements: n } = c, s = await (d.isRTL == null ? void 0 : d.isRTL(n.floating)), b = So(l), g = rr(l), w = Ao(l) === "x", x = ["left", "top"].includes(b) ? -1 : 1, m = s && w ? -1 : 1, y = typeof i == "function" ? i(c) : i;
|
|
7870
7854
|
let { mainAxis: Y, crossAxis: j, alignmentAxis: C } = typeof y == "number" ? { mainAxis: y, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...y };
|
|
7871
|
-
return g && typeof C == "number" && (j = g === "end" ? -1 * C : C),
|
|
7855
|
+
return g && typeof C == "number" && (j = g === "end" ? -1 * C : C), w ? { x: j * m, y: Y * x } : { x: Y * x, y: j * m };
|
|
7872
7856
|
}(o, r);
|
|
7873
7857
|
return { x: e + a.x, y: t + a.y, data: a };
|
|
7874
7858
|
} };
|
|
@@ -7882,23 +7866,23 @@ const Wt = function(r) {
|
|
|
7882
7866
|
let { x: Y, y: j } = y;
|
|
7883
7867
|
return { x: Y, y: j };
|
|
7884
7868
|
} }, ...d } = r, n = { x: e, y: t }, s = await Ie(o, d), b = Ao(So(a)), g = Ft(b);
|
|
7885
|
-
let
|
|
7869
|
+
let w = n[b], x = n[g];
|
|
7886
7870
|
if (c) {
|
|
7887
7871
|
const y = b === "y" ? "bottom" : "right";
|
|
7888
|
-
|
|
7872
|
+
w = zr(w + s[b === "y" ? "top" : "left"], w, w - s[y]);
|
|
7889
7873
|
}
|
|
7890
7874
|
if (i) {
|
|
7891
7875
|
const y = g === "y" ? "bottom" : "right";
|
|
7892
|
-
|
|
7876
|
+
x = zr(x + s[g === "y" ? "top" : "left"], x, x - s[y]);
|
|
7893
7877
|
}
|
|
7894
|
-
const
|
|
7895
|
-
return { ...
|
|
7878
|
+
const m = l.fn({ ...o, [b]: w, [g]: x });
|
|
7879
|
+
return { ...m, data: { x: m.x - e, y: m.y - t } };
|
|
7896
7880
|
} };
|
|
7897
7881
|
};
|
|
7898
7882
|
function He(r) {
|
|
7899
7883
|
return r && r.document && r.location && r.alert && r.setInterval;
|
|
7900
7884
|
}
|
|
7901
|
-
function
|
|
7885
|
+
function Q(r) {
|
|
7902
7886
|
if (r == null)
|
|
7903
7887
|
return window;
|
|
7904
7888
|
if (!He(r)) {
|
|
@@ -7908,23 +7892,23 @@ function U(r) {
|
|
|
7908
7892
|
return r;
|
|
7909
7893
|
}
|
|
7910
7894
|
function Co(r) {
|
|
7911
|
-
return
|
|
7895
|
+
return Q(r).getComputedStyle(r);
|
|
7912
7896
|
}
|
|
7913
7897
|
function H(r) {
|
|
7914
7898
|
return He(r) ? "" : r ? (r.nodeName || "").toLowerCase() : "";
|
|
7915
7899
|
}
|
|
7916
|
-
function
|
|
7900
|
+
function Ue() {
|
|
7917
7901
|
const r = navigator.userAgentData;
|
|
7918
7902
|
return r != null && r.brands ? r.brands.map((o) => o.brand + "/" + o.version).join(" ") : navigator.userAgent;
|
|
7919
7903
|
}
|
|
7920
7904
|
function B(r) {
|
|
7921
|
-
return r instanceof
|
|
7905
|
+
return r instanceof Q(r).HTMLElement;
|
|
7922
7906
|
}
|
|
7923
7907
|
function ho(r) {
|
|
7924
|
-
return r instanceof
|
|
7908
|
+
return r instanceof Q(r).Element;
|
|
7925
7909
|
}
|
|
7926
|
-
function
|
|
7927
|
-
return typeof ShadowRoot > "u" ? !1 : r instanceof
|
|
7910
|
+
function Dr(r) {
|
|
7911
|
+
return typeof ShadowRoot > "u" ? !1 : r instanceof Q(r).ShadowRoot || r instanceof ShadowRoot;
|
|
7928
7912
|
}
|
|
7929
7913
|
function er(r) {
|
|
7930
7914
|
const { overflow: o, overflowX: e, overflowY: t } = Co(r);
|
|
@@ -7934,24 +7918,24 @@ function Gt(r) {
|
|
|
7934
7918
|
return ["table", "td", "th"].includes(H(r));
|
|
7935
7919
|
}
|
|
7936
7920
|
function ne(r) {
|
|
7937
|
-
const o = /firefox/i.test(
|
|
7921
|
+
const o = /firefox/i.test(Ue()), e = Co(r);
|
|
7938
7922
|
return e.transform !== "none" || e.perspective !== "none" || e.contain === "paint" || ["transform", "perspective"].includes(e.willChange) || o && e.willChange === "filter" || o && !!e.filter && e.filter !== "none";
|
|
7939
7923
|
}
|
|
7940
|
-
function
|
|
7941
|
-
return !/^((?!chrome|android).)*safari/i.test(
|
|
7924
|
+
function Qe() {
|
|
7925
|
+
return !/^((?!chrome|android).)*safari/i.test(Ue());
|
|
7942
7926
|
}
|
|
7943
|
-
const be = Math.min, $o = Math.max,
|
|
7927
|
+
const be = Math.min, $o = Math.max, Qo = Math.round;
|
|
7944
7928
|
function to(r, o, e) {
|
|
7945
7929
|
var t, a, c, i;
|
|
7946
7930
|
o === void 0 && (o = !1), e === void 0 && (e = !1);
|
|
7947
7931
|
const l = r.getBoundingClientRect();
|
|
7948
7932
|
let d = 1, n = 1;
|
|
7949
|
-
o && B(r) && (d = r.offsetWidth > 0 &&
|
|
7950
|
-
const s = ho(r) ?
|
|
7951
|
-
return { width:
|
|
7933
|
+
o && B(r) && (d = r.offsetWidth > 0 && Qo(l.width) / r.offsetWidth || 1, n = r.offsetHeight > 0 && Qo(l.height) / r.offsetHeight || 1);
|
|
7934
|
+
const s = ho(r) ? Q(r) : window, b = !Qe() && e, g = (l.left + (b && (t = (a = s.visualViewport) == null ? void 0 : a.offsetLeft) != null ? t : 0)) / d, w = (l.top + (b && (c = (i = s.visualViewport) == null ? void 0 : i.offsetTop) != null ? c : 0)) / n, x = l.width / d, m = l.height / n;
|
|
7935
|
+
return { width: x, height: m, top: w, right: g + x, bottom: w + m, left: g, x: g, y: w };
|
|
7952
7936
|
}
|
|
7953
7937
|
function W(r) {
|
|
7954
|
-
return (o = r, (o instanceof
|
|
7938
|
+
return (o = r, (o instanceof Q(o).Node ? r.ownerDocument : r.document) || window.document).documentElement;
|
|
7955
7939
|
var o;
|
|
7956
7940
|
}
|
|
7957
7941
|
function tr(r) {
|
|
@@ -7963,7 +7947,7 @@ function Ve(r) {
|
|
|
7963
7947
|
function Jt(r, o, e) {
|
|
7964
7948
|
const t = B(o), a = W(o), c = to(r, t && function(d) {
|
|
7965
7949
|
const n = to(d);
|
|
7966
|
-
return
|
|
7950
|
+
return Qo(n.width) !== d.offsetWidth || Qo(n.height) !== d.offsetHeight;
|
|
7967
7951
|
}(o), e === "fixed");
|
|
7968
7952
|
let i = { scrollLeft: 0, scrollTop: 0 };
|
|
7969
7953
|
const l = { x: 0, y: 0 };
|
|
@@ -7976,19 +7960,19 @@ function Jt(r, o, e) {
|
|
|
7976
7960
|
return { x: c.left + i.scrollLeft - l.x, y: c.top + i.scrollTop - l.y, width: c.width, height: c.height };
|
|
7977
7961
|
}
|
|
7978
7962
|
function Fe(r) {
|
|
7979
|
-
return H(r) === "html" ? r : r.assignedSlot || r.parentNode || (
|
|
7963
|
+
return H(r) === "html" ? r : r.assignedSlot || r.parentNode || (Dr(r) ? r.host : null) || W(r);
|
|
7980
7964
|
}
|
|
7981
7965
|
function se(r) {
|
|
7982
7966
|
return B(r) && getComputedStyle(r).position !== "fixed" ? r.offsetParent : null;
|
|
7983
7967
|
}
|
|
7984
|
-
function
|
|
7985
|
-
const o =
|
|
7968
|
+
function _r(r) {
|
|
7969
|
+
const o = Q(r);
|
|
7986
7970
|
let e = se(r);
|
|
7987
7971
|
for (; e && Gt(e) && getComputedStyle(e).position === "static"; )
|
|
7988
7972
|
e = se(e);
|
|
7989
7973
|
return e && (H(e) === "html" || H(e) === "body" && getComputedStyle(e).position === "static" && !ne(e)) ? o : e || function(t) {
|
|
7990
7974
|
let a = Fe(t);
|
|
7991
|
-
for (
|
|
7975
|
+
for (Dr(a) && (a = a.host); B(a) && !["html", "body"].includes(H(a)); ) {
|
|
7992
7976
|
if (ne(a))
|
|
7993
7977
|
return a;
|
|
7994
7978
|
a = a.parentNode;
|
|
@@ -8009,16 +7993,16 @@ function We(r) {
|
|
|
8009
7993
|
function Ge(r, o) {
|
|
8010
7994
|
var e;
|
|
8011
7995
|
o === void 0 && (o = []);
|
|
8012
|
-
const t = We(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c =
|
|
7996
|
+
const t = We(r), a = t === ((e = r.ownerDocument) == null ? void 0 : e.body), c = Q(t), i = a ? [c].concat(c.visualViewport || [], er(t) ? t : []) : t, l = o.concat(i);
|
|
8013
7997
|
return a ? l : l.concat(Ge(i));
|
|
8014
7998
|
}
|
|
8015
7999
|
function ue(r, o, e) {
|
|
8016
8000
|
return o === "viewport" ? Ho(function(t, a) {
|
|
8017
|
-
const c =
|
|
8001
|
+
const c = Q(t), i = W(t), l = c.visualViewport;
|
|
8018
8002
|
let d = i.clientWidth, n = i.clientHeight, s = 0, b = 0;
|
|
8019
8003
|
if (l) {
|
|
8020
8004
|
d = l.width, n = l.height;
|
|
8021
|
-
const g =
|
|
8005
|
+
const g = Qe();
|
|
8022
8006
|
(g || !g && a === "fixed") && (s = l.offsetLeft, b = l.offsetTop);
|
|
8023
8007
|
}
|
|
8024
8008
|
return { width: d, height: n, x: s, y: b };
|
|
@@ -8034,12 +8018,12 @@ function ue(r, o, e) {
|
|
|
8034
8018
|
}(W(r)));
|
|
8035
8019
|
}
|
|
8036
8020
|
function Kt(r) {
|
|
8037
|
-
const o = Ge(r), e = ["absolute", "fixed"].includes(Co(r).position) && B(r) ?
|
|
8021
|
+
const o = Ge(r), e = ["absolute", "fixed"].includes(Co(r).position) && B(r) ? _r(r) : r;
|
|
8038
8022
|
return ho(e) ? o.filter((t) => ho(t) && function(a, c) {
|
|
8039
8023
|
const i = c.getRootNode == null ? void 0 : c.getRootNode();
|
|
8040
8024
|
if (a.contains(c))
|
|
8041
8025
|
return !0;
|
|
8042
|
-
if (i &&
|
|
8026
|
+
if (i && Dr(i)) {
|
|
8043
8027
|
let l = c;
|
|
8044
8028
|
do {
|
|
8045
8029
|
if (l && a === l)
|
|
@@ -8069,10 +8053,10 @@ const oa = { getClippingRect: function(r) {
|
|
|
8069
8053
|
l.x = d.x + e.clientLeft, l.y = d.y + e.clientTop;
|
|
8070
8054
|
}
|
|
8071
8055
|
return { ...o, x: o.x - i.scrollLeft + l.x, y: o.y - i.scrollTop + l.y };
|
|
8072
|
-
}, isElement: ho, getDimensions: ge, getOffsetParent:
|
|
8056
|
+
}, isElement: ho, getDimensions: ge, getOffsetParent: _r, getDocumentElement: W, getElementRects: (r) => {
|
|
8073
8057
|
let { reference: o, floating: e, strategy: t } = r;
|
|
8074
|
-
return { reference: Jt(o,
|
|
8075
|
-
}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => Co(r).direction === "rtl" }, ra = (r, o, e) =>
|
|
8058
|
+
return { reference: Jt(o, _r(e), t), floating: { ...ge(e), x: 0, y: 0 } };
|
|
8059
|
+
}, getClientRects: (r) => Array.from(r.getClientRects()), isRTL: (r) => Co(r).direction === "rtl" }, ra = (r, o, e) => Pt(r, o, { platform: oa, ...e }), Xo = "top", Yo = "bottom", Vo = "left", Fo = "right", gr = {
|
|
8076
8060
|
[Xo]: Yo,
|
|
8077
8061
|
[Yo]: Xo,
|
|
8078
8062
|
[Vo]: Fo,
|
|
@@ -8105,7 +8089,7 @@ async function ia(r) {
|
|
|
8105
8089
|
placement: r.directionName,
|
|
8106
8090
|
middleware: [
|
|
8107
8091
|
// Should we make this configurable, but have these as sane defaults?
|
|
8108
|
-
|
|
8092
|
+
Qt(),
|
|
8109
8093
|
Vt(8),
|
|
8110
8094
|
Wt({ padding: 16 }),
|
|
8111
8095
|
// @ts-ignore
|
|
@@ -8121,16 +8105,16 @@ async function ia(r) {
|
|
|
8121
8105
|
let { x: e, y: t } = o.middlewareData.arrow;
|
|
8122
8106
|
r.arrowEl && (r.arrowEl.style.left = e ? e + "px" : "", r.arrowEl.style.top = t ? t + "px" : "");
|
|
8123
8107
|
}
|
|
8124
|
-
class
|
|
8108
|
+
class qr extends Zo(X) {
|
|
8125
8109
|
constructor() {
|
|
8126
8110
|
super(), this.show = !1, this.tooltip = !1, this.callout = !1, this.popover = !1, this.noArrow = !1;
|
|
8127
8111
|
}
|
|
8128
8112
|
connectedCallback() {
|
|
8129
|
-
if (super.connectedCallback(), !this.placement || !Object.keys(
|
|
8113
|
+
if (super.connectedCallback(), !this.placement || !Object.keys(gr).includes(this.placement))
|
|
8130
8114
|
throw new Error(
|
|
8131
8115
|
`Invalid "placement" attribute. Set its value to one of the following:
|
|
8132
8116
|
${JSON.stringify(
|
|
8133
|
-
Object.keys(
|
|
8117
|
+
Object.keys(gr)
|
|
8134
8118
|
)}`
|
|
8135
8119
|
);
|
|
8136
8120
|
setTimeout(() => this.requestUpdate(), 0);
|
|
@@ -8142,7 +8126,7 @@ ${JSON.stringify(
|
|
|
8142
8126
|
this.placement = o;
|
|
8143
8127
|
}
|
|
8144
8128
|
get _arrowDirection() {
|
|
8145
|
-
return
|
|
8129
|
+
return gr[this.placement];
|
|
8146
8130
|
}
|
|
8147
8131
|
updated() {
|
|
8148
8132
|
this.callout || this._attentionEl.style.setProperty("--attention-visibility", this.show ? "" : "hidden"), this.tooltip || this._attentionEl.style.setProperty("--attention-display", this.show ? "block" : "none"), this.attentionState = {
|
|
@@ -8175,7 +8159,7 @@ ${JSON.stringify(
|
|
|
8175
8159
|
return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0];
|
|
8176
8160
|
}
|
|
8177
8161
|
get _wrapperClasses() {
|
|
8178
|
-
return
|
|
8162
|
+
return re({
|
|
8179
8163
|
[N.base]: !0,
|
|
8180
8164
|
[N.tooltip]: this.tooltip,
|
|
8181
8165
|
[N.callout]: this.callout,
|
|
@@ -8183,7 +8167,7 @@ ${JSON.stringify(
|
|
|
8183
8167
|
});
|
|
8184
8168
|
}
|
|
8185
8169
|
get _arrowClasses() {
|
|
8186
|
-
return
|
|
8170
|
+
return re({
|
|
8187
8171
|
[N.arrowBase]: !0,
|
|
8188
8172
|
[N[`arrowDirection${this._arrowDirection.charAt(0).toUpperCase() + this._arrowDirection.slice(1)}`]]: !0,
|
|
8189
8173
|
[N.arrowTooltip]: this.tooltip,
|
|
@@ -8226,7 +8210,7 @@ ${JSON.stringify(
|
|
|
8226
8210
|
`;
|
|
8227
8211
|
}
|
|
8228
8212
|
}
|
|
8229
|
-
$(
|
|
8213
|
+
$(qr, "properties", {
|
|
8230
8214
|
// Whether Attention element should be visible.
|
|
8231
8215
|
show: { type: Boolean, reflect: !0 },
|
|
8232
8216
|
// Placement according to the target element
|
|
@@ -8240,7 +8224,7 @@ $(Xr, "properties", {
|
|
|
8240
8224
|
popover: { type: Boolean, reflect: !0 },
|
|
8241
8225
|
// Render Attention element without an arrow
|
|
8242
8226
|
noArrow: { type: Boolean, reflect: !0 }
|
|
8243
|
-
}), $(
|
|
8227
|
+
}), $(qr, "styles", [
|
|
8244
8228
|
A`
|
|
8245
8229
|
/* layer: preflights */
|
|
8246
8230
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
@@ -8899,8 +8883,8 @@ $(Xr, "properties", {
|
|
|
8899
8883
|
}
|
|
8900
8884
|
`
|
|
8901
8885
|
]);
|
|
8902
|
-
customElements.get("w-attention") || customElements.define("w-attention",
|
|
8903
|
-
class
|
|
8886
|
+
customElements.get("w-attention") || customElements.define("w-attention", qr);
|
|
8887
|
+
class Xr extends X {
|
|
8904
8888
|
constructor() {
|
|
8905
8889
|
super(), this.type = "text";
|
|
8906
8890
|
}
|
|
@@ -8991,7 +8975,7 @@ class Yr extends X {
|
|
|
8991
8975
|
`;
|
|
8992
8976
|
}
|
|
8993
8977
|
}
|
|
8994
|
-
$(
|
|
8978
|
+
$(Xr, "properties", {
|
|
8995
8979
|
disabled: { type: Boolean },
|
|
8996
8980
|
invalid: { type: Boolean },
|
|
8997
8981
|
id: { type: String },
|
|
@@ -9015,7 +8999,7 @@ $(Yr, "properties", {
|
|
|
9015
8999
|
// ::slotted([Simple Selector]) confirms to Specificity rules, but (being simple) does not add weight to lightDOM skin selectors,
|
|
9016
9000
|
// so never gets higher Specificity. Thus in order to overwrite style linked within shadowDOM, we need to use !important.
|
|
9017
9001
|
// https://stackoverflow.com/a/61631668
|
|
9018
|
-
$(
|
|
9002
|
+
$(Xr, "styles", [
|
|
9019
9003
|
A`
|
|
9020
9004
|
/* layer: preflights */
|
|
9021
9005
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
@@ -9669,14 +9653,14 @@ $(Yr, "styles", [
|
|
|
9669
9653
|
}
|
|
9670
9654
|
`
|
|
9671
9655
|
]);
|
|
9672
|
-
customElements.get("w-textfield") || customElements.define("w-textfield",
|
|
9656
|
+
customElements.get("w-textfield") || customElements.define("w-textfield", Xr);
|
|
9673
9657
|
class he extends X {
|
|
9674
9658
|
render() {
|
|
9675
9659
|
return v`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 5.5 8 11l5.5-5.5"></path></svg>`;
|
|
9676
9660
|
}
|
|
9677
9661
|
}
|
|
9678
9662
|
customElements.get("f-icon-chevron-down16", he) || customElements.define("f-icon-chevron-down16", he);
|
|
9679
|
-
class
|
|
9663
|
+
class Yr extends Zo(X) {
|
|
9680
9664
|
constructor() {
|
|
9681
9665
|
super(), this.expanded = !1, this.animated = !1, this.info = !1, this.box = !1, this.bleed = !1, this.noChevron = !1, this._hasTitle = !0;
|
|
9682
9666
|
}
|
|
@@ -9742,7 +9726,7 @@ class jr extends Zo(X) {
|
|
|
9742
9726
|
</div>`;
|
|
9743
9727
|
}
|
|
9744
9728
|
}
|
|
9745
|
-
$(
|
|
9729
|
+
$(Yr, "properties", {
|
|
9746
9730
|
expanded: { type: Boolean, reflect: !0 },
|
|
9747
9731
|
title: { type: String },
|
|
9748
9732
|
info: { type: Boolean },
|
|
@@ -9758,7 +9742,7 @@ $(jr, "properties", {
|
|
|
9758
9742
|
// ::slotted([Simple Selector]) confirms to Specificity rules, but (being simple) does not add weight to lightDOM skin selectors,
|
|
9759
9743
|
// so never gets higher Specificity. Thus in order to overwrite style linked within shadowDOM, we need to use !important.
|
|
9760
9744
|
// https://stackoverflow.com/a/61631668
|
|
9761
|
-
$(
|
|
9745
|
+
$(Yr, "styles", [
|
|
9762
9746
|
A`
|
|
9763
9747
|
/* layer: preflights */
|
|
9764
9748
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
@@ -10412,7 +10396,7 @@ $(jr, "styles", [
|
|
|
10412
10396
|
}
|
|
10413
10397
|
`
|
|
10414
10398
|
]);
|
|
10415
|
-
customElements.get("w-expandable") || customElements.define("w-expandable",
|
|
10399
|
+
customElements.get("w-expandable") || customElements.define("w-expandable", Yr);
|
|
10416
10400
|
const la = v`
|
|
10417
10401
|
<svg
|
|
10418
10402
|
role="img"
|
|
@@ -10456,7 +10440,7 @@ const la = v`
|
|
|
10456
10440
|
</defs>
|
|
10457
10441
|
</svg>
|
|
10458
10442
|
`;
|
|
10459
|
-
class
|
|
10443
|
+
class jr extends X {
|
|
10460
10444
|
get _classBase() {
|
|
10461
10445
|
return this.slot === "suffix" ? st : gt;
|
|
10462
10446
|
}
|
|
@@ -10500,7 +10484,7 @@ class Zr extends X {
|
|
|
10500
10484
|
return v`${this._markup}`;
|
|
10501
10485
|
}
|
|
10502
10486
|
}
|
|
10503
|
-
$(
|
|
10487
|
+
$(jr, "styles", A`
|
|
10504
10488
|
/* layer: preflights */
|
|
10505
10489
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
10506
10490
|
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
|
|
@@ -11145,18 +11129,18 @@ $(Zr, "styles", A`
|
|
|
11145
11129
|
.sm\\:pb-32{padding-bottom:3.2rem;}
|
|
11146
11130
|
.sm\\:pt-32{padding-top:3.2rem;}
|
|
11147
11131
|
}
|
|
11148
|
-
`), $(
|
|
11132
|
+
`), $(jr, "properties", {
|
|
11149
11133
|
ariaLabel: { type: String, attribute: "aria-label" },
|
|
11150
11134
|
clear: { type: Boolean },
|
|
11151
11135
|
search: { type: Boolean },
|
|
11152
11136
|
label: { type: String }
|
|
11153
11137
|
});
|
|
11154
|
-
customElements.get("w-affix") || customElements.define("w-affix",
|
|
11138
|
+
customElements.get("w-affix") || customElements.define("w-affix", jr);
|
|
11155
11139
|
const Je = A`
|
|
11156
11140
|
@import "https://assets.finn.no/pkg/@warp-ds/fonts/v1/finn-no.css";
|
|
11157
11141
|
@import "https://assets.finn.no/pkg/@warp-ds/css/v1/tokens/finn-no.css";
|
|
11158
11142
|
`;
|
|
11159
|
-
class
|
|
11143
|
+
class Zr extends X {
|
|
11160
11144
|
constructor() {
|
|
11161
11145
|
super(), this.show = !1, this._mounted = !1, this._removeElement = !1;
|
|
11162
11146
|
}
|
|
@@ -11169,7 +11153,7 @@ class Sr extends X {
|
|
|
11169
11153
|
this._mounted = !0;
|
|
11170
11154
|
return;
|
|
11171
11155
|
}
|
|
11172
|
-
this.show &&
|
|
11156
|
+
this.show && De(this._wrapper), !this.show && !this._removeElement && Be(this._wrapper, () => this._removeElement = !0);
|
|
11173
11157
|
}
|
|
11174
11158
|
}
|
|
11175
11159
|
get _wrapper() {
|
|
@@ -11181,13 +11165,13 @@ class Sr extends X {
|
|
|
11181
11165
|
</div>`;
|
|
11182
11166
|
}
|
|
11183
11167
|
}
|
|
11184
|
-
$(
|
|
11168
|
+
$(Zr, "properties", {
|
|
11185
11169
|
show: {
|
|
11186
11170
|
type: Boolean,
|
|
11187
11171
|
reflect: !0
|
|
11188
11172
|
},
|
|
11189
11173
|
_removeElement: { type: Boolean, state: !0 }
|
|
11190
|
-
}), $(
|
|
11174
|
+
}), $(Zr, "styles", [
|
|
11191
11175
|
Je,
|
|
11192
11176
|
A`
|
|
11193
11177
|
/* layer: preflights */
|
|
@@ -11839,8 +11823,8 @@ $(Sr, "properties", {
|
|
|
11839
11823
|
}
|
|
11840
11824
|
`
|
|
11841
11825
|
]);
|
|
11842
|
-
customElements.get("w-expand-transition") || customElements.define("w-expand-transition",
|
|
11843
|
-
class
|
|
11826
|
+
customElements.get("w-expand-transition") || customElements.define("w-expand-transition", Zr);
|
|
11827
|
+
class Sr extends X {
|
|
11844
11828
|
get _markup() {
|
|
11845
11829
|
return `<h${this.level}
|
|
11846
11830
|
style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
|
|
@@ -11853,9 +11837,9 @@ class Ar extends X {
|
|
|
11853
11837
|
return this.level ? Ae(this._markup) : v`<slot></slot>`;
|
|
11854
11838
|
}
|
|
11855
11839
|
}
|
|
11856
|
-
$(
|
|
11840
|
+
$(Sr, "properties", {
|
|
11857
11841
|
level: { type: Number }
|
|
11858
|
-
}), $(
|
|
11842
|
+
}), $(Sr, "styles", [Je, A`
|
|
11859
11843
|
/* layer: preflights */
|
|
11860
11844
|
*,::before,::after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0;}
|
|
11861
11845
|
*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--w-s-color-border,var(--w-s-color-border-default))}html{font-size:62.5%}body{background-color:var(--w-s-color-background,var(--w-s-color-background-default));min-height:100%;margin:0;overflow-y:scroll}body,:host{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;font-family:var(--w-font-family);font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);color:var(--w-s-color-text,var(--w-s-color-text-default))}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:700}a{cursor:pointer;color:var(--w-s-color-text-link);text-decoration:none}a:hover,a:focus,a:active{-webkit-text-decoration:var(--w-decoration-text-link);text-decoration:var(--w-decoration-text-link)}b,strong{font-weight:700}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--w-s-color-text-placeholder)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}h1{font-size:var(--w-font-size-xxl);line-height:var(--w-line-height-xxl)}h2{font-size:var(--w-font-size-xl);line-height:var(--w-line-height-xl)}h3{font-size:var(--w-font-size-l);line-height:var(--w-line-height-l)}h4{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}h5{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}dt,dd{margin:0 16px}h1,h2,h3,h4,h5,ul,ol,dl,p,blockquote{margin:0 0 8px}[hidden]{display:none!important}[tabindex="-1"]:focus:not(:focus-visible){outline:none}legend{float:left;width:100%;margin:0;padding:0;display:table}legend+*{clear:both}fieldset{min-width:0;border:0;margin:0;padding:.01em 0 0}body:not(:-moz-handler-blocked) fieldset{display:table-cell}
|
|
@@ -12501,23 +12485,23 @@ $(Ar, "properties", {
|
|
|
12501
12485
|
.sm\\:pt-32{padding-top:3.2rem;}
|
|
12502
12486
|
}
|
|
12503
12487
|
`]);
|
|
12504
|
-
customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading",
|
|
12488
|
+
customElements.get("w-unstyled-heading") || customElements.define("w-unstyled-heading", Sr);
|
|
12505
12489
|
export {
|
|
12506
|
-
|
|
12507
|
-
|
|
12508
|
-
|
|
12509
|
-
|
|
12510
|
-
|
|
12511
|
-
|
|
12512
|
-
|
|
12513
|
-
|
|
12490
|
+
Zr as ExpandTransition,
|
|
12491
|
+
Sr as UnstyledHeading,
|
|
12492
|
+
jr as WarpAffix,
|
|
12493
|
+
hr as WarpAlert,
|
|
12494
|
+
qr as WarpAttention,
|
|
12495
|
+
mr as WarpBox,
|
|
12496
|
+
kr as WarpBreadcrumbs,
|
|
12497
|
+
yr as WarpBroadcast,
|
|
12514
12498
|
To as WarpButton,
|
|
12515
|
-
|
|
12516
|
-
|
|
12517
|
-
|
|
12518
|
-
|
|
12519
|
-
|
|
12520
|
-
|
|
12499
|
+
pr as WarpCard,
|
|
12500
|
+
Yr as WarpExpandable,
|
|
12501
|
+
xr as WarpSelect,
|
|
12502
|
+
Xr as WarpTextField,
|
|
12503
|
+
fr as WarpToast,
|
|
12504
|
+
$r as WarpToastContainer,
|
|
12521
12505
|
ma as removeToast,
|
|
12522
12506
|
xa as toast,
|
|
12523
12507
|
ka as updateToast
|