vcomply-workflow-engine 2.9.21 → 2.9.24

package/esm2015/lib/sharedComponents/frequency/frequency-container/frequency-container.component.js

@@ -266,7 +266,7 @@ FrequencyContainerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-frequency-container',
                 template: "<ng-container *ngIf=\"mode !== 'policy'\">\r\n<div class=\"frequency-dialog\" *ngIf=\"mode !== 'policy'\">\r\n    <div class=\"frequency-dialog-head vx-p-3 vx-mb-4 vx-d-flex vx-align-center vx-justify-between\">\r\n        <div class=\"vx-fs-14 vx-fw-500 vx-label-txt\">Set a Frequency</div>\r\n    </div>\r\n    <div class=\"frequency-dialog-body vx-pl-4 vx-pr-4\">\r\n        <div class=\"frequency-dialog-body-inner\" [ngSwitch]=\"frequencyTab\">\r\n            <div class=\"frequency-tab vx-d-flex vx-align-center\">\r\n                <ng-container *ngFor=\"let frequencyType of frequencyList; let i = index;\">\r\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>\r\n                </ng-container>\r\n            </div>\r\n            <div class=\"frequency-tab-bottom vx-pl-4 vx-pr-4\">\r\n                <!-- Daily Frequency Start -->\r\n                <app-frequency-daily\r\n                    *ngSwitchCase=\"'daily'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-daily>\r\n                <!-- Daily Frequency End -->\r\n                <!-- Weekly Frequency Start -->\r\n                <app-frequency-weekly\r\n                    *ngSwitchCase=\"'weekly'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-weekly>\r\n                <!-- Weekly Frequency End -->\r\n                <!-- Monthly Frequency Start -->\r\n                <app-frequency-monthly\r\n                    *ngSwitchCase=\"'monthly'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-monthly>\r\n                <!-- Monthly Frequency End -->\r\n                <!-- Quarterly Frequency Start -->\r\n                <app-frequency-quarterly\r\n                    *ngSwitchCase=\"'quarterly'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-quarterly>\r\n                <!-- Quarterly Frequency End -->\r\n                <!-- Biannual Frequency Start -->\r\n                <app-frequency-biannual\r\n                    *ngSwitchCase=\"'biannual'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-biannual>\r\n                <!-- Biannual Frequency End -->\r\n                <!-- Annual Frequency Start -->\r\n                <app-frequency-annual\r\n                    *ngSwitchCase=\"'annual'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-annual>\r\n                <!-- Annual Frequency End -->\r\n                <!-- One Time Frequency Start -->\r\n                <app-frequency-one-time\r\n                    *ngSwitchCase=\"'oneTime'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-one-time>\r\n                <!-- One Time Frequency End -->\r\n                <!-- Random Frequency Start -->\r\n                <app-frequency-random\r\n                    *ngSwitchCase=\"'random'\"\r\n                    [mode]=\"mode\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-random>\r\n                <!-- Random Frequency End -->\r\n                <!-- On Completion Frequency Start -->\r\n                <app-frequency-on-completion-of\r\n                    *ngSwitchCase=\"'onCompletionOf'\"\r\n                    [mode]=\"mode\"\r\n                    [feature]=\"feature\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                    (radioForm)= \"openedRadio($event)\"\r\n                ></app-frequency-on-completion-of>\r\n                <!-- On Completion Frequency End -->\r\n                <!-- Ongoing Frequency Start -->\r\n                <app-frequency-ongoing\r\n                *ngSwitchCase=\"'ongoing'\"\r\n                (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                [frequencyData]=\"frequencyDetails\"\r\n                ></app-frequency-ongoing>\r\n                <!-- Ongoing Frequency End -->\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"frequency-dialog-footer\" *ngIf=\"!openedRadioForm\" >\r\n        <app-floating-bar\r\n        [showFrequencyText]=\"true\"\r\n        [currentFrequency]=\"currentTabName\"\r\n        [isDisabled]=\"isNextDisabled\"\r\n        (closeEvent)=\"save()\"\r\n        (closeList)=\"close()\"\r\n        ></app-floating-bar>\r\n    </div>\r\n</div>\r\n</ng-container>\r\n<!-- When responsibility list show then hide frequency-dialog html -->\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- For Policy -->\r\n<div *ngIf=\"mode === 'policy'\" class=\"frequency\">\r\n    <div class=\"frequency-head\">\r\n        <h3 class=\"frequency-title\">Set a Frequency</h3>\r\n    </div>\r\n    <div class=\"frequency-body\">\r\n        <div class=\"frequency-container\">\r\n\r\n            <div class=\"frequency-tab\" [ngSwitch]=\"frequencyTab\">\r\n                <div class=\"frequency-tab-head\">\r\n                    <ul class=\"navigation\">\r\n                        <li *ngFor=\"let frequencyType of frequencyList; let i = index;\">\r\n                            <button\r\n                            [class.active]=\"frequencyType?.type == frequencyTab\"\r\n                            (click)=\"changeFrequencyTab(frequencyType)\"> {{frequencyType?.name}} </button>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n                <div class=\"frequency-tab-body\">\r\n                    <app-frequency-daily\r\n                        *ngSwitchCase=\"'daily'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-daily>\r\n                    <app-frequency-weekly\r\n                        *ngSwitchCase=\"'weekly'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-weekly>\r\n                    <app-frequency-monthly\r\n                        *ngSwitchCase=\"'monthly'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-monthly>\r\n                    <app-frequency-quarterly\r\n                        *ngSwitchCase=\"'quarterly'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-quarterly>\r\n                    <app-frequency-biannual\r\n                        *ngSwitchCase=\"'biannual'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-biannual>\r\n                    <app-frequency-annual\r\n                        *ngSwitchCase=\"'annual'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-annual>\r\n                    <app-frequency-one-time\r\n                        *ngSwitchCase=\"'oneTime'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-one-time>\r\n                    <app-frequency-random\r\n                        *ngSwitchCase=\"'random'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-random>\r\n                    <app-frequency-on-completion-of\r\n                        *ngSwitchCase=\"'onCompletionOf'\"\r\n                        [mode]=\"mode\"\r\n                        (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                        [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-on-completion-of>\r\n                    <app-frequency-ongoing\r\n                    *ngSwitchCase=\"'ongoing'\"\r\n                    (frequencyDetails)=\"onFrequencySelected($event)\"\r\n                    [frequencyData]=\"frequencyDetails\"\r\n                    ></app-frequency-ongoing>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div> \r\n    <div class=\"frequency-footer\">\r\n        <app-floating-bar\r\n        [showFrequencyText]=\"true\"\r\n        [currentFrequency]=\"currentTabName\"\r\n        [isDisabled]=\"isNextDisabled\"\r\n        (closeEvent)=\"save()\"\r\n        (closeList)=\"close()\"\r\n        ></app-floating-bar>\r\n    </div>\r\n</div>\r\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{border-radius:.125rem;height:calc(100vh - 8.875rem);position:fixed;top:0;right:31.25rem;bottom:0;left:0;border-top:3px solid #1e5dd3;z-index:11}::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}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:53.5rem;margin:0 auto}@media screen and (max-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}.frequency{position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3;z-index:11}.frequency-container{position:relative;width:800px;margin:0 auto;box-shadow:0 10px 20px #1e5d15;border-radius:2px}.frequency-head{background:#fbfbfb;height:44px;padding:0 12px;display:flex;align-items:center}.frequency-title{color:#161b2f;font-size:14px;margin:0;padding:0;line-height:20px;font-weight:500}.frequency-body{padding:60px 0;height:calc(100vh - 110px);overflow:auto}.frequency-tab{position:relative;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-radius:2px}.frequency-tab-head{background:#fbfbfb;border-top:1px solid #f1f1f1;border-radius:2px 2px 0 0}.frequency-tab-head ul{padding:0;margin:0}.frequency-tab-head ul.navigation{display:flex;border-radius:2px 2px 0 0}.frequency-tab-head ul.navigation li{list-style:none;width:100%;padding:0 4px;display:flex;justify-content:center}.frequency-tab-head ul.navigation li button{font-size:11px;line-height:32px;position:relative;display:block;color:#747576;font-weight:500;text-transform:uppercase;background:transparent;border:none;white-space:nowrap;cursor:pointer}.frequency-tab-head ul.navigation li button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:\"\"}.frequency-tab-head ul.navigation li button.active{color:#1e5dd3}.frequency-tab-head ul.navigation li button.active:after{background:#1e5dd3}.frequency-tab-body{background:#ffffff;border-top:1px solid #f1f1f1}.frequency-footer{display:block}\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{border-radius:.125rem;height:calc(100vh - 8.875rem);position:fixed;top:0;right:31.25rem;bottom:0;left:0;border-top:3px solid #1e5dd3;z-index:11}::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}::ng-deep .frequency-dialog-body::-webkit-scrollbar-track{background-color:transparent}::ng-deep .frequency-dialog-body-inner{width:53.5rem;margin:0 auto}@media screen and (max-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}.frequency{position:fixed;top:0;right:500px;bottom:0;left:0;border-top:3px solid #1e5dd3;z-index:11}.frequency-container{position:relative;width:800px;margin:0 auto;box-shadow:0 10px 20px #1e5dd31a;border-radius:2px}.frequency-head{background:#fbfbfb;height:44px;padding:0 12px;display:flex;align-items:center}.frequency-title{color:#161b2f;font-size:14px;margin:0;padding:0;line-height:20px;font-weight:500}.frequency-body{padding:60px 0;height:calc(100vh - 120px);overflow:auto}.frequency-tab{position:relative;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-radius:2px}.frequency-tab-head{background:#fbfbfb;border-top:1px solid #f1f1f1;border-radius:2px 2px 0 0}.frequency-tab-head ul{padding:0;margin:0}.frequency-tab-head ul.navigation{display:flex;border-radius:2px 2px 0 0}.frequency-tab-head ul.navigation li{list-style:none;width:100%;padding:0 4px;display:flex;justify-content:center}.frequency-tab-head ul.navigation li button{font-size:11px;line-height:32px;position:relative;display:block;color:#747576;font-weight:500;text-transform:uppercase;background:transparent;border:none;white-space:nowrap;cursor:pointer}.frequency-tab-head ul.navigation li button:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:\"\"}.frequency-tab-head ul.navigation li button.active{color:#1e5dd3}.frequency-tab-head ul.navigation li button.active:after{background:#1e5dd3}.frequency-tab-body{background:#ffffff;border-top:1px solid #f1f1f1}.frequency-footer{display:block}\n"]
             },] }
 ];
 FrequencyContainerComponent.ctorParameters = () => [