@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 CHANGED
@@ -1,1932 +1,158 @@
1
- const lo = (n, e, t) => {
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
- * @license
16
- * Copyright 2019 Google LLC
17
- * SPDX-License-Identifier: BSD-3-Clause
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
- * @license
58
- * Copyright 2017 Google LLC
59
- * SPDX-License-Identifier: BSD-3-Clause
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
- * @license
292
- * Copyright 2017 Google LLC
293
- * SPDX-License-Identifier: BSD-3-Clause
294
- */
295
- const Ze = globalThis, ct = Ze.trustedTypes, ci = ct ? ct.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, jt = "$lit$", ae = `lit$${Math.random().toFixed(9).slice(2)}$`, Ut = "?" + ae, yo = `<${Ut}>`, ke = document, et = () => ke.createComment(""), tt = (n) => n === null || typeof n != "object" && typeof n != "function", Wt = Array.isArray, $i = (n) => Wt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", Tt = `[
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
- * @license
591
- * Copyright 2017 Google LLC
592
- * SPDX-License-Identifier: BSD-3-Clause
593
- */
594
- function nt(n) {
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
- * @license
599
- * Copyright 2017 Google LLC
600
- * SPDX-License-Identifier: BSD-3-Clause
601
- */
602
- const Ti = (n, e, t) => (t.configurable = !0, t.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(n, e, t), t);
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
- * @license
605
- * Copyright 2017 Google LLC
606
- * SPDX-License-Identifier: BSD-3-Clause
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
- * @license
621
- * Copyright 2017 Google LLC
622
- * SPDX-License-Identifier: BSD-3-Clause
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
- * @license
632
- * Copyright 2017 Google LLC
633
- * SPDX-License-Identifier: BSD-3-Clause
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
- * @license
654
- * Copyright 2020 Google LLC
655
- * SPDX-License-Identifier: BSD-3-Clause
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
- * @license
690
- * Copyright 2017 Google LLC
691
- * SPDX-License-Identifier: BSD-3-Clause
692
- */
693
- const mi = (n, e, t) => {
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
- * @license
745
- * Copyright 2018 Google LLC
746
- * SPDX-License-Identifier: BSD-3-Clause
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
- * @license
774
- * Copyright 2018 Google LLC
775
- * SPDX-License-Identifier: BSD-3-Clause
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="${Z(r)}"
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="${l}">
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="${I(t)}"
1464
- rel="${I(o)}"
1465
- target="${I(l)}"
1466
- class="${Z(e)}">
1467
- ${r === "leading" ? y`<slot name="icon"></slot>` : x}
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
- ${r === "trailing" ? y`<slot name="icon"></slot>` : x}
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=${Z(d)}
1486
- type=${l}
91
+ class=${Me(r)}
92
+ type=${n}
1487
93
  ?disabled=${t}>
1488
- ${o ? this.renderSpinner() : x}
1489
- ${r === "leading" ? y`<slot name="icon"></slot>` : x}
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
- ${r === "trailing" ? y`<slot name="icon"></slot>` : x}
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="${re}"
1610
- data-test-id="${re}"
1611
- class="${Z(l)}"
1612
- aria-labelledby="${re}-label">
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="${re}-label" class="c-divider-label">${r}</span>
106
+ <span id="${ct}-label" class="c-divider-label">${i}</span>
1615
107
  <hr aria-hidden="true"/>
1616
- </div>` : y`
1617
- <hr id="${re}"
1618
- data-test-id="${re}"
1619
- class="${Z(l)}"
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="${l}">
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="${Z(d)}"
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="${I(l == null ? void 0 : l.label)}"
1694
- aria-labelledby="${I(l == null ? void 0 : l.labelledby)}"
1695
- aria-describedby="${I(l == null ? void 0 : l.describedby)}"
1696
- aria-expanded="${I(l == null ? void 0 : l.expanded)}"
1697
- aria-controls="${I(l == null ? void 0 : l.controls)}">
1698
- ${o ? this.renderSpinner() : y`<slot></slot>`}
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 && e === "leading" ? y`<slot name="icon"></slot>` : x}
130
+ ${t&&"leading"===e?W`<slot name="icon"></slot>`:q}
1752
131
  <slot></slot>
1753
- ${t && e === "trailing" ? y`<slot name="icon"></slot>` : x}
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="${Z(e)}"
136
+ class="${Me(e)}"
1767
137
  type=${this.type}
1768
- aria-label=${I((t = this.aria) == null ? void 0 : t.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="${Z(e)}"
1783
- href=${I(this.href)}
1784
- target=${I(this.target)}
1785
- rel=${I(this.rel)}
1786
- aria-label=${I((t = this.aria) == null ? void 0 : t.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
- * @license
1853
- * Copyright 2020 Google LLC
1854
- * SPDX-License-Identifier: BSD-3-Clause
1855
- */
1856
- const Ui = Symbol.for(""), ln = (n) => {
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 = this.aria) == null ? void 0 : e.close) || x}"
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>` : x;
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="${I((e = this.aria) == null ? void 0 : e.back)}"
180
+ aria-label="${Te(null==(e=this.aria)?void 0:e.back)}"
2243
181
  data-test-id="modal-back-button">
2244
- ${this.isRTL ? K`<icon-chevron-right></icon-chevron-right>` : K`<icon-chevron-left></icon-chevron-left>`}
182
+ ${this.isRTL?It`<icon-chevron-right></icon-chevron-right>`:It`<icon-chevron-left></icon-chevron-left>`}
2245
183
  </pie-icon-button>
2246
- ` : x;
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="${r}"
2262
- aria-label="${I(e)}"
186
+ variant="${i}"
187
+ aria-label="${Te(e)}"
2263
188
  type="submit"
2264
189
  ?isFullWidth="${this.hasStackedActions}"
2265
- @click="${() => this._handleActionClick("leading")}"
190
+ @click="${()=>this._handleActionClick("leading")}"
2266
191
  data-test-id="modal-leading-action">
2267
192
  ${t}
2268
193
  </pie-button>
2269
- ` : x;
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="${I(t)}"
197
+ aria-label="${Te(t)}"
2288
198
  type="reset"
2289
199
  ?isFullWidth="${this.hasStackedActions}"
2290
- @click="${() => this._handleActionClick("supporting")}"
200
+ @click="${()=>this._handleActionClick("supporting")}"
2291
201
  data-test-id="modal-supporting-action">
2292
- ${r}
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
- </${r}>
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="${Z(f)}"
2371
- aria-busy="${l ? "true" : "false"}"
2372
- aria-label="${I(h)}"
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
- ${// We need to wrap the remaining content in a shared scrollable container if the footer is not pinned
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-${r}"
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>` : x;
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="${Z({
3047
- "c-switch-wrapper": !0,
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=${l}
260
+ .required=${n}
3062
261
  .checked="${t}"
3063
- .disabled="${r}"
262
+ .disabled="${i}"
3064
263
  @change="${this.handleChange}"
3065
- aria-label="${I(e == null ? void 0 : e.label)}"
3066
- aria-describedby="${e != null && e.describedBy ? "switch-description" : x}">
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 ? y`<icon-check></icon-check>` : x}
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">${d}</h3>
3387
- ${h ? y`<p class="c-cookieBanner-description">${h}</p>` : x}
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="${((g = this.defaultPreferences) == null ? void 0 : g[e]) || k || t}"
3392
- ?disabled="${r}"
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 ? y`<pie-divider></pie-divider>` : x}`;
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
- ${Mo(
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 ? "primary" : "outline-inverse"}"
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}({});