@veloceapps/sdk 12.0.0-15 → 12.0.0-16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cms/index.d.ts +28 -28
- package/core/index.d.ts +7 -7
- package/fesm2022/veloceapps-sdk-cms.mjs +48 -54
- package/fesm2022/veloceapps-sdk-cms.mjs.map +1 -1
- package/fesm2022/veloceapps-sdk-core.mjs +14 -29
- package/fesm2022/veloceapps-sdk-core.mjs.map +1 -1
- package/fesm2022/veloceapps-sdk.mjs +73 -79
- package/fesm2022/veloceapps-sdk.mjs.map +1 -1
- package/index.d.ts +140 -140
- package/package.json +1 -1
|
@@ -1,31 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
1
|
+
import { CommonModule, AsyncPipe, NgClass } from '@angular/common';
|
|
3
2
|
import * as i0 from '@angular/core';
|
|
4
3
|
import { ChangeDetectionStrategy, Component, NgModule, Optional, Inject, Injectable, inject } from '@angular/core';
|
|
5
4
|
import { ApiModule } from '@veloceapps/api';
|
|
6
|
-
import * as i2
|
|
5
|
+
import * as i2 from '@veloceapps/components';
|
|
7
6
|
import { ToastType, LoaderModule, LetDirectiveModule } from '@veloceapps/components';
|
|
8
7
|
import * as i4 from '@veloceapps/sdk/cms';
|
|
9
|
-
import { btoaSafe, PreviewModule, FlowAction, LauncherModule } from '@veloceapps/sdk/cms';
|
|
8
|
+
import { btoaSafe, PreviewModule, FlowAction, RuntimeModule, LauncherModule } from '@veloceapps/sdk/cms';
|
|
10
9
|
import * as i3 from '@veloceapps/sdk/core';
|
|
11
10
|
import { FLOW_CUSTOMIZATION, RuntimeSettingsService, FlowStateService, FlowInfoService, SalesTransactionService, ConfigurationService, IntegrationState, ConfigurationRuntimeService, SdkCoreModule } from '@veloceapps/sdk/core';
|
|
12
|
-
import
|
|
13
|
-
import { ButtonModule } from 'primeng/button';
|
|
11
|
+
import { Button, ButtonModule } from 'primeng/button';
|
|
14
12
|
import * as i1 from 'primeng/dynamicdialog';
|
|
15
13
|
import * as i1$1 from '@veloceapps/api/v2';
|
|
16
14
|
import { UIDefinitionsAdminApiService } from '@veloceapps/api/v2';
|
|
17
15
|
import { BehaviorSubject, Subject, filter, first, tap, takeUntil, catchError, of, map, switchMap, shareReplay, startWith, distinctUntilChanged, from, take, combineLatest } from 'rxjs';
|
|
18
16
|
import { DomHandler } from 'primeng/dom';
|
|
19
17
|
import * as i1$2 from '@angular/router';
|
|
20
|
-
import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
|
|
18
|
+
import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterOutlet, RouterModule } from '@angular/router';
|
|
21
19
|
import { mapShoppingCartSettings, getMaxRenewalTermsValue, SalesforceIdUtils, UITemplateType, isVeloceError, extractErrorDetails } from '@veloceapps/core';
|
|
22
20
|
import { HttpErrorResponse, HttpParams } from '@angular/common/http';
|
|
23
21
|
import * as i3$1 from '@angular/forms';
|
|
24
|
-
import { FormGroup, FormControl,
|
|
22
|
+
import { FormGroup, FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
|
|
25
23
|
import { DropdownModule } from 'primeng/dropdown';
|
|
26
|
-
import * as
|
|
24
|
+
import * as i4$1 from 'primeng/inputtext';
|
|
27
25
|
import { InputTextModule } from 'primeng/inputtext';
|
|
28
|
-
import * as
|
|
26
|
+
import * as i5 from 'primeng/radiobutton';
|
|
29
27
|
import { RadioButtonModule } from 'primeng/radiobutton';
|
|
30
28
|
import { catchError as catchError$1 } from 'rxjs/operators';
|
|
31
29
|
|
|
@@ -54,23 +52,22 @@ class FlowDialogComponent {
|
|
|
54
52
|
}
|
|
55
53
|
}
|
|
56
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogComponent, deps: [{ token: i1.DynamicDialogConfig }, { token: i1.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlowDialogComponent, isStandalone:
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlowDialogComponent, isStandalone: true, selector: "vl-flow-dialog", ngImport: i0, template: "<div class=\"header\">\n <div class=\"title\">\n {{ config.title }}\n </div>\n\n <i class=\"vl-icon vl-cross\" (click)=\"cancelHandler()\"></i>\n</div>\n\n@if (config.description) {\n<div class=\"description\">\n {{ config.description }}\n</div>\n}\n\n<div class=\"form-actions\">\n @if (config.secondaryButton) {\n <p-button\n styleClass=\"p-button-outlined button-text-bold\"\n [label]=\"config.secondaryButton!\"\n (onClick)=\"cancelHandler()\"\n ></p-button>\n }\n <p-button\n styleClass=\"p-button p-button-filled\"\n [label]=\"config.primaryButton\"\n (onClick)=\"confirmHandler()\"\n ></p-button>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host *{font-family:var(--cg-font-family)}:host .header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}:host .header .title{color:var(--cg-black);font-size:16px;font-style:normal;font-weight:500;line-height:20px}:host .header .vl-icon{cursor:pointer}:host .description{flex:1;padding:0 16px 16px;color:var(--cg-black);font-size:12px;font-style:normal;font-weight:300;line-height:16px;letter-spacing:.3px}:host .form-actions{background:var(--cg-bg-color);padding:12px 16px;display:flex;justify-content:flex-end;width:100%;gap:16px}:host p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}:host p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}:host p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}:host p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}:host p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}::ng-deep .p-dialog.flow-dialog{border-radius:8px;box-shadow:0 8px 32px #0000001a}\n"], dependencies: [{ kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
58
56
|
}
|
|
59
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogComponent, decorators: [{
|
|
60
58
|
type: Component,
|
|
61
|
-
args: [{ selector: 'vl-flow-dialog', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
59
|
+
args: [{ selector: 'vl-flow-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [Button], template: "<div class=\"header\">\n <div class=\"title\">\n {{ config.title }}\n </div>\n\n <i class=\"vl-icon vl-cross\" (click)=\"cancelHandler()\"></i>\n</div>\n\n@if (config.description) {\n<div class=\"description\">\n {{ config.description }}\n</div>\n}\n\n<div class=\"form-actions\">\n @if (config.secondaryButton) {\n <p-button\n styleClass=\"p-button-outlined button-text-bold\"\n [label]=\"config.secondaryButton!\"\n (onClick)=\"cancelHandler()\"\n ></p-button>\n }\n <p-button\n styleClass=\"p-button p-button-filled\"\n [label]=\"config.primaryButton\"\n (onClick)=\"confirmHandler()\"\n ></p-button>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host *{font-family:var(--cg-font-family)}:host .header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}:host .header .title{color:var(--cg-black);font-size:16px;font-style:normal;font-weight:500;line-height:20px}:host .header .vl-icon{cursor:pointer}:host .description{flex:1;padding:0 16px 16px;color:var(--cg-black);font-size:12px;font-style:normal;font-weight:300;line-height:16px;letter-spacing:.3px}:host .form-actions{background:var(--cg-bg-color);padding:12px 16px;display:flex;justify-content:flex-end;width:100%;gap:16px}:host p-button ::ng-deep button{border-radius:24px;width:100%;font-size:12px;font-family:var(--cg-font-family);font-weight:300;line-height:16px;letter-spacing:.3px;white-space:nowrap}:host p-button ::ng-deep .p-button-outlined{background-color:var(--cg-white);color:var(--cg-primary-color)}:host p-button ::ng-deep .p-button-outlined:hover{background-color:var(--cg-primary-color);color:var(--cg-white)}:host p-button ::ng-deep .p-button-filled{background-color:var(--cg-primary-color);color:var(--cg-white);border:1px solid var(--cg-primary-color)}:host p-button ::ng-deep .p-button-filled:hover{background-color:var(--cg-primary-color-hover);border-color:var(--cg-primary-color-hover)}::ng-deep .p-dialog.flow-dialog{border-radius:8px;box-shadow:0 8px 32px #0000001a}\n"] }]
|
|
62
60
|
}], ctorParameters: () => [{ type: i1.DynamicDialogConfig }, { type: i1.DynamicDialogRef }] });
|
|
63
61
|
|
|
64
62
|
class FlowDialogModule {
|
|
65
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
66
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogModule,
|
|
67
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogModule, imports: [CommonModule, ButtonModule] }); }
|
|
64
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogModule, imports: [CommonModule, ButtonModule, FlowDialogComponent], exports: [FlowDialogComponent] }); }
|
|
65
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogModule, imports: [CommonModule, ButtonModule, FlowDialogComponent] }); }
|
|
68
66
|
}
|
|
69
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowDialogModule, decorators: [{
|
|
70
68
|
type: NgModule,
|
|
71
69
|
args: [{
|
|
72
|
-
|
|
73
|
-
imports: [CommonModule, ButtonModule],
|
|
70
|
+
imports: [CommonModule, ButtonModule, FlowDialogComponent],
|
|
74
71
|
exports: [FlowDialogComponent],
|
|
75
72
|
}]
|
|
76
73
|
}] });
|
|
@@ -157,13 +154,13 @@ class FlowHeaderComponent {
|
|
|
157
154
|
return uiDef;
|
|
158
155
|
}));
|
|
159
156
|
}
|
|
160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowHeaderComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i3.FlowStateService }, { token: i3.FlowInfoService }, { token: i2
|
|
161
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlowHeaderComponent, isStandalone:
|
|
157
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowHeaderComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i3.FlowStateService }, { token: i3.FlowInfoService }, { token: i2.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
158
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlowHeaderComponent, isStandalone: true, selector: "vl-flow-new-header", ngImport: i0, template: "@if (uiDefinition$ | async; as uiDefinition) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n}\n", styles: [":host,vl-cms-preview{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: PreviewModule }, { kind: "component", type: i4.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
162
159
|
}
|
|
163
160
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowHeaderComponent, decorators: [{
|
|
164
161
|
type: Component,
|
|
165
|
-
args: [{ selector: 'vl-flow-new-header', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
166
|
-
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i3.FlowStateService }, { type: i3.FlowInfoService }, { type: i2
|
|
162
|
+
args: [{ selector: 'vl-flow-new-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [PreviewModule, AsyncPipe], template: "@if (uiDefinition$ | async; as uiDefinition) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n}\n", styles: [":host,vl-cms-preview{display:contents}\n"] }]
|
|
163
|
+
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i3.FlowStateService }, { type: i3.FlowInfoService }, { type: i2.ToastService }, { type: undefined, decorators: [{
|
|
167
164
|
type: Optional
|
|
168
165
|
}, {
|
|
169
166
|
type: Inject,
|
|
@@ -172,14 +169,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
172
169
|
|
|
173
170
|
class FlowNewHeaderModule {
|
|
174
171
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowNewHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
175
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FlowNewHeaderModule,
|
|
176
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowNewHeaderModule, imports: [CommonModule, PreviewModule] }); }
|
|
172
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FlowNewHeaderModule, imports: [CommonModule, PreviewModule, FlowHeaderComponent], exports: [FlowHeaderComponent] }); }
|
|
173
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowNewHeaderModule, imports: [CommonModule, PreviewModule, FlowHeaderComponent] }); }
|
|
177
174
|
}
|
|
178
175
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowNewHeaderModule, decorators: [{
|
|
179
176
|
type: NgModule,
|
|
180
177
|
args: [{
|
|
181
|
-
|
|
182
|
-
imports: [CommonModule, PreviewModule],
|
|
178
|
+
imports: [CommonModule, PreviewModule, FlowHeaderComponent],
|
|
183
179
|
exports: [FlowHeaderComponent],
|
|
184
180
|
}]
|
|
185
181
|
}] });
|
|
@@ -266,13 +262,13 @@ class GuidedSellingComponent {
|
|
|
266
262
|
return uiDef;
|
|
267
263
|
}));
|
|
268
264
|
}
|
|
269
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i3.FlowStateService }, { token: i3.FlowInfoService }, { token: i2
|
|
270
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: GuidedSellingComponent, isStandalone:
|
|
265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i3.FlowStateService }, { token: i3.FlowInfoService }, { token: i2.ToastService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: GuidedSellingComponent, isStandalone: true, selector: "vl-flow-guided-selling", ngImport: i0, template: "@if (uiDefinition$ | async; as uiDefinition) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n}\n", styles: [":host,vl-cms-preview{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: PreviewModule }, { kind: "component", type: i4.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
271
267
|
}
|
|
272
268
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingComponent, decorators: [{
|
|
273
269
|
type: Component,
|
|
274
|
-
args: [{ selector: 'vl-flow-guided-selling', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
275
|
-
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i3.FlowStateService }, { type: i3.FlowInfoService }, { type: i2
|
|
270
|
+
args: [{ selector: 'vl-flow-guided-selling', changeDetection: ChangeDetectionStrategy.OnPush, imports: [PreviewModule, AsyncPipe], template: "@if (uiDefinition$ | async; as uiDefinition) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n}\n", styles: [":host,vl-cms-preview{display:contents}\n"] }]
|
|
271
|
+
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i3.FlowStateService }, { type: i3.FlowInfoService }, { type: i2.ToastService }, { type: undefined, decorators: [{
|
|
276
272
|
type: Optional
|
|
277
273
|
}, {
|
|
278
274
|
type: Inject,
|
|
@@ -281,14 +277,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
281
277
|
|
|
282
278
|
class GuidedSellingModule {
|
|
283
279
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
284
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingModule,
|
|
285
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingModule, imports: [CommonModule, PreviewModule] }); }
|
|
280
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingModule, imports: [CommonModule, PreviewModule, GuidedSellingComponent], exports: [GuidedSellingComponent] }); }
|
|
281
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingModule, imports: [CommonModule, PreviewModule, GuidedSellingComponent] }); }
|
|
286
282
|
}
|
|
287
283
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: GuidedSellingModule, decorators: [{
|
|
288
284
|
type: NgModule,
|
|
289
285
|
args: [{
|
|
290
|
-
|
|
291
|
-
imports: [CommonModule, PreviewModule],
|
|
286
|
+
imports: [CommonModule, PreviewModule, GuidedSellingComponent],
|
|
292
287
|
exports: [GuidedSellingComponent],
|
|
293
288
|
}]
|
|
294
289
|
}] });
|
|
@@ -705,11 +700,11 @@ class FlowComponent {
|
|
|
705
700
|
this.flowService.cleanup();
|
|
706
701
|
}
|
|
707
702
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowComponent, deps: [{ token: FlowRouterService }, { token: FlowService }, { token: i3.FlowInfoService }, { token: FlowGuidedSellingService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
708
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlowComponent, isStandalone:
|
|
703
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: FlowComponent, isStandalone: true, selector: "vl-flow", ngImport: i0, template: "@if (showHeader$ | async) {\n<vl-flow-new-header></vl-flow-new-header>\n}\n\n<div class=\"flow-content\">\n @if (isLoading$ | async) {\n <div class=\"loading-overlay\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n }\n\n <router-outlet></router-outlet>\n\n <div class=\"guided-selling\" [ngClass]=\"{ hidden: (guidedSellingVisible$ | async) === false }\">\n @if ((isStandalone$ | async) !== true) {\n <vl-flow-guided-selling></vl-flow-guided-selling>\n }\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}.guided-selling{position:absolute;top:0;width:100%;height:100%;z-index:100}.hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: FlowNewHeaderModule }, { kind: "component", type: FlowHeaderComponent, selector: "vl-flow-new-header" }, { kind: "ngmodule", type: LoaderModule }, { kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: GuidedSellingModule }, { kind: "component", type: GuidedSellingComponent, selector: "vl-flow-guided-selling" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
709
704
|
}
|
|
710
705
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowComponent, decorators: [{
|
|
711
706
|
type: Component,
|
|
712
|
-
args: [{ selector: 'vl-flow', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
707
|
+
args: [{ selector: 'vl-flow', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlowNewHeaderModule, LoaderModule, RouterOutlet, NgClass, GuidedSellingModule, AsyncPipe], template: "@if (showHeader$ | async) {\n<vl-flow-new-header></vl-flow-new-header>\n}\n\n<div class=\"flow-content\">\n @if (isLoading$ | async) {\n <div class=\"loading-overlay\">\n <vl-loader label=\"LOADING\"></vl-loader>\n </div>\n }\n\n <router-outlet></router-outlet>\n\n <div class=\"guided-selling\" [ngClass]=\"{ hidden: (guidedSellingVisible$ | async) === false }\">\n @if ((isStandalone$ | async) !== true) {\n <vl-flow-guided-selling></vl-flow-guided-selling>\n }\n </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%}.flow-content{flex-grow:1;position:relative;overflow:hidden}.loading-overlay{position:absolute;height:100%;width:100%;inset:0;background-color:#fff;z-index:999}.guided-selling{position:absolute;top:0;width:100%;height:100%;z-index:100}.hidden{display:none}\n"] }]
|
|
713
708
|
}], ctorParameters: () => [{ type: FlowRouterService }, { type: FlowService }, { type: i3.FlowInfoService }, { type: FlowGuidedSellingService }] });
|
|
714
709
|
|
|
715
710
|
const keepFlowInitialized = (route) => {
|
|
@@ -902,13 +897,13 @@ class AssetsComponent {
|
|
|
902
897
|
return uiDef;
|
|
903
898
|
}));
|
|
904
899
|
}
|
|
905
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssetsComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2
|
|
906
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AssetsComponent, isStandalone:
|
|
900
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssetsComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2.ToastService }, { token: i3.FlowInfoService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
901
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: AssetsComponent, isStandalone: true, selector: "vl-flow-assets", ngImport: i0, template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n} } }\n", styles: [""], dependencies: [{ kind: "ngmodule", type: LoaderModule }, { kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "ngmodule", type: PreviewModule }, { kind: "component", type: i4.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
907
902
|
}
|
|
908
903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssetsComponent, decorators: [{
|
|
909
904
|
type: Component,
|
|
910
|
-
args: [{ selector: 'vl-flow-assets', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
911
|
-
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2
|
|
905
|
+
args: [{ selector: 'vl-flow-assets', changeDetection: ChangeDetectionStrategy.OnPush, imports: [LoaderModule, PreviewModule, AsyncPipe], template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n} } }\n" }]
|
|
906
|
+
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2.ToastService }, { type: i3.FlowInfoService }, { type: undefined, decorators: [{
|
|
912
907
|
type: Optional
|
|
913
908
|
}, {
|
|
914
909
|
type: Inject,
|
|
@@ -917,14 +912,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
917
912
|
|
|
918
913
|
class AssetsModule {
|
|
919
914
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
920
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: AssetsModule,
|
|
921
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssetsModule, imports: [CommonModule, PreviewModule, LoaderModule] }); }
|
|
915
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: AssetsModule, imports: [CommonModule, PreviewModule, LoaderModule, AssetsComponent], exports: [AssetsComponent] }); }
|
|
916
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssetsModule, imports: [CommonModule, PreviewModule, LoaderModule, AssetsComponent] }); }
|
|
922
917
|
}
|
|
923
918
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AssetsModule, decorators: [{
|
|
924
919
|
type: NgModule,
|
|
925
920
|
args: [{
|
|
926
|
-
|
|
927
|
-
imports: [CommonModule, PreviewModule, LoaderModule],
|
|
921
|
+
imports: [CommonModule, PreviewModule, LoaderModule, AssetsComponent],
|
|
928
922
|
exports: [AssetsComponent],
|
|
929
923
|
}]
|
|
930
924
|
}] });
|
|
@@ -1010,13 +1004,13 @@ class CatalogComponent {
|
|
|
1010
1004
|
return uiDef;
|
|
1011
1005
|
}));
|
|
1012
1006
|
}
|
|
1013
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CatalogComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2
|
|
1014
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: CatalogComponent, isStandalone:
|
|
1007
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CatalogComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2.ToastService }, { token: i3.FlowInfoService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1008
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: CatalogComponent, isStandalone: true, selector: "vl-flow-catalog", ngImport: i0, template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n} } }\n", styles: [""], dependencies: [{ kind: "ngmodule", type: LoaderModule }, { kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "ngmodule", type: PreviewModule }, { kind: "component", type: i4.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1015
1009
|
}
|
|
1016
1010
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CatalogComponent, decorators: [{
|
|
1017
1011
|
type: Component,
|
|
1018
|
-
args: [{ selector: 'vl-flow-catalog', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1019
|
-
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2
|
|
1012
|
+
args: [{ selector: 'vl-flow-catalog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [LoaderModule, PreviewModule, AsyncPipe], template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n} } }\n" }]
|
|
1013
|
+
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2.ToastService }, { type: i3.FlowInfoService }, { type: undefined, decorators: [{
|
|
1020
1014
|
type: Optional
|
|
1021
1015
|
}, {
|
|
1022
1016
|
type: Inject,
|
|
@@ -1025,14 +1019,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1025
1019
|
|
|
1026
1020
|
class CatalogModule {
|
|
1027
1021
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CatalogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1028
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: CatalogModule,
|
|
1029
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CatalogModule, imports: [CommonModule, PreviewModule, LoaderModule] }); }
|
|
1022
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: CatalogModule, imports: [CommonModule, PreviewModule, LoaderModule, RuntimeModule, CatalogComponent], exports: [CatalogComponent] }); }
|
|
1023
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CatalogModule, imports: [CommonModule, PreviewModule, LoaderModule, RuntimeModule, CatalogComponent] }); }
|
|
1030
1024
|
}
|
|
1031
1025
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: CatalogModule, decorators: [{
|
|
1032
1026
|
type: NgModule,
|
|
1033
1027
|
args: [{
|
|
1034
|
-
|
|
1035
|
-
imports: [CommonModule, PreviewModule, LoaderModule],
|
|
1028
|
+
imports: [CommonModule, PreviewModule, LoaderModule, RuntimeModule, CatalogComponent],
|
|
1036
1029
|
exports: [CatalogComponent],
|
|
1037
1030
|
}]
|
|
1038
1031
|
}] });
|
|
@@ -1065,22 +1058,23 @@ class DebugComponent {
|
|
|
1065
1058
|
return new HttpParams({ fromObject: params }).toString();
|
|
1066
1059
|
}
|
|
1067
1060
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DebugComponent, deps: [{ token: i1$1.FlowsApiService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1068
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DebugComponent, isStandalone:
|
|
1061
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: DebugComponent, isStandalone: true, selector: "vl-flow-debug", ngImport: i0, template: "<form [formGroup]=\"form\">\n <div class=\"fields-container\">\n <div class=\"field\">\n <label>SF Object ID</label>\n <input formControlName=\"id\" pInputText type=\"text\" />\n </div>\n </div>\n\n <p-button\n styleClass=\"p-button-primary\"\n label=\"Run Flow\"\n [disabled]=\"!form.value.id || !selectedFlow\"\n (onClick)=\"runFlow()\"\n ></p-button>\n</form>\n\n<table>\n <thead>\n <tr>\n <th [width]=\"30\"></th>\n <th [width]=\"160\">ID</th>\n <th [width]=\"160\">Entry Path</th>\n <th>QueryParams</th>\n <th [width]=\"100\">Standalone</th>\n <th [width]=\"100\">Stateful</th>\n </tr>\n </thead>\n <tbody>\n @for (flow of flows$ | async; track flow) {\n <tr (click)=\"selectedFlow = flow\">\n <td><p-radioButton [inputId]=\"flow.id\" name=\"flow\" [value]=\"flow\" [(ngModel)]=\"selectedFlow\"></p-radioButton></td>\n <td>{{ flow.id }}</td>\n <td>{{ flow.properties.entryPath }}</td>\n <td class=\"cell-query-params\">{{ getQueryParamsString(flow.properties.queryParams) }}</td>\n <td>{{ flow.properties.standalone }}</td>\n <td>{{ flow.properties.stateful }}</td>\n </tr>\n }\n </tbody>\n</table>\n", styles: [":host{display:block;padding:24px 54px}form{display:flex;align-items:center;justify-content:space-between}.fields-container{display:flex;gap:24px}.field{display:flex;flex-direction:column;width:200px;flex-shrink:0}:host ::ng-deep .p-dropdown{width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed}tbody>tr{cursor:pointer}tbody>tr:hover{background-color:#f0f5fa}th{text-align:left;font-weight:600}th,td{padding:0 10px;height:30px;border-bottom:1px solid var(--vl-border-color);margin-right:16px;line-height:18px}.cell-query-params{word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i5.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1069
1062
|
}
|
|
1070
1063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DebugComponent, decorators: [{
|
|
1071
1064
|
type: Component,
|
|
1072
|
-
args: [{ selector: 'vl-flow-debug', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1065
|
+
args: [{ selector: 'vl-flow-debug', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, InputTextModule, Button, RadioButtonModule, FormsModule, AsyncPipe], template: "<form [formGroup]=\"form\">\n <div class=\"fields-container\">\n <div class=\"field\">\n <label>SF Object ID</label>\n <input formControlName=\"id\" pInputText type=\"text\" />\n </div>\n </div>\n\n <p-button\n styleClass=\"p-button-primary\"\n label=\"Run Flow\"\n [disabled]=\"!form.value.id || !selectedFlow\"\n (onClick)=\"runFlow()\"\n ></p-button>\n</form>\n\n<table>\n <thead>\n <tr>\n <th [width]=\"30\"></th>\n <th [width]=\"160\">ID</th>\n <th [width]=\"160\">Entry Path</th>\n <th>QueryParams</th>\n <th [width]=\"100\">Standalone</th>\n <th [width]=\"100\">Stateful</th>\n </tr>\n </thead>\n <tbody>\n @for (flow of flows$ | async; track flow) {\n <tr (click)=\"selectedFlow = flow\">\n <td><p-radioButton [inputId]=\"flow.id\" name=\"flow\" [value]=\"flow\" [(ngModel)]=\"selectedFlow\"></p-radioButton></td>\n <td>{{ flow.id }}</td>\n <td>{{ flow.properties.entryPath }}</td>\n <td class=\"cell-query-params\">{{ getQueryParamsString(flow.properties.queryParams) }}</td>\n <td>{{ flow.properties.standalone }}</td>\n <td>{{ flow.properties.stateful }}</td>\n </tr>\n }\n </tbody>\n</table>\n", styles: [":host{display:block;padding:24px 54px}form{display:flex;align-items:center;justify-content:space-between}.fields-container{display:flex;gap:24px}.field{display:flex;flex-direction:column;width:200px;flex-shrink:0}:host ::ng-deep .p-dropdown{width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed}tbody>tr{cursor:pointer}tbody>tr:hover{background-color:#f0f5fa}th{text-align:left;font-weight:600}th,td{padding:0 10px;height:30px;border-bottom:1px solid var(--vl-border-color);margin-right:16px;line-height:18px}.cell-query-params{word-break:break-all}\n"] }]
|
|
1073
1066
|
}], ctorParameters: () => [{ type: i1$1.FlowsApiService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }] });
|
|
1074
1067
|
|
|
1075
1068
|
const routes$1 = [{ path: '', component: DebugComponent }];
|
|
1076
1069
|
class DebugModule {
|
|
1077
1070
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DebugModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1078
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: DebugModule,
|
|
1071
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: DebugModule, imports: [CommonModule,
|
|
1079
1072
|
FormsModule,
|
|
1080
1073
|
ReactiveFormsModule, i1$2.RouterModule, RadioButtonModule,
|
|
1081
1074
|
ButtonModule,
|
|
1082
1075
|
InputTextModule,
|
|
1083
|
-
DropdownModule
|
|
1076
|
+
DropdownModule,
|
|
1077
|
+
DebugComponent] }); }
|
|
1084
1078
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DebugModule, imports: [CommonModule,
|
|
1085
1079
|
FormsModule,
|
|
1086
1080
|
ReactiveFormsModule,
|
|
@@ -1088,12 +1082,12 @@ class DebugModule {
|
|
|
1088
1082
|
RadioButtonModule,
|
|
1089
1083
|
ButtonModule,
|
|
1090
1084
|
InputTextModule,
|
|
1091
|
-
DropdownModule
|
|
1085
|
+
DropdownModule,
|
|
1086
|
+
DebugComponent] }); }
|
|
1092
1087
|
}
|
|
1093
1088
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: DebugModule, decorators: [{
|
|
1094
1089
|
type: NgModule,
|
|
1095
1090
|
args: [{
|
|
1096
|
-
declarations: [DebugComponent],
|
|
1097
1091
|
imports: [
|
|
1098
1092
|
CommonModule,
|
|
1099
1093
|
FormsModule,
|
|
@@ -1103,6 +1097,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1103
1097
|
ButtonModule,
|
|
1104
1098
|
InputTextModule,
|
|
1105
1099
|
DropdownModule,
|
|
1100
|
+
DebugComponent,
|
|
1106
1101
|
],
|
|
1107
1102
|
}]
|
|
1108
1103
|
}] });
|
|
@@ -1146,23 +1141,22 @@ class ProductComponent {
|
|
|
1146
1141
|
}));
|
|
1147
1142
|
}
|
|
1148
1143
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ProductComponent, deps: [{ token: i3.ConfigurationRuntimeService }, { token: i3.ConfigurationStateService }, { token: i3.FlowInfoService }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ProductComponent, isStandalone:
|
|
1144
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ProductComponent, isStandalone: true, selector: "vl-flow-product", ngImport: i0, template: "@if (isInitialized$ | async) {\n<vl-cms-preview [uiDefinition]=\"(uiDefinitionContainer$ | async)?.source\" [config]=\"config\"></vl-cms-preview>\n} @if (showNotFound$ | async) {\n<div class=\"not-found-wrapper\">\n <div class=\"not-found\">\n <div class=\"icon\"></div>\n <div class=\"message\">\n This product doesn't have a linked Configuration UI. <br />\n Please contact your system administrator for further assistance.\n </div>\n </div>\n</div>\n}\n", styles: [".not-found-wrapper{position:absolute;top:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#fff;z-index:1000}.not-found{display:flex;align-items:center;padding:16px;border-radius:8px;gap:8px;background-color:#f5f5f5}.not-found .icon{width:48px;height:42px;background-image:url(\"data:image/svg+xml,%3Csvg width='48' height='42' viewBox='0 0 48 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='24.0798' cy='32.6052' rx='2.85714' ry='2.63158' fill='%231F2029'/%3E%3Cpath d='M22.285 3.35831C23.0618 2.06363 24.9382 2.06363 25.715 3.35831L46.1826 37.471C46.9824 38.8041 46.0222 40.5 44.4676 40.5L3.53238 40.5C1.97779 40.5 1.01757 38.8041 1.8174 37.471L22.285 3.35831Z' stroke='%23141414' stroke-width='2'/%3E%3Cpath d='M24 17.342V26.8157' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A\")}.not-found .message{font-size:14px;color:#141414;font-weight:300}\n"], dependencies: [{ kind: "ngmodule", type: PreviewModule }, { kind: "component", type: i4.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1150
1145
|
}
|
|
1151
1146
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ProductComponent, decorators: [{
|
|
1152
1147
|
type: Component,
|
|
1153
|
-
args: [{ selector: 'vl-flow-product', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1148
|
+
args: [{ selector: 'vl-flow-product', changeDetection: ChangeDetectionStrategy.OnPush, imports: [PreviewModule, AsyncPipe], template: "@if (isInitialized$ | async) {\n<vl-cms-preview [uiDefinition]=\"(uiDefinitionContainer$ | async)?.source\" [config]=\"config\"></vl-cms-preview>\n} @if (showNotFound$ | async) {\n<div class=\"not-found-wrapper\">\n <div class=\"not-found\">\n <div class=\"icon\"></div>\n <div class=\"message\">\n This product doesn't have a linked Configuration UI. <br />\n Please contact your system administrator for further assistance.\n </div>\n </div>\n</div>\n}\n", styles: [".not-found-wrapper{position:absolute;top:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#fff;z-index:1000}.not-found{display:flex;align-items:center;padding:16px;border-radius:8px;gap:8px;background-color:#f5f5f5}.not-found .icon{width:48px;height:42px;background-image:url(\"data:image/svg+xml,%3Csvg width='48' height='42' viewBox='0 0 48 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='24.0798' cy='32.6052' rx='2.85714' ry='2.63158' fill='%231F2029'/%3E%3Cpath d='M22.285 3.35831C23.0618 2.06363 24.9382 2.06363 25.715 3.35831L46.1826 37.471C46.9824 38.8041 46.0222 40.5 44.4676 40.5L3.53238 40.5C1.97779 40.5 1.01757 38.8041 1.8174 37.471L22.285 3.35831Z' stroke='%23141414' stroke-width='2'/%3E%3Cpath d='M24 17.342V26.8157' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A\")}.not-found .message{font-size:14px;color:#141414;font-weight:300}\n"] }]
|
|
1154
1149
|
}], ctorParameters: () => [{ type: i3.ConfigurationRuntimeService }, { type: i3.ConfigurationStateService }, { type: i3.FlowInfoService }, { type: i1$2.ActivatedRoute }] });
|
|
1155
1150
|
|
|
1156
1151
|
class ProductModule {
|
|
1157
1152
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ProductModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1158
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ProductModule,
|
|
1159
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ProductModule, imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule] }); }
|
|
1153
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ProductModule, imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule, ProductComponent], exports: [ProductComponent] }); }
|
|
1154
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ProductModule, imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule, ProductComponent] }); }
|
|
1160
1155
|
}
|
|
1161
1156
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ProductModule, decorators: [{
|
|
1162
1157
|
type: NgModule,
|
|
1163
1158
|
args: [{
|
|
1164
|
-
|
|
1165
|
-
imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule],
|
|
1159
|
+
imports: [CommonModule, PreviewModule, LoaderModule, LetDirectiveModule, ProductComponent],
|
|
1166
1160
|
exports: [ProductComponent],
|
|
1167
1161
|
}]
|
|
1168
1162
|
}] });
|
|
@@ -1182,24 +1176,23 @@ class RecordNotFoundComponent {
|
|
|
1182
1176
|
}
|
|
1183
1177
|
}
|
|
1184
1178
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RecordNotFoundComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1185
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: RecordNotFoundComponent, isStandalone:
|
|
1179
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: RecordNotFoundComponent, isStandalone: true, selector: "vl-flow-record-not-found", ngImport: i0, template: "<div class=\"row\">\n <div class=\"col-md-12\">\n <div class=\"message-wrapper\">\n @if (message) {\n <div>\n <p class=\"text message-text\" [class]=\"type\">{{ message }}</p>\n @if (subMessage) {\n <p class=\"text\">{{ subMessage }}</p>\n } @if (details && details.length > 0) {\n <div>\n @for (detail of details; track detail) {\n <div class=\"text\">{{ detail }}</div>\n }\n </div>\n }\n </div>\n } @else { Record not found }\n </div>\n </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}:host .text{white-space:pre-line;word-break:break-word}:host .message-text.error{color:var(--vl-error-text-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1186
1180
|
}
|
|
1187
1181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RecordNotFoundComponent, decorators: [{
|
|
1188
1182
|
type: Component,
|
|
1189
|
-
args: [{ selector: 'vl-flow-record-not-found', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1183
|
+
args: [{ selector: 'vl-flow-record-not-found', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row\">\n <div class=\"col-md-12\">\n <div class=\"message-wrapper\">\n @if (message) {\n <div>\n <p class=\"text message-text\" [class]=\"type\">{{ message }}</p>\n @if (subMessage) {\n <p class=\"text\">{{ subMessage }}</p>\n } @if (details && details.length > 0) {\n <div>\n @for (detail of details; track detail) {\n <div class=\"text\">{{ detail }}</div>\n }\n </div>\n }\n </div>\n } @else { Record not found }\n </div>\n </div>\n</div>\n", styles: [":host{display:block;padding:24px 54px}:host .text{white-space:pre-line;word-break:break-word}:host .message-text.error{color:var(--vl-error-text-color)}\n"] }]
|
|
1190
1184
|
}], ctorParameters: () => [{ type: i1$2.Router }] });
|
|
1191
1185
|
|
|
1192
1186
|
const routes = [{ path: '', component: RecordNotFoundComponent }];
|
|
1193
1187
|
class RecordNotFoundModule {
|
|
1194
1188
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RecordNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1195
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: RecordNotFoundModule,
|
|
1189
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: RecordNotFoundModule, imports: [CommonModule, i1$2.RouterModule, RecordNotFoundComponent] }); }
|
|
1196
1190
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RecordNotFoundModule, imports: [CommonModule, RouterModule.forChild(routes)] }); }
|
|
1197
1191
|
}
|
|
1198
1192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: RecordNotFoundModule, decorators: [{
|
|
1199
1193
|
type: NgModule,
|
|
1200
1194
|
args: [{
|
|
1201
|
-
|
|
1202
|
-
imports: [CommonModule, RouterModule.forChild(routes)],
|
|
1195
|
+
imports: [CommonModule, RouterModule.forChild(routes), RecordNotFoundComponent],
|
|
1203
1196
|
}]
|
|
1204
1197
|
}] });
|
|
1205
1198
|
|
|
@@ -1284,13 +1277,13 @@ class ShoppingCartComponent {
|
|
|
1284
1277
|
return uiDef;
|
|
1285
1278
|
}));
|
|
1286
1279
|
}
|
|
1287
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2
|
|
1288
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ShoppingCartComponent, isStandalone:
|
|
1280
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartComponent, deps: [{ token: i1$1.UITemplatesAdminApiService }, { token: i0.ChangeDetectorRef }, { token: i2.ToastService }, { token: i3.FlowInfoService }, { token: FLOW_CUSTOMIZATION, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: ShoppingCartComponent, isStandalone: true, selector: "vl-flow-shopping-cart", ngImport: i0, template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n} } }\n", styles: [""], dependencies: [{ kind: "ngmodule", type: LoaderModule }, { kind: "component", type: i2.LoaderComponent, selector: "vl-loader", inputs: ["label", "overlayVisible"] }, { kind: "ngmodule", type: PreviewModule }, { kind: "component", type: i4.PreviewComponent, selector: "vl-cms-preview", inputs: ["uiDefinition", "config"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1289
1282
|
}
|
|
1290
1283
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartComponent, decorators: [{
|
|
1291
1284
|
type: Component,
|
|
1292
|
-
args: [{ selector: 'vl-flow-shopping-cart', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1293
|
-
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2
|
|
1285
|
+
args: [{ selector: 'vl-flow-shopping-cart', changeDetection: ChangeDetectionStrategy.OnPush, imports: [LoaderModule, PreviewModule, AsyncPipe], template: "@if (state$ | async; as state) { @if (state.loading) {\n<vl-loader [label]=\"'Loading UI'\"></vl-loader>\n} @else { @if (!state.failure) {\n<vl-cms-preview [uiDefinition]=\"uiDefinition\"></vl-cms-preview>\n} } }\n" }]
|
|
1286
|
+
}], ctorParameters: () => [{ type: i1$1.UITemplatesAdminApiService }, { type: i0.ChangeDetectorRef }, { type: i2.ToastService }, { type: i3.FlowInfoService }, { type: undefined, decorators: [{
|
|
1294
1287
|
type: Optional
|
|
1295
1288
|
}, {
|
|
1296
1289
|
type: Inject,
|
|
@@ -1299,14 +1292,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1299
1292
|
|
|
1300
1293
|
class ShoppingCartModule {
|
|
1301
1294
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1302
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartModule,
|
|
1303
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartModule, imports: [CommonModule, PreviewModule, LoaderModule] }); }
|
|
1295
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartModule, imports: [CommonModule, PreviewModule, LoaderModule, ShoppingCartComponent], exports: [ShoppingCartComponent] }); }
|
|
1296
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartModule, imports: [CommonModule, PreviewModule, LoaderModule, ShoppingCartComponent] }); }
|
|
1304
1297
|
}
|
|
1305
1298
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ShoppingCartModule, decorators: [{
|
|
1306
1299
|
type: NgModule,
|
|
1307
1300
|
args: [{
|
|
1308
|
-
|
|
1309
|
-
imports: [CommonModule, PreviewModule, LoaderModule],
|
|
1301
|
+
imports: [CommonModule, PreviewModule, LoaderModule, ShoppingCartComponent],
|
|
1310
1302
|
exports: [ShoppingCartComponent],
|
|
1311
1303
|
}]
|
|
1312
1304
|
}] });
|
|
@@ -1528,7 +1520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1528
1520
|
configurePrimengShadowDOM();
|
|
1529
1521
|
class FlowModule {
|
|
1530
1522
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1531
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FlowModule,
|
|
1523
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FlowModule, imports: [CommonModule,
|
|
1532
1524
|
LetDirectiveModule,
|
|
1533
1525
|
FlowRoutingModule,
|
|
1534
1526
|
ApiModule,
|
|
@@ -1537,7 +1529,8 @@ class FlowModule {
|
|
|
1537
1529
|
FlowNewHeaderModule,
|
|
1538
1530
|
FlowDialogModule,
|
|
1539
1531
|
SdkCoreModule,
|
|
1540
|
-
GuidedSellingModule
|
|
1532
|
+
GuidedSellingModule,
|
|
1533
|
+
FlowComponent] }); }
|
|
1541
1534
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowModule, providers: [FlowService, FlowDialogService, FlowGuidedSellingService], imports: [CommonModule,
|
|
1542
1535
|
LetDirectiveModule,
|
|
1543
1536
|
FlowRoutingModule,
|
|
@@ -1547,12 +1540,12 @@ class FlowModule {
|
|
|
1547
1540
|
FlowNewHeaderModule,
|
|
1548
1541
|
FlowDialogModule,
|
|
1549
1542
|
SdkCoreModule,
|
|
1550
|
-
GuidedSellingModule
|
|
1543
|
+
GuidedSellingModule,
|
|
1544
|
+
FlowComponent] }); }
|
|
1551
1545
|
}
|
|
1552
1546
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FlowModule, decorators: [{
|
|
1553
1547
|
type: NgModule,
|
|
1554
1548
|
args: [{
|
|
1555
|
-
declarations: [FlowComponent],
|
|
1556
1549
|
imports: [
|
|
1557
1550
|
CommonModule,
|
|
1558
1551
|
LetDirectiveModule,
|
|
@@ -1564,6 +1557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1564
1557
|
FlowDialogModule,
|
|
1565
1558
|
SdkCoreModule,
|
|
1566
1559
|
GuidedSellingModule,
|
|
1560
|
+
FlowComponent,
|
|
1567
1561
|
],
|
|
1568
1562
|
providers: [FlowService, FlowDialogService, FlowGuidedSellingService],
|
|
1569
1563
|
}]
|