@telia-ace/widget-core 1.3.30 → 1.3.31-rc.3

package/action-resolver.d.ts

@@ -1,4 +1,5 @@
 import { Container, EventSubscriptionCancellation } from '@webprovisions/platform';
+
 export type Action = (origin: string, action: string, value?: any) => void;
 export default class ActionResolver {
     private events;

package/bootstrap.d.ts

@@ -1,6 +1,7 @@
 import { BootstrappedImplementation } from '@webprovisions/bootstrapping';
 import { ConfigureCallback } from '@webprovisions/platform';
-import Implementation from './implementation';
+import { default as Implementation } from './implementation';
+
 export type BootstrapOptions = {
     /**
      * Resolver function for the root element to base the bootstrapping on.

package/component-platform/actions-controller.d.ts

@@ -3,6 +3,7 @@ import { ComponentNodeController } from './component-controller';
 import { ComponentNode } from './component-node';
 import { ComponentPlatform } from './component-platform';
 import { ComponentQuery } from './component-query';
+
 export type ActionData = any;
 export type ActionHandler = (data: any, options: any, instance: ComponentNodeController) => any;
 export type NextActionDelegate = (data: any, options?: any) => Promise<any>;

package/component-platform/component-configuration-api.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("@webprovisions/platform").ConfigurationApiDefinition;
+declare const _default: import('@webprovisions/platform').ConfigurationApiDefinition;
 export default _default;

package/component-platform/component-controller.d.ts

@@ -2,6 +2,7 @@ import { ActionsController } from './actions-controller';
 import { ChangesetOptions, ComponentNode, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties } from './component-node';
 import { ComponentPlatform } from './component-platform';
 import { ComponentQuery } from './component-query';
+
 export interface ComponentController {
     actions: ActionsController;
     writeProperties(properties: Partial<ComponentNodeProperties>, options: ChangesetOptions): void;

package/component-platform/component-node-collection.d.ts

@@ -1,6 +1,7 @@
 import { EventManager } from '@webprovisions/platform';
 import { ComponentNode } from './component-node';
 import { SwitchMap } from './component-platform';
+
 export type QueryDescriptor = {
     id?: string;
     type?: string;

package/component-platform/component-node.d.ts

@@ -1,5 +1,6 @@
 import { Container, EventManager } from '@webprovisions/platform';
 import { Breakpoints } from '../types';
+
 export type ComponentNodeEventData = {
     node: ComponentNode;
 };

package/component-platform/component-platform.d.ts

@@ -5,6 +5,7 @@ import { ChangesetOptions, ComponentNode, ComponentNodeSettings, RemoveChangeset
 import { ComponentNodeCollection } from './component-node-collection';
 import { ComponentQuery } from './component-query';
 import { CustomHandlerCallback } from './custom-component-handler';
+
 export type MergeOptions = {
     breakpoints?: string[];
 };

package/component-platform/component-query.d.ts

@@ -1,6 +1,7 @@
 import { AbstractComponentController } from './component-controller';
 import { ComponentNode } from './component-node';
 import { ComponentPlatform } from './component-platform';
+
 export type ComponentQueryRule = {
     id?: string;
     type?: string;

package/component-platform/create-component-model.d.ts

@@ -2,6 +2,7 @@ import { EventSubscriptionCancellation } from '@webprovisions/platform';
 import { Breakpoints, ComponentSettings, ViewDefinition, WidgetSettings } from '../types';
 import { ComponentNode, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties } from './component-node';
 import { ComponentPlatform } from './component-platform';
+
 type ComponentReference = string | [string, ...ComponentReferenceOverride[]];
 type ComponentReferenceOverride = {
     breakpoints?: Breakpoints;

package/component-platform/custom-component-handler.d.ts

@@ -2,6 +2,7 @@ import { ComponentReference, ComponentSettings, ViewDefinition } from '../types'
 import { ComponentNode } from './component-node';
 import { ComponentPlatform } from './component-platform';
 import { NormalizedComponentReference } from './create-component-model';
+
 export type CustomHandlerCallback = (ref: NormalizedComponentReference, options: {
     platform: ComponentPlatform;
     node: ComponentNode;

package/component-platform/descriptor.d.ts

@@ -1,4 +1,5 @@
 import { ComponentNode } from './component-node';
+
 export type ComponentDescriptor = {
     id: string;
     type?: string;

package/component-platform/extend-component.d.ts

@@ -1,6 +1,7 @@
 import { Container } from '@webprovisions/platform';
 import { ComponentNodeController } from './component-controller';
 import { ComponentQuery } from './component-query';
+
 export type ExtendComponentHandler = (controller: ComponentNodeController) => any;
 export type ExtendComponentOptions = {
     reuseController?: boolean;

package/component-platform/queries.d.ts

@@ -1,5 +1,6 @@
 import { ComponentNode } from './component-node';
 import { SwitchMap } from './component-platform';
+
 export declare const traverseComponents: (root: ComponentNode, switches: SwitchMap, fn: (node: ComponentNode) => boolean | void) => void;
 export declare const findVisibleComponents: (root: ComponentNode, switches: SwitchMap) => ComponentNode[];
 export declare const findComponent: (root: ComponentNode, switches: SwitchMap, fn: (node: ComponentNode) => boolean) => ComponentNode | undefined;

package/component-platform/state-processor.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPlatform } from '.';
 import { ComponentNode } from './component-node';
+
 export type ProcessOptions = {
     context?: boolean;
     properties?: boolean;

package/component-resolver.d.ts

@@ -1,5 +1,6 @@
-import { Logger } from '@telia-ace/widget-utilities';
+import { Logger } from '../../utilities/src/index.ts';
 import { Container, EventManager, EventSubscriptionCancellation } from '@webprovisions/platform';
+
 export type ReactComponent = any | null;
 export default class ComponentResolver {
     aliases: Map<string, string>;

package/environment.d.ts

@@ -1,6 +1,7 @@
 import { BootstrappedImplementationConfiguration } from '@webprovisions/bootstrapping';
 import { ConfigurationApiDefinition, Environment as EnvironmentBase, WidgetSelector } from '@webprovisions/platform';
-import Implementation from './implementation';
+import { default as Implementation } from './implementation';
+
 export interface RuntimeConfiguration {
     /**
      * Extensions for the configuration API (optional).

package/event-subscriber.d.ts

@@ -1,4 +1,5 @@
 import { EventListener, EventManager, EventSubscriptionCancellation } from '@webprovisions/platform';
+
 export type SubscribeDelegate = (type: string, listener: EventListener) => void;
 /**
  * Creates s subscriber for the specified `EventManager` and provides a single cancellation

package/implementation.d.ts

@@ -1,4 +1,5 @@
 import { Implementation as ImplementationBase } from '@webprovisions/platform';
+
 /**
  * Represents an implementation.
  */

package/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("@webprovisions/bootstrapping"),b=require("@webprovisions/platform"),g=require("@telia-ace/widget-utilities");class Q{constructor(t){const{events:e}=t.get("$widget");this.events=e.createChild(this)}action(t,e,s){this.events.dispatch("data:action",{action:e,value:s,target:t},{bubbles:!0})}subscribe(t,e){return this.events.subscribe("data:action",(s,{action:i,value:r,target:c})=>t===c&&e(t,i,r))}}const z=(n,t,e={})=>$.bootstrapImplementation(n,n.bindings,()=>{const s=n.container.get("$runtimecfg").map(i=>{const r=i[0];if(typeof r=="function")return r;if(b.selectImplementations(r)(n))return i[1]}).filter(i=>!!i);return(t?[t]:[]).concat(s)},e.rootElementResolver||(()=>document.body)),L=n=>{const t=[];return[(s,i)=>{t.push(n.subscribe(s,i))},()=>{t.forEach(s=>{s()})}]};class E{constructor(t,e=[]){this.platform=t,this.rules=e}match(t){return this.rules.every(e=>!(e.id&&e.id!==t.id||e.type&&e.type!==t.type))}ofType(t){return this.rules.push({type:t}),this}withId(t){return this.rules.push({id:t}),this}select(){return new U(this.platform,this)}}class A{constructor(t,e,s){this.platform=t,this.node=e,this.actions=new O(t,new E(t).withId(e.id),s);const[i,r]=L(this.platform.events);this.subscribe=i,this.unsubscribe=r}properties(t){return t&&this.node.touchProperties(e=>t(e)),this.node.attributes.properties}context(t){return t&&this.subscribe("components:context-changed",(e,{node:s})=>{s===this.node&&t(this.node.attributes.context)}),this.node.attributes.context}layout(t){return t&&this.subscribe("components:layout-changed",(e,{node:s})=>{s===this.node&&t(this.node.attributes.layout)}),this.node.attributes.layout}writeProperties(t,e){this.node.writeProperties(t,e)}writeContext(t,e){this.node.writeProperties(t,e)}writeLayout(t,e){this.node.writeLayout(t,e)}dispose(){this.unsubscribe(),this.actions.dispose()}}class U{constructor(t,e,s=!0){this.platform=t,this.target=e,this.clearOnDispose=s,this.removes=[],this.actions=new O(this.platform,this.target)}writeProperties(t,e){this.removes.push(this.platform.write({options:e,attributes:{properties:t},target:this.target,removable:this.clearOnDispose}))}writeContext(t,e){this.removes.push(this.platform.write({options:e,attributes:{context:t},target:this.target,removable:this.clearOnDispose}))}writeLayout(t,e){this.removes.push(this.platform.write({options:e,attributes:{layout:t},target:this.target,removable:this.clearOnDispose}))}dispose(){this.removes.forEach(t=>{t()}),this.actions.dispose()}}const W=(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}))}return Promise.resolve({data:r,cancelled:!1,options:c})};return i(t,{},e)};class O{constructor(t,e,s){this.platform=t,this.target=e,this.ns=s,this.subscriptions=[],this.create=this.create.bind(this)}create(t,e=()=>{}){const s={key:t,fn:e,target:this.target,ns:this.ns};this.platform.actionsState.handlers.push(s);const i=()=>{const r=this.platform.actionsState.handlers.indexOf(s);r>-1&&this.platform.actionsState.handlers.splice(r,1)};return this.subscriptions.push(i),i}dispatch(t,e){const s=this.platform.nodes.all.concat(this.platform.nodes.detached),i={},r=this.platform.actionsState.handlers.filter(c=>c.key===t&&(!c.ns||!this.ns||c.ns===this.ns));return Promise.all(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);return Promise.all(a.map(h=>{const o=new A(this.platform,h,this.ns);return W(u,e,o).then(p=>{const{data:l={},options:d,cancelled:y}=p;return Promise.resolve(y?{}:c.fn(l,d,o)).then(x=>{i[h.id]=x})})}))})).then(()=>i)}watch(t,e){let s=t,i=this.ns;const r=t.split(".");r.length>1&&(i=r[0],s=r.splice(1).join("."));const c={fn:e,target:this.target,key:s,ns:i};this.platform.actionsState.watchers.push(c);const a=()=>{const u=this.platform.actionsState.watchers.indexOf(c);u>-1&&this.platform.actionsState.watchers.splice(u,1)};return this.subscriptions.push(a),a}dispose(){this.subscriptions.forEach(t=>t())}}const F=b.createConfigurationApi(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)})})})});class R{constructor(t,e){this.events=t,this.tags=[],this.children={},this.changesets=[],this.mountCount=0,this.id=g.uuid(),this.type=e,this.attributes={context:{},properties:{},layout:{},tags:[]},this.writeLayout({size:"full",indent:0})}mount(t,e){let s=t.get("mounted-nodes");return s||(s=new Map,t.register("mounted-nodes",s)),s.has(this)?(process.env.NODE_ENV!=="production"&&g.Logger.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})})}appendChild(t,e="default"){if(t.parent){if(t.parent===this)return;t.parent.removeChild(t)}t.parent=this,this.children[e]||(this.children[e]=[]),this.children[e].push(t),this.events.dispatch("components:node-appended",{node:t})}prependChild(t,e="default"){if(t.parent){if(t.parent===this)return;t.parent.removeChild(t)}t.parent=this,this.children[e]||(this.children[e]=[]),this.children[e].unshift(t),this.events.dispatch("components:node-appended",{node:t})}touchProperties(t,e={},s){const r=[{properties:t},e];return this.changesets.push(r),this.events.dispatch("components:set-properties",{node:this}),()=>{if(s){const c=this.changesets.indexOf(r);c>-1&&(this.changesets.splice(c,1),this.events.dispatch("components:set-properties",{node:this}))}}}writeProperties(t,e={},s){const r=[{properties:t},e];return this.changesets.push(r),this.events.dispatch("components:set-properties",{node:this}),()=>{if(s){const c=this.changesets.indexOf(r);c>-1&&(this.changesets.splice(c,1),this.events.dispatch("components:set-properties",{node:this}))}}}writeLayout(t,e={},s){const r=[{layout:t},e];return this.changesets.push(r),this.events.dispatch("components:set-layout",{node:this}),()=>{if(!s)return;const c=this.changesets.indexOf(r);c>-1&&(this.changesets.splice(c,1),this.events.dispatch("components:set-layout",{node:this}))}}writeContext(t,e={},s){const r=[{context:t},e];return this.changesets.push(r),this.events.dispatch("components:set-context",{node:this}),()=>{if(!s)return;const c=this.changesets.indexOf(r);c>-1&&(this.changesets.splice(c,1),this.events.dispatch("components:set-context",{node:this}))}}getChildren(t="default"){const e=this.children[t]||[];return e.reduce((s,i,r)=>{const{order:c=r}=i.attributes.layout;return s[c]?s.splice(c,0,i):s[c]=i,s},Array(e.length))}remove(){this.parent&&this.parent.removeChild(this)}removeChild(t){Object.keys(this.children).forEach(e=>{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 _=(n,t,e)=>{for(let s=0,i=n.length;s<i&&e(n[s])!==!0;s++){const r=t[n[s].id]||"default",c=n[s].getChildren(r);_(c,t,e)}},N=(n,t,e)=>{if(e(n)!==!0){const s=t[n.id]||"default",i=n.children[s];_(i,t,e)}},C=(n,t)=>{const e=[];return N(n,t,s=>{e.push(s)}),e},H=(n,t,e)=>{let s;return N(n,t,i=>{if(e(i))return s=i,!0}),s};class G{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=C(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=C(t,e)}),s.subscribe("components:node-switched",(i,r)=>{this.visible=C(t,e)})}query(t={}){const e=[];return N(this.root,this.switches,s=>{Object.keys(t).every(r=>t[r]===s[r])&&e.push(s)}),e}get(t){return H(this.root,this.switches,e=>e.id===t)||this.detached.find(e=>e.id===t)}}class K{constructor(){this.handlers=new Map}add(t,e){this.handlers.set(t,e)}get(t){return this.handlers.get(t)}}const Y=n=>{let t=n,e=0;for(;t.parent;)e=e+1,t=t.parent;return e},J=n=>n.map(([e,s])=>[Y(e),e,s]).sort(([e],[s])=>e-s).map(([,e,s])=>[e,s]),k=n=>n instanceof Date?!1:n&&typeof n=="object"&&!Array.isArray(n),v=(n,...t)=>{if(!t.length)return n;const e=t.shift();if(k(n)&&k(e))for(const s in e)k(e[s])?(n[s]||Object.assign(n,{[s]:{}}),v(n[s],e[s])):Object.assign(n,{[s]:e[s]});return v(n,...t)},X=(n,t)=>!n||n==="all"?!0:n.some(e=>t.indexOf(e)>-1),Z=(n,t)=>{let e=[],s=[],i;const r=()=>{process.env.NODE_ENV!=="production"&&console.time("state-processor.flush");const a=new Map,u=J(e.map((o,p)=>[o,s[p]])),h=(o,p)=>{var I;const l=a.get(o)||{},d=p.context&&!l.context,y=p.properties&&!l.properties,x=p.layout&&!l.layout;a.set(o,{context:l.context||d,properties:l.properties||y,layout:l.layout||x}),y&&(o.attributes.properties={}),x&&(o.attributes.layout={}),d&&(o.attributes.context=v({},(I=o.parent)==null?void 0:I.attributes.context));const S=[],T=[],D=[];if(o.changesets.forEach(f=>{const[m,P]=f;X(P.breakpoints,n.breakpoints)&&(y&&(typeof m.properties=="function"?S.push(m.properties):v(o.attributes.properties,m.properties)),x&&(typeof m.layout=="function"?T.push(m.layout):v(o.attributes.layout,m.layout)),d&&(typeof m.context=="function"?D.push(m.context):v(o.attributes.context,m.context)))}),S.forEach(f=>{v(o.attributes.properties,f(o.attributes.properties))}),T.forEach(f=>{v(o.attributes.layout,f(o.attributes.layout))}),D.forEach(f=>{v(o.attributes.context,f(o.attributes.context))}),d||p.recursive){const f=n.getBranch(o),m=p.recursive?p:{context:!!d};o.getChildren(f).forEach(P=>{h(P,m)})}};process.env.NODE_ENV!=="production"&&console.timeEnd("state-processor.flush"),u.forEach(([o,p])=>{h(o,p)}),e=[],s=[],t(a)},c=()=>{clearTimeout(i),i=setTimeout(r,0)};return(a,u)=>{const h=e.indexOf(a);if(h>-1){const o=s[h];return u.context&&(o.context=!0),u.properties&&(o.properties=!0),u.layout&&(o.layout=!0),u.recursive&&(o.recursive=!0),c()}return e.push(a),s.push(u),c()}};class M{constructor(t,e={}){this.providers=e,this.breakpoints=[],this.actionsState={handlers:[],watchers:[]},this.switches={},this.changesets=[],this.subscriptions=[],this.customComponentHandler=new K,this.events=t.events.createChild(this);const s=new R(this.events,"root");s.name=`root-${t.name}`,this.nodes=new G(s,this.switches,this.events);const i=this.processNode=Z(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})
-          `)}`),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(this.events.subscribe("components:node-appended",(r,c)=>{const{node:a}=c;this.changesets.forEach(u=>{const{changeset:h,target:o,removes:p}=u,[l,d]=h;o.match(c.node)&&(l.properties&&p.push(a.writeProperties(l.properties,d)),l.context&&p.push(a.writeContext(l.context,d)),l.layout&&p.push(a.writeLayout(l.layout,d)))})})),this.subscriptions.push(this.events.subscribe("components:node-appended",(r,c)=>{i(c.node,{properties:!0,context:!0})})),this.subscriptions.push(this.events.subscribe("components:set-properties",(r,c)=>{i(c.node,{properties:!0})})),this.subscriptions.push(this.events.subscribe("components:set-context",(r,c)=>{i(c.node,{properties:!0,context:!0})})),this.subscriptions.push(this.events.subscribe("components:set-indent",(r,c)=>{i(c.node,{layout:!0})})),this.subscriptions.push(this.events.subscribe("components:set-layout",(r,c)=>{i(c.node,{layout:!0})})),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.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})}static getInstance(t){return t.getAsync("components")}addBreakpoint(t){this.breakpoints.indexOf(t)===-1&&(this.breakpoints.push(t),this.processNode(this.nodes.root,{context:!0,properties:!0,layout:!0,recursive:!0}))}removeBreakpoint(t){const e=this.breakpoints.indexOf(t);e>-1&&(this.breakpoints.splice(e,1),this.processNode(this.nodes.root,{context:!0,properties:!0,layout:!0,recursive:!0}))}setSwitch(t,e){this.switches[t.id]=e,this.events.dispatch("components:node-switched",{node:t,branch:e})}getBranch(t){return this.switches[t.id]}createNode(t,e={}){const s=new R(this.events,t);return e.detached&&this.nodes.detached.push(s),s}components(){return new E(this)}actions(t,e){return new O(this,t,e)}write(t){const{provider:e,target:s,attributes:i,options:r={},removable:c}=t,a=t.key||g.uuid(),h={changeset:[i,r],target:s,removes:[]};if(e){const o=this.providers[e];o.write(a,s,i,r),h.removes.push(()=>{o.remove(a)})}return this.changesets.push(h),this.nodes.all.forEach(o=>{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)}}),()=>{if(c){h.removes.forEach(p=>p());const o=this.changesets.indexOf(h);o>-1&&this.changesets.splice(o,1)}}}addComponentHandler(t,e){this.customComponentHandler.add(t,e)}getComponentHandler(t){return this.customComponentHandler.get(t)}dispose(){this.subscriptions.forEach(t=>t())}}const tt=n=>{if(Array.isArray(n)){const[t,...e]=n;return{definitionId:t,overrides:e}}return{definitionId:n,overrides:[]}},w=(n,t,e,s,i,r)=>{e.forEach(c=>{const a=tt(c),u=s[a.definitionId];if(a.definitionId==="view"){const h=n.createNode("view");h.name="view",Object.keys(i).forEach(o=>{const p=i[o];w(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})})}else if(n.getComponentHandler(u.type)){const h=n.getComponentHandler(u.type);h&&h(a,{platform:n,node:t,references:e,definitions:s,views:i,branch:r})}else{const h=s[a.definitionId];if(process.env.NODE_ENV!=="production"&&!h){g.Logger.error(`No definition found for component type '${a.definitionId}'.`);return}const o=n.createNode(h.type);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&&w(n,o,h.children,s,i)}})},et=(n,t)=>{const{entry:e,components:s,breakpoints:i,views:r}=t,c=[];return Object.keys(i).forEach(a=>{const u=i[a],h=window.matchMedia(u);h.matches&&n.breakpoints.push(a);const o=p=>{p.matches?n.addBreakpoint(a):n.removeBreakpoint(a)};h.addListener(o),c.push(()=>h.removeListener(o))}),w(n,n.nodes.root,[e],s,r),()=>c.forEach(a=>{a()})},st=(n,t)=>({id:n.id,type:n.type,name:n.name,branch:t||"default"}),nt=(n,t,e,s=g.uuid(),i={})=>n.getAsync("components").then(r=>{let c;if(typeof t=="string"){const h=new E(r);h.ofType(t),c=h}else c=t;const a={},u=h=>{const o=a[h.id];return o?Promise.resolve(o.controller):M.getInstance(n).then(p=>new A(p,h,s))};r.events.subscribe("components:node-enter",(h,{node:o})=>{c.match(o)&&u(o).then(p=>{Promise.resolve(e(p)).then(l=>{a[o.id]={dispose:l,controller:p}})})}),r.events.subscribe("components:node-exit",(h,{node:o})=>{const p=a[o.id];p&&(p.dispose&&p.dispose(),i.reuseController||(p.controller.dispose(),delete a[o.id]))})});class it{constructor(t){this.aliases=new Map,this.components=new Map,this.logger=new g.Logger;const{events:e}=t.get("$widget");this.events=e}getComponent(t){const e=this.aliases.get(t),s=this.components.get(e||t)||null;return process.env.NODE_ENV!=="production"&&(s||this.logger.warn(e||t,`Unable to resolve component: "${e||t}". You most likely forgot to register the required plugin for: ${e||t}.`)),s}registerComponent(t,e){return this.components.set(t,e),this.events.dispatch("component-resolver:resolve",t),()=>{this.components.delete(t)}}registerResolver(t,e){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),()=>{this.aliases.delete(t)}}}const V="#____version____#",B=class extends b.Environment{constructor(n,t=[]){super(n,t,{transformPluginSettings:(e,s,i)=>{const r=i.get("$settings");return{...r.plugins&&s?r.plugins[s]||{}:{},...e}}})}createImplementation(n){const t=super.createImplementation(n);return t.bindings=n.bindings,t}navigate(n,t,e){this.widgets.query(n).forEach(s=>s.invoke("navigate",{route:t,params:e}))}static create(n={}){const t=[$.ConfigurationApi].concat(n.configurationApiExtensions||[]);return new B("humany",t)}static createFromGlobal(n,t={}){if(this.isRuntime(n))return n.patch(t),n;const e=[],s=n&&n._c;s&&s.forEach(r=>e.push(r));const i=this.create(t);return i.container.register("$runtimecfg",e),i}static isRuntime(n){return!!(n&&typeof n=="object"&&n.container&&typeof n.container.get=="function"&&n.container.get("$environment")===n&&n.container.owner===n)}};let j=B;j.version=`${V} (${b.version})`;class ot extends b.Implementation{constructor(){super(...arguments),this.bindings=[]}}class rt extends b.Plugin{constructor(t,e){super(t,e)}}var q=(n=>(n.open="open",n.closed="closed",n.hidden="hidden",n))(q||{});class ct extends b.WidgetType{constructor(t){super(t)}}exports.ActionResolver=Q;exports.ActionsController=O;exports.ComponentNode=R;exports.ComponentNodeController=A;exports.ComponentPlatform=M;exports.ComponentQuery=E;exports.ComponentResolver=it;exports.Environment=j;exports.Implementation=ot;exports.Plugin=rt;exports.WidgetRenderState=q;exports.WidgetType=ct;exports.asDescriptor=st;exports.bootstrap=z;exports.componentConfigurationApi=F;exports.createChildren=w;exports.createComponentModel=et;exports.createEventSubscriber=L;exports.extendComponent=nt;exports.findComponent=H;exports.findVisibleComponents=C;exports.traverseComponents=N;exports.version=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("@webprovisions/bootstrapping"),b=require("@webprovisions/platform"),g=require("@telia-ace/widget-utilities");class Q{constructor(t){const{events:e}=t.get("$widget");this.events=e.createChild(this)}action(t,e,s){this.events.dispatch("data:action",{action:e,value:s,target:t},{bubbles:!0})}subscribe(t,e){return this.events.subscribe("data:action",(s,{action:i,value:c,target:o})=>t===o&&e(t,i,c))}}const z=(n,t,e={})=>$.bootstrapImplementation(n,n.bindings,()=>{const s=n.container.get("$runtimecfg").map(i=>{const c=i[0];if(typeof c=="function")return c;if(b.selectImplementations(c)(n))return i[1]}).filter(i=>!!i);return(t?[t]:[]).concat(s)},e.rootElementResolver||(()=>document.body)),L=n=>{const t=[];return[(s,i)=>{t.push(n.subscribe(s,i))},()=>{t.forEach(s=>{s()})}]};class E{constructor(t,e=[]){this.platform=t,this.rules=e}match(t){return this.rules.every(e=>!(e.id&&e.id!==t.id||e.type&&e.type!==t.type))}ofType(t){return this.rules.push({type:t}),this}withId(t){return this.rules.push({id:t}),this}select(){return new U(this.platform,this)}}class A{constructor(t,e,s){this.platform=t,this.node=e,this.actions=new O(t,new E(t).withId(e.id),s);const[i,c]=L(this.platform.events);this.subscribe=i,this.unsubscribe=c}properties(t){return t&&this.node.touchProperties(e=>t(e)),this.node.attributes.properties}context(t){return t&&this.subscribe("components:context-changed",(e,{node:s})=>{s===this.node&&t(this.node.attributes.context)}),this.node.attributes.context}layout(t){return t&&this.subscribe("components:layout-changed",(e,{node:s})=>{s===this.node&&t(this.node.attributes.layout)}),this.node.attributes.layout}writeProperties(t,e){this.node.writeProperties(t,e)}writeContext(t,e){this.node.writeProperties(t,e)}writeLayout(t,e){this.node.writeLayout(t,e)}dispose(){this.unsubscribe(),this.actions.dispose()}}class U{constructor(t,e,s=!0){this.platform=t,this.target=e,this.clearOnDispose=s,this.removes=[],this.actions=new O(this.platform,this.target)}writeProperties(t,e){this.removes.push(this.platform.write({options:e,attributes:{properties:t},target:this.target,removable:this.clearOnDispose}))}writeContext(t,e){this.removes.push(this.platform.write({options:e,attributes:{context:t},target:this.target,removable:this.clearOnDispose}))}writeLayout(t,e){this.removes.push(this.platform.write({options:e,attributes:{layout:t},target:this.target,removable:this.clearOnDispose}))}dispose(){this.removes.forEach(t=>{t()}),this.actions.dispose()}}const W=(n,t,e)=>{const s=n.concat(),i=(c,o,a)=>{let u=!0;if(s.length){const h=s.shift(),r=(p,l)=>(u=!1,i(p,Object.assign({},o,l),a));return Promise.resolve(h(c,r,a)).then(p=>({...p,cancelled:u}))}return Promise.resolve({data:c,cancelled:!1,options:o})};return i(t,{},e)};class O{constructor(t,e,s){this.platform=t,this.target=e,this.ns=s,this.subscriptions=[],this.create=this.create.bind(this)}create(t,e=()=>{}){const s={key:t,fn:e,target:this.target,ns:this.ns};this.platform.actionsState.handlers.push(s);const i=()=>{const c=this.platform.actionsState.handlers.indexOf(s);c>-1&&this.platform.actionsState.handlers.splice(c,1)};return this.subscriptions.push(i),i}dispatch(t,e){const s=this.platform.nodes.all.concat(this.platform.nodes.detached),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(r=>h.target.match(r))).map(h=>h.fn);return Promise.all(a.map(h=>{const r=new A(this.platform,h,this.ns);return W(u,e,r).then(p=>{const{data:l={},options:d,cancelled:y}=p;return Promise.resolve(y?{}:o.fn(l,d,r)).then(x=>{i[h.id]=x})})}))})).then(()=>i)}watch(t,e){let s=t,i=this.ns;const c=t.split(".");c.length>1&&(i=c[0],s=c.splice(1).join("."));const o={fn:e,target:this.target,key:s,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)};return this.subscriptions.push(a),a}dispose(){this.subscriptions.forEach(t=>t())}}const F=b.createConfigurationApi(n=>{n.createCommand("components",t=>e=>{t.events.subscribeOnce("components:platform-created",(s,{platform:i})=>{e.handlers&&e.handlers.forEach(([c,o])=>{i.addComponentHandler(c,o)})})})});class R{constructor(t,e){this.events=t,this.tags=[],this.children={},this.changesets=[],this.mountCount=0,this.id=g.uuid(),this.type=e,this.attributes={context:{},properties:{},layout:{},tags:[]},this.writeLayout({size:"full",indent:0})}mount(t,e){let s=t.get("mounted-nodes");return s||(s=new Map,t.register("mounted-nodes",s)),s.has(this)?(process.env.NODE_ENV!=="production"&&g.Logger.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})})}appendChild(t,e="default"){if(t.parent){if(t.parent===this)return;t.parent.removeChild(t)}t.parent=this,this.children[e]||(this.children[e]=[]),this.children[e].push(t),this.events.dispatch("components:node-appended",{node:t})}prependChild(t,e="default"){if(t.parent){if(t.parent===this)return;t.parent.removeChild(t)}t.parent=this,this.children[e]||(this.children[e]=[]),this.children[e].unshift(t),this.events.dispatch("components:node-appended",{node:t})}touchProperties(t,e={},s){const c=[{properties:t},e];return this.changesets.push(c),this.events.dispatch("components:set-properties",{node:this}),()=>{if(s){const o=this.changesets.indexOf(c);o>-1&&(this.changesets.splice(o,1),this.events.dispatch("components:set-properties",{node:this}))}}}writeProperties(t,e={},s){const c=[{properties:t},e];return this.changesets.push(c),this.events.dispatch("components:set-properties",{node:this}),()=>{if(s){const o=this.changesets.indexOf(c);o>-1&&(this.changesets.splice(o,1),this.events.dispatch("components:set-properties",{node:this}))}}}writeLayout(t,e={},s){const c=[{layout:t},e];return this.changesets.push(c),this.events.dispatch("components:set-layout",{node:this}),()=>{if(!s)return;const o=this.changesets.indexOf(c);o>-1&&(this.changesets.splice(o,1),this.events.dispatch("components:set-layout",{node:this}))}}writeContext(t,e={},s){const c=[{context:t},e];return this.changesets.push(c),this.events.dispatch("components:set-context",{node:this}),()=>{if(!s)return;const o=this.changesets.indexOf(c);o>-1&&(this.changesets.splice(o,1),this.events.dispatch("components:set-context",{node:this}))}}getChildren(t="default"){const e=this.children[t]||[];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(){this.parent&&this.parent.removeChild(this)}removeChild(t){Object.keys(this.children).forEach(e=>{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 _=(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);_(o,t,e)}},N=(n,t,e)=>{if(e(n)!==!0){const s=t[n.id]||"default",i=n.children[s];_(i,t,e)}},C=(n,t)=>{const e=[];return N(n,t,s=>{e.push(s)}),e},H=(n,t,e)=>{let s;return N(n,t,i=>{if(e(i))return s=i,!0}),s};class G{constructor(t,e,s){this.root=t,this.switches=e,this.all=[],this.visible=[],this.detached=[],s.subscribe("components:node-appended",(i,c)=>{this.all.push(c.node),this.visible=C(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",(i,c)=>{this.visible=C(t,e)})}query(t={}){const e=[];return N(this.root,this.switches,s=>{Object.keys(t).every(c=>t[c]===s[c])&&e.push(s)}),e}get(t){return H(this.root,this.switches,e=>e.id===t)||this.detached.find(e=>e.id===t)}}class K{constructor(){this.handlers=new Map}add(t,e){this.handlers.set(t,e)}get(t){return this.handlers.get(t)}}const Y=n=>{let t=n,e=0;for(;t.parent;)e=e+1,t=t.parent;return e},J=n=>n.map(([e,s])=>[Y(e),e,s]).sort(([e],[s])=>e-s).map(([,e,s])=>[e,s]),k=n=>n instanceof Date?!1:n&&typeof n=="object"&&!Array.isArray(n),v=(n,...t)=>{if(!t.length)return n;const e=t.shift();if(k(n)&&k(e))for(const s in e)k(e[s])?(n[s]||Object.assign(n,{[s]:{}}),v(n[s],e[s])):Object.assign(n,{[s]:e[s]});return v(n,...t)},X=(n,t)=>!n||n==="all"?!0:n.some(e=>t.indexOf(e)>-1),Z=(n,t)=>{let e=[],s=[],i;const c=()=>{process.env.NODE_ENV!=="production"&&console.time("state-processor.flush");const a=new Map,u=J(e.map((r,p)=>[r,s[p]])),h=(r,p)=>{var I;const l=a.get(r)||{},d=p.context&&!l.context,y=p.properties&&!l.properties,x=p.layout&&!l.layout;a.set(r,{context:l.context||d,properties:l.properties||y,layout:l.layout||x}),y&&(r.attributes.properties={}),x&&(r.attributes.layout={}),d&&(r.attributes.context=v({},(I=r.parent)==null?void 0:I.attributes.context));const S=[],T=[],D=[];if(r.changesets.forEach(f=>{const[m,P]=f;X(P.breakpoints,n.breakpoints)&&(y&&(typeof m.properties=="function"?S.push(m.properties):v(r.attributes.properties,m.properties)),x&&(typeof m.layout=="function"?T.push(m.layout):v(r.attributes.layout,m.layout)),d&&(typeof m.context=="function"?D.push(m.context):v(r.attributes.context,m.context)))}),S.forEach(f=>{v(r.attributes.properties,f(r.attributes.properties))}),T.forEach(f=>{v(r.attributes.layout,f(r.attributes.layout))}),D.forEach(f=>{v(r.attributes.context,f(r.attributes.context))}),d||p.recursive){const f=n.getBranch(r),m=p.recursive?p:{context:!!d};r.getChildren(f).forEach(P=>{h(P,m)})}};process.env.NODE_ENV!=="production"&&console.timeEnd("state-processor.flush"),u.forEach(([r,p])=>{h(r,p)}),e=[],s=[],t(a)},o=()=>{clearTimeout(i),i=setTimeout(c,0)};return(a,u)=>{const h=e.indexOf(a);if(h>-1){const r=s[h];return u.context&&(r.context=!0),u.properties&&(r.properties=!0),u.layout&&(r.layout=!0),u.recursive&&(r.recursive=!0),o()}return e.push(a),s.push(u),o()}};class M{constructor(t,e={}){this.providers=e,this.breakpoints=[],this.actionsState={handlers:[],watchers:[]},this.switches={},this.changesets=[],this.subscriptions=[],this.customComponentHandler=new K,this.events=t.events.createChild(this);const s=new R(this.events,"root");s.name=`root-${t.name}`,this.nodes=new G(s,this.switches,this.events);const i=this.processNode=Z(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})
+          `)}`),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})}),this.events.dispatch("components:component-model-initialized",{},{bubbles:!0})});Promise.all(Object.keys(e).map(c=>e[c].load(this))),this.subscriptions.push(this.events.subscribe("components:node-appended",(c,o)=>{const{node:a}=o;this.changesets.forEach(u=>{const{changeset:h,target:r,removes:p}=u,[l,d]=h;r.match(o.node)&&(l.properties&&p.push(a.writeProperties(l.properties,d)),l.context&&p.push(a.writeContext(l.context,d)),l.layout&&p.push(a.writeLayout(l.layout,d)))})})),this.subscriptions.push(this.events.subscribe("components:node-appended",(c,o)=>{i(o.node,{properties:!0,context:!0})})),this.subscriptions.push(this.events.subscribe("components:set-properties",(c,o)=>{i(o.node,{properties:!0})})),this.subscriptions.push(this.events.subscribe("components:set-context",(c,o)=>{i(o.node,{properties:!0,context:!0})})),this.subscriptions.push(this.events.subscribe("components:set-indent",(c,o)=>{i(o.node,{layout:!0})})),this.subscriptions.push(this.events.subscribe("components:set-layout",(c,o)=>{i(o.node,{layout:!0})})),this.subscriptions.push(this.events.subscribe("components:node-switched",(c,{node:o,branch:a})=>{i(o,{layout:!0,recursive:!0,properties:!0,context:!0})})),this.subscriptions.push(this.events.subscribe("components:node-removed",(c,{parentNode:o})=>{i(o,{properties:!0})})),this.events.parent&&this.events.parent.dispatch("components:platform-created",{platform:this})}static getInstance(t){return t.getAsync("components")}addBreakpoint(t){this.breakpoints.indexOf(t)===-1&&(this.breakpoints.push(t),this.processNode(this.nodes.root,{context:!0,properties:!0,layout:!0,recursive:!0}))}removeBreakpoint(t){const e=this.breakpoints.indexOf(t);e>-1&&(this.breakpoints.splice(e,1),this.processNode(this.nodes.root,{context:!0,properties:!0,layout:!0,recursive:!0}))}setSwitch(t,e){this.switches[t.id]=e,this.events.dispatch("components:node-switched",{node:t,branch:e})}getBranch(t){return this.switches[t.id]}createNode(t,e={}){const s=new R(this.events,t);return e.detached&&this.nodes.detached.push(s),s}components(){return new E(this)}actions(t,e){return new O(this,t,e)}write(t){const{provider:e,target:s,attributes:i,options:c={},removable:o}=t,a=t.key||g.uuid(),h={changeset:[i,c],target:s,removes:[]};if(e){const r=this.providers[e];r.write(a,s,i,c),h.removes.push(()=>{r.remove(a)})}return this.changesets.push(h),this.nodes.all.forEach(r=>{if(s.match(r)){let 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)),h.removes.push(p)}}),()=>{if(o){h.removes.forEach(p=>p());const r=this.changesets.indexOf(h);r>-1&&this.changesets.splice(r,1)}}}addComponentHandler(t,e){this.customComponentHandler.add(t,e)}getComponentHandler(t){return this.customComponentHandler.get(t)}dispose(){this.subscriptions.forEach(t=>t())}}const tt=n=>{if(Array.isArray(n)){const[t,...e]=n;return{definitionId:t,overrides:e}}return{definitionId:n,overrides:[]}},w=(n,t,e,s,i,c)=>{e.forEach(o=>{const a=tt(o),u=s[a.definitionId];if(a.definitionId==="view"){const h=n.createNode("view");h.name="view",Object.keys(i).forEach(r=>{const p=i[r];w(n,h,[p.entry],s,i,r)}),t.appendChild(h),a.overrides.forEach(r=>{r.properties&&h.writeProperties(r.properties,{breakpoints:r.breakpoints}),r.context&&h.writeContext(r.context,{breakpoints:r.breakpoints}),r.layout&&h.writeLayout(r.layout,{breakpoints:r.breakpoints})})}else if(n.getComponentHandler(u.type)){const h=n.getComponentHandler(u.type);h&&h(a,{platform:n,node:t,references:e,definitions:s,views:i,branch:c})}else{const h=s[a.definitionId];if(process.env.NODE_ENV!=="production"&&!h){g.Logger.error(`No definition found for component type '${a.definitionId}'.`);return}const r=n.createNode(h.type);r.name=a.definitionId,r.tags=h.tags||[],h.properties&&r.writeProperties(h.properties),h.context&&r.writeContext(h.context),h.layout&&r.writeLayout(h.layout),t.appendChild(r,c),a.overrides.forEach(p=>{const l={breakpoints:p.breakpoints};p.properties&&r.writeProperties(p.properties,l),p.context&&r.writeContext(p.context,l),p.layout&&r.writeLayout(p.layout,l)}),h.children&&w(n,r,h.children,s,i)}})},et=(n,t)=>{const{entry:e,components:s,breakpoints:i,views:c}=t,o=[];return Object.keys(i).forEach(a=>{const u=i[a],h=window.matchMedia(u);h.matches&&n.breakpoints.push(a);const r=p=>{p.matches?n.addBreakpoint(a):n.removeBreakpoint(a)};h.addListener(r),o.push(()=>h.removeListener(r))}),w(n,n.nodes.root,[e],s,c),()=>o.forEach(a=>{a()})},st=(n,t)=>({id:n.id,type:n.type,name:n.name,branch:t||"default"}),nt=(n,t,e,s=g.uuid(),i={})=>n.getAsync("components").then(c=>{let o;if(typeof t=="string"){const h=new E(c);h.ofType(t),o=h}else o=t;const a={},u=h=>{const r=a[h.id];return r?Promise.resolve(r.controller):M.getInstance(n).then(p=>new A(p,h,s))};c.events.subscribe("components:node-enter",(h,{node:r})=>{o.match(r)&&u(r).then(p=>{Promise.resolve(e(p)).then(l=>{a[r.id]={dispose:l,controller:p}})})}),c.events.subscribe("components:node-exit",(h,{node:r})=>{const p=a[r.id];p&&(p.dispose&&p.dispose(),i.reuseController||(p.controller.dispose(),delete a[r.id]))})});class it{constructor(t){this.aliases=new Map,this.components=new Map,this.logger=new g.Logger;const{events:e}=t.get("$widget");this.events=e}getComponent(t){const e=this.aliases.get(t),s=this.components.get(e||t)||null;return process.env.NODE_ENV!=="production"&&(s||this.logger.warn(e||t,`Unable to resolve component: "${e||t}". You most likely forgot to register the required plugin for: ${e||t}.`)),s}registerComponent(t,e){return this.components.set(t,e),this.events.dispatch("component-resolver:resolve",t),()=>{this.components.delete(t)}}registerResolver(t,e){return this.events.subscribe("component-resolver:resolve",(s,i)=>{if(i===t){const c=this.getComponent(t);e(c)}})}registerAlias(t,e){return this.aliases.set(t,e),this.events.dispatch("component-resolver:resolve",t),()=>{this.aliases.delete(t)}}}const V="#____version____#",B=class j extends b.Environment{constructor(t,e=[]){super(t,e,{transformPluginSettings:(s,i,c)=>{const o=c.get("$settings");return{...o.plugins&&i?o.plugins[i]||{}:{},...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=[$.ConfigurationApi].concat(t.configurationApiExtensions||[]);return new j("humany",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)}};B.version=`${V} (${b.version})`;let ot=B;class rt extends b.Implementation{constructor(){super(...arguments),this.bindings=[]}}class ct extends b.Plugin{constructor(t,e){super(t,e)}}var q=(n=>(n.open="open",n.closed="closed",n.hidden="hidden",n))(q||{});class ht extends b.WidgetType{constructor(t){super(t)}}exports.ActionResolver=Q;exports.ActionsController=O;exports.ComponentNode=R;exports.ComponentNodeController=A;exports.ComponentPlatform=M;exports.ComponentQuery=E;exports.ComponentResolver=it;exports.Environment=ot;exports.Implementation=rt;exports.Plugin=ct;exports.WidgetRenderState=q;exports.WidgetType=ht;exports.asDescriptor=st;exports.bootstrap=z;exports.componentConfigurationApi=F;exports.createChildren=w;exports.createComponentModel=et;exports.createEventSubscriber=L;exports.extendComponent=nt;exports.findComponent=H;exports.findVisibleComponents=C;exports.traverseComponents=N;exports.version=V;

package/index.mjs

@@ -1,5 +1,5 @@
-import { bootstrapImplementation as L, ConfigurationApi as H } from "@webprovisions/bootstrapping";
-import { selectImplementations as B, createConfigurationApi as M, version as V, Environment as j, Implementation as q, Plugin as z, WidgetType as Q } from "@webprovisions/platform";
+import { bootstrapImplementation as H, ConfigurationApi as B } from "@webprovisions/bootstrapping";
+import { selectImplementations as M, createConfigurationApi as V, version as j, Environment as q, Implementation as z, Plugin as Q, WidgetType as F } from "@webprovisions/platform";
 import { uuid as E, Logger as O } from "@telia-ace/widget-utilities";
 class at {
   constructor(t) {
@@ -16,19 +16,19 @@ class at {
   subscribe(t, e) {
     return this.events.subscribe(
       "data:action",
-      (s, { action: i, value: r, target: c }) => t === c && e(t, i, r)
+      (s, { action: i, value: c, target: o }) => t === o && e(t, i, c)
     );
   }
 }
-const pt = (n, t, e = {}) => L(
+const pt = (n, t, e = {}) => H(
   n,
   n.bindings,
   () => {
     const s = n.container.get("$runtimecfg").map((i) => {
-      const r = i[0];
-      if (typeof r == "function")
-        return r;
-      if (B(r)(n))
+      const c = i[0];
+      if (typeof c == "function")
+        return c;
+      if (M(c)(n))
         return i[1];
     }).filter((i) => !!i);
     return (t ? [t] : []).concat(
@@ -36,7 +36,7 @@ const pt = (n, t, e = {}) => L(
     );
   },
   e.rootElementResolver || (() => document.body)
-), F = (n) => {
+), G = (n) => {
   const t = [];
   return [
     (s, i) => {
@@ -63,7 +63,7 @@ class N {
     return this.rules.push({ id: t }), this;
   }
   select() {
-    return new G(this.platform, this);
+    return new K(this.platform, this);
   }
 }
 class S {
@@ -73,10 +73,10 @@ class S {
       new N(t).withId(e.id),
       s
     );
-    const [i, r] = F(
+    const [i, c] = G(
       this.platform.events
     );
-    this.subscribe = i, this.unsubscribe = r;
+    this.subscribe = i, this.unsubscribe = c;
   }
   properties(t) {
     return t && this.node.touchProperties((e) => t(e)), this.node.attributes.properties;
@@ -104,7 +104,7 @@ class S {
     this.unsubscribe(), this.actions.dispose();
   }
 }
-class G {
+class K {
   constructor(t, e, s = !0) {
     this.platform = t, this.target = e, this.clearOnDispose = s, this.removes = [], this.actions = new P(this.platform, this.target);
   }
@@ -144,23 +144,23 @@ class G {
     }), this.actions.dispose();
   }
 }
-const K = (n, t, e) => {
-  const s = n.concat(), i = (r, c, a) => {
+const U = (n, t, e) => {
+  const s = n.concat(), i = (c, o, a) => {
     let u = !0;
     if (s.length) {
-      const h = s.shift(), o = (p, l) => (u = !1, i(
+      const h = s.shift(), r = (p, l) => (u = !1, i(
         p,
-        Object.assign({}, c, l),
+        Object.assign({}, o, l),
         a
       ));
-      return Promise.resolve(h(r, o, a)).then(
+      return Promise.resolve(h(c, r, a)).then(
         (p) => ({
           ...p,
           cancelled: u
         })
       );
     }
-    return Promise.resolve({ data: r, cancelled: !1, options: c });
+    return Promise.resolve({ data: c, cancelled: !1, options: o });
   };
   return i(t, {}, e);
 };
@@ -178,36 +178,36 @@ class P {
     };
     this.platform.actionsState.handlers.push(s);
     const i = () => {
-      const r = this.platform.actionsState.handlers.indexOf(s);
-      r > -1 && this.platform.actionsState.handlers.splice(r, 1);
+      const c = this.platform.actionsState.handlers.indexOf(s);
+      c > -1 && this.platform.actionsState.handlers.splice(c, 1);
     };
     return this.subscriptions.push(i), i;
   }
   dispatch(t, e) {
     const s = this.platform.nodes.all.concat(
       this.platform.nodes.detached
-    ), i = {}, r = this.platform.actionsState.handlers.filter(
-      (c) => c.key === t && (!c.ns || !this.ns || c.ns === this.ns)
+    ), i = {}, c = this.platform.actionsState.handlers.filter(
+      (o) => o.key === t && (!o.ns || !this.ns || o.ns === this.ns)
     );
     return Promise.all(
-      r.map((c) => {
+      c.map((o) => {
         const a = s.filter(
-          (h) => c.target.match(h) && this.target.match(h)
+          (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(
-          (o) => h.target.match(o)
+          (r) => h.target.match(r)
         )).map((h) => h.fn);
         return Promise.all(
           a.map((h) => {
-            const o = new S(
+            const r = new S(
               this.platform,
               h,
               this.ns
             );
-            return K(u, e, o).then(
+            return U(u, e, r).then(
               (p) => {
                 const { data: l = {}, options: d, cancelled: b } = p;
                 return Promise.resolve(
-                  b ? {} : c.fn(l, d, o)
+                  b ? {} : o.fn(l, d, r)
                 ).then((g) => {
                   i[h.id] = g;
                 });
@@ -220,17 +220,17 @@ class P {
   }
   watch(t, e) {
     let s = t, i = this.ns;
-    const r = t.split(".");
-    r.length > 1 && (i = r[0], s = r.splice(1).join("."));
-    const c = {
+    const c = t.split(".");
+    c.length > 1 && (i = c[0], s = c.splice(1).join("."));
+    const o = {
       fn: e,
       target: this.target,
       key: s,
       ns: i
     };
-    this.platform.actionsState.watchers.push(c);
+    this.platform.actionsState.watchers.push(o);
     const a = () => {
-      const u = this.platform.actionsState.watchers.indexOf(c);
+      const u = this.platform.actionsState.watchers.indexOf(o);
       u > -1 && this.platform.actionsState.watchers.splice(u, 1);
     };
     return this.subscriptions.push(a), a;
@@ -239,13 +239,13 @@ class P {
     this.subscriptions.forEach((t) => t());
   }
 }
-const ut = M((n) => {
+const ut = V((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);
+        e.handlers && e.handlers.forEach(([c, o]) => {
+          i.addComponentHandler(c, o);
         });
       }
     );
@@ -287,46 +287,46 @@ class I {
     t.parent = this, this.children[e] || (this.children[e] = []), this.children[e].unshift(t), this.events.dispatch("components:node-appended", { node: t });
   }
   touchProperties(t, e = {}, s) {
-    const r = [{ properties: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-properties", { node: this }), () => {
+    const c = [{ properties: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-properties", { node: this }), () => {
       if (s) {
-        const c = this.changesets.indexOf(r);
-        c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-properties", { node: this }));
+        const o = this.changesets.indexOf(c);
+        o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-properties", { node: this }));
       }
     };
   }
   writeProperties(t, e = {}, s) {
-    const r = [{ properties: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-properties", { node: this }), () => {
+    const c = [{ properties: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-properties", { node: this }), () => {
       if (s) {
-        const c = this.changesets.indexOf(r);
-        c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-properties", { node: this }));
+        const o = this.changesets.indexOf(c);
+        o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-properties", { node: this }));
       }
     };
   }
   writeLayout(t, e = {}, s) {
-    const r = [{ layout: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-layout", { node: this }), () => {
+    const c = [{ layout: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-layout", { node: this }), () => {
       if (!s)
         return;
-      const c = this.changesets.indexOf(r);
-      c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-layout", { node: this }));
+      const o = this.changesets.indexOf(c);
+      o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-layout", { node: this }));
     };
   }
   writeContext(t, e = {}, s) {
-    const r = [{ context: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-context", { node: this }), () => {
+    const c = [{ context: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-context", { node: this }), () => {
       if (!s)
         return;
-      const c = this.changesets.indexOf(r);
-      c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-context", { node: this }));
+      const o = this.changesets.indexOf(c);
+      o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-context", { node: this }));
     };
   }
   getChildren(t = "default") {
     const e = this.children[t] || [];
-    return e.reduce((s, i, r) => {
-      const { order: c = r } = i.attributes.layout;
-      return s[c] ? s.splice(c, 0, i) : s[c] = i, 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() {
@@ -344,8 +344,8 @@ class I {
 }
 const D = (n, t, e) => {
   for (let s = 0, i = n.length; s < i && e(n[s]) !== !0; s++) {
-    const r = t[n[s].id] || "default", c = n[s].getChildren(r);
-    D(c, t, e);
+    const c = t[n[s].id] || "default", o = n[s].getChildren(c);
+    D(o, t, e);
   }
 }, k = (n, t, e) => {
   if (e(n) !== !0) {
@@ -357,29 +357,29 @@ const D = (n, t, e) => {
   return k(n, t, (s) => {
     e.push(s);
   }), e;
-}, U = (n, t, e) => {
+}, W = (n, t, e) => {
   let s;
   return k(n, t, (i) => {
     if (e(i))
       return s = i, !0;
   }), s;
 };
-class W {
+class Y {
   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);
+      (i, c) => {
+        this.all.push(c.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);
+      (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 = x(t, e);
       }
     ), s.subscribe(
       "components:node-switched",
-      (i, r) => {
+      (i, c) => {
         this.visible = x(t, e);
       }
     );
@@ -387,14 +387,14 @@ class W {
   query(t = {}) {
     const e = [];
     return k(this.root, this.switches, (s) => {
-      Object.keys(t).every((r) => t[r] === s[r]) && e.push(s);
+      Object.keys(t).every((c) => t[c] === s[c]) && e.push(s);
     }), e;
   }
   get(t) {
-    return U(this.root, this.switches, (e) => e.id === t) || this.detached.find((e) => e.id === t);
+    return W(this.root, this.switches, (e) => e.id === t) || this.detached.find((e) => e.id === t);
   }
 }
-class Y {
+class J {
   constructor() {
     this.handlers = /* @__PURE__ */ new Map();
   }
@@ -405,13 +405,13 @@ class Y {
     return this.handlers.get(t);
   }
 }
-const J = (n) => {
+const X = (n) => {
   let t = n, e = 0;
   for (; t.parent; )
     e = e + 1, t = t.parent;
   return e;
-}, X = (n) => n.map(
-  ([e, s]) => [J(e), e, s]
+}, Z = (n) => n.map(
+  ([e, s]) => [X(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;
@@ -420,79 +420,79 @@ const J = (n) => {
     for (const s in e)
       w(e[s]) ? (n[s] || Object.assign(n, { [s]: {} }), v(n[s], e[s])) : Object.assign(n, { [s]: e[s] });
   return v(n, ...t);
-}, Z = (n, t) => !n || n === "all" ? !0 : n.some((e) => t.indexOf(e) > -1), tt = (n, t) => {
+}, tt = (n, t) => !n || n === "all" ? !0 : n.some((e) => t.indexOf(e) > -1), et = (n, t) => {
   let e = [], s = [], i;
-  const r = () => {
+  const c = () => {
     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 = Z(
+      e.map((r, p) => [r, s[p]])
+    ), h = (r, 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, {
+      const l = a.get(r) || {}, d = p.context && !l.context, b = p.properties && !l.properties, g = p.layout && !l.layout;
+      a.set(r, {
         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(
+      }), b && (r.attributes.properties = {}), g && (r.attributes.layout = {}), d && (r.attributes.context = v(
         {},
-        (T = o.parent) == null ? void 0 : T.attributes.context
+        (T = r.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)));
-      }), $.forEach((m) => {
+      if (r.changesets.forEach((f) => {
+        const [m, y] = f;
+        tt(y.breakpoints, n.breakpoints) && (b && (typeof m.properties == "function" ? $.push(
+          m.properties
+        ) : v(r.attributes.properties, m.properties)), g && (typeof m.layout == "function" ? R.push(m.layout) : v(r.attributes.layout, m.layout)), d && (typeof m.context == "function" ? A.push(
+          m.context
+        ) : v(r.attributes.context, m.context)));
+      }), $.forEach((f) => {
         v(
-          o.attributes.properties,
-          m(o.attributes.properties)
+          r.attributes.properties,
+          f(r.attributes.properties)
         );
-      }), R.forEach((m) => {
-        v(o.attributes.layout, m(o.attributes.layout));
-      }), A.forEach((m) => {
-        v(o.attributes.context, m(o.attributes.context));
+      }), R.forEach((f) => {
+        v(r.attributes.layout, f(r.attributes.layout));
+      }), A.forEach((f) => {
+        v(r.attributes.context, f(r.attributes.context));
       }), d || p.recursive) {
-        const m = n.getBranch(o), f = p.recursive ? p : {
+        const f = n.getBranch(r), m = p.recursive ? p : {
           context: !!d
         };
-        o.getChildren(m).forEach((y) => {
-          h(y, f);
+        r.getChildren(f).forEach((y) => {
+          h(y, m);
         });
       }
     };
-    process.env.NODE_ENV !== "production" && console.timeEnd("state-processor.flush"), u.forEach(([o, p]) => {
-      h(o, p);
+    process.env.NODE_ENV !== "production" && console.timeEnd("state-processor.flush"), u.forEach(([r, p]) => {
+      h(r, p);
     }), e = [], s = [], t(a);
-  }, c = () => {
-    clearTimeout(i), i = setTimeout(r, 0);
+  }, o = () => {
+    clearTimeout(i), i = setTimeout(c, 0);
   };
   return (a, u) => {
     const h = e.indexOf(a);
     if (h > -1) {
-      const o = s[h];
-      return u.context && (o.context = !0), u.properties && (o.properties = !0), u.layout && (o.layout = !0), u.recursive && (o.recursive = !0), c();
+      const r = s[h];
+      return u.context && (r.context = !0), u.properties && (r.properties = !0), u.layout && (r.layout = !0), u.recursive && (r.recursive = !0), o();
     }
-    return e.push(a), s.push(u), c();
+    return e.push(a), s.push(u), o();
   };
 };
-class et {
+class st {
   constructor(t, e = {}) {
-    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);
+    this.providers = e, this.breakpoints = [], this.actionsState = { handlers: [], watchers: [] }, this.switches = {}, this.changesets = [], this.subscriptions = [], this.customComponentHandler = new J(), 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(
+    s.name = `root-${t.name}`, this.nodes = new Y(s, this.switches, this.events);
+    const i = this.processNode = et(
       this,
-      (r) => {
-        const c = Array.from(r.keys());
-        process.env.NODE_ENV !== "production" && console.info(`STATE PROCESSOR: ${c.length} node(s) processed:
-          ${c.map(
+      (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})
           `
-        )}`), c.forEach((a) => {
-          const u = r.get(a);
+        )}`), 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 });
         }), this.events.dispatch(
           "components:component-model-initialized",
@@ -502,58 +502,58 @@ class et {
       }
     );
     Promise.all(
-      Object.keys(e).map((r) => e[r].load(this))
+      Object.keys(e).map((c) => e[c].load(this))
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:node-appended",
-        (r, c) => {
-          const { node: a } = c;
+        (c, o) => {
+          const { node: a } = o;
           this.changesets.forEach((u) => {
-            const { changeset: h, target: o, removes: p } = u, [l, d] = h;
-            o.match(c.node) && (l.properties && p.push(a.writeProperties(l.properties, d)), l.context && p.push(a.writeContext(l.context, d)), l.layout && p.push(a.writeLayout(l.layout, d)));
+            const { changeset: h, target: r, removes: p } = u, [l, d] = h;
+            r.match(o.node) && (l.properties && p.push(a.writeProperties(l.properties, d)), l.context && p.push(a.writeContext(l.context, d)), l.layout && p.push(a.writeLayout(l.layout, d)));
           });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:node-appended",
-        (r, c) => {
-          i(c.node, { properties: !0, context: !0 });
+        (c, o) => {
+          i(o.node, { properties: !0, context: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-properties",
-        (r, c) => {
-          i(c.node, { properties: !0 });
+        (c, o) => {
+          i(o.node, { properties: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-context",
-        (r, c) => {
-          i(c.node, { properties: !0, context: !0 });
+        (c, o) => {
+          i(o.node, { properties: !0, context: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-indent",
-        (r, c) => {
-          i(c.node, { layout: !0 });
+        (c, o) => {
+          i(o.node, { layout: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-layout",
-        (r, c) => {
-          i(c.node, { layout: !0 });
+        (c, o) => {
+          i(o.node, { layout: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:node-switched",
-        (r, { node: c, branch: a }) => {
-          i(c, {
+        (c, { node: o, branch: a }) => {
+          i(o, {
             layout: !0,
             recursive: !0,
             properties: !0,
@@ -564,8 +564,8 @@ class et {
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:node-removed",
-        (r, { parentNode: c }) => {
-          i(c, { properties: !0 });
+        (c, { parentNode: o }) => {
+          i(o, { properties: !0 });
         }
       )
     ), this.events.parent && this.events.parent.dispatch("components:platform-created", {
@@ -617,30 +617,30 @@ class et {
       provider: e,
       target: s,
       attributes: i,
-      options: r = {},
-      removable: c
-    } = t, a = t.key || E(), h = { changeset: [i, r], target: s, removes: [] };
+      options: c = {},
+      removable: o
+    } = t, a = t.key || E(), h = { changeset: [i, c], target: s, removes: [] };
     if (e) {
-      const o = this.providers[e];
-      o.write(a, s, i, r), h.removes.push(() => {
-        o.remove(a);
+      const r = this.providers[e];
+      r.write(a, s, i, c), h.removes.push(() => {
+        r.remove(a);
       });
     }
-    return this.changesets.push(h), this.nodes.all.forEach((o) => {
-      if (s.match(o)) {
+    return this.changesets.push(h), this.nodes.all.forEach((r) => {
+      if (s.match(r)) {
         let p = () => {
         };
-        i.properties && (p = o.writeProperties(
+        i.properties && (p = r.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);
+          c,
+          o
+        )), i.context && (p = r.writeContext(i.context, c, o)), i.layout && (p = r.writeContext(i.layout, c, o)), h.removes.push(p);
       }
     }), () => {
-      if (c) {
+      if (o) {
         h.removes.forEach((p) => p());
-        const o = this.changesets.indexOf(h);
-        o > -1 && this.changesets.splice(o, 1);
+        const r = this.changesets.indexOf(h);
+        r > -1 && this.changesets.splice(r, 1);
       }
     };
   }
@@ -654,7 +654,7 @@ class et {
     this.subscriptions.forEach((t) => t());
   }
 }
-const st = (n) => {
+const nt = (n) => {
   if (Array.isArray(n)) {
     const [t, ...e] = n;
     return {
@@ -666,28 +666,28 @@ const st = (n) => {
     definitionId: n,
     overrides: []
   };
-}, C = (n, t, e, s, i, r) => {
-  e.forEach((c) => {
-    const a = st(c), u = s[a.definitionId];
+}, C = (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(i).forEach((o) => {
-        const p = i[o];
+      h.name = "view", Object.keys(i).forEach((r) => {
+        const p = i[r];
         C(
           n,
           h,
           [p.entry],
           s,
           i,
-          o
+          r
         );
-      }), 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
+      }), t.appendChild(h), a.overrides.forEach((r) => {
+        r.properties && h.writeProperties(r.properties, {
+          breakpoints: r.breakpoints
+        }), r.context && h.writeContext(r.context, {
+          breakpoints: r.breakpoints
+        }), r.layout && h.writeLayout(r.layout, {
+          breakpoints: r.breakpoints
         });
       });
     } else if (n.getComponentHandler(u.type)) {
@@ -698,7 +698,7 @@ const st = (n) => {
         references: e,
         definitions: s,
         views: i,
-        branch: r
+        branch: c
       });
     } else {
       const h = s[a.definitionId];
@@ -708,13 +708,13 @@ const st = (n) => {
         );
         return;
       }
-      const o = n.createNode(h.type);
-      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 r = n.createNode(h.type);
+      r.name = a.definitionId, r.tags = h.tags || [], h.properties && r.writeProperties(h.properties), h.context && r.writeContext(h.context), h.layout && r.writeLayout(h.layout), t.appendChild(r, c), 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);
+        p.properties && r.writeProperties(p.properties, l), p.context && r.writeContext(p.context, l), p.layout && r.writeLayout(p.layout, l);
       }), h.children && C(
         n,
-        o,
+        r,
         h.children,
         s,
         i
@@ -722,15 +722,15 @@ const st = (n) => {
     }
   });
 }, lt = (n, t) => {
-  const { entry: e, components: s, breakpoints: i, views: r } = t, c = [];
+  const { entry: e, components: s, breakpoints: i, views: c } = t, o = [];
   return Object.keys(i).forEach((a) => {
     const u = i[a], h = window.matchMedia(u);
     h.matches && n.breakpoints.push(a);
-    const o = (p) => {
+    const r = (p) => {
       p.matches ? n.addBreakpoint(a) : n.removeBreakpoint(a);
     };
-    h.addListener(o), c.push(() => h.removeListener(o));
-  }), C(n, n.nodes.root, [e], s, r), () => c.forEach((a) => {
+    h.addListener(r), o.push(() => h.removeListener(r));
+  }), C(n, n.nodes.root, [e], s, c), () => o.forEach((a) => {
     a();
   });
 }, dt = (n, t) => ({
@@ -738,38 +738,38 @@ const st = (n) => {
   type: n.type,
   name: n.name,
   branch: t || "default"
-}), ft = (n, t, e, s = E(), i = {}) => n.getAsync("components").then((r) => {
-  let c;
+}), mt = (n, t, e, s = E(), i = {}) => n.getAsync("components").then((c) => {
+  let o;
   if (typeof t == "string") {
-    const h = new N(r);
-    h.ofType(t), c = h;
+    const h = new N(c);
+    h.ofType(t), o = h;
   } else
-    c = t;
+    o = t;
   const a = {}, u = (h) => {
-    const o = a[h.id];
-    return o ? Promise.resolve(o.controller) : et.getInstance(n).then((p) => new S(p, h, s));
+    const r = a[h.id];
+    return r ? Promise.resolve(r.controller) : st.getInstance(n).then((p) => new S(p, h, s));
   };
-  r.events.subscribe(
+  c.events.subscribe(
     "components:node-enter",
-    (h, { node: o }) => {
-      c.match(o) && u(o).then((p) => {
+    (h, { node: r }) => {
+      o.match(r) && u(r).then((p) => {
         Promise.resolve(e(p)).then((l) => {
-          a[o.id] = {
+          a[r.id] = {
             dispose: l,
             controller: p
           };
         });
       });
     }
-  ), r.events.subscribe(
+  ), c.events.subscribe(
     "components:node-exit",
-    (h, { node: o }) => {
-      const p = a[o.id];
-      p && (p.dispose && p.dispose(), i.reuseController || (p.controller.dispose(), delete a[o.id]));
+    (h, { node: r }) => {
+      const p = a[r.id];
+      p && (p.dispose && p.dispose(), i.reuseController || (p.controller.dispose(), delete a[r.id]));
     }
   );
 });
-class mt {
+class ft {
   constructor(t) {
     this.aliases = /* @__PURE__ */ new Map(), this.components = /* @__PURE__ */ new Map(), this.logger = new O();
     const { events: e } = t.get("$widget");
@@ -792,8 +792,8 @@ class mt {
       "component-resolver:resolve",
       (s, i) => {
         if (i === t) {
-          const r = this.getComponent(t);
-          e(r);
+          const c = this.getComponent(t);
+          e(c);
         }
       }
     );
@@ -804,21 +804,21 @@ class mt {
     };
   }
 }
-const nt = "#____version____#", _ = class extends j {
-  constructor(n, t = []) {
-    super(n, t, {
-      transformPluginSettings: (e, s, i) => {
-        const r = i.get("$settings");
+const it = "#____version____#", _ = class L extends q {
+  constructor(t, e = []) {
+    super(t, e, {
+      transformPluginSettings: (s, i, c) => {
+        const o = c.get("$settings");
         return {
-          ...r.plugins && s ? r.plugins[s] || {} : {},
-          ...e
+          ...o.plugins && i ? o.plugins[i] || {} : {},
+          ...s
         };
       }
     });
   }
-  createImplementation(n) {
-    const t = super.createImplementation(n);
-    return t.bindings = n.bindings, t;
+  createImplementation(t) {
+    const e = super.createImplementation(t);
+    return e.bindings = t.bindings, e;
   }
   /**
    * Performs navigation for widgets matching the specified selector by invoking a
@@ -827,18 +827,18 @@ const nt = "#____version____#", _ = class extends j {
    * @param route Route name.
    * @param params Route params.
    */
-  navigate(n, t, e) {
-    this.widgets.query(n).forEach((s) => s.invoke("navigate", { route: t, params: e }));
+  navigate(t, e, s) {
+    this.widgets.query(t).forEach((i) => i.invoke("navigate", { route: e, params: s }));
   }
   /**
    * Creates a runtime based on provided configuration.
    * @param configuration Runtime configuration.
    */
-  static create(n = {}) {
-    const t = [H].concat(
-      n.configurationApiExtensions || []
+  static create(t = {}) {
+    const e = [B].concat(
+      t.configurationApiExtensions || []
     );
-    return new _("humany", t);
+    return new L("humany", e);
   }
   /**
    * Creates a widget runtime based on provided configuration and retains configuration handlers
@@ -847,38 +847,38 @@ const nt = "#____version____#", _ = class extends j {
    * @param configuration Runtime configuration.
    * @param global Object to read configuration handlers from (default: window).
    */
-  static createFromGlobal(n, t = {}) {
-    if (this.isRuntime(n))
-      return n.patch(t), n;
-    const e = [], s = n && n._c;
-    s && s.forEach(
-      (r) => e.push(r)
+  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 i = this.create(t);
-    return i.container.register("$runtimecfg", e), i;
+    const c = this.create(e);
+    return c.container.register("$runtimecfg", s), c;
   }
   /**
    * Determines whether the specified object is a valid widget runtime.
    * @param obj Object to compare.
    */
-  static isRuntime(n) {
-    return !!(n && typeof n == "object" && n.container && typeof n.container.get == "function" && n.container.get("$environment") === n && n.container.owner === n);
+  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 it = _;
-it.version = `${nt} (${V})`;
-class vt extends q {
+_.version = `${it} (${j})`;
+let vt = _;
+class bt extends z {
   constructor() {
     super(...arguments), this.bindings = [];
   }
 }
-class bt extends z {
+class gt extends Q {
   constructor(t, e) {
     super(t, e);
   }
 }
 var ot = /* @__PURE__ */ ((n) => (n.open = "open", n.closed = "closed", n.hidden = "hidden", n))(ot || {});
-class gt extends Q {
+class yt extends F {
   constructor(t) {
     super(t);
   }
@@ -888,23 +888,23 @@ export {
   P as ActionsController,
   I as ComponentNode,
   S as ComponentNodeController,
-  et as ComponentPlatform,
+  st as ComponentPlatform,
   N as ComponentQuery,
-  mt as ComponentResolver,
-  it as Environment,
-  vt as Implementation,
-  bt as Plugin,
+  ft as ComponentResolver,
+  vt as Environment,
+  bt as Implementation,
+  gt as Plugin,
   ot as WidgetRenderState,
-  gt as WidgetType,
+  yt as WidgetType,
   dt as asDescriptor,
   pt as bootstrap,
   ut as componentConfigurationApi,
   C as createChildren,
   lt as createComponentModel,
-  F as createEventSubscriber,
-  ft as extendComponent,
-  U as findComponent,
+  G as createEventSubscriber,
+  mt as extendComponent,
+  W as findComponent,
   x as findVisibleComponents,
   k as traverseComponents,
-  nt as version
+  it as version
 };

package/package.json

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

package/plugin.d.ts

@@ -1,4 +1,5 @@
 import { Container, Plugin as PluginBase } from '@webprovisions/platform';
+
 /**
  * Base class for a widget plugin.
  */

package/types/configuration.d.ts

@@ -1,4 +1,5 @@
 import { ComponentNodeLayout } from '../component-platform';
+
 export type ComponentSettings = {
     type: string;
     context?: Context;

package/widget-type.d.ts

@@ -1,4 +1,5 @@
 import { Container, WidgetType as WidgetTypeBase } from '@webprovisions/platform';
+
 /**
  * Base class for a widget.
  */

package/component-platform/changeset-provider.d.ts

@@ -1,8 +0,0 @@
-import { ChangesetOptions, ComponentNodeSettings } from './component-node';
-import { ComponentPlatform } from './component-platform';
-import { ComponentQuery } from './component-query';
-export interface ChangesetProvider {
-    write: (key: string, target: ComponentQuery, attributes: Partial<ComponentNodeSettings>, options: ChangesetOptions) => void;
-    remove: (key: string) => void;
-    load: (platform: ComponentPlatform) => Promise<any>;
-}