@telia-ace/widget-core 1.0.4 → 1.0.7

package/lib/component-platform/actions-controller.js

@@ -1,119 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsController = void 0;
-var component_controller_1 = require("./component-controller");
-var executeActionListeners = function (listeners, data, controller) {
-    var stack = listeners.concat();
-    var dispatch = function (data, globalOptions, controller) {
-        var cancelled = true;
-        if (stack.length) {
-            var handler = stack.shift();
-            var next = function (data, options) {
-                cancelled = false;
-                return dispatch(data, Object.assign({}, globalOptions, options), controller);
-            };
-            return Promise.resolve(handler(data, next, controller)).then(function (result) { return (__assign(__assign({}, result), { cancelled: cancelled })); });
-        }
-        return Promise.resolve({ data: data, cancelled: false, options: globalOptions });
-    };
-    return dispatch(data, {}, controller);
-};
-var ActionsController = /** @class */ (function () {
-    function ActionsController(platform, target, ns) {
-        this.platform = platform;
-        this.target = target;
-        this.ns = ns;
-        this.subscriptions = [];
-        this.create = this.create.bind(this);
-    }
-    ActionsController.prototype.create = function (key, fn) {
-        var _this = this;
-        if (fn === void 0) { fn = function () { }; }
-        var handler = {
-            key: key,
-            fn: fn,
-            target: this.target,
-            ns: this.ns,
-        };
-        this.platform.actionsState.handlers.push(handler);
-        var subscription = function () {
-            var index = _this.platform.actionsState.handlers.indexOf(handler);
-            if (index > -1) {
-                _this.platform.actionsState.handlers.splice(index, 1);
-            }
-        };
-        this.subscriptions.push(subscription);
-        return subscription;
-    };
-    ActionsController.prototype.dispatch = function (key, data) {
-        var _this = this;
-        var instances = this.platform.nodes.all.concat(this.platform.nodes.detached);
-        var output = {};
-        // handlers matching the specified pattern.
-        var handlers = this.platform.actionsState.handlers.filter(function (handler) { return handler.key === key && (!handler.ns || !_this.ns || handler.ns === _this.ns); });
-        return Promise.all(handlers.map(function (handler) {
-            // select all matching instances for this particular
-            // handler (a handler can be mapped to many instances)
-            var matchedInstances = instances.filter(function (instance) { return handler.target.match(instance) && _this.target.match(instance); });
-            // execute watchers for each matched instance
-            var watchers = _this.platform.actionsState.watchers
-                .filter(function (watcher) {
-                return (watcher.key === key &&
-                    (!watcher.ns || !_this.ns || watcher.ns === _this.ns) &&
-                    matchedInstances.some(function (instance) { return watcher.target.match(instance); }));
-            })
-                .map(function (watcher) { return watcher.fn; });
-            // execute watchers and handler for each instance
-            return Promise.all(matchedInstances.map(function (node) {
-                var controller = new component_controller_1.ComponentNodeController(_this.platform, node, _this.ns);
-                return executeActionListeners(watchers, data, controller).then(function (input) {
-                    var _a = input.data, data = _a === void 0 ? {} : _a, options = input.options, cancelled = input.cancelled;
-                    return Promise.resolve(cancelled ? {} : handler.fn(data, options, controller)).then(function (handlerResponse) {
-                        output[node.id] = handlerResponse;
-                    });
-                });
-            }));
-        })).then(function () { return output; });
-    };
-    ActionsController.prototype.watch = function (key, fn) {
-        var _this = this;
-        var parsedKey = key;
-        var parsedNs = this.ns;
-        var sections = key.split('.');
-        if (sections.length > 1) {
-            parsedNs = sections[0];
-            parsedKey = sections.splice(1).join('.');
-        }
-        var watcher = {
-            fn: fn,
-            target: this.target,
-            key: parsedKey,
-            ns: parsedNs,
-        };
-        this.platform.actionsState.watchers.push(watcher);
-        var subscription = function () {
-            var index = _this.platform.actionsState.watchers.indexOf(watcher);
-            if (index > -1) {
-                _this.platform.actionsState.watchers.splice(index, 1);
-            }
-        };
-        this.subscriptions.push(subscription);
-        return subscription;
-    };
-    ActionsController.prototype.dispose = function () {
-        this.subscriptions.forEach(function (unsubscribe) { return unsubscribe(); });
-    };
-    return ActionsController;
-}());
-exports.ActionsController = ActionsController;

package/lib/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>;
-}

package/lib/component-platform/changeset-provider.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

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

package/lib/component-platform/component-configuration-api.js

@@ -1,32 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var platform_1 = require("@webprovisions/platform");
-exports.default = (0, platform_1.createConfigurationApi)(function (builder) {
-    builder.createCommand('components', function (context) { return function (config) {
-        context.events.subscribeOnce('components:platform-created', function (event, _a) {
-            var platform = _a.platform;
-            if (config.handlers) {
-                config.handlers.forEach(function (_a) {
-                    var _b = __read(_a, 2), key = _b[0], handler = _b[1];
-                    platform.addComponentHandler(key, handler);
-                });
-            }
-        });
-    }; });
-});

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

@@ -1,38 +0,0 @@
-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;
-    writeContext(context: Partial<ComponentNodeContext>, options: ChangesetOptions): void;
-    writeLayout(context: Partial<ComponentNodeLayout>, options: ChangesetOptions): void;
-    dispose(): void;
-}
-export declare class ComponentNodeController implements ComponentController {
-    private platform;
-    node: ComponentNode;
-    actions: ActionsController;
-    private subscribe;
-    private unsubscribe;
-    constructor(platform: ComponentPlatform, node: ComponentNode, ns?: string);
-    properties<T extends ComponentNodeProperties>(updated?: (properties: T) => void | Partial<ComponentNodeProperties>): T;
-    context(updated?: (context: ComponentNodeContext) => void): ComponentNodeContext;
-    layout(updated?: (layout: ComponentNodeLayout) => void): ComponentNodeLayout;
-    writeProperties(properties: Partial<ComponentNodeProperties> | ((properties: ComponentNodeProperties) => Partial<ComponentNodeProperties>), options?: ChangesetOptions): void;
-    writeContext(context: Partial<ComponentNodeContext>, options?: ChangesetOptions): void;
-    writeLayout(layout: Partial<ComponentNodeLayout>, options?: ChangesetOptions): void;
-    dispose(): void;
-}
-export declare class AbstractComponentController implements ComponentController {
-    private platform;
-    private target;
-    private clearOnDispose;
-    actions: ActionsController;
-    private removes;
-    constructor(platform: ComponentPlatform, target: ComponentQuery, clearOnDispose?: boolean);
-    writeProperties(properties: Partial<ComponentNodeProperties>, options?: ChangesetOptions): void;
-    writeContext(context: Partial<ComponentNodeContext>, options?: ChangesetOptions): void;
-    writeLayout(layout: Partial<ComponentNodeLayout>, options?: ChangesetOptions): void;
-    dispose(): void;
-}

package/lib/component-platform/component-controller.js

@@ -1,119 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbstractComponentController = exports.ComponentNodeController = void 0;
-var event_subscriber_1 = require("../event-subscriber");
-var actions_controller_1 = require("./actions-controller");
-var component_query_1 = require("./component-query");
-var ComponentNodeController = /** @class */ (function () {
-    function ComponentNodeController(platform, node, ns) {
-        this.platform = platform;
-        this.node = node;
-        this.actions = new actions_controller_1.ActionsController(platform, new component_query_1.ComponentQuery(platform).withId(node.id), ns);
-        var _a = __read((0, event_subscriber_1.createEventSubscriber)(this.platform.events), 2), subscribe = _a[0], unsubscribe = _a[1];
-        this.subscribe = subscribe;
-        this.unsubscribe = unsubscribe;
-    }
-    ComponentNodeController.prototype.properties = function (updated) {
-        if (updated) {
-            this.node.touchProperties(function (properties) { return updated(properties); });
-        }
-        return this.node.attributes.properties;
-    };
-    ComponentNodeController.prototype.context = function (updated) {
-        var _this = this;
-        if (updated) {
-            this.subscribe('components:context-changed', function (event, _a) {
-                var node = _a.node;
-                if (node === _this.node) {
-                    updated(_this.node.attributes.context);
-                }
-            });
-        }
-        return this.node.attributes.context;
-    };
-    ComponentNodeController.prototype.layout = function (updated) {
-        var _this = this;
-        if (updated) {
-            this.subscribe('components:layout-changed', function (event, _a) {
-                var node = _a.node;
-                if (node === _this.node) {
-                    updated(_this.node.attributes.layout);
-                }
-            });
-        }
-        return this.node.attributes.layout;
-    };
-    ComponentNodeController.prototype.writeProperties = function (properties, options) {
-        this.node.writeProperties(properties, options);
-    };
-    ComponentNodeController.prototype.writeContext = function (context, options) {
-        this.node.writeProperties(context, options);
-    };
-    ComponentNodeController.prototype.writeLayout = function (layout, options) {
-        this.node.writeLayout(layout, options);
-    };
-    ComponentNodeController.prototype.dispose = function () {
-        this.unsubscribe();
-        this.actions.dispose();
-    };
-    return ComponentNodeController;
-}());
-exports.ComponentNodeController = ComponentNodeController;
-var AbstractComponentController = /** @class */ (function () {
-    function AbstractComponentController(platform, target, clearOnDispose) {
-        if (clearOnDispose === void 0) { clearOnDispose = true; }
-        this.platform = platform;
-        this.target = target;
-        this.clearOnDispose = clearOnDispose;
-        this.removes = [];
-        this.actions = new actions_controller_1.ActionsController(this.platform, this.target);
-    }
-    AbstractComponentController.prototype.writeProperties = function (properties, options) {
-        this.removes.push(this.platform.write({
-            options: options,
-            attributes: { properties: properties },
-            target: this.target,
-            removable: this.clearOnDispose,
-        }));
-    };
-    AbstractComponentController.prototype.writeContext = function (context, options) {
-        this.removes.push(this.platform.write({
-            options: options,
-            attributes: { context: context },
-            target: this.target,
-            removable: this.clearOnDispose,
-        }));
-    };
-    AbstractComponentController.prototype.writeLayout = function (layout, options) {
-        this.removes.push(this.platform.write({
-            options: options,
-            attributes: { layout: layout },
-            target: this.target,
-            removable: this.clearOnDispose,
-        }));
-    };
-    AbstractComponentController.prototype.dispose = function () {
-        this.removes.forEach(function (remove) {
-            remove();
-        });
-        this.actions.dispose();
-    };
-    return AbstractComponentController;
-}());
-exports.AbstractComponentController = AbstractComponentController;

package/lib/component-platform/component-node-collection.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentNodeCollection = void 0;
-var queries_1 = require("./queries");
-var ComponentNodeCollection = /** @class */ (function () {
-    function ComponentNodeCollection(root, switches, events) {
-        var _this = this;
-        this.root = root;
-        this.switches = switches;
-        this.all = [];
-        this.visible = [];
-        this.detached = [];
-        events.subscribe('components:node-appended', function (event, data) {
-            _this.all.push(data.node);
-            _this.visible = (0, queries_1.findVisibleComponents)(root, switches);
-        });
-        events.subscribe('components:node-removed', function (event, data) {
-            var indexToRemove = _this.all.indexOf(data.node);
-            if (indexToRemove > -1) {
-                _this.all.splice(indexToRemove, 1);
-            }
-            indexToRemove = _this.visible.indexOf(data.node);
-            if (indexToRemove > -1) {
-                _this.visible.splice(indexToRemove, 1);
-            }
-            _this.visible = (0, queries_1.findVisibleComponents)(root, switches);
-        });
-        events.subscribe('components:node-switched', function (event, data) {
-            _this.visible = (0, queries_1.findVisibleComponents)(root, switches);
-        });
-    }
-    ComponentNodeCollection.prototype.query = function (query) {
-        if (query === void 0) { query = {}; }
-        var nodes = [];
-        (0, queries_1.traverseComponents)(this.root, this.switches, function (node) {
-            var match = Object.keys(query).every(function (member) {
-                return query[member] === node[member];
-            });
-            if (match) {
-                nodes.push(node);
-            }
-        });
-        return nodes;
-    };
-    ComponentNodeCollection.prototype.get = function (id) {
-        return ((0, queries_1.findComponent)(this.root, this.switches, function (node) { return node.id === id; }) ||
-            this.detached.find(function (node) { return node.id === id; }));
-    };
-    return ComponentNodeCollection;
-}());
-exports.ComponentNodeCollection = ComponentNodeCollection;

package/lib/component-platform/component-node.js

@@ -1,190 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentNode = void 0;
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var ComponentNode = /** @class */ (function () {
-    function ComponentNode(events, type) {
-        this.events = events;
-        this.tags = [];
-        this.children = {};
-        this.changesets = [];
-        this.mountCount = 0;
-        this.id = (0, widget_utilities_1.uuid)();
-        this.type = type;
-        this.attributes = {
-            context: {},
-            properties: {},
-            layout: {},
-            tags: [],
-        };
-        // write default attributes
-        this.writeLayout({ size: 'full', indent: 0 });
-    }
-    ComponentNode.prototype.mount = function (viewOutletContainer, element) {
-        var _this = this;
-        var mountedNodes = viewOutletContainer.get('mounted-nodes');
-        if (!mountedNodes) {
-            mountedNodes = new Map();
-            viewOutletContainer.register('mounted-nodes', mountedNodes);
-        }
-        if (mountedNodes.has(this)) {
-            if (process.env.NODE_ENV !== 'production') {
-                widget_utilities_1.Logger.error('Trying to mount an already mounted component node.', this);
-            }
-            return function () { };
-        }
-        /**
-         * Dispatched when a node is mounted in a component.
-         * This happens once for every `ViewOutlet`.
-         */
-        this.events.dispatch('components:node-mounted', { node: this });
-        if (this.mountCount === 0) {
-            this.mountCount = this.mountCount + 1;
-            /**
-             * Dispatched when a node is mounted in a component the first time.
-             */
-            this.events.dispatch('components:node-enter', { node: this });
-        }
-        return function () {
-            mountedNodes.delete(_this);
-            _this.events.dispatch('components:node-unmounted', { node: _this });
-            _this.mountCount = _this.mountCount - 1;
-            if (_this.mountCount === 0) {
-                _this.events.dispatch('components:node-exit', { node: _this });
-            }
-        };
-    };
-    ComponentNode.prototype.appendChild = function (node, branch) {
-        if (branch === void 0) { branch = 'default'; }
-        if (node.parent) {
-            if (node.parent === this) {
-                return;
-            }
-            node.parent.removeChild(node);
-        }
-        node.parent = this;
-        if (!this.children[branch]) {
-            this.children[branch] = [];
-        }
-        this.children[branch].push(node);
-        this.events.dispatch('components:node-appended', { node: node });
-    };
-    ComponentNode.prototype.prependChild = function (node, branch) {
-        if (branch === void 0) { branch = 'default'; }
-        if (node.parent) {
-            if (node.parent === this) {
-                return;
-            }
-            node.parent.removeChild(node);
-        }
-        node.parent = this;
-        if (!this.children[branch]) {
-            this.children[branch] = [];
-        }
-        this.children[branch].unshift(node);
-        this.events.dispatch('components:node-appended', { node: node });
-    };
-    ComponentNode.prototype.touchProperties = function (properties, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { properties: properties };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-properties', { node: this });
-        return function () {
-            if (removable) {
-                var indexToRemove = _this.changesets.indexOf(changeset);
-                if (indexToRemove > -1) {
-                    _this.changesets.splice(indexToRemove, 1);
-                    _this.events.dispatch('components:set-properties', { node: _this });
-                }
-            }
-        };
-    };
-    ComponentNode.prototype.writeProperties = function (properties, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { properties: properties };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-properties', { node: this });
-        return function () {
-            if (removable) {
-                var indexToRemove = _this.changesets.indexOf(changeset);
-                if (indexToRemove > -1) {
-                    _this.changesets.splice(indexToRemove, 1);
-                    _this.events.dispatch('components:set-properties', { node: _this });
-                }
-            }
-        };
-    };
-    ComponentNode.prototype.writeLayout = function (layout, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { layout: layout };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-layout', { node: this });
-        return function () {
-            if (!removable) {
-                return;
-            }
-            var indexToRemove = _this.changesets.indexOf(changeset);
-            if (indexToRemove > -1) {
-                _this.changesets.splice(indexToRemove, 1);
-                _this.events.dispatch('components:set-layout', { node: _this });
-            }
-        };
-    };
-    ComponentNode.prototype.writeContext = function (context, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { context: context };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-context', { node: this });
-        return function () {
-            if (!removable) {
-                return;
-            }
-            var indexToRemove = _this.changesets.indexOf(changeset);
-            if (indexToRemove > -1) {
-                _this.changesets.splice(indexToRemove, 1);
-                _this.events.dispatch('components:set-context', { node: _this });
-            }
-        };
-    };
-    ComponentNode.prototype.getChildren = function (branch) {
-        if (branch === void 0) { branch = 'default'; }
-        var children = this.children[branch] || [];
-        return children.reduce(function (acc, node, i) {
-            var _a = node.attributes.layout.order, index = _a === void 0 ? i : _a;
-            if (!acc[index]) {
-                acc[index] = node;
-            }
-            else {
-                acc.splice(index, 0, node);
-            }
-            return acc;
-        }, Array(children.length));
-    };
-    ComponentNode.prototype.remove = function () {
-        if (this.parent) {
-            this.parent.removeChild(this);
-        }
-    };
-    ComponentNode.prototype.removeChild = function (node) {
-        var _this = this;
-        Object.keys(this.children).forEach(function (branch) {
-            var children = _this.children[branch];
-            var indexToRemove = children.indexOf(node);
-            if (indexToRemove > -1) {
-                children.splice(indexToRemove, 1);
-                _this.events.dispatch('components:node-removed', { node: node, parentNode: _this });
-            }
-        });
-        delete node.parent;
-    };
-    return ComponentNode;
-}());
-exports.ComponentNode = ComponentNode;

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

@@ -1,54 +0,0 @@
-import { Container, EventManager, Widget } from '@webprovisions/platform';
-import { ActionsController, ActionsState } from './actions-controller';
-import { ChangesetProvider } from './changeset-provider';
-import { ChangesetOptions, ComponentNode, ComponentNodeSettings, RemoveChangeset } from './component-node';
-import { ComponentNodeCollection } from './component-node-collection';
-import { ComponentQuery } from './component-query';
-import { CustomHandlerCallback } from './custom-component-handler';
-export declare type MergeOptions = {
-    breakpoints?: string[];
-};
-export declare type SwitchMap = {
-    [id: string]: string;
-};
-export declare type ChangesetData = {
-    key?: string;
-    target: ComponentQuery;
-    attributes: Partial<ComponentNodeSettings>;
-    options?: ChangesetOptions;
-    removable?: boolean;
-    provider?: string;
-};
-export declare class ComponentPlatform {
-    private providers;
-    events: EventManager;
-    breakpoints: string[];
-    nodes: ComponentNodeCollection;
-    actionsState: ActionsState;
-    private switches;
-    private changesets;
-    private subscriptions;
-    private processNode;
-    private customComponentHandler;
-    constructor(widget: Widget, providers?: {
-        [key: string]: ChangesetProvider;
-    });
-    static getInstance(container: Container): Promise<ComponentPlatform>;
-    addBreakpoint(name: string): void;
-    removeBreakpoint(name: string): void;
-    setSwitch(node: ComponentNode, branch: string): void;
-    getBranch(node: ComponentNode): string | undefined;
-    /**
-     * Creates a `ComponentNode` of the specified type.
-     * @param type Type of node.
-     */
-    createNode(type: string, options?: {
-        detached?: boolean;
-    }): ComponentNode;
-    components(): ComponentQuery;
-    actions(target: ComponentQuery, ns: string): ActionsController;
-    write(data: ChangesetData): RemoveChangeset;
-    addComponentHandler(definitionType: string, fn: CustomHandlerCallback): void;
-    getComponentHandler(definitionType: string): CustomHandlerCallback | undefined;
-    dispose(): void;
-}