@telia-ace/widget-runtime-flamingo 1.0.10 → 1.0.12

package/dist/mixins/node.mixin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"node.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/node.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,eAAe,EAAW,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EACL,SAAS,EAEV,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,mBAAmB,EAIpB,MAAM,wBAAwB,CAAC;AAGhC,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAGrD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,EAAE,eAAe,CAAC,OAAO,UAAU,CAAC,CAAC;IACrD,mBAAmB,EAAE,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;IAC3D,iBAAiB,EAAE,eAAe,CAAC,OAAO,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,SAAS,2FA6IrB,CAAC"}

package/dist/render-6c71b694.js

@@ -1,618 +0,0 @@
-var q = Object.defineProperty, W = Object.defineProperties;
-var Y = Object.getOwnPropertyDescriptors;
-var E = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var z = (e, t, s) => t in e ? q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, f = (e, t) => {
-  for (var s in t || (t = {}))
-    U.call(t, s) && z(e, s, t[s]);
-  if (E)
-    for (var s of E(t))
-      F.call(t, s) && z(e, s, t[s]);
-  return e;
-}, D = (e, t) => W(e, Y(t));
-var y = (e, t, s) => new Promise((i, o) => {
-  var r = (c) => {
-    try {
-      a(s.next(c));
-    } catch (h) {
-      o(h);
-    }
-  }, n = (c) => {
-    try {
-      a(s.throw(c));
-    } catch (h) {
-      o(h);
-    }
-  }, a = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(r, n);
-  a((s = s.apply(e, t)).next());
-});
-import { s as Q, a as B, i as K, t as J, e as X, A as w, b as k, c as V, p as N, m as x, x as _, d as O, n as C, f as u, g as Z, h as tt, j as et, k as st, l as ot, E as G } from "./index-4d519c2d.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const S = (e) => (t) => typeof t == "function" ? ((s, i) => (customElements.define(s, i), i))(e, t) : ((s, i) => {
-  const { kind: o, elements: r } = i;
-  return { kind: o, elements: r, finisher(n) {
-    customElements.define(s, n);
-  } };
-})(e, t);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const it = ({ finisher: e, descriptor: t }) => (s, i) => {
-  var o;
-  if (i === void 0) {
-    const r = (o = s.originalKey) !== null && o !== void 0 ? o : s.key, n = t != null ? { kind: "method", placement: "prototype", key: r, descriptor: t(s.key) } : D(f({}, s), { key: r });
-    return e != null && (n.finisher = function(a) {
-      e(a, r);
-    }), n;
-  }
-  {
-    const r = s.constructor;
-    t !== void 0 && Object.defineProperty(s, i, t(i)), e == null || e(r, i);
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let rt = class {
-  constructor(t) {
-    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
-      for (const [s, { disposer: i }] of this.subscriptions)
-        s(this.o, i);
-    }, t !== void 0 && (this.value = t);
-  }
-  get value() {
-    return this.o;
-  }
-  set value(t) {
-    this.setValue(t);
-  }
-  setValue(t, s = !1) {
-    const i = s || !Object.is(t, this.o);
-    this.o = t, i && this.updateObservers();
-  }
-  addCallback(t, s, i) {
-    if (!i)
-      return void t(this.value);
-    this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
-      this.subscriptions.delete(t);
-    }, consumerHost: s });
-    const { disposer: o } = this.subscriptions.get(t);
-    t(this.value, o);
-  }
-  clearCallbacks() {
-    this.subscriptions.clear();
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class nt extends Event {
-  constructor(t) {
-    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
-  }
-}
-let g = class extends rt {
-  constructor(t, s, i) {
-    super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (o) => {
-      const r = o.composedPath()[0];
-      o.context === this.context && r !== this.host && (o.stopPropagation(), this.addCallback(o.callback, r, o.subscribe));
-    }, this.onProviderRequest = (o) => {
-      const r = o.composedPath()[0];
-      if (o.context === this.context && r !== this.host) {
-        for (const [n, { consumerHost: a }] of this.subscriptions)
-          a.dispatchEvent(new Q(this.context, n, !0));
-        o.stopPropagation();
-      }
-    }, this.host = t, s.context !== void 0 ? this.context = s.context : this.context = s, 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 nt(this.context));
-  }
-};
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function at({ context: e, subscribe: t }) {
-  return it({ finisher: (s, i) => {
-    s.addInitializer((o) => {
-      new B(o, { context: e, callback: (r) => {
-        o[i] = r;
-      }, subscribe: t });
-    });
-  } });
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ct = (e) => e.strings === void 0;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const m = (e, t) => {
-  var s, i;
-  const o = e._$AN;
-  if (o === void 0)
-    return !1;
-  for (const r of o)
-    (i = (s = r)._$AO) === null || i === void 0 || i.call(s, t, !1), m(r, t);
-  return !0;
-}, $ = (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);
-}, M = (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), dt(t);
-  }
-};
-function ht(e) {
-  this._$AN !== void 0 ? ($(this), this._$AM = e, M(this)) : this._$AM = e;
-}
-function lt(e, t = !1, s = 0) {
-  const i = this._$AH, o = this._$AN;
-  if (o !== void 0 && o.size !== 0)
-    if (t)
-      if (Array.isArray(i))
-        for (let r = s; r < i.length; r++)
-          m(i[r], !1), $(i[r]);
-      else
-        i != null && (m(i, !1), $(i));
-    else
-      m(this, e);
-}
-const dt = (e) => {
-  var t, s, i, o;
-  e.type == J.CHILD && ((t = (i = e)._$AP) !== null && t !== void 0 || (i._$AP = lt), (s = (o = e)._$AQ) !== null && s !== void 0 || (o._$AQ = ht));
-};
-class pt extends K {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, s, i) {
-    super._$AT(t, s, i), M(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, s = !0) {
-    var i, o;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) === null || i === void 0 || i.call(this) : (o = this.disconnected) === null || o === void 0 || o.call(this)), s && (m(this, t), $(this));
-  }
-  setValue(t) {
-    if (ct(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 ut = () => new ft();
-class ft {
-}
-const P = /* @__PURE__ */ new WeakMap(), vt = X(class extends pt {
-  render(e) {
-    return w;
-  }
-  update(e, [t]) {
-    var s;
-    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 = (s = e.options) === null || s === void 0 ? void 0 : s.host, this.ot(this.lt = e.element)), w;
-  }
-  ot(e) {
-    var t;
-    if (typeof this.G == "function") {
-      const s = (t = this.dt) !== null && t !== void 0 ? t : globalThis;
-      let i = P.get(s);
-      i === void 0 && (i = /* @__PURE__ */ new WeakMap(), P.set(s, i)), i.get(this.G) !== void 0 && this.G.call(this.dt, void 0), i.set(this.G, e), e !== void 0 && this.G.call(this.dt, e);
-    } else
-      this.G.value = e;
-  }
-  get rt() {
-    var e, t, s;
-    return typeof this.G == "function" ? (t = P.get((e = this.dt) !== null && e !== void 0 ? e : globalThis)) === null || t === void 0 ? void 0 : t.get(this.G) : (s = this.G) === null || s === void 0 ? void 0 : s.value;
-  }
-  disconnected() {
-    this.rt === this.lt && this.ot(void 0);
-  }
-  reconnected() {
-    this.ot(this.lt);
-  }
-}), bt = (e) => y(void 0, null, function* () {
-  return yield e.get("$widget").invoke("renderState");
-}), gt = (e, t) => y(void 0, null, function* () {
-  const s = e.get("$widget");
-  return (yield e.getAsync("actionResolver")).subscribe(s.name, t);
-}), mt = (e, t, s = !1) => {
-  const i = e.reduce(
-    (n, { breakpoints: a = [], values: c }) => a.length ? t.some((h) => a.includes(h)) ? f(f({}, n), c) : n : f(f({}, n), c),
-    {}
-  ), o = {};
-  let r = i.type;
-  return o.height = i.height || "", o.width = i.width || "", i.type === "floating" || i.type === "inline" && s && (o.height = "calc(100vh - 120px)"), { type: r, styles: o };
-};
-var yt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, v = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? xt(t, s) : t, r = e.length - 1, n; r >= 0; r--)
-    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
-  return i && o && yt(t, s, o), o;
-};
-let p = class extends k {
-  constructor() {
-    super(), this._provider = new g(this, V, void 0), this.wrapperRef = ut(), this.breakpoints = [], this.breakpointsSet = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._provider.setValue(this.container), this.container && (bt(this.container).then((e) => {
-      this.renderState = e;
-    }), gt(this.container, (e, t) => {
-      switch (t) {
-        case "close":
-        case "open":
-          this.renderState = t === "open" ? x.open : x.closed;
-          break;
-        case "hide":
-          this.renderState = x.hidden;
-      }
-    }).then((e) => {
-      this._unsubscribeRenderState = e;
-    }), N.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 i, o;
-            ((i = s == null ? void 0 : s.node) == null ? void 0 : i.type) === "root" && (this.breakpoints = (o = this.componentPlatform) != null && o.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();
-  }
-  render() {
-    var t, s, i, o;
-    let e;
-    if (!this.entry || !this.breakpointsSet)
-      return w;
-    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 && (e = mt(
-        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(([n, a]) => {
-        this.renderRoot.host.style.setProperty(n, a);
-      }));
-    }
-    return this.renderState && (this.renderState === x.hidden ? ((t = this.wrapperRef.value) == null || t.classList.add("hidden"), (s = this.wrapperRef.value) == null || s.classList.remove("expanded")) : ((i = this.wrapperRef.value) == null || i.classList.remove("hidden"), (o = this.wrapperRef.value) == null || o.classList.add("expanded"))), _`
-      <div class="widget-container" ${vt(this.wrapperRef)}>
-        <ace-area entry=${this.entry}></ace-area>
-        <!-- <widget-component entry=${this.entry}></widget-component> -->
-      </div>
-    `;
-  }
-};
-p.styles = O`
-    :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) {
-      position: fixed;
-      inset: 0 0 0 0;
-    }
-
-    * {
-      box-sizing: border-box;
-    }
-    .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;
-      }
-    }
-  `;
-v([
-  C({ attribute: !1 })
-], p.prototype, "container", 2);
-v([
-  u()
-], p.prototype, "componentPlatform", 2);
-v([
-  u()
-], p.prototype, "renderState", 2);
-v([
-  u()
-], p.prototype, "breakpoints", 2);
-v([
-  u()
-], p.prototype, "breakpointsSet", 2);
-v([
-  u()
-], p.prototype, "entry", 2);
-p = v([
-  S("wrapper-component")
-], p);
-var _t = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, b = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? wt(t, s) : t, r = e.length - 1, n; r >= 0; r--)
-    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
-  return i && o && _t(t, s, o), o;
-};
-const H = (e) => {
-  class t extends e {
-    constructor() {
-      super(...arguments), this.entry = "", this._descriptorProvider = new g(
-        this,
-        Z,
-        void 0
-      ), this._childrenProvider = new g(this, tt, []), this._propertiesProvider = new g(this, et, {}), this._contextProvider = new g(this, st, {}), this._layoutProvider = new g(this, ot, {}), this.context = {}, this.layout = {};
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.container && N.getInstance(this.container).then(
-        (i) => y(this, null, function* () {
-          const o = i.nodes.get(this.entry);
-          if (o) {
-            this._propertyChangeListener = i.events.subscribe(
-              "components:properties-changed",
-              (h, l) => {
-                o.id === l.node.id && this._propertiesProvider.setValue(
-                  l.node.attributes.properties
-                );
-              }
-            ), this._contextChangeListener = i.events.subscribe(
-              "components:context-changed",
-              (h, l) => {
-                console.log("context changed!", l), o.id === l.node.id && (this._contextProvider.setValue(
-                  l.node.attributes.context
-                ), this.context = f({}, l.node.attributes.context));
-              }
-            ), this._layoutChangeListener = i.events.subscribe(
-              "components:layout-changed",
-              (h, l) => {
-                console.log("layout changed!", l), o.id === l.node.id && (this._layoutProvider.setValue(l.node.attributes.layout), this.layout = f({}, l.node.attributes.layout));
-              }
-            );
-            const r = "default";
-            this.descriptor = G(o, r), this._unmountNode = o.mount(this.container), this._descriptorProvider.setValue(this.descriptor), this._propertiesProvider.setValue(
-              o.attributes.properties
-            ), this._contextProvider.setValue(o.attributes.context), this.context = o.attributes.context, this.layout = o.attributes.layout, this._layoutProvider.setValue(this.layout);
-            const n = o.getChildren(r).map((h) => G(h));
-            this._childrenProvider.setValue(n);
-            const c = (yield this.container.getAsync("componentResolver")).getComponent(
-              this.descriptor.type || ""
-            );
-            c.then && c.then((h) => {
-              this.component = h.default;
-            });
-          }
-        })
-      );
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this._propertyChangeListener && this._propertyChangeListener(), this._contextChangeListener && this._contextChangeListener(), this._layoutChangeListener && this._layoutChangeListener(), this._unmountNode && this._unmountNode();
-    }
-  }
-  return b([
-    at({ context: V }),
-    C({ attribute: !1 })
-  ], t.prototype, "container", 2), b([
-    C()
-  ], t.prototype, "entry", 2), b([
-    u()
-  ], t.prototype, "descriptor", 2), b([
-    u()
-  ], t.prototype, "component", 2), b([
-    u()
-  ], t.prototype, "context", 2), b([
-    u()
-  ], t.prototype, "layout", 2), t;
-}, d = (e, t, s) => {
-  e && s.style.setProperty(t, e);
-}, T = (e, t) => {
-  var s, i, o, r, n, a, c, h, l, L, j;
-  console.log("Map branding", e, t), d((s = e.colors) == null ? void 0 : s.primary, "--primary-color", t), d((i = e.colors) == null ? void 0 : i.secondary, "--secondary-color", t), d((o = e.colors) == null ? void 0 : o.text, "--text-color", t), d((r = e.colors) == null ? void 0 : r.link, "--link-color", t), d((n = e.colors) == null ? void 0 : n.gray, "--gray-color", t), d((a = e.colors) == null ? void 0 : a.grayDark, "--gray-dark-color", t), d((c = e.spacing) == null ? void 0 : c.xs, "--spacing-xs", t), d((h = e.spacing) == null ? void 0 : h.sm, "--spacing-sm", t), d((l = e.spacing) == null ? void 0 : l.md, "--spacing-md", t), d((L = e.spacing) == null ? void 0 : L.lg, "--spacing-lg", t), d((j = e.spacing) == null ? void 0 : j.xl, "--spacing-xl", t), d(e.boxShadow, "--box-shadow", t), d(e.borderRadius, "--border-radius", t), d(e.borderRadiusSm, "--border-radius-sm", t), d(e.fontFamily, "--font-family", t);
-}, $t = (e) => {
-  const t = {};
-  return Object.keys(e).forEach((s) => {
-    s.indexOf("css-") > -1 && (t[s] = e[s]);
-  }), t;
-}, I = (e, t) => {
-  const s = $t(t);
-  Object.entries(s).forEach(([i, o]) => {
-    e.style.setProperty(i.replace("css-", ""), o);
-  });
-};
-var Pt = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, At = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? Ct(t, s) : t, r = e.length - 1, n; r >= 0; r--)
-    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
-  return i && o && Pt(t, s, o), o;
-};
-let A = class extends H(k) {
-  render() {
-    if (!this.component)
-      return w;
-    const e = new this.component(), t = this._contextProvider.value;
-    return T(t, this.renderRoot.host), this.renderRoot.host.style.setProperty(
-      "--width",
-      this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
-    ), I(
-      this.renderRoot.host,
-      this._propertiesProvider.value
-    ), e;
-  }
-};
-A.styles = O`
-    :host {
-      grid-column: span var(--width);
-      max-width: 100%;
-      overflow: hidden;
-      box-sizing: border-box;
-      display: block;
-
-      --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: #efefef;
-      --gray-dark-color: #a6a6a6;
-
-      --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-      --border-radius: 1rem;
-      --border-radius-sm: 0.3rem;
-    }
-    * {
-      box-sizing: border-box;
-    }
-  `;
-A = At([
-  S("widget-component")
-], A);
-var Rt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, Ot = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? kt(t, s) : t, r = e.length - 1, n; r >= 0; r--)
-    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
-  return i && o && Rt(t, s, o), o;
-};
-let R = class extends H(k) {
-  render() {
-    var e, t;
-    return ((e = this.descriptor) == null ? void 0 : e.name) === "root-area" && console.log("AREA:render:", this.context), T(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",
-      ((t = this._propertiesProvider.value.columns) == null ? void 0 : t.toString()) || "1"
-    ), I(
-      this.renderRoot.host,
-      this._propertiesProvider.value
-    ), _`
-      ${this._childrenProvider.value.map(
-      (s) => s.type === "area" ? _`<ace-area entry=${s.id}></ace-area>` : _`<widget-component entry=${s.id}></widget-component>`
-    )}
-    `;
-  }
-};
-R.styles = O`
-    :host {
-      grid-column: span var(--width);
-      max-width: 100%;
-      overflow: hidden;
-      box-sizing: border-box;
-
-      height: 100%;
-      display: grid;
-      justify-content: center;
-      grid-auto-rows: max-content;
-      grid-template-rows: auto;
-      grid-template-columns: repeat(var(--columns), 1fr);
-
-      --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: #efefef;
-      --gray-dark-color: #a6a6a6;
-
-      --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-      --border-radius: 1rem;
-      --border-radius-sm: 0.3rem;
-    }
-    * {
-      box-sizing: border-box;
-    }
-  `;
-R = Ot([
-  S("ace-area")
-], R);
-const zt = (e, t) => {
-  const s = new p();
-  s.container = e, t.appendChild(s);
-};
-export {
-  zt as default
-};
-//# sourceMappingURL=render-6c71b694.js.map