{"version":3,"file":"wc.bundle.mjs","sources":["index.mjs"],"sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst N = globalThis, Q = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && \"adoptedStyleSheets\" in Document.prototype && \"replace\" in CSSStyleSheet.prototype, Z = Symbol(), F = /* @__PURE__ */ new WeakMap();\nlet ht = class {\n constructor(t, e, s) {\n if (this._$cssResult$ = !0, s !== Z) throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");\n this.cssText = t, this.t = e;\n }\n get styleSheet() {\n let t = this.o;\n const e = this.t;\n if (Q && t === void 0) {\n const s = e !== void 0 && e.length === 1;\n s && (t = F.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && F.set(e, t));\n }\n return t;\n }\n toString() {\n return this.cssText;\n }\n};\nconst dt = (n) => new ht(typeof n == \"string\" ? n : n + \"\", void 0, Z), ct = (n, ...t) => {\n const e = n.length === 1 ? n[0] : t.reduce((s, i, r) => s + ((o) => {\n if (o._$cssResult$ === !0) return o.cssText;\n if (typeof o == \"number\") return o;\n throw Error(\"Value passed to 'css' function must be a 'css' function result: \" + o + \". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\");\n })(i) + n[r + 1], n[0]);\n return new ht(e, n, Z);\n}, vt = (n, t) => {\n if (Q) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);\n else for (const e of t) {\n const s = document.createElement(\"style\"), i = N.litNonce;\n i !== void 0 && s.setAttribute(\"nonce\", i), s.textContent = e.cssText, n.appendChild(s);\n }\n}, G = Q ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {\n let e = \"\";\n for (const s of t.cssRules) e += s.cssText;\n return dt(e);\n})(n) : n;\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst { is: _t, defineProperty: gt, getOwnPropertyDescriptor: wt, getOwnPropertyNames: yt, getOwnPropertySymbols: bt, getPrototypeOf: $t } = Object, k = globalThis, X = k.trustedTypes, kt = X ? X.emptyScript : \"\", j = k.reactiveElementPolyfillSupport, L = (n, t) => n, W = { toAttribute(n, t) {\n switch (t) {\n case Boolean:\n n = n ? kt : null;\n break;\n case Object:\n case Array:\n n = n == null ? n : JSON.stringify(n);\n }\n return n;\n}, fromAttribute(n, t) {\n let e = n;\n switch (t) {\n case Boolean:\n e = n !== null;\n break;\n case Number:\n e = n === null ? null : Number(n);\n break;\n case Object:\n case Array:\n try {\n e = JSON.parse(n);\n } catch {\n e = null;\n }\n }\n return e;\n} }, J = (n, t) => !_t(n, t), tt = { attribute: !0, type: String, converter: W, reflect: !1, hasChanged: J };\nSymbol.metadata ?? (Symbol.metadata = Symbol(\"metadata\")), k.litPropertyMetadata ?? (k.litPropertyMetadata = /* @__PURE__ */ new WeakMap());\nclass C extends HTMLElement {\n static addInitializer(t) {\n this._$Ei(), (this.l ?? (this.l = [])).push(t);\n }\n static get observedAttributes() {\n return this.finalize(), this._$Eh && [...this._$Eh.keys()];\n }\n static createProperty(t, e = tt) {\n if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {\n const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);\n i !== void 0 && gt(this.prototype, t, i);\n }\n }\n static getPropertyDescriptor(t, e, s) {\n const { get: i, set: r } = wt(this.prototype, t) ?? { get() {\n return this[e];\n }, set(o) {\n this[e] = o;\n } };\n return { get() {\n return i == null ? void 0 : i.call(this);\n }, set(o) {\n const l = i == null ? void 0 : i.call(this);\n r.call(this, o), this.requestUpdate(t, l, s);\n }, configurable: !0, enumerable: !0 };\n }\n static getPropertyOptions(t) {\n return this.elementProperties.get(t) ?? tt;\n }\n static _$Ei() {\n if (this.hasOwnProperty(L(\"elementProperties\"))) return;\n const t = $t(this);\n t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);\n }\n static finalize() {\n if (this.hasOwnProperty(L(\"finalized\"))) return;\n if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(L(\"properties\"))) {\n const e = this.properties, s = [...yt(e), ...bt(e)];\n for (const i of s) this.createProperty(i, e[i]);\n }\n const t = this[Symbol.metadata];\n if (t !== null) {\n const e = litPropertyMetadata.get(t);\n if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);\n }\n this._$Eh = /* @__PURE__ */ new Map();\n for (const [e, s] of this.elementProperties) {\n const i = this._$Eu(e, s);\n i !== void 0 && this._$Eh.set(i, e);\n }\n this.elementStyles = this.finalizeStyles(this.styles);\n }\n static finalizeStyles(t) {\n const e = [];\n if (Array.isArray(t)) {\n const s = new Set(t.flat(1 / 0).reverse());\n for (const i of s) e.unshift(G(i));\n } else t !== void 0 && e.push(G(t));\n return e;\n }\n static _$Eu(t, e) {\n const s = e.attribute;\n return s === !1 ? void 0 : typeof s == \"string\" ? s : typeof t == \"string\" ? t.toLowerCase() : void 0;\n }\n constructor() {\n super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();\n }\n _$Ev() {\n var t;\n this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));\n }\n addController(t) {\n var e;\n (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));\n }\n removeController(t) {\n var e;\n (e = this._$EO) == null || e.delete(t);\n }\n _$E_() {\n const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;\n for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);\n t.size > 0 && (this._$Ep = t);\n }\n createRenderRoot() {\n const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);\n return vt(t, this.constructor.elementStyles), t;\n }\n connectedCallback() {\n var t;\n this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {\n var s;\n return (s = e.hostConnected) == null ? void 0 : s.call(e);\n });\n }\n enableUpdating(t) {\n }\n disconnectedCallback() {\n var t;\n (t = this._$EO) == null || t.forEach((e) => {\n var s;\n return (s = e.hostDisconnected) == null ? void 0 : s.call(e);\n });\n }\n attributeChangedCallback(t, e, s) {\n this._$AK(t, s);\n }\n _$EC(t, e) {\n var r;\n const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);\n if (i !== void 0 && s.reflect === !0) {\n const o = (((r = s.converter) == null ? void 0 : r.toAttribute) !== void 0 ? s.converter : W).toAttribute(e, s.type);\n this._$Em = t, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;\n }\n }\n _$AK(t, e) {\n var r;\n const s = this.constructor, i = s._$Eh.get(t);\n if (i !== void 0 && this._$Em !== i) {\n const o = s.getPropertyOptions(i), l = typeof o.converter == \"function\" ? { fromAttribute: o.converter } : ((r = o.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? o.converter : W;\n this._$Em = i, this[i] = l.fromAttribute(e, o.type), this._$Em = null;\n }\n }\n requestUpdate(t, e, s) {\n if (t !== void 0) {\n if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? J)(this[t], e)) return;\n this.P(t, e, s);\n }\n this.isUpdatePending === !1 && (this._$ES = this._$ET());\n }\n P(t, e, s) {\n this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);\n }\n async _$ET() {\n this.isUpdatePending = !0;\n try {\n await this._$ES;\n } catch (e) {\n Promise.reject(e);\n }\n const t = this.scheduleUpdate();\n return t != null && await t, !this.isUpdatePending;\n }\n scheduleUpdate() {\n return this.performUpdate();\n }\n performUpdate() {\n var s;\n if (!this.isUpdatePending) return;\n if (!this.hasUpdated) {\n if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {\n for (const [r, o] of this._$Ep) this[r] = o;\n this._$Ep = void 0;\n }\n const i = this.constructor.elementProperties;\n if (i.size > 0) for (const [r, o] of i) o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.P(r, this[r], o);\n }\n let t = !1;\n const e = this._$AL;\n try {\n t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {\n var r;\n return (r = i.hostUpdate) == null ? void 0 : r.call(i);\n }), this.update(e)) : this._$EU();\n } catch (i) {\n throw t = !1, this._$EU(), i;\n }\n t && this._$AE(e);\n }\n willUpdate(t) {\n }\n _$AE(t) {\n var e;\n (e = this._$EO) == null || e.forEach((s) => {\n var i;\n return (i = s.hostUpdated) == null ? void 0 : i.call(s);\n }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);\n }\n _$EU() {\n this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;\n }\n get updateComplete() {\n return this.getUpdateComplete();\n }\n getUpdateComplete() {\n return this._$ES;\n }\n shouldUpdate(t) {\n return !0;\n }\n update(t) {\n this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();\n }\n updated(t) {\n }\n firstUpdated(t) {\n }\n}\nC.elementStyles = [], C.shadowRootOptions = { mode: \"open\" }, C[L(\"elementProperties\")] = /* @__PURE__ */ new Map(), C[L(\"finalized\")] = /* @__PURE__ */ new Map(), j == null || j({ ReactiveElement: C }), (k.reactiveElementVersions ?? (k.reactiveElementVersions = [])).push(\"2.0.4\");\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst O = globalThis, z = O.trustedTypes, et = z ? z.createPolicy(\"lit-html\", { createHTML: (n) => n }) : void 0, pt = \"$lit$\", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, ut = \"?\" + $, Et = `<${ut}>`, P = document, R = () => P.createComment(\"\"), B = (n) => n === null || typeof n != \"object\" && typeof n != \"function\", Y = Array.isArray, At = (n) => Y(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == \"function\", K = `[ \t\n\\f\\r]`, U = /<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g, st = /-->/g, it = />/g, E = RegExp(`>|${K}(?:([^\\\\s\"'>=/]+)(${K}*=${K}*(?:[^ \t\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`, \"g\"), nt = /'/g, rt = /\"/g, ft = /^(?:script|style|textarea|title)$/i, Pt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), ot = Pt(1), x = Symbol.for(\"lit-noChange\"), u = Symbol.for(\"lit-nothing\"), at = /* @__PURE__ */ new WeakMap(), A = P.createTreeWalker(P, 129);\nfunction mt(n, t) {\n if (!Y(n) || !n.hasOwnProperty(\"raw\")) throw Error(\"invalid template strings array\");\n return et !== void 0 ? et.createHTML(t) : t;\n}\nconst xt = (n, t) => {\n const e = n.length - 1, s = [];\n let i, r = t === 2 ? \"\" : t === 3 ? \"\" : \"\")), s];\n};\nclass T {\n constructor({ strings: t, _$litType$: e }, s) {\n let i;\n this.parts = [];\n let r = 0, o = 0;\n const l = t.length - 1, a = this.parts, [d, c] = xt(t, e);\n if (this.el = T.createElement(d, s), A.currentNode = this.el.content, e === 2 || e === 3) {\n const h = this.el.content.firstChild;\n h.replaceWith(...h.childNodes);\n }\n for (; (i = A.nextNode()) !== null && a.length < l; ) {\n if (i.nodeType === 1) {\n if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(pt)) {\n const w = c[o++], b = i.getAttribute(h).split($), I = /([.?@])?(.*)/.exec(w);\n a.push({ type: 1, index: r, name: I[2], strings: b, ctor: I[1] === \".\" ? St : I[1] === \"?\" ? Ut : I[1] === \"@\" ? Lt : D }), i.removeAttribute(h);\n } else h.startsWith($) && (a.push({ type: 6, index: r }), i.removeAttribute(h));\n if (ft.test(i.tagName)) {\n const h = i.textContent.split($), w = h.length - 1;\n if (w > 0) {\n i.textContent = z ? z.emptyScript : \"\";\n for (let b = 0; b < w; b++) i.append(h[b], R()), A.nextNode(), a.push({ type: 2, index: ++r });\n i.append(h[w], R());\n }\n }\n } else if (i.nodeType === 8) if (i.data === ut) a.push({ type: 2, index: r });\n else {\n let h = -1;\n for (; (h = i.data.indexOf($, h + 1)) !== -1; ) a.push({ type: 7, index: r }), h += $.length - 1;\n }\n r++;\n }\n }\n static createElement(t, e) {\n const s = P.createElement(\"template\");\n return s.innerHTML = t, s;\n }\n}\nfunction S(n, t, e = n, s) {\n var o, l;\n if (t === x) return t;\n let i = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;\n const r = B(t) ? void 0 : t._$litDirective$;\n return (i == null ? void 0 : i.constructor) !== r && ((l = i == null ? void 0 : i._$AO) == null || l.call(i, !1), r === void 0 ? i = void 0 : (i = new r(n), i._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = S(n, i._$AS(n, t.values), i, s)), t;\n}\nclass Ct {\n constructor(t, e) {\n this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;\n }\n get parentNode() {\n return this._$AM.parentNode;\n }\n get _$AU() {\n return this._$AM._$AU;\n }\n u(t) {\n const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? P).importNode(e, !0);\n A.currentNode = i;\n let r = A.nextNode(), o = 0, l = 0, a = s[0];\n for (; a !== void 0; ) {\n if (o === a.index) {\n let d;\n a.type === 2 ? d = new M(r, r.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (d = new Ot(r, this, t)), this._$AV.push(d), a = s[++l];\n }\n o !== (a == null ? void 0 : a.index) && (r = A.nextNode(), o++);\n }\n return A.currentNode = P, i;\n }\n p(t) {\n let e = 0;\n for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;\n }\n}\nclass M {\n get _$AU() {\n var t;\n return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;\n }\n constructor(t, e, s, i) {\n this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;\n }\n get parentNode() {\n let t = this._$AA.parentNode;\n const e = this._$AM;\n return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;\n }\n get startNode() {\n return this._$AA;\n }\n get endNode() {\n return this._$AB;\n }\n _$AI(t, e = this) {\n t = S(this, t, e), B(t) ? t === u || t == null || t === \"\" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : At(t) ? this.k(t) : this._(t);\n }\n O(t) {\n return this._$AA.parentNode.insertBefore(t, this._$AB);\n }\n T(t) {\n this._$AH !== t && (this._$AR(), this._$AH = this.O(t));\n }\n _(t) {\n this._$AH !== u && B(this._$AH) ? this._$AA.nextSibling.data = t : this.T(P.createTextNode(t)), this._$AH = t;\n }\n $(t) {\n var r;\n const { values: e, _$litType$: s } = t, i = typeof s == \"number\" ? this._$AC(t) : (s.el === void 0 && (s.el = T.createElement(mt(s.h, s.h[0]), this.options)), s);\n if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);\n else {\n const o = new Ct(i, this), l = o.u(this.options);\n o.p(e), this.T(l), this._$AH = o;\n }\n }\n _$AC(t) {\n let e = at.get(t.strings);\n return e === void 0 && at.set(t.strings, e = new T(t)), e;\n }\n k(t) {\n Y(this._$AH) || (this._$AH = [], this._$AR());\n const e = this._$AH;\n let s, i = 0;\n for (const r of t) i === e.length ? e.push(s = new M(this.O(R()), this.O(R()), this, this.options)) : s = e[i], s._$AI(r), i++;\n i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);\n }\n _$AR(t = this._$AA.nextSibling, e) {\n var s;\n for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {\n const i = t.nextSibling;\n t.remove(), t = i;\n }\n }\n setConnected(t) {\n var e;\n this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));\n }\n}\nclass D {\n get tagName() {\n return this.element.tagName;\n }\n get _$AU() {\n return this._$AM._$AU;\n }\n constructor(t, e, s, i, r) {\n this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, s.length > 2 || s[0] !== \"\" || s[1] !== \"\" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = u;\n }\n _$AI(t, e = this, s, i) {\n const r = this.strings;\n let o = !1;\n if (r === void 0) t = S(this, t, e, 0), o = !B(t) || t !== this._$AH && t !== x, o && (this._$AH = t);\n else {\n const l = t;\n let a, d;\n for (t = r[0], a = 0; a < r.length - 1; a++) d = S(this, l[s + a], e, a), d === x && (d = this._$AH[a]), o || (o = !B(d) || d !== this._$AH[a]), d === u ? t = u : t !== u && (t += (d ?? \"\") + r[a + 1]), this._$AH[a] = d;\n }\n o && !i && this.j(t);\n }\n j(t) {\n t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? \"\");\n }\n}\nclass St extends D {\n constructor() {\n super(...arguments), this.type = 3;\n }\n j(t) {\n this.element[this.name] = t === u ? void 0 : t;\n }\n}\nclass Ut extends D {\n constructor() {\n super(...arguments), this.type = 4;\n }\n j(t) {\n this.element.toggleAttribute(this.name, !!t && t !== u);\n }\n}\nclass Lt extends D {\n constructor(t, e, s, i, r) {\n super(t, e, s, i, r), this.type = 5;\n }\n _$AI(t, e = this) {\n if ((t = S(this, t, e, 0) ?? u) === x) return;\n const s = this._$AH, i = t === u && s !== u || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== u && (s === u || i);\n i && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;\n }\n handleEvent(t) {\n var e;\n typeof this._$AH == \"function\" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);\n }\n}\nclass Ot {\n constructor(t, e, s) {\n this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;\n }\n get _$AU() {\n return this._$AM._$AU;\n }\n _$AI(t) {\n S(this, t);\n }\n}\nconst q = O.litHtmlPolyfillSupport;\nq == null || q(T, M), (O.litHtmlVersions ?? (O.litHtmlVersions = [])).push(\"3.2.1\");\nconst Ht = (n, t, e) => {\n const s = (e == null ? void 0 : e.renderBefore) ?? t;\n let i = s._$litPart$;\n if (i === void 0) {\n const r = (e == null ? void 0 : e.renderBefore) ?? null;\n s._$litPart$ = i = new M(t.insertBefore(R(), r), r, void 0, e ?? {});\n }\n return i._$AI(n), i;\n};\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nlet H = class extends C {\n constructor() {\n super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;\n }\n createRenderRoot() {\n var e;\n const t = super.createRenderRoot();\n return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;\n }\n update(t) {\n const e = this.render();\n this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ht(e, this.renderRoot, this.renderOptions);\n }\n connectedCallback() {\n var t;\n super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);\n }\n disconnectedCallback() {\n var t;\n super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);\n }\n render() {\n return x;\n }\n};\nvar lt;\nH._$litElement$ = !0, H.finalized = !0, (lt = globalThis.litElementHydrateSupport) == null || lt.call(globalThis, { LitElement: H });\nconst V = globalThis.litElementPolyfillSupport;\nV == null || V({ LitElement: H });\n(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push(\"4.1.1\");\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst Rt = (n) => (t, e) => {\n e !== void 0 ? e.addInitializer(() => {\n customElements.define(n, t);\n }) : customElements.define(n, t);\n};\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst Bt = { attribute: !0, type: String, converter: W, reflect: !1, hasChanged: J }, Tt = (n = Bt, t, e) => {\n const { kind: s, metadata: i } = e;\n let r = globalThis.litPropertyMetadata.get(i);\n if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), r.set(e.name, n), s === \"accessor\") {\n const { name: o } = e;\n return { set(l) {\n const a = t.get.call(this);\n t.set.call(this, l), this.requestUpdate(o, a, n);\n }, init(l) {\n return l !== void 0 && this.P(o, void 0, n), l;\n } };\n }\n if (s === \"setter\") {\n const { name: o } = e;\n return function(l) {\n const a = this[o];\n t.call(this, l), this.requestUpdate(o, a, n);\n };\n }\n throw Error(\"Unsupported decorator location: \" + s);\n};\nfunction g(n) {\n return (t, e) => typeof e == \"object\" ? Tt(n, t, e) : ((s, i, r) => {\n const o = i.hasOwnProperty(r);\n return i.constructor.createProperty(r, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;\n })(n, t, e);\n}\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst Mt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, It = (n) => (...t) => ({ _$litDirective$: n, values: t });\nclass Nt {\n constructor(t) {\n }\n get _$AU() {\n return this._$AM._$AU;\n }\n _$AT(t, e, s) {\n this._$Ct = t, this._$AM = e, this._$Ci = s;\n }\n _$AS(t, e) {\n return this.update(t, e);\n }\n update(t, e) {\n return this.render(...e);\n }\n}\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst Wt = It(class extends Nt {\n constructor(n) {\n var t;\n if (super(n), n.type !== Mt.ATTRIBUTE || n.name !== \"class\" || ((t = n.strings) == null ? void 0 : t.length) > 2) throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\");\n }\n render(n) {\n return \" \" + Object.keys(n).filter((t) => n[t]).join(\" \") + \" \";\n }\n update(n, [t]) {\n var s, i;\n if (this.st === void 0) {\n this.st = /* @__PURE__ */ new Set(), n.strings !== void 0 && (this.nt = new Set(n.strings.join(\" \").split(/\\s/).filter((r) => r !== \"\")));\n for (const r in t) t[r] && !((s = this.nt) != null && s.has(r)) && this.st.add(r);\n return this.render(t);\n }\n const e = n.element.classList;\n for (const r of this.st) r in t || (e.remove(r), this.st.delete(r));\n for (const r in t) {\n const o = !!t[r];\n o === this.st.has(r) || (i = this.nt) != null && i.has(r) || (o ? (e.add(r), this.st.add(r)) : (e.remove(r), this.st.delete(r)));\n }\n return x;\n }\n}), zt = ct`:host{display:contents}::slotted([data-pdk-panel-left-button]){position:absolute!important;top:0!important;left:4px!important;z-index:11!important;display:flex!important;align-items:center!important;height:48px!important;width:48px!important}@media (min-width: 990px){::slotted([data-pdk-panel-left-button]){left:8px!important;height:72px!important;width:72px!important}}.pdk-self-service-panel{--animation-time: 0ms;--offcanvas-bg-color: #f9f9f9;--offcanvas-bg-color-darker: #f0f2f3;--offcanvas-button-xy: 8px;--offcanvas-width: 70vw;position:fixed;bottom:0;top:0;right:0;width:100vw;height:100vh;display:none;flex-direction:column;justify-content:start;outline:0;overflow-y:auto;overflow-x:hidden;z-index:var(--zi-offcanvas);background-color:#f9f9f9;transform:translate(100%);animation:fadeOut var(--animation-time)}.pdk-self-service-panel--show{display:flex}.pdk-self-service-panel--animate{--animation-time: .3s}.pdk-self-service-panel--showing,.pdk-self-service-panel--shown{animation:fadeIn var(--animation-time);transform:translate(0)}.pdk-self-service-panel--start{left:0}.pdk-self-service-panel--end{right:0}.pdk-self-service-panel--small{width:30vw}@media (min-width: 990px){.pdk-self-service-panel--small{width:30vw}}@media (min-width: 1440px){.pdk-self-service-panel--small{width:300px}}.pdk-self-service-panel--medium{width:50vw}@media (min-width: 990px){.pdk-self-service-panel--medium{width:50vw}}@media (min-width: 1900px){.pdk-self-service-panel--medium{width:30vw}}.pdk-self-service-panel--large{width:80vw}@media (min-width: 990px){.pdk-self-service-panel--large{width:60vw}}@media (min-width: 1440px){.pdk-self-service-panel--large{width:50vw}}.pdk-self-service-panel--fullscreen{width:100vw}@media (max-width: 989px){.pdk-self-service-panel{width:100vw}}.pdk-self-service-panel__header{display:flex;align-items:center;justify-content:center;position:sticky;flex-shrink:0;top:0;overflow:hidden;background-color:#fff;z-index:10;transition:.2s;height:50px}@media (min-width: 990px){.pdk-self-service-panel__header{height:74px}}.pdk-self-service-panel__header-with-progress{height:56px}@media (min-width: 990px){.pdk-self-service-panel__header-with-progress{height:80px}}.pdk-self-service-panel__header-with-progress .pdk-self-service-panel__progress{height:8px}.pdk-self-service-panel__header-with-progress .pdk-self-service-panel__progress-fill{display:block!important}.pdk-self-service-panel__header-content{display:flex;flex-direction:column;overflow:hidden;padding:0 24px}@media (min-width: 990px){.pdk-self-service-panel__header-content{padding:0 40px}}.pdk-self-service-panel__header-content--title{color:#4e617b;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.pdk-self-service-panel__header--bottom-border{border-bottom:1px solid #e1e5e8}.pdk-self-service-panel__progress{--progress-bar-fill-width: 0%;position:absolute;bottom:0;left:0;right:0;width:100%;height:2px;background-color:#f0f2f3}.pdk-self-service-panel__progress-fill{width:var(--progress-bar-fill-width, \\\"0%\\\");background:#dd0d0b;height:100%;min-width:4px;display:none;transition:width .3s ease-in-out;border-top-right-radius:2px;border-bottom-right-radius:2px}@media (min-width: 990px){.pdk-self-service-panel__progress-fill{min-width:8px;border-top-right-radius:4px;border-bottom-right-radius:4px}}.pdk-self-service-panel__progress-fill-completed{border-top-right-radius:0;border-bottom-right-radius:0;width:100%}.pdk-self-service-panel__body{display:flex;flex-direction:column;flex-grow:1;z-index:1;transition:.2s}.pdk-self-service-panel__footer{border-top:1px solid #e1e5e8;background-color:#f9f9f9;display:flex;flex-direction:column;gap:var(--card-gap-y);padding:var(--card-gap-y) var(--card-spacing-x) var(--card-gap-y) var(--card-spacing-x)}.pdk-self-service-panel__actions{top:0;height:48px;width:auto;display:flex;align-items:center;flex-shrink:0;flex-grow:1;position:absolute;color:var(--color-button-background-primary-base)}@media (min-width: 990px){.pdk-self-service-panel__actions{height:72px}}.pdk-self-service-panel__actions>button{border-radius:50%;display:flex;text-align:center;justify-content:center;align-items:center;padding:0;gap:0;flex-shrink:0;height:40px;width:40px;max-height:40px;max-width:40px;min-height:40px;min-width:40px;cursor:pointer;background-color:transparent;border:none}.pdk-self-service-panel__actions>button:active,.pdk-self-service-panel__actions>button.active{transform:scale(.98)}.pdk-self-service-panel__actions>button:hover,.pdk-self-service-panel__actions>button:active,.pdk-self-service-panel__actions>button.active{outline:2px solid transparent;background-color:#fcede8}@media (min-width: 990px){.pdk-self-service-panel__actions>button{height:53px;width:53px;max-height:53px;max-width:53px;min-height:53px;min-width:53px}}.pdk-self-service-panel__actions>button>svg{transform:scale(.75)}@media (min-width: 990px){.pdk-self-service-panel__actions>button>svg{transform:scale(1)}}.pdk-self-service-panel__actions-back{left:4px}@media (min-width: 990px){.pdk-self-service-panel__actions-back{left:8px}}.pdk-self-service-panel__actions-close{right:4px}@media (min-width: 990px){.pdk-self-service-panel__actions-close{right:8px}}.pdk-self-service-panel__backdrop{position:fixed;display:none;top:0;left:0;z-index:var(--zi-offcanvas-backdrop);width:100vw;height:100vh;background-color:#00000040;opacity:0;transition:opacity var(--animation-time) ease-in-out}.pdk-self-service-panel__backdrop--show{display:flex;opacity:.2}.pdk-self-service-panel__backdrop--showing{opacity:1}.pdk-self-service-panel__backdrop--animate{transition:opacity var(--animation-time) linear 0s}@keyframes fadeIn{0%{transform:translate(100%);display:none}to{transform:translate(0);display:flex}}@keyframes fadeOut{0%{transform:translate(0);display:flex}to{transform:translate(100%);display:none}}`, f = class f {\n static get urlChangeEventKey() {\n return \"pdk-urlChange\";\n }\n static get replaceStateEventKey() {\n return \"pdk-replaceState\";\n }\n static get pushStateEventKey() {\n return \"pdk-pushState\";\n }\n static get history() {\n return this._wrHistory;\n }\n static get window() {\n return this._window;\n }\n static init(t, e) {\n this._window || (this._window = t, this._document = e, this._channelUrlChange = new BroadcastChannel(`${f.urlChangeEventKey}-bc`), this._channelReplaceState = new BroadcastChannel(`${f.replaceStateEventKey}-bc`), this._channelPushState = new BroadcastChannel(`${f.pushStateEventKey}-bc`), this._window.history.pushState = this._wr(\"pushState\"), this._window.history.replaceState = this._wr(\"replaceState\"), this._window.addEventListener(\"replaceState\", (s) => {\n this._channelReplaceState.postMessage({\n url: this._document.URL,\n event: {\n type: s.type,\n timeStamp: s.timeStamp\n }\n }), this.sendUrlChangeEvent(s);\n }), this._window.addEventListener(\"pushState\", (s) => {\n this._channelPushState.postMessage({\n url: e.URL,\n event: {\n type: s.type,\n timeStamp: s.timeStamp\n // arguments: (e as any).arguments,\n }\n }), this.sendUrlChangeEvent(s);\n }), this._window.addEventListener(\"popstate\", (s) => {\n this.sendUrlChangeEvent(s);\n }), this._wrHistory.push({ title: this._document.title, url: this._document.URL, type: \"init\" }));\n }\n static openWindow(t, e, s) {\n const i = this._windowCounter++, r = this._window.open(t, \"_blank\");\n if (r) {\n this._openedWindows.set(i, r);\n const o = setInterval(() => {\n r.closed && (clearInterval(o), e.invokeMethodAsync(\"OnWindowClosed\", i), this._openedWindows.delete(i));\n }, s ?? 500);\n }\n return i;\n }\n static watchForWindowClose(t, e) {\n const s = this._openedWindows.get(t);\n if (!s) return;\n const i = setInterval(() => {\n s.closed && (clearInterval(i), e.invokeMethodAsync(\"OnWindowClosed\", t), this._openedWindows.delete(t));\n }, 500);\n }\n static pushState(t, e, s = {}, i = !1) {\n this.changeState(!1, t, e, s, i);\n }\n static replaceState(t, e, s = {}, i = !1) {\n this.changeState(!0, t, e, s, i);\n }\n static addQueryParams(t, e = !1) {\n const s = {};\n t.forEach((i, r) => {\n s[r] = i;\n }), this.changeState(!1, this._document.title, s, {}, e);\n }\n static removeQueryParams(t, e = !1) {\n const s = new URL(this._document.URL);\n t.forEach((i) => {\n s.searchParams.delete(i);\n }), this.changeState(!1, this._document.title, s.href, {}, e);\n }\n static sendUrlChangeEvent(t) {\n if (this._wrHistory.length > 0) {\n const s = this._wrHistory[this._wrHistory.length - 1];\n if (this.areUrlsEqual(s.url, this._document.URL))\n return;\n }\n this._channelUrlChange.postMessage({\n url: this._document.URL,\n event: {\n type: t.type,\n timeStamp: t.timeStamp\n }\n });\n const e = new CustomEvent(f.urlChangeEventKey, {\n detail: {\n url: this._document.URL,\n event: {\n type: t.type,\n timeStamp: t.timeStamp\n }\n },\n bubbles: !0,\n composed: !0\n });\n this._window.dispatchEvent(e), this._wrHistory.push({ title: this._document.title, url: this._document.URL, type: t.type });\n }\n static changeState(t, e, s, i = {}, r = !1) {\n if (!this._window) {\n console.error(\"NavigationService is not initialized. Call NavigationService.init(window, document) first.\");\n return;\n }\n const o = typeof s == \"string\" ? new URL(s) : new URL(this._document.URL), l = typeof s == \"string\" ? i : s;\n if (Object.keys(l).forEach((a) => {\n o.searchParams.set(a, l[a]);\n }), this._wrHistory.length > 0 && !r) {\n const a = this._wrHistory[this._wrHistory.length - 1];\n if (this.areUrlsEqual(a.url, o.href))\n return;\n }\n t ? this._window.history.replaceState({}, e, decodeURIComponent(o.href)) : this._window.history.pushState({}, e, decodeURIComponent(o.href));\n }\n static areUrlsEqual(t, e) {\n try {\n const s = (o) => {\n const l = new URL(o), a = Array.from(l.searchParams.entries());\n return a.sort((d, c) => d[0].localeCompare(c[0])), l.search = new URLSearchParams(a).toString(), l.toString();\n }, i = s(t), r = s(e);\n return i === r;\n } catch (s) {\n return console.error(\"Error normalizing URLs:\", s), !1;\n }\n }\n};\nf._wrHistory = [], f._openedWindows = /* @__PURE__ */ new Map(), f._windowCounter = 0, f._wr = (t) => {\n const e = f._window.history[t];\n return (...s) => {\n const i = e.apply(f._window.history, s), r = new Event(`pdk-${t}`);\n return r.arguments = s, f._window.dispatchEvent(r), f.sendUrlChangeEvent(r), i;\n };\n};\nlet v = f;\nclass Dt {\n constructor() {\n this._callbacks = {};\n }\n addEventListener(t, e) {\n if (typeof e != \"function\") throw new Error(\"Callback should be a function\");\n return this._callbacks[t] === void 0 && (this._callbacks[t] = []), this._callbacks[t].push(e), () => {\n const s = this._callbacks[t];\n if (!s) return;\n const i = s.indexOf(e);\n i !== -1 && s.splice(i, 1);\n };\n }\n dispatchEvent(t, e) {\n this._callbacks[t] !== void 0 && this._callbacks[t].forEach((s) => {\n s(e);\n });\n }\n}\nclass jt {\n constructor(t) {\n if (this._eventEmitter = new Dt(), this._eventEmitterDispose = [], this._backHandler = null, this._closeHandler = null, this._visibilityChangedHandler = null, this._id = t, this._element = document.getElementById(t), !this._element) {\n console.warn(`No SelfServicePanelInstance with id ${t}`);\n return;\n }\n this._backHandler = async (e) => {\n var i;\n const s = new CustomEvent(\"back\", {\n detail: { target: this, originalEvent: e },\n bubbles: !0,\n composed: !0\n });\n this._eventEmitter.dispatchEvent(\"back\", s), await ((i = this.instance) == null ? void 0 : i.invokeMethodAsync(\"OnBack\"));\n }, this._closeHandler = async (e) => {\n var i;\n const s = new CustomEvent(\"close\", {\n detail: { target: this, originalEvent: e },\n bubbles: !0,\n composed: !0\n });\n this._eventEmitter.dispatchEvent(\"close\", s), await ((i = this.instance) == null ? void 0 : i.invokeMethodAsync(\"OnClose\"));\n }, this._visibilityChangedHandler = async (e) => {\n var r;\n const s = e, i = new CustomEvent(\"visibilityChanged\", {\n detail: { target: this, originalEvent: e, isVisible: s.detail },\n bubbles: !0,\n composed: !0\n });\n this._eventEmitter.dispatchEvent(\"visibilityChanged\", i), await ((r = this.instance) == null ? void 0 : r.invokeMethodAsync(\"OnVisibilityChanged\", s.detail));\n }, this._element.addEventListener(\"back\", this._backHandler), this._element.addEventListener(\"close\", this._closeHandler), this._element.addEventListener(\"visibilityChanged\", this._visibilityChangedHandler);\n }\n id() {\n return this._id;\n }\n setDotNetReference(t) {\n this.instance = t;\n }\n removeEventListeners() {\n this._eventEmitterDispose.forEach((t) => t()), this._element && (this._element.removeEventListener(\"back\", this._backHandler), this._element.removeEventListener(\"close\", this._closeHandler), this._element.removeEventListener(\"visibilityChanged\", this._visibilityChangedHandler));\n }\n addCloseEventListener(t) {\n this._eventEmitterDispose.push(this._eventEmitter.addEventListener(\"close\", t));\n }\n addBackEventListener(t) {\n this._eventEmitterDispose.push(this._eventEmitter.addEventListener(\"back\", t));\n }\n setProgressWidth(t) {\n this._element.progressWidth = t;\n }\n setFullscreen(t) {\n this._element.fullscreen = t;\n }\n showProgress(t) {\n this._element.showProgress = t;\n }\n showBackButton(t) {\n this._element.showBackButton = t;\n }\n changeVisibility(t) {\n this._element.show = t;\n }\n}\nconst p = class p {\n static get activePanelParams() {\n return this._activePanelParams;\n }\n static set activePanelParams(t) {\n this._activePanelParams = t;\n }\n static handlePanelClickEvents(t) {\n if (t.closest(`[${this.dataPdkPanelOpen}]`)) {\n const e = t.closest(`[${this.dataPdkPanelOpen}]`), s = e.getAttribute(this.dataPdkPanelOpen), i = e.getAttribute(this.dataPdkPanelParams);\n return this.showPanel(s, i), !0;\n }\n if (t.closest(`[${this.dataPdkPanelClose}]`)) {\n const e = t.closest(`[${this.dataPdkPanelClose}]`), s = this.getActiveParams(e.getAttribute(this.dataPdkPanelParams));\n return v.removeQueryParams([this.queryParamKey, ...s]), p.activePanelParams = [], !0;\n }\n return !1;\n }\n static showPanel(t, e) {\n const s = new URLSearchParams();\n s.set(this.queryParamKey, t);\n const i = [];\n e && e.split(\",\").forEach((r) => {\n const [o, l] = r.split(\"=\");\n i.push(o), s.set(o, l);\n }), v.addQueryParams(s), p.activePanelParams = i;\n }\n static closePanel(t) {\n const e = document.getElementById(t), s = this.getActiveParams(e.getAttribute(this.dataPdkPanelParams));\n v.removeQueryParams([this.queryParamKey, ...s]), p.activePanelParams = [];\n }\n static handleQueryOffCanvas(t) {\n const e = new URL(t);\n if (e.searchParams.has(this.queryParamKey)) {\n const s = e.searchParams.get(this.queryParamKey), i = document.getElementById(s);\n i && (i.show = !0);\n } else\n Array.from(document.querySelectorAll(`[${p.dataPdkOffCanvas}]`)).filter((i) => i.show).forEach((i) => {\n i.show = !1;\n });\n }\n static getActiveParams(t) {\n const e = p.activePanelParams;\n return ((t == null ? void 0 : t.length) ?? !1) && (e.length = 0, t.split(\",\").forEach((i) => {\n e.push(i);\n })), e;\n }\n static getInstance(t) {\n return p.instances[t] || (p.instances[t] = new jt(t)), p.instances[t];\n }\n};\np.dataPdkPanelOpen = \"data-pdk-panel-open\", p.dataPdkPanelClose = \"data-pdk-panel-close\", p.dataPdkPanelParams = \"data-pdk-panel-params\", p.queryParamKey = \"panel\", p.dataPdkOffCanvas = \"data-pdk-offcanvas\", p.instances = {}, v.init(window, document), v.window.addEventListener(v.urlChangeEventKey, (t) => {\n const e = t;\n p.handleQueryOffCanvas(e.detail.url);\n}), p._activePanelParams = [];\nlet y = p;\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n v.init(window, document), document.body.addEventListener(\"click\", (n) => {\n const t = n.target;\n if (t.closest(\"[data-pdk-toggle]\")) {\n const s = t.closest(\"[data-pdk-toggle]\").getAttribute(\"data-pdk-target\"), i = document.getElementById(s);\n i && (i.show = !i.show), n.stopPropagation();\n return;\n }\n if (t.closest(\"[data-pdk-close]\")) {\n const s = t.closest(\"[data-pdk-close]\").getAttribute(\"data-pdk-target\"), i = document.getElementById(s);\n i && (i.show = !1), n.stopPropagation();\n return;\n }\n if (t.closest(\"[data-pdk-show]\")) {\n const s = t.closest(\"[data-pdk-show]\").getAttribute(\"data-pdk-target\"), i = document.getElementById(s);\n i && (i.show = !0), n.stopPropagation();\n return;\n }\n if (y.handlePanelClickEvents(t)) {\n n.stopPropagation();\n return;\n }\n });\n});\ntypeof window < \"u\" && (window.PDK || (window.PDK = {}));\nwindow.PDK.SelfServicePanelService = y;\nwindow.PDK.NavigationService = v;\nvar Kt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, _ = (n, t, e, s) => {\n for (var i = s > 1 ? void 0 : s ? qt(t, e) : t, r = n.length - 1, o; r >= 0; r--)\n (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);\n return s && i && Kt(t, e, i), i;\n};\nlet m = class extends H {\n constructor() {\n super(), this.show = !1, this.fullscreen = !1, this.showProgress = !1, this.noAnimation = !1, this.showBackButton = !1, this.progressWidth = 0, this.title = \"\", this.params = \"\", this.closed = !0, this.size = \"medium\";\n }\n back() {\n const n = new CustomEvent(\"back\", { bubbles: !0, composed: !0 });\n this.dispatchEvent(n);\n }\n close() {\n const n = y.getActiveParams(this.params);\n v.removeQueryParams([y.queryParamKey, ...n]);\n const t = new CustomEvent(\"close\", { bubbles: !0, composed: !0 });\n this.dispatchEvent(t);\n }\n get cssClasses() {\n return [\n \"pdk-self-service-panel\",\n `pdk-self-service-panel--${this.size}`,\n !this.closed && this.show && \"pdk-self-service-panel--show\",\n this.show && \"pdk-self-service-panel--showing\",\n this.fullscreen && \"pdk-self-service-panel--fullscreen\",\n !this.noAnimation && \"pdk-self-service-panel--animate\"\n ].filter(Boolean).join(\" \");\n }\n get backdropCssClasses() {\n return [\n \"pdk-self-service-panel__backdrop\",\n !this.closed && this.show && \"pdk-self-service-panel__backdrop--show\",\n this.show && \"pdk-self-service-panel__backdrop--showing\",\n \"pdk-self-service-panel--animate\"\n ].filter(Boolean).join(\" \");\n }\n get progressStyle() {\n return [\n this.progressWidth > 0 && `--progress-bar-fill-width: ${this.progressWidth}%`\n ].filter(Boolean).join(\" \");\n }\n get progressFillCssClasses() {\n return [\n \"pdk-self-service-panel__progress-fill\",\n this.progressWidth >= 100 && \"pdk-self-service-panel__progress-fill-completed\"\n ].filter(Boolean).join(\" \");\n }\n render() {\n const n = { \"pdk-self-service-panel__header-with-progress\": this.showProgress };\n return ot`\n