vcomply-workflow-engine 6.1.43 → 6.1.44
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/esm2022/lib/sharedComponents/frequency/frequency-container/frequency-container.component.mjs +8 -8
- package/esm2022/lib/sharedComponents/frequency/frequency-on-completion-of/frequency-on-completion-of.component.mjs +2 -2
- package/esm2022/lib/sharedComponents/frequency/frequency.service.mjs +2 -2
- package/esm2022/lib/sharedComponents/frequency-dialog/frequency-dialog-container/frequency-dialog-container.component.mjs +4 -4
- package/fesm2022/vcomply-workflow-engine.mjs +12 -12
- package/fesm2022/vcomply-workflow-engine.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -12622,7 +12622,7 @@ class FrequencyService {
|
|
|
12622
12622
|
}
|
|
12623
12623
|
},
|
|
12624
12624
|
random: this.getRandomFrequency(frequency),
|
|
12625
|
-
onComplete: frequency.case === '
|
|
12625
|
+
onComplete: frequency.case === 'on_complete' ? frequency.onCompletion : {},
|
|
12626
12626
|
onGoing: this.getOngoing(frequency),
|
|
12627
12627
|
};
|
|
12628
12628
|
return frequencyObject;
|
|
@@ -18826,7 +18826,7 @@ class FrequencyDialogContainerComponent {
|
|
|
18826
18826
|
},
|
|
18827
18827
|
{
|
|
18828
18828
|
name: 'On Completion Of',
|
|
18829
|
-
type: '
|
|
18829
|
+
type: 'on_complete',
|
|
18830
18830
|
},
|
|
18831
18831
|
{
|
|
18832
18832
|
name: 'Ongoing',
|
|
@@ -18881,7 +18881,7 @@ class FrequencyDialogContainerComponent {
|
|
|
18881
18881
|
this.currentTabName = 'a daily';
|
|
18882
18882
|
break;
|
|
18883
18883
|
case 6:
|
|
18884
|
-
this.frequencyTab = '
|
|
18884
|
+
this.frequencyTab = 'on_complete';
|
|
18885
18885
|
this.currentTabName = 'an on completion of';
|
|
18886
18886
|
this.frequencyData.report_id = this.frequencyDetails.selectedReport;
|
|
18887
18887
|
break;
|
|
@@ -18996,7 +18996,7 @@ class FrequencyDialogContainerComponent {
|
|
|
18996
18996
|
isInvalid = true;
|
|
18997
18997
|
}
|
|
18998
18998
|
break;
|
|
18999
|
-
case '
|
|
18999
|
+
case 'on_complete':
|
|
19000
19000
|
if (this.frequencyData.reportId > 0) {
|
|
19001
19001
|
isInvalid = false;
|
|
19002
19002
|
}
|
|
@@ -29412,7 +29412,7 @@ class FrequencyOnCompletionOfComponent {
|
|
|
29412
29412
|
: '');
|
|
29413
29413
|
this.frequencyInfo.pattern =
|
|
29414
29414
|
6 + '~' + '0' + '~' + '0' + '~' + this.onCompletionOfInput;
|
|
29415
|
-
this.frequencyInfo.case = '
|
|
29415
|
+
this.frequencyInfo.case = 'on_complete';
|
|
29416
29416
|
this.frequencyInfo.failedAfter = this.onCompletionOfFailed;
|
|
29417
29417
|
this.frequencyInfo.window = this.onCompletionOfWindow;
|
|
29418
29418
|
this.frequencyInfo.timeIn12hr = this.onCompletionOfTime;
|
|
@@ -29588,7 +29588,7 @@ class FrequencyContainerComponent {
|
|
|
29588
29588
|
},
|
|
29589
29589
|
{
|
|
29590
29590
|
name: 'On Completion Of',
|
|
29591
|
-
type: '
|
|
29591
|
+
type: 'on_complete',
|
|
29592
29592
|
},
|
|
29593
29593
|
{
|
|
29594
29594
|
name: 'Ongoing',
|
|
@@ -29603,14 +29603,14 @@ class FrequencyContainerComponent {
|
|
|
29603
29603
|
if (this.frequencyDetails.pattern != '') {
|
|
29604
29604
|
this.populateFrequency();
|
|
29605
29605
|
}
|
|
29606
|
-
const hideElements = ['random', '
|
|
29606
|
+
const hideElements = ['random', 'on_complete', 'ongoing'];
|
|
29607
29607
|
if (this.mode == 'policy') {
|
|
29608
29608
|
hideElements.forEach((element) => {
|
|
29609
29609
|
const index = this.frequencyList.findIndex((elementIndex) => elementIndex.type == element);
|
|
29610
29610
|
this.frequencyList.splice(index, 1);
|
|
29611
29611
|
});
|
|
29612
29612
|
}
|
|
29613
|
-
const hideElements2 = ['daily', 'random', '
|
|
29613
|
+
const hideElements2 = ['daily', 'random', 'on_complete', 'ongoing'];
|
|
29614
29614
|
if (this.mode == 'reviewerFrequency') {
|
|
29615
29615
|
this.frequencyTab =
|
|
29616
29616
|
this.frequencyDetails?.pattern == '' ? 'weekly' : this.frequencyTab;
|
|
@@ -29654,7 +29654,7 @@ class FrequencyContainerComponent {
|
|
|
29654
29654
|
this.currentTabName = 'a daily';
|
|
29655
29655
|
break;
|
|
29656
29656
|
case 6:
|
|
29657
|
-
this.frequencyTab = '
|
|
29657
|
+
this.frequencyTab = 'on_complete';
|
|
29658
29658
|
this.currentTabName = 'an on completion of';
|
|
29659
29659
|
this.frequencyData.report_id = this.frequencyDetails.selectedReport;
|
|
29660
29660
|
break;
|
|
@@ -29769,7 +29769,7 @@ class FrequencyContainerComponent {
|
|
|
29769
29769
|
isInvalid = true;
|
|
29770
29770
|
}
|
|
29771
29771
|
break;
|
|
29772
|
-
case '
|
|
29772
|
+
case 'on_complete':
|
|
29773
29773
|
if (this.frequencyData.onCompletion?.responsibility > 0) {
|
|
29774
29774
|
isInvalid = false;
|
|
29775
29775
|
}
|
|
@@ -29810,11 +29810,11 @@ class FrequencyContainerComponent {
|
|
|
29810
29810
|
this.closeFrequency.emit();
|
|
29811
29811
|
}
|
|
29812
29812
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyContainerComponent, deps: [{ token: FrequencyService }, { token: SnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29813
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyContainerComponent, selector: "app-frequency-container", inputs: { frequencyDetails: "frequencyDetails", mode: "mode", feature: "feature", pageType: "pageType" }, outputs: { selectedFrequency: "selectedFrequency", closeFrequency: "closeFrequency" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div\n class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: FrequencyDailyComponent, selector: "app-frequency-daily", inputs: ["mode", "frequencyData", "startDate", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyWeeklyComponent, selector: "app-frequency-weekly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyMonthlyComponent, selector: "app-frequency-monthly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyQuarterlyComponent, selector: "app-frequency-quarterly", inputs: ["mode", "startDate", "frequencyData", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyBiannualComponent, selector: "app-frequency-biannual", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyAnnualComponent, selector: "app-frequency-annual", inputs: ["pageType", "frequencyData", "mode", "startDate"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOneTimeComponent, selector: "app-frequency-one-time", inputs: ["pageType", "frequencyData", "mode"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyRandomComponent, selector: "app-frequency-random", inputs: ["mode", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOnCompletionOfComponent, selector: "app-frequency-on-completion-of", inputs: ["mode", "feature", "startDate", "frequencyData"], outputs: ["frequencyDetails", "radioForm"] }, { kind: "component", type: FrequencyOngoingComponent, selector: "app-frequency-ongoing", inputs: ["selectedType", "selectedOngoingType", "frequencyData", "startDate"], outputs: ["frequencyDetails"] }] }); }
|
|
29813
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FrequencyContainerComponent, selector: "app-frequency-container", inputs: { frequencyDetails: "frequencyDetails", mode: "mode", feature: "feature", pageType: "pageType" }, outputs: { selectedFrequency: "selectedFrequency", closeFrequency: "closeFrequency" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\" [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "isResponsibility", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "component", type: FrequencyDailyComponent, selector: "app-frequency-daily", inputs: ["mode", "frequencyData", "startDate", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyWeeklyComponent, selector: "app-frequency-weekly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyMonthlyComponent, selector: "app-frequency-monthly", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyQuarterlyComponent, selector: "app-frequency-quarterly", inputs: ["mode", "startDate", "frequencyData", "pageType"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyBiannualComponent, selector: "app-frequency-biannual", inputs: ["mode", "pageType", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyAnnualComponent, selector: "app-frequency-annual", inputs: ["pageType", "frequencyData", "mode", "startDate"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOneTimeComponent, selector: "app-frequency-one-time", inputs: ["pageType", "frequencyData", "mode"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyRandomComponent, selector: "app-frequency-random", inputs: ["mode", "startDate", "frequencyData"], outputs: ["frequencyDetails"] }, { kind: "component", type: FrequencyOnCompletionOfComponent, selector: "app-frequency-on-completion-of", inputs: ["mode", "feature", "startDate", "frequencyData"], outputs: ["frequencyDetails", "radioForm"] }, { kind: "component", type: FrequencyOngoingComponent, selector: "app-frequency-ongoing", inputs: ["selectedType", "selectedOngoingType", "frequencyData", "startDate"], outputs: ["frequencyDetails"] }] }); }
|
|
29814
29814
|
}
|
|
29815
29815
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FrequencyContainerComponent, decorators: [{
|
|
29816
29816
|
type: Component,
|
|
29817
|
-
args: [{ selector: 'app-frequency-container', template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div\n class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\"\n >\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\" class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\" [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily\n *ngSwitchCase=\"'daily'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly\n *ngSwitchCase=\"'weekly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly\n *ngSwitchCase=\"'monthly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly\n *ngSwitchCase=\"'quarterly'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual\n *ngSwitchCase=\"'biannual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual\n *ngSwitchCase=\"'annual'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time\n *ngSwitchCase=\"'oneTime'\"\n [mode]=\"mode\"\n [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random\n *ngSwitchCase=\"'random'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of\n *ngSwitchCase=\"'onCompletionOf'\"\n [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing\n *ngSwitchCase=\"'ongoing'\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"\n ></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar\n [showFrequencyText]=\"true\"\n [currentFrequency]=\"currentTabName\"\n [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\"\n (closeList)=\"close()\"\n ></app-floating-bar>\n </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"] }]
|
|
29817
|
+
args: [{ selector: 'app-frequency-container', template: "<ng-container *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\" [feature]=\"feature\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"\n (radioForm)=\"openedRadio($event)\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n\n <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n </div>\n</ng-container>\n<!-- When responsibility list show then hide frequency-dialog html -->\n\n<!-- For Policy -->\n<div class=\"frequency-dialog\" *ngIf=\"mode === 'policy'\">\n <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\n <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\n </div>\n <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\n <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\n <div class=\"frequency-tab vx-d-flex vx-align-center\">\n <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index\">\n <button (click)=\"changeFrequencyTab(frequencyType)\"\n class=\"tab-btn vx-fs-11 vx-fw-500 vx-paragraph-txt vx-tt-uppercase vx-p-0 vx-pb-2 vx-m-0\"\n [class.active]=\"frequencyType?.type == frequencyTab\">{{ frequencyType?.name }}</button>\n </ng-container>\n </div>\n <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\n <!-- Daily Frequency Start -->\n <app-frequency-daily *ngSwitchCase=\"'daily'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-daily>\n <!-- Daily Frequency End -->\n <!-- Weekly Frequency Start -->\n <app-frequency-weekly *ngSwitchCase=\"'weekly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-weekly>\n <!-- Weekly Frequency End -->\n <!-- Monthly Frequency Start -->\n <app-frequency-monthly *ngSwitchCase=\"'monthly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-monthly>\n <!-- Monthly Frequency End -->\n <!-- Quarterly Frequency Start -->\n <app-frequency-quarterly *ngSwitchCase=\"'quarterly'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-quarterly>\n <!-- Quarterly Frequency End -->\n <!-- Biannual Frequency Start -->\n <app-frequency-biannual *ngSwitchCase=\"'biannual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-biannual>\n <!-- Biannual Frequency End -->\n <!-- Annual Frequency Start -->\n <app-frequency-annual *ngSwitchCase=\"'annual'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-annual>\n <!-- Annual Frequency End -->\n <!-- One Time Frequency Start -->\n <app-frequency-one-time *ngSwitchCase=\"'oneTime'\" [mode]=\"mode\" [pageType]=\"pageType\"\n (frequencyDetails)=\"onFrequencySelected($event)\" [frequencyData]=\"frequencyDetails\"></app-frequency-one-time>\n <!-- One Time Frequency End -->\n <!-- Random Frequency Start -->\n <app-frequency-random *ngSwitchCase=\"'random'\" [mode]=\"mode\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-random>\n <!-- Random Frequency End -->\n <!-- On Completion Frequency Start -->\n <app-frequency-on-completion-of *ngSwitchCase=\"'on_complete'\" [mode]=\"mode\"\n (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-on-completion-of>\n <!-- On Completion Frequency End -->\n <!-- Ongoing Frequency Start -->\n <app-frequency-ongoing *ngSwitchCase=\"'ongoing'\" (frequencyDetails)=\"onFrequencySelected($event)\"\n [frequencyData]=\"frequencyDetails\"></app-frequency-ongoing>\n <!-- Ongoing Frequency End -->\n </div>\n </div>\n </div>\n <div class=\"frequency-dialog-footer\">\n <app-floating-bar [showFrequencyText]=\"true\" [currentFrequency]=\"currentTabName\" [isDisabled]=\"isNextDisabled\"\n (closeEvent)=\"save()\" (closeList)=\"close()\"></app-floating-bar>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::ng-deep .frequency-dialog{position:fixed;inset:0 500px 0 0;z-index:11}::ng-deep .frequency-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog{right:30px}::ng-deep .frequency-dialog .frequency-dialog-body .frequency-dialog-body-inner .frequency-tab-bottom app-frequency-on-completion-of .frequency-completion .frequency-completion-inner .frequency-completion-bottom app-frequency-responsibility-list .frequency-responsibility-list{right:0;z-index:9999}}::ng-deep .frequency-dialog-head{background:#fbfbfb;border-radius:.125rem .125rem 0 0;border-bottom:1px solid #f1f1f1}::ng-deep .frequency-dialog-head button.back-btn{background:transparent;border-radius:0;border:none}::ng-deep .frequency-dialog-body{height:calc(100vh - 9.75rem);margin:0 auto 1rem;overflow:hidden;overflow-y:auto;width:calc(100% - 2.5rem)}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:54.5rem;margin:0 auto}@media screen and (min-width: 1366px){::ng-deep .frequency-dialog-body-inner{width:auto}}::ng-deep .frequency-dialog-body .frequency-tab{border:none!important;border-bottom:1px solid #f1f1f1!important;margin-bottom:1.5rem}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{background:transparent;border-radius:0;border:none;border-bottom:.125rem solid transparent;height:1.5rem;margin-right:1.5rem!important}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn:last-of-type{margin-right:0!important}@media screen and (max-width: 1366px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:1rem!important}}@media screen and (max-width: 1280px){::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn{margin-right:.75rem!important}}::ng-deep .frequency-dialog-body .frequency-tab button.tab-btn.active{color:#1e5dd3!important;border-color:#1e5dd3}::ng-deep .frequency-dialog-footer{padding:0 2rem}\n"] }]
|
|
29818
29818
|
}], ctorParameters: function () { return [{ type: FrequencyService }, { type: SnackBarService }]; }, propDecorators: { frequencyDetails: [{
|
|
29819
29819
|
type: Input
|
|
29820
29820
|
}], selectedFrequency: [{
|