@telia-ace/widget-core 1.0.17 → 1.0.18-next.1

package/dist/index.js

@@ -1,21 +1,22 @@
-var V = Object.defineProperty, _ = Object.defineProperties;
-var z = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var Q = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
-var w = (n, t, e) => t in n ? V(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, j = (n, t) => {
+var q = Object.defineProperty, z = Object.defineProperties;
+var Q = Object.getOwnPropertyDescriptors;
+var H = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var C = (n, t, e) => t in n ? q(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, x = (n, t) => {
   for (var e in t || (t = {}))
-    Q.call(t, e) && w(n, e, t[e]);
-  if (S)
-    for (var e of S(t))
-      q.call(t, e) && w(n, e, t[e]);
+    F.call(t, e) && C(n, e, t[e]);
+  if (H)
+    for (var e of H(t))
+      G.call(t, e) && C(n, e, t[e]);
   return n;
-}, H = (n, t) => _(n, z(t));
-var l = (n, t, e) => (w(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { uuid as N, Logger as k } from "@telia-ace/widget-utilities";
-import { createConfigurationApi as K } from "@webprovisions/platform";
-class ht {
+}, B = (n, t) => z(n, Q(t));
+var u = (n, t, e) => (C(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { bootstrapImplementation as K, ConfigurationApi as U } from "@webprovisions/bootstrapping";
+import { selectImplementations as W, createConfigurationApi as Y, Environment as J, version as X, Implementation as Z, Plugin as tt, WidgetType as et } from "@webprovisions/platform";
+import { uuid as k, Logger as $ } from "@telia-ace/widget-utilities";
+class xt {
   constructor(t) {
-    l(this, "events");
+    u(this, "events");
     const { events: e } = t.get("$widget");
     this.events = e.createChild(this);
   }
@@ -25,15 +26,29 @@ class ht {
   subscribe(t, e) {
     return this.events.subscribe(
       "data:action",
-      (s, { action: r, value: c, target: o }) => t === o && e(t, r, c)
+      (s, { action: i, value: c, target: o }) => t === o && e(t, i, c)
     );
   }
 }
-const U = (n) => {
+const wt = (n, t, e = {}) => K(
+  n,
+  n.bindings,
+  () => {
+    const s = n.container.get("$runtimecfg").map((i) => {
+      const c = i[0];
+      if (typeof c == "function")
+        return c;
+      if (W(c)(n))
+        return i[1];
+    }).filter((i) => !!i);
+    return (t ? [t] : []).concat(s);
+  },
+  e.rootElementResolver || (() => document.body)
+), st = (n) => {
   const t = [];
   return [
-    (s, r) => {
-      t.push(n.subscribe(s, r));
+    (s, i) => {
+      t.push(n.subscribe(s, i));
     },
     () => {
       t.forEach((s) => {
@@ -42,7 +57,7 @@ const U = (n) => {
     }
   ];
 };
-class P {
+class R {
   constructor(t, e = []) {
     this.platform = t, this.rules = e;
   }
@@ -56,21 +71,21 @@ class P {
     return this.rules.push({ id: t }), this;
   }
   select() {
-    return new Y(this.platform, this);
+    return new nt(this.platform, this);
   }
 }
-class B {
+class V {
   constructor(t, e, s) {
-    l(this, "actions");
-    l(this, "subscribe");
-    l(this, "unsubscribe");
-    this.platform = t, this.node = e, this.actions = new R(
+    u(this, "actions");
+    u(this, "subscribe");
+    u(this, "unsubscribe");
+    this.platform = t, this.node = e, this.actions = new A(
       t,
-      new P(t).withId(e.id),
+      new R(t).withId(e.id),
       s
     );
-    const [r, c] = U(this.platform.events);
-    this.subscribe = r, this.unsubscribe = c;
+    const [i, c] = st(this.platform.events);
+    this.subscribe = i, this.unsubscribe = c;
   }
   properties(t) {
     return t && this.node.touchProperties((e) => t(e)), this.node.attributes.properties;
@@ -98,11 +113,11 @@ class B {
     this.unsubscribe(), this.actions.dispose();
   }
 }
-class Y {
+class nt {
   constructor(t, e, s = !0) {
-    l(this, "actions");
-    l(this, "removes", []);
-    this.platform = t, this.target = e, this.clearOnDispose = s, this.actions = new R(this.platform, this.target);
+    u(this, "actions");
+    u(this, "removes", []);
+    this.platform = t, this.target = e, this.clearOnDispose = s, this.actions = new A(this.platform, this.target);
   }
   writeProperties(t, e) {
     this.removes.push(
@@ -140,22 +155,22 @@ class Y {
     }), this.actions.dispose();
   }
 }
-const F = (n, t, e) => {
-  const s = n.concat(), r = (c, o, a) => {
-    let u = !0;
+const it = (n, t, e) => {
+  const s = n.concat(), i = (c, o, h) => {
+    let l = !0;
     if (s.length) {
-      const h = s.shift(), i = (p, d) => (u = !1, r(p, Object.assign({}, o, d), a));
-      return Promise.resolve(h(c, i, a)).then((p) => H(j({}, p), {
-        cancelled: u
+      const a = s.shift(), r = (p, d) => (l = !1, i(p, Object.assign({}, o, d), h));
+      return Promise.resolve(a(c, r, h)).then((p) => B(x({}, p), {
+        cancelled: l
       }));
     }
     return Promise.resolve({ data: c, cancelled: !1, options: o });
   };
-  return r(t, {}, e);
+  return i(t, {}, e);
 };
-class R {
+class A {
   constructor(t, e, s) {
-    l(this, "subscriptions", []);
+    u(this, "subscriptions", []);
     this.platform = t, this.target = e, this.ns = s, this.create = this.create.bind(this);
   }
   create(t, e = () => {
@@ -167,85 +182,85 @@ class R {
       ns: this.ns
     };
     this.platform.actionsState.handlers.push(s);
-    const r = () => {
+    const i = () => {
       const c = this.platform.actionsState.handlers.indexOf(s);
       c > -1 && this.platform.actionsState.handlers.splice(c, 1);
     };
-    return this.subscriptions.push(r), r;
+    return this.subscriptions.push(i), i;
   }
   dispatch(t, e) {
     const s = this.platform.nodes.all.concat(
       this.platform.nodes.detached
-    ), r = {}, c = this.platform.actionsState.handlers.filter(
+    ), i = {}, c = this.platform.actionsState.handlers.filter(
       (o) => o.key === t && (!o.ns || !this.ns || o.ns === this.ns)
     );
     return Promise.all(
       c.map((o) => {
-        const a = s.filter(
-          (h) => o.target.match(h) && this.target.match(h)
-        ), u = this.platform.actionsState.watchers.filter((h) => h.key === t && (!h.ns || !this.ns || h.ns === this.ns) && a.some((i) => h.target.match(i))).map((h) => h.fn);
+        const h = s.filter(
+          (a) => o.target.match(a) && this.target.match(a)
+        ), l = this.platform.actionsState.watchers.filter((a) => a.key === t && (!a.ns || !this.ns || a.ns === this.ns) && h.some((r) => a.target.match(r))).map((a) => a.fn);
         return Promise.all(
-          a.map((h) => {
-            const i = new B(
+          h.map((a) => {
+            const r = new V(
               this.platform,
-              h,
+              a,
               this.ns
             );
-            return F(u, e, i).then((p) => {
+            return it(l, e, r).then((p) => {
               const { data: d = {}, options: f, cancelled: g } = p;
               return Promise.resolve(
-                g ? {} : o.fn(d, f, i)
+                g ? {} : o.fn(d, f, r)
               ).then((y) => {
-                r[h.id] = y;
+                i[a.id] = y;
               });
             });
           })
         );
       })
-    ).then(() => r);
+    ).then(() => i);
   }
   watch(t, e) {
-    let s = t, r = this.ns;
+    let s = t, i = this.ns;
     const c = t.split(".");
-    c.length > 1 && (r = c[0], s = c.splice(1).join("."));
+    c.length > 1 && (i = c[0], s = c.splice(1).join("."));
     const o = {
       fn: e,
       target: this.target,
       key: s,
-      ns: r
+      ns: i
     };
     this.platform.actionsState.watchers.push(o);
-    const a = () => {
-      const u = this.platform.actionsState.watchers.indexOf(o);
-      u > -1 && this.platform.actionsState.watchers.splice(u, 1);
+    const h = () => {
+      const l = this.platform.actionsState.watchers.indexOf(o);
+      l > -1 && this.platform.actionsState.watchers.splice(l, 1);
     };
-    return this.subscriptions.push(a), a;
+    return this.subscriptions.push(h), h;
   }
   dispose() {
     this.subscriptions.forEach((t) => t());
   }
 }
-const at = K((n) => {
+const Ct = Y((n) => {
   n.createCommand("components", (t) => (e) => {
-    t.events.subscribeOnce("components:platform-created", (s, { platform: r }) => {
+    t.events.subscribeOnce("components:platform-created", (s, { platform: i }) => {
       e.handlers && e.handlers.forEach(([c, o]) => {
-        r.addComponentHandler(c, o);
+        i.addComponentHandler(c, o);
       });
     });
   });
 });
-class $ {
+class M {
   constructor(t, e) {
-    l(this, "id");
-    l(this, "type");
-    l(this, "name");
-    l(this, "parent");
-    l(this, "tags", []);
-    l(this, "children", {});
-    l(this, "changesets", []);
-    l(this, "attributes");
-    l(this, "mountCount", 0);
-    this.events = t, this.id = N(), this.type = e, this.attributes = {
+    u(this, "id");
+    u(this, "type");
+    u(this, "name");
+    u(this, "parent");
+    u(this, "tags", []);
+    u(this, "children", {});
+    u(this, "changesets", []);
+    u(this, "attributes");
+    u(this, "mountCount", 0);
+    this.events = t, this.id = k(), this.type = e, this.attributes = {
       context: {},
       properties: {},
       layout: {},
@@ -254,7 +269,7 @@ class $ {
   }
   mount(t, e) {
     let s = t.get("mounted-nodes");
-    return s || (s = /* @__PURE__ */ new Map(), t.register("mounted-nodes", s)), s.has(this) ? (process.env.NODE_ENV !== "production" && k.error("Trying to mount an already mounted component node.", this), () => {
+    return s || (s = /* @__PURE__ */ new Map(), t.register("mounted-nodes", s)), s.has(this) ? (process.env.NODE_ENV !== "production" && $.error("Trying to mount an already mounted component node.", this), () => {
     }) : (this.events.dispatch("components:node-mounted", { node: this }), this.mountCount === 0 && (this.mountCount = this.mountCount + 1, this.events.dispatch("components:node-enter", { node: this })), () => {
       s.delete(this), this.events.dispatch("components:node-unmounted", { node: this }), this.mountCount = this.mountCount - 1, this.mountCount === 0 && this.events.dispatch("components:node-exit", { node: this });
     });
@@ -313,9 +328,9 @@ class $ {
   }
   getChildren(t = "default") {
     const e = this.children[t] || [];
-    return e.reduce((s, r, c) => {
-      const { order: o = c } = r.attributes.layout;
-      return s[o] ? s.splice(o, 0, r) : s[o] = r, s;
+    return e.reduce((s, i, c) => {
+      const { order: o = c } = i.attributes.layout;
+      return s[o] ? s.splice(o, 0, i) : s[o] = i, s;
     }, Array(e.length));
   }
   remove() {
@@ -323,60 +338,60 @@ class $ {
   }
   removeChild(t) {
     Object.keys(this.children).forEach((e) => {
-      const s = this.children[e], r = s.indexOf(t);
-      r > -1 && (s.splice(r, 1), this.events.dispatch("components:node-removed", { node: t, parentNode: this }));
+      const s = this.children[e], i = s.indexOf(t);
+      i > -1 && (s.splice(i, 1), this.events.dispatch("components:node-removed", { node: t, parentNode: this }));
     }), delete t.parent;
   }
 }
-const M = (n, t, e) => {
-  for (let s = 0, r = n.length; s < r && e(n[s]) !== !0; s++) {
+const j = (n, t, e) => {
+  for (let s = 0, i = n.length; s < i && e(n[s]) !== !0; s++) {
     const c = t[n[s].id] || "default", o = n[s].getChildren(c);
-    M(o, t, e);
+    j(o, t, e);
   }
-}, A = (n, t, e) => {
+}, T = (n, t, e) => {
   if (e(n) !== !0) {
-    const s = t[n.id] || "default", r = n.children[s];
-    M(r, t, e);
+    const s = t[n.id] || "default", i = n.children[s];
+    j(i, t, e);
   }
-}, C = (n, t) => {
+}, E = (n, t) => {
   const e = [];
-  return A(n, t, (s) => {
+  return T(n, t, (s) => {
     e.push(s);
   }), e;
-}, G = (n, t, e) => {
+}, ot = (n, t, e) => {
   let s;
-  return A(n, t, (r) => {
-    if (e(r))
-      return s = r, !0;
+  return T(n, t, (i) => {
+    if (e(i))
+      return s = i, !0;
   }), s;
 };
-class J {
+class rt {
   constructor(t, e, s) {
-    l(this, "all", []);
-    l(this, "visible", []);
-    l(this, "detached", []);
-    this.root = t, this.switches = e, s.subscribe("components:node-appended", (r, c) => {
-      this.all.push(c.node), this.visible = C(t, e);
-    }), s.subscribe("components:node-removed", (r, c) => {
+    u(this, "all", []);
+    u(this, "visible", []);
+    u(this, "detached", []);
+    this.root = t, this.switches = e, s.subscribe("components:node-appended", (i, c) => {
+      this.all.push(c.node), this.visible = E(t, e);
+    }), s.subscribe("components:node-removed", (i, c) => {
       let o = this.all.indexOf(c.node);
-      o > -1 && this.all.splice(o, 1), o = this.visible.indexOf(c.node), o > -1 && this.visible.splice(o, 1), this.visible = C(t, e);
-    }), s.subscribe("components:node-switched", (r, c) => {
-      this.visible = C(t, e);
+      o > -1 && this.all.splice(o, 1), o = this.visible.indexOf(c.node), o > -1 && this.visible.splice(o, 1), this.visible = E(t, e);
+    }), s.subscribe("components:node-switched", (i, c) => {
+      this.visible = E(t, e);
     });
   }
   query(t = {}) {
     const e = [];
-    return A(this.root, this.switches, (s) => {
+    return T(this.root, this.switches, (s) => {
       Object.keys(t).every((c) => t[c] === s[c]) && e.push(s);
     }), e;
   }
   get(t) {
-    return G(this.root, this.switches, (e) => e.id === t) || this.detached.find((e) => e.id === t);
+    return ot(this.root, this.switches, (e) => e.id === t) || this.detached.find((e) => e.id === t);
   }
 }
-class X {
+class ct {
   constructor() {
-    l(this, "handlers", /* @__PURE__ */ new Map());
+    u(this, "handlers", /* @__PURE__ */ new Map());
   }
   add(t, e) {
     this.handlers.set(t, e);
@@ -385,90 +400,90 @@ class X {
     return this.handlers.get(t);
   }
 }
-const Z = (n) => {
+const at = (n) => {
   let t = n, e = 0;
   for (; t.parent; )
     e = e + 1, t = t.parent;
   return e;
-}, W = (n) => n.map(([e, s]) => [Z(e), e, s]).sort(([e], [s]) => e - s).map(([, e, s]) => [e, s]), E = (n) => n && typeof n == "object" && !Array.isArray(n), v = (n, ...t) => {
+}, ht = (n) => n.map(([e, s]) => [at(e), e, s]).sort(([e], [s]) => e - s).map(([, e, s]) => [e, s]), O = (n) => n && typeof n == "object" && !Array.isArray(n), v = (n, ...t) => {
   if (!t.length)
     return n;
   const e = t.shift();
-  if (E(n) && E(e))
+  if (O(n) && O(e))
     for (const s in e)
-      E(e[s]) ? (n[s] || Object.assign(n, { [s]: {} }), v(n[s], e[s])) : Object.assign(n, { [s]: e[s] });
+      O(e[s]) ? (n[s] || Object.assign(n, { [s]: {} }), v(n[s], e[s])) : Object.assign(n, { [s]: e[s] });
   return v(n, ...t);
-}, tt = (n, t) => !n || n === "all" ? !0 : n.some((e) => t.indexOf(e) > -1), et = (n, t) => {
-  let e = [], s = [], r;
+}, pt = (n, t) => !n || n === "all" ? !0 : n.some((e) => t.indexOf(e) > -1), ut = (n, t) => {
+  let e = [], s = [], i;
   const c = () => {
     process.env.NODE_ENV !== "production" && console.time("state-processor.flush");
-    const a = /* @__PURE__ */ new Map(), u = W(e.map((i, p) => [i, s[p]])), h = (i, p) => {
-      var L;
-      const d = a.get(i) || {}, f = p.context && !d.context, g = p.properties && !d.properties, y = p.layout && !d.layout;
-      a.set(i, {
+    const h = /* @__PURE__ */ new Map(), l = ht(e.map((r, p) => [r, s[p]])), a = (r, p) => {
+      var _;
+      const d = h.get(r) || {}, f = p.context && !d.context, g = p.properties && !d.properties, y = p.layout && !d.layout;
+      h.set(r, {
         context: d.context || f,
         properties: d.properties || g,
         layout: d.layout || y
-      }), g && (i.attributes.properties = {}), y && (i.attributes.layout = {}), f && (i.attributes.context = v({}, (L = i.parent) == null ? void 0 : L.attributes.context));
-      const D = [], T = [], I = [];
-      if (i.changesets.forEach((b) => {
-        const [m, x] = b;
-        tt(x.breakpoints, n.breakpoints) && (g && (typeof m.properties == "function" ? D.push(
+      }), g && (r.attributes.properties = {}), y && (r.attributes.layout = {}), f && (r.attributes.context = v({}, (_ = r.parent) == null ? void 0 : _.attributes.context));
+      const S = [], D = [], L = [];
+      if (r.changesets.forEach((b) => {
+        const [m, w] = b;
+        pt(w.breakpoints, n.breakpoints) && (g && (typeof m.properties == "function" ? S.push(
           m.properties
-        ) : v(i.attributes.properties, m.properties)), y && (typeof m.layout == "function" ? T.push(m.layout) : v(i.attributes.layout, m.layout)), f && (typeof m.context == "function" ? I.push(m.context) : v(i.attributes.context, m.context)));
+        ) : v(r.attributes.properties, m.properties)), y && (typeof m.layout == "function" ? D.push(m.layout) : v(r.attributes.layout, m.layout)), f && (typeof m.context == "function" ? L.push(m.context) : v(r.attributes.context, m.context)));
+      }), S.forEach((b) => {
+        v(r.attributes.properties, b(r.attributes.properties));
       }), D.forEach((b) => {
-        v(i.attributes.properties, b(i.attributes.properties));
-      }), T.forEach((b) => {
-        v(i.attributes.layout, b(i.attributes.layout));
-      }), I.forEach((b) => {
-        v(i.attributes.context, b(i.attributes.context));
+        v(r.attributes.layout, b(r.attributes.layout));
+      }), L.forEach((b) => {
+        v(r.attributes.context, b(r.attributes.context));
       }), f || p.recursive) {
-        const b = n.getBranch(i), m = p.recursive ? p : {
+        const b = n.getBranch(r), m = p.recursive ? p : {
           context: !!f
         };
-        i.getChildren(b).forEach((x) => {
-          h(x, m);
+        r.getChildren(b).forEach((w) => {
+          a(w, m);
         });
       }
     };
-    process.env.NODE_ENV !== "production" && console.timeEnd("state-processor.flush"), u.forEach(([i, p]) => {
-      h(i, p);
-    }), e = [], s = [], t(a);
+    process.env.NODE_ENV !== "production" && console.timeEnd("state-processor.flush"), l.forEach(([r, p]) => {
+      a(r, p);
+    }), e = [], s = [], t(h);
   }, o = () => {
-    clearTimeout(r), r = setTimeout(c, 0);
+    clearTimeout(i), i = setTimeout(c, 0);
   };
-  return (a, u) => {
-    const h = e.indexOf(a);
-    if (h > -1) {
-      const i = s[h];
-      return u.context && (i.context = !0), u.properties && (i.properties = !0), u.layout && (i.layout = !0), u.recursive && (i.recursive = !0), o();
+  return (h, l) => {
+    const a = e.indexOf(h);
+    if (a > -1) {
+      const r = s[a];
+      return l.context && (r.context = !0), l.properties && (r.properties = !0), l.layout && (r.layout = !0), l.recursive && (r.recursive = !0), o();
     }
-    return e.push(a), s.push(u), o();
+    return e.push(h), s.push(l), o();
   };
 };
-class st {
+class lt {
   constructor(t, e = {}) {
-    l(this, "events");
-    l(this, "breakpoints", []);
-    l(this, "nodes");
-    l(this, "actionsState", { handlers: [], watchers: [] });
-    l(this, "switches", {});
-    l(this, "changesets", []);
-    l(this, "subscriptions", []);
-    l(this, "processNode");
-    l(this, "customComponentHandler", new X());
+    u(this, "events");
+    u(this, "breakpoints", []);
+    u(this, "nodes");
+    u(this, "actionsState", { handlers: [], watchers: [] });
+    u(this, "switches", {});
+    u(this, "changesets", []);
+    u(this, "subscriptions", []);
+    u(this, "processNode");
+    u(this, "customComponentHandler", new ct());
     this.providers = e, this.events = t.events.createChild(this);
-    const s = new $(this.events, "root");
-    s.name = `root-${t.name}`, this.nodes = new J(s, this.switches, this.events);
-    const r = this.processNode = et(this, (c) => {
+    const s = new M(this.events, "root");
+    s.name = `root-${t.name}`, this.nodes = new rt(s, this.switches, this.events);
+    const i = this.processNode = ut(this, (c) => {
       const o = Array.from(c.keys());
       process.env.NODE_ENV !== "production" && console.info(`STATE PROCESSOR: ${o.length} node(s) processed:
 ${o.map(
-        (a) => `${a.name || "<no name>"} (${a.id})
+        (h) => `${h.name || "<no name>"} (${h.id})
 `
-      )}`), o.forEach((a) => {
-        const u = c.get(a);
-        a.parent && a.parent.type === "root" && this.events.dispatch("components:root-children-changed", { node: a }), u != null && u.context && this.events.dispatch("components:context-changed", { node: a }), u != null && u.properties && this.events.dispatch("components:properties-changed", { node: a }), u != null && u.layout && this.events.dispatch("components:layout-changed", { node: a });
+      )}`), o.forEach((h) => {
+        const l = c.get(h);
+        h.parent && h.parent.type === "root" && this.events.dispatch("components:root-children-changed", { node: h }), l != null && l.context && this.events.dispatch("components:context-changed", { node: h }), l != null && l.properties && this.events.dispatch("components:properties-changed", { node: h }), l != null && l.layout && this.events.dispatch("components:layout-changed", { node: h });
       }), this.events.dispatch("components:component-model-initialized", {}, { bubbles: !0 });
     });
     Promise.all(
@@ -477,10 +492,10 @@ ${o.map(
       this.events.subscribe(
         "components:node-appended",
         (c, o) => {
-          const { node: a } = o;
-          this.changesets.forEach((u) => {
-            const { changeset: h, target: i, removes: p } = u, [d, f] = h;
-            i.match(o.node) && (d.properties && p.push(a.writeProperties(d.properties, f)), d.context && p.push(a.writeContext(d.context, f)), d.layout && p.push(a.writeLayout(d.layout, f)));
+          const { node: h } = o;
+          this.changesets.forEach((l) => {
+            const { changeset: a, target: r, removes: p } = l, [d, f] = a;
+            r.match(o.node) && (d.properties && p.push(h.writeProperties(d.properties, f)), d.context && p.push(h.writeContext(d.context, f)), d.layout && p.push(h.writeLayout(d.layout, f)));
           });
         }
       )
@@ -488,40 +503,40 @@ ${o.map(
       this.events.subscribe(
         "components:node-appended",
         (c, o) => {
-          r(o.node, { properties: !0, context: !0 });
+          i(o.node, { properties: !0, context: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-properties",
         (c, o) => {
-          r(o.node, { properties: !0 });
+          i(o.node, { properties: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-context",
         (c, o) => {
-          r(o.node, { properties: !0, context: !0 });
+          i(o.node, { properties: !0, context: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-indent",
         (c, o) => {
-          r(o.node, { layout: !0 });
+          i(o.node, { layout: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-layout",
         (c, o) => {
-          r(o.node, { layout: !0 });
+          i(o.node, { layout: !0 });
         }
       )
     ), this.subscriptions.push(
-      this.events.subscribe("components:node-switched", (c, { node: o, branch: a }) => {
-        r(o, {
+      this.events.subscribe("components:node-switched", (c, { node: o, branch: h }) => {
+        i(o, {
           layout: !0,
           recursive: !0,
           properties: !0,
@@ -530,7 +545,7 @@ ${o.map(
       })
     ), this.subscriptions.push(
       this.events.subscribe("components:node-removed", (c, { parentNode: o }) => {
-        r(o, { properties: !0 });
+        i(o, { properties: !0 });
       })
     ), this.events.parent && this.events.parent.dispatch("components:platform-created", { platform: this });
   }
@@ -561,34 +576,34 @@ ${o.map(
     return this.switches[t.id];
   }
   createNode(t, e = {}) {
-    const s = new $(this.events, t);
+    const s = new M(this.events, t);
     return e.detached && this.nodes.detached.push(s), s;
   }
   components() {
-    return new P(this);
+    return new R(this);
   }
   actions(t, e) {
-    return new R(this, t, e);
+    return new A(this, t, e);
   }
   write(t) {
-    const { provider: e, target: s, attributes: r, options: c = {}, removable: o } = t, a = t.key || N(), h = { changeset: [r, c], target: s, removes: [] };
+    const { provider: e, target: s, attributes: i, options: c = {}, removable: o } = t, h = t.key || k(), a = { changeset: [i, c], target: s, removes: [] };
     if (e) {
-      const i = this.providers[e];
-      i.write(a, s, r, c), h.removes.push(() => {
-        i.remove(a);
+      const r = this.providers[e];
+      r.write(h, s, i, c), a.removes.push(() => {
+        r.remove(h);
       });
     }
-    return this.changesets.push(h), this.nodes.all.forEach((i) => {
-      if (s.match(i)) {
+    return this.changesets.push(a), this.nodes.all.forEach((r) => {
+      if (s.match(r)) {
         let p = () => {
         };
-        r.properties && (p = i.writeProperties(r.properties, c, o)), r.context && (p = i.writeContext(r.context, c, o)), r.layout && (p = i.writeContext(r.layout, c, o)), h.removes.push(p);
+        i.properties && (p = r.writeProperties(i.properties, c, o)), i.context && (p = r.writeContext(i.context, c, o)), i.layout && (p = r.writeContext(i.layout, c, o)), a.removes.push(p);
       }
     }), () => {
       if (o) {
-        h.removes.forEach((p) => p());
-        const i = this.changesets.indexOf(h);
-        i > -1 && this.changesets.splice(i, 1);
+        a.removes.forEach((p) => p());
+        const r = this.changesets.indexOf(a);
+        r > -1 && this.changesets.splice(r, 1);
       }
     };
   }
@@ -602,7 +617,7 @@ ${o.map(
     this.subscriptions.forEach((t) => t());
   }
 }
-const nt = (n) => {
+const dt = (n) => {
   if (Array.isArray(n)) {
     const [t, ...e] = n;
     return {
@@ -614,78 +629,78 @@ const nt = (n) => {
     definitionId: n,
     overrides: []
   };
-}, O = (n, t, e, s, r, c) => {
+}, P = (n, t, e, s, i, c) => {
   e.forEach((o) => {
-    const a = nt(o), u = s[a.definitionId];
-    if (a.definitionId === "view") {
-      const h = n.createNode("view");
-      h.name = "view", Object.keys(r).forEach((i) => {
-        const p = r[i];
-        O(n, h, [p.entry], s, r, i);
-      }), t.appendChild(h), a.overrides.forEach((i) => {
-        i.properties && h.writeProperties(i.properties, {
-          breakpoints: i.breakpoints
-        }), i.context && h.writeContext(i.context, { breakpoints: i.breakpoints }), i.layout && h.writeLayout(i.layout, { breakpoints: i.breakpoints });
+    const h = dt(o), l = s[h.definitionId];
+    if (h.definitionId === "view") {
+      const a = n.createNode("view");
+      a.name = "view", Object.keys(i).forEach((r) => {
+        const p = i[r];
+        P(n, a, [p.entry], s, i, r);
+      }), t.appendChild(a), h.overrides.forEach((r) => {
+        r.properties && a.writeProperties(r.properties, {
+          breakpoints: r.breakpoints
+        }), r.context && a.writeContext(r.context, { breakpoints: r.breakpoints }), r.layout && a.writeLayout(r.layout, { breakpoints: r.breakpoints });
       });
-    } else if (n.getComponentHandler(u.type)) {
-      const h = n.getComponentHandler(u.type);
-      h && h(a, {
+    } else if (n.getComponentHandler(l.type)) {
+      const a = n.getComponentHandler(l.type);
+      a && a(h, {
         platform: n,
         node: t,
         references: e,
         definitions: s,
-        views: r,
+        views: i,
         branch: c
       });
     } else {
-      const h = s[a.definitionId];
-      if (process.env.NODE_ENV !== "production" && !h) {
-        k.error(
-          `No definition found for component type '${a.definitionId}'.`
+      const a = s[h.definitionId];
+      if (process.env.NODE_ENV !== "production" && !a) {
+        $.error(
+          `No definition found for component type '${h.definitionId}'.`
         );
         return;
       }
-      const i = n.createNode(h.type);
-      i.name = a.definitionId, i.tags = h.tags || [], h.properties && i.writeProperties(h.properties), h.context && i.writeContext(h.context), h.layout && i.writeLayout(h.layout), t.appendChild(i, c), a.overrides.forEach((p) => {
+      const r = n.createNode(a.type);
+      r.name = h.definitionId, r.tags = a.tags || [], a.properties && r.writeProperties(a.properties), a.context && r.writeContext(a.context), a.layout && r.writeLayout(a.layout), t.appendChild(r, c), h.overrides.forEach((p) => {
         const d = { breakpoints: p.breakpoints };
-        p.properties && i.writeProperties(p.properties, d), p.context && i.writeContext(p.context, d), p.layout && i.writeLayout(p.layout, d);
-      }), h.children && O(n, i, h.children, s, r);
+        p.properties && r.writeProperties(p.properties, d), p.context && r.writeContext(p.context, d), p.layout && r.writeLayout(p.layout, d);
+      }), a.children && P(n, r, a.children, s, i);
     }
   });
-}, pt = (n, t) => {
-  const { entry: e, components: s, breakpoints: r, views: c } = t, o = [];
-  return Object.keys(r).forEach((a) => {
-    const u = r[a], h = window.matchMedia(u);
-    h.matches && n.breakpoints.push(a);
-    const i = (p) => {
-      p.matches ? n.addBreakpoint(a) : n.removeBreakpoint(a);
+}, Et = (n, t) => {
+  const { entry: e, components: s, breakpoints: i, views: c } = t, o = [];
+  return Object.keys(i).forEach((h) => {
+    const l = i[h], a = window.matchMedia(l);
+    a.matches && n.breakpoints.push(h);
+    const r = (p) => {
+      p.matches ? n.addBreakpoint(h) : n.removeBreakpoint(h);
     };
-    h.addListener(i), o.push(() => h.removeListener(i));
-  }), O(n, n.nodes.root, [e], s, c), () => o.forEach((a) => {
-    a();
+    a.addListener(r), o.push(() => a.removeListener(r));
+  }), P(n, n.nodes.root, [e], s, c), () => o.forEach((h) => {
+    h();
   });
-}, ut = (n, t) => ({
+}, Ot = (n, t) => ({
   id: n.id,
   type: n.type,
   name: n.name,
   branch: t || "default"
-}), lt = (n, t, e, s = N(), r = {}) => n.getAsync("components").then((c) => {
+}), Nt = (n, t, e, s = k(), i = {}) => n.getAsync("components").then((c) => {
   let o;
   if (typeof t == "string") {
-    const h = new P(c);
-    h.ofType(t), o = h;
+    const a = new R(c);
+    a.ofType(t), o = a;
   } else
     o = t;
-  const a = {}, u = (h) => {
-    const i = a[h.id];
-    return i ? Promise.resolve(i.controller) : st.getInstance(n).then((p) => new B(p, h, s));
+  const h = {}, l = (a) => {
+    const r = h[a.id];
+    return r ? Promise.resolve(r.controller) : lt.getInstance(n).then((p) => new V(p, a, s));
   };
   c.events.subscribe(
     "components:node-enter",
-    (h, { node: i }) => {
-      o.match(i) && u(i).then((p) => {
+    (a, { node: r }) => {
+      o.match(r) && l(r).then((p) => {
         Promise.resolve(e(p)).then((d) => {
-          a[i.id] = {
+          h[r.id] = {
             dispose: d,
             controller: p
           };
@@ -694,18 +709,18 @@ const nt = (n) => {
     }
   ), c.events.subscribe(
     "components:node-exit",
-    (h, { node: i }) => {
-      const p = a[i.id];
-      p && (p.dispose && p.dispose(), r.reuseController || (p.controller.dispose(), delete a[i.id]));
+    (a, { node: r }) => {
+      const p = h[r.id];
+      p && (p.dispose && p.dispose(), i.reuseController || (p.controller.dispose(), delete h[r.id]));
     }
   );
 });
-class dt {
+class Pt {
   constructor(t) {
-    l(this, "aliases", /* @__PURE__ */ new Map());
-    l(this, "components", /* @__PURE__ */ new Map());
-    l(this, "events");
-    l(this, "logger", new k());
+    u(this, "aliases", /* @__PURE__ */ new Map());
+    u(this, "components", /* @__PURE__ */ new Map());
+    u(this, "events");
+    u(this, "logger", new $());
     const { events: e } = t.get("$widget");
     this.events = e;
   }
@@ -722,8 +737,8 @@ class dt {
     };
   }
   registerResolver(t, e) {
-    return this.events.subscribe("component-resolver:resolve", (s, r) => {
-      if (r === t) {
+    return this.events.subscribe("component-resolver:resolve", (s, i) => {
+      if (i === t) {
         const c = this.getComponent(t);
         e(c);
       }
@@ -735,24 +750,82 @@ class dt {
     };
   }
 }
-var it = /* @__PURE__ */ ((n) => (n.open = "open", n.closed = "closed", n.hidden = "hidden", n))(it || {});
+const ft = "771ae5e", I = class extends J {
+  constructor(t, e = []) {
+    super(t, e, {
+      transformPluginSettings: (s, i, c) => {
+        const o = c.get("$settings"), h = o.plugins && i ? o.plugins[i] || {} : {};
+        return x(x({}, h), s);
+      }
+    });
+  }
+  createImplementation(t) {
+    const e = super.createImplementation(t);
+    return e.bindings = t.bindings, e;
+  }
+  navigate(t, e, s) {
+    this.widgets.query(t).forEach((i) => i.invoke("navigate", { route: e, params: s }));
+  }
+  static create(t = {}) {
+    const e = [U].concat(
+      t.configurationApiExtensions || []
+    );
+    return new I("widgets", e);
+  }
+  static createFromGlobal(t, e = {}) {
+    if (this.isRuntime(t))
+      return t.patch(e), t;
+    const s = [], i = t && t._c;
+    i && i.forEach((o) => s.push(o));
+    const c = this.create(e);
+    return c.container.register("$runtimecfg", s), c;
+  }
+  static isRuntime(t) {
+    return !!(t && typeof t == "object" && t.container && typeof t.container.get == "function" && t.container.get("$environment") === t && t.container.owner === t);
+  }
+};
+let N = I;
+u(N, "version", `${ft} (${X})`);
+class kt extends Z {
+  constructor() {
+    super(...arguments);
+    u(this, "bindings", []);
+  }
+}
+class $t extends tt {
+  constructor(t, e) {
+    super(t, e);
+  }
+}
+var mt = /* @__PURE__ */ ((n) => (n.open = "open", n.closed = "closed", n.hidden = "hidden", n))(mt || {});
+class Rt extends et {
+  constructor(t) {
+    super(t);
+  }
+}
 export {
-  ht as ActionResolver,
-  R as ActionsController,
-  $ as ComponentNode,
-  B as ComponentNodeController,
-  st as ComponentPlatform,
-  P as ComponentQuery,
-  dt as ComponentResolver,
-  it as WidgetRenderState,
-  ut as asDescriptor,
-  at as componentConfigurationApi,
-  O as createChildren,
-  pt as createComponentModel,
-  U as createEventSubscriber,
-  lt as extendComponent,
-  G as findComponent,
-  C as findVisibleComponents,
-  A as traverseComponents
+  xt as ActionResolver,
+  A as ActionsController,
+  M as ComponentNode,
+  V as ComponentNodeController,
+  lt as ComponentPlatform,
+  R as ComponentQuery,
+  Pt as ComponentResolver,
+  N as Environment,
+  kt as Implementation,
+  $t as Plugin,
+  mt as WidgetRenderState,
+  Rt as WidgetType,
+  Ot as asDescriptor,
+  wt as bootstrap,
+  Ct as componentConfigurationApi,
+  P as createChildren,
+  Et as createComponentModel,
+  st as createEventSubscriber,
+  Nt as extendComponent,
+  ot as findComponent,
+  E as findVisibleComponents,
+  T as traverseComponents,
+  ft as version
 };
 //# sourceMappingURL=index.js.map