@telia-ace/widget-runtime-flamingo 0.0.1

package/index.d.ts

@@ -0,0 +1,12 @@
+export { default as GridWidget, default as Widget } from './widget';
+export { childrenContext } from './context/children.context';
+export { descriptorContext } from './context/component-node.context';
+export { containerContext } from './context/container.context';
+export { contextCtx } from './context/context.context';
+export { layoutCtx } from './context/layout.context';
+export { propertiesCtx } from './context/properties.context';
+export { ActionsController } from './controllers/actions-controller';
+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';

package/index.js

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

@@ -0,0 +1,17 @@
+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-e7cd706f.mjs";
+export {
+  a as ActionsController,
+  o as DataProvider,
+  r as GridWidget,
+  s as GuideProviderPlugin,
+  i as Widget,
+  n as WidgetComponent,
+  d as childrenContext,
+  C as containerContext,
+  c as contextCtx,
+  x as createDataProvider,
+  l as createWebComponent,
+  p as descriptorContext,
+  W as layoutCtx,
+  g as propertiesCtx
+};

package/mixins/widget-component.mixin.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import { childrenContext } from '../context/children.context';
+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';
+import { ActionsController } from '../controllers/actions-controller';
+type Constructor<T = {}> = new (...args: any[]) => T;
+export declare class WidgetComponentInterface {
+    entry: string;
+    descriptor?: ComponentDescriptor;
+    component?: any;
+    layout: Record<string, any>;
+    context: Record<string, any>;
+    properties: Record<string, any>;
+    container?: Container;
+    actions: ActionsController;
+    _contextProvider: ContextProvider<typeof contextCtx>;
+    _propertiesProvider: ContextProvider<typeof propertiesCtx>;
+    _childrenProvider: ContextProvider<typeof childrenContext>;
+}
+export declare const WidgetComponent: <T extends Constructor<LitElement>>(superClass: T) => Constructor<WidgetComponentInterface> & T;
+export {};

package/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@telia-ace/widget-runtime-flamingo",
+  "version": "0.0.1",
+  "scripts": {
+    "release": "release-it"
+  },
+  "release-it": {
+    "git": false
+  },
+  "dependencies": {},
+  "main": "./index.js",
+  "module": "./index.mjs",
+  "typings": "./index.d.ts"
+}

package/render-05a26598.mjs

@@ -0,0 +1,457 @@
+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-e7cd706f.mjs";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+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);
+  } };
+})(s, t);
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+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 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), p(r, t);
+  return !0;
+}, 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);
+}, 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), K(t);
+  }
+};
+function H(s) {
+  this._$AN !== void 0 ? (m(this), this._$AM = s, k(this)) : this._$AM = s;
+}
+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++)
+          p(i[r], !1), m(i[r]);
+      else
+        i != null && (p(i, !1), m(i));
+    else
+      p(this, s);
+}
+const K = (s) => {
+  var t, e, i, n;
+  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 G = class extends L {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(t, e, i) {
+    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 && (p(this, t), m(this));
+  }
+  setValue(t) {
+    if (q(this._$Ct))
+      this._$Ct._$AI(t, this);
+    else {
+      const e = [...this._$Ct._$AH];
+      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+};
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Z = () => new U();
+class U {
+}
+const $ = /* @__PURE__ */ new WeakMap(), V = A(class extends G {
+  render(s) {
+    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)), y;
+  }
+  ot(s) {
+    var t;
+    if (typeof this.G == "function") {
+      const e = (t = this.dt) !== null && t !== void 0 ? t : globalThis;
+      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 = $.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);
+  }
+  reconnected() {
+    this.ot(this.lt);
+  }
+}), Q = async (s) => await s.get("$widget").invoke("renderState"), B = async (s, t) => {
+  const e = s.get("$widget");
+  return (await s.getAsync(
+    "actionResolver"
+  )).subscribe(e.name, t);
+}, F = (s, t, e = !1) => {
+  const i = s.reduce(
+    (o, { breakpoints: a = [], values: l }) => a.length ? t.some((g) => a.includes(g)) ? { ...o, ...l } : o : { ...o, ...l },
+    {}
+  ), n = {};
+  let 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 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 && J(t, e, n), n;
+};
+let c = class extends P {
+  constructor() {
+    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 && (Q(this.container).then((s) => {
+      this.renderState = s;
+    }), B(this.container, (s, t) => {
+      switch (t) {
+        case "close":
+        case "open":
+          this.renderState = t === "open" ? f.open : f.closed;
+          break;
+        case "hide":
+          this.renderState = f.hidden;
+      }
+    }).then((s) => {
+      this._unsubscribeRenderState = s;
+    }), 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",
+          (t, e) => {
+            var i, n;
+            ((i = e == null ? void 0 : e.node) == null ? void 0 : i.type) === "root" && (this.breakpoints = (n = this.componentPlatform) != null && n.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, e, i, n;
+    let s;
+    if (!this.entry || !this.breakpointsSet)
+      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 = F(
+        r.layout,
+        this.breakpoints,
+        !!r.trigger
+      ), s.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(s.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"), (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>
+    `;
+  }
+};
+c.styles = R`
+    :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: #efefef;
+      --gray-dark-color: #a6a6a6;
+
+      --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+      --border-radius: 1rem;
+      --border-radius-sm: 0.3rem;
+    }
+    :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%;
+    }
+    .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;
+      }
+    }
+  `;
+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 tt {
+  constructor(t) {
+    this.G = t;
+  }
+  disconnect() {
+    this.G = void 0;
+  }
+  reconnect(t) {
+    this.G = t;
+  }
+  deref() {
+    return this.G;
+  }
+}
+class et {
+  constructor() {
+    this.Y = void 0, this.Z = void 0;
+  }
+  get() {
+    return this.Y;
+  }
+  pause() {
+    var t;
+    (t = this.Y) !== null && t !== void 0 || (this.Y = new Promise((e) => this.Z = e));
+  }
+  resume() {
+    var t;
+    (t = this.Z) === null || t === void 0 || t.call(this), this.Y = this.Z = void 0;
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const C = (s) => !W(s) && typeof s.then == "function", x = 1073741823;
+class st extends G {
+  constructor() {
+    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) => !C(i))) !== null && e !== void 0 ? e : w;
+  }
+  update(t, e) {
+    const i = this._$Cwt;
+    let n = i.length;
+    this._$Cwt = e;
+    const r = this._$Cq, o = this._$CK;
+    this.isConnected || this.disconnected();
+    for (let a = 0; a < e.length && !(a > this._$C_t); a++) {
+      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(); )
+          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 w;
+  }
+  disconnected() {
+    this._$Cq.disconnect(), this._$CK.pause();
+  }
+  reconnected() {
+    this._$Cq.reconnect(this), this._$CK.resume();
+  }
+}
+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 && nt(t, e, n), n;
+};
+const O = z(P);
+let b = class extends O {
+  constructor() {
+    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 = 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 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"
+    ), N(
+      this.renderRoot.host,
+      this._propertiesProvider.value
+    ), v`
+      ${it(
+      this._resolveAllChildren(this._childrenProvider.value).then(
+        (t) => v`
+              ${t.map((e) => {
+          if (e.type === "area")
+            return v`<ace-area entry=${e.id}></ace-area>`;
+          const i = new e.component();
+          return i.entry = e.id, i;
+        })}
+            `
+      )
+    )}
+    `;
+  }
+};
+b.styles = [
+  O.styles || [],
+  R`
+      :host {
+        height: 100%;
+        display: grid;
+        justify-content: center;
+        grid-auto-rows: max-content;
+        grid-template-rows: auto;
+        grid-template-columns: repeat(var(--columns), 1fr);
+      }
+    `
+];
+b = ot([
+  S("ace-area")
+], b);
+const lt = (s, t) => {
+  setTimeout(() => {
+    const e = new c();
+    e.container = s.parent, t.appendChild(e);
+  }, 0);
+};
+export {
+  lt as default
+};

package/render-45a76cff.js

@@ -0,0 +1,118 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-df31095a.js");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const b=s=>t=>typeof t=="function"?((e,i)=>(customElements.define(e,i),i))(s,t):((e,i)=>{const{kind:n,elements:o}=i;return{kind:n,elements:o,finisher(a){customElements.define(e,a)}}})(s,t);/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const A=s=>s===null||typeof s!="object"&&typeof s!="function",P=s=>s.strings===void 0;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const u=(s,t)=>{var e,i;const n=s._$AN;if(n===void 0)return!1;for(const o of n)(i=(e=o)._$AO)===null||i===void 0||i.call(e,t,!1),u(o,t);return!0},f=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)},w=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),k(t)}};function S(s){this._$AN!==void 0?(f(this),this._$AM=s,w(this)):this._$AM=s}function R(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 o=e;o<i.length;o++)u(i[o],!1),f(i[o]);else i!=null&&(u(i,!1),f(i));else u(this,s)}const k=s=>{var t,e,i,n;s.type==r.t.CHILD&&((t=(i=s)._$AP)!==null&&t!==void 0||(i._$AP=R),(e=(n=s)._$AQ)!==null&&e!==void 0||(n._$AQ=S))};let C=class extends r.i{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),w(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&&(u(this,t),f(this))}setValue(t){if(P(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const G=()=>new O;class O{}const g=new WeakMap,L=r.e(class extends C{render(s){return r.A}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)),r.A}ot(s){var t;if(typeof this.G=="function"){const e=(t=this.dt)!==null&&t!==void 0?t:globalThis;let i=g.get(e);i===void 0&&(i=new WeakMap,g.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=g.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)}reconnected(){this.ot(this.lt)}}),T=async s=>await s.get("$widget").invoke("renderState"),D=async(s,t)=>{const e=s.get("$widget");return(await s.getAsync("actionResolver")).subscribe(e.name,t)},M=(s,t,e=!1)=>{const i=s.reduce((a,{breakpoints:c=[],values:h})=>c.length?t.some(v=>c.includes(v))?{...a,...h}:a:{...a,...h},{}),n={};let o=i.type;return n.height=i.height||"",n.width=i.width||"",i.type==="floating"||i.type==="inline"&&e&&(n.height="calc(100vh - 120px)"),{type:o,styles:n}};var Y=Object.defineProperty,j=Object.getOwnPropertyDescriptor,d=(s,t,e,i)=>{for(var n=i>1?void 0:i?j(t,e):t,o=s.length-1,a;o>=0;o--)(a=s[o])&&(n=(i?a(t,e,n):a(n))||n);return i&&n&&Y(t,e,n),n};let l=class extends r.s{constructor(){super(),this._provider=new r.i$1(this,r.containerContext,void 0),this.wrapperRef=G(),this.breakpoints=[],this.breakpointsSet=!1}connectedCallback(){super.connectedCallback(),this._provider.setValue(this.container),this.container&&(T(this.container).then(s=>{this.renderState=s}),D(this.container,(s,t)=>{switch(t){case"close":case"open":this.renderState=t==="open"?r.mt.open:r.mt.closed;break;case"hide":this.renderState=r.mt.hidden}}).then(s=>{this._unsubscribeRenderState=s}),r.pt.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",(t,e)=>{var i,n;((i=e==null?void 0:e.node)==null?void 0:i.type)==="root"&&(this.breakpoints=(n=this.componentPlatform)!=null&&n.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,e,i,n;let s;if(!this.entry||!this.breakpointsSet)return r.A;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&&(s=M(o.layout,this.breakpoints,!!o.trigger),s.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(s.styles).forEach(([a,c])=>{this.renderRoot.host.style.setProperty(a,c)}))}return this.renderState&&(this.renderState===r.mt.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"))),r.x`
+      <div class="widget-container" ${L(this.wrapperRef)}>
+        <ace-area entry=${this.entry}></ace-area>
+      </div>
+    `}};l.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: #efefef;
+      --gray-dark-color: #a6a6a6;
+
+      --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+      --border-radius: 1rem;
+      --border-radius-sm: 0.3rem;
+    }
+    :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%;
+    }
+    .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;
+      }
+    }
+  `;d([r.n({attribute:!1})],l.prototype,"container",2);d([r.t$1()],l.prototype,"componentPlatform",2);d([r.t$1()],l.prototype,"renderState",2);d([r.t$1()],l.prototype,"breakpoints",2);d([r.t$1()],l.prototype,"breakpointsSet",2);d([r.t$1()],l.prototype,"entry",2);l=d([b("ace-widget-wrapper")],l);/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class z{constructor(t){this.G=t}disconnect(){this.G=void 0}reconnect(t){this.G=t}deref(){return this.G}}class E{constructor(){this.Y=void 0,this.Z=void 0}get(){return this.Y}pause(){var t;(t=this.Y)!==null&&t!==void 0||(this.Y=new Promise(e=>this.Z=e))}resume(){var t;(t=this.Z)===null||t===void 0||t.call(this),this.Y=this.Z=void 0}}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const $=s=>!A(s)&&typeof s.then=="function",y=1073741823;class N extends C{constructor(){super(...arguments),this._$C_t=y,this._$Cwt=[],this._$Cq=new z(this),this._$CK=new E}render(...t){var e;return(e=t.find(i=>!$(i)))!==null&&e!==void 0?e:r.T}update(t,e){const i=this._$Cwt;let n=i.length;this._$Cwt=e;const o=this._$Cq,a=this._$CK;this.isConnected||this.disconnected();for(let c=0;c<e.length&&!(c>this._$C_t);c++){const h=e[c];if(!$(h))return this._$C_t=c,h;c<n&&h===i[c]||(this._$C_t=y,n=0,Promise.resolve(h).then(async v=>{for(;a.get();)await a.get();const p=o.deref();if(p!==void 0){const m=p._$Cwt.indexOf(h);m>-1&&m<p._$C_t&&(p._$C_t=m,p.setValue(v))}}))}return r.T}disconnected(){this._$Cq.disconnect(),this._$CK.pause()}reconnected(){this._$Cq.reconnect(this),this._$CK.resume()}}const q=r.e(N);var W=Object.defineProperty,H=Object.getOwnPropertyDescriptor,I=(s,t,e,i)=>{for(var n=i>1?void 0:i?H(t,e):t,o=s.length-1,a;o>=0;o--)(a=s[o])&&(n=(i?a(t,e,n):a(n))||n);return i&&n&&W(t,e,n),n};const x=r.WidgetComponent(r.s);let _=class extends x{constructor(){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=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 r.mapBranding(this.context,this.renderRoot.host),this.renderRoot.host.style.setProperty("--width",this.layout.size==="full"?"var(--columns, 1)":`min(${this.layout.size||"var(--columns)"}, var(--columns))`),this.renderRoot.host.style.setProperty("--columns",((s=this._propertiesProvider.value.columns)==null?void 0:s.toString())||"1"),r.appendStyleFromProperties(this.renderRoot.host,this._propertiesProvider.value),r.x`
+      ${q(this._resolveAllChildren(this._childrenProvider.value).then(t=>r.x`
+              ${t.map(e=>{if(e.type==="area")return r.x`<ace-area entry=${e.id}></ace-area>`;const i=new e.component;return i.entry=e.id,i})}
+            `))}
+    `}};_.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);
+      }
+    `];_=I([b("ace-area")],_);const K=(s,t)=>{setTimeout(()=>{const e=new l;e.container=s.parent,t.appendChild(e)},0)};exports.default=K;

package/services.d.ts

@@ -0,0 +1,5 @@
+import { Container } from '@webprovisions/platform';
+export declare const createStorageService: (_container: Container) => Promise<import("@telia-ace/widget-services").StorageProvider>;
+export declare const createActionResolver: (container: Container) => Promise<import("@telia-ace/widget-core").ActionResolver>;
+export declare const createComponentResolver: (container: Container) => Promise<import("@telia-ace/widget-core").ComponentResolver>;
+export declare const createComponentPlatform: (container: Container) => Promise<import("@telia-ace/widget-core").ComponentPlatform>;

package/ui/area.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+declare const WidgetElement: (new (...args: any[]) => import("../mixins/widget-component.mixin").WidgetComponentInterface) & typeof LitElement;
+export declare class AreaComponent extends WidgetElement {
+    static styles: import("lit").CSSResultGroup[];
+    private _resolveChildComponent;
+    private _resolveAllChildren;
+    render(): import("lit").TemplateResult<1>;
+}
+export {};

package/ui/branding.d.ts

@@ -0,0 +1 @@
+export declare const mapBranding: (context: Record<string, any>, el: HTMLElement) => void;

package/ui/get-css-props.d.ts

@@ -0,0 +1,5 @@
+declare const filterCssProps: (props: Record<string, any>) => {
+    [key: string]: any;
+};
+export declare const appendStyleFromProperties: (elem: HTMLElement, p: Record<string, any>) => void;
+export default filterCssProps;