@telia-ace/widget-components-area-flamingo 1.1.33-rc.1 → 1.1.33
Sign up to get free protection for your applications and to get access to all the features.
@@ -3,7 +3,7 @@
|
|
3
3
|
* Copyright 2019 Google LLC
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
5
5
|
*/
|
6
|
-
const
|
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
7
|
let Et = class {
|
8
8
|
constructor(t, e, s) {
|
9
9
|
if (this._$cssResult$ = !0, s !== et)
|
@@ -23,7 +23,7 @@ let Et = class {
|
|
23
23
|
return this.cssText;
|
24
24
|
}
|
25
25
|
};
|
26
|
-
const
|
26
|
+
const zt = (r) => new Et(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;
|
@@ -37,14 +37,14 @@ const Bt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r,
|
|
37
37
|
r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
38
38
|
else
|
39
39
|
for (const e of t) {
|
40
|
-
const s = document.createElement("style"), i =
|
40
|
+
const s = document.createElement("style"), i = z.litNonce;
|
41
41
|
i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
|
42
42
|
}
|
43
43
|
}, ct = tt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
|
44
44
|
let e = "";
|
45
45
|
for (const s of t.cssRules)
|
46
46
|
e += s.cssText;
|
47
|
-
return
|
47
|
+
return zt(e);
|
48
48
|
})(r) : r;
|
49
49
|
/**
|
50
50
|
* @license
|
@@ -629,7 +629,7 @@ function g(r) {
|
|
629
629
|
* Copyright 2017 Google LLC
|
630
630
|
* SPDX-License-Identifier: BSD-3-Clause
|
631
631
|
*/
|
632
|
-
function
|
632
|
+
function L(r) {
|
633
633
|
return g({ ...r, state: !0, attribute: !1 });
|
634
634
|
}
|
635
635
|
var he = Object.defineProperty, le = Object.getOwnPropertyDescriptor, ce = (r, t, e, s) => {
|
@@ -639,14 +639,14 @@ var he = Object.defineProperty, le = Object.getOwnPropertyDescriptor, ce = (r, t
|
|
639
639
|
};
|
640
640
|
class it extends f {
|
641
641
|
constructor() {
|
642
|
-
super(...arguments), this.anchor = "
|
642
|
+
super(...arguments), this.anchor = "BottomRight";
|
643
643
|
}
|
644
644
|
appendChild(t) {
|
645
645
|
var e;
|
646
646
|
return (e = this.shadowRoot) == null || e.appendChild(t), t;
|
647
647
|
}
|
648
648
|
render() {
|
649
|
-
return this.renderRoot.host.classList.add(this.anchor), p;
|
649
|
+
return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), p;
|
650
650
|
}
|
651
651
|
}
|
652
652
|
it.styles = [
|
@@ -1007,19 +1007,19 @@ const be = ot(class extends kt {
|
|
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,10 +1030,10 @@ const be = ot(class extends kt {
|
|
1030
1030
|
* Copyright 2020 Google LLC
|
1031
1031
|
* SPDX-License-Identifier: BSD-3-Clause
|
1032
1032
|
*/
|
1033
|
-
const
|
1033
|
+
const Lt = () => new Ae();
|
1034
1034
|
class Ae {
|
1035
1035
|
}
|
1036
|
-
const Q = /* @__PURE__ */ new WeakMap(),
|
1036
|
+
const Q = /* @__PURE__ */ new WeakMap(), jt = ot(class extends Mt {
|
1037
1037
|
render(r) {
|
1038
1038
|
return p;
|
1039
1039
|
}
|
@@ -1068,7 +1068,7 @@ var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, V = (r, t,
|
|
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 = Lt();
|
1072
1072
|
}
|
1073
1073
|
async connectedCallback() {
|
1074
1074
|
super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
|
@@ -1113,7 +1113,7 @@ class E extends f {
|
|
1113
1113
|
}
|
1114
1114
|
render() {
|
1115
1115
|
var t, e, s, i;
|
1116
|
-
return b`<div class="trigger-container" ${
|
1116
|
+
return b`<div class="trigger-container" ${jt(this.containerRef)}>
|
1117
1117
|
${!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) ? b`
|
1118
1118
|
<button
|
1119
1119
|
class="trigger-label"
|
@@ -1280,13 +1280,13 @@ V([
|
|
1280
1280
|
g({ attribute: !1 })
|
1281
1281
|
], E.prototype, "application", 2);
|
1282
1282
|
V([
|
1283
|
-
|
1283
|
+
L()
|
1284
1284
|
], E.prototype, "active", 2);
|
1285
1285
|
V([
|
1286
|
-
|
1286
|
+
L()
|
1287
1287
|
], E.prototype, "loaded", 2);
|
1288
1288
|
V([
|
1289
|
-
|
1289
|
+
L()
|
1290
1290
|
], E.prototype, "icon", 2);
|
1291
1291
|
var Ce = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, _ = (r, t, e, s) => {
|
1292
1292
|
for (var i = s > 1 ? void 0 : s ? Ee(t, e) : t, o = r.length - 1, n; o >= 0; o--)
|
@@ -1348,12 +1348,12 @@ const Dt = (r) => {
|
|
1348
1348
|
g({ attribute: !1 })
|
1349
1349
|
], t.prototype, "parent", 2), t;
|
1350
1350
|
};
|
1351
|
-
class
|
1351
|
+
class Bt extends Dt(f) {
|
1352
1352
|
render() {
|
1353
1353
|
return b`Non resolved component`;
|
1354
1354
|
}
|
1355
1355
|
}
|
1356
|
-
|
1356
|
+
Bt.styles = [
|
1357
1357
|
C`
|
1358
1358
|
:host {
|
1359
1359
|
display: block;
|
@@ -1367,7 +1367,7 @@ var nt = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r)
|
|
1367
1367
|
};
|
1368
1368
|
class at extends f {
|
1369
1369
|
constructor() {
|
1370
|
-
super(...arguments), this.nodes = [], this.wrapperRef =
|
1370
|
+
super(...arguments), this.nodes = [], this.wrapperRef = Lt();
|
1371
1371
|
}
|
1372
1372
|
addChild(t) {
|
1373
1373
|
t.parent = this, this.nodes.push(t);
|
@@ -1390,7 +1390,7 @@ class at extends f {
|
|
1390
1390
|
this.applyBranding(), this.applyStyles();
|
1391
1391
|
}
|
1392
1392
|
render() {
|
1393
|
-
return this.application.renderStrategy === nt.Trigger && (this.renderRoot.host.classList.add("floating"), this.renderRoot.host.classList.add(this.application.anchor)), b`<div class="widget-container" ${
|
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")), b`<div class="widget-container" ${jt(this.wrapperRef)}>
|
1394
1394
|
${Ut(this.nodes, (t) => t)}
|
1395
1395
|
</div>`;
|
1396
1396
|
}
|
@@ -1501,7 +1501,7 @@ var Te = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, ht = (r, t
|
|
1501
1501
|
(n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
|
1502
1502
|
return s && i && Te(t, e, i), i;
|
1503
1503
|
};
|
1504
|
-
class
|
1504
|
+
class j extends f {
|
1505
1505
|
constructor() {
|
1506
1506
|
super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
|
1507
1507
|
}
|
@@ -1533,7 +1533,7 @@ class L extends f {
|
|
1533
1533
|
return this.widget.render();
|
1534
1534
|
}
|
1535
1535
|
}
|
1536
|
-
|
1536
|
+
j.styles = [
|
1537
1537
|
C`
|
1538
1538
|
:host {
|
1539
1539
|
display: block;
|
@@ -1542,18 +1542,18 @@ L.styles = [
|
|
1542
1542
|
];
|
1543
1543
|
ht([
|
1544
1544
|
g({ attribute: !0 })
|
1545
|
-
],
|
1545
|
+
], j.prototype, "name", 2);
|
1546
1546
|
ht([
|
1547
|
-
|
1548
|
-
],
|
1547
|
+
L()
|
1548
|
+
], j.prototype, "widget", 2);
|
1549
1549
|
ht([
|
1550
|
-
|
1551
|
-
],
|
1550
|
+
L()
|
1551
|
+
], j.prototype, "status", 2);
|
1552
1552
|
customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", it);
|
1553
1553
|
customElements.get("ace-trigger") || customElements.define("ace-trigger", E);
|
1554
|
-
customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component",
|
1554
|
+
customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", Bt);
|
1555
1555
|
customElements.get("ace-wrapper") || customElements.define("ace-wrapper", at);
|
1556
|
-
customElements.get("ace-widget") || customElements.define("ace-widget",
|
1556
|
+
customElements.get("ace-widget") || customElements.define("ace-widget", j);
|
1557
1557
|
const Ue = (r) => {
|
1558
1558
|
const t = {};
|
1559
1559
|
return Object.keys(r).forEach((e) => {
|
@@ -2,7 +2,7 @@
|
|
2
2
|
* @license
|
3
3
|
* Copyright 2019 Google LLC
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
-
*/const
|
5
|
+
*/const z=globalThis,tt=z.ShadowRoot&&(z.ShadyCSS===void 0||z.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,et=Symbol(),ct=new WeakMap;let St=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==et)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(tt&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ct.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ct.set(e,t))}return t}toString(){return this.cssText}};const It=r=>new St(typeof r=="string"?r:r+"",void 0,et),C=(r,...t)=>{const e=r.length===1?r[0]:t.reduce((s,i,o)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;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.")})(i)+r[o+1],r[0]);return new St(e,r,et)},Ft=(r,t)=>{if(tt)r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),i=z.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=e.cssText,r.appendChild(s)}},dt=tt?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return It(e)})(r):r;/**
|
6
6
|
* @license
|
7
7
|
* Copyright 2017 Google LLC
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
@@ -28,7 +28,7 @@
|
|
28
28
|
* @license
|
29
29
|
* Copyright 2017 Google LLC
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
31
|
-
*/function
|
31
|
+
*/function L(r){return g({...r,state:!0,attribute:!1})}var le=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,de=(r,t,e,s)=>{for(var i=s>1?void 0:s?ce(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&le(t,e,i),i};class it extends f{constructor(){super(...arguments),this.anchor="BottomRight"}appendChild(t){var e;return(e=this.shadowRoot)==null||e.appendChild(t),t}render(){return this.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right"),p}}it.styles=[C`
|
32
32
|
:host {
|
33
33
|
position: fixed;
|
34
34
|
display: flex;
|
@@ -60,11 +60,11 @@
|
|
60
60
|
* @license
|
61
61
|
* Copyright 2018 Google LLC
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
63
|
-
*/const Ae=ot(class extends Rt{constructor(r){var t;if(super(r),r.type!==rt.ATTRIBUTE||r.name!=="class"||((t=r.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(r){return" "+Object.keys(r).filter(t=>r[t]).join(" ")+" "}update(r,[t]){var s,i;if(this.it===void 0){this.it=new Set,r.strings!==void 0&&(this.st=new Set(r.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!((s=this.st)!=null&&s.has(o))&&this.it.add(o);return this.render(t)}const e=r.element.classList;for(const o of this.it)o in t||(e.remove(o),this.it.delete(o));for(const o in t){const n=!!t[o];n===this.it.has(o)||(i=this.st)!=null&&i.has(o)||(n?(e.add(o),this.it.add(o)):(e.remove(o),this.it.delete(o)))}return x}}),
|
63
|
+
*/const Ae=ot(class extends Rt{constructor(r){var t;if(super(r),r.type!==rt.ATTRIBUTE||r.name!=="class"||((t=r.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(r){return" "+Object.keys(r).filter(t=>r[t]).join(" ")+" "}update(r,[t]){var s,i;if(this.it===void 0){this.it=new Set,r.strings!==void 0&&(this.st=new Set(r.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(const o in t)t[o]&&!((s=this.st)!=null&&s.has(o))&&this.it.add(o);return this.render(t)}const e=r.element.classList;for(const o of this.it)o in t||(e.remove(o),this.it.delete(o));for(const o in t){const n=!!t[o];n===this.it.has(o)||(i=this.st)!=null&&i.has(o)||(n?(e.add(o),this.it.add(o)):(e.remove(o),this.it.delete(o)))}return x}}),B=(r,t,e)=>{r&&e.style.setProperty(t,r)},Lt=(r,t)=>{var e,s,i,o;B((e=r.colors)==null?void 0:e.primaryBackground,"--primary-background",t),B((s=r.colors)==null?void 0:s.textOnPrimaryBackground,"--text-on-primary-background",t),B((i=r.colors)==null?void 0:i.secondaryBackground,"--secondary-background",t),B((o=r.colors)==null?void 0:o.textOnSecondaryBackground,"--text-on-secondary-background",t)};/**
|
64
64
|
* @license
|
65
65
|
* Copyright 2020 Google LLC
|
66
66
|
* SPDX-License-Identifier: BSD-3-Clause
|
67
|
-
*/const
|
67
|
+
*/const jt=()=>new we;class we{}const Q=new WeakMap,Dt=ot(class extends Ht{render(r){return p}update(r,[t]){var s;const e=t!==this.G;return e&&this.G!==void 0&&this.ot(void 0),(e||this.rt!==this.lt)&&(this.G=t,this.ct=(s=r.options)==null?void 0:s.host,this.ot(this.lt=r.element)),p}ot(r){if(typeof this.G=="function"){const t=this.ct??globalThis;let e=Q.get(t);e===void 0&&(e=new WeakMap,Q.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ct,void 0),e.set(this.G,r),r!==void 0&&this.G.call(this.ct,r)}else this.G.value=r}get rt(){var r,t;return typeof this.G=="function"?(r=Q.get(this.ct??globalThis))==null?void 0:r.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var xe=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,V=(r,t,e,s)=>{for(var i=s>1?void 0:s?Ce(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&xe(t,e,i),i};class E extends f{constructor(){super(...arguments),this.active=!1,this.loaded=!1,this.containerRef=jt()}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}_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.application.hide()}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&Lt(this.application.settings.branding,this)}async _renderSymbol(){var h,a,l;const t=(h=this.application)==null?void 0:h.branding(),e=(a=t==null?void 0:t.graphics)==null?void 0:a.trigger;if(e)return b` <img src=${e} class="trigger-icon" alt="" /> `;const s=(l=this.application)==null?void 0:l.triggerIcon;if(!s)return p;const i=async c=>await Promise.resolve().then(()=>require("./index-6dd00f59.js")).then(u=>u[c]),{type:o,content:n}=s;switch(o){case"Telia":{const c=await i(n);return c?b`<telia-icon
|
68
68
|
class="trigger-icon"
|
69
69
|
svg=${c.svg}
|
70
70
|
size="lg"
|
@@ -216,7 +216,7 @@
|
|
216
216
|
.trigger-label:hover {
|
217
217
|
opacity: 0.8;
|
218
218
|
}
|
219
|
-
`];V([g({attribute:!1})],E.prototype,"application",2);V([
|
219
|
+
`];V([g({attribute:!1})],E.prototype,"application",2);V([L()],E.prototype,"active",2);V([L()],E.prototype,"loaded",2);V([L()],E.prototype,"icon",2);var Ee=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,_=(r,t,e,s)=>{for(var i=s>1?void 0:s?Se(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Ee(t,e,i),i};const Bt=r=>{class t extends r{constructor(){super(...arguments),this.properties={},this.context={},this.layout={},this.nodes=[]}writeProperties(s){this.properties=s}writeLayout(s){this.layout=s}writeContext(s){this.context=s}addChild(s){s.parent=this,this.nodes.push(s)}connectedCallback(){super.connectedCallback(),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),this.application.mountComponent(this)}}return t.styles=[C`
|
220
220
|
:host {
|
221
221
|
font-family: var(--font-family);
|
222
222
|
grid-column: span var(--width);
|
@@ -228,11 +228,11 @@
|
|
228
228
|
* {
|
229
229
|
box-sizing: border-box;
|
230
230
|
}
|
231
|
-
`],_([g()],t.prototype,"properties",2),_([g()],t.prototype,"context",2),_([g()],t.prototype,"layout",2),_([g()],t.prototype,"name",2),_([g()],t.prototype,"type",2),_([g({attribute:!1})],t.prototype,"application",2),_([g({attribute:!1})],t.prototype,"parent",2),t};class
|
231
|
+
`],_([g()],t.prototype,"properties",2),_([g()],t.prototype,"context",2),_([g()],t.prototype,"layout",2),_([g()],t.prototype,"name",2),_([g()],t.prototype,"type",2),_([g({attribute:!1})],t.prototype,"application",2),_([g({attribute:!1})],t.prototype,"parent",2),t};class zt extends Bt(f){render(){return b`Non resolved component`}}zt.styles=[C`
|
232
232
|
:host {
|
233
233
|
display: block;
|
234
234
|
}
|
235
|
-
`];var nt=(r=>(r.Inline="inline",r.Trigger="trigger",r))(nt||{}),Pe=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Te=(r,t,e,s)=>{for(var i=s>1?void 0:s?Oe(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Pe(t,e,i),i};class at extends f{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=
|
235
|
+
`];var nt=(r=>(r.Inline="inline",r.Trigger="trigger",r))(nt||{}),Pe=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Te=(r,t,e,s)=>{for(var i=s>1?void 0:s?Oe(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Pe(t,e,i),i};class at extends f{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=jt()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&Lt(t.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const t=this.application.styles(),e=this.wrapperRef.value;Object.entries(t).forEach(([s,i])=>{e.style.setProperty(`--${s}`,i)})}firstUpdated(t){this.applyBranding(),this.applyStyles()}render(){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")),b`<div class="widget-container" ${Dt(this.wrapperRef)}>
|
236
236
|
${kt(this.nodes,t=>t)}
|
237
237
|
</div>`}}at.styles=C`
|
238
238
|
:host {
|
@@ -331,11 +331,11 @@
|
|
331
331
|
opacity: 0;
|
332
332
|
animation: slideDown 0.3s linear;
|
333
333
|
}
|
334
|
-
`;Te([g({attribute:!1})],at.prototype,"application",2);var Ne=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,ht=(r,t,e,s)=>{for(var i=s>1?void 0:s?Ue(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Ne(t,e,i),i};class
|
334
|
+
`;Te([g({attribute:!1})],at.prototype,"application",2);var Ne=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,ht=(r,t,e,s)=>{for(var i=s>1?void 0:s?Ue(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Ne(t,e,i),i};class j extends f{constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(t){this.widget=t.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const t=globalThis.widgets;t&&(this.widget=t.applications.find(e=>e.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return p;if(this.widget.renderStrategy===nt.Trigger){const t=new E;return t.application=this.widget,t}return this.widget.render()}}j.styles=[C`
|
335
335
|
:host {
|
336
336
|
display: block;
|
337
337
|
}
|
338
|
-
`];ht([g({attribute:!0})],
|
338
|
+
`];ht([g({attribute:!0})],j.prototype,"name",2);ht([L()],j.prototype,"widget",2);ht([L()],j.prototype,"status",2);customElements.get("ace-trigger-slot")||customElements.define("ace-trigger-slot",it);customElements.get("ace-trigger")||customElements.define("ace-trigger",E);customElements.get("ace-unresolved-component")||customElements.define("ace-unresolved-component",zt);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",at);customElements.get("ace-widget")||customElements.define("ace-widget",j);const ke=r=>{const t={};return Object.keys(r).forEach(e=>{e.indexOf("css-")>-1&&(t[e]=r[e])}),t},Re=(r,t)=>{const e=ke(t);Object.entries(e).forEach(([s,i])=>{r.style.setProperty(s.replace("css-",""),i)})};class lt extends Bt(f){constructor(){super(...arguments),this.nodes=[]}render(){var t;return Re(this.renderRoot.host,this.properties),this.renderRoot.host.style.setProperty("--columns",((t=this.properties.columns)==null?void 0:t.toString())||"1"),b`${kt(this.nodes,e=>e)}`}}lt.styles=[C`
|
339
339
|
:host {
|
340
340
|
height: 100%;
|
341
341
|
display: grid;
|
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-dc9973e1.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.33
|
3
|
+
"version": "1.1.33",
|
4
4
|
"dependencies": {
|
5
|
-
"@telia-ace/widget-core-flamingo": "1.1.33
|
5
|
+
"@telia-ace/widget-core-flamingo": "1.1.33",
|
6
6
|
"lit": "^3.0.2"
|
7
7
|
},
|
8
8
|
"main": "./index.js",
|