@veloceapps/sdk 2.0.0 → 2.0.1

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

@@ -354,6 +354,7 @@
     var DEFAULT_PLUGINS_TOKEN = new i0.InjectionToken('DEFAULT_PLUGINS_TOKEN');
     var UI_DEFINITION_METADATA = new i0.InjectionToken('UI_DEFINITION_METADATA_TOKEN');
     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 vlInjectionTokens = /*#__PURE__*/Object.freeze({
@@ -361,6 +362,7 @@
         DEFAULT_PLUGINS_TOKEN: DEFAULT_PLUGINS_TOKEN,
         UI_DEFINITION_METADATA: UI_DEFINITION_METADATA,
         ELEMENT_METADATA: ELEMENT_METADATA,
+        SHARED_ELEMENT_METADATA: SHARED_ELEMENT_METADATA,
         ELEMENT_CONFIG: ELEMENT_CONFIG
     });
 
@@ -858,6 +860,30 @@
         var path = (parentPath ? parentPath + '/' : '') + elementMetadata.name;
         return Object.assign(Object.assign({}, elementMetadata), { path: path, script: script === null || script === void 0 ? void 0 : script.replace(METADATA_DECORATOR_REGEX, 'export class'), template: template, styles: styles, children: el.children.map(function (child) { return elementToMetadata(child, path); }) });
     };
+    var metadataToElement = function (metadata) {
+        var elMetadata = {
+            name: metadata.name,
+            type: metadata.type,
+            model: metadata.model,
+            module: metadata.module,
+            inputs: metadata.inputs,
+            outputs: metadata.outputs,
+            children: metadata.children.map(function (_b) {
+                var name = _b.name;
+                return name;
+            }),
+        };
+        var script = metadata.script &&
+            window.btoa(metadata.script.replace(EXPORTED_CLASS_REGEX, "@ElementDefinition(" + JSON.stringify(elMetadata) + ") export class Script "));
+        var template = metadata.template && window.btoa(metadata.template);
+        var styles = metadata.styles && window.btoa(metadata.styles);
+        return {
+            script: script,
+            template: template,
+            styles: styles,
+            children: metadata.children.map(function (meta) { return metadataToElement(meta); }),
+        };
+    };
     var extractElementMetadata = function (script) {
         var _a;
         var metadataString = ((_a = METADATA_DECORATOR_REGEX.exec(script)) !== null && _a !== void 0 ? _a : [])[1];
@@ -1191,6 +1217,7 @@
     var vlCmsUtils = /*#__PURE__*/Object.freeze({
         __proto__: null,
         elementToMetadata: elementToMetadata,
+        metadataToElement: metadataToElement,
         extractElementMetadata: extractElementMetadata,
         extendElementMetadata: extendElementMetadata,
         parseBoundPath: parseBoundPath,
@@ -1223,29 +1250,36 @@
     var ScriptPlugin = /** @class */ (function () {
         function ScriptPlugin(host) {
             this.host = host;
-            var document = this.host.injector.get(i6.DOCUMENT);
+            this.document = this.host.injector.get(i6.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) {
-                var id = btoa(core.UUID.UUID());
-                var script = document.createElement('script');
-                script.type = "text/javascript";
-                var scriptContent = normalizeImports(elementMetadata.script);
-                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 + "; };";
-                document.body.appendChild(script);
-                var ScriptClass = window[id](vendorMap);
-                if (ScriptClass instanceof Object) {
-                    this.host.registerPlugin(new ScriptClass(this.host));
-                }
-                document.body.removeChild(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.16", ngImport: i0__namespace, type: ScriptPlugin, deps: [{ token: exports.ElementComponent }], target: i0__namespace.ɵɵFactoryTarget.Directive });
@@ -1365,19 +1399,25 @@
         ElementsResolver.prototype.isSharedElement = function (el) {
             return Boolean(el.reference) && el.type !== 'REFERENCE';
         };
-        ElementsResolver.prototype.processElementMetadata = function (element) {
+        ElementsResolver.prototype.getSharedElement = function (element) {
+            if (element.type !== 'REFERENCE') {
+                return;
+            }
+            return this.sharedElements.find(function (el) { return element.reference === el.name; });
+        };
+        ElementsResolver.prototype.processElementMetadata = function (element, sharedElement) {
             if (element.type === 'REFERENCE') {
-                var sharedElement = this.sharedElements.find(function (el) { return element.reference === el.name; });
                 if (!sharedElement) {
                     console.warn("Shared element \"" + element.reference + "\" not found");
                     return;
                 }
-                return Object.assign(Object.assign({}, element), { type: sharedElement.type, template: sharedElement.template, script: sharedElement.script, styles: sharedElement.styles, inputs: Object.assign(Object.assign({}, sharedElement.inputs), element.inputs), outputs: Object.assign(Object.assign({}, sharedElement.outputs), element.outputs) });
+                return Object.assign(Object.assign({}, element), { type: sharedElement.type, template: sharedElement.template, styles: sharedElement.styles, inputs: Object.assign(Object.assign({}, sharedElement.inputs), element.inputs), outputs: Object.assign(Object.assign({}, sharedElement.outputs), element.outputs) });
             }
             return element;
         };
         ElementsResolver.prototype.resolveElement = function (sourceElement) {
-            var element = this.processElementMetadata(sourceElement);
+            var sharedElement = this.getSharedElement(sourceElement);
+            var element = this.processElementMetadata(sourceElement, sharedElement);
             if (!element) {
                 return;
             }
@@ -1391,6 +1431,7 @@
                     { provide: DEFAULT_PLUGINS_TOKEN, useValue: defaultPlugins },
                     { provide: UI_DEFINITION_METADATA, useValue: this.uiDef },
                     { provide: ELEMENT_METADATA, useValue: element },
+                    { provide: SHARED_ELEMENT_METADATA, useValue: sharedElement },
                     { provide: ELEMENT_CONFIG, useValue: config },
                 ] });
             var cmp = i0.Component(component)(/** @class */ (function (_super) {
@@ -1506,7 +1547,7 @@
         return PreviewComponent;
     }());
     PreviewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PreviewComponent, deps: [{ token: LauncherService }, { token: ConfigurationService }, { token: i3__namespace.MessageService }], 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, ConfigurationService, 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%;all:unset}\n"], components: [{ type: i4__namespace.LoaderComponent, selector: "vl-loader", inputs: ["label"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    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, ConfigurationService, 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: i4__namespace.LoaderComponent, selector: "vl-loader", inputs: ["label"] }, { type: ElementRendererComponent, selector: "vl-cms-element-renderer", inputs: ["meta"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6__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: [{
@@ -1623,6 +1664,7 @@
     exports.LineItemWorker = LineItemWorker;
     exports.PreviewComponent = PreviewComponent;
     exports.PreviewModule = PreviewModule;
+    exports.SHARED_ELEMENT_METADATA = SHARED_ELEMENT_METADATA;
     exports.TemplatesService = TemplatesService;
     exports.UI_DEFINITION_METADATA = UI_DEFINITION_METADATA;
     exports.elementToMetadata = elementToMetadata;
@@ -1636,6 +1678,7 @@
     exports.getRecommendedPrices = getRecommendedPrices;
     exports.insertLineItem = insertLineItem;
     exports.mapAttributes = mapAttributes;
+    exports.metadataToElement = metadataToElement;
     exports.parseBoundPath = parseBoundPath;
     exports.patchAttributes = patchAttributes;
     exports.removeLineItem = removeLineItem;