@justeattakeaway/pie-modal 0.19.1 → 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 -1150
  2. package/package.json +1 -1
  3. package/src/index.ts +3 -3
package/dist/index.js CHANGED
@@ -1,17 +1,17 @@
1
- import { nothing as y, unsafeCSS as le, LitElement as de } from "lit";
2
- import { html as _, unsafeStatic as ce } from "lit/static-html.js";
3
- import { property as v, query as he } from "lit/decorators.js";
4
- import { property as ue } from "lit/decorators/property.js";
5
- var pe = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, fe = (i, t, e, o) => {
6
- for (var n = o > 1 ? void 0 : o ? ge(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 && pe(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 me = (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,818 +26,192 @@ const me = (i) => {
26
26
  return this.dir === "rtl";
27
27
  }
28
28
  }
29
- return fe([
30
- ue({ 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
- }, ve = (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 be(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), k = [], tt = !1, qt = -1, B = void 0, E = void 0, R = void 0, Wt = function(t) {
77
- return k.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
- }, ye = function(t) {
84
- if (R === 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
- R = 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
- B === void 0 && (B = document.body.style.overflow, document.body.style.overflow = "hidden");
92
- }, _e = function() {
93
- R !== void 0 && (document.body.style.paddingRight = R, R = void 0), B !== void 0 && (document.body.style.overflow = B, B = void 0);
94
- }, we = 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 (E === void 0) {
97
- E = {
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
- }, $e = function() {
112
- if (E !== void 0) {
113
- var t = -parseInt(document.body.style.top, 10), e = -parseInt(document.body.style.left, 10);
114
- document.body.style.position = E.position, document.body.style.top = E.top, document.body.style.left = E.left, window.scrollTo(e, t), E = 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
- }, Ae = function(t) {
116
+ }, Ce = function(t) {
117
117
  return t ? t.scrollHeight - t.scrollTop <= t.clientHeight : !1;
118
- }, Ee = function(t, e) {
119
- var o = t.targetTouches[0].clientY - qt;
120
- return Wt(t.target) ? !1 : e && e.scrollTop === 0 && o > 0 || Ae(e) && o < 0 ? et(t) : (t.stopPropagation(), !0);
121
- }, Se = 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 (!k.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
- k = [].concat(be(k), [o]), Q ? we() : ye(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 && Ee(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
- }, ke = 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
- k = k.filter(function(e) {
145
- return e.targetElement !== t;
146
- }), Q && (t.ontouchstart = null, t.ontouchmove = null, tt && k.length === 0 && (document.removeEventListener("touchmove", et, wt ? { passive: !1 } : void 0), tt = !1)), Q ? $e() : _e();
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 xe = (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
- }, Ce = (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 xe(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, Me = zt ? zt.emptyScript : "", Ot = it.reactiveElementPolyfillSupport, vt = { toAttribute(i, t) {
209
- switch (t) {
210
- case Boolean:
211
- i = i ? Me : 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 z = class extends HTMLElement {
238
- constructor() {
239
- super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
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
- _$Eu() {
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 Ce(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
- z[bt] = !0, z.elementProperties = /* @__PURE__ */ new Map(), z.elementStyles = [], z.shadowRootOptions = { mode: "open" }, Ot == null || Ot({ ReactiveElement: z }), ((at = it.reactiveElementVersions) !== null && at !== void 0 ? at : it.reactiveElementVersions = []).push("1.6.3");
417
- /**
418
- * @license
419
- * Copyright 2017 Google LLC
420
- * SPDX-License-Identifier: BSD-3-Clause
421
- */
422
- var dt;
423
- const ot = window, P = ot.trustedTypes, Pt = P ? P.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, yt = "$lit$", $ = `lit$${(Math.random() + "").slice(9)}$`, Zt = "?" + $, ze = `<${Zt}>`, C = document, U = () => C.createComment(""), F = (i) => i === null || typeof i != "object" && typeof i != "function", Gt = Array.isArray, Oe = (i) => Gt(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", ct = `[
424
- \f\r]`, N = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Dt = /-->/g, Lt = />/g, A = RegExp(`>|${ct}(?:([^\\s"'>=/]+)(${ct}*=${ct}*(?:[^
425
- \f\r"'\`<>=]|("|')|))|$)`, "g"), Tt = /'/g, It = /"/g, Xt = /^(?:script|style|textarea|title)$/i, Pe = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), St = Pe(1), D = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), Nt = /* @__PURE__ */ new WeakMap(), S = C.createTreeWalker(C, 129, null, !1);
426
- function Jt(i, t) {
427
- if (!Array.isArray(i) || !i.hasOwnProperty("raw"))
428
- throw Error("invalid template strings array");
429
- return Pt !== void 0 ? Pt.createHTML(t) : t;
430
- }
431
- const De = (i, t) => {
432
- const e = i.length - 1, o = [];
433
- let n, r = t === 2 ? "<svg>" : "", s = N;
434
- for (let l = 0; l < e; l++) {
435
- const a = i[l];
436
- let d, h, u = -1, p = 0;
437
- for (; p < a.length && (s.lastIndex = p, h = s.exec(a), h !== null); )
438
- p = s.lastIndex, s === N ? h[1] === "!--" ? s = Dt : h[1] !== void 0 ? s = Lt : h[2] !== void 0 ? (Xt.test(h[2]) && (n = RegExp("</" + h[2], "g")), s = A) : h[3] !== void 0 && (s = A) : s === A ? h[0] === ">" ? (s = n ?? N, u = -1) : h[1] === void 0 ? u = -2 : (u = s.lastIndex - h[2].length, d = h[1], s = h[3] === void 0 ? A : h[3] === '"' ? It : Tt) : s === It || s === Tt ? s = A : s === Dt || s === Lt ? s = N : (s = A, n = void 0);
439
- const b = s === A && i[l + 1].startsWith("/>") ? " " : "";
440
- r += s === N ? a + ze : u >= 0 ? (o.push(d), a.slice(0, u) + yt + a.slice(u) + $ + b) : a + $ + (u === -2 ? (o.push(void 0), l) : b);
441
- }
442
- return [Jt(i, r + (i[e] || "<?>") + (t === 2 ? "</svg>" : "")), o];
443
- };
444
- class j {
445
- constructor({ strings: t, _$litType$: e }, o) {
446
- let n;
447
- this.parts = [];
448
- let r = 0, s = 0;
449
- const l = t.length - 1, a = this.parts, [d, h] = De(t, e);
450
- if (this.el = j.createElement(d, o), S.currentNode = this.el.content, e === 2) {
451
- const u = this.el.content, p = u.firstChild;
452
- p.remove(), u.append(...p.childNodes);
453
- }
454
- for (; (n = S.nextNode()) !== null && a.length < l; ) {
455
- if (n.nodeType === 1) {
456
- if (n.hasAttributes()) {
457
- const u = [];
458
- for (const p of n.getAttributeNames())
459
- if (p.endsWith(yt) || p.startsWith($)) {
460
- const b = h[s++];
461
- if (u.push(p), b !== void 0) {
462
- const Z = n.getAttribute(b.toLowerCase() + yt).split($), G = /([.?@])?(.*)/.exec(b);
463
- a.push({ type: 1, index: r, name: G[2], strings: Z, ctor: G[1] === "." ? Te : G[1] === "?" ? Ne : G[1] === "@" ? Be : st });
464
- } else
465
- a.push({ type: 6, index: r });
466
- }
467
- for (const p of u)
468
- n.removeAttribute(p);
469
- }
470
- if (Xt.test(n.tagName)) {
471
- const u = n.textContent.split($), p = u.length - 1;
472
- if (p > 0) {
473
- n.textContent = P ? P.emptyScript : "";
474
- for (let b = 0; b < p; b++)
475
- n.append(u[b], U()), S.nextNode(), a.push({ type: 2, index: ++r });
476
- n.append(u[p], U());
477
- }
478
- }
479
- } else if (n.nodeType === 8)
480
- if (n.data === Zt)
481
- a.push({ type: 2, index: r });
482
- else {
483
- let u = -1;
484
- for (; (u = n.data.indexOf($, u + 1)) !== -1; )
485
- a.push({ type: 7, index: r }), u += $.length - 1;
486
- }
487
- r++;
488
- }
489
- }
490
- static createElement(t, e) {
491
- const o = C.createElement("template");
492
- return o.innerHTML = t, o;
493
- }
494
- }
495
- function L(i, t, e = i, o) {
496
- var n, r, s, l;
497
- if (t === D)
498
- return t;
499
- let a = o !== void 0 ? (n = e._$Co) === null || n === void 0 ? void 0 : n[o] : e._$Cl;
500
- const d = F(t) ? void 0 : t._$litDirective$;
501
- 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 = L(i, a._$AS(i, t.values), a, o)), t;
502
- }
503
- class Le {
504
- constructor(t, e) {
505
- this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
506
- }
507
- get parentNode() {
508
- return this._$AM.parentNode;
509
- }
510
- get _$AU() {
511
- return this._$AM._$AU;
512
- }
513
- u(t) {
514
- var e;
515
- const { el: { content: o }, parts: n } = this._$AD, r = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : C).importNode(o, !0);
516
- S.currentNode = r;
517
- let s = S.nextNode(), l = 0, a = 0, d = n[0];
518
- for (; d !== void 0; ) {
519
- if (l === d.index) {
520
- let h;
521
- d.type === 2 ? h = new V(s, s.nextSibling, this, t) : d.type === 1 ? h = new d.ctor(s, d.name, d.strings, this, t) : d.type === 6 && (h = new Re(s, this, t)), this._$AV.push(h), d = n[++a];
522
- }
523
- l !== (d == null ? void 0 : d.index) && (s = S.nextNode(), l++);
524
- }
525
- return S.currentNode = C, r;
526
- }
527
- v(t) {
528
- let e = 0;
529
- for (const o of this._$AV)
530
- o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
531
- }
532
- }
533
- class V {
534
- constructor(t, e, o, n) {
535
- var r;
536
- this.type = 2, this._$AH = g, 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;
537
- }
538
- get _$AU() {
539
- var t, e;
540
- return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
541
- }
542
- get parentNode() {
543
- let t = this._$AA.parentNode;
544
- const e = this._$AM;
545
- return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
546
- }
547
- get startNode() {
548
- return this._$AA;
549
- }
550
- get endNode() {
551
- return this._$AB;
552
- }
553
- _$AI(t, e = this) {
554
- t = L(this, t, e), F(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== D && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : Oe(t) ? this.T(t) : this._(t);
555
- }
556
- k(t) {
557
- return this._$AA.parentNode.insertBefore(t, this._$AB);
558
- }
559
- $(t) {
560
- this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
561
- }
562
- _(t) {
563
- this._$AH !== g && F(this._$AH) ? this._$AA.nextSibling.data = t : this.$(C.createTextNode(t)), this._$AH = t;
564
- }
565
- g(t) {
566
- var e;
567
- const { values: o, _$litType$: n } = t, r = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = j.createElement(Jt(n.h, n.h[0]), this.options)), n);
568
- if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === r)
569
- this._$AH.v(o);
570
- else {
571
- const s = new Le(r, this), l = s.u(this.options);
572
- s.v(o), this.$(l), this._$AH = s;
573
- }
574
- }
575
- _$AC(t) {
576
- let e = Nt.get(t.strings);
577
- return e === void 0 && Nt.set(t.strings, e = new j(t)), e;
578
- }
579
- T(t) {
580
- Gt(this._$AH) || (this._$AH = [], this._$AR());
581
- const e = this._$AH;
582
- let o, n = 0;
583
- for (const r of t)
584
- n === e.length ? e.push(o = new V(this.k(U()), this.k(U()), this, this.options)) : o = e[n], o._$AI(r), n++;
585
- n < e.length && (this._$AR(o && o._$AB.nextSibling, n), e.length = n);
586
- }
587
- _$AR(t = this._$AA.nextSibling, e) {
588
- var o;
589
- for ((o = this._$AP) === null || o === void 0 || o.call(this, !1, !0, e); t && t !== this._$AB; ) {
590
- const n = t.nextSibling;
591
- t.remove(), t = n;
592
- }
593
- }
594
- setConnected(t) {
595
- var e;
596
- this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
597
- }
598
- }
599
- class st {
600
- constructor(t, e, o, n, r) {
601
- this.type = 1, this._$AH = g, 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 = g;
602
- }
603
- get tagName() {
604
- return this.element.tagName;
605
- }
606
- get _$AU() {
607
- return this._$AM._$AU;
608
- }
609
- _$AI(t, e = this, o, n) {
610
- const r = this.strings;
611
- let s = !1;
612
- if (r === void 0)
613
- t = L(this, t, e, 0), s = !F(t) || t !== this._$AH && t !== D, s && (this._$AH = t);
614
- else {
615
- const l = t;
616
- let a, d;
617
- for (t = r[0], a = 0; a < r.length - 1; a++)
618
- d = L(this, l[o + a], e, a), d === D && (d = this._$AH[a]), s || (s = !F(d) || d !== this._$AH[a]), d === g ? t = g : t !== g && (t += (d ?? "") + r[a + 1]), this._$AH[a] = d;
619
- }
620
- s && !n && this.j(t);
621
- }
622
- j(t) {
623
- t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
624
- }
625
- }
626
- class Te extends st {
627
- constructor() {
628
- super(...arguments), this.type = 3;
629
- }
630
- j(t) {
631
- this.element[this.name] = t === g ? void 0 : t;
632
- }
633
- }
634
- const Ie = P ? P.emptyScript : "";
635
- class Ne extends st {
636
- constructor() {
637
- super(...arguments), this.type = 4;
638
- }
639
- j(t) {
640
- t && t !== g ? this.element.setAttribute(this.name, Ie) : this.element.removeAttribute(this.name);
641
- }
642
- }
643
- class Be extends st {
644
- constructor(t, e, o, n, r) {
645
- super(t, e, o, n, r), this.type = 5;
646
- }
647
- _$AI(t, e = this) {
648
- var o;
649
- if ((t = (o = L(this, t, e, 0)) !== null && o !== void 0 ? o : g) === D)
650
- return;
651
- const n = this._$AH, r = t === g && n !== g || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, s = t !== g && (n === g || r);
652
- r && this.element.removeEventListener(this.name, this, n), s && this.element.addEventListener(this.name, this, t), this._$AH = t;
653
- }
654
- handleEvent(t) {
655
- var e, o;
656
- 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);
657
- }
658
- }
659
- class Re {
660
- constructor(t, e, o) {
661
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
662
- }
663
- get _$AU() {
664
- return this._$AM._$AU;
665
- }
666
- _$AI(t) {
667
- L(this, t);
668
- }
669
- }
670
- const Bt = ot.litHtmlPolyfillSupport;
671
- Bt == null || Bt(j, V), ((dt = ot.litHtmlVersions) !== null && dt !== void 0 ? dt : ot.litHtmlVersions = []).push("2.8.0");
672
- const He = (i, t, e) => {
673
- var o, n;
674
- const r = (o = e == null ? void 0 : e.renderBefore) !== null && o !== void 0 ? o : t;
675
- let s = r._$litPart$;
676
- if (s === void 0) {
677
- const l = (n = e == null ? void 0 : e.renderBefore) !== null && n !== void 0 ? n : null;
678
- r._$litPart$ = s = new V(t.insertBefore(U(), l), l, void 0, e ?? {});
679
- }
680
- return s._$AI(i), s;
681
- };
682
- /**
683
- * @license
684
- * Copyright 2017 Google LLC
685
- * SPDX-License-Identifier: BSD-3-Clause
686
- */
687
- var ht, ut;
688
- class x extends z {
689
- constructor() {
690
- super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
691
- }
692
- createRenderRoot() {
693
- var t, e;
694
- const o = super.createRenderRoot();
695
- return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = o.firstChild), o;
696
- }
697
- update(t) {
698
- const e = this.render();
699
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = He(e, this.renderRoot, this.renderOptions);
700
- }
701
- connectedCallback() {
702
- var t;
703
- super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
704
- }
705
- disconnectedCallback() {
706
- var t;
707
- super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
708
- }
709
- render() {
710
- return D;
711
- }
712
- }
713
- x.finalized = !0, x._$litElement$ = !0, (ht = globalThis.litElementHydrateSupport) === null || ht === void 0 || ht.call(globalThis, { LitElement: x });
714
- const Rt = globalThis.litElementPolyfillSupport;
715
- Rt == null || Rt({ LitElement: x });
716
- ((ut = globalThis.litElementVersions) !== null && ut !== void 0 ? ut : globalThis.litElementVersions = []).push("3.3.3");
717
- /**
718
- * @license
719
- * Copyright 2017 Google LLC
720
- * SPDX-License-Identifier: BSD-3-Clause
721
- */
722
- const Ue = (i, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? { ...t, finisher(e) {
723
- e.createProperty(t.key, i);
724
- } } : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
725
- typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
726
- }, finisher(e) {
727
- e.createProperty(t.key, i);
728
- } }, Fe = (i, t, e) => {
729
- t.constructor.createProperty(e, i);
730
- };
731
- function I(i) {
732
- return (t, e) => e !== void 0 ? Fe(i, t, e) : Ue(i, t);
733
- }
734
- /**
735
- * @license
736
- * Copyright 2017 Google LLC
737
- * SPDX-License-Identifier: BSD-3-Clause
738
- */
739
- const je = ({ finisher: i, descriptor: t }) => (e, o) => {
740
- var n;
741
- if (o === void 0) {
742
- 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 };
743
- return i != null && (s.finisher = function(l) {
744
- i(l, r);
745
- }), s;
746
- }
747
- {
748
- const r = e.constructor;
749
- t !== void 0 && Object.defineProperty(e, o, t(o)), i == null || i(r, o);
750
- }
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();
751
147
  };
752
- /**
753
- * @license
754
- * Copyright 2017 Google LLC
755
- * SPDX-License-Identifier: BSD-3-Clause
756
- */
757
- function kt(i, t) {
758
- return je({ descriptor: (e) => {
759
- const o = { get() {
760
- var n, r;
761
- return (r = (n = this.renderRoot) === null || n === void 0 ? void 0 : n.querySelector(i)) !== null && r !== void 0 ? r : null;
762
- }, enumerable: !0, configurable: !0 };
763
- if (t) {
764
- const n = typeof e == "symbol" ? Symbol() : "__" + e;
765
- o.get = function() {
766
- var r, s;
767
- 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];
768
- };
769
- }
770
- return o;
771
- } });
772
- }
773
- /**
774
- * @license
775
- * Copyright 2021 Google LLC
776
- * SPDX-License-Identifier: BSD-3-Clause
777
- */
778
- var pt;
779
- ((pt = window.HTMLSlotElement) === null || pt === void 0 ? void 0 : pt.prototype.assignedElements) != null;
780
- const nt = {
148
+ const L = {
781
149
  xs: 16,
782
150
  s: 20,
783
151
  m: 24,
784
152
  l: 28,
785
153
  xl: 32,
786
154
  xxl: 40
787
- }, Qt = Object.keys(nt), te = "xs", ee = 8, rt = 32;
788
- function Ve(i, t, e) {
789
- const o = parseInt(i, 10), n = o % e === 0;
790
- return o >= t && n;
791
- }
792
- const ie = {
793
- large: (i) => Ve(i, rt, ee),
794
- regular: (i) => Qt.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)
795
163
  };
796
- function qe(i) {
797
- const t = ie.large(i);
798
- 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 };
799
167
  }
800
- function We(i) {
801
- const t = ie.regular(i), e = t ? nt[i] : nt[te];
802
- 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 };
803
171
  }
804
- const T = (i, t, e, o) => {
805
- const n = i.endsWith("Large") || i.endsWith("-large");
806
- let r, s;
807
- if (e) {
808
- if ({ isValid: r, size: s } = n ? qe(e) : We(e), !r) {
809
- 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 ${ee}.` : `Invalid prop "size" value supplied to "${o}". The prop value should be one of the following values: ${Qt.join(", ")}.`;
810
- 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);
811
179
  }
812
180
  } else
813
- s = n ? rt : nt[te];
181
+ r = n ? I : L[oe];
814
182
  return {
815
- class: [i, t].filter(Boolean).join(" "),
816
- width: s,
817
- height: s
183
+ class: [e, t].filter(Boolean).join(" "),
184
+ width: r,
185
+ height: r
818
186
  };
819
- }, Ht = "icon-close";
820
- class q extends x {
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 {
821
195
  constructor() {
822
196
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--close";
823
197
  }
824
198
  connectedCallback() {
825
- var t, e, o;
826
- if (super.connectedCallback(), ((t = this._svg) === null || t === void 0 ? void 0 : t.getAttribute("width")) === null) {
827
- const n = T("c-pieIcon c-pieIcon--close", "", null, "IconClose");
828
- (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);
829
203
  }
830
204
  }
831
205
  updated(t) {
832
- var e, o;
206
+ var o, i;
833
207
  let n;
834
- t.has("size") && (n = T("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));
835
209
  }
836
210
  render() {
837
- 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>`;
838
212
  }
839
- }
840
- q.styles = Et`
213
+ };
214
+ E.styles = N`
841
215
  :host-context(pie-icon-button) svg,
842
216
  :host-context(pie-button) svg {
843
217
  display: block;
@@ -845,38 +219,43 @@ q.styles = Et`
845
219
  height: var(--btn-icon-size);
846
220
  }
847
221
  `;
848
- w([
849
- I({ type: String, reflect: !0 })
850
- ], q.prototype, "size", void 0);
851
- w([
852
- I({ type: String, reflect: !0 })
853
- ], q.prototype, "class", void 0);
854
- w([
855
- kt("svg")
856
- ], q.prototype, "_svg", void 0);
857
- customElements.get(Ht) === void 0 && customElements.define(Ht, q);
858
- const Ut = "icon-chevron-left";
859
- class W extends x {
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 {
860
239
  constructor() {
861
240
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronLeft";
862
241
  }
863
242
  connectedCallback() {
864
- var t, e, o;
865
- if (super.connectedCallback(), ((t = this._svg) === null || t === void 0 ? void 0 : t.getAttribute("width")) === null) {
866
- const n = T("c-pieIcon c-pieIcon--chevronLeft", "", null, "IconChevronLeft");
867
- (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);
868
247
  }
869
248
  }
870
249
  updated(t) {
871
- var e, o;
250
+ var o, i;
872
251
  let n;
873
- t.has("size") && (n = T("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));
874
253
  }
875
254
  render() {
876
- 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>`;
877
256
  }
878
257
  }
879
- W.styles = Et`
258
+ M.styles = N`
880
259
  :host-context(pie-icon-button) svg,
881
260
  :host-context(pie-button) svg {
882
261
  display: block;
@@ -884,38 +263,43 @@ W.styles = Et`
884
263
  height: var(--btn-icon-size);
885
264
  }
886
265
  `;
887
- w([
888
- I({ type: String, reflect: !0 })
889
- ], W.prototype, "size", void 0);
890
- w([
891
- I({ type: String, reflect: !0 })
892
- ], W.prototype, "class", void 0);
893
- w([
894
- kt("svg")
895
- ], W.prototype, "_svg", void 0);
896
- customElements.get(Ut) === void 0 && customElements.define(Ut, W);
897
- const Ft = "icon-chevron-right";
898
- class K extends x {
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 {
899
283
  constructor() {
900
284
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronRight";
901
285
  }
902
286
  connectedCallback() {
903
- var t, e, o;
904
- if (super.connectedCallback(), ((t = this._svg) === null || t === void 0 ? void 0 : t.getAttribute("width")) === null) {
905
- const n = T("c-pieIcon c-pieIcon--chevronRight", "", null, "IconChevronRight");
906
- (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);
907
291
  }
908
292
  }
909
293
  updated(t) {
910
- var e, o;
294
+ var o, i;
911
295
  let n;
912
- t.has("size") && (n = T("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));
913
297
  }
914
298
  render() {
915
- 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>`;
916
300
  }
917
301
  }
918
- K.styles = Et`
302
+ z.styles = N`
919
303
  :host-context(pie-icon-button) svg,
920
304
  :host-context(pie-button) svg {
921
305
  display: block;
@@ -923,126 +307,126 @@ K.styles = Et`
923
307
  height: var(--btn-icon-size);
924
308
  }
925
309
  `;
926
- w([
927
- I({ type: String, reflect: !0 })
928
- ], K.prototype, "size", void 0);
929
- w([
930
- I({ type: String, reflect: !0 })
931
- ], K.prototype, "class", void 0);
932
- w([
933
- kt("svg")
934
- ], K.prototype, "_svg", void 0);
935
- customElements.get(Ft) === void 0 && customElements.define(Ft, K);
936
- var O = window.CustomEvent;
937
- (!O || typeof O == "object") && (O = function(t, e) {
938
- e = e || {};
939
- var o = document.createEvent("CustomEvent");
940
- return o.initCustomEvent(t, !!e.bubbles, !!e.cancelable, e.detail || null), o;
941
- }, O.prototype = window.Event.prototype);
942
- function oe(i, t) {
943
- var e = "on" + t.type.toLowerCase();
944
- return typeof i[e] == "function" && i[e](t), i.dispatchEvent(t);
945
- }
946
- function Ke(i) {
947
- for (; i && i !== document.body; ) {
948
- var t = window.getComputedStyle(i), e = function(o, n) {
949
- 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);
950
334
  };
951
- 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")
952
336
  return !0;
953
- i = i.parentElement;
337
+ e = e.parentElement;
954
338
  }
955
339
  return !1;
956
340
  }
957
- function H(i) {
958
- for (; i; ) {
959
- if (i.localName === "dialog")
341
+ function x(e) {
342
+ for (; e; ) {
343
+ if (e.localName === "dialog")
960
344
  return (
961
345
  /** @type {HTMLDialogElement} */
962
- i
346
+ e
963
347
  );
964
- 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;
965
349
  }
966
350
  return null;
967
351
  }
968
- function ne(i) {
969
- for (; i && i.shadowRoot && i.shadowRoot.activeElement; )
970
- i = i.shadowRoot.activeElement;
971
- 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();
972
356
  }
973
- function Ye(i, t) {
974
- for (var e = 0; e < i.length; ++e)
975
- if (i[e] === t)
357
+ function je(e, t) {
358
+ for (var o = 0; o < e.length; ++o)
359
+ if (e[o] === t)
976
360
  return !0;
977
361
  return !1;
978
362
  }
979
- function gt(i) {
980
- 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";
981
365
  }
982
- function re(i) {
983
- var t = ["button", "input", "keygen", "select", "textarea"], e = t.map(function(s) {
984
- 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])";
985
369
  });
986
- e.push('[tabindex]:not([disabled]):not([tabindex=""])');
987
- var o = i.querySelector(e.join(", "));
988
- if (!o && "attachShadow" in Element.prototype)
989
- for (var n = i.querySelectorAll("*"), r = 0; r < n.length && !(n[r].tagName && n[r].shadowRoot && (o = re(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++)
990
374
  ;
991
- return o;
375
+ return i;
992
376
  }
993
- function jt(i) {
994
- return i.isConnected || document.body.contains(i);
377
+ function G(e) {
378
+ return e.isConnected || document.body.contains(e);
995
379
  }
996
- function se(i) {
997
- if (i.submitter)
998
- return i.submitter;
999
- var t = i.target;
380
+ function le(e) {
381
+ if (e.submitter)
382
+ return e.submitter;
383
+ var t = e.target;
1000
384
  if (!(t instanceof HTMLFormElement))
1001
385
  return null;
1002
- var e = c.formSubmitter;
1003
- if (!e) {
1004
- var o = i.target, n = "getRootNode" in o && o.getRootNode() || document;
1005
- 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;
1006
390
  }
1007
- return !e || e.form !== t ? null : e;
391
+ return !o || o.form !== t ? null : o;
1008
392
  }
1009
- function Ze(i) {
1010
- if (!i.defaultPrevented) {
393
+ function He(e) {
394
+ if (!e.defaultPrevented) {
1011
395
  var t = (
1012
396
  /** @type {!HTMLFormElement} */
1013
- i.target
1014
- ), e = c.imagemapUseValue, o = se(i);
1015
- e === null && o && (e = o.value);
1016
- var n = H(t);
397
+ e.target
398
+ ), o = s.imagemapUseValue, i = le(e);
399
+ o === null && i && (o = i.value);
400
+ var n = x(t);
1017
401
  if (n) {
1018
- var r = o && o.getAttribute("formmethod") || t.getAttribute("method");
1019
- 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());
1020
404
  }
1021
405
  }
1022
406
  }
1023
- function ae(i) {
1024
- 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", Ze, !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) {
1025
409
  var t = new MutationObserver(this.maybeHideModal.bind(this));
1026
- t.observe(i, { attributes: !0, attributeFilter: ["open"] });
410
+ t.observe(e, { attributes: !0, attributeFilter: ["open"] });
1027
411
  } else {
1028
- var e = !1, o = function() {
1029
- e ? this.downgradeModal() : this.maybeHideModal(), e = !1;
1030
- }.bind(this), n, r = function(s) {
1031
- if (s.target === i) {
1032
- var l = "DOMNodeRemoved";
1033
- 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);
1034
418
  }
1035
419
  };
1036
- ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(s) {
1037
- i.addEventListener(s, r);
420
+ ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(r) {
421
+ e.addEventListener(r, a);
1038
422
  });
1039
423
  }
1040
- Object.defineProperty(i, "open", {
424
+ Object.defineProperty(e, "open", {
1041
425
  set: this.setOpen.bind(this),
1042
- get: i.hasAttribute.bind(i, "open")
426
+ get: e.hasAttribute.bind(e, "open")
1043
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));
1044
428
  }
1045
- ae.prototype = /** @type {HTMLDialogElement.prototype} */
429
+ de.prototype = /** @type {HTMLDialogElement.prototype} */
1046
430
  {
1047
431
  get dialog() {
1048
432
  return this.dialog_;
@@ -1053,19 +437,19 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1053
437
  * longer open or is no longer part of the DOM.
1054
438
  */
1055
439
  maybeHideModal: function() {
1056
- this.dialog_.hasAttribute("open") && jt(this.dialog_) || this.downgradeModal();
440
+ this.dialog_.hasAttribute("open") && G(this.dialog_) || this.downgradeModal();
1057
441
  },
1058
442
  /**
1059
443
  * Remove this dialog from the modal top layer, leaving it as a non-modal.
1060
444
  */
1061
445
  downgradeModal: function() {
1062
- 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));
1063
447
  },
1064
448
  /**
1065
449
  * @param {boolean} value whether to open or close this dialog
1066
450
  */
1067
- setOpen: function(i) {
1068
- 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());
1069
453
  },
1070
454
  /**
1071
455
  * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if
@@ -1073,39 +457,39 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1073
457
  *
1074
458
  * @param {!Event} e to redirect
1075
459
  */
1076
- backdropMouseEvent_: function(i) {
460
+ backdropMouseEvent_: function(e) {
1077
461
  if (this.dialog_.hasAttribute("tabindex"))
1078
462
  this.dialog_.focus();
1079
463
  else {
1080
464
  var t = document.createElement("div");
1081
465
  this.dialog_.insertBefore(t, this.dialog_.firstChild), t.tabIndex = -1, t.focus(), this.dialog_.removeChild(t);
1082
466
  }
1083
- var e = document.createEvent("MouseEvents");
1084
- e.initMouseEvent(
1085
- i.type,
1086
- i.bubbles,
1087
- i.cancelable,
467
+ var o = document.createEvent("MouseEvents");
468
+ o.initMouseEvent(
469
+ e.type,
470
+ e.bubbles,
471
+ e.cancelable,
1088
472
  window,
1089
- i.detail,
1090
- i.screenX,
1091
- i.screenY,
1092
- i.clientX,
1093
- i.clientY,
1094
- i.ctrlKey,
1095
- i.altKey,
1096
- i.shiftKey,
1097
- i.metaKey,
1098
- i.button,
1099
- i.relatedTarget
1100
- ), 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();
1101
485
  },
1102
486
  /**
1103
487
  * Focuses on the first focusable element within the dialog. This will always blur the current
1104
488
  * focus, even if nothing within the dialog is found.
1105
489
  */
1106
490
  focus_: function() {
1107
- var i = this.dialog_.querySelector("[autofocus]:not([disabled])");
1108
- !i && this.dialog_.tabIndex >= 0 && (i = this.dialog_), i || (i = re(this.dialog_)), ne(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();
1109
493
  },
1110
494
  /**
1111
495
  * Sets the zIndex for the backdrop and dialog.
@@ -1113,10 +497,10 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1113
497
  * @param {number} dialogZ
1114
498
  * @param {number} backdropZ
1115
499
  */
1116
- updateZIndex: function(i, t) {
1117
- if (i < t)
500
+ updateZIndex: function(e, t) {
501
+ if (e < t)
1118
502
  throw new Error("dialogZ should never be < backdropZ");
1119
- this.dialog_.style.zIndex = i, this.backdrop_.style.zIndex = t;
503
+ this.dialog_.style.zIndex = e, this.backdrop_.style.zIndex = t;
1120
504
  },
1121
505
  /**
1122
506
  * Shows the dialog. If the dialog is already open, this does nothing.
@@ -1130,11 +514,11 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1130
514
  showModal: function() {
1131
515
  if (this.dialog_.hasAttribute("open"))
1132
516
  throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.");
1133
- if (!jt(this.dialog_))
517
+ if (!G(this.dialog_))
1134
518
  throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");
1135
- if (!c.dm.pushDialog(this))
519
+ if (!s.dm.pushDialog(this))
1136
520
  throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.");
1137
- Ke(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_();
1138
522
  },
1139
523
  /**
1140
524
  * Closes this HTMLDialogElement. This is optional vs clearing the open
@@ -1142,233 +526,233 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1142
526
  *
1143
527
  * @param {string=} opt_returnValue to use as the returnValue
1144
528
  */
1145
- close: function(i) {
529
+ close: function(e) {
1146
530
  if (!this.dialog_.hasAttribute("open"))
1147
531
  throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.");
1148
- this.setOpen(!1), i !== void 0 && (this.dialog_.returnValue = i);
1149
- var t = new O("close", {
532
+ this.setOpen(!1), e !== void 0 && (this.dialog_.returnValue = e);
533
+ var t = new b("close", {
1150
534
  bubbles: !1,
1151
535
  cancelable: !1
1152
536
  });
1153
- oe(this.dialog_, t);
537
+ ae(this.dialog_, t);
1154
538
  }
1155
539
  };
1156
- var c = {};
1157
- c.reposition = function(i) {
1158
- var t = document.body.scrollTop || document.documentElement.scrollTop, e = t + (window.innerHeight - i.offsetHeight) / 2;
1159
- 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";
1160
544
  };
1161
- c.isInlinePositionSetByStylesheet = function(i) {
545
+ s.isInlinePositionSetByStylesheet = function(e) {
1162
546
  for (var t = 0; t < document.styleSheets.length; ++t) {
1163
- var e = document.styleSheets[t], o = null;
547
+ var o = document.styleSheets[t], i = null;
1164
548
  try {
1165
- o = e.cssRules;
549
+ i = o.cssRules;
1166
550
  } catch {
1167
551
  }
1168
- if (o)
1169
- for (var n = 0; n < o.length; ++n) {
1170
- 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;
1171
555
  try {
1172
- s = document.querySelectorAll(r.selectorText);
556
+ r = document.querySelectorAll(a.selectorText);
1173
557
  } catch {
1174
558
  }
1175
- if (!(!s || !Ye(s, i))) {
1176
- var l = r.style.getPropertyValue("top"), a = r.style.getPropertyValue("bottom");
1177
- 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")
1178
562
  return !0;
1179
563
  }
1180
564
  }
1181
565
  }
1182
566
  return !1;
1183
567
  };
1184
- c.needsCentering = function(i) {
1185
- var t = window.getComputedStyle(i);
1186
- 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);
1187
571
  };
1188
- c.forceRegisterDialog = function(i) {
1189
- 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")
1190
574
  throw new Error("Failed to register dialog: The element is not a dialog.");
1191
- new ae(
575
+ new de(
1192
576
  /** @type {!HTMLDialogElement} */
1193
- i
577
+ e
1194
578
  );
1195
579
  };
1196
- c.registerDialog = function(i) {
1197
- i.showModal || c.forceRegisterDialog(i);
580
+ s.registerDialog = function(e) {
581
+ e.showModal || s.forceRegisterDialog(e);
1198
582
  };
1199
- c.DialogManager = function() {
583
+ s.DialogManager = function() {
1200
584
  this.pendingDialogStack = [];
1201
- var i = this.checkDOM_.bind(this);
585
+ var e = this.checkDOM_.bind(this);
1202
586
  this.overlay = document.createElement("div"), this.overlay.className = "_dialog_overlay", this.overlay.addEventListener("click", function(t) {
1203
- this.forwardTab_ = void 0, t.stopPropagation(), i([]);
587
+ this.forwardTab_ = void 0, t.stopPropagation(), e([]);
1204
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) {
1205
- var e = [];
1206
- t.forEach(function(o) {
1207
- for (var n = 0, r; r = o.removedNodes[n]; ++n) {
1208
- if (r instanceof Element)
1209
- 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);
1210
594
  else
1211
595
  continue;
1212
- e = e.concat(r.querySelectorAll("dialog"));
596
+ o = o.concat(a.querySelectorAll("dialog"));
1213
597
  }
1214
- }), e.length && i(e);
598
+ }), o.length && e(o);
1215
599
  }));
1216
600
  };
1217
- c.DialogManager.prototype.blockDocument = function() {
601
+ s.DialogManager.prototype.blockDocument = function() {
1218
602
  document.documentElement.addEventListener("focus", this.handleFocus_, !0), document.addEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.observe(document, { childList: !0, subtree: !0 });
1219
603
  };
1220
- c.DialogManager.prototype.unblockDocument = function() {
604
+ s.DialogManager.prototype.unblockDocument = function() {
1221
605
  document.documentElement.removeEventListener("focus", this.handleFocus_, !0), document.removeEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.disconnect();
1222
606
  };
1223
- c.DialogManager.prototype.updateStacking = function() {
1224
- for (var i = this.zIndexHigh_, t = 0, e; e = this.pendingDialogStack[t]; ++t)
1225
- e.updateZIndex(--i, --i), t === 0 && (this.overlay.style.zIndex = --i);
1226
- var o = this.pendingDialogStack[0];
1227
- if (o) {
1228
- 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;
1229
613
  n.appendChild(this.overlay);
1230
614
  } else
1231
615
  this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay);
1232
616
  };
1233
- c.DialogManager.prototype.containedByTopDialog_ = function(i) {
1234
- for (; i = H(i); ) {
1235
- for (var t = 0, e; e = this.pendingDialogStack[t]; ++t)
1236
- 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)
1237
621
  return t === 0;
1238
- i = i.parentElement;
622
+ e = e.parentElement;
1239
623
  }
1240
624
  return !1;
1241
625
  };
1242
- c.DialogManager.prototype.handleFocus_ = function(i) {
1243
- var t = i.composedPath ? i.composedPath()[0] : i.target;
1244
- if (!this.containedByTopDialog_(t) && document.activeElement !== document.documentElement && (i.preventDefault(), i.stopPropagation(), ne(
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(
1245
629
  /** @type {Element} */
1246
630
  t
1247
631
  ), this.forwardTab_ !== void 0)) {
1248
- var e = this.pendingDialogStack[0], o = e.dialog, n = o.compareDocumentPosition(t);
1249
- 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;
1250
634
  }
1251
635
  };
1252
- c.DialogManager.prototype.handleKey_ = function(i) {
1253
- if (this.forwardTab_ = void 0, i.keyCode === 27) {
1254
- i.preventDefault(), i.stopPropagation();
1255
- var t = new O("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", {
1256
640
  bubbles: !1,
1257
641
  cancelable: !0
1258
- }), e = this.pendingDialogStack[0];
1259
- e && oe(e.dialog, t) && e.dialog.close();
642
+ }), o = this.pendingDialogStack[0];
643
+ o && ae(o.dialog, t) && o.dialog.close();
1260
644
  } else
1261
- i.keyCode === 9 && (this.forwardTab_ = !i.shiftKey);
645
+ e.keyCode === 9 && (this.forwardTab_ = !e.shiftKey);
1262
646
  };
1263
- c.DialogManager.prototype.checkDOM_ = function(i) {
647
+ s.DialogManager.prototype.checkDOM_ = function(e) {
1264
648
  var t = this.pendingDialogStack.slice();
1265
- t.forEach(function(e) {
1266
- i.indexOf(e.dialog) !== -1 ? e.downgradeModal() : e.maybeHideModal();
649
+ t.forEach(function(o) {
650
+ e.indexOf(o.dialog) !== -1 ? o.downgradeModal() : o.maybeHideModal();
1267
651
  });
1268
652
  };
1269
- c.DialogManager.prototype.pushDialog = function(i) {
653
+ s.DialogManager.prototype.pushDialog = function(e) {
1270
654
  var t = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;
1271
- 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);
1272
656
  };
1273
- c.DialogManager.prototype.removeDialog = function(i) {
1274
- var t = this.pendingDialogStack.indexOf(i);
657
+ s.DialogManager.prototype.removeDialog = function(e) {
658
+ var t = this.pendingDialogStack.indexOf(e);
1275
659
  t !== -1 && (this.pendingDialogStack.splice(t, 1), this.pendingDialogStack.length === 0 && this.unblockDocument(), this.updateStacking());
1276
660
  };
1277
- c.dm = new c.DialogManager();
1278
- c.formSubmitter = null;
1279
- c.imagemapUseValue = null;
661
+ s.dm = new s.DialogManager();
662
+ s.formSubmitter = null;
663
+ s.imagemapUseValue = null;
1280
664
  if (window.HTMLDialogElement === void 0) {
1281
- var Vt = document.createElement("form");
1282
- if (Vt.setAttribute("method", "dialog"), Vt.method !== "dialog") {
1283
- var M = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "method");
1284
- if (M) {
1285
- var Ge = M.get;
1286
- M.get = function() {
1287
- return gt(this) ? "dialog" : Ge.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);
1288
672
  };
1289
- var Xe = M.set;
1290
- M.set = function(i) {
1291
- return typeof i == "string" && i.toLowerCase() === "dialog" ? this.setAttribute("method", i) : Xe.call(this, i);
1292
- }, Object.defineProperty(HTMLFormElement.prototype, "method", M);
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);
1293
677
  }
1294
678
  }
1295
- document.addEventListener("click", function(i) {
1296
- 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) {
1297
681
  var t = (
1298
682
  /** @type {Element} */
1299
- i.target
683
+ e.target
1300
684
  );
1301
- if ("composedPath" in i) {
1302
- var e = i.composedPath();
1303
- t = e.shift() || t;
685
+ if ("composedPath" in e) {
686
+ var o = e.composedPath();
687
+ t = o.shift() || t;
1304
688
  }
1305
- if (!(!t || !gt(t.form))) {
1306
- var o = t.type === "submit" && ["button", "input"].indexOf(t.localName) > -1;
1307
- if (!o) {
689
+ if (!(!t || !T(t.form))) {
690
+ var i = t.type === "submit" && ["button", "input"].indexOf(t.localName) > -1;
691
+ if (!i) {
1308
692
  if (!(t.localName === "input" && t.type === "image"))
1309
693
  return;
1310
- c.imagemapUseValue = i.offsetX + "," + i.offsetY;
694
+ s.imagemapUseValue = e.offsetX + "," + e.offsetY;
1311
695
  }
1312
- var n = H(t);
1313
- n && (c.formSubmitter = t);
696
+ var n = x(t);
697
+ n && (s.formSubmitter = t);
1314
698
  }
1315
699
  }
1316
- }, !1), document.addEventListener("submit", function(i) {
1317
- var t = i.target, e = H(t);
1318
- if (!e) {
1319
- var o = se(i), n = o && o.getAttribute("formmethod") || t.getAttribute("method");
1320
- 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();
1321
705
  }
1322
706
  });
1323
- var Je = HTMLFormElement.prototype.submit, Qe = function() {
1324
- if (!gt(this))
1325
- return Je.call(this);
1326
- var i = H(this);
1327
- 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();
1328
712
  };
1329
- HTMLFormElement.prototype.submit = Qe;
1330
- }
1331
- const ti = `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}
1332
- `, ei = ["h1", "h2", "h3", "h4", "h5", "h6"], ii = ["small", "medium", "large"], oi = ["top", "center"], ft = "pie-modal-close", X = "pie-modal-open", mt = "pie-modal-back", ni = "pie-modal-leading-action-click", ri = "pie-modal-supporting-action-click";
1333
- var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, m = (i, t, e, o) => {
1334
- for (var n = o > 1 ? void 0 : o ? ai(t, e) : t, r = i.length - 1, s; r >= 0; r--)
1335
- (s = i[r]) && (n = (o ? s(t, e, n) : s(n)) || n);
1336
- return o && n && si(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;
1337
721
  };
1338
- const Y = "pie-modal";
1339
- class f extends me(de) {
722
+ const C = "pie-modal";
723
+ class d extends we(P) {
1340
724
  constructor() {
1341
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) => {
1342
726
  this.isDismissible || t.preventDefault();
1343
727
  }, this._handleDialogLightDismiss = (t) => {
1344
- var a;
728
+ var p;
1345
729
  if (!this.isDismissible)
1346
730
  return;
1347
- const e = (a = this._dialog) == null ? void 0 : a.getBoundingClientRect(), {
1348
- top: o = 0,
731
+ const o = (p = this._dialog) == null ? void 0 : p.getBoundingClientRect(), {
732
+ top: i = 0,
1349
733
  bottom: n = 0,
1350
- left: r = 0,
1351
- right: s = 0
1352
- } = e || {};
1353
- 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)
1354
738
  return;
1355
- (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);
1356
740
  }, this._dispatchModalCustomEvent = (t) => {
1357
- const e = new CustomEvent(t, {
741
+ const o = new CustomEvent(t, {
1358
742
  bubbles: !0,
1359
743
  composed: !0
1360
744
  });
1361
- this.dispatchEvent(e);
745
+ this.dispatchEvent(o);
1362
746
  }, this.addEventListener("click", (t) => this._handleDialogLightDismiss(t));
1363
747
  }
1364
748
  connectedCallback() {
1365
- 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));
1366
750
  }
1367
751
  disconnectedCallback() {
1368
- 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();
1369
753
  }
1370
754
  firstUpdated(t) {
1371
- 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", () => {
1372
756
  this.isOpen = !1;
1373
757
  })), this._handleModalOpenStateOnFirstRender(t);
1374
758
  }
@@ -1379,37 +763,37 @@ class f extends me(de) {
1379
763
  * Opens the dialog element and disables page scrolling
1380
764
  */
1381
765
  _handleModalOpened() {
1382
- var t, e, o;
1383
- Se(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());
1384
768
  }
1385
769
  /**
1386
770
  * Closes the dialog element and re-enables page scrolling
1387
771
  */
1388
772
  _handleModalClosed() {
1389
773
  var t;
1390
- ke(this), (t = this._dialog) == null || t.close(), this._returnFocus();
774
+ Ae(this), (t = this._dialog) == null || t.close(), this._returnFocus();
1391
775
  }
1392
776
  // Handles the value of the isOpen property on first render of the component
1393
777
  _handleModalOpenStateOnFirstRender(t) {
1394
- t.get("isOpen") === void 0 && this.isOpen && this._dispatchModalCustomEvent(X);
778
+ t.get("isOpen") === void 0 && this.isOpen && this._dispatchModalCustomEvent(S);
1395
779
  }
1396
780
  // Handles changes to the modal isOpen property by dispatching any appropriate events
1397
781
  _handleModalOpenStateChanged(t) {
1398
- const e = t.get("isOpen");
1399
- 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));
1400
784
  }
1401
785
  _handleActionClick(t) {
1402
- var e, o;
1403
- t === "leading" ? ((e = this._dialog) == null || e.close("leading"), this._dispatchModalCustomEvent(ni)) : t === "supporting" && ((o = this._dialog) == null || o.close("supporting"), this._dispatchModalCustomEvent(ri));
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));
1404
788
  }
1405
789
  /**
1406
790
  * Return focus to the specified element, providing the selector is valid
1407
791
  * and the chosen element can be found.
1408
792
  */
1409
793
  _returnFocus() {
1410
- var e, o;
1411
- const t = (e = this.returnFocusAfterCloseSelector) == null ? void 0 : e.trim();
1412
- 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());
1413
797
  }
1414
798
  /**
1415
799
  * Template for the close button element. Called within the
@@ -1419,14 +803,14 @@ class f extends me(de) {
1419
803
  */
1420
804
  renderCloseButton() {
1421
805
  var t;
1422
- return _`
806
+ return g`
1423
807
  <pie-icon-button
1424
808
  @click="${() => {
1425
809
  this.isOpen = !1;
1426
810
  }}"
1427
811
  variant="ghost-secondary"
1428
812
  class="c-modal-closeBtn"
1429
- aria-label="${((t = this.aria) == null ? void 0 : t.close) || y}"
813
+ aria-label="${((t = this.aria) == null ? void 0 : t.close) || h}"
1430
814
  data-test-id="modal-close-button">
1431
815
  <icon-close></icon-close>
1432
816
  </pie-icon-button>`;
@@ -1439,16 +823,16 @@ class f extends me(de) {
1439
823
  */
1440
824
  renderBackButton() {
1441
825
  var t;
1442
- return _`
826
+ return g`
1443
827
  <pie-icon-button
1444
828
  @click="${() => {
1445
829
  this._backButtonClicked = !0, this.isOpen = !1;
1446
830
  }}"
1447
831
  variant="ghost-secondary"
1448
832
  class="c-modal-backBtn"
1449
- aria-label="${((t = this.aria) == null ? void 0 : t.back) || y}"
833
+ aria-label="${((t = this.aria) == null ? void 0 : t.back) || h}"
1450
834
  data-test-id="modal-back-button">
1451
- ${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>`}
1452
836
  </pie-icon-button>
1453
837
  `;
1454
838
  }
@@ -1462,18 +846,18 @@ class f extends me(de) {
1462
846
  * @private
1463
847
  */
1464
848
  renderLeadingAction() {
1465
- const { text: t, variant: e = "primary", ariaLabel: o } = this.leadingAction;
1466
- return t ? _`
849
+ const { text: t, variant: o = "primary", ariaLabel: i } = this.leadingAction;
850
+ return t ? g`
1467
851
  <pie-button
1468
- variant="${e}"
1469
- aria-label="${o || y}"
852
+ variant="${o}"
853
+ aria-label="${i || h}"
1470
854
  type="submit"
1471
855
  ?isFullWidth="${this.hasStackedActions}"
1472
856
  @click="${() => this._handleActionClick("leading")}"
1473
857
  data-test-id="modal-leading-action">
1474
858
  ${t}
1475
859
  </pie-button>
1476
- ` : y;
860
+ ` : h;
1477
861
  }
1478
862
  /**
1479
863
  * Render supportingAction button depending on prop availability.
@@ -1487,76 +871,76 @@ class f extends me(de) {
1487
871
  * @private
1488
872
  */
1489
873
  renderSupportingAction() {
1490
- const { text: t, variant: e = "ghost", ariaLabel: o } = this.supportingAction;
1491
- return t ? this.leadingAction ? _`
874
+ const { text: t, variant: o = "ghost", ariaLabel: i } = this.supportingAction;
875
+ return t ? this.leadingAction ? g`
1492
876
  <pie-button
1493
- variant="${e}"
1494
- aria-label="${o || y}"
877
+ variant="${o}"
878
+ aria-label="${i || h}"
1495
879
  type="reset"
1496
880
  ?isFullWidth="${this.hasStackedActions}"
1497
881
  @click="${() => this._handleActionClick("supporting")}"
1498
882
  data-test-id="modal-supporting-action">
1499
883
  ${t}
1500
884
  </pie-button>
1501
- ` : (console.warn("Use `leadingAction` instead of `supportingAction`. `supportingAction` is being ignored."), y) : y;
885
+ ` : (console.warn("Use `leadingAction` instead of `supportingAction`. `supportingAction` is being ignored."), h) : h;
1502
886
  }
1503
887
  /**
1504
888
  * Renders the modal inner content and footer of the modal.
1505
889
  * @private
1506
890
  */
1507
891
  renderModalContentAndFooter() {
1508
- return _`
892
+ return g`
1509
893
  <article class="c-modal-content c-modal-content--scrollable">
1510
894
  <div class="c-modal-contentInner">
1511
895
  <slot></slot>
1512
896
  </div>
1513
897
  </article>
1514
898
  <footer class="c-modal-footer">
1515
- ${this.leadingAction ? this.renderLeadingAction() : y}
1516
- ${this.supportingAction ? this.renderSupportingAction() : y}
899
+ ${this.leadingAction ? this.renderLeadingAction() : h}
900
+ ${this.supportingAction ? this.renderSupportingAction() : h}
1517
901
  </footer>`;
1518
902
  }
1519
903
  render() {
1520
904
  const {
1521
905
  aria: t,
1522
- hasBackButton: e,
1523
- hasStackedActions: o,
906
+ hasBackButton: o,
907
+ hasStackedActions: i,
1524
908
  heading: n,
1525
- headingLevel: r = "h2",
1526
- isDismissible: s,
1527
- isFooterPinned: l,
1528
- isFullWidthBelowMid: a,
1529
- isLoading: d,
1530
- leadingAction: h,
1531
- position: u,
1532
- size: p,
1533
- supportingAction: b
1534
- } = this, Z = ce(r);
1535
- 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`
1536
920
  <dialog
1537
921
  id="dialog"
1538
922
  class="c-modal"
1539
- size="${p}"
1540
- position="${u}"
1541
- ?hasActions=${h || b}
1542
- ?hasBackButton=${e}
1543
- ?hasStackedActions=${o}
1544
- ?isDismissible=${s}
1545
- ?isFooterPinned=${l}
1546
- ?isFullWidthBelowMid=${a}
1547
- ?isLoading=${d}
1548
- aria-busy="${d ? "true" : "false"}"
1549
- aria-label="${d && (t == null ? void 0 : t.loading) || y}"
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}"
1550
934
  data-test-id="pie-modal">
1551
935
  <header class="c-modal-header">
1552
- ${e ? this.renderBackButton() : y}
1553
- <${Z} class="c-modal-heading">
936
+ ${o ? this.renderBackButton() : h}
937
+ <${U} class="c-modal-heading">
1554
938
  ${n}
1555
- </${Z}>
1556
- ${s ? this.renderCloseButton() : y}
939
+ </${U}>
940
+ ${r ? this.renderCloseButton() : h}
1557
941
  </header>
1558
942
  ${// We need to wrap the remaining content in a shared scrollable container if the footer is not pinned
1559
- l ? this.renderModalContentAndFooter() : _`
943
+ u ? this.renderModalContentAndFooter() : g`
1560
944
  <div class="c-modal-scrollContainer">
1561
945
  ${this.renderModalContentAndFooter()}
1562
946
  </div>
@@ -1564,68 +948,68 @@ class f extends me(de) {
1564
948
  </dialog>`;
1565
949
  }
1566
950
  }
1567
- f.styles = le(ti);
1568
- m([
1569
- v({ type: Object })
1570
- ], f.prototype, "aria", 2);
1571
- m([
1572
- v({ type: String }),
1573
- ve(Y)
1574
- ], f.prototype, "heading", 2);
1575
- m([
1576
- v(),
1577
- _t(Y, ei, "h2")
1578
- ], f.prototype, "headingLevel", 2);
1579
- m([
1580
- v({ type: Boolean })
1581
- ], f.prototype, "hasBackButton", 2);
1582
- m([
1583
- v({ type: Boolean })
1584
- ], f.prototype, "hasStackedActions", 2);
1585
- m([
1586
- v({ type: Boolean, reflect: !0 })
1587
- ], f.prototype, "isDismissible", 2);
1588
- m([
1589
- v({ type: Boolean })
1590
- ], f.prototype, "isFooterPinned", 2);
1591
- m([
1592
- v({ type: Boolean })
1593
- ], f.prototype, "isFullWidthBelowMid", 2);
1594
- m([
1595
- v({ type: Boolean, reflect: !0 })
1596
- ], f.prototype, "isLoading", 2);
1597
- m([
1598
- v({ type: Boolean })
1599
- ], f.prototype, "isOpen", 2);
1600
- m([
1601
- v({ type: Object })
1602
- ], f.prototype, "leadingAction", 2);
1603
- m([
1604
- v(),
1605
- _t(Y, oi, "center")
1606
- ], f.prototype, "position", 2);
1607
- m([
1608
- v()
1609
- ], f.prototype, "returnFocusAfterCloseSelector", 2);
1610
- m([
1611
- v(),
1612
- _t(Y, ii, "medium")
1613
- ], f.prototype, "size", 2);
1614
- m([
1615
- v({ type: Object })
1616
- ], f.prototype, "supportingAction", 2);
1617
- m([
1618
- he("dialog")
1619
- ], f.prototype, "_dialog", 2);
1620
- customElements.define(Y, f);
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);
1621
1005
  export {
1622
- mt as ON_MODAL_BACK_EVENT,
1623
- ft as ON_MODAL_CLOSE_EVENT,
1624
- ni as ON_MODAL_LEADING_ACTION_CLICK,
1625
- X as ON_MODAL_OPEN_EVENT,
1626
- ri as ON_MODAL_SUPPORTING_ACTION_CLICK,
1627
- f as PieModal,
1628
- ei as headingLevels,
1629
- oi as positions,
1630
- ii 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
1631
1015
  };