@telia-ace/widget-core 1.0.2 → 1.0.6

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

@@ -1,217 +0,0 @@
-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;
-};
-import { uuid } from '@telia-ace/widget-utilities';
-import { ActionsController } from './actions-controller';
-import { ComponentNode, } from './component-node';
-import { ComponentNodeCollection } from './component-node-collection';
-import { ComponentQuery } from './component-query';
-import { CustomComponentHandler } from './custom-component-handler';
-import { createStateProcessor } from './state-processor';
-var ComponentPlatform = /** @class */ (function () {
-    function ComponentPlatform(widget, providers) {
-        if (providers === void 0) { providers = {}; }
-        var _this = this;
-        this.providers = providers;
-        this.breakpoints = [];
-        // internal
-        this.actionsState = { handlers: [], watchers: [] };
-        this.switches = {};
-        this.changesets = [];
-        this.subscriptions = [];
-        this.customComponentHandler = new CustomComponentHandler();
-        this.events = widget.events.createChild(this);
-        var root = new ComponentNode(this.events, 'root');
-        root.name = "root-".concat(widget.name);
-        this.nodes = new ComponentNodeCollection(root, this.switches, this.events);
-        var processNode = (this.processNode = createStateProcessor(this, function (report) {
-            var nodes = Array.from(report.keys());
-            if (process.env.NODE_ENV !== 'production') {
-                console.info("STATE PROCESSOR: ".concat(nodes.length, " node(s) processed:\n").concat(nodes.map(function (node) { return "".concat(node.name || '<no name>', " (").concat(node.id, ")\n"); })));
-            }
-            nodes.forEach(function (node) {
-                var options = report.get(node);
-                if (node.parent && node.parent.type === 'root') {
-                    _this.events.dispatch('components:root-children-changed', { node: node });
-                }
-                if (options === null || options === void 0 ? void 0 : options.context) {
-                    _this.events.dispatch('components:context-changed', { node: node });
-                }
-                if (options === null || options === void 0 ? void 0 : options.properties) {
-                    _this.events.dispatch('components:properties-changed', { node: node });
-                }
-                if (options === null || options === void 0 ? void 0 : options.layout) {
-                    _this.events.dispatch('components:layout-changed', { node: node });
-                }
-            });
-            _this.events.dispatch('components:component-model-initialized', {}, { bubbles: true });
-        }));
-        Promise.all(Object.keys(providers).map(function (key) {
-            var provider = providers[key];
-            return provider.load(_this);
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-appended', function (event, data) {
-            var node = data.node;
-            _this.changesets.forEach(function (record) {
-                var changeset = record.changeset, target = record.target, removes = record.removes;
-                var _a = __read(changeset, 2), change = _a[0], options = _a[1];
-                if (target.match(data.node)) {
-                    if (change.properties) {
-                        removes.push(node.writeProperties(change.properties, options));
-                    }
-                    if (change.context) {
-                        removes.push(node.writeContext(change.context, options));
-                    }
-                    if (change.layout) {
-                        removes.push(node.writeLayout(change.layout, options));
-                    }
-                }
-            });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-appended', function (event, data) {
-            processNode(data.node, { properties: true, context: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-properties', function (event, data) {
-            processNode(data.node, { properties: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-context', function (event, data) {
-            processNode(data.node, { properties: true, context: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-indent', function (event, data) {
-            processNode(data.node, { layout: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-layout', function (event, data) {
-            processNode(data.node, { layout: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-switched', function (event, _a) {
-            var node = _a.node, branch = _a.branch;
-            processNode(node, {
-                layout: true,
-                recursive: true,
-                properties: true,
-                context: true,
-            });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-removed', function (event, _a) {
-            var parentNode = _a.parentNode;
-            processNode(parentNode, { properties: true });
-        }));
-        if (this.events.parent) {
-            this.events.parent.dispatch('components:platform-created', { platform: this });
-        }
-    }
-    ComponentPlatform.getInstance = function (container) {
-        return container.getAsync('components');
-    };
-    ComponentPlatform.prototype.addBreakpoint = function (name) {
-        if (this.breakpoints.indexOf(name) === -1) {
-            this.breakpoints.push(name);
-            this.processNode(this.nodes.root, {
-                context: true,
-                properties: true,
-                layout: true,
-                recursive: true,
-            });
-        }
-    };
-    ComponentPlatform.prototype.removeBreakpoint = function (name) {
-        var indexToRemove = this.breakpoints.indexOf(name);
-        if (indexToRemove > -1) {
-            this.breakpoints.splice(indexToRemove, 1);
-            this.processNode(this.nodes.root, {
-                context: true,
-                properties: true,
-                layout: true,
-                recursive: true,
-            });
-        }
-    };
-    ComponentPlatform.prototype.setSwitch = function (node, branch) {
-        this.switches[node.id] = branch;
-        this.events.dispatch('components:node-switched', { node: node, branch: branch });
-    };
-    ComponentPlatform.prototype.getBranch = function (node) {
-        return this.switches[node.id];
-    };
-    /**
-     * Creates a `ComponentNode` of the specified type.
-     * @param type Type of node.
-     */
-    ComponentPlatform.prototype.createNode = function (type, options) {
-        if (options === void 0) { options = {}; }
-        var node = new ComponentNode(this.events, type);
-        if (options.detached) {
-            this.nodes.detached.push(node);
-        }
-        return node;
-    };
-    ComponentPlatform.prototype.components = function () {
-        return new ComponentQuery(this);
-    };
-    ComponentPlatform.prototype.actions = function (target, ns) {
-        return new ActionsController(this, target, ns);
-    };
-    ComponentPlatform.prototype.write = function (data) {
-        var _this = this;
-        var providerName = data.provider, target = data.target, attributes = data.attributes, _a = data.options, options = _a === void 0 ? {} : _a, removable = data.removable;
-        var key = data.key || uuid();
-        var changeset = [attributes, options];
-        var record = { changeset: changeset, target: target, removes: [] };
-        if (providerName) {
-            var provider_1 = this.providers[providerName];
-            provider_1.write(key, target, attributes, options);
-            record.removes.push(function () {
-                provider_1.remove(key);
-            });
-        }
-        this.changesets.push(record);
-        this.nodes.all.forEach(function (node) {
-            if (target.match(node)) {
-                var remove = function () { };
-                if (attributes.properties) {
-                    remove = node.writeProperties(attributes.properties, options, removable);
-                }
-                if (attributes.context) {
-                    remove = node.writeContext(attributes.context, options, removable);
-                }
-                if (attributes.layout) {
-                    remove = node.writeContext(attributes.layout, options, removable);
-                }
-                record.removes.push(remove);
-            }
-        });
-        return function () {
-            if (removable) {
-                record.removes.forEach(function (remove) { return remove(); });
-                var indexToRemove = _this.changesets.indexOf(record);
-                if (indexToRemove > -1) {
-                    _this.changesets.splice(indexToRemove, 1);
-                }
-            }
-        };
-    };
-    ComponentPlatform.prototype.addComponentHandler = function (definitionType, fn) {
-        this.customComponentHandler.add(definitionType, fn);
-    };
-    ComponentPlatform.prototype.getComponentHandler = function (definitionType) {
-        return this.customComponentHandler.get(definitionType);
-    };
-    ComponentPlatform.prototype.dispose = function () {
-        this.subscriptions.forEach(function (sub) { return sub(); });
-    };
-    return ComponentPlatform;
-}());
-export { ComponentPlatform };

package/lib-esm/component-platform/component-query.js

@@ -1,32 +0,0 @@
-import { AbstractComponentController } from './component-controller';
-var ComponentQuery = /** @class */ (function () {
-    function ComponentQuery(platform, rules) {
-        if (rules === void 0) { rules = []; }
-        this.platform = platform;
-        this.rules = rules;
-    }
-    ComponentQuery.prototype.match = function (node) {
-        return this.rules.every(function (rule) {
-            if (rule.id && rule.id !== node.id) {
-                return false;
-            }
-            if (rule.type && rule.type !== node.type) {
-                return false;
-            }
-            return true;
-        });
-    };
-    ComponentQuery.prototype.ofType = function (type) {
-        this.rules.push({ type: type });
-        return this;
-    };
-    ComponentQuery.prototype.withId = function (id) {
-        this.rules.push({ id: id });
-        return this;
-    };
-    ComponentQuery.prototype.select = function () {
-        return new AbstractComponentController(this.platform, this);
-    };
-    return ComponentQuery;
-}());
-export { ComponentQuery };

package/lib-esm/component-platform/create-component-model.js

@@ -1,135 +0,0 @@
-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;
-};
-import { Logger } from '@telia-ace/widget-utilities';
-export var normalizeReference = function (reference) {
-    if (Array.isArray(reference)) {
-        var _a = __read(reference), definitionId = _a[0], overrides = _a.slice(1);
-        return {
-            definitionId: definitionId,
-            overrides: overrides,
-        };
-    }
-    return {
-        definitionId: reference,
-        overrides: [],
-    };
-};
-export var createChildren = function (platform, node, references, definitions, views, branch) {
-    references.forEach(function (ref) {
-        var childRef = normalizeReference(ref);
-        var childDef = definitions[childRef.definitionId];
-        if (childRef.definitionId === 'view') {
-            var viewNode_1 = platform.createNode('view');
-            viewNode_1.name = 'view';
-            Object.keys(views).forEach(function (key) {
-                var viewDef = views[key];
-                createChildren(platform, viewNode_1, [viewDef.entry], definitions, views, key);
-            });
-            node.appendChild(viewNode_1);
-            childRef.overrides.forEach(function (override) {
-                if (override.properties) {
-                    viewNode_1.writeProperties(override.properties, {
-                        breakpoints: override.breakpoints,
-                    });
-                }
-                if (override.context) {
-                    viewNode_1.writeContext(override.context, { breakpoints: override.breakpoints });
-                }
-                if (override.layout) {
-                    viewNode_1.writeLayout(override.layout, { breakpoints: override.breakpoints });
-                }
-            });
-        }
-        else if (platform.getComponentHandler(childDef.type)) {
-            var handle = platform.getComponentHandler(childDef.type);
-            if (handle) {
-                handle(childRef, {
-                    platform: platform,
-                    node: node,
-                    references: references,
-                    definitions: definitions,
-                    views: views,
-                    branch: branch,
-                });
-            }
-        }
-        else {
-            var childDef_1 = definitions[childRef.definitionId];
-            if (process.env.NODE_ENV !== 'production') {
-                if (!childDef_1) {
-                    Logger.error("No definition found for component type '".concat(childRef.definitionId, "'."));
-                    return;
-                }
-            }
-            var childNode_1 = platform.createNode(childDef_1.type);
-            childNode_1.name = childRef.definitionId;
-            childNode_1.tags = childDef_1.tags || [];
-            if (childDef_1.properties) {
-                childNode_1.writeProperties(childDef_1.properties);
-            }
-            if (childDef_1.context) {
-                childNode_1.writeContext(childDef_1.context);
-            }
-            if (childDef_1.layout) {
-                childNode_1.writeLayout(childDef_1.layout);
-            }
-            node.appendChild(childNode_1, branch);
-            childRef.overrides.forEach(function (override) {
-                var options = { breakpoints: override.breakpoints };
-                if (override.properties) {
-                    childNode_1.writeProperties(override.properties, options);
-                }
-                if (override.context) {
-                    childNode_1.writeContext(override.context, options);
-                }
-                if (override.layout) {
-                    childNode_1.writeLayout(override.layout, options);
-                }
-            });
-            if (childDef_1.children) {
-                createChildren(platform, childNode_1, childDef_1.children, definitions, views);
-            }
-        }
-    });
-};
-export var createComponentModel = function (platform, settings) {
-    var entry = settings.entry, components = settings.components, breakpoints = settings.breakpoints, views = settings.views;
-    var subscriptions = [];
-    Object.keys(breakpoints).forEach(function (name) {
-        var query = breakpoints[name];
-        var list = window.matchMedia(query);
-        if (list.matches) {
-            platform.breakpoints.push(name);
-        }
-        var listener = function (event) {
-            if (event.matches) {
-                platform.addBreakpoint(name);
-            }
-            else {
-                platform.removeBreakpoint(name);
-            }
-        };
-        list.addListener(listener);
-        subscriptions.push(function () { return list.removeListener(listener); });
-    });
-    createChildren(platform, platform.nodes.root, [entry], components, views);
-    return function () {
-        return subscriptions.forEach(function (sub) {
-            sub();
-        });
-    };
-};

package/lib-esm/component-platform/custom-component-handler.js

@@ -1,13 +0,0 @@
-var CustomComponentHandler = /** @class */ (function () {
-    function CustomComponentHandler() {
-        this.handlers = new Map();
-    }
-    CustomComponentHandler.prototype.add = function (name, fn) {
-        this.handlers.set(name, fn);
-    };
-    CustomComponentHandler.prototype.get = function (name) {
-        return this.handlers.get(name);
-    };
-    return CustomComponentHandler;
-}());
-export { CustomComponentHandler };

package/lib-esm/component-platform/descriptor.js

@@ -1,8 +0,0 @@
-export var asDescriptor = function (node, branch) {
-    return {
-        id: node.id,
-        type: node.type,
-        name: node.name,
-        branch: branch || 'default',
-    };
-};

package/lib-esm/component-platform/extend-component.js

@@ -1,53 +0,0 @@
-import { uuid } from '@telia-ace/widget-utilities';
-import { ComponentNodeController } from './component-controller';
-import { ComponentPlatform } from './component-platform';
-import { ComponentQuery } from './component-query';
-export var extendComponent = function (container, typeOrQuery, handler, ns, options) {
-    if (ns === void 0) { ns = uuid(); }
-    if (options === void 0) { options = {}; }
-    return container.getAsync('components').then(function (components) {
-        var target;
-        if (typeof typeOrQuery === 'string') {
-            var collection = new ComponentQuery(components);
-            collection.ofType(typeOrQuery);
-            target = collection;
-        }
-        else {
-            target = typeOrQuery;
-        }
-        var managedInstances = {};
-        var getOrCreateController = function (node) {
-            var existing = managedInstances[node.id];
-            if (existing) {
-                return Promise.resolve(existing.controller);
-            }
-            return ComponentPlatform.getInstance(container).then(function (platform) {
-                return new ComponentNodeController(platform, node, ns);
-            });
-        };
-        components.events.subscribe('components:node-enter', function (event, _a) {
-            var node = _a.node;
-            if (target.match(node)) {
-                getOrCreateController(node).then(function (controller) {
-                    Promise.resolve(handler(controller)).then(function (dispose) {
-                        managedInstances[node.id] = {
-                            dispose: dispose,
-                            controller: controller,
-                        };
-                    });
-                });
-            }
-        });
-        components.events.subscribe('components:node-exit', function (event, _a) {
-            var node = _a.node;
-            var instance = managedInstances[node.id];
-            if (instance) {
-                instance.dispose && instance.dispose();
-                if (!options.reuseController) {
-                    instance.controller.dispose();
-                    delete managedInstances[node.id];
-                }
-            }
-        });
-    });
-};

package/lib-esm/component-platform/index.js

@@ -1,10 +0,0 @@
-export { ActionsController } from './actions-controller';
-export { default as componentConfigurationApi } from './component-configuration-api';
-export { AbstractComponentController, ComponentNodeController } from './component-controller';
-export { ComponentNode } from './component-node';
-export { ComponentPlatform } from './component-platform';
-export { ComponentQuery } from './component-query';
-export { createChildren, createComponentModel } from './create-component-model';
-export { asDescriptor } from './descriptor';
-export { extendComponent } from './extend-component';
-export { findComponent, findVisibleComponents, traverseComponents } from './queries';

package/lib-esm/component-platform/queries.js

@@ -1,46 +0,0 @@
-var traverseComponentsRecursive = function (nodes, switches, fn) {
-    for (var i = 0, y = nodes.length; i < y; i++) {
-        if (fn(nodes[i]) === true) {
-            break;
-        }
-        var branch = switches[nodes[i].id] || 'default';
-        var children = nodes[i].getChildren(branch);
-        traverseComponentsRecursive(children, switches, fn);
-    }
-};
-export var traverseComponents = function (root, switches, fn) {
-    if (fn(root) !== true) {
-        var branch = switches[root.id] || 'default';
-        var children = root.children[branch];
-        traverseComponentsRecursive(children, switches, fn);
-    }
-};
-export var findVisibleComponents = function (root, switches) {
-    var nodes = [];
-    traverseComponents(root, switches, function (node) {
-        nodes.push(node);
-    });
-    return nodes;
-};
-export var findComponent = function (root, switches, fn) {
-    var matched;
-    traverseComponents(root, switches, function (node) {
-        if (fn(node)) {
-            matched = node;
-            return true;
-        }
-    });
-    return matched;
-};
-export var getAncestors = function (node) {
-    if (!node.parent) {
-        return [];
-    }
-    var tree = [];
-    var currentNode = node.parent;
-    while (currentNode) {
-        tree.unshift(currentNode);
-        currentNode = currentNode.parent;
-    }
-    return tree;
-};