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

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

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