@telia-ace/widget-runtime-flamingo 1.0.16 → 1.0.37

package/{dist/index.d.ts → index.d.ts}

@@ -10,4 +10,3 @@ export { DataProvider, createDataProvider, } from './data-provider/data-provider
 export { GuideProviderPlugin } from './data-provider/providers/guide-provider.plugin';
 export { default as createWebComponent } from './core/create-lit-component';
 export { WidgetComponent } from './mixins/widget-component.mixin';
-//# sourceMappingURL=index.d.ts.map

package/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-0d792c3e.js");exports.ActionsController=t.ActionsController;exports.DataProvider=t.DataProvider;exports.GridWidget=t.Widget;exports.GuideProviderPlugin=t.GuideProviderPlugin;exports.Widget=t.Widget;exports.WidgetComponent=t.WidgetComponent;exports.childrenContext=t.childrenContext;exports.containerContext=t.containerContext;exports.contextCtx=t.contextCtx;exports.createDataProvider=t.createDataProvider;exports.createWebComponent=t.createLitComponent;exports.descriptorContext=t.descriptorContext;exports.layoutCtx=t.layoutCtx;exports.propertiesCtx=t.propertiesCtx;

package/{dist/index.js → index.mjs}

@@ -1,4 +1,4 @@
-import { r as a, D as o, h as r, G as s, h as i, W as n, j as d, c as C, l as c, u as x, v as p, k as l, o as W, p as g } from "./index-bd7f8b31.js";
+import { r as a, D as o, h as r, G as s, h as i, W as n, j as d, c as C, l as c, u as x, v as l, k as p, o as W, q as g } from "./index-19a13f23.mjs";
 export {
   a as ActionsController,
   o as DataProvider,
@@ -10,9 +10,8 @@ export {
   C as containerContext,
   c as contextCtx,
   x as createDataProvider,
-  p as createWebComponent,
-  l as descriptorContext,
+  l as createWebComponent,
+  p as descriptorContext,
   W as layoutCtx,
   g as propertiesCtx
 };
-//# sourceMappingURL=index.js.map

package/{dist/mixins → mixins}/widget-component.mixin.d.ts

@@ -4,7 +4,7 @@ import { propertiesCtx } from '../context/properties.context';
 import { contextCtx } from '../context/context.context';
 import { ContextProvider } from '@lit-labs/context';
 import { Container } from '@webprovisions/platform';
-import { ComponentDescriptor } from '@telia-ace/widget-core-flamingo';
+import { ComponentDescriptor } from '@telia-ace/widget-core';
 import { ActionsController } from '../controllers/actions-controller';
 type Constructor<T = {}> = new (...args: any[]) => T;
 export declare class WidgetComponentInterface {
@@ -22,4 +22,3 @@ export declare class WidgetComponentInterface {
 }
 export declare const WidgetComponent: <T extends Constructor<LitElement>>(superClass: T) => Constructor<WidgetComponentInterface> & T;
 export {};
-//# sourceMappingURL=widget-component.mixin.d.ts.map

package/package.json

@@ -1,49 +1,23 @@
 {
   "name": "@telia-ace/widget-runtime-flamingo",
-  "version": "1.0.16",
-  "description": "Type definition for Grid widget.",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "author": "Telia Company AB",
-  "keywords": [
-    "telia"
-  ],
-  "main": "dist/index.js",
-  "sourceMain": "src/index.ts",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "LICENSE.txt",
-    "README.md",
-    "dist/"
-  ],
-  "publishConfig": {
-    "access": "public"
+  "version": "1.0.37",
+  "scripts": {
+    "release": "release-it"
+  },
+  "release-it": {
+    "git": false
   },
-  "sideEffects": true,
   "dependencies": {
-    "@lit-labs/context": "^0.4.0",
-    "@lit-labs/motion": "^1.0.4",
+    "@telia-ace/widget-core": "^1.0.27",
     "@telia-ace/widget-services": "^1.0.27",
     "@telia-ace/widget-utilities": "^1.0.16",
-    "@teliads/components": "^22.1.1",
-    "@teliads/icons": "^8.4.0",
-    "@webprovisions/bootstrapping": "^1.0.13",
     "@webprovisions/platform": "^1.1.3",
+    "@lit-labs/context": "^0.4.0",
     "lit": "^2.8.0",
-    "lit-html": "^2.8.0",
-    "sass": "^1.66.1",
-    "@telia-ace/widget-core-flamingo": "1.0.14"
-  },
-  "devDependencies": {
-    "@telia-ace/widget-developer-tools": "^1.0.22",
-    "@types/node": "^20.5.4",
-    "rimraf": "^5.0.1",
-    "tslib": "^2.6.0",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.9"
+    "@teliads/icons": "^8.4.0",
+    "@webprovisions/bootstrapping": "^1.0.13"
   },
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
-  }
-}
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "typings": "./index.d.ts"
+}

package/{dist/render-369a79dd.js → render-8ecc38bd.mjs}

@@ -1,38 +1,10 @@
-var j = Object.defineProperty, z = Object.defineProperties;
-var E = Object.getOwnPropertyDescriptors;
-var x = Object.getOwnPropertySymbols;
-var N = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
-var A = (s, t, e) => t in s ? j(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, u = (s, t) => {
-  for (var e in t || (t = {}))
-    N.call(t, e) && A(s, e, t[e]);
-  if (x)
-    for (var e of x(t))
-      q.call(t, e) && A(s, e, t[e]);
-  return s;
-}, P = (s, t) => z(s, E(t));
-var d = (s, t, e) => new Promise((i, n) => {
-  var r = (c) => {
-    try {
-      a(e.next(c));
-    } catch (h) {
-      n(h);
-    }
-  }, o = (c) => {
-    try {
-      a(e.throw(c));
-    } catch (h) {
-      n(h);
-    }
-  }, a = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(r, o);
-  a((e = e.apply(s, t)).next());
-});
-import { i as W, t as H, e as G, A as w, s as O, a as I, c as K, T as Z, q as g, x as _, b as L, n as U, d as m, f as R, W as V, m as Q, g as B } from "./index-bd7f8b31.js";
+import { i as L, t as D, e as A, A as y, s as P, a as Y, c as M, p as T, m as f, x as v, b as R, n as j, d as u, T as w, W as z, f as E, g as N } from "./index-19a13f23.mjs";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const T = (s) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(s, t) : ((e, i) => {
+const S = (s) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(s, t) : ((e, i) => {
   const { kind: n, elements: r } = i;
   return { kind: n, elements: r, finisher(o) {
     customElements.define(e, o);
@@ -43,69 +15,69 @@ const T = (s) => (t) => typeof t == "function" ? ((e, i) => (customElements.defi
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const F = (s) => s === null || typeof s != "object" && typeof s != "function", J = (s) => s.strings === void 0;
+const W = (s) => s === null || typeof s != "object" && typeof s != "function", q = (s) => s.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const v = (s, t) => {
+const p = (s, t) => {
   var e, i;
   const n = s._$AN;
   if (n === void 0)
     return !1;
   for (const r of n)
-    (i = (e = r)._$AO) === null || i === void 0 || i.call(e, t, !1), v(r, t);
+    (i = (e = r)._$AO) === null || i === void 0 || i.call(e, t, !1), p(r, t);
   return !0;
-}, $ = (s) => {
+}, m = (s) => {
   let t, e;
   do {
     if ((t = s._$AM) === void 0)
       break;
     e = t._$AN, e.delete(s), s = t;
   } while ((e == null ? void 0 : e.size) === 0);
-}, D = (s) => {
+}, k = (s) => {
   for (let t; t = s._$AM; s = t) {
     let e = t._$AN;
     if (e === void 0)
       t._$AN = e = /* @__PURE__ */ new Set();
     else if (e.has(s))
       break;
-    e.add(s), et(t);
+    e.add(s), K(t);
   }
 };
-function X(s) {
-  this._$AN !== void 0 ? ($(this), this._$AM = s, D(this)) : this._$AM = s;
+function H(s) {
+  this._$AN !== void 0 ? (m(this), this._$AM = s, k(this)) : this._$AM = s;
 }
-function tt(s, t = !1, e = 0) {
+function I(s, t = !1, e = 0) {
   const i = this._$AH, n = this._$AN;
   if (n !== void 0 && n.size !== 0)
     if (t)
       if (Array.isArray(i))
         for (let r = e; r < i.length; r++)
-          v(i[r], !1), $(i[r]);
+          p(i[r], !1), m(i[r]);
       else
-        i != null && (v(i, !1), $(i));
+        i != null && (p(i, !1), m(i));
     else
-      v(this, s);
+      p(this, s);
 }
-const et = (s) => {
+const K = (s) => {
   var t, e, i, n;
-  s.type == H.CHILD && ((t = (i = s)._$AP) !== null && t !== void 0 || (i._$AP = tt), (e = (n = s)._$AQ) !== null && e !== void 0 || (n._$AQ = X));
+  s.type == D.CHILD && ((t = (i = s)._$AP) !== null && t !== void 0 || (i._$AP = I), (e = (n = s)._$AQ) !== null && e !== void 0 || (n._$AQ = H));
 };
-let Y = class extends W {
+let G = class extends L {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, e, i) {
-    super._$AT(t, e, i), D(this), this.isConnected = t._$AU;
+    super._$AT(t, e, i), k(this), this.isConnected = t._$AU;
   }
   _$AO(t, e = !0) {
     var i, n;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) === null || i === void 0 || i.call(this) : (n = this.disconnected) === null || n === void 0 || n.call(this)), e && (v(this, t), $(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) === null || i === void 0 || i.call(this) : (n = this.disconnected) === null || n === void 0 || n.call(this)), e && (p(this, t), m(this));
   }
   setValue(t) {
-    if (J(this._$Ct))
+    if (q(this._$Ct))
       this._$Ct._$AI(t, this);
     else {
       const e = [...this._$Ct._$AH];
@@ -122,30 +94,30 @@ let Y = class extends W {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const st = () => new it();
-class it {
+const Z = () => new U();
+class U {
 }
-const b = /* @__PURE__ */ new WeakMap(), nt = G(class extends Y {
+const $ = /* @__PURE__ */ new WeakMap(), V = A(class extends G {
   render(s) {
-    return w;
+    return y;
   }
   update(s, [t]) {
     var e;
     const i = t !== this.G;
-    return i && this.G !== void 0 && this.ot(void 0), (i || this.rt !== this.lt) && (this.G = t, this.dt = (e = s.options) === null || e === void 0 ? void 0 : e.host, this.ot(this.lt = s.element)), w;
+    return i && this.G !== void 0 && this.ot(void 0), (i || this.rt !== this.lt) && (this.G = t, this.dt = (e = s.options) === null || e === void 0 ? void 0 : e.host, this.ot(this.lt = s.element)), y;
   }
   ot(s) {
     var t;
     if (typeof this.G == "function") {
       const e = (t = this.dt) !== null && t !== void 0 ? t : globalThis;
-      let i = b.get(e);
-      i === void 0 && (i = /* @__PURE__ */ new WeakMap(), b.set(e, i)), i.get(this.G) !== void 0 && this.G.call(this.dt, void 0), i.set(this.G, s), s !== void 0 && this.G.call(this.dt, s);
+      let i = $.get(e);
+      i === void 0 && (i = /* @__PURE__ */ new WeakMap(), $.set(e, i)), i.get(this.G) !== void 0 && this.G.call(this.dt, void 0), i.set(this.G, s), s !== void 0 && this.G.call(this.dt, s);
     } else
       this.G.value = s;
   }
   get rt() {
     var s, t, e;
-    return typeof this.G == "function" ? (t = b.get((s = this.dt) !== null && s !== void 0 ? s : globalThis)) === null || t === void 0 ? void 0 : t.get(this.G) : (e = this.G) === null || e === void 0 ? void 0 : e.value;
+    return typeof this.G == "function" ? (t = $.get((s = this.dt) !== null && s !== void 0 ? s : globalThis)) === null || t === void 0 ? void 0 : t.get(this.G) : (e = this.G) === null || e === void 0 ? void 0 : e.value;
   }
   disconnected() {
     this.rt === this.lt && this.ot(void 0);
@@ -153,43 +125,42 @@ const b = /* @__PURE__ */ new WeakMap(), nt = G(class extends Y {
   reconnected() {
     this.ot(this.lt);
   }
-}), rt = (s) => d(void 0, null, function* () {
-  return yield s.get("$widget").invoke("renderState");
-}), ot = (s, t) => d(void 0, null, function* () {
+}), Q = async (s) => await s.get("$widget").invoke("renderState"), B = async (s, t) => {
   const e = s.get("$widget");
-  return (yield s.getAsync("actionResolver")).subscribe(e.name, t);
-}), at = (s, t, e = !1) => {
+  return (await s.getAsync(
+    "actionResolver"
+  )).subscribe(e.name, t);
+}, F = (s, t, e = !1) => {
   const i = s.reduce(
-    (o, { breakpoints: a = [], values: c }) => a.length ? t.some((h) => a.includes(h)) ? u(u({}, o), c) : o : u(u({}, o), c),
+    (o, { breakpoints: a = [], values: l }) => a.length ? t.some((g) => a.includes(g)) ? { ...o, ...l } : o : { ...o, ...l },
     {}
-  ), n = {};
-  let r = i.type;
+  ), n = {}, r = i.type;
   return n.height = i.height || "", n.width = i.width || "", i.type === "floating" || i.type === "inline" && e && (n.height = "calc(100vh - 120px)"), { type: r, styles: n };
 };
-var ct = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, p = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? lt(t, e) : t, r = s.length - 1, o; r >= 0; r--)
+var J = Object.defineProperty, X = Object.getOwnPropertyDescriptor, h = (s, t, e, i) => {
+  for (var n = i > 1 ? void 0 : i ? X(t, e) : t, r = s.length - 1, o; r >= 0; r--)
     (o = s[r]) && (n = (i ? o(t, e, n) : o(n)) || n);
-  return i && n && ct(t, e, n), n;
+  return i && n && J(t, e, n), n;
 };
-let l = class extends O {
+let c = class extends P {
   constructor() {
-    super(), this._provider = new I(this, K, void 0), this.wrapperRef = st(), this.breakpoints = [], this.breakpointsSet = !1;
+    super(), this._provider = new Y(this, M, void 0), this.wrapperRef = Z(), this.breakpoints = [], this.breakpointsSet = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this._provider.setValue(this.container), this.container && (rt(this.container).then((s) => {
+    super.connectedCallback(), this._provider.setValue(this.container), this.container && (Q(this.container).then((s) => {
       this.renderState = s;
-    }), ot(this.container, (s, t) => {
+    }), B(this.container, (s, t) => {
       switch (t) {
         case "close":
         case "open":
-          this.renderState = t === "open" ? g.open : g.closed;
+          this.renderState = t === "open" ? f.open : f.closed;
           break;
         case "hide":
-          this.renderState = g.hidden;
+          this.renderState = f.hidden;
       }
     }).then((s) => {
       this._unsubscribeRenderState = s;
-    }), Z.getInstance(this.container).then(
+    }), T.getInstance(this.container).then(
       (s) => {
         this.componentPlatform = s, this.breakpoints = this.componentPlatform.breakpoints, this.breakpointsSet = !0, this._unsubscribePropChange = this.componentPlatform.events.subscribe(
           "components:properties-changed",
@@ -208,14 +179,14 @@ let l = class extends O {
     var t, e, i, n;
     let s;
     if (!this.entry || !this.breakpointsSet)
-      return w;
+      return y;
     if (this.container && this.renderState) {
       const [r] = this.container.get("widgetDOMElements");
       r && r.setAttribute("data-state", this.renderState);
     }
     if (this.container) {
       const r = this.container.get("$settings");
-      r != null && r.layout && (s = at(
+      r != null && r.layout && (s = F(
         r.layout,
         this.breakpoints,
         !!r.trigger
@@ -223,14 +194,14 @@ let l = class extends O {
         this.renderRoot.host.style.setProperty(o, a);
       }));
     }
-    return this.renderState && (this.renderState === g.hidden ? ((t = this.wrapperRef.value) == null || t.classList.add("hidden"), (e = this.wrapperRef.value) == null || e.classList.remove("expanded")) : ((i = this.wrapperRef.value) == null || i.classList.remove("hidden"), (n = this.wrapperRef.value) == null || n.classList.add("expanded"))), _`
-      <div class="widget-container" ${nt(this.wrapperRef)}>
+    return this.renderState && (this.renderState === f.hidden ? ((t = this.wrapperRef.value) == null || t.classList.add("hidden"), (e = this.wrapperRef.value) == null || e.classList.remove("expanded")) : ((i = this.wrapperRef.value) == null || i.classList.remove("hidden"), (n = this.wrapperRef.value) == null || n.classList.add("expanded"))), v`
+      <div class="widget-container" ${V(this.wrapperRef)}>
         <ace-area entry=${this.entry}></ace-area>
       </div>
     `;
   }
 };
-l.styles = L`
+c.styles = R`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -265,7 +236,6 @@ l.styles = L`
     :host(.floating) .widget-container {
       box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
       border-radius: 0.7rem;
-      height: 100%;
     }
     :host(.inline) {
       height: 100%;
@@ -276,6 +246,9 @@ l.styles = L`
     * {
       box-sizing: border-box;
     }
+    .widget-container {
+      height: 100%;
+    }
     .widget-container.expanded {
       opacity: 1;
       animation: slideUp 0.5s;
@@ -305,33 +278,33 @@ l.styles = L`
       }
     }
   `;
-p([
-  U({ attribute: !1 })
-], l.prototype, "container", 2);
-p([
-  m()
-], l.prototype, "componentPlatform", 2);
-p([
-  m()
-], l.prototype, "renderState", 2);
-p([
-  m()
-], l.prototype, "breakpoints", 2);
-p([
-  m()
-], l.prototype, "breakpointsSet", 2);
-p([
-  m()
-], l.prototype, "entry", 2);
-l = p([
-  T("ace-widget-wrapper")
-], l);
+h([
+  j({ attribute: !1 })
+], c.prototype, "container", 2);
+h([
+  u()
+], c.prototype, "componentPlatform", 2);
+h([
+  u()
+], c.prototype, "renderState", 2);
+h([
+  u()
+], c.prototype, "breakpoints", 2);
+h([
+  u()
+], c.prototype, "breakpointsSet", 2);
+h([
+  u()
+], c.prototype, "entry", 2);
+c = h([
+  S("ace-widget-wrapper")
+], c);
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class ht {
+class tt {
   constructor(t) {
     this.G = t;
   }
@@ -345,7 +318,7 @@ class ht {
     return this.G;
   }
 }
-class dt {
+class et {
   constructor() {
     this.Y = void 0, this.Z = void 0;
   }
@@ -366,14 +339,14 @@ class dt {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S = (s) => !F(s) && typeof s.then == "function", k = 1073741823;
-class pt extends Y {
+const C = (s) => !W(s) && typeof s.then == "function", x = 1073741823;
+class st extends G {
   constructor() {
-    super(...arguments), this._$C_t = k, this._$Cwt = [], this._$Cq = new ht(this), this._$CK = new dt();
+    super(...arguments), this._$C_t = x, this._$Cwt = [], this._$Cq = new tt(this), this._$CK = new et();
   }
   render(...t) {
     var e;
-    return (e = t.find((i) => !S(i))) !== null && e !== void 0 ? e : R;
+    return (e = t.find((i) => !C(i))) !== null && e !== void 0 ? e : w;
   }
   update(t, e) {
     const i = this._$Cwt;
@@ -382,20 +355,20 @@ class pt extends Y {
     const r = this._$Cq, o = this._$CK;
     this.isConnected || this.disconnected();
     for (let a = 0; a < e.length && !(a > this._$C_t); a++) {
-      const c = e[a];
-      if (!S(c))
-        return this._$C_t = a, c;
-      a < n && c === i[a] || (this._$C_t = k, n = 0, Promise.resolve(c).then((h) => d(this, null, function* () {
+      const l = e[a];
+      if (!C(l))
+        return this._$C_t = a, l;
+      a < n && l === i[a] || (this._$C_t = x, n = 0, Promise.resolve(l).then(async (g) => {
         for (; o.get(); )
-          yield o.get();
-        const f = r.deref();
-        if (f !== void 0) {
-          const y = f._$Cwt.indexOf(c);
-          y > -1 && y < f._$C_t && (f._$C_t = y, f.setValue(h));
+          await o.get();
+        const d = r.deref();
+        if (d !== void 0) {
+          const _ = d._$Cwt.indexOf(l);
+          _ > -1 && _ < d._$C_t && (d._$C_t = _, d.setValue(g));
         }
-      })));
+      }));
     }
-    return R;
+    return w;
   }
   disconnected() {
     this._$Cq.disconnect(), this._$CK.pause();
@@ -404,48 +377,49 @@ class pt extends Y {
     this._$Cq.reconnect(this), this._$CK.resume();
   }
 }
-const ut = G(pt);
-var ft = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, mt = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? vt(t, e) : t, r = s.length - 1, o; r >= 0; r--)
+const it = A(st);
+var nt = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, ot = (s, t, e, i) => {
+  for (var n = i > 1 ? void 0 : i ? rt(t, e) : t, r = s.length - 1, o; r >= 0; r--)
     (o = s[r]) && (n = (i ? o(t, e, n) : o(n)) || n);
-  return i && n && ft(t, e, n), n;
+  return i && n && nt(t, e, n), n;
 };
-const M = V(O);
-let C = class extends M {
+const O = z(P);
+let b = class extends O {
   constructor() {
-    super(...arguments), this._resolveChildComponent = (s) => d(this, null, function* () {
-      const e = (yield this.container.getAsync("componentResolver")).getComponent(s);
+    super(...arguments), this._resolveChildComponent = async (s) => {
+      const e = (await this.container.getAsync(
+        "componentResolver"
+      )).getComponent(s);
       if (e.then)
         return e.then((i) => i.default);
-    }), this._resolveAllChildren = (s) => d(this, null, function* () {
-      return Promise.all(
-        s.map((t) => d(this, null, function* () {
-          let e = customElements.get(`ace-${t.type}`);
-          return e || (e = yield this._resolveChildComponent(t.type || "")), P(u({}, t), {
-            component: e
-          });
-        }))
-      );
-    });
+    }, this._resolveAllChildren = async (s) => Promise.all(
+      s.map(async (t) => {
+        let e = customElements.get(`ace-${t.type}`);
+        return e || (e = await this._resolveChildComponent(t.type || "")), {
+          ...t,
+          component: e
+        };
+      })
+    );
   }
   render() {
     var s;
-    return Q(this.context, this.renderRoot.host), this.renderRoot.host.style.setProperty(
+    return E(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))`
     ), this.renderRoot.host.style.setProperty(
       "--columns",
       ((s = this._propertiesProvider.value.columns) == null ? void 0 : s.toString()) || "1"
-    ), B(
+    ), N(
       this.renderRoot.host,
       this._propertiesProvider.value
-    ), _`
-      ${ut(
+    ), v`
+      ${it(
       this._resolveAllChildren(this._childrenProvider.value).then(
-        (t) => _`
+        (t) => v`
               ${t.map((e) => {
           if (e.type === "area")
-            return _`<ace-area entry=${e.id}></ace-area>`;
+            return v`<ace-area entry=${e.id}></ace-area>`;
           const i = new e.component();
           return i.entry = e.id, i;
         })}
@@ -455,9 +429,9 @@ let C = class extends M {
     `;
   }
 };
-C.styles = [
-  M.styles || [],
-  L`
+b.styles = [
+  O.styles || [],
+  R`
       :host {
         height: 100%;
         display: grid;
@@ -468,16 +442,15 @@ C.styles = [
       }
     `
 ];
-C = mt([
-  T("ace-area")
-], C);
-const yt = (s, t) => {
+b = ot([
+  S("ace-area")
+], b);
+const lt = (s, t) => {
   setTimeout(() => {
-    const e = new l();
+    const e = new c();
     e.container = s.parent, t.appendChild(e);
   }, 0);
 };
 export {
-  yt as default
+  lt as default
 };
-//# sourceMappingURL=render-369a79dd.js.map