@telia-ace/widget-core 1.1.2-rc.1 → 1.1.2-rc.3

package/component-platform/index.d.ts

@@ -2,7 +2,7 @@ export { ActionsController } from './actions-controller';
 export type { WatchActionDelegate } from './actions-controller';
 export type { ChangesetProvider } from './changeset-provider';
 export { default as componentConfigurationApi } from './component-configuration-api';
-export { AbstractComponentController, ComponentNodeController } from './component-controller';
+export { AbstractComponentController, ComponentNodeController, } from './component-controller';
 export { ComponentNode } from './component-node';
 export type { ChangesetOptions, ComponentNodeAttributes, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties, ComponentNodeSettings, Size, } from './component-node';
 export { ComponentPlatform } from './component-platform';
@@ -14,5 +14,5 @@ export type { ComponentHandlerOptions, NormalizedComponentReference, } from './c
 export { asDescriptor } from './descriptor';
 export type { ComponentDescriptor } from './descriptor';
 export { extendComponent } from './extend-component';
-export type { ExtendComponentHandler, ExtendComponentOptions } from './extend-component';
-export { findComponent, findVisibleComponents, traverseComponents } from './queries';
+export type { ExtendComponentHandler, ExtendComponentOptions, } from './extend-component';
+export { findComponent, findVisibleComponents, traverseComponents, } from './queries';

package/index.mjs

@@ -7,7 +7,11 @@ class at {
     this.events = e.createChild(this);
   }
   action(t, e, s) {
-    this.events.dispatch("data:action", { action: e, value: s, target: t }, { bubbles: !0 });
+    this.events.dispatch(
+      "data:action",
+      { action: e, value: s, target: t },
+      { bubbles: !0 }
+    );
   }
   subscribe(t, e) {
     return this.events.subscribe(
@@ -27,7 +31,9 @@ const pt = (n, t, e = {}) => L(
       if (B(r)(n))
         return i[1];
     }).filter((i) => !!i);
-    return (t ? [t] : []).concat(s);
+    return (t ? [t] : []).concat(
+      s
+    );
   },
   e.rootElementResolver || (() => document.body)
 ), F = (n) => {
@@ -67,7 +73,9 @@ class S {
       new N(t).withId(e.id),
       s
     );
-    const [i, r] = F(this.platform.events);
+    const [i, r] = F(
+      this.platform.events
+    );
     this.subscribe = i, this.unsubscribe = r;
   }
   properties(t) {
@@ -140,11 +148,17 @@ const K = (n, t, e) => {
   const s = n.concat(), i = (r, c, a) => {
     let u = !0;
     if (s.length) {
-      const h = s.shift(), o = (p, l) => (u = !1, i(p, Object.assign({}, c, l), a));
-      return Promise.resolve(h(r, o, a)).then((p) => ({
-        ...p,
-        cancelled: u
-      }));
+      const h = s.shift(), o = (p, l) => (u = !1, i(
+        p,
+        Object.assign({}, c, l),
+        a
+      ));
+      return Promise.resolve(h(r, o, a)).then(
+        (p) => ({
+          ...p,
+          cancelled: u
+        })
+      );
     }
     return Promise.resolve({ data: r, cancelled: !1, options: c });
   };
@@ -179,7 +193,9 @@ class P {
       r.map((c) => {
         const a = s.filter(
           (h) => c.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((o) => h.target.match(o))).map((h) => h.fn);
+        ), u = this.platform.actionsState.watchers.filter((h) => h.key === t && (!h.ns || !this.ns || h.ns === this.ns) && a.some(
+          (o) => h.target.match(o)
+        )).map((h) => h.fn);
         return Promise.all(
           a.map((h) => {
             const o = new S(
@@ -187,14 +203,16 @@ class P {
               h,
               this.ns
             );
-            return K(u, e, o).then((p) => {
-              const { data: l = {}, options: d, cancelled: b } = p;
-              return Promise.resolve(
-                b ? {} : c.fn(l, d, o)
-              ).then((g) => {
-                i[h.id] = g;
-              });
-            });
+            return K(u, e, o).then(
+              (p) => {
+                const { data: l = {}, options: d, cancelled: b } = p;
+                return Promise.resolve(
+                  b ? {} : c.fn(l, d, o)
+                ).then((g) => {
+                  i[h.id] = g;
+                });
+              }
+            );
           })
         );
       })
@@ -223,11 +241,14 @@ class P {
 }
 const ut = M((n) => {
   n.createCommand("components", (t) => (e) => {
-    t.events.subscribeOnce("components:platform-created", (s, { platform: i }) => {
-      e.handlers && e.handlers.forEach(([r, c]) => {
-        i.addComponentHandler(r, c);
-      });
-    });
+    t.events.subscribeOnce(
+      "components:platform-created",
+      (s, { platform: i }) => {
+        e.handlers && e.handlers.forEach(([r, c]) => {
+          i.addComponentHandler(r, c);
+        });
+      }
+    );
   });
 });
 class I {
@@ -345,14 +366,23 @@ const D = (n, t, e) => {
 };
 class W {
   constructor(t, e, s) {
-    this.root = t, this.switches = e, this.all = [], this.visible = [], this.detached = [], s.subscribe("components:node-appended", (i, r) => {
-      this.all.push(r.node), this.visible = x(t, e);
-    }), s.subscribe("components:node-removed", (i, r) => {
-      let c = this.all.indexOf(r.node);
-      c > -1 && this.all.splice(c, 1), c = this.visible.indexOf(r.node), c > -1 && this.visible.splice(c, 1), this.visible = x(t, e);
-    }), s.subscribe("components:node-switched", (i, r) => {
-      this.visible = x(t, e);
-    });
+    this.root = t, this.switches = e, this.all = [], this.visible = [], this.detached = [], s.subscribe(
+      "components:node-appended",
+      (i, r) => {
+        this.all.push(r.node), this.visible = x(t, e);
+      }
+    ), s.subscribe(
+      "components:node-removed",
+      (i, r) => {
+        let c = this.all.indexOf(r.node);
+        c > -1 && this.all.splice(c, 1), c = this.visible.indexOf(r.node), c > -1 && this.visible.splice(c, 1), this.visible = x(t, e);
+      }
+    ), s.subscribe(
+      "components:node-switched",
+      (i, r) => {
+        this.visible = x(t, e);
+      }
+    );
   }
   query(t = {}) {
     const e = [];
@@ -380,7 +410,9 @@ const J = (n) => {
   for (; t.parent; )
     e = e + 1, t = t.parent;
   return e;
-}, X = (n) => n.map(([e, s]) => [J(e), e, s]).sort(([e], [s]) => e - s).map(([, e, s]) => [e, s]), w = (n) => n instanceof Date ? !1 : n && typeof n == "object" && !Array.isArray(n), v = (n, ...t) => {
+}, X = (n) => n.map(
+  ([e, s]) => [J(e), e, s]
+).sort(([e], [s]) => e - s).map(([, e, s]) => [e, s]), w = (n) => n instanceof Date ? !1 : n && typeof n == "object" && !Array.isArray(n), v = (n, ...t) => {
   if (!t.length)
     return n;
   const e = t.shift();
@@ -392,22 +424,32 @@ const J = (n) => {
   let e = [], s = [], i;
   const r = () => {
     process.env.NODE_ENV !== "production" && console.time("state-processor.flush");
-    const a = /* @__PURE__ */ new Map(), u = X(e.map((o, p) => [o, s[p]])), h = (o, p) => {
+    const a = /* @__PURE__ */ new Map(), u = X(
+      e.map((o, p) => [o, s[p]])
+    ), h = (o, p) => {
       var T;
       const l = a.get(o) || {}, d = p.context && !l.context, b = p.properties && !l.properties, g = p.layout && !l.layout;
       a.set(o, {
         context: l.context || d,
         properties: l.properties || b,
         layout: l.layout || g
-      }), b && (o.attributes.properties = {}), g && (o.attributes.layout = {}), d && (o.attributes.context = v({}, (T = o.parent) == null ? void 0 : T.attributes.context));
+      }), b && (o.attributes.properties = {}), g && (o.attributes.layout = {}), d && (o.attributes.context = v(
+        {},
+        (T = o.parent) == null ? void 0 : T.attributes.context
+      ));
       const $ = [], R = [], A = [];
       if (o.changesets.forEach((m) => {
         const [f, y] = m;
         Z(y.breakpoints, n.breakpoints) && (b && (typeof f.properties == "function" ? $.push(
           f.properties
-        ) : v(o.attributes.properties, f.properties)), g && (typeof f.layout == "function" ? R.push(f.layout) : v(o.attributes.layout, f.layout)), d && (typeof f.context == "function" ? A.push(f.context) : v(o.attributes.context, f.context)));
+        ) : v(o.attributes.properties, f.properties)), g && (typeof f.layout == "function" ? R.push(f.layout) : v(o.attributes.layout, f.layout)), d && (typeof f.context == "function" ? A.push(
+          f.context
+        ) : v(o.attributes.context, f.context)));
       }), $.forEach((m) => {
-        v(o.attributes.properties, m(o.attributes.properties));
+        v(
+          o.attributes.properties,
+          m(o.attributes.properties)
+        );
       }), R.forEach((m) => {
         v(o.attributes.layout, m(o.attributes.layout));
       }), A.forEach((m) => {
@@ -441,17 +483,24 @@ class et {
     this.providers = e, this.breakpoints = [], this.actionsState = { handlers: [], watchers: [] }, this.switches = {}, this.changesets = [], this.subscriptions = [], this.customComponentHandler = new Y(), this.events = t.events.createChild(this);
     const s = new I(this.events, "root");
     s.name = `root-${t.name}`, this.nodes = new W(s, this.switches, this.events);
-    const i = this.processNode = tt(this, (r) => {
-      const c = Array.from(r.keys());
-      process.env.NODE_ENV !== "production" && console.info(`STATE PROCESSOR: ${c.length} node(s) processed:
+    const i = this.processNode = tt(
+      this,
+      (r) => {
+        const c = Array.from(r.keys());
+        process.env.NODE_ENV !== "production" && console.info(`STATE PROCESSOR: ${c.length} node(s) processed:
 ${c.map(
-        (a) => `${a.name || "<no name>"} (${a.id})
+          (a) => `${a.name || "<no name>"} (${a.id})
 `
-      )}`), c.forEach((a) => {
-        const u = r.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 });
-      }), this.events.dispatch("components:component-model-initialized", {}, { bubbles: !0 });
-    });
+        )}`), c.forEach((a) => {
+          const u = r.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 });
+        }), this.events.dispatch(
+          "components:component-model-initialized",
+          {},
+          { bubbles: !0 }
+        );
+      }
+    );
     Promise.all(
       Object.keys(e).map((r) => e[r].load(this))
     ), this.subscriptions.push(
@@ -501,19 +550,27 @@ ${c.map(
         }
       )
     ), this.subscriptions.push(
-      this.events.subscribe("components:node-switched", (r, { node: c, branch: a }) => {
-        i(c, {
-          layout: !0,
-          recursive: !0,
-          properties: !0,
-          context: !0
-        });
-      })
+      this.events.subscribe(
+        "components:node-switched",
+        (r, { node: c, branch: a }) => {
+          i(c, {
+            layout: !0,
+            recursive: !0,
+            properties: !0,
+            context: !0
+          });
+        }
+      )
     ), this.subscriptions.push(
-      this.events.subscribe("components:node-removed", (r, { parentNode: c }) => {
-        i(c, { properties: !0 });
-      })
-    ), this.events.parent && this.events.parent.dispatch("components:platform-created", { platform: this });
+      this.events.subscribe(
+        "components:node-removed",
+        (r, { parentNode: c }) => {
+          i(c, { properties: !0 });
+        }
+      )
+    ), this.events.parent && this.events.parent.dispatch("components:platform-created", {
+      platform: this
+    });
   }
   static getInstance(t) {
     return t.getAsync("components");
@@ -556,7 +613,13 @@ ${c.map(
     return new P(this, t, e);
   }
   write(t) {
-    const { provider: e, target: s, attributes: i, options: r = {}, removable: c } = t, a = t.key || E(), h = { changeset: [i, r], target: s, removes: [] };
+    const {
+      provider: e,
+      target: s,
+      attributes: i,
+      options: r = {},
+      removable: c
+    } = t, a = t.key || E(), h = { changeset: [i, r], target: s, removes: [] };
     if (e) {
       const o = this.providers[e];
       o.write(a, s, i, r), h.removes.push(() => {
@@ -567,7 +630,11 @@ ${c.map(
       if (s.match(o)) {
         let p = () => {
         };
-        i.properties && (p = o.writeProperties(i.properties, r, c)), i.context && (p = o.writeContext(i.context, r, c)), i.layout && (p = o.writeContext(i.layout, r, c)), h.removes.push(p);
+        i.properties && (p = o.writeProperties(
+          i.properties,
+          r,
+          c
+        )), i.context && (p = o.writeContext(i.context, r, c)), i.layout && (p = o.writeContext(i.layout, r, c)), h.removes.push(p);
       }
     }), () => {
       if (c) {
@@ -606,11 +673,22 @@ const st = (n) => {
       const h = n.createNode("view");
       h.name = "view", Object.keys(i).forEach((o) => {
         const p = i[o];
-        C(n, h, [p.entry], s, i, o);
+        C(
+          n,
+          h,
+          [p.entry],
+          s,
+          i,
+          o
+        );
       }), t.appendChild(h), a.overrides.forEach((o) => {
         o.properties && h.writeProperties(o.properties, {
           breakpoints: o.breakpoints
-        }), o.context && h.writeContext(o.context, { breakpoints: o.breakpoints }), o.layout && h.writeLayout(o.layout, { breakpoints: o.breakpoints });
+        }), o.context && h.writeContext(o.context, {
+          breakpoints: o.breakpoints
+        }), o.layout && h.writeLayout(o.layout, {
+          breakpoints: o.breakpoints
+        });
       });
     } else if (n.getComponentHandler(u.type)) {
       const h = n.getComponentHandler(u.type);
@@ -634,7 +712,13 @@ const st = (n) => {
       o.name = a.definitionId, o.tags = h.tags || [], h.properties && o.writeProperties(h.properties), h.context && o.writeContext(h.context), h.layout && o.writeLayout(h.layout), t.appendChild(o, r), a.overrides.forEach((p) => {
         const l = { breakpoints: p.breakpoints };
         p.properties && o.writeProperties(p.properties, l), p.context && o.writeContext(p.context, l), p.layout && o.writeLayout(p.layout, l);
-      }), h.children && C(n, o, h.children, s, i);
+      }), h.children && C(
+        n,
+        o,
+        h.children,
+        s,
+        i
+      );
     }
   });
 }, lt = (n, t) => {
@@ -704,12 +788,15 @@ class mt {
     };
   }
   registerResolver(t, e) {
-    return this.events.subscribe("component-resolver:resolve", (s, i) => {
-      if (i === t) {
-        const r = this.getComponent(t);
-        e(r);
+    return this.events.subscribe(
+      "component-resolver:resolve",
+      (s, i) => {
+        if (i === t) {
+          const r = this.getComponent(t);
+          e(r);
+        }
       }
-    });
+    );
   }
   registerAlias(t, e) {
     return this.aliases.set(t, e), this.events.dispatch("component-resolver:resolve", t), () => {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@telia-ace/widget-core",
-  "version": "1.1.2-rc.1",
+  "version": "1.1.2-rc.3",
   "dependencies": {
     "@webprovisions/platform": "^1.1.4",
     "@webprovisions/bootstrapping": "^1.0.14",
-    "@telia-ace/widget-utilities": "^1.1.2-rc.1"
+    "@telia-ace/widget-utilities": "^1.1.2-rc.3"
   },
   "main": "./index.js",
   "module": "./index.mjs",