@justeattakeaway/pie-modal 0.19.1 → 0.21.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 +525 -1164
  2. package/package.json +2 -2
  3. package/src/index.ts +16 -6
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 B, LitElement as L, html as F, nothing as u, unsafeCSS as pe } from "lit";
2
+ import { html as g, unsafeStatic as ge } from "lit/static-html.js";
3
+ import { property as s, query as I } from "lit/decorators.js";
4
+ import { property as me } from "lit/decorators/property.js";
5
+ var fe = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, be = (e, t, o, i) => {
6
+ for (var n = i > 1 ? void 0 : i ? ve(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 && fe(t, o, n), n;
9
9
  };
10
- const me = (i) => {
11
- class t extends i {
10
+ const ye = (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,167 @@ const me = (i) => {
26
26
  return this.dir === "rtl";
27
27
  }
28
28
  }
29
- return fe([
30
- ue({ type: String, reflect: !0 })
29
+ return be([
30
+ me({ 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
+ }, N = (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(h) {
39
+ const p = this[r];
40
+ t.includes(h) ? this[r] = h : (console.error(
41
+ `<${e}> Invalid value "${h}" 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
+ }, we = (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 _e(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 R = !1;
68
68
  if (typeof window < "u") {
69
- var xt = {
69
+ var W = {
70
70
  get passive() {
71
- wt = !0;
71
+ R = !0;
72
72
  }
73
73
  };
74
- window.addEventListener("testPassive", null, xt), window.removeEventListener("testPassive", null, xt);
74
+ window.addEventListener("testPassive", null, W), window.removeEventListener("testPassive", null, W);
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));
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) {
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";
89
- }
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() {
95
- return window.requestAnimationFrame(function() {
96
- if (E === void 0) {
97
- E = {
98
- position: document.body.style.position,
99
- top: document.body.style.top,
100
- left: document.body.style.left
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() {
104
- return window.requestAnimationFrame(function() {
105
- var r = n - window.innerHeight;
106
- r && e >= n && (document.body.style.top = -(e + r));
107
- });
108
- }, 300);
109
- }
76
+ var G = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), m = [], S = !1, J = -1, w = void 0, _ = void 0, Q = function(t) {
77
+ return m.some(function(o) {
78
+ return !!(o.options.allowTouchMove && o.options.allowTouchMove(t));
110
79
  });
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;
115
- }
116
- }, Ae = function(t) {
80
+ }, O = function(t) {
81
+ var o = t || window.event;
82
+ return Q(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
83
+ }, ke = function(t) {
84
+ if (_ === void 0) {
85
+ var o = !!t && t.reserveScrollBarGap === !0, i = window.innerWidth - document.documentElement.clientWidth;
86
+ o && i > 0 && (_ = document.body.style.paddingRight, document.body.style.paddingRight = i + "px");
87
+ }
88
+ w === void 0 && (w = document.body.style.overflow, document.body.style.overflow = "hidden");
89
+ }, xe = function() {
90
+ _ !== void 0 && (document.body.style.paddingRight = _, _ = void 0), w !== void 0 && (document.body.style.overflow = w, w = void 0);
91
+ }, Ee = function(t) {
117
92
  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) {
93
+ }, Me = function(t, o) {
94
+ var i = t.targetTouches[0].clientY - J;
95
+ return Q(t.target) ? !1 : o && o.scrollTop === 0 && i > 0 || Ee(o) && i < 0 ? O(t) : (t.stopPropagation(), !0);
96
+ }, Ce = function(t, o) {
122
97
  if (!t) {
123
98
  console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
124
99
  return;
125
100
  }
126
- if (!k.some(function(n) {
101
+ if (!m.some(function(n) {
127
102
  return n.targetElement === t;
128
103
  })) {
129
- var o = {
104
+ var i = {
130
105
  targetElement: t,
131
- options: e || {}
106
+ options: o || {}
132
107
  };
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);
108
+ m = [].concat(_e(m), [i]), G ? (t.ontouchstart = function(n) {
109
+ n.targetTouches.length === 1 && (J = n.targetTouches[0].clientY);
135
110
  }, 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));
111
+ n.targetTouches.length === 1 && Me(n, t);
112
+ }, S || (document.addEventListener("touchmove", O, R ? { passive: !1 } : void 0), S = !0)) : ke(o);
138
113
  }
139
- }, ke = function(t) {
114
+ }, ze = function(t) {
140
115
  if (!t) {
141
116
  console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
142
117
  return;
143
118
  }
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;
119
+ m = m.filter(function(o) {
120
+ return o.targetElement !== t;
121
+ }), G ? (t.ontouchstart = null, t.ontouchmove = null, S && m.length === 0 && (document.removeEventListener("touchmove", O, R ? { passive: !1 } : void 0), S = !1)) : m.length || xe();
681
122
  };
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
- }
751
- };
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 = {
123
+ const A = {
781
124
  xs: 16,
782
125
  s: 20,
783
126
  m: 24,
784
127
  l: 28,
785
128
  xl: 32,
786
129
  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;
130
+ }, ee = Object.keys(A), te = "xs", oe = 8, D = 32;
131
+ function Se(e, t, o) {
132
+ const i = parseInt(e, 10), n = i % o === 0;
133
+ return i >= t && n;
791
134
  }
792
135
  const ie = {
793
- large: (i) => Ve(i, rt, ee),
794
- regular: (i) => Qt.includes(i)
136
+ large: (e) => Se(e, D, oe),
137
+ regular: (e) => ee.includes(e)
795
138
  };
796
- function qe(i) {
797
- const t = ie.large(i);
798
- return { isValid: t, size: t ? i : rt };
139
+ function Oe(e) {
140
+ const t = ie.large(e);
141
+ return { isValid: t, size: t ? e : D };
799
142
  }
800
- function We(i) {
801
- const t = ie.regular(i), e = t ? nt[i] : nt[te];
802
- return { isValid: t, size: e };
143
+ function Ae(e) {
144
+ const t = ie.regular(e), o = t ? A[e] : A[te];
145
+ return { isValid: t, size: o };
803
146
  }
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);
147
+ const b = (e, t, o, i) => {
148
+ const n = e.endsWith("Large") || e.endsWith("-large");
149
+ let a, r;
150
+ if (o) {
151
+ if ({ isValid: a, size: r } = n ? Oe(o) : Ae(o), !a) {
152
+ const h = n ? `Invalid prop "size" value supplied to "${i}". The prop value should be a number equal or greater than ${D} and multiple of ${oe}.` : `Invalid prop "size" value supplied to "${i}". The prop value should be one of the following values: ${ee.join(", ")}.`;
153
+ console.error(h);
811
154
  }
812
155
  } else
813
- s = n ? rt : nt[te];
156
+ r = n ? D : A[te];
814
157
  return {
815
- class: [i, t].filter(Boolean).join(" "),
816
- width: s,
817
- height: s
158
+ class: [e, t].filter(Boolean).join(" "),
159
+ width: r,
160
+ height: r
818
161
  };
819
- }, Ht = "icon-close";
820
- class q extends x {
162
+ };
163
+ var De = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, j = (e, t, o, i) => {
164
+ for (var n = i > 1 ? void 0 : i ? Le(t, o) : t, a = e.length - 1, r; a >= 0; a--)
165
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
166
+ return i && n && De(t, o, n), n;
167
+ };
168
+ const U = "icon-close";
169
+ let x = class extends L {
821
170
  constructor() {
822
171
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--close";
823
172
  }
824
173
  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);
174
+ var t, o, i;
175
+ if (super.connectedCallback(), ((t = this._svg) == null ? void 0 : t.getAttribute("width")) === null) {
176
+ const n = b("c-pieIcon c-pieIcon--close", "", null, "IconClose");
177
+ (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height);
829
178
  }
830
179
  }
831
180
  updated(t) {
832
- var e, o;
181
+ var o, i;
833
182
  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));
183
+ t.has("size") && (n = b("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
184
  }
836
185
  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>`;
186
+ return F`<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
187
  }
839
- }
840
- q.styles = Et`
188
+ };
189
+ x.styles = B`
841
190
  :host-context(pie-icon-button) svg,
842
191
  :host-context(pie-button) svg {
843
192
  display: block;
@@ -845,38 +194,43 @@ q.styles = Et`
845
194
  height: var(--btn-icon-size);
846
195
  }
847
196
  `;
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 {
197
+ j([
198
+ s({ type: String, reflect: !0 })
199
+ ], x.prototype, "size", 2);
200
+ j([
201
+ s({ type: String, reflect: !0 })
202
+ ], x.prototype, "class", 2);
203
+ j([
204
+ I("svg")
205
+ ], x.prototype, "_svg", 2);
206
+ customElements.get(U) === void 0 && customElements.define(U, x);
207
+ var Ie = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, H = (e, t, o, i) => {
208
+ for (var n = i > 1 ? void 0 : i ? $e(t, o) : t, a = e.length - 1, r; a >= 0; a--)
209
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
210
+ return i && n && Ie(t, o, n), n;
211
+ };
212
+ const Y = "icon-chevron-left";
213
+ class E extends L {
860
214
  constructor() {
861
215
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronLeft";
862
216
  }
863
217
  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);
218
+ var t, o, i;
219
+ if (super.connectedCallback(), ((t = this._svg) == null ? void 0 : t.getAttribute("width")) === null) {
220
+ const n = b("c-pieIcon c-pieIcon--chevronLeft", "", null, "IconChevronLeft");
221
+ (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height);
868
222
  }
869
223
  }
870
224
  updated(t) {
871
- var e, o;
225
+ var o, i;
872
226
  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));
227
+ t.has("size") && (n = b("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
228
  }
875
229
  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>`;
230
+ return F`<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
231
  }
878
232
  }
879
- W.styles = Et`
233
+ E.styles = B`
880
234
  :host-context(pie-icon-button) svg,
881
235
  :host-context(pie-button) svg {
882
236
  display: block;
@@ -884,38 +238,43 @@ W.styles = Et`
884
238
  height: var(--btn-icon-size);
885
239
  }
886
240
  `;
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 {
241
+ H([
242
+ s({ type: String, reflect: !0 })
243
+ ], E.prototype, "size", 2);
244
+ H([
245
+ s({ type: String, reflect: !0 })
246
+ ], E.prototype, "class", 2);
247
+ H([
248
+ I("svg")
249
+ ], E.prototype, "_svg", 2);
250
+ customElements.get(Y) === void 0 && customElements.define(Y, E);
251
+ var Pe = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, V = (e, t, o, i) => {
252
+ for (var n = i > 1 ? void 0 : i ? Te(t, o) : t, a = e.length - 1, r; a >= 0; a--)
253
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
254
+ return i && n && Pe(t, o, n), n;
255
+ };
256
+ const K = "icon-chevron-right";
257
+ class M extends L {
899
258
  constructor() {
900
259
  super(...arguments), this.size = "xs", this.class = "c-pieIcon c-pieIcon--chevronRight";
901
260
  }
902
261
  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);
262
+ var t, o, i;
263
+ if (super.connectedCallback(), ((t = this._svg) == null ? void 0 : t.getAttribute("width")) === null) {
264
+ const n = b("c-pieIcon c-pieIcon--chevronRight", "", null, "IconChevronRight");
265
+ (o = this._svg) == null || o.setAttribute("width", n.width), (i = this._svg) == null || i.setAttribute("height", n.height);
907
266
  }
908
267
  }
909
268
  updated(t) {
910
- var e, o;
269
+ var o, i;
911
270
  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));
271
+ t.has("size") && (n = b("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
272
  }
914
273
  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>`;
274
+ return F`<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
275
  }
917
276
  }
918
- K.styles = Et`
277
+ M.styles = B`
919
278
  :host-context(pie-icon-button) svg,
920
279
  :host-context(pie-button) svg {
921
280
  display: block;
@@ -923,126 +282,126 @@ K.styles = Et`
923
282
  height: var(--btn-icon-size);
924
283
  }
925
284
  `;
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);
285
+ V([
286
+ s({ type: String, reflect: !0 })
287
+ ], M.prototype, "size", 2);
288
+ V([
289
+ s({ type: String, reflect: !0 })
290
+ ], M.prototype, "class", 2);
291
+ V([
292
+ I("svg")
293
+ ], M.prototype, "_svg", 2);
294
+ customElements.get(K) === void 0 && customElements.define(K, M);
295
+ var v = window.CustomEvent;
296
+ (!v || typeof v == "object") && (v = function(t, o) {
297
+ o = o || {};
298
+ var i = document.createEvent("CustomEvent");
299
+ return i.initCustomEvent(t, !!o.bubbles, !!o.cancelable, o.detail || null), i;
300
+ }, v.prototype = window.Event.prototype);
301
+ function ne(e, t) {
302
+ var o = "on" + t.type.toLowerCase();
303
+ return typeof e[o] == "function" && e[o](t), e.dispatchEvent(t);
304
+ }
305
+ function Be(e) {
306
+ for (; e && e !== document.body; ) {
307
+ var t = window.getComputedStyle(e), o = function(i, n) {
308
+ return !(t[i] === void 0 || t[i] === n);
950
309
  };
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")
310
+ 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
311
  return !0;
953
- i = i.parentElement;
312
+ e = e.parentElement;
954
313
  }
955
314
  return !1;
956
315
  }
957
- function H(i) {
958
- for (; i; ) {
959
- if (i.localName === "dialog")
316
+ function k(e) {
317
+ for (; e; ) {
318
+ if (e.localName === "dialog")
960
319
  return (
961
320
  /** @type {HTMLDialogElement} */
962
- i
321
+ e
963
322
  );
964
- i.parentElement ? i = i.parentElement : i.parentNode ? i = i.parentNode.host : i = null;
323
+ e.parentElement ? e = e.parentElement : e.parentNode ? e = e.parentNode.host : e = null;
965
324
  }
966
325
  return null;
967
326
  }
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();
327
+ function ae(e) {
328
+ for (; e && e.shadowRoot && e.shadowRoot.activeElement; )
329
+ e = e.shadowRoot.activeElement;
330
+ e && e.blur && e !== document.body && e.blur();
972
331
  }
973
- function Ye(i, t) {
974
- for (var e = 0; e < i.length; ++e)
975
- if (i[e] === t)
332
+ function Fe(e, t) {
333
+ for (var o = 0; o < e.length; ++o)
334
+ if (e[o] === t)
976
335
  return !0;
977
336
  return !1;
978
337
  }
979
- function gt(i) {
980
- return !i || !i.hasAttribute("method") ? !1 : i.getAttribute("method").toLowerCase() === "dialog";
338
+ function $(e) {
339
+ return !e || !e.hasAttribute("method") ? !1 : e.getAttribute("method").toLowerCase() === "dialog";
981
340
  }
982
- function re(i) {
983
- var t = ["button", "input", "keygen", "select", "textarea"], e = t.map(function(s) {
984
- return s + ":not([disabled])";
341
+ function re(e) {
342
+ var t = ["button", "input", "keygen", "select", "textarea"], o = t.map(function(r) {
343
+ return r + ":not([disabled])";
985
344
  });
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++)
345
+ o.push('[tabindex]:not([disabled]):not([tabindex=""])');
346
+ var i = e.querySelector(o.join(", "));
347
+ if (!i && "attachShadow" in Element.prototype)
348
+ for (var n = e.querySelectorAll("*"), a = 0; a < n.length && !(n[a].tagName && n[a].shadowRoot && (i = re(n[a].shadowRoot), i)); a++)
990
349
  ;
991
- return o;
350
+ return i;
992
351
  }
993
- function jt(i) {
994
- return i.isConnected || document.body.contains(i);
352
+ function X(e) {
353
+ return e.isConnected || document.body.contains(e);
995
354
  }
996
- function se(i) {
997
- if (i.submitter)
998
- return i.submitter;
999
- var t = i.target;
355
+ function le(e) {
356
+ if (e.submitter)
357
+ return e.submitter;
358
+ var t = e.target;
1000
359
  if (!(t instanceof HTMLFormElement))
1001
360
  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;
361
+ var o = l.formSubmitter;
362
+ if (!o) {
363
+ var i = e.target, n = "getRootNode" in i && i.getRootNode() || document;
364
+ o = n.activeElement;
1006
365
  }
1007
- return !e || e.form !== t ? null : e;
366
+ return !o || o.form !== t ? null : o;
1008
367
  }
1009
- function Ze(i) {
1010
- if (!i.defaultPrevented) {
368
+ function Ne(e) {
369
+ if (!e.defaultPrevented) {
1011
370
  var t = (
1012
371
  /** @type {!HTMLFormElement} */
1013
- i.target
1014
- ), e = c.imagemapUseValue, o = se(i);
1015
- e === null && o && (e = o.value);
1016
- var n = H(t);
372
+ e.target
373
+ ), o = l.imagemapUseValue, i = le(e);
374
+ o === null && i && (o = i.value);
375
+ var n = k(t);
1017
376
  if (n) {
1018
- var r = o && o.getAttribute("formmethod") || t.getAttribute("method");
1019
- r === "dialog" && (i.preventDefault(), e != null ? n.close(e) : n.close());
377
+ var a = i && i.getAttribute("formmethod") || t.getAttribute("method");
378
+ a === "dialog" && (e.preventDefault(), o != null ? n.close(o) : n.close());
1020
379
  }
1021
380
  }
1022
381
  }
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) {
382
+ function se(e) {
383
+ 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", Ne, !1), "returnValue" in e || (e.returnValue = ""), "MutationObserver" in window) {
1025
384
  var t = new MutationObserver(this.maybeHideModal.bind(this));
1026
- t.observe(i, { attributes: !0, attributeFilter: ["open"] });
385
+ t.observe(e, { attributes: !0, attributeFilter: ["open"] });
1027
386
  } 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);
387
+ var o = !1, i = function() {
388
+ o ? this.downgradeModal() : this.maybeHideModal(), o = !1;
389
+ }.bind(this), n, a = function(r) {
390
+ if (r.target === e) {
391
+ var h = "DOMNodeRemoved";
392
+ o |= r.type.substr(0, h.length) === h, window.clearTimeout(n), n = window.setTimeout(i, 0);
1034
393
  }
1035
394
  };
1036
- ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(s) {
1037
- i.addEventListener(s, r);
395
+ ["DOMAttrModified", "DOMNodeRemoved", "DOMNodeRemovedFromDocument"].forEach(function(r) {
396
+ e.addEventListener(r, a);
1038
397
  });
1039
398
  }
1040
- Object.defineProperty(i, "open", {
399
+ Object.defineProperty(e, "open", {
1041
400
  set: this.setOpen.bind(this),
1042
- get: i.hasAttribute.bind(i, "open")
401
+ get: e.hasAttribute.bind(e, "open")
1043
402
  }), 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
403
  }
1045
- ae.prototype = /** @type {HTMLDialogElement.prototype} */
404
+ se.prototype = /** @type {HTMLDialogElement.prototype} */
1046
405
  {
1047
406
  get dialog() {
1048
407
  return this.dialog_;
@@ -1053,19 +412,19 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1053
412
  * longer open or is no longer part of the DOM.
1054
413
  */
1055
414
  maybeHideModal: function() {
1056
- this.dialog_.hasAttribute("open") && jt(this.dialog_) || this.downgradeModal();
415
+ this.dialog_.hasAttribute("open") && X(this.dialog_) || this.downgradeModal();
1057
416
  },
1058
417
  /**
1059
418
  * Remove this dialog from the modal top layer, leaving it as a non-modal.
1060
419
  */
1061
420
  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));
421
+ 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_), l.dm.removeDialog(this));
1063
422
  },
1064
423
  /**
1065
424
  * @param {boolean} value whether to open or close this dialog
1066
425
  */
1067
- setOpen: function(i) {
1068
- i ? this.dialog_.hasAttribute("open") || this.dialog_.setAttribute("open", "") : (this.dialog_.removeAttribute("open"), this.maybeHideModal());
426
+ setOpen: function(e) {
427
+ e ? this.dialog_.hasAttribute("open") || this.dialog_.setAttribute("open", "") : (this.dialog_.removeAttribute("open"), this.maybeHideModal());
1069
428
  },
1070
429
  /**
1071
430
  * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if
@@ -1073,39 +432,39 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1073
432
  *
1074
433
  * @param {!Event} e to redirect
1075
434
  */
1076
- backdropMouseEvent_: function(i) {
435
+ backdropMouseEvent_: function(e) {
1077
436
  if (this.dialog_.hasAttribute("tabindex"))
1078
437
  this.dialog_.focus();
1079
438
  else {
1080
439
  var t = document.createElement("div");
1081
440
  this.dialog_.insertBefore(t, this.dialog_.firstChild), t.tabIndex = -1, t.focus(), this.dialog_.removeChild(t);
1082
441
  }
1083
- var e = document.createEvent("MouseEvents");
1084
- e.initMouseEvent(
1085
- i.type,
1086
- i.bubbles,
1087
- i.cancelable,
442
+ var o = document.createEvent("MouseEvents");
443
+ o.initMouseEvent(
444
+ e.type,
445
+ e.bubbles,
446
+ e.cancelable,
1088
447
  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();
448
+ e.detail,
449
+ e.screenX,
450
+ e.screenY,
451
+ e.clientX,
452
+ e.clientY,
453
+ e.ctrlKey,
454
+ e.altKey,
455
+ e.shiftKey,
456
+ e.metaKey,
457
+ e.button,
458
+ e.relatedTarget
459
+ ), this.dialog_.dispatchEvent(o), e.stopPropagation();
1101
460
  },
1102
461
  /**
1103
462
  * Focuses on the first focusable element within the dialog. This will always blur the current
1104
463
  * focus, even if nothing within the dialog is found.
1105
464
  */
1106
465
  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();
466
+ var e = this.dialog_.querySelector("[autofocus]:not([disabled])");
467
+ !e && this.dialog_.tabIndex >= 0 && (e = this.dialog_), e || (e = re(this.dialog_)), ae(document.activeElement), e && e.focus();
1109
468
  },
1110
469
  /**
1111
470
  * Sets the zIndex for the backdrop and dialog.
@@ -1113,10 +472,10 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1113
472
  * @param {number} dialogZ
1114
473
  * @param {number} backdropZ
1115
474
  */
1116
- updateZIndex: function(i, t) {
1117
- if (i < t)
475
+ updateZIndex: function(e, t) {
476
+ if (e < t)
1118
477
  throw new Error("dialogZ should never be < backdropZ");
1119
- this.dialog_.style.zIndex = i, this.backdrop_.style.zIndex = t;
478
+ this.dialog_.style.zIndex = e, this.backdrop_.style.zIndex = t;
1120
479
  },
1121
480
  /**
1122
481
  * Shows the dialog. If the dialog is already open, this does nothing.
@@ -1130,11 +489,11 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1130
489
  showModal: function() {
1131
490
  if (this.dialog_.hasAttribute("open"))
1132
491
  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_))
492
+ if (!X(this.dialog_))
1134
493
  throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.");
1135
- if (!c.dm.pushDialog(this))
494
+ if (!l.dm.pushDialog(this))
1136
495
  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_();
496
+ Be(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, l.needsCentering(this.dialog_) ? (l.reposition(this.dialog_), this.replacedStyleTop_ = !0) : this.replacedStyleTop_ = !1, this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling), this.focus_();
1138
497
  },
1139
498
  /**
1140
499
  * Closes this HTMLDialogElement. This is optional vs clearing the open
@@ -1142,233 +501,233 @@ ae.prototype = /** @type {HTMLDialogElement.prototype} */
1142
501
  *
1143
502
  * @param {string=} opt_returnValue to use as the returnValue
1144
503
  */
1145
- close: function(i) {
504
+ close: function(e) {
1146
505
  if (!this.dialog_.hasAttribute("open"))
1147
506
  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", {
507
+ this.setOpen(!1), e !== void 0 && (this.dialog_.returnValue = e);
508
+ var t = new v("close", {
1150
509
  bubbles: !1,
1151
510
  cancelable: !1
1152
511
  });
1153
- oe(this.dialog_, t);
512
+ ne(this.dialog_, t);
1154
513
  }
1155
514
  };
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";
515
+ var l = {};
516
+ l.reposition = function(e) {
517
+ var t = document.body.scrollTop || document.documentElement.scrollTop, o = t + (window.innerHeight - e.offsetHeight) / 2;
518
+ e.style.top = Math.max(t, o) + "px";
1160
519
  };
1161
- c.isInlinePositionSetByStylesheet = function(i) {
520
+ l.isInlinePositionSetByStylesheet = function(e) {
1162
521
  for (var t = 0; t < document.styleSheets.length; ++t) {
1163
- var e = document.styleSheets[t], o = null;
522
+ var o = document.styleSheets[t], i = null;
1164
523
  try {
1165
- o = e.cssRules;
524
+ i = o.cssRules;
1166
525
  } catch {
1167
526
  }
1168
- if (o)
1169
- for (var n = 0; n < o.length; ++n) {
1170
- var r = o[n], s = null;
527
+ if (i)
528
+ for (var n = 0; n < i.length; ++n) {
529
+ var a = i[n], r = null;
1171
530
  try {
1172
- s = document.querySelectorAll(r.selectorText);
531
+ r = document.querySelectorAll(a.selectorText);
1173
532
  } catch {
1174
533
  }
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")
534
+ if (!(!r || !Fe(r, e))) {
535
+ var h = a.style.getPropertyValue("top"), p = a.style.getPropertyValue("bottom");
536
+ if (h && h !== "auto" || p && p !== "auto")
1178
537
  return !0;
1179
538
  }
1180
539
  }
1181
540
  }
1182
541
  return !1;
1183
542
  };
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);
543
+ l.needsCentering = function(e) {
544
+ var t = window.getComputedStyle(e);
545
+ return t.position !== "absolute" || e.style.top !== "auto" && e.style.top !== "" || e.style.bottom !== "auto" && e.style.bottom !== "" ? !1 : !l.isInlinePositionSetByStylesheet(e);
1187
546
  };
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")
547
+ l.forceRegisterDialog = function(e) {
548
+ if ((window.HTMLDialogElement || e.showModal) && console.warn("This browser already supports <dialog>, the polyfill may not work correctly", e), e.localName !== "dialog")
1190
549
  throw new Error("Failed to register dialog: The element is not a dialog.");
1191
- new ae(
550
+ new se(
1192
551
  /** @type {!HTMLDialogElement} */
1193
- i
552
+ e
1194
553
  );
1195
554
  };
1196
- c.registerDialog = function(i) {
1197
- i.showModal || c.forceRegisterDialog(i);
555
+ l.registerDialog = function(e) {
556
+ e.showModal || l.forceRegisterDialog(e);
1198
557
  };
1199
- c.DialogManager = function() {
558
+ l.DialogManager = function() {
1200
559
  this.pendingDialogStack = [];
1201
- var i = this.checkDOM_.bind(this);
560
+ var e = this.checkDOM_.bind(this);
1202
561
  this.overlay = document.createElement("div"), this.overlay.className = "_dialog_overlay", this.overlay.addEventListener("click", function(t) {
1203
- this.forwardTab_ = void 0, t.stopPropagation(), i([]);
562
+ this.forwardTab_ = void 0, t.stopPropagation(), e([]);
1204
563
  }.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);
564
+ var o = [];
565
+ t.forEach(function(i) {
566
+ for (var n = 0, a; a = i.removedNodes[n]; ++n) {
567
+ if (a instanceof Element)
568
+ a.localName === "dialog" && o.push(a);
1210
569
  else
1211
570
  continue;
1212
- e = e.concat(r.querySelectorAll("dialog"));
571
+ o = o.concat(a.querySelectorAll("dialog"));
1213
572
  }
1214
- }), e.length && i(e);
573
+ }), o.length && e(o);
1215
574
  }));
1216
575
  };
1217
- c.DialogManager.prototype.blockDocument = function() {
576
+ l.DialogManager.prototype.blockDocument = function() {
1218
577
  document.documentElement.addEventListener("focus", this.handleFocus_, !0), document.addEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.observe(document, { childList: !0, subtree: !0 });
1219
578
  };
1220
- c.DialogManager.prototype.unblockDocument = function() {
579
+ l.DialogManager.prototype.unblockDocument = function() {
1221
580
  document.documentElement.removeEventListener("focus", this.handleFocus_, !0), document.removeEventListener("keydown", this.handleKey_), this.mo_ && this.mo_.disconnect();
1222
581
  };
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;
582
+ l.DialogManager.prototype.updateStacking = function() {
583
+ for (var e = this.zIndexHigh_, t = 0, o; o = this.pendingDialogStack[t]; ++t)
584
+ o.updateZIndex(--e, --e), t === 0 && (this.overlay.style.zIndex = --e);
585
+ var i = this.pendingDialogStack[0];
586
+ if (i) {
587
+ var n = i.dialog.parentNode || document.body;
1229
588
  n.appendChild(this.overlay);
1230
589
  } else
1231
590
  this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay);
1232
591
  };
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)
592
+ l.DialogManager.prototype.containedByTopDialog_ = function(e) {
593
+ for (; e = k(e); ) {
594
+ for (var t = 0, o; o = this.pendingDialogStack[t]; ++t)
595
+ if (o.dialog === e)
1237
596
  return t === 0;
1238
- i = i.parentElement;
597
+ e = e.parentElement;
1239
598
  }
1240
599
  return !1;
1241
600
  };
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(
601
+ l.DialogManager.prototype.handleFocus_ = function(e) {
602
+ var t = e.composedPath ? e.composedPath()[0] : e.target;
603
+ if (!this.containedByTopDialog_(t) && document.activeElement !== document.documentElement && (e.preventDefault(), e.stopPropagation(), ae(
1245
604
  /** @type {Element} */
1246
605
  t
1247
606
  ), 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;
607
+ var o = this.pendingDialogStack[0], i = o.dialog, n = i.compareDocumentPosition(t);
608
+ return n & Node.DOCUMENT_POSITION_PRECEDING && (this.forwardTab_ ? o.focus_() : t !== document.documentElement && document.documentElement.focus()), !1;
1250
609
  }
1251
610
  };
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", {
611
+ l.DialogManager.prototype.handleKey_ = function(e) {
612
+ if (this.forwardTab_ = void 0, e.keyCode === 27) {
613
+ e.preventDefault(), e.stopPropagation();
614
+ var t = new v("cancel", {
1256
615
  bubbles: !1,
1257
616
  cancelable: !0
1258
- }), e = this.pendingDialogStack[0];
1259
- e && oe(e.dialog, t) && e.dialog.close();
617
+ }), o = this.pendingDialogStack[0];
618
+ o && ne(o.dialog, t) && o.dialog.close();
1260
619
  } else
1261
- i.keyCode === 9 && (this.forwardTab_ = !i.shiftKey);
620
+ e.keyCode === 9 && (this.forwardTab_ = !e.shiftKey);
1262
621
  };
1263
- c.DialogManager.prototype.checkDOM_ = function(i) {
622
+ l.DialogManager.prototype.checkDOM_ = function(e) {
1264
623
  var t = this.pendingDialogStack.slice();
1265
- t.forEach(function(e) {
1266
- i.indexOf(e.dialog) !== -1 ? e.downgradeModal() : e.maybeHideModal();
624
+ t.forEach(function(o) {
625
+ e.indexOf(o.dialog) !== -1 ? o.downgradeModal() : o.maybeHideModal();
1267
626
  });
1268
627
  };
1269
- c.DialogManager.prototype.pushDialog = function(i) {
628
+ l.DialogManager.prototype.pushDialog = function(e) {
1270
629
  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);
630
+ return this.pendingDialogStack.length >= t ? !1 : (this.pendingDialogStack.unshift(e) === 1 && this.blockDocument(), this.updateStacking(), !0);
1272
631
  };
1273
- c.DialogManager.prototype.removeDialog = function(i) {
1274
- var t = this.pendingDialogStack.indexOf(i);
632
+ l.DialogManager.prototype.removeDialog = function(e) {
633
+ var t = this.pendingDialogStack.indexOf(e);
1275
634
  t !== -1 && (this.pendingDialogStack.splice(t, 1), this.pendingDialogStack.length === 0 && this.unblockDocument(), this.updateStacking());
1276
635
  };
1277
- c.dm = new c.DialogManager();
1278
- c.formSubmitter = null;
1279
- c.imagemapUseValue = null;
636
+ l.dm = new l.DialogManager();
637
+ l.formSubmitter = null;
638
+ l.imagemapUseValue = null;
1280
639
  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);
640
+ var Z = document.createElement("form");
641
+ if (Z.setAttribute("method", "dialog"), Z.method !== "dialog") {
642
+ var f = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, "method");
643
+ if (f) {
644
+ var Re = f.get;
645
+ f.get = function() {
646
+ return $(this) ? "dialog" : Re.call(this);
1288
647
  };
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);
648
+ var je = f.set;
649
+ f.set = function(e) {
650
+ return typeof e == "string" && e.toLowerCase() === "dialog" ? this.setAttribute("method", e) : je.call(this, e);
651
+ }, Object.defineProperty(HTMLFormElement.prototype, "method", f);
1293
652
  }
1294
653
  }
1295
- document.addEventListener("click", function(i) {
1296
- if (c.formSubmitter = null, c.imagemapUseValue = null, !i.defaultPrevented) {
654
+ document.addEventListener("click", function(e) {
655
+ if (l.formSubmitter = null, l.imagemapUseValue = null, !e.defaultPrevented) {
1297
656
  var t = (
1298
657
  /** @type {Element} */
1299
- i.target
658
+ e.target
1300
659
  );
1301
- if ("composedPath" in i) {
1302
- var e = i.composedPath();
1303
- t = e.shift() || t;
660
+ if ("composedPath" in e) {
661
+ var o = e.composedPath();
662
+ t = o.shift() || t;
1304
663
  }
1305
- if (!(!t || !gt(t.form))) {
1306
- var o = t.type === "submit" && ["button", "input"].indexOf(t.localName) > -1;
1307
- if (!o) {
664
+ if (!(!t || !$(t.form))) {
665
+ var i = t.type === "submit" && ["button", "input"].indexOf(t.localName) > -1;
666
+ if (!i) {
1308
667
  if (!(t.localName === "input" && t.type === "image"))
1309
668
  return;
1310
- c.imagemapUseValue = i.offsetX + "," + i.offsetY;
669
+ l.imagemapUseValue = e.offsetX + "," + e.offsetY;
1311
670
  }
1312
- var n = H(t);
1313
- n && (c.formSubmitter = t);
671
+ var n = k(t);
672
+ n && (l.formSubmitter = t);
1314
673
  }
1315
674
  }
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();
675
+ }, !1), document.addEventListener("submit", function(e) {
676
+ var t = e.target, o = k(t);
677
+ if (!o) {
678
+ var i = le(e), n = i && i.getAttribute("formmethod") || t.getAttribute("method");
679
+ n === "dialog" && e.preventDefault();
1321
680
  }
1322
681
  });
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();
682
+ var He = HTMLFormElement.prototype.submit, Ve = function() {
683
+ if (!$(this))
684
+ return He.call(this);
685
+ var e = k(this);
686
+ e && e.close();
1328
687
  };
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;
688
+ HTMLFormElement.prototype.submit = Ve;
689
+ }
690
+ const qe = `dialog{position:absolute;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:auto;border:solid;padding:1em;background:white;color:#000;display:block}dialog:not([open]){display:none}dialog+.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}._dialog_overlay{position:fixed;top:0;right:0;bottom:0;left:0}dialog.fixed{position:fixed;top:50%;transform:translateY(-50%)}*,*:before,*:after{box-sizing:border-box}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.c-modal{--modal-size-s: 450px;--modal-size-m: 600px;--modal-size-l: 1080px;--modal-border-radius: var(--dt-radius-rounded-d);--modal-font: var(--dt-font-interactive-m-family);--modal-bg-color: var(--dt-color-container-default);--modal-elevation: var(--dt-elevation-04);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;border-radius:var(--modal-border-radius);border:none;box-shadow:var(--modal-elevation);font-family:var(--modal-font);background-color:var(--modal-bg-color);padding:0;--modal-margin-none: var(--dt-spacing-none);--modal-margin-small: var(--dt-spacing-g);--modal-margin-large: var(--dt-spacing-j);--modal-margin-block: var(--modal-margin-small);--modal-block-size: fit-content;--modal-inline-size: 75%;--modal-max-block-size: calc(100vh - calc(var(--modal-margin-block) * 2));--modal-max-inline-size: var(--modal-size-m);block-size:var(--modal-block-size);inline-size:var(--modal-inline-size);max-block-size:var(--modal-max-block-size);max-inline-size:var(--modal-max-inline-size)}.c-modal:focus-visible{outline:none}@media (max-width: 768px){.c-modal pie-icon-button{--btn-dimension: 40px}}.c-modal[open]{display:flex;flex-direction:column}@media (min-width: 768px){.c-modal{--modal-margin-block: var(--modal-margin-large)}}.c-modal[size=small]{--modal-max-inline-size: var(--modal-size-s)}@media (min-width: 768px){.c-modal[size=small]{--modal-margin-block: var(--modal-margin-large)}}@media (max-width: 767px){.c-modal[size=medium][isfullwidthbelowmid]{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%;--modal-max-inline-size: 100%}}.c-modal[size=large]{--modal-inline-size: 75%;--modal-max-inline-size: var(--modal-size-l);--modal-margin-block: var(--modal-margin-large)}@media (max-width: 767px){.c-modal[size=large]{--modal-margin-block: var(--modal-margin-none);--modal-border-radius: var(--dt-radius-rounded-none);--modal-block-size: 100%;--modal-inline-size: 100%}}.c-modal[position=top]{margin-block-start:var(--dt-spacing-j)}@media (max-width: 767px){.c-modal[position=top][isfullwidthbelowmid]{margin-block-start:var(--dt-spacing-none)}}.c-modal::backdrop{background:rgba(0,0,0,.5)}.c-modal .c-modal-footer{--modal-button-spacing: var(--dt-spacing-d);--modal-footer-padding: var(--dt-spacing-d);display:flex;flex-flow:row-reverse;flex-wrap:wrap;gap:var(--modal-button-spacing);padding:var(--modal-footer-padding)}@media (min-width: 768px){.c-modal .c-modal-footer{--modal-footer-padding: var(--dt-spacing-e)}}@media (max-width: 767px){.c-modal[hasstackedactions] .c-modal-footer{flex-direction:column}}.c-modal .c-modal-header{padding-inline:var(--dt-spacing-d);padding-block:14px;display:grid;grid-template-areas:"back heading close" ". heading .";grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:center}@media (min-width: 768px){.c-modal .c-modal-header{padding-inline:var(--dt-spacing-e);padding-block:20px}}.c-modal[hasbackbutton] .c-modal-header{padding-block:var(--dt-spacing-b);padding-inline-start:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[hasbackbutton] .c-modal-header{padding-block:var(--dt-spacing-c);padding-inline-start:var(--dt-spacing-c)}}.c-modal[isdismissible] .c-modal-header{padding-block:var(--dt-spacing-b);padding-inline-end:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[isdismissible] .c-modal-header{padding-block:var(--dt-spacing-c);padding-inline-end:var(--dt-spacing-c)}}.c-modal .c-modal-heading{--modal-header-font-size: calc(var(--dt-font-heading-m-size--wide) * 1px);--modal-header-font-line-height: calc(var(--dt-font-heading-m-line-height--wide) * 1px);--modal-header-font-weight: var(--dt-font-heading-m-weight);font-size:var(--modal-header-font-size);line-height:var(--modal-header-font-line-height);font-weight:var(--modal-header-font-weight);margin:0;grid-area:heading}.c-modal[hasbackbutton] .c-modal-heading{padding-inline-start:var(--dt-spacing-b)}@media (min-width: 768px){.c-modal[hasbackbutton] .c-modal-heading{padding-inline-start:var(--dt-spacing-c)}}.c-modal[isdismissible] .c-modal-heading{padding-inline-end:var(--dt-spacing-d)}@media (min-width: 768px){.c-modal[isdismissible] .c-modal-heading{padding-inline-end:var(--dt-spacing-e)}}.c-modal .c-modal-backBtn{grid-area:back}.c-modal .c-modal-closeBtn{grid-area:close}.c-modal[isfooterpinned] .c-modal-content,.c-modal .c-modal-scrollContainer{overflow-y:auto}.c-modal .c-modal-scrollContainer{--bg-scroll-start: linear-gradient(var(--dt-color-container-default) 30%, rgba(255, 255, 255, 0));--bg-scroll-end: linear-gradient(rgba(255, 255, 255, 0), var(--dt-color-container-default) 70%) 0 100%;--bg-scroll-top: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));--bg-scroll-bottom: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;--bg-size-scroll-start: 100% 40px;--bg-size-scroll-end: 100% 40px;--bg-size-scroll-top: 100% 16px;--bg-size-scroll-bottom: 100% 16px;background:var(--bg-scroll-start),var(--bg-scroll-end),var(--bg-scroll-top),var(--bg-scroll-bottom);background-repeat:no-repeat;background-color:var(--dt-color-container-default);background-size:var(--bg-size-scroll-start),var(--bg-size-scroll-end),var(--bg-size-scroll-top),var(--bg-size-scroll-bottom);background-attachment:local,local,scroll,scroll}.c-modal .c-modal-content{--modal-content-font-size: calc(var(--dt-font-size-16) * 1px);--modal-content-font-weight: var(--dt-font-weight-regular);--modal-content-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--modal-content-padding: var(--dt-spacing-e);--modal-content-padding-block: var(--dt-spacing-a);--spinner-size: 48px;--spinner-border-width: 6px;--spinner-base-color-h: var(--dt-color-content-interactive-secondary-h);--spinner-base-color-s: var(--dt-color-content-interactive-secondary-s);--spinner-base-color-l: var(--dt-color-content-interactive-secondary-l);--spinner-left-color-opacity: .35;--spinner-left-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), var(--spinner-left-color-opacity));--spinner-right-color: hsl(var(--spinner-base-color-h), var(--spinner-base-color-s), var(--spinner-base-color-l), 1);--spinner-animation-duration: 1.15s;--spinner-animation-timing-function: linear;--spinner-animation-iteration-count: infinite;position:relative;min-block-size:var(--dt-spacing-j);font-size:var(--modal-content-font-size);line-height:var(--modal-content-line-height);font-weight:var(--modal-content-font-weight);padding-inline:var(--modal-content-padding);padding-block:var(--modal-content-padding-block)}.c-modal .c-modal-content--scrollable{background:linear-gradient(to bottom,transparent,var(--dt-color-container-default) 75%) center bottom,linear-gradient(transparent,var(--dt-color-border-strong)) center bottom;background-repeat:no-repeat;background-size:100% 48px,100% 12px;background-attachment:local,scroll}.c-modal .c-modal-content:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;height:var(--spinner-size);width:var(--spinner-size);display:block;background-color:transparent;border-radius:50%;border-color:var(--spinner-left-color) var(--spinner-right-color) var(--spinner-right-color) var(--spinner-left-color);border-width:var(--spinner-border-width);border-style:solid;will-change:transform;opacity:0}.c-modal[isLoading] .c-modal-content:before{animation:rotate360 var(--spinner-animation-duration) var(--spinner-animation-timing-function) var(--spinner-animation-iteration-count);opacity:1}.c-modal[isLoading] .c-modal-content .c-modal-contentInner{opacity:0}
691
+ `, We = ["h1", "h2", "h3", "h4", "h5", "h6"], Ue = ["small", "medium", "large"], Ye = ["top", "center"], P = "pie-modal-close", z = "pie-modal-open", T = "pie-modal-back", Ke = "pie-modal-leading-action-click", Xe = "pie-modal-supporting-action-click";
692
+ var Ze = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, c = (e, t, o, i) => {
693
+ for (var n = i > 1 ? void 0 : i ? Ge(t, o) : t, a = e.length - 1, r; a >= 0; a--)
694
+ (r = e[a]) && (n = (i ? r(t, o, n) : r(n)) || n);
695
+ return i && n && Ze(t, o, n), n;
1337
696
  };
1338
- const Y = "pie-modal";
1339
- class f extends me(de) {
697
+ const C = "pie-modal";
698
+ class d extends ye(L) {
1340
699
  constructor() {
1341
700
  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
701
  this.isDismissible || t.preventDefault();
1343
702
  }, this._handleDialogLightDismiss = (t) => {
1344
- var a;
703
+ var p;
1345
704
  if (!this.isDismissible)
1346
705
  return;
1347
- const e = (a = this._dialog) == null ? void 0 : a.getBoundingClientRect(), {
1348
- top: o = 0,
706
+ const o = (p = this._dialog) == null ? void 0 : p.getBoundingClientRect(), {
707
+ top: i = 0,
1349
708
  bottom: n = 0,
1350
- left: r = 0,
1351
- right: s = 0
1352
- } = e || {};
1353
- if (o === 0 && n === 0 && r === 0 && s === 0)
709
+ left: a = 0,
710
+ right: r = 0
711
+ } = o || {};
712
+ if (i === 0 && n === 0 && a === 0 && r === 0)
1354
713
  return;
1355
- (t.clientY < o || t.clientY > n || t.clientX < r || t.clientX > s) && (this.isOpen = !1);
714
+ (t.clientY < i || t.clientY > n || t.clientX < a || t.clientX > r) && (this.isOpen = !1);
1356
715
  }, this._dispatchModalCustomEvent = (t) => {
1357
- const e = new CustomEvent(t, {
716
+ const o = new CustomEvent(t, {
1358
717
  bubbles: !0,
1359
718
  composed: !0
1360
719
  });
1361
- this.dispatchEvent(e);
720
+ this.dispatchEvent(o);
1362
721
  }, this.addEventListener("click", (t) => this._handleDialogLightDismiss(t));
1363
722
  }
1364
723
  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));
724
+ super.connectedCallback(), document.addEventListener(z, this._handleModalOpened.bind(this)), document.addEventListener(P, this._handleModalClosed.bind(this)), document.addEventListener(T, this._handleModalClosed.bind(this));
1366
725
  }
1367
726
  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();
727
+ document.removeEventListener(z, this._handleModalOpened.bind(this)), document.removeEventListener(P, this._handleModalClosed.bind(this)), document.removeEventListener(T, this._handleModalClosed.bind(this)), super.disconnectedCallback();
1369
728
  }
1370
729
  firstUpdated(t) {
1371
- this._dialog && (c.registerDialog(this._dialog), this._dialog.addEventListener("cancel", (e) => this._handleDialogCancelEvent(e)), this._dialog.addEventListener("close", () => {
730
+ this._dialog && (l.registerDialog(this._dialog), this._dialog.addEventListener("cancel", (o) => this._handleDialogCancelEvent(o)), this._dialog.addEventListener("close", () => {
1372
731
  this.isOpen = !1;
1373
732
  })), this._handleModalOpenStateOnFirstRender(t);
1374
733
  }
@@ -1379,37 +738,39 @@ class f extends me(de) {
1379
738
  * Opens the dialog element and disables page scrolling
1380
739
  */
1381
740
  _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());
741
+ var o, i, n, a;
742
+ const t = (o = this._dialog) == null ? void 0 : o.querySelector(".c-modal-scrollContainer");
743
+ t && Ce(t), !((i = this._dialog) != null && i.hasAttribute("open") || !((n = this._dialog) != null && n.isConnected)) && ((a = this._dialog) == null || a.showModal());
1384
744
  }
1385
745
  /**
1386
746
  * Closes the dialog element and re-enables page scrolling
1387
747
  */
1388
748
  _handleModalClosed() {
1389
- var t;
1390
- ke(this), (t = this._dialog) == null || t.close(), this._returnFocus();
749
+ var o, i;
750
+ const t = (o = this._dialog) == null ? void 0 : o.querySelector(".c-modal-scrollContainer");
751
+ t && ze(t), (i = this._dialog) == null || i.close(), this._returnFocus();
1391
752
  }
1392
753
  // Handles the value of the isOpen property on first render of the component
1393
754
  _handleModalOpenStateOnFirstRender(t) {
1394
- t.get("isOpen") === void 0 && this.isOpen && this._dispatchModalCustomEvent(X);
755
+ t.get("isOpen") === void 0 && this.isOpen && this._dispatchModalCustomEvent(z);
1395
756
  }
1396
757
  // Handles changes to the modal isOpen property by dispatching any appropriate events
1397
758
  _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));
759
+ const o = t.get("isOpen");
760
+ o !== void 0 && (o ? this._backButtonClicked ? (this._backButtonClicked = !1, this._dispatchModalCustomEvent(T)) : this._dispatchModalCustomEvent(P) : this._dispatchModalCustomEvent(z));
1400
761
  }
1401
762
  _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));
763
+ var o, i;
764
+ t === "leading" ? ((o = this._dialog) == null || o.close("leading"), this._dispatchModalCustomEvent(Ke)) : t === "supporting" && ((i = this._dialog) == null || i.close("supporting"), this._dispatchModalCustomEvent(Xe));
1404
765
  }
1405
766
  /**
1406
767
  * Return focus to the specified element, providing the selector is valid
1407
768
  * and the chosen element can be found.
1408
769
  */
1409
770
  _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());
771
+ var o, i;
772
+ const t = (o = this.returnFocusAfterCloseSelector) == null ? void 0 : o.trim();
773
+ t && ((i = document.querySelector(t)) == null || i.focus());
1413
774
  }
1414
775
  /**
1415
776
  * Template for the close button element. Called within the
@@ -1419,14 +780,14 @@ class f extends me(de) {
1419
780
  */
1420
781
  renderCloseButton() {
1421
782
  var t;
1422
- return _`
783
+ return g`
1423
784
  <pie-icon-button
1424
785
  @click="${() => {
1425
786
  this.isOpen = !1;
1426
787
  }}"
1427
788
  variant="ghost-secondary"
1428
789
  class="c-modal-closeBtn"
1429
- aria-label="${((t = this.aria) == null ? void 0 : t.close) || y}"
790
+ aria-label="${((t = this.aria) == null ? void 0 : t.close) || u}"
1430
791
  data-test-id="modal-close-button">
1431
792
  <icon-close></icon-close>
1432
793
  </pie-icon-button>`;
@@ -1439,16 +800,16 @@ class f extends me(de) {
1439
800
  */
1440
801
  renderBackButton() {
1441
802
  var t;
1442
- return _`
803
+ return g`
1443
804
  <pie-icon-button
1444
805
  @click="${() => {
1445
806
  this._backButtonClicked = !0, this.isOpen = !1;
1446
807
  }}"
1447
808
  variant="ghost-secondary"
1448
809
  class="c-modal-backBtn"
1449
- aria-label="${((t = this.aria) == null ? void 0 : t.back) || y}"
810
+ aria-label="${((t = this.aria) == null ? void 0 : t.back) || u}"
1450
811
  data-test-id="modal-back-button">
1451
- ${this.isRTL ? _`<icon-chevron-right></icon-chevron-right>` : _`<icon-chevron-left></icon-chevron-left>`}
812
+ ${this.isRTL ? g`<icon-chevron-right></icon-chevron-right>` : g`<icon-chevron-left></icon-chevron-left>`}
1452
813
  </pie-icon-button>
1453
814
  `;
1454
815
  }
@@ -1462,18 +823,18 @@ class f extends me(de) {
1462
823
  * @private
1463
824
  */
1464
825
  renderLeadingAction() {
1465
- const { text: t, variant: e = "primary", ariaLabel: o } = this.leadingAction;
1466
- return t ? _`
826
+ const { text: t, variant: o = "primary", ariaLabel: i } = this.leadingAction;
827
+ return t ? g`
1467
828
  <pie-button
1468
- variant="${e}"
1469
- aria-label="${o || y}"
829
+ variant="${o}"
830
+ aria-label="${i || u}"
1470
831
  type="submit"
1471
832
  ?isFullWidth="${this.hasStackedActions}"
1472
833
  @click="${() => this._handleActionClick("leading")}"
1473
834
  data-test-id="modal-leading-action">
1474
835
  ${t}
1475
836
  </pie-button>
1476
- ` : y;
837
+ ` : u;
1477
838
  }
1478
839
  /**
1479
840
  * Render supportingAction button depending on prop availability.
@@ -1487,76 +848,76 @@ class f extends me(de) {
1487
848
  * @private
1488
849
  */
1489
850
  renderSupportingAction() {
1490
- const { text: t, variant: e = "ghost", ariaLabel: o } = this.supportingAction;
1491
- return t ? this.leadingAction ? _`
851
+ const { text: t, variant: o = "ghost", ariaLabel: i } = this.supportingAction;
852
+ return t ? this.leadingAction ? g`
1492
853
  <pie-button
1493
- variant="${e}"
1494
- aria-label="${o || y}"
854
+ variant="${o}"
855
+ aria-label="${i || u}"
1495
856
  type="reset"
1496
857
  ?isFullWidth="${this.hasStackedActions}"
1497
858
  @click="${() => this._handleActionClick("supporting")}"
1498
859
  data-test-id="modal-supporting-action">
1499
860
  ${t}
1500
861
  </pie-button>
1501
- ` : (console.warn("Use `leadingAction` instead of `supportingAction`. `supportingAction` is being ignored."), y) : y;
862
+ ` : (console.warn("Use `leadingAction` instead of `supportingAction`. `supportingAction` is being ignored."), u) : u;
1502
863
  }
1503
864
  /**
1504
865
  * Renders the modal inner content and footer of the modal.
1505
866
  * @private
1506
867
  */
1507
868
  renderModalContentAndFooter() {
1508
- return _`
1509
- <article class="c-modal-content c-modal-content--scrollable">
869
+ return g`
870
+ <article class="c-modal-scrollContainer c-modal-content c-modal-content--scrollable">
1510
871
  <div class="c-modal-contentInner">
1511
872
  <slot></slot>
1512
873
  </div>
1513
874
  </article>
1514
875
  <footer class="c-modal-footer">
1515
- ${this.leadingAction ? this.renderLeadingAction() : y}
1516
- ${this.supportingAction ? this.renderSupportingAction() : y}
876
+ ${this.leadingAction ? this.renderLeadingAction() : u}
877
+ ${this.supportingAction ? this.renderSupportingAction() : u}
1517
878
  </footer>`;
1518
879
  }
1519
880
  render() {
1520
881
  const {
1521
882
  aria: t,
1522
- hasBackButton: e,
1523
- hasStackedActions: o,
883
+ hasBackButton: o,
884
+ hasStackedActions: i,
1524
885
  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 _`
886
+ headingLevel: a = "h2",
887
+ isDismissible: r,
888
+ isFooterPinned: h,
889
+ isFullWidthBelowMid: p,
890
+ isLoading: y,
891
+ leadingAction: de,
892
+ position: ce,
893
+ size: he,
894
+ supportingAction: ue
895
+ } = this, q = ge(a);
896
+ return g`
1536
897
  <dialog
1537
898
  id="dialog"
1538
899
  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}"
900
+ size="${he}"
901
+ position="${ce}"
902
+ ?hasActions=${de || ue}
903
+ ?hasBackButton=${o}
904
+ ?hasStackedActions=${i}
905
+ ?isDismissible=${r}
906
+ ?isFooterPinned=${h}
907
+ ?isFullWidthBelowMid=${p}
908
+ ?isLoading=${y}
909
+ aria-busy="${y ? "true" : "false"}"
910
+ aria-label="${y && (t == null ? void 0 : t.loading) || u}"
1550
911
  data-test-id="pie-modal">
1551
912
  <header class="c-modal-header">
1552
- ${e ? this.renderBackButton() : y}
1553
- <${Z} class="c-modal-heading">
913
+ ${o ? this.renderBackButton() : u}
914
+ <${q} class="c-modal-heading">
1554
915
  ${n}
1555
- </${Z}>
1556
- ${s ? this.renderCloseButton() : y}
916
+ </${q}>
917
+ ${r ? this.renderCloseButton() : u}
1557
918
  </header>
1558
919
  ${// We need to wrap the remaining content in a shared scrollable container if the footer is not pinned
1559
- l ? this.renderModalContentAndFooter() : _`
920
+ h ? this.renderModalContentAndFooter() : g`
1560
921
  <div class="c-modal-scrollContainer">
1561
922
  ${this.renderModalContentAndFooter()}
1562
923
  </div>
@@ -1564,68 +925,68 @@ class f extends me(de) {
1564
925
  </dialog>`;
1565
926
  }
1566
927
  }
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);
928
+ d.styles = pe(qe);
929
+ c([
930
+ s({ type: Object })
931
+ ], d.prototype, "aria", 2);
932
+ c([
933
+ s({ type: String }),
934
+ we(C)
935
+ ], d.prototype, "heading", 2);
936
+ c([
937
+ s(),
938
+ N(C, We, "h2")
939
+ ], d.prototype, "headingLevel", 2);
940
+ c([
941
+ s({ type: Boolean })
942
+ ], d.prototype, "hasBackButton", 2);
943
+ c([
944
+ s({ type: Boolean })
945
+ ], d.prototype, "hasStackedActions", 2);
946
+ c([
947
+ s({ type: Boolean, reflect: !0 })
948
+ ], d.prototype, "isDismissible", 2);
949
+ c([
950
+ s({ type: Boolean })
951
+ ], d.prototype, "isFooterPinned", 2);
952
+ c([
953
+ s({ type: Boolean })
954
+ ], d.prototype, "isFullWidthBelowMid", 2);
955
+ c([
956
+ s({ type: Boolean, reflect: !0 })
957
+ ], d.prototype, "isLoading", 2);
958
+ c([
959
+ s({ type: Boolean })
960
+ ], d.prototype, "isOpen", 2);
961
+ c([
962
+ s({ type: Object })
963
+ ], d.prototype, "leadingAction", 2);
964
+ c([
965
+ s(),
966
+ N(C, Ye, "center")
967
+ ], d.prototype, "position", 2);
968
+ c([
969
+ s()
970
+ ], d.prototype, "returnFocusAfterCloseSelector", 2);
971
+ c([
972
+ s(),
973
+ N(C, Ue, "medium")
974
+ ], d.prototype, "size", 2);
975
+ c([
976
+ s({ type: Object })
977
+ ], d.prototype, "supportingAction", 2);
978
+ c([
979
+ I("dialog")
980
+ ], d.prototype, "_dialog", 2);
981
+ customElements.define(C, d);
1621
982
  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
983
+ T as ON_MODAL_BACK_EVENT,
984
+ P as ON_MODAL_CLOSE_EVENT,
985
+ Ke as ON_MODAL_LEADING_ACTION_CLICK,
986
+ z as ON_MODAL_OPEN_EVENT,
987
+ Xe as ON_MODAL_SUPPORTING_ACTION_CLICK,
988
+ d as PieModal,
989
+ We as headingLevels,
990
+ Ye as positions,
991
+ Ue as sizes
1631
992
  };