@veloceapps/sdk 2.0.9 → 2.0.11

package/bundles/veloce-sdk-cms.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('@veloce/core'), require('lodash'), require('@veloce/sdk/runtime'), require('rxjs/operators'), require('@veloce/api'), require('primeng/api'), require('@babel/standalone'), require('@veloce/components')) :
-    typeof define === 'function' && define.amd ? define('@veloce/sdk/cms', ['exports', '@angular/core', 'rxjs', '@angular/common', '@angular/forms', '@veloce/core', 'lodash', '@veloce/sdk/runtime', 'rxjs/operators', '@veloce/api', 'primeng/api', '@babel/standalone', '@veloce/components'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.veloce = global.veloce || {}, global.veloce.sdk = global.veloce.sdk || {}, global.veloce.sdk.cms = {}), global.ng.core, global.rxjs, global.ng.common, global.ng.forms, global["@veloce/core"], global.lodash, global.veloce.sdk.runtime, global.rxjs.operators, global["@veloce/api"], global["primeng/api"], global["@babel/standalone"], global["@veloce/components"]));
-})(this, (function (exports, i0, rxjs, i7, angularForms, core, lodash, i2, rxjsOperators, i1, i2$1, standalone, i5) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@veloce/core'), require('@angular/forms'), require('lodash'), require('@veloce/sdk/runtime'), require('rxjs/operators'), require('@veloce/api'), require('primeng/api'), require('@babel/standalone'), require('@veloce/components')) :
+    typeof define === 'function' && define.amd ? define('@veloce/sdk/cms', ['exports', '@angular/core', 'rxjs', '@angular/common', '@veloce/core', '@angular/forms', 'lodash', '@veloce/sdk/runtime', 'rxjs/operators', '@veloce/api', 'primeng/api', '@babel/standalone', '@veloce/components'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.veloce = global.veloce || {}, global.veloce.sdk = global.veloce.sdk || {}, global.veloce.sdk.cms = {}), global.ng.core, global.rxjs, global.ng.common, global["@veloce/core"], global.ng.forms, global.lodash, global.veloce.sdk.runtime, global.rxjs.operators, global["@veloce/api"], global["primeng/api"], global["@babel/standalone"], global["@veloce/components"]));
+})(this, (function (exports, i0, rxjs, i7, core, angularForms, lodash, i2, rxjsOperators, i1, i2$1, standalone, i5) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -356,6 +356,7 @@
     var ELEMENT_METADATA = new i0.InjectionToken('ELEMENT_METADATA_TOKEN');
     var SHARED_ELEMENT_METADATA = new i0.InjectionToken('SHARED_ELEMENT_METADATA_TOKEN');
     var ELEMENT_CONFIG = new i0.InjectionToken('ELEMENT_CONFIG_TOKEN');
+    var VENDOR_MAP = new i0.InjectionToken('VENDOR_MAP');
 
     var vlInjectionTokens = /*#__PURE__*/Object.freeze({
         __proto__: null,
@@ -363,7 +364,8 @@
         UI_DEFINITION_METADATA: UI_DEFINITION_METADATA,
         ELEMENT_METADATA: ELEMENT_METADATA,
         SHARED_ELEMENT_METADATA: SHARED_ELEMENT_METADATA,
-        ELEMENT_CONFIG: ELEMENT_CONFIG
+        ELEMENT_CONFIG: ELEMENT_CONFIG,
+        VENDOR_MAP: VENDOR_MAP
     });
 
     var Entity = /** @class */ (function () {
@@ -425,8 +427,14 @@
         if (((_c = segments[segments.length - 1]) === null || _c === void 0 ? void 0 : _c[0]) === ':') {
             variable = (_d = segments.pop()) === null || _d === void 0 ? void 0 : _d.substring(1);
         }
+        var isAbsolute = !segments[0];
+        var nonEmptySegments = segments.filter(Boolean);
+        if (!isAbsolute && nonEmptySegments[0] === '.') {
+            nonEmptySegments.shift();
+        }
         return {
-            segments: segments,
+            isAbsolute: isAbsolute,
+            segments: nonEmptySegments,
             module: module,
             variable: variable,
         };
@@ -455,16 +463,15 @@
         return;
     };
     var getAbsolutePath = function (elements, subject, path) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         if (path.module) {
             return (_a = findElementByModule(elements, path.module, path.segments[0])) === null || _a === void 0 ? void 0 : _a.path;
         }
         var subjectSegments = (_c = (_b = subject.path) === null || _b === void 0 ? void 0 : _b.split('/')) !== null && _c !== void 0 ? _c : [];
-        var isRelativePath = ((_d = path.segments[0]) === null || _d === void 0 ? void 0 : _d[0]) === '.';
-        if (!isRelativePath) {
-            return path.segments.join('/');
-        }
         var segments = __spreadArray([], __read(path.segments));
+        if (path.isAbsolute) {
+            return segments.join('/');
+        }
         while (segments.length) {
             var segment = segments.shift();
             if (segment === '..') {
@@ -511,9 +518,9 @@
         };
         return DynamicModuleService;
     }());
-    DynamicModuleService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: DynamicModuleService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    DynamicModuleService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: DynamicModuleService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: DynamicModuleService, decorators: [{
+    DynamicModuleService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DynamicModuleService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    DynamicModuleService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DynamicModuleService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DynamicModuleService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -543,19 +550,25 @@
             return this.createSubjectSafe(absolutePath !== null && absolutePath !== void 0 ? absolutePath : '', finalName, value);
         };
         IOProviderService.prototype.createSubjectSafe = function (path, name, subject) {
+            var _this = this;
             if (!this.inputs[path]) {
                 this.inputs[path] = {};
             }
+            var subjectAlreadyExists = Boolean(this.inputs[path][name]);
             if (!this.inputs[path][name]) {
                 this.inputs[path][name] = subject !== null && subject !== void 0 ? subject : new rxjs.BehaviorSubject(undefined);
             }
+            if (subject && subjectAlreadyExists) {
+                // push delayed value to workaround 'changed after it was checked' issue
+                setTimeout(function () { return _this.inputs[path][name].next(subject.value); });
+            }
             return this.inputs[path][name];
         };
         return IOProviderService;
     }());
-    IOProviderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: IOProviderService, deps: [{ token: DynamicModuleService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    IOProviderService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: IOProviderService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: IOProviderService, decorators: [{
+    IOProviderService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOProviderService, deps: [{ token: DynamicModuleService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    IOProviderService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOProviderService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOProviderService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: DynamicModuleService }]; } });
 
@@ -571,9 +584,9 @@
         };
         return TemplatesService;
     }());
-    TemplatesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TemplatesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    TemplatesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TemplatesService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TemplatesService, decorators: [{
+    TemplatesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TemplatesService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    TemplatesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TemplatesService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TemplatesService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -607,31 +620,81 @@
         }
         return IOPlugin;
     }());
-    IOPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: IOPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    IOPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: IOPlugin, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: IOPlugin, decorators: [{
+    IOPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    IOPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: IOPlugin, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IOPlugin, decorators: [{
+                type: i0.Directive
+            }], ctorParameters: function () { return [{ type: exports.ElementComponent }]; } });
+
+    var normalizeImports = function (script) {
+        var regexp = new RegExp("import([ \\n\\t]*(?:[^ \\n\\t\\{\\}]+[ \\n\\t]*,?)?(?:[ \\n\\t]*\\{(?:[ \\n\\t]*[^ \\n\\t\"'\\{\\}]+[ \\n\\t]*,?)+\\})?[ \\n\\t]*)from[ \\n\\t]*(['\"])([^'\"\\n]+)(?:['\"]);", 'g');
+        var result = script.replace(regexp, function (match, g1, g2, src) { return "const " + g1 + " = vendor['" + src + "'];"; });
+        return result;
+    };
+    var ScriptPlugin = /** @class */ (function () {
+        function ScriptPlugin(host) {
+            this.host = host;
+            this.document = this.host.injector.get(i7.DOCUMENT);
+            this.vendorMap = this.host.injector.get(VENDOR_MAP);
+            var elementMetadata = this.host.injector.get(ELEMENT_METADATA);
+            var sharedElementMetadata = this.host.injector.get(SHARED_ELEMENT_METADATA);
+            if (sharedElementMetadata === null || sharedElementMetadata === void 0 ? void 0 : sharedElementMetadata.script) {
+                this.addScript(sharedElementMetadata.script);
+            }
+            if (elementMetadata.script) {
+                this.addScript(elementMetadata.script);
+            }
+        }
+        ScriptPlugin.prototype.addScript = function (scriptStr) {
+            var id = btoa(core.UUID.UUID());
+            var script = this.document.createElement('script');
+            script.type = "text/javascript";
+            var scriptContent = normalizeImports(scriptStr);
+            var classMatch = /export class (\S+)/.exec(scriptContent);
+            var className = classMatch === null || classMatch === void 0 ? void 0 : classMatch[1];
+            if (!classMatch || !className) {
+                console.error("Script doesn't have exported class");
+                return;
+            }
+            scriptContent = scriptContent.replace(classMatch[0], "class " + className);
+            script.text = "var " + id + " = function(vendor) {" + scriptContent + "\n        return " + className + "; };";
+            this.document.body.appendChild(script);
+            var ScriptClass = window[id](this.vendorMap);
+            if (ScriptClass instanceof Object) {
+                this.host.registerPlugin(new ScriptClass(this.host));
+            }
+            this.document.body.removeChild(script);
+        };
+        return ScriptPlugin;
+    }());
+    ScriptPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ScriptPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    ScriptPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ScriptPlugin, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ScriptPlugin, decorators: [{
                 type: i0.Directive
             }], ctorParameters: function () { return [{ type: exports.ElementComponent }]; } });
 
+    /*
+     * ScriptPlugin must always be the last plugin in the list to make sure user code is running after all pre-initializers.
+     */
     var CONFIG = {
         CUSTOM: {
             component: exports.ElementComponent,
-            plugins: [IOPlugin],
+            plugins: [IOPlugin, ScriptPlugin],
         },
         CONTAINER: {
             component: exports.ElementComponent,
             defaultTemplate: '<element-children></element-children>',
-            plugins: [],
+            plugins: [ScriptPlugin],
         },
         SERVICE: {
             component: exports.ElementComponent,
-            plugins: [IOPlugin],
+            plugins: [IOPlugin, ScriptPlugin],
             suppressTemplate: true,
             suppressStyles: true,
         },
         REFERENCE: {
             component: exports.ElementComponent,
-            plugins: [IOPlugin],
+            plugins: [IOPlugin, ScriptPlugin],
             suppressTemplate: true,
         },
     };
@@ -772,9 +835,9 @@
         }
         return ElementContextService;
     }());
-    ElementContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementContextService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ElementContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementContextService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementContextService, decorators: [{
+    ElementContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementContextService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ElementContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementContextService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementContextService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -919,7 +982,7 @@
     var getDefaultLineItem = function (context, uiDefinitionProperties) {
         var _a, _b, _c;
         var id = core.UUID.UUID();
-        var lineItem = Object.assign({ id: id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', qty: 1, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b.displayName) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '', offeringId: context.offeringId }, (context.offeringId
+        var lineItem = Object.assign({ id: id, type: (_a = uiDefinitionProperties.rootType) !== null && _a !== void 0 ? _a : '', cfgStatus: 'Default', qty: 1, productName: ((_b = context.properties) === null || _b === void 0 ? void 0 : _b.displayName) || context.productName, productId: (_c = context.productId) !== null && _c !== void 0 ? _c : '' }, (context.offeringId
             ? { offeringId: context.offeringId, offeringInstanceId: context.offeringInstanceId || id }
             : {}));
         return lineItem;
@@ -933,10 +996,10 @@
         RuntimeContextService.prototype.getRuntimeContext = function (productId, offeringId) {
             var _this = this;
             return this.configurationApiService.getRuntimeDataByProductId(productId, offeringId).pipe(rxjsOperators.map(function (runtimeData) {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 var uiDefinition = _this.getUIDefinition(runtimeData);
                 var runtimeModel = core.RuntimeModel.create(runtimeData.types, runtimeData.products);
-                var _c = (_a = Array.from(runtimeModel.components.values()).find(function (c) { return c.productId === productId; })) !== null && _a !== void 0 ? _a : {}, productName = _c.productName, properties = _c.properties;
+                var _e = (_a = Array.from(runtimeModel.components.values()).find(function (c) { return c.productId === productId; })) !== null && _a !== void 0 ? _a : {}, productName = _e.productName, properties = _e.properties;
                 return {
                     modelId: runtimeData.modelId,
                     uiDefinition: uiDefinition,
@@ -945,8 +1008,10 @@
                     productId: productId,
                     productType: (properties === null || properties === void 0 ? void 0 : properties.displayName) || productName,
                     offeringId: offeringId,
+                    priceListId: (_b = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _b === void 0 ? void 0 : _b.priceList,
                     properties: {
-                        PricingEnabled: (_b = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _b === void 0 ? void 0 : _b.pricingEnabled,
+                        PricingEnabled: (_c = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _c === void 0 ? void 0 : _c.pricingEnabled,
+                        PriceListId: (_d = uiDefinition === null || uiDefinition === void 0 ? void 0 : uiDefinition.properties) === null || _d === void 0 ? void 0 : _d.priceList,
                     },
                 };
             }));
@@ -974,9 +1039,9 @@
         };
         return RuntimeContextService;
     }());
-    RuntimeContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i2__namespace.MessageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    RuntimeContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: RuntimeContextService, decorators: [{
+    RuntimeContextService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RuntimeContextService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i2__namespace.MessageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RuntimeContextService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RuntimeContextService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RuntimeContextService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: i2__namespace.MessageService }]; } });
 
@@ -1001,14 +1066,17 @@
                 this.apiService.getRuntimeDataByModelId(modelId),
                 this.contextService.create('TestId', core.ConfigurationContextMode.TEST),
             ]).pipe(rxjsOperators.first(), rxjsOperators.tap(function (_d) {
-                var _e = __read(_d, 1), runtimeData = _e[0];
-                var runtimeModel = core.RuntimeModel.create(runtimeData.types, runtimeData.products);
-                var runtimeContext = {
+                var _e = __read(_d, 2), runtimeData = _e[0], configurationContext = _e[1];
+                var _a;
+                _this._runtimeContext = {
                     modelId: modelId,
-                    runtimeModel: runtimeModel,
+                    runtimeModel: core.RuntimeModel.create(runtimeData.types, runtimeData.products),
                     runtimeMode: i2.RuntimeMode.TEST,
                 };
-                _this._runtimeContext = runtimeContext;
+                _this.contextService.update({
+                    priceListId: uiDefinitionProperties.priceList,
+                    properties: Object.assign(Object.assign(Object.assign({}, (_a = _this.runtimeContext) === null || _a === void 0 ? void 0 : _a.properties), configurationContext.properties), { ModelId: modelId, RuntimeMode: core.ConfigurationContextMode.TEST, PricingEnabled: String(uiDefinitionProperties.pricingEnabled), StartDate: new Date().toISOString().substring(0, 10), PriceListId: uiDefinitionProperties.priceList }),
+                });
                 _this._isInitialized = true;
             }));
         };
@@ -1023,18 +1091,25 @@
                 var _a, _b, _c;
                 _this.uiDefinitionProperties = (_b = (_a = runtimeContext.uiDefinition) === null || _a === void 0 ? void 0 : _a.properties) !== null && _b !== void 0 ? _b : {};
                 var mergeContext = Object.assign(Object.assign({}, runtimeContext), { properties: Object.assign(Object.assign({}, runtimeContext.properties), configurationContext.properties) });
-                var accountId = (_c = mergeContext.properties) === null || _c === void 0 ? void 0 : _c.AccountId;
-                if (accountId && accountId.length === 15) {
-                    _this.patchContext(mergeContext, {
-                        properties: { AccountId: core.SalesforceIdUtils.generateId18FromId15(accountId) },
+                _this.id15to18('AccountId', mergeContext.properties);
+                _this._runtimeContext = mergeContext;
+                if (configurationContext.properties && ((_c = runtimeContext.properties) === null || _c === void 0 ? void 0 : _c.StartDate)) {
+                    _this.contextService.update({
+                        priceListId: _this.uiDefinitionProperties.priceList,
+                        properties: Object.assign(Object.assign(Object.assign({}, runtimeContext.properties), configurationContext.properties), { PricingEnabled: String(_this.uiDefinitionProperties.pricingEnabled), PriceListId: _this.uiDefinitionProperties.priceList }),
                     });
                 }
-                _this._runtimeContext = mergeContext;
                 _this._isInitialized = true;
             }));
         };
-        ConfigurationRuntimeService.prototype.patchContext = function (context, patch) {
-            lodash.merge(context, patch);
+        ConfigurationRuntimeService.prototype.id15to18 = function (propertyName, source) {
+            if (!source) {
+                return;
+            }
+            var value = source[propertyName];
+            if (typeof value === 'string' && value.length === 15) {
+                source[propertyName] = core.SalesforceIdUtils.generateId18FromId15(value);
+            }
         };
         ConfigurationRuntimeService.prototype.getAsset = function (lineItem) {
             return this._assets && this._assets.find(function (a) { return a.id === lineItem.openOrderLineItemId || a.id === lineItem.assetId; });
@@ -1063,9 +1138,9 @@
         });
         return ConfigurationRuntimeService;
     }());
-    ConfigurationRuntimeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i2__namespace$1.ContextService }, { token: RuntimeContextService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ConfigurationRuntimeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationRuntimeService, decorators: [{
+    ConfigurationRuntimeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationRuntimeService, deps: [{ token: i1__namespace.ConfigurationApiService }, { token: i2__namespace$1.ContextService }, { token: RuntimeContextService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConfigurationRuntimeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationRuntimeService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationRuntimeService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i1__namespace.ConfigurationApiService }, { type: i2__namespace$1.ContextService }, { type: RuntimeContextService }]; } });
 
@@ -1166,26 +1241,6 @@
             return request$.pipe(rxjsOperators.tap(function (lineItem) { return lineItem && _this.lineItem.next(lineItem); }), rxjsOperators.catchError(function (error) { return rxjs.throwError(function () { var _a; return new Error(((_a = error.error) === null || _a === void 0 ? void 0 : _a.message) || error.message || JSON.stringify(error)); }); }));
         };
         ConfigurationService.prototype.createRequest = function (lineItem) {
-            var _a, _b, _c;
-            var runtimeContext = this.getRuntimeContext();
-            var uiDefinitionProperties = this.runtimeService.uiDefinitionProperties;
-            if (runtimeContext.runtimeMode === i2.RuntimeMode.TEST) {
-                var properties = Object.assign(Object.assign({}, runtimeContext.properties), { ModelId: runtimeContext.modelId, RuntimeMode: core.ConfigurationContextMode.TEST, PricingEnabled: String(uiDefinitionProperties.pricingEnabled), StartDate: (_b = (_a = runtimeContext.properties) === null || _a === void 0 ? void 0 : _a.StartDate) !== null && _b !== void 0 ? _b : new Date().toISOString().substring(0, 10), PriceListId: uiDefinitionProperties.priceList });
-                var ctx = {
-                    priceListId: uiDefinitionProperties.priceList,
-                    properties: properties,
-                };
-                this.contextService.update(ctx);
-            }
-            else {
-                var context = this.contextService.resolve();
-                if ((context === null || context === void 0 ? void 0 : context.properties) && ((_c = runtimeContext.properties) === null || _c === void 0 ? void 0 : _c.StartDate)) {
-                    this.contextService.update({
-                        priceListId: uiDefinitionProperties.priceList,
-                        properties: Object.assign(Object.assign(Object.assign({}, context.properties), runtimeContext.properties), { PricingEnabled: String(uiDefinitionProperties.pricingEnabled), PriceListId: uiDefinitionProperties.priceList }),
-                    });
-                }
-            }
             return {
                 lineItem: lineItem,
                 mode: this.mode,
@@ -1196,9 +1251,9 @@
         };
         return ConfigurationService;
     }());
-    ConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService, deps: [{ token: ConfigurationRuntimeService }, { token: i2__namespace$1.ContextService }, { token: i1__namespace.ConfigurationApiService }, { token: i2__namespace.MessageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationService, decorators: [{
+    ConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationService, deps: [{ token: ConfigurationRuntimeService }, { token: i2__namespace$1.ContextService }, { token: i1__namespace.ConfigurationApiService }, { token: i2__namespace.MessageService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: ConfigurationRuntimeService }, { type: i2__namespace$1.ContextService }, { type: i1__namespace.ConfigurationApiService }, { type: i2__namespace.MessageService }]; } });
 
@@ -1323,9 +1378,9 @@
         };
         return ElementRendererComponent;
     }());
-    ElementRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementRendererComponent, deps: [{ token: i0__namespace.Injector, skipSelf: true }, { token: DynamicModuleService }, { token: ElementContextService }, { token: IOProviderService }, { token: ConfigurationService }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ElementRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementRendererComponent, decorators: [{
+    ElementRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementRendererComponent, deps: [{ token: i0__namespace.Injector, skipSelf: true }, { token: DynamicModuleService }, { token: ElementContextService }, { token: IOProviderService }, { token: ConfigurationService }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ElementRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: { meta: "meta" }, providers: [ElementContextService], viewQueries: [{ propertyName: "el", first: true, predicate: ["el"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<ng-template #el></ng-template>\n", styles: [":host{display:contents}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementRendererComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'vl-cms-element-renderer',
@@ -1352,9 +1407,9 @@
         }
         return ElementChildrenComponent;
     }());
-    ElementChildrenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementChildrenComponent, deps: [{ token: ElementContextService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ElementChildrenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: ElementChildrenComponent, selector: "element-children", ngImport: i0__namespace, template: "<ng-container *ngIf=\"metadata?.children.length\">\n  <ng-container *ngFor=\"let child of metadata.children\">\n    <vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], components: [{ type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementChildrenComponent, decorators: [{
+    ElementChildrenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementChildrenComponent, deps: [{ token: ElementContextService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ElementChildrenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ElementChildrenComponent, selector: "element-children", ngImport: i0__namespace, template: "<ng-container *ngIf=\"metadata?.children.length\">\n  <ng-container *ngFor=\"let child of metadata.children\">\n    <vl-cms-element-renderer [meta]=\"child\"></vl-cms-element-renderer>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:contents}\n"], components: [{ type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementChildrenComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         // eslint-disable-next-line @angular-eslint/component-selector
@@ -1365,6 +1420,159 @@
                     }]
             }], ctorParameters: function () { return [{ type: ElementContextService }]; } });
 
+    var moduleMap = {};
+    function loadRemoteEntry(remoteEntry) {
+        return new Promise(function (resolve, reject) {
+            if (moduleMap[remoteEntry]) {
+                resolve();
+                return;
+            }
+            var script = document.createElement('script');
+            script.src = remoteEntry;
+            script.onerror = reject;
+            script.onload = function () {
+                moduleMap[remoteEntry] = true;
+                resolve(); // window is the global namespace
+            };
+            document.body.append(script);
+        });
+    }
+    function lookupExposedModule(remoteName, exposedModule) {
+        return __awaiter(this, void 0, void 0, function () {
+            var container, factory, Module;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: 
+                    // Initializes the share scope. This fills it with known provided modules from this build and all remotes
+                    return [4 /*yield*/, __webpack_init_sharing__('default')];
+                    case 1:
+                        // Initializes the share scope. This fills it with known provided modules from this build and all remotes
+                        _a.sent();
+                        container = window[remoteName];
+                        // Initialize the container, it may provide shared modules
+                        return [4 /*yield*/, container.init(__webpack_share_scopes__.default)];
+                    case 2:
+                        // Initialize the container, it may provide shared modules
+                        _a.sent();
+                        return [4 /*yield*/, container.get(exposedModule)];
+                    case 3:
+                        factory = _a.sent();
+                        Module = factory();
+                        return [2 /*return*/, Module];
+                }
+            });
+        });
+    }
+    function loadRemoteModule(options) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, loadRemoteEntry(options.remoteEntry)];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, lookupExposedModule(options.remoteName, options.exposedModule)];
+                    case 2: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    }
+
+    var IntegrationEvent;
+    (function (IntegrationEvent) {
+        IntegrationEvent["Init"] = "Init";
+    })(IntegrationEvent || (IntegrationEvent = {}));
+    var FederatedComponent = /** @class */ (function () {
+        function FederatedComponent(injector, compiler, appRef, renderer) {
+            this.injector = injector;
+            this.compiler = compiler;
+            this.appRef = appRef;
+            this.renderer = renderer;
+            this.integrationEvent = new i0.EventEmitter();
+            this.moduleReady = false;
+        }
+        FederatedComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            if (!this.remoteEntry || !this.remoteName || !this.exposedModule) {
+                return;
+            }
+            loadRemoteModule({
+                remoteEntry: this.remoteEntry,
+                remoteName: this.remoteName,
+                exposedModule: this.exposedModule,
+            }).then(function (federated) {
+                _this.compiler.compileModuleAsync(federated[_this.exposedModule]).then(function (moduleFactory) {
+                    var _a;
+                    var rootModuleRef = moduleFactory.create(_this.injector);
+                    var rootComponentFactory = rootModuleRef.componentFactoryResolver.resolveComponentFactory(federated[_this.exposedModule].rootComponent);
+                    var node = document.createElement('div');
+                    var _b = rootComponentFactory.create(_this.injector, [], node), instance = _b.instance, hostView = _b.hostView;
+                    _this.instance = instance;
+                    _this.instance.data = _this.data;
+                    _this.instance.eventData = _this.eventData;
+                    _this.instance.integrationEvent = _this.integrationEvent;
+                    _this.renderer.appendChild((_a = _this.moduleHostRef) === null || _a === void 0 ? void 0 : _a.nativeElement, node);
+                    _this.appRef.attachView(hostView);
+                });
+            });
+        };
+        FederatedComponent.prototype.ngOnChanges = function (changes) {
+            if (!this.instance) {
+                return;
+            }
+            this.instance.ngOnChanges(changes);
+        };
+        return FederatedComponent;
+    }());
+    FederatedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FederatedComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.Compiler }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    FederatedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FederatedComponent, selector: "veloce-host-federated", inputs: { remoteEntry: "remoteEntry", remoteName: "remoteName", exposedModule: "exposedModule", data: "data", eventData: "eventData" }, outputs: { integrationEvent: "integrationEvent" }, viewQueries: [{ propertyName: "federatedComponent", first: true, predicate: ["federatedComponent"], descendants: true, read: i0.ViewContainerRef }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true, read: i0.TemplateRef }, { propertyName: "moduleHostRef", first: true, predicate: ["moduleHost"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #moduleHost></div>\n", styles: [":host{display:block}div{height:100%}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FederatedComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        // eslint-disable-next-line @angular-eslint/component-selector
+                        selector: 'veloce-host-federated',
+                        templateUrl: './federated.component.html',
+                        styleUrls: ['./federated.component.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: i0__namespace.Compiler }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { federatedComponent: [{
+                    type: i0.ViewChild,
+                    args: ['federatedComponent', { read: i0.ViewContainerRef }]
+                }], foo: [{
+                    type: i0.ViewChild,
+                    args: ['foo', { read: i0.TemplateRef }]
+                }], moduleHostRef: [{
+                    type: i0.ViewChild,
+                    args: ['moduleHost', { static: false }]
+                }], remoteEntry: [{
+                    type: i0.Input
+                }], remoteName: [{
+                    type: i0.Input
+                }], exposedModule: [{
+                    type: i0.Input
+                }], data: [{
+                    type: i0.Input
+                }], eventData: [{
+                    type: i0.Input
+                }], integrationEvent: [{
+                    type: i0.Output
+                }] } });
+
+    var FederatedModule = /** @class */ (function () {
+        function FederatedModule() {
+        }
+        return FederatedModule;
+    }());
+    FederatedModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FederatedModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    FederatedModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FederatedModule, declarations: [FederatedComponent], exports: [FederatedComponent] });
+    FederatedModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FederatedModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FederatedModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [FederatedComponent],
+                        exports: [FederatedComponent],
+                    }]
+            }] });
+
     // eslint-disable-next-line @angular-eslint/directive-selector
     var CustomTemplateDirective = /** @class */ (function () {
         function CustomTemplateDirective(templateRef, templatesService) {
@@ -1379,9 +1587,9 @@
         };
         return CustomTemplateDirective;
     }());
-    CustomTemplateDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: CustomTemplateDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: TemplatesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    CustomTemplateDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: CustomTemplateDirective, selector: "[customTemplate]", inputs: { customTemplate: "customTemplate" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: CustomTemplateDirective, decorators: [{
+    CustomTemplateDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomTemplateDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: TemplatesService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    CustomTemplateDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CustomTemplateDirective, selector: "[customTemplate]", inputs: { customTemplate: "customTemplate" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomTemplateDirective, decorators: [{
                 type: i0.Directive,
                 args: [{ selector: '[customTemplate]' }]
             }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: TemplatesService }]; }, propDecorators: { customTemplate: [{
@@ -1390,14 +1598,12 @@
 
     var ConfigurationPlugin = /** @class */ (function () {
         function ConfigurationPlugin(host) {
+            var _this = this;
+            var _a, _b;
             this.host = host;
             this.destroy$ = new rxjs.Subject();
             this.elementMetadata = this.host.injector.get(ELEMENT_METADATA);
             this.configurationService = this.host.injector.get(ConfigurationService);
-        }
-        ConfigurationPlugin.prototype.ngOnInit = function () {
-            var _this = this;
-            var _a, _b;
             if ((_a = this.elementMetadata.model) === null || _a === void 0 ? void 0 : _a.lineItem) {
                 this.host.model$.pipe(rxjs.takeUntil(this.destroy$)).subscribe(function (model) { return (_this.modelSnapshot = model); });
                 var pathBlocks = parseBoundPath((_b = this.elementMetadata.model) === null || _b === void 0 ? void 0 : _b.lineItem);
@@ -1405,7 +1611,7 @@
                 this.host.boundName = name !== null && name !== void 0 ? name : type;
                 this.register(type, property, name);
             }
-        };
+        }
         ConfigurationPlugin.prototype.ngOnDestroy = function () {
             this.destroy$.next();
             this.destroy$.complete();
@@ -1490,12 +1696,17 @@
         });
         return ConfigurationPlugin;
     }());
-    ConfigurationPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationPlugin, deps: "invalid", target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ConfigurationPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: ConfigurationPlugin, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationPlugin, decorators: [{
+    ConfigurationPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationPlugin, deps: "invalid", target: i0__namespace.ɵɵFactoryTarget.Directive });
+    ConfigurationPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ConfigurationPlugin, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationPlugin, decorators: [{
                 type: i0.Directive
             }], ctorParameters: function () { return [{ type: undefined }]; } });
 
+    var DEFAULT_PLUGINS = {
+        CONFIGURATION: [ConfigurationPlugin],
+        DEFAULT: [],
+    };
+
     var vlCmsModules = /*#__PURE__*/Object.freeze({
         __proto__: null,
         getDefaultLineItem: getDefaultLineItem,
@@ -1531,7 +1742,7 @@
         '@veloce/sdk/cms': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, vlCmsModules), vlCmsUtils), vlCmsLineItemTypes), vlInjectionTokens), { TemplatesService: TemplatesService }),
         '@veloce/api': {
             SalesforceApiService: i1.SalesforceApiService,
-            QuoteApiService: i1.QuoteApiService
+            QuoteApiService: i1.QuoteApiService,
         },
         '@angular/core': i0__namespace,
         '@angular/forms': angularForms__namespace,
@@ -1539,56 +1750,6 @@
         'rxjs/operators': rxjsOperators__namespace,
         lodash: lodash__namespace,
     };
-    var normalizeImports = function (script) {
-        var regexp = new RegExp("import([ \\n\\t]*(?:[^ \\n\\t\\{\\}]+[ \\n\\t]*,?)?(?:[ \\n\\t]*\\{(?:[ \\n\\t]*[^ \\n\\t\"'\\{\\}]+[ \\n\\t]*,?)+\\})?[ \\n\\t]*)from[ \\n\\t]*(['\"])([^'\"\\n]+)(?:['\"]);", 'g');
-        var result = script.replace(regexp, function (match, g1, g2, src) { return "const " + g1 + " = vendor['" + src + "'];"; });
-        return result;
-    };
-    var ScriptPlugin = /** @class */ (function () {
-        function ScriptPlugin(host) {
-            this.host = host;
-            this.document = this.host.injector.get(i7.DOCUMENT);
-            var elementMetadata = this.host.injector.get(ELEMENT_METADATA);
-            var sharedElementMetadata = this.host.injector.get(SHARED_ELEMENT_METADATA);
-            if (sharedElementMetadata === null || sharedElementMetadata === void 0 ? void 0 : sharedElementMetadata.script) {
-                this.addScript(sharedElementMetadata.script);
-            }
-            if (elementMetadata.script) {
-                this.addScript(elementMetadata.script);
-            }
-        }
-        ScriptPlugin.prototype.addScript = function (scriptStr) {
-            var id = btoa(core.UUID.UUID());
-            var script = this.document.createElement('script');
-            script.type = "text/javascript";
-            var scriptContent = normalizeImports(scriptStr);
-            var classMatch = /export class (\S+)/.exec(scriptContent);
-            var className = classMatch === null || classMatch === void 0 ? void 0 : classMatch[1];
-            if (!classMatch || !className) {
-                console.error("Script doesn't have exported class");
-                return;
-            }
-            scriptContent = scriptContent.replace(classMatch[0], "class " + className);
-            script.text = "var " + id + " = function(vendor) {" + scriptContent + "\n        return " + className + "; };";
-            this.document.body.appendChild(script);
-            var ScriptClass = window[id](vendorMap);
-            if (ScriptClass instanceof Object) {
-                this.host.registerPlugin(new ScriptClass(this.host));
-            }
-            this.document.body.removeChild(script);
-        };
-        return ScriptPlugin;
-    }());
-    ScriptPlugin.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ScriptPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    ScriptPlugin.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: ScriptPlugin, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ScriptPlugin, decorators: [{
-                type: i0.Directive
-            }], ctorParameters: function () { return [{ type: exports.ElementComponent }]; } });
-
-    var DEFAULT_PLUGINS = {
-        CONFIGURATION: [ScriptPlugin, ConfigurationPlugin],
-        DEFAULT: [ScriptPlugin],
-    };
 
     var ElementsResolver = /** @class */ (function () {
         function ElementsResolver(uiDef, elements) {
@@ -1691,6 +1852,7 @@
                     { provide: ELEMENT_METADATA, useValue: element },
                     { provide: SHARED_ELEMENT_METADATA, useValue: this.getSharedElement(sourceElement) },
                     { provide: ELEMENT_CONFIG, useValue: config },
+                    { provide: VENDOR_MAP, useValue: vendorMap },
                 ] });
             var cmp = i0.Component(component)(/** @class */ (function (_super) {
                 __extends(C, _super);
@@ -1709,159 +1871,6 @@
         return ElementsResolver;
     }());
 
-    var moduleMap = {};
-    function loadRemoteEntry(remoteEntry) {
-        return new Promise(function (resolve, reject) {
-            if (moduleMap[remoteEntry]) {
-                resolve();
-                return;
-            }
-            var script = document.createElement('script');
-            script.src = remoteEntry;
-            script.onerror = reject;
-            script.onload = function () {
-                moduleMap[remoteEntry] = true;
-                resolve(); // window is the global namespace
-            };
-            document.body.append(script);
-        });
-    }
-    function lookupExposedModule(remoteName, exposedModule) {
-        return __awaiter(this, void 0, void 0, function () {
-            var container, factory, Module;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: 
-                    // Initializes the share scope. This fills it with known provided modules from this build and all remotes
-                    return [4 /*yield*/, __webpack_init_sharing__('default')];
-                    case 1:
-                        // Initializes the share scope. This fills it with known provided modules from this build and all remotes
-                        _a.sent();
-                        container = window[remoteName];
-                        // Initialize the container, it may provide shared modules
-                        return [4 /*yield*/, container.init(__webpack_share_scopes__.default)];
-                    case 2:
-                        // Initialize the container, it may provide shared modules
-                        _a.sent();
-                        return [4 /*yield*/, container.get(exposedModule)];
-                    case 3:
-                        factory = _a.sent();
-                        Module = factory();
-                        return [2 /*return*/, Module];
-                }
-            });
-        });
-    }
-    function loadRemoteModule(options) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, loadRemoteEntry(options.remoteEntry)];
-                    case 1:
-                        _a.sent();
-                        return [4 /*yield*/, lookupExposedModule(options.remoteName, options.exposedModule)];
-                    case 2: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    }
-
-    var IntegrationEvent;
-    (function (IntegrationEvent) {
-        IntegrationEvent["Init"] = "Init";
-    })(IntegrationEvent || (IntegrationEvent = {}));
-    var FederatedComponent = /** @class */ (function () {
-        function FederatedComponent(injector, compiler, appRef, renderer) {
-            this.injector = injector;
-            this.compiler = compiler;
-            this.appRef = appRef;
-            this.renderer = renderer;
-            this.integrationEvent = new i0.EventEmitter();
-            this.moduleReady = false;
-        }
-        FederatedComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            if (!this.remoteEntry || !this.remoteName || !this.exposedModule) {
-                return;
-            }
-            loadRemoteModule({
-                remoteEntry: this.remoteEntry,
-                remoteName: this.remoteName,
-                exposedModule: this.exposedModule,
-            }).then(function (federated) {
-                _this.compiler.compileModuleAsync(federated[_this.exposedModule]).then(function (moduleFactory) {
-                    var _a;
-                    var rootModuleRef = moduleFactory.create(_this.injector);
-                    var rootComponentFactory = rootModuleRef.componentFactoryResolver.resolveComponentFactory(federated[_this.exposedModule].rootComponent);
-                    var node = document.createElement('div');
-                    var _b = rootComponentFactory.create(_this.injector, [], node), instance = _b.instance, hostView = _b.hostView;
-                    _this.instance = instance;
-                    _this.instance.data = _this.data;
-                    _this.instance.eventData = _this.eventData;
-                    _this.instance.integrationEvent = _this.integrationEvent;
-                    _this.renderer.appendChild((_a = _this.moduleHostRef) === null || _a === void 0 ? void 0 : _a.nativeElement, node);
-                    _this.appRef.attachView(hostView);
-                });
-            });
-        };
-        FederatedComponent.prototype.ngOnChanges = function (changes) {
-            if (!this.instance) {
-                return;
-            }
-            this.instance.ngOnChanges(changes);
-        };
-        return FederatedComponent;
-    }());
-    FederatedComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FederatedComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.Compiler }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FederatedComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: FederatedComponent, selector: "veloce-host-federated", inputs: { remoteEntry: "remoteEntry", remoteName: "remoteName", exposedModule: "exposedModule", data: "data", eventData: "eventData" }, outputs: { integrationEvent: "integrationEvent" }, viewQueries: [{ propertyName: "federatedComponent", first: true, predicate: ["federatedComponent"], descendants: true, read: i0.ViewContainerRef }, { propertyName: "foo", first: true, predicate: ["foo"], descendants: true, read: i0.TemplateRef }, { propertyName: "moduleHostRef", first: true, predicate: ["moduleHost"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div #moduleHost></div>\n", styles: [":host{display:block}div{height:100%}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FederatedComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        // eslint-disable-next-line @angular-eslint/component-selector
-                        selector: 'veloce-host-federated',
-                        templateUrl: './federated.component.html',
-                        styleUrls: ['./federated.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: i0__namespace.Compiler }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { federatedComponent: [{
-                    type: i0.ViewChild,
-                    args: ['federatedComponent', { read: i0.ViewContainerRef }]
-                }], foo: [{
-                    type: i0.ViewChild,
-                    args: ['foo', { read: i0.TemplateRef }]
-                }], moduleHostRef: [{
-                    type: i0.ViewChild,
-                    args: ['moduleHost', { static: false }]
-                }], remoteEntry: [{
-                    type: i0.Input
-                }], remoteName: [{
-                    type: i0.Input
-                }], exposedModule: [{
-                    type: i0.Input
-                }], data: [{
-                    type: i0.Input
-                }], eventData: [{
-                    type: i0.Input
-                }], integrationEvent: [{
-                    type: i0.Output
-                }] } });
-
-    var FederatedModule = /** @class */ (function () {
-        function FederatedModule() {
-        }
-        return FederatedModule;
-    }());
-    FederatedModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FederatedModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    FederatedModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FederatedModule, declarations: [FederatedComponent], exports: [FederatedComponent] });
-    FederatedModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FederatedModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: FederatedModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [FederatedComponent],
-                        exports: [FederatedComponent],
-                    }]
-            }] });
-
     var LauncherService = /** @class */ (function () {
         function LauncherService(compiler, dynamicModuleService) {
             this.compiler = compiler;
@@ -1905,9 +1914,9 @@
         };
         return LauncherService;
     }());
-    LauncherService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherService, deps: [{ token: i0__namespace.Compiler }, { token: DynamicModuleService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    LauncherService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherService, decorators: [{
+    LauncherService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LauncherService, deps: [{ token: i0__namespace.Compiler }, { token: DynamicModuleService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    LauncherService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LauncherService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LauncherService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i0__namespace.Compiler }, { type: DynamicModuleService }]; } });
 
@@ -1977,9 +1986,9 @@
         };
         return PreviewComponent;
     }());
-    PreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i2__namespace.MessageService }, { token: ConfigurationRuntimeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    PreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: PreviewComponent, selector: "vl-cms-preview", inputs: { modelId: "modelId", uiDefinition: "uiDefinition" }, providers: [IOProviderService, TemplatesService], ngImport: i0__namespace, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-element-renderer *ngFor=\"let el of elements\" [meta]=\"el\"></vl-cms-element-renderer>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: i5__namespace.LoaderComponent, selector: "vl-loader", inputs: ["label"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i7__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewComponent, decorators: [{
+    PreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i2__namespace.MessageService }, { token: ConfigurationRuntimeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PreviewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PreviewComponent, selector: "vl-cms-preview", inputs: { modelId: "modelId", uiDefinition: "uiDefinition" }, providers: [IOProviderService, TemplatesService], ngImport: i0__namespace, template: "<ng-container *ngIf=\"state$ | async as state\">\n  <vl-loader *ngIf=\"state.loading; else content\" [label]=\"'Loading UI'\"></vl-loader>\n\n  <ng-template #content>\n    <ng-container *ngIf=\"!state.failure\">\n      <vl-cms-element-renderer *ngFor=\"let el of elements\" [meta]=\"el\"></vl-cms-element-renderer>\n    </ng-container>\n  </ng-template>\n</ng-container>\n", styles: [":host{flex-grow:1;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: i5__namespace.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i7__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PreviewComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'vl-cms-preview',
@@ -1999,10 +2008,10 @@
         }
         return ElementRendererModule;
     }());
-    ElementRendererModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementRendererModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    ElementRendererModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementRendererModule, declarations: [ElementRendererComponent], exports: [ElementRendererComponent] });
-    ElementRendererModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementRendererModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementRendererModule, decorators: [{
+    ElementRendererModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementRendererModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    ElementRendererModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementRendererModule, declarations: [ElementRendererComponent], exports: [ElementRendererComponent] });
+    ElementRendererModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementRendererModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementRendererModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [ElementRendererComponent],
@@ -2015,10 +2024,10 @@
         }
         return ElementChildrenModule;
     }());
-    ElementChildrenModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementChildrenModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    ElementChildrenModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [ElementRendererModule], exports: [ElementChildrenComponent] });
-    ElementChildrenModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementChildrenModule, imports: [[ElementRendererModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ElementChildrenModule, decorators: [{
+    ElementChildrenModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementChildrenModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    ElementChildrenModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementChildrenModule, declarations: [ElementChildrenComponent], imports: [ElementRendererModule], exports: [ElementChildrenComponent] });
+    ElementChildrenModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementChildrenModule, imports: [[ElementRendererModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ElementChildrenModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [ElementChildrenComponent],
@@ -2032,10 +2041,10 @@
         }
         return PreviewModule;
     }());
-    PreviewModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    PreviewModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewModule, declarations: [PreviewComponent], imports: [i7.CommonModule, i5.LoaderModule, ElementRendererModule, ElementChildrenModule], exports: [PreviewComponent] });
-    PreviewModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewModule, imports: [[i7.CommonModule, i5.LoaderModule, ElementRendererModule, ElementChildrenModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: PreviewModule, decorators: [{
+    PreviewModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PreviewModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PreviewModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PreviewModule, declarations: [PreviewComponent], imports: [i7.CommonModule, i5.LoaderModule, ElementRendererModule, ElementChildrenModule], exports: [PreviewComponent] });
+    PreviewModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PreviewModule, imports: [[i7.CommonModule, i5.LoaderModule, ElementRendererModule, ElementChildrenModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PreviewModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [PreviewComponent],
@@ -2055,9 +2064,9 @@
         }
         return ConfigurationModule;
     }());
-    ConfigurationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    ConfigurationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule });
-    ConfigurationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule, providers: [
+    ConfigurationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    ConfigurationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationModule });
+    ConfigurationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationModule, providers: [
             i2.ContextService,
             i1.ContextApiService,
             i1.ProductModelApiService,
@@ -2066,7 +2075,7 @@
             RuntimeContextService,
             ConfigurationService,
         ] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: ConfigurationModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ConfigurationModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         providers: [
@@ -2086,10 +2095,10 @@
         }
         return LauncherModule;
     }());
-    LauncherModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    LauncherModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, imports: [i7.CommonModule, core.CoreModule, ConfigurationModule] });
-    LauncherModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, providers: [LauncherService, DynamicModuleService, i1.SalesforceApiService, i1.QuoteApiService], imports: [[i7.CommonModule, core.CoreModule, ConfigurationModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: LauncherModule, decorators: [{
+    LauncherModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LauncherModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    LauncherModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LauncherModule, imports: [i7.CommonModule, core.CoreModule, ConfigurationModule] });
+    LauncherModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LauncherModule, providers: [LauncherService, DynamicModuleService, i1.SalesforceApiService, i1.QuoteApiService], imports: [[i7.CommonModule, core.CoreModule, ConfigurationModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LauncherModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [i7.CommonModule, core.CoreModule, ConfigurationModule],
@@ -2115,6 +2124,7 @@
     exports.SHARED_ELEMENT_METADATA = SHARED_ELEMENT_METADATA;
     exports.TemplatesService = TemplatesService;
     exports.UI_DEFINITION_METADATA = UI_DEFINITION_METADATA;
+    exports.VENDOR_MAP = VENDOR_MAP;
     exports.doesElementSupportIO = doesElementSupportIO;
     exports.elementToMetadata = elementToMetadata;
     exports.extendElementMetadata = extendElementMetadata;