@veloceapps/sdk 5.0.7 → 5.0.9

package/fesm2015/veloce-sdk-cms.js

@@ -4,7 +4,7 @@ import { InjectionToken, Component, ChangeDetectionStrategy, Inject, Injector, I
 import * as rxjs from 'rxjs';
 import { BehaviorSubject, Subject, takeUntil, map, filter, from, tap, of, switchMap, forkJoin, catchError } from 'rxjs';
 import * as lodash from 'lodash';
-import { compact, flatten, isArray, pull, set } from 'lodash';
+import { compact, flatten, isArray, pull, set, kebabCase } from 'lodash';
 import * as i7 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { UUID, CoreModule } from '@veloce/core';
@@ -29,8 +29,10 @@ var FlowAction;
     FlowAction["FLOW_APPLY_PRODUCT_CONFIGURATION"] = "FLOW_APPLY_PRODUCT_CONFIGURATION";
     FlowAction["FLOW_OPEN_DOC_GEN"] = "FLOW_OPEN_DOC_GEN";
     FlowAction["FLOW_CLOSE_DOC_GEN"] = "FLOW_CLOSE_DOC_GEN";
+    FlowAction["FLOW_SWITCH_OBJECT"] = "FLOW_SWITCH_OBJECT";
     FlowAction["REMOTE_APPLY"] = "REMOTE_APPLY";
     FlowAction["REMOTE_CANCEL"] = "REMOTE_CANCEL";
+    FlowAction["SET_DEFAULT_METRICS"] = "SET_DEFAULT_METRICS";
 })(FlowAction || (FlowAction = {}));
 const ConfigureProductAction = ({ lineItemId, productId, }) => ({
     type: FlowAction.FLOW_CONFIGURE_PRODUCT,
@@ -57,6 +59,14 @@ const RemoteApplyAction = () => ({
 const RemoteCancelAction = () => ({
     type: FlowAction.REMOTE_CANCEL,
 });
+const SwitchObjectAction = (payload) => ({
+    type: FlowAction.FLOW_SWITCH_OBJECT,
+    payload,
+});
+const SetDefaultMetrics = (metrics) => ({
+    type: FlowAction.SET_DEFAULT_METRICS,
+    payload: { metrics },
+});
 
 var cmsActions = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -68,7 +78,9 @@ var cmsActions = /*#__PURE__*/Object.freeze({
     OpenDocGenAction: OpenDocGenAction,
     CloseDocGenAction: CloseDocGenAction,
     RemoteApplyAction: RemoteApplyAction,
-    RemoteCancelAction: RemoteCancelAction
+    RemoteCancelAction: RemoteCancelAction,
+    SwitchObjectAction: SwitchObjectAction,
+    SetDefaultMetrics: SetDefaultMetrics
 });
 
 const DEFAULT_PLUGINS_TOKEN = new InjectionToken('DEFAULT_PLUGINS_TOKEN');
@@ -466,6 +478,7 @@ const metadataToElement = (metadata, recursive = true) => {
         inputs: metadata.inputs,
         outputs: metadata.outputs,
         children: metadata.children.map(({ name }) => name),
+        configuredStyles: metadata.configuredStyles,
     };
     const normalizedElMetadata = normalizeElementMetadata(elMetadata);
     if (!metadata.script || !EXPORTED_CLASS_REGEX.test(metadata.script)) {
@@ -530,6 +543,10 @@ const normalizeElementMetadata = (elementMetadata) => {
     if (!metadata.isShared) {
         delete metadata.isShared;
     }
+    // configuredStyles
+    if (!metadata.configuredStyles) {
+        delete metadata.configuredStyles;
+    }
     return metadata;
 };
 const extractElementMetadata = (script) => {
@@ -1077,6 +1094,9 @@ class ElementsResolver {
             }
         }
     }
+    getNgComponents() {
+        return this.renderableElements.map(el => this.resolveElement(el)).filter(Boolean);
+    }
     transpile(el) {
         var _a;
         if (!el.script) {
@@ -1144,6 +1164,11 @@ class ElementsResolver {
             console.warn(`Unknown element type "${element.type}"`);
             return;
         }
+        const configuredStyles = this.convertInlineStylesToCSS(element.configuredStyles);
+        if (configuredStyles) {
+            // order is important: styles written by user in CSS code should has higher priority
+            element.styles = configuredStyles + element.styles;
+        }
         const component = Object.assign(Object.assign({ selector: 'vl-element', template: element.template }, (element.styles ? { styles: [element.styles] } : {})), { providers: [
                 { provide: DEFAULT_PLUGINS_TOKEN, useValue: defaultPlugins },
                 { provide: UI_DEFINITION_METADATA, useValue: this.uiDef },
@@ -1157,8 +1182,17 @@ class ElementsResolver {
         set(cmp, 'path', element.path);
         return cmp;
     }
-    getNgComponents() {
-        return this.renderableElements.map(el => this.resolveElement(el)).filter(Boolean);
+    convertInlineStylesToCSS(styles) {
+        if (!styles) {
+            return '';
+        }
+        const entries = Object.entries(styles);
+        let result = ':host {';
+        entries.forEach(([style, value]) => {
+            result += `${kebabCase(style)}:${value};`;
+        });
+        result += '}';
+        return result;
     }
 }
 
@@ -1362,5 +1396,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyProductConfigurationAction, CloseDocGenAction, ConfigureProductAction, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementsResolver, FlowAction, IntegrationState, LauncherModule, LauncherService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, SHARED_ELEMENT_METADATA, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, VENDOR_MAP, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, flattenElements, getAbsolutePath, getElementConfig, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, stringifyElementMetadata };
+export { ApplyProductConfigurationAction, CloseDocGenAction, ConfigureProductAction, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementsResolver, FlowAction, IntegrationState, LauncherModule, LauncherService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, SHARED_ELEMENT_METADATA, SetDefaultMetrics, SwitchObjectAction, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, VENDOR_MAP, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, flattenElements, getAbsolutePath, getElementConfig, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, stringifyElementMetadata };
 //# sourceMappingURL=veloce-sdk-cms.js.map