@telia-ace/widget-components-area-flamingo 1.1.66-rc.0 → 1.1.66-rc.2
Sign up to get free protection for your applications and to get access to all the features.
- package/{area-5dd314f0.mjs → area-b1830d0f.mjs} +297 -169
- package/{area-6af9eb99.js → area-f89182ea.js} +46 -27
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
@@ -4,7 +4,7 @@
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
5
5
|
*/
|
6
6
|
const z = globalThis, tt = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, et = Symbol(), lt = /* @__PURE__ */ new WeakMap();
|
7
|
-
let
|
7
|
+
let St = class {
|
8
8
|
constructor(t, e, s) {
|
9
9
|
if (this._$cssResult$ = !0, s !== et)
|
10
10
|
throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
@@ -23,7 +23,7 @@ let Et = class {
|
|
23
23
|
return this.cssText;
|
24
24
|
}
|
25
25
|
};
|
26
|
-
const
|
26
|
+
const It = (r) => new St(typeof r == "string" ? r : r + "", void 0, et), C = (r, ...t) => {
|
27
27
|
const e = r.length === 1 ? r[0] : t.reduce((s, i, o) => s + ((n) => {
|
28
28
|
if (n._$cssResult$ === !0)
|
29
29
|
return n.cssText;
|
@@ -31,8 +31,8 @@ const zt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r,
|
|
31
31
|
return n;
|
32
32
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
33
33
|
})(i) + r[o + 1], r[0]);
|
34
|
-
return new
|
35
|
-
},
|
34
|
+
return new St(e, r, et);
|
35
|
+
}, Wt = (r, t) => {
|
36
36
|
if (tt)
|
37
37
|
r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
38
38
|
else
|
@@ -44,17 +44,17 @@ const zt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r,
|
|
44
44
|
let e = "";
|
45
45
|
for (const s of t.cssRules)
|
46
46
|
e += s.cssText;
|
47
|
-
return
|
47
|
+
return It(e);
|
48
48
|
})(r) : r;
|
49
49
|
/**
|
50
50
|
* @license
|
51
51
|
* Copyright 2017 Google LLC
|
52
52
|
* SPDX-License-Identifier: BSD-3-Clause
|
53
53
|
*/
|
54
|
-
const { is:
|
54
|
+
const { is: Yt, defineProperty: Ft, getOwnPropertyDescriptor: Vt, getOwnPropertyNames: qt, getOwnPropertySymbols: Zt, getPrototypeOf: Kt } = Object, $ = globalThis, dt = $.trustedTypes, Gt = dt ? dt.emptyScript : "", q = $.reactiveElementPolyfillSupport, T = (r, t) => r, I = { toAttribute(r, t) {
|
55
55
|
switch (t) {
|
56
56
|
case Boolean:
|
57
|
-
r = r ?
|
57
|
+
r = r ? Gt : null;
|
58
58
|
break;
|
59
59
|
case Object:
|
60
60
|
case Array:
|
@@ -79,8 +79,8 @@ const { is: Wt, defineProperty: Yt, getOwnPropertyDescriptor: Ft, getOwnProperty
|
|
79
79
|
}
|
80
80
|
}
|
81
81
|
return e;
|
82
|
-
} }, st = (r, t) => !
|
83
|
-
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")),
|
82
|
+
} }, st = (r, t) => !Yt(r, t), pt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: st };
|
83
|
+
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
84
84
|
let S = class extends HTMLElement {
|
85
85
|
static addInitializer(t) {
|
86
86
|
this._$Ei(), (this.l ?? (this.l = [])).push(t);
|
@@ -91,11 +91,11 @@ let S = class extends HTMLElement {
|
|
91
91
|
static createProperty(t, e = pt) {
|
92
92
|
if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
|
93
93
|
const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
|
94
|
-
i !== void 0 &&
|
94
|
+
i !== void 0 && Ft(this.prototype, t, i);
|
95
95
|
}
|
96
96
|
}
|
97
97
|
static getPropertyDescriptor(t, e, s) {
|
98
|
-
const { get: i, set: o } =
|
98
|
+
const { get: i, set: o } = Vt(this.prototype, t) ?? { get() {
|
99
99
|
return this[e];
|
100
100
|
}, set(n) {
|
101
101
|
this[e] = n;
|
@@ -113,14 +113,14 @@ let S = class extends HTMLElement {
|
|
113
113
|
static _$Ei() {
|
114
114
|
if (this.hasOwnProperty(T("elementProperties")))
|
115
115
|
return;
|
116
|
-
const t =
|
116
|
+
const t = Kt(this);
|
117
117
|
t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
|
118
118
|
}
|
119
119
|
static finalize() {
|
120
120
|
if (this.hasOwnProperty(T("finalized")))
|
121
121
|
return;
|
122
122
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
|
123
|
-
const e = this.properties, s = [...
|
123
|
+
const e = this.properties, s = [...qt(e), ...Zt(e)];
|
124
124
|
for (const i of s)
|
125
125
|
this.createProperty(i, e[i]);
|
126
126
|
}
|
@@ -175,7 +175,7 @@ let S = class extends HTMLElement {
|
|
175
175
|
}
|
176
176
|
createRenderRoot() {
|
177
177
|
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
178
|
-
return
|
178
|
+
return Wt(t, this.constructor.elementStyles), t;
|
179
179
|
}
|
180
180
|
connectedCallback() {
|
181
181
|
var t;
|
@@ -292,39 +292,39 @@ let S = class extends HTMLElement {
|
|
292
292
|
firstUpdated(t) {
|
293
293
|
}
|
294
294
|
};
|
295
|
-
S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[T("elementProperties")] = /* @__PURE__ */ new Map(), S[T("finalized")] = /* @__PURE__ */ new Map(), q == null || q({ ReactiveElement: S }), (
|
295
|
+
S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[T("elementProperties")] = /* @__PURE__ */ new Map(), S[T("finalized")] = /* @__PURE__ */ new Map(), q == null || q({ ReactiveElement: S }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
|
296
296
|
/**
|
297
297
|
* @license
|
298
298
|
* Copyright 2017 Google LLC
|
299
299
|
* SPDX-License-Identifier: BSD-3-Clause
|
300
300
|
*/
|
301
|
-
const N = globalThis, W = N.trustedTypes, ut = W ? W.createPolicy("lit-html", { createHTML: (r) => r }) : void 0,
|
301
|
+
const N = globalThis, W = N.trustedTypes, ut = W ? W.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, Pt = "$lit$", v = `lit$${(Math.random() + "").slice(9)}$`, Ot = "?" + v, Xt = `<${Ot}>`, w = document, R = () => w.createComment(""), U = (r) => r === null || typeof r != "object" && typeof r != "function", Tt = Array.isArray, Jt = (r) => Tt(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", Z = `[
|
302
302
|
\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, gt = /-->/g, ft = />/g, y = RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^
|
303
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g,
|
304
|
-
function
|
303
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, vt = /"/g, Nt = /^(?:script|style|textarea|title)$/i, Qt = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), _ = Qt(1), x = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), $t = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129);
|
304
|
+
function kt(r, t) {
|
305
305
|
if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
|
306
306
|
throw Error("invalid template strings array");
|
307
307
|
return ut !== void 0 ? ut.createHTML(t) : t;
|
308
308
|
}
|
309
|
-
const
|
309
|
+
const te = (r, t) => {
|
310
310
|
const e = r.length - 1, s = [];
|
311
311
|
let i, o = t === 2 ? "<svg>" : "", n = O;
|
312
312
|
for (let h = 0; h < e; h++) {
|
313
313
|
const a = r[h];
|
314
|
-
let l,
|
315
|
-
for (; u < a.length && (n.lastIndex = u,
|
316
|
-
u = n.lastIndex, n === O ?
|
314
|
+
let l, c, p = -1, u = 0;
|
315
|
+
for (; u < a.length && (n.lastIndex = u, c = n.exec(a), c !== null); )
|
316
|
+
u = n.lastIndex, n === O ? c[1] === "!--" ? n = gt : c[1] !== void 0 ? n = ft : c[2] !== void 0 ? (Nt.test(c[2]) && (i = RegExp("</" + c[2], "g")), n = y) : c[3] !== void 0 && (n = y) : n === y ? c[0] === ">" ? (n = i ?? O, p = -1) : c[1] === void 0 ? p = -2 : (p = n.lastIndex - c[2].length, l = c[1], n = c[3] === void 0 ? y : c[3] === '"' ? vt : mt) : n === vt || n === mt ? n = y : n === gt || n === ft ? n = O : (n = y, i = void 0);
|
317
317
|
const m = n === y && r[h + 1].startsWith("/>") ? " " : "";
|
318
|
-
o += n === O ? a +
|
318
|
+
o += n === O ? a + Xt : p >= 0 ? (s.push(l), a.slice(0, p) + Pt + a.slice(p) + v + m) : a + v + (p === -2 ? h : m);
|
319
319
|
}
|
320
|
-
return [
|
320
|
+
return [kt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
|
321
321
|
};
|
322
322
|
class M {
|
323
323
|
constructor({ strings: t, _$litType$: e }, s) {
|
324
324
|
let i;
|
325
325
|
this.parts = [];
|
326
326
|
let o = 0, n = 0;
|
327
|
-
const h = t.length - 1, a = this.parts, [l,
|
327
|
+
const h = t.length - 1, a = this.parts, [l, c] = te(t, e);
|
328
328
|
if (this.el = M.createElement(l, s), A.currentNode = this.el.content, e === 2) {
|
329
329
|
const p = this.el.content.firstChild;
|
330
330
|
p.replaceWith(...p.childNodes);
|
@@ -333,13 +333,13 @@ class M {
|
|
333
333
|
if (i.nodeType === 1) {
|
334
334
|
if (i.hasAttributes())
|
335
335
|
for (const p of i.getAttributeNames())
|
336
|
-
if (p.endsWith(
|
337
|
-
const u =
|
338
|
-
a.push({ type: 1, index: o, name:
|
336
|
+
if (p.endsWith(Pt)) {
|
337
|
+
const u = c[n++], m = i.getAttribute(p).split(v), D = /([.?@])?(.*)/.exec(u);
|
338
|
+
a.push({ type: 1, index: o, name: D[2], strings: m, ctor: D[1] === "." ? se : D[1] === "?" ? ie : D[1] === "@" ? re : F }), i.removeAttribute(p);
|
339
339
|
} else
|
340
|
-
p.startsWith(
|
341
|
-
if (
|
342
|
-
const p = i.textContent.split(
|
340
|
+
p.startsWith(v) && (a.push({ type: 6, index: o }), i.removeAttribute(p));
|
341
|
+
if (Nt.test(i.tagName)) {
|
342
|
+
const p = i.textContent.split(v), u = p.length - 1;
|
343
343
|
if (u > 0) {
|
344
344
|
i.textContent = W ? W.emptyScript : "";
|
345
345
|
for (let m = 0; m < u; m++)
|
@@ -348,12 +348,12 @@ class M {
|
|
348
348
|
}
|
349
349
|
}
|
350
350
|
} else if (i.nodeType === 8)
|
351
|
-
if (i.data ===
|
351
|
+
if (i.data === Ot)
|
352
352
|
a.push({ type: 2, index: o });
|
353
353
|
else {
|
354
354
|
let p = -1;
|
355
|
-
for (; (p = i.data.indexOf(
|
356
|
-
a.push({ type: 7, index: o }), p +=
|
355
|
+
for (; (p = i.data.indexOf(v, p + 1)) !== -1; )
|
356
|
+
a.push({ type: 7, index: o }), p += v.length - 1;
|
357
357
|
}
|
358
358
|
o++;
|
359
359
|
}
|
@@ -368,10 +368,10 @@ function P(r, t, e = r, s) {
|
|
368
368
|
if (t === x)
|
369
369
|
return t;
|
370
370
|
let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
|
371
|
-
const o =
|
371
|
+
const o = U(t) ? void 0 : t._$litDirective$;
|
372
372
|
return (i == null ? void 0 : i.constructor) !== o && ((h = i == null ? void 0 : i._$AO) == null || h.call(i, !1), o === void 0 ? i = void 0 : (i = new o(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = P(r, i._$AS(r, t.values), i, s)), t;
|
373
373
|
}
|
374
|
-
class
|
374
|
+
class ee {
|
375
375
|
constructor(t, e) {
|
376
376
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
377
377
|
}
|
@@ -388,7 +388,7 @@ class te {
|
|
388
388
|
for (; a !== void 0; ) {
|
389
389
|
if (n === a.index) {
|
390
390
|
let l;
|
391
|
-
a.type === 2 ? l = new L(o, o.nextSibling, this, t) : a.type === 1 ? l = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (l = new
|
391
|
+
a.type === 2 ? l = new L(o, o.nextSibling, this, t) : a.type === 1 ? l = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (l = new oe(o, this, t)), this._$AV.push(l), a = s[++h];
|
392
392
|
}
|
393
393
|
n !== (a == null ? void 0 : a.index) && (o = A.nextNode(), n++);
|
394
394
|
}
|
@@ -406,7 +406,7 @@ class L {
|
|
406
406
|
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
407
407
|
}
|
408
408
|
constructor(t, e, s, i) {
|
409
|
-
this.type = 2, this._$AH =
|
409
|
+
this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
|
410
410
|
}
|
411
411
|
get parentNode() {
|
412
412
|
let t = this._$AA.parentNode;
|
@@ -420,7 +420,7 @@ class L {
|
|
420
420
|
return this._$AB;
|
421
421
|
}
|
422
422
|
_$AI(t, e = this) {
|
423
|
-
t = P(this, t, e),
|
423
|
+
t = P(this, t, e), U(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Jt(t) ? this.k(t) : this._(t);
|
424
424
|
}
|
425
425
|
S(t) {
|
426
426
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
@@ -429,24 +429,24 @@ class L {
|
|
429
429
|
this._$AH !== t && (this._$AR(), this._$AH = this.S(t));
|
430
430
|
}
|
431
431
|
_(t) {
|
432
|
-
this._$AH !==
|
432
|
+
this._$AH !== d && U(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
|
433
433
|
}
|
434
434
|
$(t) {
|
435
435
|
var o;
|
436
|
-
const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = M.createElement(
|
436
|
+
const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = M.createElement(kt(s.h, s.h[0]), this.options)), s);
|
437
437
|
if (((o = this._$AH) == null ? void 0 : o._$AD) === i)
|
438
438
|
this._$AH.p(e);
|
439
439
|
else {
|
440
|
-
const n = new
|
440
|
+
const n = new ee(i, this), h = n.u(this.options);
|
441
441
|
n.p(e), this.T(h), this._$AH = n;
|
442
442
|
}
|
443
443
|
}
|
444
444
|
_$AC(t) {
|
445
|
-
let e =
|
446
|
-
return e === void 0 &&
|
445
|
+
let e = $t.get(t.strings);
|
446
|
+
return e === void 0 && $t.set(t.strings, e = new M(t)), e;
|
447
447
|
}
|
448
448
|
k(t) {
|
449
|
-
|
449
|
+
Tt(this._$AH) || (this._$AH = [], this._$AR());
|
450
450
|
const e = this._$AH;
|
451
451
|
let s, i = 0;
|
452
452
|
for (const o of t)
|
@@ -473,49 +473,49 @@ class F {
|
|
473
473
|
return this._$AM._$AU;
|
474
474
|
}
|
475
475
|
constructor(t, e, s, i, o) {
|
476
|
-
this.type = 1, this._$AH =
|
476
|
+
this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = d;
|
477
477
|
}
|
478
478
|
_$AI(t, e = this, s, i) {
|
479
479
|
const o = this.strings;
|
480
480
|
let n = !1;
|
481
481
|
if (o === void 0)
|
482
|
-
t = P(this, t, e, 0), n = !
|
482
|
+
t = P(this, t, e, 0), n = !U(t) || t !== this._$AH && t !== x, n && (this._$AH = t);
|
483
483
|
else {
|
484
484
|
const h = t;
|
485
485
|
let a, l;
|
486
486
|
for (t = o[0], a = 0; a < o.length - 1; a++)
|
487
|
-
l = P(this, h[s + a], e, a), l === x && (l = this._$AH[a]), n || (n = !
|
487
|
+
l = P(this, h[s + a], e, a), l === x && (l = this._$AH[a]), n || (n = !U(l) || l !== this._$AH[a]), l === d ? t = d : t !== d && (t += (l ?? "") + o[a + 1]), this._$AH[a] = l;
|
488
488
|
}
|
489
489
|
n && !i && this.j(t);
|
490
490
|
}
|
491
491
|
j(t) {
|
492
|
-
t ===
|
492
|
+
t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
493
493
|
}
|
494
494
|
}
|
495
|
-
class
|
495
|
+
class se extends F {
|
496
496
|
constructor() {
|
497
497
|
super(...arguments), this.type = 3;
|
498
498
|
}
|
499
499
|
j(t) {
|
500
|
-
this.element[this.name] = t ===
|
500
|
+
this.element[this.name] = t === d ? void 0 : t;
|
501
501
|
}
|
502
502
|
}
|
503
|
-
class
|
503
|
+
class ie extends F {
|
504
504
|
constructor() {
|
505
505
|
super(...arguments), this.type = 4;
|
506
506
|
}
|
507
507
|
j(t) {
|
508
|
-
this.element.toggleAttribute(this.name, !!t && t !==
|
508
|
+
this.element.toggleAttribute(this.name, !!t && t !== d);
|
509
509
|
}
|
510
510
|
}
|
511
|
-
class
|
511
|
+
class re extends F {
|
512
512
|
constructor(t, e, s, i, o) {
|
513
513
|
super(t, e, s, i, o), this.type = 5;
|
514
514
|
}
|
515
515
|
_$AI(t, e = this) {
|
516
|
-
if ((t = P(this, t, e, 0) ??
|
516
|
+
if ((t = P(this, t, e, 0) ?? d) === x)
|
517
517
|
return;
|
518
|
-
const s = this._$AH, i = t ===
|
518
|
+
const s = this._$AH, i = t === d && s !== d || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== d && (s === d || i);
|
519
519
|
i && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
520
520
|
}
|
521
521
|
handleEvent(t) {
|
@@ -523,7 +523,7 @@ class ie extends F {
|
|
523
523
|
typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
|
524
524
|
}
|
525
525
|
}
|
526
|
-
class
|
526
|
+
class oe {
|
527
527
|
constructor(t, e, s) {
|
528
528
|
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
|
529
529
|
}
|
@@ -536,7 +536,7 @@ class re {
|
|
536
536
|
}
|
537
537
|
const K = N.litHtmlPolyfillSupport;
|
538
538
|
K == null || K(M, L), (N.litHtmlVersions ?? (N.litHtmlVersions = [])).push("3.1.2");
|
539
|
-
const
|
539
|
+
const ne = (r, t, e) => {
|
540
540
|
const s = (e == null ? void 0 : e.renderBefore) ?? t;
|
541
541
|
let i = s._$litPart$;
|
542
542
|
if (i === void 0) {
|
@@ -561,7 +561,7 @@ let f = class extends S {
|
|
561
561
|
}
|
562
562
|
update(t) {
|
563
563
|
const e = this.render();
|
564
|
-
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do =
|
564
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ne(e, this.renderRoot, this.renderOptions);
|
565
565
|
}
|
566
566
|
connectedCallback() {
|
567
567
|
var t;
|
@@ -575,8 +575,8 @@ let f = class extends S {
|
|
575
575
|
return x;
|
576
576
|
}
|
577
577
|
};
|
578
|
-
var
|
579
|
-
f._$litElement$ = !0, f.finalized = !0, (
|
578
|
+
var Et;
|
579
|
+
f._$litElement$ = !0, f.finalized = !0, (Et = globalThis.litElementHydrateSupport) == null || Et.call(globalThis, { LitElement: f });
|
580
580
|
const G = globalThis.litElementPolyfillSupport;
|
581
581
|
G == null || G({ LitElement: f });
|
582
582
|
(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
|
@@ -585,7 +585,7 @@ G == null || G({ LitElement: f });
|
|
585
585
|
* Copyright 2021 Google LLC
|
586
586
|
* SPDX-License-Identifier: BSD-3-Clause
|
587
587
|
*/
|
588
|
-
function*
|
588
|
+
function* Rt(r, t) {
|
589
589
|
if (r !== void 0) {
|
590
590
|
let e = 0;
|
591
591
|
for (const s of r)
|
@@ -597,7 +597,7 @@ function* Ut(r, t) {
|
|
597
597
|
* Copyright 2017 Google LLC
|
598
598
|
* SPDX-License-Identifier: BSD-3-Clause
|
599
599
|
*/
|
600
|
-
const
|
600
|
+
const ae = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: st }, he = (r = ae, t, e) => {
|
601
601
|
const { kind: s, metadata: i } = e;
|
602
602
|
let o = globalThis.litPropertyMetadata.get(i);
|
603
603
|
if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), o.set(e.name, r), s === "accessor") {
|
@@ -619,7 +619,7 @@ const ne = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged:
|
|
619
619
|
throw Error("Unsupported decorator location: " + s);
|
620
620
|
};
|
621
621
|
function g(r) {
|
622
|
-
return (t, e) => typeof e == "object" ?
|
622
|
+
return (t, e) => typeof e == "object" ? he(r, t, e) : ((s, i, o) => {
|
623
623
|
const n = i.hasOwnProperty(o);
|
624
624
|
return i.constructor.createProperty(o, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
|
625
625
|
})(r, t, e);
|
@@ -632,10 +632,10 @@ function g(r) {
|
|
632
632
|
function H(r) {
|
633
633
|
return g({ ...r, state: !0, attribute: !1 });
|
634
634
|
}
|
635
|
-
var
|
636
|
-
for (var i = s > 1 ? void 0 : s ?
|
635
|
+
var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, de = (r, t, e, s) => {
|
636
|
+
for (var i = s > 1 ? void 0 : s ? ce(t, e) : t, o = r.length - 1, n; o >= 0; o--)
|
637
637
|
(n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
|
638
|
-
return s && i &&
|
638
|
+
return s && i && le(t, e, i), i;
|
639
639
|
};
|
640
640
|
class it extends f {
|
641
641
|
constructor() {
|
@@ -646,7 +646,7 @@ class it extends f {
|
|
646
646
|
return (e = this.shadowRoot) == null || e.appendChild(t), t;
|
647
647
|
}
|
648
648
|
render() {
|
649
|
-
return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"),
|
649
|
+
return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), d;
|
650
650
|
}
|
651
651
|
}
|
652
652
|
it.styles = [
|
@@ -668,7 +668,7 @@ it.styles = [
|
|
668
668
|
}
|
669
669
|
`
|
670
670
|
];
|
671
|
-
|
671
|
+
de([
|
672
672
|
g({ attribute: !0 })
|
673
673
|
], it.prototype, "anchor", 2);
|
674
674
|
/**
|
@@ -677,7 +677,7 @@ ce([
|
|
677
677
|
* SPDX-License-Identifier: BSD-3-Clause
|
678
678
|
*/
|
679
679
|
const rt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, ot = (r) => (...t) => ({ _$litDirective$: r, values: t });
|
680
|
-
let
|
680
|
+
let Ut = class {
|
681
681
|
constructor(t) {
|
682
682
|
}
|
683
683
|
get _$AU() {
|
@@ -698,19 +698,19 @@ let Rt = class {
|
|
698
698
|
* Copyright 2020 Google LLC
|
699
699
|
* SPDX-License-Identifier: BSD-3-Clause
|
700
700
|
*/
|
701
|
-
const
|
701
|
+
const pe = (r) => r.strings === void 0;
|
702
702
|
/**
|
703
703
|
* @license
|
704
704
|
* Copyright 2017 Google LLC
|
705
705
|
* SPDX-License-Identifier: BSD-3-Clause
|
706
706
|
*/
|
707
|
-
const
|
707
|
+
const k = (r, t) => {
|
708
708
|
var s;
|
709
709
|
const e = r._$AN;
|
710
710
|
if (e === void 0)
|
711
711
|
return !1;
|
712
712
|
for (const i of e)
|
713
|
-
(s = i._$AO) == null || s.call(i, t, !1),
|
713
|
+
(s = i._$AO) == null || s.call(i, t, !1), k(i, t);
|
714
714
|
return !0;
|
715
715
|
}, Y = (r) => {
|
716
716
|
let t, e;
|
@@ -719,47 +719,47 @@ const U = (r, t) => {
|
|
719
719
|
break;
|
720
720
|
e = t._$AN, e.delete(r), r = t;
|
721
721
|
} while ((e == null ? void 0 : e.size) === 0);
|
722
|
-
},
|
722
|
+
}, Mt = (r) => {
|
723
723
|
for (let t; t = r._$AM; r = t) {
|
724
724
|
let e = t._$AN;
|
725
725
|
if (e === void 0)
|
726
726
|
t._$AN = e = /* @__PURE__ */ new Set();
|
727
727
|
else if (e.has(r))
|
728
728
|
break;
|
729
|
-
e.add(r),
|
729
|
+
e.add(r), fe(t);
|
730
730
|
}
|
731
731
|
};
|
732
|
-
function
|
733
|
-
this._$AN !== void 0 ? (Y(this), this._$AM = r,
|
732
|
+
function ue(r) {
|
733
|
+
this._$AN !== void 0 ? (Y(this), this._$AM = r, Mt(this)) : this._$AM = r;
|
734
734
|
}
|
735
|
-
function
|
735
|
+
function ge(r, t = !1, e = 0) {
|
736
736
|
const s = this._$AH, i = this._$AN;
|
737
737
|
if (i !== void 0 && i.size !== 0)
|
738
738
|
if (t)
|
739
739
|
if (Array.isArray(s))
|
740
740
|
for (let o = e; o < s.length; o++)
|
741
|
-
|
741
|
+
k(s[o], !1), Y(s[o]);
|
742
742
|
else
|
743
|
-
s != null && (
|
743
|
+
s != null && (k(s, !1), Y(s));
|
744
744
|
else
|
745
|
-
|
745
|
+
k(this, r);
|
746
746
|
}
|
747
|
-
const
|
748
|
-
r.type == rt.CHILD && (r._$AP ?? (r._$AP =
|
747
|
+
const fe = (r) => {
|
748
|
+
r.type == rt.CHILD && (r._$AP ?? (r._$AP = ge), r._$AQ ?? (r._$AQ = ue));
|
749
749
|
};
|
750
|
-
class
|
750
|
+
class Lt extends Ut {
|
751
751
|
constructor() {
|
752
752
|
super(...arguments), this._$AN = void 0;
|
753
753
|
}
|
754
754
|
_$AT(t, e, s) {
|
755
|
-
super._$AT(t, e, s),
|
755
|
+
super._$AT(t, e, s), Mt(this), this.isConnected = t._$AU;
|
756
756
|
}
|
757
757
|
_$AO(t, e = !0) {
|
758
758
|
var s, i;
|
759
|
-
t !== this.isConnected && (this.isConnected = t, t ? (s = this.reconnected) == null || s.call(this) : (i = this.disconnected) == null || i.call(this)), e && (
|
759
|
+
t !== this.isConnected && (this.isConnected = t, t ? (s = this.reconnected) == null || s.call(this) : (i = this.disconnected) == null || i.call(this)), e && (k(this, t), Y(this));
|
760
760
|
}
|
761
761
|
setValue(t) {
|
762
|
-
if (
|
762
|
+
if (pe(this._$Ct))
|
763
763
|
this._$Ct._$AI(t, this);
|
764
764
|
else {
|
765
765
|
const e = [...this._$Ct._$AH];
|
@@ -771,9 +771,9 @@ class Mt extends Rt {
|
|
771
771
|
reconnected() {
|
772
772
|
}
|
773
773
|
}
|
774
|
-
const
|
774
|
+
const me = /* @__PURE__ */ new WeakMap();
|
775
775
|
let yt = 0;
|
776
|
-
const X = /* @__PURE__ */ new Map(),
|
776
|
+
const X = /* @__PURE__ */ new Map(), bt = /* @__PURE__ */ new WeakSet(), _t = () => new Promise((r) => requestAnimationFrame(r)), ve = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], At = (r, t) => {
|
777
777
|
const e = r - t;
|
778
778
|
return e === 0 ? void 0 : e;
|
779
779
|
}, wt = (r, t) => {
|
@@ -795,8 +795,8 @@ const X = /* @__PURE__ */ new Map(), _t = /* @__PURE__ */ new WeakSet(), bt = ()
|
|
795
795
|
t === 0 && (t = 1, e = { height: "1px" });
|
796
796
|
const s = wt(r, t);
|
797
797
|
return { value: s, overrideFrom: e, transform: s == null || isNaN(s) ? void 0 : `scaleY(${s})` };
|
798
|
-
} }, $e = { duration: 333, easing: "ease-in-out" },
|
799
|
-
class
|
798
|
+
} }, $e = { duration: 333, easing: "ease-in-out" }, ye = ["left", "top", "width", "height", "opacity", "color", "background"], xt = /* @__PURE__ */ new WeakMap();
|
799
|
+
class be extends Lt {
|
800
800
|
constructor(t) {
|
801
801
|
if (super(t), this.t = !1, this.i = null, this.o = null, this.h = !0, this.shouldLog = !1, t.type === rt.CHILD)
|
802
802
|
throw Error("The `animate` directive must be used in attribute position.");
|
@@ -813,10 +813,10 @@ class ye extends Mt {
|
|
813
813
|
(t = this.l) == null || t.call(this), this.l = void 0;
|
814
814
|
}
|
815
815
|
render(t) {
|
816
|
-
return
|
816
|
+
return d;
|
817
817
|
}
|
818
818
|
getController() {
|
819
|
-
return
|
819
|
+
return me.get(this.u);
|
820
820
|
}
|
821
821
|
isDisabled() {
|
822
822
|
var t;
|
@@ -830,7 +830,7 @@ class ye extends Mt {
|
|
830
830
|
p(t) {
|
831
831
|
t = t ?? {};
|
832
832
|
const e = this.getController();
|
833
|
-
e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties =
|
833
|
+
e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = ye), this.options = t;
|
834
834
|
}
|
835
835
|
m() {
|
836
836
|
const t = {}, e = this.element.getBoundingClientRect(), s = getComputedStyle(this.element);
|
@@ -857,7 +857,7 @@ class ye extends Mt {
|
|
857
857
|
if (!this.h || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
|
858
858
|
return;
|
859
859
|
let t;
|
860
|
-
this.prepare(), await
|
860
|
+
this.prepare(), await _t;
|
861
861
|
const e = this.O(), s = this.j(this.options.keyframeOptions, e), i = this.m();
|
862
862
|
if (this.A !== void 0) {
|
863
863
|
const { from: o, to: n } = this.N(this.A, i, e);
|
@@ -886,7 +886,7 @@ class ye extends Mt {
|
|
886
886
|
var e;
|
887
887
|
if (!this.h || (this.options.id !== void 0 && X.set(this.options.id, this.A), this.options.out === void 0))
|
888
888
|
return;
|
889
|
-
if (this.prepare(), await
|
889
|
+
if (this.prepare(), await _t(), (e = this.i) == null ? void 0 : e.isConnected) {
|
890
890
|
const s = this.o && this.o.parentNode === this.i ? this.o : null;
|
891
891
|
if (this.i.insertBefore(this.element, s), this.options.stabilizeOut) {
|
892
892
|
const i = this.m();
|
@@ -918,9 +918,9 @@ class ye extends Mt {
|
|
918
918
|
return t;
|
919
919
|
}
|
920
920
|
get isHostRendered() {
|
921
|
-
const t =
|
921
|
+
const t = bt.has(this.u);
|
922
922
|
return t || this.u.updateComplete.then(() => {
|
923
|
-
|
923
|
+
bt.add(this.u);
|
924
924
|
}), t;
|
925
925
|
}
|
926
926
|
j(t, e = this.O()) {
|
@@ -940,15 +940,15 @@ class ye extends Mt {
|
|
940
940
|
let n = !1;
|
941
941
|
const h = {};
|
942
942
|
for (const a in e) {
|
943
|
-
const l = t[a],
|
943
|
+
const l = t[a], c = e[a];
|
944
944
|
if (a in J) {
|
945
945
|
const p = J[a];
|
946
|
-
if (l === void 0 ||
|
946
|
+
if (l === void 0 || c === void 0)
|
947
947
|
continue;
|
948
|
-
const u = p(l,
|
948
|
+
const u = p(l, c);
|
949
949
|
u.transform !== void 0 && (h[a] = u.value, n = !0, i.transform = `${i.transform ?? ""} ${u.transform}`, u.overrideFrom !== void 0 && Object.assign(i, u.overrideFrom));
|
950
950
|
} else
|
951
|
-
l !==
|
951
|
+
l !== c && l !== void 0 && c !== void 0 && (n = !0, i[a] = l, o[a] = c);
|
952
952
|
}
|
953
953
|
return i.transformOrigin = o.transformOrigin = s ? "center center" : "top left", this.animatingProperties = h, n ? [i, o] : void 0;
|
954
954
|
}
|
@@ -975,13 +975,13 @@ class ye extends Mt {
|
|
975
975
|
this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
|
976
976
|
}
|
977
977
|
}
|
978
|
-
const _e = ot(
|
978
|
+
const _e = ot(be), Ae = { 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>' };
|
979
979
|
/**
|
980
980
|
* @license
|
981
981
|
* Copyright 2018 Google LLC
|
982
982
|
* SPDX-License-Identifier: BSD-3-Clause
|
983
983
|
*/
|
984
|
-
const
|
984
|
+
const we = ot(class extends Ut {
|
985
985
|
constructor(r) {
|
986
986
|
var t;
|
987
987
|
if (super(r), r.type !== rt.ATTRIBUTE || r.name !== "class" || ((t = r.strings) == null ? void 0 : t.length) > 2)
|
@@ -1007,19 +1007,19 @@ const Ae = ot(class extends Rt {
|
|
1007
1007
|
}
|
1008
1008
|
return x;
|
1009
1009
|
}
|
1010
|
-
}),
|
1010
|
+
}), B = (r, t, e) => {
|
1011
1011
|
r && e.style.setProperty(t, r);
|
1012
|
-
},
|
1012
|
+
}, Ht = (r, t) => {
|
1013
1013
|
var e, s, i, o;
|
1014
|
-
|
1014
|
+
B((e = r.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), B(
|
1015
1015
|
(s = r.colors) == null ? void 0 : s.textOnPrimaryBackground,
|
1016
1016
|
"--text-on-primary-background",
|
1017
1017
|
t
|
1018
|
-
),
|
1018
|
+
), B(
|
1019
1019
|
(i = r.colors) == null ? void 0 : i.secondaryBackground,
|
1020
1020
|
"--secondary-background",
|
1021
1021
|
t
|
1022
|
-
),
|
1022
|
+
), B(
|
1023
1023
|
(o = r.colors) == null ? void 0 : o.textOnSecondaryBackground,
|
1024
1024
|
"--text-on-secondary-background",
|
1025
1025
|
t
|
@@ -1030,17 +1030,17 @@ const Ae = ot(class extends Rt {
|
|
1030
1030
|
* Copyright 2020 Google LLC
|
1031
1031
|
* SPDX-License-Identifier: BSD-3-Clause
|
1032
1032
|
*/
|
1033
|
-
const
|
1034
|
-
class
|
1033
|
+
const jt = () => new xe();
|
1034
|
+
class xe {
|
1035
1035
|
}
|
1036
|
-
const Q = /* @__PURE__ */ new WeakMap(),
|
1036
|
+
const Q = /* @__PURE__ */ new WeakMap(), Dt = ot(class extends Lt {
|
1037
1037
|
render(r) {
|
1038
|
-
return
|
1038
|
+
return d;
|
1039
1039
|
}
|
1040
1040
|
update(r, [t]) {
|
1041
1041
|
var s;
|
1042
1042
|
const e = t !== this.Y;
|
1043
|
-
return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (s = r.options) == null ? void 0 : s.host, this.rt(this.ct = r.element)),
|
1043
|
+
return e && this.Y !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.Y = t, this.ht = (s = r.options) == null ? void 0 : s.host, this.rt(this.ct = r.element)), d;
|
1044
1044
|
}
|
1045
1045
|
rt(r) {
|
1046
1046
|
if (typeof this.Y == "function") {
|
@@ -1061,14 +1061,14 @@ const Q = /* @__PURE__ */ new WeakMap(), jt = ot(class extends Mt {
|
|
1061
1061
|
this.rt(this.ct);
|
1062
1062
|
}
|
1063
1063
|
});
|
1064
|
-
var
|
1065
|
-
for (var i = s > 1 ? void 0 : s ?
|
1064
|
+
var Ce = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, V = (r, t, e, s) => {
|
1065
|
+
for (var i = s > 1 ? void 0 : s ? Ee(t, e) : t, o = r.length - 1, n; o >= 0; o--)
|
1066
1066
|
(n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
|
1067
|
-
return s && i &&
|
1067
|
+
return s && i && Ce(t, e, i), i;
|
1068
1068
|
};
|
1069
1069
|
class E extends f {
|
1070
1070
|
constructor() {
|
1071
|
-
super(...arguments), this.active = !1, this.loaded = !1, this.containerRef =
|
1071
|
+
super(...arguments), this.active = !1, this.loaded = !1, this.containerRef = jt();
|
1072
1072
|
}
|
1073
1073
|
async connectedCallback() {
|
1074
1074
|
super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
|
@@ -1085,52 +1085,52 @@ class E extends f {
|
|
1085
1085
|
}
|
1086
1086
|
_applyBranding() {
|
1087
1087
|
var t;
|
1088
|
-
(t = this.application) != null && t.settings &&
|
1088
|
+
(t = this.application) != null && t.settings && Ht(this.application.settings.branding, this);
|
1089
1089
|
}
|
1090
1090
|
async _renderSymbol() {
|
1091
1091
|
var h, a, l;
|
1092
1092
|
const t = (h = this.application) == null ? void 0 : h.branding(), e = (a = t == null ? void 0 : t.graphics) == null ? void 0 : a.trigger;
|
1093
1093
|
if (e)
|
1094
|
-
return
|
1094
|
+
return _` <img src=${e} class="trigger-icon" alt="" /> `;
|
1095
1095
|
const s = (l = this.application) == null ? void 0 : l.triggerIcon;
|
1096
1096
|
if (!s)
|
1097
|
-
return
|
1098
|
-
const i = async (
|
1097
|
+
return d;
|
1098
|
+
const i = async (c) => Ae, { type: o, content: n } = s;
|
1099
1099
|
switch (o) {
|
1100
1100
|
case "Telia": {
|
1101
|
-
const
|
1102
|
-
return
|
1101
|
+
const c = await i();
|
1102
|
+
return c ? _`<telia-icon
|
1103
1103
|
class="trigger-icon"
|
1104
|
-
svg=${
|
1104
|
+
svg=${c.svg}
|
1105
1105
|
size="lg"
|
1106
|
-
></telia-icon>` :
|
1106
|
+
></telia-icon>` : d;
|
1107
1107
|
}
|
1108
1108
|
default:
|
1109
|
-
return
|
1109
|
+
return d;
|
1110
1110
|
}
|
1111
1111
|
}
|
1112
1112
|
render() {
|
1113
1113
|
var t, e, s, i;
|
1114
|
-
return
|
1115
|
-
${!this.active && ((i = (s = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : s.other) != null && i.showButtonLabel) ?
|
1114
|
+
return _`<div class="trigger-container" ${Dt(this.containerRef)}>
|
1115
|
+
${!this.active && ((i = (s = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : s.other) != null && i.showButtonLabel) ? _`
|
1116
1116
|
<button
|
1117
1117
|
label="${this.application.settings.branding.other.buttonLabelText ?? "Widget trigger"}"
|
1118
1118
|
class="trigger-label"
|
1119
1119
|
@click=${this.toggleActive}
|
1120
1120
|
${_e({
|
1121
1121
|
keyframeOptions: {},
|
1122
|
-
in:
|
1122
|
+
in: ve,
|
1123
1123
|
stabilizeOut: !0,
|
1124
1124
|
skipInitial: !1
|
1125
1125
|
})}
|
1126
1126
|
>
|
1127
1127
|
${this.application.settings.branding.other.buttonLabelText}
|
1128
1128
|
</button>
|
1129
|
-
` :
|
1129
|
+
` : d}
|
1130
1130
|
|
1131
1131
|
<button
|
1132
1132
|
label="Widget trigger"
|
1133
|
-
class=${
|
1133
|
+
class=${we({
|
1134
1134
|
trigger: !0,
|
1135
1135
|
active: this.active,
|
1136
1136
|
rendered: this.loaded
|
@@ -1288,10 +1288,10 @@ V([
|
|
1288
1288
|
V([
|
1289
1289
|
H()
|
1290
1290
|
], E.prototype, "icon", 2);
|
1291
|
-
var
|
1292
|
-
for (var i = s > 1 ? void 0 : s ?
|
1291
|
+
var Se = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, b = (r, t, e, s) => {
|
1292
|
+
for (var i = s > 1 ? void 0 : s ? Pe(t, e) : t, o = r.length - 1, n; o >= 0; o--)
|
1293
1293
|
(n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
|
1294
|
-
return s && i &&
|
1294
|
+
return s && i && Se(t, e, i), i;
|
1295
1295
|
};
|
1296
1296
|
const Bt = (r) => {
|
1297
1297
|
class t extends r {
|
@@ -1332,42 +1332,170 @@ const Bt = (r) => {
|
|
1332
1332
|
box-sizing: border-box;
|
1333
1333
|
}
|
1334
1334
|
`
|
1335
|
-
],
|
1335
|
+
], b([
|
1336
1336
|
g()
|
1337
|
-
], t.prototype, "properties", 2),
|
1337
|
+
], t.prototype, "properties", 2), b([
|
1338
1338
|
g()
|
1339
|
-
], t.prototype, "context", 2),
|
1339
|
+
], t.prototype, "context", 2), b([
|
1340
1340
|
g()
|
1341
|
-
], t.prototype, "layout", 2),
|
1341
|
+
], t.prototype, "layout", 2), b([
|
1342
1342
|
g()
|
1343
|
-
], t.prototype, "name", 2),
|
1343
|
+
], t.prototype, "name", 2), b([
|
1344
1344
|
g()
|
1345
|
-
], t.prototype, "type", 2),
|
1345
|
+
], t.prototype, "type", 2), b([
|
1346
1346
|
g({ attribute: !1 })
|
1347
|
-
], t.prototype, "application", 2),
|
1347
|
+
], t.prototype, "application", 2), b([
|
1348
1348
|
g({ attribute: !1 })
|
1349
1349
|
], t.prototype, "parent", 2), t;
|
1350
1350
|
};
|
1351
|
-
class
|
1351
|
+
class zt extends Bt(f) {
|
1352
1352
|
render() {
|
1353
|
-
return
|
1353
|
+
return _`Non resolved component`;
|
1354
1354
|
}
|
1355
1355
|
}
|
1356
|
-
|
1356
|
+
zt.styles = [
|
1357
1357
|
C`
|
1358
1358
|
:host {
|
1359
1359
|
display: block;
|
1360
1360
|
}
|
1361
1361
|
`
|
1362
1362
|
];
|
1363
|
-
var nt = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r))(nt || {})
|
1364
|
-
|
1363
|
+
var nt = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r))(nt || {});
|
1364
|
+
/**
|
1365
|
+
* @license
|
1366
|
+
* Copyright 2021 Google LLC
|
1367
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
1368
|
+
*/
|
1369
|
+
let Oe = class extends Event {
|
1370
|
+
constructor(t, e, s) {
|
1371
|
+
super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = e, this.subscribe = s ?? !1;
|
1372
|
+
}
|
1373
|
+
};
|
1374
|
+
/**
|
1375
|
+
* @license
|
1376
|
+
* Copyright 2021 Google LLC
|
1377
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
1378
|
+
*/
|
1379
|
+
/**
|
1380
|
+
* @license
|
1381
|
+
* Copyright 2021 Google LLC
|
1382
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
1383
|
+
*/
|
1384
|
+
class Te {
|
1385
|
+
get value() {
|
1386
|
+
return this.o;
|
1387
|
+
}
|
1388
|
+
set value(t) {
|
1389
|
+
this.setValue(t);
|
1390
|
+
}
|
1391
|
+
setValue(t, e = !1) {
|
1392
|
+
const s = e || !Object.is(t, this.o);
|
1393
|
+
this.o = t, s && this.updateObservers();
|
1394
|
+
}
|
1395
|
+
constructor(t) {
|
1396
|
+
this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
|
1397
|
+
for (const [e, { disposer: s }] of this.subscriptions)
|
1398
|
+
e(this.o, s);
|
1399
|
+
}, t !== void 0 && (this.value = t);
|
1400
|
+
}
|
1401
|
+
addCallback(t, e, s) {
|
1402
|
+
if (!s)
|
1403
|
+
return void t(this.value);
|
1404
|
+
this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
|
1405
|
+
this.subscriptions.delete(t);
|
1406
|
+
}, consumerHost: e });
|
1407
|
+
const { disposer: i } = this.subscriptions.get(t);
|
1408
|
+
t(this.value, i);
|
1409
|
+
}
|
1410
|
+
clearCallbacks() {
|
1411
|
+
this.subscriptions.clear();
|
1412
|
+
}
|
1413
|
+
}
|
1414
|
+
/**
|
1415
|
+
* @license
|
1416
|
+
* Copyright 2021 Google LLC
|
1417
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
1418
|
+
*/
|
1419
|
+
let Ne = class extends Event {
|
1420
|
+
constructor(t) {
|
1421
|
+
super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
|
1422
|
+
}
|
1423
|
+
};
|
1424
|
+
class Ct extends Te {
|
1425
|
+
constructor(t, e, s) {
|
1426
|
+
var i, o;
|
1427
|
+
super(e.context !== void 0 ? e.initialValue : s), this.onContextRequest = (n) => {
|
1428
|
+
const h = n.composedPath()[0];
|
1429
|
+
n.context === this.context && h !== this.host && (n.stopPropagation(), this.addCallback(n.callback, h, n.subscribe));
|
1430
|
+
}, this.onProviderRequest = (n) => {
|
1431
|
+
const h = n.composedPath()[0];
|
1432
|
+
if (n.context !== this.context || h === this.host)
|
1433
|
+
return;
|
1434
|
+
const a = /* @__PURE__ */ new Set();
|
1435
|
+
for (const [l, { consumerHost: c }] of this.subscriptions)
|
1436
|
+
a.has(l) || (a.add(l), c.dispatchEvent(new Oe(this.context, l, !0)));
|
1437
|
+
n.stopPropagation();
|
1438
|
+
}, this.host = t, e.context !== void 0 ? this.context = e.context : this.context = e, this.attachListeners(), (o = (i = this.host).addController) == null || o.call(i, this);
|
1439
|
+
}
|
1440
|
+
attachListeners() {
|
1441
|
+
this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
|
1442
|
+
}
|
1443
|
+
hostConnected() {
|
1444
|
+
this.host.dispatchEvent(new Ne(this.context));
|
1445
|
+
}
|
1446
|
+
}
|
1447
|
+
/**
|
1448
|
+
* @license
|
1449
|
+
* Copyright 2017 Google LLC
|
1450
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
1451
|
+
*/
|
1452
|
+
function ke({ context: r }) {
|
1453
|
+
return (t, e) => {
|
1454
|
+
const s = /* @__PURE__ */ new WeakMap();
|
1455
|
+
if (typeof e == "object")
|
1456
|
+
return e.addInitializer(function() {
|
1457
|
+
s.set(this, new Ct(this, { context: r }));
|
1458
|
+
}), { get() {
|
1459
|
+
return t.get.call(this);
|
1460
|
+
}, set(i) {
|
1461
|
+
var o;
|
1462
|
+
return (o = s.get(this)) == null || o.setValue(i), t.set.call(this, i);
|
1463
|
+
}, init(i) {
|
1464
|
+
var o;
|
1465
|
+
return (o = s.get(this)) == null || o.setValue(i), i;
|
1466
|
+
} };
|
1467
|
+
{
|
1468
|
+
t.constructor.addInitializer((n) => {
|
1469
|
+
s.set(n, new Ct(n, { context: r }));
|
1470
|
+
});
|
1471
|
+
const i = Object.getOwnPropertyDescriptor(t, e);
|
1472
|
+
let o;
|
1473
|
+
if (i === void 0) {
|
1474
|
+
const n = /* @__PURE__ */ new WeakMap();
|
1475
|
+
o = { get: function() {
|
1476
|
+
return n.get(this);
|
1477
|
+
}, set: function(h) {
|
1478
|
+
s.get(this).setValue(h), n.set(this, h);
|
1479
|
+
}, configurable: !0, enumerable: !0 };
|
1480
|
+
} else {
|
1481
|
+
const n = i.set;
|
1482
|
+
o = { ...i, set: function(h) {
|
1483
|
+
s.get(this).setValue(h), n == null || n.call(this, h);
|
1484
|
+
} };
|
1485
|
+
}
|
1486
|
+
return void Object.defineProperty(t, e, o);
|
1487
|
+
}
|
1488
|
+
};
|
1489
|
+
}
|
1490
|
+
var Re = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, Me = (r, t, e, s) => {
|
1491
|
+
for (var i = s > 1 ? void 0 : s ? Ue(t, e) : t, o = r.length - 1, n; o >= 0; o--)
|
1365
1492
|
(n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
|
1366
|
-
return s && i &&
|
1493
|
+
return s && i && Re(t, e, i), i;
|
1367
1494
|
};
|
1495
|
+
const Le = "application";
|
1368
1496
|
class at extends f {
|
1369
1497
|
constructor() {
|
1370
|
-
super(...arguments), this.nodes = [], this.wrapperRef =
|
1498
|
+
super(...arguments), this.nodes = [], this.wrapperRef = jt();
|
1371
1499
|
}
|
1372
1500
|
addChild(t) {
|
1373
1501
|
t.parent = this, this.nodes.push(t);
|
@@ -1376,7 +1504,7 @@ class at extends f {
|
|
1376
1504
|
if (!this.wrapperRef.value)
|
1377
1505
|
return;
|
1378
1506
|
const t = this.application.settings;
|
1379
|
-
t != null && t.branding &&
|
1507
|
+
t != null && t.branding && Ht(t.branding, this.wrapperRef.value);
|
1380
1508
|
}
|
1381
1509
|
applyStyles() {
|
1382
1510
|
if (!this.wrapperRef.value)
|
@@ -1390,8 +1518,8 @@ class at extends f {
|
|
1390
1518
|
this.applyBranding(), this.applyStyles();
|
1391
1519
|
}
|
1392
1520
|
render() {
|
1393
|
-
return this.application.renderStrategy === nt.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")),
|
1394
|
-
${
|
1521
|
+
return this.application.renderStrategy === nt.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")), _`<div class="widget-container" ${Dt(this.wrapperRef)}>
|
1522
|
+
${Rt(this.nodes, (t) => t)}
|
1395
1523
|
</div>`;
|
1396
1524
|
}
|
1397
1525
|
}
|
@@ -1411,7 +1539,6 @@ at.styles = C`
|
|
1411
1539
|
--gray-color: #f3f3f8;
|
1412
1540
|
--white-color: #fff;
|
1413
1541
|
--gray-dark-color: #a6a6a6;
|
1414
|
-
--destructive-color: #e4175c;
|
1415
1542
|
|
1416
1543
|
--box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
|
1417
1544
|
--border-radius: var(--spacing-sm);
|
@@ -1501,13 +1628,14 @@ at.styles = C`
|
|
1501
1628
|
animation: slideDown 0.3s linear;
|
1502
1629
|
}
|
1503
1630
|
`;
|
1504
|
-
|
1505
|
-
g({ attribute: !1 })
|
1631
|
+
Me([
|
1632
|
+
g({ attribute: !1 }),
|
1633
|
+
ke({ context: Le })
|
1506
1634
|
], at.prototype, "application", 2);
|
1507
|
-
var
|
1508
|
-
for (var i = s > 1 ? void 0 : s ?
|
1635
|
+
var He = Object.defineProperty, je = Object.getOwnPropertyDescriptor, ht = (r, t, e, s) => {
|
1636
|
+
for (var i = s > 1 ? void 0 : s ? je(t, e) : t, o = r.length - 1, n; o >= 0; o--)
|
1509
1637
|
(n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
|
1510
|
-
return s && i &&
|
1638
|
+
return s && i && He(t, e, i), i;
|
1511
1639
|
};
|
1512
1640
|
class j extends f {
|
1513
1641
|
constructor() {
|
@@ -1533,7 +1661,7 @@ class j extends f {
|
|
1533
1661
|
}
|
1534
1662
|
render() {
|
1535
1663
|
if (!this.widget || this.status !== "activated")
|
1536
|
-
return
|
1664
|
+
return d;
|
1537
1665
|
if (this.widget.renderStrategy === nt.Trigger) {
|
1538
1666
|
const t = new E();
|
1539
1667
|
return t.application = this.widget, t;
|
@@ -1559,33 +1687,33 @@ ht([
|
|
1559
1687
|
], j.prototype, "status", 2);
|
1560
1688
|
customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", it);
|
1561
1689
|
customElements.get("ace-trigger") || customElements.define("ace-trigger", E);
|
1562
|
-
customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component",
|
1690
|
+
customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", zt);
|
1563
1691
|
customElements.get("ace-wrapper") || customElements.define("ace-wrapper", at);
|
1564
1692
|
customElements.get("ace-widget") || customElements.define("ace-widget", j);
|
1565
|
-
const
|
1693
|
+
const De = (r) => {
|
1566
1694
|
const t = {};
|
1567
1695
|
return Object.keys(r).forEach((e) => {
|
1568
1696
|
e.indexOf("css-") > -1 && (t[e] = r[e]);
|
1569
1697
|
}), t;
|
1570
|
-
},
|
1571
|
-
const e =
|
1698
|
+
}, Be = (r, t) => {
|
1699
|
+
const e = De(t);
|
1572
1700
|
Object.entries(e).forEach(([s, i]) => {
|
1573
1701
|
r.style.setProperty(s.replace("css-", ""), i);
|
1574
1702
|
});
|
1575
1703
|
};
|
1576
|
-
class
|
1704
|
+
class ze extends Bt(f) {
|
1577
1705
|
constructor() {
|
1578
1706
|
super(...arguments), this.nodes = [];
|
1579
1707
|
}
|
1580
1708
|
render() {
|
1581
1709
|
var t;
|
1582
|
-
return
|
1710
|
+
return Be(this.renderRoot.host, this.properties), this.renderRoot.host.style.setProperty(
|
1583
1711
|
"--columns",
|
1584
1712
|
((t = this.properties.columns) == null ? void 0 : t.toString()) || "1"
|
1585
|
-
),
|
1713
|
+
), _`${Rt(this.nodes, (e) => e)}`;
|
1586
1714
|
}
|
1587
1715
|
}
|
1588
|
-
|
1716
|
+
ze.styles = [
|
1589
1717
|
C`
|
1590
1718
|
:host {
|
1591
1719
|
height: 100%;
|
@@ -1599,6 +1727,6 @@ Me.styles = [
|
|
1599
1727
|
`
|
1600
1728
|
];
|
1601
1729
|
export {
|
1602
|
-
|
1603
|
-
|
1730
|
+
ze as Area,
|
1731
|
+
ze as default
|
1604
1732
|
};
|