@telia-ace/widget-runtime-flamingo 1.1.110-rc.2 → 1.1.110

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-Cb43X4KG.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-C7Sm0jBi.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/index.mjs

@@ -1,4 +1,4 @@
-import { A 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, s as x, u as p, k as l, p as W, q as g } from "./index-BpOmXqng.mjs";
+import { A 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, s as x, u as p, k as l, p as W, q as g } from "./index-hvD4rZ3z.mjs";
 export {
   a as ActionsController,
   o as DataProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-runtime-flamingo",
-  "version": "1.1.110-rc.2",
+  "version": "1.1.110",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },

package/{render-DPn5L-ek.mjs → render-Cedew0H6.mjs}

@@ -1,73 +1,73 @@
-import { i as L, t as D, e as P, E as _, r as A, a as z, c as E, b as M, m as j, o as f, x as m, d as R, n as N, f as u, T as w, W as T, g as W } from "./index-BpOmXqng.mjs";
+import { i as L, t as D, e as A, E as _, r as P, a as z, c as E, b as M, m as N, o as f, x as g, d as R, n as T, f as u, T as v, W as j, g as W } from "./index-hvD4rZ3z.mjs";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S = (t) => (e, s) => {
+const S = (e) => (t, s) => {
   s !== void 0 ? s.addInitializer(() => {
-    customElements.define(t, e);
-  }) : customElements.define(t, e);
+    customElements.define(e, t);
+  }) : customElements.define(e, t);
 };
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const I = (t) => t === null || typeof t != "object" && typeof t != "function", q = (t) => t.strings === void 0;
+const I = (e) => e === null || typeof e != "object" && typeof e != "function", q = (e) => e.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const p = (t, e) => {
+const p = (e, t) => {
   var n;
-  const s = t._$AN;
+  const s = e._$AN;
   if (s === void 0) return !1;
-  for (const i of s) (n = i._$AO) == null || n.call(i, e, !1), p(i, e);
+  for (const i of s) (n = i._$AO) == null || n.call(i, t, !1), p(i, t);
   return !0;
-}, g = (t) => {
-  let e, s;
+}, m = (e) => {
+  let t, s;
   do {
-    if ((e = t._$AM) === void 0) break;
-    s = e._$AN, s.delete(t), t = e;
+    if ((t = e._$AM) === void 0) break;
+    s = t._$AN, s.delete(e), e = t;
   } while ((s == null ? void 0 : s.size) === 0);
-}, Y = (t) => {
-  for (let e; e = t._$AM; t = e) {
-    let s = e._$AN;
-    if (s === void 0) e._$AN = s = /* @__PURE__ */ new Set();
-    else if (s.has(t)) break;
-    s.add(t), X(e);
+}, k = (e) => {
+  for (let t; t = e._$AM; e = t) {
+    let s = t._$AN;
+    if (s === void 0) t._$AN = s = /* @__PURE__ */ new Set();
+    else if (s.has(e)) break;
+    s.add(e), X(t);
   }
 };
-function H(t) {
-  this._$AN !== void 0 ? (g(this), this._$AM = t, Y(this)) : this._$AM = t;
+function H(e) {
+  this._$AN !== void 0 ? (m(this), this._$AM = e, k(this)) : this._$AM = e;
 }
-function K(t, e = !1, s = 0) {
+function K(e, t = !1, s = 0) {
   const n = this._$AH, i = this._$AN;
-  if (i !== void 0 && i.size !== 0) if (e) if (Array.isArray(n)) for (let r = s; r < n.length; r++) p(n[r], !1), g(n[r]);
-  else n != null && (p(n, !1), g(n));
-  else p(this, t);
+  if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(n)) for (let r = s; r < n.length; r++) p(n[r], !1), m(n[r]);
+  else n != null && (p(n, !1), m(n));
+  else p(this, e);
 }
-const X = (t) => {
-  t.type == D.CHILD && (t._$AP ?? (t._$AP = K), t._$AQ ?? (t._$AQ = H));
+const X = (e) => {
+  e.type == D.CHILD && (e._$AP ?? (e._$AP = K), e._$AQ ?? (e._$AQ = H));
 };
-class k extends L {
+class Y extends L {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
-  _$AT(e, s, n) {
-    super._$AT(e, s, n), Y(this), this.isConnected = e._$AU;
+  _$AT(t, s, n) {
+    super._$AT(t, s, n), k(this), this.isConnected = t._$AU;
   }
-  _$AO(e, s = !0) {
+  _$AO(t, s = !0) {
     var n, i;
-    e !== this.isConnected && (this.isConnected = e, e ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), s && (p(this, e), g(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (n = this.reconnected) == null || n.call(this) : (i = this.disconnected) == null || i.call(this)), s && (p(this, t), m(this));
   }
-  setValue(e) {
-    if (q(this._$Ct)) this._$Ct._$AI(e, this);
+  setValue(t) {
+    if (q(this._$Ct)) this._$Ct._$AI(t, this);
     else {
       const s = [...this._$Ct._$AH];
-      s[this._$Ci] = e, this._$Ct._$AI(s, this, 0);
+      s[this._$Ci] = t, this._$Ct._$AI(s, this, 0);
     }
   }
   disconnected() {
@@ -83,25 +83,25 @@ class k extends L {
 const Z = () => new B();
 let B = class {
 };
-const $ = /* @__PURE__ */ new WeakMap(), U = P(class extends k {
-  render(t) {
+const b = /* @__PURE__ */ new WeakMap(), U = A(class extends Y {
+  render(e) {
     return _;
   }
-  update(t, [e]) {
+  update(e, [t]) {
     var n;
-    const s = e !== this.Y;
-    return s && this.Y !== void 0 && this.rt(void 0), (s || this.lt !== this.ct) && (this.Y = e, this.ht = (n = t.options) == null ? void 0 : n.host, this.rt(this.ct = t.element)), _;
+    const s = t !== this.Y;
+    return s && this.Y !== void 0 && this.rt(void 0), (s || this.lt !== this.ct) && (this.Y = t, this.ht = (n = e.options) == null ? void 0 : n.host, this.rt(this.ct = e.element)), _;
   }
-  rt(t) {
-    if (this.isConnected || (t = void 0), typeof this.Y == "function") {
-      const e = this.ht ?? globalThis;
-      let s = $.get(e);
-      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), $.set(e, s)), s.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), s.set(this.Y, t), t !== void 0 && this.Y.call(this.ht, t);
-    } else this.Y.value = t;
+  rt(e) {
+    if (this.isConnected || (e = void 0), typeof this.Y == "function") {
+      const t = this.ht ?? globalThis;
+      let s = b.get(t);
+      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), b.set(t, s)), s.get(this.Y) !== void 0 && this.Y.call(this.ht, void 0), s.set(this.Y, e), e !== void 0 && this.Y.call(this.ht, e);
+    } else this.Y.value = e;
   }
   get lt() {
-    var t, e;
-    return typeof this.Y == "function" ? (t = $.get(this.ht ?? globalThis)) == null ? void 0 : t.get(this.Y) : (e = this.Y) == null ? void 0 : e.value;
+    var e, t;
+    return typeof this.Y == "function" ? (e = b.get(this.ht ?? globalThis)) == null ? void 0 : e.get(this.Y) : (t = this.Y) == null ? void 0 : t.value;
   }
   disconnected() {
     this.lt === this.ct && this.rt(void 0);
@@ -109,46 +109,46 @@ const $ = /* @__PURE__ */ new WeakMap(), U = P(class extends k {
   reconnected() {
     this.rt(this.ct);
   }
-}), V = async (t) => await t.get("$widget").invoke("renderState"), F = async (t, e) => {
-  const s = t.get("$widget");
-  return (await t.getAsync(
+}), V = async (e) => await e.get("$widget").invoke("renderState"), F = async (e, t) => {
+  const s = e.get("$widget");
+  return (await e.getAsync(
     "actionResolver"
-  )).subscribe(s.name, e);
-}, G = (t, e, s = !1) => {
-  const n = t.reduce(
-    (o, { breakpoints: a = [], values: h }) => a.length ? e.some((v) => a.includes(v)) ? { ...o, ...h } : o : { ...o, ...h },
+  )).subscribe(s.name, t);
+}, G = (e, t, s = !1) => {
+  const n = e.reduce(
+    (o, { breakpoints: a = [], values: h }) => a.length ? t.some((y) => a.includes(y)) ? { ...o, ...h } : o : { ...o, ...h },
     {}
   ), i = {}, r = n.type;
   return i.height = n.height || "", i.width = n.width || "", n.type === "floating" || n.type === "inline" && s && (i.height = "calc(100vh - 120px)"), { type: r, styles: i };
 };
-var Q = Object.defineProperty, J = Object.getOwnPropertyDescriptor, l = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? J(e, s) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (i = (n ? o(e, s, i) : o(i)) || i);
-  return n && i && Q(e, s, i), i;
+var Q = Object.defineProperty, J = Object.getOwnPropertyDescriptor, d = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? J(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = (n ? o(t, s, i) : o(i)) || i);
+  return n && i && Q(t, s, i), i;
 };
-let c = class extends A {
+let c = class extends P {
   constructor() {
     super(), this._provider = new z(this, E, void 0), this.wrapperRef = Z(), this.breakpoints = [], this.breakpointsSet = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this._provider.setValue(this.container), this.container && (V(this.container).then((t) => {
-      this.renderState = t;
-    }), F(this.container, (t, e) => {
-      switch (e) {
+    super.connectedCallback(), this._provider.setValue(this.container), this.container && (V(this.container).then((e) => {
+      this.renderState = e;
+    }), F(this.container, (e, t) => {
+      switch (t) {
         case "close":
         case "open":
-          this.renderState = e === "open" ? f.open : f.closed;
+          this.renderState = t === "open" ? f.open : f.closed;
           break;
         case "hide":
           this.renderState = f.hidden;
       }
-    }).then((t) => {
-      this._unsubscribeRenderState = t;
+    }).then((e) => {
+      this._unsubscribeRenderState = e;
     }), M.getInstance(this.container).then(
-      (t) => {
-        this.componentPlatform = t, this.breakpoints = this.componentPlatform.breakpoints, this.breakpointsSet = !0, this._unsubscribePropChange = this.componentPlatform.events.subscribe(
+      (e) => {
+        this.componentPlatform = e, this.breakpoints = this.componentPlatform.breakpoints, this.breakpointsSet = !0, this._unsubscribePropChange = this.componentPlatform.events.subscribe(
           "components:properties-changed",
-          (e, s) => {
+          (t, s) => {
             var n, i;
             ((n = s == null ? void 0 : s.node) == null ? void 0 : n.type) === "root" && (this.breakpoints = (i = this.componentPlatform) != null && i.breakpoints ? [...this.componentPlatform.breakpoints] : []);
           }
@@ -160,15 +160,15 @@ let c = class extends A {
     super.disconnectedCallback(), this._unsubscribeRenderState && this._unsubscribeRenderState(), this._unsubscribePropChange && this._unsubscribePropChange();
   }
   applyBranding() {
-    var t;
+    var e;
     if (this.wrapperRef.value) {
-      const e = (t = this.container) == null ? void 0 : t.get("$settings");
-      e != null && e.branding && j(e.branding, this.wrapperRef.value);
+      const t = (e = this.container) == null ? void 0 : e.get("$settings");
+      t != null && t.branding && N(t.branding, this.wrapperRef.value);
     }
   }
   render() {
-    var e, s, n, i;
-    let t;
+    var t, s, n, i;
+    let e;
     if (!this.entry || !this.breakpointsSet)
       return _;
     if (this.container && this.renderState) {
@@ -177,15 +177,15 @@ let c = class extends A {
     }
     if (this.container) {
       const r = this.container.get("$settings");
-      r != null && r.layout && (t = G(
+      r != null && r.layout && (e = G(
         r.layout,
         this.breakpoints,
         !!r.trigger
-      ), t.type === "floating" ? (this.renderRoot.host.classList.add("floating"), this.renderRoot.host.classList.remove("inline")) : (this.renderRoot.host.classList.add("inline"), this.renderRoot.host.classList.remove("floating")), Object.entries(t.styles).forEach(([o, a]) => {
+      ), e.type === "floating" ? (this.renderRoot.host.classList.add("floating"), this.renderRoot.host.classList.remove("inline")) : (this.renderRoot.host.classList.add("inline"), this.renderRoot.host.classList.remove("floating")), Object.entries(e.styles).forEach(([o, a]) => {
         this.renderRoot.host.style.setProperty(o, a);
       }));
     }
-    return this.renderState && (this.renderState === f.hidden ? ((e = this.wrapperRef.value) == null || e.classList.add("hidden"), (s = this.wrapperRef.value) == null || s.classList.remove("expanded")) : ((n = this.wrapperRef.value) == null || n.classList.remove("hidden"), (i = this.wrapperRef.value) == null || i.classList.add("expanded"))), this.applyBranding(), m`
+    return this.renderState && (this.renderState === f.hidden ? ((t = this.wrapperRef.value) == null || t.classList.add("hidden"), (s = this.wrapperRef.value) == null || s.classList.remove("expanded")) : ((n = this.wrapperRef.value) == null || n.classList.remove("hidden"), (i = this.wrapperRef.value) == null || i.classList.add("expanded"))), this.applyBranding(), g`
       <div class="widget-container" ${U(this.wrapperRef)}>
         <ace-area entry=${this.entry}></ace-area>
       </div>
@@ -271,25 +271,25 @@ c.styles = R`
       }
     }
   `;
-l([
-  N({ attribute: !1 })
+d([
+  T({ attribute: !1 })
 ], c.prototype, "container", 2);
-l([
+d([
   u()
 ], c.prototype, "componentPlatform", 2);
-l([
+d([
   u()
 ], c.prototype, "renderState", 2);
-l([
+d([
   u()
 ], c.prototype, "breakpoints", 2);
-l([
+d([
   u()
 ], c.prototype, "breakpointsSet", 2);
-l([
+d([
   u()
 ], c.prototype, "entry", 2);
-c = l([
+c = d([
   S("ace-widget-wrapper")
 ], c);
 /**
@@ -297,21 +297,21 @@ c = l([
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class tt {
-  constructor(e) {
-    this.Y = e;
+class ee {
+  constructor(t) {
+    this.Y = t;
   }
   disconnect() {
     this.Y = void 0;
   }
-  reconnect(e) {
-    this.Y = e;
+  reconnect(t) {
+    this.Y = t;
   }
   deref() {
     return this.Y;
   }
 }
-class et {
+class te {
   constructor() {
     this.Z = void 0, this.q = void 0;
   }
@@ -319,11 +319,11 @@ class et {
     return this.Z;
   }
   pause() {
-    this.Z ?? (this.Z = new Promise((e) => this.q = e));
+    this.Z ?? (this.Z = new Promise((t) => this.q = t));
   }
   resume() {
-    var e;
-    (e = this.q) == null || e.call(this), this.Z = this.q = void 0;
+    var t;
+    (t = this.q) == null || t.call(this), this.Z = this.q = void 0;
   }
 }
 /**
@@ -331,15 +331,15 @@ class et {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const C = (t) => !I(t) && typeof t.then == "function", x = 1073741823;
-class st extends k {
+const C = (e) => !I(e) && typeof e.then == "function", x = 1073741823;
+class se extends Y {
   constructor() {
-    super(...arguments), this._$Cwt = x, this._$Cbt = [], this._$CK = new tt(this), this._$CX = new et();
+    super(...arguments), this._$Cwt = x, this._$Cbt = [], this._$CK = new ee(this), this._$CX = new te();
   }
-  render(...e) {
-    return e.find((s) => !C(s)) ?? w;
+  render(...t) {
+    return t.find((s) => !C(s)) ?? v;
   }
-  update(e, s) {
+  update(t, s) {
     const n = this._$Cbt;
     let i = n.length;
     this._$Cbt = s;
@@ -348,16 +348,16 @@ class st extends k {
     for (let a = 0; a < s.length && !(a > this._$Cwt); a++) {
       const h = s[a];
       if (!C(h)) return this._$Cwt = a, h;
-      a < i && h === n[a] || (this._$Cwt = x, i = 0, Promise.resolve(h).then(async (v) => {
+      a < i && h === n[a] || (this._$Cwt = x, i = 0, Promise.resolve(h).then(async (y) => {
         for (; o.get(); ) await o.get();
-        const d = r.deref();
-        if (d !== void 0) {
-          const y = d._$Cbt.indexOf(h);
-          y > -1 && y < d._$Cwt && (d._$Cwt = y, d.setValue(v));
+        const l = r.deref();
+        if (l !== void 0) {
+          const $ = l._$Cbt.indexOf(h);
+          $ > -1 && $ < l._$Cwt && (l._$Cwt = $, l.setValue(y));
         }
       }));
     }
-    return w;
+    return v;
   }
   disconnected() {
     this._$CK.disconnect(), this._$CX.pause();
@@ -366,49 +366,49 @@ class st extends k {
     this._$CK.reconnect(this), this._$CX.resume();
   }
 }
-const nt = P(st);
-var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, ot = (t, e, s, n) => {
-  for (var i = n > 1 ? void 0 : n ? rt(e, s) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (i = (n ? o(e, s, i) : o(i)) || i);
-  return n && i && it(e, s, i), i;
+const ne = A(se);
+var ie = Object.getOwnPropertyDescriptor, re = (e, t, s, n) => {
+  for (var i = n > 1 ? void 0 : n ? ie(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (i = o(i) || i);
+  return i;
 };
-const O = T(A);
-let b = class extends O {
+const O = j(P);
+let w = class extends O {
   constructor() {
-    super(...arguments), this._resolveChildComponent = async (t) => {
+    super(...arguments), this._resolveChildComponent = async (e) => {
       const s = (await this.container.getAsync(
         "componentResolver"
-      )).getComponent(t);
+      )).getComponent(e);
       if (s.then)
         return s.then((n) => n.default);
-    }, this._resolveAllChildren = async (t) => Promise.all(
-      t.map(async (e) => {
-        let s = customElements.get(`ace-${e.type}`);
-        return s || (s = await this._resolveChildComponent(e.type || "")), {
-          ...e,
+    }, this._resolveAllChildren = async (e) => Promise.all(
+      e.map(async (t) => {
+        let s = customElements.get(`ace-${t.type}`);
+        return s || (s = await this._resolveChildComponent(t.type || "")), {
+          ...t,
           component: s
         };
       })
     );
   }
   render() {
-    var t;
+    var e;
     return 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",
-      ((t = this._propertiesProvider.value.columns) == null ? void 0 : t.toString()) || "1"
+      ((e = this._propertiesProvider.value.columns) == null ? void 0 : e.toString()) || "1"
     ), W(
       this.renderRoot.host,
       this._propertiesProvider.value
-    ), m`
-      ${nt(
+    ), g`
+      ${ne(
       this._resolveAllChildren(this._childrenProvider.value).then(
-        (e) => m`
-              ${e.map((s) => {
+        (t) => g`
+              ${t.map((s) => {
           if (s.type === "area")
-            return m`<ace-area entry=${s.id}></ace-area>`;
+            return g`<ace-area entry=${s.id}></ace-area>`;
           const n = new s.component();
           return n.entry = s.id, n;
         })}
@@ -418,7 +418,7 @@ let b = class extends O {
     `;
   }
 };
-b.styles = [
+w.styles = [
   O.styles || [],
   R`
       :host {
@@ -431,13 +431,13 @@ b.styles = [
       }
     `
 ];
-b = ot([
+w = re([
   S("ace-area")
-], b);
-const ht = (t, e) => {
+], w);
+const ce = (e, t) => {
   const s = new c();
-  s.container = t, e.appendChild(s);
+  s.container = e, t.appendChild(s);
 };
 export {
-  ht as default
+  ce as default
 };

package/render-ENE9aPcF.js

@@ -0,0 +1,120 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-C7Sm0jBi.js");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const v=e=>(t,s)=>{s!==void 0?s.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const A=e=>e===null||typeof e!="object"&&typeof e!="function",P=e=>e.strings===void 0;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const u=(e,t)=>{var n;const s=e._$AN;if(s===void 0)return!1;for(const i of s)(n=i._$AO)==null||n.call(i,t,!1),u(i,t);return!0},f=e=>{let t,s;do{if((t=e._$AM)===void 0)break;s=t._$AN,s.delete(e),e=t}while((s==null?void 0:s.size)===0)},w=e=>{for(let t;t=e._$AM;e=t){let s=t._$AN;if(s===void 0)t._$AN=s=new Set;else if(s.has(e))break;s.add(e),k(t)}};function R(e){this._$AN!==void 0?(f(this),this._$AM=e,w(this)):this._$AM=e}function S(e,t=!1,s=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let o=s;o<n.length;o++)u(n[o],!1),f(n[o]);else n!=null&&(u(n,!1),f(n));else u(this,e)}const k=e=>{e.type==r.t.CHILD&&(e._$AP??(e._$AP=S),e._$AQ??(e._$AQ=R))};class C extends r.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,s,n){super._$AT(t,s,n),w(this),this.isConnected=t._$AU}_$AO(t,s=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),s&&(u(this,t),f(this))}setValue(t){if(P(this._$Ct))this._$Ct._$AI(t,this);else{const s=[...this._$Ct._$AH];s[this._$Ci]=t,this._$Ct._$AI(s,this,0)}}disconnected(){}reconnected(){}}/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const Y=()=>new O;let O=class{};const y=new WeakMap,L=r.e(class extends C{render(e){return r.E}update(e,[t]){var n;const s=t!==this.Y;return s&&this.Y!==void 0&&this.rt(void 0),(s||this.lt!==this.ct)&&(this.Y=t,this.ht=(n=e.options)==null?void 0:n.host,this.rt(this.ct=e.element)),r.E}rt(e){if(this.isConnected||(e=void 0),typeof this.Y=="function"){const t=this.ht??globalThis;let s=y.get(t);s===void 0&&(s=new WeakMap,y.set(t,s)),s.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),s.set(this.Y,e),e!==void 0&&this.Y.call(this.ht,e)}else this.Y.value=e}get lt(){var e,t;return typeof this.Y=="function"?(e=y.get(this.ht??globalThis))==null?void 0:e.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}}),E=async e=>await e.get("$widget").invoke("renderState"),D=async(e,t)=>{const s=e.get("$widget");return(await e.getAsync("actionResolver")).subscribe(s.name,t)},M=(e,t,s=!1)=>{const n=e.reduce((a,{breakpoints:c=[],values:d})=>c.length?t.some(g=>c.includes(g))?{...a,...d}:a:{...a,...d},{}),i={},o=n.type;return i.height=n.height||"",i.width=n.width||"",n.type==="floating"||n.type==="inline"&&s&&(i.height="calc(100vh - 120px)"),{type:o,styles:i}};var T=Object.defineProperty,z=Object.getOwnPropertyDescriptor,l=(e,t,s,n)=>{for(var i=n>1?void 0:n?z(t,s):t,o=e.length-1,a;o>=0;o--)(a=e[o])&&(i=(n?a(t,s,i):a(i))||i);return n&&i&&T(t,s,i),i};let h=class extends r.r{constructor(){super(),this._provider=new r.i$1(this,r.containerContext,void 0),this.wrapperRef=Y(),this.breakpoints=[],this.breakpointsSet=!1}connectedCallback(){super.connectedCallback(),this._provider.setValue(this.container),this.container&&(E(this.container).then(e=>{this.renderState=e}),D(this.container,(e,t)=>{switch(t){case"close":case"open":this.renderState=t==="open"?r.ot.open:r.ot.closed;break;case"hide":this.renderState=r.ot.hidden}}).then(e=>{this._unsubscribeRenderState=e}),r.et.getInstance(this.container).then(e=>{this.componentPlatform=e,this.breakpoints=this.componentPlatform.breakpoints,this.breakpointsSet=!0,this._unsubscribePropChange=this.componentPlatform.events.subscribe("components:properties-changed",(t,s)=>{var n,i;((n=s==null?void 0:s.node)==null?void 0:n.type)==="root"&&(this.breakpoints=(i=this.componentPlatform)!=null&&i.breakpoints?[...this.componentPlatform.breakpoints]:[])}),this.entry=this.componentPlatform.nodes.root.children.default[0].id||void 0}))}disconnectedCallback(){super.disconnectedCallback(),this._unsubscribeRenderState&&this._unsubscribeRenderState(),this._unsubscribePropChange&&this._unsubscribePropChange()}applyBranding(){var e;if(this.wrapperRef.value){const t=(e=this.container)==null?void 0:e.get("$settings");t!=null&&t.branding&&r.mapBranding(t.branding,this.wrapperRef.value)}}render(){var t,s,n,i;let e;if(!this.entry||!this.breakpointsSet)return r.E;if(this.container&&this.renderState){const[o]=this.container.get("widgetDOMElements");o&&o.setAttribute("data-state",this.renderState)}if(this.container){const o=this.container.get("$settings");o!=null&&o.layout&&(e=M(o.layout,this.breakpoints,!!o.trigger),e.type==="floating"?(this.renderRoot.host.classList.add("floating"),this.renderRoot.host.classList.remove("inline")):(this.renderRoot.host.classList.add("inline"),this.renderRoot.host.classList.remove("floating")),Object.entries(e.styles).forEach(([a,c])=>{this.renderRoot.host.style.setProperty(a,c)}))}return this.renderState&&(this.renderState===r.ot.hidden?((t=this.wrapperRef.value)==null||t.classList.add("hidden"),(s=this.wrapperRef.value)==null||s.classList.remove("expanded")):((n=this.wrapperRef.value)==null||n.classList.remove("hidden"),(i=this.wrapperRef.value)==null||i.classList.add("expanded"))),this.applyBranding(),r.x`
+      <div class="widget-container" ${L(this.wrapperRef)}>
+        <ace-area entry=${this.entry}></ace-area>
+      </div>
+    `}};h.styles=r.i$2`
+    :host {
+      --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
+      --spacing-xs: 0.2rem;
+      --spacing-sm: 0.5rem;
+      --spacing-md: 1rem;
+      --spacing-lg: 1.2rem;
+      --spacing-xl: 1.8rem;
+
+      /* --primary-color: #29003e; */
+      /* --secondary-color: #00558f; */
+      --text-color: #222222;
+      --link-color: #990ae3;
+      --gray-color: #f3f3f8;
+      --gray-dark-color: #a6a6a6;
+
+      --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+      --border-radius: var(--spacing-sm);
+      --border-radius-sm: var(--spacing-sm);
+    }
+    :host {
+      --voca-rem-multiplier: 0.625;
+      box-sizing: border-box;
+      display: block;
+    }
+
+    :host(.floating) {
+      position: fixed;
+      z-index: 6;
+      inset: auto 20px 95px auto;
+      max-height: calc(100vh - 120px);
+    }
+    :host(.floating) .widget-container {
+      box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
+      border-radius: 0.7rem;
+    }
+    :host(.inline) {
+      height: 100%;
+      position: fixed;
+      inset: 0 0 0 0;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+    .widget-container {
+      height: 100%;
+      background-color: var(--primary-background);
+      padding: 0 var(--spacing-sm);
+    }
+    .widget-container.expanded {
+      opacity: 1;
+      animation: slideUp 0.5s;
+    }
+    .widget-container.hidden {
+      opacity: 0;
+      animation: slideDown 0.5s;
+    }
+    @keyframes slideDown {
+      from {
+        transform: translateY(0);
+        opacity: 1;
+      }
+      to {
+        transform: translateY(100%);
+        opacity: 0;
+      }
+    }
+    @keyframes slideUp {
+      from {
+        transform: translateY(100%);
+        opacity: 0;
+      }
+      to {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  `;l([r.n({attribute:!1})],h.prototype,"container",2);l([r.r$1()],h.prototype,"componentPlatform",2);l([r.r$1()],h.prototype,"renderState",2);l([r.r$1()],h.prototype,"breakpoints",2);l([r.r$1()],h.prototype,"breakpointsSet",2);l([r.r$1()],h.prototype,"entry",2);h=l([v("ace-widget-wrapper")],h);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class j{constructor(t){this.Y=t}disconnect(){this.Y=void 0}reconnect(t){this.Y=t}deref(){return this.Y}}class N{constructor(){this.Z=void 0,this.q=void 0}get(){return this.Z}pause(){this.Z??(this.Z=new Promise(t=>this.q=t))}resume(){var t;(t=this.q)==null||t.call(this),this.Z=this.q=void 0}}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const b=e=>!A(e)&&typeof e.then=="function",_=1073741823;class q extends C{constructor(){super(...arguments),this._$Cwt=_,this._$Cbt=[],this._$CK=new j(this),this._$CX=new N}render(...t){return t.find(s=>!b(s))??r.T}update(t,s){const n=this._$Cbt;let i=n.length;this._$Cbt=s;const o=this._$CK,a=this._$CX;this.isConnected||this.disconnected();for(let c=0;c<s.length&&!(c>this._$Cwt);c++){const d=s[c];if(!b(d))return this._$Cwt=c,d;c<i&&d===n[c]||(this._$Cwt=_,i=0,Promise.resolve(d).then(async g=>{for(;a.get();)await a.get();const p=o.deref();if(p!==void 0){const m=p._$Cbt.indexOf(d);m>-1&&m<p._$Cwt&&(p._$Cwt=m,p.setValue(g))}}))}return r.T}disconnected(){this._$CK.disconnect(),this._$CX.pause()}reconnected(){this._$CK.reconnect(this),this._$CX.resume()}}const I=r.e(q);var W=Object.getOwnPropertyDescriptor,H=(e,t,s,n)=>{for(var i=n>1?void 0:n?W(t,s):t,o=e.length-1,a;o>=0;o--)(a=e[o])&&(i=a(i)||i);return i};const x=r.WidgetComponent(r.r);let $=class extends x{constructor(){super(...arguments),this._resolveChildComponent=async e=>{const s=(await this.container.getAsync("componentResolver")).getComponent(e);if(s.then)return s.then(n=>n.default)},this._resolveAllChildren=async e=>Promise.all(e.map(async t=>{let s=customElements.get(`ace-${t.type}`);return s||(s=await this._resolveChildComponent(t.type||"")),{...t,component:s}}))}render(){var e;return 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",((e=this._propertiesProvider.value.columns)==null?void 0:e.toString())||"1"),r.appendStyleFromProperties(this.renderRoot.host,this._propertiesProvider.value),r.x`
+      ${I(this._resolveAllChildren(this._childrenProvider.value).then(t=>r.x`
+              ${t.map(s=>{if(s.type==="area")return r.x`<ace-area entry=${s.id}></ace-area>`;const n=new s.component;return n.entry=s.id,n})}
+            `))}
+    `}};$.styles=[x.styles||[],r.i$2`
+      :host {
+        height: 100%;
+        display: grid;
+        justify-content: center;
+        grid-auto-rows: max-content;
+        grid-template-rows: auto;
+        grid-template-columns: repeat(var(--columns), 1fr);
+      }
+    `];$=H([v("ace-area")],$);const K=(e,t)=>{const s=new h;s.container=e,t.appendChild(s)};exports.default=K;