@telia-ace/widget-core-flamingo 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
package/index.mjs ADDED
@@ -0,0 +1,2707 @@
1
+ var gt = function(s, t) {
2
+ return gt = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, i) {
3
+ e.__proto__ = i;
4
+ } || function(e, i) {
5
+ for (var r in i)
6
+ Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
7
+ }, gt(s, t);
8
+ };
9
+ function z(s, t) {
10
+ if (typeof t != "function" && t !== null)
11
+ throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
12
+ gt(s, t);
13
+ function e() {
14
+ this.constructor = s;
15
+ }
16
+ s.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
17
+ }
18
+ function mt(s) {
19
+ var t = typeof Symbol == "function" && Symbol.iterator, e = t && s[t], i = 0;
20
+ if (e)
21
+ return e.call(s);
22
+ if (s && typeof s.length == "number")
23
+ return {
24
+ next: function() {
25
+ return s && i >= s.length && (s = void 0), { value: s && s[i++], done: !s };
26
+ }
27
+ };
28
+ throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
29
+ }
30
+ function G(s, t) {
31
+ var e = typeof Symbol == "function" && s[Symbol.iterator];
32
+ if (!e)
33
+ return s;
34
+ var i = e.call(s), r, n = [], o;
35
+ try {
36
+ for (; (t === void 0 || t-- > 0) && !(r = i.next()).done; )
37
+ n.push(r.value);
38
+ } catch (a) {
39
+ o = { error: a };
40
+ } finally {
41
+ try {
42
+ r && !r.done && (e = i.return) && e.call(i);
43
+ } finally {
44
+ if (o)
45
+ throw o.error;
46
+ }
47
+ }
48
+ return n;
49
+ }
50
+ function J(s, t, e) {
51
+ if (e || arguments.length === 2)
52
+ for (var i = 0, r = t.length, n; i < r; i++)
53
+ (n || !(i in t)) && (n || (n = Array.prototype.slice.call(t, 0, i)), n[i] = t[i]);
54
+ return s.concat(n || Array.prototype.slice.call(t));
55
+ }
56
+ function $(s) {
57
+ return typeof s == "function";
58
+ }
59
+ function Qt(s) {
60
+ var t = function(i) {
61
+ Error.call(i), i.stack = new Error().stack;
62
+ }, e = s(t);
63
+ return e.prototype = Object.create(Error.prototype), e.prototype.constructor = e, e;
64
+ }
65
+ var ot = Qt(function(s) {
66
+ return function(e) {
67
+ s(this), this.message = e ? e.length + ` errors occurred during unsubscription:
68
+ ` + e.map(function(i, r) {
69
+ return r + 1 + ") " + i.toString();
70
+ }).join(`
71
+ `) : "", this.name = "UnsubscriptionError", this.errors = e;
72
+ };
73
+ });
74
+ function vt(s, t) {
75
+ if (s) {
76
+ var e = s.indexOf(t);
77
+ 0 <= e && s.splice(e, 1);
78
+ }
79
+ }
80
+ var it = function() {
81
+ function s(t) {
82
+ this.initialTeardown = t, this.closed = !1, this._parentage = null, this._finalizers = null;
83
+ }
84
+ return s.prototype.unsubscribe = function() {
85
+ var t, e, i, r, n;
86
+ if (!this.closed) {
87
+ this.closed = !0;
88
+ var o = this._parentage;
89
+ if (o)
90
+ if (this._parentage = null, Array.isArray(o))
91
+ try {
92
+ for (var a = mt(o), c = a.next(); !c.done; c = a.next()) {
93
+ var h = c.value;
94
+ h.remove(this);
95
+ }
96
+ } catch (v) {
97
+ t = { error: v };
98
+ } finally {
99
+ try {
100
+ c && !c.done && (e = a.return) && e.call(a);
101
+ } finally {
102
+ if (t)
103
+ throw t.error;
104
+ }
105
+ }
106
+ else
107
+ o.remove(this);
108
+ var l = this.initialTeardown;
109
+ if ($(l))
110
+ try {
111
+ l();
112
+ } catch (v) {
113
+ n = v instanceof ot ? v.errors : [v];
114
+ }
115
+ var p = this._finalizers;
116
+ if (p) {
117
+ this._finalizers = null;
118
+ try {
119
+ for (var f = mt(p), u = f.next(); !u.done; u = f.next()) {
120
+ var g = u.value;
121
+ try {
122
+ Pt(g);
123
+ } catch (v) {
124
+ n = n ?? [], v instanceof ot ? n = J(J([], G(n)), G(v.errors)) : n.push(v);
125
+ }
126
+ }
127
+ } catch (v) {
128
+ i = { error: v };
129
+ } finally {
130
+ try {
131
+ u && !u.done && (r = f.return) && r.call(f);
132
+ } finally {
133
+ if (i)
134
+ throw i.error;
135
+ }
136
+ }
137
+ }
138
+ if (n)
139
+ throw new ot(n);
140
+ }
141
+ }, s.prototype.add = function(t) {
142
+ var e;
143
+ if (t && t !== this)
144
+ if (this.closed)
145
+ Pt(t);
146
+ else {
147
+ if (t instanceof s) {
148
+ if (t.closed || t._hasParent(this))
149
+ return;
150
+ t._addParent(this);
151
+ }
152
+ (this._finalizers = (e = this._finalizers) !== null && e !== void 0 ? e : []).push(t);
153
+ }
154
+ }, s.prototype._hasParent = function(t) {
155
+ var e = this._parentage;
156
+ return e === t || Array.isArray(e) && e.includes(t);
157
+ }, s.prototype._addParent = function(t) {
158
+ var e = this._parentage;
159
+ this._parentage = Array.isArray(e) ? (e.push(t), e) : e ? [e, t] : t;
160
+ }, s.prototype._removeParent = function(t) {
161
+ var e = this._parentage;
162
+ e === t ? this._parentage = null : Array.isArray(e) && vt(e, t);
163
+ }, s.prototype.remove = function(t) {
164
+ var e = this._finalizers;
165
+ e && vt(e, t), t instanceof s && t._removeParent(this);
166
+ }, s.EMPTY = function() {
167
+ var t = new s();
168
+ return t.closed = !0, t;
169
+ }(), s;
170
+ }(), te = it.EMPTY;
171
+ function ee(s) {
172
+ return s instanceof it || s && "closed" in s && $(s.remove) && $(s.add) && $(s.unsubscribe);
173
+ }
174
+ function Pt(s) {
175
+ $(s) ? s() : s.unsubscribe();
176
+ }
177
+ var ie = {
178
+ onUnhandledError: null,
179
+ onStoppedNotification: null,
180
+ Promise: void 0,
181
+ useDeprecatedSynchronousErrorHandling: !1,
182
+ useDeprecatedNextContext: !1
183
+ }, yt = {
184
+ setTimeout: function(s, t) {
185
+ for (var e = [], i = 2; i < arguments.length; i++)
186
+ e[i - 2] = arguments[i];
187
+ var r = yt.delegate;
188
+ return r != null && r.setTimeout ? r.setTimeout.apply(r, J([s, t], G(e))) : setTimeout.apply(void 0, J([s, t], G(e)));
189
+ },
190
+ clearTimeout: function(s) {
191
+ var t = yt.delegate;
192
+ return ((t == null ? void 0 : t.clearTimeout) || clearTimeout)(s);
193
+ },
194
+ delegate: void 0
195
+ };
196
+ function we(s) {
197
+ yt.setTimeout(function() {
198
+ throw s;
199
+ });
200
+ }
201
+ function Ot() {
202
+ }
203
+ function K(s) {
204
+ s();
205
+ }
206
+ var se = function(s) {
207
+ z(t, s);
208
+ function t(e) {
209
+ var i = s.call(this) || this;
210
+ return i.isStopped = !1, e ? (i.destination = e, ee(e) && e.add(i)) : i.destination = Ce, i;
211
+ }
212
+ return t.create = function(e, i, r) {
213
+ return new bt(e, i, r);
214
+ }, t.prototype.next = function(e) {
215
+ this.isStopped || this._next(e);
216
+ }, t.prototype.error = function(e) {
217
+ this.isStopped || (this.isStopped = !0, this._error(e));
218
+ }, t.prototype.complete = function() {
219
+ this.isStopped || (this.isStopped = !0, this._complete());
220
+ }, t.prototype.unsubscribe = function() {
221
+ this.closed || (this.isStopped = !0, s.prototype.unsubscribe.call(this), this.destination = null);
222
+ }, t.prototype._next = function(e) {
223
+ this.destination.next(e);
224
+ }, t.prototype._error = function(e) {
225
+ try {
226
+ this.destination.error(e);
227
+ } finally {
228
+ this.unsubscribe();
229
+ }
230
+ }, t.prototype._complete = function() {
231
+ try {
232
+ this.destination.complete();
233
+ } finally {
234
+ this.unsubscribe();
235
+ }
236
+ }, t;
237
+ }(it), _e = Function.prototype.bind;
238
+ function at(s, t) {
239
+ return _e.call(s, t);
240
+ }
241
+ var Ae = function() {
242
+ function s(t) {
243
+ this.partialObserver = t;
244
+ }
245
+ return s.prototype.next = function(t) {
246
+ var e = this.partialObserver;
247
+ if (e.next)
248
+ try {
249
+ e.next(t);
250
+ } catch (i) {
251
+ Y(i);
252
+ }
253
+ }, s.prototype.error = function(t) {
254
+ var e = this.partialObserver;
255
+ if (e.error)
256
+ try {
257
+ e.error(t);
258
+ } catch (i) {
259
+ Y(i);
260
+ }
261
+ else
262
+ Y(t);
263
+ }, s.prototype.complete = function() {
264
+ var t = this.partialObserver;
265
+ if (t.complete)
266
+ try {
267
+ t.complete();
268
+ } catch (e) {
269
+ Y(e);
270
+ }
271
+ }, s;
272
+ }(), bt = function(s) {
273
+ z(t, s);
274
+ function t(e, i, r) {
275
+ var n = s.call(this) || this, o;
276
+ if ($(e) || !e)
277
+ o = {
278
+ next: e ?? void 0,
279
+ error: i ?? void 0,
280
+ complete: r ?? void 0
281
+ };
282
+ else {
283
+ var a;
284
+ n && ie.useDeprecatedNextContext ? (a = Object.create(e), a.unsubscribe = function() {
285
+ return n.unsubscribe();
286
+ }, o = {
287
+ next: e.next && at(e.next, a),
288
+ error: e.error && at(e.error, a),
289
+ complete: e.complete && at(e.complete, a)
290
+ }) : o = e;
291
+ }
292
+ return n.destination = new Ae(o), n;
293
+ }
294
+ return t;
295
+ }(se);
296
+ function Y(s) {
297
+ we(s);
298
+ }
299
+ function xe(s) {
300
+ throw s;
301
+ }
302
+ var Ce = {
303
+ closed: !0,
304
+ next: Ot,
305
+ error: xe,
306
+ complete: Ot
307
+ }, Se = function() {
308
+ return typeof Symbol == "function" && Symbol.observable || "@@observable";
309
+ }();
310
+ function Ee(s) {
311
+ return s;
312
+ }
313
+ function Pe(s) {
314
+ return s.length === 0 ? Ee : s.length === 1 ? s[0] : function(e) {
315
+ return s.reduce(function(i, r) {
316
+ return r(i);
317
+ }, e);
318
+ };
319
+ }
320
+ var Tt = function() {
321
+ function s(t) {
322
+ t && (this._subscribe = t);
323
+ }
324
+ return s.prototype.lift = function(t) {
325
+ var e = new s();
326
+ return e.source = this, e.operator = t, e;
327
+ }, s.prototype.subscribe = function(t, e, i) {
328
+ var r = this, n = Te(t) ? t : new bt(t, e, i);
329
+ return K(function() {
330
+ var o = r, a = o.operator, c = o.source;
331
+ n.add(a ? a.call(n, c) : c ? r._subscribe(n) : r._trySubscribe(n));
332
+ }), n;
333
+ }, s.prototype._trySubscribe = function(t) {
334
+ try {
335
+ return this._subscribe(t);
336
+ } catch (e) {
337
+ t.error(e);
338
+ }
339
+ }, s.prototype.forEach = function(t, e) {
340
+ var i = this;
341
+ return e = It(e), new e(function(r, n) {
342
+ var o = new bt({
343
+ next: function(a) {
344
+ try {
345
+ t(a);
346
+ } catch (c) {
347
+ n(c), o.unsubscribe();
348
+ }
349
+ },
350
+ error: n,
351
+ complete: r
352
+ });
353
+ i.subscribe(o);
354
+ });
355
+ }, s.prototype._subscribe = function(t) {
356
+ var e;
357
+ return (e = this.source) === null || e === void 0 ? void 0 : e.subscribe(t);
358
+ }, s.prototype[Se] = function() {
359
+ return this;
360
+ }, s.prototype.pipe = function() {
361
+ for (var t = [], e = 0; e < arguments.length; e++)
362
+ t[e] = arguments[e];
363
+ return Pe(t)(this);
364
+ }, s.prototype.toPromise = function(t) {
365
+ var e = this;
366
+ return t = It(t), new t(function(i, r) {
367
+ var n;
368
+ e.subscribe(function(o) {
369
+ return n = o;
370
+ }, function(o) {
371
+ return r(o);
372
+ }, function() {
373
+ return i(n);
374
+ });
375
+ });
376
+ }, s.create = function(t) {
377
+ return new s(t);
378
+ }, s;
379
+ }();
380
+ function It(s) {
381
+ var t;
382
+ return (t = s ?? ie.Promise) !== null && t !== void 0 ? t : Promise;
383
+ }
384
+ function Oe(s) {
385
+ return s && $(s.next) && $(s.error) && $(s.complete);
386
+ }
387
+ function Te(s) {
388
+ return s && s instanceof se || Oe(s) && ee(s);
389
+ }
390
+ var Ie = Qt(function(s) {
391
+ return function() {
392
+ s(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
393
+ };
394
+ }), $t = function(s) {
395
+ z(t, s);
396
+ function t() {
397
+ var e = s.call(this) || this;
398
+ return e.closed = !1, e.currentObservers = null, e.observers = [], e.isStopped = !1, e.hasError = !1, e.thrownError = null, e;
399
+ }
400
+ return t.prototype.lift = function(e) {
401
+ var i = new Rt(this, this);
402
+ return i.operator = e, i;
403
+ }, t.prototype._throwIfClosed = function() {
404
+ if (this.closed)
405
+ throw new Ie();
406
+ }, t.prototype.next = function(e) {
407
+ var i = this;
408
+ K(function() {
409
+ var r, n;
410
+ if (i._throwIfClosed(), !i.isStopped) {
411
+ i.currentObservers || (i.currentObservers = Array.from(i.observers));
412
+ try {
413
+ for (var o = mt(i.currentObservers), a = o.next(); !a.done; a = o.next()) {
414
+ var c = a.value;
415
+ c.next(e);
416
+ }
417
+ } catch (h) {
418
+ r = { error: h };
419
+ } finally {
420
+ try {
421
+ a && !a.done && (n = o.return) && n.call(o);
422
+ } finally {
423
+ if (r)
424
+ throw r.error;
425
+ }
426
+ }
427
+ }
428
+ });
429
+ }, t.prototype.error = function(e) {
430
+ var i = this;
431
+ K(function() {
432
+ if (i._throwIfClosed(), !i.isStopped) {
433
+ i.hasError = i.isStopped = !0, i.thrownError = e;
434
+ for (var r = i.observers; r.length; )
435
+ r.shift().error(e);
436
+ }
437
+ });
438
+ }, t.prototype.complete = function() {
439
+ var e = this;
440
+ K(function() {
441
+ if (e._throwIfClosed(), !e.isStopped) {
442
+ e.isStopped = !0;
443
+ for (var i = e.observers; i.length; )
444
+ i.shift().complete();
445
+ }
446
+ });
447
+ }, t.prototype.unsubscribe = function() {
448
+ this.isStopped = this.closed = !0, this.observers = this.currentObservers = null;
449
+ }, Object.defineProperty(t.prototype, "observed", {
450
+ get: function() {
451
+ var e;
452
+ return ((e = this.observers) === null || e === void 0 ? void 0 : e.length) > 0;
453
+ },
454
+ enumerable: !1,
455
+ configurable: !0
456
+ }), t.prototype._trySubscribe = function(e) {
457
+ return this._throwIfClosed(), s.prototype._trySubscribe.call(this, e);
458
+ }, t.prototype._subscribe = function(e) {
459
+ return this._throwIfClosed(), this._checkFinalizedStatuses(e), this._innerSubscribe(e);
460
+ }, t.prototype._innerSubscribe = function(e) {
461
+ var i = this, r = this, n = r.hasError, o = r.isStopped, a = r.observers;
462
+ return n || o ? te : (this.currentObservers = null, a.push(e), new it(function() {
463
+ i.currentObservers = null, vt(a, e);
464
+ }));
465
+ }, t.prototype._checkFinalizedStatuses = function(e) {
466
+ var i = this, r = i.hasError, n = i.thrownError, o = i.isStopped;
467
+ r ? e.error(n) : o && e.complete();
468
+ }, t.prototype.asObservable = function() {
469
+ var e = new Tt();
470
+ return e.source = this, e;
471
+ }, t.create = function(e, i) {
472
+ return new Rt(e, i);
473
+ }, t;
474
+ }(Tt), Rt = function(s) {
475
+ z(t, s);
476
+ function t(e, i) {
477
+ var r = s.call(this) || this;
478
+ return r.destination = e, r.source = i, r;
479
+ }
480
+ return t.prototype.next = function(e) {
481
+ var i, r;
482
+ (r = (i = this.destination) === null || i === void 0 ? void 0 : i.next) === null || r === void 0 || r.call(i, e);
483
+ }, t.prototype.error = function(e) {
484
+ var i, r;
485
+ (r = (i = this.destination) === null || i === void 0 ? void 0 : i.error) === null || r === void 0 || r.call(i, e);
486
+ }, t.prototype.complete = function() {
487
+ var e, i;
488
+ (i = (e = this.destination) === null || e === void 0 ? void 0 : e.complete) === null || i === void 0 || i.call(e);
489
+ }, t.prototype._subscribe = function(e) {
490
+ var i, r;
491
+ return (r = (i = this.source) === null || i === void 0 ? void 0 : i.subscribe(e)) !== null && r !== void 0 ? r : te;
492
+ }, t;
493
+ }($t), re = function(s) {
494
+ z(t, s);
495
+ function t(e) {
496
+ var i = s.call(this) || this;
497
+ return i._value = e, i;
498
+ }
499
+ return Object.defineProperty(t.prototype, "value", {
500
+ get: function() {
501
+ return this.getValue();
502
+ },
503
+ enumerable: !1,
504
+ configurable: !0
505
+ }), t.prototype._subscribe = function(e) {
506
+ var i = s.prototype._subscribe.call(this, e);
507
+ return !i.closed && e.next(this._value), i;
508
+ }, t.prototype.getValue = function() {
509
+ var e = this, i = e.hasError, r = e.thrownError, n = e._value;
510
+ if (i)
511
+ throw r;
512
+ return this._throwIfClosed(), n;
513
+ }, t.prototype.next = function(e) {
514
+ s.prototype.next.call(this, this._value = e);
515
+ }, t;
516
+ }($t), ne = /* @__PURE__ */ ((s) => (s.Loading = "loading", s.Ready = "ready", s))(ne || {});
517
+ class Nt {
518
+ constructor(t, e) {
519
+ this.state = new re(
520
+ "loading"
521
+ /* Loading */
522
+ ), this.resolvers = /* @__PURE__ */ new Map(), this.name = t, this.environment = e, this.state.next(
523
+ "ready"
524
+ /* Ready */
525
+ );
526
+ }
527
+ setState(t) {
528
+ this.state.next(t);
529
+ }
530
+ async register(t, e) {
531
+ this.resolvers.set(t, e);
532
+ }
533
+ async get(t) {
534
+ return this.resolvers.get(t);
535
+ }
536
+ }
537
+ /**
538
+ * @license
539
+ * Copyright 2019 Google LLC
540
+ * SPDX-License-Identifier: BSD-3-Clause
541
+ */
542
+ const Z = globalThis, wt = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, _t = Symbol(), Ut = /* @__PURE__ */ new WeakMap();
543
+ let oe = class {
544
+ constructor(t, e, i) {
545
+ if (this._$cssResult$ = !0, i !== _t)
546
+ throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
547
+ this.cssText = t, this.t = e;
548
+ }
549
+ get styleSheet() {
550
+ let t = this.o;
551
+ const e = this.t;
552
+ if (wt && t === void 0) {
553
+ const i = e !== void 0 && e.length === 1;
554
+ i && (t = Ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Ut.set(e, t));
555
+ }
556
+ return t;
557
+ }
558
+ toString() {
559
+ return this.cssText;
560
+ }
561
+ };
562
+ const Re = (s) => new oe(typeof s == "string" ? s : s + "", void 0, _t), N = (s, ...t) => {
563
+ const e = s.length === 1 ? s[0] : t.reduce((i, r, n) => i + ((o) => {
564
+ if (o._$cssResult$ === !0)
565
+ return o.cssText;
566
+ if (typeof o == "number")
567
+ return o;
568
+ 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.");
569
+ })(r) + s[n + 1], s[0]);
570
+ return new oe(e, s, _t);
571
+ }, Ne = (s, t) => {
572
+ if (wt)
573
+ s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
574
+ else
575
+ for (const e of t) {
576
+ const i = document.createElement("style"), r = Z.litNonce;
577
+ r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
578
+ }
579
+ }, kt = wt ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
580
+ let e = "";
581
+ for (const i of t.cssRules)
582
+ e += i.cssText;
583
+ return Re(e);
584
+ })(s) : s;
585
+ /**
586
+ * @license
587
+ * Copyright 2017 Google LLC
588
+ * SPDX-License-Identifier: BSD-3-Clause
589
+ */
590
+ const { is: Ue, defineProperty: ke, getOwnPropertyDescriptor: je, getOwnPropertyNames: Me, getOwnPropertySymbols: He, getPrototypeOf: Le } = Object, x = globalThis, jt = x.trustedTypes, De = jt ? jt.emptyScript : "", ct = x.reactiveElementPolyfillSupport, j = (s, t) => s, X = { toAttribute(s, t) {
591
+ switch (t) {
592
+ case Boolean:
593
+ s = s ? De : null;
594
+ break;
595
+ case Object:
596
+ case Array:
597
+ s = s == null ? s : JSON.stringify(s);
598
+ }
599
+ return s;
600
+ }, fromAttribute(s, t) {
601
+ let e = s;
602
+ switch (t) {
603
+ case Boolean:
604
+ e = s !== null;
605
+ break;
606
+ case Number:
607
+ e = s === null ? null : Number(s);
608
+ break;
609
+ case Object:
610
+ case Array:
611
+ try {
612
+ e = JSON.parse(s);
613
+ } catch {
614
+ e = null;
615
+ }
616
+ }
617
+ return e;
618
+ } }, At = (s, t) => !Ue(s, t), Mt = { attribute: !0, type: String, converter: X, reflect: !1, hasChanged: At };
619
+ Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), x.litPropertyMetadata ?? (x.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
620
+ let T = class extends HTMLElement {
621
+ static addInitializer(t) {
622
+ this._$Ei(), (this.l ?? (this.l = [])).push(t);
623
+ }
624
+ static get observedAttributes() {
625
+ return this.finalize(), this._$Eh && [...this._$Eh.keys()];
626
+ }
627
+ static createProperty(t, e = Mt) {
628
+ if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
629
+ const i = Symbol(), r = this.getPropertyDescriptor(t, i, e);
630
+ r !== void 0 && ke(this.prototype, t, r);
631
+ }
632
+ }
633
+ static getPropertyDescriptor(t, e, i) {
634
+ const { get: r, set: n } = je(this.prototype, t) ?? { get() {
635
+ return this[e];
636
+ }, set(o) {
637
+ this[e] = o;
638
+ } };
639
+ return { get() {
640
+ return r == null ? void 0 : r.call(this);
641
+ }, set(o) {
642
+ const a = r == null ? void 0 : r.call(this);
643
+ n.call(this, o), this.requestUpdate(t, a, i);
644
+ }, configurable: !0, enumerable: !0 };
645
+ }
646
+ static getPropertyOptions(t) {
647
+ return this.elementProperties.get(t) ?? Mt;
648
+ }
649
+ static _$Ei() {
650
+ if (this.hasOwnProperty(j("elementProperties")))
651
+ return;
652
+ const t = Le(this);
653
+ t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
654
+ }
655
+ static finalize() {
656
+ if (this.hasOwnProperty(j("finalized")))
657
+ return;
658
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(j("properties"))) {
659
+ const e = this.properties, i = [...Me(e), ...He(e)];
660
+ for (const r of i)
661
+ this.createProperty(r, e[r]);
662
+ }
663
+ const t = this[Symbol.metadata];
664
+ if (t !== null) {
665
+ const e = litPropertyMetadata.get(t);
666
+ if (e !== void 0)
667
+ for (const [i, r] of e)
668
+ this.elementProperties.set(i, r);
669
+ }
670
+ this._$Eh = /* @__PURE__ */ new Map();
671
+ for (const [e, i] of this.elementProperties) {
672
+ const r = this._$Eu(e, i);
673
+ r !== void 0 && this._$Eh.set(r, e);
674
+ }
675
+ this.elementStyles = this.finalizeStyles(this.styles);
676
+ }
677
+ static finalizeStyles(t) {
678
+ const e = [];
679
+ if (Array.isArray(t)) {
680
+ const i = new Set(t.flat(1 / 0).reverse());
681
+ for (const r of i)
682
+ e.unshift(kt(r));
683
+ } else
684
+ t !== void 0 && e.push(kt(t));
685
+ return e;
686
+ }
687
+ static _$Eu(t, e) {
688
+ const i = e.attribute;
689
+ return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
690
+ }
691
+ constructor() {
692
+ super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
693
+ }
694
+ _$Ev() {
695
+ var t;
696
+ 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));
697
+ }
698
+ addController(t) {
699
+ var e;
700
+ (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
701
+ }
702
+ removeController(t) {
703
+ var e;
704
+ (e = this._$EO) == null || e.delete(t);
705
+ }
706
+ _$E_() {
707
+ const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
708
+ for (const i of e.keys())
709
+ this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
710
+ t.size > 0 && (this._$Ep = t);
711
+ }
712
+ createRenderRoot() {
713
+ const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
714
+ return Ne(t, this.constructor.elementStyles), t;
715
+ }
716
+ connectedCallback() {
717
+ var t;
718
+ this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
719
+ var i;
720
+ return (i = e.hostConnected) == null ? void 0 : i.call(e);
721
+ });
722
+ }
723
+ enableUpdating(t) {
724
+ }
725
+ disconnectedCallback() {
726
+ var t;
727
+ (t = this._$EO) == null || t.forEach((e) => {
728
+ var i;
729
+ return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
730
+ });
731
+ }
732
+ attributeChangedCallback(t, e, i) {
733
+ this._$AK(t, i);
734
+ }
735
+ _$EC(t, e) {
736
+ var n;
737
+ const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
738
+ if (r !== void 0 && i.reflect === !0) {
739
+ const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : X).toAttribute(e, i.type);
740
+ this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
741
+ }
742
+ }
743
+ _$AK(t, e) {
744
+ var n;
745
+ const i = this.constructor, r = i._$Eh.get(t);
746
+ if (r !== void 0 && this._$Em !== r) {
747
+ const o = i.getPropertyOptions(r), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : X;
748
+ this._$Em = r, this[r] = a.fromAttribute(e, o.type), this._$Em = null;
749
+ }
750
+ }
751
+ requestUpdate(t, e, i) {
752
+ if (t !== void 0) {
753
+ if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? At)(this[t], e))
754
+ return;
755
+ this.P(t, e, i);
756
+ }
757
+ this.isUpdatePending === !1 && (this._$ES = this._$ET());
758
+ }
759
+ P(t, e, i) {
760
+ this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
761
+ }
762
+ async _$ET() {
763
+ this.isUpdatePending = !0;
764
+ try {
765
+ await this._$ES;
766
+ } catch (e) {
767
+ Promise.reject(e);
768
+ }
769
+ const t = this.scheduleUpdate();
770
+ return t != null && await t, !this.isUpdatePending;
771
+ }
772
+ scheduleUpdate() {
773
+ return this.performUpdate();
774
+ }
775
+ performUpdate() {
776
+ var i;
777
+ if (!this.isUpdatePending)
778
+ return;
779
+ if (!this.hasUpdated) {
780
+ if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
781
+ for (const [n, o] of this._$Ep)
782
+ this[n] = o;
783
+ this._$Ep = void 0;
784
+ }
785
+ const r = this.constructor.elementProperties;
786
+ if (r.size > 0)
787
+ for (const [n, o] of r)
788
+ o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], o);
789
+ }
790
+ let t = !1;
791
+ const e = this._$AL;
792
+ try {
793
+ t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((r) => {
794
+ var n;
795
+ return (n = r.hostUpdate) == null ? void 0 : n.call(r);
796
+ }), this.update(e)) : this._$EU();
797
+ } catch (r) {
798
+ throw t = !1, this._$EU(), r;
799
+ }
800
+ t && this._$AE(e);
801
+ }
802
+ willUpdate(t) {
803
+ }
804
+ _$AE(t) {
805
+ var e;
806
+ (e = this._$EO) == null || e.forEach((i) => {
807
+ var r;
808
+ return (r = i.hostUpdated) == null ? void 0 : r.call(i);
809
+ }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
810
+ }
811
+ _$EU() {
812
+ this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
813
+ }
814
+ get updateComplete() {
815
+ return this.getUpdateComplete();
816
+ }
817
+ getUpdateComplete() {
818
+ return this._$ES;
819
+ }
820
+ shouldUpdate(t) {
821
+ return !0;
822
+ }
823
+ update(t) {
824
+ this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
825
+ }
826
+ updated(t) {
827
+ }
828
+ firstUpdated(t) {
829
+ }
830
+ };
831
+ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[j("elementProperties")] = /* @__PURE__ */ new Map(), T[j("finalized")] = /* @__PURE__ */ new Map(), ct == null || ct({ ReactiveElement: T }), (x.reactiveElementVersions ?? (x.reactiveElementVersions = [])).push("2.0.4");
832
+ /**
833
+ * @license
834
+ * Copyright 2017 Google LLC
835
+ * SPDX-License-Identifier: BSD-3-Clause
836
+ */
837
+ const M = globalThis, Q = M.trustedTypes, Ht = Q ? Q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, ae = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, ce = "?" + A, Be = `<${ce}>`, P = document, L = () => P.createComment(""), D = (s) => s === null || typeof s != "object" && typeof s != "function", he = Array.isArray, ze = (s) => he(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", ht = `[
838
+ \f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Lt = /-->/g, Dt = />/g, C = RegExp(`>|${ht}(?:([^\\s"'>=/]+)(${ht}*=${ht}*(?:[^
839
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), Bt = /'/g, zt = /"/g, le = /^(?:script|style|textarea|title)$/i, We = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), I = We(1), O = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), Wt = /* @__PURE__ */ new WeakMap(), E = P.createTreeWalker(P, 129);
840
+ function pe(s, t) {
841
+ if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
842
+ throw Error("invalid template strings array");
843
+ return Ht !== void 0 ? Ht.createHTML(t) : t;
844
+ }
845
+ const Fe = (s, t) => {
846
+ const e = s.length - 1, i = [];
847
+ let r, n = t === 2 ? "<svg>" : "", o = k;
848
+ for (let a = 0; a < e; a++) {
849
+ const c = s[a];
850
+ let h, l, p = -1, f = 0;
851
+ for (; f < c.length && (o.lastIndex = f, l = o.exec(c), l !== null); )
852
+ f = o.lastIndex, o === k ? l[1] === "!--" ? o = Lt : l[1] !== void 0 ? o = Dt : l[2] !== void 0 ? (le.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = C) : l[3] !== void 0 && (o = C) : o === C ? l[0] === ">" ? (o = r ?? k, p = -1) : l[1] === void 0 ? p = -2 : (p = o.lastIndex - l[2].length, h = l[1], o = l[3] === void 0 ? C : l[3] === '"' ? zt : Bt) : o === zt || o === Bt ? o = C : o === Lt || o === Dt ? o = k : (o = C, r = void 0);
853
+ const u = o === C && s[a + 1].startsWith("/>") ? " " : "";
854
+ n += o === k ? c + Be : p >= 0 ? (i.push(h), c.slice(0, p) + ae + c.slice(p) + A + u) : c + A + (p === -2 ? a : u);
855
+ }
856
+ return [pe(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
857
+ };
858
+ class B {
859
+ constructor({ strings: t, _$litType$: e }, i) {
860
+ let r;
861
+ this.parts = [];
862
+ let n = 0, o = 0;
863
+ const a = t.length - 1, c = this.parts, [h, l] = Fe(t, e);
864
+ if (this.el = B.createElement(h, i), E.currentNode = this.el.content, e === 2) {
865
+ const p = this.el.content.firstChild;
866
+ p.replaceWith(...p.childNodes);
867
+ }
868
+ for (; (r = E.nextNode()) !== null && c.length < a; ) {
869
+ if (r.nodeType === 1) {
870
+ if (r.hasAttributes())
871
+ for (const p of r.getAttributeNames())
872
+ if (p.endsWith(ae)) {
873
+ const f = l[o++], u = r.getAttribute(p).split(A), g = /([.?@])?(.*)/.exec(f);
874
+ c.push({ type: 1, index: n, name: g[2], strings: u, ctor: g[1] === "." ? Ye : g[1] === "?" ? qe : g[1] === "@" ? Ke : st }), r.removeAttribute(p);
875
+ } else
876
+ p.startsWith(A) && (c.push({ type: 6, index: n }), r.removeAttribute(p));
877
+ if (le.test(r.tagName)) {
878
+ const p = r.textContent.split(A), f = p.length - 1;
879
+ if (f > 0) {
880
+ r.textContent = Q ? Q.emptyScript : "";
881
+ for (let u = 0; u < f; u++)
882
+ r.append(p[u], L()), E.nextNode(), c.push({ type: 2, index: ++n });
883
+ r.append(p[f], L());
884
+ }
885
+ }
886
+ } else if (r.nodeType === 8)
887
+ if (r.data === ce)
888
+ c.push({ type: 2, index: n });
889
+ else {
890
+ let p = -1;
891
+ for (; (p = r.data.indexOf(A, p + 1)) !== -1; )
892
+ c.push({ type: 7, index: n }), p += A.length - 1;
893
+ }
894
+ n++;
895
+ }
896
+ }
897
+ static createElement(t, e) {
898
+ const i = P.createElement("template");
899
+ return i.innerHTML = t, i;
900
+ }
901
+ }
902
+ function R(s, t, e = s, i) {
903
+ var o, a;
904
+ if (t === O)
905
+ return t;
906
+ let r = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
907
+ const n = D(t) ? void 0 : t._$litDirective$;
908
+ return (r == null ? void 0 : r.constructor) !== n && ((a = r == null ? void 0 : r._$AO) == null || a.call(r, !1), n === void 0 ? r = void 0 : (r = new n(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = r : e._$Cl = r), r !== void 0 && (t = R(s, r._$AS(s, t.values), r, i)), t;
909
+ }
910
+ class Ve {
911
+ constructor(t, e) {
912
+ this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
913
+ }
914
+ get parentNode() {
915
+ return this._$AM.parentNode;
916
+ }
917
+ get _$AU() {
918
+ return this._$AM._$AU;
919
+ }
920
+ u(t) {
921
+ const { el: { content: e }, parts: i } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? P).importNode(e, !0);
922
+ E.currentNode = r;
923
+ let n = E.nextNode(), o = 0, a = 0, c = i[0];
924
+ for (; c !== void 0; ) {
925
+ if (o === c.index) {
926
+ let h;
927
+ c.type === 2 ? h = new W(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new Ze(n, this, t)), this._$AV.push(h), c = i[++a];
928
+ }
929
+ o !== (c == null ? void 0 : c.index) && (n = E.nextNode(), o++);
930
+ }
931
+ return E.currentNode = P, r;
932
+ }
933
+ p(t) {
934
+ let e = 0;
935
+ for (const i of this._$AV)
936
+ i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
937
+ }
938
+ }
939
+ class W {
940
+ get _$AU() {
941
+ var t;
942
+ return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
943
+ }
944
+ constructor(t, e, i, r) {
945
+ this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
946
+ }
947
+ get parentNode() {
948
+ let t = this._$AA.parentNode;
949
+ const e = this._$AM;
950
+ return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
951
+ }
952
+ get startNode() {
953
+ return this._$AA;
954
+ }
955
+ get endNode() {
956
+ return this._$AB;
957
+ }
958
+ _$AI(t, e = this) {
959
+ t = R(this, t, e), D(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== O && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ze(t) ? this.k(t) : this._(t);
960
+ }
961
+ S(t) {
962
+ return this._$AA.parentNode.insertBefore(t, this._$AB);
963
+ }
964
+ T(t) {
965
+ this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
966
+ }
967
+ _(t) {
968
+ this._$AH !== d && D(this._$AH) ? this._$AA.nextSibling.data = t : this.T(P.createTextNode(t)), this._$AH = t;
969
+ }
970
+ $(t) {
971
+ var n;
972
+ const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = B.createElement(pe(i.h, i.h[0]), this.options)), i);
973
+ if (((n = this._$AH) == null ? void 0 : n._$AD) === r)
974
+ this._$AH.p(e);
975
+ else {
976
+ const o = new Ve(r, this), a = o.u(this.options);
977
+ o.p(e), this.T(a), this._$AH = o;
978
+ }
979
+ }
980
+ _$AC(t) {
981
+ let e = Wt.get(t.strings);
982
+ return e === void 0 && Wt.set(t.strings, e = new B(t)), e;
983
+ }
984
+ k(t) {
985
+ he(this._$AH) || (this._$AH = [], this._$AR());
986
+ const e = this._$AH;
987
+ let i, r = 0;
988
+ for (const n of t)
989
+ r === e.length ? e.push(i = new W(this.S(L()), this.S(L()), this, this.options)) : i = e[r], i._$AI(n), r++;
990
+ r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
991
+ }
992
+ _$AR(t = this._$AA.nextSibling, e) {
993
+ var i;
994
+ for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
995
+ const r = t.nextSibling;
996
+ t.remove(), t = r;
997
+ }
998
+ }
999
+ setConnected(t) {
1000
+ var e;
1001
+ this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
1002
+ }
1003
+ }
1004
+ class st {
1005
+ get tagName() {
1006
+ return this.element.tagName;
1007
+ }
1008
+ get _$AU() {
1009
+ return this._$AM._$AU;
1010
+ }
1011
+ constructor(t, e, i, r, n) {
1012
+ this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
1013
+ }
1014
+ _$AI(t, e = this, i, r) {
1015
+ const n = this.strings;
1016
+ let o = !1;
1017
+ if (n === void 0)
1018
+ t = R(this, t, e, 0), o = !D(t) || t !== this._$AH && t !== O, o && (this._$AH = t);
1019
+ else {
1020
+ const a = t;
1021
+ let c, h;
1022
+ for (t = n[0], c = 0; c < n.length - 1; c++)
1023
+ h = R(this, a[i + c], e, c), h === O && (h = this._$AH[c]), o || (o = !D(h) || h !== this._$AH[c]), h === d ? t = d : t !== d && (t += (h ?? "") + n[c + 1]), this._$AH[c] = h;
1024
+ }
1025
+ o && !r && this.j(t);
1026
+ }
1027
+ j(t) {
1028
+ t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
1029
+ }
1030
+ }
1031
+ class Ye extends st {
1032
+ constructor() {
1033
+ super(...arguments), this.type = 3;
1034
+ }
1035
+ j(t) {
1036
+ this.element[this.name] = t === d ? void 0 : t;
1037
+ }
1038
+ }
1039
+ class qe extends st {
1040
+ constructor() {
1041
+ super(...arguments), this.type = 4;
1042
+ }
1043
+ j(t) {
1044
+ this.element.toggleAttribute(this.name, !!t && t !== d);
1045
+ }
1046
+ }
1047
+ class Ke extends st {
1048
+ constructor(t, e, i, r, n) {
1049
+ super(t, e, i, r, n), this.type = 5;
1050
+ }
1051
+ _$AI(t, e = this) {
1052
+ if ((t = R(this, t, e, 0) ?? d) === O)
1053
+ return;
1054
+ const i = this._$AH, r = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== d && (i === d || r);
1055
+ r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
1056
+ }
1057
+ handleEvent(t) {
1058
+ var e;
1059
+ typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
1060
+ }
1061
+ }
1062
+ class Ze {
1063
+ constructor(t, e, i) {
1064
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
1065
+ }
1066
+ get _$AU() {
1067
+ return this._$AM._$AU;
1068
+ }
1069
+ _$AI(t) {
1070
+ R(this, t);
1071
+ }
1072
+ }
1073
+ const lt = M.litHtmlPolyfillSupport;
1074
+ lt == null || lt(B, W), (M.litHtmlVersions ?? (M.litHtmlVersions = [])).push("3.1.2");
1075
+ const Ge = (s, t, e) => {
1076
+ const i = (e == null ? void 0 : e.renderBefore) ?? t;
1077
+ let r = i._$litPart$;
1078
+ if (r === void 0) {
1079
+ const n = (e == null ? void 0 : e.renderBefore) ?? null;
1080
+ i._$litPart$ = r = new W(t.insertBefore(L(), n), n, void 0, e ?? {});
1081
+ }
1082
+ return r._$AI(s), r;
1083
+ };
1084
+ /**
1085
+ * @license
1086
+ * Copyright 2017 Google LLC
1087
+ * SPDX-License-Identifier: BSD-3-Clause
1088
+ */
1089
+ let w = class extends T {
1090
+ constructor() {
1091
+ super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
1092
+ }
1093
+ createRenderRoot() {
1094
+ var e;
1095
+ const t = super.createRenderRoot();
1096
+ return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
1097
+ }
1098
+ update(t) {
1099
+ const e = this.render();
1100
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ge(e, this.renderRoot, this.renderOptions);
1101
+ }
1102
+ connectedCallback() {
1103
+ var t;
1104
+ super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
1105
+ }
1106
+ disconnectedCallback() {
1107
+ var t;
1108
+ super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
1109
+ }
1110
+ render() {
1111
+ return O;
1112
+ }
1113
+ };
1114
+ var Xt;
1115
+ w._$litElement$ = !0, w.finalized = !0, (Xt = globalThis.litElementHydrateSupport) == null || Xt.call(globalThis, { LitElement: w });
1116
+ const pt = globalThis.litElementPolyfillSupport;
1117
+ pt == null || pt({ LitElement: w });
1118
+ (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
1119
+ /**
1120
+ * @license
1121
+ * Copyright 2017 Google LLC
1122
+ * SPDX-License-Identifier: BSD-3-Clause
1123
+ */
1124
+ const Je = { attribute: !0, type: String, converter: X, reflect: !1, hasChanged: At }, Xe = (s = Je, t, e) => {
1125
+ const { kind: i, metadata: r } = e;
1126
+ let n = globalThis.litPropertyMetadata.get(r);
1127
+ if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), n.set(e.name, s), i === "accessor") {
1128
+ const { name: o } = e;
1129
+ return { set(a) {
1130
+ const c = t.get.call(this);
1131
+ t.set.call(this, a), this.requestUpdate(o, c, s);
1132
+ }, init(a) {
1133
+ return a !== void 0 && this.P(o, void 0, s), a;
1134
+ } };
1135
+ }
1136
+ if (i === "setter") {
1137
+ const { name: o } = e;
1138
+ return function(a) {
1139
+ const c = this[o];
1140
+ t.call(this, a), this.requestUpdate(o, c, s);
1141
+ };
1142
+ }
1143
+ throw Error("Unsupported decorator location: " + i);
1144
+ };
1145
+ function m(s) {
1146
+ return (t, e) => typeof e == "object" ? Xe(s, t, e) : ((i, r, n) => {
1147
+ const o = r.hasOwnProperty(n);
1148
+ return r.constructor.createProperty(n, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
1149
+ })(s, t, e);
1150
+ }
1151
+ /**
1152
+ * @license
1153
+ * Copyright 2017 Google LLC
1154
+ * SPDX-License-Identifier: BSD-3-Clause
1155
+ */
1156
+ function U(s) {
1157
+ return m({ ...s, state: !0, attribute: !1 });
1158
+ }
1159
+ var Qe = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ei = (s, t, e, i) => {
1160
+ for (var r = i > 1 ? void 0 : i ? ti(t, e) : t, n = s.length - 1, o; n >= 0; n--)
1161
+ (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
1162
+ return i && r && Qe(t, e, r), r;
1163
+ };
1164
+ class rt extends w {
1165
+ constructor() {
1166
+ super(...arguments), this.anchor = "BottomRight";
1167
+ }
1168
+ appendChild(t) {
1169
+ var e;
1170
+ return (e = this.shadowRoot) == null || e.appendChild(t), t;
1171
+ }
1172
+ render() {
1173
+ return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), d;
1174
+ }
1175
+ }
1176
+ rt.styles = [
1177
+ N`
1178
+ :host {
1179
+ position: fixed;
1180
+ display: flex;
1181
+ align-items: center;
1182
+ gap: 1rem;
1183
+ }
1184
+
1185
+ :host(.bottom-right) {
1186
+ bottom: 20px;
1187
+ right: 20px;
1188
+ }
1189
+ :host(.bottom-left) {
1190
+ bottom: 20px;
1191
+ left: 20px;
1192
+ }
1193
+ `
1194
+ ];
1195
+ ei([
1196
+ m({ attribute: !0 })
1197
+ ], rt.prototype, "anchor", 2);
1198
+ /**
1199
+ * @license
1200
+ * Copyright 2017 Google LLC
1201
+ * SPDX-License-Identifier: BSD-3-Clause
1202
+ */
1203
+ const xt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Ct = (s) => (...t) => ({ _$litDirective$: s, values: t });
1204
+ let de = class {
1205
+ constructor(t) {
1206
+ }
1207
+ get _$AU() {
1208
+ return this._$AM._$AU;
1209
+ }
1210
+ _$AT(t, e, i) {
1211
+ this._$Ct = t, this._$AM = e, this._$Ci = i;
1212
+ }
1213
+ _$AS(t, e) {
1214
+ return this.update(t, e);
1215
+ }
1216
+ update(t, e) {
1217
+ return this.render(...e);
1218
+ }
1219
+ };
1220
+ /**
1221
+ * @license
1222
+ * Copyright 2020 Google LLC
1223
+ * SPDX-License-Identifier: BSD-3-Clause
1224
+ */
1225
+ const ii = (s) => s.strings === void 0;
1226
+ /**
1227
+ * @license
1228
+ * Copyright 2017 Google LLC
1229
+ * SPDX-License-Identifier: BSD-3-Clause
1230
+ */
1231
+ const H = (s, t) => {
1232
+ var i;
1233
+ const e = s._$AN;
1234
+ if (e === void 0)
1235
+ return !1;
1236
+ for (const r of e)
1237
+ (i = r._$AO) == null || i.call(r, t, !1), H(r, t);
1238
+ return !0;
1239
+ }, tt = (s) => {
1240
+ let t, e;
1241
+ do {
1242
+ if ((t = s._$AM) === void 0)
1243
+ break;
1244
+ e = t._$AN, e.delete(s), s = t;
1245
+ } while ((e == null ? void 0 : e.size) === 0);
1246
+ }, ue = (s) => {
1247
+ for (let t; t = s._$AM; s = t) {
1248
+ let e = t._$AN;
1249
+ if (e === void 0)
1250
+ t._$AN = e = /* @__PURE__ */ new Set();
1251
+ else if (e.has(s))
1252
+ break;
1253
+ e.add(s), ni(t);
1254
+ }
1255
+ };
1256
+ function si(s) {
1257
+ this._$AN !== void 0 ? (tt(this), this._$AM = s, ue(this)) : this._$AM = s;
1258
+ }
1259
+ function ri(s, t = !1, e = 0) {
1260
+ const i = this._$AH, r = this._$AN;
1261
+ if (r !== void 0 && r.size !== 0)
1262
+ if (t)
1263
+ if (Array.isArray(i))
1264
+ for (let n = e; n < i.length; n++)
1265
+ H(i[n], !1), tt(i[n]);
1266
+ else
1267
+ i != null && (H(i, !1), tt(i));
1268
+ else
1269
+ H(this, s);
1270
+ }
1271
+ const ni = (s) => {
1272
+ s.type == xt.CHILD && (s._$AP ?? (s._$AP = ri), s._$AQ ?? (s._$AQ = si));
1273
+ };
1274
+ class fe extends de {
1275
+ constructor() {
1276
+ super(...arguments), this._$AN = void 0;
1277
+ }
1278
+ _$AT(t, e, i) {
1279
+ super._$AT(t, e, i), ue(this), this.isConnected = t._$AU;
1280
+ }
1281
+ _$AO(t, e = !0) {
1282
+ var i, r;
1283
+ t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (r = this.disconnected) == null || r.call(this)), e && (H(this, t), tt(this));
1284
+ }
1285
+ setValue(t) {
1286
+ if (ii(this._$Ct))
1287
+ this._$Ct._$AI(t, this);
1288
+ else {
1289
+ const e = [...this._$Ct._$AH];
1290
+ e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
1291
+ }
1292
+ }
1293
+ disconnected() {
1294
+ }
1295
+ reconnected() {
1296
+ }
1297
+ }
1298
+ const oi = /* @__PURE__ */ new WeakMap();
1299
+ let Ft = 0;
1300
+ const dt = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new WeakSet(), Yt = () => new Promise((s) => requestAnimationFrame(s)), ai = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], qt = (s, t) => {
1301
+ const e = s - t;
1302
+ return e === 0 ? void 0 : e;
1303
+ }, Kt = (s, t) => {
1304
+ const e = s / t;
1305
+ return e === 1 ? void 0 : e;
1306
+ }, ut = { left: (s, t) => {
1307
+ const e = qt(s, t);
1308
+ return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateX(${e}px)` };
1309
+ }, top: (s, t) => {
1310
+ const e = qt(s, t);
1311
+ return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateY(${e}px)` };
1312
+ }, width: (s, t) => {
1313
+ let e;
1314
+ t === 0 && (t = 1, e = { width: "1px" });
1315
+ const i = Kt(s, t);
1316
+ return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
1317
+ }, height: (s, t) => {
1318
+ let e;
1319
+ t === 0 && (t = 1, e = { height: "1px" });
1320
+ const i = Kt(s, t);
1321
+ return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
1322
+ } }, ci = { duration: 333, easing: "ease-in-out" }, hi = ["left", "top", "width", "height", "opacity", "color", "background"], Zt = /* @__PURE__ */ new WeakMap();
1323
+ class li extends fe {
1324
+ constructor(t) {
1325
+ if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === xt.CHILD)
1326
+ throw Error("The `animate` directive must be used in attribute position.");
1327
+ this.createFinished();
1328
+ }
1329
+ createFinished() {
1330
+ var t;
1331
+ (t = this.resolveFinished) == null || t.call(this), this.finished = new Promise((e) => {
1332
+ this.l = e;
1333
+ });
1334
+ }
1335
+ async resolveFinished() {
1336
+ var t;
1337
+ (t = this.l) == null || t.call(this), this.l = void 0;
1338
+ }
1339
+ render(t) {
1340
+ return d;
1341
+ }
1342
+ getController() {
1343
+ return oi.get(this.u);
1344
+ }
1345
+ isDisabled() {
1346
+ var t;
1347
+ return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
1348
+ }
1349
+ update(t, [e]) {
1350
+ var r;
1351
+ const i = this.u === void 0;
1352
+ return i && (this.u = (r = t.options) == null ? void 0 : r.host, this.u.addController(this), this.u.updateComplete.then((n) => this.t = !0), this.element = t.element, Zt.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.p(e), this.render(e);
1353
+ }
1354
+ p(t) {
1355
+ t = t ?? {};
1356
+ const e = this.getController();
1357
+ e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = hi), this.options = t;
1358
+ }
1359
+ m() {
1360
+ const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
1361
+ return this.options.properties.forEach((r) => {
1362
+ const n = e[r] ?? (ut[r] ? void 0 : i[r]), o = Number(n);
1363
+ t[r] = isNaN(o) ? n + "" : o;
1364
+ }), t;
1365
+ }
1366
+ v() {
1367
+ let t, e = !0;
1368
+ return this.options.guard && (t = this.options.guard(), e = ((i, r) => {
1369
+ if (Array.isArray(i)) {
1370
+ if (Array.isArray(r) && r.length === i.length && i.every((n, o) => n === r[o]))
1371
+ return !1;
1372
+ } else if (r === i)
1373
+ return !1;
1374
+ return !0;
1375
+ })(t, this._)), this.h = this.t && !this.isDisabled() && !this.isAnimating() && e && this.element.isConnected, this.h && (this._ = Array.isArray(t) ? Array.from(t) : t), this.h;
1376
+ }
1377
+ hostUpdate() {
1378
+ typeof this.optionsOrCallback == "function" && this.p(this.optionsOrCallback()), this.v() && (this.A = this.m(), this.i = this.i ?? this.element.parentNode, this.o = this.element.nextSibling);
1379
+ }
1380
+ async hostUpdated() {
1381
+ if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
1382
+ return;
1383
+ let t;
1384
+ this.prepare(), await Yt;
1385
+ const e = this.O(), i = this.j(this.options.keyframeOptions, e), r = this.m();
1386
+ if (this.A !== void 0) {
1387
+ const { from: n, to: o } = this.N(this.A, r, e);
1388
+ this.log("measured", [this.A, r, n, o]), t = this.calculateKeyframes(n, o);
1389
+ } else {
1390
+ const n = dt.get(this.options.inId);
1391
+ if (n) {
1392
+ dt.delete(this.options.inId);
1393
+ const { from: o, to: a } = this.N(n, r, e);
1394
+ t = this.calculateKeyframes(o, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, Ft++, t.forEach((c) => c.zIndex = Ft);
1395
+ } else
1396
+ this.options.in && (t = [...this.options.in, {}]);
1397
+ }
1398
+ this.animate(t, i);
1399
+ }
1400
+ resetStyles() {
1401
+ this.P !== void 0 && (this.element.setAttribute("style", this.P ?? ""), this.P = void 0);
1402
+ }
1403
+ commitStyles() {
1404
+ var t, e;
1405
+ this.P = this.element.getAttribute("style"), (t = this.webAnimation) == null || t.commitStyles(), (e = this.webAnimation) == null || e.cancel();
1406
+ }
1407
+ reconnected() {
1408
+ }
1409
+ async disconnected() {
1410
+ var e;
1411
+ if (!this.h || (this.options.id !== void 0 && dt.set(this.options.id, this.A), this.options.out === void 0))
1412
+ return;
1413
+ if (this.prepare(), await Yt(), (e = this.i) == null ? void 0 : e.isConnected) {
1414
+ const i = this.o && this.o.parentNode === this.i ? this.o : null;
1415
+ if (this.i.insertBefore(this.element, i), this.options.stabilizeOut) {
1416
+ const r = this.m();
1417
+ this.log("stabilizing out");
1418
+ const n = this.A.left - r.left, o = this.A.top - r.top;
1419
+ getComputedStyle(this.element).position !== "static" || n === 0 && o === 0 || (this.element.style.position = "relative"), n !== 0 && (this.element.style.left = n + "px"), o !== 0 && (this.element.style.top = o + "px");
1420
+ }
1421
+ }
1422
+ const t = this.j(this.options.keyframeOptions);
1423
+ await this.animate(this.options.out, t), this.element.remove();
1424
+ }
1425
+ prepare() {
1426
+ this.createFinished();
1427
+ }
1428
+ start() {
1429
+ var t, e;
1430
+ (e = (t = this.options).onStart) == null || e.call(t, this);
1431
+ }
1432
+ didFinish(t) {
1433
+ var e, i;
1434
+ t && ((i = (e = this.options).onComplete) == null || i.call(e, this)), this.A = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
1435
+ }
1436
+ O() {
1437
+ const t = [];
1438
+ for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
1439
+ const i = Zt.get(e);
1440
+ i && !i.isDisabled() && i && t.push(i);
1441
+ }
1442
+ return t;
1443
+ }
1444
+ get isHostRendered() {
1445
+ const t = Vt.has(this.u);
1446
+ return t || this.u.updateComplete.then(() => {
1447
+ Vt.add(this.u);
1448
+ }), t;
1449
+ }
1450
+ j(t, e = this.O()) {
1451
+ const i = { ...ci };
1452
+ return e.forEach((r) => Object.assign(i, r.options.keyframeOptions)), Object.assign(i, t), i;
1453
+ }
1454
+ N(t, e, i) {
1455
+ t = { ...t }, e = { ...e };
1456
+ const r = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
1457
+ let n = 1, o = 1;
1458
+ return r.length > 0 && (r.forEach((a) => {
1459
+ a.width && (n /= a.width), a.height && (o /= a.height);
1460
+ }), t.left !== void 0 && e.left !== void 0 && (t.left = n * t.left, e.left = n * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = o * t.top, e.top = o * e.top)), { from: t, to: e };
1461
+ }
1462
+ calculateKeyframes(t, e, i = !1) {
1463
+ const r = {}, n = {};
1464
+ let o = !1;
1465
+ const a = {};
1466
+ for (const c in e) {
1467
+ const h = t[c], l = e[c];
1468
+ if (c in ut) {
1469
+ const p = ut[c];
1470
+ if (h === void 0 || l === void 0)
1471
+ continue;
1472
+ const f = p(h, l);
1473
+ f.transform !== void 0 && (a[c] = f.value, o = !0, r.transform = `${r.transform ?? ""} ${f.transform}`, f.overrideFrom !== void 0 && Object.assign(r, f.overrideFrom));
1474
+ } else
1475
+ h !== l && h !== void 0 && l !== void 0 && (o = !0, r[c] = h, n[c] = l);
1476
+ }
1477
+ return r.transformOrigin = n.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [r, n] : void 0;
1478
+ }
1479
+ async animate(t, e = this.options.keyframeOptions) {
1480
+ this.start(), this.frames = t;
1481
+ let i = !1;
1482
+ if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
1483
+ this.log("animate", [t, e]), i = !0, this.webAnimation = this.element.animate(t, e);
1484
+ const r = this.getController();
1485
+ r == null || r.add(this);
1486
+ try {
1487
+ await this.webAnimation.finished;
1488
+ } catch {
1489
+ }
1490
+ r == null || r.remove(this);
1491
+ }
1492
+ return this.didFinish(i), i;
1493
+ }
1494
+ isAnimating() {
1495
+ var t, e;
1496
+ return ((t = this.webAnimation) == null ? void 0 : t.playState) === "running" || ((e = this.webAnimation) == null ? void 0 : e.pending);
1497
+ }
1498
+ log(t, e) {
1499
+ this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
1500
+ }
1501
+ }
1502
+ const pi = Ct(li), di = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' };
1503
+ /**
1504
+ * @license
1505
+ * Copyright 2018 Google LLC
1506
+ * SPDX-License-Identifier: BSD-3-Clause
1507
+ */
1508
+ const Gt = Ct(class extends de {
1509
+ constructor(s) {
1510
+ var t;
1511
+ if (super(s), s.type !== xt.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2)
1512
+ throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
1513
+ }
1514
+ render(s) {
1515
+ return " " + Object.keys(s).filter((t) => s[t]).join(" ") + " ";
1516
+ }
1517
+ update(s, [t]) {
1518
+ var i, r;
1519
+ if (this.st === void 0) {
1520
+ this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((n) => n !== "")));
1521
+ for (const n in t)
1522
+ t[n] && !((i = this.nt) != null && i.has(n)) && this.st.add(n);
1523
+ return this.render(t);
1524
+ }
1525
+ const e = s.element.classList;
1526
+ for (const n of this.st)
1527
+ n in t || (e.remove(n), this.st.delete(n));
1528
+ for (const n in t) {
1529
+ const o = !!t[n];
1530
+ o === this.st.has(n) || (r = this.nt) != null && r.has(n) || (o ? (e.add(n), this.st.add(n)) : (e.remove(n), this.st.delete(n)));
1531
+ }
1532
+ return O;
1533
+ }
1534
+ }), q = (s, t, e) => {
1535
+ s && e.style.setProperty(t, s);
1536
+ }, ge = (s, t) => {
1537
+ var e, i, r, n;
1538
+ q((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), q(
1539
+ (i = s.colors) == null ? void 0 : i.textOnPrimaryBackground,
1540
+ "--text-on-primary-background",
1541
+ t
1542
+ ), q(
1543
+ (r = s.colors) == null ? void 0 : r.secondaryBackground,
1544
+ "--secondary-background",
1545
+ t
1546
+ ), q(
1547
+ (n = s.colors) == null ? void 0 : n.textOnSecondaryBackground,
1548
+ "--text-on-secondary-background",
1549
+ t
1550
+ );
1551
+ };
1552
+ /**
1553
+ * @license
1554
+ * Copyright 2020 Google LLC
1555
+ * SPDX-License-Identifier: BSD-3-Clause
1556
+ */
1557
+ const me = () => new ui();
1558
+ class ui {
1559
+ }
1560
+ const ft = /* @__PURE__ */ new WeakMap(), ve = Ct(class extends fe {
1561
+ render(s) {
1562
+ return d;
1563
+ }
1564
+ update(s, [t]) {
1565
+ var i;
1566
+ const e = t !== this.Y;
1567
+ return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (i = s.options) == null ? void 0 : i.host, this.rt(this.ct = s.element)), d;
1568
+ }
1569
+ rt(s) {
1570
+ if (typeof this.Y == "function") {
1571
+ const t = this.ht ?? globalThis;
1572
+ let e = ft.get(t);
1573
+ e === void 0 && (e = /* @__PURE__ */ new WeakMap(), ft.set(t, e)), e.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), e.set(this.Y, s), s !== void 0 && this.Y.call(this.ht, s);
1574
+ } else
1575
+ this.Y.value = s;
1576
+ }
1577
+ get lt() {
1578
+ var s, t;
1579
+ return typeof this.Y == "function" ? (s = ft.get(this.ht ?? globalThis)) == null ? void 0 : s.get(this.Y) : (t = this.Y) == null ? void 0 : t.value;
1580
+ }
1581
+ disconnected() {
1582
+ this.lt === this.ct && this.rt(void 0);
1583
+ }
1584
+ reconnected() {
1585
+ this.rt(this.ct);
1586
+ }
1587
+ });
1588
+ var fi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, F = (s, t, e, i) => {
1589
+ for (var r = i > 1 ? void 0 : i ? gi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
1590
+ (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
1591
+ return i && r && fi(t, e, r), r;
1592
+ };
1593
+ class _ extends w {
1594
+ constructor() {
1595
+ super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = me(), this.widgetActive$ = new re(!1), this.componentIsDestroyed$ = new $t();
1596
+ }
1597
+ async connectedCallback() {
1598
+ super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
1599
+ }
1600
+ disconnectedCallback() {
1601
+ super.disconnectedCallback(), this.componentIsDestroyed$.next(), this.componentIsDestroyed$.complete();
1602
+ }
1603
+ toggleActive() {
1604
+ var t;
1605
+ if (!((t = this.application) != null && t.root)) {
1606
+ console.warn(
1607
+ "Could not activate widget. No root element assigned to widget."
1608
+ );
1609
+ return;
1610
+ }
1611
+ this.active = !this.active, this.active ? (this.application.appendToDOM(), this.widgetActive$.next(!0)) : (this.application.hide(), this.widgetActive$.next(!1));
1612
+ }
1613
+ _applyBranding() {
1614
+ var t;
1615
+ (t = this.application) != null && t.settings && ge(this.application.settings.branding, this);
1616
+ }
1617
+ async _renderSymbol() {
1618
+ var a, c, h;
1619
+ const t = (a = this.application) == null ? void 0 : a.branding(), e = (c = t == null ? void 0 : t.graphics) == null ? void 0 : c.trigger;
1620
+ if (e)
1621
+ return I` <img src=${e} class="trigger-icon" alt="" /> `;
1622
+ const i = (h = this.application) == null ? void 0 : h.triggerIcon;
1623
+ if (!i)
1624
+ return d;
1625
+ const r = async (l) => di, { type: n, content: o } = i;
1626
+ switch (n) {
1627
+ case "Telia": {
1628
+ const l = await r();
1629
+ return l ? I`<telia-icon
1630
+ class="trigger-icon"
1631
+ svg=${l.svg}
1632
+ size="lg"
1633
+ ></telia-icon>` : d;
1634
+ }
1635
+ default:
1636
+ return d;
1637
+ }
1638
+ }
1639
+ hideTrigger() {
1640
+ this.triggerVisible = !1;
1641
+ }
1642
+ showTrigger() {
1643
+ this.triggerVisible = !0;
1644
+ }
1645
+ render() {
1646
+ var t, e, i, r;
1647
+ return I`<div
1648
+ class=${Gt({
1649
+ "trigger-container": !0,
1650
+ hidden: !this.triggerVisible
1651
+ })}
1652
+ ${ve(this.containerRef)}
1653
+ >
1654
+ ${!this.active && ((r = (i = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : i.other) != null && r.showButtonLabel) ? I`
1655
+ <button
1656
+ label="${this.application.settings.branding.other.buttonLabelText ?? "Widget trigger"}"
1657
+ class="trigger-label"
1658
+ @click=${this.toggleActive}
1659
+ ${pi({
1660
+ keyframeOptions: {},
1661
+ in: ai,
1662
+ stabilizeOut: !0,
1663
+ skipInitial: !1
1664
+ })}
1665
+ >
1666
+ ${this.application.settings.branding.other.buttonLabelText}
1667
+ </button>
1668
+ ` : d}
1669
+
1670
+ <button
1671
+ label="Widget trigger"
1672
+ class=${Gt({
1673
+ trigger: !0,
1674
+ active: this.active,
1675
+ rendered: this.loaded
1676
+ })}
1677
+ @click=${this.toggleActive}
1678
+ >
1679
+ ${this.icon}
1680
+ <span class="trigger-close">
1681
+ <svg
1682
+ width="18"
1683
+ height="9"
1684
+ viewBox="0 0 18 9"
1685
+ fill="none"
1686
+ xmlns="http://www.w3.org/2000/svg"
1687
+ >
1688
+ <path
1689
+ d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z"
1690
+ fill="white"
1691
+ />
1692
+ </svg>
1693
+ </span>
1694
+ <span class="trigger-loader">
1695
+ <svg viewBox="25 25 50 50">
1696
+ <circle
1697
+ cx="50"
1698
+ cy="50"
1699
+ r="20"
1700
+ fill="none"
1701
+ stroke="#000"
1702
+ stroke-width="2"
1703
+ stroke-miterlimit="10"
1704
+ />
1705
+ </svg>
1706
+ </span>
1707
+ </button>
1708
+ </div>`;
1709
+ }
1710
+ }
1711
+ _.styles = [
1712
+ N`
1713
+ :host {
1714
+ --voca-rem-multiplier: 0.625;
1715
+ --trigger-label-bg: #f5e0ff;
1716
+ --trigger-label-text-color: rgba(0, 0, 0, 0.8);
1717
+ display: block;
1718
+ box-sizing: border-box;
1719
+ /* font-family: var(--font-family); */
1720
+ font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
1721
+ }
1722
+
1723
+ .trigger-container {
1724
+ display: flex;
1725
+ align-items: center;
1726
+ gap: 1rem;
1727
+ }
1728
+ .trigger-container.hidden {
1729
+ display: none;
1730
+ }
1731
+
1732
+ .trigger {
1733
+ transform: scale(0);
1734
+ box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
1735
+ z-index: 5;
1736
+ display: flex;
1737
+ align-items: center;
1738
+ justify-content: center;
1739
+ border: none;
1740
+ line-height: 55px;
1741
+ height: 55px;
1742
+ width: 55px;
1743
+ border-radius: 55px;
1744
+ cursor: pointer;
1745
+ background-color: var(--trigger-bg, var(--primary-background));
1746
+ font-family: Lato;
1747
+ text-decoration: none;
1748
+ border: 3px dashed transparent;
1749
+ box-sizing: border-box;
1750
+ transition: transform 200ms ease-out;
1751
+ }
1752
+ .trigger:active {
1753
+ transform: scale(0.8) !important;
1754
+ }
1755
+ .trigger:hover:not(:active) {
1756
+ transform: scale(1.1) !important;
1757
+ }
1758
+ .trigger.rendered {
1759
+ transform: scale(1);
1760
+ }
1761
+ .trigger.active .trigger-icon {
1762
+ opacity: 0;
1763
+ transform: rotate(-180deg) scale(0);
1764
+ }
1765
+ .trigger.active .trigger-close {
1766
+ opacity: 1;
1767
+ transform: rotate(0deg) scale(1);
1768
+ }
1769
+
1770
+ .trigger-icon {
1771
+ display: inline-block;
1772
+ line-height: inherit;
1773
+ text-align: center;
1774
+ opacity: 1;
1775
+ transform: rotate(0deg) scale(1);
1776
+ transition: opacity 200ms ease-out, transform 200ms ease-out;
1777
+ color: var(--trigger-text-color, var(--text-on-primary-background));
1778
+ }
1779
+ .trigger-close {
1780
+ opacity: 0;
1781
+ transition: transform 200ms ease-out;
1782
+ transform: rotate(180deg) scale(0);
1783
+ position: absolute;
1784
+ top: 0;
1785
+ bottom: 0;
1786
+ left: 0;
1787
+ right: 0;
1788
+ display: flex;
1789
+ justify-content: center;
1790
+ align-items: center;
1791
+ }
1792
+ .trigger-close svg path {
1793
+ fill: var(--trigger-text-color, var(--text-on-primary-background));
1794
+ }
1795
+
1796
+ img {
1797
+ max-width: 100%;
1798
+ }
1799
+
1800
+ .trigger-label {
1801
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
1802
+ background-color: var(--trigger-label-bg);
1803
+ color: var(--trigger-label-text-color);
1804
+ white-space: nowrap;
1805
+ padding: 0.7rem 1rem;
1806
+ border-radius: 0.3rem;
1807
+ font-weight: 500;
1808
+ display: flex;
1809
+ justify-content: center;
1810
+ align-items: center;
1811
+ cursor: pointer;
1812
+ border: none;
1813
+ font-size: 1rem;
1814
+ font-family: inherit;
1815
+ transition: all 300ms ease-in-out;
1816
+ }
1817
+
1818
+ .trigger-label:hover {
1819
+ opacity: 0.8;
1820
+ }
1821
+ `
1822
+ ];
1823
+ F([
1824
+ m({ attribute: !1 })
1825
+ ], _.prototype, "application", 2);
1826
+ F([
1827
+ U()
1828
+ ], _.prototype, "active", 2);
1829
+ F([
1830
+ U()
1831
+ ], _.prototype, "triggerVisible", 2);
1832
+ F([
1833
+ U()
1834
+ ], _.prototype, "loaded", 2);
1835
+ F([
1836
+ U()
1837
+ ], _.prototype, "icon", 2);
1838
+ var mi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, S = (s, t, e, i) => {
1839
+ for (var r = i > 1 ? void 0 : i ? vi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
1840
+ (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
1841
+ return i && r && mi(t, e, r), r;
1842
+ };
1843
+ const yi = (s) => {
1844
+ class t extends s {
1845
+ constructor() {
1846
+ super(...arguments), this.properties = {}, this.context = {}, this.layout = {}, this.nodes = [];
1847
+ }
1848
+ writeProperties(i) {
1849
+ this.properties = i;
1850
+ }
1851
+ writeLayout(i) {
1852
+ this.layout = i;
1853
+ }
1854
+ writeContext(i) {
1855
+ this.context = i;
1856
+ }
1857
+ addChild(i) {
1858
+ i.parent = this, this.nodes.push(i);
1859
+ }
1860
+ connectedCallback() {
1861
+ super.connectedCallback(), this.renderRoot.host.style.setProperty(
1862
+ "--width",
1863
+ this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
1864
+ ), this.application.mountComponent(this);
1865
+ }
1866
+ }
1867
+ return t.styles = [
1868
+ // (superClass as unknown as typeof LitElement).styles ?? [],
1869
+ N`
1870
+ :host {
1871
+ font-family: var(--font-family);
1872
+ grid-column: span var(--width);
1873
+ max-width: 100%;
1874
+ overflow: hidden;
1875
+ box-sizing: border-box;
1876
+ display: block;
1877
+ }
1878
+ * {
1879
+ box-sizing: border-box;
1880
+ }
1881
+ `
1882
+ ], S([
1883
+ m()
1884
+ ], t.prototype, "properties", 2), S([
1885
+ m()
1886
+ ], t.prototype, "context", 2), S([
1887
+ m()
1888
+ ], t.prototype, "layout", 2), S([
1889
+ m()
1890
+ ], t.prototype, "name", 2), S([
1891
+ m()
1892
+ ], t.prototype, "type", 2), S([
1893
+ m({ attribute: !1 })
1894
+ ], t.prototype, "application", 2), S([
1895
+ m({ attribute: !1 })
1896
+ ], t.prototype, "parent", 2), t;
1897
+ };
1898
+ class St extends yi(w) {
1899
+ render() {
1900
+ return I`Non resolved component`;
1901
+ }
1902
+ }
1903
+ St.styles = [
1904
+ N`
1905
+ :host {
1906
+ display: block;
1907
+ }
1908
+ `
1909
+ ];
1910
+ /**
1911
+ * @license
1912
+ * Copyright 2021 Google LLC
1913
+ * SPDX-License-Identifier: BSD-3-Clause
1914
+ */
1915
+ function* bi(s, t) {
1916
+ if (s !== void 0) {
1917
+ let e = 0;
1918
+ for (const i of s)
1919
+ yield t(i, e++);
1920
+ }
1921
+ }
1922
+ var b = /* @__PURE__ */ ((s) => (s.Inline = "inline", s.Trigger = "trigger", s))(b || {});
1923
+ /**
1924
+ * @license
1925
+ * Copyright 2021 Google LLC
1926
+ * SPDX-License-Identifier: BSD-3-Clause
1927
+ */
1928
+ let $i = class extends Event {
1929
+ constructor(t, e, i) {
1930
+ super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = e, this.subscribe = i ?? !1;
1931
+ }
1932
+ };
1933
+ /**
1934
+ * @license
1935
+ * Copyright 2021 Google LLC
1936
+ * SPDX-License-Identifier: BSD-3-Clause
1937
+ */
1938
+ /**
1939
+ * @license
1940
+ * Copyright 2021 Google LLC
1941
+ * SPDX-License-Identifier: BSD-3-Clause
1942
+ */
1943
+ class wi {
1944
+ get value() {
1945
+ return this.o;
1946
+ }
1947
+ set value(t) {
1948
+ this.setValue(t);
1949
+ }
1950
+ setValue(t, e = !1) {
1951
+ const i = e || !Object.is(t, this.o);
1952
+ this.o = t, i && this.updateObservers();
1953
+ }
1954
+ constructor(t) {
1955
+ this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
1956
+ for (const [e, { disposer: i }] of this.subscriptions)
1957
+ e(this.o, i);
1958
+ }, t !== void 0 && (this.value = t);
1959
+ }
1960
+ addCallback(t, e, i) {
1961
+ if (!i)
1962
+ return void t(this.value);
1963
+ this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
1964
+ this.subscriptions.delete(t);
1965
+ }, consumerHost: e });
1966
+ const { disposer: r } = this.subscriptions.get(t);
1967
+ t(this.value, r);
1968
+ }
1969
+ clearCallbacks() {
1970
+ this.subscriptions.clear();
1971
+ }
1972
+ }
1973
+ /**
1974
+ * @license
1975
+ * Copyright 2021 Google LLC
1976
+ * SPDX-License-Identifier: BSD-3-Clause
1977
+ */
1978
+ let _i = class extends Event {
1979
+ constructor(t) {
1980
+ super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
1981
+ }
1982
+ };
1983
+ class Jt extends wi {
1984
+ constructor(t, e, i) {
1985
+ var r, n;
1986
+ super(e.context !== void 0 ? e.initialValue : i), this.onContextRequest = (o) => {
1987
+ const a = o.composedPath()[0];
1988
+ o.context === this.context && a !== this.host && (o.stopPropagation(), this.addCallback(o.callback, a, o.subscribe));
1989
+ }, this.onProviderRequest = (o) => {
1990
+ const a = o.composedPath()[0];
1991
+ if (o.context !== this.context || a === this.host)
1992
+ return;
1993
+ const c = /* @__PURE__ */ new Set();
1994
+ for (const [h, { consumerHost: l }] of this.subscriptions)
1995
+ c.has(h) || (c.add(h), l.dispatchEvent(new $i(this.context, h, !0)));
1996
+ o.stopPropagation();
1997
+ }, this.host = t, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (n = (r = this.host).addController) == null || n.call(r, this);
1998
+ }
1999
+ attachListeners() {
2000
+ this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
2001
+ }
2002
+ hostConnected() {
2003
+ this.host.dispatchEvent(new _i(this.context));
2004
+ }
2005
+ }
2006
+ /**
2007
+ * @license
2008
+ * Copyright 2017 Google LLC
2009
+ * SPDX-License-Identifier: BSD-3-Clause
2010
+ */
2011
+ function Ai({ context: s }) {
2012
+ return (t, e) => {
2013
+ const i = /* @__PURE__ */ new WeakMap();
2014
+ if (typeof e == "object")
2015
+ return e.addInitializer(function() {
2016
+ i.set(this, new Jt(this, { context: s }));
2017
+ }), { get() {
2018
+ return t.get.call(this);
2019
+ }, set(r) {
2020
+ var n;
2021
+ return (n = i.get(this)) == null || n.setValue(r), t.set.call(this, r);
2022
+ }, init(r) {
2023
+ var n;
2024
+ return (n = i.get(this)) == null || n.setValue(r), r;
2025
+ } };
2026
+ {
2027
+ t.constructor.addInitializer((o) => {
2028
+ i.set(o, new Jt(o, { context: s }));
2029
+ });
2030
+ const r = Object.getOwnPropertyDescriptor(t, e);
2031
+ let n;
2032
+ if (r === void 0) {
2033
+ const o = /* @__PURE__ */ new WeakMap();
2034
+ n = { get: function() {
2035
+ return o.get(this);
2036
+ }, set: function(a) {
2037
+ i.get(this).setValue(a), o.set(this, a);
2038
+ }, configurable: !0, enumerable: !0 };
2039
+ } else {
2040
+ const o = r.set;
2041
+ n = { ...r, set: function(a) {
2042
+ i.get(this).setValue(a), o == null || o.call(this, a);
2043
+ } };
2044
+ }
2045
+ return void Object.defineProperty(t, e, n);
2046
+ }
2047
+ };
2048
+ }
2049
+ var xi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Si = (s, t, e, i) => {
2050
+ for (var r = i > 1 ? void 0 : i ? Ci(t, e) : t, n = s.length - 1, o; n >= 0; n--)
2051
+ (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
2052
+ return i && r && xi(t, e, r), r;
2053
+ };
2054
+ const Ei = "application";
2055
+ class nt extends w {
2056
+ constructor() {
2057
+ super(...arguments), this.nodes = [], this.wrapperRef = me();
2058
+ }
2059
+ addChild(t) {
2060
+ t.parent = this, this.nodes.push(t);
2061
+ }
2062
+ applyBranding() {
2063
+ if (!this.wrapperRef.value)
2064
+ return;
2065
+ const t = this.application.settings;
2066
+ t != null && t.branding && ge(t.branding, this.wrapperRef.value);
2067
+ }
2068
+ applyStyles() {
2069
+ if (!this.wrapperRef.value)
2070
+ return;
2071
+ const t = this.application.styles(), e = this.wrapperRef.value;
2072
+ Object.entries(t).forEach(([i, r]) => {
2073
+ e.style.setProperty(`--${i}`, r);
2074
+ });
2075
+ }
2076
+ firstUpdated(t) {
2077
+ this.applyBranding(), this.applyStyles();
2078
+ }
2079
+ render() {
2080
+ var i, r;
2081
+ const t = this.application.settings.components.conversation;
2082
+ return ((r = (i = t == null ? void 0 : t.properties) == null ? void 0 : i.chat) == null ? void 0 : r.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === b.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), I`<div class="widget-container" ${ve(this.wrapperRef)}>
2083
+ ${bi(this.nodes, (n) => n)}
2084
+ </div>`;
2085
+ }
2086
+ }
2087
+ nt.styles = N`
2088
+ :host {
2089
+ --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
2090
+ --spacing-xs: 0.2rem;
2091
+ --spacing-sm: 0.5rem;
2092
+ --spacing-md: 1rem;
2093
+ --spacing-lg: 1.2rem;
2094
+ --spacing-xl: 1.8rem;
2095
+
2096
+ --inverted-spacing-lg: -1.2rem;
2097
+
2098
+ --text-color: #222222;
2099
+ --link-color: #990ae3;
2100
+ --gray-color: #f3f3f8;
2101
+ --white-color: #fff;
2102
+ --gray-dark-color: #a6a6a6;
2103
+
2104
+ --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
2105
+ --border-radius: var(--spacing-sm);
2106
+ --border-radius-sm: var(--spacing-sm);
2107
+ --border-radius-lg: var(--spacing-lg);
2108
+ --border-radius-xl: var(--spacing-xl);
2109
+ --gap: var(--spacing-sm);
2110
+
2111
+ --header-height: 69px;
2112
+ }
2113
+ :host {
2114
+ --voca-rem-multiplier: 0.625;
2115
+ box-sizing: border-box;
2116
+ display: block;
2117
+ }
2118
+
2119
+ :host(.inline) {
2120
+ height: 100%;
2121
+ position: fixed;
2122
+ inset: 0 0 0 0;
2123
+ }
2124
+
2125
+ :host(.floating) {
2126
+ z-index: 6;
2127
+ position: fixed;
2128
+ }
2129
+ @media screen and (max-width: 800px) {
2130
+ :host(.floating) {
2131
+ inset: 0 0 95px 0;
2132
+ height: 100%;
2133
+ }
2134
+ :host(.third-party) {
2135
+ inset: 0 0 95px 0;
2136
+ height: 100vh;
2137
+ }
2138
+ }
2139
+ @media screen and (min-width: 801px) {
2140
+ :host(.floating) {
2141
+ inset: auto 20px 95px auto;
2142
+ max-height: calc(100vh - 120px);
2143
+ width: 400px;
2144
+ height: 700px;
2145
+ }
2146
+ :host(.third-party) {
2147
+ max-width: 1000px;
2148
+ height: 100vh;
2149
+ position: relative;
2150
+ left: 50%;
2151
+ transform: translateX(-50%);
2152
+ margin: -10px 0;
2153
+ }
2154
+ :host(.floating.bottom-right) {
2155
+ inset: auto 20px 95px auto;
2156
+ }
2157
+ :host(.floating.bottom-left) {
2158
+ inset: auto auto 95px 20px;
2159
+ }
2160
+ }
2161
+
2162
+ :host(.floating) .widget-container {
2163
+ box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
2164
+ border-radius: 0.7rem;
2165
+
2166
+ @media screen and (max-width: 800px) {
2167
+ border-radius: 0;
2168
+ }
2169
+ }
2170
+
2171
+ * {
2172
+ box-sizing: border-box;
2173
+ }
2174
+ .widget-container {
2175
+ height: 100%;
2176
+ background-color: var(--primary-background);
2177
+ padding: var(--spacing-sm);
2178
+ border: var(--widget-border, none);
2179
+ border-left: 1px solid #00000054;
2180
+ border-right: 1px solid #00000054;
2181
+ }
2182
+ @keyframes slideDown {
2183
+ from {
2184
+ transform: translateY(0);
2185
+ opacity: 1;
2186
+ }
2187
+ to {
2188
+ transform: translateY(100%);
2189
+ opacity: 0;
2190
+ }
2191
+ }
2192
+ @keyframes slideUp {
2193
+ from {
2194
+ transform: translateY(100%);
2195
+ opacity: 0;
2196
+ }
2197
+ to {
2198
+ transform: translateY(0);
2199
+ opacity: 1;
2200
+ }
2201
+ }
2202
+ :host(.expanded) {
2203
+ opacity: 1;
2204
+ animation: slideUp 0.3s linear;
2205
+ }
2206
+ :host(.hidden) {
2207
+ opacity: 0;
2208
+ animation: slideDown 0.3s linear;
2209
+ pointer-events: none;
2210
+ }
2211
+ `;
2212
+ Si([
2213
+ m({ attribute: !1 }),
2214
+ Ai({ context: Ei })
2215
+ ], nt.prototype, "application", 2);
2216
+ class Pi {
2217
+ constructor() {
2218
+ this.root = this.createRoot();
2219
+ }
2220
+ createComponentModel(t, e) {
2221
+ this.root.application = e;
2222
+ const i = (a) => {
2223
+ if (Array.isArray(a)) {
2224
+ const [c, ...h] = a;
2225
+ return {
2226
+ definitionId: c,
2227
+ overrides: h
2228
+ };
2229
+ }
2230
+ return {
2231
+ definitionId: a,
2232
+ overrides: []
2233
+ };
2234
+ }, r = (a, c, h, l) => {
2235
+ h.forEach((p) => {
2236
+ const f = i(p), u = l[f.definitionId];
2237
+ if (!u) {
2238
+ console.error(
2239
+ `No definition found for component type '${f.definitionId}'.`
2240
+ );
2241
+ return;
2242
+ }
2243
+ const g = a.createNode(u.type, u.type);
2244
+ g && (g.name = f.definitionId, g.application = e, u.properties && g.writeProperties(u.properties), u.context && g.writeContext(u.context), u.layout && g.writeLayout(u.layout), c.addChild(g), u.children && r(
2245
+ a,
2246
+ g,
2247
+ u.children,
2248
+ l
2249
+ // views
2250
+ ));
2251
+ });
2252
+ }, { entry: n, components: o } = t;
2253
+ return r(this, this.root, [n], o), this.root;
2254
+ }
2255
+ createRoot() {
2256
+ return new nt();
2257
+ }
2258
+ createNode(t, e) {
2259
+ const i = this.resolveComponent(e);
2260
+ if (!i)
2261
+ return console.warn(`Unable to resolve component: ${e}`), new St();
2262
+ const r = new i();
2263
+ return r.type = e, r.name = t, r;
2264
+ }
2265
+ resolveComponent(t) {
2266
+ return customElements.get(`ace-${t}`);
2267
+ }
2268
+ getRoot() {
2269
+ return this.root;
2270
+ }
2271
+ }
2272
+ const ye = class {
2273
+ constructor() {
2274
+ this.components = /* @__PURE__ */ new Map();
2275
+ }
2276
+ getComponent(s) {
2277
+ const t = this.components.get(s);
2278
+ return t || console.warn(
2279
+ `Unable to resolve component: ${s}. You most likely forgot to register the required plugin.`
2280
+ ), t;
2281
+ }
2282
+ registerComponent(s, t) {
2283
+ this.components.set(s, t);
2284
+ }
2285
+ async loadComponents() {
2286
+ const s = [...this.components.entries()].map(([t, e]) => e.then((i) => {
2287
+ this.defineAsWebComponent(t, i.default);
2288
+ }));
2289
+ await Promise.all(s);
2290
+ }
2291
+ defineAsWebComponent(s, t) {
2292
+ const e = ye.ResolveWebComponentName(s);
2293
+ customElements.get(e) || customElements.define(e, t);
2294
+ }
2295
+ };
2296
+ let be = ye;
2297
+ be.ResolveWebComponentName = (s) => `ace-${s}`;
2298
+ var y = /* @__PURE__ */ ((s) => (s.Necessary = "necessary", s.Functional = "functional", s.Analytics = "analytics", s))(y || {});
2299
+ class Oi {
2300
+ constructor(t, e, i) {
2301
+ this.disallowedKeys = [], this.widgetId = t, this.storage = e === "localStorage" ? window.localStorage : window.sessionStorage, this.policy = i;
2302
+ }
2303
+ set(t, e, i) {
2304
+ if (!this.disallowedKeys.includes(t))
2305
+ if (this.policy[i]) {
2306
+ const r = { value: e, category: i };
2307
+ this.storage.setItem(this._prefixKey(t), JSON.stringify(r));
2308
+ } else
2309
+ console.warn(
2310
+ `Storage policy does not allow storing items in category: ${i}`
2311
+ );
2312
+ }
2313
+ get(t) {
2314
+ const e = this.storage.getItem(this._prefixKey(t));
2315
+ if (!e)
2316
+ return null;
2317
+ try {
2318
+ const i = JSON.parse(e);
2319
+ return this.policy[i.category] ? i.value : (console.warn(
2320
+ `Storage policy does not allow retrieving items from category: ${i.category}`
2321
+ ), null);
2322
+ } catch {
2323
+ return null;
2324
+ }
2325
+ }
2326
+ removeItem(t) {
2327
+ this.storage.removeItem(this._prefixKey(t));
2328
+ }
2329
+ enforcePolicy() {
2330
+ var t;
2331
+ for (const [e, i] of Object.entries(this.storage)) {
2332
+ const r = (t = JSON.parse(i)) == null ? void 0 : t.category;
2333
+ this.policy[r] || this.storage.removeItem(e);
2334
+ }
2335
+ }
2336
+ updatePolicy(t) {
2337
+ this.policy = t, this.enforcePolicy();
2338
+ }
2339
+ disallowKey(t) {
2340
+ this.disallowedKeys.includes(t) || this.disallowedKeys.push(t), this.removeItem(t);
2341
+ }
2342
+ _prefixKey(t) {
2343
+ return `ace_${this.widgetId.substring(0, 7)}-${t}`;
2344
+ }
2345
+ }
2346
+ class Ti {
2347
+ constructor() {
2348
+ this.texts = /* @__PURE__ */ new Map();
2349
+ }
2350
+ loadTexts(t) {
2351
+ this.texts = new Map(Object.entries(t));
2352
+ }
2353
+ get(t, e) {
2354
+ const i = this.texts.get(t);
2355
+ return i || e || null;
2356
+ }
2357
+ getOrFallback(t, e) {
2358
+ return this.texts.get(t) || e;
2359
+ }
2360
+ }
2361
+ class Ii {
2362
+ constructor(t) {
2363
+ this.widget = t, this.name = t.name;
2364
+ }
2365
+ open() {
2366
+ this.widget.appendToDOM();
2367
+ }
2368
+ close() {
2369
+ this.widget.hide();
2370
+ }
2371
+ setZIndex(t) {
2372
+ this.widget.setZIndex(t);
2373
+ }
2374
+ }
2375
+ class Ri {
2376
+ constructor(t, e, i, r, n) {
2377
+ this.id = t, this.name = e, this.container = i, this.settings = r, this.options = n, this.platform = new Pi(), this.texts = new Ti(), this.renderStrategy = b.Inline, this.anchor = "BottomRight", this.autoActivate = !1, this.plugins = [], this.componentResolver = new be(), this.components = [], this.trigger = null, this.api = new Ii(this), this.renderStrategy = this.options.renderStrategy || b.Inline, this.triggerIcon = this.options.triggerIcon;
2378
+ const o = {
2379
+ [y.Necessary]: !0,
2380
+ [y.Functional]: !0,
2381
+ [y.Analytics]: !0
2382
+ };
2383
+ this.storage = new Oi(this.id, "sessionStorage", o), typeof n.autoActivate == "boolean" && (this.autoActivate = n.autoActivate), n.anchor && (this.anchor = n.anchor), this.container.register("$settings", r), this.texts.loadTexts(r.texts || {});
2384
+ }
2385
+ async activate() {
2386
+ if (await this.loadPlugins(), await this.componentResolver.loadComponents(), this.root = this.platform.createComponentModel(this.settings, this), this.container.setState(ne.Ready), this.autoActivate) {
2387
+ const t = this.render();
2388
+ t && this._getTargetElement().appendChild(t);
2389
+ }
2390
+ }
2391
+ async loadPlugins() {
2392
+ for await (const t of this.plugins)
2393
+ await t(this);
2394
+ }
2395
+ styles() {
2396
+ return this.settings.styles || {};
2397
+ }
2398
+ branding() {
2399
+ return this.settings.branding || {};
2400
+ }
2401
+ plugin(t) {
2402
+ return this.plugins.push(t), this;
2403
+ }
2404
+ appendToDOM() {
2405
+ this.root && (this.root.classList.add("expanded"), this.root.classList.remove("hidden"), document.body.appendChild(this.root)), this.storage.set("open", !0, y.Necessary);
2406
+ }
2407
+ hide() {
2408
+ this.root && (this.root.classList.add("hidden"), this.root.classList.remove("expanded")), this.storage.set("open", !1, y.Necessary);
2409
+ }
2410
+ setZIndex(t) {
2411
+ this.root && (this.root.style.zIndex = t.toString());
2412
+ }
2413
+ mute() {
2414
+ this.storage.set("muteAudioNotifications", !0, y.Necessary);
2415
+ }
2416
+ unmute() {
2417
+ this.storage.set(
2418
+ "muteAudioNotifications",
2419
+ !1,
2420
+ y.Necessary
2421
+ );
2422
+ }
2423
+ registerComponent(t, e) {
2424
+ this.componentResolver.registerComponent(t, e);
2425
+ }
2426
+ resolveComponent(t) {
2427
+ return this.componentResolver.getComponent(t);
2428
+ }
2429
+ mountComponent(t) {
2430
+ this.components.push(t);
2431
+ }
2432
+ getComponent(t) {
2433
+ const e = this.components.find((i) => i.type === t);
2434
+ return e || null;
2435
+ }
2436
+ _getTargetElement() {
2437
+ let t = "bottom-right";
2438
+ if (this.anchor === "BottomRight" ? t = "bottom-right" : this.anchor === "BottomLeft" && (t = "bottom-left"), this.renderStrategy === b.Trigger) {
2439
+ let e = document.querySelector(
2440
+ `ace-trigger-slot.${t}`
2441
+ );
2442
+ return e || (e = new rt(), e.anchor = this.anchor, document.body.appendChild(e)), e;
2443
+ }
2444
+ return document.body;
2445
+ }
2446
+ render() {
2447
+ if (this.renderStrategy === b.Trigger) {
2448
+ const t = new _();
2449
+ return t.application = this, this.trigger = t, this.storage.get("open") && this.trigger.toggleActive(), t;
2450
+ }
2451
+ return this.root;
2452
+ }
2453
+ }
2454
+ const Fi = (s) => new et(s), $e = class {
2455
+ // TODO:
2456
+ // private static endpoint = 'http://localhost:5299/api'; // TODO:
2457
+ constructor(s = $e.endpoint) {
2458
+ this._endpoint = s;
2459
+ }
2460
+ async getSite(s) {
2461
+ const e = await (await fetch(s)).json();
2462
+ return e ? {
2463
+ id: e.id,
2464
+ apps: e.widgets.map((i) => {
2465
+ let r = b.Inline;
2466
+ return i.renderStrategy === "Trigger" && (r = b.Trigger), {
2467
+ id: i.id,
2468
+ widgetId: i.widgetId,
2469
+ renderStrategy: r,
2470
+ autoActivate: i.autoActivate,
2471
+ anchor: i.anchor,
2472
+ triggerIcon: {
2473
+ type: "Telia",
2474
+ content: i.triggerIcon
2475
+ }
2476
+ };
2477
+ })
2478
+ } : null;
2479
+ }
2480
+ async getWidget(s) {
2481
+ const e = await (await fetch(`${this._endpoint}/widget/${s}`)).json();
2482
+ return e ? {
2483
+ name: e.name,
2484
+ config: JSON.parse(e.configuration)
2485
+ } : null;
2486
+ }
2487
+ };
2488
+ let et = $e;
2489
+ et.endpoint = "https://widgets.ace.teliacompany.net/api";
2490
+ class Ni {
2491
+ constructor(t) {
2492
+ this.site = t;
2493
+ }
2494
+ storagePolicy(t) {
2495
+ var i;
2496
+ (((i = this.site.environment) == null ? void 0 : i.applications) || []).forEach((r) => {
2497
+ if (r.storage) {
2498
+ const n = {
2499
+ [y.Analytics]: t.includes("analytics"),
2500
+ [y.Necessary]: t.includes("necessary"),
2501
+ [y.Functional]: t.includes("functional")
2502
+ };
2503
+ r.storage.updatePolicy(n);
2504
+ }
2505
+ });
2506
+ }
2507
+ disallowStorageKey(t) {
2508
+ var e;
2509
+ (((e = this.site.environment) == null ? void 0 : e.applications) || []).forEach((i) => {
2510
+ i.storage && i.storage.disallowKey(t);
2511
+ });
2512
+ }
2513
+ }
2514
+ class Ui {
2515
+ constructor() {
2516
+ this.applications = [], this.container = new Nt("environment", this), this.bootstrapped = !1, this.site = null, this.widgetAPIHandlers = /* @__PURE__ */ new Map(), this.siteConfigurationHandlers = [], setTimeout(() => {
2517
+ this.notifyWidgetsOfCreation();
2518
+ }, 1e3);
2519
+ }
2520
+ async bootstrap() {
2521
+ await this.activate(), this.siteConfigurationHandlers.forEach((t) => {
2522
+ this.site && t(this.site.api);
2523
+ });
2524
+ for (const [t, e] of this.widgetAPIHandlers)
2525
+ e.forEach((i) => {
2526
+ i();
2527
+ });
2528
+ this.bootstrapped = !0;
2529
+ }
2530
+ async activate() {
2531
+ const t = this.applications.filter(
2532
+ (e) => e.autoActivate
2533
+ );
2534
+ for await (const e of t)
2535
+ await e.activate();
2536
+ }
2537
+ notifyWidgetsOfCreation() {
2538
+ document.querySelectorAll("ace-widget").forEach((e) => {
2539
+ const i = this.applications.find((r) => r.name === e.name);
2540
+ i && e.dispatchEvent(
2541
+ new CustomEvent("environment-created", {
2542
+ detail: { widget: i }
2543
+ })
2544
+ );
2545
+ });
2546
+ }
2547
+ configure(t) {
2548
+ if (!this.site || !this.bootstrapped) {
2549
+ this.siteConfigurationHandlers.push(t);
2550
+ return;
2551
+ }
2552
+ t(this.site.api);
2553
+ }
2554
+ widget(t, e) {
2555
+ const i = this.applications.find((r) => r.name === t);
2556
+ if (!i) {
2557
+ const r = this.widgetAPIHandlers.get(t) || [];
2558
+ r.push(() => {
2559
+ const n = this.applications.find((o) => o.name === t);
2560
+ e(n == null ? void 0 : n.api);
2561
+ }), this.widgetAPIHandlers.set(t, r);
2562
+ return;
2563
+ }
2564
+ e(i == null ? void 0 : i.api);
2565
+ }
2566
+ registerApp(t, e, i, r) {
2567
+ const n = new Nt(e, this), o = new Ri(t, e, n, i, r);
2568
+ this.applications.push(o);
2569
+ }
2570
+ registerSite(t) {
2571
+ this.site = t;
2572
+ }
2573
+ plugin(t) {
2574
+ return this.applications.forEach((e) => {
2575
+ e.plugin(t);
2576
+ }), this;
2577
+ }
2578
+ }
2579
+ class ki {
2580
+ constructor(t) {
2581
+ this.configurations = [], this.httpClient = new et(), this.api = new Ni(this), this.httpClient = new et(), typeof t == "string" ? this.url = t : (t.httpClient && (this.httpClient = t.httpClient), this.loadFromConfig(t));
2582
+ }
2583
+ async load(t) {
2584
+ const e = await this.httpClient.getSite(t);
2585
+ if (!e) {
2586
+ console.warn(`Unable to load site from the url provided: ${t}`);
2587
+ return;
2588
+ }
2589
+ this.configurations = e.apps;
2590
+ }
2591
+ loadFromConfig(t) {
2592
+ this.configurations = t.apps.map((e) => ({
2593
+ id: "",
2594
+ renderStrategy: e.renderStrategy,
2595
+ widgetId: e.widgetId,
2596
+ autoActivate: e.autoActivate,
2597
+ anchor: e.anchor,
2598
+ triggerIcon: {
2599
+ type: "Telia",
2600
+ content: e.triggerIcon || "question"
2601
+ }
2602
+ }));
2603
+ }
2604
+ async bootstrap(t) {
2605
+ var e;
2606
+ this.url && await this.load(this.url), this.environment = new Ui(), this.addGlobal(this.environment);
2607
+ for await (const i of this.configurations) {
2608
+ const r = await this.httpClient.getWidget(i.widgetId);
2609
+ r && ((e = this.environment) == null || e.registerApp(
2610
+ i.widgetId,
2611
+ r.name,
2612
+ r.config,
2613
+ {
2614
+ renderStrategy: i.renderStrategy,
2615
+ triggerIcon: i.triggerIcon,
2616
+ autoActivate: i.autoActivate,
2617
+ anchor: i.anchor
2618
+ }
2619
+ ));
2620
+ }
2621
+ t(this.environment), this.environment.registerSite(this), await this.environment.bootstrap();
2622
+ }
2623
+ addGlobal(t) {
2624
+ const e = globalThis.ace;
2625
+ ((e == null ? void 0 : e._w) || []).forEach(([i, r]) => {
2626
+ t.widget(i, r);
2627
+ }), ((e == null ? void 0 : e._c) || []).forEach((i) => {
2628
+ t.configure(i);
2629
+ }), globalThis.ace = t;
2630
+ }
2631
+ }
2632
+ var ji = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, Et = (s, t, e, i) => {
2633
+ for (var r = i > 1 ? void 0 : i ? Mi(t, e) : t, n = s.length - 1, o; n >= 0; n--)
2634
+ (o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
2635
+ return i && r && ji(t, e, r), r;
2636
+ };
2637
+ class V extends w {
2638
+ constructor() {
2639
+ super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
2640
+ }
2641
+ async connectedCallback() {
2642
+ super.connectedCallback(), await this.getGlobalEnvironment();
2643
+ }
2644
+ disconnectedCallback() {
2645
+ super.disconnectedCallback(), this.removeEventListener("environment-created", this.onEnvironmentCreated);
2646
+ }
2647
+ async onEnvironmentCreated(t) {
2648
+ this.widget = t.detail.widget, await this.activate(), this.requestUpdate();
2649
+ }
2650
+ async activate() {
2651
+ this.widget && (await this.widget.activate(), this.status = "activated");
2652
+ }
2653
+ async getGlobalEnvironment() {
2654
+ const t = globalThis.widgets;
2655
+ t && (this.widget = t.applications.find(
2656
+ (e) => e.name === this.name
2657
+ ), await this.activate());
2658
+ }
2659
+ render() {
2660
+ if (!this.widget || this.status !== "activated")
2661
+ return d;
2662
+ if (this.widget.renderStrategy === b.Trigger) {
2663
+ const t = new _();
2664
+ return t.application = this.widget, t;
2665
+ }
2666
+ return this.widget.render();
2667
+ }
2668
+ }
2669
+ V.styles = [
2670
+ N`
2671
+ :host {
2672
+ display: block;
2673
+ }
2674
+ `
2675
+ ];
2676
+ Et([
2677
+ m({ attribute: !0 })
2678
+ ], V.prototype, "name", 2);
2679
+ Et([
2680
+ U()
2681
+ ], V.prototype, "widget", 2);
2682
+ Et([
2683
+ U()
2684
+ ], V.prototype, "status", 2);
2685
+ customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", rt);
2686
+ customElements.get("ace-trigger") || customElements.define("ace-trigger", _);
2687
+ customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", St);
2688
+ customElements.get("ace-wrapper") || customElements.define("ace-wrapper", nt);
2689
+ customElements.get("ace-widget") || customElements.define("ace-widget", V);
2690
+ const Vi = async (s, t) => {
2691
+ await new ki(s).bootstrap(t);
2692
+ };
2693
+ export {
2694
+ V as AceWidget,
2695
+ Ri as Application,
2696
+ Nt as Container,
2697
+ Ui as Environment,
2698
+ et as HttpClient,
2699
+ ki as Site,
2700
+ y as StorageCategory,
2701
+ Oi as StorageService,
2702
+ _ as Trigger,
2703
+ yi as WidgetComponent,
2704
+ Ei as applicationContext,
2705
+ Vi as bootstrap,
2706
+ Fi as createHttpClient
2707
+ };