@veloceapps/sdk 7.0.2-5 → 7.0.2-51

package/cms/cms.actions.d.ts

@@ -26,11 +26,40 @@ export declare const SwitchObjectAction: (payload: {
 }) => IntegrationAction;
 export declare namespace CmsAction {
     const GO_TO_PAGE = "[CMS]_GO_TO_PAGE";
+    const UPDATE_CUSTOMIZATION = "[CMS]_UPDATE_CUSTOMIZATION";
+    const SHOW_OVERLAY = "[CMS]_SHOW_OVERLAY";
+    const HIDE_OVERLAY = "[CMS]_HIDE_OVERLAY";
+    const HIDE_ALL_OVERLAYS = "[CMS]_HIDE_ALL_OVERLAYS";
     /**
      * Navigate UI definition to a specific page
      *
      * @param pageName name of the page
-     * @returns void
      */
     const GoToPage: (pageName: string) => IntegrationAction;
+    /**
+     * Update UI definition customization state
+     *
+     * @param pageName name of the page
+     */
+    const UpdateCustomization: (value: any) => IntegrationAction;
+    /**
+     * Show an Overlay on the selected page
+     *
+     * @param name - name of the overlay
+     * @returns void
+     */
+    const ShowOverlay: (name: string) => IntegrationAction;
+    /**
+     * Hide an Overlay on the selected page
+     *
+     * @param name - name of the overlay
+     * @returns void
+     */
+    const HideOverlay: (name: string) => IntegrationAction;
+    /**
+     * Hide all Overlays on the selected page
+     *
+     * @returns void
+     */
+    const HideAllOverlays: () => IntegrationAction;
 }

package/cms/cms.default.d.ts

@@ -1,5 +1,5 @@
-import { UIDefinitionType } from '@veloceapps/sdk/core';
+import { UIDefinitionType } from '@veloceapps/core';
 import { Plugin } from './engine/models/plugin';
 export declare const DEFAULT_PLUGINS: {
-    [key in UIDefinitionType]: typeof Plugin[];
+    [key in UIDefinitionType]: (typeof Plugin)[];
 };

package/cms/components/element-children/element-children.component.d.ts

@@ -10,11 +10,13 @@ export declare class ElementChildrenComponent implements OnDestroy {
     private runtimeService;
     private runtimeEditorService;
     private cdr;
+    filter?: (elements: ElementMetadata[]) => ElementMetadata[];
     metadata$: Observable<ElementMetadata | undefined>;
     dragMode$: Observable<boolean>;
     private destroyed$;
     constructor(elementContext: ElementContextService, runtimeService: RuntimeService, runtimeEditorService: RuntimeEditorService, cdr: ChangeDetectorRef);
     ngOnDestroy(): void;
+    getFilteredChildren(elements: ElementMetadata[]): ElementMetadata[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementChildrenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementChildrenComponent, "element-children", never, { "filter": "filter"; }, {}, never, never, false, never>;
 }

package/cms/components/element-tools-panel/element-tools-panel.component.d.ts

@@ -0,0 +1,14 @@
+import { RuntimeEditorService } from '../../modules/runtime';
+import * as i0 from "@angular/core";
+export declare class ElementToolsPanelComponent {
+    private readonly metadata;
+    private readonly config;
+    private readonly elementRef;
+    runtimeEditorService?: RuntimeEditorService;
+    showDeleteButton: boolean;
+    constructor();
+    deleteHandler(): void;
+    showSettingsHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementToolsPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementToolsPanelComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/cms/components/preview/preview.component.d.ts

@@ -1,5 +1,6 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
-import { ConfigurationRuntimeService, ConfigurationService, UIDefinition } from '@veloceapps/sdk/core';
+import { OnDestroy, OnInit } from '@angular/core';
+import { UIDefinition } from '@veloceapps/core';
+import { ConfigurationRuntimeService, ConfigurationService } from '@veloceapps/sdk/core';
 import { MessageService } from 'primeng/api';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { RuntimeService } from '../../modules/runtime/services/runtime.service';
@@ -17,19 +18,19 @@ export declare class PreviewComponent implements OnInit, OnDestroy {
     private messageService;
     private configurationRuntimeService;
     private integrationState;
-    private cdr;
     modelId?: string;
     uiDefinition?: UIDefinition;
     config?: CMSPreviewConfig;
     state$: BehaviorSubject<State>;
     elements$: Observable<ElementMetadata[]>;
     private destroy$;
-    constructor(runtimeService: RuntimeService, configurationService: ConfigurationService, messageService: MessageService, configurationRuntimeService: ConfigurationRuntimeService, integrationState: IntegrationState, cdr: ChangeDetectorRef);
+    constructor(runtimeService: RuntimeService, configurationService: ConfigurationService, messageService: MessageService, configurationRuntimeService: ConfigurationRuntimeService, integrationState: IntegrationState);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    trackBy(_: number, el: ElementMetadata): string;
+    trackBy(_: number, el: ElementMetadata): ElementMetadata;
     private initializeConfiguration$;
     private startPreview;
+    private getPages$;
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PreviewComponent, "vl-cms-preview", never, { "modelId": "modelId"; "uiDefinition": "uiDefinition"; "config": "config"; }, {}, never, never, false, never>;
 }

package/cms/components/preview/preview.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@veloceapps/components";
 import * as i4 from "../element-renderer/element-renderer.module";
 import * as i5 from "../element-children/element-children.module";
 import * as i6 from "../element-drop-handle/element-drop-handle.module";
+import * as i7 from "../element-tools-panel/element-tools-panel.component";
 export declare class PreviewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PreviewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, [typeof i1.PreviewComponent], [typeof i2.CommonModule, typeof i3.LoaderModule, typeof i4.ElementRendererModule, typeof i5.ElementChildrenModule, typeof i6.ElementDropHandleModule], [typeof i1.PreviewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PreviewModule, [typeof i1.PreviewComponent], [typeof i2.CommonModule, typeof i3.LoaderModule, typeof i4.ElementRendererModule, typeof i5.ElementChildrenModule, typeof i6.ElementDropHandleModule, typeof i7.ElementToolsPanelComponent], [typeof i1.PreviewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PreviewModule>;
 }

package/cms/components/preview/preview.types.d.ts

@@ -8,4 +8,8 @@ export interface CMSPreviewConfig {
      * (like element hover/selection or Drag&Drop zones)
      */
     uiBuilderMode?: boolean;
+    /**
+     * When `true`, preview renders settings page (element with `type: CUSTOMIZATION_PAGE`)
+     */
+    customizationMode?: boolean;
 }

package/cms/definitions/index.d.ts

@@ -0,0 +1 @@
+export * from './ui-builder.definitions';

package/cms/definitions/ui-builder.definitions.d.ts

@@ -0,0 +1,6 @@
+import { ElementMetadata, ElementStyleDeclaration, FullPageLayout, PageType } from '../types';
+export declare const DEFAULT_ELEMENT: Partial<ElementMetadata>;
+export declare const STARTING_PAGE_NAME = "Starting Page";
+export declare const STARTING_PAGE_TYPE: PageType;
+export declare const STARTING_PAGE_LAYOUT: FullPageLayout;
+export declare const STARTING_PAGE_STYLES: ElementStyleDeclaration;

package/cms/index.d.ts

@@ -1,7 +1,9 @@
 export * from './cms.actions';
+export * from './cms.layouts';
 export * from './components';
 export * from './components/preview';
 export * from './decorators';
+export * from './definitions';
 export * from './injection-tokens';
 export * from './launcher.module';
 export * from './modules/federated/export';

package/cms/injection-tokens.d.ts

@@ -1,11 +1,9 @@
 import { InjectionToken } from '@angular/core';
-import { UIDefinitionMetadata } from '@veloceapps/sdk/core';
-import { Dictionary } from 'lodash';
+import { UIDefinitionMetadata } from '@veloceapps/core';
 import { Plugin } from './engine/models/plugin';
 import { ElementConfig, ElementMetadata } from './types/common.types';
 export declare const DEFAULT_PLUGINS_TOKEN: InjectionToken<(typeof Plugin)[]>;
 export declare const UI_DEFINITION_METADATA: InjectionToken<UIDefinitionMetadata>;
 export declare const ELEMENT_METADATA: InjectionToken<ElementMetadata>;
-export declare const SHARED_ELEMENT_METADATA: InjectionToken<ElementMetadata>;
+export declare const SHARED_ELEMENT_METADATA: InjectionToken<ElementMetadata | undefined>;
 export declare const ELEMENT_CONFIG: InjectionToken<ElementConfig>;
-export declare const VENDOR_MAP: InjectionToken<Dictionary<any>>;

package/cms/modules/migrations/services/migrations.service.d.ts

@@ -1,5 +1,5 @@
 import { ToastService } from '@veloceapps/components';
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 import * as i0 from "@angular/core";
 export declare class MigrationsService {
     private toastService;

package/cms/modules/migrations/types/migrations.types.d.ts

@@ -1,2 +1,2 @@
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 export type UIDefinitionMigrationFn = (uiDef: UIDefinition) => UIDefinition;

package/cms/modules/runtime/index.d.ts

@@ -1,2 +1,3 @@
 export * from './runtime.module';
 export * from './services/runtime-editor.service';
+export * from './services/runtime.service';

package/cms/modules/runtime/services/compilation.service.d.ts

@@ -1,6 +1,7 @@
 import { Injector } from '@angular/core';
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 import { Observable } from 'rxjs';
+import { CMSPreviewConfig } from '../../../components/preview';
 import { CompilationResult } from '../../../modules/runtime/types/compilation.types';
 import { ElementMetadata } from '../../../types/common.types';
 import * as i0 from "@angular/core";
@@ -9,7 +10,7 @@ export declare class CompilationService {
     private uiDefinitionMeta?;
     private elementsResolver?;
     constructor(injector: Injector);
-    compileUIDefinition$(uiDefinition: UIDefinition): Observable<CompilationResult>;
+    compileUIDefinition$(uiDefinition: UIDefinition, config?: CMSPreviewConfig): Observable<CompilationResult>;
     compileElement$(element: ElementMetadata): Observable<CompilationResult>;
     clear(): void;
     private getModule;

package/cms/modules/runtime/services/runtime-editor.service.d.ts

@@ -1,15 +1,17 @@
 import { Patch } from 'rfc6902';
 import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
-import { RuntimeElementDeleted, RuntimeElementDropped } from '../types/runtime.actions';
+import { RuntimeElementDeleteEvent, RuntimeElementDropEvent, RuntimeShowSettingsEvent } from '../types/runtime.actions';
 import { RuntimeService } from './runtime.service';
 import * as i0 from "@angular/core";
 export declare class RuntimeEditorService {
     private runtimeService;
     private editorModeSubj$;
-    dragMode$: BehaviorSubject<boolean>;
-    elementDropped$: ReplaySubject<RuntimeElementDropped>;
-    elementDeleted$: ReplaySubject<RuntimeElementDeleted>;
+    onElementDropped$: ReplaySubject<RuntimeElementDropEvent>;
+    onElementDeleted$: ReplaySubject<RuntimeElementDeleteEvent>;
+    onElementSettingsToggled$: ReplaySubject<RuntimeShowSettingsEvent>;
     editorMode$: Observable<boolean>;
+    dragMode$: BehaviorSubject<boolean>;
+    selectedElementPath$: BehaviorSubject<string | null>;
     constructor(runtimeService: RuntimeService);
     applyPatch$(patch: Patch): Observable<void>;
     toggleEditorMode(): void;

package/cms/modules/runtime/services/runtime.service.d.ts

@@ -1,21 +1,25 @@
 import { Injector, NgModule, NgModuleRef, Type } from '@angular/core';
-import { UIDefinition } from '@veloceapps/sdk/core';
+import { UIDefinition } from '@veloceapps/core';
 import { Patch } from 'rfc6902';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { CMSPreviewConfig } from '../../../components/preview/preview.types';
 import { Entity } from '../../../engine/models/entity';
+import { IntegrationState } from '../../../services/integration.state';
 import { ElementMetadata } from '../../../types';
 import * as i0 from "@angular/core";
 export declare class RuntimeService {
     private injector;
+    private integrationState;
     moduleRefs: NgModuleRef<NgModule>[];
     componentTypes: Record<string, Type<Entity>>;
     applicationTree: ElementMetadata[];
     config?: CMSPreviewConfig;
     isInitialized$: BehaviorSubject<boolean>;
     updated$: Subject<void>;
+    selectedPageName$: BehaviorSubject<string | null>;
+    selectedOverlayNames$: BehaviorSubject<string[]>;
     private compilationService;
-    constructor(injector: Injector);
+    constructor(injector: Injector, integrationState: IntegrationState);
     initialize$(uiDefinition?: UIDefinition, config?: CMSPreviewConfig): Observable<ElementMetadata[]>;
     applyPatch$(patch: Patch): Observable<void>;
     getCompiledElement$(path: string): Observable<ElementMetadata | undefined>;

package/cms/modules/runtime/types/runtime.actions.d.ts

@@ -1,9 +1,12 @@
 import { ElementMetadata } from '../../../types';
-export interface RuntimeElementDropped {
+export interface RuntimeElementDropEvent {
     element: ElementMetadata;
     path: string;
     index: number;
 }
-export interface RuntimeElementDeleted {
+export interface RuntimeElementDeleteEvent {
+    path: string;
+}
+export interface RuntimeShowSettingsEvent {
     path: string;
 }

package/cms/plugins/element-hover.plugin.d.ts

@@ -0,0 +1,33 @@
+import { OnDestroy } from '@angular/core';
+import { ElementComponent } from '../components/element.component';
+import { PluginComponent } from '../components/plugin.component';
+import * as i0 from "@angular/core";
+export declare class ElementHoverPlugin implements PluginComponent, OnDestroy {
+    host: ElementComponent;
+    private readonly hoverClassName;
+    private readonly metadata;
+    private readonly appRef;
+    private readonly el;
+    private readonly document;
+    private readonly runtimeEditorService;
+    private overlayEl?;
+    private isHovered$;
+    private isSelected$;
+    private destroyed$;
+    private listenersAttached;
+    private mouseOverListenerBound;
+    private mouseLeaveListenerBound;
+    private clickListenerBound;
+    constructor(host: ElementComponent);
+    ngOnDestroy(): void;
+    private attachListeners;
+    private detachListeners;
+    private mouseOverListener;
+    private clickListener;
+    private mouseLeaveListener;
+    private addHighlight;
+    private removeHighlight;
+    private updateHighlight;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementHoverPlugin, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ElementHoverPlugin>;
+}

package/cms/plugins/page.plugin.d.ts

@@ -0,0 +1,15 @@
+import { OnDestroy } from '@angular/core';
+import { ElementComponent } from '../components/element.component';
+import { PluginComponent } from '../components/plugin.component';
+import * as i0 from "@angular/core";
+export declare class PagePlugin implements PluginComponent, OnDestroy {
+    host: ElementComponent;
+    private metadata;
+    private el;
+    private destroy$;
+    constructor(host: ElementComponent);
+    ngOnDestroy(): void;
+    private styleFullPage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagePlugin, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PagePlugin, never, never, {}, {}, never, never, false, never>;
+}

package/cms/plugins/script.plugin.d.ts

@@ -3,11 +3,8 @@ import { PluginComponent } from '../components/plugin.component';
 import * as i0 from "@angular/core";
 export declare class ScriptPlugin implements PluginComponent {
     host: ElementComponent;
-    private document;
-    private vendorMap;
     constructor(host: ElementComponent);
     private addScript;
-    private normalizeImports;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScriptPlugin, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ScriptPlugin, never, never, {}, {}, never, never, false, never>;
 }

package/cms/types/common.types.d.ts

@@ -2,7 +2,8 @@ import { Dictionary } from 'lodash';
 import { Entity } from '../engine/models/entity';
 import { Plugin } from '../engine/models/plugin';
 import { PageLayout } from './layouts.types';
-export type ELEMENT_TYPE = 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE' | 'PAGE' | 'REGION';
+import { PageType } from './pages.types';
+export type ELEMENT_TYPE = 'CUSTOMIZATION_PAGE' | 'CUSTOM' | 'CONTAINER' | 'SERVICE' | 'REFERENCE' | 'PAGE' | 'REGION';
 export type ElementStyleDeclaration = Partial<CSSStyleDeclaration>;
 export interface ElementConfig {
     component: typeof Entity;
@@ -10,6 +11,9 @@ export interface ElementConfig {
     defaultTemplate?: string;
     suppressTemplate?: boolean;
     suppressStyles?: boolean;
+    builder?: {
+        suppressRemovable?: boolean;
+    };
 }
 export interface ElementModel {
     /**
@@ -104,6 +108,12 @@ export interface ElementDefaultMetadata {
      * Used only when `type === PAGE`
      */
     layout?: PageLayout;
+    /**
+     * Page Type
+     *
+     * Used only when `type === PAGE`
+     */
+    pageType?: PageType;
 }
 export interface ElementMetadata extends Omit<ElementDefaultMetadata, 'children'> {
     path: string;

package/cms/types/index.d.ts

@@ -3,4 +3,6 @@ export * from './common.types';
 export * from './configuration.types';
 export * from './elements.types';
 export * from './integration.types';
+export * from './layouts.types';
+export * from './pages.types';
 export * from './path.types';

package/cms/types/layouts.types.d.ts

@@ -1,5 +1,5 @@
 /**
- * List of available layouts:
+ * List of available layouts for Full Page Type:
  *
         LAYOUT_1
         +-------------------------+
@@ -66,9 +66,37 @@
         |                         |
         |                         |
         +-------------------------+
+ */
+/**
+ * List of available layouts for Sidepanel Page Type:
+ *
+        LAYOUT_7
+        +-------------------------+
+        |       |                 |
+        |       |                 |
+        | LEFT  |    DISABLED     |
+        | SIDE  |    PAGE         |
+        | PANEL |                 |
+        |       |                 |
+        |       |                 |
+        +-------------------------+
 
+        LAYOUT_8
+        +-------------------------+
+        |                 |       |
+        |                 |       |
+        |     DISABLED    | RIGHT |
+        |     PAGE        | SIDE  |
+        |                 | PANEL |
+        |                 |       |
+        |                 |       |
+        +-------------------------+
  */
-export type PageLayout = 'LAYOUT_1' | 'LAYOUT_2' | 'LAYOUT_3' | 'LAYOUT_4' | 'LAYOUT_5' | 'LAYOUT_6';
+export type FullPageLayout = 'LAYOUT_1' | 'LAYOUT_2' | 'LAYOUT_3' | 'LAYOUT_4' | 'LAYOUT_5' | 'LAYOUT_6';
+export type SidepanelPageLayout = 'LAYOUT_7' | 'LAYOUT_8';
+export type PageLayout = FullPageLayout | SidepanelPageLayout;
 export interface PageLayoutConfig {
+    hasHeader: boolean;
+    hasFooter: boolean;
     styles?: string;
 }

package/cms/types/pages.types.d.ts

@@ -0,0 +1 @@
+export type PageType = 'FULL_PAGE' | 'SIDEPANEL';

package/cms/utils/element.utils.d.ts

@@ -1,4 +1,4 @@
-import { UIElement } from '@veloceapps/sdk/core';
+import { UIElement } from '@veloceapps/core';
 import { ELEMENT_TYPE, ElementConfig, ElementDefaultMetadata, ElementMetadata } from '../types';
 export declare class UiBuildError extends Error {
     affectedMetadata: ElementMetadata;

package/cms/utils/elements-resolver.d.ts

@@ -1,13 +1,16 @@
 import { Type } from '@angular/core';
-import { UIDefinitionMetadata } from '@veloceapps/sdk/core';
+import { UIDefinitionMetadata } from '@veloceapps/core';
+import { CMSPreviewConfig } from '../components/preview';
 import { Entity } from '../engine/models/entity';
 import { ElementMetadata } from '../types';
 export declare class ElementsResolver {
     private uiDef;
+    private config?;
     elements: ElementMetadata[];
     private renderableElements;
     private sharedElements;
-    constructor(uiDef: UIDefinitionMetadata, elements: ElementMetadata[], sharedElements?: ElementMetadata[]);
+    private uiDefMetadata;
+    constructor(uiDef: UIDefinitionMetadata, elements: ElementMetadata[], sharedElements?: ElementMetadata[], config?: CMSPreviewConfig | undefined);
     addElement(element: ElementMetadata): void;
     getNgComponents(): Record<string, Type<Entity>>;
     private transpile;
@@ -23,4 +26,5 @@ export declare class ElementsResolver {
     private resolveElement;
     private getElementStyles;
     private convertInlineStylesToCSS;
+    private getDefaultCustomizationState;
 }

package/cms/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './element.utils';
 export * from './elements-resolver';
 export * from './path.utils';
+export * from './ui-builder-layout.utils';
 export * from './ui-definition.utils';

package/cms/utils/script.utils.d.ts

@@ -0,0 +1,2 @@
+import { ElementMetadata } from '../types';
+export declare const getScriptClass: (metadata?: ElementMetadata) => object | undefined;

package/cms/utils/ui-builder-layout.utils.d.ts

@@ -0,0 +1,4 @@
+import { ElementMetadata, ElementStyleDeclaration, PageLayout, PageType } from '../types';
+export declare const constructPageChildren: (path: string, layout: PageLayout) => ElementMetadata[];
+export declare const constructRegion: (name: string, parentPath: string) => ElementMetadata;
+export declare const constructPage: (name: string, pageType: PageType, layout: PageLayout, configuredStyles?: ElementStyleDeclaration) => ElementMetadata;

package/cms/vendor-map.d.ts

@@ -1,9 +1,9 @@
 import * as angularCore from '@angular/core';
 import * as angularForms from '@angular/forms';
 import { CatalogApiService, ConfigurationSettingsApiService, DeltaApiService, DocumentAttachmentApiService, DocumentTemplatesApiService, GuidedSellingApiService, PicklistsApiService, PriceApiService, QuoteApiService, RampApiService, SalesforceApiService, ShoppingCartSettingsApiService } from '@veloceapps/api';
-import { ToastService } from '@veloceapps/components';
+import { ToastService, ToastType } from '@veloceapps/components';
 import { Operator, Predicate, parseJsonSafely } from '@veloceapps/core';
-import { ConfigurationService, ContextService, FlowConfigurationService, LineItemWorker, ProductImagesService, QuoteDraftService } from '@veloceapps/sdk/core';
+import { ConfigurationService, ContextService, FlowConfigurationService, LineItemWorker, ProductImagesService, QuoteDraftService, RuntimeSettingsService } from '@veloceapps/sdk/core';
 import lodash from 'lodash';
 import * as rxjs from 'rxjs';
 import * as rxjsOperators from 'rxjs/operators';
@@ -25,6 +25,7 @@ export declare const vendorMap: {
     };
     '@veloceapps/components': {
         ToastService: typeof ToastService;
+        ToastType: typeof ToastType;
     };
     '@veloceapps/api': {
         SalesforceApiService: typeof SalesforceApiService;
@@ -45,7 +46,7 @@ export declare const vendorMap: {
         findLineItemWithComparator: (lineItems: import("@veloceapps/core").LineItem[], comparator: (li: import("@veloceapps/core").LineItem) => boolean) => import("@veloceapps/core").LineItem | undefined;
         insertLineItem: (lineItem: import("@veloceapps/core").LineItem, parentId: string, toInsert: import("@veloceapps/core").LineItem) => import("@veloceapps/core").LineItem;
         removeLineItem: (lineItem: import("@veloceapps/core").LineItem, idToRemove: string) => import("@veloceapps/core").LineItem;
-        replaceLineItem: (lineItem: import("@veloceapps/core").LineItem, replaceTo: import("@veloceapps/core").LineItem) => import("@veloceapps/core").LineItem;
+        replaceLineItem: (lineItem: import("@veloceapps/core").LineItem, replaceTo: import("@veloceapps/core").LineItem, skipCardinalityCalculation?: boolean | undefined) => import("@veloceapps/core").LineItem;
         calculateCardinalityVariables: (lineItems: import("@veloceapps/core").LineItem[]) => Map<string, number>;
         recalculateCardinalityVariables: (original: import("@veloceapps/core").LineItem, updated: import("@veloceapps/core").LineItem) => import("@veloceapps/core").LineItem;
         mapAttributes: (attributes: import("@veloceapps/core").Attribute[]) => lodash.Dictionary<any>;
@@ -57,7 +58,7 @@ export declare const vendorMap: {
         patchAttributes: (rootLineItem: import("@veloceapps/core").LineItem, id: string, attrs: {
             name: string;
             value: any;
-        }[]) => import("@veloceapps/core").LineItem;
+        }[], skipCardinalityCalculation?: boolean | undefined) => import("@veloceapps/core").LineItem;
         getAttributeValue: (attributes: import("@veloceapps/core").Attribute[], name: string) => any;
         generateLineItem: (port: string, type: string, parentId: string, attributes?: {
             name: string;
@@ -68,13 +69,19 @@ export declare const vendorMap: {
             list: number;
         };
         generateModifiedAssetsMap: (lineItems: import("@veloceapps/core").LineItem[]) => Record<string, boolean>;
+        getOriginParent: (lineItems: import("@veloceapps/core").LineItem[], currentLineItem: import("@veloceapps/core").LineItem) => import("@veloceapps/core").LineItem | undefined;
+        isLineItemModified: <T_1 extends Pick<import("@veloceapps/core").LineItem, "actionCode" | "status">>(lineItem: T_1) => boolean;
         multiplyLineItems: (lineItem: import("@veloceapps/core").LineItem, qty: number, split: boolean) => import("@veloceapps/core").LineItem[];
+        filterOutTechnicalAttributes: <T_2 extends {
+            name: string;
+        }>(attributes: T_2[]) => T_2[];
         ConfigurationService: typeof ConfigurationService;
         QuoteDraftService: typeof QuoteDraftService;
         FlowConfigurationService: typeof FlowConfigurationService;
         LineItemWorker: typeof LineItemWorker;
         ProductImagesService: typeof ProductImagesService;
         ContextService: typeof ContextService;
+        RuntimeSettingsService: typeof RuntimeSettingsService;
     };
     '@veloceapps/sdk/cms': {
         TemplatesService: typeof TemplatesService;
@@ -97,11 +104,10 @@ export declare const vendorMap: {
         }) => import("@veloceapps/sdk/cms").IntegrationAction<any>;
         CmsAction: typeof cmsActions.CmsAction;
         DEFAULT_PLUGINS_TOKEN: angularCore.InjectionToken<typeof import("./engine/models/plugin").Plugin[]>;
-        UI_DEFINITION_METADATA: angularCore.InjectionToken<import("@veloceapps/sdk/core").UIDefinitionMetadata>;
+        UI_DEFINITION_METADATA: angularCore.InjectionToken<import("@veloceapps/core").UIDefinitionMetadata>;
         ELEMENT_METADATA: angularCore.InjectionToken<import("@veloceapps/sdk/cms").ElementMetadata>;
-        SHARED_ELEMENT_METADATA: angularCore.InjectionToken<import("@veloceapps/sdk/cms").ElementMetadata>;
+        SHARED_ELEMENT_METADATA: angularCore.InjectionToken<import("@veloceapps/sdk/cms").ElementMetadata | undefined>;
         ELEMENT_CONFIG: angularCore.InjectionToken<import("@veloceapps/sdk/cms").ElementConfig>;
-        VENDOR_MAP: angularCore.InjectionToken<lodash.Dictionary<any>>;
     };
 };
 export type VendorMap = typeof vendorMap;

package/core/core.module.d.ts

@@ -1,6 +1,8 @@
+import { FormattingSettings } from './types';
 import * as i0 from "@angular/core";
 import * as i1 from "./modules/configuration/configuration.module";
 import * as i2 from "./modules/flow-configuration/flow-configuration.module";
+export declare const DEFAULT_FORMATTING_SETTINGS: FormattingSettings;
 export declare class SdkCoreModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdkCoreModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<SdkCoreModule, never, [typeof i1.ConfigurationModule, typeof i2.FlowConfigurationModule], never>;

package/core/directives/directives.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./primeng-calendar.directive";
+export declare class SdkDirectivesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdkDirectivesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SdkDirectivesModule, [typeof i1.CalendarDirective], never, [typeof i1.CalendarDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SdkDirectivesModule>;
+}

package/core/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './directives.module';
+export * from './primeng-calendar.directive';

package/core/directives/primeng-calendar.directive.d.ts

@@ -0,0 +1,14 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { Calendar } from 'primeng/calendar';
+import * as i0 from "@angular/core";
+export declare class CalendarDirective implements OnInit, OnDestroy {
+    set vlCalendar(calendar: Calendar);
+    private calendar;
+    private ngControl;
+    private formattingSettings;
+    private destroy$;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CalendarDirective, "[vlCalendar]", never, { "vlCalendar": "vlCalendar"; }, {}, never, never, false, never>;
+}

package/core/index.d.ts

@@ -1,5 +1,7 @@
 export * from './core.module';
+export * from './directives';
 export * from './modules';
+export * from './pipes';
 export * from './services';
 export * from './types';
 export * from './utils';

package/core/modules/configuration/helpers.d.ts

@@ -1,3 +1,3 @@
-import { LineItem } from '@veloceapps/core';
-import { RuntimeContext, UIDefinitionProps } from '../../types';
+import { LineItem, UIDefinitionProps } from '@veloceapps/core';
+import { RuntimeContext } from '../../types';
 export declare const getDefaultLineItem: (context: RuntimeContext, uiDefinitionProperties: UIDefinitionProps, qty?: number) => LineItem;

package/core/modules/configuration/services/configuration-runtime.service.d.ts

@@ -1,8 +1,8 @@
 import { ConfigurationApiService } from '@veloceapps/api';
-import { RuntimeModel } from '@veloceapps/core';
+import { RuntimeModel, UIDefinition, UIDefinitionProps } from '@veloceapps/core';
 import { Observable } from 'rxjs';
 import { ContextService } from '../../../services/context.service';
-import { RuntimeContext, UIDefinition, UIDefinitionProps } from '../../../types';
+import { RuntimeContext } from '../../../types';
 import { RuntimeInitializationProps } from '../types/configuration-runtime.types';
 import { RuntimeContextService } from './runtime-context.service';
 import * as i0 from "@angular/core";