@justeattakeaway/pie-modal 0.19.0 → 0.20.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.
Files changed (3) hide show
  1. package/dist/index.js +534 -1147
  2. package/package.json +2 -1
  3. package/src/index.ts +3 -3
package/dist/index.js CHANGED
@@ -1,17 +1,17 @@
1
- import { nothing as b, unsafeCSS as ae, LitElement as le } from "lit";
2
- import { html as _, unsafeStatic as de } from "lit/static-html.js";
3
- import { property as m, query as ce } from "lit/decorators.js";
4
- import { property as he } from "lit/decorators/property.js";
5
- var ue = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, ge = (i, t, e, o) => {
6
- for (var n = o > 1 ? void 0 : o ? pe(t, e) : t, r = i.length - 1, s; r >= 0; r--)
7
- (s = i[r]) && (n = (o ? s(t, e, n) : s(n)) || n);
8
- return o && n && ue(t, e, n), n;
1
+ import { css as N, LitElement as P, html as R, nothing as h, unsafeCSS as ge } from "lit";
2
+ import { html as g, unsafeStatic as me } from "lit/static-html.js";
3
+ import { property as l, query as $ } from "lit/decorators.js";
4
+ import { property as fe } from "lit/decorators/property.js";
5
+ var ve = Object.defineProperty, be = Object.getOwnPropertyDescriptor, ye = (e, t, o, i) => {
6
+ for (var n = i > 1 ? void 0 : i ? be(t, o) : t, a = e.length - 1, r; a >= 0; a--)
7
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
8
+ return i && n && ve(t, o, n), n;
9
9
  };
10
- const fe = (i) => {
11
- class t extends i {
10
+ const we = (e) => {
11
+ class t extends e {
12
12
  constructor() {
13
- var o;
14
- super(...arguments), this.dir = ((o = document == null ? void 0 : document.documentElement) == null ? void 0 : o.dir) ?? "ltr";
13
+ var i;
14
+ super(...arguments), this.dir = ((i = document == null ? void 0 : document.documentElement) == null ? void 0 : i.dir) ?? "ltr";
15
15
  }
16
16
  /**
17
17
  * Returns true if the element is in Right to Left mode.
@@ -26,815 +26,192 @@ const fe = (i) => {
26
26
  return this.dir === "rtl";
27
27
  }
28
28
  }
29
- return ge([
30
- he({ type: String, reflect: !0 })
29
+ return ye([
30
+ fe({ type: String, reflect: !0 })
31
31
  ], t.prototype, "dir", 2), t;
32
- }, _t = (i, t, e) => function(n, r) {
33
- const s = `#${r}`;
34
- Object.defineProperty(n, r, {
32
+ }, j = (e, t, o) => function(n, a) {
33
+ const r = `#${a}`;
34
+ Object.defineProperty(n, a, {
35
35
  get() {
36
- return this[s];
36
+ return this[r];
37
37
  },
38
- set(l) {
39
- const a = this[s];
40
- t.includes(l) ? this[s] = l : (console.error(
41
- `<${i}> Invalid value "${l}" provided for property "${r}".`,
38
+ set(u) {
39
+ const p = this[r];
40
+ t.includes(u) ? this[r] = u : (console.error(
41
+ `<${e}> Invalid value "${u}" provided for property "${a}".`,
42
42
  `Must be one of: ${t.join(" | ")}.`,
43
- `Falling back to default value: "${e}"`
44
- ), this[s] = e), this.requestUpdate(r, a);
43
+ `Falling back to default value: "${o}"`
44
+ ), this[r] = o), this.requestUpdate(a, p);
45
45
  }
46
46
  });
47
- }, me = (i) => function(e, o) {
48
- const n = `#${o}`;
49
- Object.defineProperty(e, o, {
47
+ }, _e = (e) => function(o, i) {
48
+ const n = `#${i}`;
49
+ Object.defineProperty(o, i, {
50
50
  get() {
51
51
  return this[n];
52
52
  },
53
- set(r) {
54
- const s = this[n];
55
- (r == null || typeof r == "string" && r.trim() === "") && console.error(`<${i}> Missing required attribute "${o}"`), this[n] = r, this.requestUpdate(o, s);
53
+ set(a) {
54
+ const r = this[n];
55
+ (a == null || typeof a == "string" && a.trim() === "") && console.error(`<${e}> Missing required attribute "${i}"`), this[n] = a, this.requestUpdate(i, r);
56
56
  }
57
57
  });
58
58
  };
59
- function ve(i) {
60
- if (Array.isArray(i)) {
61
- for (var t = 0, e = Array(i.length); t < i.length; t++)
62
- e[t] = i[t];
63
- return e;
59
+ function ke(e) {
60
+ if (Array.isArray(e)) {
61
+ for (var t = 0, o = Array(e.length); t < e.length; t++)
62
+ o[t] = e[t];
63
+ return o;
64
64
  } else
65
- return Array.from(i);
65
+ return Array.from(e);
66
66
  }
67
- var wt = !1;
67
+ var H = !1;
68
68
  if (typeof window < "u") {
69
- var xt = {
69
+ var K = {
70
70
  get passive() {
71
- wt = !0;
71
+ H = !0;
72
72
  }
73
73
  };
74
- window.addEventListener("testPassive", null, xt), window.removeEventListener("testPassive", null, xt);
74
+ window.addEventListener("testPassive", null, K), window.removeEventListener("testPassive", null, K);
75
75
  }
76
- var Q = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), x = [], tt = !1, qt = -1, R = void 0, S = void 0, H = void 0, Wt = function(t) {
77
- return x.some(function(e) {
78
- return !!(e.options.allowTouchMove && e.options.allowTouchMove(t));
76
+ var O = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), f = [], A = !1, Q = -1, _ = void 0, m = void 0, k = void 0, ee = function(t) {
77
+ return f.some(function(o) {
78
+ return !!(o.options.allowTouchMove && o.options.allowTouchMove(t));
79
79
  });
80
- }, et = function(t) {
81
- var e = t || window.event;
82
- return Wt(e.target) || e.touches.length > 1 ? !0 : (e.preventDefault && e.preventDefault(), !1);
83
- }, be = function(t) {
84
- if (H === void 0) {
85
- var e = !!t && t.reserveScrollBarGap === !0, o = window.innerWidth - document.documentElement.clientWidth;
86
- if (e && o > 0) {
80
+ }, D = function(t) {
81
+ var o = t || window.event;
82
+ return ee(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
83
+ }, xe = function(t) {
84
+ if (k === void 0) {
85
+ var o = !!t && t.reserveScrollBarGap === !0, i = window.innerWidth - document.documentElement.clientWidth;
86
+ if (o && i > 0) {
87
87
  var n = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
88
- H = document.body.style.paddingRight, document.body.style.paddingRight = n + o + "px";
88
+ k = document.body.style.paddingRight, document.body.style.paddingRight = n + i + "px";
89
89
  }
90
90
  }
91
- R === void 0 && (R = document.body.style.overflow, document.body.style.overflow = "hidden");
92
- }, ye = function() {
93
- H !== void 0 && (document.body.style.paddingRight = H, H = void 0), R !== void 0 && (document.body.style.overflow = R, R = void 0);
94
- }, _e = function() {
91
+ _ === void 0 && (_ = document.body.style.overflow, document.body.style.overflow = "hidden");
92
+ }, Ee = function() {
93
+ k !== void 0 && (document.body.style.paddingRight = k, k = void 0), _ !== void 0 && (document.body.style.overflow = _, _ = void 0);
94
+ }, Me = function() {
95
95
  return window.requestAnimationFrame(function() {
96
- if (S === void 0) {
97
- S = {
96
+ if (m === void 0) {
97
+ m = {
98
98
  position: document.body.style.position,
99
99
  top: document.body.style.top,
100
100
  left: document.body.style.left
101
101
  };
102
- var t = window, e = t.scrollY, o = t.scrollX, n = t.innerHeight;
103
- document.body.style.position = "fixed", document.body.style.top = -e, document.body.style.left = -o, setTimeout(function() {
102
+ var t = window, o = t.scrollY, i = t.scrollX, n = t.innerHeight;
103
+ document.body.style.position = "fixed", document.body.style.top = -o, document.body.style.left = -i, setTimeout(function() {
104
104
  return window.requestAnimationFrame(function() {
105
- var r = n - window.innerHeight;
106
- r && e >= n && (document.body.style.top = -(e + r));
105
+ var a = n - window.innerHeight;
106
+ a && o >= n && (document.body.style.top = -(o + a));
107
107
  });
108
108
  }, 300);
109
109
  }
110
110
  });
111
- }, we = function() {
112
- if (S !== void 0) {
113
- var t = -parseInt(document.body.style.top, 10), e = -parseInt(document.body.style.left, 10);
114
- document.body.style.position = S.position, document.body.style.top = S.top, document.body.style.left = S.left, window.scrollTo(e, t), S = void 0;
111
+ }, ze = function() {
112
+ if (m !== void 0) {
113
+ var t = -parseInt(document.body.style.top, 10), o = -parseInt(document.body.style.left, 10);
114
+ document.body.style.position = m.position, document.body.style.top = m.top, document.body.style.left = m.left, window.scrollTo(o, t), m = void 0;
115
115
  }
116
- }, $e = function(t) {
116
+ }, Ce = function(t) {
117
117
  return t ? t.scrollHeight - t.scrollTop <= t.clientHeight : !1;
118
- }, Ae = function(t, e) {
119
- var o = t.targetTouches[0].clientY - qt;
120
- return Wt(t.target) ? !1 : e && e.scrollTop === 0 && o > 0 || $e(e) && o < 0 ? et(t) : (t.stopPropagation(), !0);
121
- }, Ee = function(t, e) {
118
+ }, Se = function(t, o) {
119
+ var i = t.targetTouches[0].clientY - Q;
120
+ return ee(t.target) ? !1 : o && o.scrollTop === 0 && i > 0 || Ce(o) && i < 0 ? D(t) : (t.stopPropagation(), !0);
121
+ }, Oe = function(t, o) {
122
122
  if (!t) {
123
123
  console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
124
124
  return;
125
125
  }
126
- if (!x.some(function(n) {
126
+ if (!f.some(function(n) {
127
127
  return n.targetElement === t;
128
128
  })) {
129
- var o = {
129
+ var i = {
130
130
  targetElement: t,
131
- options: e || {}
131
+ options: o || {}
132
132
  };
133
- x = [].concat(ve(x), [o]), Q ? _e() : be(e), Q && (t.ontouchstart = function(n) {
134
- n.targetTouches.length === 1 && (qt = n.targetTouches[0].clientY);
133
+ f = [].concat(ke(f), [i]), O ? Me() : xe(o), O && (t.ontouchstart = function(n) {
134
+ n.targetTouches.length === 1 && (Q = n.targetTouches[0].clientY);
135
135
  }, t.ontouchmove = function(n) {
136
- n.targetTouches.length === 1 && Ae(n, t);
137
- }, tt || (document.addEventListener("touchmove", et, wt ? { passive: !1 } : void 0), tt = !0));
136
+ n.targetTouches.length === 1 && Se(n, t);
137
+ }, A || (document.addEventListener("touchmove", D, H ? { passive: !1 } : void 0), A = !0));
138
138
  }
139
- }, Se = function(t) {
139
+ }, Ae = function(t) {
140
140
  if (!t) {
141
141
  console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
142
142
  return;
143
143
  }
144
- x = x.filter(function(e) {
145
- return e.targetElement !== t;
146
- }), Q && (t.ontouchstart = null, t.ontouchmove = null, tt && x.length === 0 && (document.removeEventListener("touchmove", et, wt ? { passive: !1 } : void 0), tt = !1)), Q ? we() : ye();
144
+ f = f.filter(function(o) {
145
+ return o.targetElement !== t;
146
+ }), O && (t.ontouchstart = null, t.ontouchmove = null, A && f.length === 0 && (document.removeEventListener("touchmove", D, H ? { passive: !1 } : void 0), A = !1)), O ? ze() : Ee();
147
147
  };
148
- function w(i, t, e, o) {
149
- var n = arguments.length, r = n < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, e) : o, s;
150
- if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
151
- r = Reflect.decorate(i, t, e, o);
152
- else
153
- for (var l = i.length - 1; l >= 0; l--)
154
- (s = i[l]) && (r = (n < 3 ? s(r) : n > 3 ? s(t, e, r) : s(t, e)) || r);
155
- return n > 3 && r && Object.defineProperty(t, e, r), r;
156
- }
157
- /**
158
- * @license
159
- * Copyright 2019 Google LLC
160
- * SPDX-License-Identifier: BSD-3-Clause
161
- */
162
- const J = window, $t = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, At = Symbol(), Ct = /* @__PURE__ */ new WeakMap();
163
- let Kt = class {
164
- constructor(t, e, o) {
165
- if (this._$cssResult$ = !0, o !== At)
166
- throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
167
- this.cssText = t, this.t = e;
168
- }
169
- get styleSheet() {
170
- let t = this.o;
171
- const e = this.t;
172
- if ($t && t === void 0) {
173
- const o = e !== void 0 && e.length === 1;
174
- o && (t = Ct.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && Ct.set(e, t));
175
- }
176
- return t;
177
- }
178
- toString() {
179
- return this.cssText;
180
- }
181
- };
182
- const ke = (i) => new Kt(typeof i == "string" ? i : i + "", void 0, At), Et = (i, ...t) => {
183
- const e = i.length === 1 ? i[0] : t.reduce((o, n, r) => o + ((s) => {
184
- if (s._$cssResult$ === !0)
185
- return s.cssText;
186
- if (typeof s == "number")
187
- return s;
188
- throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
189
- })(n) + i[r + 1], i[0]);
190
- return new Kt(e, i, At);
191
- }, xe = (i, t) => {
192
- $t ? i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
193
- const o = document.createElement("style"), n = J.litNonce;
194
- n !== void 0 && o.setAttribute("nonce", n), o.textContent = e.cssText, i.appendChild(o);
195
- });
196
- }, Mt = $t ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
197
- let e = "";
198
- for (const o of t.cssRules)
199
- e += o.cssText;
200
- return ke(e);
201
- })(i) : i;
202
- /**
203
- * @license
204
- * Copyright 2017 Google LLC
205
- * SPDX-License-Identifier: BSD-3-Clause
206
- */
207
- var at;
208
- const it = window, zt = it.trustedTypes, Ce = zt ? zt.emptyScript : "", Ot = it.reactiveElementPolyfillSupport, vt = { toAttribute(i, t) {
209
- switch (t) {
210
- case Boolean:
211
- i = i ? Ce : null;
212
- break;
213
- case Object:
214
- case Array:
215
- i = i == null ? i : JSON.stringify(i);
216
- }
217
- return i;
218
- }, fromAttribute(i, t) {
219
- let e = i;
220
- switch (t) {
221
- case Boolean:
222
- e = i !== null;
223
- break;
224
- case Number:
225
- e = i === null ? null : Number(i);
226
- break;
227
- case Object:
228
- case Array:
229
- try {
230
- e = JSON.parse(i);
231
- } catch {
232
- e = null;
233
- }
234
- }
235
- return e;
236
- } }, Yt = (i, t) => t !== i && (t == t || i == i), lt = { attribute: !0, type: String, converter: vt, reflect: !1, hasChanged: Yt }, bt = "finalized";
237
- let O = class extends HTMLElement {
238
- constructor() {
239
- super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this.u();
240
- }
241
- static addInitializer(t) {
242
- var e;
243
- this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
244
- }
245
- static get observedAttributes() {
246
- this.finalize();
247
- const t = [];
248
- return this.elementProperties.forEach((e, o) => {
249
- const n = this._$Ep(o, e);
250
- n !== void 0 && (this._$Ev.set(n, o), t.push(n));
251
- }), t;
252
- }
253
- static createProperty(t, e = lt) {
254
- if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
255
- const o = typeof t == "symbol" ? Symbol() : "__" + t, n = this.getPropertyDescriptor(t, o, e);
256
- n !== void 0 && Object.defineProperty(this.prototype, t, n);
257
- }
258
- }
259
- static getPropertyDescriptor(t, e, o) {
260
- return { get() {
261
- return this[e];
262
- }, set(n) {
263
- const r = this[t];
264
- this[e] = n, this.requestUpdate(t, r, o);
265
- }, configurable: !0, enumerable: !0 };
266
- }
267
- static getPropertyOptions(t) {
268
- return this.elementProperties.get(t) || lt;
269
- }
270
- static finalize() {
271
- if (this.hasOwnProperty(bt))
272
- return !1;
273
- this[bt] = !0;
274
- const t = Object.getPrototypeOf(this);
275
- if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
276
- const e = this.properties, o = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
277
- for (const n of o)
278
- this.createProperty(n, e[n]);
279
- }
280
- return this.elementStyles = this.finalizeStyles(this.styles), !0;
281
- }
282
- static finalizeStyles(t) {
283
- const e = [];
284
- if (Array.isArray(t)) {
285
- const o = new Set(t.flat(1 / 0).reverse());
286
- for (const n of o)
287
- e.unshift(Mt(n));
288
- } else
289
- t !== void 0 && e.push(Mt(t));
290
- return e;
291
- }
292
- static _$Ep(t, e) {
293
- const o = e.attribute;
294
- return o === !1 ? void 0 : typeof o == "string" ? o : typeof t == "string" ? t.toLowerCase() : void 0;
295
- }
296
- u() {
297
- var t;
298
- this._$E_ = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((e) => e(this));
299
- }
300
- addController(t) {
301
- var e, o;
302
- ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((o = t.hostConnected) === null || o === void 0 || o.call(t));
303
- }
304
- removeController(t) {
305
- var e;
306
- (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
307
- }
308
- _$Eg() {
309
- this.constructor.elementProperties.forEach((t, e) => {
310
- this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
311
- });
312
- }
313
- createRenderRoot() {
314
- var t;
315
- const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
316
- return xe(e, this.constructor.elementStyles), e;
317
- }
318
- connectedCallback() {
319
- var t;
320
- this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
321
- var o;
322
- return (o = e.hostConnected) === null || o === void 0 ? void 0 : o.call(e);
323
- });
324
- }
325
- enableUpdating(t) {
326
- }
327
- disconnectedCallback() {
328
- var t;
329
- (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
330
- var o;
331
- return (o = e.hostDisconnected) === null || o === void 0 ? void 0 : o.call(e);
332
- });
333
- }
334
- attributeChangedCallback(t, e, o) {
335
- this._$AK(t, o);
336
- }
337
- _$EO(t, e, o = lt) {
338
- var n;
339
- const r = this.constructor._$Ep(t, o);
340
- if (r !== void 0 && o.reflect === !0) {
341
- const s = (((n = o.converter) === null || n === void 0 ? void 0 : n.toAttribute) !== void 0 ? o.converter : vt).toAttribute(e, o.type);
342
- this._$El = t, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$El = null;
343
- }
344
- }
345
- _$AK(t, e) {
346
- var o;
347
- const n = this.constructor, r = n._$Ev.get(t);
348
- if (r !== void 0 && this._$El !== r) {
349
- const s = n.getPropertyOptions(r), l = typeof s.converter == "function" ? { fromAttribute: s.converter } : ((o = s.converter) === null || o === void 0 ? void 0 : o.fromAttribute) !== void 0 ? s.converter : vt;
350
- this._$El = r, this[r] = l.fromAttribute(e, s.type), this._$El = null;
351
- }
352
- }
353
- requestUpdate(t, e, o) {
354
- let n = !0;
355
- t !== void 0 && (((o = o || this.constructor.getPropertyOptions(t)).hasChanged || Yt)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), o.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, o))) : n = !1), !this.isUpdatePending && n && (this._$E_ = this._$Ej());
356
- }
357
- async _$Ej() {
358
- this.isUpdatePending = !0;
359
- try {
360
- await this._$E_;
361
- } catch (e) {
362
- Promise.reject(e);
363
- }
364
- const t = this.scheduleUpdate();
365
- return t != null && await t, !this.isUpdatePending;
366
- }
367
- scheduleUpdate() {
368
- return this.performUpdate();
369
- }
370
- performUpdate() {
371
- var t;
372
- if (!this.isUpdatePending)
373
- return;
374
- this.hasUpdated, this._$Ei && (this._$Ei.forEach((n, r) => this[r] = n), this._$Ei = void 0);
375
- let e = !1;
376
- const o = this._$AL;
377
- try {
378
- e = this.shouldUpdate(o), e ? (this.willUpdate(o), (t = this._$ES) === null || t === void 0 || t.forEach((n) => {
379
- var r;
380
- return (r = n.hostUpdate) === null || r === void 0 ? void 0 : r.call(n);
381
- }), this.update(o)) : this._$Ek();
382
- } catch (n) {
383
- throw e = !1, this._$Ek(), n;
384
- }
385
- e && this._$AE(o);
386
- }
387
- willUpdate(t) {
388
- }
389
- _$AE(t) {
390
- var e;
391
- (e = this._$ES) === null || e === void 0 || e.forEach((o) => {
392
- var n;
393
- return (n = o.hostUpdated) === null || n === void 0 ? void 0 : n.call(o);
394
- }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
395
- }
396
- _$Ek() {
397
- this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
398
- }
399
- get updateComplete() {
400
- return this.getUpdateComplete();
401
- }
402
- getUpdateComplete() {
403
- return this._$E_;
404
- }
405
- shouldUpdate(t) {
406
- return !0;
407
- }
408
- update(t) {
409
- this._$EC !== void 0 && (this._$EC.forEach((e, o) => this._$EO(o, this[o], e)), this._$EC = void 0), this._$Ek();
410
- }
411
- updated(t) {
412
- }
413
- firstUpdated(t) {
414
- }
415
- };
416
- O[bt] = !0, O.elementProperties = /* @__PURE__ */ new Map(), O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, Ot == null || Ot({ ReactiveElement: O }), ((at = it.reactiveElementVersions) !== null && at !== void 0 ? at : it.reactiveElementVersions = []).push("1.6.2");
417
- /**
418
- * @license
419
- * Copyright 2017 Google LLC
420
- * SPDX-License-Identifier: BSD-3-Clause
421
- */
422
- var dt;
423
- const ot = window, D = ot.trustedTypes, Pt = D ? D.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, yt = "$lit$", $ = `lit$${(Math.random() + "").slice(9)}$`, Zt = "?" + $, Me = `<${Zt}>`, M = document, F = () => M.createComment(""), j = (i) => i === null || typeof i != "object" && typeof i != "function", Gt = Array.isArray, ze = (i) => Gt(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", ct = `[
424
- \f\r]`, B = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Dt = /-->/g, Lt = />/g, E = RegExp(`>|${ct}(?:([^\\s"'>=/]+)(${ct}*=${ct}*(?:[^
425
- \f\r"'\`<>=]|("|')|))|$)`, "g"), Tt = /'/g, It = /"/g, Xt = /^(?:script|style|textarea|title)$/i, Oe = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), St = Oe(1), L = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), Nt = /* @__PURE__ */ new WeakMap(), k = M.createTreeWalker(M, 129, null, !1), Pe = (i, t) => {
426
- const e = i.length - 1, o = [];
427
- let n, r = t === 2 ? "<svg>" : "", s = B;
428
- for (let a = 0; a < e; a++) {
429
- const d = i[a];
430
- let y, h, u = -1, v = 0;
431
- for (; v < d.length && (s.lastIndex = v, h = s.exec(d), h !== null); )
432
- v = s.lastIndex, s === B ? h[1] === "!--" ? s = Dt : h[1] !== void 0 ? s = Lt : h[2] !== void 0 ? (Xt.test(h[2]) && (n = RegExp("</" + h[2], "g")), s = E) : h[3] !== void 0 && (s = E) : s === E ? h[0] === ">" ? (s = n ?? B, u = -1) : h[1] === void 0 ? u = -2 : (u = s.lastIndex - h[2].length, y = h[1], s = h[3] === void 0 ? E : h[3] === '"' ? It : Tt) : s === It || s === Tt ? s = E : s === Dt || s === Lt ? s = B : (s = E, n = void 0);
433
- const A = s === E && i[a + 1].startsWith("/>") ? " " : "";
434
- r += s === B ? d + Me : u >= 0 ? (o.push(y), d.slice(0, u) + yt + d.slice(u) + $ + A) : d + $ + (u === -2 ? (o.push(void 0), a) : A);
435
- }
436
- const l = r + (i[e] || "<?>") + (t === 2 ? "</svg>" : "");
437
- if (!Array.isArray(i) || !i.hasOwnProperty("raw"))
438
- throw Error("invalid template strings array");
439
- return [Pt !== void 0 ? Pt.createHTML(l) : l, o];
440
- };
441
- class V {
442
- constructor({ strings: t, _$litType$: e }, o) {
443
- let n;
444
- this.parts = [];
445
- let r = 0, s = 0;
446
- const l = t.length - 1, a = this.parts, [d, y] = Pe(t, e);
447
- if (this.el = V.createElement(d, o), k.currentNode = this.el.content, e === 2) {
448
- const h = this.el.content, u = h.firstChild;
449
- u.remove(), h.append(...u.childNodes);
450
- }
451
- for (; (n = k.nextNode()) !== null && a.length < l; ) {
452
- if (n.nodeType === 1) {
453
- if (n.hasAttributes()) {
454
- const h = [];
455
- for (const u of n.getAttributeNames())
456
- if (u.endsWith(yt) || u.startsWith($)) {
457
- const v = y[s++];
458
- if (h.push(u), v !== void 0) {
459
- const A = n.getAttribute(v.toLowerCase() + yt).split($), G = /([.?@])?(.*)/.exec(v);
460
- a.push({ type: 1, index: r, name: G[2], strings: A, ctor: G[1] === "." ? Le : G[1] === "?" ? Ie : G[1] === "@" ? Ne : st });
461
- } else
462
- a.push({ type: 6, index: r });
463
- }
464
- for (const u of h)
465
- n.removeAttribute(u);
466
- }
467
- if (Xt.test(n.tagName)) {
468
- const h = n.textContent.split($), u = h.length - 1;
469
- if (u > 0) {
470
- n.textContent = D ? D.emptyScript : "";
471
- for (let v = 0; v < u; v++)
472
- n.append(h[v], F()), k.nextNode(), a.push({ type: 2, index: ++r });
473
- n.append(h[u], F());
474
- }
475
- }
476
- } else if (n.nodeType === 8)
477
- if (n.data === Zt)
478
- a.push({ type: 2, index: r });
479
- else {
480
- let h = -1;
481
- for (; (h = n.data.indexOf($, h + 1)) !== -1; )
482
- a.push({ type: 7, index: r }), h += $.length - 1;
483
- }
484
- r++;
485
- }
486
- }
487
- static createElement(t, e) {
488
- const o = M.createElement("template");
489
- return o.innerHTML = t, o;
490
- }
491
- }
492
- function T(i, t, e = i, o) {
493
- var n, r, s, l;
494
- if (t === L)
495
- return t;
496
- let a = o !== void 0 ? (n = e._$Co) === null || n === void 0 ? void 0 : n[o] : e._$Cl;
497
- const d = j(t) ? void 0 : t._$litDirective$;
498
- return (a == null ? void 0 : a.constructor) !== d && ((r = a == null ? void 0 : a._$AO) === null || r === void 0 || r.call(a, !1), d === void 0 ? a = void 0 : (a = new d(i), a._$AT(i, e, o)), o !== void 0 ? ((s = (l = e)._$Co) !== null && s !== void 0 ? s : l._$Co = [])[o] = a : e._$Cl = a), a !== void 0 && (t = T(i, a._$AS(i, t.values), a, o)), t;
499
- }
500
- class De {
501
- constructor(t, e) {
502
- this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
503
- }
504
- get parentNode() {
505
- return this._$AM.parentNode;
506
- }
507
- get _$AU() {
508
- return this._$AM._$AU;
509
- }
510
- u(t) {
511
- var e;
512
- const { el: { content: o }, parts: n } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : M).importNode(o, !0);
513
- k.currentNode = r;
514
- let s = k.nextNode(), l = 0, a = 0, d = n[0];
515
- for (; d !== void 0; ) {
516
- if (l === d.index) {
517
- let y;
518
- d.type === 2 ? y = new q(s, s.nextSibling, this, t) : d.type === 1 ? y = new d.ctor(s, d.name, d.strings, this, t) : d.type === 6 && (y = new Be(s, this, t)), this._$AV.push(y), d = n[++a];
519
- }
520
- l !== (d == null ? void 0 : d.index) && (s = k.nextNode(), l++);
521
- }
522
- return k.currentNode = M, r;
523
- }
524
- v(t) {
525
- let e = 0;
526
- for (const o of this._$AV)
527
- o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
528
- }
529
- }
530
- class q {
531
- constructor(t, e, o, n) {
532
- var r;
533
- this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = n, this._$Cp = (r = n == null ? void 0 : n.isConnected) === null || r === void 0 || r;
534
- }
535
- get _$AU() {
536
- var t, e;
537
- return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
538
- }
539
- get parentNode() {
540
- let t = this._$AA.parentNode;
541
- const e = this._$AM;
542
- return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
543
- }
544
- get startNode() {
545
- return this._$AA;
546
- }
547
- get endNode() {
548
- return this._$AB;
549
- }
550
- _$AI(t, e = this) {
551
- t = T(this, t, e), j(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== L && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : ze(t) ? this.T(t) : this._(t);
552
- }
553
- k(t) {
554
- return this._$AA.parentNode.insertBefore(t, this._$AB);
555
- }
556
- $(t) {
557
- this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
558
- }
559
- _(t) {
560
- this._$AH !== p && j(this._$AH) ? this._$AA.nextSibling.data = t : this.$(M.createTextNode(t)), this._$AH = t;
561
- }
562
- g(t) {
563
- var e;
564
- const { values: o, _$litType$: n } = t, r = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = V.createElement(n.h, this.options)), n);
565
- if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
566
- this._$AH.v(o);
567
- else {
568
- const s = new De(r, this), l = s.u(this.options);
569
- s.v(o), this.$(l), this._$AH = s;
570
- }
571
- }
572
- _$AC(t) {
573
- let e = Nt.get(t.strings);
574
- return e === void 0 && Nt.set(t.strings, e = new V(t)), e;
575
- }
576
- T(t) {
577
- Gt(this._$AH) || (this._$AH = [], this._$AR());
578
- const e = this._$AH;
579
- let o, n = 0;
580
- for (const r of t)
581
- n === e.length ? e.push(o = new q(this.k(F()), this.k(F()), this, this.options)) : o = e[n], o._$AI(r), n++;
582
- n < e.length && (this._$AR(o && o._$AB.nextSibling, n), e.length = n);
583
- }
584
- _$AR(t = this._$AA.nextSibling, e) {
585
- var o;
586
- for ((o = this._$AP) === null || o === void 0 || o.call(this, !1, !0, e); t && t !== this._$AB; ) {
587
- const n = t.nextSibling;
588
- t.remove(), t = n;
589
- }
590
- }
591
- setConnected(t) {
592
- var e;
593
- this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
594
- }
595
- }
596
- class st {
597
- constructor(t, e, o, n, r) {
598
- this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = p;
599
- }
600
- get tagName() {
601
- return this.element.tagName;
602
- }
603
- get _$AU() {
604
- return this._$AM._$AU;
605
- }
606
- _$AI(t, e = this, o, n) {
607
- const r = this.strings;
608
- let s = !1;
609
- if (r === void 0)
610
- t = T(this, t, e, 0), s = !j(t) || t !== this._$AH && t !== L, s && (this._$AH = t);
611
- else {
612
- const l = t;
613
- let a, d;
614
- for (t = r[0], a = 0; a < r.length - 1; a++)
615
- d = T(this, l[o + a], e, a), d === L && (d = this._$AH[a]), s || (s = !j(d) || d !== this._$AH[a]), d === p ? t = p : t !== p && (t += (d ?? "") + r[a + 1]), this._$AH[a] = d;
616
- }
617
- s && !n && this.j(t);
618
- }
619
- j(t) {
620
- t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
621
- }
622
- }
623
- class Le extends st {
624
- constructor() {
625
- super(...arguments), this.type = 3;
626
- }
627
- j(t) {
628
- this.element[this.name] = t === p ? void 0 : t;
629
- }
630
- }
631
- const Te = D ? D.emptyScript : "";
632
- class Ie extends st {
633
- constructor() {
634
- super(...arguments), this.type = 4;
635
- }
636
- j(t) {
637
- t && t !== p ? this.element.setAttribute(this.name, Te) : this.element.removeAttribute(this.name);
638
- }
639
- }
640
- class Ne extends st {
641
- constructor(t, e, o, n, r) {
642
- super(t, e, o, n, r), this.type = 5;
643
- }
644
- _$AI(t, e = this) {
645
- var o;
646
- if ((t = (o = T(this, t, e, 0)) !== null && o !== void 0 ? o : p) === L)
647
- return;
648
- const n = this._$AH, r = t === p && n !== p || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, s = t !== p && (n === p || r);
649
- r && this.element.removeEventListener(this.name, this, n), s && this.element.addEventListener(this.name, this, t), this._$AH = t;
650
- }
651
- handleEvent(t) {
652
- var e, o;
653
- typeof this._$AH == "function" ? this._$AH.call((o = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && o !== void 0 ? o : this.element, t) : this._$AH.handleEvent(t);
654
- }
655
- }
656
- class Be {
657
- constructor(t, e, o) {
658
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
659
- }
660
- get _$AU() {
661
- return this._$AM._$AU;
662
- }
663
- _$AI(t) {
664
- T(this, t);
665
- }
666
- }
667
- const Bt = ot.litHtmlPolyfillSupport;
668
- Bt == null || Bt(V, q), ((dt = ot.litHtmlVersions) !== null && dt !== void 0 ? dt : ot.litHtmlVersions = []).push("2.7.4");
669
- const Re = (i, t, e) => {
670
- var o, n;
671
- const r = (o = e == null ? void 0 : e.renderBefore) !== null && o !== void 0 ? o : t;
672
- let s = r._$litPart$;
673
- if (s === void 0) {
674
- const l = (n = e == null ? void 0 : e.renderBefore) !== null && n !== void 0 ? n : null;
675
- r._$litPart$ = s = new q(t.insertBefore(F(), l), l, void 0, e ?? {});
676
- }
677
- return s._$AI(i), s;
678
- };
679
- /**
680
- * @license
681
- * Copyright 2017 Google LLC
682
- * SPDX-License-Identifier: BSD-3-Clause
683
- */
684
- var ht, ut;
685
- class C extends O {
686
- constructor() {
687
- super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
688
- }
689
- createRenderRoot() {
690
- var t, e;
691
- const o = super.createRenderRoot();
692
- return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = o.firstChild), o;
693
- }
694
- update(t) {
695
- const e = this.render();
696
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Re(e, this.renderRoot, this.renderOptions);
697
- }
698
- connectedCallback() {
699
- var t;
700
- super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
701
- }
702
- disconnectedCallback() {
703
- var t;
704
- super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
705
- }
706
- render() {
707
- return L;
708
- }
709
- }
710
- C.finalized = !0, C._$litElement$ = !0, (ht = globalThis.litElementHydrateSupport) === null || ht === void 0 || ht.call(globalThis, { LitElement: C });
711
- const Rt = globalThis.litElementPolyfillSupport;
712
- Rt == null || Rt({ LitElement: C });
713
- ((ut = globalThis.litElementVersions) !== null && ut !== void 0 ? ut : globalThis.litElementVersions = []).push("3.3.2");
714
- /**
715
- * @license
716
- * Copyright 2017 Google LLC
717
- * SPDX-License-Identifier: BSD-3-Clause
718
- */
719
- const He = (i, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
720
- e.createProperty(t.key, i);
721
- } } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
722
- typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
723
- }, finisher(e) {
724
- e.createProperty(t.key, i);
725
- } }, Ue = (i, t, e) => {
726
- t.constructor.createProperty(e, i);
727
- };
728
- function N(i) {
729
- return (t, e) => e !== void 0 ? Ue(i, t, e) : He(i, t);
730
- }
731
- /**
732
- * @license
733
- * Copyright 2017 Google LLC
734
- * SPDX-License-Identifier: BSD-3-Clause
735
- */
736
- const Fe = ({ finisher: i, descriptor: t }) => (e, o) => {
737
- var n;
738
- if (o === void 0) {
739
- const r = (n = e.originalKey) !== null && n !== void 0 ? n : e.key, s = t != null ? { kind: "method", placement: "prototype", key: r, descriptor: t(e.key) } : { ...e, key: r };
740
- return i != null && (s.finisher = function(l) {
741
- i(l, r);
742
- }), s;
743
- }
744
- {
745
- const r = e.constructor;
746
- t !== void 0 && Object.defineProperty(e, o, t(o)), i == null || i(r, o);
747
- }
748
- };
749
- /**
750
- * @license
751
- * Copyright 2017 Google LLC
752
- * SPDX-License-Identifier: BSD-3-Clause
753
- */
754
- function kt(i, t) {
755
- return Fe({ descriptor: (e) => {
756
- const o = { get() {
757
- var n, r;
758
- return (r = (n = this.renderRoot) === null || n === void 0 ? void 0 : n.querySelector(i)) !== null && r !== void 0 ? r : null;
759
- }, enumerable: !0, configurable: !0 };
760
- if (t) {
761
- const n = typeof e == "symbol" ? Symbol() : "__" + e;
762
- o.get = function() {
763
- var r, s;
764
- return this[n] === void 0 && (this[n] = (s = (r = this.renderRoot) === null || r === void 0 ? void 0 : r.querySelector(i)) !== null && s !== void 0 ? s : null), this[n];
765
- };
766
- }
767
- return o;
768
- } });
769
- }
770
- /**
771
- * @license
772
- * Copyright 2021 Google LLC
773
- * SPDX-License-Identifier: BSD-3-Clause
774
- */
775
- var pt;
776
- ((pt = window.HTMLSlotElement) === null || pt === void 0 ? void 0 : pt.prototype.assignedElements) != null;
777
- const nt = {
148
+ const L = {
778
149
  xs: 16,
779
150
  s: 20,
780
151
  m: 24,
781
152
  l: 28,
782
153
  xl: 32,
783
154
  xxl: 40
784
- }, Jt = Object.keys(nt), Qt = "xs", te = 8, rt = 32;
785
- function je(i, t, e) {
786
- const o = parseInt(i, 10), n = o % e === 0;
787
- return o >= t && n;
788
- }
789
- const ee = {
790
- large: (i) => je(i, rt, te),
791
- regular: (i) => Jt.includes(i)
155
+ }, te = Object.keys(L), oe = "xs", ie = 8, I = 32;
156
+ function De(e, t, o) {
157
+ const i = parseInt(e, 10), n = i % o === 0;
158
+ return i >= t && n;
159
+ }
160
+ const ne = {
161
+ large: (e) => De(e, I, ie),
162
+ regular: (e) => te.includes(e)
792
163
  };
793
- function Ve(i) {
794
- const t = ee.large(i);
795
- return { isValid: t, size: t ? i : rt };
164
+ function Le(e) {
165
+ const t = ne.large(e);
166
+ return { isValid: t, size: t ? e : I };
796
167
  }
797
- function qe(i) {
798
- const t = ee.regular(i), e = t ? nt[i] : nt[Qt];
799
- return { isValid: t, size: e };
168
+ function Ie(e) {
169
+ const t = ne.regular(e), o = t ? L[e] : L[oe];
170
+ return { isValid: t, size: o };
800
171
  }
801
- const I = (i, t, e, o) => {
802
- const n = i.endsWith("Large") || i.endsWith("-large");
803
- let r, s;
804
- if (e) {
805
- if ({ isValid: r, size: s } = n ? Ve(e) : qe(e), !r) {
806
- const l = n ? `Invalid prop "size" value supplied to "${o}". The prop value should be a number equal or greater than ${rt} and multiple of ${te}.` : `Invalid prop "size" value supplied to "${o}". The prop value should be one of the following values: ${Jt.join(", ")}.`;
807
- console.error(l);
172
+ const y = (e, t, o, i) => {
173
+ const n = e.endsWith("Large") || e.endsWith("-large");
174
+ let a, r;
175
+ if (o) {
176
+ if ({ isValid: a, size: r } = n ? Le(o) : Ie(o), !a) {
177
+ const u = n ? `Invalid prop "size" value supplied to "${i}". The prop value should be a number equal or greater than ${I} and multiple of ${ie}.` : `Invalid prop "size" value supplied to "${i}". The prop value should be one of the following values: ${te.join(", ")}.`;
178
+ console.error(u);
808
179
  }
809
180
  } else
810
- s = n ? rt : nt[Qt];
181
+ r = n ? I : L[oe];
811
182
  return {
812
- class: [i, t].filter(Boolean).join(" "),
813
- width: s,
814
- height: s
183
+ class: [e, t].filter(Boolean).join(" "),
184
+ width: r,
185
+ height: r
815
186
  };
816
- }, Ht = "icon-close";
817
- class W extends C {
187
+ };
188
+ var Pe = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, V = (e, t, o, i) => {
189
+ for (var n = i > 1 ? void 0 : i ? $e(t, o) : t, a = e.length - 1, r; a >= 0; a--)
190
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
191
+ return i && n && Pe(t, o, n), n;
192
+ };
193
+ const Y = "icon-close";
194
+ let E = class extends P {
818
195
  constructor() {
819
196
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--close";
820
197
  }
821
198
  connectedCallback() {
822
- var t, e, o;
823
- if (super.connectedCallback(), ((t = this._svg) === null || t === void 0 ? void 0 : t.getAttribute("width")) === null) {
824
- const n = I("c-pieIcon c-pieIcon--close", "", null, "IconClose");
825
- (e = this._svg) === null || e === void 0 || e.setAttribute("width", n.width), (o = this._svg) === null || o === void 0 || o.setAttribute("height", n.height);
199
+ var t, o, i;
200
+ if (super.connectedCallback(), ((t = this._svg) == null ? void 0 : t.getAttribute("width")) === null) {
201
+ const n = y("c-pieIcon c-pieIcon--close", "", null, "IconClose");
202
+ (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height);
826
203
  }
827
204
  }
828
205
  updated(t) {
829
- var e, o;
206
+ var o, i;
830
207
  let n;
831
- t.has("size") && (n = I("c-pieIcon c-pieIcon--close", "", this.size, "IconClose"), (e = this._svg) === null || e === void 0 || e.setAttribute("width", n.width), (o = this._svg) === null || o === void 0 || o.setAttribute("height", n.height));
208
+ t.has("size") && (n = y("c-pieIcon c-pieIcon--close", "", this.size, "IconClose"), (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height));
832
209
  }
833
210
  render() {
834
- return St`<svg 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.072 4.133 3.205l-.928.927L7.073 8l-3.868 3.867.928.928L8 8.927l3.868 3.868.927-.928L8.928 8l3.867-3.868-.927-.927Z"></path></svg>`;
211
+ return R`<svg 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.072 4.133 3.205l-.928.927L7.073 8l-3.868 3.867.928.928L8 8.927l3.868 3.868.927-.928L8.928 8l3.867-3.868-.927-.927Z"></path></svg>`;
835
212
  }
836
- }
837
- W.styles = Et`
213
+ };
214
+ E.styles = N`
838
215
  :host-context(pie-icon-button) svg,
839
216
  :host-context(pie-button) svg {
840
217
  display: block;
@@ -842,38 +219,43 @@ W.styles = Et`
842
219
  height: var(--btn-icon-size);
843
220
  }
844
221
  `;
845
- w([
846
- N({ type: String, reflect: !0 })
847
- ], W.prototype, "size", void 0);
848
- w([
849
- N({ type: String, reflect: !0 })
850
- ], W.prototype, "class", void 0);
851
- w([
852
- kt("svg")
853
- ], W.prototype, "_svg", void 0);
854
- customElements.get(Ht) === void 0 && customElements.define(Ht, W);
855
- const Ut = "icon-chevron-left";
856
- class K extends C {
222
+ V([
223
+ l({ type: String, reflect: !0 })
224
+ ], E.prototype, "size", 2);
225
+ V([
226
+ l({ type: String, reflect: !0 })
227
+ ], E.prototype, "class", 2);
228
+ V([
229
+ $("svg")
230
+ ], E.prototype, "_svg", 2);
231
+ customElements.get(Y) === void 0 && customElements.define(Y, E);
232
+ var Te = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, q = (e, t, o, i) => {
233
+ for (var n = i > 1 ? void 0 : i ? Be(t, o) : t, a = e.length - 1, r; a >= 0; a--)
234
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
235
+ return i && n && Te(t, o, n), n;
236
+ };
237
+ const X = "icon-chevron-left";
238
+ class M extends P {
857
239
  constructor() {
858
240
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronLeft";
859
241
  }
860
242
  connectedCallback() {
861
- var t, e, o;
862
- if (super.connectedCallback(), ((t = this._svg) === null || t === void 0 ? void 0 : t.getAttribute("width")) === null) {
863
- const n = I("c-pieIcon c-pieIcon--chevronLeft", "", null, "IconChevronLeft");
864
- (e = this._svg) === null || e === void 0 || e.setAttribute("width", n.width), (o = this._svg) === null || o === void 0 || o.setAttribute("height", n.height);
243
+ var t, o, i;
244
+ if (super.connectedCallback(), ((t = this._svg) == null ? void 0 : t.getAttribute("width")) === null) {
245
+ const n = y("c-pieIcon c-pieIcon--chevronLeft", "", null, "IconChevronLeft");
246
+ (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height);
865
247
  }
866
248
  }
867
249
  updated(t) {
868
- var e, o;
250
+ var o, i;
869
251
  let n;
870
- t.has("size") && (n = I("c-pieIcon c-pieIcon--chevronLeft", "", this.size, "IconChevronLeft"), (e = this._svg) === null || e === void 0 || e.setAttribute("width", n.width), (o = this._svg) === null || o === void 0 || o.setAttribute("height", n.height));
252
+ t.has("size") && (n = y("c-pieIcon c-pieIcon--chevronLeft", "", this.size, "IconChevronLeft"), (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height));
871
253
  }
872
254
  render() {
873
- return St`<svg 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>`;
255
+ return R`<svg 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>`;
874
256
  }
875
257
  }
876
- K.styles = Et`
258
+ M.styles = N`
877
259
  :host-context(pie-icon-button) svg,
878
260
  :host-context(pie-button) svg {
879
261
  display: block;
@@ -881,38 +263,43 @@ K.styles = Et`
881
263
  height: var(--btn-icon-size);
882
264
  }
883
265
  `;
884
- w([
885
- N({ type: String, reflect: !0 })
886
- ], K.prototype, "size", void 0);
887
- w([
888
- N({ type: String, reflect: !0 })
889
- ], K.prototype, "class", void 0);
890
- w([
891
- kt("svg")
892
- ], K.prototype, "_svg", void 0);
893
- customElements.get(Ut) === void 0 && customElements.define(Ut, K);
894
- const Ft = "icon-chevron-right";
895
- class Y extends C {
266
+ q([
267
+ l({ type: String, reflect: !0 })
268
+ ], M.prototype, "size", 2);
269
+ q([
270
+ l({ type: String, reflect: !0 })
271
+ ], M.prototype, "class", 2);
272
+ q([
273
+ $("svg")
274
+ ], M.prototype, "_svg", 2);
275
+ customElements.get(X) === void 0 && customElements.define(X, M);
276
+ var Fe = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, W = (e, t, o, i) => {
277
+ for (var n = i > 1 ? void 0 : i ? Ne(t, o) : t, a = e.length - 1, r; a >= 0; a--)
278
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
279
+ return i && n && Fe(t, o, n), n;
280
+ };
281
+ const Z = "icon-chevron-right";
282
+ class z extends P {
896
283
  constructor() {
897
284
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronRight";
898
285
  }
899
286
  connectedCallback() {
900
- var t, e, o;
901
- if (super.connectedCallback(), ((t = this._svg) === null || t === void 0 ? void 0 : t.getAttribute("width")) === null) {
902
- const n = I("c-pieIcon c-pieIcon--chevronRight", "", null, "IconChevronRight");
903
- (e = this._svg) === null || e === void 0 || e.setAttribute("width", n.width), (o = this._svg) === null || o === void 0 || o.setAttribute("height", n.height);
287
+ var t, o, i;
288
+ if (super.connectedCallback(), ((t = this._svg) == null ? void 0 : t.getAttribute("width")) === null) {
289
+ const n = y("c-pieIcon c-pieIcon--chevronRight", "", null, "IconChevronRight");
290
+ (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height);
904
291
  }
905
292
  }
906
293
  updated(t) {
907
- var e, o;
294
+ var o, i;
908
295
  let n;
909
- t.has("size") && (n = I("c-pieIcon c-pieIcon--chevronRight", "", this.size, "IconChevronRight"), (e = this._svg) === null || e === void 0 || e.setAttribute("width", n.width), (o = this._svg) === null || o === void 0 || o.setAttribute("height", n.height));
296
+ t.has("size") && (n = y("c-pieIcon c-pieIcon--chevronRight", "", this.size, "IconChevronRight"), (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height));
910
297
  }
911
298
  render() {
912
- return St`<svg 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>`;
299
+ return R`<svg 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>`;
913
300
  }
914
301
  }
915
- Y.styles = Et`
302
+ z.styles = N`
916
303
  :host-context(pie-icon-button) svg,
917
304
  :host-context(pie-button) svg {
918
305
  display: block;
@@ -920,126 +307,126 @@ Y.styles = Et`
920
307
  height: var(--btn-icon-size);
921
308
  }
922
309
  `;
923
- w([
924
- N({ type: String, reflect: !0 })
925
- ], Y.prototype, "size", void 0);
926
- w([
927
- N({ type: String, reflect: !0 })
928
- ], Y.prototype, "class", void 0);
929
- w([
930
- kt("svg")
931
- ], Y.prototype, "_svg", void 0);
932
- customElements.get(Ft) === void 0 && customElements.define(Ft, Y);
933
- var P = window.CustomEvent;
934
- (!P || typeof P == "object") && (P = function(t, e) {
935
- e = e || {};
936
- var o = document.createEvent("CustomEvent");
937
- return o.initCustomEvent(t, !!e.bubbles, !!e.cancelable, e.detail || null), o;
938
- }, P.prototype = window.Event.prototype);
939
- function ie(i, t) {
940
- var e = "on" + t.type.toLowerCase();
941
- return typeof i[e] == "function" && i[e](t), i.dispatchEvent(t);
942
- }
943
- function We(i) {
944
- for (; i && i !== document.body; ) {
945
- var t = window.getComputedStyle(i), e = function(o, n) {
946
- return !(t[o] === void 0 || t[o] === n);
310
+ W([
311
+ l({ type: String, reflect: !0 })
312
+ ], z.prototype, "size", 2);
313
+ W([
314
+ l({ type: String, reflect: !0 })
315
+ ], z.prototype, "class", 2);
316
+ W([
317
+ $("svg")
318
+ ], z.prototype, "_svg", 2);
319
+ customElements.get(Z) === void 0 && customElements.define(Z, z);
320
+ var b = window.CustomEvent;
321
+ (!b || typeof b == "object") && (b = function(t, o) {
322
+ o = o || {};
323
+ var i = document.createEvent("CustomEvent");
324
+ return i.initCustomEvent(t, !!o.bubbles, !!o.cancelable, o.detail || null), i;
325
+ }, b.prototype = window.Event.prototype);
326
+ function ae(e, t) {
327
+ var o = "on" + t.type.toLowerCase();
328
+ return typeof e[o] == "function" && e[o](t), e.dispatchEvent(t);
329
+ }
330
+ function Re(e) {
331
+ for (; e && e !== document.body; ) {
332
+ var t = window.getComputedStyle(e), o = function(i, n) {
333
+ return !(t[i] === void 0 || t[i] === n);
947
334
  };
948
- if (t.opacity < 1 || e("zIndex", "auto") || e("transform", "none") || e("mixBlendMode", "normal") || e("filter", "none") || e("perspective", "none") || t.isolation === "isolate" || t.position === "fixed" || t.webkitOverflowScrolling === "touch")
335
+ if (t.opacity < 1 || o("zIndex", "auto") || o("transform", "none") || o("mixBlendMode", "normal") || o("filter", "none") || o("perspective", "none") || t.isolation === "isolate" || t.position === "fixed" || t.webkitOverflowScrolling === "touch")
949
336
  return !0;
950
- i = i.parentElement;
337
+ e = e.parentElement;
951
338
  }
952
339
  return !1;
953
340
  }
954
- function U(i) {
955
- for (; i; ) {
956
- if (i.localName === "dialog")
341
+ function x(e) {
342
+ for (; e; ) {
343
+ if (e.localName === "dialog")
957
344
  return (
958
345
  /** @type {HTMLDialogElement} */
959
- i
346
+ e
960
347
  );
961
- i.parentElement ? i = i.parentElement : i.parentNode ? i = i.parentNode.host : i = null;
348
+ e.parentElement ? e = e.parentElement : e.parentNode ? e = e.parentNode.host : e = null;
962
349
  }
963
350
  return null;
964
351
  }
965
- function oe(i) {
966
- for (; i && i.shadowRoot && i.shadowRoot.activeElement; )
967
- i = i.shadowRoot.activeElement;
968
- i && i.blur && i !== document.body && i.blur();
352
+ function re(e) {
353
+ for (; e && e.shadowRoot && e.shadowRoot.activeElement; )
354
+ e = e.shadowRoot.activeElement;
355
+ e && e.blur && e !== document.body && e.blur();
969
356
  }
970
- function Ke(i, t) {
971
- for (var e = 0; e < i.length; ++e)
972
- if (i[e] === t)
357
+ function je(e, t) {
358
+ for (var o = 0; o < e.length; ++o)
359
+ if (e[o] === t)
973
360
  return !0;
974
361
  return !1;
975
362
  }
976
- function gt(i) {
977
- return !i || !i.hasAttribute("method") ? !1 : i.getAttribute("method").toLowerCase() === "dialog";
363
+ function T(e) {
364
+ return !e || !e.hasAttribute("method") ? !1 : e.getAttribute("method").toLowerCase() === "dialog";
978
365
  }
979
- function ne(i) {
980
- var t = ["button", "input", "keygen", "select", "textarea"], e = t.map(function(s) {
981
- return s + ":not([disabled])";
366
+ function se(e) {
367
+ var t = ["button", "input", "keygen", "select", "textarea"], o = t.map(function(r) {
368
+ return r + ":not([disabled])";
982
369
  });
983
- e.push('[tabindex]:not([disabled]):not([tabindex=""])');
984
- var o = i.querySelector(e.join(", "));
985
- if (!o && "attachShadow" in Element.prototype)
986
- for (var n = i.querySelectorAll("*"), r = 0; r < n.length && !(n[r].tagName && n[r].shadowRoot && (o = ne(n[r].shadowRoot), o)); r++)
370
+ o.push('[tabindex]:not([disabled]):not([tabindex=""])');
371
+ var i = e.querySelector(o.join(", "));
372
+ if (!i && "attachShadow" in Element.prototype)
373
+ for (var n = e.querySelectorAll("*"), a = 0; a < n.length && !(n[a].tagName && n[a].shadowRoot && (i = se(n[a].shadowRoot), i)); a++)
987
374
  ;
988
- return o;
375
+ return i;
989
376
  }
990
- function jt(i) {
991
- return i.isConnected || document.body.contains(i);
377
+ function G(e) {
378
+ return e.isConnected || document.body.contains(e);
992
379
  }
993
- function re(i) {
994
- if (i.submitter)
995
- return i.submitter;
996
- var t = i.target;
380
+ function le(e) {
381
+ if (e.submitter)
382
+ return e.submitter;
383
+ var t = e.target;
997
384
  if (!(t instanceof HTMLFormElement))
998
385
  return null;
999
- var e = c.formSubmitter;
1000
- if (!e) {
1001
- var o = i.target, n = "getRootNode" in o && o.getRootNode() || document;
1002
- e = n.activeElement;
386
+ var o = s.formSubmitter;
387
+ if (!o) {
388
+ var i = e.target, n = "getRootNode" in i && i.getRootNode() || document;
389
+ o = n.activeElement;
1003
390
  }
1004
- return !e || e.form !== t ? null : e;
391
+ return !o || o.form !== t ? null : o;
1005
392
  }
1006
- function Ye(i) {
1007
- if (!i.defaultPrevented) {
393
+ function He(e) {
394
+ if (!e.defaultPrevented) {
1008
395
  var t = (
1009
396
  /** @type {!HTMLFormElement} */
1010
- i.target
1011
- ), e = c.imagemapUseValue, o = re(i);
1012
- e === null && o && (e = o.value);
1013
- var n = U(t);
397
+ e.target
398
+ ), o = s.imagemapUseValue, i = le(e);
399
+ o === null && i && (o = i.value);
400
+ var n = x(t);
1014
401
  if (n) {
1015
- var r = o && o.getAttribute("formmethod") || t.getAttribute("method");
1016
- r === "dialog" && (i.preventDefault(), e != null ? n.close(e) : n.close());
402
+ var a = i && i.getAttribute("formmethod") || t.getAttribute("method");
403
+ a === "dialog" && (e.preventDefault(), o != null ? n.close(o) : n.close());
1017
404
  }
1018
405
  }
1019
406
  }
1020
- function se(i) {
1021
- if (this.dialog_ = i, this.replacedStyleTop_ = !1, this.openAsModal_ = !1, i.hasAttribute("role") || i.setAttribute("role", "dialog"), i.show = this.show.bind(this), i.showModal = this.showModal.bind(this), i.close = this.close.bind(this), i.addEventListener("submit", Ye, !1), "returnValue" in i || (i.returnValue = ""), "MutationObserver" in window) {
407
+ function de(e) {
408
+ 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", He, !1), "returnValue" in e || (e.returnValue = ""), "MutationObserver" in window) {
1022
409
  var t = new MutationObserver(this.maybeHideModal.bind(this));
1023
- t.observe(i, { attributes: !0, attributeFilter: ["open"] });
410
+ t.observe(e, { attributes: !0, attributeFilter: ["open"] });
1024
411
  } else {
1025
- var e = !1, o = function() {
1026
- e ? this.downgradeModal() : this.maybeHideModal(), e = !1;
1027
- }.bind(this), n, r = function(s) {
1028
- if (s.target === i) {
1029
- var l = "DOMNodeRemoved";
1030
- e |= s.type.substr(0, l.length) === l, window.clearTimeout(n), n = window.setTimeout(o, 0);
412
+ var o = !1, i = function() {
413
+ o ? this.downgradeModal() : this.maybeHideModal(), o = !1;
414
+ }.bind(this), n, a = function(r) {
415
+ if (r.target === e) {
416
+ var u = "DOMNodeRemoved";
417
+ o |= r.type.substr(0, u.length) === u, window.clearTimeout(n), n = window.setTimeout(i, 0);
1031
418
  }
1032
419
  };
1033
- ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(s) {
1034
- i.addEventListener(s, r);
420
+ ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(r) {
421
+ e.addEventListener(r, a);
1035
422
  });
1036
423
  }
1037
- Object.defineProperty(i, "open", {
424
+ Object.defineProperty(e, "open", {
1038
425
  set: this.setOpen.bind(this),
1039
- get: i.hasAttribute.bind(i, "open")
426
+ get: e.hasAttribute.bind(e, "open")
1040
427
  }), 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));
1041
428
  }
1042
- se.prototype = /** @type {HTMLDialogElement.prototype} */
429
+ de.prototype = /** @type {HTMLDialogElement.prototype} */
1043
430
  {
1044
431
  get dialog() {
1045
432
  return this.dialog_;
@@ -1050,19 +437,19 @@ se.prototype = /** @type {HTMLDialogElement.prototype} */
1050
437
  * longer open or is no longer part of the DOM.
1051
438
  */
1052
439
  maybeHideModal: function() {
1053
- this.dialog_.hasAttribute("open") && jt(this.dialog_) || this.downgradeModal();
440
+ this.dialog_.hasAttribute("open") && G(this.dialog_) || this.downgradeModal();
1054
441
  },
1055
442
  /**
1056
443
  * Remove this dialog from the modal top layer, leaving it as a non-modal.
1057
444
  */
1058
445
  downgradeModal: function() {
1059
- 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_), c.dm.removeDialog(this));
446
+ 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_), s.dm.removeDialog(this));
1060
447
  },
1061
448
  /**
1062
449
  * @param {boolean} value whether to open or close this dialog
1063
450
  */
1064
- setOpen: function(i) {
1065
- i ? this.dialog_.hasAttribute("open") || this.dialog_.setAttribute("open", "") : (this.dialog_.removeAttribute("open"), this.maybeHideModal());
451
+ setOpen: function(e) {
452
+ e ? this.dialog_.hasAttribute("open") || this.dialog_.setAttribute("open", "") : (this.dialog_.removeAttribute("open"), this.maybeHideModal());
1066
453
  },
1067
454
  /**
1068
455
  * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if
@@ -1070,39 +457,39 @@ se.prototype = /** @type {HTMLDialogElement.prototype} */
1070
457
  *
1071
458
  * @param {!Event} e to redirect
1072
459
  */
1073
- backdropMouseEvent_: function(i) {
460
+ backdropMouseEvent_: function(e) {
1074
461
  if (this.dialog_.hasAttribute("tabindex"))
1075
462
  this.dialog_.focus();
1076
463
  else {
1077
464
  var t = document.createElement("div");
1078
465
  this.dialog_.insertBefore(t, this.dialog_.firstChild), t.tabIndex = -1, t.focus(), this.dialog_.removeChild(t);
1079
466
  }
1080
- var e = document.createEvent("MouseEvents");
1081
- e.initMouseEvent(
1082
- i.type,
1083
- i.bubbles,
1084
- i.cancelable,
467
+ var o = document.createEvent("MouseEvents");
468
+ o.initMouseEvent(
469
+ e.type,
470
+ e.bubbles,
471
+ e.cancelable,
1085
472
  window,
1086
- i.detail,
1087
- i.screenX,
1088
- i.screenY,
1089
- i.clientX,
1090
- i.clientY,
1091
- i.ctrlKey,
1092
- i.altKey,
1093
- i.shiftKey,
1094
- i.metaKey,
1095
- i.button,
1096
- i.relatedTarget
1097
- ), this.dialog_.dispatchEvent(e), i.stopPropagation();
473
+ e.detail,
474
+ e.screenX,
475
+ e.screenY,
476
+ e.clientX,
477
+ e.clientY,
478
+ e.ctrlKey,
479
+ e.altKey,
480
+ e.shiftKey,
481
+ e.metaKey,
482
+ e.button,
483
+ e.relatedTarget
484
+ ), this.dialog_.dispatchEvent(o), e.stopPropagation();
1098
485
  },
1099
486
  /**
1100
487
  * Focuses on the first focusable element within the dialog. This will always blur the current
1101
488
  * focus, even if nothing within the dialog is found.
1102
489
  */
1103
490
  focus_: function() {
1104
- var i = this.dialog_.querySelector("[autofocus]:not([disabled])");
1105
- !i && this.dialog_.tabIndex >= 0 && (i = this.dialog_), i || (i = ne(this.dialog_)), oe(document.activeElement), i && i.focus();
491
+ var e = this.dialog_.querySelector("[autofocus]:not([disabled])");
492
+ !e && this.dialog_.tabIndex >= 0 && (e = this.dialog_), e || (e = se(this.dialog_)), re(document.activeElement), e && e.focus();
1106
493
  },
1107
494
  /**
1108
495
  * Sets the zIndex for the backdrop and dialog.
@@ -1110,10 +497,10 @@ se.prototype = /** @type {HTMLDialogElement.prototype} */
1110
497
  * @param {number} dialogZ
1111
498
  * @param {number} backdropZ
1112
499
  */
1113
- updateZIndex: function(i, t) {
1114
- if (i < t)
500
+ updateZIndex: function(e, t) {
501
+ if (e < t)
1115
502
  throw new Error("dialogZ should never be < backdropZ");
1116
- this.dialog_.style.zIndex = i, this.backdrop_.style.zIndex = t;
503
+ this.dialog_.style.zIndex = e, this.backdrop_.style.zIndex = t;
1117
504
  },
1118
505
  /**
1119
506
  * Shows the dialog. If the dialog is already open, this does nothing.
@@ -1127,11 +514,11 @@ se.prototype = /** @type {HTMLDialogElement.prototype} */
1127
514
  showModal: function() {
1128
515
  if (this.dialog_.hasAttribute("open"))
1129
516
  throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");
1130
- if (!jt(this.dialog_))
517
+ if (!G(this.dialog_))
1131
518
  throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");
1132
- if (!c.dm.pushDialog(this))
519
+ if (!s.dm.pushDialog(this))
1133
520
  throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");
1134
- We(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, c.needsCentering(this.dialog_) ? (c.reposition(this.dialog_), this.replacedStyleTop_ = !0) : this.replacedStyleTop_ = !1, this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling), this.focus_();
521
+ Re(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, s.needsCentering(this.dialog_) ? (s.reposition(this.dialog_), this.replacedStyleTop_ = !0) : this.replacedStyleTop_ = !1, this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling), this.focus_();
1135
522
  },
1136
523
  /**
1137
524
  * Closes this HTMLDialogElement. This is optional vs clearing the open
@@ -1139,233 +526,233 @@ se.prototype = /** @type {HTMLDialogElement.prototype} */
1139
526
  *
1140
527
  * @param {string=} opt_returnValue to use as the returnValue
1141
528
  */
1142
- close: function(i) {
529
+ close: function(e) {
1143
530
  if (!this.dialog_.hasAttribute("open"))
1144
531
  throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");
1145
- this.setOpen(!1), i !== void 0 && (this.dialog_.returnValue = i);
1146
- var t = new P("close", {
532
+ this.setOpen(!1), e !== void 0 && (this.dialog_.returnValue = e);
533
+ var t = new b("close", {
1147
534
  bubbles: !1,
1148
535
  cancelable: !1
1149
536
  });
1150
- ie(this.dialog_, t);
537
+ ae(this.dialog_, t);
1151
538
  }
1152
539
  };
1153
- var c = {};
1154
- c.reposition = function(i) {
1155
- var t = document.body.scrollTop || document.documentElement.scrollTop, e = t + (window.innerHeight - i.offsetHeight) / 2;
1156
- i.style.top = Math.max(t, e) + "px";
540
+ var s = {};
541
+ s.reposition = function(e) {
542
+ var t = document.body.scrollTop || document.documentElement.scrollTop, o = t + (window.innerHeight - e.offsetHeight) / 2;
543
+ e.style.top = Math.max(t, o) + "px";
1157
544
  };
1158
- c.isInlinePositionSetByStylesheet = function(i) {
545
+ s.isInlinePositionSetByStylesheet = function(e) {
1159
546
  for (var t = 0; t < document.styleSheets.length; ++t) {
1160
- var e = document.styleSheets[t], o = null;
547
+ var o = document.styleSheets[t], i = null;
1161
548
  try {
1162
- o = e.cssRules;
549
+ i = o.cssRules;
1163
550
  } catch {
1164
551
  }
1165
- if (o)
1166
- for (var n = 0; n < o.length; ++n) {
1167
- var r = o[n], s = null;
552
+ if (i)
553
+ for (var n = 0; n < i.length; ++n) {
554
+ var a = i[n], r = null;
1168
555
  try {
1169
- s = document.querySelectorAll(r.selectorText);
556
+ r = document.querySelectorAll(a.selectorText);
1170
557
  } catch {
1171
558
  }
1172
- if (!(!s || !Ke(s, i))) {
1173
- var l = r.style.getPropertyValue("top"), a = r.style.getPropertyValue("bottom");
1174
- if (l && l !== "auto" || a && a !== "auto")
559
+ if (!(!r || !je(r, e))) {
560
+ var u = a.style.getPropertyValue("top"), p = a.style.getPropertyValue("bottom");
561
+ if (u && u !== "auto" || p && p !== "auto")
1175
562
  return !0;
1176
563
  }
1177
564
  }
1178
565
  }
1179
566
  return !1;
1180
567
  };
1181
- c.needsCentering = function(i) {
1182
- var t = window.getComputedStyle(i);
1183
- return t.position !== "absolute" || i.style.top !== "auto" && i.style.top !== "" || i.style.bottom !== "auto" && i.style.bottom !== "" ? !1 : !c.isInlinePositionSetByStylesheet(i);
568
+ s.needsCentering = function(e) {
569
+ var t = window.getComputedStyle(e);
570
+ return t.position !== "absolute" || e.style.top !== "auto" && e.style.top !== "" || e.style.bottom !== "auto" && e.style.bottom !== "" ? !1 : !s.isInlinePositionSetByStylesheet(e);
1184
571
  };
1185
- c.forceRegisterDialog = function(i) {
1186
- if ((window.HTMLDialogElement || i.showModal) && console.warn("This browser already supports <dialog>, the polyfill may not work correctly", i), i.localName !== "dialog")
572
+ s.forceRegisterDialog = function(e) {
573
+ if ((window.HTMLDialogElement || e.showModal) && console.warn("This browser already supports <dialog>, the polyfill may not work correctly", e), e.localName !== "dialog")
1187
574
  throw new Error("Failed to register dialog: The element is not a dialog.");
1188
- new se(
575
+ new de(
1189
576
  /** @type {!HTMLDialogElement} */
1190
- i
577
+ e
1191
578
  );
1192
579
  };
1193
- c.registerDialog = function(i) {
1194
- i.showModal || c.forceRegisterDialog(i);
580
+ s.registerDialog = function(e) {
581
+ e.showModal || s.forceRegisterDialog(e);
1195
582
  };
1196
- c.DialogManager = function() {
583
+ s.DialogManager = function() {
1197
584
  this.pendingDialogStack = [];
1198
- var i = this.checkDOM_.bind(this);
585
+ var e = this.checkDOM_.bind(this);
1199
586
  this.overlay = document.createElement("div"), this.overlay.className = "_dialog_overlay", this.overlay.addEventListener("click", function(t) {
1200
- this.forwardTab_ = void 0, t.stopPropagation(), i([]);
587
+ this.forwardTab_ = void 0, t.stopPropagation(), e([]);
1201
588
  }.bind(this)), this.handleKey_ = this.handleKey_.bind(this), this.handleFocus_ = this.handleFocus_.bind(this), this.zIndexLow_ = 1e5, this.zIndexHigh_ = 1e5 + 150, this.forwardTab_ = void 0, "MutationObserver" in window && (this.mo_ = new MutationObserver(function(t) {
1202
- var e = [];
1203
- t.forEach(function(o) {
1204
- for (var n = 0, r; r = o.removedNodes[n]; ++n) {
1205
- if (r instanceof Element)
1206
- r.localName === "dialog" && e.push(r);
589
+ var o = [];
590
+ t.forEach(function(i) {
591
+ for (var n = 0, a; a = i.removedNodes[n]; ++n) {
592
+ if (a instanceof Element)
593
+ a.localName === "dialog" && o.push(a);
1207
594
  else
1208
595
  continue;
1209
- e = e.concat(r.querySelectorAll("dialog"));
596
+ o = o.concat(a.querySelectorAll("dialog"));
1210
597
  }
1211
- }), e.length && i(e);
598
+ }), o.length && e(o);
1212
599
  }));
1213
600
  };
1214
- c.DialogManager.prototype.blockDocument = function() {
601
+ s.DialogManager.prototype.blockDocument = function() {
1215
602
  document.documentElement.addEventListener("focus", this.handleFocus_, !0), document.addEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.observe(document, { childList: !0, subtree: !0 });
1216
603
  };
1217
- c.DialogManager.prototype.unblockDocument = function() {
604
+ s.DialogManager.prototype.unblockDocument = function() {
1218
605
  document.documentElement.removeEventListener("focus", this.handleFocus_, !0), document.removeEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.disconnect();
1219
606
  };
1220
- c.DialogManager.prototype.updateStacking = function() {
1221
- for (var i = this.zIndexHigh_, t = 0, e; e = this.pendingDialogStack[t]; ++t)
1222
- e.updateZIndex(--i, --i), t === 0 && (this.overlay.style.zIndex = --i);
1223
- var o = this.pendingDialogStack[0];
1224
- if (o) {
1225
- var n = o.dialog.parentNode || document.body;
607
+ s.DialogManager.prototype.updateStacking = function() {
608
+ for (var e = this.zIndexHigh_, t = 0, o; o = this.pendingDialogStack[t]; ++t)
609
+ o.updateZIndex(--e, --e), t === 0 && (this.overlay.style.zIndex = --e);
610
+ var i = this.pendingDialogStack[0];
611
+ if (i) {
612
+ var n = i.dialog.parentNode || document.body;
1226
613
  n.appendChild(this.overlay);
1227
614
  } else
1228
615
  this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay);
1229
616
  };
1230
- c.DialogManager.prototype.containedByTopDialog_ = function(i) {
1231
- for (; i = U(i); ) {
1232
- for (var t = 0, e; e = this.pendingDialogStack[t]; ++t)
1233
- if (e.dialog === i)
617
+ s.DialogManager.prototype.containedByTopDialog_ = function(e) {
618
+ for (; e = x(e); ) {
619
+ for (var t = 0, o; o = this.pendingDialogStack[t]; ++t)
620
+ if (o.dialog === e)
1234
621
  return t === 0;
1235
- i = i.parentElement;
622
+ e = e.parentElement;
1236
623
  }
1237
624
  return !1;
1238
625
  };
1239
- c.DialogManager.prototype.handleFocus_ = function(i) {
1240
- var t = i.composedPath ? i.composedPath()[0] : i.target;
1241
- if (!this.containedByTopDialog_(t) && document.activeElement !== document.documentElement && (i.preventDefault(), i.stopPropagation(), oe(
626
+ s.DialogManager.prototype.handleFocus_ = function(e) {
627
+ var t = e.composedPath ? e.composedPath()[0] : e.target;
628
+ if (!this.containedByTopDialog_(t) && document.activeElement !== document.documentElement && (e.preventDefault(), e.stopPropagation(), re(
1242
629
  /** @type {Element} */
1243
630
  t
1244
631
  ), this.forwardTab_ !== void 0)) {
1245
- var e = this.pendingDialogStack[0], o = e.dialog, n = o.compareDocumentPosition(t);
1246
- return n & Node.DOCUMENT_POSITION_PRECEDING && (this.forwardTab_ ? e.focus_() : t !== document.documentElement && document.documentElement.focus()), !1;
632
+ var o = this.pendingDialogStack[0], i = o.dialog, n = i.compareDocumentPosition(t);
633
+ return n & Node.DOCUMENT_POSITION_PRECEDING && (this.forwardTab_ ? o.focus_() : t !== document.documentElement && document.documentElement.focus()), !1;
1247
634
  }
1248
635
  };
1249
- c.DialogManager.prototype.handleKey_ = function(i) {
1250
- if (this.forwardTab_ = void 0, i.keyCode === 27) {
1251
- i.preventDefault(), i.stopPropagation();
1252
- var t = new P("cancel", {
636
+ s.DialogManager.prototype.handleKey_ = function(e) {
637
+ if (this.forwardTab_ = void 0, e.keyCode === 27) {
638
+ e.preventDefault(), e.stopPropagation();
639
+ var t = new b("cancel", {
1253
640
  bubbles: !1,
1254
641
  cancelable: !0
1255
- }), e = this.pendingDialogStack[0];
1256
- e && ie(e.dialog, t) && e.dialog.close();
642
+ }), o = this.pendingDialogStack[0];
643
+ o && ae(o.dialog, t) && o.dialog.close();
1257
644
  } else
1258
- i.keyCode === 9 && (this.forwardTab_ = !i.shiftKey);
645
+ e.keyCode === 9 && (this.forwardTab_ = !e.shiftKey);
1259
646
  };
1260
- c.DialogManager.prototype.checkDOM_ = function(i) {
647
+ s.DialogManager.prototype.checkDOM_ = function(e) {
1261
648
  var t = this.pendingDialogStack.slice();
1262
- t.forEach(function(e) {
1263
- i.indexOf(e.dialog) !== -1 ? e.downgradeModal() : e.maybeHideModal();
649
+ t.forEach(function(o) {
650
+ e.indexOf(o.dialog) !== -1 ? o.downgradeModal() : o.maybeHideModal();
1264
651
  });
1265
652
  };
1266
- c.DialogManager.prototype.pushDialog = function(i) {
653
+ s.DialogManager.prototype.pushDialog = function(e) {
1267
654
  var t = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;
1268
- return this.pendingDialogStack.length >= t ? !1 : (this.pendingDialogStack.unshift(i) === 1 && this.blockDocument(), this.updateStacking(), !0);
655
+ return this.pendingDialogStack.length >= t ? !1 : (this.pendingDialogStack.unshift(e) === 1 && this.blockDocument(), this.updateStacking(), !0);
1269
656
  };
1270
- c.DialogManager.prototype.removeDialog = function(i) {
1271
- var t = this.pendingDialogStack.indexOf(i);
657
+ s.DialogManager.prototype.removeDialog = function(e) {
658
+ var t = this.pendingDialogStack.indexOf(e);
1272
659
  t !== -1 && (this.pendingDialogStack.splice(t, 1), this.pendingDialogStack.length === 0 && this.unblockDocument(), this.updateStacking());
1273
660
  };
1274
- c.dm = new c.DialogManager();
1275
- c.formSubmitter = null;
1276
- c.imagemapUseValue = null;
661
+ s.dm = new s.DialogManager();
662
+ s.formSubmitter = null;
663
+ s.imagemapUseValue = null;
1277
664
  if (window.HTMLDialogElement === void 0) {
1278
- var Vt = document.createElement("form");
1279
- if (Vt.setAttribute("method", "dialog"), Vt.method !== "dialog") {
1280
- var z = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "method");
1281
- if (z) {
1282
- var Ze = z.get;
1283
- z.get = function() {
1284
- return gt(this) ? "dialog" : Ze.call(this);
665
+ var J = document.createElement("form");
666
+ if (J.setAttribute("method", "dialog"), J.method !== "dialog") {
667
+ var v = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "method");
668
+ if (v) {
669
+ var Ve = v.get;
670
+ v.get = function() {
671
+ return T(this) ? "dialog" : Ve.call(this);
1285
672
  };
1286
- var Ge = z.set;
1287
- z.set = function(i) {
1288
- return typeof i == "string" && i.toLowerCase() === "dialog" ? this.setAttribute("method", i) : Ge.call(this, i);
1289
- }, Object.defineProperty(HTMLFormElement.prototype, "method", z);
673
+ var qe = v.set;
674
+ v.set = function(e) {
675
+ return typeof e == "string" && e.toLowerCase() === "dialog" ? this.setAttribute("method", e) : qe.call(this, e);
676
+ }, Object.defineProperty(HTMLFormElement.prototype, "method", v);
1290
677
  }
1291
678
  }
1292
- document.addEventListener("click", function(i) {
1293
- if (c.formSubmitter = null, c.imagemapUseValue = null, !i.defaultPrevented) {
679
+ document.addEventListener("click", function(e) {
680
+ if (s.formSubmitter = null, s.imagemapUseValue = null, !e.defaultPrevented) {
1294
681
  var t = (
1295
682
  /** @type {Element} */
1296
- i.target
683
+ e.target
1297
684
  );
1298
- if ("composedPath" in i) {
1299
- var e = i.composedPath();
1300
- t = e.shift() || t;
685
+ if ("composedPath" in e) {
686
+ var o = e.composedPath();
687
+ t = o.shift() || t;
1301
688
  }
1302
- if (!(!t || !gt(t.form))) {
1303
- var o = t.type === "submit" && ["button", "input"].indexOf(t.localName) > -1;
1304
- if (!o) {
689
+ if (!(!t || !T(t.form))) {
690
+ var i = t.type === "submit" && ["button", "input"].indexOf(t.localName) > -1;
691
+ if (!i) {
1305
692
  if (!(t.localName === "input" && t.type === "image"))
1306
693
  return;
1307
- c.imagemapUseValue = i.offsetX + "," + i.offsetY;
694
+ s.imagemapUseValue = e.offsetX + "," + e.offsetY;
1308
695
  }
1309
- var n = U(t);
1310
- n && (c.formSubmitter = t);
696
+ var n = x(t);
697
+ n && (s.formSubmitter = t);
1311
698
  }
1312
699
  }
1313
- }, !1), document.addEventListener("submit", function(i) {
1314
- var t = i.target, e = U(t);
1315
- if (!e) {
1316
- var o = re(i), n = o && o.getAttribute("formmethod") || t.getAttribute("method");
1317
- n === "dialog" && i.preventDefault();
700
+ }, !1), document.addEventListener("submit", function(e) {
701
+ var t = e.target, o = x(t);
702
+ if (!o) {
703
+ var i = le(e), n = i && i.getAttribute("formmethod") || t.getAttribute("method");
704
+ n === "dialog" && e.preventDefault();
1318
705
  }
1319
706
  });
1320
- var Xe = HTMLFormElement.prototype.submit, Je = function() {
1321
- if (!gt(this))
1322
- return Xe.call(this);
1323
- var i = U(this);
1324
- i && i.close();
707
+ var We = HTMLFormElement.prototype.submit, Ue = function() {
708
+ if (!T(this))
709
+ return We.call(this);
710
+ var e = x(this);
711
+ e && e.close();
1325
712
  };
1326
- HTMLFormElement.prototype.submit = Je;
1327
- }
1328
- const Qe = `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:white;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}*,*:before,*:after{box-sizing:border-box}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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-m-family);--modal-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-04);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);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: 768px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal[open]{display:flex;flex-direction:column}@media (min-width: 768px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.c-modal[size=small]{--modal-max-inline-size: var(--modal-size-s)}@media (min-width: 768px){.c-modal[size=small]{--modal-margin-block: var(--modal-margin-large)}}@media (max-width: 767px){.c-modal[size=medium][isfullwidthbelowmid]{--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[size=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[size=large]{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%}}.c-modal[position=top]{margin-block-start:var(--dt-spacing-j)}@media (max-width: 767px){.c-modal[position=top][isfullwidthbelowmid]{margin-block-start:var(--dt-spacing-none)}}.c-modal::backdrop{background:rgba(0,0,0,.5)}.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: 768px){.c-modal .c-modal-footer{--modal-footer-padding: var(--dt-spacing-e)}}@media (max-width: 767px){.c-modal[hasstackedactions] .c-modal-footer{flex-direction:column}}.c-modal .c-modal-header{padding-inline:var(--dt-spacing-d);padding-block:14px;display:grid;grid-template-areas:"back heading close" ". heading .";grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:center}@media (min-width: 768px){.c-modal .c-modal-header{padding-inline:var(--dt-spacing-e);padding-block:20px}}.c-modal[hasbackbutton] .c-modal-header{padding-block:var(--dt-spacing-b);padding-inline-start:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[hasbackbutton] .c-modal-header{padding-block:var(--dt-spacing-c);padding-inline-start:var(--dt-spacing-c)}}.c-modal[isdismissible] .c-modal-header{padding-block:var(--dt-spacing-b);padding-inline-end:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[isdismissible] .c-modal-header{padding-block:var(--dt-spacing-c);padding-inline-end:var(--dt-spacing-c)}}.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);--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}.c-modal[hasbackbutton] .c-modal-heading{padding-inline-start:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[hasbackbutton] .c-modal-heading{padding-inline-start:var(--dt-spacing-c)}}.c-modal[isdismissible] .c-modal-heading{padding-inline-end:var(--dt-spacing-d)}@media (min-width: 768px){.c-modal[isdismissible] .c-modal-heading{padding-inline-end:var(--dt-spacing-e)}}.c-modal .c-modal-backBtn{grid-area:back}.c-modal .c-modal-closeBtn{grid-area:close}.c-modal[isfooterpinned] .c-modal-content,.c-modal .c-modal-scrollContainer{overflow-y:auto}.c-modal .c-modal-scrollContainer{--bg-scroll-start: linear-gradient(var(--dt-color-container-default) 30%, rgba(255, 255, 255, 0));--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--dt-color-container-default) 70%) 0 100%;--bg-scroll-top: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));--bg-scroll-bottom: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;--bg-size-scroll-start: 100% 40px;--bg-size-scroll-end: 100% 40px;--bg-size-scroll-top: 100% 16px;--bg-size-scroll-bottom: 100% 16px;background:var(--bg-scroll-start),var(--bg-scroll-end),var(--bg-scroll-top),var(--bg-scroll-bottom);background-repeat:no-repeat;background-color:var(--dt-color-container-default);background-size:var(--bg-size-scroll-start),var(--bg-size-scroll-end),var(--bg-size-scroll-top),var(--bg-size-scroll-bottom);background-attachment:local,local,scroll,scroll}.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: var(--dt-spacing-e);--modal-content-padding-block: var(--dt-spacing-a);--spinner-size: 48px;--spinner-border-width: 6px;--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);--spinner-left-color-opacity: .35;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), var(--spinner-left-color-opacity));--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-animation-duration: 1.15s;--spinner-animation-timing-function: linear;--spinner-animation-iteration-count: infinite;position:relative;min-block-size:var(--dt-spacing-j);font-size:var(--modal-content-font-size);line-height:var(--modal-content-line-height);font-weight:var(--modal-content-font-weight);padding-inline:var(--modal-content-padding);padding-block:var(--modal-content-padding-block)}.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-content:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;height:var(--spinner-size);width:var(--spinner-size);display:block;background-color:transparent;border-radius:50%;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);border-width:var(--spinner-border-width);border-style:solid;will-change:transform;opacity:0}.c-modal[isLoading] .c-modal-content:before{animation:rotate360 var(--spinner-animation-duration) var(--spinner-animation-timing-function) var(--spinner-animation-iteration-count);opacity:1}.c-modal[isLoading] .c-modal-content .c-modal-contentInner{opacity:0}
1329
- `, ti = ["h1", "h2", "h3", "h4", "h5", "h6"], ei = ["small", "medium", "large"], ii = ["top", "center"], ft = "pie-modal-close", X = "pie-modal-open", mt = "pie-modal-back", oi = "pie-modal-leading-action-click", ni = "pie-modal-supporting-action-click";
1330
- var ri = Object.defineProperty, si = Object.getOwnPropertyDescriptor, f = (i, t, e, o) => {
1331
- for (var n = o > 1 ? void 0 : o ? si(t, e) : t, r = i.length - 1, s; r >= 0; r--)
1332
- (s = i[r]) && (n = (o ? s(t, e, n) : s(n)) || n);
1333
- return o && n && ri(t, e, n), n;
713
+ HTMLFormElement.prototype.submit = Ue;
714
+ }
715
+ const Ke = `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:white;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}*,*:before,*:after{box-sizing:border-box}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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-m-family);--modal-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-04);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);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: 768px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal[open]{display:flex;flex-direction:column}@media (min-width: 768px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.c-modal[size=small]{--modal-max-inline-size: var(--modal-size-s)}@media (min-width: 768px){.c-modal[size=small]{--modal-margin-block: var(--modal-margin-large)}}@media (max-width: 767px){.c-modal[size=medium][isfullwidthbelowmid]{--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[size=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[size=large]{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%}}.c-modal[position=top]{margin-block-start:var(--dt-spacing-j)}@media (max-width: 767px){.c-modal[position=top][isfullwidthbelowmid]{margin-block-start:var(--dt-spacing-none)}}.c-modal::backdrop{background:rgba(0,0,0,.5)}.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: 768px){.c-modal .c-modal-footer{--modal-footer-padding: var(--dt-spacing-e)}}@media (max-width: 767px){.c-modal[hasstackedactions] .c-modal-footer{flex-direction:column}}.c-modal .c-modal-header{padding-inline:var(--dt-spacing-d);padding-block:14px;display:grid;grid-template-areas:"back heading close" ". heading .";grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:center}@media (min-width: 768px){.c-modal .c-modal-header{padding-inline:var(--dt-spacing-e);padding-block:20px}}.c-modal[hasbackbutton] .c-modal-header{padding-block:var(--dt-spacing-b);padding-inline-start:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[hasbackbutton] .c-modal-header{padding-block:var(--dt-spacing-c);padding-inline-start:var(--dt-spacing-c)}}.c-modal[isdismissible] .c-modal-header{padding-block:var(--dt-spacing-b);padding-inline-end:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[isdismissible] .c-modal-header{padding-block:var(--dt-spacing-c);padding-inline-end:var(--dt-spacing-c)}}.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);--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}.c-modal[hasbackbutton] .c-modal-heading{padding-inline-start:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[hasbackbutton] .c-modal-heading{padding-inline-start:var(--dt-spacing-c)}}.c-modal[isdismissible] .c-modal-heading{padding-inline-end:var(--dt-spacing-d)}@media (min-width: 768px){.c-modal[isdismissible] .c-modal-heading{padding-inline-end:var(--dt-spacing-e)}}.c-modal .c-modal-backBtn{grid-area:back}.c-modal .c-modal-closeBtn{grid-area:close}.c-modal[isfooterpinned] .c-modal-content,.c-modal .c-modal-scrollContainer{overflow-y:auto}.c-modal .c-modal-scrollContainer{--bg-scroll-start: linear-gradient(var(--dt-color-container-default) 30%, rgba(255, 255, 255, 0));--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--dt-color-container-default) 70%) 0 100%;--bg-scroll-top: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));--bg-scroll-bottom: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;--bg-size-scroll-start: 100% 40px;--bg-size-scroll-end: 100% 40px;--bg-size-scroll-top: 100% 16px;--bg-size-scroll-bottom: 100% 16px;background:var(--bg-scroll-start),var(--bg-scroll-end),var(--bg-scroll-top),var(--bg-scroll-bottom);background-repeat:no-repeat;background-color:var(--dt-color-container-default);background-size:var(--bg-size-scroll-start),var(--bg-size-scroll-end),var(--bg-size-scroll-top),var(--bg-size-scroll-bottom);background-attachment:local,local,scroll,scroll}.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: var(--dt-spacing-e);--modal-content-padding-block: var(--dt-spacing-a);--spinner-size: 48px;--spinner-border-width: 6px;--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);--spinner-left-color-opacity: .35;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), var(--spinner-left-color-opacity));--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-animation-duration: 1.15s;--spinner-animation-timing-function: linear;--spinner-animation-iteration-count: infinite;position:relative;min-block-size:var(--dt-spacing-j);font-size:var(--modal-content-font-size);line-height:var(--modal-content-line-height);font-weight:var(--modal-content-font-weight);padding-inline:var(--modal-content-padding);padding-block:var(--modal-content-padding-block)}.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-content:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;height:var(--spinner-size);width:var(--spinner-size);display:block;background-color:transparent;border-radius:50%;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);border-width:var(--spinner-border-width);border-style:solid;will-change:transform;opacity:0}.c-modal[isLoading] .c-modal-content:before{animation:rotate360 var(--spinner-animation-duration) var(--spinner-animation-timing-function) var(--spinner-animation-iteration-count);opacity:1}.c-modal[isLoading] .c-modal-content .c-modal-contentInner{opacity:0}
716
+ `, Ye = ["h1", "h2", "h3", "h4", "h5", "h6"], Xe = ["small", "medium", "large"], Ze = ["top", "center"], B = "pie-modal-close", S = "pie-modal-open", F = "pie-modal-back", Ge = "pie-modal-leading-action-click", Je = "pie-modal-supporting-action-click";
717
+ var Qe = Object.defineProperty, et = Object.getOwnPropertyDescriptor, c = (e, t, o, i) => {
718
+ for (var n = i > 1 ? void 0 : i ? et(t, o) : t, a = e.length - 1, r; a >= 0; a--)
719
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
720
+ return i && n && Qe(t, o, n), n;
1334
721
  };
1335
- const Z = "pie-modal";
1336
- class g extends fe(le) {
722
+ const C = "pie-modal";
723
+ class d extends we(P) {
1337
724
  constructor() {
1338
725
  super(), this.headingLevel = "h2", this.hasBackButton = !1, this.hasStackedActions = !1, this.isDismissible = !1, this.isFooterPinned = !0, this.isFullWidthBelowMid = !1, this.isLoading = !1, this.isOpen = !1, this.position = "center", this.size = "medium", this._backButtonClicked = !1, this._handleDialogCancelEvent = (t) => {
1339
726
  this.isDismissible || t.preventDefault();
1340
727
  }, this._handleDialogLightDismiss = (t) => {
1341
- var a;
728
+ var p;
1342
729
  if (!this.isDismissible)
1343
730
  return;
1344
- const e = (a = this._dialog) == null ? void 0 : a.getBoundingClientRect(), {
1345
- top: o = 0,
731
+ const o = (p = this._dialog) == null ? void 0 : p.getBoundingClientRect(), {
732
+ top: i = 0,
1346
733
  bottom: n = 0,
1347
- left: r = 0,
1348
- right: s = 0
1349
- } = e || {};
1350
- if (o === 0 && n === 0 && r === 0 && s === 0)
734
+ left: a = 0,
735
+ right: r = 0
736
+ } = o || {};
737
+ if (i === 0 && n === 0 && a === 0 && r === 0)
1351
738
  return;
1352
- (t.clientY < o || t.clientY > n || t.clientX < r || t.clientX > s) && (this.isOpen = !1);
739
+ (t.clientY < i || t.clientY > n || t.clientX < a || t.clientX > r) && (this.isOpen = !1);
1353
740
  }, this._dispatchModalCustomEvent = (t) => {
1354
- const e = new CustomEvent(t, {
741
+ const o = new CustomEvent(t, {
1355
742
  bubbles: !0,
1356
743
  composed: !0
1357
744
  });
1358
- this.dispatchEvent(e);
745
+ this.dispatchEvent(o);
1359
746
  }, this.addEventListener("click", (t) => this._handleDialogLightDismiss(t));
1360
747
  }
1361
748
  connectedCallback() {
1362
- super.connectedCallback(), document.addEventListener(X, this._handleModalOpened.bind(this)), document.addEventListener(ft, this._handleModalClosed.bind(this)), document.addEventListener(mt, this._handleModalClosed.bind(this));
749
+ super.connectedCallback(), document.addEventListener(S, this._handleModalOpened.bind(this)), document.addEventListener(B, this._handleModalClosed.bind(this)), document.addEventListener(F, this._handleModalClosed.bind(this));
1363
750
  }
1364
751
  disconnectedCallback() {
1365
- document.removeEventListener(X, this._handleModalOpened.bind(this)), document.removeEventListener(ft, this._handleModalClosed.bind(this)), document.removeEventListener(mt, this._handleModalClosed.bind(this)), super.disconnectedCallback();
752
+ document.removeEventListener(S, this._handleModalOpened.bind(this)), document.removeEventListener(B, this._handleModalClosed.bind(this)), document.removeEventListener(F, this._handleModalClosed.bind(this)), super.disconnectedCallback();
1366
753
  }
1367
754
  firstUpdated(t) {
1368
- this._dialog && (c.registerDialog(this._dialog), this._dialog.addEventListener("cancel", (e) => this._handleDialogCancelEvent(e)), this._dialog.addEventListener("close", () => {
755
+ this._dialog && (s.registerDialog(this._dialog), this._dialog.addEventListener("cancel", (o) => this._handleDialogCancelEvent(o)), this._dialog.addEventListener("close", () => {
1369
756
  this.isOpen = !1;
1370
757
  })), this._handleModalOpenStateOnFirstRender(t);
1371
758
  }
@@ -1376,37 +763,37 @@ class g extends fe(le) {
1376
763
  * Opens the dialog element and disables page scrolling
1377
764
  */
1378
765
  _handleModalOpened() {
1379
- var t, e, o;
1380
- Ee(this), !((t = this._dialog) != null && t.hasAttribute("open") || !((e = this._dialog) != null && e.isConnected)) && ((o = this._dialog) == null || o.showModal());
766
+ var t, o, i;
767
+ Oe(this), !((t = this._dialog) != null && t.hasAttribute("open") || !((o = this._dialog) != null && o.isConnected)) && ((i = this._dialog) == null || i.showModal());
1381
768
  }
1382
769
  /**
1383
770
  * Closes the dialog element and re-enables page scrolling
1384
771
  */
1385
772
  _handleModalClosed() {
1386
773
  var t;
1387
- Se(this), (t = this._dialog) == null || t.close(), this._returnFocus();
774
+ Ae(this), (t = this._dialog) == null || t.close(), this._returnFocus();
1388
775
  }
1389
776
  // Handles the value of the isOpen property on first render of the component
1390
777
  _handleModalOpenStateOnFirstRender(t) {
1391
- t.get("isOpen") === void 0 && this.isOpen && this._dispatchModalCustomEvent(X);
778
+ t.get("isOpen") === void 0 && this.isOpen && this._dispatchModalCustomEvent(S);
1392
779
  }
1393
780
  // Handles changes to the modal isOpen property by dispatching any appropriate events
1394
781
  _handleModalOpenStateChanged(t) {
1395
- const e = t.get("isOpen");
1396
- e !== void 0 && (e ? this._backButtonClicked ? (this._backButtonClicked = !1, this._dispatchModalCustomEvent(mt)) : this._dispatchModalCustomEvent(ft) : this._dispatchModalCustomEvent(X));
782
+ const o = t.get("isOpen");
783
+ o !== void 0 && (o ? this._backButtonClicked ? (this._backButtonClicked = !1, this._dispatchModalCustomEvent(F)) : this._dispatchModalCustomEvent(B) : this._dispatchModalCustomEvent(S));
1397
784
  }
1398
785
  _handleActionClick(t) {
1399
- var e, o;
1400
- t === "leading" ? ((e = this._dialog) == null || e.close("leading"), this._dispatchModalCustomEvent(oi)) : t === "supporting" && ((o = this._dialog) == null || o.close("supporting"), this._dispatchModalCustomEvent(ni));
786
+ var o, i;
787
+ t === "leading" ? ((o = this._dialog) == null || o.close("leading"), this._dispatchModalCustomEvent(Ge)) : t === "supporting" && ((i = this._dialog) == null || i.close("supporting"), this._dispatchModalCustomEvent(Je));
1401
788
  }
1402
789
  /**
1403
790
  * Return focus to the specified element, providing the selector is valid
1404
791
  * and the chosen element can be found.
1405
792
  */
1406
793
  _returnFocus() {
1407
- var e, o;
1408
- const t = (e = this.returnFocusAfterCloseSelector) == null ? void 0 : e.trim();
1409
- t && ((o = document.querySelector(t)) == null || o.focus());
794
+ var o, i;
795
+ const t = (o = this.returnFocusAfterCloseSelector) == null ? void 0 : o.trim();
796
+ t && ((i = document.querySelector(t)) == null || i.focus());
1410
797
  }
1411
798
  /**
1412
799
  * Template for the close button element. Called within the
@@ -1416,14 +803,14 @@ class g extends fe(le) {
1416
803
  */
1417
804
  renderCloseButton() {
1418
805
  var t;
1419
- return _`
806
+ return g`
1420
807
  <pie-icon-button
1421
808
  @click="${() => {
1422
809
  this.isOpen = !1;
1423
810
  }}"
1424
811
  variant="ghost-secondary"
1425
812
  class="c-modal-closeBtn"
1426
- aria-label="${((t = this.aria) == null ? void 0 : t.close) || b}"
813
+ aria-label="${((t = this.aria) == null ? void 0 : t.close) || h}"
1427
814
  data-test-id="modal-close-button">
1428
815
  <icon-close></icon-close>
1429
816
  </pie-icon-button>`;
@@ -1436,16 +823,16 @@ class g extends fe(le) {
1436
823
  */
1437
824
  renderBackButton() {
1438
825
  var t;
1439
- return _`
826
+ return g`
1440
827
  <pie-icon-button
1441
828
  @click="${() => {
1442
829
  this._backButtonClicked = !0, this.isOpen = !1;
1443
830
  }}"
1444
831
  variant="ghost-secondary"
1445
832
  class="c-modal-backBtn"
1446
- aria-label="${((t = this.aria) == null ? void 0 : t.back) || b}"
833
+ aria-label="${((t = this.aria) == null ? void 0 : t.back) || h}"
1447
834
  data-test-id="modal-back-button">
1448
- ${this.isRTL ? _`<icon-chevron-right></icon-chevron-right>` : _`<icon-chevron-left></icon-chevron-left>`}
835
+ ${this.isRTL ? g`<icon-chevron-right></icon-chevron-right>` : g`<icon-chevron-left></icon-chevron-left>`}
1449
836
  </pie-icon-button>
1450
837
  `;
1451
838
  }
@@ -1459,18 +846,18 @@ class g extends fe(le) {
1459
846
  * @private
1460
847
  */
1461
848
  renderLeadingAction() {
1462
- const { text: t, variant: e = "primary", ariaLabel: o } = this.leadingAction;
1463
- return t ? _`
849
+ const { text: t, variant: o = "primary", ariaLabel: i } = this.leadingAction;
850
+ return t ? g`
1464
851
  <pie-button
1465
- variant="${e}"
1466
- aria-label="${o || b}"
852
+ variant="${o}"
853
+ aria-label="${i || h}"
1467
854
  type="submit"
1468
855
  ?isFullWidth="${this.hasStackedActions}"
1469
856
  @click="${() => this._handleActionClick("leading")}"
1470
857
  data-test-id="modal-leading-action">
1471
858
  ${t}
1472
859
  </pie-button>
1473
- ` : b;
860
+ ` : h;
1474
861
  }
1475
862
  /**
1476
863
  * Render supportingAction button depending on prop availability.
@@ -1484,76 +871,76 @@ class g extends fe(le) {
1484
871
  * @private
1485
872
  */
1486
873
  renderSupportingAction() {
1487
- const { text: t, variant: e = "ghost", ariaLabel: o } = this.supportingAction;
1488
- return t ? this.leadingAction ? _`
874
+ const { text: t, variant: o = "ghost", ariaLabel: i } = this.supportingAction;
875
+ return t ? this.leadingAction ? g`
1489
876
  <pie-button
1490
- variant="${e}"
1491
- aria-label="${o || b}"
877
+ variant="${o}"
878
+ aria-label="${i || h}"
1492
879
  type="reset"
1493
880
  ?isFullWidth="${this.hasStackedActions}"
1494
881
  @click="${() => this._handleActionClick("supporting")}"
1495
882
  data-test-id="modal-supporting-action">
1496
883
  ${t}
1497
884
  </pie-button>
1498
- ` : (console.warn("Use `leadingAction` instead of `supportingAction`. `supportingAction` is being ignored."), b) : b;
885
+ ` : (console.warn("Use `leadingAction` instead of `supportingAction`. `supportingAction` is being ignored."), h) : h;
1499
886
  }
1500
887
  /**
1501
888
  * Renders the modal inner content and footer of the modal.
1502
889
  * @private
1503
890
  */
1504
891
  renderModalContentAndFooter() {
1505
- return _`
892
+ return g`
1506
893
  <article class="c-modal-content c-modal-content--scrollable">
1507
894
  <div class="c-modal-contentInner">
1508
895
  <slot></slot>
1509
896
  </div>
1510
897
  </article>
1511
898
  <footer class="c-modal-footer">
1512
- ${this.leadingAction ? this.renderLeadingAction() : b}
1513
- ${this.supportingAction ? this.renderSupportingAction() : b}
899
+ ${this.leadingAction ? this.renderLeadingAction() : h}
900
+ ${this.supportingAction ? this.renderSupportingAction() : h}
1514
901
  </footer>`;
1515
902
  }
1516
903
  render() {
1517
904
  const {
1518
905
  aria: t,
1519
- hasBackButton: e,
1520
- hasStackedActions: o,
906
+ hasBackButton: o,
907
+ hasStackedActions: i,
1521
908
  heading: n,
1522
- headingLevel: r = "h2",
1523
- isDismissible: s,
1524
- isFooterPinned: l,
1525
- isFullWidthBelowMid: a,
1526
- isLoading: d,
1527
- leadingAction: y,
1528
- position: h,
1529
- size: u,
1530
- supportingAction: v
1531
- } = this, A = de(r);
1532
- return _`
909
+ headingLevel: a = "h2",
910
+ isDismissible: r,
911
+ isFooterPinned: u,
912
+ isFullWidthBelowMid: p,
913
+ isLoading: w,
914
+ leadingAction: ce,
915
+ position: ue,
916
+ size: he,
917
+ supportingAction: pe
918
+ } = this, U = me(a);
919
+ return g`
1533
920
  <dialog
1534
921
  id="dialog"
1535
922
  class="c-modal"
1536
- size="${u}"
1537
- position="${h}"
1538
- ?hasActions=${y || v}
1539
- ?hasBackButton=${e}
1540
- ?hasStackedActions=${o}
1541
- ?isDismissible=${s}
1542
- ?isFooterPinned=${l}
1543
- ?isFullWidthBelowMid=${a}
1544
- ?isLoading=${d}
1545
- aria-busy="${d ? "true" : "false"}"
1546
- aria-label="${d && (t == null ? void 0 : t.loading) || b}"
923
+ size="${he}"
924
+ position="${ue}"
925
+ ?hasActions=${ce || pe}
926
+ ?hasBackButton=${o}
927
+ ?hasStackedActions=${i}
928
+ ?isDismissible=${r}
929
+ ?isFooterPinned=${u}
930
+ ?isFullWidthBelowMid=${p}
931
+ ?isLoading=${w}
932
+ aria-busy="${w ? "true" : "false"}"
933
+ aria-label="${w && (t == null ? void 0 : t.loading) || h}"
1547
934
  data-test-id="pie-modal">
1548
935
  <header class="c-modal-header">
1549
- ${e ? this.renderBackButton() : b}
1550
- <${A} class="c-modal-heading">
936
+ ${o ? this.renderBackButton() : h}
937
+ <${U} class="c-modal-heading">
1551
938
  ${n}
1552
- </${A}>
1553
- ${s ? this.renderCloseButton() : b}
939
+ </${U}>
940
+ ${r ? this.renderCloseButton() : h}
1554
941
  </header>
1555
942
  ${// We need to wrap the remaining content in a shared scrollable container if the footer is not pinned
1556
- l ? this.renderModalContentAndFooter() : _`
943
+ u ? this.renderModalContentAndFooter() : g`
1557
944
  <div class="c-modal-scrollContainer">
1558
945
  ${this.renderModalContentAndFooter()}
1559
946
  </div>
@@ -1561,68 +948,68 @@ class g extends fe(le) {
1561
948
  </dialog>`;
1562
949
  }
1563
950
  }
1564
- g.styles = ae(Qe);
1565
- f([
1566
- m({ type: Object })
1567
- ], g.prototype, "aria", 2);
1568
- f([
1569
- m({ type: String }),
1570
- me(Z)
1571
- ], g.prototype, "heading", 2);
1572
- f([
1573
- m(),
1574
- _t(Z, ti, "h2")
1575
- ], g.prototype, "headingLevel", 2);
1576
- f([
1577
- m({ type: Boolean })
1578
- ], g.prototype, "hasBackButton", 2);
1579
- f([
1580
- m({ type: Boolean })
1581
- ], g.prototype, "hasStackedActions", 2);
1582
- f([
1583
- m({ type: Boolean, reflect: !0 })
1584
- ], g.prototype, "isDismissible", 2);
1585
- f([
1586
- m({ type: Boolean })
1587
- ], g.prototype, "isFooterPinned", 2);
1588
- f([
1589
- m({ type: Boolean })
1590
- ], g.prototype, "isFullWidthBelowMid", 2);
1591
- f([
1592
- m({ type: Boolean, reflect: !0 })
1593
- ], g.prototype, "isLoading", 2);
1594
- f([
1595
- m({ type: Boolean })
1596
- ], g.prototype, "isOpen", 2);
1597
- f([
1598
- m({ type: Object })
1599
- ], g.prototype, "leadingAction", 2);
1600
- f([
1601
- m(),
1602
- _t(Z, ii, "center")
1603
- ], g.prototype, "position", 2);
1604
- f([
1605
- m()
1606
- ], g.prototype, "returnFocusAfterCloseSelector", 2);
1607
- f([
1608
- m(),
1609
- _t(Z, ei, "medium")
1610
- ], g.prototype, "size", 2);
1611
- f([
1612
- m({ type: Object })
1613
- ], g.prototype, "supportingAction", 2);
1614
- f([
1615
- ce("dialog")
1616
- ], g.prototype, "_dialog", 2);
1617
- customElements.define(Z, g);
951
+ d.styles = ge(Ke);
952
+ c([
953
+ l({ type: Object })
954
+ ], d.prototype, "aria", 2);
955
+ c([
956
+ l({ type: String }),
957
+ _e(C)
958
+ ], d.prototype, "heading", 2);
959
+ c([
960
+ l(),
961
+ j(C, Ye, "h2")
962
+ ], d.prototype, "headingLevel", 2);
963
+ c([
964
+ l({ type: Boolean })
965
+ ], d.prototype, "hasBackButton", 2);
966
+ c([
967
+ l({ type: Boolean })
968
+ ], d.prototype, "hasStackedActions", 2);
969
+ c([
970
+ l({ type: Boolean, reflect: !0 })
971
+ ], d.prototype, "isDismissible", 2);
972
+ c([
973
+ l({ type: Boolean })
974
+ ], d.prototype, "isFooterPinned", 2);
975
+ c([
976
+ l({ type: Boolean })
977
+ ], d.prototype, "isFullWidthBelowMid", 2);
978
+ c([
979
+ l({ type: Boolean, reflect: !0 })
980
+ ], d.prototype, "isLoading", 2);
981
+ c([
982
+ l({ type: Boolean })
983
+ ], d.prototype, "isOpen", 2);
984
+ c([
985
+ l({ type: Object })
986
+ ], d.prototype, "leadingAction", 2);
987
+ c([
988
+ l(),
989
+ j(C, Ze, "center")
990
+ ], d.prototype, "position", 2);
991
+ c([
992
+ l()
993
+ ], d.prototype, "returnFocusAfterCloseSelector", 2);
994
+ c([
995
+ l(),
996
+ j(C, Xe, "medium")
997
+ ], d.prototype, "size", 2);
998
+ c([
999
+ l({ type: Object })
1000
+ ], d.prototype, "supportingAction", 2);
1001
+ c([
1002
+ $("dialog")
1003
+ ], d.prototype, "_dialog", 2);
1004
+ customElements.define(C, d);
1618
1005
  export {
1619
- mt as ON_MODAL_BACK_EVENT,
1620
- ft as ON_MODAL_CLOSE_EVENT,
1621
- oi as ON_MODAL_LEADING_ACTION_CLICK,
1622
- X as ON_MODAL_OPEN_EVENT,
1623
- ni as ON_MODAL_SUPPORTING_ACTION_CLICK,
1624
- g as PieModal,
1625
- ti as headingLevels,
1626
- ii as positions,
1627
- ei as sizes
1006
+ F as ON_MODAL_BACK_EVENT,
1007
+ B as ON_MODAL_CLOSE_EVENT,
1008
+ Ge as ON_MODAL_LEADING_ACTION_CLICK,
1009
+ S as ON_MODAL_OPEN_EVENT,
1010
+ Je as ON_MODAL_SUPPORTING_ACTION_CLICK,
1011
+ d as PieModal,
1012
+ Ye as headingLevels,
1013
+ Ze as positions,
1014
+ Xe as sizes
1628
1015
  };