@telia-ace/widget-components-area-flamingo 1.1.72-rc.3 → 1.1.72-rc.4
Sign up to get free protection for your applications and to get access to all the features.
- package/{area-a991bdf3.mjs → area-0debe139.mjs} +89 -73
- package/{area-956d535d.js → area-2533ce4c.js} +28 -14
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
@@ -3,7 +3,7 @@
|
|
3
3
|
* Copyright 2019 Google LLC
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
5
5
|
*/
|
6
|
-
const
|
6
|
+
const Y = globalThis, gt = Y.ShadowRoot && (Y.ShadyCSS === void 0 || Y.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, vt = Symbol(), Ct = /* @__PURE__ */ new WeakMap();
|
7
7
|
let Kt = class {
|
8
8
|
constructor(t, e, i) {
|
9
9
|
if (this._$cssResult$ = !0, i !== vt)
|
@@ -37,7 +37,7 @@ const ge = (s) => new Kt(typeof s == "string" ? s : s + "", void 0, vt), P = (s,
|
|
37
37
|
s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
38
38
|
else
|
39
39
|
for (const e of t) {
|
40
|
-
const i = document.createElement("style"), r =
|
40
|
+
const i = document.createElement("style"), r = Y.litNonce;
|
41
41
|
r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
|
42
42
|
}
|
43
43
|
}, St = gt ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
|
@@ -311,11 +311,11 @@ const Ee = (s, t) => {
|
|
311
311
|
let r, n = t === 2 ? "<svg>" : "", o = R;
|
312
312
|
for (let a = 0; a < e; a++) {
|
313
313
|
const c = s[a];
|
314
|
-
let
|
315
|
-
for (; d < c.length && (o.lastIndex = d,
|
316
|
-
d = o.lastIndex, o === R ?
|
314
|
+
let h, l, p = -1, d = 0;
|
315
|
+
for (; d < c.length && (o.lastIndex = d, l = o.exec(c), l !== null); )
|
316
|
+
d = o.lastIndex, o === R ? l[1] === "!--" ? o = Tt : l[1] !== void 0 ? o = Ut : l[2] !== void 0 ? (Qt.test(l[2]) && (r = RegExp("</" + l[2], "g")), o = w) : l[3] !== void 0 && (o = w) : o === w ? l[0] === ">" ? (o = r ?? R, p = -1) : l[1] === void 0 ? p = -2 : (p = o.lastIndex - l[2].length, h = l[1], o = l[3] === void 0 ? w : l[3] === '"' ? Rt : kt) : o === Rt || o === kt ? o = w : o === Tt || o === Ut ? o = R : (o = w, r = void 0);
|
317
317
|
const f = o === w && s[a + 1].startsWith("/>") ? " " : "";
|
318
|
-
n += o === R ? c + xe : p >= 0 ? (i.push(
|
318
|
+
n += o === R ? c + xe : p >= 0 ? (i.push(h), c.slice(0, p) + Gt + c.slice(p) + b + f) : c + b + (p === -2 ? a : f);
|
319
319
|
}
|
320
320
|
return [te(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
|
321
321
|
};
|
@@ -324,8 +324,8 @@ class I {
|
|
324
324
|
let r;
|
325
325
|
this.parts = [];
|
326
326
|
let n = 0, o = 0;
|
327
|
-
const a = t.length - 1, c = this.parts, [
|
328
|
-
if (this.el = I.createElement(
|
327
|
+
const a = t.length - 1, c = this.parts, [h, l] = Ee(t, e);
|
328
|
+
if (this.el = I.createElement(h, i), C.currentNode = this.el.content, e === 2) {
|
329
329
|
const p = this.el.content.firstChild;
|
330
330
|
p.replaceWith(...p.childNodes);
|
331
331
|
}
|
@@ -334,7 +334,7 @@ class I {
|
|
334
334
|
if (r.hasAttributes())
|
335
335
|
for (const p of r.getAttributeNames())
|
336
336
|
if (p.endsWith(Gt)) {
|
337
|
-
const d =
|
337
|
+
const d = l[o++], f = r.getAttribute(p).split(b), O = /([.?@])?(.*)/.exec(d);
|
338
338
|
c.push({ type: 1, index: n, name: O[2], strings: f, ctor: O[1] === "." ? Oe : O[1] === "?" ? Te : O[1] === "@" ? Ue : Q }), r.removeAttribute(p);
|
339
339
|
} else
|
340
340
|
p.startsWith(b) && (c.push({ type: 6, index: n }), r.removeAttribute(p));
|
@@ -387,8 +387,8 @@ class Pe {
|
|
387
387
|
let n = C.nextNode(), o = 0, a = 0, c = i[0];
|
388
388
|
for (; c !== void 0; ) {
|
389
389
|
if (o === c.index) {
|
390
|
-
let
|
391
|
-
c.type === 2 ?
|
390
|
+
let h;
|
391
|
+
c.type === 2 ? h = new D(n, n.nextSibling, this, t) : c.type === 1 ? h = new c.ctor(n, c.name, c.strings, this, t) : c.type === 6 && (h = new ke(n, this, t)), this._$AV.push(h), c = i[++a];
|
392
392
|
}
|
393
393
|
o !== (c == null ? void 0 : c.index) && (n = C.nextNode(), o++);
|
394
394
|
}
|
@@ -482,9 +482,9 @@ class Q {
|
|
482
482
|
t = U(this, t, e, 0), o = !H(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
|
483
483
|
else {
|
484
484
|
const a = t;
|
485
|
-
let c,
|
485
|
+
let c, h;
|
486
486
|
for (t = n[0], c = 0; c < n.length - 1; c++)
|
487
|
-
|
487
|
+
h = U(this, a[i + c], e, c), h === E && (h = this._$AH[c]), o || (o = !H(h) || h !== this._$AH[c]), h === u ? t = u : t !== u && (t += (h ?? "") + n[c + 1]), this._$AH[c] = h;
|
488
488
|
}
|
489
489
|
o && !r && this.j(t);
|
490
490
|
}
|
@@ -592,18 +592,18 @@ function* ee(s, t) {
|
|
592
592
|
yield t(i, e++);
|
593
593
|
}
|
594
594
|
}
|
595
|
-
var
|
596
|
-
return
|
595
|
+
var lt = function(s, t) {
|
596
|
+
return lt = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, i) {
|
597
597
|
e.__proto__ = i;
|
598
598
|
} || function(e, i) {
|
599
599
|
for (var r in i)
|
600
600
|
Object.prototype.hasOwnProperty.call(i, r) && (e[r] = i[r]);
|
601
|
-
},
|
601
|
+
}, lt(s, t);
|
602
602
|
};
|
603
603
|
function B(s, t) {
|
604
604
|
if (typeof t != "function" && t !== null)
|
605
605
|
throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
|
606
|
-
|
606
|
+
lt(s, t);
|
607
607
|
function e() {
|
608
608
|
this.constructor = s;
|
609
609
|
}
|
@@ -684,8 +684,8 @@ var tt = function() {
|
|
684
684
|
if (this._parentage = null, Array.isArray(o))
|
685
685
|
try {
|
686
686
|
for (var a = pt(o), c = a.next(); !c.done; c = a.next()) {
|
687
|
-
var
|
688
|
-
|
687
|
+
var h = c.value;
|
688
|
+
h.remove(this);
|
689
689
|
}
|
690
690
|
} catch (v) {
|
691
691
|
t = { error: v };
|
@@ -699,10 +699,10 @@ var tt = function() {
|
|
699
699
|
}
|
700
700
|
else
|
701
701
|
o.remove(this);
|
702
|
-
var
|
703
|
-
if (y(
|
702
|
+
var l = this.initialTeardown;
|
703
|
+
if (y(l))
|
704
704
|
try {
|
705
|
-
|
705
|
+
l();
|
706
706
|
} catch (v) {
|
707
707
|
n = v instanceof nt ? v.errors : [v];
|
708
708
|
}
|
@@ -842,7 +842,7 @@ var Ne = function() {
|
|
842
842
|
try {
|
843
843
|
e.next(t);
|
844
844
|
} catch (i) {
|
845
|
-
|
845
|
+
W(i);
|
846
846
|
}
|
847
847
|
}, s.prototype.error = function(t) {
|
848
848
|
var e = this.partialObserver;
|
@@ -850,17 +850,17 @@ var Ne = function() {
|
|
850
850
|
try {
|
851
851
|
e.error(t);
|
852
852
|
} catch (i) {
|
853
|
-
|
853
|
+
W(i);
|
854
854
|
}
|
855
855
|
else
|
856
|
-
|
856
|
+
W(t);
|
857
857
|
}, s.prototype.complete = function() {
|
858
858
|
var t = this.partialObserver;
|
859
859
|
if (t.complete)
|
860
860
|
try {
|
861
861
|
t.complete();
|
862
862
|
} catch (e) {
|
863
|
-
|
863
|
+
W(e);
|
864
864
|
}
|
865
865
|
}, s;
|
866
866
|
}(), ft = function(s) {
|
@@ -887,7 +887,7 @@ var Ne = function() {
|
|
887
887
|
}
|
888
888
|
return t;
|
889
889
|
}(oe);
|
890
|
-
function
|
890
|
+
function W(s) {
|
891
891
|
je(s);
|
892
892
|
}
|
893
893
|
function Le(s) {
|
@@ -981,7 +981,7 @@ function ze(s) {
|
|
981
981
|
function Ve(s) {
|
982
982
|
return s && s instanceof oe || ze(s) && re(s);
|
983
983
|
}
|
984
|
-
var
|
984
|
+
var We = ie(function(s) {
|
985
985
|
return function() {
|
986
986
|
s(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
|
987
987
|
};
|
@@ -996,7 +996,7 @@ var Fe = ie(function(s) {
|
|
996
996
|
return i.operator = e, i;
|
997
997
|
}, t.prototype._throwIfClosed = function() {
|
998
998
|
if (this.closed)
|
999
|
-
throw new
|
999
|
+
throw new We();
|
1000
1000
|
}, t.prototype.next = function(e) {
|
1001
1001
|
var i = this;
|
1002
1002
|
q(function() {
|
@@ -1008,8 +1008,8 @@ var Fe = ie(function(s) {
|
|
1008
1008
|
var c = a.value;
|
1009
1009
|
c.next(e);
|
1010
1010
|
}
|
1011
|
-
} catch (
|
1012
|
-
r = { error:
|
1011
|
+
} catch (h) {
|
1012
|
+
r = { error: h };
|
1013
1013
|
} finally {
|
1014
1014
|
try {
|
1015
1015
|
a && !a.done && (n = o.return) && n.call(o);
|
@@ -1084,7 +1084,7 @@ var Fe = ie(function(s) {
|
|
1084
1084
|
var i, r;
|
1085
1085
|
return (r = (i = this.source) === null || i === void 0 ? void 0 : i.subscribe(e)) !== null && r !== void 0 ? r : se;
|
1086
1086
|
}, t;
|
1087
|
-
}(yt),
|
1087
|
+
}(yt), Fe = function(s) {
|
1088
1088
|
B(t, s);
|
1089
1089
|
function t(e) {
|
1090
1090
|
var i = s.call(this) || this;
|
@@ -1113,7 +1113,7 @@ var Fe = ie(function(s) {
|
|
1113
1113
|
* Copyright 2017 Google LLC
|
1114
1114
|
* SPDX-License-Identifier: BSD-3-Clause
|
1115
1115
|
*/
|
1116
|
-
const
|
1116
|
+
const Ye = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: mt }, qe = (s = Ye, t, e) => {
|
1117
1117
|
const { kind: i, metadata: r } = e;
|
1118
1118
|
let n = globalThis.litPropertyMetadata.get(r);
|
1119
1119
|
if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), n.set(e.name, s), i === "accessor") {
|
@@ -1263,7 +1263,7 @@ function Qe(s, t = !1, e = 0) {
|
|
1263
1263
|
const ti = (s) => {
|
1264
1264
|
s.type == $t.CHILD && (s._$AP ?? (s._$AP = Qe), s._$AQ ?? (s._$AQ = Je));
|
1265
1265
|
};
|
1266
|
-
class
|
1266
|
+
class he extends ae {
|
1267
1267
|
constructor() {
|
1268
1268
|
super(...arguments), this._$AN = void 0;
|
1269
1269
|
}
|
@@ -1292,7 +1292,7 @@ let Dt = 0;
|
|
1292
1292
|
const at = /* @__PURE__ */ new Map(), Bt = /* @__PURE__ */ new WeakSet(), zt = () => new Promise((s) => requestAnimationFrame(s)), ii = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Vt = (s, t) => {
|
1293
1293
|
const e = s - t;
|
1294
1294
|
return e === 0 ? void 0 : e;
|
1295
|
-
},
|
1295
|
+
}, Wt = (s, t) => {
|
1296
1296
|
const e = s / t;
|
1297
1297
|
return e === 1 ? void 0 : e;
|
1298
1298
|
}, ct = { left: (s, t) => {
|
@@ -1304,15 +1304,15 @@ const at = /* @__PURE__ */ new Map(), Bt = /* @__PURE__ */ new WeakSet(), zt = (
|
|
1304
1304
|
}, width: (s, t) => {
|
1305
1305
|
let e;
|
1306
1306
|
t === 0 && (t = 1, e = { width: "1px" });
|
1307
|
-
const i =
|
1307
|
+
const i = Wt(s, t);
|
1308
1308
|
return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
|
1309
1309
|
}, height: (s, t) => {
|
1310
1310
|
let e;
|
1311
1311
|
t === 0 && (t = 1, e = { height: "1px" });
|
1312
|
-
const i =
|
1312
|
+
const i = Wt(s, t);
|
1313
1313
|
return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
|
1314
|
-
} }, si = { duration: 333, easing: "ease-in-out" }, ri = ["left", "top", "width", "height", "opacity", "color", "background"],
|
1315
|
-
class ni extends
|
1314
|
+
} }, si = { duration: 333, easing: "ease-in-out" }, ri = ["left", "top", "width", "height", "opacity", "color", "background"], Ft = /* @__PURE__ */ new WeakMap();
|
1315
|
+
class ni extends he {
|
1316
1316
|
constructor(t) {
|
1317
1317
|
if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === $t.CHILD)
|
1318
1318
|
throw Error("The `animate` directive must be used in attribute position.");
|
@@ -1341,7 +1341,7 @@ class ni extends le {
|
|
1341
1341
|
update(t, [e]) {
|
1342
1342
|
var r;
|
1343
1343
|
const i = this.u === void 0;
|
1344
|
-
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,
|
1344
|
+
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, Ft.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.p(e), this.render(e);
|
1345
1345
|
}
|
1346
1346
|
p(t) {
|
1347
1347
|
t = t ?? {};
|
@@ -1428,7 +1428,7 @@ class ni extends le {
|
|
1428
1428
|
O() {
|
1429
1429
|
const t = [];
|
1430
1430
|
for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
|
1431
|
-
const i =
|
1431
|
+
const i = Ft.get(e);
|
1432
1432
|
i && !i.isDisabled() && i && t.push(i);
|
1433
1433
|
}
|
1434
1434
|
return t;
|
@@ -1456,15 +1456,15 @@ class ni extends le {
|
|
1456
1456
|
let o = !1;
|
1457
1457
|
const a = {};
|
1458
1458
|
for (const c in e) {
|
1459
|
-
const
|
1459
|
+
const h = t[c], l = e[c];
|
1460
1460
|
if (c in ct) {
|
1461
1461
|
const p = ct[c];
|
1462
|
-
if (
|
1462
|
+
if (h === void 0 || l === void 0)
|
1463
1463
|
continue;
|
1464
|
-
const d = p(
|
1464
|
+
const d = p(h, l);
|
1465
1465
|
d.transform !== void 0 && (a[c] = d.value, o = !0, r.transform = `${r.transform ?? ""} ${d.transform}`, d.overrideFrom !== void 0 && Object.assign(r, d.overrideFrom));
|
1466
1466
|
} else
|
1467
|
-
|
1467
|
+
h !== l && h !== void 0 && l !== void 0 && (o = !0, r[c] = h, n[c] = l);
|
1468
1468
|
}
|
1469
1469
|
return r.transformOrigin = n.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [r, n] : void 0;
|
1470
1470
|
}
|
@@ -1497,7 +1497,7 @@ const oi = _t(ni), ai = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns
|
|
1497
1497
|
* Copyright 2018 Google LLC
|
1498
1498
|
* SPDX-License-Identifier: BSD-3-Clause
|
1499
1499
|
*/
|
1500
|
-
const
|
1500
|
+
const Yt = _t(class extends ae {
|
1501
1501
|
constructor(s) {
|
1502
1502
|
var t;
|
1503
1503
|
if (super(s), s.type !== $t.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2)
|
@@ -1523,19 +1523,19 @@ const Wt = _t(class extends ae {
|
|
1523
1523
|
}
|
1524
1524
|
return E;
|
1525
1525
|
}
|
1526
|
-
}),
|
1526
|
+
}), F = (s, t, e) => {
|
1527
1527
|
s && e.style.setProperty(t, s);
|
1528
|
-
},
|
1528
|
+
}, le = (s, t) => {
|
1529
1529
|
var e, i, r, n;
|
1530
|
-
|
1530
|
+
F((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), F(
|
1531
1531
|
(i = s.colors) == null ? void 0 : i.textOnPrimaryBackground,
|
1532
1532
|
"--text-on-primary-background",
|
1533
1533
|
t
|
1534
|
-
),
|
1534
|
+
), F(
|
1535
1535
|
(r = s.colors) == null ? void 0 : r.secondaryBackground,
|
1536
1536
|
"--secondary-background",
|
1537
1537
|
t
|
1538
|
-
),
|
1538
|
+
), F(
|
1539
1539
|
(n = s.colors) == null ? void 0 : n.textOnSecondaryBackground,
|
1540
1540
|
"--text-on-secondary-background",
|
1541
1541
|
t
|
@@ -1549,7 +1549,7 @@ const Wt = _t(class extends ae {
|
|
1549
1549
|
const pe = () => new ci();
|
1550
1550
|
class ci {
|
1551
1551
|
}
|
1552
|
-
const
|
1552
|
+
const ht = /* @__PURE__ */ new WeakMap(), ue = _t(class extends he {
|
1553
1553
|
render(s) {
|
1554
1554
|
return u;
|
1555
1555
|
}
|
@@ -1561,14 +1561,14 @@ const lt = /* @__PURE__ */ new WeakMap(), ue = _t(class extends le {
|
|
1561
1561
|
rt(s) {
|
1562
1562
|
if (typeof this.Y == "function") {
|
1563
1563
|
const t = this.ht ?? globalThis;
|
1564
|
-
let e =
|
1565
|
-
e === void 0 && (e = /* @__PURE__ */ new WeakMap(),
|
1564
|
+
let e = ht.get(t);
|
1565
|
+
e === void 0 && (e = /* @__PURE__ */ new WeakMap(), ht.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);
|
1566
1566
|
} else
|
1567
1567
|
this.Y.value = s;
|
1568
1568
|
}
|
1569
1569
|
get lt() {
|
1570
1570
|
var s, t;
|
1571
|
-
return typeof this.Y == "function" ? (s =
|
1571
|
+
return typeof this.Y == "function" ? (s = ht.get(this.ht ?? globalThis)) == null ? void 0 : s.get(this.Y) : (t = this.Y) == null ? void 0 : t.value;
|
1572
1572
|
}
|
1573
1573
|
disconnected() {
|
1574
1574
|
this.lt === this.ct && this.rt(void 0);
|
@@ -1577,14 +1577,14 @@ const lt = /* @__PURE__ */ new WeakMap(), ue = _t(class extends le {
|
|
1577
1577
|
this.rt(this.ct);
|
1578
1578
|
}
|
1579
1579
|
});
|
1580
|
-
var
|
1581
|
-
for (var r = i > 1 ? void 0 : i ?
|
1580
|
+
var hi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, z = (s, t, e, i) => {
|
1581
|
+
for (var r = i > 1 ? void 0 : i ? li(t, e) : t, n = s.length - 1, o; n >= 0; n--)
|
1582
1582
|
(o = s[n]) && (r = (i ? o(t, e, r) : o(r)) || r);
|
1583
|
-
return i && r &&
|
1583
|
+
return i && r && hi(t, e, r), r;
|
1584
1584
|
};
|
1585
1585
|
class _ extends m {
|
1586
1586
|
constructor() {
|
1587
|
-
super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = pe(), this.widgetActive$ = new
|
1587
|
+
super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = pe(), this.widgetActive$ = new Fe(!1), this.componentIsDestroyed$ = new yt();
|
1588
1588
|
}
|
1589
1589
|
async connectedCallback() {
|
1590
1590
|
super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
|
@@ -1604,23 +1604,23 @@ class _ extends m {
|
|
1604
1604
|
}
|
1605
1605
|
_applyBranding() {
|
1606
1606
|
var t;
|
1607
|
-
(t = this.application) != null && t.settings &&
|
1607
|
+
(t = this.application) != null && t.settings && le(this.application.settings.branding, this);
|
1608
1608
|
}
|
1609
1609
|
async _renderSymbol() {
|
1610
|
-
var a, c,
|
1610
|
+
var a, c, h;
|
1611
1611
|
const t = (a = this.application) == null ? void 0 : a.branding(), e = (c = t == null ? void 0 : t.graphics) == null ? void 0 : c.trigger;
|
1612
1612
|
if (e)
|
1613
1613
|
return x` <img src=${e} class="trigger-icon" alt="" /> `;
|
1614
|
-
const i = (
|
1614
|
+
const i = (h = this.application) == null ? void 0 : h.triggerIcon;
|
1615
1615
|
if (!i)
|
1616
1616
|
return u;
|
1617
|
-
const r = async (
|
1617
|
+
const r = async (l) => ai, { type: n, content: o } = i;
|
1618
1618
|
switch (n) {
|
1619
1619
|
case "Telia": {
|
1620
|
-
const
|
1621
|
-
return
|
1620
|
+
const l = await r();
|
1621
|
+
return l ? x`<telia-icon
|
1622
1622
|
class="trigger-icon"
|
1623
|
-
svg=${
|
1623
|
+
svg=${l.svg}
|
1624
1624
|
size="lg"
|
1625
1625
|
></telia-icon>` : u;
|
1626
1626
|
}
|
@@ -1637,7 +1637,7 @@ class _ extends m {
|
|
1637
1637
|
render() {
|
1638
1638
|
var t, e, i, r;
|
1639
1639
|
return x`<div
|
1640
|
-
class=${
|
1640
|
+
class=${Yt({
|
1641
1641
|
"trigger-container": !0,
|
1642
1642
|
hidden: !this.triggerVisible
|
1643
1643
|
})}
|
@@ -1661,7 +1661,7 @@ class _ extends m {
|
|
1661
1661
|
|
1662
1662
|
<button
|
1663
1663
|
label="Widget trigger"
|
1664
|
-
class=${
|
1664
|
+
class=${Yt({
|
1665
1665
|
trigger: !0,
|
1666
1666
|
active: this.active,
|
1667
1667
|
rendered: this.loaded
|
@@ -1971,8 +1971,8 @@ class qt extends fi {
|
|
1971
1971
|
if (o.context !== this.context || a === this.host)
|
1972
1972
|
return;
|
1973
1973
|
const c = /* @__PURE__ */ new Set();
|
1974
|
-
for (const [
|
1975
|
-
c.has(
|
1974
|
+
for (const [h, { consumerHost: l }] of this.subscriptions)
|
1975
|
+
c.has(h) || (c.add(h), l.dispatchEvent(new di(this.context, h, !0)));
|
1976
1976
|
o.stopPropagation();
|
1977
1977
|
}, 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);
|
1978
1978
|
}
|
@@ -2043,7 +2043,7 @@ class At extends m {
|
|
2043
2043
|
if (!this.wrapperRef.value)
|
2044
2044
|
return;
|
2045
2045
|
const t = this.application.settings;
|
2046
|
-
t != null && t.branding &&
|
2046
|
+
t != null && t.branding && le(t.branding, this.wrapperRef.value);
|
2047
2047
|
}
|
2048
2048
|
applyStyles() {
|
2049
2049
|
if (!this.wrapperRef.value)
|
@@ -2057,8 +2057,10 @@ class At extends m {
|
|
2057
2057
|
this.applyBranding(), this.applyStyles();
|
2058
2058
|
}
|
2059
2059
|
render() {
|
2060
|
-
|
2061
|
-
|
2060
|
+
var i, r;
|
2061
|
+
const t = this.application.settings.components.conversation;
|
2062
|
+
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 === wt.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")), x`<div class="widget-container" ${ue(this.wrapperRef)}>
|
2063
|
+
${ee(this.nodes, (n) => n)}
|
2062
2064
|
</div>`;
|
2063
2065
|
}
|
2064
2066
|
}
|
@@ -2109,6 +2111,10 @@ At.styles = P`
|
|
2109
2111
|
inset: 0 0 95px 0;
|
2110
2112
|
height: 100%;
|
2111
2113
|
}
|
2114
|
+
:host(.third-party) {
|
2115
|
+
inset: 0 0 95px 0;
|
2116
|
+
height: 100vh;
|
2117
|
+
}
|
2112
2118
|
}
|
2113
2119
|
@media screen and (min-width: 801px) {
|
2114
2120
|
:host(.floating) {
|
@@ -2117,6 +2123,14 @@ At.styles = P`
|
|
2117
2123
|
width: 400px;
|
2118
2124
|
height: 700px;
|
2119
2125
|
}
|
2126
|
+
:host(.third-party) {
|
2127
|
+
max-width: 1000px;
|
2128
|
+
height: 100vh;
|
2129
|
+
position: relative;
|
2130
|
+
left: 50%;
|
2131
|
+
transform: translateX(-50%);
|
2132
|
+
margin: -10px 0;
|
2133
|
+
}
|
2120
2134
|
:host(.floating.bottom-right) {
|
2121
2135
|
inset: auto 20px 95px auto;
|
2122
2136
|
}
|
@@ -2142,6 +2156,8 @@ At.styles = P`
|
|
2142
2156
|
background-color: var(--primary-background);
|
2143
2157
|
padding: var(--spacing-sm);
|
2144
2158
|
border: var(--widget-border, none);
|
2159
|
+
border-left: 1px solid #00000054;
|
2160
|
+
border-right: 1px solid #00000054;
|
2145
2161
|
}
|
2146
2162
|
@keyframes slideDown {
|
2147
2163
|
from {
|
@@ -2,27 +2,27 @@
|
|
2
2
|
* @license
|
3
3
|
* Copyright 2019 Google LLC
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
-
*/const
|
5
|
+
*/const Y=globalThis,gt=Y.ShadowRoot&&(Y.ShadyCSS===void 0||Y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,vt=Symbol(),St=new WeakMap;let Gt=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==vt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(gt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=St.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&St.set(e,t))}return t}toString(){return this.cssText}};const ve=s=>new Gt(typeof s=="string"?s:s+"",void 0,vt),P=(s,...t)=>{const e=s.length===1?s[0]:t.reduce((i,r,n)=>i+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;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.")})(r)+s[n+1],s[0]);return new Gt(e,s,vt)},me=(s,t)=>{if(gt)s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),r=Y.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,s.appendChild(i)}},Et=gt?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return ve(e)})(s):s;/**
|
6
6
|
* @license
|
7
7
|
* Copyright 2017 Google LLC
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
-
*/const{is:ye,defineProperty:be,getOwnPropertyDescriptor:$e,getOwnPropertyNames:_e,getOwnPropertySymbols:we,getPrototypeOf:Ae}=Object,$=globalThis,Pt=$.trustedTypes,xe=Pt?Pt.emptyScript:"",et=$.reactiveElementPolyfillSupport,
|
9
|
+
*/const{is:ye,defineProperty:be,getOwnPropertyDescriptor:$e,getOwnPropertyNames:_e,getOwnPropertySymbols:we,getPrototypeOf:Ae}=Object,$=globalThis,Pt=$.trustedTypes,xe=Pt?Pt.emptyScript:"",et=$.reactiveElementPolyfillSupport,j=(s,t)=>s,Z={toAttribute(s,t){switch(t){case Boolean:s=s?xe:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},mt=(s,t)=>!ye(s,t),Ot={attribute:!0,type:String,converter:Z,reflect:!1,hasChanged:mt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),$.litPropertyMetadata??($.litPropertyMetadata=new WeakMap);let T=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=Ot){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,e);r!==void 0&&be(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:n}=$e(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return r==null?void 0:r.call(this)},set(o){const a=r==null?void 0:r.call(this);n.call(this,o),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Ot}static _$Ei(){if(this.hasOwnProperty(j("elementProperties")))return;const t=Ae(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(j("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(j("properties"))){const e=this.properties,i=[..._e(e),...we(e)];for(const r of i)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,r]of e)this.elementProperties.set(i,r)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const r=this._$Eu(e,i);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const r of i)e.unshift(Et(r))}else t!==void 0&&e.push(Et(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return me(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){var n;const i=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,i);if(r!==void 0&&i.reflect===!0){const o=(((n=i.converter)==null?void 0:n.toAttribute)!==void 0?i.converter:Z).toAttribute(e,i.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){var n;const i=this.constructor,r=i._$Eh.get(t);if(r!==void 0&&this._$Em!==r){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:Z;this._$Em=r,this[r]=a.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,i){if(t!==void 0){if(i??(i=this.constructor.getPropertyOptions(t)),!(i.hasChanged??mt)(this[t],e))return;this.P(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[n,o]of r)o.wrapped!==!0||this._$AL.has(n)||this[n]===void 0||this.P(n,this[n],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(r=>{var n;return(n=r.hostUpdate)==null?void 0:n.call(r)}),this.update(e)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(i=>{var r;return(r=i.hostUpdated)==null?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[j("elementProperties")]=new Map,T[j("finalized")]=new Map,et==null||et({ReactiveElement:T}),($.reactiveElementVersions??($.reactiveElementVersions=[])).push("2.0.4");/**
|
10
10
|
* @license
|
11
11
|
* Copyright 2017 Google LLC
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
13
13
|
*/const M=globalThis,K=M.trustedTypes,Tt=K?K.createPolicy("lit-html",{createHTML:s=>s}):void 0,Xt="$lit$",b=`lit$${(Math.random()+"").slice(9)}$`,Jt="?"+b,Ce=`<${Jt}>`,S=document,L=()=>S.createComment(""),H=s=>s===null||typeof s!="object"&&typeof s!="function",Qt=Array.isArray,Se=s=>Qt(s)||typeof(s==null?void 0:s[Symbol.iterator])=="function",it=`[
|
14
|
-
\f\r]`,
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
14
|
+
\f\r]`,R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ut=/-->/g,kt=/>/g,w=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Rt=/'/g,jt=/"/g,te=/^(?:script|style|textarea|title)$/i,Ee=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),x=Ee(1),E=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),Mt=new WeakMap,C=S.createTreeWalker(S,129);function ee(s,t){if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Tt!==void 0?Tt.createHTML(t):t}const Pe=(s,t)=>{const e=s.length-1,i=[];let r,n=t===2?"<svg>":"",o=R;for(let a=0;a<e;a++){const c=s[a];let h,l,p=-1,d=0;for(;d<c.length&&(o.lastIndex=d,l=o.exec(c),l!==null);)d=o.lastIndex,o===R?l[1]==="!--"?o=Ut:l[1]!==void 0?o=kt:l[2]!==void 0?(te.test(l[2])&&(r=RegExp("</"+l[2],"g")),o=w):l[3]!==void 0&&(o=w):o===w?l[0]===">"?(o=r??R,p=-1):l[1]===void 0?p=-2:(p=o.lastIndex-l[2].length,h=l[1],o=l[3]===void 0?w:l[3]==='"'?jt:Rt):o===jt||o===Rt?o=w:o===Ut||o===kt?o=R:(o=w,r=void 0);const f=o===w&&s[a+1].startsWith("/>")?" ":"";n+=o===R?c+Ce:p>=0?(i.push(h),c.slice(0,p)+Xt+c.slice(p)+b+f):c+b+(p===-2?a:f)}return[ee(s,n+(s[e]||"<?>")+(t===2?"</svg>":"")),i]};class I{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,o=0;const a=t.length-1,c=this.parts,[h,l]=Pe(t,e);if(this.el=I.createElement(h,i),C.currentNode=this.el.content,e===2){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(r=C.nextNode())!==null&&c.length<a;){if(r.nodeType===1){if(r.hasAttributes())for(const p of r.getAttributeNames())if(p.endsWith(Xt)){const d=l[o++],f=r.getAttribute(p).split(b),O=/([.?@])?(.*)/.exec(d);c.push({type:1,index:n,name:O[2],strings:f,ctor:O[1]==="."?Te:O[1]==="?"?Ue:O[1]==="@"?ke:Q}),r.removeAttribute(p)}else p.startsWith(b)&&(c.push({type:6,index:n}),r.removeAttribute(p));if(te.test(r.tagName)){const p=r.textContent.split(b),d=p.length-1;if(d>0){r.textContent=K?K.emptyScript:"";for(let f=0;f<d;f++)r.append(p[f],L()),C.nextNode(),c.push({type:2,index:++n});r.append(p[d],L())}}}else if(r.nodeType===8)if(r.data===Jt)c.push({type:2,index:n});else{let p=-1;for(;(p=r.data.indexOf(b,p+1))!==-1;)c.push({type:7,index:n}),p+=b.length-1}n++}}static createElement(t,e){const i=S.createElement("template");return i.innerHTML=t,i}}function U(s,t,e=s,i){var o,a;if(t===E)return t;let r=i!==void 0?(o=e._$Co)==null?void 0:o[i]:e._$Cl;const n=H(t)?void 0:t._$litDirective$;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=U(s,r._$AS(s,t.values),r,i)),t}class Oe{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,r=((t==null?void 0:t.creationScope)??S).importNode(e,!0);C.currentNode=r;let n=C.nextNode(),o=0,a=0,c=i[0];for(;c!==void 0;){if(o===c.index){let h;c.type===2?h=new D(n,n.nextSibling,this,t):c.type===1?h=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(h=new Re(n,this,t)),this._$AV.push(h),c=i[++a]}o!==(c==null?void 0:c.index)&&(n=C.nextNode(),o++)}return C.currentNode=S,r}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class D{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,r){this.type=2,this._$AH=u,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}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=U(this,t,e),H(t)?t===u||t==null||t===""?(this._$AH!==u&&this._$AR(),this._$AH=u):t!==this._$AH&&t!==E&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Se(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==u&&H(this._$AH)?this._$AA.nextSibling.data=t:this.T(S.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:i}=t,r=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=I.createElement(ee(i.h,i.h[0]),this.options)),i);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(e);else{const o=new Oe(r,this),a=o.u(this.options);o.p(e),this.T(a),this._$AH=o}}_$AC(t){let e=Mt.get(t.strings);return e===void 0&&Mt.set(t.strings,e=new I(t)),e}k(t){Qt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new D(this.S(L()),this.S(L()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Q{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,n){this.type=1,this._$AH=u,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=u}_$AI(t,e=this,i,r){const n=this.strings;let o=!1;if(n===void 0)t=U(this,t,e,0),o=!H(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else{const a=t;let c,h;for(t=n[0],c=0;c<n.length-1;c++)h=U(this,a[i+c],e,c),h===E&&(h=this._$AH[c]),o||(o=!H(h)||h!==this._$AH[c]),h===u?t=u:t!==u&&(t+=(h??"")+n[c+1]),this._$AH[c]=h}o&&!r&&this.j(t)}j(t){t===u?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Te extends Q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===u?void 0:t}}class Ue extends Q{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==u)}}class ke extends Q{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){if((t=U(this,t,e,0)??u)===E)return;const i=this._$AH,r=t===u&&i!==u||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==u&&(i===u||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Re{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){U(this,t)}}const st=M.litHtmlPolyfillSupport;st==null||st(I,D),(M.litHtmlVersions??(M.litHtmlVersions=[])).push("3.1.2");const je=(s,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let r=i._$litPart$;if(r===void 0){const n=(e==null?void 0:e.renderBefore)??null;i._$litPart$=r=new D(t.insertBefore(L(),n),n,void 0,e??{})}return r._$AI(s),r};/**
|
16
16
|
* @license
|
17
17
|
* Copyright 2017 Google LLC
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
19
|
-
*/let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=
|
19
|
+
*/let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=je(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return E}};var Kt;m._$litElement$=!0,m.finalized=!0,(Kt=globalThis.litElementHydrateSupport)==null||Kt.call(globalThis,{LitElement:m});const rt=globalThis.litElementPolyfillSupport;rt==null||rt({LitElement:m});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.4");/**
|
20
20
|
* @license
|
21
21
|
* Copyright 2021 Google LLC
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
23
|
-
*/function*ie(s,t){if(s!==void 0){let e=0;for(const i of s)yield t(i,e++)}}var
|
23
|
+
*/function*ie(s,t){if(s!==void 0){let e=0;for(const i of s)yield t(i,e++)}}var lt=function(s,t){return lt=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,i){e.__proto__=i}||function(e,i){for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])},lt(s,t)};function B(s,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");lt(s,t);function e(){this.constructor=s}s.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}function pt(s){var t=typeof Symbol=="function"&&Symbol.iterator,e=t&&s[t],i=0;if(e)return e.call(s);if(s&&typeof s.length=="number")return{next:function(){return s&&i>=s.length&&(s=void 0),{value:s&&s[i++],done:!s}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function G(s,t){var e=typeof Symbol=="function"&&s[Symbol.iterator];if(!e)return s;var i=e.call(s),r,n=[],o;try{for(;(t===void 0||t-- >0)&&!(r=i.next()).done;)n.push(r.value)}catch(a){o={error:a}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(o)throw o.error}}return n}function X(s,t,e){if(e||arguments.length===2)for(var i=0,r=t.length,n;i<r;i++)(n||!(i in t))&&(n||(n=Array.prototype.slice.call(t,0,i)),n[i]=t[i]);return s.concat(n||Array.prototype.slice.call(t))}function y(s){return typeof s=="function"}function se(s){var t=function(i){Error.call(i),i.stack=new Error().stack},e=s(t);return e.prototype=Object.create(Error.prototype),e.prototype.constructor=e,e}var nt=se(function(s){return function(e){s(this),this.message=e?e.length+` errors occurred during unsubscription:
|
24
24
|
`+e.map(function(i,r){return r+1+") "+i.toString()}).join(`
|
25
|
-
`):"",this.name="UnsubscriptionError",this.errors=e}});function ut(s,t){if(s){var e=s.indexOf(t);0<=e&&s.splice(e,1)}}var tt=function(){function s(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return s.prototype.unsubscribe=function(){var t,e,i,r,n;if(!this.closed){this.closed=!0;var o=this._parentage;if(o)if(this._parentage=null,Array.isArray(o))try{for(var a=pt(o),c=a.next();!c.done;c=a.next()){var
|
25
|
+
`):"",this.name="UnsubscriptionError",this.errors=e}});function ut(s,t){if(s){var e=s.indexOf(t);0<=e&&s.splice(e,1)}}var tt=function(){function s(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return s.prototype.unsubscribe=function(){var t,e,i,r,n;if(!this.closed){this.closed=!0;var o=this._parentage;if(o)if(this._parentage=null,Array.isArray(o))try{for(var a=pt(o),c=a.next();!c.done;c=a.next()){var h=c.value;h.remove(this)}}catch(v){t={error:v}}finally{try{c&&!c.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}else o.remove(this);var l=this.initialTeardown;if(y(l))try{l()}catch(v){n=v instanceof nt?v.errors:[v]}var p=this._finalizers;if(p){this._finalizers=null;try{for(var d=pt(p),f=d.next();!f.done;f=d.next()){var O=f.value;try{Nt(O)}catch(v){n=n??[],v instanceof nt?n=X(X([],G(n)),G(v.errors)):n.push(v)}}}catch(v){i={error:v}}finally{try{f&&!f.done&&(r=d.return)&&r.call(d)}finally{if(i)throw i.error}}}if(n)throw new nt(n)}},s.prototype.add=function(t){var e;if(t&&t!==this)if(this.closed)Nt(t);else{if(t instanceof s){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=(e=this._finalizers)!==null&&e!==void 0?e:[]).push(t)}},s.prototype._hasParent=function(t){var e=this._parentage;return e===t||Array.isArray(e)&&e.includes(t)},s.prototype._addParent=function(t){var e=this._parentage;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t},s.prototype._removeParent=function(t){var e=this._parentage;e===t?this._parentage=null:Array.isArray(e)&&ut(e,t)},s.prototype.remove=function(t){var e=this._finalizers;e&&ut(e,t),t instanceof s&&t._removeParent(this)},s.EMPTY=function(){var t=new s;return t.closed=!0,t}(),s}(),re=tt.EMPTY;function ne(s){return s instanceof tt||s&&"closed"in s&&y(s.remove)&&y(s.add)&&y(s.unsubscribe)}function Nt(s){y(s)?s():s.unsubscribe()}var oe={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1},dt={setTimeout:function(s,t){for(var e=[],i=2;i<arguments.length;i++)e[i-2]=arguments[i];var r=dt.delegate;return r!=null&&r.setTimeout?r.setTimeout.apply(r,X([s,t],G(e))):setTimeout.apply(void 0,X([s,t],G(e)))},clearTimeout:function(s){var t=dt.delegate;return((t==null?void 0:t.clearTimeout)||clearTimeout)(s)},delegate:void 0};function Me(s){dt.setTimeout(function(){throw s})}function Lt(){}function q(s){s()}var ae=function(s){B(t,s);function t(e){var i=s.call(this)||this;return i.isStopped=!1,e?(i.destination=e,ne(e)&&e.add(i)):i.destination=Ie,i}return t.create=function(e,i,r){return new ft(e,i,r)},t.prototype.next=function(e){this.isStopped||this._next(e)},t.prototype.error=function(e){this.isStopped||(this.isStopped=!0,this._error(e))},t.prototype.complete=function(){this.isStopped||(this.isStopped=!0,this._complete())},t.prototype.unsubscribe=function(){this.closed||(this.isStopped=!0,s.prototype.unsubscribe.call(this),this.destination=null)},t.prototype._next=function(e){this.destination.next(e)},t.prototype._error=function(e){try{this.destination.error(e)}finally{this.unsubscribe()}},t.prototype._complete=function(){try{this.destination.complete()}finally{this.unsubscribe()}},t}(tt),Ne=Function.prototype.bind;function ot(s,t){return Ne.call(s,t)}var Le=function(){function s(t){this.partialObserver=t}return s.prototype.next=function(t){var e=this.partialObserver;if(e.next)try{e.next(t)}catch(i){W(i)}},s.prototype.error=function(t){var e=this.partialObserver;if(e.error)try{e.error(t)}catch(i){W(i)}else W(t)},s.prototype.complete=function(){var t=this.partialObserver;if(t.complete)try{t.complete()}catch(e){W(e)}},s}(),ft=function(s){B(t,s);function t(e,i,r){var n=s.call(this)||this,o;if(y(e)||!e)o={next:e??void 0,error:i??void 0,complete:r??void 0};else{var a;n&&oe.useDeprecatedNextContext?(a=Object.create(e),a.unsubscribe=function(){return n.unsubscribe()},o={next:e.next&&ot(e.next,a),error:e.error&&ot(e.error,a),complete:e.complete&&ot(e.complete,a)}):o=e}return n.destination=new Le(o),n}return t}(ae);function W(s){Me(s)}function He(s){throw s}var Ie={closed:!0,next:Lt,error:He,complete:Lt},De=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}();function Be(s){return s}function ze(s){return s.length===0?Be:s.length===1?s[0]:function(e){return s.reduce(function(i,r){return r(i)},e)}}var Ht=function(){function s(t){t&&(this._subscribe=t)}return s.prototype.lift=function(t){var e=new s;return e.source=this,e.operator=t,e},s.prototype.subscribe=function(t,e,i){var r=this,n=We(t)?t:new ft(t,e,i);return q(function(){var o=r,a=o.operator,c=o.source;n.add(a?a.call(n,c):c?r._subscribe(n):r._trySubscribe(n))}),n},s.prototype._trySubscribe=function(t){try{return this._subscribe(t)}catch(e){t.error(e)}},s.prototype.forEach=function(t,e){var i=this;return e=It(e),new e(function(r,n){var o=new ft({next:function(a){try{t(a)}catch(c){n(c),o.unsubscribe()}},error:n,complete:r});i.subscribe(o)})},s.prototype._subscribe=function(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)},s.prototype[De]=function(){return this},s.prototype.pipe=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return ze(t)(this)},s.prototype.toPromise=function(t){var e=this;return t=It(t),new t(function(i,r){var n;e.subscribe(function(o){return n=o},function(o){return r(o)},function(){return i(n)})})},s.create=function(t){return new s(t)},s}();function It(s){var t;return(t=s??oe.Promise)!==null&&t!==void 0?t:Promise}function Ve(s){return s&&y(s.next)&&y(s.error)&&y(s.complete)}function We(s){return s&&s instanceof ae||Ve(s)&&ne(s)}var Fe=se(function(s){return function(){s(this),this.name="ObjectUnsubscribedError",this.message="object unsubscribed"}}),yt=function(s){B(t,s);function t(){var e=s.call(this)||this;return e.closed=!1,e.currentObservers=null,e.observers=[],e.isStopped=!1,e.hasError=!1,e.thrownError=null,e}return t.prototype.lift=function(e){var i=new Dt(this,this);return i.operator=e,i},t.prototype._throwIfClosed=function(){if(this.closed)throw new Fe},t.prototype.next=function(e){var i=this;q(function(){var r,n;if(i._throwIfClosed(),!i.isStopped){i.currentObservers||(i.currentObservers=Array.from(i.observers));try{for(var o=pt(i.currentObservers),a=o.next();!a.done;a=o.next()){var c=a.value;c.next(e)}}catch(h){r={error:h}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}}})},t.prototype.error=function(e){var i=this;q(function(){if(i._throwIfClosed(),!i.isStopped){i.hasError=i.isStopped=!0,i.thrownError=e;for(var r=i.observers;r.length;)r.shift().error(e)}})},t.prototype.complete=function(){var e=this;q(function(){if(e._throwIfClosed(),!e.isStopped){e.isStopped=!0;for(var i=e.observers;i.length;)i.shift().complete()}})},t.prototype.unsubscribe=function(){this.isStopped=this.closed=!0,this.observers=this.currentObservers=null},Object.defineProperty(t.prototype,"observed",{get:function(){var e;return((e=this.observers)===null||e===void 0?void 0:e.length)>0},enumerable:!1,configurable:!0}),t.prototype._trySubscribe=function(e){return this._throwIfClosed(),s.prototype._trySubscribe.call(this,e)},t.prototype._subscribe=function(e){return this._throwIfClosed(),this._checkFinalizedStatuses(e),this._innerSubscribe(e)},t.prototype._innerSubscribe=function(e){var i=this,r=this,n=r.hasError,o=r.isStopped,a=r.observers;return n||o?re:(this.currentObservers=null,a.push(e),new tt(function(){i.currentObservers=null,ut(a,e)}))},t.prototype._checkFinalizedStatuses=function(e){var i=this,r=i.hasError,n=i.thrownError,o=i.isStopped;r?e.error(n):o&&e.complete()},t.prototype.asObservable=function(){var e=new Ht;return e.source=this,e},t.create=function(e,i){return new Dt(e,i)},t}(Ht),Dt=function(s){B(t,s);function t(e,i){var r=s.call(this)||this;return r.destination=e,r.source=i,r}return t.prototype.next=function(e){var i,r;(r=(i=this.destination)===null||i===void 0?void 0:i.next)===null||r===void 0||r.call(i,e)},t.prototype.error=function(e){var i,r;(r=(i=this.destination)===null||i===void 0?void 0:i.error)===null||r===void 0||r.call(i,e)},t.prototype.complete=function(){var e,i;(i=(e=this.destination)===null||e===void 0?void 0:e.complete)===null||i===void 0||i.call(e)},t.prototype._subscribe=function(e){var i,r;return(r=(i=this.source)===null||i===void 0?void 0:i.subscribe(e))!==null&&r!==void 0?r:re},t}(yt),Ye=function(s){B(t,s);function t(e){var i=s.call(this)||this;return i._value=e,i}return Object.defineProperty(t.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),t.prototype._subscribe=function(e){var i=s.prototype._subscribe.call(this,e);return!i.closed&&e.next(this._value),i},t.prototype.getValue=function(){var e=this,i=e.hasError,r=e.thrownError,n=e._value;if(i)throw r;return this._throwIfClosed(),n},t.prototype.next=function(e){s.prototype.next.call(this,this._value=e)},t}(yt);/**
|
26
26
|
* @license
|
27
27
|
* Copyright 2017 Google LLC
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
@@ -58,17 +58,17 @@
|
|
58
58
|
* @license
|
59
59
|
* Copyright 2017 Google LLC
|
60
60
|
* SPDX-License-Identifier: BSD-3-Clause
|
61
|
-
*/const N=(s,t)=>{var i;const e=s._$AN;if(e===void 0)return!1;for(const r of e)(i=r._$AO)==null||i.call(r,t,!1),N(r,t);return!0},J=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while((e==null?void 0:e.size)===0)},
|
61
|
+
*/const N=(s,t)=>{var i;const e=s._$AN;if(e===void 0)return!1;for(const r of e)(i=r._$AO)==null||i.call(r,t,!1),N(r,t);return!0},J=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while((e==null?void 0:e.size)===0)},he=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),ei(t)}};function Qe(s){this._$AN!==void 0?(J(this),this._$AM=s,he(this)):this._$AM=s}function ti(s,t=!1,e=0){const i=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(t)if(Array.isArray(i))for(let n=e;n<i.length;n++)N(i[n],!1),J(i[n]);else i!=null&&(N(i,!1),J(i));else N(this,s)}const ei=s=>{s.type==$t.CHILD&&(s._$AP??(s._$AP=ti),s._$AQ??(s._$AQ=Qe))};class le extends ce{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),he(this),this.isConnected=t._$AU}_$AO(t,e=!0){var i,r;t!==this.isConnected&&(this.isConnected=t,t?(i=this.reconnected)==null||i.call(this):(r=this.disconnected)==null||r.call(this)),e&&(N(this,t),J(this))}setValue(t){if(Je(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}const ii=new WeakMap;let Bt=0;const at=new Map,zt=new WeakSet,Vt=()=>new Promise(s=>requestAnimationFrame(s)),si=[{transform:"translateX(100%) scale(0)",opacity:0}],Wt=(s,t)=>{const e=s-t;return e===0?void 0:e},Ft=(s,t)=>{const e=s/t;return e===1?void 0:e},ct={left:(s,t)=>{const e=Wt(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateX(${e}px)`}},top:(s,t)=>{const e=Wt(s,t);return{value:e,transform:e==null||isNaN(e)?void 0:`translateY(${e}px)`}},width:(s,t)=>{let e;t===0&&(t=1,e={width:"1px"});const i=Ft(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleX(${i})`}},height:(s,t)=>{let e;t===0&&(t=1,e={height:"1px"});const i=Ft(s,t);return{value:i,overrideFrom:e,transform:i==null||isNaN(i)?void 0:`scaleY(${i})`}}},ri={duration:333,easing:"ease-in-out"},ni=["left","top","width","height","opacity","color","background"],Yt=new WeakMap;class oi extends le{constructor(t){if(super(t),this.t=!1,this.i=null,this.o=null,this.h=!0,this.shouldLog=!1,t.type===$t.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished()}createFinished(){var t;(t=this.resolveFinished)==null||t.call(this),this.finished=new Promise(e=>{this.l=e})}async resolveFinished(){var t;(t=this.l)==null||t.call(this),this.l=void 0}render(t){return u}getController(){return ii.get(this.u)}isDisabled(){var t;return this.options.disabled||((t=this.getController())==null?void 0:t.disabled)}update(t,[e]){var r;const i=this.u===void 0;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,Yt.set(this.element,this)),this.optionsOrCallback=e,(i||typeof e!="function")&&this.p(e),this.render(e)}p(t){t=t??{};const e=this.getController();e!==void 0&&((t={...e.defaultOptions,...t}).keyframeOptions={...e.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??(t.properties=ni),this.options=t}m(){const t={},e=this.element.getBoundingClientRect(),i=getComputedStyle(this.element);return this.options.properties.forEach(r=>{const n=e[r]??(ct[r]?void 0:i[r]),o=Number(n);t[r]=isNaN(o)?n+"":o}),t}v(){let t,e=!0;return this.options.guard&&(t=this.options.guard(),e=((i,r)=>{if(Array.isArray(i)){if(Array.isArray(r)&&r.length===i.length&&i.every((n,o)=>n===r[o]))return!1}else if(r===i)return!1;return!0})(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}hostUpdate(){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)}async hostUpdated(){if(!this.h||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await Vt;const e=this.O(),i=this.j(this.options.keyframeOptions,e),r=this.m();if(this.A!==void 0){const{from:n,to:o}=this.N(this.A,r,e);this.log("measured",[this.A,r,n,o]),t=this.calculateKeyframes(n,o)}else{const n=at.get(this.options.inId);if(n){at.delete(this.options.inId);const{from:o,to:a}=this.N(n,r,e);t=this.calculateKeyframes(o,a),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,Bt++,t.forEach(c=>c.zIndex=Bt)}else this.options.in&&(t=[...this.options.in,{}])}this.animate(t,i)}resetStyles(){this.P!==void 0&&(this.element.setAttribute("style",this.P??""),this.P=void 0)}commitStyles(){var t,e;this.P=this.element.getAttribute("style"),(t=this.webAnimation)==null||t.commitStyles(),(e=this.webAnimation)==null||e.cancel()}reconnected(){}async disconnected(){var e;if(!this.h||(this.options.id!==void 0&&at.set(this.options.id,this.A),this.options.out===void 0))return;if(this.prepare(),await Vt(),(e=this.i)==null?void 0:e.isConnected){const i=this.o&&this.o.parentNode===this.i?this.o:null;if(this.i.insertBefore(this.element,i),this.options.stabilizeOut){const r=this.m();this.log("stabilizing out");const n=this.A.left-r.left,o=this.A.top-r.top;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")}}const t=this.j(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove()}prepare(){this.createFinished()}start(){var t,e;(e=(t=this.options).onStart)==null||e.call(t,this)}didFinish(t){var e,i;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()}O(){const t=[];for(let e=this.element.parentNode;e;e=e==null?void 0:e.parentNode){const i=Yt.get(e);i&&!i.isDisabled()&&i&&t.push(i)}return t}get isHostRendered(){const t=zt.has(this.u);return t||this.u.updateComplete.then(()=>{zt.add(this.u)}),t}j(t,e=this.O()){const i={...ri};return e.forEach(r=>Object.assign(i,r.options.keyframeOptions)),Object.assign(i,t),i}N(t,e,i){t={...t},e={...e};const r=i.map(a=>a.animatingProperties).filter(a=>a!==void 0);let n=1,o=1;return r.length>0&&(r.forEach(a=>{a.width&&(n/=a.width),a.height&&(o/=a.height)}),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}}calculateKeyframes(t,e,i=!1){const r={},n={};let o=!1;const a={};for(const c in e){const h=t[c],l=e[c];if(c in ct){const p=ct[c];if(h===void 0||l===void 0)continue;const d=p(h,l);d.transform!==void 0&&(a[c]=d.value,o=!0,r.transform=`${r.transform??""} ${d.transform}`,d.overrideFrom!==void 0&&Object.assign(r,d.overrideFrom))}else h!==l&&h!==void 0&&l!==void 0&&(o=!0,r[c]=h,n[c]=l)}return r.transformOrigin=n.transformOrigin=i?"center center":"top left",this.animatingProperties=a,o?[r,n]:void 0}async animate(t,e=this.options.keyframeOptions){this.start(),this.frames=t;let i=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),t!==void 0)){this.log("animate",[t,e]),i=!0,this.webAnimation=this.element.animate(t,e);const r=this.getController();r==null||r.add(this);try{await this.webAnimation.finished}catch{}r==null||r.remove(this)}return this.didFinish(i),i}isAnimating(){var t,e;return((t=this.webAnimation)==null?void 0:t.playState)==="running"||((e=this.webAnimation)==null?void 0:e.pending)}log(t,e){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,e)}}const ai=_t(oi),ci={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>'};/**
|
62
62
|
* @license
|
63
63
|
* Copyright 2018 Google LLC
|
64
64
|
* SPDX-License-Identifier: BSD-3-Clause
|
65
|
-
*/const qt=_t(class extends ce{constructor(s){var t;if(super(s),s.type!==$t.ATTRIBUTE||s.name!=="class"||((t=s.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var i,r;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!((i=this.nt)!=null&&i.has(n))&&this.st.add(n);return this.render(t)}const e=s.element.classList;for(const n of this.st)n in t||(e.remove(n),this.st.delete(n));for(const n in t){const o=!!t[n];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)))}return E}}),
|
65
|
+
*/const qt=_t(class extends ce{constructor(s){var t;if(super(s),s.type!==$t.ATTRIBUTE||s.name!=="class"||((t=s.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var i,r;if(this.st===void 0){this.st=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in t)t[n]&&!((i=this.nt)!=null&&i.has(n))&&this.st.add(n);return this.render(t)}const e=s.element.classList;for(const n of this.st)n in t||(e.remove(n),this.st.delete(n));for(const n in t){const o=!!t[n];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)))}return E}}),F=(s,t,e)=>{s&&e.style.setProperty(t,s)},pe=(s,t)=>{var e,i,r,n;F((e=s.colors)==null?void 0:e.primaryBackground,"--primary-background",t),F((i=s.colors)==null?void 0:i.textOnPrimaryBackground,"--text-on-primary-background",t),F((r=s.colors)==null?void 0:r.secondaryBackground,"--secondary-background",t),F((n=s.colors)==null?void 0:n.textOnSecondaryBackground,"--text-on-secondary-background",t)};/**
|
66
66
|
* @license
|
67
67
|
* Copyright 2020 Google LLC
|
68
68
|
* SPDX-License-Identifier: BSD-3-Clause
|
69
|
-
*/const ue=()=>new
|
69
|
+
*/const ue=()=>new hi;class hi{}const ht=new WeakMap,de=_t(class extends le{render(s){return u}update(s,[t]){var i;const e=t!==this.Y;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)),u}rt(s){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=ht.get(t);e===void 0&&(e=new WeakMap,ht.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)}else this.Y.value=s}get lt(){var s,t;return typeof this.Y=="function"?(s=ht.get(this.ht??globalThis))==null?void 0:s.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var li=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,z=(s,t,e,i)=>{for(var r=i>1?void 0:i?pi(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&li(t,e,r),r};class _ extends m{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=ue(),this.widgetActive$=new Ye(!1),this.componentIsDestroyed$=new yt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?(this.application.appendToDOM(),this.widgetActive$.next(!0)):(this.application.hide(),this.widgetActive$.next(!1))}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&pe(this.application.settings.branding,this)}async _renderSymbol(){var a,c,h;const t=(a=this.application)==null?void 0:a.branding(),e=(c=t==null?void 0:t.graphics)==null?void 0:c.trigger;if(e)return x` <img src=${e} class="trigger-icon" alt="" /> `;const i=(h=this.application)==null?void 0:h.triggerIcon;if(!i)return u;const r=async l=>ci,{type:n,content:o}=i;switch(n){case"Telia":{const l=await r();return l?x`<telia-icon
|
70
70
|
class="trigger-icon"
|
71
|
-
svg=${
|
71
|
+
svg=${l.svg}
|
72
72
|
size="lg"
|
73
73
|
></telia-icon>`:u}default:return u}}hideTrigger(){this.triggerVisible=!1}showTrigger(){this.triggerVisible=!0}render(){var t,e,i,r;return x`<div
|
74
74
|
class=${qt({"trigger-container":!0,hidden:!this.triggerVisible})}
|
@@ -260,12 +260,12 @@
|
|
260
260
|
* @license
|
261
261
|
* Copyright 2021 Google LLC
|
262
262
|
* SPDX-License-Identifier: BSD-3-Clause
|
263
|
-
*/let vi=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};class Zt extends gi{constructor(t,e,i){var r,n;super(e.context!==void 0?e.initialValue:i),this.onContextRequest=o=>{const a=o.composedPath()[0];o.context===this.context&&a!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,a,o.subscribe))},this.onProviderRequest=o=>{const a=o.composedPath()[0];if(o.context!==this.context||a===this.host)return;const c=new Set;for(const[
|
263
|
+
*/let vi=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};class Zt extends gi{constructor(t,e,i){var r,n;super(e.context!==void 0?e.initialValue:i),this.onContextRequest=o=>{const a=o.composedPath()[0];o.context===this.context&&a!==this.host&&(o.stopPropagation(),this.addCallback(o.callback,a,o.subscribe))},this.onProviderRequest=o=>{const a=o.composedPath()[0];if(o.context!==this.context||a===this.host)return;const c=new Set;for(const[h,{consumerHost:l}]of this.subscriptions)c.has(h)||(c.add(h),l.dispatchEvent(new fi(this.context,h,!0)));o.stopPropagation()},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)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new vi(this.context))}}/**
|
264
264
|
* @license
|
265
265
|
* Copyright 2017 Google LLC
|
266
266
|
* SPDX-License-Identifier: BSD-3-Clause
|
267
|
-
*/function mi({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){i.set(this,new Zt(this,{context:s}))}),{get(){return t.get.call(this)},set(r){var n;return(n=i.get(this))==null||n.setValue(r),t.set.call(this,r)},init(r){var n;return(n=i.get(this))==null||n.setValue(r),r}};{t.constructor.addInitializer(o=>{i.set(o,new Zt(o,{context:s}))});const r=Object.getOwnPropertyDescriptor(t,e);let n;if(r===void 0){const o=new WeakMap;n={get:function(){return o.get(this)},set:function(a){i.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=r.set;n={...r,set:function(a){i.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,n)}}}var yi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,$i=(s,t,e,i)=>{for(var r=i>1?void 0:i?bi(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&yi(t,e,r),r};const _i="application";class At extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=ue()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&pe(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([i,r])=>{e.style.setProperty(`--${i}`,r)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){return this.application.renderStrategy===wt.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")),x`<div class="widget-container" ${de(this.wrapperRef)}>
|
268
|
-
${ie(this.nodes,
|
267
|
+
*/function mi({context:s}){return(t,e)=>{const i=new WeakMap;if(typeof e=="object")return e.addInitializer(function(){i.set(this,new Zt(this,{context:s}))}),{get(){return t.get.call(this)},set(r){var n;return(n=i.get(this))==null||n.setValue(r),t.set.call(this,r)},init(r){var n;return(n=i.get(this))==null||n.setValue(r),r}};{t.constructor.addInitializer(o=>{i.set(o,new Zt(o,{context:s}))});const r=Object.getOwnPropertyDescriptor(t,e);let n;if(r===void 0){const o=new WeakMap;n={get:function(){return o.get(this)},set:function(a){i.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=r.set;n={...r,set:function(a){i.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(t,e,n)}}}var yi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,$i=(s,t,e,i)=>{for(var r=i>1?void 0:i?bi(t,e):t,n=s.length-1,o;n>=0;n--)(o=s[n])&&(r=(i?o(t,e,r):o(r))||r);return i&&r&&yi(t,e,r),r};const _i="application";class At extends m{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=ue()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&pe(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([i,r])=>{e.style.setProperty(`--${i}`,r)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){var i,r;const t=this.application.settings.components.conversation;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===wt.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")),x`<div class="widget-container" ${de(this.wrapperRef)}>
|
268
|
+
${ie(this.nodes,n=>n)}
|
269
269
|
</div>`}}At.styles=P`
|
270
270
|
:host {
|
271
271
|
--font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
|
@@ -313,6 +313,10 @@
|
|
313
313
|
inset: 0 0 95px 0;
|
314
314
|
height: 100%;
|
315
315
|
}
|
316
|
+
:host(.third-party) {
|
317
|
+
inset: 0 0 95px 0;
|
318
|
+
height: 100vh;
|
319
|
+
}
|
316
320
|
}
|
317
321
|
@media screen and (min-width: 801px) {
|
318
322
|
:host(.floating) {
|
@@ -321,6 +325,14 @@
|
|
321
325
|
width: 400px;
|
322
326
|
height: 700px;
|
323
327
|
}
|
328
|
+
:host(.third-party) {
|
329
|
+
max-width: 1000px;
|
330
|
+
height: 100vh;
|
331
|
+
position: relative;
|
332
|
+
left: 50%;
|
333
|
+
transform: translateX(-50%);
|
334
|
+
margin: -10px 0;
|
335
|
+
}
|
324
336
|
:host(.floating.bottom-right) {
|
325
337
|
inset: auto 20px 95px auto;
|
326
338
|
}
|
@@ -346,6 +358,8 @@
|
|
346
358
|
background-color: var(--primary-background);
|
347
359
|
padding: var(--spacing-sm);
|
348
360
|
border: var(--widget-border, none);
|
361
|
+
border-left: 1px solid #00000054;
|
362
|
+
border-right: 1px solid #00000054;
|
349
363
|
}
|
350
364
|
@keyframes slideDown {
|
351
365
|
from {
|
package/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-
|
1
|
+
"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-2533ce4c.js")))};module.exports=r;
|
package/index.mjs
CHANGED
package/package.json
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
{
|
2
2
|
"name": "@telia-ace/widget-components-area-flamingo",
|
3
|
-
"version": "1.1.72-rc.
|
3
|
+
"version": "1.1.72-rc.4",
|
4
4
|
"dependencies": {
|
5
|
-
"@telia-ace/widget-core-flamingo": "1.1.72-rc.
|
5
|
+
"@telia-ace/widget-core-flamingo": "1.1.72-rc.4",
|
6
6
|
"lit": "^3.0.2"
|
7
7
|
},
|
8
8
|
"main": "./index.js",
|