@telia-ace/widget-components-widget-header-flamingo 1.0.45 → 1.0.47

package/{index-18d19996.js → index-725dab9c.js}

@@ -145,4 +145,4 @@ ${o.map(a=>`${a.name||"<no name>"} (${a.id})
         align-items: center;
         fill: var(--trigger-text-color, #fff);
       }
-    `];J([ht({attribute:!1})],D.prototype,"symbol",2);J([ht({attribute:!1})],D.prototype,"container",2);J([lt()],D.prototype,"active",2);J([lt()],D.prototype,"loaded",2);J([lt()],D.prototype,"icon",2);const Zs=(i,t,e,s,n)=>i.getAsync("componentResolver").then(r=>(r.registerComponent(t,e),Es(i,t,s||(()=>{}),t,n))),Ks=i=>Zs(i,"widget-header",Promise.resolve().then(()=>require("./widget-header-816ab6a0.js")),t=>{});exports.A=g;exports.Et=As;exports.P=at;exports.WidgetHeaderComponent=Ks;exports.ht=ot;exports.i=xe;exports.mapBranding=Ne;exports.n=ht;exports.pt=_e;exports.s=L;exports.t=lt;exports.x=W;
+    `];J([ht({attribute:!1})],D.prototype,"symbol",2);J([ht({attribute:!1})],D.prototype,"container",2);J([lt()],D.prototype,"active",2);J([lt()],D.prototype,"loaded",2);J([lt()],D.prototype,"icon",2);const Zs=(i,t,e,s,n)=>i.getAsync("componentResolver").then(r=>(r.registerComponent(t,e),Es(i,t,s||(()=>{}),t,n))),Ks=i=>Zs(i,"widget-header",Promise.resolve().then(()=>require("./widget-header-b0fdc2a2.js")),t=>{});exports.A=g;exports.Et=As;exports.P=at;exports.WidgetHeaderComponent=Ks;exports.ht=ot;exports.i=xe;exports.mapBranding=Ne;exports.n=ht;exports.pt=_e;exports.s=L;exports.t=lt;exports.x=W;

package/{index-0ac5d882.mjs → index-8a70678a.mjs}

@@ -2549,7 +2549,7 @@ const Qs = (i, t, e, s, n) => i.getAsync("componentResolver").then((r) => (r.reg
 }), t, n))), li = (i) => Qs(
   i,
   "widget-header",
-  import("./widget-header-6b3ce33d.mjs"),
+  import("./widget-header-f27686b8.mjs"),
   (t) => {
   }
 );

package/index.js

@@ -1 +1 @@
-"use strict";const e=require("./index-18d19996.js");module.exports=e.WidgetHeaderComponent;
+"use strict";const e=require("./index-725dab9c.js");module.exports=e.WidgetHeaderComponent;

package/index.mjs

@@ -1,4 +1,4 @@
-import { W as f } from "./index-0ac5d882.mjs";
+import { W as f } from "./index-8a70678a.mjs";
 export {
   f as default
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@telia-ace/widget-components-widget-header-flamingo",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "dependencies": {
-    "@telia-ace/widget-runtime-flamingo": "^1.0.45",
+    "@telia-ace/widget-runtime-flamingo": "^1.0.47",
     "@webprovisions/platform": "^1.1.3",
     "lit": "^2.8.0"
   },

package/{widget-header-816ab6a0.js → widget-header-b0fdc2a2.js}

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-18d19996.js");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-725dab9c.js");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const f=o=>t=>typeof t=="function"?((i,e)=>(customElements.define(i,e),e))(o,t):((i,e)=>{const{kind:s,elements:n}=e;return{kind:s,elements:n,finisher(r){customElements.define(i,r)}}})(o,t);/**
+ */const y=o=>t=>typeof t=="function"?((i,e)=>(customElements.define(i,e),e))(o,t):((i,e)=>{const{kind:s,elements:n}=e;return{kind:s,elements:n,finisher(r){customElements.define(i,r)}}})(o,t);/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const y=({finisher:o,descriptor:t})=>(i,e)=>{var s;if(e===void 0){const n=(s=i.originalKey)!==null&&s!==void 0?s:i.key,r=t!=null?{kind:"method",placement:"prototype",key:n,descriptor:t(i.key)}:{...i,key:n};return o!=null&&(r.finisher=function(h){o(h,n)}),r}{const n=i.constructor;t!==void 0&&Object.defineProperty(i,e,t(e)),o==null||o(n,e)}};/**
+ */const _=({finisher:o,descriptor:t})=>(i,e)=>{var s;if(e===void 0){const n=(s=i.originalKey)!==null&&s!==void 0?s:i.key,r=t!=null?{kind:"method",placement:"prototype",key:n,descriptor:t(i.key)}:{...i,key:n};return o!=null&&(r.finisher=function(h){o(h,n)}),r}{const n=i.constructor;t!==void 0&&Object.defineProperty(i,e,t(e)),o==null||o(n,e)}};/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
@@ -18,19 +18,19 @@
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let _=class{constructor(t,i,e,s){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(r,h)=>{this.unsubscribe&&(this.unsubscribe!==h&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=r,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(r,h)),this.unsubscribe=h},this.host=t,i.context!==void 0){const r=i;this.context=r.context,this.callback=r.callback,this.subscribe=(n=r.subscribe)!==null&&n!==void 0&&n}else this.context=i,this.callback=e,this.subscribe=s!=null&&s;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new v(this.context,this.t,this.subscribe))}};/**
+ */let g=class{constructor(t,i,e,s){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(r,h)=>{this.unsubscribe&&(this.unsubscribe!==h&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=r,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(r,h)),this.unsubscribe=h},this.host=t,i.context!==void 0){const r=i;this.context=r.context,this.callback=r.callback,this.subscribe=(n=r.subscribe)!==null&&n!==void 0&&n}else this.context=i,this.callback=e,this.subscribe=s!=null&&s;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new v(this.context,this.t,this.subscribe))}};/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class g{constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[i,{disposer:e}]of this.subscriptions)i(this.o,e)},t!==void 0&&(this.value=t)}get value(){return this.o}set value(t){this.setValue(t)}setValue(t,i=!1){const e=i||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}addCallback(t,i,e){if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:i});const{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}}/**
+ */class m{constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[i,{disposer:e}]of this.subscriptions)i(this.o,e)},t!==void 0&&(this.value=t)}get value(){return this.o}set value(t){this.setValue(t)}setValue(t,i=!1){const e=i||!Object.is(t,this.o);this.o=t,e&&this.updateObservers()}addCallback(t,i,e){if(!e)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:i});const{disposer:s}=this.subscriptions.get(t);t(this.value,s)}clearCallbacks(){this.subscriptions.clear()}}/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */class m extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class l extends g{constructor(t,i,e){super(i.context!==void 0?i.initialValue:e),this.onContextRequest=s=>{const n=s.composedPath()[0];s.context===this.context&&n!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,n,s.subscribe))},this.onProviderRequest=s=>{const n=s.composedPath()[0];if(s.context!==this.context||n===this.host)return;const r=new Set;for(const[h,{consumerHost:u}]of this.subscriptions)r.has(h)||(r.add(h),u.dispatchEvent(new v(this.context,h,!0)));s.stopPropagation()},this.host=t,i.context!==void 0?this.context=i.context:this.context=i,this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new m(this.context))}}/**
+ */class C extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class u extends m{constructor(t,i,e){super(i.context!==void 0?i.initialValue:e),this.onContextRequest=s=>{const n=s.composedPath()[0];s.context===this.context&&n!==this.host&&(s.stopPropagation(),this.addCallback(s.callback,n,s.subscribe))},this.onProviderRequest=s=>{const n=s.composedPath()[0];if(s.context!==this.context||n===this.host)return;const r=new Set;for(const[h,{consumerHost:l}]of this.subscriptions)r.has(h)||(r.add(h),l.dispatchEvent(new v(this.context,h,!0)));s.stopPropagation()},this.host=t,i.context!==void 0?this.context=i.context:this.context=i,this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new C(this.context))}}/**
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function C({context:o,subscribe:t}){return y({finisher:(i,e)=>{i.addInitializer(s=>{new _(s,{context:o,callback:n=>{s[e]=n},subscribe:t})})}})}const P="children",w="descriptor",L="container",O="context",E="layout",k="properties";class q{constructor(t){(this.host=t).addController(this)}hostConnected(){}hostDisconnected(){}setDescriptor(t){this._descriptor=t}setContainer(t){this._container=t}async dispatch(t,i){if(!this._container||!this._descriptor)return;const e=await c.pt.getInstance(this._container),s=new c.P(e).withId(this._descriptor.id);await e.actions(s,this._descriptor.type||c.ht()).dispatch(t,i)}}const R=o=>{const t={};return Object.keys(o).forEach(i=>{i.indexOf("css-")>-1&&(t[i]=o[i])}),t},D=(o,t)=>{const i=R(t);Object.entries(i).forEach(([e,s])=>{o.style.setProperty(e.replace("css-",""),s)})};var W=Object.defineProperty,$=Object.getOwnPropertyDescriptor,d=(o,t,i,e)=>{for(var s=e>1?void 0:e?$(t,i):t,n=o.length-1,r;n>=0;n--)(r=o[n])&&(s=(e?r(t,i,s):r(s))||s);return e&&s&&W(t,i,s),s};const j=o=>{class t extends o{constructor(){super(...arguments),this.entry="",this._descriptorProvider=new l(this,w,void 0),this._childrenProvider=new l(this,P,[]),this._propertiesProvider=new l(this,k,{}),this._contextProvider=new l(this,O,{}),this._layoutProvider=new l(this,E,{}),this.actions=new q(this),this.context={},this.layout={},this.properties={}}connectedCallback(){super.connectedCallback(),this.container&&(this.actions.setContainer(this.container),c.pt.getInstance(this.container).then(async e=>{var n;const s=e.nodes.get(this.entry);if(s){this._propertyChangeListener=e.events.subscribe("components:properties-changed",(p,a)=>{s.id===a.node.id&&this._setProperties(a.node.attributes.properties)}),this._contextChangeListener=e.events.subscribe("components:context-changed",(p,a)=>{s.id===a.node.id&&this._setContext(a.node.attributes.context)}),this._layoutChangeListener=e.events.subscribe("components:layout-changed",(p,a)=>{s.id===a.node.id&&this._setLayout(a.node.attributes.layout)});const r="default";this._unmountNode=s.mount(this.container),this._setDescriptor(c.Et(s,r)),this._setProperties(s.attributes.properties),this._setContext(s.attributes.context),this._setLayout(this.layout);const h=s.getChildren(r).map(p=>c.Et(p));this._childrenProvider.setValue(h);const b=(await this.container.getAsync("componentResolver")).getComponent(((n=this.descriptor)==null?void 0:n.type)||"");b.then&&b.then(p=>{this.component=p.default})}}))}disconnectedCallback(){super.disconnectedCallback(),this._propertyChangeListener&&this._propertyChangeListener(),this._contextChangeListener&&this._contextChangeListener(),this._layoutChangeListener&&this._layoutChangeListener(),this._unmountNode&&this._unmountNode()}updated(){this.container&&this.actions.setContainer(this.container),c.mapBranding(this.context,this.renderRoot.host),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),D(this.renderRoot.host,this.properties)}_setProperties(e){this._propertiesProvider.setValue(e),this.properties=e}_setContext(e){this._contextProvider.setValue(e),this.context=e}_setLayout(e){this._layoutProvider.setValue(e),this.layout=e}_setDescriptor(e){this.descriptor=e,this._descriptorProvider.setValue(e),this.actions.setDescriptor(e)}}return t.styles=[o.styles??[],c.i`
+ */function P({context:o,subscribe:t}){return _({finisher:(i,e)=>{i.addInitializer(s=>{new g(s,{context:o,callback:n=>{s[e]=n},subscribe:t})})}})}const w="children",L="descriptor",O="container",E="context",k="layout",q="properties";class R{constructor(t){(this.host=t).addController(this)}hostConnected(){}hostDisconnected(){}setDescriptor(t){this._descriptor=t}setContainer(t){this._container=t}async dispatch(t,i){if(!this._container||!this._descriptor)return;const e=await c.pt.getInstance(this._container),s=new c.P(e).withId(this._descriptor.id);await e.actions(s,this._descriptor.type||c.ht()).dispatch(t,i)}}const D=o=>{const t={};return Object.keys(o).forEach(i=>{i.indexOf("css-")>-1&&(t[i]=o[i])}),t},W=(o,t)=>{const i=D(t);Object.entries(i).forEach(([e,s])=>{o.style.setProperty(e.replace("css-",""),s)})};var $=Object.defineProperty,j=Object.getOwnPropertyDescriptor,d=(o,t,i,e)=>{for(var s=e>1?void 0:e?j(t,i):t,n=o.length-1,r;n>=0;n--)(r=o[n])&&(s=(e?r(t,i,s):r(s))||s);return e&&s&&$(t,i,s),s};const H=o=>{class t extends o{constructor(){super(...arguments),this.entry="",this._descriptorProvider=new u(this,L,void 0),this._childrenProvider=new u(this,w,[]),this._propertiesProvider=new u(this,q,{}),this._contextProvider=new u(this,E,{}),this._layoutProvider=new u(this,k,{}),this.actions=new R(this),this.context={},this.layout={},this.properties={}}connectedCallback(){super.connectedCallback(),this.container&&(this.actions.setContainer(this.container),c.pt.getInstance(this.container).then(async e=>{var n,r;const s=e.nodes.get(this.entry);if(s){this._propertyChangeListener=e.events.subscribe("components:properties-changed",(p,a)=>{s.id===a.node.id&&this._setProperties(a.node.attributes.properties)}),this._contextChangeListener=e.events.subscribe("components:context-changed",(p,a)=>{s.id===a.node.id&&this._setContext(a.node.attributes.context)}),this._layoutChangeListener=e.events.subscribe("components:layout-changed",(p,a)=>{s.id===a.node.id&&this._setLayout(a.node.attributes.layout)});const h="default";this._unmountNode=s.mount(this.container),this._setDescriptor(c.Et(s,h)),this._setProperties(s.attributes.properties),this._setContext(s.attributes.context),this._setLayout(this.layout);const l=s.getChildren(h).map(p=>c.Et(p));this._childrenProvider.setValue(l);const f=await this.container.getAsync("componentResolver");if(((n=this.descriptor)==null?void 0:n.type)==="area")return;const b=f.getComponent(((r=this.descriptor)==null?void 0:r.type)||"");b.then&&b.then(p=>{this.component=p.default})}}))}disconnectedCallback(){super.disconnectedCallback(),this._propertyChangeListener&&this._propertyChangeListener(),this._contextChangeListener&&this._contextChangeListener(),this._layoutChangeListener&&this._layoutChangeListener(),this._unmountNode&&this._unmountNode()}updated(){this.container&&this.actions.setContainer(this.container),c.mapBranding(this.context,this.renderRoot.host),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),W(this.renderRoot.host,this.properties)}_setProperties(e){this._propertiesProvider.setValue(e),this.properties=e}_setContext(e){this._contextProvider.setValue(e),this.context=e}_setLayout(e){this._layoutProvider.setValue(e),this.layout=e}_setDescriptor(e){this.descriptor=e,this._descriptorProvider.setValue(e),this.actions.setDescriptor(e)}}return t.styles=[o.styles??[],c.i`
         :host {
           font-family: var(--font-family);
           grid-column: span var(--width);
@@ -42,7 +42,7 @@
         * {
           box-sizing: border-box;
         }
-      `],d([C({context:L}),c.n({attribute:!1})],t.prototype,"container",2),d([c.n()],t.prototype,"entry",2),d([c.t()],t.prototype,"descriptor",2),d([c.t()],t.prototype,"component",2),d([c.t()],t.prototype,"context",2),d([c.t()],t.prototype,"layout",2),d([c.t()],t.prototype,"properties",2),t};var H=Object.defineProperty,V=Object.getOwnPropertyDescriptor,z=(o,t,i,e)=>{for(var s=e>1?void 0:e?V(t,i):t,n=o.length-1,r;n>=0;n--)(r=o[n])&&(s=(e?r(t,i,s):r(s))||s);return e&&s&&H(t,i,s),s};const x=j(c.s);exports.WidgetHeaderComponent=class extends x{render(){return c.x` <div class="widget-header">
+      `],d([P({context:O}),c.n({attribute:!1})],t.prototype,"container",2),d([c.n()],t.prototype,"entry",2),d([c.t()],t.prototype,"descriptor",2),d([c.t()],t.prototype,"component",2),d([c.t()],t.prototype,"context",2),d([c.t()],t.prototype,"layout",2),d([c.t()],t.prototype,"properties",2),t};var V=Object.defineProperty,z=Object.getOwnPropertyDescriptor,I=(o,t,i,e)=>{for(var s=e>1?void 0:e?z(t,i):t,n=o.length-1,r;n>=0;n--)(r=o[n])&&(s=(e?r(t,i,s):r(s))||s);return e&&s&&V(t,i,s),s};const x=H(c.s);exports.WidgetHeaderComponent=class extends x{render(){return c.x` <div class="widget-header">
       <div>
         <h1>${this.properties.header}</h1>
 
@@ -69,4 +69,4 @@
         margin: 0;
         padding: 0;
       }
-    `];exports.WidgetHeaderComponent=z([f("ace-widget-header")],exports.WidgetHeaderComponent);const I=exports.WidgetHeaderComponent;exports.default=I;
+    `];exports.WidgetHeaderComponent=I([y("ace-widget-header")],exports.WidgetHeaderComponent);const N=exports.WidgetHeaderComponent;exports.default=N;

package/{widget-header-6b3ce33d.mjs → widget-header-f27686b8.mjs}

@@ -1,10 +1,10 @@
-import { p as _, P, h as w, i as m, n as x, t as p, E as f, m as L, x as y, A as O, s as $ } from "./index-0ac5d882.mjs";
+import { p as _, P as w, h as L, i as m, n as x, t as p, E as f, m as O, x as y, A as $, s as E } from "./index-8a70678a.mjs";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const E = (n) => (t) => typeof t == "function" ? ((i, e) => (customElements.define(i, e), e))(n, t) : ((i, e) => {
+const k = (n) => (t) => typeof t == "function" ? ((i, e) => (customElements.define(i, e), e))(n, t) : ((i, e) => {
   const { kind: s, elements: o } = e;
   return { kind: s, elements: o, finisher(r) {
     customElements.define(i, r);
@@ -15,7 +15,7 @@ const E = (n) => (t) => typeof t == "function" ? ((i, e) => (customElements.defi
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const k = ({ finisher: n, descriptor: t }) => (i, e) => {
+const R = ({ finisher: n, descriptor: t }) => (i, e) => {
   var s;
   if (e === void 0) {
     const o = (s = i.originalKey) !== null && s !== void 0 ? s : i.key, r = t != null ? { kind: "method", placement: "prototype", key: o, descriptor: t(i.key) } : { ...i, key: o };
@@ -48,7 +48,7 @@ let g = class extends Event {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let R = class {
+let q = class {
   constructor(t, i, e, s) {
     var o;
     if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (r, c) => {
@@ -75,7 +75,7 @@ let R = class {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class q {
+class D {
   constructor(t) {
     this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
       for (const [i, { disposer: e }] of this.subscriptions)
@@ -110,12 +110,12 @@ class q {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class D extends Event {
+class j extends Event {
   constructor(t) {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
   }
 }
-class l extends q {
+class l extends D {
   constructor(t, i, e) {
     super(i.context !== void 0 ? i.initialValue : e), this.onContextRequest = (s) => {
       const o = s.composedPath()[0];
@@ -134,7 +134,7 @@ class l extends q {
     this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
   }
   hostConnected() {
-    this.host.dispatchEvent(new D(this.context));
+    this.host.dispatchEvent(new j(this.context));
   }
 }
 /**
@@ -142,17 +142,17 @@ class l extends q {
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function j({ context: n, subscribe: t }) {
-  return k({ finisher: (i, e) => {
+function V({ context: n, subscribe: t }) {
+  return R({ finisher: (i, e) => {
     i.addInitializer((s) => {
-      new R(s, { context: n, callback: (o) => {
+      new q(s, { context: n, callback: (o) => {
         s[e] = o;
       }, subscribe: t });
     });
   } });
 }
-const V = "children", z = "descriptor", W = "container", H = "context", I = "layout", N = "properties";
-class A {
+const z = "children", W = "descriptor", H = "container", I = "context", N = "layout", A = "properties";
+class S {
   constructor(t) {
     (this.host = t).addController(this);
   }
@@ -171,44 +171,44 @@ class A {
       return;
     const e = await _.getInstance(
       this._container
-    ), s = new P(e).withId(
+    ), s = new w(e).withId(
       this._descriptor.id
     );
     await e.actions(
       s,
-      this._descriptor.type || w()
+      this._descriptor.type || L()
     ).dispatch(t, i);
   }
 }
-const S = (n) => {
+const B = (n) => {
   const t = {};
   return Object.keys(n).forEach((i) => {
     i.indexOf("css-") > -1 && (t[i] = n[i]);
   }), t;
-}, B = (n, t) => {
-  const i = S(t);
+}, F = (n, t) => {
+  const i = B(t);
   Object.entries(i).forEach(([e, s]) => {
     n.style.setProperty(e.replace("css-", ""), s);
   });
 };
-var F = Object.defineProperty, K = Object.getOwnPropertyDescriptor, a = (n, t, i, e) => {
-  for (var s = e > 1 ? void 0 : e ? K(t, i) : t, o = n.length - 1, r; o >= 0; o--)
+var K = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (n, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? M(t, i) : t, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (e ? r(t, i, s) : r(s)) || s);
-  return e && s && F(t, i, s), s;
+  return e && s && K(t, i, s), s;
 };
-const M = (n) => {
+const U = (n) => {
   class t extends n {
     constructor() {
       super(...arguments), this.entry = "", this._descriptorProvider = new l(
         this,
-        z,
+        W,
         void 0
-      ), this._childrenProvider = new l(this, V, []), this._propertiesProvider = new l(this, N, {}), this._contextProvider = new l(this, H, {}), this._layoutProvider = new l(this, I, {}), this.actions = new A(this), this.context = {}, this.layout = {}, this.properties = {};
+      ), this._childrenProvider = new l(this, z, []), this._propertiesProvider = new l(this, A, {}), this._contextProvider = new l(this, I, {}), this._layoutProvider = new l(this, N, {}), this.actions = new S(this), this.context = {}, this.layout = {}, this.properties = {};
     }
     connectedCallback() {
       super.connectedCallback(), this.container && (this.actions.setContainer(this.container), _.getInstance(this.container).then(
         async (e) => {
-          var o;
+          var o, r;
           const s = e.nodes.get(this.entry);
           if (s) {
             this._propertyChangeListener = e.events.subscribe(
@@ -227,12 +227,15 @@ const M = (n) => {
                 s.id === h.node.id && this._setLayout(h.node.attributes.layout);
               }
             );
-            const r = "default";
-            this._unmountNode = s.mount(this.container), this._setDescriptor(f(s, r)), this._setProperties(s.attributes.properties), this._setContext(s.attributes.context), this._setLayout(this.layout);
-            const c = s.getChildren(r).map((d) => f(d));
-            this._childrenProvider.setValue(c);
-            const v = (await this.container.getAsync("componentResolver")).getComponent(
-              ((o = this.descriptor) == null ? void 0 : o.type) || ""
+            const c = "default";
+            this._unmountNode = s.mount(this.container), this._setDescriptor(f(s, c)), this._setProperties(s.attributes.properties), this._setContext(s.attributes.context), this._setLayout(this.layout);
+            const b = s.getChildren(c).map((d) => f(d));
+            this._childrenProvider.setValue(b);
+            const P = await this.container.getAsync("componentResolver");
+            if (((o = this.descriptor) == null ? void 0 : o.type) === "area")
+              return;
+            const v = P.getComponent(
+              ((r = this.descriptor) == null ? void 0 : r.type) || ""
             );
             v.then && v.then((d) => {
               this.component = d.default;
@@ -245,10 +248,10 @@ const M = (n) => {
       super.disconnectedCallback(), this._propertyChangeListener && this._propertyChangeListener(), this._contextChangeListener && this._contextChangeListener(), this._layoutChangeListener && this._layoutChangeListener(), this._unmountNode && this._unmountNode();
     }
     updated() {
-      this.container && this.actions.setContainer(this.container), L(this.context, this.renderRoot.host), this.renderRoot.host.style.setProperty(
+      this.container && this.actions.setContainer(this.container), O(this.context, this.renderRoot.host), this.renderRoot.host.style.setProperty(
         "--width",
         this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
-      ), B(this.renderRoot.host, this.properties);
+      ), F(this.renderRoot.host, this.properties);
     }
     _setProperties(e) {
       this._propertiesProvider.setValue(e), this.properties = e;
@@ -279,7 +282,7 @@ const M = (n) => {
         }
       `
   ], a([
-    j({ context: W }),
+    V({ context: H }),
     x({ attribute: !1 })
   ], t.prototype, "container", 2), a([
     x()
@@ -295,19 +298,19 @@ const M = (n) => {
     p()
   ], t.prototype, "properties", 2), t;
 };
-var U = Object.defineProperty, G = Object.getOwnPropertyDescriptor, J = (n, t, i, e) => {
-  for (var s = e > 1 ? void 0 : e ? G(t, i) : t, o = n.length - 1, r; o >= 0; o--)
+var G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, Q = (n, t, i, e) => {
+  for (var s = e > 1 ? void 0 : e ? J(t, i) : t, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = (e ? r(t, i, s) : r(s)) || s);
-  return e && s && U(t, i, s), s;
+  return e && s && G(t, i, s), s;
 };
-const C = M($);
+const C = U(E);
 let u = class extends C {
   render() {
     return y` <div class="widget-header">
       <div>
         <h1>${this.properties.header}</h1>
 
-        ${this.properties.tagline ? y`<p>${this.properties.tagline}</p>` : O}
+        ${this.properties.tagline ? y`<p>${this.properties.tagline}</p>` : $}
       </div>
     </div>`;
   }
@@ -337,11 +340,11 @@ u.styles = [
       }
     `
 ];
-u = J([
-  E("ace-widget-header")
+u = Q([
+  k("ace-widget-header")
 ], u);
-const Y = u;
+const Z = u;
 export {
   u as WidgetHeaderComponent,
-  Y as default
+  Z as default
 };