@justeattakeaway/pie-cookie-banner 1.2.13 → 1.3.0
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/cdn_dist/index.js +155 -3332
- package/package.json +1 -1
- package/cdn_dist/bg-DGJESQ4e.js +0 -43
- package/cdn_dist/ca-Bcf7sXQS.js +0 -43
- package/cdn_dist/da-zmkmo2qP.js +0 -43
- package/cdn_dist/de-CCDQDaL_.js +0 -43
- package/cdn_dist/dialog-polyfill.esm-CbjBMXAG-Ms1CLTbS.js +0 -395
- package/cdn_dist/en-fr-B3W1OBz4.js +0 -43
- package/cdn_dist/es-BGd5IeE8.js +0 -43
- package/cdn_dist/fr-ZJirJTQ1.js +0 -43
- package/cdn_dist/fr-fr-Bj0z2tFA.js +0 -43
- package/cdn_dist/he-CD4nZodw.js +0 -43
- package/cdn_dist/it-C20n5M6-.js +0 -43
- package/cdn_dist/nl-potC62A2.js +0 -43
- package/cdn_dist/pl-BZMXvf-W.js +0 -43
- package/cdn_dist/sk-B2GkzqzB.js +0 -43
package/cdn_dist/index.js
CHANGED
|
@@ -1,1932 +1,158 @@
|
|
|
1
|
-
|
|
2
|
-
const r = n[e];
|
|
3
|
-
return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((o, l) => {
|
|
4
|
-
(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
|
|
5
|
-
l.bind(
|
|
6
|
-
null,
|
|
7
|
-
new Error(
|
|
8
|
-
"Unknown variable dynamic import: " + e + (e.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
|
|
9
|
-
)
|
|
10
|
-
)
|
|
11
|
-
);
|
|
12
|
-
});
|
|
13
|
-
};
|
|
1
|
+
var PieCookieBanner=function(e){"use strict";var t;const i=globalThis,o=i.ShadowRoot&&(void 0===i.ShadyCSS||i.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,n=Symbol(),r=new WeakMap;
|
|
14
2
|
/**
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const st = globalThis, Ht = st.ShadowRoot && (st.ShadyCSS === void 0 || st.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Dt = Symbol(), ri = /* @__PURE__ */ new WeakMap();
|
|
20
|
-
let ki = class {
|
|
21
|
-
constructor(e, t, r) {
|
|
22
|
-
if (this._$cssResult$ = !0, r !== Dt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
23
|
-
this.cssText = e, this.t = t;
|
|
24
|
-
}
|
|
25
|
-
get styleSheet() {
|
|
26
|
-
let e = this.o;
|
|
27
|
-
const t = this.t;
|
|
28
|
-
if (Ht && e === void 0) {
|
|
29
|
-
const r = t !== void 0 && t.length === 1;
|
|
30
|
-
r && (e = ri.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && ri.set(t, e));
|
|
31
|
-
}
|
|
32
|
-
return e;
|
|
33
|
-
}
|
|
34
|
-
toString() {
|
|
35
|
-
return this.cssText;
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
const se = (n) => new ki(typeof n == "string" ? n : n + "", void 0, Dt), co = (n, ...e) => {
|
|
39
|
-
const t = n.length === 1 ? n[0] : e.reduce((r, o, l) => r + ((d) => {
|
|
40
|
-
if (d._$cssResult$ === !0) return d.cssText;
|
|
41
|
-
if (typeof d == "number") return d;
|
|
42
|
-
throw Error("Value passed to 'css' function must be a 'css' function result: " + d + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
43
|
-
})(o) + n[l + 1], n[0]);
|
|
44
|
-
return new ki(t, n, Dt);
|
|
45
|
-
}, ho = (n, e) => {
|
|
46
|
-
if (Ht) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
|
|
47
|
-
else for (const t of e) {
|
|
48
|
-
const r = document.createElement("style"), o = st.litNonce;
|
|
49
|
-
o !== void 0 && r.setAttribute("nonce", o), r.textContent = t.cssText, n.appendChild(r);
|
|
50
|
-
}
|
|
51
|
-
}, ai = Ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
|
|
52
|
-
let t = "";
|
|
53
|
-
for (const r of e.cssRules) t += r.cssText;
|
|
54
|
-
return se(t);
|
|
55
|
-
})(n) : n;
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2019 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
+
*/let a=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==n)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(o&&void 0===e){const i=void 0!==t&&1===t.length;i&&(e=r.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&r.set(t,e))}return e}toString(){return this.cssText}};const s=e=>new a("string"==typeof e?e:e+"",void 0,n),l=o?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return s(t)})(e):e
|
|
56
7
|
/**
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
const { is: bo, defineProperty: po, getOwnPropertyDescriptor: vo, getOwnPropertyNames: uo, getOwnPropertySymbols: mo, getPrototypeOf: go } = Object, ce = globalThis, si = ce.trustedTypes, fo = si ? si.emptyScript : "", Lt = ce.reactiveElementPolyfillSupport, Ye = (n, e) => n, lt = { toAttribute(n, e) {
|
|
62
|
-
switch (e) {
|
|
63
|
-
case Boolean:
|
|
64
|
-
n = n ? fo : null;
|
|
65
|
-
break;
|
|
66
|
-
case Object:
|
|
67
|
-
case Array:
|
|
68
|
-
n = n == null ? n : JSON.stringify(n);
|
|
69
|
-
}
|
|
70
|
-
return n;
|
|
71
|
-
}, fromAttribute(n, e) {
|
|
72
|
-
let t = n;
|
|
73
|
-
switch (e) {
|
|
74
|
-
case Boolean:
|
|
75
|
-
t = n !== null;
|
|
76
|
-
break;
|
|
77
|
-
case Number:
|
|
78
|
-
t = n === null ? null : Number(n);
|
|
79
|
-
break;
|
|
80
|
-
case Object:
|
|
81
|
-
case Array:
|
|
82
|
-
try {
|
|
83
|
-
t = JSON.parse(n);
|
|
84
|
-
} catch {
|
|
85
|
-
t = null;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
return t;
|
|
89
|
-
} }, Vt = (n, e) => !bo(n, e), li = { attribute: !0, type: String, converter: lt, reflect: !1, hasChanged: Vt };
|
|
90
|
-
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), ce.litPropertyMetadata ?? (ce.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
91
|
-
let Se = class extends HTMLElement {
|
|
92
|
-
static addInitializer(e) {
|
|
93
|
-
this._$Ei(), (this.l ?? (this.l = [])).push(e);
|
|
94
|
-
}
|
|
95
|
-
static get observedAttributes() {
|
|
96
|
-
return this.finalize(), this._$Eh && [...this._$Eh.keys()];
|
|
97
|
-
}
|
|
98
|
-
static createProperty(e, t = li) {
|
|
99
|
-
if (t.state && (t.attribute = !1), this._$Ei(), this.elementProperties.set(e, t), !t.noAccessor) {
|
|
100
|
-
const r = Symbol(), o = this.getPropertyDescriptor(e, r, t);
|
|
101
|
-
o !== void 0 && po(this.prototype, e, o);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
static getPropertyDescriptor(e, t, r) {
|
|
105
|
-
const { get: o, set: l } = vo(this.prototype, e) ?? { get() {
|
|
106
|
-
return this[t];
|
|
107
|
-
}, set(d) {
|
|
108
|
-
this[t] = d;
|
|
109
|
-
} };
|
|
110
|
-
return { get() {
|
|
111
|
-
return o == null ? void 0 : o.call(this);
|
|
112
|
-
}, set(d) {
|
|
113
|
-
const v = o == null ? void 0 : o.call(this);
|
|
114
|
-
l.call(this, d), this.requestUpdate(e, v, r);
|
|
115
|
-
}, configurable: !0, enumerable: !0 };
|
|
116
|
-
}
|
|
117
|
-
static getPropertyOptions(e) {
|
|
118
|
-
return this.elementProperties.get(e) ?? li;
|
|
119
|
-
}
|
|
120
|
-
static _$Ei() {
|
|
121
|
-
if (this.hasOwnProperty(Ye("elementProperties"))) return;
|
|
122
|
-
const e = go(this);
|
|
123
|
-
e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
|
|
124
|
-
}
|
|
125
|
-
static finalize() {
|
|
126
|
-
if (this.hasOwnProperty(Ye("finalized"))) return;
|
|
127
|
-
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Ye("properties"))) {
|
|
128
|
-
const t = this.properties, r = [...uo(t), ...mo(t)];
|
|
129
|
-
for (const o of r) this.createProperty(o, t[o]);
|
|
130
|
-
}
|
|
131
|
-
const e = this[Symbol.metadata];
|
|
132
|
-
if (e !== null) {
|
|
133
|
-
const t = litPropertyMetadata.get(e);
|
|
134
|
-
if (t !== void 0) for (const [r, o] of t) this.elementProperties.set(r, o);
|
|
135
|
-
}
|
|
136
|
-
this._$Eh = /* @__PURE__ */ new Map();
|
|
137
|
-
for (const [t, r] of this.elementProperties) {
|
|
138
|
-
const o = this._$Eu(t, r);
|
|
139
|
-
o !== void 0 && this._$Eh.set(o, t);
|
|
140
|
-
}
|
|
141
|
-
this.elementStyles = this.finalizeStyles(this.styles);
|
|
142
|
-
}
|
|
143
|
-
static finalizeStyles(e) {
|
|
144
|
-
const t = [];
|
|
145
|
-
if (Array.isArray(e)) {
|
|
146
|
-
const r = new Set(e.flat(1 / 0).reverse());
|
|
147
|
-
for (const o of r) t.unshift(ai(o));
|
|
148
|
-
} else e !== void 0 && t.push(ai(e));
|
|
149
|
-
return t;
|
|
150
|
-
}
|
|
151
|
-
static _$Eu(e, t) {
|
|
152
|
-
const r = t.attribute;
|
|
153
|
-
return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
|
|
154
|
-
}
|
|
155
|
-
constructor() {
|
|
156
|
-
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
|
157
|
-
}
|
|
158
|
-
_$Ev() {
|
|
159
|
-
var e;
|
|
160
|
-
this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((t) => t(this));
|
|
161
|
-
}
|
|
162
|
-
addController(e) {
|
|
163
|
-
var t;
|
|
164
|
-
(this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((t = e.hostConnected) == null || t.call(e));
|
|
165
|
-
}
|
|
166
|
-
removeController(e) {
|
|
167
|
-
var t;
|
|
168
|
-
(t = this._$EO) == null || t.delete(e);
|
|
169
|
-
}
|
|
170
|
-
_$E_() {
|
|
171
|
-
const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
|
|
172
|
-
for (const r of t.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
|
|
173
|
-
e.size > 0 && (this._$Ep = e);
|
|
174
|
-
}
|
|
175
|
-
createRenderRoot() {
|
|
176
|
-
const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
177
|
-
return ho(e, this.constructor.elementStyles), e;
|
|
178
|
-
}
|
|
179
|
-
connectedCallback() {
|
|
180
|
-
var e;
|
|
181
|
-
this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {
|
|
182
|
-
var r;
|
|
183
|
-
return (r = t.hostConnected) == null ? void 0 : r.call(t);
|
|
184
|
-
});
|
|
185
|
-
}
|
|
186
|
-
enableUpdating(e) {
|
|
187
|
-
}
|
|
188
|
-
disconnectedCallback() {
|
|
189
|
-
var e;
|
|
190
|
-
(e = this._$EO) == null || e.forEach((t) => {
|
|
191
|
-
var r;
|
|
192
|
-
return (r = t.hostDisconnected) == null ? void 0 : r.call(t);
|
|
193
|
-
});
|
|
194
|
-
}
|
|
195
|
-
attributeChangedCallback(e, t, r) {
|
|
196
|
-
this._$AK(e, r);
|
|
197
|
-
}
|
|
198
|
-
_$EC(e, t) {
|
|
199
|
-
var l;
|
|
200
|
-
const r = this.constructor.elementProperties.get(e), o = this.constructor._$Eu(e, r);
|
|
201
|
-
if (o !== void 0 && r.reflect === !0) {
|
|
202
|
-
const d = (((l = r.converter) == null ? void 0 : l.toAttribute) !== void 0 ? r.converter : lt).toAttribute(t, r.type);
|
|
203
|
-
this._$Em = e, d == null ? this.removeAttribute(o) : this.setAttribute(o, d), this._$Em = null;
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
_$AK(e, t) {
|
|
207
|
-
var l;
|
|
208
|
-
const r = this.constructor, o = r._$Eh.get(e);
|
|
209
|
-
if (o !== void 0 && this._$Em !== o) {
|
|
210
|
-
const d = r.getPropertyOptions(o), v = typeof d.converter == "function" ? { fromAttribute: d.converter } : ((l = d.converter) == null ? void 0 : l.fromAttribute) !== void 0 ? d.converter : lt;
|
|
211
|
-
this._$Em = o, this[o] = v.fromAttribute(t, d.type), this._$Em = null;
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
requestUpdate(e, t, r) {
|
|
215
|
-
if (e !== void 0) {
|
|
216
|
-
if (r ?? (r = this.constructor.getPropertyOptions(e)), !(r.hasChanged ?? Vt)(this[e], t)) return;
|
|
217
|
-
this.P(e, t, r);
|
|
218
|
-
}
|
|
219
|
-
this.isUpdatePending === !1 && (this._$ES = this._$ET());
|
|
220
|
-
}
|
|
221
|
-
P(e, t, r) {
|
|
222
|
-
this._$AL.has(e) || this._$AL.set(e, t), r.reflect === !0 && this._$Em !== e && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(e);
|
|
223
|
-
}
|
|
224
|
-
async _$ET() {
|
|
225
|
-
this.isUpdatePending = !0;
|
|
226
|
-
try {
|
|
227
|
-
await this._$ES;
|
|
228
|
-
} catch (t) {
|
|
229
|
-
Promise.reject(t);
|
|
230
|
-
}
|
|
231
|
-
const e = this.scheduleUpdate();
|
|
232
|
-
return e != null && await e, !this.isUpdatePending;
|
|
233
|
-
}
|
|
234
|
-
scheduleUpdate() {
|
|
235
|
-
return this.performUpdate();
|
|
236
|
-
}
|
|
237
|
-
performUpdate() {
|
|
238
|
-
var r;
|
|
239
|
-
if (!this.isUpdatePending) return;
|
|
240
|
-
if (!this.hasUpdated) {
|
|
241
|
-
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
242
|
-
for (const [l, d] of this._$Ep) this[l] = d;
|
|
243
|
-
this._$Ep = void 0;
|
|
244
|
-
}
|
|
245
|
-
const o = this.constructor.elementProperties;
|
|
246
|
-
if (o.size > 0) for (const [l, d] of o) d.wrapped !== !0 || this._$AL.has(l) || this[l] === void 0 || this.P(l, this[l], d);
|
|
247
|
-
}
|
|
248
|
-
let e = !1;
|
|
249
|
-
const t = this._$AL;
|
|
250
|
-
try {
|
|
251
|
-
e = this.shouldUpdate(t), e ? (this.willUpdate(t), (r = this._$EO) == null || r.forEach((o) => {
|
|
252
|
-
var l;
|
|
253
|
-
return (l = o.hostUpdate) == null ? void 0 : l.call(o);
|
|
254
|
-
}), this.update(t)) : this._$EU();
|
|
255
|
-
} catch (o) {
|
|
256
|
-
throw e = !1, this._$EU(), o;
|
|
257
|
-
}
|
|
258
|
-
e && this._$AE(t);
|
|
259
|
-
}
|
|
260
|
-
willUpdate(e) {
|
|
261
|
-
}
|
|
262
|
-
_$AE(e) {
|
|
263
|
-
var t;
|
|
264
|
-
(t = this._$EO) == null || t.forEach((r) => {
|
|
265
|
-
var o;
|
|
266
|
-
return (o = r.hostUpdated) == null ? void 0 : o.call(r);
|
|
267
|
-
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
|
|
268
|
-
}
|
|
269
|
-
_$EU() {
|
|
270
|
-
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
|
|
271
|
-
}
|
|
272
|
-
get updateComplete() {
|
|
273
|
-
return this.getUpdateComplete();
|
|
274
|
-
}
|
|
275
|
-
getUpdateComplete() {
|
|
276
|
-
return this._$ES;
|
|
277
|
-
}
|
|
278
|
-
shouldUpdate(e) {
|
|
279
|
-
return !0;
|
|
280
|
-
}
|
|
281
|
-
update(e) {
|
|
282
|
-
this._$Ej && (this._$Ej = this._$Ej.forEach((t) => this._$EC(t, this[t]))), this._$EU();
|
|
283
|
-
}
|
|
284
|
-
updated(e) {
|
|
285
|
-
}
|
|
286
|
-
firstUpdated(e) {
|
|
287
|
-
}
|
|
288
|
-
};
|
|
289
|
-
Se.elementStyles = [], Se.shadowRootOptions = { mode: "open" }, Se[Ye("elementProperties")] = /* @__PURE__ */ new Map(), Se[Ye("finalized")] = /* @__PURE__ */ new Map(), Lt == null || Lt({ ReactiveElement: Se }), (ce.reactiveElementVersions ?? (ce.reactiveElementVersions = [])).push("2.0.4");
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2017 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/,{is:c,defineProperty:d,getOwnPropertyDescriptor:h,getOwnPropertyNames:p,getOwnPropertySymbols:v,getPrototypeOf:b}=Object,u=globalThis,m=u.trustedTypes,g=m?m.emptyScript:"",f=u.reactiveElementPolyfillSupport,y=(e,t)=>e,k={toAttribute(e,t){switch(t){case Boolean:e=e?g:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let i=e;switch(t){case Boolean:i=null!==e;break;case Number:i=null===e?null:Number(e);break;case Object:case Array:try{i=JSON.parse(e)}catch(o){i=null}}return i}},w=(e,t)=>!c(e,t),x={attribute:!0,type:String,converter:k,reflect:!1,hasChanged:w};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),u.litPropertyMetadata??(u.litPropertyMetadata=new WeakMap);let A=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=x){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(e,i,t);void 0!==o&&d(this.prototype,e,o)}}static getPropertyDescriptor(e,t,i){const{get:o,set:n}=h(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get(){return null==o?void 0:o.call(this)},set(t){const r=null==o?void 0:o.call(this);n.call(this,t),this.requestUpdate(e,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??x}static _$Ei(){if(this.hasOwnProperty(y("elementProperties")))return;const e=b(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(y("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(y("properties"))){const e=this.properties,t=[...p(e),...v(e)];for(const i of t)this.createProperty(i,e[i])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,i]of t)this.elementProperties.set(e,i)}this._$Eh=new Map;for(const[t,i]of this.elementProperties){const e=this._$Eu(t,i);void 0!==e&&this._$Eh.set(e,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const e of i)t.unshift(l(e))}else void 0!==e&&t.push(l(e));return t}static _$Eu(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),null==(e=this.constructor.l)||e.forEach((e=>e(this)))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),void 0!==this.renderRoot&&this.isConnected&&(null==(t=e.hostConnected)||t.call(e))}removeController(e){var t;null==(t=this._$EO)||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(o)e.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const o of t){const t=document.createElement("style"),n=i.litNonce;void 0!==n&&t.setAttribute("nonce",n),t.textContent=o.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null==(e=this._$EO)||e.forEach((e=>{var t;return null==(t=e.hostConnected)?void 0:t.call(e)}))}enableUpdating(e){}disconnectedCallback(){var e;null==(e=this._$EO)||e.forEach((e=>{var t;return null==(t=e.hostDisconnected)?void 0:t.call(e)}))}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$EC(e,t){var i;const o=this.constructor.elementProperties.get(e),n=this.constructor._$Eu(e,o);if(void 0!==n&&!0===o.reflect){const r=(void 0!==(null==(i=o.converter)?void 0:i.toAttribute)?o.converter:k).toAttribute(t,o.type);this._$Em=e,null==r?this.removeAttribute(n):this.setAttribute(n,r),this._$Em=null}}_$AK(e,t){var i;const o=this.constructor,n=o._$Eh.get(e);if(void 0!==n&&this._$Em!==n){const e=o.getPropertyOptions(n),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null==(i=e.converter)?void 0:i.fromAttribute)?e.converter:k;this._$Em=n,this[n]=r.fromAttribute(t,e.type),this._$Em=null}}requestUpdate(e,t,i){if(void 0!==e){if(i??(i=this.constructor.getPropertyOptions(e)),!(i.hasChanged??w)(this[e],t))return;this.P(e,t,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(e,t,i){this._$AL.has(e)||this._$AL.set(e,t),!0===i.reflect&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,i]of e)!0!==i.wrapped||this._$AL.has(t)||void 0===this[t]||this.P(t,this[t],i)}let t=!1;const i=this._$AL;try{t=this.shouldUpdate(i),t?(this.willUpdate(i),null==(e=this._$EO)||e.forEach((e=>{var t;return null==(t=e.hostUpdate)?void 0:t.call(e)})),this.update(i)):this._$EU()}catch(o){throw t=!1,this._$EU(),o}t&&this._$AE(i)}willUpdate(e){}_$AE(e){var t;null==(t=this._$EO)||t.forEach((e=>{var t;return null==(t=e.hostUpdated)?void 0:t.call(e)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach((e=>this._$EC(e,this[e])))),this._$EU()}updated(e){}firstUpdated(e){}};A.elementStyles=[],A.shadowRootOptions={mode:"open"},A[y("elementProperties")]=new Map,A[y("finalized")]=new Map,null==f||f({ReactiveElement:A}),(u.reactiveElementVersions??(u.reactiveElementVersions=[])).push("2.0.4");
|
|
290
12
|
/**
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
const
|
|
296
|
-
\f\r]`, qe = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, di = /-->/g, hi = />/g, fe = RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^
|
|
297
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), bi = /'/g, pi = /"/g, Ai = /^(?:script|style|textarea|title)$/i, xo = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), y = xo(1), de = Symbol.for("lit-noChange"), x = Symbol.for("lit-nothing"), vi = /* @__PURE__ */ new WeakMap(), we = ke.createTreeWalker(ke, 129);
|
|
298
|
-
function _i(n, e) {
|
|
299
|
-
if (!Wt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
300
|
-
return ci !== void 0 ? ci.createHTML(e) : e;
|
|
301
|
-
}
|
|
302
|
-
const Ei = (n, e) => {
|
|
303
|
-
const t = n.length - 1, r = [];
|
|
304
|
-
let o, l = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", d = qe;
|
|
305
|
-
for (let v = 0; v < t; v++) {
|
|
306
|
-
const h = n[v];
|
|
307
|
-
let f, k, g = -1, A = 0;
|
|
308
|
-
for (; A < h.length && (d.lastIndex = A, k = d.exec(h), k !== null); ) A = d.lastIndex, d === qe ? k[1] === "!--" ? d = di : k[1] !== void 0 ? d = hi : k[2] !== void 0 ? (Ai.test(k[2]) && (o = RegExp("</" + k[2], "g")), d = fe) : k[3] !== void 0 && (d = fe) : d === fe ? k[0] === ">" ? (d = o ?? qe, g = -1) : k[1] === void 0 ? g = -2 : (g = d.lastIndex - k[2].length, f = k[1], d = k[3] === void 0 ? fe : k[3] === '"' ? pi : bi) : d === pi || d === bi ? d = fe : d === di || d === hi ? d = qe : (d = fe, o = void 0);
|
|
309
|
-
const w = d === fe && n[v + 1].startsWith("/>") ? " " : "";
|
|
310
|
-
l += d === qe ? h + yo : g >= 0 ? (r.push(f), h.slice(0, g) + jt + h.slice(g) + ae + w) : h + ae + (g === -2 ? v : w);
|
|
311
|
-
}
|
|
312
|
-
return [_i(n, l + (n[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
|
|
313
|
-
};
|
|
314
|
-
class it {
|
|
315
|
-
constructor({ strings: e, _$litType$: t }, r) {
|
|
316
|
-
let o;
|
|
317
|
-
this.parts = [];
|
|
318
|
-
let l = 0, d = 0;
|
|
319
|
-
const v = e.length - 1, h = this.parts, [f, k] = Ei(e, t);
|
|
320
|
-
if (this.el = it.createElement(f, r), we.currentNode = this.el.content, t === 2 || t === 3) {
|
|
321
|
-
const g = this.el.content.firstChild;
|
|
322
|
-
g.replaceWith(...g.childNodes);
|
|
323
|
-
}
|
|
324
|
-
for (; (o = we.nextNode()) !== null && h.length < v; ) {
|
|
325
|
-
if (o.nodeType === 1) {
|
|
326
|
-
if (o.hasAttributes()) for (const g of o.getAttributeNames()) if (g.endsWith(jt)) {
|
|
327
|
-
const A = k[d++], w = o.getAttribute(g).split(ae), z = /([.?@])?(.*)/.exec(A);
|
|
328
|
-
h.push({ type: 1, index: l, name: z[2], strings: w, ctor: z[1] === "." ? Bi : z[1] === "?" ? Ci : z[1] === "@" ? Mi : ot }), o.removeAttribute(g);
|
|
329
|
-
} else g.startsWith(ae) && (h.push({ type: 6, index: l }), o.removeAttribute(g));
|
|
330
|
-
if (Ai.test(o.tagName)) {
|
|
331
|
-
const g = o.textContent.split(ae), A = g.length - 1;
|
|
332
|
-
if (A > 0) {
|
|
333
|
-
o.textContent = ct ? ct.emptyScript : "";
|
|
334
|
-
for (let w = 0; w < A; w++) o.append(g[w], et()), we.nextNode(), h.push({ type: 2, index: ++l });
|
|
335
|
-
o.append(g[A], et());
|
|
336
|
-
}
|
|
337
|
-
}
|
|
338
|
-
} else if (o.nodeType === 8) if (o.data === Ut) h.push({ type: 2, index: l });
|
|
339
|
-
else {
|
|
340
|
-
let g = -1;
|
|
341
|
-
for (; (g = o.data.indexOf(ae, g + 1)) !== -1; ) h.push({ type: 7, index: l }), g += ae.length - 1;
|
|
342
|
-
}
|
|
343
|
-
l++;
|
|
344
|
-
}
|
|
345
|
-
}
|
|
346
|
-
static createElement(e, t) {
|
|
347
|
-
const r = ke.createElement("template");
|
|
348
|
-
return r.innerHTML = e, r;
|
|
349
|
-
}
|
|
350
|
-
}
|
|
351
|
-
function $e(n, e, t = n, r) {
|
|
352
|
-
var d, v;
|
|
353
|
-
if (e === de) return e;
|
|
354
|
-
let o = r !== void 0 ? (d = t._$Co) == null ? void 0 : d[r] : t._$Cl;
|
|
355
|
-
const l = tt(e) ? void 0 : e._$litDirective$;
|
|
356
|
-
return (o == null ? void 0 : o.constructor) !== l && ((v = o == null ? void 0 : o._$AO) == null || v.call(o, !1), l === void 0 ? o = void 0 : (o = new l(n), o._$AT(n, t, r)), r !== void 0 ? (t._$Co ?? (t._$Co = []))[r] = o : t._$Cl = o), o !== void 0 && (e = $e(n, o._$AS(n, e.values), o, r)), e;
|
|
357
|
-
}
|
|
358
|
-
let Si = class {
|
|
359
|
-
constructor(e, t) {
|
|
360
|
-
this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
|
|
361
|
-
}
|
|
362
|
-
get parentNode() {
|
|
363
|
-
return this._$AM.parentNode;
|
|
364
|
-
}
|
|
365
|
-
get _$AU() {
|
|
366
|
-
return this._$AM._$AU;
|
|
367
|
-
}
|
|
368
|
-
u(e) {
|
|
369
|
-
const { el: { content: t }, parts: r } = this._$AD, o = ((e == null ? void 0 : e.creationScope) ?? ke).importNode(t, !0);
|
|
370
|
-
we.currentNode = o;
|
|
371
|
-
let l = we.nextNode(), d = 0, v = 0, h = r[0];
|
|
372
|
-
for (; h !== void 0; ) {
|
|
373
|
-
if (d === h.index) {
|
|
374
|
-
let f;
|
|
375
|
-
h.type === 2 ? f = new vt(l, l.nextSibling, this, e) : h.type === 1 ? f = new h.ctor(l, h.name, h.strings, this, e) : h.type === 6 && (f = new Li(l, this, e)), this._$AV.push(f), h = r[++v];
|
|
376
|
-
}
|
|
377
|
-
d !== (h == null ? void 0 : h.index) && (l = we.nextNode(), d++);
|
|
378
|
-
}
|
|
379
|
-
return we.currentNode = ke, o;
|
|
380
|
-
}
|
|
381
|
-
p(e) {
|
|
382
|
-
let t = 0;
|
|
383
|
-
for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, t), t += r.strings.length - 2) : r._$AI(e[t])), t++;
|
|
384
|
-
}
|
|
385
|
-
}, vt = class zi {
|
|
386
|
-
get _$AU() {
|
|
387
|
-
var e;
|
|
388
|
-
return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
|
|
389
|
-
}
|
|
390
|
-
constructor(e, t, r, o) {
|
|
391
|
-
this.type = 2, this._$AH = x, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = r, this.options = o, this._$Cv = (o == null ? void 0 : o.isConnected) ?? !0;
|
|
392
|
-
}
|
|
393
|
-
get parentNode() {
|
|
394
|
-
let e = this._$AA.parentNode;
|
|
395
|
-
const t = this._$AM;
|
|
396
|
-
return t !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = t.parentNode), e;
|
|
397
|
-
}
|
|
398
|
-
get startNode() {
|
|
399
|
-
return this._$AA;
|
|
400
|
-
}
|
|
401
|
-
get endNode() {
|
|
402
|
-
return this._$AB;
|
|
403
|
-
}
|
|
404
|
-
_$AI(e, t = this) {
|
|
405
|
-
e = $e(this, e, t), tt(e) ? e === x || e == null || e === "" ? (this._$AH !== x && this._$AR(), this._$AH = x) : e !== this._$AH && e !== de && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : $i(e) ? this.k(e) : this._(e);
|
|
406
|
-
}
|
|
407
|
-
O(e) {
|
|
408
|
-
return this._$AA.parentNode.insertBefore(e, this._$AB);
|
|
409
|
-
}
|
|
410
|
-
T(e) {
|
|
411
|
-
this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
|
|
412
|
-
}
|
|
413
|
-
_(e) {
|
|
414
|
-
this._$AH !== x && tt(this._$AH) ? this._$AA.nextSibling.data = e : this.T(ke.createTextNode(e)), this._$AH = e;
|
|
415
|
-
}
|
|
416
|
-
$(e) {
|
|
417
|
-
var l;
|
|
418
|
-
const { values: t, _$litType$: r } = e, o = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = it.createElement(_i(r.h, r.h[0]), this.options)), r);
|
|
419
|
-
if (((l = this._$AH) == null ? void 0 : l._$AD) === o) this._$AH.p(t);
|
|
420
|
-
else {
|
|
421
|
-
const d = new Si(o, this), v = d.u(this.options);
|
|
422
|
-
d.p(t), this.T(v), this._$AH = d;
|
|
423
|
-
}
|
|
424
|
-
}
|
|
425
|
-
_$AC(e) {
|
|
426
|
-
let t = vi.get(e.strings);
|
|
427
|
-
return t === void 0 && vi.set(e.strings, t = new it(e)), t;
|
|
428
|
-
}
|
|
429
|
-
k(e) {
|
|
430
|
-
Wt(this._$AH) || (this._$AH = [], this._$AR());
|
|
431
|
-
const t = this._$AH;
|
|
432
|
-
let r, o = 0;
|
|
433
|
-
for (const l of e) o === t.length ? t.push(r = new zi(this.O(et()), this.O(et()), this, this.options)) : r = t[o], r._$AI(l), o++;
|
|
434
|
-
o < t.length && (this._$AR(r && r._$AB.nextSibling, o), t.length = o);
|
|
435
|
-
}
|
|
436
|
-
_$AR(e = this._$AA.nextSibling, t) {
|
|
437
|
-
var r;
|
|
438
|
-
for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, t); e && e !== this._$AB; ) {
|
|
439
|
-
const o = e.nextSibling;
|
|
440
|
-
e.remove(), e = o;
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
setConnected(e) {
|
|
444
|
-
var t;
|
|
445
|
-
this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
|
|
446
|
-
}
|
|
447
|
-
}, ot = class {
|
|
448
|
-
get tagName() {
|
|
449
|
-
return this.element.tagName;
|
|
450
|
-
}
|
|
451
|
-
get _$AU() {
|
|
452
|
-
return this._$AM._$AU;
|
|
453
|
-
}
|
|
454
|
-
constructor(e, t, r, o, l) {
|
|
455
|
-
this.type = 1, this._$AH = x, this._$AN = void 0, this.element = e, this.name = t, this._$AM = o, this.options = l, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = x;
|
|
456
|
-
}
|
|
457
|
-
_$AI(e, t = this, r, o) {
|
|
458
|
-
const l = this.strings;
|
|
459
|
-
let d = !1;
|
|
460
|
-
if (l === void 0) e = $e(this, e, t, 0), d = !tt(e) || e !== this._$AH && e !== de, d && (this._$AH = e);
|
|
461
|
-
else {
|
|
462
|
-
const v = e;
|
|
463
|
-
let h, f;
|
|
464
|
-
for (e = l[0], h = 0; h < l.length - 1; h++) f = $e(this, v[r + h], t, h), f === de && (f = this._$AH[h]), d || (d = !tt(f) || f !== this._$AH[h]), f === x ? e = x : e !== x && (e += (f ?? "") + l[h + 1]), this._$AH[h] = f;
|
|
465
|
-
}
|
|
466
|
-
d && !o && this.j(e);
|
|
467
|
-
}
|
|
468
|
-
j(e) {
|
|
469
|
-
e === x ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
|
|
470
|
-
}
|
|
471
|
-
}, Bi = class extends ot {
|
|
472
|
-
constructor() {
|
|
473
|
-
super(...arguments), this.type = 3;
|
|
474
|
-
}
|
|
475
|
-
j(e) {
|
|
476
|
-
this.element[this.name] = e === x ? void 0 : e;
|
|
477
|
-
}
|
|
478
|
-
};
|
|
479
|
-
class Ci extends ot {
|
|
480
|
-
constructor() {
|
|
481
|
-
super(...arguments), this.type = 4;
|
|
482
|
-
}
|
|
483
|
-
j(e) {
|
|
484
|
-
this.element.toggleAttribute(this.name, !!e && e !== x);
|
|
485
|
-
}
|
|
486
|
-
}
|
|
487
|
-
let Mi = class extends ot {
|
|
488
|
-
constructor(e, t, r, o, l) {
|
|
489
|
-
super(e, t, r, o, l), this.type = 5;
|
|
490
|
-
}
|
|
491
|
-
_$AI(e, t = this) {
|
|
492
|
-
if ((e = $e(this, e, t, 0) ?? x) === de) return;
|
|
493
|
-
const r = this._$AH, o = e === x && r !== x || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, l = e !== x && (r === x || o);
|
|
494
|
-
o && this.element.removeEventListener(this.name, this, r), l && this.element.addEventListener(this.name, this, e), this._$AH = e;
|
|
495
|
-
}
|
|
496
|
-
handleEvent(e) {
|
|
497
|
-
var t;
|
|
498
|
-
typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
|
|
499
|
-
}
|
|
500
|
-
}, Li = class {
|
|
501
|
-
constructor(e, t, r) {
|
|
502
|
-
this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = r;
|
|
503
|
-
}
|
|
504
|
-
get _$AU() {
|
|
505
|
-
return this._$AM._$AU;
|
|
506
|
-
}
|
|
507
|
-
_$AI(e) {
|
|
508
|
-
$e(this, e);
|
|
509
|
-
}
|
|
510
|
-
};
|
|
511
|
-
const wo = { M: jt, P: ae, A: Ut, C: 1, L: Ei, R: Si, D: $i, V: $e, I: vt, H: ot, N: Ci, U: Mi, B: Bi, F: Li }, Ot = Ze.litHtmlPolyfillSupport;
|
|
512
|
-
Ot == null || Ot(it, vt), (Ze.litHtmlVersions ?? (Ze.litHtmlVersions = [])).push("3.2.1");
|
|
513
|
-
const ko = (n, e, t) => {
|
|
514
|
-
const r = (t == null ? void 0 : t.renderBefore) ?? e;
|
|
515
|
-
let o = r._$litPart$;
|
|
516
|
-
if (o === void 0) {
|
|
517
|
-
const l = (t == null ? void 0 : t.renderBefore) ?? null;
|
|
518
|
-
r._$litPart$ = o = new vt(e.insertBefore(et(), l), l, void 0, t ?? {});
|
|
519
|
-
}
|
|
520
|
-
return o._$AI(n), o;
|
|
521
|
-
};
|
|
522
|
-
/**
|
|
523
|
-
* @license
|
|
524
|
-
* Copyright 2017 Google LLC
|
|
525
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
526
|
-
*/
|
|
527
|
-
let j = class extends Se {
|
|
528
|
-
constructor() {
|
|
529
|
-
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
530
|
-
}
|
|
531
|
-
createRenderRoot() {
|
|
532
|
-
var t;
|
|
533
|
-
const e = super.createRenderRoot();
|
|
534
|
-
return (t = this.renderOptions).renderBefore ?? (t.renderBefore = e.firstChild), e;
|
|
535
|
-
}
|
|
536
|
-
update(e) {
|
|
537
|
-
const t = this.render();
|
|
538
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = ko(t, this.renderRoot, this.renderOptions);
|
|
539
|
-
}
|
|
540
|
-
connectedCallback() {
|
|
541
|
-
var e;
|
|
542
|
-
super.connectedCallback(), (e = this._$Do) == null || e.setConnected(!0);
|
|
543
|
-
}
|
|
544
|
-
disconnectedCallback() {
|
|
545
|
-
var e;
|
|
546
|
-
super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
|
|
547
|
-
}
|
|
548
|
-
render() {
|
|
549
|
-
return de;
|
|
550
|
-
}
|
|
551
|
-
};
|
|
552
|
-
var wi;
|
|
553
|
-
j._$litElement$ = !0, j.finalized = !0, (wi = globalThis.litElementHydrateSupport) == null || wi.call(globalThis, { LitElement: j });
|
|
554
|
-
const It = globalThis.litElementPolyfillSupport;
|
|
555
|
-
It == null || It({ LitElement: j });
|
|
556
|
-
(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
|
|
557
|
-
/**
|
|
558
|
-
* @license
|
|
559
|
-
* Copyright 2017 Google LLC
|
|
560
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
561
|
-
*/
|
|
562
|
-
const $o = { attribute: !0, type: String, converter: lt, reflect: !1, hasChanged: Vt }, Ao = (n = $o, e, t) => {
|
|
563
|
-
const { kind: r, metadata: o } = t;
|
|
564
|
-
let l = globalThis.litPropertyMetadata.get(o);
|
|
565
|
-
if (l === void 0 && globalThis.litPropertyMetadata.set(o, l = /* @__PURE__ */ new Map()), l.set(t.name, n), r === "accessor") {
|
|
566
|
-
const { name: d } = t;
|
|
567
|
-
return { set(v) {
|
|
568
|
-
const h = e.get.call(this);
|
|
569
|
-
e.set.call(this, v), this.requestUpdate(d, h, n);
|
|
570
|
-
}, init(v) {
|
|
571
|
-
return v !== void 0 && this.P(d, void 0, n), v;
|
|
572
|
-
} };
|
|
573
|
-
}
|
|
574
|
-
if (r === "setter") {
|
|
575
|
-
const { name: d } = t;
|
|
576
|
-
return function(v) {
|
|
577
|
-
const h = this[d];
|
|
578
|
-
e.call(this, v), this.requestUpdate(d, h, n);
|
|
579
|
-
};
|
|
580
|
-
}
|
|
581
|
-
throw Error("Unsupported decorator location: " + r);
|
|
582
|
-
};
|
|
583
|
-
function p(n) {
|
|
584
|
-
return (e, t) => typeof t == "object" ? Ao(n, e, t) : ((r, o, l) => {
|
|
585
|
-
const d = o.hasOwnProperty(l);
|
|
586
|
-
return o.constructor.createProperty(l, d ? { ...r, wrapped: !0 } : r), d ? Object.getOwnPropertyDescriptor(o, l) : void 0;
|
|
587
|
-
})(n, e, t);
|
|
588
|
-
}
|
|
13
|
+
* @license
|
|
14
|
+
* Copyright 2017 Google LLC
|
|
15
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
+
*/
|
|
17
|
+
const _=globalThis,z=_.trustedTypes,S=z?z.createPolicy("lit-html",{createHTML:e=>e}):void 0,$="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,C="?"+E,M=`<${C}>`,T=document,O=()=>T.createComment(""),L=e=>null===e||"object"!=typeof e&&"function"!=typeof e,B=Array.isArray,P=e=>B(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]),N="[ \t\n\f\r]",j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,I=/-->/g,D=/>/g,F=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),R=/'/g,H=/"/g,V=/^(?:script|style|textarea|title)$/i,W=(Z=1,(e,...t)=>({_$litType$:Z,strings:e,values:t})),U=Symbol.for("lit-noChange"),q=Symbol.for("lit-nothing"),K=new WeakMap,G=T.createTreeWalker(T,129);var Z;function Y(e,t){if(!B(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==S?S.createHTML(t):t}const X=(e,t)=>{const i=e.length-1,o=[];let n,r=2===t?"<svg>":3===t?"<math>":"",a=j;for(let s=0;s<i;s++){const t=e[s];let i,l,c=-1,d=0;for(;d<t.length&&(a.lastIndex=d,l=a.exec(t),null!==l);)d=a.lastIndex,a===j?"!--"===l[1]?a=I:void 0!==l[1]?a=D:void 0!==l[2]?(V.test(l[2])&&(n=RegExp("</"+l[2],"g")),a=F):void 0!==l[3]&&(a=F):a===F?">"===l[0]?(a=n??j,c=-1):void 0===l[1]?c=-2:(c=a.lastIndex-l[2].length,i=l[1],a=void 0===l[3]?F:'"'===l[3]?H:R):a===H||a===R?a=F:a===I||a===D?a=j:(a=F,n=void 0);const h=a===F&&e[s+1].startsWith("/>")?" ":"";r+=a===j?t+M:c>=0?(o.push(i),t.slice(0,c)+$+t.slice(c)+E+h):t+E+(-2===c?s:h)}return[Y(e,r+(e[i]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),o]};class Q{constructor({strings:e,_$litType$:t},i){let o;this.parts=[];let n=0,r=0;const a=e.length-1,s=this.parts,[l,c]=X(e,t);if(this.el=Q.createElement(l,i),G.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(o=G.nextNode())&&s.length<a;){if(1===o.nodeType){if(o.hasAttributes())for(const e of o.getAttributeNames())if(e.endsWith($)){const t=c[r++],i=o.getAttribute(e).split(E),a=/([.?@])?(.*)/.exec(t);s.push({type:1,index:n,name:a[2],strings:i,ctor:"."===a[1]?oe:"?"===a[1]?ne:"@"===a[1]?re:ie}),o.removeAttribute(e)}else e.startsWith(E)&&(s.push({type:6,index:n}),o.removeAttribute(e));if(V.test(o.tagName)){const e=o.textContent.split(E),t=e.length-1;if(t>0){o.textContent=z?z.emptyScript:"";for(let i=0;i<t;i++)o.append(e[i],O()),G.nextNode(),s.push({type:2,index:++n});o.append(e[t],O())}}}else if(8===o.nodeType)if(o.data===C)s.push({type:2,index:n});else{let e=-1;for(;-1!==(e=o.data.indexOf(E,e+1));)s.push({type:7,index:n}),e+=E.length-1}n++}}static createElement(e,t){const i=T.createElement("template");return i.innerHTML=e,i}}function J(e,t,i=e,o){var n,r;if(t===U)return t;let a=void 0!==o?null==(n=i._$Co)?void 0:n[o]:i._$Cl;const s=L(t)?void 0:t._$litDirective$;return(null==a?void 0:a.constructor)!==s&&(null==(r=null==a?void 0:a._$AO)||r.call(a,!1),void 0===s?a=void 0:(a=new s(e),a._$AT(e,i,o)),void 0!==o?(i._$Co??(i._$Co=[]))[o]=a:i._$Cl=a),void 0!==a&&(t=J(e,a._$AS(e,t.values),a,o)),t}let ee=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,o=((null==e?void 0:e.creationScope)??T).importNode(t,!0);G.currentNode=o;let n=G.nextNode(),r=0,a=0,s=i[0];for(;void 0!==s;){if(r===s.index){let t;2===s.type?t=new te(n,n.nextSibling,this,e):1===s.type?t=new s.ctor(n,s.name,s.strings,this,e):6===s.type&&(t=new ae(n,this,e)),this._$AV.push(t),s=i[++a]}r!==(null==s?void 0:s.index)&&(n=G.nextNode(),r++)}return G.currentNode=T,o}p(e){let t=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}},te=class e{get _$AU(){var e;return(null==(e=this._$AM)?void 0:e._$AU)??this._$Cv}constructor(e,t,i,o){this.type=2,this._$AH=q,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=o,this._$Cv=(null==o?void 0:o.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===(null==e?void 0:e.nodeType)&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=J(this,e,t),L(e)?e===q||null==e||""===e?(this._$AH!==q&&this._$AR(),this._$AH=q):e!==this._$AH&&e!==U&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):P(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==q&&L(this._$AH)?this._$AA.nextSibling.data=e:this.T(T.createTextNode(e)),this._$AH=e}$(e){var t;const{values:i,_$litType$:o}=e,n="number"==typeof o?this._$AC(e):(void 0===o.el&&(o.el=Q.createElement(Y(o.h,o.h[0]),this.options)),o);if((null==(t=this._$AH)?void 0:t._$AD)===n)this._$AH.p(i);else{const e=new ee(n,this),t=e.u(this.options);e.p(i),this.T(t),this._$AH=e}}_$AC(e){let t=K.get(e.strings);return void 0===t&&K.set(e.strings,t=new Q(e)),t}k(t){B(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let o,n=0;for(const r of t)n===i.length?i.push(o=new e(this.O(O()),this.O(O()),this,this.options)):o=i[n],o._$AI(r),n++;n<i.length&&(this._$AR(o&&o._$AB.nextSibling,n),i.length=n)}_$AR(e=this._$AA.nextSibling,t){var i;for(null==(i=this._$AP)||i.call(this,!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){var t;void 0===this._$AM&&(this._$Cv=e,null==(t=this._$AP)||t.call(this,e))}},ie=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,o,n){this.type=1,this._$AH=q,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=q}_$AI(e,t=this,i,o){const n=this.strings;let r=!1;if(void 0===n)e=J(this,e,t,0),r=!L(e)||e!==this._$AH&&e!==U,r&&(this._$AH=e);else{const o=e;let a,s;for(e=n[0],a=0;a<n.length-1;a++)s=J(this,o[i+a],t,a),s===U&&(s=this._$AH[a]),r||(r=!L(s)||s!==this._$AH[a]),s===q?e=q:e!==q&&(e+=(s??"")+n[a+1]),this._$AH[a]=s}r&&!o&&this.j(e)}j(e){e===q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},oe=class extends ie{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===q?void 0:e}};class ne extends ie{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==q)}}let re=class extends ie{constructor(e,t,i,o,n){super(e,t,i,o,n),this.type=5}_$AI(e,t=this){if((e=J(this,e,t,0)??q)===U)return;const i=this._$AH,o=e===q&&i!==q||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,n=e!==q&&(i===q||o);o&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;"function"==typeof this._$AH?this._$AH.call((null==(t=this.options)?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}},ae=class{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){J(this,e)}};const se={M:$,P:E,A:C,C:1,L:X,R:ee,D:P,V:J,I:te,H:ie,N:ne,U:re,B:oe,F:ae},le=_.litHtmlPolyfillSupport;null==le||le(Q,te),(_.litHtmlVersions??(_.litHtmlVersions=[])).push("3.2.1");
|
|
589
18
|
/**
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
return p({ ...n, state: !0, attribute: !1 });
|
|
596
|
-
}
|
|
19
|
+
* @license
|
|
20
|
+
* Copyright 2017 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
+
*/
|
|
23
|
+
let ce=class extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,i)=>{const o=(null==i?void 0:i.renderBefore)??t;let n=o._$litPart$;if(void 0===n){const e=(null==i?void 0:i.renderBefore)??null;o._$litPart$=n=new te(t.insertBefore(O(),e),e,void 0,i??{})}return n._$AI(e),n})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null==(e=this._$Do)||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null==(e=this._$Do)||e.setConnected(!1)}render(){return U}};ce._$litElement$=!0,ce.finalized=!0,null==(t=globalThis.litElementHydrateSupport)||t.call(globalThis,{LitElement:ce});const de=globalThis.litElementPolyfillSupport;null==de||de({LitElement:ce}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");
|
|
597
24
|
/**
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
const
|
|
25
|
+
* @license
|
|
26
|
+
* Copyright 2017 Google LLC
|
|
27
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
+
*/
|
|
29
|
+
const he={attribute:!0,type:String,converter:k,reflect:!1,hasChanged:w},pe=(e=he,t,i)=>{const{kind:o,metadata:n}=i;let r=globalThis.litPropertyMetadata.get(n);if(void 0===r&&globalThis.litPropertyMetadata.set(n,r=new Map),r.set(i.name,e),"accessor"===o){const{name:o}=i;return{set(i){const n=t.get.call(this);t.set.call(this,i),this.requestUpdate(o,n,e)},init(t){return void 0!==t&&this.P(o,void 0,e),t}}}if("setter"===o){const{name:o}=i;return function(i){const n=this[o];t.call(this,i),this.requestUpdate(o,n,e)}}throw Error("Unsupported decorator location: "+o)};function ve(e){return(t,i)=>"object"==typeof i?pe(e,t,i):((e,t,i)=>{const o=t.hasOwnProperty(i);return t.constructor.createProperty(i,o?{...e,wrapped:!0}:e),o?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
|
|
603
30
|
/**
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
function Kt(n, e) {
|
|
609
|
-
return (t, r, o) => {
|
|
610
|
-
const l = (d) => {
|
|
611
|
-
var v;
|
|
612
|
-
return ((v = d.renderRoot) == null ? void 0 : v.querySelector(n)) ?? null;
|
|
613
|
-
};
|
|
614
|
-
return Ti(t, r, { get() {
|
|
615
|
-
return l(this);
|
|
616
|
-
} });
|
|
617
|
-
};
|
|
618
|
-
}
|
|
31
|
+
* @license
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
+
*/function be(e){return ve({...e,state:!0,attribute:!1})}
|
|
619
35
|
/**
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
let _o;
|
|
625
|
-
function Eo(n) {
|
|
626
|
-
return (e, t) => Ti(e, t, { get() {
|
|
627
|
-
return (this.renderRoot ?? _o ?? (_o = document.createDocumentFragment())).querySelectorAll(n);
|
|
628
|
-
} });
|
|
629
|
-
}
|
|
36
|
+
* @license
|
|
37
|
+
* Copyright 2017 Google LLC
|
|
38
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
+
*/const ue=(e,t,i)=>(i.configurable=!0,i.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,i),i)
|
|
630
40
|
/**
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
const Oi = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Ii = (n) => (...e) => ({ _$litDirective$: n, values: e });
|
|
636
|
-
let Ni = class {
|
|
637
|
-
constructor(e) {
|
|
638
|
-
}
|
|
639
|
-
get _$AU() {
|
|
640
|
-
return this._$AM._$AU;
|
|
641
|
-
}
|
|
642
|
-
_$AT(e, t, r) {
|
|
643
|
-
this._$Ct = e, this._$AM = t, this._$Ci = r;
|
|
644
|
-
}
|
|
645
|
-
_$AS(e, t) {
|
|
646
|
-
return this.update(e, t);
|
|
647
|
-
}
|
|
648
|
-
update(e, t) {
|
|
649
|
-
return this.render(...t);
|
|
650
|
-
}
|
|
651
|
-
};
|
|
41
|
+
* @license
|
|
42
|
+
* Copyright 2017 Google LLC
|
|
43
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
44
|
+
*/;function me(e,t){return(t,i,o)=>ue(t,i,{get(){return(t=>{var i;return(null==(i=t.renderRoot)?void 0:i.querySelector(e))??null})(this)}})}
|
|
652
45
|
/**
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
const { I: So } = wo, ui = () => document.createComment(""), Ge = (n, e, t) => {
|
|
658
|
-
var l;
|
|
659
|
-
const r = n._$AA.parentNode, o = e === void 0 ? n._$AB : e._$AA;
|
|
660
|
-
if (t === void 0) {
|
|
661
|
-
const d = r.insertBefore(ui(), o), v = r.insertBefore(ui(), o);
|
|
662
|
-
t = new So(d, v, n, n.options);
|
|
663
|
-
} else {
|
|
664
|
-
const d = t._$AB.nextSibling, v = t._$AM, h = v !== n;
|
|
665
|
-
if (h) {
|
|
666
|
-
let f;
|
|
667
|
-
(l = t._$AQ) == null || l.call(t, n), t._$AM = n, t._$AP !== void 0 && (f = n._$AU) !== v._$AU && t._$AP(f);
|
|
668
|
-
}
|
|
669
|
-
if (d !== o || h) {
|
|
670
|
-
let f = t._$AA;
|
|
671
|
-
for (; f !== d; ) {
|
|
672
|
-
const k = f.nextSibling;
|
|
673
|
-
r.insertBefore(f, o), f = k;
|
|
674
|
-
}
|
|
675
|
-
}
|
|
676
|
-
}
|
|
677
|
-
return t;
|
|
678
|
-
}, ye = (n, e, t = n) => (n._$AI(e, t), n), zo = {}, Bo = (n, e = zo) => n._$AH = e, Co = (n) => n._$AH, Nt = (n) => {
|
|
679
|
-
var r;
|
|
680
|
-
(r = n._$AP) == null || r.call(n, !1, !0);
|
|
681
|
-
let e = n._$AA;
|
|
682
|
-
const t = n._$AB.nextSibling;
|
|
683
|
-
for (; e !== t; ) {
|
|
684
|
-
const o = e.nextSibling;
|
|
685
|
-
e.remove(), e = o;
|
|
686
|
-
}
|
|
687
|
-
};
|
|
46
|
+
* @license
|
|
47
|
+
* Copyright 2017 Google LLC
|
|
48
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
49
|
+
*/let ge;
|
|
688
50
|
/**
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
const
|
|
694
|
-
const r = /* @__PURE__ */ new Map();
|
|
695
|
-
for (let o = e; o <= t; o++) r.set(n[o], o);
|
|
696
|
-
return r;
|
|
697
|
-
}, Mo = Ii(class extends Ni {
|
|
698
|
-
constructor(n) {
|
|
699
|
-
if (super(n), n.type !== Oi.CHILD) throw Error("repeat() can only be used in text expressions");
|
|
700
|
-
}
|
|
701
|
-
dt(n, e, t) {
|
|
702
|
-
let r;
|
|
703
|
-
t === void 0 ? t = e : e !== void 0 && (r = e);
|
|
704
|
-
const o = [], l = [];
|
|
705
|
-
let d = 0;
|
|
706
|
-
for (const v of n) o[d] = r ? r(v, d) : d, l[d] = t(v, d), d++;
|
|
707
|
-
return { values: l, keys: o };
|
|
708
|
-
}
|
|
709
|
-
render(n, e, t) {
|
|
710
|
-
return this.dt(n, e, t).values;
|
|
711
|
-
}
|
|
712
|
-
update(n, [e, t, r]) {
|
|
713
|
-
const o = Co(n), { values: l, keys: d } = this.dt(e, t, r);
|
|
714
|
-
if (!Array.isArray(o)) return this.ut = d, l;
|
|
715
|
-
const v = this.ut ?? (this.ut = []), h = [];
|
|
716
|
-
let f, k, g = 0, A = o.length - 1, w = 0, z = l.length - 1;
|
|
717
|
-
for (; g <= A && w <= z; ) if (o[g] === null) g++;
|
|
718
|
-
else if (o[A] === null) A--;
|
|
719
|
-
else if (v[g] === d[w]) h[w] = ye(o[g], l[w]), g++, w++;
|
|
720
|
-
else if (v[A] === d[z]) h[z] = ye(o[A], l[z]), A--, z--;
|
|
721
|
-
else if (v[g] === d[z]) h[z] = ye(o[g], l[z]), Ge(n, h[z + 1], o[g]), g++, z--;
|
|
722
|
-
else if (v[A] === d[w]) h[w] = ye(o[A], l[w]), Ge(n, o[g], o[A]), A--, w++;
|
|
723
|
-
else if (f === void 0 && (f = mi(d, w, z), k = mi(v, g, A)), f.has(v[g])) if (f.has(v[A])) {
|
|
724
|
-
const T = k.get(d[w]), D = T !== void 0 ? o[T] : null;
|
|
725
|
-
if (D === null) {
|
|
726
|
-
const Ee = Ge(n, o[g]);
|
|
727
|
-
ye(Ee, l[w]), h[w] = Ee;
|
|
728
|
-
} else h[w] = ye(D, l[w]), Ge(n, o[g], D), o[T] = null;
|
|
729
|
-
w++;
|
|
730
|
-
} else Nt(o[A]), A--;
|
|
731
|
-
else Nt(o[g]), g++;
|
|
732
|
-
for (; w <= z; ) {
|
|
733
|
-
const T = Ge(n, h[z + 1]);
|
|
734
|
-
ye(T, l[w]), h[w++] = T;
|
|
735
|
-
}
|
|
736
|
-
for (; g <= A; ) {
|
|
737
|
-
const T = o[g++];
|
|
738
|
-
T !== null && Nt(T);
|
|
739
|
-
}
|
|
740
|
-
return this.ut = d, Bo(n, h), de;
|
|
741
|
-
}
|
|
742
|
-
});
|
|
51
|
+
* @license
|
|
52
|
+
* Copyright 2017 Google LLC
|
|
53
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
|
+
*/
|
|
55
|
+
const fe=1,ye=2,ke=e=>(...t)=>({_$litDirective$:e,values:t});let we=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,i){this._$Ct=e,this._$AM=t,this._$Ci=i}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};
|
|
743
56
|
/**
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
const Z = Ii(class extends Ni {
|
|
749
|
-
constructor(n) {
|
|
750
|
-
var e;
|
|
751
|
-
if (super(n), n.type !== Oi.ATTRIBUTE || n.name !== "class" || ((e = n.strings) == null ? void 0 : e.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
|
|
752
|
-
}
|
|
753
|
-
render(n) {
|
|
754
|
-
return " " + Object.keys(n).filter((e) => n[e]).join(" ") + " ";
|
|
755
|
-
}
|
|
756
|
-
update(n, [e]) {
|
|
757
|
-
var r, o;
|
|
758
|
-
if (this.st === void 0) {
|
|
759
|
-
this.st = /* @__PURE__ */ new Set(), n.strings !== void 0 && (this.nt = new Set(n.strings.join(" ").split(/\s/).filter((l) => l !== "")));
|
|
760
|
-
for (const l in e) e[l] && !((r = this.nt) != null && r.has(l)) && this.st.add(l);
|
|
761
|
-
return this.render(e);
|
|
762
|
-
}
|
|
763
|
-
const t = n.element.classList;
|
|
764
|
-
for (const l of this.st) l in e || (t.remove(l), this.st.delete(l));
|
|
765
|
-
for (const l in e) {
|
|
766
|
-
const d = !!e[l];
|
|
767
|
-
d === this.st.has(l) || (o = this.nt) != null && o.has(l) || (d ? (t.add(l), this.st.add(l)) : (t.remove(l), this.st.delete(l)));
|
|
768
|
-
}
|
|
769
|
-
return de;
|
|
770
|
-
}
|
|
771
|
-
});
|
|
57
|
+
* @license
|
|
58
|
+
* Copyright 2020 Google LLC
|
|
59
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
60
|
+
*/const{I:xe}=se,Ae=()=>document.createComment(""),_e=(e,t,i)=>{var o;const n=e._$AA.parentNode,r=void 0===t?e._$AB:t._$AA;if(void 0===i){const t=n.insertBefore(Ae(),r),o=n.insertBefore(Ae(),r);i=new xe(t,o,e,e.options)}else{const t=i._$AB.nextSibling,a=i._$AM,s=a!==e;if(s){let t;null==(o=i._$AQ)||o.call(i,e),i._$AM=e,void 0!==i._$AP&&(t=e._$AU)!==a._$AU&&i._$AP(t)}if(t!==r||s){let e=i._$AA;for(;e!==t;){const t=e.nextSibling;n.insertBefore(e,r),e=t}}}return i},ze=(e,t,i=e)=>(e._$AI(t,i),e),Se={},$e=e=>{var t;null==(t=e._$AP)||t.call(e,!1,!0);let i=e._$AA;const o=e._$AB.nextSibling;for(;i!==o;){const e=i.nextSibling;i.remove(),i=e}},Ee=(e,t,i)=>{const o=new Map;for(let n=t;n<=i;n++)o.set(e[n],n);return o},Ce=ke(class extends we{constructor(e){if(super(e),e.type!==ye)throw Error("repeat() can only be used in text expressions")}dt(e,t,i){let o;void 0===i?i=t:void 0!==t&&(o=t);const n=[],r=[];let a=0;for(const s of e)n[a]=o?o(s,a):a,r[a]=i(s,a),a++;return{values:r,keys:n}}render(e,t,i){return this.dt(e,t,i).values}update(e,[t,i,o]){const n=e._$AH,{values:r,keys:a}=this.dt(t,i,o);if(!Array.isArray(n))return this.ut=a,r;const s=this.ut??(this.ut=[]),l=[];let c,d,h=0,p=n.length-1,v=0,b=r.length-1;for(;h<=p&&v<=b;)if(null===n[h])h++;else if(null===n[p])p--;else if(s[h]===a[v])l[v]=ze(n[h],r[v]),h++,v++;else if(s[p]===a[b])l[b]=ze(n[p],r[b]),p--,b--;else if(s[h]===a[b])l[b]=ze(n[h],r[b]),_e(e,l[b+1],n[h]),h++,b--;else if(s[p]===a[v])l[v]=ze(n[p],r[v]),_e(e,n[h],n[p]),p--,v++;else if(void 0===c&&(c=Ee(a,v,b),d=Ee(s,h,p)),c.has(s[h]))if(c.has(s[p])){const t=d.get(a[v]),i=void 0!==t?n[t]:null;if(null===i){const t=_e(e,n[h]);ze(t,r[v]),l[v]=t}else l[v]=ze(i,r[v]),_e(e,n[h],i),n[t]=null;v++}else $e(n[p]),p--;else $e(n[h]),h++;for(;v<=b;){const t=_e(e,l[b+1]);ze(t,r[v]),l[v++]=t}for(;h<=p;){const e=n[h++];null!==e&&$e(e)}return this.ut=a,((e,t=Se)=>{e._$AH=t})(e,l),U}}),Me=ke(class extends we{constructor(e){var t;if(super(e),e.type!==fe||"class"!==e.name||(null==(t=e.strings)?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){var i,o;if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&!(null==(i=this.nt)?void 0:i.has(e))&&this.st.add(e);return this.render(t)}const n=e.element.classList;for(const r of this.st)r in t||(n.remove(r),this.st.delete(r));for(const r in t){const e=!!t[r];e===this.st.has(r)||(null==(o=this.nt)?void 0:o.has(r))||(e?(n.add(r),this.st.add(r)):(n.remove(r),this.st.delete(r)))}return U}}),Te=e=>e??q,Oe=(e,t,i)=>function(o,n){const r=`#${n}`;Object.defineProperty(o,n,{get(){return this[r]},set(o){t.includes(o)?this[r]=o:(console.error(`<${e}> Invalid value "${o}" provided for property "${n}".`,`Must be one of: ${t.join(" | ")}.`,`Falling back to default value: "${i}"`),this[r]=i)},configurable:!0})};
|
|
772
61
|
/**
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
const I = (n) => n ?? x, C = (n, e, t) => function(r, o) {
|
|
778
|
-
const l = `#${o}`;
|
|
779
|
-
Object.defineProperty(r, o, {
|
|
780
|
-
get() {
|
|
781
|
-
return this[l];
|
|
782
|
-
},
|
|
783
|
-
set(d) {
|
|
784
|
-
e.includes(d) ? this[l] = d : (console.error(
|
|
785
|
-
`<${n}> Invalid value "${d}" provided for property "${o}".`,
|
|
786
|
-
`Must be one of: ${e.join(" | ")}.`,
|
|
787
|
-
`Falling back to default value: "${t}"`
|
|
788
|
-
), this[l] = t);
|
|
789
|
-
},
|
|
790
|
-
configurable: !0
|
|
791
|
-
});
|
|
792
|
-
}, Lo = (n) => function(e, t) {
|
|
793
|
-
const r = `#${t}`;
|
|
794
|
-
Object.defineProperty(e, t, {
|
|
795
|
-
get() {
|
|
796
|
-
return this[r];
|
|
797
|
-
},
|
|
798
|
-
set(o) {
|
|
799
|
-
(o == null || typeof o == "string" && o.trim() === "") && console.error(`<${n}> Missing required attribute "${t}"`), this[r] = o;
|
|
800
|
-
},
|
|
801
|
-
configurable: !0
|
|
802
|
-
});
|
|
803
|
-
};
|
|
804
|
-
function q(n, e) {
|
|
805
|
-
customElements.get(n) ? console.warn(`PIE Web Component: "${n}" has already been defined. Please ensure the component is only being defined once in your application.`) : customElements.define(n, e);
|
|
806
|
-
}
|
|
807
|
-
function To(n) {
|
|
808
|
-
return new CustomEvent(n.type, {
|
|
809
|
-
detail: {
|
|
810
|
-
sourceEvent: n
|
|
811
|
-
},
|
|
812
|
-
bubbles: n.bubbles,
|
|
813
|
-
cancelable: n.cancelable
|
|
814
|
-
});
|
|
815
|
-
}
|
|
816
|
-
function J(n, e, t) {
|
|
817
|
-
e.startsWith("pie-") || console.warn("A custom event name should start with `pie-`");
|
|
818
|
-
const r = new CustomEvent(e, {
|
|
819
|
-
bubbles: !0,
|
|
820
|
-
composed: !0,
|
|
821
|
-
detail: t
|
|
822
|
-
});
|
|
823
|
-
n.dispatchEvent(r);
|
|
824
|
-
}
|
|
825
|
-
const Pi = (n) => {
|
|
826
|
-
class e extends n {
|
|
827
|
-
/**
|
|
828
|
-
* A getter to determine whether the text direction is right-to-left (RTL).
|
|
829
|
-
* If the `dir` property is present on the component, it will be used to determine the text direction.
|
|
830
|
-
* If running on the client-side (not SSR) and the `dir` property is not present, the text direction will be inferred
|
|
831
|
-
* from the document's root element. This inference is not available during SSR.
|
|
832
|
-
* In all other cases, it will return `false`, indicating a left-to-right (LTR) text direction.
|
|
833
|
-
*
|
|
834
|
-
* @returns {boolean} - Returns `true` if the text direction is RTL, otherwise `false`.
|
|
835
|
-
*/
|
|
836
|
-
get isRTL() {
|
|
837
|
-
return this.dir ? this.dir === "rtl" : this.dir ? !1 : document.documentElement.getAttribute("dir") === "rtl";
|
|
838
|
-
}
|
|
839
|
-
}
|
|
840
|
-
return e;
|
|
841
|
-
}, Ri = (n) => {
|
|
842
|
-
const e = class extends n {
|
|
843
|
-
get form() {
|
|
844
|
-
return this._internals.form;
|
|
845
|
-
}
|
|
846
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
847
|
-
constructor(...o) {
|
|
848
|
-
super(...o), this._internals = this.attachInternals();
|
|
849
|
-
}
|
|
850
|
-
};
|
|
851
|
-
return e.formAssociated = !0, e;
|
|
852
|
-
}, Oo = "*,*:after,*:before{box-sizing:inherit}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-spinner{--spinner-size: 24px;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), .35);block-size:var(--spinner-size);inline-size:var(--spinner-size);border-radius:var(--dt-radius-rounded-e);border-width:calc(var(--spinner-size) / 8);border-style:solid;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);will-change:transform;animation:rotate360 1.15s linear infinite;--spinner-base-color-h: var(--dt-color-content-brand-h);--spinner-base-color-s: var(--dt-color-content-brand-s);--spinner-base-color-l: var(--dt-color-content-brand-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-h);--spinner-base-color-s: var(--dt-color-content-inverse-s);--spinner-base-color-l: var(--dt-color-content-inverse-l)}.c-spinner.c-spinner--xsmall{--spinner-size: 16px}.c-spinner.c-spinner--small{--spinner-size: 20px}.c-spinner.c-spinner--large{--spinner-size: 32px}.c-spinner.c-spinner--xlarge{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}", Io = ["xsmall", "small", "medium", "large", "xlarge"], No = ["brand", "secondary", "inverse"], dt = {
|
|
853
|
-
size: "medium",
|
|
854
|
-
variant: "brand"
|
|
855
|
-
};
|
|
856
|
-
var Po = Object.defineProperty, qt = (n, e, t, r) => {
|
|
857
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
858
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
859
|
-
return o && Po(e, t, o), o;
|
|
860
|
-
};
|
|
861
|
-
const Gt = "pie-spinner", Fi = class extends j {
|
|
862
|
-
constructor() {
|
|
863
|
-
super(...arguments), this.size = dt.size, this.variant = dt.variant;
|
|
864
|
-
}
|
|
865
|
-
render() {
|
|
866
|
-
const { variant: e, size: t } = this, r = {
|
|
867
|
-
"c-spinner": !0,
|
|
868
|
-
[`c-spinner--${t}`]: !0,
|
|
869
|
-
[`c-spinner--${e}`]: !0
|
|
870
|
-
};
|
|
871
|
-
return y`
|
|
62
|
+
* @license
|
|
63
|
+
* Copyright 2017 Google LLC
|
|
64
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
65
|
+
*/function Le(e,t){customElements.get(e)?console.warn(`PIE Web Component: "${e}" has already been defined. Please ensure the component is only being defined once in your application.`):customElements.define(e,t)}function Be(e,t,i){t.startsWith("pie-")||console.warn("A custom event name should start with `pie-`");const o=new CustomEvent(t,{bubbles:!0,composed:!0,detail:i});e.dispatchEvent(o)}const Pe=e=>class extends e{get isRTL(){return this.dir?"rtl"===this.dir:!this.dir&&"rtl"===document.documentElement.getAttribute("dir")}},Ne=e=>{const t=class extends e{get form(){return this._internals.form}constructor(...e){super(...e),this._internals=this.attachInternals()}};return t.formAssociated=!0,t},je="medium",Ie="brand";var De=Object.defineProperty,Fe=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&De(t,i,r),r};const Re="pie-spinner",He=class extends ce{constructor(){super(...arguments),this.size=je,this.variant=Ie}render(){const{variant:e,size:t}=this;return W`
|
|
872
66
|
<div
|
|
873
67
|
data-test-id="pie-spinner"
|
|
874
|
-
class="${
|
|
68
|
+
class="${Me({"c-spinner":!0,[`c-spinner--${t}`]:!0,[`c-spinner--${e}`]:!0})}"
|
|
875
69
|
role="status"
|
|
876
70
|
aria-live="polite">
|
|
877
71
|
${this.renderAriaLabel()}
|
|
878
|
-
</div
|
|
879
|
-
}
|
|
880
|
-
renderAriaLabel() {
|
|
881
|
-
var e;
|
|
882
|
-
return (e = this.aria) != null && e.label ? y`
|
|
72
|
+
</div>`}renderAriaLabel(){var e;return null!=(e=this.aria)&&e.label?W`
|
|
883
73
|
<span class="c-spinner-label">
|
|
884
74
|
${this.aria.label}
|
|
885
|
-
</span>` : x;
|
|
886
|
-
}
|
|
887
|
-
};
|
|
888
|
-
Fi.styles = se(Oo);
|
|
889
|
-
let ut = Fi;
|
|
890
|
-
qt([
|
|
891
|
-
p({ type: Object })
|
|
892
|
-
], ut.prototype, "aria");
|
|
893
|
-
qt([
|
|
894
|
-
p({ type: String }),
|
|
895
|
-
C(Gt, Io, dt.size)
|
|
896
|
-
], ut.prototype, "size");
|
|
897
|
-
qt([
|
|
898
|
-
p({ type: String }),
|
|
899
|
-
C(Gt, No, dt.variant)
|
|
900
|
-
], ut.prototype, "variant");
|
|
901
|
-
q(Gt, ut);
|
|
902
|
-
(function() {
|
|
903
|
-
(function(n) {
|
|
904
|
-
const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), D = {
|
|
905
|
-
ariaAtomic: "aria-atomic",
|
|
906
|
-
ariaAutoComplete: "aria-autocomplete",
|
|
907
|
-
ariaBusy: "aria-busy",
|
|
908
|
-
ariaChecked: "aria-checked",
|
|
909
|
-
ariaColCount: "aria-colcount",
|
|
910
|
-
ariaColIndex: "aria-colindex",
|
|
911
|
-
ariaColIndexText: "aria-colindextext",
|
|
912
|
-
ariaColSpan: "aria-colspan",
|
|
913
|
-
ariaCurrent: "aria-current",
|
|
914
|
-
ariaDescription: "aria-description",
|
|
915
|
-
ariaDisabled: "aria-disabled",
|
|
916
|
-
ariaExpanded: "aria-expanded",
|
|
917
|
-
ariaHasPopup: "aria-haspopup",
|
|
918
|
-
ariaHidden: "aria-hidden",
|
|
919
|
-
ariaInvalid: "aria-invalid",
|
|
920
|
-
ariaKeyShortcuts: "aria-keyshortcuts",
|
|
921
|
-
ariaLabel: "aria-label",
|
|
922
|
-
ariaLevel: "aria-level",
|
|
923
|
-
ariaLive: "aria-live",
|
|
924
|
-
ariaModal: "aria-modal",
|
|
925
|
-
ariaMultiLine: "aria-multiline",
|
|
926
|
-
ariaMultiSelectable: "aria-multiselectable",
|
|
927
|
-
ariaOrientation: "aria-orientation",
|
|
928
|
-
ariaPlaceholder: "aria-placeholder",
|
|
929
|
-
ariaPosInSet: "aria-posinset",
|
|
930
|
-
ariaPressed: "aria-pressed",
|
|
931
|
-
ariaReadOnly: "aria-readonly",
|
|
932
|
-
ariaRelevant: "aria-relevant",
|
|
933
|
-
ariaRequired: "aria-required",
|
|
934
|
-
ariaRoleDescription: "aria-roledescription",
|
|
935
|
-
ariaRowCount: "aria-rowcount",
|
|
936
|
-
ariaRowIndex: "aria-rowindex",
|
|
937
|
-
ariaRowIndexText: "aria-rowindextext",
|
|
938
|
-
ariaRowSpan: "aria-rowspan",
|
|
939
|
-
ariaSelected: "aria-selected",
|
|
940
|
-
ariaSetSize: "aria-setsize",
|
|
941
|
-
ariaSort: "aria-sort",
|
|
942
|
-
ariaValueMax: "aria-valuemax",
|
|
943
|
-
ariaValueMin: "aria-valuemin",
|
|
944
|
-
ariaValueNow: "aria-valuenow",
|
|
945
|
-
ariaValueText: "aria-valuetext",
|
|
946
|
-
role: "role"
|
|
947
|
-
}, Ee = (a, i) => {
|
|
948
|
-
for (let s in D) {
|
|
949
|
-
i[s] = null;
|
|
950
|
-
let c = null;
|
|
951
|
-
const b = D[s];
|
|
952
|
-
Object.defineProperty(i, s, {
|
|
953
|
-
get() {
|
|
954
|
-
return c;
|
|
955
|
-
},
|
|
956
|
-
set(u) {
|
|
957
|
-
c = u, a.isConnected ? a.setAttribute(b, u) : k.set(a, i);
|
|
958
|
-
}
|
|
959
|
-
});
|
|
960
|
-
}
|
|
961
|
-
};
|
|
962
|
-
function Le(a) {
|
|
963
|
-
const i = o.get(a), { form: s } = i;
|
|
964
|
-
Re(a, s, i), Pe(a, i.labels);
|
|
965
|
-
}
|
|
966
|
-
const Te = (a, i = !1) => {
|
|
967
|
-
const s = document.createTreeWalker(a, NodeFilter.SHOW_ELEMENT, {
|
|
968
|
-
acceptNode(u) {
|
|
969
|
-
return o.has(u) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
970
|
-
}
|
|
971
|
-
});
|
|
972
|
-
let c = s.nextNode();
|
|
973
|
-
const b = !i || a.disabled;
|
|
974
|
-
for (; c; )
|
|
975
|
-
c.formDisabledCallback && b && pe(c, a.disabled), c = s.nextNode();
|
|
976
|
-
}, Oe = { attributes: !0, attributeFilter: ["disabled", "name"] }, te = ne() ? new MutationObserver((a) => {
|
|
977
|
-
for (const i of a) {
|
|
978
|
-
const s = i.target;
|
|
979
|
-
if (i.attributeName === "disabled" && (s.constructor.formAssociated ? pe(s, s.hasAttribute("disabled")) : s.localName === "fieldset" && Te(s)), i.attributeName === "name" && s.constructor.formAssociated) {
|
|
980
|
-
const c = o.get(s), b = f.get(s);
|
|
981
|
-
c.setFormValue(b);
|
|
982
|
-
}
|
|
983
|
-
}
|
|
984
|
-
}) : {};
|
|
985
|
-
function he(a) {
|
|
986
|
-
a.forEach((i) => {
|
|
987
|
-
const { addedNodes: s, removedNodes: c } = i, b = Array.from(s), u = Array.from(c);
|
|
988
|
-
b.forEach((m) => {
|
|
989
|
-
var E;
|
|
990
|
-
if (o.has(m) && m.constructor.formAssociated && Le(m), k.has(m)) {
|
|
991
|
-
const $ = k.get(m);
|
|
992
|
-
Object.keys(D).filter((S) => $[S] !== null).forEach((S) => {
|
|
993
|
-
m.setAttribute(D[S], $[S]);
|
|
994
|
-
}), k.delete(m);
|
|
995
|
-
}
|
|
996
|
-
if (T.has(m)) {
|
|
997
|
-
const $ = T.get(m);
|
|
998
|
-
m.setAttribute("internals-valid", $.validity.valid.toString()), m.setAttribute("internals-invalid", (!$.validity.valid).toString()), m.setAttribute("aria-invalid", (!$.validity.valid).toString()), T.delete(m);
|
|
999
|
-
}
|
|
1000
|
-
if (m.localName === "form") {
|
|
1001
|
-
const $ = h.get(m), S = document.createTreeWalker(m, NodeFilter.SHOW_ELEMENT, {
|
|
1002
|
-
acceptNode(ge) {
|
|
1003
|
-
return o.has(ge) && ge.constructor.formAssociated && !($ && $.has(ge)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
1004
|
-
}
|
|
1005
|
-
});
|
|
1006
|
-
let Y = S.nextNode();
|
|
1007
|
-
for (; Y; )
|
|
1008
|
-
Le(Y), Y = S.nextNode();
|
|
1009
|
-
}
|
|
1010
|
-
m.localName === "fieldset" && ((E = te.observe) === null || E === void 0 || E.call(te, m, Oe), Te(m, !0));
|
|
1011
|
-
}), u.forEach((m) => {
|
|
1012
|
-
const E = o.get(m);
|
|
1013
|
-
E && r.get(E) && Ie(E), v.has(m) && v.get(m).disconnect();
|
|
1014
|
-
});
|
|
1015
|
-
});
|
|
1016
|
-
}
|
|
1017
|
-
function gt(a) {
|
|
1018
|
-
a.forEach((i) => {
|
|
1019
|
-
const { removedNodes: s } = i;
|
|
1020
|
-
s.forEach((c) => {
|
|
1021
|
-
const b = w.get(i.target);
|
|
1022
|
-
o.has(c) && He(c), b.disconnect();
|
|
1023
|
-
});
|
|
1024
|
-
});
|
|
1025
|
-
}
|
|
1026
|
-
const ft = (a) => {
|
|
1027
|
-
var i, s;
|
|
1028
|
-
const c = new MutationObserver(gt);
|
|
1029
|
-
!((i = window == null ? void 0 : window.ShadyDOM) === null || i === void 0) && i.inUse && a.mode && a.host && (a = a.host), (s = c.observe) === null || s === void 0 || s.call(c, a, { childList: !0 }), w.set(a, c);
|
|
1030
|
-
};
|
|
1031
|
-
ne() && new MutationObserver(he);
|
|
1032
|
-
const be = {
|
|
1033
|
-
childList: !0,
|
|
1034
|
-
subtree: !0
|
|
1035
|
-
}, pe = (a, i) => {
|
|
1036
|
-
a.toggleAttribute("internals-disabled", i), i ? a.setAttribute("aria-disabled", "true") : a.removeAttribute("aria-disabled"), a.formDisabledCallback && a.formDisabledCallback.apply(a, [i]);
|
|
1037
|
-
}, Ie = (a) => {
|
|
1038
|
-
r.get(a).forEach((i) => {
|
|
1039
|
-
i.remove();
|
|
1040
|
-
}), r.set(a, []);
|
|
1041
|
-
}, Ne = (a, i) => {
|
|
1042
|
-
const s = document.createElement("input");
|
|
1043
|
-
return s.type = "hidden", s.name = a.getAttribute("name"), a.after(s), r.get(i).push(s), s;
|
|
1044
|
-
}, yt = (a, i) => {
|
|
1045
|
-
var s;
|
|
1046
|
-
r.set(i, []), (s = te.observe) === null || s === void 0 || s.call(te, a, Oe);
|
|
1047
|
-
}, Pe = (a, i) => {
|
|
1048
|
-
if (i.length) {
|
|
1049
|
-
Array.from(i).forEach((c) => c.addEventListener("click", a.click.bind(a)));
|
|
1050
|
-
let s = i[0].id;
|
|
1051
|
-
i[0].id || (s = `${i[0].htmlFor}_Label`, i[0].id = s), a.setAttribute("aria-labelledby", s);
|
|
1052
|
-
}
|
|
1053
|
-
}, ie = (a) => {
|
|
1054
|
-
const i = Array.from(a.elements).filter((u) => !u.tagName.includes("-") && u.validity).map((u) => u.validity.valid), s = h.get(a) || [], c = Array.from(s).filter((u) => u.isConnected).map((u) => o.get(u).validity.valid), b = [...i, ...c].includes(!1);
|
|
1055
|
-
a.toggleAttribute("internals-invalid", b), a.toggleAttribute("internals-valid", !b);
|
|
1056
|
-
}, xt = (a) => {
|
|
1057
|
-
ie(oe(a.target));
|
|
1058
|
-
}, wt = (a) => {
|
|
1059
|
-
ie(oe(a.target));
|
|
1060
|
-
}, kt = (a) => {
|
|
1061
|
-
const i = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((s) => `${s}:not([disabled])`).map((s) => `${s}:not([form])${a.id ? `,${s}[form='${a.id}']` : ""}`).join(",");
|
|
1062
|
-
a.addEventListener("click", (s) => {
|
|
1063
|
-
if (s.target.closest(i)) {
|
|
1064
|
-
const c = h.get(a);
|
|
1065
|
-
if (a.noValidate)
|
|
1066
|
-
return;
|
|
1067
|
-
c.size && Array.from(c).reverse().map((b) => o.get(b).reportValidity()).includes(!1) && s.preventDefault();
|
|
1068
|
-
}
|
|
1069
|
-
});
|
|
1070
|
-
}, $t = (a) => {
|
|
1071
|
-
const i = h.get(a.target);
|
|
1072
|
-
i && i.size && i.forEach((s) => {
|
|
1073
|
-
s.constructor.formAssociated && s.formResetCallback && s.formResetCallback.apply(s);
|
|
1074
|
-
});
|
|
1075
|
-
}, Re = (a, i, s) => {
|
|
1076
|
-
if (i) {
|
|
1077
|
-
const c = h.get(i);
|
|
1078
|
-
if (c)
|
|
1079
|
-
c.add(a);
|
|
1080
|
-
else {
|
|
1081
|
-
const b = /* @__PURE__ */ new Set();
|
|
1082
|
-
b.add(a), h.set(i, b), kt(i), i.addEventListener("reset", $t), i.addEventListener("input", xt), i.addEventListener("change", wt);
|
|
1083
|
-
}
|
|
1084
|
-
d.set(i, { ref: a, internals: s }), a.constructor.formAssociated && a.formAssociatedCallback && setTimeout(() => {
|
|
1085
|
-
a.formAssociatedCallback.apply(a, [i]);
|
|
1086
|
-
}, 0), ie(i);
|
|
1087
|
-
}
|
|
1088
|
-
}, oe = (a) => {
|
|
1089
|
-
let i = a.parentNode;
|
|
1090
|
-
return i && i.tagName !== "FORM" && (i = oe(i)), i;
|
|
1091
|
-
}, O = (a, i, s = DOMException) => {
|
|
1092
|
-
if (!a.constructor.formAssociated)
|
|
1093
|
-
throw new s(i);
|
|
1094
|
-
}, Fe = (a, i, s) => {
|
|
1095
|
-
const c = h.get(a);
|
|
1096
|
-
return c && c.size && c.forEach((b) => {
|
|
1097
|
-
o.get(b)[s]() || (i = !1);
|
|
1098
|
-
}), i;
|
|
1099
|
-
}, He = (a) => {
|
|
1100
|
-
if (a.constructor.formAssociated) {
|
|
1101
|
-
const i = o.get(a), { labels: s, form: c } = i;
|
|
1102
|
-
Pe(a, s), Re(a, c, i);
|
|
1103
|
-
}
|
|
1104
|
-
};
|
|
1105
|
-
function ne() {
|
|
1106
|
-
return typeof MutationObserver < "u";
|
|
1107
|
-
}
|
|
1108
|
-
class At {
|
|
1109
|
-
constructor() {
|
|
1110
|
-
this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this);
|
|
1111
|
-
}
|
|
1112
|
-
}
|
|
1113
|
-
const _t = (a) => (a.badInput = !1, a.customError = !1, a.patternMismatch = !1, a.rangeOverflow = !1, a.rangeUnderflow = !1, a.stepMismatch = !1, a.tooLong = !1, a.tooShort = !1, a.typeMismatch = !1, a.valid = !0, a.valueMissing = !1, a), Et = (a, i, s) => (a.valid = St(i), Object.keys(i).forEach((c) => a[c] = i[c]), s && ie(s), a), St = (a) => {
|
|
1114
|
-
let i = !0;
|
|
1115
|
-
for (let s in a)
|
|
1116
|
-
s !== "valid" && a[s] !== !1 && (i = !1);
|
|
1117
|
-
return i;
|
|
1118
|
-
}, ve = /* @__PURE__ */ new WeakMap();
|
|
1119
|
-
function De(a, i) {
|
|
1120
|
-
a.toggleAttribute(i, !0), a.part && a.part.add(i);
|
|
1121
|
-
}
|
|
1122
|
-
class ue extends Set {
|
|
1123
|
-
static get isPolyfilled() {
|
|
1124
|
-
return !0;
|
|
1125
|
-
}
|
|
1126
|
-
constructor(i) {
|
|
1127
|
-
if (super(), !i || !i.tagName || i.tagName.indexOf("-") === -1)
|
|
1128
|
-
throw new TypeError("Illegal constructor");
|
|
1129
|
-
ve.set(this, i);
|
|
1130
|
-
}
|
|
1131
|
-
add(i) {
|
|
1132
|
-
if (!/^--/.test(i) || typeof i != "string")
|
|
1133
|
-
throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${i} must start with '--'.`);
|
|
1134
|
-
const s = super.add(i), c = ve.get(this), b = `state${i}`;
|
|
1135
|
-
return c.isConnected ? De(c, b) : setTimeout(() => {
|
|
1136
|
-
De(c, b);
|
|
1137
|
-
}), s;
|
|
1138
|
-
}
|
|
1139
|
-
clear() {
|
|
1140
|
-
for (let [i] of this.entries())
|
|
1141
|
-
this.delete(i);
|
|
1142
|
-
super.clear();
|
|
1143
|
-
}
|
|
1144
|
-
delete(i) {
|
|
1145
|
-
const s = super.delete(i), c = ve.get(this);
|
|
1146
|
-
return c.isConnected ? (c.toggleAttribute(`state${i}`, !1), c.part && c.part.remove(`state${i}`)) : setTimeout(() => {
|
|
1147
|
-
c.toggleAttribute(`state${i}`, !1), c.part && c.part.remove(`state${i}`);
|
|
1148
|
-
}), s;
|
|
1149
|
-
}
|
|
1150
|
-
}
|
|
1151
|
-
function Ve(a, i, s, c) {
|
|
1152
|
-
if (s === "a" && !c) throw new TypeError("Private accessor was defined without a getter");
|
|
1153
|
-
if (typeof i == "function" ? a !== i || !c : !i.has(a)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
1154
|
-
return s === "m" ? c : s === "a" ? c.call(a) : c ? c.value : i.get(a);
|
|
1155
|
-
}
|
|
1156
|
-
function zt(a, i, s, c, b) {
|
|
1157
|
-
if (typeof i == "function" ? a !== i || !0 : !i.has(a)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
1158
|
-
return i.set(a, s), s;
|
|
1159
|
-
}
|
|
1160
|
-
var G;
|
|
1161
|
-
class Bt {
|
|
1162
|
-
constructor(i) {
|
|
1163
|
-
G.set(this, void 0), zt(this, G, i);
|
|
1164
|
-
for (let s = 0; s < i.length; s++) {
|
|
1165
|
-
let c = i[s];
|
|
1166
|
-
this[s] = c, c.hasAttribute("name") && (this[c.getAttribute("name")] = c);
|
|
1167
|
-
}
|
|
1168
|
-
Object.freeze(this);
|
|
1169
|
-
}
|
|
1170
|
-
get length() {
|
|
1171
|
-
return Ve(this, G, "f").length;
|
|
1172
|
-
}
|
|
1173
|
-
[(G = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
|
|
1174
|
-
return Ve(this, G, "f")[Symbol.iterator]();
|
|
1175
|
-
}
|
|
1176
|
-
item(i) {
|
|
1177
|
-
return this[i] == null ? null : this[i];
|
|
1178
|
-
}
|
|
1179
|
-
namedItem(i) {
|
|
1180
|
-
return this[i] == null ? null : this[i];
|
|
1181
|
-
}
|
|
1182
|
-
}
|
|
1183
|
-
function Ct() {
|
|
1184
|
-
const a = HTMLFormElement.prototype.checkValidity;
|
|
1185
|
-
HTMLFormElement.prototype.checkValidity = s;
|
|
1186
|
-
const i = HTMLFormElement.prototype.reportValidity;
|
|
1187
|
-
HTMLFormElement.prototype.reportValidity = c;
|
|
1188
|
-
function s(...u) {
|
|
1189
|
-
let m = a.apply(this, u);
|
|
1190
|
-
return Fe(this, m, "checkValidity");
|
|
1191
|
-
}
|
|
1192
|
-
function c(...u) {
|
|
1193
|
-
let m = i.apply(this, u);
|
|
1194
|
-
return Fe(this, m, "reportValidity");
|
|
1195
|
-
}
|
|
1196
|
-
const { get: b } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
|
|
1197
|
-
Object.defineProperty(HTMLFormElement.prototype, "elements", {
|
|
1198
|
-
get(...u) {
|
|
1199
|
-
const m = b.call(this, ...u), E = Array.from(h.get(this) || []);
|
|
1200
|
-
if (E.length === 0)
|
|
1201
|
-
return m;
|
|
1202
|
-
const $ = Array.from(m).concat(E).sort((S, Y) => S.compareDocumentPosition ? S.compareDocumentPosition(Y) & 2 ? 1 : -1 : 0);
|
|
1203
|
-
return new Bt($);
|
|
1204
|
-
}
|
|
1205
|
-
});
|
|
1206
|
-
}
|
|
1207
|
-
class je {
|
|
1208
|
-
static get isPolyfilled() {
|
|
1209
|
-
return !0;
|
|
1210
|
-
}
|
|
1211
|
-
constructor(i) {
|
|
1212
|
-
if (!i || !i.tagName || i.tagName.indexOf("-") === -1)
|
|
1213
|
-
throw new TypeError("Illegal constructor");
|
|
1214
|
-
const s = i.getRootNode(), c = new At();
|
|
1215
|
-
this.states = new ue(i), e.set(this, i), t.set(this, c), o.set(i, this), Ee(i, this), yt(i, this), Object.seal(this), s instanceof DocumentFragment && ft(s);
|
|
1216
|
-
}
|
|
1217
|
-
checkValidity() {
|
|
1218
|
-
const i = e.get(this);
|
|
1219
|
-
if (O(i, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
|
|
1220
|
-
return !0;
|
|
1221
|
-
const s = t.get(this);
|
|
1222
|
-
if (!s.valid) {
|
|
1223
|
-
const c = new Event("invalid", {
|
|
1224
|
-
bubbles: !1,
|
|
1225
|
-
cancelable: !0,
|
|
1226
|
-
composed: !1
|
|
1227
|
-
});
|
|
1228
|
-
i.dispatchEvent(c);
|
|
1229
|
-
}
|
|
1230
|
-
return s.valid;
|
|
1231
|
-
}
|
|
1232
|
-
get form() {
|
|
1233
|
-
const i = e.get(this);
|
|
1234
|
-
O(i, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
|
|
1235
|
-
let s;
|
|
1236
|
-
return i.constructor.formAssociated === !0 && (s = oe(i)), s;
|
|
1237
|
-
}
|
|
1238
|
-
get labels() {
|
|
1239
|
-
const i = e.get(this);
|
|
1240
|
-
O(i, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
|
|
1241
|
-
const s = i.getAttribute("id"), c = i.getRootNode();
|
|
1242
|
-
return c && s ? c.querySelectorAll(`[for="${s}"]`) : [];
|
|
1243
|
-
}
|
|
1244
|
-
reportValidity() {
|
|
1245
|
-
const i = e.get(this);
|
|
1246
|
-
if (O(i, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
|
|
1247
|
-
return !0;
|
|
1248
|
-
const s = this.checkValidity(), c = A.get(this);
|
|
1249
|
-
if (c && !i.constructor.formAssociated)
|
|
1250
|
-
throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");
|
|
1251
|
-
return !s && c && (i.focus(), c.focus()), s;
|
|
1252
|
-
}
|
|
1253
|
-
setFormValue(i) {
|
|
1254
|
-
const s = e.get(this);
|
|
1255
|
-
if (O(s, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), Ie(this), i != null && !(i instanceof FormData)) {
|
|
1256
|
-
if (s.getAttribute("name")) {
|
|
1257
|
-
const c = Ne(s, this);
|
|
1258
|
-
c.value = i;
|
|
1259
|
-
}
|
|
1260
|
-
} else i != null && i instanceof FormData && Array.from(i).reverse().forEach(([c, b]) => {
|
|
1261
|
-
if (typeof b == "string") {
|
|
1262
|
-
const u = Ne(s, this);
|
|
1263
|
-
u.name = c, u.value = b;
|
|
1264
|
-
}
|
|
1265
|
-
});
|
|
1266
|
-
f.set(s, i);
|
|
1267
|
-
}
|
|
1268
|
-
setValidity(i, s, c) {
|
|
1269
|
-
const b = e.get(this);
|
|
1270
|
-
if (O(b, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !i)
|
|
1271
|
-
throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
|
|
1272
|
-
A.set(this, c);
|
|
1273
|
-
const u = t.get(this), m = {};
|
|
1274
|
-
for (const S in i)
|
|
1275
|
-
m[S] = i[S];
|
|
1276
|
-
Object.keys(m).length === 0 && _t(u);
|
|
1277
|
-
const E = Object.assign(Object.assign({}, u), m);
|
|
1278
|
-
delete E.valid;
|
|
1279
|
-
const { valid: $ } = Et(u, E, this.form);
|
|
1280
|
-
if (!$ && !s)
|
|
1281
|
-
throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
|
|
1282
|
-
l.set(this, $ ? "" : s), b.isConnected ? (b.toggleAttribute("internals-invalid", !$), b.toggleAttribute("internals-valid", $), b.setAttribute("aria-invalid", `${!$}`)) : T.set(b, this);
|
|
1283
|
-
}
|
|
1284
|
-
get shadowRoot() {
|
|
1285
|
-
const i = e.get(this);
|
|
1286
|
-
return g.get(i) || null;
|
|
1287
|
-
}
|
|
1288
|
-
get validationMessage() {
|
|
1289
|
-
const i = e.get(this);
|
|
1290
|
-
return O(i, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), l.get(this);
|
|
1291
|
-
}
|
|
1292
|
-
get validity() {
|
|
1293
|
-
const i = e.get(this);
|
|
1294
|
-
return O(i, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), t.get(this);
|
|
1295
|
-
}
|
|
1296
|
-
get willValidate() {
|
|
1297
|
-
const i = e.get(this);
|
|
1298
|
-
return O(i, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(i.disabled || i.hasAttribute("disabled") || i.hasAttribute("readonly"));
|
|
1299
|
-
}
|
|
1300
|
-
}
|
|
1301
|
-
function Mt() {
|
|
1302
|
-
if (typeof window > "u" || !window.ElementInternals || !HTMLElement.prototype.attachInternals)
|
|
1303
|
-
return !1;
|
|
1304
|
-
class a extends HTMLElement {
|
|
1305
|
-
constructor() {
|
|
1306
|
-
super(), this.internals = this.attachInternals();
|
|
1307
|
-
}
|
|
1308
|
-
}
|
|
1309
|
-
const i = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, "")}`;
|
|
1310
|
-
customElements.define(i, a);
|
|
1311
|
-
const s = new a();
|
|
1312
|
-
return [
|
|
1313
|
-
"shadowRoot",
|
|
1314
|
-
"form",
|
|
1315
|
-
"willValidate",
|
|
1316
|
-
"validity",
|
|
1317
|
-
"validationMessage",
|
|
1318
|
-
"labels",
|
|
1319
|
-
"setFormValue",
|
|
1320
|
-
"setValidity",
|
|
1321
|
-
"checkValidity",
|
|
1322
|
-
"reportValidity"
|
|
1323
|
-
].every((c) => c in s.internals);
|
|
1324
|
-
}
|
|
1325
|
-
let Ue = !1, We = !1;
|
|
1326
|
-
function me(a) {
|
|
1327
|
-
We || (We = !0, window.CustomStateSet = ue, a && (HTMLElement.prototype.attachInternals = function(...i) {
|
|
1328
|
-
const s = a.call(this, i);
|
|
1329
|
-
return s.states = new ue(this), s;
|
|
1330
|
-
}));
|
|
1331
|
-
}
|
|
1332
|
-
function Ke(a = !0) {
|
|
1333
|
-
if (!Ue) {
|
|
1334
|
-
if (Ue = !0, typeof window < "u" && (window.ElementInternals = je), typeof CustomElementRegistry < "u") {
|
|
1335
|
-
const i = CustomElementRegistry.prototype.define;
|
|
1336
|
-
CustomElementRegistry.prototype.define = function(s, c, b) {
|
|
1337
|
-
if (c.formAssociated) {
|
|
1338
|
-
const u = c.prototype.connectedCallback;
|
|
1339
|
-
c.prototype.connectedCallback = function() {
|
|
1340
|
-
z.has(this) || (z.set(this, !0), this.hasAttribute("disabled") && pe(this, !0)), u != null && u.apply(this), He(this);
|
|
1341
|
-
};
|
|
1342
|
-
}
|
|
1343
|
-
i.call(this, s, c, b);
|
|
1344
|
-
};
|
|
1345
|
-
}
|
|
1346
|
-
if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
|
|
1347
|
-
if (this.tagName) {
|
|
1348
|
-
if (this.tagName.indexOf("-") === -1)
|
|
1349
|
-
throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");
|
|
1350
|
-
} else return {};
|
|
1351
|
-
if (o.has(this))
|
|
1352
|
-
throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
|
|
1353
|
-
return new je(this);
|
|
1354
|
-
}), typeof Element < "u") {
|
|
1355
|
-
let i = function(...c) {
|
|
1356
|
-
const b = s.apply(this, c);
|
|
1357
|
-
if (g.set(this, b), ne()) {
|
|
1358
|
-
const u = new MutationObserver(he);
|
|
1359
|
-
window.ShadyDOM ? u.observe(this, be) : u.observe(b, be), v.set(this, u);
|
|
1360
|
-
}
|
|
1361
|
-
return b;
|
|
1362
|
-
};
|
|
1363
|
-
const s = Element.prototype.attachShadow;
|
|
1364
|
-
Element.prototype.attachShadow = i;
|
|
1365
|
-
}
|
|
1366
|
-
ne() && typeof document < "u" && new MutationObserver(he).observe(document.documentElement, be), typeof HTMLFormElement < "u" && Ct(), (a || typeof window < "u" && !window.CustomStateSet) && me();
|
|
1367
|
-
}
|
|
1368
|
-
}
|
|
1369
|
-
return customElements.polyfillWrapFlushCallback || (Mt() ? typeof window < "u" && !window.CustomStateSet && me(HTMLElement.prototype.attachInternals) : Ke(!1)), n.forceCustomStateSetPolyfill = me, n.forceElementInternalsPolyfill = Ke, Object.defineProperty(n, "__esModule", { value: !0 }), n;
|
|
1370
|
-
})({});
|
|
1371
|
-
})();
|
|
1372
|
-
const Ro = ["button", "a"], Fo = ["xsmall", "small-productive", "small-expressive", "medium", "large"], Ho = ["submit", "button", "reset"], Do = [
|
|
1373
|
-
"primary",
|
|
1374
|
-
"primary-alternative",
|
|
1375
|
-
"secondary",
|
|
1376
|
-
"outline",
|
|
1377
|
-
"outline-inverse",
|
|
1378
|
-
"ghost",
|
|
1379
|
-
"inverse",
|
|
1380
|
-
"ghost-inverse",
|
|
1381
|
-
"destructive",
|
|
1382
|
-
"destructive-ghost"
|
|
1383
|
-
], Vo = ["leading", "trailing"], F = {
|
|
1384
|
-
tag: "button",
|
|
1385
|
-
size: "medium",
|
|
1386
|
-
type: "submit",
|
|
1387
|
-
variant: "primary",
|
|
1388
|
-
iconPlacement: "leading",
|
|
1389
|
-
disabled: !1,
|
|
1390
|
-
isLoading: !1,
|
|
1391
|
-
isFullWidth: !1,
|
|
1392
|
-
isResponsive: !1
|
|
1393
|
-
}, jo = "*,*:after,*:before{box-sizing:inherit}.o-btn{--btn-border-radius: var(--dt-radius-rounded-e);--btn-font-family: var(--dt-font-interactive-l-family);--btn-font-weight: var(--dt-font-interactive-l-weight);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-text-color: var(--dt-color-content-interactive-light);--icon-display-override: block;--btn-padding-vertical-xsmall: 6px;--btn-padding-vertical-small: 8px;--btn-padding-vertical-medium: 10px;--btn-padding-vertical-large: 14px;--btn-padding-horizontal-small: var(--dt-spacing-b);--btn-padding-horizontal-medium: var(--dt-spacing-d);--btn-padding-horizontal-large: var(--dt-spacing-e);position:relative;display:inline-flex;gap:var(--dt-spacing-b);align-items:center;justify-content:center;border:none;border-radius:var(--btn-border-radius);outline:none;background-color:var(--int-states-mixin-bg-color);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-text-color);line-height:var(--btn-line-height);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;inline-size:var(--btn-inline-size)}.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-btn.o-btn--primary.o-btn--xsmall,.o-btn.o-btn--primary.o-btn--small-productive{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}@media (min-width: 769px){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive,.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}}.o-btn.o-btn--primary-alternative{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}.o-btn.o-btn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-btn.o-btn--outline{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-secondary);border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-link)}.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-btn.o-btn--ghost-inverse,.o-btn.o-btn--outline-inverse{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-btn.o-btn--outline-inverse{border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--destructive{--int-states-mixin-bg-color: var(--dt-color-support-error)}.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-support-error))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-support-error))}}.o-btn.o-btn--destructive-ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-error)}.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--xsmall{--btn-font-size: calc(var(--dt-font-size-14) * 1px);--btn-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--icon-size-override: 16px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--responsive.o-btn--expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--xsmall.o-btn--outline,.o-btn.o-btn--xsmall.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive.o-btn--expressive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive.o-btn--expressive{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--small-expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-expressive.o-btn--outline,.o-btn.o-btn--small-expressive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-expressive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive.o-btn--outline,.o-btn.o-btn--small-productive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-productive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium.o-btn--outline,.o-btn.o-btn--medium.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--outline.o-btn--responsive,.o-btn.o-btn--medium.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--large{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}.o-btn.o-btn--large.o-btn--outline,.o-btn.o-btn--large.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}.o-btn.o-btn--fullWidth{--btn-inline-size: 100%}.o-btn[disabled]{--btn-text-color: var(--dt-color-content-disabled) !important;cursor:not-allowed}.o-btn[disabled]:not(.o-btn--ghost,.o-btn--ghost-inverse,.o-btn--destructive-ghost){--int-states-mixin-bg-color: var(--dt-color-disabled-01) !important}.o-btn[disabled].o-btn--outline,.o-btn[disabled].o-btn--outline-inverse{border-color:var(--dt-color-disabled-01)!important}.o-btn.is-loading>*:not(pie-spinner){visibility:hidden}.o-btn.is-loading pie-spinner{position:absolute}.o-btn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-btn-text{text-overflow:ellipsis;overflow:hidden}::slotted(svg){height:var(--icon-size-override);width:var(--icon-size-override)}";
|
|
1394
|
-
var Uo = Object.defineProperty, L = (n, e, t, r) => {
|
|
1395
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1396
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1397
|
-
return o && Uo(e, t, o), o;
|
|
1398
|
-
};
|
|
1399
|
-
const Ce = "pie-button", Hi = class extends Ri(j) {
|
|
1400
|
-
constructor() {
|
|
1401
|
-
super(...arguments), this.tag = F.tag, this.size = F.size, this.type = F.type, this.variant = F.variant, this.iconPlacement = F.iconPlacement, this.disabled = F.disabled, this.isLoading = F.isLoading, this.isFullWidth = F.isFullWidth, this.isResponsive = F.isResponsive, this._handleFormKeyDown = (e) => {
|
|
1402
|
-
if (!(e.key !== "Enter" || this.type !== "submit" || this.disabled)) {
|
|
1403
|
-
if (e.target instanceof HTMLElement) {
|
|
1404
|
-
const t = e.target.tagName.toLowerCase();
|
|
1405
|
-
if (t === "button" || t === "pie-button")
|
|
1406
|
-
return;
|
|
1407
|
-
}
|
|
1408
|
-
e.preventDefault(), this._handleClick();
|
|
1409
|
-
}
|
|
1410
|
-
};
|
|
1411
|
-
}
|
|
1412
|
-
connectedCallback() {
|
|
1413
|
-
var e;
|
|
1414
|
-
super.connectedCallback(), this.type === "submit" && ((e = this.form) == null || e.addEventListener("keydown", this._handleFormKeyDown));
|
|
1415
|
-
}
|
|
1416
|
-
disconnectedCallback() {
|
|
1417
|
-
var e;
|
|
1418
|
-
super.disconnectedCallback(), this.type === "submit" && ((e = this.form) == null || e.removeEventListener("keydown", this._handleFormKeyDown));
|
|
1419
|
-
}
|
|
1420
|
-
updated(e) {
|
|
1421
|
-
var t, r;
|
|
1422
|
-
e.has("type") && (this.type === "submit" ? (t = this.form) == null || t.addEventListener("keydown", this._handleFormKeyDown) : (r = this.form) == null || r.removeEventListener("keydown", this._handleFormKeyDown));
|
|
1423
|
-
}
|
|
1424
|
-
/**
|
|
1425
|
-
* This method creates an invisible button of the same type as pie-button. It is then clicked, and immediately removed from the DOM.
|
|
1426
|
-
* This is done so that we trigger native form actions, such as submit and reset in the browser. The performance impact of adding and removing a single button to the DOM
|
|
1427
|
-
* should be neglible, however this should be monitored.
|
|
1428
|
-
* This is the only viable way of guaranteeing native button behaviour when using a web component in place of an actual HTML button.
|
|
1429
|
-
*
|
|
1430
|
-
* TODO: if we need to repeat this logic elsewhere, then we should consider moving this code to a shared class or mixin.
|
|
1431
|
-
*/
|
|
1432
|
-
_simulateNativeButtonClick(e) {
|
|
1433
|
-
if (!this.form) return;
|
|
1434
|
-
const t = document.createElement("button");
|
|
1435
|
-
t.type = e, t.style.position = "absolute", t.style.width = "1px", t.style.height = "1px", t.style.padding = "0", t.style.margin = "-1px", t.style.overflow = "hidden", t.style.border = "0", t.style.whiteSpace = "nowrap", e === "submit" && (this.name && (t.name = this.name), this.value && (t.value = this.value), this.formaction && t.setAttribute("formaction", this.formaction), this.formenctype && t.setAttribute("formenctype", this.formenctype), this.formmethod && t.setAttribute("formmethod", this.formmethod), this.formnovalidate && t.setAttribute("formnovalidate", "formnovalidate"), this.formtarget && t.setAttribute("formtarget", this.formtarget)), this.form.append(t), t.click(), t.remove();
|
|
1436
|
-
}
|
|
1437
|
-
_handleClick() {
|
|
1438
|
-
this.form && (this.isLoading || this.tag === "button" && (this.type === "submit" ? (this.formnovalidate || this.form.reportValidity()) && this._simulateNativeButtonClick("submit") : this.type === "reset" && this._simulateNativeButtonClick("reset")));
|
|
1439
|
-
}
|
|
1440
|
-
/**
|
|
1441
|
-
* Template for the loading state
|
|
1442
|
-
*
|
|
1443
|
-
* @private
|
|
1444
|
-
*/
|
|
1445
|
-
renderSpinner() {
|
|
1446
|
-
const { size: e, variant: t, disabled: r } = this, o = e && e.includes("small") ? "small" : "medium";
|
|
1447
|
-
let l;
|
|
1448
|
-
return r ? l = t === "ghost-inverse" ? "inverse" : "secondary" : l = ["primary", "destructive", "outline-inverse", "ghost-inverse"].includes(this.variant) ? "inverse" : "secondary", y`
|
|
75
|
+
</span>`:q}};He.styles=s("*,*:after,*:before{box-sizing:inherit}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-spinner{--spinner-size: 24px;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), .35);block-size:var(--spinner-size);inline-size:var(--spinner-size);border-radius:var(--dt-radius-rounded-e);border-width:calc(var(--spinner-size) / 8);border-style:solid;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);will-change:transform;animation:rotate360 1.15s linear infinite;--spinner-base-color-h: var(--dt-color-content-brand-h);--spinner-base-color-s: var(--dt-color-content-brand-s);--spinner-base-color-l: var(--dt-color-content-brand-l)}.c-spinner.c-spinner--secondary{--spinner-base-color-h: var(--dt-color-content-interactive-secondary-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-l)}.c-spinner.c-spinner--inverse{--spinner-base-color-h: var(--dt-color-content-inverse-h);--spinner-base-color-s: var(--dt-color-content-inverse-s);--spinner-base-color-l: var(--dt-color-content-inverse-l)}.c-spinner.c-spinner--xsmall{--spinner-size: 16px}.c-spinner.c-spinner--small{--spinner-size: 20px}.c-spinner.c-spinner--large{--spinner-size: 32px}.c-spinner.c-spinner--xlarge{--spinner-size: 48px}.c-spinner-label{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}");let Ve=He;Fe([ve({type:Object})],Ve.prototype,"aria"),Fe([ve({type:String}),Oe(Re,["xsmall","small","medium","large","xlarge"],je)],Ve.prototype,"size"),Fe([ve({type:String}),Oe(Re,["brand","secondary","inverse"],Ie)],Ve.prototype,"variant"),Le(Re,Ve),function(e){const t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,s=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakMap,p=new WeakMap,v=new WeakMap,b=new WeakMap,u=new WeakMap,m={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function g(e){const t=n.get(e),{form:i}=t;O(e,i,t),$(e,t.labels)}const f=(e,t=!1)=>{const i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>n.has(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let o=i.nextNode();const r=!t||e.disabled;for(;o;)o.formDisabledCallback&&r&&_(o,e.disabled),o=i.nextNode()},y={attributes:!0,attributeFilter:["disabled","name"]},k=j()?new MutationObserver((e=>{for(const t of e){const e=t.target;if("disabled"===t.attributeName&&(e.constructor.formAssociated?_(e,e.hasAttribute("disabled")):"fieldset"===e.localName&&f(e)),"name"===t.attributeName&&e.constructor.formAssociated){const t=n.get(e),i=c.get(e);t.setFormValue(i)}}})):{};function w(e){e.forEach((e=>{const{addedNodes:t,removedNodes:i}=e,r=Array.from(t),a=Array.from(i);r.forEach((e=>{var t;if(n.has(e)&&e.constructor.formAssociated&&g(e),d.has(e)){const t=d.get(e);Object.keys(m).filter((e=>null!==t[e])).forEach((i=>{e.setAttribute(m[i],t[i])})),d.delete(e)}if(u.has(e)){const t=u.get(e);e.setAttribute("internals-valid",t.validity.valid.toString()),e.setAttribute("internals-invalid",(!t.validity.valid).toString()),e.setAttribute("aria-invalid",(!t.validity.valid).toString()),u.delete(e)}if("form"===e.localName){const t=l.get(e),i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>!n.has(e)||!e.constructor.formAssociated||t&&t.has(e)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let o=i.nextNode();for(;o;)g(o),o=i.nextNode()}"fieldset"===e.localName&&(null===(t=k.observe)||void 0===t||t.call(k,e,y),f(e,!0))})),a.forEach((e=>{const t=n.get(e);t&&o.get(t)&&z(t),s.has(e)&&s.get(e).disconnect()}))}))}function x(e){e.forEach((e=>{const{removedNodes:t}=e;t.forEach((t=>{const i=v.get(e.target);n.has(t)&&N(t),i.disconnect()}))}))}j()&&new MutationObserver(w);const A={childList:!0,subtree:!0},_=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},z=e=>{o.get(e).forEach((e=>{e.remove()})),o.set(e,[])},S=(e,t)=>{const i=document.createElement("input");return i.type="hidden",i.name=e.getAttribute("name"),e.after(i),o.get(t).push(i),i},$=(e,t)=>{if(t.length){Array.from(t).forEach((t=>t.addEventListener("click",e.click.bind(e))));let i=t[0].id;t[0].id||(i=`${t[0].htmlFor}_Label`,t[0].id=i),e.setAttribute("aria-labelledby",i)}},E=e=>{const t=Array.from(e.elements).filter((e=>!e.tagName.includes("-")&&e.validity)).map((e=>e.validity.valid)),i=l.get(e)||[],o=[...t,...Array.from(i).filter((e=>e.isConnected)).map((e=>n.get(e).validity.valid))].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},C=e=>{E(L(e.target))},M=e=>{E(L(e.target))},T=e=>{const t=l.get(e.target);t&&t.size&&t.forEach((e=>{e.constructor.formAssociated&&e.formResetCallback&&e.formResetCallback.apply(e)}))},O=(e,t,i)=>{if(t){const o=l.get(t);if(o)o.add(e);else{const i=new Set;i.add(e),l.set(t,i),(e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map((e=>`${e}:not([disabled])`)).map((t=>`${t}:not([form])${e.id?`,${t}[form='${e.id}']`:""}`)).join(",");e.addEventListener("click",(i=>{if(i.target.closest(t)){const t=l.get(e);if(e.noValidate)return;t.size&&Array.from(t).reverse().map((e=>n.get(e).reportValidity())).includes(!1)&&i.preventDefault()}}))})(t),t.addEventListener("reset",T),t.addEventListener("input",C),t.addEventListener("change",M)}a.set(t,{ref:e,internals:i}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout((()=>{e.formAssociatedCallback.apply(e,[t])}),0),E(t)}},L=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=L(t)),t},B=(e,t,i=DOMException)=>{if(!e.constructor.formAssociated)throw new i(t)},P=(e,t,i)=>{const o=l.get(e);return o&&o.size&&o.forEach((e=>{n.get(e)[i]()||(t=!1)})),t},N=e=>{if(e.constructor.formAssociated){const t=n.get(e),{labels:i,form:o}=t;$(e,i),O(e,o,t)}};function j(){return typeof MutationObserver<"u"}class I{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const D=e=>{let t=!0;for(let i in e)"valid"!==i&&!1!==e[i]&&(t=!1);return t},F=new WeakMap;function R(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class H extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");F.set(this,e)}add(e){if(!/^--/.test(e)||"string"!=typeof e)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const t=super.add(e),i=F.get(this),o=`state${e}`;return i.isConnected?R(i,o):setTimeout((()=>{R(i,o)})),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),i=F.get(this);return i.isConnected?(i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)):setTimeout((()=>{i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)})),t}}function V(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)}var W;class U{constructor(e){W.set(this,void 0),function(e,t,i){if("function"==typeof t||!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");t.set(e,i)}(this,W,e);for(let t=0;t<e.length;t++){let i=e[t];this[t]=i,i.hasAttribute("name")&&(this[i.getAttribute("name")]=i)}Object.freeze(this)}get length(){return V(this,W,"f").length}[(W=new WeakMap,Symbol.iterator)](){return V(this,W,"f")[Symbol.iterator]()}item(e){return null==this[e]?null:this[e]}namedItem(e){return null==this[e]?null:this[e]}}class q{static get isPolyfilled(){return!0}constructor(e){if(!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const r=e.getRootNode(),a=new I;this.states=new H(e),t.set(this,e),i.set(this,a),n.set(e,this),((e,t)=>{for(let i in m){t[i]=null;let o=null;const n=m[i];Object.defineProperty(t,i,{get:()=>o,set(i){o=i,e.isConnected?e.setAttribute(n,i):d.set(e,t)}})}})(e,this),((e,t)=>{var i;o.set(t,[]),null===(i=k.observe)||void 0===i||i.call(k,e,y)})(e,this),Object.seal(this),r instanceof DocumentFragment&&(e=>{var t,i;const o=new MutationObserver(x);!(null===(t=null==window?void 0:window.ShadyDOM)||void 0===t)&&t.inUse&&e.mode&&e.host&&(e=e.host),null===(i=o.observe)||void 0===i||i.call(o,e,{childList:!0}),v.set(e,o)})(r)}checkValidity(){const e=t.get(this);if(B(e,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const o=i.get(this);if(!o.valid){const t=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});e.dispatchEvent(t)}return o.valid}get form(){const e=t.get(this);let i;return B(e,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===e.constructor.formAssociated&&(i=L(e)),i}get labels(){const e=t.get(this);B(e,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const i=e.getAttribute("id"),o=e.getRootNode();return o&&i?o.querySelectorAll(`[for="${i}"]`):[]}reportValidity(){const e=t.get(this);if(B(e,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=this.checkValidity(),o=p.get(this);if(o&&!e.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!i&&o&&(e.focus(),o.focus()),i}setFormValue(e){const i=t.get(this);B(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),z(this),null==e||e instanceof FormData?null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach((([e,t])=>{if("string"==typeof t){const o=S(i,this);o.name=e,o.value=t}})):i.getAttribute("name")&&(S(i,this).value=e),c.set(i,e)}setValidity(e,o,n){const a=t.get(this);if(B(a,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!e)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");p.set(this,n);const s=i.get(this),l={};for(const t in e)l[t]=e[t];var c;0===Object.keys(l).length&&((c=s).badInput=!1,c.customError=!1,c.patternMismatch=!1,c.rangeOverflow=!1,c.rangeUnderflow=!1,c.stepMismatch=!1,c.tooLong=!1,c.tooShort=!1,c.typeMismatch=!1,c.valid=!0,c.valueMissing=!1);const d=Object.assign(Object.assign({},s),l);delete d.valid;const{valid:h}=((e,t,i)=>(e.valid=D(t),Object.keys(t).forEach((i=>e[i]=t[i])),i&&E(i),e))(s,d,this.form);if(!h&&!o)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");r.set(this,h?"":o),a.isConnected?(a.toggleAttribute("internals-invalid",!h),a.toggleAttribute("internals-valid",h),a.setAttribute("aria-invalid",`${!h}`)):u.set(a,this)}get shadowRoot(){const e=t.get(this);return h.get(e)||null}get validationMessage(){const e=t.get(this);return B(e,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),r.get(this)}get validity(){const e=t.get(this);return B(e,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),i.get(this)}get willValidate(){const e=t.get(this);return B(e,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(e.disabled||e.hasAttribute("disabled")||e.hasAttribute("readonly"))}}let K=!1,G=!1;function Z(e){G||(G=!0,window.CustomStateSet=H,e&&(HTMLElement.prototype.attachInternals=function(...t){const i=e.call(this,t);return i.states=new H(this),i}))}function Y(e=!0){if(!K){if(K=!0,typeof window<"u"&&(window.ElementInternals=q),typeof CustomElementRegistry<"u"){const e=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(t,i,o){if(i.formAssociated){const e=i.prototype.connectedCallback;i.prototype.connectedCallback=function(){b.has(this)||(b.set(this,!0),this.hasAttribute("disabled")&&_(this,!0)),null!=e&&e.apply(this),N(this)}}e.call(this,t,i,o)}}if(typeof HTMLElement<"u"&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(n.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new q(this)}),typeof Element<"u"){let e=function(...e){const i=t.apply(this,e);if(h.set(this,i),j()){const e=new MutationObserver(w);window.ShadyDOM?e.observe(this,A):e.observe(i,A),s.set(this,e)}return i};const t=Element.prototype.attachShadow;Element.prototype.attachShadow=e}j()&&typeof document<"u"&&new MutationObserver(w).observe(document.documentElement,A),typeof HTMLFormElement<"u"&&function(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...t){let i=e.apply(this,t);return P(this,i,"checkValidity")};const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...e){let i=t.apply(this,e);return P(this,i,"reportValidity")};const{get:i}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...e){const t=i.call(this,...e),o=Array.from(l.get(this)||[]);if(0===o.length)return t;const n=Array.from(t).concat(o).sort(((e,t)=>e.compareDocumentPosition?2&e.compareDocumentPosition(t)?1:-1:0));return new U(n)}})}(),(e||typeof window<"u"&&!window.CustomStateSet)&&Z()}}!!customElements.polyfillWrapFlushCallback||(function(){if(typeof window>"u"||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const i=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every((e=>e in i.internals))}()?typeof window<"u"&&!window.CustomStateSet&&Z(HTMLElement.prototype.attachInternals):Y(!1)),e.forceCustomStateSetPolyfill=Z,e.forceElementInternalsPolyfill=Y,Object.defineProperty(e,"__esModule",{value:!0})}({});const We="button",Ue="medium",qe="submit",Ke="primary",Ge="leading",Ze=!1,Ye=!1,Xe=!1,Qe=!1;var Je=Object.defineProperty,et=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Je(t,i,r),r};const tt="pie-button",it=class extends(Ne(ce)){constructor(){super(...arguments),this.tag=We,this.size=Ue,this.type=qe,this.variant=Ke,this.iconPlacement=Ge,this.disabled=Ze,this.isLoading=Ye,this.isFullWidth=Xe,this.isResponsive=Qe,this._handleFormKeyDown=e=>{if("Enter"===e.key&&"submit"===this.type&&!this.disabled){if(e.target instanceof HTMLElement){const t=e.target.tagName.toLowerCase();if("button"===t||"pie-button"===t)return}e.preventDefault(),this._handleClick()}}}connectedCallback(){var e;super.connectedCallback(),"submit"===this.type&&(null==(e=this.form)||e.addEventListener("keydown",this._handleFormKeyDown))}disconnectedCallback(){var e;super.disconnectedCallback(),"submit"===this.type&&(null==(e=this.form)||e.removeEventListener("keydown",this._handleFormKeyDown))}updated(e){var t,i;e.has("type")&&("submit"===this.type?null==(t=this.form)||t.addEventListener("keydown",this._handleFormKeyDown):null==(i=this.form)||i.removeEventListener("keydown",this._handleFormKeyDown))}_simulateNativeButtonClick(e){if(!this.form)return;const t=document.createElement("button");t.type=e,t.style.position="absolute",t.style.width="1px",t.style.height="1px",t.style.padding="0",t.style.margin="-1px",t.style.overflow="hidden",t.style.border="0",t.style.whiteSpace="nowrap","submit"===e&&(this.name&&(t.name=this.name),this.value&&(t.value=this.value),this.formaction&&t.setAttribute("formaction",this.formaction),this.formenctype&&t.setAttribute("formenctype",this.formenctype),this.formmethod&&t.setAttribute("formmethod",this.formmethod),this.formnovalidate&&t.setAttribute("formnovalidate","formnovalidate"),this.formtarget&&t.setAttribute("formtarget",this.formtarget)),this.form.append(t),t.click(),t.remove()}_handleClick(){this.form&&(this.isLoading||"button"===this.tag&&("submit"===this.type?(this.formnovalidate||this.form.reportValidity())&&this._simulateNativeButtonClick("submit"):"reset"===this.type&&this._simulateNativeButtonClick("reset")))}renderSpinner(){const{size:e,variant:t,disabled:i}=this,o=e&&e.includes("small")?"small":"medium";let n;return n=i?"ghost-inverse"===t?"inverse":"secondary":["primary","destructive","outline-inverse","ghost-inverse"].includes(this.variant)?"inverse":"secondary",W`
|
|
1449
76
|
<pie-spinner
|
|
1450
77
|
size="${o}"
|
|
1451
|
-
variant="${
|
|
1452
|
-
</pie-spinner
|
|
1453
|
-
}
|
|
1454
|
-
renderAnchor(e) {
|
|
1455
|
-
const {
|
|
1456
|
-
href: t,
|
|
1457
|
-
iconPlacement: r,
|
|
1458
|
-
rel: o,
|
|
1459
|
-
target: l
|
|
1460
|
-
} = this;
|
|
1461
|
-
return y`
|
|
78
|
+
variant="${n}">
|
|
79
|
+
</pie-spinner>`}renderAnchor(e){const{href:t,iconPlacement:i,rel:o,target:n}=this;return W`
|
|
1462
80
|
<a
|
|
1463
|
-
href="${
|
|
1464
|
-
rel="${
|
|
1465
|
-
target="${
|
|
1466
|
-
class="${
|
|
1467
|
-
${
|
|
81
|
+
href="${Te(t)}"
|
|
82
|
+
rel="${Te(o)}"
|
|
83
|
+
target="${Te(n)}"
|
|
84
|
+
class="${Me(e)}">
|
|
85
|
+
${"leading"===i?W`<slot name="icon"></slot>`:q}
|
|
1468
86
|
<slot></slot>
|
|
1469
|
-
${
|
|
1470
|
-
</a
|
|
1471
|
-
}
|
|
1472
|
-
renderButton(e) {
|
|
1473
|
-
const {
|
|
1474
|
-
disabled: t,
|
|
1475
|
-
iconPlacement: r,
|
|
1476
|
-
isLoading: o,
|
|
1477
|
-
type: l
|
|
1478
|
-
} = this, d = {
|
|
1479
|
-
...e,
|
|
1480
|
-
"is-loading": o
|
|
1481
|
-
};
|
|
1482
|
-
return y`
|
|
87
|
+
${"trailing"===i?W`<slot name="icon"></slot>`:q}
|
|
88
|
+
</a>`}renderButton(e){const{disabled:t,iconPlacement:i,isLoading:o,type:n}=this,r={...e,"is-loading":o};return W`
|
|
1483
89
|
<button
|
|
1484
90
|
@click=${this._handleClick}
|
|
1485
|
-
class=${
|
|
1486
|
-
type=${
|
|
91
|
+
class=${Me(r)}
|
|
92
|
+
type=${n}
|
|
1487
93
|
?disabled=${t}>
|
|
1488
|
-
${o
|
|
1489
|
-
${
|
|
94
|
+
${o?this.renderSpinner():q}
|
|
95
|
+
${"leading"===i?W`<slot name="icon"></slot>`:q}
|
|
1490
96
|
<span class="o-btn-text"><slot></slot></span>
|
|
1491
|
-
${
|
|
1492
|
-
</button>`;
|
|
1493
|
-
|
|
1494
|
-
render() {
|
|
1495
|
-
const {
|
|
1496
|
-
isFullWidth: e,
|
|
1497
|
-
isResponsive: t,
|
|
1498
|
-
responsiveSize: r,
|
|
1499
|
-
size: o,
|
|
1500
|
-
tag: l,
|
|
1501
|
-
variant: d
|
|
1502
|
-
} = this, v = {
|
|
1503
|
-
"o-btn": !0,
|
|
1504
|
-
"o-btn--fullWidth": e,
|
|
1505
|
-
"o-btn--responsive": t,
|
|
1506
|
-
[`o-btn--${r}`]: !!(t && r),
|
|
1507
|
-
[`o-btn--${d}`]: !0,
|
|
1508
|
-
[`o-btn--${o}`]: !0
|
|
1509
|
-
};
|
|
1510
|
-
return l === "a" ? this.renderAnchor(v) : this.renderButton(v);
|
|
1511
|
-
}
|
|
1512
|
-
focus() {
|
|
1513
|
-
var e, t;
|
|
1514
|
-
(t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("button")) == null || t.focus();
|
|
1515
|
-
}
|
|
1516
|
-
};
|
|
1517
|
-
Hi.styles = se(jo);
|
|
1518
|
-
let M = Hi;
|
|
1519
|
-
L([
|
|
1520
|
-
p({ type: String }),
|
|
1521
|
-
C(Ce, Ro, F.tag)
|
|
1522
|
-
], M.prototype, "tag");
|
|
1523
|
-
L([
|
|
1524
|
-
p({ type: String }),
|
|
1525
|
-
C(Ce, Fo, F.size)
|
|
1526
|
-
], M.prototype, "size");
|
|
1527
|
-
L([
|
|
1528
|
-
p({ type: String }),
|
|
1529
|
-
C(Ce, Ho, F.type)
|
|
1530
|
-
], M.prototype, "type");
|
|
1531
|
-
L([
|
|
1532
|
-
p({ type: String }),
|
|
1533
|
-
C(Ce, Do, F.variant)
|
|
1534
|
-
], M.prototype, "variant");
|
|
1535
|
-
L([
|
|
1536
|
-
p({ type: String }),
|
|
1537
|
-
C(Ce, Vo, F.iconPlacement)
|
|
1538
|
-
], M.prototype, "iconPlacement");
|
|
1539
|
-
L([
|
|
1540
|
-
p({ type: Boolean })
|
|
1541
|
-
], M.prototype, "disabled");
|
|
1542
|
-
L([
|
|
1543
|
-
p({ type: Boolean, reflect: !0 })
|
|
1544
|
-
], M.prototype, "isLoading");
|
|
1545
|
-
L([
|
|
1546
|
-
p({ type: Boolean })
|
|
1547
|
-
], M.prototype, "isFullWidth");
|
|
1548
|
-
L([
|
|
1549
|
-
p({ type: Boolean })
|
|
1550
|
-
], M.prototype, "isResponsive");
|
|
1551
|
-
L([
|
|
1552
|
-
p({ type: String })
|
|
1553
|
-
], M.prototype, "name");
|
|
1554
|
-
L([
|
|
1555
|
-
p({ type: String })
|
|
1556
|
-
], M.prototype, "value");
|
|
1557
|
-
L([
|
|
1558
|
-
p({ type: String })
|
|
1559
|
-
], M.prototype, "formaction");
|
|
1560
|
-
L([
|
|
1561
|
-
p({ type: String })
|
|
1562
|
-
], M.prototype, "formenctype");
|
|
1563
|
-
L([
|
|
1564
|
-
p({ type: String })
|
|
1565
|
-
], M.prototype, "formmethod");
|
|
1566
|
-
L([
|
|
1567
|
-
p({ type: Boolean })
|
|
1568
|
-
], M.prototype, "formnovalidate");
|
|
1569
|
-
L([
|
|
1570
|
-
p({ type: String })
|
|
1571
|
-
], M.prototype, "formtarget");
|
|
1572
|
-
L([
|
|
1573
|
-
p({ type: String })
|
|
1574
|
-
], M.prototype, "responsiveSize");
|
|
1575
|
-
L([
|
|
1576
|
-
p({ type: String })
|
|
1577
|
-
], M.prototype, "href");
|
|
1578
|
-
L([
|
|
1579
|
-
p({ type: String })
|
|
1580
|
-
], M.prototype, "rel");
|
|
1581
|
-
L([
|
|
1582
|
-
p({ type: String })
|
|
1583
|
-
], M.prototype, "target");
|
|
1584
|
-
q(Ce, M);
|
|
1585
|
-
const Wo = "*,*:after,*:before{box-sizing:inherit}.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-min-width: 16px;--divider-height: 1px;--divider-label-max-width: 90%;--divider-font-size: calc(var(--dt-font-body-l-size) * 1px);--divider-line-height: calc(var(--dt-font-body-l-line-height) * 1px);width:var(--divider-width)}.c-divider,.c-divider hr{margin:0;border:0;background-color:var(--divider-bg-color)}.c-divider:not(.c-divider--labelled){height:var(--divider-height)}.c-divider.c-divider--labelled{display:flex;align-items:center;text-align:center;gap:var(--dt-spacing-b);background-color:transparent;color:var(--dt-color-content-subdued)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);max-width:var(--divider-label-max-width);word-wrap:break-word}.c-divider.c-divider--labelled hr{flex-grow:1;height:var(--divider-height);min-width:var(--divider-min-width)}.c-divider.c-divider--labelled.c-divider--inverse{color:var(--dt-color-content-inverse)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}", Ko = ["default", "inverse"], qo = ["horizontal", "vertical"], Xe = {
|
|
1586
|
-
variant: "default",
|
|
1587
|
-
orientation: "horizontal",
|
|
1588
|
-
label: ""
|
|
1589
|
-
};
|
|
1590
|
-
var Go = Object.defineProperty, Yt = (n, e, t, r) => {
|
|
1591
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1592
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1593
|
-
return o && Go(e, t, o), o;
|
|
1594
|
-
};
|
|
1595
|
-
const re = "pie-divider", Di = class extends j {
|
|
1596
|
-
constructor() {
|
|
1597
|
-
super(...arguments), this.variant = Xe.variant, this.orientation = Xe.orientation, this.label = Xe.label;
|
|
1598
|
-
}
|
|
1599
|
-
render() {
|
|
1600
|
-
const { variant: e, orientation: t, label: r } = this, o = r.length > 0 && t === "horizontal", l = {
|
|
1601
|
-
"c-divider": !0,
|
|
1602
|
-
"c-divider--inverse": e === "inverse",
|
|
1603
|
-
"c-divider--vertical": t === "vertical",
|
|
1604
|
-
"c-divider--labelled": o
|
|
1605
|
-
};
|
|
1606
|
-
return y`
|
|
1607
|
-
${o ? y`
|
|
97
|
+
${"trailing"===i?W`<slot name="icon"></slot>`:q}
|
|
98
|
+
</button>`}render(){const{isFullWidth:e,isResponsive:t,responsiveSize:i,size:o,tag:n,variant:r}=this,a={"o-btn":!0,"o-btn--fullWidth":e,"o-btn--responsive":t,[`o-btn--${i}`]:!(!t||!i),[`o-btn--${r}`]:!0,[`o-btn--${o}`]:!0};return"a"===n?this.renderAnchor(a):this.renderButton(a)}focus(){var e,t;null==(t=null==(e=this.shadowRoot)?void 0:e.querySelector("button"))||t.focus()}};it.styles=s("*,*:after,*:before{box-sizing:inherit}.o-btn{--btn-border-radius: var(--dt-radius-rounded-e);--btn-font-family: var(--dt-font-interactive-l-family);--btn-font-weight: var(--dt-font-interactive-l-weight);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-text-color: var(--dt-color-content-interactive-light);--icon-display-override: block;--btn-padding-vertical-xsmall: 6px;--btn-padding-vertical-small: 8px;--btn-padding-vertical-medium: 10px;--btn-padding-vertical-large: 14px;--btn-padding-horizontal-small: var(--dt-spacing-b);--btn-padding-horizontal-medium: var(--dt-spacing-d);--btn-padding-horizontal-large: var(--dt-spacing-e);position:relative;display:inline-flex;gap:var(--dt-spacing-b);align-items:center;justify-content:center;border:none;border-radius:var(--btn-border-radius);outline:none;background-color:var(--int-states-mixin-bg-color);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-text-color);line-height:var(--btn-line-height);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;inline-size:var(--btn-inline-size)}.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-btn.o-btn--primary.o-btn--xsmall,.o-btn.o-btn--primary.o-btn--small-productive{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary.o-btn--xsmall:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}@media (min-width: 769px){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive,.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--xsmall.o-btn--expressive.o-btn--responsive.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary.o-btn--small-productive.o-btn--responsive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}}.o-btn.o-btn--primary-alternative{--int-states-mixin-bg-color: var(--dt-color-interactive-primary);--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--hover-modifier)))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-primary-h), var(--dt-color-interactive-primary-s), calc(var(--dt-color-interactive-primary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--primary-alternative:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-interactive-primary))}.o-btn.o-btn--primary-alternative:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--primary-alternative.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-interactive-primary))}}.o-btn.o-btn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-btn.o-btn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-btn.o-btn--outline{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-secondary);border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-link)}.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-text-color: var(--dt-color-content-interactive-secondary)}.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-btn.o-btn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-btn.o-btn--ghost-inverse,.o-btn.o-btn--outline-inverse{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-primary)}.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-02);--int-states-mixin-bg-color: hsl(var(--dt-color-white-h), var(--dt-color-white-s), var(--dt-color-white-l), var(--active-modifier))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-btn.o-btn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--ghost-inverse.is-loading:not(:disabled,.is-disabled),.o-btn.o-btn--outline-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--outline-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-btn.o-btn--outline-inverse{border:1px solid var(--dt-color-border-strong)}.o-btn.o-btn--destructive{--int-states-mixin-bg-color: var(--dt-color-support-error)}.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-support-error-h), var(--dt-color-support-error-s), calc(var(--dt-color-support-error-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-support-error))}.o-btn.o-btn--destructive:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-support-error))}}.o-btn.o-btn--destructive-ghost{--int-states-mixin-bg-color: transparent;--btn-text-color: var(--dt-color-content-interactive-error)}.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-btn.o-btn--destructive-ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-btn.o-btn--destructive-ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-btn.o-btn--destructive-ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-btn.o-btn--xsmall{--btn-font-size: calc(var(--dt-font-size-14) * 1px);--btn-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--icon-size-override: 16px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--responsive.o-btn--expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--xsmall.o-btn--outline,.o-btn.o-btn--xsmall.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-small)}@media (min-width: 769px){.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}.o-btn.o-btn--xsmall.o-btn--outline.o-btn--responsive.o-btn--expressive,.o-btn.o-btn--xsmall.o-btn--outline-inverse.o-btn--responsive.o-btn--expressive{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}}.o-btn.o-btn--small-expressive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-xsmall) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-expressive.o-btn--outline,.o-btn.o-btn--small-expressive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-xsmall) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-expressive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-expressive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive{--btn-font-size: calc(var(--dt-font-size-16) * 1px);--btn-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--icon-size-override: 20px;padding:var(--btn-padding-vertical-small) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--small-productive.o-btn--outline,.o-btn.o-btn--small-productive.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-small) - 1px) var(--btn-padding-horizontal-medium)}@media (min-width: 769px){.o-btn.o-btn--small-productive.o-btn--outline.o-btn--responsive,.o-btn.o-btn--small-productive.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-medium) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--responsive{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--medium.o-btn--outline,.o-btn.o-btn--medium.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-medium) - 1px) var(--btn-padding-horizontal-large)}@media (min-width: 769px){.o-btn.o-btn--medium.o-btn--outline.o-btn--responsive,.o-btn.o-btn--medium.o-btn--outline-inverse.o-btn--responsive{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}}.o-btn.o-btn--large{--btn-font-size: calc(var(--dt-font-size-20) * 1px);--btn-line-height: calc(var(--dt-font-size-20-line-height) * 1px);--icon-size-override: 24px;padding:var(--btn-padding-vertical-large) var(--btn-padding-horizontal-large)}.o-btn.o-btn--large.o-btn--outline,.o-btn.o-btn--large.o-btn--outline-inverse{padding:calc(var(--btn-padding-vertical-large) - 1px) var(--btn-padding-horizontal-large)}.o-btn.o-btn--fullWidth{--btn-inline-size: 100%}.o-btn[disabled]{--btn-text-color: var(--dt-color-content-disabled) !important;cursor:not-allowed}.o-btn[disabled]:not(.o-btn--ghost,.o-btn--ghost-inverse,.o-btn--destructive-ghost){--int-states-mixin-bg-color: var(--dt-color-disabled-01) !important}.o-btn[disabled].o-btn--outline,.o-btn[disabled].o-btn--outline-inverse{border-color:var(--dt-color-disabled-01)!important}.o-btn.is-loading>*:not(pie-spinner){visibility:hidden}.o-btn.is-loading pie-spinner{position:absolute}.o-btn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-btn-text{text-overflow:ellipsis;overflow:hidden}::slotted(svg){height:var(--icon-size-override);width:var(--icon-size-override)}");let ot=it;et([ve({type:String}),Oe(tt,["button","a"],We)],ot.prototype,"tag"),et([ve({type:String}),Oe(tt,["xsmall","small-productive","small-expressive","medium","large"],Ue)],ot.prototype,"size"),et([ve({type:String}),Oe(tt,["submit","button","reset"],qe)],ot.prototype,"type"),et([ve({type:String}),Oe(tt,["primary","primary-alternative","secondary","outline","outline-inverse","ghost","inverse","ghost-inverse","destructive","destructive-ghost"],Ke)],ot.prototype,"variant"),et([ve({type:String}),Oe(tt,["leading","trailing"],Ge)],ot.prototype,"iconPlacement"),et([ve({type:Boolean})],ot.prototype,"disabled"),et([ve({type:Boolean,reflect:!0})],ot.prototype,"isLoading"),et([ve({type:Boolean})],ot.prototype,"isFullWidth"),et([ve({type:Boolean})],ot.prototype,"isResponsive"),et([ve({type:String})],ot.prototype,"name"),et([ve({type:String})],ot.prototype,"value"),et([ve({type:String})],ot.prototype,"formaction"),et([ve({type:String})],ot.prototype,"formenctype"),et([ve({type:String})],ot.prototype,"formmethod"),et([ve({type:Boolean})],ot.prototype,"formnovalidate"),et([ve({type:String})],ot.prototype,"formtarget"),et([ve({type:String})],ot.prototype,"responsiveSize"),et([ve({type:String})],ot.prototype,"href"),et([ve({type:String})],ot.prototype,"rel"),et([ve({type:String})],ot.prototype,"target"),Le(tt,ot);const nt="default",rt="horizontal",at="";var st=Object.defineProperty,lt=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&st(t,i,r),r};const ct="pie-divider",dt=class extends ce{constructor(){super(...arguments),this.variant=nt,this.orientation=rt,this.label=at}render(){const{variant:e,orientation:t,label:i}=this,o=i.length>0&&"horizontal"===t,n={"c-divider":!0,"c-divider--inverse":"inverse"===e,"c-divider--vertical":"vertical"===t,"c-divider--labelled":o};return W`
|
|
99
|
+
${o?W`
|
|
1608
100
|
<div
|
|
1609
|
-
id="${
|
|
1610
|
-
data-test-id="${
|
|
1611
|
-
class="${
|
|
1612
|
-
aria-labelledby="${
|
|
101
|
+
id="${ct}"
|
|
102
|
+
data-test-id="${ct}"
|
|
103
|
+
class="${Me(n)}"
|
|
104
|
+
aria-labelledby="${ct}-label">
|
|
1613
105
|
<hr aria-hidden="true"/>
|
|
1614
|
-
<span id="${
|
|
106
|
+
<span id="${ct}-label" class="c-divider-label">${i}</span>
|
|
1615
107
|
<hr aria-hidden="true"/>
|
|
1616
|
-
</div
|
|
1617
|
-
<hr id="${
|
|
1618
|
-
data-test-id="${
|
|
1619
|
-
class="${
|
|
108
|
+
</div>`:W`
|
|
109
|
+
<hr id="${ct}"
|
|
110
|
+
data-test-id="${ct}"
|
|
111
|
+
class="${Me(n)}"
|
|
1620
112
|
aria-hidden="true"
|
|
1621
|
-
/>`}
|
|
1622
|
-
}
|
|
1623
|
-
};
|
|
1624
|
-
Di.styles = se(Wo);
|
|
1625
|
-
let mt = Di;
|
|
1626
|
-
Yt([
|
|
1627
|
-
p({ type: String }),
|
|
1628
|
-
C(re, Ko, Xe.variant)
|
|
1629
|
-
], mt.prototype, "variant");
|
|
1630
|
-
Yt([
|
|
1631
|
-
p({ type: String }),
|
|
1632
|
-
C(re, qo, Xe.orientation)
|
|
1633
|
-
], mt.prototype, "orientation");
|
|
1634
|
-
Yt([
|
|
1635
|
-
p({ type: String })
|
|
1636
|
-
], mt.prototype, "label");
|
|
1637
|
-
q(re, mt);
|
|
1638
|
-
const Yo = "*,*:after,*:before{box-sizing:inherit}:host{--btn-dimension-default: 48px;--icon-size-override: 24px}.o-iconBtn{--btn-border-radius: var(--dt-radius-rounded-e);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-icon-fill: var(--dt-color-content-interactive-light);--icon-display-override: block;block-size:var(--btn-dimension, var(--btn-dimension-default));inline-size:var(--btn-dimension, var(--btn-dimension-default));border-color:var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--int-states-mixin-bg-color);color:var(--btn-icon-fill);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border:none;display:flex;align-items:center;justify-content:center}.o-iconBtn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-iconBtn svg{height:var(--icon-size-override);width:var(--icon-size-override)}.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-iconBtn.o-iconBtn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-iconBtn.o-iconBtn--outline{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand);border:1px solid var(--dt-color-border-strong)}.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost-secondary{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-iconBtn.o-iconBtn--ghost-inverse{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-inverse)}.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-iconBtn[disabled]{--btn-icon-fill: var(--dt-color-content-disabled);cursor:not-allowed}.o-iconBtn[disabled]:not(.o-iconBtn--ghost,.o-iconBtn--ghost-secondary,.o-iconBtn--ghost-inverse){--int-states-mixin-bg-color: var(--dt-color-disabled-01)}.o-iconBtn[disabled].o-iconBtn--outline{border-color:var(--dt-color-disabled-01)}.o-iconBtn.o-iconBtn--xsmall{--btn-dimension: 32px;--icon-size-override: 20px}.o-iconBtn.o-iconBtn--small{--btn-dimension: 40px}.o-iconBtn.o-iconBtn--large{--btn-dimension: 56px;--icon-size-override: 28px}", Zo = ["xsmall", "small", "medium", "large"], Xo = [
|
|
1639
|
-
"primary",
|
|
1640
|
-
"secondary",
|
|
1641
|
-
"outline",
|
|
1642
|
-
"ghost",
|
|
1643
|
-
"ghost-secondary",
|
|
1644
|
-
"inverse",
|
|
1645
|
-
"ghost-inverse"
|
|
1646
|
-
], Be = {
|
|
1647
|
-
size: "medium",
|
|
1648
|
-
variant: "primary",
|
|
1649
|
-
disabled: !1,
|
|
1650
|
-
isLoading: !1
|
|
1651
|
-
};
|
|
1652
|
-
var Jo = Object.defineProperty, rt = (n, e, t, r) => {
|
|
1653
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1654
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1655
|
-
return o && Jo(e, t, o), o;
|
|
1656
|
-
};
|
|
1657
|
-
const Zt = "pie-icon-button", Vi = class extends j {
|
|
1658
|
-
constructor() {
|
|
1659
|
-
super(...arguments), this.size = Be.size, this.variant = Be.variant, this.disabled = Be.disabled, this.isLoading = Be.isLoading;
|
|
1660
|
-
}
|
|
1661
|
-
/**
|
|
1662
|
-
* Template for the loading state
|
|
1663
|
-
*
|
|
1664
|
-
* @private
|
|
1665
|
-
*/
|
|
1666
|
-
renderSpinner() {
|
|
1667
|
-
const { variant: e, size: t, disabled: r } = this, o = t === "xsmall" ? "small" : "medium";
|
|
1668
|
-
let l = "brand";
|
|
1669
|
-
return e != null && e.includes("secondary") && (l = "secondary"), (e === "primary" && !r || e === "ghost-inverse") && (l = "inverse"), y`
|
|
113
|
+
/>`}`}};dt.styles=s("*,*:after,*:before{box-sizing:inherit}.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-min-width: 16px;--divider-height: 1px;--divider-label-max-width: 90%;--divider-font-size: calc(var(--dt-font-body-l-size) * 1px);--divider-line-height: calc(var(--dt-font-body-l-line-height) * 1px);width:var(--divider-width)}.c-divider,.c-divider hr{margin:0;border:0;background-color:var(--divider-bg-color)}.c-divider:not(.c-divider--labelled){height:var(--divider-height)}.c-divider.c-divider--labelled{display:flex;align-items:center;text-align:center;gap:var(--dt-spacing-b);background-color:transparent;color:var(--dt-color-content-subdued)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);max-width:var(--divider-label-max-width);word-wrap:break-word}.c-divider.c-divider--labelled hr{flex-grow:1;height:var(--divider-height);min-width:var(--divider-min-width)}.c-divider.c-divider--labelled.c-divider--inverse{color:var(--dt-color-content-inverse)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}");let ht=dt;lt([ve({type:String}),Oe(ct,["default","inverse"],nt)],ht.prototype,"variant"),lt([ve({type:String}),Oe(ct,["horizontal","vertical"],rt)],ht.prototype,"orientation"),lt([ve({type:String})],ht.prototype,"label"),Le(ct,ht);const pt="medium",vt="primary",bt=!1,ut=!1;var mt=Object.defineProperty,gt=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&mt(t,i,r),r};const ft="pie-icon-button",yt=class extends ce{constructor(){super(...arguments),this.size=pt,this.variant=vt,this.disabled=bt,this.isLoading=ut}renderSpinner(){const{variant:e,size:t,disabled:i}=this,o="xsmall"===t?"small":"medium";let n="brand";return null!=e&&e.includes("secondary")&&(n="secondary"),("primary"===e&&!i||"ghost-inverse"===e)&&(n="inverse"),W`
|
|
1670
114
|
<pie-spinner
|
|
1671
115
|
size="${o}"
|
|
1672
|
-
variant="${
|
|
1673
|
-
</pie-spinner
|
|
1674
|
-
}
|
|
1675
|
-
render() {
|
|
1676
|
-
const {
|
|
1677
|
-
disabled: e,
|
|
1678
|
-
size: t,
|
|
1679
|
-
variant: r,
|
|
1680
|
-
isLoading: o,
|
|
1681
|
-
aria: l
|
|
1682
|
-
} = this, d = {
|
|
1683
|
-
"o-iconBtn": !0,
|
|
1684
|
-
[`o-iconBtn--${t}`]: !0,
|
|
1685
|
-
[`o-iconBtn--${r}`]: !0,
|
|
1686
|
-
"is-loading": o
|
|
1687
|
-
};
|
|
1688
|
-
return y`
|
|
116
|
+
variant="${n}">
|
|
117
|
+
</pie-spinner>`}render(){const{disabled:e,size:t,variant:i,isLoading:o,aria:n}=this;return W`
|
|
1689
118
|
<button
|
|
1690
|
-
class="${
|
|
119
|
+
class="${Me({"o-iconBtn":!0,[`o-iconBtn--${t}`]:!0,[`o-iconBtn--${i}`]:!0,"is-loading":o})}"
|
|
1691
120
|
data-test-id="pie-icon-button"
|
|
1692
121
|
?disabled="${e}"
|
|
1693
|
-
aria-label="${
|
|
1694
|
-
aria-labelledby="${
|
|
1695
|
-
aria-describedby="${
|
|
1696
|
-
aria-expanded="${
|
|
1697
|
-
aria-controls="${
|
|
1698
|
-
${o
|
|
1699
|
-
</button>`;
|
|
1700
|
-
}
|
|
1701
|
-
};
|
|
1702
|
-
Vi.styles = se(Yo);
|
|
1703
|
-
let Me = Vi;
|
|
1704
|
-
rt([
|
|
1705
|
-
p({ type: Object })
|
|
1706
|
-
], Me.prototype, "aria");
|
|
1707
|
-
rt([
|
|
1708
|
-
p({ type: String }),
|
|
1709
|
-
C(Zt, Zo, Be.size)
|
|
1710
|
-
], Me.prototype, "size");
|
|
1711
|
-
rt([
|
|
1712
|
-
p({ type: String }),
|
|
1713
|
-
C(Zt, Xo, Be.variant)
|
|
1714
|
-
], Me.prototype, "variant");
|
|
1715
|
-
rt([
|
|
1716
|
-
p({ type: Boolean })
|
|
1717
|
-
], Me.prototype, "disabled");
|
|
1718
|
-
rt([
|
|
1719
|
-
p({ type: Boolean })
|
|
1720
|
-
], Me.prototype, "isLoading");
|
|
1721
|
-
q(Zt, Me);
|
|
1722
|
-
const Qo = "*,*:after,*:before{box-sizing:inherit}.c-link{--link-font-family: var(--dt-font-interactive-l-family);--link-font-size: calc(var(--dt-font-size-16) * 1px);--link-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--link-font-weight: var(--dt-font-weight-regular);--link-text-color: var(--dt-color-content-link);--link-text-decoration: var(--dt-font-style-underline);--link-icon-size: 16px;--link-icon-offset-top: var(--dt-spacing-a);display:inline-block;font-family:var(--link-font-family);font-size:var(--link-font-size);line-height:var(--link-line-height);font-weight:var(--link-font-weight);color:var(--link-text-color);text-decoration:var(--link-text-decoration);cursor:pointer}.c-link:hover,.c-link:active{--link-text-decoration: none}.c-link.c-link--high-visibility{--link-text-color: var(--dt-color-content-link-distinct)}.c-link.c-link--inverse{--link-text-color: var(--dt-color-content-link-inverse)}.c-link.c-link--small{--link-font-size: calc(var(--dt-font-size-14) * 1px);--link-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--link-icon-offset-top: 2px}.c-link.c-link--underline-reversed.c-link--standalone{--link-text-decoration: none}.c-link.c-link--underline-reversed.c-link--standalone:hover,.c-link.c-link--underline-reversed.c-link--standalone:active{--link-text-decoration: var(--dt-font-style-underline)}.c-link.c-link--bold{--link-font-weight: var(--dt-font-weight-bold)}.c-link.c-link--standalone{display:block;width:fit-content}.c-link.c-link--hasVisited:visited{color:var(--dt-color-content-link-visited)}.c-link.c-link--hasVisited:visited.c-link--inverse{color:var(--dt-color-content-link-visited-inverse)}.c-link:focus-visible{outline:none;border-radius:2px;box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer)}button.c-link{outline:none;border:none;-webkit-user-select:none;user-select:none;background:transparent;padding:0}.c-link-content{display:flex;gap:var(--dt-spacing-a)}::slotted(.c-pieIcon),::slotted(svg){display:inline-flex;margin-block-start:var(--link-icon-offset-top);height:var(--link-icon-size);width:var(--link-icon-size)}", en = ["default", "high-visibility", "inverse"], tn = ["small", "medium"], on = ["leading", "trailing"], nn = ["a", "button"], rn = ["submit", "button", "reset", "menu"], an = ["default", "reversed"], R = {
|
|
1723
|
-
tag: "a",
|
|
1724
|
-
variant: "default",
|
|
1725
|
-
size: "medium",
|
|
1726
|
-
underline: "default",
|
|
1727
|
-
isBold: !1,
|
|
1728
|
-
isStandalone: !1,
|
|
1729
|
-
hasVisited: !1,
|
|
1730
|
-
iconPlacement: "leading",
|
|
1731
|
-
type: "submit"
|
|
1732
|
-
};
|
|
1733
|
-
var sn = Object.defineProperty, W = (n, e, t, r) => {
|
|
1734
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1735
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1736
|
-
return o && sn(e, t, o), o;
|
|
1737
|
-
};
|
|
1738
|
-
const Ae = "pie-link", ji = class extends j {
|
|
1739
|
-
constructor() {
|
|
1740
|
-
super(...arguments), this.tag = R.tag, this.variant = R.variant, this.size = R.size, this.underline = R.underline, this.iconPlacement = R.iconPlacement, this.isBold = R.isBold, this.isStandalone = R.isStandalone, this.hasVisited = R.hasVisited, this.type = R.type;
|
|
1741
|
-
}
|
|
1742
|
-
/**
|
|
1743
|
-
* Renders the link content.
|
|
1744
|
-
* Icons are only shown in block elements
|
|
1745
|
-
* @private
|
|
1746
|
-
*/
|
|
1747
|
-
renderContent() {
|
|
1748
|
-
const { iconPlacement: e, isStandalone: t } = this;
|
|
1749
|
-
return y`
|
|
122
|
+
aria-label="${Te(null==n?void 0:n.label)}"
|
|
123
|
+
aria-labelledby="${Te(null==n?void 0:n.labelledby)}"
|
|
124
|
+
aria-describedby="${Te(null==n?void 0:n.describedby)}"
|
|
125
|
+
aria-expanded="${Te(null==n?void 0:n.expanded)}"
|
|
126
|
+
aria-controls="${Te(null==n?void 0:n.controls)}">
|
|
127
|
+
${o?this.renderSpinner():W`<slot></slot>`}
|
|
128
|
+
</button>`}};yt.styles=s("*,*:after,*:before{box-sizing:inherit}:host{--btn-dimension-default: 48px;--icon-size-override: 24px}.o-iconBtn{--btn-border-radius: var(--dt-radius-rounded-e);--int-states-mixin-bg-color: var(--dt-color-interactive-brand);--btn-icon-fill: var(--dt-color-content-interactive-light);--icon-display-override: block;block-size:var(--btn-dimension, var(--btn-dimension-default));inline-size:var(--btn-dimension, var(--btn-dimension-default));border-color:var(--btn-border-color);border-radius:var(--btn-border-radius);background-color:var(--int-states-mixin-bg-color);color:var(--btn-icon-fill);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;border:none;display:flex;align-items:center;justify-content:center}.o-iconBtn:focus-visible{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.o-iconBtn svg{height:var(--icon-size-override);width:var(--icon-size-override)}.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--primary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.o-iconBtn.o-iconBtn--primary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--primary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}.o-iconBtn.o-iconBtn--secondary{--int-states-mixin-bg-color: var(--dt-color-interactive-secondary);--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-secondary-h), var(--dt-color-interactive-secondary-s), calc(var(--dt-color-interactive-secondary-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-secondary))}.o-iconBtn.o-iconBtn--secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-secondary))}}.o-iconBtn.o-iconBtn--outline{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand);border:1px solid var(--dt-color-border-strong)}.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--outline:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--outline:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--outline.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--ghost-secondary{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-interactive-secondary)}.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-secondary:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-secondary:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-secondary.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-transparent))}}.o-iconBtn.o-iconBtn--inverse{--int-states-mixin-bg-color: var(--dt-color-interactive-inverse);--btn-icon-fill: var(--dt-color-content-interactive-brand)}.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-inverse-h), var(--dt-color-interactive-inverse-s), calc(var(--dt-color-interactive-inverse-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-inverse))}.o-iconBtn.o-iconBtn--inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-inverse))}}.o-iconBtn.o-iconBtn--ghost-inverse{--int-states-mixin-bg-color: transparent;--btn-icon-fill: var(--dt-color-content-inverse)}.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--hover-modifier: var(--dt-color-hover-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--hover-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--hover-modifier)))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--active-modifier: var(--dt-color-active-01);--int-states-mixin-bg-color: hsl(var(--dt-color-black-h), var(--dt-color-black-s), var(--dt-color-black-l), var(--active-modifier));--int-states-mixin-bg-color: hsl(var(--dt-color-transparent-h), var(--dt-color-transparent-s), calc(var(--dt-color-transparent-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.o-iconBtn.o-iconBtn--ghost-inverse:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-02-bg) var(--dt-color-hover-02), var(--dt-color-transparent))}.o-iconBtn.o-iconBtn--ghost-inverse:active:not(:disabled,.is-disabled,.is-dismissible),.o-iconBtn.o-iconBtn--ghost-inverse.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-02-bg) var(--dt-color-active-02), var(--dt-color-transparent))}}.o-iconBtn[disabled]{--btn-icon-fill: var(--dt-color-content-disabled);cursor:not-allowed}.o-iconBtn[disabled]:not(.o-iconBtn--ghost,.o-iconBtn--ghost-secondary,.o-iconBtn--ghost-inverse){--int-states-mixin-bg-color: var(--dt-color-disabled-01)}.o-iconBtn[disabled].o-iconBtn--outline{border-color:var(--dt-color-disabled-01)}.o-iconBtn.o-iconBtn--xsmall{--btn-dimension: 32px;--icon-size-override: 20px}.o-iconBtn.o-iconBtn--small{--btn-dimension: 40px}.o-iconBtn.o-iconBtn--large{--btn-dimension: 56px;--icon-size-override: 28px}");let kt=yt;gt([ve({type:Object})],kt.prototype,"aria"),gt([ve({type:String}),Oe(ft,["xsmall","small","medium","large"],pt)],kt.prototype,"size"),gt([ve({type:String}),Oe(ft,["primary","secondary","outline","ghost","ghost-secondary","inverse","ghost-inverse"],vt)],kt.prototype,"variant"),gt([ve({type:Boolean})],kt.prototype,"disabled"),gt([ve({type:Boolean})],kt.prototype,"isLoading"),Le(ft,kt);const wt="a",xt="default",At="medium",_t="default",zt=!1,St=!1,$t=!1,Et="leading",Ct="submit";var Mt=Object.defineProperty,Tt=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Mt(t,i,r),r};const Ot="pie-link",Lt=class extends ce{constructor(){super(...arguments),this.tag=wt,this.variant=xt,this.size=At,this.underline=_t,this.iconPlacement=Et,this.isBold=zt,this.isStandalone=St,this.hasVisited=$t,this.type=Ct}renderContent(){const{iconPlacement:e,isStandalone:t}=this;return W`
|
|
1750
129
|
<span class="c-link-content">
|
|
1751
|
-
${t
|
|
130
|
+
${t&&"leading"===e?W`<slot name="icon"></slot>`:q}
|
|
1752
131
|
<slot></slot>
|
|
1753
|
-
${t
|
|
1754
|
-
</span
|
|
1755
|
-
}
|
|
1756
|
-
/**
|
|
1757
|
-
* Renders the link as a button element.
|
|
1758
|
-
*
|
|
1759
|
-
* @private
|
|
1760
|
-
*/
|
|
1761
|
-
renderButton(e) {
|
|
1762
|
-
var t;
|
|
1763
|
-
return y`
|
|
132
|
+
${t&&"trailing"===e?W`<slot name="icon"></slot>`:q}
|
|
133
|
+
</span>`}renderButton(e){var t;return W`
|
|
1764
134
|
<button
|
|
1765
135
|
data-test-id="pie-link-button"
|
|
1766
|
-
class="${
|
|
136
|
+
class="${Me(e)}"
|
|
1767
137
|
type=${this.type}
|
|
1768
|
-
aria-label=${
|
|
138
|
+
aria-label=${Te(null==(t=this.aria)?void 0:t.label)}>
|
|
1769
139
|
${this.renderContent()}
|
|
1770
|
-
</button
|
|
1771
|
-
}
|
|
1772
|
-
/**
|
|
1773
|
-
* Renders the link as an anchor element.
|
|
1774
|
-
*
|
|
1775
|
-
* @private
|
|
1776
|
-
*/
|
|
1777
|
-
renderAnchor(e) {
|
|
1778
|
-
var t;
|
|
1779
|
-
return y`
|
|
140
|
+
</button>`}renderAnchor(e){var t;return W`
|
|
1780
141
|
<a
|
|
1781
142
|
data-test-id="pie-link-anchor"
|
|
1782
|
-
class="${
|
|
1783
|
-
href=${
|
|
1784
|
-
target=${
|
|
1785
|
-
rel=${
|
|
1786
|
-
aria-label=${
|
|
143
|
+
class="${Me(e)}"
|
|
144
|
+
href=${Te(this.href)}
|
|
145
|
+
target=${Te(this.target)}
|
|
146
|
+
rel=${Te(this.rel)}
|
|
147
|
+
aria-label=${Te(null==(t=this.aria)?void 0:t.label)}>
|
|
1787
148
|
${this.renderContent()}
|
|
1788
|
-
</a
|
|
1789
|
-
}
|
|
1790
|
-
render() {
|
|
1791
|
-
const e = {
|
|
1792
|
-
"c-link": !0,
|
|
1793
|
-
[`c-link--${this.variant}`]: !0,
|
|
1794
|
-
[`c-link--${this.size}`]: !0,
|
|
1795
|
-
"c-link--underline-reversed": this.underline === "reversed",
|
|
1796
|
-
"c-link--bold": this.isBold,
|
|
1797
|
-
"c-link--standalone": this.isStandalone,
|
|
1798
|
-
"c-link--hasVisited": this.hasVisited
|
|
1799
|
-
};
|
|
1800
|
-
return this.tag === "button" ? this.renderButton(e) : this.renderAnchor(e);
|
|
1801
|
-
}
|
|
1802
|
-
};
|
|
1803
|
-
ji.styles = se(Qo);
|
|
1804
|
-
let H = ji;
|
|
1805
|
-
W([
|
|
1806
|
-
p({ type: String }),
|
|
1807
|
-
C(Ae, nn, R.tag)
|
|
1808
|
-
], H.prototype, "tag");
|
|
1809
|
-
W([
|
|
1810
|
-
p({ type: String }),
|
|
1811
|
-
C(Ae, en, R.variant)
|
|
1812
|
-
], H.prototype, "variant");
|
|
1813
|
-
W([
|
|
1814
|
-
p({ type: String }),
|
|
1815
|
-
C(Ae, tn, R.size)
|
|
1816
|
-
], H.prototype, "size");
|
|
1817
|
-
W([
|
|
1818
|
-
p({ type: String }),
|
|
1819
|
-
C(Ae, an, R.underline)
|
|
1820
|
-
], H.prototype, "underline");
|
|
1821
|
-
W([
|
|
1822
|
-
p({ type: String }),
|
|
1823
|
-
C(Ae, on, R.iconPlacement)
|
|
1824
|
-
], H.prototype, "iconPlacement");
|
|
1825
|
-
W([
|
|
1826
|
-
p({ type: String, reflect: !0 })
|
|
1827
|
-
], H.prototype, "href");
|
|
1828
|
-
W([
|
|
1829
|
-
p({ type: String, reflect: !0 })
|
|
1830
|
-
], H.prototype, "target");
|
|
1831
|
-
W([
|
|
1832
|
-
p({ type: String, reflect: !0 })
|
|
1833
|
-
], H.prototype, "rel");
|
|
1834
|
-
W([
|
|
1835
|
-
p({ type: Boolean })
|
|
1836
|
-
], H.prototype, "isBold");
|
|
1837
|
-
W([
|
|
1838
|
-
p({ type: Boolean })
|
|
1839
|
-
], H.prototype, "isStandalone");
|
|
1840
|
-
W([
|
|
1841
|
-
p({ type: Boolean })
|
|
1842
|
-
], H.prototype, "hasVisited");
|
|
1843
|
-
W([
|
|
1844
|
-
p({ type: String }),
|
|
1845
|
-
C(Ae, rn, R.type)
|
|
1846
|
-
], H.prototype, "type");
|
|
1847
|
-
W([
|
|
1848
|
-
p({ type: Object })
|
|
1849
|
-
], H.prototype, "aria");
|
|
1850
|
-
q(Ae, H);
|
|
149
|
+
</a>`}render(){const e={"c-link":!0,[`c-link--${this.variant}`]:!0,[`c-link--${this.size}`]:!0,"c-link--underline-reversed":"reversed"===this.underline,"c-link--bold":this.isBold,"c-link--standalone":this.isStandalone,"c-link--hasVisited":this.hasVisited};return"button"===this.tag?this.renderButton(e):this.renderAnchor(e)}};Lt.styles=s("*,*:after,*:before{box-sizing:inherit}.c-link{--link-font-family: var(--dt-font-interactive-l-family);--link-font-size: calc(var(--dt-font-size-16) * 1px);--link-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--link-font-weight: var(--dt-font-weight-regular);--link-text-color: var(--dt-color-content-link);--link-text-decoration: var(--dt-font-style-underline);--link-icon-size: 16px;--link-icon-offset-top: var(--dt-spacing-a);display:inline-block;font-family:var(--link-font-family);font-size:var(--link-font-size);line-height:var(--link-line-height);font-weight:var(--link-font-weight);color:var(--link-text-color);text-decoration:var(--link-text-decoration);cursor:pointer}.c-link:hover,.c-link:active{--link-text-decoration: none}.c-link.c-link--high-visibility{--link-text-color: var(--dt-color-content-link-distinct)}.c-link.c-link--inverse{--link-text-color: var(--dt-color-content-link-inverse)}.c-link.c-link--small{--link-font-size: calc(var(--dt-font-size-14) * 1px);--link-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--link-icon-offset-top: 2px}.c-link.c-link--underline-reversed.c-link--standalone{--link-text-decoration: none}.c-link.c-link--underline-reversed.c-link--standalone:hover,.c-link.c-link--underline-reversed.c-link--standalone:active{--link-text-decoration: var(--dt-font-style-underline)}.c-link.c-link--bold{--link-font-weight: var(--dt-font-weight-bold)}.c-link.c-link--standalone{display:block;width:fit-content}.c-link.c-link--hasVisited:visited{color:var(--dt-color-content-link-visited)}.c-link.c-link--hasVisited:visited.c-link--inverse{color:var(--dt-color-content-link-visited-inverse)}.c-link:focus-visible{outline:none;border-radius:2px;box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer)}button.c-link{outline:none;border:none;-webkit-user-select:none;user-select:none;background:transparent;padding:0}.c-link-content{display:flex;gap:var(--dt-spacing-a)}::slotted(.c-pieIcon),::slotted(svg){display:inline-flex;margin-block-start:var(--link-icon-offset-top);height:var(--link-icon-size);width:var(--link-icon-size)}");let Bt=Lt;Tt([ve({type:String}),Oe(Ot,["a","button"],wt)],Bt.prototype,"tag"),Tt([ve({type:String}),Oe(Ot,["default","high-visibility","inverse"],xt)],Bt.prototype,"variant"),Tt([ve({type:String}),Oe(Ot,["small","medium"],At)],Bt.prototype,"size"),Tt([ve({type:String}),Oe(Ot,["default","reversed"],_t)],Bt.prototype,"underline"),Tt([ve({type:String}),Oe(Ot,["leading","trailing"],Et)],Bt.prototype,"iconPlacement"),Tt([ve({type:String,reflect:!0})],Bt.prototype,"href"),Tt([ve({type:String,reflect:!0})],Bt.prototype,"target"),Tt([ve({type:String,reflect:!0})],Bt.prototype,"rel"),Tt([ve({type:Boolean})],Bt.prototype,"isBold"),Tt([ve({type:Boolean})],Bt.prototype,"isStandalone"),Tt([ve({type:Boolean})],Bt.prototype,"hasVisited"),Tt([ve({type:String}),Oe(Ot,["submit","button","reset","menu"],Ct)],Bt.prototype,"type"),Tt([ve({type:Object})],Bt.prototype,"aria"),Le(Ot,Bt);
|
|
1851
150
|
/**
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
const
|
|
1857
|
-
if ((n == null ? void 0 : n.r) === Ui) return n == null ? void 0 : n._$litStatic$;
|
|
1858
|
-
}, cn = (n) => ({ _$litStatic$: n, r: Ui }), gi = /* @__PURE__ */ new Map(), dn = (n) => (e, ...t) => {
|
|
1859
|
-
const r = t.length;
|
|
1860
|
-
let o, l;
|
|
1861
|
-
const d = [], v = [];
|
|
1862
|
-
let h, f = 0, k = !1;
|
|
1863
|
-
for (; f < r; ) {
|
|
1864
|
-
for (h = e[f]; f < r && (l = t[f], (o = ln(l)) !== void 0); ) h += o + e[++f], k = !0;
|
|
1865
|
-
f !== r && v.push(l), d.push(h), f++;
|
|
1866
|
-
}
|
|
1867
|
-
if (f === r && d.push(e[r]), k) {
|
|
1868
|
-
const g = d.join("$$lit$$");
|
|
1869
|
-
(e = gi.get(g)) === void 0 && (d.raw = d, gi.set(g, e = d)), t = v;
|
|
1870
|
-
}
|
|
1871
|
-
return n(e, ...t);
|
|
1872
|
-
}, K = dn(y), ht = {
|
|
1873
|
-
xs: 16,
|
|
1874
|
-
s: 20,
|
|
1875
|
-
m: 24,
|
|
1876
|
-
l: 28,
|
|
1877
|
-
xl: 32,
|
|
1878
|
-
xxl: 40
|
|
1879
|
-
}, Wi = Object.keys(ht), Ki = "xs", qi = 8, bt = 32;
|
|
1880
|
-
function hn(n, e, t) {
|
|
1881
|
-
const r = parseInt(n, 10), o = r % t === 0;
|
|
1882
|
-
return r >= e && o;
|
|
1883
|
-
}
|
|
1884
|
-
const Gi = {
|
|
1885
|
-
large: (n) => hn(n, bt, qi),
|
|
1886
|
-
regular: (n) => Wi.includes(n)
|
|
1887
|
-
};
|
|
1888
|
-
function bn(n) {
|
|
1889
|
-
const e = Gi.large(n);
|
|
1890
|
-
return { isValid: e, size: e ? n : bt };
|
|
1891
|
-
}
|
|
1892
|
-
function pn(n) {
|
|
1893
|
-
const e = Gi.regular(n), t = e ? ht[n] : ht[Ki];
|
|
1894
|
-
return { isValid: e, size: t };
|
|
1895
|
-
}
|
|
1896
|
-
const vn = (n, e, t, r) => {
|
|
1897
|
-
const o = n.endsWith("Large") || n.endsWith("-large");
|
|
1898
|
-
let l, d;
|
|
1899
|
-
if (t) {
|
|
1900
|
-
if ({ isValid: l, size: d } = o ? bn(t) : pn(t), !l) {
|
|
1901
|
-
const v = o ? `Invalid prop "size" value supplied to "${r}". The prop value should be a number equal or greater than ${bt} and multiple of ${qi}.` : `Invalid prop "size" value supplied to "${r}". The prop value should be one of the following values: ${Wi.join(", ")}.`;
|
|
1902
|
-
console.error(v);
|
|
1903
|
-
}
|
|
1904
|
-
} else
|
|
1905
|
-
d = o ? bt : ht[Ki];
|
|
1906
|
-
return {
|
|
1907
|
-
class: [n, e].filter(Boolean).join(" "),
|
|
1908
|
-
width: d,
|
|
1909
|
-
height: d
|
|
1910
|
-
};
|
|
1911
|
-
};
|
|
1912
|
-
var un = Object.defineProperty, Xt = (n, e, t, r) => {
|
|
1913
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1914
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1915
|
-
return o && un(e, t, o), o;
|
|
1916
|
-
};
|
|
1917
|
-
const Yi = class extends j {
|
|
1918
|
-
firstUpdated() {
|
|
1919
|
-
this.updateIconSize();
|
|
1920
|
-
}
|
|
1921
|
-
willUpdate(e) {
|
|
1922
|
-
e.has("size") && this.updateIconSize();
|
|
1923
|
-
}
|
|
1924
|
-
updateIconSize() {
|
|
1925
|
-
const e = vn(this.class, "", this.size, this.name);
|
|
1926
|
-
this._svgWidth = e.width, this._svgHeight = e.height;
|
|
1927
|
-
}
|
|
1928
|
-
};
|
|
1929
|
-
Yi.styles = co`
|
|
151
|
+
* @license
|
|
152
|
+
* Copyright 2020 Google LLC
|
|
153
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
154
|
+
*/
|
|
155
|
+
const Pt=Symbol.for(""),Nt=e=>{if((null==e?void 0:e.r)===Pt)return null==e?void 0:e._$litStatic$},jt=new Map,It=(e=>(t,...i)=>{const o=i.length;let n,r;const a=[],s=[];let l,c=0,d=!1;for(;c<o;){for(l=t[c];c<o&&void 0!==(r=i[c],n=Nt(r));)l+=n+t[++c],d=!0;c!==o&&s.push(r),a.push(l),c++}if(c===o&&a.push(t[o]),d){const e=a.join("$$lit$$");void 0===(t=jt.get(e))&&(a.raw=a,jt.set(e,t=a)),i=s}return e(t,...i)})(W),Dt={xs:16,s:20,m:24,l:28,xl:32,xxl:40},Ft=Object.keys(Dt);const Rt=e=>function(e,t,i){const o=parseInt(e,10);return o>=t&&o%i==0}(e,32,8),Ht=e=>Ft.includes(e);const Vt=(e,t,i,o)=>{const n=e.endsWith("Large")||e.endsWith("-large");let r,a;if(i){if(({isValid:r,size:a}=n?function(e){const t=Rt(e);return{isValid:t,size:t?e:32}}(i):function(e){const t=Ht(e);return{isValid:t,size:t?Dt[e]:Dt.xs}}(i)),!r){const e=n?`Invalid prop "size" value supplied to "${o}". The prop value should be a number equal or greater than 32 and multiple of 8.`:`Invalid prop "size" value supplied to "${o}". The prop value should be one of the following values: ${Ft.join(", ")}.`;console.error(e)}}else a=n?32:Dt.xs;return{class:[e,t].filter(Boolean).join(" "),width:a,height:a}};var Wt=Object.defineProperty,Ut=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Wt(t,i,r),r};const qt=class extends ce{firstUpdated(){this.updateIconSize()}willUpdate(e){e.has("size")&&this.updateIconSize()}updateIconSize(){const e=Vt(this.class,"",this.size,this.name);this._svgWidth=e.width,this._svgHeight=e.height}};qt.styles=((e,...t)=>{const i=1===e.length?e[0]:t.reduce(((t,i,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+e[o+1]),e[0]);return new a(i,e,n)})`
|
|
1930
156
|
:host {
|
|
1931
157
|
display: inline-block;
|
|
1932
158
|
/* Inline SVGs can cause an additional ~4px height in their containers (such as this host).*/
|
|
@@ -1938,1116 +164,89 @@ Yi.styles = co`
|
|
|
1938
164
|
width: var(--icon-size-override);
|
|
1939
165
|
height: var(--icon-size-override);
|
|
1940
166
|
}
|
|
1941
|
-
`;
|
|
1942
|
-
let _e = Yi;
|
|
1943
|
-
Xt([
|
|
1944
|
-
p({ type: String, reflect: !0 })
|
|
1945
|
-
], _e.prototype, "size");
|
|
1946
|
-
Xt([
|
|
1947
|
-
nt()
|
|
1948
|
-
], _e.prototype, "_svgWidth");
|
|
1949
|
-
Xt([
|
|
1950
|
-
nt()
|
|
1951
|
-
], _e.prototype, "_svgHeight");
|
|
1952
|
-
var mn = Object.defineProperty, Zi = (n, e, t, r) => {
|
|
1953
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1954
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1955
|
-
return o && mn(e, t, o), o;
|
|
1956
|
-
};
|
|
1957
|
-
const gn = "icon-close";
|
|
1958
|
-
let Jt = class extends _e {
|
|
1959
|
-
constructor() {
|
|
1960
|
-
super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--close", this.name = "IconClose";
|
|
1961
|
-
}
|
|
1962
|
-
render() {
|
|
1963
|
-
return y`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`;
|
|
1964
|
-
}
|
|
1965
|
-
};
|
|
1966
|
-
Zi([
|
|
1967
|
-
p({ type: String, reflect: !0 })
|
|
1968
|
-
], Jt.prototype, "size");
|
|
1969
|
-
Zi([
|
|
1970
|
-
p({ type: String, reflect: !0 })
|
|
1971
|
-
], Jt.prototype, "class");
|
|
1972
|
-
q(gn, Jt);
|
|
1973
|
-
var fn = Object.defineProperty, Xi = (n, e, t, r) => {
|
|
1974
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1975
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1976
|
-
return o && fn(e, t, o), o;
|
|
1977
|
-
};
|
|
1978
|
-
const yn = "icon-chevron-left";
|
|
1979
|
-
let Qt = class extends _e {
|
|
1980
|
-
constructor() {
|
|
1981
|
-
super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronLeft", this.name = "IconChevronLeft";
|
|
1982
|
-
}
|
|
1983
|
-
render() {
|
|
1984
|
-
return y`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`;
|
|
1985
|
-
}
|
|
1986
|
-
};
|
|
1987
|
-
Xi([
|
|
1988
|
-
p({ type: String, reflect: !0 })
|
|
1989
|
-
], Qt.prototype, "size");
|
|
1990
|
-
Xi([
|
|
1991
|
-
p({ type: String, reflect: !0 })
|
|
1992
|
-
], Qt.prototype, "class");
|
|
1993
|
-
q(yn, Qt);
|
|
1994
|
-
var xn = Object.defineProperty, Ji = (n, e, t, r) => {
|
|
1995
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
1996
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
1997
|
-
return o && xn(e, t, o), o;
|
|
1998
|
-
};
|
|
1999
|
-
const wn = "icon-chevron-right";
|
|
2000
|
-
let ei = class extends _e {
|
|
2001
|
-
constructor() {
|
|
2002
|
-
super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronRight", this.name = "IconChevronRight";
|
|
2003
|
-
}
|
|
2004
|
-
render() {
|
|
2005
|
-
return y`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronRight"><path d="M5.044 13.18 10.399 8 5 2.82l.875-.962 5.539 5.346a1.164 1.164 0 0 1 0 1.636l-5.469 5.285-.901-.945Z"></path></svg>`;
|
|
2006
|
-
}
|
|
2007
|
-
};
|
|
2008
|
-
Ji([
|
|
2009
|
-
p({ type: String, reflect: !0 })
|
|
2010
|
-
], ei.prototype, "size");
|
|
2011
|
-
Ji([
|
|
2012
|
-
p({ type: String, reflect: !0 })
|
|
2013
|
-
], ei.prototype, "class");
|
|
2014
|
-
q(wn, ei);
|
|
2015
|
-
function kn(n) {
|
|
2016
|
-
if (Array.isArray(n)) {
|
|
2017
|
-
for (var e = 0, t = Array(n.length); e < n.length; e++)
|
|
2018
|
-
t[e] = n[e];
|
|
2019
|
-
return t;
|
|
2020
|
-
} else
|
|
2021
|
-
return Array.from(n);
|
|
2022
|
-
}
|
|
2023
|
-
var ti = !1;
|
|
2024
|
-
if (typeof window < "u") {
|
|
2025
|
-
var fi = {
|
|
2026
|
-
get passive() {
|
|
2027
|
-
ti = !0;
|
|
2028
|
-
}
|
|
2029
|
-
};
|
|
2030
|
-
window.addEventListener("testPassive", null, fi), window.removeEventListener("testPassive", null, fi);
|
|
2031
|
-
}
|
|
2032
|
-
var Qi = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), le = [], pt = !1, eo = -1, Je = void 0, Qe = void 0, to = function(n) {
|
|
2033
|
-
return le.some(function(e) {
|
|
2034
|
-
return !!(e.options.allowTouchMove && e.options.allowTouchMove(n));
|
|
2035
|
-
});
|
|
2036
|
-
}, ii = function(n) {
|
|
2037
|
-
var e = n || window.event;
|
|
2038
|
-
return to(e.target) || e.touches.length > 1 ? !0 : (e.preventDefault && e.preventDefault(), !1);
|
|
2039
|
-
}, $n = function(n) {
|
|
2040
|
-
if (Qe === void 0) {
|
|
2041
|
-
var e = !1, t = window.innerWidth - document.documentElement.clientWidth;
|
|
2042
|
-
e && t > 0 && (Qe = document.body.style.paddingRight, document.body.style.paddingRight = t + "px");
|
|
2043
|
-
}
|
|
2044
|
-
Je === void 0 && (Je = document.body.style.overflow, document.body.style.overflow = "hidden");
|
|
2045
|
-
}, An = function() {
|
|
2046
|
-
Qe !== void 0 && (document.body.style.paddingRight = Qe, Qe = void 0), Je !== void 0 && (document.body.style.overflow = Je, Je = void 0);
|
|
2047
|
-
}, _n = function(n) {
|
|
2048
|
-
return n ? n.scrollHeight - n.scrollTop <= n.clientHeight : !1;
|
|
2049
|
-
}, En = function(n, e) {
|
|
2050
|
-
var t = n.targetTouches[0].clientY - eo;
|
|
2051
|
-
return to(n.target) ? !1 : e && e.scrollTop === 0 && t > 0 || _n(e) && t < 0 ? ii(n) : (n.stopPropagation(), !0);
|
|
2052
|
-
}, Sn = function(n, e) {
|
|
2053
|
-
if (!n) {
|
|
2054
|
-
console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
|
|
2055
|
-
return;
|
|
2056
|
-
}
|
|
2057
|
-
if (!le.some(function(r) {
|
|
2058
|
-
return r.targetElement === n;
|
|
2059
|
-
})) {
|
|
2060
|
-
var t = {
|
|
2061
|
-
targetElement: n,
|
|
2062
|
-
options: {}
|
|
2063
|
-
};
|
|
2064
|
-
le = [].concat(kn(le), [t]), Qi ? (n.ontouchstart = function(r) {
|
|
2065
|
-
r.targetTouches.length === 1 && (eo = r.targetTouches[0].clientY);
|
|
2066
|
-
}, n.ontouchmove = function(r) {
|
|
2067
|
-
r.targetTouches.length === 1 && En(r, n);
|
|
2068
|
-
}, pt || (document.addEventListener("touchmove", ii, ti ? { passive: !1 } : void 0), pt = !0)) : $n();
|
|
2069
|
-
}
|
|
2070
|
-
}, zn = function(n) {
|
|
2071
|
-
if (!n) {
|
|
2072
|
-
console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
|
|
2073
|
-
return;
|
|
2074
|
-
}
|
|
2075
|
-
le = le.filter(function(e) {
|
|
2076
|
-
return e.targetElement !== n;
|
|
2077
|
-
}), Qi ? (n.ontouchstart = null, n.ontouchmove = null, pt && le.length === 0 && (document.removeEventListener("touchmove", ii, ti ? { passive: !1 } : void 0), pt = !1)) : le.length || An();
|
|
2078
|
-
};
|
|
2079
|
-
const Bn = '*,*:after,*:before{box-sizing:inherit}dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}.c-modal{--modal-size-s: 450px;--modal-size-m: 600px;--modal-size-l: 1080px;--modal-border-radius: var(--dt-radius-rounded-d);--modal-font: var(--dt-font-interactive-l-family);--modal-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-04);position:fixed;top:0;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);color:var(--dt-color-content-default);background-color:var(--modal-bg-color);padding:0;--modal-margin-none: var(--dt-spacing-none);--modal-margin-small: var(--dt-spacing-g);--modal-margin-large: var(--dt-spacing-j);--modal-margin-block: var(--modal-margin-small);--modal-block-size: fit-content;--modal-inline-size: 75%;--modal-max-block-size: calc(100vh - calc(var(--modal-margin-block) * 2));--modal-max-inline-size: var(--modal-size-m);block-size:var(--modal-block-size);inline-size:var(--modal-inline-size);max-block-size:var(--modal-max-block-size);max-inline-size:var(--modal-max-inline-size)}.c-modal:focus-visible{outline:none}@media (max-width: 767px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal[open]{display:flex;flex-direction:column}@media (min-width: 769px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.c-modal.c-modal--small{--modal-max-inline-size: var(--modal-size-s)}@media (min-width: 769px){.c-modal.c-modal--small{--modal-margin-block: var(--modal-margin-large)}}.c-modal.c-modal--large{--modal-inline-size: 75%;--modal-max-inline-size: var(--modal-size-l);--modal-margin-block: var(--modal-margin-large)}@media (max-width: 767px){.c-modal.c-modal--large,.c-modal.c-modal--medium.c-modal--fullWidthBelowMid{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%;--modal-max-inline-size: 100%}.c-modal.c-modal--large>.c-modal-scrollContainer,.c-modal.c-modal--medium.c-modal--fullWidthBelowMid>.c-modal-scrollContainer{block-size:100%}}.c-modal.c-modal--top{margin-block-start:var(--dt-spacing-j);max-block-size:calc(100% - var(--dt-spacing-j) * 2)}@media (max-width: 767px){.c-modal.c-modal--top.c-modal--large,.c-modal.c-modal--top.c-modal--fullWidthBelowMid.c-modal--medium{margin-block-start:var(--dt-spacing-none);max-block-size:100%}}.c-modal::backdrop{background:var(--dt-color-overlay)}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.c-modal::backdrop{background:#0000008c}}.c-modal .c-modal-footer{--modal-button-spacing: var(--dt-spacing-d);--modal-footer-padding: var(--dt-spacing-d);display:flex;flex-flow:row-reverse;flex-wrap:wrap;gap:var(--modal-button-spacing);padding:var(--modal-footer-padding)}@media (min-width: 769px){.c-modal .c-modal-footer{--modal-footer-padding: var(--dt-spacing-e)}}@media (max-width: 767px){.c-modal .c-modal-footer.c-modal-footer--stackedActions{flex-direction:column}}.c-modal .c-modal-header{display:grid;grid-template-areas:"back heading close";grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:start}.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--narrow) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--narrow) * 1px);--modal-header-font-weight: var(--dt-font-heading-m-weight);font-size:var(--modal-header-font-size);line-height:var(--modal-header-font-line-height);font-weight:var(--modal-header-font-weight);margin:0;grid-area:heading;margin-inline-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d);margin-block:14px}@media (min-width: 769px){.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--wide) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--wide) * 1px);margin-inline-start:var(--dt-spacing-e);margin-inline-end:var(--dt-spacing-e);margin-block:20px}}.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-b)}@media (min-width: 769px){.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-c)}}.c-modal.c-modal--dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-d)}@media (min-width: 769px){.c-modal.c-modal--dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-e)}}.c-modal .c-modal-backBtn{grid-area:back;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-b);margin-inline-end:var(--dt-spacing-none)}@media (min-width: 769px){.c-modal .c-modal-backBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-c);margin-inline-end:var(--dt-spacing-none)}}.c-modal .c-modal-closeBtn{grid-area:close;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-b)}@media (min-width: 769px){.c-modal .c-modal-closeBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-c)}}.c-modal .c-modal-content{--modal-content-font-size: calc(var(--dt-font-size-16) * 1px);--modal-content-font-weight: var(--dt-font-weight-regular);--modal-content-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--modal-content-padding-block: var(--dt-spacing-a);--modal-content-padding-inline: var(--dt-spacing-d);--modal-content-padding-block-end: var(--dt-spacing-e);--modal-content-min-block-size: var(--dt-spacing-j);position:relative;min-block-size:calc(var(--modal-content-min-block-size) + var(--modal-content-padding-block) + var(--modal-content-padding-block-end));font-size:var(--modal-content-font-size);line-height:var(--modal-content-line-height);font-weight:var(--modal-content-font-weight);padding-inline-start:var(--modal-content-padding-inline);padding-inline-end:var(--modal-content-padding-inline);padding-block-start:var(--modal-content-padding-block);padding-block-end:var(--modal-content-padding-block-end);flex-grow:1}@media (min-width: 769px){.c-modal .c-modal-content{--modal-content-padding-inline: var(--dt-spacing-e)}}.c-modal .c-modal-content:not(:last-child){padding-block-end:var(--modal-content-padding-block);min-block-size:var(--modal-content-min-block-size)}.c-modal .c-modal-content--scrollable{background:linear-gradient(to bottom,transparent,var(--dt-color-container-default) 75%) center bottom,linear-gradient(transparent,var(--dt-color-border-strong)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 12px;background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer{display:flex;flex-direction:column;overflow-y:auto;--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--dt-color-container-default) 70%) 0 100%;--bg-scroll-bottom: radial-gradient(farthest-corner at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;--bg-size-scroll-end: 100% 40px;--bg-size-scroll-bottom: 100% 8px;background:var(--bg-scroll-end),var(--bg-scroll-bottom);background-repeat:no-repeat;background-size:var(--bg-size-scroll-end),var(--bg-size-scroll-bottom);background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer .c-modal-content{flex-shrink:0}.c-modal.c-modal--pinnedFooter .c-modal-content{overflow-y:auto}.c-modal.c-modal--loading .c-modal-content pie-spinner{position:absolute;left:50%;top:calc(50% - (var(--modal-content-padding-block-end) - var(--modal-content-padding-block)) / 2);transform:translate(-50%,-50%)}.c-modal.c-modal--loading .c-modal-content .c-modal-contentInner{display:none}.c-modal.c-modal--loading .c-modal-content:not(:last-child) pie-spinner{top:50%}@supports not (aspect-ratio: 1/1){.c-modal .c-modal-scrollContainer{background:none}}', Cn = ["h1", "h2", "h3", "h4", "h5", "h6"], Mn = ["small", "medium", "large"], Ln = ["top", "center"], yi = "pie-modal-close", Pt = "pie-modal-open", xi = "pie-modal-back", Tn = "pie-modal-leading-action-click", On = "pie-modal-supporting-action-click", V = {
|
|
2080
|
-
hasBackButton: !1,
|
|
2081
|
-
hasStackedActions: !1,
|
|
2082
|
-
headingLevel: "h2",
|
|
2083
|
-
isOpen: !1,
|
|
2084
|
-
isDismissible: !1,
|
|
2085
|
-
isFooterPinned: !0,
|
|
2086
|
-
isFullWidthBelowMid: !1,
|
|
2087
|
-
isLoading: !1,
|
|
2088
|
-
position: "center",
|
|
2089
|
-
size: "medium"
|
|
2090
|
-
};
|
|
2091
|
-
var In = Object.defineProperty, P = (n, e, t, r) => {
|
|
2092
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
2093
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
2094
|
-
return o && In(e, t, o), o;
|
|
2095
|
-
};
|
|
2096
|
-
const at = "pie-modal", io = class extends Pi(j) {
|
|
2097
|
-
constructor() {
|
|
2098
|
-
super(...arguments), this.headingLevel = V.headingLevel, this.hasBackButton = V.hasBackButton, this.hasStackedActions = V.hasStackedActions, this.isDismissible = V.isDismissible, this.isFooterPinned = V.isFooterPinned, this.isFullWidthBelowMid = V.isFullWidthBelowMid, this.isLoading = V.isLoading, this.isOpen = V.isOpen, this.position = V.position, this.size = V.size, this._backButtonClicked = !1, this._escKeyAbortController = null, this._preventModalKeyboardDismissal = (e) => {
|
|
2099
|
-
e.key === "Escape" && e.preventDefault();
|
|
2100
|
-
}, this._handleDialogLightDismiss = (e) => {
|
|
2101
|
-
if (!this.isDismissible || e.target !== e.currentTarget)
|
|
2102
|
-
return;
|
|
2103
|
-
const t = this._dialog.getBoundingClientRect(), {
|
|
2104
|
-
top: r = 0,
|
|
2105
|
-
bottom: o = 0,
|
|
2106
|
-
left: l = 0,
|
|
2107
|
-
right: d = 0
|
|
2108
|
-
} = t || {};
|
|
2109
|
-
r === 0 && o === 0 && l === 0 && d === 0 || (e.clientY < r || e.clientY > o || e.clientX < l || e.clientX > d) && (this.isOpen = !1);
|
|
2110
|
-
};
|
|
2111
|
-
}
|
|
2112
|
-
get _modalScrollContainer() {
|
|
2113
|
-
return this._dialog.querySelector(".c-modal-scrollContainer");
|
|
2114
|
-
}
|
|
2115
|
-
connectedCallback() {
|
|
2116
|
-
super.connectedCallback(), this._abortController = new AbortController();
|
|
2117
|
-
const { signal: e } = this._abortController;
|
|
2118
|
-
this.addEventListener("click", (t) => this._handleDialogLightDismiss(t)), this._setupEscKeyListener(), document.addEventListener(Pt, (t) => this._handleModalOpened(t), { signal: e }), document.addEventListener(yi, (t) => this._handleModalClosed(t), { signal: e }), document.addEventListener(xi, (t) => this._handleModalClosed(t), { signal: e });
|
|
2119
|
-
}
|
|
2120
|
-
disconnectedCallback() {
|
|
2121
|
-
super.disconnectedCallback(), this._abortController.abort(), this._enableBodyScroll(), this._removeEscKeyEventListener();
|
|
2122
|
-
}
|
|
2123
|
-
async firstUpdated(e) {
|
|
2124
|
-
(await import("./dialog-polyfill.esm-CbjBMXAG-Ms1CLTbS.js").then((r) => r.default)).registerDialog(this._dialog);
|
|
2125
|
-
const { signal: t } = this._abortController;
|
|
2126
|
-
this._dialog.addEventListener("close", () => {
|
|
2127
|
-
this.isOpen = !1;
|
|
2128
|
-
}, { signal: t }), this._handleModalOpenStateOnFirstRender(e);
|
|
2129
|
-
}
|
|
2130
|
-
updated(e) {
|
|
2131
|
-
this._handleModalOpenStateChanged(e), this._handleIsDismissibleChanged(e);
|
|
2132
|
-
}
|
|
2133
|
-
_handleIsDismissibleChanged(e) {
|
|
2134
|
-
const t = e.get("isDismissible"), r = this.isDismissible;
|
|
2135
|
-
!t && r && this._removeEscKeyEventListener(), t && !r && this._setupEscKeyListener();
|
|
2136
|
-
}
|
|
2137
|
-
/**
|
|
2138
|
-
* Opens the dialog element and disables page scrolling
|
|
2139
|
-
*/
|
|
2140
|
-
_handleModalOpened(e) {
|
|
2141
|
-
const { targetModal: t } = e.detail;
|
|
2142
|
-
if (t === this) {
|
|
2143
|
-
if (this._dialog.hasAttribute("open") || !this._dialog.isConnected)
|
|
2144
|
-
return;
|
|
2145
|
-
this._dialog.showModal(), requestAnimationFrame(() => {
|
|
2146
|
-
this._dialog.hasAttribute("open") && (this._disableBodyScroll(), this._setupEscKeyListener());
|
|
2147
|
-
});
|
|
2148
|
-
}
|
|
2149
|
-
}
|
|
2150
|
-
/**
|
|
2151
|
-
* Closes the dialog element and re-enables page scrolling
|
|
2152
|
-
*/
|
|
2153
|
-
_handleModalClosed(e) {
|
|
2154
|
-
const { targetModal: t } = e.detail;
|
|
2155
|
-
t === this && (this._enableBodyScroll(), this._dialog.close(), this._returnFocus(), this._removeEscKeyEventListener());
|
|
2156
|
-
}
|
|
2157
|
-
/**
|
|
2158
|
-
* Sets up an event listener on the Escape key to prevent dismissing the modal if isDismissible is false
|
|
2159
|
-
*/
|
|
2160
|
-
_setupEscKeyListener() {
|
|
2161
|
-
if (!this._escKeyAbortController && !this.isDismissible) {
|
|
2162
|
-
this._escKeyAbortController = new AbortController();
|
|
2163
|
-
const { signal: e } = this._escKeyAbortController;
|
|
2164
|
-
document.addEventListener("keydown", (t) => this._preventModalKeyboardDismissal(t), { signal: e });
|
|
2165
|
-
}
|
|
2166
|
-
}
|
|
2167
|
-
/**
|
|
2168
|
-
* Removes any event listeners set up that are listening to keyboard events and nulls the existing AbortController.
|
|
2169
|
-
*/
|
|
2170
|
-
_removeEscKeyEventListener() {
|
|
2171
|
-
var e;
|
|
2172
|
-
(e = this._escKeyAbortController) == null || e.abort(), this._escKeyAbortController = null;
|
|
2173
|
-
}
|
|
2174
|
-
// Handles the value of the isOpen property on first render of the component
|
|
2175
|
-
_handleModalOpenStateOnFirstRender(e) {
|
|
2176
|
-
e.get("isOpen") === void 0 && this.isOpen && J(this, Pt, { targetModal: this });
|
|
2177
|
-
}
|
|
2178
|
-
// Handles changes to the modal isOpen property by dispatching any appropriate events
|
|
2179
|
-
_handleModalOpenStateChanged(e) {
|
|
2180
|
-
const t = e.get("isOpen");
|
|
2181
|
-
t !== void 0 && (t ? this._backButtonClicked ? (this._backButtonClicked = !1, J(this, xi, { targetModal: this })) : J(this, yi, { targetModal: this }) : J(this, Pt, { targetModal: this }));
|
|
2182
|
-
}
|
|
2183
|
-
_handleActionClick(e) {
|
|
2184
|
-
e === "leading" ? (this._dialog.close("leading"), J(this, Tn, { targetModal: this })) : e === "supporting" && (this._dialog.close("supporting"), J(this, On, { targetModal: this }));
|
|
2185
|
-
}
|
|
2186
|
-
/**
|
|
2187
|
-
* Return focus to the specified element, providing the selector is valid
|
|
2188
|
-
* and the chosen element can be found.
|
|
2189
|
-
*/
|
|
2190
|
-
_returnFocus() {
|
|
2191
|
-
var e, t;
|
|
2192
|
-
const r = (e = this.returnFocusAfterCloseSelector) == null ? void 0 : e.trim();
|
|
2193
|
-
r && ((t = document.querySelector(r)) == null || t.focus());
|
|
2194
|
-
}
|
|
2195
|
-
/**
|
|
2196
|
-
* Enables body scroll by unlocking the scroll container.
|
|
2197
|
-
*/
|
|
2198
|
-
_enableBodyScroll() {
|
|
2199
|
-
this._modalScrollContainer && zn(this._modalScrollContainer);
|
|
2200
|
-
}
|
|
2201
|
-
/**
|
|
2202
|
-
* Disables body scroll by locking the scroll container.
|
|
2203
|
-
*/
|
|
2204
|
-
_disableBodyScroll() {
|
|
2205
|
-
this._modalScrollContainer && Sn(this._modalScrollContainer);
|
|
2206
|
-
}
|
|
2207
|
-
/**
|
|
2208
|
-
* Template for the close button element. Called within the
|
|
2209
|
-
* main render function.
|
|
2210
|
-
*
|
|
2211
|
-
* @private
|
|
2212
|
-
*/
|
|
2213
|
-
renderCloseButton() {
|
|
2214
|
-
var e;
|
|
2215
|
-
return this.isDismissible ? K`
|
|
167
|
+
`;let Kt=qt;Ut([ve({type:String,reflect:!0})],Kt.prototype,"size"),Ut([be()],Kt.prototype,"_svgWidth"),Ut([be()],Kt.prototype,"_svgHeight");var Gt=Object.defineProperty,Zt=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Gt(t,i,r),r};let Yt=class extends Kt{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--close",this.name="IconClose"}render(){return W`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--close"><path d="M11.868 3.205 8 7.073 4.133 3.205l-.928.928L7.073 8l-3.868 3.868.928.927L8 8.928l3.868 3.867.927-.927L8.928 8l3.867-3.867-.927-.928Z"></path></svg>`}};Zt([ve({type:String,reflect:!0})],Yt.prototype,"size"),Zt([ve({type:String,reflect:!0})],Yt.prototype,"class"),Le("icon-close",Yt);var Xt=Object.defineProperty,Qt=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Xt(t,i,r),r};let Jt=class extends Kt{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronLeft",this.name="IconChevronLeft"}render(){return W`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronLeft"><path d="M10.96 2.82 5.605 8l5.399 5.197-.875.963-5.565-5.364a1.164 1.164 0 0 1 0-1.671l5.495-5.25.901.945Z"></path></svg>`}};Qt([ve({type:String,reflect:!0})],Jt.prototype,"size"),Qt([ve({type:String,reflect:!0})],Jt.prototype,"class"),Le("icon-chevron-left",Jt);var ei=Object.defineProperty,ti=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&ei(t,i,r),r};let ii=class extends Kt{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--chevronRight",this.name="IconChevronRight"}render(){return W`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--chevronRight"><path d="M5.044 13.18 10.399 8 5 2.82l.875-.962 5.539 5.346a1.164 1.164 0 0 1 0 1.636l-5.469 5.285-.901-.945Z"></path></svg>`}};ti([ve({type:String,reflect:!0})],ii.prototype,"size"),ti([ve({type:String,reflect:!0})],ii.prototype,"class"),Le("icon-chevron-right",ii);var oi=!1;if(typeof window<"u"){var ni={get passive(){oi=!0}};window.addEventListener("testPassive",null,ni),window.removeEventListener("testPassive",null,ni)}var ri=typeof window<"u"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),ai=[],si=!1,li=-1,ci=void 0,di=void 0,hi=function(e){return ai.some((function(t){return!(!t.options.allowTouchMove||!t.options.allowTouchMove(e))}))},pi=function(e){var t=e||window.event;return!!(hi(t.target)||t.touches.length>1)||(t.preventDefault&&t.preventDefault(),!1)},vi=function(e,t){if(e){if(!ai.some((function(t){return t.targetElement===e}))){var i={targetElement:e,options:{}};ai=[].concat(function(e){if(Array.isArray(e)){for(var t=0,i=Array(e.length);t<e.length;t++)i[t]=e[t];return i}return Array.from(e)}(ai),[i]),ri?(e.ontouchstart=function(e){1===e.targetTouches.length&&(li=e.targetTouches[0].clientY)},e.ontouchmove=function(t){1===t.targetTouches.length&&function(e,t){var i=e.targetTouches[0].clientY-li;!hi(e.target)&&(t&&0===t.scrollTop&&i>0||function(e){return!!e&&e.scrollHeight-e.scrollTop<=e.clientHeight}(t)&&i<0?pi(e):e.stopPropagation())}(t,e)},si||(document.addEventListener("touchmove",pi,oi?{passive:!1}:void 0),si=!0)):function(){void 0===di&&(window.innerWidth,document.documentElement.clientWidth);void 0===ci&&(ci=document.body.style.overflow,document.body.style.overflow="hidden")}()}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},bi=function(e){e?(ai=ai.filter((function(t){return t.targetElement!==e})),ri?(e.ontouchstart=null,e.ontouchmove=null,si&&0===ai.length&&(document.removeEventListener("touchmove",pi,oi?{passive:!1}:void 0),si=!1)):ai.length||(void 0!==di&&(document.body.style.paddingRight=di,di=void 0),void 0!==ci&&(document.body.style.overflow=ci,ci=void 0))):console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.")};const ui="pie-modal-close",mi="pie-modal-open",gi="pie-modal-back",fi=!1,yi=!1,ki="h2",wi=!1,xi=!1,Ai=!0,_i=!1,zi=!1,Si="center",$i="medium";var Ei=Object.defineProperty,Ci=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Ei(t,i,r),r};const Mi="pie-modal",Ti=class extends(Pe(ce)){constructor(){super(...arguments),this.headingLevel=ki,this.hasBackButton=fi,this.hasStackedActions=yi,this.isDismissible=xi,this.isFooterPinned=Ai,this.isFullWidthBelowMid=_i,this.isLoading=zi,this.isOpen=wi,this.position=Si,this.size=$i,this._backButtonClicked=!1,this._escKeyAbortController=null,this._preventModalKeyboardDismissal=e=>{"Escape"===e.key&&e.preventDefault()},this._handleDialogLightDismiss=e=>{if(!this.isDismissible||e.target!==e.currentTarget)return;const t=this._dialog.getBoundingClientRect(),{top:i=0,bottom:o=0,left:n=0,right:r=0}=t||{};0===i&&0===o&&0===n&&0===r||(e.clientY<i||e.clientY>o||e.clientX<n||e.clientX>r)&&(this.isOpen=!1)}}get _modalScrollContainer(){return this._dialog.querySelector(".c-modal-scrollContainer")}connectedCallback(){super.connectedCallback(),this._abortController=new AbortController;const{signal:e}=this._abortController;this.addEventListener("click",(e=>this._handleDialogLightDismiss(e))),this._setupEscKeyListener(),document.addEventListener(mi,(e=>this._handleModalOpened(e)),{signal:e}),document.addEventListener(ui,(e=>this._handleModalClosed(e)),{signal:e}),document.addEventListener(gi,(e=>this._handleModalClosed(e)),{signal:e})}disconnectedCallback(){super.disconnectedCallback(),this._abortController.abort(),this._enableBodyScroll(),this._removeEscKeyEventListener()}async firstUpdated(e){(await Promise.resolve().then((()=>Mo)).then((e=>e.default))).registerDialog(this._dialog);const{signal:t}=this._abortController;this._dialog.addEventListener("close",(()=>{this.isOpen=!1}),{signal:t}),this._handleModalOpenStateOnFirstRender(e)}updated(e){this._handleModalOpenStateChanged(e),this._handleIsDismissibleChanged(e)}_handleIsDismissibleChanged(e){const t=e.get("isDismissible"),i=this.isDismissible;!t&&i&&this._removeEscKeyEventListener(),t&&!i&&this._setupEscKeyListener()}_handleModalOpened(e){const{targetModal:t}=e.detail;if(t===this){if(this._dialog.hasAttribute("open")||!this._dialog.isConnected)return;this._dialog.showModal(),requestAnimationFrame((()=>{this._dialog.hasAttribute("open")&&(this._disableBodyScroll(),this._setupEscKeyListener())}))}}_handleModalClosed(e){const{targetModal:t}=e.detail;t===this&&(this._enableBodyScroll(),this._dialog.close(),this._returnFocus(),this._removeEscKeyEventListener())}_setupEscKeyListener(){if(!this._escKeyAbortController&&!this.isDismissible){this._escKeyAbortController=new AbortController;const{signal:e}=this._escKeyAbortController;document.addEventListener("keydown",(e=>this._preventModalKeyboardDismissal(e)),{signal:e})}}_removeEscKeyEventListener(){var e;null==(e=this._escKeyAbortController)||e.abort(),this._escKeyAbortController=null}_handleModalOpenStateOnFirstRender(e){void 0===e.get("isOpen")&&this.isOpen&&Be(this,mi,{targetModal:this})}_handleModalOpenStateChanged(e){const t=e.get("isOpen");void 0!==t&&(t?this._backButtonClicked?(this._backButtonClicked=!1,Be(this,gi,{targetModal:this})):Be(this,ui,{targetModal:this}):Be(this,mi,{targetModal:this}))}_handleActionClick(e){"leading"===e?(this._dialog.close("leading"),Be(this,"pie-modal-leading-action-click",{targetModal:this})):"supporting"===e&&(this._dialog.close("supporting"),Be(this,"pie-modal-supporting-action-click",{targetModal:this}))}_returnFocus(){var e,t;const i=null==(e=this.returnFocusAfterCloseSelector)?void 0:e.trim();i&&(null==(t=document.querySelector(i))||t.focus())}_enableBodyScroll(){this._modalScrollContainer&&bi(this._modalScrollContainer)}_disableBodyScroll(){this._modalScrollContainer&&vi(this._modalScrollContainer)}renderCloseButton(){var e;return this.isDismissible?It`
|
|
2216
168
|
<pie-icon-button
|
|
2217
|
-
@click="${()
|
|
2218
|
-
this.isOpen = !1;
|
|
2219
|
-
}}"
|
|
169
|
+
@click="${()=>{this.isOpen=!1}}"
|
|
2220
170
|
variant="ghost-secondary"
|
|
2221
171
|
class="c-modal-closeBtn"
|
|
2222
|
-
aria-label="${((e
|
|
172
|
+
aria-label="${(null==(e=this.aria)?void 0:e.close)||q}"
|
|
2223
173
|
data-test-id="modal-close-button">
|
|
2224
174
|
<icon-close></icon-close>
|
|
2225
|
-
</pie-icon-button
|
|
2226
|
-
}
|
|
2227
|
-
/**
|
|
2228
|
-
* Template for the back button element. Called within the
|
|
2229
|
-
* main render function.
|
|
2230
|
-
*
|
|
2231
|
-
* @private
|
|
2232
|
-
*/
|
|
2233
|
-
renderBackButton() {
|
|
2234
|
-
var e;
|
|
2235
|
-
return this.hasBackButton ? K`
|
|
175
|
+
</pie-icon-button>`:q}renderBackButton(){var e;return this.hasBackButton?It`
|
|
2236
176
|
<pie-icon-button
|
|
2237
|
-
@click="${()
|
|
2238
|
-
this._backButtonClicked = !0, this.isOpen = !1;
|
|
2239
|
-
}}"
|
|
177
|
+
@click="${()=>{this._backButtonClicked=!0,this.isOpen=!1}}"
|
|
2240
178
|
variant="ghost-secondary"
|
|
2241
179
|
class="c-modal-backBtn"
|
|
2242
|
-
aria-label="${
|
|
180
|
+
aria-label="${Te(null==(e=this.aria)?void 0:e.back)}"
|
|
2243
181
|
data-test-id="modal-back-button">
|
|
2244
|
-
${this.isRTL
|
|
182
|
+
${this.isRTL?It`<icon-chevron-right></icon-chevron-right>`:It`<icon-chevron-left></icon-chevron-left>`}
|
|
2245
183
|
</pie-icon-button>
|
|
2246
|
-
|
|
2247
|
-
}
|
|
2248
|
-
/**
|
|
2249
|
-
* Renders the "leadingAction" button if the text is provided.
|
|
2250
|
-
*
|
|
2251
|
-
* If `leadingAction.text` is not provided, the button is not rendered.
|
|
2252
|
-
* If `leadingAction.variant` is not provided, the default value of "primary" is used.
|
|
2253
|
-
* The (optional) aria-label is read from `leadingAction.ariaLabel`.
|
|
2254
|
-
*
|
|
2255
|
-
* @private
|
|
2256
|
-
*/
|
|
2257
|
-
renderLeadingAction() {
|
|
2258
|
-
const { ariaLabel: e, text: t, variant: r = "primary" } = this.leadingAction || {};
|
|
2259
|
-
return t ? K`
|
|
184
|
+
`:q}renderLeadingAction(){const{ariaLabel:e,text:t,variant:i="primary"}=this.leadingAction||{};return t?It`
|
|
2260
185
|
<pie-button
|
|
2261
|
-
variant="${
|
|
2262
|
-
aria-label="${
|
|
186
|
+
variant="${i}"
|
|
187
|
+
aria-label="${Te(e)}"
|
|
2263
188
|
type="submit"
|
|
2264
189
|
?isFullWidth="${this.hasStackedActions}"
|
|
2265
|
-
@click="${()
|
|
190
|
+
@click="${()=>this._handleActionClick("leading")}"
|
|
2266
191
|
data-test-id="modal-leading-action">
|
|
2267
192
|
${t}
|
|
2268
193
|
</pie-button>
|
|
2269
|
-
|
|
2270
|
-
}
|
|
2271
|
-
/**
|
|
2272
|
-
* Renders the "supportingAction" button if the text is provided.
|
|
2273
|
-
* You cannot have a supporting action without a leading action.
|
|
2274
|
-
*
|
|
2275
|
-
* If either `supportingAction.text` or `leadingAction.text` are not provided, the button is not rendered.
|
|
2276
|
-
* If `supportingAction.variant` is not provided, the default value of "ghost" is used.
|
|
2277
|
-
* The (optional) aria-label is read from `supportingAction.ariaLabel`.
|
|
2278
|
-
*
|
|
2279
|
-
* @private
|
|
2280
|
-
*/
|
|
2281
|
-
renderSupportingAction() {
|
|
2282
|
-
var e;
|
|
2283
|
-
const { ariaLabel: t, text: r, variant: o = "ghost" } = this.supportingAction || {};
|
|
2284
|
-
return !r || !((e = this.leadingAction) != null && e.text) ? x : K`
|
|
194
|
+
`:q}renderSupportingAction(){var e;const{ariaLabel:t,text:i,variant:o="ghost"}=this.supportingAction||{};return i&&null!=(e=this.leadingAction)&&e.text?It`
|
|
2285
195
|
<pie-button
|
|
2286
196
|
variant="${o}"
|
|
2287
|
-
aria-label="${
|
|
197
|
+
aria-label="${Te(t)}"
|
|
2288
198
|
type="reset"
|
|
2289
199
|
?isFullWidth="${this.hasStackedActions}"
|
|
2290
|
-
@click="${()
|
|
200
|
+
@click="${()=>this._handleActionClick("supporting")}"
|
|
2291
201
|
data-test-id="modal-supporting-action">
|
|
2292
|
-
${
|
|
202
|
+
${i}
|
|
2293
203
|
</pie-button>
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
/**
|
|
2297
|
-
* Renders the modal footer if a leading action is provided.
|
|
2298
|
-
* Additionally renders the supporting action if it is provided.
|
|
2299
|
-
*
|
|
2300
|
-
* @private
|
|
2301
|
-
*/
|
|
2302
|
-
renderModalFooter() {
|
|
2303
|
-
var e, t;
|
|
2304
|
-
if (!((e = this.leadingAction) != null && e.text))
|
|
2305
|
-
return (t = this.supportingAction) != null && t.text && console.warn("You cannot have a supporting action without a leading action. If you only need one button then use a leading action instead."), x;
|
|
2306
|
-
const r = {
|
|
2307
|
-
"c-modal-footer": !0,
|
|
2308
|
-
"c-modal-footer--stackedActions": this.hasStackedActions
|
|
2309
|
-
};
|
|
2310
|
-
return K`
|
|
2311
|
-
<footer class="${Z(r)}" data-test-id="pie-modal-footer">
|
|
204
|
+
`:q}renderModalFooter(){var e,t;if(null==(e=this.leadingAction)||!e.text)return null!=(t=this.supportingAction)&&t.text&&console.warn("You cannot have a supporting action without a leading action. If you only need one button then use a leading action instead."),q;const i={"c-modal-footer":!0,"c-modal-footer--stackedActions":this.hasStackedActions};return It`
|
|
205
|
+
<footer class="${Me(i)}" data-test-id="pie-modal-footer">
|
|
2312
206
|
${this.renderLeadingAction()}
|
|
2313
207
|
${this.renderSupportingAction()}
|
|
2314
|
-
</footer
|
|
2315
|
-
}
|
|
2316
|
-
/**
|
|
2317
|
-
* Renders the loading spinner if `isLoading` is true.
|
|
2318
|
-
* @private
|
|
2319
|
-
*/
|
|
2320
|
-
renderLoadingSpinner() {
|
|
2321
|
-
return this.isLoading ? K`<pie-spinner size="xlarge" variant="secondary"></pie-spinner>` : x;
|
|
2322
|
-
}
|
|
2323
|
-
/**
|
|
2324
|
-
* Renders the modal inner content and footer of the modal.
|
|
2325
|
-
* @private
|
|
2326
|
-
*/
|
|
2327
|
-
renderModalContentAndFooter() {
|
|
2328
|
-
return K`
|
|
208
|
+
</footer>`}renderLoadingSpinner(){return this.isLoading?It`<pie-spinner size="xlarge" variant="secondary"></pie-spinner>`:q}renderModalContentAndFooter(){return It`
|
|
2329
209
|
<article class="c-modal-scrollContainer c-modal-content c-modal-content--scrollable">
|
|
2330
210
|
<div class="c-modal-contentInner" data-test-id="modal-content-inner">
|
|
2331
211
|
<slot></slot>
|
|
2332
212
|
</div>
|
|
2333
213
|
${this.renderLoadingSpinner()}
|
|
2334
214
|
</article>
|
|
2335
|
-
${this.renderModalFooter()}
|
|
2336
|
-
|
|
2337
|
-
/**
|
|
2338
|
-
* Renders the modal heading content in the correct heading tag
|
|
2339
|
-
* @private
|
|
2340
|
-
*/
|
|
2341
|
-
renderHeading() {
|
|
2342
|
-
const { heading: e, headingLevel: t } = this, r = cn(t);
|
|
2343
|
-
return K`
|
|
2344
|
-
<${r} class="c-modal-heading">
|
|
215
|
+
${this.renderModalFooter()}`}renderHeading(){const{heading:e,headingLevel:t}=this,i=(e=>({_$litStatic$:e,r:Pt}))(t);return It`
|
|
216
|
+
<${i} class="c-modal-heading">
|
|
2345
217
|
${e}
|
|
2346
|
-
</${
|
|
2347
|
-
|
|
2348
|
-
}
|
|
2349
|
-
render() {
|
|
2350
|
-
const {
|
|
2351
|
-
aria: e,
|
|
2352
|
-
isDismissible: t,
|
|
2353
|
-
isFooterPinned: r,
|
|
2354
|
-
isFullWidthBelowMid: o,
|
|
2355
|
-
isLoading: l,
|
|
2356
|
-
position: d,
|
|
2357
|
-
size: v
|
|
2358
|
-
} = this, h = l && (e == null ? void 0 : e.loading) || void 0, f = {
|
|
2359
|
-
"c-modal": !0,
|
|
2360
|
-
[`c-modal--${v}`]: !0,
|
|
2361
|
-
"c-modal--top": d === "top",
|
|
2362
|
-
"c-modal--dismissible": t,
|
|
2363
|
-
"c-modal--loading": l,
|
|
2364
|
-
"c-modal--pinnedFooter": r,
|
|
2365
|
-
"c-modal--fullWidthBelowMid": o
|
|
2366
|
-
};
|
|
2367
|
-
return K`
|
|
218
|
+
</${i}>
|
|
219
|
+
`}render(){const{aria:e,isDismissible:t,isFooterPinned:i,isFullWidthBelowMid:o,isLoading:n,position:r,size:a}=this,s=n&&(null==e?void 0:e.loading)||void 0;return It`
|
|
2368
220
|
<dialog
|
|
2369
221
|
id="dialog"
|
|
2370
|
-
class="${
|
|
2371
|
-
aria-busy="${
|
|
2372
|
-
aria-label="${
|
|
222
|
+
class="${Me({"c-modal":!0,[`c-modal--${a}`]:!0,"c-modal--top":"top"===r,"c-modal--dismissible":t,"c-modal--loading":n,"c-modal--pinnedFooter":i,"c-modal--fullWidthBelowMid":o})}"
|
|
223
|
+
aria-busy="${n?"true":"false"}"
|
|
224
|
+
aria-label="${Te(s)}"
|
|
2373
225
|
data-test-id="pie-modal">
|
|
2374
226
|
<header class="c-modal-header" data-test-id="modal-header">
|
|
2375
227
|
${this.renderBackButton()}
|
|
2376
228
|
${this.renderHeading()}
|
|
2377
229
|
${this.renderCloseButton()}
|
|
2378
230
|
</header>
|
|
2379
|
-
${
|
|
2380
|
-
r ? this.renderModalContentAndFooter() : K`
|
|
231
|
+
${i?this.renderModalContentAndFooter():It`
|
|
2381
232
|
<div class="c-modal-scrollContainer">
|
|
2382
233
|
${this.renderModalContentAndFooter()}
|
|
2383
234
|
</div>`}
|
|
2384
|
-
</dialog>`;
|
|
2385
|
-
}
|
|
2386
|
-
};
|
|
2387
|
-
io.styles = se(Bn);
|
|
2388
|
-
let N = io;
|
|
2389
|
-
P([
|
|
2390
|
-
p({ type: Object })
|
|
2391
|
-
], N.prototype, "aria");
|
|
2392
|
-
P([
|
|
2393
|
-
p({ type: String }),
|
|
2394
|
-
Lo(at)
|
|
2395
|
-
], N.prototype, "heading");
|
|
2396
|
-
P([
|
|
2397
|
-
p({ type: String }),
|
|
2398
|
-
C(at, Cn, V.headingLevel)
|
|
2399
|
-
], N.prototype, "headingLevel");
|
|
2400
|
-
P([
|
|
2401
|
-
p({ type: Boolean })
|
|
2402
|
-
], N.prototype, "hasBackButton");
|
|
2403
|
-
P([
|
|
2404
|
-
p({ type: Boolean })
|
|
2405
|
-
], N.prototype, "hasStackedActions");
|
|
2406
|
-
P([
|
|
2407
|
-
p({ type: Boolean, reflect: !0 })
|
|
2408
|
-
], N.prototype, "isDismissible");
|
|
2409
|
-
P([
|
|
2410
|
-
p({ type: Boolean })
|
|
2411
|
-
], N.prototype, "isFooterPinned");
|
|
2412
|
-
P([
|
|
2413
|
-
p({ type: Boolean })
|
|
2414
|
-
], N.prototype, "isFullWidthBelowMid");
|
|
2415
|
-
P([
|
|
2416
|
-
p({ type: Boolean, reflect: !0 })
|
|
2417
|
-
], N.prototype, "isLoading");
|
|
2418
|
-
P([
|
|
2419
|
-
p({ type: Boolean })
|
|
2420
|
-
], N.prototype, "isOpen");
|
|
2421
|
-
P([
|
|
2422
|
-
p({ type: Object })
|
|
2423
|
-
], N.prototype, "leadingAction");
|
|
2424
|
-
P([
|
|
2425
|
-
p({ type: String }),
|
|
2426
|
-
C(at, Ln, V.position)
|
|
2427
|
-
], N.prototype, "position");
|
|
2428
|
-
P([
|
|
2429
|
-
p({ type: String })
|
|
2430
|
-
], N.prototype, "returnFocusAfterCloseSelector");
|
|
2431
|
-
P([
|
|
2432
|
-
p({ type: String }),
|
|
2433
|
-
C(at, Mn, V.size)
|
|
2434
|
-
], N.prototype, "size");
|
|
2435
|
-
P([
|
|
2436
|
-
p({ type: Object })
|
|
2437
|
-
], N.prototype, "supportingAction");
|
|
2438
|
-
P([
|
|
2439
|
-
Kt("dialog")
|
|
2440
|
-
], N.prototype, "_dialog");
|
|
2441
|
-
q(at, N);
|
|
2442
|
-
var Nn = Object.defineProperty, oo = (n, e, t, r) => {
|
|
2443
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
2444
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
2445
|
-
return o && Nn(e, t, o), o;
|
|
2446
|
-
};
|
|
2447
|
-
const Pn = "icon-check";
|
|
2448
|
-
class oi extends _e {
|
|
2449
|
-
constructor() {
|
|
2450
|
-
super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--check", this.name = "IconCheck";
|
|
2451
|
-
}
|
|
2452
|
-
render() {
|
|
2453
|
-
return y`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--check"><path d="M5.865 12.489a1.217 1.217 0 0 1-.875-.385L1.875 8.656l.98-.875 3.028 3.369 7.253-7.822.963.875-7.35 7.875c-.113.12-.248.215-.398.282-.15.066-.322.127-.486.129Z"></path></svg>`;
|
|
2454
|
-
}
|
|
2455
|
-
}
|
|
2456
|
-
oo([
|
|
2457
|
-
p({ type: String, reflect: !0 })
|
|
2458
|
-
], oi.prototype, "size");
|
|
2459
|
-
oo([
|
|
2460
|
-
p({ type: String, reflect: !0 })
|
|
2461
|
-
], oi.prototype, "class");
|
|
2462
|
-
q(Pn, oi);
|
|
2463
|
-
(function() {
|
|
2464
|
-
(function(n) {
|
|
2465
|
-
const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), g = /* @__PURE__ */ new WeakMap(), A = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), D = {
|
|
2466
|
-
ariaAtomic: "aria-atomic",
|
|
2467
|
-
ariaAutoComplete: "aria-autocomplete",
|
|
2468
|
-
ariaBusy: "aria-busy",
|
|
2469
|
-
ariaChecked: "aria-checked",
|
|
2470
|
-
ariaColCount: "aria-colcount",
|
|
2471
|
-
ariaColIndex: "aria-colindex",
|
|
2472
|
-
ariaColIndexText: "aria-colindextext",
|
|
2473
|
-
ariaColSpan: "aria-colspan",
|
|
2474
|
-
ariaCurrent: "aria-current",
|
|
2475
|
-
ariaDescription: "aria-description",
|
|
2476
|
-
ariaDisabled: "aria-disabled",
|
|
2477
|
-
ariaExpanded: "aria-expanded",
|
|
2478
|
-
ariaHasPopup: "aria-haspopup",
|
|
2479
|
-
ariaHidden: "aria-hidden",
|
|
2480
|
-
ariaInvalid: "aria-invalid",
|
|
2481
|
-
ariaKeyShortcuts: "aria-keyshortcuts",
|
|
2482
|
-
ariaLabel: "aria-label",
|
|
2483
|
-
ariaLevel: "aria-level",
|
|
2484
|
-
ariaLive: "aria-live",
|
|
2485
|
-
ariaModal: "aria-modal",
|
|
2486
|
-
ariaMultiLine: "aria-multiline",
|
|
2487
|
-
ariaMultiSelectable: "aria-multiselectable",
|
|
2488
|
-
ariaOrientation: "aria-orientation",
|
|
2489
|
-
ariaPlaceholder: "aria-placeholder",
|
|
2490
|
-
ariaPosInSet: "aria-posinset",
|
|
2491
|
-
ariaPressed: "aria-pressed",
|
|
2492
|
-
ariaReadOnly: "aria-readonly",
|
|
2493
|
-
ariaRelevant: "aria-relevant",
|
|
2494
|
-
ariaRequired: "aria-required",
|
|
2495
|
-
ariaRoleDescription: "aria-roledescription",
|
|
2496
|
-
ariaRowCount: "aria-rowcount",
|
|
2497
|
-
ariaRowIndex: "aria-rowindex",
|
|
2498
|
-
ariaRowIndexText: "aria-rowindextext",
|
|
2499
|
-
ariaRowSpan: "aria-rowspan",
|
|
2500
|
-
ariaSelected: "aria-selected",
|
|
2501
|
-
ariaSetSize: "aria-setsize",
|
|
2502
|
-
ariaSort: "aria-sort",
|
|
2503
|
-
ariaValueMax: "aria-valuemax",
|
|
2504
|
-
ariaValueMin: "aria-valuemin",
|
|
2505
|
-
ariaValueNow: "aria-valuenow",
|
|
2506
|
-
ariaValueText: "aria-valuetext",
|
|
2507
|
-
role: "role"
|
|
2508
|
-
}, Ee = (a, i) => {
|
|
2509
|
-
for (let s in D) {
|
|
2510
|
-
i[s] = null;
|
|
2511
|
-
let c = null;
|
|
2512
|
-
const b = D[s];
|
|
2513
|
-
Object.defineProperty(i, s, {
|
|
2514
|
-
get() {
|
|
2515
|
-
return c;
|
|
2516
|
-
},
|
|
2517
|
-
set(u) {
|
|
2518
|
-
c = u, a.isConnected ? a.setAttribute(b, u) : k.set(a, i);
|
|
2519
|
-
}
|
|
2520
|
-
});
|
|
2521
|
-
}
|
|
2522
|
-
};
|
|
2523
|
-
function Le(a) {
|
|
2524
|
-
const i = o.get(a), { form: s } = i;
|
|
2525
|
-
Re(a, s, i), Pe(a, i.labels);
|
|
2526
|
-
}
|
|
2527
|
-
const Te = (a, i = !1) => {
|
|
2528
|
-
const s = document.createTreeWalker(a, NodeFilter.SHOW_ELEMENT, {
|
|
2529
|
-
acceptNode(u) {
|
|
2530
|
-
return o.has(u) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
2531
|
-
}
|
|
2532
|
-
});
|
|
2533
|
-
let c = s.nextNode();
|
|
2534
|
-
const b = !i || a.disabled;
|
|
2535
|
-
for (; c; )
|
|
2536
|
-
c.formDisabledCallback && b && pe(c, a.disabled), c = s.nextNode();
|
|
2537
|
-
}, Oe = { attributes: !0, attributeFilter: ["disabled", "name"] }, te = ne() ? new MutationObserver((a) => {
|
|
2538
|
-
for (const i of a) {
|
|
2539
|
-
const s = i.target;
|
|
2540
|
-
if (i.attributeName === "disabled" && (s.constructor.formAssociated ? pe(s, s.hasAttribute("disabled")) : s.localName === "fieldset" && Te(s)), i.attributeName === "name" && s.constructor.formAssociated) {
|
|
2541
|
-
const c = o.get(s), b = f.get(s);
|
|
2542
|
-
c.setFormValue(b);
|
|
2543
|
-
}
|
|
2544
|
-
}
|
|
2545
|
-
}) : {};
|
|
2546
|
-
function he(a) {
|
|
2547
|
-
a.forEach((i) => {
|
|
2548
|
-
const { addedNodes: s, removedNodes: c } = i, b = Array.from(s), u = Array.from(c);
|
|
2549
|
-
b.forEach((m) => {
|
|
2550
|
-
var E;
|
|
2551
|
-
if (o.has(m) && m.constructor.formAssociated && Le(m), k.has(m)) {
|
|
2552
|
-
const $ = k.get(m);
|
|
2553
|
-
Object.keys(D).filter((S) => $[S] !== null).forEach((S) => {
|
|
2554
|
-
m.setAttribute(D[S], $[S]);
|
|
2555
|
-
}), k.delete(m);
|
|
2556
|
-
}
|
|
2557
|
-
if (T.has(m)) {
|
|
2558
|
-
const $ = T.get(m);
|
|
2559
|
-
m.setAttribute("internals-valid", $.validity.valid.toString()), m.setAttribute("internals-invalid", (!$.validity.valid).toString()), m.setAttribute("aria-invalid", (!$.validity.valid).toString()), T.delete(m);
|
|
2560
|
-
}
|
|
2561
|
-
if (m.localName === "form") {
|
|
2562
|
-
const $ = h.get(m), S = document.createTreeWalker(m, NodeFilter.SHOW_ELEMENT, {
|
|
2563
|
-
acceptNode(ge) {
|
|
2564
|
-
return o.has(ge) && ge.constructor.formAssociated && !($ && $.has(ge)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
2565
|
-
}
|
|
2566
|
-
});
|
|
2567
|
-
let Y = S.nextNode();
|
|
2568
|
-
for (; Y; )
|
|
2569
|
-
Le(Y), Y = S.nextNode();
|
|
2570
|
-
}
|
|
2571
|
-
m.localName === "fieldset" && ((E = te.observe) === null || E === void 0 || E.call(te, m, Oe), Te(m, !0));
|
|
2572
|
-
}), u.forEach((m) => {
|
|
2573
|
-
const E = o.get(m);
|
|
2574
|
-
E && r.get(E) && Ie(E), v.has(m) && v.get(m).disconnect();
|
|
2575
|
-
});
|
|
2576
|
-
});
|
|
2577
|
-
}
|
|
2578
|
-
function gt(a) {
|
|
2579
|
-
a.forEach((i) => {
|
|
2580
|
-
const { removedNodes: s } = i;
|
|
2581
|
-
s.forEach((c) => {
|
|
2582
|
-
const b = w.get(i.target);
|
|
2583
|
-
o.has(c) && He(c), b.disconnect();
|
|
2584
|
-
});
|
|
2585
|
-
});
|
|
2586
|
-
}
|
|
2587
|
-
const ft = (a) => {
|
|
2588
|
-
var i, s;
|
|
2589
|
-
const c = new MutationObserver(gt);
|
|
2590
|
-
!((i = window == null ? void 0 : window.ShadyDOM) === null || i === void 0) && i.inUse && a.mode && a.host && (a = a.host), (s = c.observe) === null || s === void 0 || s.call(c, a, { childList: !0 }), w.set(a, c);
|
|
2591
|
-
};
|
|
2592
|
-
ne() && new MutationObserver(he);
|
|
2593
|
-
const be = {
|
|
2594
|
-
childList: !0,
|
|
2595
|
-
subtree: !0
|
|
2596
|
-
}, pe = (a, i) => {
|
|
2597
|
-
a.toggleAttribute("internals-disabled", i), i ? a.setAttribute("aria-disabled", "true") : a.removeAttribute("aria-disabled"), a.formDisabledCallback && a.formDisabledCallback.apply(a, [i]);
|
|
2598
|
-
}, Ie = (a) => {
|
|
2599
|
-
r.get(a).forEach((i) => {
|
|
2600
|
-
i.remove();
|
|
2601
|
-
}), r.set(a, []);
|
|
2602
|
-
}, Ne = (a, i) => {
|
|
2603
|
-
const s = document.createElement("input");
|
|
2604
|
-
return s.type = "hidden", s.name = a.getAttribute("name"), a.after(s), r.get(i).push(s), s;
|
|
2605
|
-
}, yt = (a, i) => {
|
|
2606
|
-
var s;
|
|
2607
|
-
r.set(i, []), (s = te.observe) === null || s === void 0 || s.call(te, a, Oe);
|
|
2608
|
-
}, Pe = (a, i) => {
|
|
2609
|
-
if (i.length) {
|
|
2610
|
-
Array.from(i).forEach((c) => c.addEventListener("click", a.click.bind(a)));
|
|
2611
|
-
let s = i[0].id;
|
|
2612
|
-
i[0].id || (s = `${i[0].htmlFor}_Label`, i[0].id = s), a.setAttribute("aria-labelledby", s);
|
|
2613
|
-
}
|
|
2614
|
-
}, ie = (a) => {
|
|
2615
|
-
const i = Array.from(a.elements).filter((u) => !u.tagName.includes("-") && u.validity).map((u) => u.validity.valid), s = h.get(a) || [], c = Array.from(s).filter((u) => u.isConnected).map((u) => o.get(u).validity.valid), b = [...i, ...c].includes(!1);
|
|
2616
|
-
a.toggleAttribute("internals-invalid", b), a.toggleAttribute("internals-valid", !b);
|
|
2617
|
-
}, xt = (a) => {
|
|
2618
|
-
ie(oe(a.target));
|
|
2619
|
-
}, wt = (a) => {
|
|
2620
|
-
ie(oe(a.target));
|
|
2621
|
-
}, kt = (a) => {
|
|
2622
|
-
const i = ["button[type=submit]", "input[type=submit]", "button:not([type])"].map((s) => `${s}:not([disabled])`).map((s) => `${s}:not([form])${a.id ? `,${s}[form='${a.id}']` : ""}`).join(",");
|
|
2623
|
-
a.addEventListener("click", (s) => {
|
|
2624
|
-
if (s.target.closest(i)) {
|
|
2625
|
-
const c = h.get(a);
|
|
2626
|
-
if (a.noValidate)
|
|
2627
|
-
return;
|
|
2628
|
-
c.size && Array.from(c).reverse().map((b) => o.get(b).reportValidity()).includes(!1) && s.preventDefault();
|
|
2629
|
-
}
|
|
2630
|
-
});
|
|
2631
|
-
}, $t = (a) => {
|
|
2632
|
-
const i = h.get(a.target);
|
|
2633
|
-
i && i.size && i.forEach((s) => {
|
|
2634
|
-
s.constructor.formAssociated && s.formResetCallback && s.formResetCallback.apply(s);
|
|
2635
|
-
});
|
|
2636
|
-
}, Re = (a, i, s) => {
|
|
2637
|
-
if (i) {
|
|
2638
|
-
const c = h.get(i);
|
|
2639
|
-
if (c)
|
|
2640
|
-
c.add(a);
|
|
2641
|
-
else {
|
|
2642
|
-
const b = /* @__PURE__ */ new Set();
|
|
2643
|
-
b.add(a), h.set(i, b), kt(i), i.addEventListener("reset", $t), i.addEventListener("input", xt), i.addEventListener("change", wt);
|
|
2644
|
-
}
|
|
2645
|
-
d.set(i, { ref: a, internals: s }), a.constructor.formAssociated && a.formAssociatedCallback && setTimeout(() => {
|
|
2646
|
-
a.formAssociatedCallback.apply(a, [i]);
|
|
2647
|
-
}, 0), ie(i);
|
|
2648
|
-
}
|
|
2649
|
-
}, oe = (a) => {
|
|
2650
|
-
let i = a.parentNode;
|
|
2651
|
-
return i && i.tagName !== "FORM" && (i = oe(i)), i;
|
|
2652
|
-
}, O = (a, i, s = DOMException) => {
|
|
2653
|
-
if (!a.constructor.formAssociated)
|
|
2654
|
-
throw new s(i);
|
|
2655
|
-
}, Fe = (a, i, s) => {
|
|
2656
|
-
const c = h.get(a);
|
|
2657
|
-
return c && c.size && c.forEach((b) => {
|
|
2658
|
-
o.get(b)[s]() || (i = !1);
|
|
2659
|
-
}), i;
|
|
2660
|
-
}, He = (a) => {
|
|
2661
|
-
if (a.constructor.formAssociated) {
|
|
2662
|
-
const i = o.get(a), { labels: s, form: c } = i;
|
|
2663
|
-
Pe(a, s), Re(a, c, i);
|
|
2664
|
-
}
|
|
2665
|
-
};
|
|
2666
|
-
function ne() {
|
|
2667
|
-
return typeof MutationObserver < "u";
|
|
2668
|
-
}
|
|
2669
|
-
class At {
|
|
2670
|
-
constructor() {
|
|
2671
|
-
this.badInput = !1, this.customError = !1, this.patternMismatch = !1, this.rangeOverflow = !1, this.rangeUnderflow = !1, this.stepMismatch = !1, this.tooLong = !1, this.tooShort = !1, this.typeMismatch = !1, this.valid = !0, this.valueMissing = !1, Object.seal(this);
|
|
2672
|
-
}
|
|
2673
|
-
}
|
|
2674
|
-
const _t = (a) => (a.badInput = !1, a.customError = !1, a.patternMismatch = !1, a.rangeOverflow = !1, a.rangeUnderflow = !1, a.stepMismatch = !1, a.tooLong = !1, a.tooShort = !1, a.typeMismatch = !1, a.valid = !0, a.valueMissing = !1, a), Et = (a, i, s) => (a.valid = St(i), Object.keys(i).forEach((c) => a[c] = i[c]), s && ie(s), a), St = (a) => {
|
|
2675
|
-
let i = !0;
|
|
2676
|
-
for (let s in a)
|
|
2677
|
-
s !== "valid" && a[s] !== !1 && (i = !1);
|
|
2678
|
-
return i;
|
|
2679
|
-
}, ve = /* @__PURE__ */ new WeakMap();
|
|
2680
|
-
function De(a, i) {
|
|
2681
|
-
a.toggleAttribute(i, !0), a.part && a.part.add(i);
|
|
2682
|
-
}
|
|
2683
|
-
class ue extends Set {
|
|
2684
|
-
static get isPolyfilled() {
|
|
2685
|
-
return !0;
|
|
2686
|
-
}
|
|
2687
|
-
constructor(i) {
|
|
2688
|
-
if (super(), !i || !i.tagName || i.tagName.indexOf("-") === -1)
|
|
2689
|
-
throw new TypeError("Illegal constructor");
|
|
2690
|
-
ve.set(this, i);
|
|
2691
|
-
}
|
|
2692
|
-
add(i) {
|
|
2693
|
-
if (!/^--/.test(i) || typeof i != "string")
|
|
2694
|
-
throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${i} must start with '--'.`);
|
|
2695
|
-
const s = super.add(i), c = ve.get(this), b = `state${i}`;
|
|
2696
|
-
return c.isConnected ? De(c, b) : setTimeout(() => {
|
|
2697
|
-
De(c, b);
|
|
2698
|
-
}), s;
|
|
2699
|
-
}
|
|
2700
|
-
clear() {
|
|
2701
|
-
for (let [i] of this.entries())
|
|
2702
|
-
this.delete(i);
|
|
2703
|
-
super.clear();
|
|
2704
|
-
}
|
|
2705
|
-
delete(i) {
|
|
2706
|
-
const s = super.delete(i), c = ve.get(this);
|
|
2707
|
-
return c.isConnected ? (c.toggleAttribute(`state${i}`, !1), c.part && c.part.remove(`state${i}`)) : setTimeout(() => {
|
|
2708
|
-
c.toggleAttribute(`state${i}`, !1), c.part && c.part.remove(`state${i}`);
|
|
2709
|
-
}), s;
|
|
2710
|
-
}
|
|
2711
|
-
}
|
|
2712
|
-
function Ve(a, i, s, c) {
|
|
2713
|
-
if (s === "a" && !c) throw new TypeError("Private accessor was defined without a getter");
|
|
2714
|
-
if (typeof i == "function" ? a !== i || !c : !i.has(a)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
2715
|
-
return s === "m" ? c : s === "a" ? c.call(a) : c ? c.value : i.get(a);
|
|
2716
|
-
}
|
|
2717
|
-
function zt(a, i, s, c, b) {
|
|
2718
|
-
if (typeof i == "function" ? a !== i || !0 : !i.has(a)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
2719
|
-
return i.set(a, s), s;
|
|
2720
|
-
}
|
|
2721
|
-
var G;
|
|
2722
|
-
class Bt {
|
|
2723
|
-
constructor(i) {
|
|
2724
|
-
G.set(this, void 0), zt(this, G, i);
|
|
2725
|
-
for (let s = 0; s < i.length; s++) {
|
|
2726
|
-
let c = i[s];
|
|
2727
|
-
this[s] = c, c.hasAttribute("name") && (this[c.getAttribute("name")] = c);
|
|
2728
|
-
}
|
|
2729
|
-
Object.freeze(this);
|
|
2730
|
-
}
|
|
2731
|
-
get length() {
|
|
2732
|
-
return Ve(this, G, "f").length;
|
|
2733
|
-
}
|
|
2734
|
-
[(G = /* @__PURE__ */ new WeakMap(), Symbol.iterator)]() {
|
|
2735
|
-
return Ve(this, G, "f")[Symbol.iterator]();
|
|
2736
|
-
}
|
|
2737
|
-
item(i) {
|
|
2738
|
-
return this[i] == null ? null : this[i];
|
|
2739
|
-
}
|
|
2740
|
-
namedItem(i) {
|
|
2741
|
-
return this[i] == null ? null : this[i];
|
|
2742
|
-
}
|
|
2743
|
-
}
|
|
2744
|
-
function Ct() {
|
|
2745
|
-
const a = HTMLFormElement.prototype.checkValidity;
|
|
2746
|
-
HTMLFormElement.prototype.checkValidity = s;
|
|
2747
|
-
const i = HTMLFormElement.prototype.reportValidity;
|
|
2748
|
-
HTMLFormElement.prototype.reportValidity = c;
|
|
2749
|
-
function s(...u) {
|
|
2750
|
-
let m = a.apply(this, u);
|
|
2751
|
-
return Fe(this, m, "checkValidity");
|
|
2752
|
-
}
|
|
2753
|
-
function c(...u) {
|
|
2754
|
-
let m = i.apply(this, u);
|
|
2755
|
-
return Fe(this, m, "reportValidity");
|
|
2756
|
-
}
|
|
2757
|
-
const { get: b } = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "elements");
|
|
2758
|
-
Object.defineProperty(HTMLFormElement.prototype, "elements", {
|
|
2759
|
-
get(...u) {
|
|
2760
|
-
const m = b.call(this, ...u), E = Array.from(h.get(this) || []);
|
|
2761
|
-
if (E.length === 0)
|
|
2762
|
-
return m;
|
|
2763
|
-
const $ = Array.from(m).concat(E).sort((S, Y) => S.compareDocumentPosition ? S.compareDocumentPosition(Y) & 2 ? 1 : -1 : 0);
|
|
2764
|
-
return new Bt($);
|
|
2765
|
-
}
|
|
2766
|
-
});
|
|
2767
|
-
}
|
|
2768
|
-
class je {
|
|
2769
|
-
static get isPolyfilled() {
|
|
2770
|
-
return !0;
|
|
2771
|
-
}
|
|
2772
|
-
constructor(i) {
|
|
2773
|
-
if (!i || !i.tagName || i.tagName.indexOf("-") === -1)
|
|
2774
|
-
throw new TypeError("Illegal constructor");
|
|
2775
|
-
const s = i.getRootNode(), c = new At();
|
|
2776
|
-
this.states = new ue(i), e.set(this, i), t.set(this, c), o.set(i, this), Ee(i, this), yt(i, this), Object.seal(this), s instanceof DocumentFragment && ft(s);
|
|
2777
|
-
}
|
|
2778
|
-
checkValidity() {
|
|
2779
|
-
const i = e.get(this);
|
|
2780
|
-
if (O(i, "Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
|
|
2781
|
-
return !0;
|
|
2782
|
-
const s = t.get(this);
|
|
2783
|
-
if (!s.valid) {
|
|
2784
|
-
const c = new Event("invalid", {
|
|
2785
|
-
bubbles: !1,
|
|
2786
|
-
cancelable: !0,
|
|
2787
|
-
composed: !1
|
|
2788
|
-
});
|
|
2789
|
-
i.dispatchEvent(c);
|
|
2790
|
-
}
|
|
2791
|
-
return s.valid;
|
|
2792
|
-
}
|
|
2793
|
-
get form() {
|
|
2794
|
-
const i = e.get(this);
|
|
2795
|
-
O(i, "Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");
|
|
2796
|
-
let s;
|
|
2797
|
-
return i.constructor.formAssociated === !0 && (s = oe(i)), s;
|
|
2798
|
-
}
|
|
2799
|
-
get labels() {
|
|
2800
|
-
const i = e.get(this);
|
|
2801
|
-
O(i, "Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");
|
|
2802
|
-
const s = i.getAttribute("id"), c = i.getRootNode();
|
|
2803
|
-
return c && s ? c.querySelectorAll(`[for="${s}"]`) : [];
|
|
2804
|
-
}
|
|
2805
|
-
reportValidity() {
|
|
2806
|
-
const i = e.get(this);
|
|
2807
|
-
if (O(i, "Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !this.willValidate)
|
|
2808
|
-
return !0;
|
|
2809
|
-
const s = this.checkValidity(), c = A.get(this);
|
|
2810
|
-
if (c && !i.constructor.formAssociated)
|
|
2811
|
-
throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");
|
|
2812
|
-
return !s && c && (i.focus(), c.focus()), s;
|
|
2813
|
-
}
|
|
2814
|
-
setFormValue(i) {
|
|
2815
|
-
const s = e.get(this);
|
|
2816
|
-
if (O(s, "Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."), Ie(this), i != null && !(i instanceof FormData)) {
|
|
2817
|
-
if (s.getAttribute("name")) {
|
|
2818
|
-
const c = Ne(s, this);
|
|
2819
|
-
c.value = i;
|
|
2820
|
-
}
|
|
2821
|
-
} else i != null && i instanceof FormData && Array.from(i).reverse().forEach(([c, b]) => {
|
|
2822
|
-
if (typeof b == "string") {
|
|
2823
|
-
const u = Ne(s, this);
|
|
2824
|
-
u.name = c, u.value = b;
|
|
2825
|
-
}
|
|
2826
|
-
});
|
|
2827
|
-
f.set(s, i);
|
|
2828
|
-
}
|
|
2829
|
-
setValidity(i, s, c) {
|
|
2830
|
-
const b = e.get(this);
|
|
2831
|
-
if (O(b, "Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."), !i)
|
|
2832
|
-
throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");
|
|
2833
|
-
A.set(this, c);
|
|
2834
|
-
const u = t.get(this), m = {};
|
|
2835
|
-
for (const S in i)
|
|
2836
|
-
m[S] = i[S];
|
|
2837
|
-
Object.keys(m).length === 0 && _t(u);
|
|
2838
|
-
const E = Object.assign(Object.assign({}, u), m);
|
|
2839
|
-
delete E.valid;
|
|
2840
|
-
const { valid: $ } = Et(u, E, this.form);
|
|
2841
|
-
if (!$ && !s)
|
|
2842
|
-
throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");
|
|
2843
|
-
l.set(this, $ ? "" : s), b.isConnected ? (b.toggleAttribute("internals-invalid", !$), b.toggleAttribute("internals-valid", $), b.setAttribute("aria-invalid", `${!$}`)) : T.set(b, this);
|
|
2844
|
-
}
|
|
2845
|
-
get shadowRoot() {
|
|
2846
|
-
const i = e.get(this);
|
|
2847
|
-
return g.get(i) || null;
|
|
2848
|
-
}
|
|
2849
|
-
get validationMessage() {
|
|
2850
|
-
const i = e.get(this);
|
|
2851
|
-
return O(i, "Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."), l.get(this);
|
|
2852
|
-
}
|
|
2853
|
-
get validity() {
|
|
2854
|
-
const i = e.get(this);
|
|
2855
|
-
return O(i, "Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."), t.get(this);
|
|
2856
|
-
}
|
|
2857
|
-
get willValidate() {
|
|
2858
|
-
const i = e.get(this);
|
|
2859
|
-
return O(i, "Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."), !(i.disabled || i.hasAttribute("disabled") || i.hasAttribute("readonly"));
|
|
2860
|
-
}
|
|
2861
|
-
}
|
|
2862
|
-
function Mt() {
|
|
2863
|
-
if (typeof window > "u" || !window.ElementInternals || !HTMLElement.prototype.attachInternals)
|
|
2864
|
-
return !1;
|
|
2865
|
-
class a extends HTMLElement {
|
|
2866
|
-
constructor() {
|
|
2867
|
-
super(), this.internals = this.attachInternals();
|
|
2868
|
-
}
|
|
2869
|
-
}
|
|
2870
|
-
const i = `element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g, "")}`;
|
|
2871
|
-
customElements.define(i, a);
|
|
2872
|
-
const s = new a();
|
|
2873
|
-
return [
|
|
2874
|
-
"shadowRoot",
|
|
2875
|
-
"form",
|
|
2876
|
-
"willValidate",
|
|
2877
|
-
"validity",
|
|
2878
|
-
"validationMessage",
|
|
2879
|
-
"labels",
|
|
2880
|
-
"setFormValue",
|
|
2881
|
-
"setValidity",
|
|
2882
|
-
"checkValidity",
|
|
2883
|
-
"reportValidity"
|
|
2884
|
-
].every((c) => c in s.internals);
|
|
2885
|
-
}
|
|
2886
|
-
let Ue = !1, We = !1;
|
|
2887
|
-
function me(a) {
|
|
2888
|
-
We || (We = !0, window.CustomStateSet = ue, a && (HTMLElement.prototype.attachInternals = function(...i) {
|
|
2889
|
-
const s = a.call(this, i);
|
|
2890
|
-
return s.states = new ue(this), s;
|
|
2891
|
-
}));
|
|
2892
|
-
}
|
|
2893
|
-
function Ke(a = !0) {
|
|
2894
|
-
if (!Ue) {
|
|
2895
|
-
if (Ue = !0, typeof window < "u" && (window.ElementInternals = je), typeof CustomElementRegistry < "u") {
|
|
2896
|
-
const i = CustomElementRegistry.prototype.define;
|
|
2897
|
-
CustomElementRegistry.prototype.define = function(s, c, b) {
|
|
2898
|
-
if (c.formAssociated) {
|
|
2899
|
-
const u = c.prototype.connectedCallback;
|
|
2900
|
-
c.prototype.connectedCallback = function() {
|
|
2901
|
-
z.has(this) || (z.set(this, !0), this.hasAttribute("disabled") && pe(this, !0)), u != null && u.apply(this), He(this);
|
|
2902
|
-
};
|
|
2903
|
-
}
|
|
2904
|
-
i.call(this, s, c, b);
|
|
2905
|
-
};
|
|
2906
|
-
}
|
|
2907
|
-
if (typeof HTMLElement < "u" && (HTMLElement.prototype.attachInternals = function() {
|
|
2908
|
-
if (this.tagName) {
|
|
2909
|
-
if (this.tagName.indexOf("-") === -1)
|
|
2910
|
-
throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");
|
|
2911
|
-
} else return {};
|
|
2912
|
-
if (o.has(this))
|
|
2913
|
-
throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");
|
|
2914
|
-
return new je(this);
|
|
2915
|
-
}), typeof Element < "u") {
|
|
2916
|
-
let i = function(...c) {
|
|
2917
|
-
const b = s.apply(this, c);
|
|
2918
|
-
if (g.set(this, b), ne()) {
|
|
2919
|
-
const u = new MutationObserver(he);
|
|
2920
|
-
window.ShadyDOM ? u.observe(this, be) : u.observe(b, be), v.set(this, u);
|
|
2921
|
-
}
|
|
2922
|
-
return b;
|
|
2923
|
-
};
|
|
2924
|
-
const s = Element.prototype.attachShadow;
|
|
2925
|
-
Element.prototype.attachShadow = i;
|
|
2926
|
-
}
|
|
2927
|
-
ne() && typeof document < "u" && new MutationObserver(he).observe(document.documentElement, be), typeof HTMLFormElement < "u" && Ct(), (a || typeof window < "u" && !window.CustomStateSet) && me();
|
|
2928
|
-
}
|
|
2929
|
-
}
|
|
2930
|
-
return customElements.polyfillWrapFlushCallback || (Mt() ? typeof window < "u" && !window.CustomStateSet && me(HTMLElement.prototype.attachInternals) : Ke(!1)), n.forceCustomStateSetPolyfill = me, n.forceElementInternalsPolyfill = Ke, Object.defineProperty(n, "__esModule", { value: !0 }), n;
|
|
2931
|
-
})({});
|
|
2932
|
-
})();
|
|
2933
|
-
const Rn = "*,*:after,*:before{box-sizing:inherit}*,*:before,*:after{cursor:inherit}.c-switch-wrapper{display:inline-flex;align-items:center;gap:var(--dt-spacing-b);font-family:var(--dt-font-body-l-family);cursor:pointer}.c-switch-wrapper[disabled]{cursor:not-allowed}.c-switch{--int-states-mixin-bg-color: var(--dt-color-interactive-form);--switch-bg-color--checked: var(--dt-color-interactive-brand);--switch-bg-color--disabled: var(--dt-color-disabled-01);--switch-width: 48px;--switch-height: 24px;--switch-control-size: 20px;--switch-padding: 2px;--switch-radius: var(--dt-radius-rounded-e);--switch-translation: calc(var(--switch-width) - var(--switch-control-size) - 2 * var(--switch-padding));position:relative;display:flex;width:var(--switch-width);height:var(--switch-height);flex-shrink:0;padding:var(--switch-padding);border-radius:var(--switch-radius);background-color:var(--int-states-mixin-bg-color)}@media (prefers-reduced-motion: no-preference){.c-switch{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--hover-modifier)))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-form))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-form))}}.c-switch:focus,.c-switch:focus-within{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.c-switch[checked]{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch[checked]{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}[disabled] .c-switch{--int-states-mixin-bg-color: var(--switch-bg-color--disabled);pointer-events:none}.c-switch-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;left:50%;transform:translate(-50%) translateY(-50%);bottom:0}.c-switch-input:disabled{background-color:transparent}.c-switch-control{position:absolute;left:2px;width:var(--switch-control-size);height:var(--switch-control-size);border-radius:var(--switch-radius);background-color:var(--dt-color-interactive-light);padding:var(--switch-padding)}@media (prefers-reduced-motion: no-preference){.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-wrapper--rtl .c-switch-control{position:absolute;left:initial;right:2px}.c-switch-input:checked+.c-switch-control{transform:translate(var(--switch-translation))}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:checked+.c-switch-control .c-pieIcon--check{color:var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:disabled~.c-switch-control{color:var(--switch-bg-color--disabled)}.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{color:var(--switch-bg-color--disabled)}@media (prefers-reduced-motion: no-preference){.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-label{color:var(--dt-color-content-default)}.c-switch-description{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transform:translate(calc(-1 * var(--switch-translation)))}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}", Fn = ["leading", "trailing"], ze = {
|
|
2934
|
-
checked: !1,
|
|
2935
|
-
disabled: !1,
|
|
2936
|
-
labelPlacement: "leading",
|
|
2937
|
-
required: !1,
|
|
2938
|
-
value: "on"
|
|
2939
|
-
};
|
|
2940
|
-
var Hn = Object.defineProperty, Q = (n, e, t, r) => {
|
|
2941
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
2942
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
2943
|
-
return o && Hn(e, t, o), o;
|
|
2944
|
-
};
|
|
2945
|
-
const no = "pie-switch", ro = class extends Ri(Pi(j)) {
|
|
2946
|
-
constructor() {
|
|
2947
|
-
super(...arguments), this.labelPlacement = ze.labelPlacement, this.checked = ze.checked, this.required = ze.required, this.value = ze.value, this.disabled = ze.disabled;
|
|
2948
|
-
}
|
|
2949
|
-
firstUpdated() {
|
|
2950
|
-
this.handleFormAssociation(), this.input.addEventListener("invalid", (e) => {
|
|
2951
|
-
this.dispatchEvent(new Event("invalid", e));
|
|
2952
|
-
});
|
|
2953
|
-
}
|
|
2954
|
-
updated() {
|
|
2955
|
-
this.handleFormAssociation();
|
|
2956
|
-
}
|
|
2957
|
-
/**
|
|
2958
|
-
* Ensures that the form value and validation state are in sync with the component.
|
|
2959
|
-
*/
|
|
2960
|
-
handleFormAssociation() {
|
|
2961
|
-
this._internals.form && this.name && this.value && (this.disabled ? (this._internals.setFormValue(null), this._internals.setValidity({})) : this.checked ? (this._internals.setFormValue(this.value), this._internals.setValidity({})) : (this._internals.setFormValue(null), this._internals.setValidity(this.validity, this.validationMessage, this.input)));
|
|
2962
|
-
}
|
|
2963
|
-
/**
|
|
2964
|
-
* The handleChange function updates the checkbox state and emits an event for consumers.
|
|
2965
|
-
* @param {Event} event - This should be the change event that was listened for on an input element with `type="checkbox"`.
|
|
2966
|
-
*/
|
|
2967
|
-
handleChange(e) {
|
|
2968
|
-
const { checked: t } = e == null ? void 0 : e.currentTarget;
|
|
2969
|
-
this.checked = t;
|
|
2970
|
-
const r = To(e);
|
|
2971
|
-
this.dispatchEvent(r), this.handleFormAssociation();
|
|
2972
|
-
}
|
|
2973
|
-
/**
|
|
2974
|
-
* Returns a boolean value which indicates validity of the value of the component. If the value is invalid, this method also fires the invalid event on the component.
|
|
2975
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
|
|
2976
|
-
* @returns boolean
|
|
2977
|
-
*/
|
|
2978
|
-
checkValidity() {
|
|
2979
|
-
return this.input.checkValidity();
|
|
2980
|
-
}
|
|
2981
|
-
/**
|
|
2982
|
-
* If the value is invalid, this method also fires the invalid event on the element, and (if the event isn't canceled) reports the problem to the user.
|
|
2983
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
|
|
2984
|
-
* @returns boolean
|
|
2985
|
-
*/
|
|
2986
|
-
reportValidity() {
|
|
2987
|
-
return this.input.reportValidity();
|
|
2988
|
-
}
|
|
2989
|
-
/**
|
|
2990
|
-
* Allows a consumer to set a custom validation message on the switch. An empty string counts as valid.
|
|
2991
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
|
|
2992
|
-
*/
|
|
2993
|
-
setCustomValidity(e) {
|
|
2994
|
-
this.input.setCustomValidity(e), this._internals.setValidity(this.validity, this.validationMessage, this.input);
|
|
2995
|
-
}
|
|
2996
|
-
/**
|
|
2997
|
-
* (Read-only) returns a ValidityState with the validity states that this element is in.
|
|
2998
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validity
|
|
2999
|
-
*/
|
|
3000
|
-
get validity() {
|
|
3001
|
-
return this.input.validity;
|
|
3002
|
-
}
|
|
3003
|
-
/**
|
|
3004
|
-
* (Read-only) Returns a string representing a localized message that describes the validation constraints that the control does not satisfy (if any).
|
|
3005
|
-
* This string is empty if the component is valid.
|
|
3006
|
-
* https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage
|
|
3007
|
-
*/
|
|
3008
|
-
get validationMessage() {
|
|
3009
|
-
return this.input.validationMessage;
|
|
3010
|
-
}
|
|
3011
|
-
/**
|
|
3012
|
-
* If a label is provided, renders it if `labelPlacement` matches the given position.
|
|
3013
|
-
* If no label is provided, or `labelPlacement` does not match the given position, nothing is rendered.
|
|
3014
|
-
*
|
|
3015
|
-
* @private
|
|
3016
|
-
*/
|
|
3017
|
-
renderSwitchLabel(e) {
|
|
3018
|
-
const { label: t, labelPlacement: r } = this;
|
|
3019
|
-
return !t || r !== e ? x : y`
|
|
235
|
+
</dialog>`}};Ti.styles=s('*,*:after,*:before{box-sizing:inherit}dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:#fff;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001a}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}.c-modal{--modal-size-s: 450px;--modal-size-m: 600px;--modal-size-l: 1080px;--modal-border-radius: var(--dt-radius-rounded-d);--modal-font: var(--dt-font-interactive-l-family);--modal-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-04);position:fixed;top:0;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);color:var(--dt-color-content-default);background-color:var(--modal-bg-color);padding:0;--modal-margin-none: var(--dt-spacing-none);--modal-margin-small: var(--dt-spacing-g);--modal-margin-large: var(--dt-spacing-j);--modal-margin-block: var(--modal-margin-small);--modal-block-size: fit-content;--modal-inline-size: 75%;--modal-max-block-size: calc(100vh - calc(var(--modal-margin-block) * 2));--modal-max-inline-size: var(--modal-size-m);block-size:var(--modal-block-size);inline-size:var(--modal-inline-size);max-block-size:var(--modal-max-block-size);max-inline-size:var(--modal-max-inline-size)}.c-modal:focus-visible{outline:none}@media (max-width: 767px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal[open]{display:flex;flex-direction:column}@media (min-width: 769px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.c-modal.c-modal--small{--modal-max-inline-size: var(--modal-size-s)}@media (min-width: 769px){.c-modal.c-modal--small{--modal-margin-block: var(--modal-margin-large)}}.c-modal.c-modal--large{--modal-inline-size: 75%;--modal-max-inline-size: var(--modal-size-l);--modal-margin-block: var(--modal-margin-large)}@media (max-width: 767px){.c-modal.c-modal--large,.c-modal.c-modal--medium.c-modal--fullWidthBelowMid{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%;--modal-max-inline-size: 100%}.c-modal.c-modal--large>.c-modal-scrollContainer,.c-modal.c-modal--medium.c-modal--fullWidthBelowMid>.c-modal-scrollContainer{block-size:100%}}.c-modal.c-modal--top{margin-block-start:var(--dt-spacing-j);max-block-size:calc(100% - var(--dt-spacing-j) * 2)}@media (max-width: 767px){.c-modal.c-modal--top.c-modal--large,.c-modal.c-modal--top.c-modal--fullWidthBelowMid.c-modal--medium{margin-block-start:var(--dt-spacing-none);max-block-size:100%}}.c-modal::backdrop{background:var(--dt-color-overlay)}@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){.c-modal::backdrop{background:#0000008c}}.c-modal .c-modal-footer{--modal-button-spacing: var(--dt-spacing-d);--modal-footer-padding: var(--dt-spacing-d);display:flex;flex-flow:row-reverse;flex-wrap:wrap;gap:var(--modal-button-spacing);padding:var(--modal-footer-padding)}@media (min-width: 769px){.c-modal .c-modal-footer{--modal-footer-padding: var(--dt-spacing-e)}}@media (max-width: 767px){.c-modal .c-modal-footer.c-modal-footer--stackedActions{flex-direction:column}}.c-modal .c-modal-header{display:grid;grid-template-areas:"back heading close";grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:start}.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--narrow) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--narrow) * 1px);--modal-header-font-weight: var(--dt-font-heading-m-weight);font-size:var(--modal-header-font-size);line-height:var(--modal-header-font-line-height);font-weight:var(--modal-header-font-weight);margin:0;grid-area:heading;margin-inline-start:var(--dt-spacing-d);margin-inline-end:var(--dt-spacing-d);margin-block:14px}@media (min-width: 769px){.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--wide) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--wide) * 1px);margin-inline-start:var(--dt-spacing-e);margin-inline-end:var(--dt-spacing-e);margin-block:20px}}.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-b)}@media (min-width: 769px){.c-modal .c-modal-backBtn+.c-modal-heading{margin-inline-start:var(--dt-spacing-c)}}.c-modal.c-modal--dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-d)}@media (min-width: 769px){.c-modal.c-modal--dismissible .c-modal-heading{margin-inline-end:var(--dt-spacing-e)}}.c-modal .c-modal-backBtn{grid-area:back;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-b);margin-inline-end:var(--dt-spacing-none)}@media (min-width: 769px){.c-modal .c-modal-backBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-c);margin-inline-end:var(--dt-spacing-none)}}.c-modal .c-modal-closeBtn{grid-area:close;margin-block-start:var(--dt-spacing-b);margin-block-end:var(--dt-spacing-b);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-b)}@media (min-width: 769px){.c-modal .c-modal-closeBtn{margin-block-start:var(--dt-spacing-c);margin-block-end:var(--dt-spacing-c);margin-inline-start:var(--dt-spacing-none);margin-inline-end:var(--dt-spacing-c)}}.c-modal .c-modal-content{--modal-content-font-size: calc(var(--dt-font-size-16) * 1px);--modal-content-font-weight: var(--dt-font-weight-regular);--modal-content-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--modal-content-padding-block: var(--dt-spacing-a);--modal-content-padding-inline: var(--dt-spacing-d);--modal-content-padding-block-end: var(--dt-spacing-e);--modal-content-min-block-size: var(--dt-spacing-j);position:relative;min-block-size:calc(var(--modal-content-min-block-size) + var(--modal-content-padding-block) + var(--modal-content-padding-block-end));font-size:var(--modal-content-font-size);line-height:var(--modal-content-line-height);font-weight:var(--modal-content-font-weight);padding-inline-start:var(--modal-content-padding-inline);padding-inline-end:var(--modal-content-padding-inline);padding-block-start:var(--modal-content-padding-block);padding-block-end:var(--modal-content-padding-block-end);flex-grow:1}@media (min-width: 769px){.c-modal .c-modal-content{--modal-content-padding-inline: var(--dt-spacing-e)}}.c-modal .c-modal-content:not(:last-child){padding-block-end:var(--modal-content-padding-block);min-block-size:var(--modal-content-min-block-size)}.c-modal .c-modal-content--scrollable{background:linear-gradient(to bottom,transparent,var(--dt-color-container-default) 75%) center bottom,linear-gradient(transparent,var(--dt-color-border-strong)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 12px;background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer{display:flex;flex-direction:column;overflow-y:auto;--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--dt-color-container-default) 70%) 0 100%;--bg-scroll-bottom: radial-gradient(farthest-corner at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;--bg-size-scroll-end: 100% 40px;--bg-size-scroll-bottom: 100% 8px;background:var(--bg-scroll-end),var(--bg-scroll-bottom);background-repeat:no-repeat;background-size:var(--bg-size-scroll-end),var(--bg-size-scroll-bottom);background-attachment:local,scroll}.c-modal>.c-modal-scrollContainer .c-modal-content{flex-shrink:0}.c-modal.c-modal--pinnedFooter .c-modal-content{overflow-y:auto}.c-modal.c-modal--loading .c-modal-content pie-spinner{position:absolute;left:50%;top:calc(50% - (var(--modal-content-padding-block-end) - var(--modal-content-padding-block)) / 2);transform:translate(-50%,-50%)}.c-modal.c-modal--loading .c-modal-content .c-modal-contentInner{display:none}.c-modal.c-modal--loading .c-modal-content:not(:last-child) pie-spinner{top:50%}@supports not (aspect-ratio: 1/1){.c-modal .c-modal-scrollContainer{background:none}}');let Oi=Ti;Ci([ve({type:Object})],Oi.prototype,"aria"),Ci([ve({type:String}),(e=>function(t,i){const o=`#${i}`;Object.defineProperty(t,i,{get(){return this[o]},set(t){(null==t||"string"==typeof t&&""===t.trim())&&console.error(`<${e}> Missing required attribute "${i}"`),this[o]=t},configurable:!0})})(Mi)],Oi.prototype,"heading"),Ci([ve({type:String}),Oe(Mi,["h1","h2","h3","h4","h5","h6"],ki)],Oi.prototype,"headingLevel"),Ci([ve({type:Boolean})],Oi.prototype,"hasBackButton"),Ci([ve({type:Boolean})],Oi.prototype,"hasStackedActions"),Ci([ve({type:Boolean,reflect:!0})],Oi.prototype,"isDismissible"),Ci([ve({type:Boolean})],Oi.prototype,"isFooterPinned"),Ci([ve({type:Boolean})],Oi.prototype,"isFullWidthBelowMid"),Ci([ve({type:Boolean,reflect:!0})],Oi.prototype,"isLoading"),Ci([ve({type:Boolean})],Oi.prototype,"isOpen"),Ci([ve({type:Object})],Oi.prototype,"leadingAction"),Ci([ve({type:String}),Oe(Mi,["top","center"],Si)],Oi.prototype,"position"),Ci([ve({type:String})],Oi.prototype,"returnFocusAfterCloseSelector"),Ci([ve({type:String}),Oe(Mi,["small","medium","large"],$i)],Oi.prototype,"size"),Ci([ve({type:Object})],Oi.prototype,"supportingAction"),Ci([me("dialog")],Oi.prototype,"_dialog"),Le(Mi,Oi);var Li=Object.defineProperty,Bi=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Li(t,i,r),r};class Pi extends Kt{constructor(){super(...arguments),this.size="xs",this.class="c-pieIcon c-pieIcon--check",this.name="IconCheck"}render(){return W`<svg width="${this._svgWidth}" height="${this._svgHeight}" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" fill="currentColor" viewBox="0 0 16 16" class="c-pieIcon c-pieIcon--check"><path d="M5.865 12.489a1.217 1.217 0 0 1-.875-.385L1.875 8.656l.98-.875 3.028 3.369 7.253-7.822.963.875-7.35 7.875c-.113.12-.248.215-.398.282-.15.066-.322.127-.486.129Z"></path></svg>`}}Bi([ve({type:String,reflect:!0})],Pi.prototype,"size"),Bi([ve({type:String,reflect:!0})],Pi.prototype,"class"),Le("icon-check",Pi),function(e){const t=new WeakMap,i=new WeakMap,o=new WeakMap,n=new WeakMap,r=new WeakMap,a=new WeakMap,s=new WeakMap,l=new WeakMap,c=new WeakMap,d=new WeakMap,h=new WeakMap,p=new WeakMap,v=new WeakMap,b=new WeakMap,u=new WeakMap,m={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"};function g(e){const t=n.get(e),{form:i}=t;O(e,i,t),$(e,t.labels)}const f=(e,t=!1)=>{const i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>n.has(e)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let o=i.nextNode();const r=!t||e.disabled;for(;o;)o.formDisabledCallback&&r&&_(o,e.disabled),o=i.nextNode()},y={attributes:!0,attributeFilter:["disabled","name"]},k=j()?new MutationObserver((e=>{for(const t of e){const e=t.target;if("disabled"===t.attributeName&&(e.constructor.formAssociated?_(e,e.hasAttribute("disabled")):"fieldset"===e.localName&&f(e)),"name"===t.attributeName&&e.constructor.formAssociated){const t=n.get(e),i=c.get(e);t.setFormValue(i)}}})):{};function w(e){e.forEach((e=>{const{addedNodes:t,removedNodes:i}=e,r=Array.from(t),a=Array.from(i);r.forEach((e=>{var t;if(n.has(e)&&e.constructor.formAssociated&&g(e),d.has(e)){const t=d.get(e);Object.keys(m).filter((e=>null!==t[e])).forEach((i=>{e.setAttribute(m[i],t[i])})),d.delete(e)}if(u.has(e)){const t=u.get(e);e.setAttribute("internals-valid",t.validity.valid.toString()),e.setAttribute("internals-invalid",(!t.validity.valid).toString()),e.setAttribute("aria-invalid",(!t.validity.valid).toString()),u.delete(e)}if("form"===e.localName){const t=l.get(e),i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>!n.has(e)||!e.constructor.formAssociated||t&&t.has(e)?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT});let o=i.nextNode();for(;o;)g(o),o=i.nextNode()}"fieldset"===e.localName&&(null===(t=k.observe)||void 0===t||t.call(k,e,y),f(e,!0))})),a.forEach((e=>{const t=n.get(e);t&&o.get(t)&&z(t),s.has(e)&&s.get(e).disconnect()}))}))}function x(e){e.forEach((e=>{const{removedNodes:t}=e;t.forEach((t=>{const i=v.get(e.target);n.has(t)&&N(t),i.disconnect()}))}))}j()&&new MutationObserver(w);const A={childList:!0,subtree:!0},_=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},z=e=>{o.get(e).forEach((e=>{e.remove()})),o.set(e,[])},S=(e,t)=>{const i=document.createElement("input");return i.type="hidden",i.name=e.getAttribute("name"),e.after(i),o.get(t).push(i),i},$=(e,t)=>{if(t.length){Array.from(t).forEach((t=>t.addEventListener("click",e.click.bind(e))));let i=t[0].id;t[0].id||(i=`${t[0].htmlFor}_Label`,t[0].id=i),e.setAttribute("aria-labelledby",i)}},E=e=>{const t=Array.from(e.elements).filter((e=>!e.tagName.includes("-")&&e.validity)).map((e=>e.validity.valid)),i=l.get(e)||[],o=[...t,...Array.from(i).filter((e=>e.isConnected)).map((e=>n.get(e).validity.valid))].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},C=e=>{E(L(e.target))},M=e=>{E(L(e.target))},T=e=>{const t=l.get(e.target);t&&t.size&&t.forEach((e=>{e.constructor.formAssociated&&e.formResetCallback&&e.formResetCallback.apply(e)}))},O=(e,t,i)=>{if(t){const o=l.get(t);if(o)o.add(e);else{const i=new Set;i.add(e),l.set(t,i),(e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map((e=>`${e}:not([disabled])`)).map((t=>`${t}:not([form])${e.id?`,${t}[form='${e.id}']`:""}`)).join(",");e.addEventListener("click",(i=>{if(i.target.closest(t)){const t=l.get(e);if(e.noValidate)return;t.size&&Array.from(t).reverse().map((e=>n.get(e).reportValidity())).includes(!1)&&i.preventDefault()}}))})(t),t.addEventListener("reset",T),t.addEventListener("input",C),t.addEventListener("change",M)}a.set(t,{ref:e,internals:i}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout((()=>{e.formAssociatedCallback.apply(e,[t])}),0),E(t)}},L=e=>{let t=e.parentNode;return t&&"FORM"!==t.tagName&&(t=L(t)),t},B=(e,t,i=DOMException)=>{if(!e.constructor.formAssociated)throw new i(t)},P=(e,t,i)=>{const o=l.get(e);return o&&o.size&&o.forEach((e=>{n.get(e)[i]()||(t=!1)})),t},N=e=>{if(e.constructor.formAssociated){const t=n.get(e),{labels:i,form:o}=t;$(e,i),O(e,o,t)}};function j(){return typeof MutationObserver<"u"}class I{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const D=e=>{let t=!0;for(let i in e)"valid"!==i&&!1!==e[i]&&(t=!1);return t},F=new WeakMap;function R(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class H extends Set{static get isPolyfilled(){return!0}constructor(e){if(super(),!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");F.set(this,e)}add(e){if(!/^--/.test(e)||"string"!=typeof e)throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${e} must start with '--'.`);const t=super.add(e),i=F.get(this),o=`state${e}`;return i.isConnected?R(i,o):setTimeout((()=>{R(i,o)})),t}clear(){for(let[e]of this.entries())this.delete(e);super.clear()}delete(e){const t=super.delete(e),i=F.get(this);return i.isConnected?(i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)):setTimeout((()=>{i.toggleAttribute(`state${e}`,!1),i.part&&i.part.remove(`state${e}`)})),t}}function V(e,t,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(e):o?o.value:t.get(e)}var W;class U{constructor(e){W.set(this,void 0),function(e,t,i){if("function"==typeof t||!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");t.set(e,i)}(this,W,e);for(let t=0;t<e.length;t++){let i=e[t];this[t]=i,i.hasAttribute("name")&&(this[i.getAttribute("name")]=i)}Object.freeze(this)}get length(){return V(this,W,"f").length}[(W=new WeakMap,Symbol.iterator)](){return V(this,W,"f")[Symbol.iterator]()}item(e){return null==this[e]?null:this[e]}namedItem(e){return null==this[e]?null:this[e]}}class q{static get isPolyfilled(){return!0}constructor(e){if(!e||!e.tagName||-1===e.tagName.indexOf("-"))throw new TypeError("Illegal constructor");const r=e.getRootNode(),a=new I;this.states=new H(e),t.set(this,e),i.set(this,a),n.set(e,this),((e,t)=>{for(let i in m){t[i]=null;let o=null;const n=m[i];Object.defineProperty(t,i,{get:()=>o,set(i){o=i,e.isConnected?e.setAttribute(n,i):d.set(e,t)}})}})(e,this),((e,t)=>{var i;o.set(t,[]),null===(i=k.observe)||void 0===i||i.call(k,e,y)})(e,this),Object.seal(this),r instanceof DocumentFragment&&(e=>{var t,i;const o=new MutationObserver(x);!(null===(t=null==window?void 0:window.ShadyDOM)||void 0===t)&&t.inUse&&e.mode&&e.host&&(e=e.host),null===(i=o.observe)||void 0===i||i.call(o,e,{childList:!0}),v.set(e,o)})(r)}checkValidity(){const e=t.get(this);if(B(e,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const o=i.get(this);if(!o.valid){const t=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});e.dispatchEvent(t)}return o.valid}get form(){const e=t.get(this);let i;return B(e,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element."),!0===e.constructor.formAssociated&&(i=L(e)),i}get labels(){const e=t.get(this);B(e,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const i=e.getAttribute("id"),o=e.getRootNode();return o&&i?o.querySelectorAll(`[for="${i}"]`):[]}reportValidity(){const e=t.get(this);if(B(e,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=this.checkValidity(),o=p.get(this);if(o&&!e.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!i&&o&&(e.focus(),o.focus()),i}setFormValue(e){const i=t.get(this);B(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),z(this),null==e||e instanceof FormData?null!=e&&e instanceof FormData&&Array.from(e).reverse().forEach((([e,t])=>{if("string"==typeof t){const o=S(i,this);o.name=e,o.value=t}})):i.getAttribute("name")&&(S(i,this).value=e),c.set(i,e)}setValidity(e,o,n){const a=t.get(this);if(B(a,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!e)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");p.set(this,n);const s=i.get(this),l={};for(const t in e)l[t]=e[t];0===Object.keys(l).length&&(e=>{e.badInput=!1,e.customError=!1,e.patternMismatch=!1,e.rangeOverflow=!1,e.rangeUnderflow=!1,e.stepMismatch=!1,e.tooLong=!1,e.tooShort=!1,e.typeMismatch=!1,e.valid=!0,e.valueMissing=!1})(s);const c=Object.assign(Object.assign({},s),l);delete c.valid;const{valid:d}=((e,t,i)=>(e.valid=D(t),Object.keys(t).forEach((i=>e[i]=t[i])),i&&E(i),e))(s,c,this.form);if(!d&&!o)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");r.set(this,d?"":o),a.isConnected?(a.toggleAttribute("internals-invalid",!d),a.toggleAttribute("internals-valid",d),a.setAttribute("aria-invalid",`${!d}`)):u.set(a,this)}get shadowRoot(){const e=t.get(this);return h.get(e)||null}get validationMessage(){const e=t.get(this);return B(e,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),r.get(this)}get validity(){const e=t.get(this);return B(e,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),i.get(this)}get willValidate(){const e=t.get(this);return B(e,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(e.disabled||e.hasAttribute("disabled")||e.hasAttribute("readonly"))}}let K=!1,G=!1;function Z(e){G||(G=!0,window.CustomStateSet=H,e&&(HTMLElement.prototype.attachInternals=function(...t){const i=e.call(this,t);return i.states=new H(this),i}))}function Y(e=!0){if(!K){if(K=!0,typeof window<"u"&&(window.ElementInternals=q),typeof CustomElementRegistry<"u"){const e=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(t,i,o){if(i.formAssociated){const e=i.prototype.connectedCallback;i.prototype.connectedCallback=function(){b.has(this)||(b.set(this,!0),this.hasAttribute("disabled")&&_(this,!0)),null!=e&&e.apply(this),N(this)}}e.call(this,t,i,o)}}if(typeof HTMLElement<"u"&&(HTMLElement.prototype.attachInternals=function(){if(!this.tagName)return{};if(-1===this.tagName.indexOf("-"))throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.");if(n.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new q(this)}),typeof Element<"u"){let e=function(...e){const i=t.apply(this,e);if(h.set(this,i),j()){const e=new MutationObserver(w);window.ShadyDOM?e.observe(this,A):e.observe(i,A),s.set(this,e)}return i};const t=Element.prototype.attachShadow;Element.prototype.attachShadow=e}j()&&typeof document<"u"&&new MutationObserver(w).observe(document.documentElement,A),typeof HTMLFormElement<"u"&&function(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=function(...t){let i=e.apply(this,t);return P(this,i,"checkValidity")};const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=function(...e){let i=t.apply(this,e);return P(this,i,"reportValidity")};const{get:i}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...e){const t=i.call(this,...e),o=Array.from(l.get(this)||[]);if(0===o.length)return t;const n=Array.from(t).concat(o).sort(((e,t)=>e.compareDocumentPosition?2&e.compareDocumentPosition(t)?1:-1:0));return new U(n)}})}(),(e||typeof window<"u"&&!window.CustomStateSet)&&Z()}}!!customElements.polyfillWrapFlushCallback||(function(){if(typeof window>"u"||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const i=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every((e=>e in i.internals))}()?typeof window<"u"&&!window.CustomStateSet&&Z(HTMLElement.prototype.attachInternals):Y(!1)),e.forceCustomStateSetPolyfill=Z,e.forceElementInternalsPolyfill=Y,Object.defineProperty(e,"__esModule",{value:!0})}({});const Ni=!1,ji=!1,Ii="leading",Di=!1,Fi="on";var Ri=Object.defineProperty,Hi=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&Ri(t,i,r),r};const Vi="pie-switch",Wi=class extends(Ne(Pe(ce))){constructor(){super(...arguments),this.labelPlacement=Ii,this.checked=Ni,this.required=Di,this.value=Fi,this.disabled=ji}firstUpdated(){this.handleFormAssociation(),this.input.addEventListener("invalid",(e=>{this.dispatchEvent(new Event("invalid",e))}))}updated(){this.handleFormAssociation()}handleFormAssociation(){this._internals.form&&this.name&&this.value&&(this.disabled?(this._internals.setFormValue(null),this._internals.setValidity({})):this.checked?(this._internals.setFormValue(this.value),this._internals.setValidity({})):(this._internals.setFormValue(null),this._internals.setValidity(this.validity,this.validationMessage,this.input)))}handleChange(e){const{checked:t}=null==e?void 0:e.currentTarget;this.checked=t;const i=function(e){return new CustomEvent(e.type,{detail:{sourceEvent:e},bubbles:e.bubbles,cancelable:e.cancelable})}(e);this.dispatchEvent(i),this.handleFormAssociation()}checkValidity(){return this.input.checkValidity()}reportValidity(){return this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this._internals.setValidity(this.validity,this.validationMessage,this.input)}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}renderSwitchLabel(e){const{label:t,labelPlacement:i}=this;return t&&i===e?W`
|
|
3020
236
|
<span
|
|
3021
|
-
data-test-id="switch-label-${
|
|
237
|
+
data-test-id="switch-label-${i}"
|
|
3022
238
|
class="c-switch-label">
|
|
3023
239
|
${t}
|
|
3024
|
-
</span
|
|
3025
|
-
}
|
|
3026
|
-
renderAriaDescription() {
|
|
3027
|
-
var e;
|
|
3028
|
-
return (e = this.aria) != null && e.describedBy ? y`
|
|
240
|
+
</span>`:q}renderAriaDescription(){var e;return null!=(e=this.aria)&&e.describedBy?W`
|
|
3029
241
|
<div
|
|
3030
242
|
id="switch-description"
|
|
3031
243
|
data-test-id="switch-description"
|
|
3032
244
|
class="c-switch-description">
|
|
3033
245
|
${this.aria.describedBy}
|
|
3034
|
-
</div
|
|
3035
|
-
}
|
|
3036
|
-
render() {
|
|
3037
|
-
const {
|
|
3038
|
-
aria: e,
|
|
3039
|
-
checked: t,
|
|
3040
|
-
disabled: r,
|
|
3041
|
-
isRTL: o,
|
|
3042
|
-
required: l
|
|
3043
|
-
} = this;
|
|
3044
|
-
return y`
|
|
246
|
+
</div>`:q}render(){const{aria:e,checked:t,disabled:i,isRTL:o,required:n}=this;return W`
|
|
3045
247
|
<label
|
|
3046
|
-
class="${
|
|
3047
|
-
|
|
3048
|
-
"c-switch-wrapper--rtl": o
|
|
3049
|
-
})}"
|
|
3050
|
-
?disabled=${r}>
|
|
248
|
+
class="${Me({"c-switch-wrapper":!0,"c-switch-wrapper--rtl":o})}"
|
|
249
|
+
?disabled=${i}>
|
|
3051
250
|
${this.renderSwitchLabel("leading")}
|
|
3052
251
|
<div
|
|
3053
252
|
data-test-id="switch-component"
|
|
@@ -3058,364 +257,36 @@ const no = "pie-switch", ro = class extends Ri(Pi(j)) {
|
|
|
3058
257
|
role="switch"
|
|
3059
258
|
type="checkbox"
|
|
3060
259
|
class="c-switch-input"
|
|
3061
|
-
.required=${
|
|
260
|
+
.required=${n}
|
|
3062
261
|
.checked="${t}"
|
|
3063
|
-
.disabled="${
|
|
262
|
+
.disabled="${i}"
|
|
3064
263
|
@change="${this.handleChange}"
|
|
3065
|
-
aria-label="${
|
|
3066
|
-
aria-describedby="${e
|
|
264
|
+
aria-label="${Te(null==e?void 0:e.label)}"
|
|
265
|
+
aria-describedby="${null!=e&&e.describedBy?"switch-description":q}">
|
|
3067
266
|
<div class="c-switch-control">
|
|
3068
|
-
${t
|
|
267
|
+
${t?W`<icon-check></icon-check>`:q}
|
|
3069
268
|
</div>
|
|
3070
269
|
</div>
|
|
3071
270
|
${this.renderSwitchLabel("trailing")}
|
|
3072
271
|
${this.renderAriaDescription()}
|
|
3073
|
-
</label>`;
|
|
3074
|
-
}
|
|
3075
|
-
};
|
|
3076
|
-
ro.styles = se(Rn);
|
|
3077
|
-
let X = ro;
|
|
3078
|
-
Q([
|
|
3079
|
-
p({ type: String })
|
|
3080
|
-
], X.prototype, "label");
|
|
3081
|
-
Q([
|
|
3082
|
-
p({ type: String }),
|
|
3083
|
-
C(no, Fn, ze.labelPlacement)
|
|
3084
|
-
], X.prototype, "labelPlacement");
|
|
3085
|
-
Q([
|
|
3086
|
-
p({ type: Object })
|
|
3087
|
-
], X.prototype, "aria");
|
|
3088
|
-
Q([
|
|
3089
|
-
p({ type: Boolean, reflect: !0 })
|
|
3090
|
-
], X.prototype, "checked");
|
|
3091
|
-
Q([
|
|
3092
|
-
p({ type: Boolean, reflect: !0 })
|
|
3093
|
-
], X.prototype, "required");
|
|
3094
|
-
Q([
|
|
3095
|
-
p({ type: String })
|
|
3096
|
-
], X.prototype, "value");
|
|
3097
|
-
Q([
|
|
3098
|
-
p({ type: String })
|
|
3099
|
-
], X.prototype, "name");
|
|
3100
|
-
Q([
|
|
3101
|
-
p({ type: Boolean, reflect: !0 })
|
|
3102
|
-
], X.prototype, "disabled");
|
|
3103
|
-
Q([
|
|
3104
|
-
Kt('input[type="checkbox"]')
|
|
3105
|
-
], X.prototype, "input");
|
|
3106
|
-
Q([
|
|
3107
|
-
Kt("label")
|
|
3108
|
-
], X.prototype, "focusTarget");
|
|
3109
|
-
q(no, X);
|
|
3110
|
-
const Ft = {
|
|
3111
|
-
banner: {
|
|
3112
|
-
title: "Cookies",
|
|
3113
|
-
description: "We use our own and third party cookies and other tech to enhance and personalise your user experience, optimize analytics, and show ads with third parties (read our <linkStatement>Statement</linkStatement>). Necessary cookies are always set. Click <linkNecessaryOnly>Necessary only</linkNecessaryOnly> to continue without accepting more. Click <linkManagePreferences>Manage preferences</linkManagePreferences> to share your preferences or <linkAcceptAll>Accept all</linkAcceptAll>.",
|
|
3114
|
-
cta: {
|
|
3115
|
-
managePreferences: "Manage preferences",
|
|
3116
|
-
necessaryOnly: "Necessary only",
|
|
3117
|
-
acceptAll: "Accept all"
|
|
3118
|
-
}
|
|
3119
|
-
},
|
|
3120
|
-
preferencesManagement: {
|
|
3121
|
-
title: "Manage your preferences",
|
|
3122
|
-
description: "You can find all the information in the <linkCookieStatement>Cookie Statement</linkCookieStatement> and <linkCookieTechList>Cookie technology list</linkCookieTechList>.",
|
|
3123
|
-
all: {
|
|
3124
|
-
title: "Turn all on"
|
|
3125
|
-
},
|
|
3126
|
-
necessary: {
|
|
3127
|
-
title: "Necessary",
|
|
3128
|
-
description: "These cookies are necessary to ensure that the website and its features function properly. Services you have asked for cannot be provided without these cookies."
|
|
3129
|
-
},
|
|
3130
|
-
functional: {
|
|
3131
|
-
title: "Functional",
|
|
3132
|
-
description: "These cookies allow the website to remember the choices you make to give you better functionality and personal features."
|
|
3133
|
-
},
|
|
3134
|
-
analytical: {
|
|
3135
|
-
title: "Analytical",
|
|
3136
|
-
description: "These analytical cookies, including statistics, are used to understand how visitors interact with the website and we can measure and improve the performance of our website."
|
|
3137
|
-
},
|
|
3138
|
-
personalized: {
|
|
3139
|
-
title: "Personalised (targeting and advertising)",
|
|
3140
|
-
description: "These marketing cookies are used to tailor the delivery of information to you based upon your interest and to measure the effectiveness of such advertisements, both on our website and our advertising partners' websites."
|
|
3141
|
-
},
|
|
3142
|
-
cta: {
|
|
3143
|
-
save: {
|
|
3144
|
-
label: "Save",
|
|
3145
|
-
ariaLabel: ""
|
|
3146
|
-
}
|
|
3147
|
-
}
|
|
3148
|
-
}
|
|
3149
|
-
}, Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3150
|
-
__proto__: null,
|
|
3151
|
-
default: Ft
|
|
3152
|
-
}, Symbol.toStringTag, { value: "Module" })), Vn = "*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-l-family);--cb-font-size: calc(var(--dt-font-body-l-size) * 1px);--cb-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--cb-font-weight: var(--dt-font-body-l-weight);--cb-padding-inline: var(--dt-spacing-d);--cb-padding-block: var(--dt-spacing-d);--cb-offset: 0;color-scheme:only dark;background-color:var(--dt-color-background-dark);color:var(--dt-color-content-inverse);font-family:var(--cb-font-family);font-size:var(--cb-font-size);line-height:var(--cb-line-height);font-weight:var(--cb-font-weight);padding-block-start:var(--cb-padding-block);padding-block-end:var(--cb-padding-block);max-height:432px;position:fixed;bottom:var(--cb-offset);left:var(--cb-offset);right:var(--cb-offset);border-top-left-radius:var(--dt-radius-rounded-c);border-top-right-radius:var(--dt-radius-rounded-c);z-index:var(--dt-z-index-cookie-banner)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner{--cb-padding-inline: var(--dt-spacing-f);--cb-offset: var(--dt-spacing-d);max-height:90%;border-bottom-left-radius:var(--dt-radius-rounded-c);border-bottom-right-radius:var(--dt-radius-rounded-c)}}.c-cookieBanner[isCookieBannerHidden]{display:none}@media (prefers-reduced-motion: no-preference){.c-cookieBanner{animation:.5s animate-enter ease-out}@keyframes animate-enter{0%{transform:translate3d(0,75%,0)}to{transform:translateZ(0)}}}.c-cookieBanner-title,.c-cookieBanner-body,.c-cookieBanner-actions{padding-inline-start:var(--cb-padding-inline);padding-inline-end:var(--cb-padding-inline)}.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--narrow);--cb-title-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-title-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-title-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--wide);--cb-title-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-body{--cb-scroll-shadow-color: var(--dt-color-black);margin-block-start:var(--dt-spacing-a);max-height:200px;overflow-y:auto;background:linear-gradient(to bottom,transparent,var(--dt-color-background-dark) 75%) center bottom,linear-gradient(transparent,var(--cb-scroll-shadow-color)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 8px;background-attachment:local,scroll}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-body{max-height:150px}}.c-cookieBanner-actions{--cb-actions-flex-dir: column;margin-block-start:var(--dt-spacing-d);display:flex;gap:var(--dt-spacing-d);flex-direction:var(--cb-actions-flex-dir)}.c-cookieBanner-actions>pie-link{text-align:center;align-self:center}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-actions{--cb-actions-flex-dir: row-reverse;justify-content:flex-start;align-items:center}}.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--narrow);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-subheading-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-subheading-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--wide);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-description{font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px)}.c-cookieBanner-preference{display:flex;gap:var(--dt-spacing-d);justify-content:space-between;margin-block-start:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}", _ = {
|
|
3153
|
-
BULGARIAN: "bg",
|
|
3154
|
-
CATALAN: "ca",
|
|
3155
|
-
DANISH: "da",
|
|
3156
|
-
DUTCH: "nl",
|
|
3157
|
-
ENGLISH: "en",
|
|
3158
|
-
FRENCH: "fr",
|
|
3159
|
-
GERMAN: "de",
|
|
3160
|
-
HEBREW: "he",
|
|
3161
|
-
ITALIAN: "it",
|
|
3162
|
-
POLISH: "pl",
|
|
3163
|
-
SLOVAK: "sk",
|
|
3164
|
-
SPANISH: "es"
|
|
3165
|
-
}, B = {
|
|
3166
|
-
AUSTRALIA: "au",
|
|
3167
|
-
AUSTRIA: "at",
|
|
3168
|
-
BELGIUM: "be",
|
|
3169
|
-
BULGARIA: "bg",
|
|
3170
|
-
CANADA: "ca",
|
|
3171
|
-
DENMARK: "dk",
|
|
3172
|
-
FRANCE: "fr",
|
|
3173
|
-
GERMANY: "de",
|
|
3174
|
-
GREAT_BRITAIN: "gb",
|
|
3175
|
-
IRELAND: "ie",
|
|
3176
|
-
ISRAEL: "il",
|
|
3177
|
-
ITALY: "it",
|
|
3178
|
-
LUXEMBOURG: "lu",
|
|
3179
|
-
NETHERLANDS: "nl",
|
|
3180
|
-
POLAND: "pl",
|
|
3181
|
-
SLOVAKIA: "sk",
|
|
3182
|
-
SPAIN: "es",
|
|
3183
|
-
SWITZERLAND: "ch"
|
|
3184
|
-
}, jn = "pie-cookie-banner-accept-all", Un = "pie-cookie-banner-necessary-only", Wn = "pie-cookie-banner-manage-prefs", Kn = "pie-cookie-banner-prefs-saved", qn = [
|
|
3185
|
-
{
|
|
3186
|
-
id: "all",
|
|
3187
|
-
hasDivider: !0,
|
|
3188
|
-
hasDescription: !1
|
|
3189
|
-
},
|
|
3190
|
-
{
|
|
3191
|
-
id: "necessary",
|
|
3192
|
-
checked: !0,
|
|
3193
|
-
disabled: !0,
|
|
3194
|
-
hasDescription: !0
|
|
3195
|
-
},
|
|
3196
|
-
{
|
|
3197
|
-
id: "functional",
|
|
3198
|
-
hasDescription: !0
|
|
3199
|
-
},
|
|
3200
|
-
{
|
|
3201
|
-
id: "analytical",
|
|
3202
|
-
hasDescription: !0
|
|
3203
|
-
},
|
|
3204
|
-
{
|
|
3205
|
-
id: "personalized",
|
|
3206
|
-
hasDescription: !0
|
|
3207
|
-
}
|
|
3208
|
-
], xe = {
|
|
3209
|
-
hasPrimaryActionsOnly: !1,
|
|
3210
|
-
defaultPreferences: {},
|
|
3211
|
-
country: B.GREAT_BRITAIN,
|
|
3212
|
-
language: _.ENGLISH,
|
|
3213
|
-
cookieStatementLink: "",
|
|
3214
|
-
cookieTechnologiesLink: ""
|
|
3215
|
-
}, Rt = /* @__PURE__ */ new Set([
|
|
3216
|
-
`${_.BULGARIAN}`,
|
|
3217
|
-
`${_.DANISH}`,
|
|
3218
|
-
`${_.ENGLISH}-${B.FRANCE}`,
|
|
3219
|
-
`${_.FRENCH}-${B.FRANCE}`,
|
|
3220
|
-
`${_.FRENCH}`,
|
|
3221
|
-
`${_.GERMAN}`,
|
|
3222
|
-
`${_.ENGLISH}`,
|
|
3223
|
-
`${_.HEBREW}`,
|
|
3224
|
-
`${_.ITALIAN}`,
|
|
3225
|
-
`${_.DUTCH}`,
|
|
3226
|
-
`${_.POLISH}`,
|
|
3227
|
-
`${_.SLOVAK}`,
|
|
3228
|
-
`${_.CATALAN}`,
|
|
3229
|
-
`${_.SPANISH}`
|
|
3230
|
-
]), Gn = /* @__PURE__ */ new Map([
|
|
3231
|
-
[B.AUSTRALIA, `${_.ENGLISH}`],
|
|
3232
|
-
[B.AUSTRIA, `${_.GERMAN}`],
|
|
3233
|
-
[B.BELGIUM, `${_.DUTCH}`],
|
|
3234
|
-
[B.BULGARIA, `${_.BULGARIAN}`],
|
|
3235
|
-
[B.CANADA, `${_.ENGLISH}`],
|
|
3236
|
-
[B.DENMARK, `${_.DANISH}`],
|
|
3237
|
-
[B.FRANCE, `${_.FRENCH}-${B.FRANCE}`],
|
|
3238
|
-
[B.GERMANY, `${_.GERMAN}`],
|
|
3239
|
-
[B.GREAT_BRITAIN, `${_.ENGLISH}`],
|
|
3240
|
-
[B.IRELAND, `${_.ENGLISH}`],
|
|
3241
|
-
[B.ISRAEL, `${_.HEBREW}`],
|
|
3242
|
-
[B.ITALY, `${_.ITALIAN}`],
|
|
3243
|
-
[B.LUXEMBOURG, `${_.FRENCH}`],
|
|
3244
|
-
[B.NETHERLANDS, `${_.DUTCH}`],
|
|
3245
|
-
[B.POLAND, `${_.POLISH}`],
|
|
3246
|
-
[B.SLOVAKIA, `${_.SLOVAK}`],
|
|
3247
|
-
[B.SPAIN, `${_.SPANISH}`],
|
|
3248
|
-
[B.SWITZERLAND, `${_.GERMAN}`]
|
|
3249
|
-
]);
|
|
3250
|
-
function ao(n) {
|
|
3251
|
-
console.error(`[localisation-utils]: ${n}`);
|
|
3252
|
-
}
|
|
3253
|
-
function Yn(n, e) {
|
|
3254
|
-
const t = (o) => String.prototype.split.call(e, o).filter(Boolean).reduce((l, d) => l != null && typeof l == "object" ? l[d] : l, n), r = t(/[,[\]]+?/) || t(/[,[\].]+?/);
|
|
3255
|
-
return typeof r != "string" ? "" : r;
|
|
3256
|
-
}
|
|
3257
|
-
function so(n, e) {
|
|
3258
|
-
if (!n) throw new Error('"locale" parameter cannot be empty');
|
|
3259
|
-
if (!e) throw new Error('"key" parameter cannot be empty');
|
|
3260
|
-
const t = Yn(n, e);
|
|
3261
|
-
return t || (ao(`Couldn't find a value for the key "${e}", it will be used as fallback.`), e);
|
|
3262
|
-
}
|
|
3263
|
-
function Zn(n) {
|
|
3264
|
-
const t = n.map((o) => `(<${o}.*>.*</${o}>)`).join("|");
|
|
3265
|
-
return new RegExp(t, "igm");
|
|
3266
|
-
}
|
|
3267
|
-
function Xn(n, e) {
|
|
3268
|
-
const t = Object.keys(e);
|
|
3269
|
-
if (t.length === 0) return [n];
|
|
3270
|
-
const r = Zn(t);
|
|
3271
|
-
return n.split(r).filter((o) => !!o).map((o) => {
|
|
3272
|
-
if (!o.match(r)) return o;
|
|
3273
|
-
const d = o.match(/<(.*)>(.*)<\/.*>/);
|
|
3274
|
-
if (!d) return o;
|
|
3275
|
-
const [, v, h] = d;
|
|
3276
|
-
return [v, h];
|
|
3277
|
-
}).map((o) => {
|
|
3278
|
-
if (!Array.isArray(o)) return o;
|
|
3279
|
-
const [d, v] = o, h = e[d];
|
|
3280
|
-
return h || typeof h == "function" ? h(v) : (ao(`Custom tag "${d}" does not have a matching enhancer function`), v);
|
|
3281
|
-
});
|
|
3282
|
-
}
|
|
3283
|
-
function Jn(n, e, t) {
|
|
3284
|
-
if (!n) throw new Error('"locale" parameter cannot be empty');
|
|
3285
|
-
if (!e) throw new Error('"key" parameter cannot be empty');
|
|
3286
|
-
if (!t) throw new Error('"customTagEnhancers" parameter cannot be empty');
|
|
3287
|
-
const r = so(n, e);
|
|
3288
|
-
return Xn(r, t);
|
|
3289
|
-
}
|
|
3290
|
-
var Qn = Object.defineProperty, ee = (n, e, t, r) => {
|
|
3291
|
-
for (var o = void 0, l = n.length - 1, d; l >= 0; l--)
|
|
3292
|
-
(d = n[l]) && (o = d(e, t, o) || o);
|
|
3293
|
-
return o && Qn(e, t, o), o;
|
|
3294
|
-
};
|
|
3295
|
-
const er = "pie-cookie-banner", ni = class ni extends j {
|
|
3296
|
-
constructor() {
|
|
3297
|
-
super(...arguments), this._isCookieBannerHidden = !1, this._isModalOpen = !1, this._locale = Ft, this.hasPrimaryActionsOnly = xe.hasPrimaryActionsOnly, this.defaultPreferences = xe.defaultPreferences, this.cookieStatementLink = xe.cookieStatementLink, this.cookieTechnologiesLink = xe.cookieTechnologiesLink, this.country = xe.country, this.language = xe.language, this._getLocaleString = (e, t) => {
|
|
3298
|
-
let r = `${e}-${t}`.toLowerCase();
|
|
3299
|
-
if (Rt.has(r) || (r = `${e}`.toLowerCase(), Rt.has(r)))
|
|
3300
|
-
return r;
|
|
3301
|
-
const o = Gn.get(t.toLowerCase());
|
|
3302
|
-
return o && Rt.has(o) ? o : `${xe.language}`;
|
|
3303
|
-
}, this._customTagEnhancers = {
|
|
3304
|
-
linkStatement: (e) => y`<pie-link href="${this.cookieStatementLink}" variant="inverse" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,
|
|
3305
|
-
linkNecessaryOnly: (e) => y`<pie-link data-test-id="body-necessary-only" tag="button" variant="inverse" @click="${this._onNecessaryOnly}">${e}</pie-link>`,
|
|
3306
|
-
linkManagePreferences: (e) => y`<pie-link data-test-id="body-manage-prefs" tag="button" variant="inverse" @click="${this._openManagePreferencesModal}">${e}</pie-link>`,
|
|
3307
|
-
linkAcceptAll: (e) => y`<pie-link data-test-id="body-accept-all" tag="button" variant="inverse" @click="${this._onAcceptAll}">${e}</pie-link>`,
|
|
3308
|
-
linkCookieStatement: (e) => y`<pie-link href="${this.cookieStatementLink}" size="small" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,
|
|
3309
|
-
linkCookieTechList: (e) => y`<pie-link href="${this.cookieTechnologiesLink}" size="small" target="_blank" data-test-id="cookie-technology-link">${e}</pie-link>`
|
|
3310
|
-
}, this._onNecessaryOnly = () => {
|
|
3311
|
-
J(this, Un), this._isCookieBannerHidden = !0;
|
|
3312
|
-
}, this._onAcceptAll = () => {
|
|
3313
|
-
J(this, jn), this._isCookieBannerHidden = !0;
|
|
3314
|
-
}, this._openManagePreferencesModal = () => {
|
|
3315
|
-
this._isCookieBannerHidden = !0, J(this, Wn), this._isModalOpen = !0;
|
|
3316
|
-
}, this._handleSwitchStates = (e) => {
|
|
3317
|
-
const { id: t } = e == null ? void 0 : e.currentTarget, r = [...this._preferencesNodes].find(({ id: o }) => o === "all");
|
|
3318
|
-
if (t === r.id) {
|
|
3319
|
-
const { checked: o } = e.target;
|
|
3320
|
-
this._preferencesNodes.forEach((l) => {
|
|
3321
|
-
l.checked = l.disabled ? l.checked : o;
|
|
3322
|
-
});
|
|
3323
|
-
} else
|
|
3324
|
-
r.checked = [...this._preferencesNodes].filter(({ id: o }) => o !== "all").every(({ checked: o }) => o);
|
|
3325
|
-
};
|
|
3326
|
-
}
|
|
3327
|
-
async updated(e) {
|
|
3328
|
-
(e.has("language") || e.has("country")) && await this._setLocaleBasedOnCountryAndLanguage(this.language, this.country);
|
|
3329
|
-
}
|
|
3330
|
-
// Dynamically import locale JSON based on country and language
|
|
3331
|
-
async _setLocaleBasedOnCountryAndLanguage(e, t) {
|
|
3332
|
-
try {
|
|
3333
|
-
const r = this._getLocaleString(e, t);
|
|
3334
|
-
this._locale = (await lo(/* @__PURE__ */ Object.assign({ "../locales/bg.js": () => import("./bg-DGJESQ4e.js"), "../locales/ca.js": () => import("./ca-Bcf7sXQS.js"), "../locales/da.js": () => import("./da-zmkmo2qP.js"), "../locales/de.js": () => import("./de-CCDQDaL_.js"), "../locales/en-fr.js": () => import("./en-fr-B3W1OBz4.js"), "../locales/en.js": () => Promise.resolve().then(() => Dn), "../locales/es.js": () => import("./es-BGd5IeE8.js"), "../locales/fr-fr.js": () => import("./fr-fr-Bj0z2tFA.js"), "../locales/fr.js": () => import("./fr-ZJirJTQ1.js"), "../locales/he.js": () => import("./he-CD4nZodw.js"), "../locales/it.js": () => import("./it-C20n5M6-.js"), "../locales/nl.js": () => import("./nl-potC62A2.js"), "../locales/pl.js": () => import("./pl-BZMXvf-W.js"), "../locales/sk.js": () => import("./sk-B2GkzqzB.js") }), `../locales/${r}.js`, 3)).default;
|
|
3335
|
-
} catch {
|
|
3336
|
-
this._locale = Ft;
|
|
3337
|
-
}
|
|
3338
|
-
}
|
|
3339
|
-
_localiseText(e) {
|
|
3340
|
-
return so(this._locale, e);
|
|
3341
|
-
}
|
|
3342
|
-
_localiseRichText(e) {
|
|
3343
|
-
return Jn(this._locale, e, this._customTagEnhancers);
|
|
3344
|
-
}
|
|
3345
|
-
/**
|
|
3346
|
-
* Handles closing the modal and re-displaying the cookie banner
|
|
3347
|
-
* and making the cookie banner visible
|
|
3348
|
-
*/
|
|
3349
|
-
_displayCookieBanner() {
|
|
3350
|
-
this._isModalOpen = !1, this._isCookieBannerHidden = !1;
|
|
3351
|
-
}
|
|
3352
|
-
/**
|
|
3353
|
-
* Handles saving the user cookie preferences, closing the modal and the cookie banner
|
|
3354
|
-
* Creates a state object for the save event, indicating the checked status
|
|
3355
|
-
* of each preference except for the `all` preference.
|
|
3356
|
-
* @example {
|
|
3357
|
-
* functional: false,
|
|
3358
|
-
* necessary: true
|
|
3359
|
-
* }
|
|
3360
|
-
*/
|
|
3361
|
-
_handlePreferencesSaved() {
|
|
3362
|
-
let e = {};
|
|
3363
|
-
[...this._preferencesNodes].filter(({ id: t }) => t !== "all").forEach(({ id: t, checked: r }) => {
|
|
3364
|
-
e = { ...e, [t]: r };
|
|
3365
|
-
}), J(this, Kn, e), this._isModalOpen = !1, this._isCookieBannerHidden = !0;
|
|
3366
|
-
}
|
|
3367
|
-
/**
|
|
3368
|
-
* Renders the content of the preference item.
|
|
3369
|
-
* @private
|
|
3370
|
-
*/
|
|
3371
|
-
renderPreference({
|
|
3372
|
-
id: e,
|
|
3373
|
-
checked: t,
|
|
3374
|
-
disabled: r,
|
|
3375
|
-
hasDivider: o,
|
|
3376
|
-
hasDescription: l
|
|
3377
|
-
}) {
|
|
3378
|
-
var g;
|
|
3379
|
-
const d = this._localiseText(`preferencesManagement.${e}.title`), v = `preferencesManagement.${e}.description`, h = l && this._localiseText(v), k = ["functional", "personalized", "analytical"].every((A) => {
|
|
3380
|
-
var w;
|
|
3381
|
-
return ((w = this.defaultPreferences) == null ? void 0 : w[A]) === !0;
|
|
3382
|
-
});
|
|
3383
|
-
return y`
|
|
272
|
+
</label>`}};Wi.styles=s("*,*:after,*:before{box-sizing:inherit}*,*:before,*:after{cursor:inherit}.c-switch-wrapper{display:inline-flex;align-items:center;gap:var(--dt-spacing-b);font-family:var(--dt-font-body-l-family);cursor:pointer}.c-switch-wrapper[disabled]{cursor:not-allowed}.c-switch{--int-states-mixin-bg-color: var(--dt-color-interactive-form);--switch-bg-color--checked: var(--dt-color-interactive-brand);--switch-bg-color--disabled: var(--dt-color-disabled-01);--switch-width: 48px;--switch-height: 24px;--switch-control-size: 20px;--switch-padding: 2px;--switch-radius: var(--dt-radius-rounded-e);--switch-translation: calc(var(--switch-width) - var(--switch-control-size) - 2 * var(--switch-padding));position:relative;display:flex;width:var(--switch-width);height:var(--switch-height);flex-shrink:0;padding:var(--switch-padding);border-radius:var(--switch-radius);background-color:var(--int-states-mixin-bg-color)}@media (prefers-reduced-motion: no-preference){.c-switch{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--hover-modifier)))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-form-h), var(--dt-color-interactive-form-s), calc(var(--dt-color-interactive-form-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-form))}.c-switch:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch.is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-form))}}.c-switch:focus,.c-switch:focus-within{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.c-switch[checked]{--int-states-mixin-bg-color: var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch[checked]{transition:background-color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--hover-modifier: calc(-1 * var(--dt-color-hover-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--hover-modifier)))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--active-modifier: calc(-1 * var(--dt-color-active-01));--int-states-mixin-bg-color: hsl(var(--dt-color-interactive-brand-h), var(--dt-color-interactive-brand-s), calc(var(--dt-color-interactive-brand-l) + var(--active-modifier)))}@supports (background-color: color-mix(in srgb,black,white)){.c-switch[checked]:hover:not(:disabled,.is-disabled,.is-dismissible){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-interactive-brand))}.c-switch[checked]:active:not(:disabled,.is-disabled,.is-dismissible),.c-switch[checked].is-loading:not(:disabled,.is-disabled){--int-states-mixin-bg-color: color-mix(in srgb, var(--dt-color-active-01-bg) var(--dt-color-active-01), var(--dt-color-interactive-brand))}}[disabled] .c-switch{--int-states-mixin-bg-color: var(--switch-bg-color--disabled);pointer-events:none}.c-switch-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;left:50%;transform:translate(-50%) translateY(-50%);bottom:0}.c-switch-input:disabled{background-color:transparent}.c-switch-control{position:absolute;left:2px;width:var(--switch-control-size);height:var(--switch-control-size);border-radius:var(--switch-radius);background-color:var(--dt-color-interactive-light);padding:var(--switch-padding)}@media (prefers-reduced-motion: no-preference){.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-wrapper--rtl .c-switch-control{position:absolute;left:initial;right:2px}.c-switch-input:checked+.c-switch-control{transform:translate(var(--switch-translation))}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:checked+.c-switch-control .c-pieIcon--check{color:var(--dt-color-interactive-brand)}@media (prefers-reduced-motion: no-preference){.c-switch-input:checked+.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-input:disabled~.c-switch-control{color:var(--switch-bg-color--disabled)}.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{color:var(--switch-bg-color--disabled)}@media (prefers-reduced-motion: no-preference){.c-switch-input:disabled~.c-switch-control .c-pieIcon--check{transition:color .15s cubic-bezier(.4,0,.9,1) 0s}}.c-switch-label{color:var(--dt-color-content-default)}.c-switch-description{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transform:translate(calc(-1 * var(--switch-translation)))}@media (prefers-reduced-motion: no-preference){.c-switch-wrapper--rtl .c-switch-input:checked+.c-switch-control{transition:transform .15s cubic-bezier(.4,0,.9,1) 0s}}");let Ui=Wi;Hi([ve({type:String})],Ui.prototype,"label"),Hi([ve({type:String}),Oe(Vi,["leading","trailing"],Ii)],Ui.prototype,"labelPlacement"),Hi([ve({type:Object})],Ui.prototype,"aria"),Hi([ve({type:Boolean,reflect:!0})],Ui.prototype,"checked"),Hi([ve({type:Boolean,reflect:!0})],Ui.prototype,"required"),Hi([ve({type:String})],Ui.prototype,"value"),Hi([ve({type:String})],Ui.prototype,"name"),Hi([ve({type:Boolean,reflect:!0})],Ui.prototype,"disabled"),Hi([me('input[type="checkbox"]')],Ui.prototype,"input"),Hi([me("label")],Ui.prototype,"focusTarget"),Le(Vi,Ui);const qi={banner:{title:"Cookies",description:"We use our own and third party cookies and other tech to enhance and personalise your user experience, optimize analytics, and show ads with third parties (read our <linkStatement>Statement</linkStatement>). Necessary cookies are always set. Click <linkNecessaryOnly>Necessary only</linkNecessaryOnly> to continue without accepting more. Click <linkManagePreferences>Manage preferences</linkManagePreferences> to share your preferences or <linkAcceptAll>Accept all</linkAcceptAll>.",cta:{managePreferences:"Manage preferences",necessaryOnly:"Necessary only",acceptAll:"Accept all"}},preferencesManagement:{title:"Manage your preferences",description:"You can find all the information in the <linkCookieStatement>Cookie Statement</linkCookieStatement> and <linkCookieTechList>Cookie technology list</linkCookieTechList>.",all:{title:"Turn all on"},necessary:{title:"Necessary",description:"These cookies are necessary to ensure that the website and its features function properly. Services you have asked for cannot be provided without these cookies."},functional:{title:"Functional",description:"These cookies allow the website to remember the choices you make to give you better functionality and personal features."},analytical:{title:"Analytical",description:"These analytical cookies, including statistics, are used to understand how visitors interact with the website and we can measure and improve the performance of our website."},personalized:{title:"Personalised (targeting and advertising)",description:"These marketing cookies are used to tailor the delivery of information to you based upon your interest and to measure the effectiveness of such advertisements, both on our website and our advertising partners' websites."},cta:{save:{label:"Save",ariaLabel:""}}}},Ki=Object.freeze(Object.defineProperty({__proto__:null,default:qi},Symbol.toStringTag,{value:"Module"})),Gi={BULGARIAN:"bg",CATALAN:"ca",DANISH:"da",DUTCH:"nl",ENGLISH:"en",FRENCH:"fr",GERMAN:"de",HEBREW:"he",ITALIAN:"it",POLISH:"pl",SLOVAK:"sk",SPANISH:"es"},Zi={AUSTRALIA:"au",AUSTRIA:"at",BELGIUM:"be",BULGARIA:"bg",CANADA:"ca",DENMARK:"dk",FRANCE:"fr",GERMANY:"de",GREAT_BRITAIN:"gb",IRELAND:"ie",ISRAEL:"il",ITALY:"it",LUXEMBOURG:"lu",NETHERLANDS:"nl",POLAND:"pl",SLOVAKIA:"sk",SPAIN:"es",SWITZERLAND:"ch"},Yi="pie-cookie-banner-accept-all",Xi="pie-cookie-banner-necessary-only",Qi="pie-cookie-banner-manage-prefs",Ji="pie-cookie-banner-prefs-saved",eo=[{id:"all",hasDivider:!0,hasDescription:!1},{id:"necessary",checked:!0,disabled:!0,hasDescription:!0},{id:"functional",hasDescription:!0},{id:"analytical",hasDescription:!0},{id:"personalized",hasDescription:!0}],to={hasPrimaryActionsOnly:!1,defaultPreferences:{},country:Zi.GREAT_BRITAIN,language:Gi.ENGLISH,cookieStatementLink:"",cookieTechnologiesLink:""},io=new Set([`${Gi.BULGARIAN}`,`${Gi.DANISH}`,`${Gi.ENGLISH}-${Zi.FRANCE}`,`${Gi.FRENCH}-${Zi.FRANCE}`,`${Gi.FRENCH}`,`${Gi.GERMAN}`,`${Gi.ENGLISH}`,`${Gi.HEBREW}`,`${Gi.ITALIAN}`,`${Gi.DUTCH}`,`${Gi.POLISH}`,`${Gi.SLOVAK}`,`${Gi.CATALAN}`,`${Gi.SPANISH}`]),oo=new Map([[Zi.AUSTRALIA,`${Gi.ENGLISH}`],[Zi.AUSTRIA,`${Gi.GERMAN}`],[Zi.BELGIUM,`${Gi.DUTCH}`],[Zi.BULGARIA,`${Gi.BULGARIAN}`],[Zi.CANADA,`${Gi.ENGLISH}`],[Zi.DENMARK,`${Gi.DANISH}`],[Zi.FRANCE,`${Gi.FRENCH}-${Zi.FRANCE}`],[Zi.GERMANY,`${Gi.GERMAN}`],[Zi.GREAT_BRITAIN,`${Gi.ENGLISH}`],[Zi.IRELAND,`${Gi.ENGLISH}`],[Zi.ISRAEL,`${Gi.HEBREW}`],[Zi.ITALY,`${Gi.ITALIAN}`],[Zi.LUXEMBOURG,`${Gi.FRENCH}`],[Zi.NETHERLANDS,`${Gi.DUTCH}`],[Zi.POLAND,`${Gi.POLISH}`],[Zi.SLOVAKIA,`${Gi.SLOVAK}`],[Zi.SPAIN,`${Gi.SPANISH}`],[Zi.SWITZERLAND,`${Gi.GERMAN}`]]);function no(e){console.error(`[localisation-utils]: ${e}`)}function ro(e,t){if(!e)throw new Error('"locale" parameter cannot be empty');if(!t)throw new Error('"key" parameter cannot be empty');const i=function(e,t){const i=i=>String.prototype.split.call(t,i).filter(Boolean).reduce(((e,t)=>null!=e&&"object"==typeof e?e[t]:e),e),o=i(/[,[\]]+?/)||i(/[,[\].]+?/);return"string"!=typeof o?"":o}(e,t);return i||(no(`Couldn't find a value for the key "${t}", it will be used as fallback.`),t)}function ao(e,t){const i=Object.keys(t);if(0===i.length)return[e];const o=function(e){const t=e.map((e=>`(<${e}.*>.*</${e}>)`)).join("|");return new RegExp(t,"igm")}(i);return e.split(o).filter((e=>Boolean(e))).map((e=>{if(!e.match(o))return e;const t=e.match(/<(.*)>(.*)<\/.*>/);if(!t)return e;const[,i,n]=t;return[i,n]})).map((e=>{if(!Array.isArray(e))return e;const[i,o]=e,n=t[i];return n||"function"==typeof n?n(o):(no(`Custom tag "${i}" does not have a matching enhancer function`),o)}))}var so=Object.defineProperty,lo=(e,t,i,o)=>{for(var n,r=void 0,a=e.length-1;a>=0;a--)(n=e[a])&&(r=n(t,i,r)||r);return r&&so(t,i,r),r};const co=class extends ce{constructor(){super(...arguments),this._isCookieBannerHidden=!1,this._isModalOpen=!1,this._locale=qi,this.hasPrimaryActionsOnly=to.hasPrimaryActionsOnly,this.defaultPreferences=to.defaultPreferences,this.cookieStatementLink=to.cookieStatementLink,this.cookieTechnologiesLink=to.cookieTechnologiesLink,this.country=to.country,this.language=to.language,this._getLocaleString=(e,t)=>{let i=`${e}-${t}`.toLowerCase();if(io.has(i))return i;if(i=`${e}`.toLowerCase(),io.has(i))return i;const o=oo.get(t.toLowerCase());return o&&io.has(o)?o:`${to.language}`},this._customTagEnhancers={linkStatement:e=>W`<pie-link href="${this.cookieStatementLink}" variant="inverse" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,linkNecessaryOnly:e=>W`<pie-link data-test-id="body-necessary-only" tag="button" variant="inverse" @click="${this._onNecessaryOnly}">${e}</pie-link>`,linkManagePreferences:e=>W`<pie-link data-test-id="body-manage-prefs" tag="button" variant="inverse" @click="${this._openManagePreferencesModal}">${e}</pie-link>`,linkAcceptAll:e=>W`<pie-link data-test-id="body-accept-all" tag="button" variant="inverse" @click="${this._onAcceptAll}">${e}</pie-link>`,linkCookieStatement:e=>W`<pie-link href="${this.cookieStatementLink}" size="small" target="_blank" data-test-id="cookie-statement-link">${e}</pie-link>`,linkCookieTechList:e=>W`<pie-link href="${this.cookieTechnologiesLink}" size="small" target="_blank" data-test-id="cookie-technology-link">${e}</pie-link>`},this._onNecessaryOnly=()=>{Be(this,Xi),this._isCookieBannerHidden=!0},this._onAcceptAll=()=>{Be(this,Yi),this._isCookieBannerHidden=!0},this._openManagePreferencesModal=()=>{this._isCookieBannerHidden=!0,Be(this,Qi),this._isModalOpen=!0},this._handleSwitchStates=e=>{const{id:t}=null==e?void 0:e.currentTarget,i=[...this._preferencesNodes].find((({id:e})=>"all"===e));if(t===i.id){const{checked:t}=e.target;this._preferencesNodes.forEach((e=>{e.checked=e.disabled?e.checked:t}))}else i.checked=[...this._preferencesNodes].filter((({id:e})=>"all"!==e)).every((({checked:e})=>e))}}async updated(e){(e.has("language")||e.has("country"))&&await this._setLocaleBasedOnCountryAndLanguage(this.language,this.country)}async _setLocaleBasedOnCountryAndLanguage(e,t){try{const i=this._getLocaleString(e,t);this._locale=(await((e,t,i)=>{const o=e[t];return o?"function"==typeof o?o():Promise.resolve(o):new Promise(((e,o)=>{("function"==typeof queueMicrotask?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+t+(t.split("/").length!==i?". Note that variables only represent file names one level deep.":""))))}))})(Object.assign({"../locales/bg.js":()=>Promise.resolve().then((()=>To)),"../locales/ca.js":()=>Promise.resolve().then((()=>Oo)),"../locales/da.js":()=>Promise.resolve().then((()=>Lo)),"../locales/de.js":()=>Promise.resolve().then((()=>Bo)),"../locales/en-fr.js":()=>Promise.resolve().then((()=>Po)),"../locales/en.js":()=>Promise.resolve().then((()=>Ki)),"../locales/es.js":()=>Promise.resolve().then((()=>No)),"../locales/fr-fr.js":()=>Promise.resolve().then((()=>jo)),"../locales/fr.js":()=>Promise.resolve().then((()=>Io)),"../locales/he.js":()=>Promise.resolve().then((()=>Do)),"../locales/it.js":()=>Promise.resolve().then((()=>Fo)),"../locales/nl.js":()=>Promise.resolve().then((()=>Ro)),"../locales/pl.js":()=>Promise.resolve().then((()=>Ho)),"../locales/sk.js":()=>Promise.resolve().then((()=>Vo))}),`../locales/${i}.js`,3)).default}catch{this._locale=qi}}_localiseText(e){return ro(this._locale,e)}_localiseRichText(e){return function(e,t,i){if(!e)throw new Error('"locale" parameter cannot be empty');if(!t)throw new Error('"key" parameter cannot be empty');if(!i)throw new Error('"customTagEnhancers" parameter cannot be empty');return ao(ro(e,t),i)}(this._locale,e,this._customTagEnhancers)}_displayCookieBanner(){this._isModalOpen=!1,this._isCookieBannerHidden=!1}_handlePreferencesSaved(){let e={};[...this._preferencesNodes].filter((({id:e})=>"all"!==e)).forEach((({id:t,checked:i})=>{e={...e,[t]:i}})),Be(this,Ji,e),this._isModalOpen=!1,this._isCookieBannerHidden=!0}renderPreference({id:e,checked:t,disabled:i,hasDivider:o,hasDescription:n}){var r;const a=this._localiseText(`preferencesManagement.${e}.title`),s=`preferencesManagement.${e}.description`,l=n&&this._localiseText(s),c=["functional","personalized","analytical"].every((e=>{var t;return!0===(null==(t=this.defaultPreferences)?void 0:t[e])}));return W`
|
|
3384
273
|
<div class="c-cookieBanner-preference">
|
|
3385
274
|
<div>
|
|
3386
|
-
<h3 class="c-cookieBanner-subheading">${
|
|
3387
|
-
${
|
|
275
|
+
<h3 class="c-cookieBanner-subheading">${a}</h3>
|
|
276
|
+
${l?W`<p class="c-cookieBanner-description">${l}</p>`:q}
|
|
3388
277
|
</div>
|
|
3389
278
|
<pie-switch
|
|
3390
279
|
id="${e}"
|
|
3391
|
-
?checked="${((
|
|
3392
|
-
?disabled="${
|
|
280
|
+
?checked="${(null==(r=this.defaultPreferences)?void 0:r[e])||c||t}"
|
|
281
|
+
?disabled="${i}"
|
|
3393
282
|
@change="${this._handleSwitchStates}">
|
|
3394
283
|
</pie-switch>
|
|
3395
284
|
</div>
|
|
3396
|
-
${o
|
|
3397
|
-
}
|
|
3398
|
-
/**
|
|
3399
|
-
* Renders the modal content.
|
|
3400
|
-
* @private
|
|
3401
|
-
*/
|
|
3402
|
-
renderModalContent() {
|
|
3403
|
-
return y`
|
|
285
|
+
${o?W`<pie-divider></pie-divider>`:q}`}renderModalContent(){return W`
|
|
3404
286
|
<p class="c-cookieBanner-description" data-test-id="modal-description">
|
|
3405
287
|
${this._localiseRichText("preferencesManagement.description")}
|
|
3406
288
|
</p>
|
|
3407
|
-
${
|
|
3408
|
-
qn,
|
|
3409
|
-
({ id: e }) => e,
|
|
3410
|
-
(e) => this.renderPreference(e)
|
|
3411
|
-
)}`;
|
|
3412
|
-
}
|
|
3413
|
-
render() {
|
|
3414
|
-
const e = {
|
|
3415
|
-
text: this._localiseText("preferencesManagement.cta.save.label"),
|
|
3416
|
-
ariaLabel: this._localiseText("preferencesManagement.cta.save.label")
|
|
3417
|
-
};
|
|
3418
|
-
return y`
|
|
289
|
+
${Ce(eo,(({id:e})=>e),(e=>this.renderPreference(e)))}`}render(){const e={text:this._localiseText("preferencesManagement.cta.save.label"),ariaLabel:this._localiseText("preferencesManagement.cta.save.label")};return W`
|
|
3419
290
|
<pie-modal
|
|
3420
291
|
.isOpen="${this._isModalOpen}"
|
|
3421
292
|
hasBackButton
|
|
@@ -3445,7 +316,7 @@ const er = "pie-cookie-banner", ni = class ni extends j {
|
|
|
3445
316
|
<pie-button
|
|
3446
317
|
data-test-id="actions-necessary-only"
|
|
3447
318
|
@click="${this._onNecessaryOnly}"
|
|
3448
|
-
variant="${this.hasPrimaryActionsOnly
|
|
319
|
+
variant="${this.hasPrimaryActionsOnly?"primary":"outline-inverse"}"
|
|
3449
320
|
isFullWidth
|
|
3450
321
|
size="small-expressive">
|
|
3451
322
|
${this._localiseText("banner.cta.necessaryOnly")}
|
|
@@ -3459,52 +330,4 @@ const er = "pie-cookie-banner", ni = class ni extends j {
|
|
|
3459
330
|
${this._localiseText("banner.cta.managePreferences")}
|
|
3460
331
|
</pie-link>
|
|
3461
332
|
</div>
|
|
3462
|
-
</aside>`;
|
|
3463
|
-
}
|
|
3464
|
-
};
|
|
3465
|
-
ni.styles = se(Vn);
|
|
3466
|
-
let U = ni;
|
|
3467
|
-
ee([
|
|
3468
|
-
nt()
|
|
3469
|
-
], U.prototype, "_isCookieBannerHidden");
|
|
3470
|
-
ee([
|
|
3471
|
-
nt()
|
|
3472
|
-
], U.prototype, "_isModalOpen");
|
|
3473
|
-
ee([
|
|
3474
|
-
nt()
|
|
3475
|
-
], U.prototype, "_locale");
|
|
3476
|
-
ee([
|
|
3477
|
-
p({ type: Boolean })
|
|
3478
|
-
], U.prototype, "hasPrimaryActionsOnly");
|
|
3479
|
-
ee([
|
|
3480
|
-
p({ type: Object })
|
|
3481
|
-
], U.prototype, "defaultPreferences");
|
|
3482
|
-
ee([
|
|
3483
|
-
p({ type: String })
|
|
3484
|
-
], U.prototype, "cookieStatementLink");
|
|
3485
|
-
ee([
|
|
3486
|
-
p({ type: String })
|
|
3487
|
-
], U.prototype, "cookieTechnologiesLink");
|
|
3488
|
-
ee([
|
|
3489
|
-
p({ type: String })
|
|
3490
|
-
], U.prototype, "country");
|
|
3491
|
-
ee([
|
|
3492
|
-
p({ type: String })
|
|
3493
|
-
], U.prototype, "language");
|
|
3494
|
-
ee([
|
|
3495
|
-
Eo("pie-switch")
|
|
3496
|
-
], U.prototype, "_preferencesNodes");
|
|
3497
|
-
q(er, U);
|
|
3498
|
-
export {
|
|
3499
|
-
B as Country,
|
|
3500
|
-
_ as Language,
|
|
3501
|
-
jn as ON_COOKIE_BANNER_ACCEPT_ALL,
|
|
3502
|
-
Wn as ON_COOKIE_BANNER_MANAGE_PREFS,
|
|
3503
|
-
Un as ON_COOKIE_BANNER_NECESSARY_ONLY,
|
|
3504
|
-
Kn as ON_COOKIE_BANNER_PREFS_SAVED,
|
|
3505
|
-
U as PieCookieBanner,
|
|
3506
|
-
Rt as availableLocales,
|
|
3507
|
-
Gn as defaultLocaleForCountry,
|
|
3508
|
-
xe as defaultProps,
|
|
3509
|
-
qn as preferences
|
|
3510
|
-
};
|
|
333
|
+
</aside>`}};co.styles=s("*,*:after,*:before{box-sizing:inherit}*{margin:0}.c-cookieBanner{--cb-font-family: var(--dt-font-interactive-l-family);--cb-font-size: calc(var(--dt-font-body-l-size) * 1px);--cb-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--cb-font-weight: var(--dt-font-body-l-weight);--cb-padding-inline: var(--dt-spacing-d);--cb-padding-block: var(--dt-spacing-d);--cb-offset: 0;color-scheme:only dark;background-color:var(--dt-color-background-dark);color:var(--dt-color-content-inverse);font-family:var(--cb-font-family);font-size:var(--cb-font-size);line-height:var(--cb-line-height);font-weight:var(--cb-font-weight);padding-block-start:var(--cb-padding-block);padding-block-end:var(--cb-padding-block);max-height:432px;position:fixed;bottom:var(--cb-offset);left:var(--cb-offset);right:var(--cb-offset);border-top-left-radius:var(--dt-radius-rounded-c);border-top-right-radius:var(--dt-radius-rounded-c);z-index:var(--dt-z-index-cookie-banner)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner{--cb-padding-inline: var(--dt-spacing-f);--cb-offset: var(--dt-spacing-d);max-height:90%;border-bottom-left-radius:var(--dt-radius-rounded-c);border-bottom-right-radius:var(--dt-radius-rounded-c)}}.c-cookieBanner[isCookieBannerHidden]{display:none}@media (prefers-reduced-motion: no-preference){.c-cookieBanner{animation:.5s animate-enter ease-out}@keyframes animate-enter{0%{transform:translate3d(0,75%,0)}to{transform:translateZ(0)}}}.c-cookieBanner-title,.c-cookieBanner-body,.c-cookieBanner-actions{padding-inline-start:var(--cb-padding-inline);padding-inline-end:var(--cb-padding-inline)}.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--narrow);--cb-title-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-title-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-title-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-title{--cb-title-font-size: var(--dt-font-heading-s-size--wide);--cb-title-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-body{--cb-scroll-shadow-color: var(--dt-color-black);margin-block-start:var(--dt-spacing-a);max-height:200px;overflow-y:auto;background:linear-gradient(to bottom,transparent,var(--dt-color-background-dark) 75%) center bottom,linear-gradient(transparent,var(--cb-scroll-shadow-color)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 8px;background-attachment:local,scroll}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-body{max-height:150px}}.c-cookieBanner-actions{--cb-actions-flex-dir: column;margin-block-start:var(--dt-spacing-d);display:flex;gap:var(--dt-spacing-d);flex-direction:var(--cb-actions-flex-dir)}.c-cookieBanner-actions>pie-link{text-align:center;align-self:center}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-actions{--cb-actions-flex-dir: row-reverse;justify-content:flex-start;align-items:center}}.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--narrow);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--narrow);font-size:calc(var(--cb-subheading-font-size) * 1px);font-weight:var(--dt-font-heading-s-weight);line-height:calc(var(--cb-subheading-line-height) * 1px)}@media (min-width: 700px) and (orientation: landscape){.c-cookieBanner-subheading{--cb-subheading-font-size: var(--dt-font-heading-s-size--wide);--cb-subheading-line-height: var(--dt-font-heading-s-line-height--wide)}}.c-cookieBanner-description{font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px)}.c-cookieBanner-preference{display:flex;gap:var(--dt-spacing-d);justify-content:space-between;margin-block-start:var(--dt-spacing-e);margin-block-end:var(--dt-spacing-e)}.c-cookieBanner-preference p{margin-block-start:var(--dt-spacing-b)}.c-cookieBanner-preference:last-child{margin-block-end:0}");let ho=co;var po;lo([be()],ho.prototype,"_isCookieBannerHidden"),lo([be()],ho.prototype,"_isModalOpen"),lo([be()],ho.prototype,"_locale"),lo([ve({type:Boolean})],ho.prototype,"hasPrimaryActionsOnly"),lo([ve({type:Object})],ho.prototype,"defaultPreferences"),lo([ve({type:String})],ho.prototype,"cookieStatementLink"),lo([ve({type:String})],ho.prototype,"cookieTechnologiesLink"),lo([ve({type:String})],ho.prototype,"country"),lo([ve({type:String})],ho.prototype,"language"),lo([(po="pie-switch",(e,t)=>ue(e,t,{get(){return(this.renderRoot??ge??(ge=document.createDocumentFragment())).querySelectorAll(po)}}))],ho.prototype,"_preferencesNodes"),Le("pie-cookie-banner",ho);var vo=window.CustomEvent;function bo(e,t){var i="on"+t.type.toLowerCase();return"function"==typeof e[i]&&e[i](t),e.dispatchEvent(t)}function uo(e){for(;e;){if("dialog"===e.localName)return e;e=e.parentElement?e.parentElement:e.parentNode?e.parentNode.host:null}return null}function mo(e){for(;e&&e.shadowRoot&&e.shadowRoot.activeElement;)e=e.shadowRoot.activeElement;e&&e.blur&&e!==document.body&&e.blur()}function go(e,t){for(var i=0;i<e.length;++i)if(e[i]===t)return!0;return!1}function fo(e){return!(!e||!e.hasAttribute("method"))&&"dialog"===e.getAttribute("method").toLowerCase()}function yo(e){var t=["button","input","keygen","select","textarea"].map((function(e){return e+":not([disabled])"}));t.push('[tabindex]:not([disabled]):not([tabindex=""])');var i=e.querySelector(t.join(", "));if(!i&&"attachShadow"in Element.prototype)for(var o=e.querySelectorAll("*"),n=0;n<o.length&&!(o[n].tagName&&o[n].shadowRoot&&(i=yo(o[n].shadowRoot),i));n++);return i}function ko(e){return e.isConnected||document.body.contains(e)}function wo(e){if(e.submitter)return e.submitter;var t=e.target;if(!(t instanceof HTMLFormElement))return null;var i=_o.formSubmitter;if(!i){var o=e.target;i=("getRootNode"in o&&o.getRootNode()||document).activeElement}return i&&i.form===t?i:null}function xo(e){if(!e.defaultPrevented){var t=e.target,i=_o.imagemapUseValue,o=wo(e);null===i&&o&&(i=o.value);var n=uo(t);if(n)"dialog"===(o&&o.getAttribute("formmethod")||t.getAttribute("method"))&&(e.preventDefault(),null!=i?n.close(i):n.close())}}function Ao(e){if(this.dialog_=e,this.replacedStyleTop_=!1,this.openAsModal_=!1,e.hasAttribute("role")||e.setAttribute("role","dialog"),e.show=this.show.bind(this),e.showModal=this.showModal.bind(this),e.close=this.close.bind(this),e.addEventListener("submit",xo,!1),"returnValue"in e||(e.returnValue=""),"MutationObserver"in window){new MutationObserver(this.maybeHideModal.bind(this)).observe(e,{attributes:!0,attributeFilter:["open"]})}else{var t,i=!1,o=function(){i?this.downgradeModal():this.maybeHideModal(),i=!1}.bind(this),n=function(n){if(n.target===e){var r="DOMNodeRemoved";i|=n.type.substr(0,14)===r,window.clearTimeout(t),t=window.setTimeout(o,0)}};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach((function(t){e.addEventListener(t,n)}))}Object.defineProperty(e,"open",{set:this.setOpen.bind(this),get:e.hasAttribute.bind(e,"open")}),this.backdrop_=document.createElement("div"),this.backdrop_.className="backdrop",this.backdrop_.addEventListener("mouseup",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("mousedown",this.backdropMouseEvent_.bind(this)),this.backdrop_.addEventListener("click",this.backdropMouseEvent_.bind(this))}(!vo||"object"==typeof vo)&&(vo=function(e,t){t=t||{};var i=document.createEvent("CustomEvent");return i.initCustomEvent(e,!!t.bubbles,!!t.cancelable,t.detail||null),i},vo.prototype=window.Event.prototype),Ao.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){this.dialog_.hasAttribute("open")&&ko(this.dialog_)||this.downgradeModal()},downgradeModal:function(){this.openAsModal_&&(this.openAsModal_=!1,this.dialog_.style.zIndex="",this.replacedStyleTop_&&(this.dialog_.style.top="",this.replacedStyleTop_=!1),this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_),_o.dm.removeDialog(this))},setOpen:function(e){e?this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open",""):(this.dialog_.removeAttribute("open"),this.maybeHideModal())},backdropMouseEvent_:function(e){if(this.dialog_.hasAttribute("tabindex"))this.dialog_.focus();else{var t=document.createElement("div");this.dialog_.insertBefore(t,this.dialog_.firstChild),t.tabIndex=-1,t.focus(),this.dialog_.removeChild(t)}var i=document.createEvent("MouseEvents");i.initMouseEvent(e.type,e.bubbles,e.cancelable,window,e.detail,e.screenX,e.screenY,e.clientX,e.clientY,e.ctrlKey,e.altKey,e.shiftKey,e.metaKey,e.button,e.relatedTarget),this.dialog_.dispatchEvent(i),e.stopPropagation()},focus_:function(){var e=this.dialog_.querySelector("[autofocus]:not([disabled])");!e&&this.dialog_.tabIndex>=0&&(e=this.dialog_),e||(e=yo(this.dialog_)),mo(document.activeElement),e&&e.focus()},updateZIndex:function(e,t){if(e<t)throw new Error("dialogZ should never be < backdropZ");this.dialog_.style.zIndex=e,this.backdrop_.style.zIndex=t},show:function(){this.dialog_.open||(this.setOpen(!0),this.focus_())},showModal:function(){if(this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");if(!ko(this.dialog_))throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");if(!_o.dm.pushDialog(this))throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");(function(e){for(;e&&e!==document.body;){var t=window.getComputedStyle(e),i=function(e,i){return!(void 0===t[e]||t[e]===i)};if(t.opacity<1||i("zIndex","auto")||i("transform","none")||i("mixBlendMode","normal")||i("filter","none")||i("perspective","none")||"isolate"===t.isolation||"fixed"===t.position||"touch"===t.webkitOverflowScrolling)return!0;e=e.parentElement}return!1})(this.dialog_.parentElement)&&console.warn("A dialog is being shown inside a stacking context. This may cause it to be unusable. For more information, see this link: https://github.com/GoogleChrome/dialog-polyfill/#stacking-context"),this.setOpen(!0),this.openAsModal_=!0,_o.needsCentering(this.dialog_)?(_o.reposition(this.dialog_),this.replacedStyleTop_=!0):this.replacedStyleTop_=!1,this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling),this.focus_()},close:function(e){if(!this.dialog_.hasAttribute("open"))throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");this.setOpen(!1),void 0!==e&&(this.dialog_.returnValue=e);var t=new vo("close",{bubbles:!1,cancelable:!1});bo(this.dialog_,t)}};var _o={reposition:function(e){var t=document.body.scrollTop||document.documentElement.scrollTop,i=t+(window.innerHeight-e.offsetHeight)/2;e.style.top=Math.max(t,i)+"px"},isInlinePositionSetByStylesheet:function(e){for(var t=0;t<document.styleSheets.length;++t){var i=document.styleSheets[t],o=null;try{o=i.cssRules}catch{}if(o)for(var n=0;n<o.length;++n){var r=o[n],a=null;try{a=document.querySelectorAll(r.selectorText)}catch{}if(a&&go(a,e)){var s=r.style.getPropertyValue("top"),l=r.style.getPropertyValue("bottom");if(s&&"auto"!==s||l&&"auto"!==l)return!0}}}return!1},needsCentering:function(e){return!("absolute"!==window.getComputedStyle(e).position||"auto"!==e.style.top&&""!==e.style.top||"auto"!==e.style.bottom&&""!==e.style.bottom)&&!_o.isInlinePositionSetByStylesheet(e)},forceRegisterDialog:function(e){if((window.HTMLDialogElement||e.showModal)&&console.warn("This browser already supports <dialog>, the polyfill may not work correctly",e),"dialog"!==e.localName)throw new Error("Failed to register dialog: The element is not a dialog.");new Ao(e)},registerDialog:function(e){e.showModal||_o.forceRegisterDialog(e)},DialogManager:function(){this.pendingDialogStack=[];var e=this.checkDOM_.bind(this);this.overlay=document.createElement("div"),this.overlay.className="_dialog_overlay",this.overlay.addEventListener("click",function(t){this.forwardTab_=void 0,t.stopPropagation(),e([])}.bind(this)),this.handleKey_=this.handleKey_.bind(this),this.handleFocus_=this.handleFocus_.bind(this),this.zIndexLow_=1e5,this.zIndexHigh_=100150,this.forwardTab_=void 0,"MutationObserver"in window&&(this.mo_=new MutationObserver((function(t){var i=[];t.forEach((function(e){for(var t,o=0;t=e.removedNodes[o];++o)t instanceof Element&&("dialog"===t.localName&&i.push(t),i=i.concat(t.querySelectorAll("dialog")))})),i.length&&e(i)})))}};if(_o.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,!0),document.addEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.observe(document,{childList:!0,subtree:!0})},_o.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,!0),document.removeEventListener("keydown",this.handleKey_),this.mo_&&this.mo_.disconnect()},_o.DialogManager.prototype.updateStacking=function(){for(var e,t=this.zIndexHigh_,i=0;e=this.pendingDialogStack[i];++i)e.updateZIndex(--t,--t),0===i&&(this.overlay.style.zIndex=--t);var o=this.pendingDialogStack[0];o?(o.dialog.parentNode||document.body).appendChild(this.overlay):this.overlay.parentNode&&this.overlay.parentNode.removeChild(this.overlay)},_o.DialogManager.prototype.containedByTopDialog_=function(e){for(;e=uo(e);){for(var t,i=0;t=this.pendingDialogStack[i];++i)if(t.dialog===e)return 0===i;e=e.parentElement}return!1},_o.DialogManager.prototype.handleFocus_=function(e){var t=e.composedPath?e.composedPath()[0]:e.target;if(!this.containedByTopDialog_(t)&&document.activeElement!==document.documentElement&&(e.preventDefault(),e.stopPropagation(),mo(t),void 0!==this.forwardTab_)){var i=this.pendingDialogStack[0];return i.dialog.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_PRECEDING&&(this.forwardTab_?i.focus_():t!==document.documentElement&&document.documentElement.focus()),!1}},_o.DialogManager.prototype.handleKey_=function(e){if(this.forwardTab_=void 0,27===e.keyCode){e.preventDefault(),e.stopPropagation();var t=new vo("cancel",{bubbles:!1,cancelable:!0}),i=this.pendingDialogStack[0];i&&bo(i.dialog,t)&&i.dialog.close()}else 9===e.keyCode&&(this.forwardTab_=!e.shiftKey)},_o.DialogManager.prototype.checkDOM_=function(e){this.pendingDialogStack.slice().forEach((function(t){-1!==e.indexOf(t.dialog)?t.downgradeModal():t.maybeHideModal()}))},_o.DialogManager.prototype.pushDialog=function(e){var t=(this.zIndexHigh_-this.zIndexLow_)/2-1;return!(this.pendingDialogStack.length>=t)&&(1===this.pendingDialogStack.unshift(e)&&this.blockDocument(),this.updateStacking(),!0)},_o.DialogManager.prototype.removeDialog=function(e){var t=this.pendingDialogStack.indexOf(e);-1!==t&&(this.pendingDialogStack.splice(t,1),0===this.pendingDialogStack.length&&this.unblockDocument(),this.updateStacking())},_o.dm=new _o.DialogManager,_o.formSubmitter=null,_o.imagemapUseValue=null,void 0===window.HTMLDialogElement){var zo=document.createElement("form");if(zo.setAttribute("method","dialog"),"dialog"!==zo.method){var So=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(So){var $o=So.get;So.get=function(){return fo(this)?"dialog":$o.call(this)};var Eo=So.set;So.set=function(e){return"string"==typeof e&&"dialog"===e.toLowerCase()?this.setAttribute("method",e):Eo.call(this,e)},Object.defineProperty(HTMLFormElement.prototype,"method",So)}}document.addEventListener("click",(function(e){if(_o.formSubmitter=null,_o.imagemapUseValue=null,!e.defaultPrevented){var t=e.target;if("composedPath"in e)t=e.composedPath().shift()||t;if(t&&fo(t.form)){if(!("submit"===t.type&&["button","input"].indexOf(t.localName)>-1)){if("input"!==t.localName||"image"!==t.type)return;_o.imagemapUseValue=e.offsetX+","+e.offsetY}uo(t)&&(_o.formSubmitter=t)}}}),!1),document.addEventListener("submit",(function(e){var t=e.target;if(!uo(t)){var i=wo(e);"dialog"===(i&&i.getAttribute("formmethod")||t.getAttribute("method"))&&e.preventDefault()}}));var Co=HTMLFormElement.prototype.submit;HTMLFormElement.prototype.submit=function(){if(!fo(this))return Co.call(this);var e=uo(this);e&&e.close()}}const Mo=Object.freeze(Object.defineProperty({__proto__:null,default:_o},Symbol.toStringTag,{value:"Module"})),To=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Бисквитки",description:"Използваме наши собствени бисквитки и бисквитки на трети страни и друга технология, за да усъвършенстваме и персонализираме изживяването ти като потребител, за да оптимизираме статистиката и да показваме реклами на трети страни (прочети нашата <linkStatement>декларация</linkStatement>). Винаги настройваме необходимите бисквитки. Кликни върху <linkNecessaryOnly>Само необходимите</linkNecessaryOnly>, за да продължиш, без да приемаш други. Кликни върху <linkManagePreferences>Управление на предпочитанията</linkManagePreferences>, за да споделиш своите предпочитания или <linkAcceptAll>приеми всички</linkAcceptAll>.",cta:{managePreferences:"Управление на предпочитанията",necessaryOnly:"Само необходимите",acceptAll:"Приемане на всички"}},preferencesManagement:{title:"Управление на предпочитанията",description:"Можеш да намериш цялата информация в <linkCookieStatement>Декларацията за бисквитки</linkCookieStatement> и Списъка с <linkCookieTechList>технологии за бисквитки</linkCookieTechList>.",all:{title:"Включи всички"},necessary:{title:"Необходими",description:"Тези бисквитки са необходими, за да се гарантира правилното функциониране на уебсайта и неговите свойства. Заявените от теб услуги не могат да се предоставят без тези бисквитки."},functional:{title:"Функционални",description:"Тези бисквитки позволяват на уебсайта да запомни направените от теб избори за осигуряване на по-добра функционалност и персонализирани функции."},analytical:{title:"Аналитични",description:"Тези аналитични бисквитки, включително за статистически данни, се използват за разбиране начина, по който посетителите взаимодействат с уебсайта, за да можем да измерваме и подобряваме ефективността на нашия уебсайт."},personalized:{title:"Персонализирани (целеви и рекламни)",description:"Тези маркетингови бисквитки се използват за персонализиране предоставянето на информация на теб въз основа на твоя интерес и за измерване на ефективността на такива реклами на нашия уебсайт и на уебсайтовете на рекламните ни партньори."},cta:{save:{label:"Запази",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Oo=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Galetes",description:"Utilitzem galetes pròpies i de tercers, així com altres tecnologies per millorar i personalitzar la teva experiència d’usuari, optimitzar l’anàlisi i mostrar anuncis amb tercers (llegeix la nostra <linkStatement>Declaració</linkStatement>). Les galetes necessàries sempre estan definides. Fes clic a <linkNecessaryOnly>Només necessàries</linkNecessaryOnly> per continuar sense acceptar-ne més. Fes clic a <linkManagePreferences>Gestionar preferències</linkManagePreferences> per compartir les teves preferències o <linkAcceptAll>Acceptar-les totes</linkAcceptAll>.",cta:{managePreferences:"Gestionar preferències",necessaryOnly:"Només necessàries",acceptAll:"Acceptar-les totes"}},preferencesManagement:{title:"Gestiona les teves preferències",description:"Pots trobar tota la informació a la <linkCookieStatement>Declaració de galetes</linkCookieStatement> i a la <linkCookieTechList>llista de tecnologies de galetes</linkCookieTechList>.",all:{title:"Activar-les totes"},necessary:{title:"Necessàries",description:"Aquestes galetes són necessàries per garantir que el lloc web i les seves característiques funcionin adequadament. Els serveis que has demanat no es poden oferir sense aquestes galetes."},functional:{title:"Funcionals",description:"Aquestes galetes permeten que el lloc web recordi les eleccions que fas per oferir-te una millor funcionalitat i característiques personals."},analytical:{title:"Analítiques",description:"Aquestes galetes analítiques, incloses les estadístiques, s’utilitzen per entendre com interaccionen els visitants amb el lloc web i per poder mesurar i millorar el rendiment del nostre lloc web."},personalized:{title:"Personalitzades (orientació i publicitat)",description:"Aquestes galetes de màrqueting s’utilitzen per adaptar el lliurament de la informació en funció del teu interès i per mesurar l’eficàcia d’aquests anuncis, tant al nostre lloc web com als llocs web dels nostres socis publicitaris."},cta:{save:{label:"Desar",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Lo=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookies",description:"Vi bruger vores egne og tredjepartscookies og anden teknologi til at forbedre og tilpasse din brugeroplevelse, optimere analyser og vise annoncer med tredjeparter (læs vores <linkStatement>erklæring</linkStatement>). Vi bruger altid nødvendige cookier. Klik på <linkNecessaryOnly>Kun nødvendige</linkNecessaryOnly> for at fortsætte uden at acceptere flere. Klik på <linkManagePreferences>Administrer præferencer</linkManagePreferences> for at dele dine præferencer eller <linkAcceptAll>Accepter alle</linkAcceptAll>.",cta:{managePreferences:"Administrer præferencer",necessaryOnly:"Kun nødvendige",acceptAll:"Accepter alle"}},preferencesManagement:{title:"Administrer præferencer",description:"Du kan finde alle oplysningerne i <linkCookieStatement>cookie-erklæringen</linkCookieStatement> og <linkCookieTechList>cookie-teknologilisten</linkCookieTechList>.",all:{title:"Aktiver alle"},necessary:{title:"Nødvendige",description:" Disse cookier er nødvendige for at sikre, at hjemmesiden og dens funktioner fungerer korrekt. Tjenester, som du har bedt om, kan ikke leveres uden disse cookier."},functional:{title:"Funktionelle",description:" Disse cookier gør det muligt for hjemmesiden at huske de valg, du træffer, for at give dig bedre funktionalitet og personlige funktioner."},analytical:{title:"Analytiske",description:" Disse analytiske cookier, herunder statistiske, bruges til at forstå, hvordan besøgende interagerer med hjemmesiden, og vi kan måle og forbedre vores hjemmesides ydeevne."},personalized:{title:"Personlige (målretning og annoncering)",description:"Disse markedsføringscookier bruges til at skræddersy leveringen af oplysninger til dig baseret på dine interesser og til at måle effektiviteten af sådanne annoncer, både på vores hjemmeside og vores annonceringspartneres hjemmesider."},cta:{save:{label:"Gem",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Bo=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookies",description:"Wir nutzen unsere eigenen Cookies und die von Drittanbietern sowie andere Technologien, um dein Nutzererlebnis zu verbessern und zu personalisieren, um Analysen zur Optimierung durchzuführen und um Werbung in Partnerschaft mit Dritten zu schalten (siehe unsere <linkStatement>Hinweise</linkStatement>). Die notwendigen Cookies werden immer gesetzt. Klicke auf <linkNecessaryOnly>Nur notwendige</linkNecessaryOnly>, um fortzufahren, ohne weitere anzunehmen. Klicke auf <linkManagePreferences>Einstellungen verwalten</linkManagePreferences>, um deine Einstellungen zu aktualisieren, oder auf <linkAcceptAll>Alle annehmen</linkAcceptAll>.",cta:{managePreferences:"Einstellungen verwalten",necessaryOnly:"Nur notwendige",acceptAll:"Alle annehmen"}},preferencesManagement:{title:"Deine Einstellungen verwalten",description:"Alle Informationen findest du in der <linkCookieStatement>Cookie-Erklärung</linkCookieStatement> und der <linkCookieTechList>Cookie-Technologie-Liste</linkCookieTechList>.",all:{title:"Alle aktivieren"},necessary:{title:"Notwendig",description:"Diese Cookies sind notwendig, um sicherzustellen, dass die Webseite und ihre Funktionen ordnungsgemäß funktionieren. Die von dir angeforderten Dienste können ohne diese Cookies nicht bereitgestellt werden."},functional:{title:"Funktional",description:"Diese Cookies ermöglichen es der Webseite, sich an die von dir getroffenen Entscheidungen zu erinnern, um dir eine bessere Funktionalität und individuelle Funktionen zu bieten."},analytical:{title:"Analytisch",description:"Diese analytischen Cookies, einschließlich Statistiken, werden verwendet, um zu verstehen, wie Besucher mit der Webseite interagieren, und wir können die Leistung unserer Webseite messen und verbessern."},personalized:{title:"Personalisiert (Targeting und Werbung)",description:"Diese Marketing-Cookies werden verwendet, um die Übermittlung von Informationen an dich auf deine Interessen abzustimmen und um die Effektivität solcher Werbung zu messen, sowohl auf unserer Webseite als auch auf den Webseiten unserer Werbepartner."},cta:{save:{label:"Speichern",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Po=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookies",description:"We use our own and third party cookies and other tech to enhance and personalise your user experience, optimize analytics, and show ads with third parties (read our <linkStatement>Statement</linkStatement>). Necessary cookies are always set. Select <linkNecessaryOnly>Continue without accepting</linkNecessaryOnly> to accept only essential trackers required for an optimal use of our platform. Click <linkManagePreferences>Manage preferences</linkManagePreferences> to share your preferences or <linkAcceptAll>Accept all</linkAcceptAll>.",cta:{managePreferences:"Manage preferences",necessaryOnly:"Continue without accepting",acceptAll:"Accept all"}},preferencesManagement:{title:"Manage your preferences",description:"You can find all the information in the <linkCookieStatement>Cookie Statement</linkCookieStatement> and <linkCookieTechList>Cookie technology list</linkCookieTechList>.",all:{title:"Turn all on"},necessary:{title:"Necessary Technologies",description:"These technologies are necessary to ensure that the website and its features function properly. Services you have asked for cannot be provided without these technologies."},functional:{title:"Functional Technologies",description:"These technologies allow the website to remember the choices you make to give you better functionality and personal features."},analytical:{title:"Analytical Technologies",description:"These analytical technologies, including statistics, are used to understand how visitors interact with the website and we can measure and improve the performance of our website."},personalized:{title:"Personalised (targeting and advertising) Technologies",description:"These marketing technologies are used to tailor the delivery of information to you based upon your interest and to measure the effectiveness of such advertisements, both on our website and our advertising partners' websites."},cta:{save:{label:"Save",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),No=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookies",description:"Usamos nuestras propias cookies y de terceros, así como otra tecnología para mejorar y personalizar tu experiencia de usuario, optimizar el análisis y mostrar anuncios con terceros (lee nuestra <linkStatement>Declaración</linkStatement>). Siempre se establecen las cookies necesarias. Haz clic en <linkNecessaryOnly>Sólo necesarias</linkNecessaryOnly> para seguir sin aceptar más. Haz clic en <linkManagePreferences>Gestionar preferencias</linkManagePreferences> para compartir tus preferencias o <linkAcceptAll>Aceptarlas todas</linkAcceptAll>.",cta:{managePreferences:"Gestionar preferencias",necessaryOnly:"Sólo necesarias",acceptAll:"Aceptarlas todas"}},preferencesManagement:{title:"Gestionar tus preferencias",description:"Puedes encontrar toda la información en la <linkCookieStatement>Declaración sobre cookies</linkCookieStatement> y la <linkCookieTechList>Lista de tecnología de cookies</linkCookieTechList>.",all:{title:"Activar todas"},necessary:{title:"Necesarias",description:"Estas cookies son necesarias para garantizar que el sitio web y sus funciones funcionen correctamente. Los servicios que has solicitado no se pueden proporcionar sin estas cookies."},functional:{title:"Funcionales",description:"Estas cookies permiten que el sitio web recuerde las opciones que eliges para ofrecerte una mejor funcionalidad y características personales."},analytical:{title:"Analíticas",description:"Estas cookies analíticas, incluidas las estadísticas, se utilizan para comprender cómo interactúan los visitantes con el sitio web y para que podamos medir y mejorar el rendimiento de nuestro sitio web."},personalized:{title:"Personalizadas (dirigidas y de publicidad)",description:"Estas cookies de marketing se utilizan para adaptar la entrega de información en función de tu interés y para medir la eficacia de dichos anuncios, tanto en nuestro sitio web como en los sitios web de nuestros socios publicitarios."},cta:{save:{label:"Guardar",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),jo=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookies",description:"Nous utilisons nos propres cookies et ceux de tiers, ainsi que d’autres technologies, afin d’améliorer et de personnaliser votre expérience d’utilisateur, d’optimiser nos analyses et d’afficher des publicités en partenariat avec des tiers (veuillez consulter notre <linkStatement>déclaration</linkStatement>). Nous installons toujours les cookies essentiels. Sélectionnez <linkNecessaryOnly>Continuer sans accepter</linkNecessaryOnly> pour accepter seulement les traqueurs nécessaires au fonctionnement optimal de notre plateforme. Cliquez sur <linkManagePreferences>Gérer les préférences</linkManagePreferences> pour choisir vous-même vos cookies ou sur <linkAcceptAll>Tout accepter</linkAcceptAll>.",cta:{managePreferences:"Gérer les préférences",necessaryOnly:"Continuer sans accepter",acceptAll:"Tout accepter"}},preferencesManagement:{title:"Gérer vos préférences",description:"Vous trouverez toutes les informations dans la <linkCookieStatement>déclaration relative aux technologies</linkCookieStatement> et dans la liste des <linkCookieTechList>technologies relatives aux technologies</linkCookieTechList>.",all:{title:"Tout activer"},necessary:{title:"Technologies nécessaires",description:"Ces technologies sont indispensables au bon fonctionnement du site Web et de ses fonctionnalités. Les services que vous avez demandés ne peuvent être fournis sans ces technologies."},functional:{title:"Technologies fonctionnelles",description:"Ces technologies permettent au site Web de se souvenir de vos choix pour vous offrir de meilleures fonctionnalités et une expérience personnalisée."},analytical:{title:"Technologies analytiques",description:"Les technologies analytiques, incluant des technologies statistiques, sont utilisés pour comprendre comment les visiteurs interagissent avec le site Web. Ils nous permettent d’en mesurer et d’en améliorer les performances."},personalized:{title:"Technologies personnalisées (ciblage et publicité)",description:"Ces technologies marketing sont utilisés pour adapter les informations affichées à vos centres d’intérêt et pour mesurer l’efficacité de ces publicités, à la fois sur notre site Web et sur les sites Web de nos partenaires publicitaires."},cta:{save:{label:"Enregistrer",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Io=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookies",description:"Nous utilisons nos propres cookies et ceux de tiers, ainsi que d’autres technologies, afin d’améliorer et de personnaliser votre expérience d’utilisateur, d’optimiser nos analyses et d’afficher des publicités en partenariat avec des tiers (veuillez consulter notre <linkStatement>déclaration</linkStatement>). Nous installons toujours les cookies essentiels. Cliquez sur <linkNecessaryOnly>Cookies essentiels uniquement</linkNecessaryOnly> pour continuer en acceptant uniquement les cookies indispensables. Cliquez sur <linkManagePreferences>Gérer les préférences</linkManagePreferences> pour choisir vous-même vos cookies ou sur <linkAcceptAll>Tout accepter</linkAcceptAll>.",cta:{managePreferences:"Gérer les préférences",necessaryOnly:"Cookies essentiels uniquement",acceptAll:"Tout accepter"}},preferencesManagement:{title:"Gérer vos préférences",description:"Vous trouverez toutes les informations dans la <linkCookieStatement>déclaration relative aux cookies</linkCookieStatement> et dans la liste des <linkCookieTechList>technologies relatives aux cookies</linkCookieTechList>.",all:{title:"Tout activer"},necessary:{title:"Cookies essentiels",description:"Ces cookies sont indispensables au bon fonctionnement du site Web et de ses fonctionnalités. Les services que vous avez demandés ne peuvent être fournis sans ces cookies."},functional:{title:"Cookies fonctionnels",description:"Ces cookies permettent au site Web de se souvenir de vos choix pour vous offrir de meilleures fonctionnalités et une expérience personnalisée."},analytical:{title:"Cookies analytiques",description:"Les cookies analytiques, incluant des cookies statistiques, sont utilisés pour comprendre comment les visiteurs interagissent avec le site Web. Ils nous permettent d’en mesurer et d’en améliorer les performances."},personalized:{title:"Cookies de ciblage (publicitaires)",description:"Ces cookies marketing sont utilisés pour adapter les informations affichées à vos centres d’intérêt et pour mesurer l’efficacité de ces publicités, à la fois sur notre site Web et sur les sites Web de nos partenaires publicitaires."},cta:{save:{label:"Enregistrer",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Do=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"קובצי Cookie",description:"אנו משתמשים בקובצי Cookie ובטכנולוגיות נוספות שלנו ושל צדדים שלישיים כדי לשפר ולהתאים אישית את חוויית המשתמש שלכם, למטב ניתוח נתונים ולהציג פרסומות עם צדדים שלישיים (קראו את <linkStatement>ההצהרה</linkStatement> שלנו). קובצי Cookie הכרחיים תמיד נמצאים בשימוש. לחצו על <linkNecessaryOnly>הכרחי בלבד</linkNecessaryOnly> כדי להמשיך בלי להסכים לסוגים אחרים. לחצו על <linkManagePreferences>ניהול העדפות</linkManagePreferences> כדי לשתף את העדפותיכם או לחצו על <linkAcceptAll>הסכם להכול</linkAcceptAll>.",cta:{managePreferences:"ניהול העדפות",necessaryOnly:"הכרחי בלבד",acceptAll:"הסכם להכול"}},preferencesManagement:{title:"ניהול ההעדפות של",description:"תוכל למצוא את כל המידע <linkCookieStatement>בהצהרת</linkCookieStatement> קובצי ה-Cookie וכן <linkCookieTechList>ברשימת הטכנולוגיה</linkCookieTechList> של קובצי ה-Cookie.",all:{title:"להפעלת הכול"},necessary:{title:"הכרחי",description:"קובצי Cookie אלה הכרחיים כדי להבטיח שאתר האינטרנט והתכונות שלו מתפקדים כראוי. לא ניתן לספק את השירותים שביקשתם ללא קובצי Cookie אלה."},functional:{title:"תפקודיים",description:"קובצי Cookie אלה מאפשרים לאתר האינטרנט לזכור את הבחירות שאתם עושים כדי לספק לכם חוויה מותאמת אישית ותפקודיות טובה יותר."},analytical:{title:"ניתוח נתונים",description:"קובצי Cookie אלה לניתוח נתונים, כולל נתונים סטטיסטיים, משמשים כדי להבין כיצד מבקרים מקיימים אינטראקציה עם אתר האינטרנט וכדי לאפשר לנו למדוד ולשפר את הביצועים של אתר האינטרנט שלנו."},personalized:{title:"התאמה אישית (מיקוד ופרסום)",description:"קובצי Cookie שיווקיים אלה משמשים כדי להתאים אישית את המידע הנמסר לכם על סמך תחומי העניין שלכם וכדי למדוד את היעילות של פרסומות כאלה, הן באתר האינטרנט שלנו והן באתרי האינטרנט של שותפי הפרסום שלנו."},cta:{save:{label:"שמירה",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Fo=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookie",description:"Usiamo cookie nostri e di terze parti e altre tecnologie per migliorare e personalizzare la tua esperienza utente, ottimizzare l’analisi dei dati e mostrare annunci pubblicitari in collaborazione con terze parti (leggi la nostra <linkStatement>Informativa</linkStatement>). I cookie necessari sono sempre attivi. Premi Solo <linkNecessaryOnly>necessari</linkNecessaryOnly> per proseguire senza accettare altri cookie. Apri <linkManagePreferences>Gestisci preferenze</linkManagePreferences> per scegliere quali cookie attivare, oppure premi <linkAcceptAll>Accetta tutti</linkAcceptAll> per attivare tutti i cookie.",cta:{managePreferences:"Gestisci preferenze",necessaryOnly:"Solo necessari",acceptAll:"Accetta tutti"}},preferencesManagement:{title:"Gestisci le tue preferenze",description:"Tutti i dettagli sono disponibili nell’<linkCookieStatement>Informativa sui cookie</linkCookieStatement> e nell’Elenco delle <linkCookieTechList>tecnologie cookie</linkCookieTechList>.",all:{title:"Attiva tutti"},necessary:{title:"Necessari",description:"Questi cookie servono a garantire che il sito web e le sue componenti funzionino correttamente. Senza i cookie necessari, i servizi da te richiesti non possono essere forniti."},functional:{title:"Funzionali",description:"Questi cookie consentono al sito web di memorizzare le scelte effettuate dall’utente per offrire una migliore funzionalità e personalizzazione."},analytical:{title:"Analitici",description:"Questi cookie, che includono le statistiche, ci consentono di capire come i visitatori interagiscono con il nostro sito web per misurarne e migliorarne le prestazioni."},personalized:{title:"Personalizzati (targeting e pubblicità)",description:"Questi cookie, detti di profilazione, vengono usati per personalizzare le informazioni trasmesse all’utente in base ai suoi interessi e per misurare l’efficacia delle pubblicità, sia sul nostro sito web sia sui siti web dei nostri partner pubblicitari."},cta:{save:{label:"Salva",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Ro=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Cookies",description:"Wij gebruiken onze eigen cookies, cookies van derde partijen en andere technieken om jouw gebruikerservaring te verbeteren en te personaliseren, analyses te optimaliseren en om advertenties met derde partijen te laten zien (lees onze <linkStatement>privacyverklaring</linkStatement>). Wij plaatsen altijd noodzakelijke cookies. Klik op <linkNecessaryOnly>Alleen noodzakelijk</linkNecessaryOnly> om door te gaan zonder meer te accepteren. Klik op <linkManagePreferences>Beheer voorkeuren</linkManagePreferences> om je voorkeuren te delen of <linkAcceptAll>Alles accepteren</linkAcceptAll>.",cta:{managePreferences:"Beheer voorkeuren",necessaryOnly:"Alleen noodzakelijk",acceptAll:"Alles accepteren"}},preferencesManagement:{title:"Beheer je voorkeuren",description:"Je vindt alle informatie in de <linkCookieStatement>Cookieverklaring</linkCookieStatement> en de <linkCookieTechList>Cookietechnologielijst</linkCookieTechList>.",all:{title:"Zet alles aan"},necessary:{title:"Noodzakelijk",description:" Deze cookies zijn noodzakelijk voor een goede werking van de website en alle functies. Zonder deze cookies kunnen je gevraagde diensten niet worden geleverd."},functional:{title:"Functioneel",description:" Met deze cookies kan de website de keuzes die je maakt onthouden om je een betere functionaliteit en persoonlijke functies te bieden."},analytical:{title:"Analytisch",description:"Deze analytische cookies, waaronder statistieken, worden gebruikt om te begrijpen hoe bezoekers de website gebruiken, zodat wij de prestaties van onze website kunnen meten en verbeteren."},personalized:{title:"Gepersonaliseerd (targeting en reclame)",description:"Deze marketingcookies worden gebruikt om de informatievoorziening af te stemmen op jouw interesses en om de effectiviteit van dergelijke advertenties te meten. Zowel op onze website als op de websites van onze reclamepartners."},cta:{save:{label:"Opslaan",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Ho=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Pliki cookie",description:"Używamy własnych plików cookie, plików stron trzecich oraz innych technologii mających na celu ulepszanie i personalizowanie doświadczeń użytkownika, optymalizację analiz i wyświetlanie reklam stronom trzecim (czytaj nasze <linkStatement>Oświadczenie</linkStatement>). Zawsze umieszczamy na urządzeniu użytkownika niezbędne pliki cookie. Kliknij <linkNecessaryOnly>Tylko niezbędne</linkNecessaryOnly>, aby kontynuować bez akceptowania kolejnych. Kliknij <linkManagePreferences>Zarządzaj ustawieniami</linkManagePreferences>, aby udostępnić ustawienia lub <linkAcceptAll>akceptować wszystkie</linkAcceptAll>.",cta:{managePreferences:"Zarządzaj ustawieniami",necessaryOnly:"Tylko niezbędne",acceptAll:"Zaakceptuj wszystkie"}},preferencesManagement:{title:"Zarządzaj swoimi ustawieniami",description:"Wszystkie informacje można znaleźć w <linkCookieStatement>Oświadczeniu o plikach cookie</linkCookieStatement> i na liście <linkCookieTechList>technologii plików cookie</linkCookieTechList>.",all:{title:"Włącz wszystkie"},necessary:{title:"Niezbędne",description:"Te pliki cookie są niezbędne do zapewnienia prawidłowego działania witryny internetowej i jej funkcji. Usługi, o które użytkownik poprosił, nie mogą być świadczone bez tych plików cookie."},functional:{title:"Związane z funkcjonalnością",description:"Te pliki cookie umożliwiają witrynie zapamiętanie wyborów dokonanych przez użytkownika, aby zapewnić mu lepszą funkcjonalność i obsługę funkcji osobistych."},analytical:{title:"Analityczne",description:"Te analityczne pliki cookie, w tym związane ze statystykami, są wykorzystywane do zrozumienia, w jaki sposób odwiedzający wchodzą w interakcję z witryną internetową oraz jak możemy mierzyć i poprawiać wydajność naszej witryny internetowej."},personalized:{title:"Spersonalizowane (targetowanie i reklama)",description:"Te marketingowe pliki cookie są wykorzystywane w celu dostosowania dostarczania informacji użytkownikowi w oparciu o jego zainteresowania oraz w celu pomiaru skuteczności takich reklam, zarówno na naszej stronie internetowej, jak i na stronach internetowych naszych partnerów reklamowych."},cta:{save:{label:"Zapisz",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"})),Vo=Object.freeze(Object.defineProperty({__proto__:null,default:{banner:{title:"Súbory cookie",description:"Na zlepšenie a prispôsobenie používateľského prostredia, optimalizáciu analýz a zobrazovanie reklám tretích strán používame vlastné súbory cookie a súbory cookie tretích strán (prečítajte si naše <linkStatement>Vyhlásenie</linkStatement>). Nevyhnutné súbory cookie sú nastavené vždy. Kliknutím na tlačidlo <linkNecessaryOnly>Iba nevyhnutné</linkNecessaryOnly> môžeš pokračovať bez ďalších súborov cookie. Kliknutím na <linkManagePreferences>Spravovať preferencie</linkManagePreferences> môžeš zdieľať svoje preferencie, alebo kliknúť na <linkAcceptAll>Prijať všetko</linkAcceptAll>.",cta:{managePreferences:"Spravovať preferencie",necessaryOnly:"Iba nevyhnutné",acceptAll:"Prijať všetko"}},preferencesManagement:{title:"Spravovať svoje preferencie",description:"Všetky informácie o našom používaní súborov cookie nájdeš vo <linkCookieStatement>Vyhlásení o súboroch cookie</linkCookieStatement> a zozname <linkCookieTechList>technológie súborov cookie</linkCookieTechList>.",all:{title:"Zapnúť všetky"},necessary:{title:"Nevyhnutné",description:"Tieto súbory cookie sú potrebné na zabezpečenie správneho fungovania webovej stránky a jej funkcií. Služby, o ktoré si požiadal/a, nie je možné poskytovať bez týchto súborov cookie."},functional:{title:"Funkčné",description:"Tieto súbory cookie umožňujú webovej stránke zapamätať si tvoje voľby, aby ti poskytla lepšiu funkčnosť a personalizované funkcie."},analytical:{title:"Analytické",description:"Tieto analytické súbory cookie, vrátane štatistík, sa používajú na pochopenie toho, ako návštevníci interagujú s webovou stránkou, a umožňujú nám merať a zlepšovať výkonnosť našej webovej stránky."},personalized:{title:"Personalizované (zameriavanie a reklama)",description:"Tieto marketingové súbory cookie sa používajú na prispôsobenie poskytovania informácií na základe tvojho záujmu a meranie účinnosti takýchto reklám na našich webových stránkach a webových stránkach našich reklamných partnerov."},cta:{save:{label:"Uložiť",ariaLabel:""}}}}},Symbol.toStringTag,{value:"Module"}));return e.Country=Zi,e.Language=Gi,e.ON_COOKIE_BANNER_ACCEPT_ALL=Yi,e.ON_COOKIE_BANNER_MANAGE_PREFS=Qi,e.ON_COOKIE_BANNER_NECESSARY_ONLY=Xi,e.ON_COOKIE_BANNER_PREFS_SAVED=Ji,e.PieCookieBanner=ho,e.availableLocales=io,e.defaultLocaleForCountry=oo,e.defaultProps=to,e.preferences=eo,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),e}({});
|