@telia-ace/widget-core 1.0.4 → 1.0.5

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.d.ts

@@ -1,18 +0,0 @@
-import { EventManager } from '@webprovisions/platform';
-import { ComponentNode } from './component-node';
-import { SwitchMap } from './component-platform';
-export declare type QueryDescriptor = {
-    id?: string;
-    type?: string;
-    name?: string;
-};
-export declare class ComponentNodeCollection {
-    root: ComponentNode;
-    private switches;
-    all: ComponentNode[];
-    visible: ComponentNode[];
-    detached: ComponentNode[];
-    constructor(root: ComponentNode, switches: SwitchMap, events: EventManager);
-    query(query?: QueryDescriptor): ComponentNode[];
-    get(id: string): ComponentNode | undefined;
-}

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.d.ts

@@ -1,63 +0,0 @@
-import { Container, EventManager } from '@webprovisions/platform';
-import { Breakpoints } from '../types';
-export declare type ComponentNodeEventData = {
-    node: ComponentNode;
-};
-export declare type RemoveChangeset = () => void;
-export declare type ComponentNodeAttributes = {
-    tags: string[];
-    properties: ComponentNodeProperties;
-    context: ComponentNodeContext;
-    layout: ComponentNodeLayout;
-};
-export declare type ResolveComponentNodeProperties = (properties: ComponentNodeProperties) => Partial<ComponentNodeProperties> | void;
-export declare type ResolveComponentNodeContext = (context: ComponentNodeContext) => Partial<ComponentNodeContext>;
-export declare type ResolveComponentNodeLayout = (layout: ComponentNodeLayout) => Partial<ComponentNodeLayout>;
-export declare type ComponentNodeSettings = {
-    tags?: string[];
-    properties?: ComponentNodeProperties | ResolveComponentNodeProperties;
-    context?: ComponentNodeContext | ResolveComponentNodeContext;
-    layout?: ComponentNodeLayout | ResolveComponentNodeLayout;
-};
-export declare type ComponentNodeProperties = {
-    [key: string]: any;
-};
-export declare type ComponentNodeContext = {
-    [key: string]: any;
-};
-export declare type ComponentNodeLayout = {
-    size?: Size;
-    indent?: number;
-    order?: number;
-};
-export declare type Size = number | 'full' | 'none';
-export declare type UnmountComponentNode = () => void;
-export declare type ChangesetOptions = {
-    breakpoints?: Breakpoints;
-};
-export declare type Changeset = [Partial<ComponentNodeSettings>, ChangesetOptions];
-export declare class ComponentNode {
-    private events;
-    id: string;
-    type: string;
-    name?: string;
-    parent?: ComponentNode;
-    tags: string[];
-    children: {
-        [key: string]: ComponentNode[];
-    };
-    changesets: Changeset[];
-    attributes: ComponentNodeAttributes;
-    private mountCount;
-    constructor(events: EventManager, type: string);
-    mount(viewOutletContainer: Container, element?: HTMLElement): UnmountComponentNode;
-    appendChild(node: ComponentNode, branch?: string): void;
-    prependChild(node: ComponentNode, branch?: string): void;
-    touchProperties(properties: ResolveComponentNodeProperties, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    writeProperties(properties: Partial<ComponentNodeProperties> | ResolveComponentNodeProperties, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    writeLayout(layout: Partial<ComponentNodeLayout> | ResolveComponentNodeLayout, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    writeContext(context: Partial<ComponentNodeContext> | ResolveComponentNodeContext, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    getChildren(branch?: string): ComponentNode[];
-    remove(): void;
-    removeChild(node: ComponentNode): void;
-}

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;
-}