@veloceapps/sdk 7.0.2-43 → 7.0.2-44

package/fesm2020/veloceapps-sdk-cms.mjs

@@ -1007,7 +1007,7 @@ class PreviewComponent {
             }
             const elements = this.runtimeService.applicationTree;
             // If UI definition contains pages, return page by SelectedPageName
-            if (this.uiDefinition?.pages?.length) {
+            if (this.uiDefinition?.pages) {
                 return this.getPages$(elements);
             }
             return of(elements);
@@ -1266,6 +1266,24 @@ function ElementDefinition(definition) {
     };
 }
 
+const DEFAULT_ELEMENT = {
+    template: '<element-children></element-children>',
+    styles: '',
+    script: `import { ElementDefinition } from '@veloceapps/sdk/cms';
+
+  export class Script {}`,
+};
+const STARTING_PAGE_NAME = 'Starting Page';
+const STARTING_PAGE_TYPE = 'FULL_PAGE';
+const STARTING_PAGE_LAYOUT = 'LAYOUT_6';
+const STARTING_PAGE_STYLES = {
+    padding: '16px 16px 16px 16px',
+    backgroundColor: '#FFFFFF',
+    border: 'solid',
+    borderColor: '#DCE5EF',
+    borderWidth: '1px 1px 1px 1px',
+};
+
 // eslint-disable-next-line @angular-eslint/directive-selector
 class CustomTemplateDirective {
     constructor(templateRef, templatesService) {
@@ -2137,6 +2155,51 @@ class ElementsResolver {
     }
 }
 
+const constructPageChildren = (path, layout) => {
+    switch (layout) {
+        case 'LAYOUT_1': // Header, One region, and Footer
+        case 'LAYOUT_4': // Two Regions and Footer
+            return [constructRegion('Region A', path), constructRegion('Region B', path), constructRegion('Region C', path)];
+        case 'LAYOUT_2': // Header, Two Regions, and Footer
+            return [
+                constructRegion('Region A', path),
+                constructRegion('Region B', path),
+                constructRegion('Region C', path),
+                constructRegion('Region D', path),
+            ];
+        case 'LAYOUT_3': // One Region and Footer
+        case 'LAYOUT_5': // Header and One Region
+            return [constructRegion('Region A', path), constructRegion('Region B', path)];
+        case 'LAYOUT_6': // One Region
+        case 'LAYOUT_7': // Left Sidepanel
+        case 'LAYOUT_8': // Right Sidepanel
+            return [constructRegion('Region A', path)];
+        default:
+            return [];
+    }
+};
+const constructRegion = (name, parentPath) => {
+    return {
+        name,
+        path: `${parentPath}/${name}`,
+        type: 'REGION',
+        children: [],
+        ...DEFAULT_ELEMENT,
+    };
+};
+const constructPage = (name, pageType, layout, configuredStyles) => {
+    return {
+        name,
+        path: name,
+        type: 'PAGE',
+        layout,
+        pageType,
+        configuredStyles,
+        children: constructPageChildren(name, layout),
+        ...DEFAULT_ELEMENT,
+    };
+};
+
 class FederatedHostDirective {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
@@ -2350,11 +2413,16 @@ const migrations = {
         throw 'Migration from Legacy UI definition is not possible';
     },
     3: uiDef => {
-        const children = uiDef.children ?? [];
+        const defaultStartingPage = metadataToElement(constructPage(STARTING_PAGE_NAME, STARTING_PAGE_TYPE, STARTING_PAGE_LAYOUT, STARTING_PAGE_STYLES));
+        // overwrite children if provided from the UI Definition
+        const startingPage = {
+            ...defaultStartingPage,
+            ...(uiDef.children && uiDef.children.length > 0 && { children: uiDef.children }),
+        };
         return {
             ...uiDef,
             children: undefined,
-            pages: children,
+            pages: [startingPage],
             version: 3,
         };
     },
@@ -2482,5 +2550,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ApplyProductConfigurationAction, CloseDocGenAction, CmsAction, ConfigureProductAction, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementsResolver, FlowAction, IntegrationState, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, SwitchObjectAction, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementConfig, insertElement, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, removeElement, stringifyElementMetadata };
+export { ApplyProductConfigurationAction, CloseDocGenAction, CmsAction, ConfigureProductAction, DEFAULT_ELEMENT, DEFAULT_PLUGINS_TOKEN, ELEMENT_CONFIG, ELEMENT_METADATA, ElementComponent, ElementDefinition, ElementsResolver, FlowAction, IntegrationState, LAYOUT, LauncherModule, MigrationsModule, MigrationsService, NavigateBackAction, NavigateToCatalogAction, OpenDocGenAction, PreviewComponent, PreviewModule, RemoteApplyAction, RemoteCancelAction, ResourcesService, RuntimeEditorService, RuntimeModule, RuntimeService, SHARED_ELEMENT_METADATA, STARTING_PAGE_LAYOUT, STARTING_PAGE_NAME, STARTING_PAGE_STYLES, STARTING_PAGE_TYPE, SwitchObjectAction, TemplatesService, UI_DEFINITION_METADATA, UiBuildError, constructPage, constructPageChildren, constructRegion, doesElementSupportIO, elementToMetadata, extendElementMetadata, extractElementMetadata, findElementByModule, findElementByPath, flattenElements, getAbsolutePath, getElementConfig, insertElement, isSharedElement, isValidScript, metadataToElement, normalizeElementMetadata, parseBoundPath, parsePath, removeElement, stringifyElementMetadata };
 //# sourceMappingURL=veloceapps-sdk-cms.mjs.map