@telia-ace/widget-components-area-flamingo 1.1.33-rc.1 → 1.1.33-rc.2

package/{area-46ce2a2c.mjs → area-abba9a62.mjs}

@@ -3,7 +3,7 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const B = globalThis, tt = B.ShadowRoot && (B.ShadyCSS === void 0 || B.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, et = Symbol(), lt = /* @__PURE__ */ new WeakMap();
+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();
 let Et = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== et)
@@ -23,7 +23,7 @@ let Et = class {
     return this.cssText;
   }
 };
-const Bt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r, ...t) => {
+const zt = (r) => new Et(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;
@@ -37,14 +37,14 @@ const Bt = (r) => new Et(typeof r == "string" ? r : r + "", void 0, et), C = (r,
     r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
     for (const e of t) {
-      const s = document.createElement("style"), i = B.litNonce;
+      const s = document.createElement("style"), i = z.litNonce;
       i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
     }
 }, ct = tt ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules)
     e += s.cssText;
-  return Bt(e);
+  return zt(e);
 })(r) : r;
 /**
  * @license
@@ -629,7 +629,7 @@ function g(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function j(r) {
+function L(r) {
   return g({ ...r, state: !0, attribute: !1 });
 }
 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
 };
 class it extends f {
   constructor() {
-    super(...arguments), this.anchor = "bottom-right";
+    super(...arguments), this.anchor = "BottomRight";
   }
   appendChild(t) {
     var e;
     return (e = this.shadowRoot) == null || e.appendChild(t), t;
   }
   render() {
-    return this.renderRoot.host.classList.add(this.anchor), p;
+    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), p;
   }
 }
 it.styles = [
@@ -1007,19 +1007,19 @@ const be = ot(class extends kt {
     }
     return x;
   }
-}), z = (r, t, e) => {
+}), B = (r, t, e) => {
   r && e.style.setProperty(t, r);
 }, Ht = (r, t) => {
   var e, s, i, o;
-  z((e = r.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), z(
+  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
-  ), z(
+  ), B(
     (i = r.colors) == null ? void 0 : i.secondaryBackground,
     "--secondary-background",
     t
-  ), z(
+  ), B(
     (o = r.colors) == null ? void 0 : o.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
@@ -1030,10 +1030,10 @@ const be = ot(class extends kt {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const jt = () => new Ae();
+const Lt = () => new Ae();
 class Ae {
 }
-const Q = /* @__PURE__ */ new WeakMap(), Lt = ot(class extends Mt {
+const Q = /* @__PURE__ */ new WeakMap(), jt = ot(class extends Mt {
   render(r) {
     return p;
   }
@@ -1068,7 +1068,7 @@ var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, V = (r, t,
 };
 class E extends f {
   constructor() {
-    super(...arguments), this.active = !1, this.loaded = !1, this.containerRef = jt();
+    super(...arguments), this.active = !1, this.loaded = !1, this.containerRef = Lt();
   }
   async connectedCallback() {
     super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
@@ -1113,7 +1113,7 @@ class E extends f {
   }
   render() {
     var t, e, s, i;
-    return b`<div class="trigger-container" ${Lt(this.containerRef)}>
+    return b`<div class="trigger-container" ${jt(this.containerRef)}>
       ${!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`
             <button
               class="trigger-label"
@@ -1280,13 +1280,13 @@ V([
   g({ attribute: !1 })
 ], E.prototype, "application", 2);
 V([
-  j()
+  L()
 ], E.prototype, "active", 2);
 V([
-  j()
+  L()
 ], E.prototype, "loaded", 2);
 V([
-  j()
+  L()
 ], E.prototype, "icon", 2);
 var Ce = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, _ = (r, t, e, s) => {
   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) => {
     g({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class zt extends Dt(f) {
+class Bt extends Dt(f) {
   render() {
     return b`Non resolved component`;
   }
 }
-zt.styles = [
+Bt.styles = [
   C`
       :host {
         display: block;
@@ -1367,7 +1367,7 @@ var nt = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r)
 };
 class at extends f {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = jt();
+    super(...arguments), this.nodes = [], this.wrapperRef = Lt();
   }
   addChild(t) {
     t.parent = this, this.nodes.push(t);
@@ -1390,7 +1390,7 @@ class at extends f {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    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" ${Lt(this.wrapperRef)}>
+    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)}>
       ${Ut(this.nodes, (t) => t)}
     </div>`;
   }
@@ -1501,7 +1501,7 @@ var Te = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, ht = (r, t
     (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
   return s && i && Te(t, e, i), i;
 };
-class L extends f {
+class j extends f {
   constructor() {
     super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
   }
@@ -1533,7 +1533,7 @@ class L extends f {
     return this.widget.render();
   }
 }
-L.styles = [
+j.styles = [
   C`
       :host {
         display: block;
@@ -1542,18 +1542,18 @@ L.styles = [
 ];
 ht([
   g({ attribute: !0 })
-], L.prototype, "name", 2);
+], j.prototype, "name", 2);
 ht([
-  j()
-], L.prototype, "widget", 2);
+  L()
+], j.prototype, "widget", 2);
 ht([
-  j()
-], L.prototype, "status", 2);
+  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-unresolved-component") || customElements.define("ace-unresolved-component", Bt);
 customElements.get("ace-wrapper") || customElements.define("ace-wrapper", at);
-customElements.get("ace-widget") || customElements.define("ace-widget", L);
+customElements.get("ace-widget") || customElements.define("ace-widget", j);
 const Ue = (r) => {
   const t = {};
   return Object.keys(r).forEach((e) => {

package/{area-9cf79f8a.js → area-dc9973e1.js}

@@ -2,7 +2,7 @@
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const B=globalThis,tt=B.ShadowRoot&&(B.ShadyCSS===void 0||B.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=B.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;/**
+ */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;/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -28,7 +28,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function j(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="bottom-right"}appendChild(t){var e;return(e=this.shadowRoot)==null||e.appendChild(t),t}render(){return this.renderRoot.host.classList.add(this.anchor),p}}it.styles=[C`
+ */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`
       :host {
         position: fixed;
         display: flex;
@@ -60,11 +60,11 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */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}}),z=(r,t,e)=>{r&&e.style.setProperty(t,r)},jt=(r,t)=>{var e,s,i,o;z((e=r.colors)==null?void 0:e.primaryBackground,"--primary-background",t),z((s=r.colors)==null?void 0:s.textOnPrimaryBackground,"--text-on-primary-background",t),z((i=r.colors)==null?void 0:i.secondaryBackground,"--secondary-background",t),z((o=r.colors)==null?void 0:o.textOnSecondaryBackground,"--text-on-secondary-background",t)};/**
+ */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)};/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Lt=()=>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=Lt()}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&&jt(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
+ */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
             class="trigger-icon"
             svg=${c.svg}
             size="lg"
@@ -216,7 +216,7 @@
       .trigger-label:hover {
         opacity: 0.8;
       }
-    `];V([g({attribute:!1})],E.prototype,"application",2);V([j()],E.prototype,"active",2);V([j()],E.prototype,"loaded",2);V([j()],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 zt=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`
+    `];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`
         :host {
           font-family: var(--font-family);
           grid-column: span var(--width);
@@ -228,11 +228,11 @@
         * {
           box-sizing: border-box;
         }
-      `],_([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 Bt extends zt(f){render(){return b`Non resolved component`}}Bt.styles=[C`
+      `],_([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`
       :host {
         display: block;
       }
-    `];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=Lt()}addChild(t){t.parent=this,this.nodes.push(t)}applyBranding(){if(!this.wrapperRef.value)return;const t=this.application.settings;t!=null&&t.branding&&jt(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.renderRoot.host.classList.add(this.application.anchor)),b`<div class="widget-container" ${Dt(this.wrapperRef)}>
+    `];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)}>
       ${kt(this.nodes,t=>t)}
     </div>`}}at.styles=C`
     :host {
@@ -331,11 +331,11 @@
       opacity: 0;
       animation: slideDown 0.3s linear;
     }
-  `;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 L 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()}}L.styles=[C`
+  `;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`
       :host {
         display: block;
       }
-    `];ht([g({attribute:!0})],L.prototype,"name",2);ht([j()],L.prototype,"widget",2);ht([j()],L.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",Bt);customElements.get("ace-wrapper")||customElements.define("ace-wrapper",at);customElements.get("ace-widget")||customElements.define("ace-widget",L);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 zt(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`
+    `];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`
       :host {
         height: 100%;
         display: grid;

package/index.js

@@ -1 +1 @@
-"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-9cf79f8a.js")))};module.exports=r;
+"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-dc9973e1.js")))};module.exports=r;

package/index.mjs

@@ -1,5 +1,5 @@
 const o = async (e) => {
-  e.registerComponent("area", import("./area-46ce2a2c.mjs"));
+  e.registerComponent("area", import("./area-abba9a62.mjs"));
 };
 export {
   o as default

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@telia-ace/widget-components-area-flamingo",
-  "version": "1.1.33-rc.1",
+  "version": "1.1.33-rc.2",
   "dependencies": {
-    "@telia-ace/widget-core-flamingo": "1.1.33-rc.1",
+    "@telia-ace/widget-core-flamingo": "1.1.33-rc.2",
     "lit": "^3.0.2"
   },
   "main": "./index.js",