vc-create-dashboard 2.8.13 → 2.8.15

package/esm2020/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.mjs

@@ -33,10 +33,10 @@ export class DashboardFooterComponent {
     }
 }
 DashboardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DashboardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DashboardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: DashboardFooterComponent, selector: "app-dashboard-footer", inputs: { footerDetails: "footerDetails" }, outputs: { cancelEvent: "cancelEvent", submitEvent: "submitEvent", deleteEvent: "deleteEvent" }, ngImport: i0, template: "<div class=\"floating-bar-container\">\r\n    <div class=\"floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.floating-bar .left .value{color:#747576;font-size:13px}.floating-bar .left .value strong{color:#161b2f;font-weight:500}.floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.floating-bar-container{padding:5px 24px 10px 12px}.floating-bar-action-list{width:220px}.floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.floating-bar-action-list ul.action-item{display:block}.floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] });
+DashboardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: DashboardFooterComponent, selector: "app-dashboard-footer", inputs: { footerDetails: "footerDetails" }, outputs: { cancelEvent: "cancelEvent", submitEvent: "submitEvent", deleteEvent: "deleteEvent" }, ngImport: i0, template: "<div class=\"dashboard-floating-bar-container\">\r\n    <div class=\"dashboard-floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"dashboard-floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.dashboard-floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.dashboard-floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.dashboard-floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.dashboard-floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.dashboard-floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.dashboard-floating-bar .left .value{color:#747576;font-size:13px}.dashboard-floating-bar .left .value strong{color:#161b2f;font-weight:500}.dashboard-floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.dashboard-floating-bar-container{padding:5px 24px 10px 12px}.dashboard-floating-bar-action-list{width:220px}.dashboard-floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.dashboard-floating-bar-action-list ul.action-item{display:block}.dashboard-floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.dashboard-floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.dashboard-floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.dashboard-floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.dashboard-floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.dashboard-floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.dashboard-floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.dashboard-floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.dashboard-floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.dashboard-floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.dashboard-floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: i3.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DashboardFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dashboard-footer', template: "<div class=\"floating-bar-container\">\r\n    <div class=\"floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.floating-bar .left .value{color:#747576;font-size:13px}.floating-bar .left .value strong{color:#161b2f;font-weight:500}.floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.floating-bar-container{padding:5px 24px 10px 12px}.floating-bar-action-list{width:220px}.floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.floating-bar-action-list ul.action-item{display:block}.floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\n"] }]
+            args: [{ selector: 'app-dashboard-footer', template: "<div class=\"dashboard-floating-bar-container\">\r\n    <div class=\"dashboard-floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"dashboard-floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.dashboard-floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.dashboard-floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.dashboard-floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.dashboard-floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.dashboard-floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.dashboard-floating-bar .left .value{color:#747576;font-size:13px}.dashboard-floating-bar .left .value strong{color:#161b2f;font-weight:500}.dashboard-floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.dashboard-floating-bar-container{padding:5px 24px 10px 12px}.dashboard-floating-bar-action-list{width:220px}.dashboard-floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.dashboard-floating-bar-action-list ul.action-item{display:block}.dashboard-floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.dashboard-floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.dashboard-floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.dashboard-floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.dashboard-floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.dashboard-floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.dashboard-floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.dashboard-floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.dashboard-floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.dashboard-floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.dashboard-floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { cancelEvent: [{
                 type: Output
             }], submitEvent: [{
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
             }], footerDetails: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L2Rhc2hib2FyZC1mb290ZXIvZGFzaGJvYXJkLWZvb3Rlci9kYXNoYm9hcmQtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZGFzaGJvYXJkLWZvb3Rlci9kYXNoYm9hcmQtZm9vdGVyL2Rhc2hib2FyZC1mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRL0UsTUFBTSxPQUFPLHdCQUF3QjtJQWlCbkM7UUFoQlUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsa0JBQWEsR0FBdUI7WUFDekMsWUFBWSxFQUFHLEVBQUU7WUFDakIsZ0JBQWdCLEVBQUMsRUFBRTtZQUNuQixpQkFBaUIsRUFBRSxFQUFFO1lBQ3JCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLEVBQUU7WUFDaEIsVUFBVSxFQUFDLEVBQUU7WUFDYixhQUFhLEVBQUMsS0FBSztZQUNuQixhQUFhLEVBQUMsRUFBRTtZQUNoQixVQUFVLEVBQUUsS0FBSztTQUVwQixDQUFDO0lBRWMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUNELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUNELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGNBQWMsQ0FBQyxPQUFZO1FBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O3FIQTlCVSx3QkFBd0I7eUdBQXhCLHdCQUF3Qix5TUNSckMsbThHQWlETTsyRkR6Q08sd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjswRUFLdEIsV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0UsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGFzaGJvYXJkRm9vdGVyQ29uZmlnIH0gZnJvbSAnLi4vZGFzaGJvYXJkLWZvb3Rlci1jb25maWcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZGFzaGJvYXJkLWZvb3RlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC1mb290ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Rhc2hib2FyZC1mb290ZXIuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkRm9vdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAT3V0cHV0KCkgY2FuY2VsRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHN1Ym1pdEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBkZWxldGVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBmb290ZXJEZXRhaWxzOkRhc2hib2FyZEZvb3RlckNvbmZpZz17XHJcbiAgICAgIHNlbGVjdGVkRGF0YSA6IFtdLFxyXG4gICAgICBub25SZW1vdmFibGVMaXN0OltdLFxyXG4gICAgICBkaXNwbGF5RWxlbWVudEtleTogJycsXHJcbiAgICAgIGVsZW1lbnRJZDogJycsXHJcbiAgICAgIHNpbmd1bGFyVGV4dDogJycsXHJcbiAgICAgIHBsdXJhbFRleHQ6JycsXHJcbiAgICAgIHNob3dGcmVxdWVuY3k6ZmFsc2UsXHJcbiAgICAgIGZyZXF1ZW5jeVRleHQ6JycsXHJcbiAgICAgIGlzRGlzYWJsZWQgOmZhbHNlXHJcblxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuICBjYW5jZWxGbG9hdGluZ0JhcigpIHtcclxuICAgIHRoaXMuY2FuY2VsRXZlbnQuZW1pdCgpO1xyXG4gIH1cclxuICBzdWJtaXRGbG9hdGluZ0JhcigpIHtcclxuICAgIHRoaXMuc3VibWl0RXZlbnQuZW1pdCh0aGlzLmZvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhKTtcclxuICB9XHJcblxyXG4gIGRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQ6IGFueSkge1xyXG4gICAgdGhpcy5kZWxldGVFdmVudC5lbWl0KGVsZW1lbnQpO1xyXG4gIH1cclxuXHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbG9hdGluZy1iYXItY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxvYXRpbmctYmFyIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtcC0zXCJcclxuICAgICAgICBbY2xhc3MudngtanVzdGlmeS1lbmRdPVwiIShmb290ZXJEZXRhaWxzLnNob3dGcmVxdWVuY3kgfHwgZm9vdGVyRGV0YWlscy5zZWxlY3RlZERhdGEubGVuZ3RoPjApXCJcclxuICAgICAgICBbY2xhc3MudngtanVzdGlmeS1iZXR3ZWVuXT1cImZvb3RlckRldGFpbHMuc2hvd0ZyZXF1ZW5jeSB8fCBmb290ZXJEZXRhaWxzLnNlbGVjdGVkRGF0YS5sZW5ndGg+MFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIiAqbmdJZj1cImZvb3RlckRldGFpbHMuc2hvd0ZyZXF1ZW5jeVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCIgW2lubmVySFRNTF09XCJmb290ZXJEZXRhaWxzLmZyZXF1ZW5jeVRleHRcIj48L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIiAqbmdJZj1cImZvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhLmxlbmd0aD4wXCI+XHJcbiAgICAgICAgICAgIDxzcGFuXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInNlbGVjdC1pdGVtIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtYmctd2hpdGUgdngtdHh0LWJsdWUgdngtZnctNTAwIHZ4LWZzLTMgdngtcGwtMiB2eC1wci0yIHZ4LWxoLTZcIj5cclxuICAgICAgICAgICAgICAgIDxpICpuZ0lmPVwiIWZvb3RlckRldGFpbHMubm9uUmVtb3ZhYmxlTGlzdC5pbmNsdWRlcyhmb290ZXJEZXRhaWxzLnNlbGVjdGVkRGF0YVswXVtmb290ZXJEZXRhaWxzLmVsZW1lbnRJZF0pXCJcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiZGVsZXRlU2VsZWN0ZWQoZm9vdGVyRGV0YWlscy5zZWxlY3RlZERhdGFbMF0pXCIgY2xhc3M9XCJpY29ucyB2eC1tci0yXCI+JiN4ZTkwZDs8L2k+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57e2Zvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhWzBdW2Zvb3RlckRldGFpbHMuZGlzcGxheUVsZW1lbnRLZXldfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJmb290ZXJEZXRhaWxzLnNlbGVjdGVkRGF0YS5sZW5ndGggPiAxXCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY291bnQgdngtbWwtMiB2eC1tci0yIHZ4LWJnLWJsdWUgdngtdHh0LXdoaXRlIHZ4LWZzLTMgdngtZnctNTAwIHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcGwtMSB2eC1wci0xXCJcclxuICAgICAgICAgICAgICAgIGFwcFBvcG92ZXIgKGNsaWNrKT1cImNvdW50UG9wdXAucG9wb3ZlcigpXCIgcGxhY2VtZW50PVwibGVmdFwiPit7e2Zvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhLmxlbmd0aCAtXHJcbiAgICAgICAgICAgICAgICAxfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmb290ZXJEZXRhaWxzPy5zZWxlY3RlZERhdGE/Lmxlbmd0aD4xXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCIgKm5nSWY9XCJmb290ZXJEZXRhaWxzPy5zZWxlY3RlZERhdGE/LnNsaWNlKDEpLmxlbmd0aCA9PT0gMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7Zm9vdGVyRGV0YWlscy5zaW5ndWxhclRleHR9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWVcIiAqbmdJZj1cImZvb3RlckRldGFpbHM/LnNlbGVjdGVkRGF0YT8uc2xpY2UoMSkubGVuZ3RoID4gMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7Zm9vdGVyRGV0YWlscy5wbHVyYWxUZXh0fX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8YXBwLXBvcG92ZXIgI2NvdW50UG9wdXAgW2RvbnRDbG9zZW9uQ2xpY2tdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsb2F0aW5nLWJhci1hY3Rpb24tbGlzdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImFjdGlvbi1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZWxlbWVudCBvZiBmb290ZXJEZXRhaWxzLnNlbGVjdGVkRGF0YS5zbGljZSgxKTsgbGV0IGogPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNoaXAtaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFmb290ZXJEZXRhaWxzLm5vblJlbW92YWJsZUxpc3QuaW5jbHVkZXMoZWxlbWVudFtmb290ZXJEZXRhaWxzLmVsZW1lbnRJZF0pXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQpXCI+JiN4ZTkwZDs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3tlbGVtZW50W2Zvb3RlckRldGFpbHMuZGlzcGxheUVsZW1lbnRLZXldfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvYXBwLXBvcG92ZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImNhbmNlbCB2eC1iZy13aGl0ZSB2eC10eHQtcmVkIHZ4LWZ3LTUwMCB2eC10dC11cHBlcmNhc2VcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNhbmNlbEZsb2F0aW5nQmFyKClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICAgICAgPCEtLSA8YnV0dG9uIGNsYXNzPVwidngtYmctYmx1ZSB2eC10eHQtd2hpdGUgdngtZnctNTAwIHZ4LXR0LXVwcGVyY2FzZVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic3VibWl0RmxvYXRpbmdCYXIoKVwiPlVwZGF0ZTwvYnV0dG9uPiAtLT5cclxuICAgICAgICAgICAgPGJ1dHRvbiBbY2xhc3MuZGlzYWJsZWRdPVwiZm9vdGVyRGV0YWlscy5pc0Rpc2FibGVkXCIgY2xhc3M9XCJ2eC1iZy1ibHVlIHZ4LXR4dC13aGl0ZSB2eC1mdy01MDAgdngtdHQtdXBwZXJjYXNlIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic3VibWl0RmxvYXRpbmdCYXIoKVwiPk5leHQgPGkgY2xhc3M9XCJpY29ucyB2eC1tbC0xXCI+JiN4ZTkxZTs8L2k+PC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L2Rhc2hib2FyZC1mb290ZXIvZGFzaGJvYXJkLWZvb3Rlci9kYXNoYm9hcmQtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZGFzaGJvYXJkLWZvb3Rlci9kYXNoYm9hcmQtZm9vdGVyL2Rhc2hib2FyZC1mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRL0UsTUFBTSxPQUFPLHdCQUF3QjtJQWlCbkM7UUFoQlUsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNqQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsa0JBQWEsR0FBdUI7WUFDekMsWUFBWSxFQUFHLEVBQUU7WUFDakIsZ0JBQWdCLEVBQUMsRUFBRTtZQUNuQixpQkFBaUIsRUFBRSxFQUFFO1lBQ3JCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsWUFBWSxFQUFFLEVBQUU7WUFDaEIsVUFBVSxFQUFDLEVBQUU7WUFDYixhQUFhLEVBQUMsS0FBSztZQUNuQixhQUFhLEVBQUMsRUFBRTtZQUNoQixVQUFVLEVBQUUsS0FBSztTQUVwQixDQUFDO0lBRWMsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUNELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUNELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGNBQWMsQ0FBQyxPQUFZO1FBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O3FIQTlCVSx3QkFBd0I7eUdBQXhCLHdCQUF3Qix5TUNSckMsaStHQWlETTsyRkR6Q08sd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjswRUFLdEIsV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0UsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGFzaGJvYXJkRm9vdGVyQ29uZmlnIH0gZnJvbSAnLi4vZGFzaGJvYXJkLWZvb3Rlci1jb25maWcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZGFzaGJvYXJkLWZvb3RlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC1mb290ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Rhc2hib2FyZC1mb290ZXIuY29tcG9uZW50Lmxlc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkRm9vdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAT3V0cHV0KCkgY2FuY2VsRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHN1Ym1pdEV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBkZWxldGVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBmb290ZXJEZXRhaWxzOkRhc2hib2FyZEZvb3RlckNvbmZpZz17XHJcbiAgICAgIHNlbGVjdGVkRGF0YSA6IFtdLFxyXG4gICAgICBub25SZW1vdmFibGVMaXN0OltdLFxyXG4gICAgICBkaXNwbGF5RWxlbWVudEtleTogJycsXHJcbiAgICAgIGVsZW1lbnRJZDogJycsXHJcbiAgICAgIHNpbmd1bGFyVGV4dDogJycsXHJcbiAgICAgIHBsdXJhbFRleHQ6JycsXHJcbiAgICAgIHNob3dGcmVxdWVuY3k6ZmFsc2UsXHJcbiAgICAgIGZyZXF1ZW5jeVRleHQ6JycsXHJcbiAgICAgIGlzRGlzYWJsZWQgOmZhbHNlXHJcblxyXG4gIH07XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuICBjYW5jZWxGbG9hdGluZ0JhcigpIHtcclxuICAgIHRoaXMuY2FuY2VsRXZlbnQuZW1pdCgpO1xyXG4gIH1cclxuICBzdWJtaXRGbG9hdGluZ0JhcigpIHtcclxuICAgIHRoaXMuc3VibWl0RXZlbnQuZW1pdCh0aGlzLmZvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhKTtcclxuICB9XHJcblxyXG4gIGRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQ6IGFueSkge1xyXG4gICAgdGhpcy5kZWxldGVFdmVudC5lbWl0KGVsZW1lbnQpO1xyXG4gIH1cclxuXHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkYXNoYm9hcmQtZmxvYXRpbmctYmFyLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImRhc2hib2FyZC1mbG9hdGluZy1iYXIgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1wLTNcIlxyXG4gICAgICAgIFtjbGFzcy52eC1qdXN0aWZ5LWVuZF09XCIhKGZvb3RlckRldGFpbHMuc2hvd0ZyZXF1ZW5jeSB8fCBmb290ZXJEZXRhaWxzLnNlbGVjdGVkRGF0YS5sZW5ndGg+MClcIlxyXG4gICAgICAgIFtjbGFzcy52eC1qdXN0aWZ5LWJldHdlZW5dPVwiZm9vdGVyRGV0YWlscy5zaG93RnJlcXVlbmN5IHx8IGZvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhLmxlbmd0aD4wXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiICpuZ0lmPVwiZm9vdGVyRGV0YWlscy5zaG93RnJlcXVlbmN5XCI+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWVcIiBbaW5uZXJIVE1MXT1cImZvb3RlckRldGFpbHMuZnJlcXVlbmN5VGV4dFwiPjwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImxlZnQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlclwiICpuZ0lmPVwiZm9vdGVyRGV0YWlscy5zZWxlY3RlZERhdGEubGVuZ3RoPjBcIj5cclxuICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2VsZWN0LWl0ZW0gdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1iZy13aGl0ZSB2eC10eHQtYmx1ZSB2eC1mdy01MDAgdngtZnMtMyB2eC1wbC0yIHZ4LXByLTIgdngtbGgtNlwiPlxyXG4gICAgICAgICAgICAgICAgPGkgKm5nSWY9XCIhZm9vdGVyRGV0YWlscy5ub25SZW1vdmFibGVMaXN0LmluY2x1ZGVzKGZvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhWzBdW2Zvb3RlckRldGFpbHMuZWxlbWVudElkXSlcIlxyXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJkZWxldGVTZWxlY3RlZChmb290ZXJEZXRhaWxzLnNlbGVjdGVkRGF0YVswXSlcIiBjbGFzcz1cImljb25zIHZ4LW1yLTJcIj4mI3hlOTBkOzwvaT5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7Zm9vdGVyRGV0YWlscy5zZWxlY3RlZERhdGFbMF1bZm9vdGVyRGV0YWlscy5kaXNwbGF5RWxlbWVudEtleV19fTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImZvb3RlckRldGFpbHMuc2VsZWN0ZWREYXRhLmxlbmd0aCA+IDFcIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjb3VudCB2eC1tbC0yIHZ4LW1yLTIgdngtYmctYmx1ZSB2eC10eHQtd2hpdGUgdngtZnMtMyB2eC1mdy01MDAgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlciB2eC1wbC0xIHZ4LXByLTFcIlxyXG4gICAgICAgICAgICAgICAgYXBwUG9wb3ZlciAoY2xpY2spPVwiY291bnRQb3B1cC5wb3BvdmVyKClcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+K3t7Zm9vdGVyRGV0YWlscy5zZWxlY3RlZERhdGEubGVuZ3RoIC1cclxuICAgICAgICAgICAgICAgIDF9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZvb3RlckRldGFpbHM/LnNlbGVjdGVkRGF0YT8ubGVuZ3RoPjFcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWVcIiAqbmdJZj1cImZvb3RlckRldGFpbHM/LnNlbGVjdGVkRGF0YT8uc2xpY2UoMSkubGVuZ3RoID09PSAxXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3tmb290ZXJEZXRhaWxzLnNpbmd1bGFyVGV4dH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiICpuZ0lmPVwiZm9vdGVyRGV0YWlscz8uc2VsZWN0ZWREYXRhPy5zbGljZSgxKS5sZW5ndGggPiAxXCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3tmb290ZXJEZXRhaWxzLnBsdXJhbFRleHR9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxhcHAtcG9wb3ZlciAjY291bnRQb3B1cCBbZG9udENsb3Nlb25DbGlja109XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGFzaGJvYXJkLWZsb2F0aW5nLWJhci1hY3Rpb24tbGlzdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImFjdGlvbi1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgZWxlbWVudCBvZiBmb290ZXJEZXRhaWxzLnNlbGVjdGVkRGF0YS5zbGljZSgxKTsgbGV0IGogPSBpbmRleFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNoaXAtaXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFmb290ZXJEZXRhaWxzLm5vblJlbW92YWJsZUxpc3QuaW5jbHVkZXMoZWxlbWVudFtmb290ZXJEZXRhaWxzLmVsZW1lbnRJZF0pXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZVNlbGVjdGVkKGVsZW1lbnQpXCI+JiN4ZTkwZDs8L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3tlbGVtZW50W2Zvb3RlckRldGFpbHMuZGlzcGxheUVsZW1lbnRLZXldfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvYXBwLXBvcG92ZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImNhbmNlbCB2eC1iZy13aGl0ZSB2eC10eHQtcmVkIHZ4LWZ3LTUwMCB2eC10dC11cHBlcmNhc2VcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNhbmNlbEZsb2F0aW5nQmFyKClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICAgICAgPCEtLSA8YnV0dG9uIGNsYXNzPVwidngtYmctYmx1ZSB2eC10eHQtd2hpdGUgdngtZnctNTAwIHZ4LXR0LXVwcGVyY2FzZVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic3VibWl0RmxvYXRpbmdCYXIoKVwiPlVwZGF0ZTwvYnV0dG9uPiAtLT5cclxuICAgICAgICAgICAgPGJ1dHRvbiBbY2xhc3MuZGlzYWJsZWRdPVwiZm9vdGVyRGV0YWlscy5pc0Rpc2FibGVkXCIgY2xhc3M9XCJ2eC1iZy1ibHVlIHZ4LXR4dC13aGl0ZSB2eC1mdy01MDAgdngtdHQtdXBwZXJjYXNlIHZ4LWQtZmxleCB2eC1qdXN0aWZ5LWNlbnRlclwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic3VibWl0RmxvYXRpbmdCYXIoKVwiPk5leHQgPGkgY2xhc3M9XCJpY29ucyB2eC1tbC0xXCI+JiN4ZTkxZTs8L2k+PC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/fesm2015/create-dashboard.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, Pipe, Optional, EventEmitter, Component, Input, Output, Directive, HostListener, ViewChild, forwardRef, NgModule } from '@angular/core';
 import * as dayjs from 'dayjs';
+import * as customParseFormat from 'dayjs/plugin/customParseFormat';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams } from '@angular/common/http';
 import { JwtHelperService } from '@auth0/angular-jwt';
@@ -1693,10 +1694,10 @@ class DashboardFooterComponent {
     }
 }
 DashboardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DashboardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DashboardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: DashboardFooterComponent, selector: "app-dashboard-footer", inputs: { footerDetails: "footerDetails" }, outputs: { cancelEvent: "cancelEvent", submitEvent: "submitEvent", deleteEvent: "deleteEvent" }, ngImport: i0, template: "<div class=\"floating-bar-container\">\r\n    <div class=\"floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.floating-bar .left .value{color:#747576;font-size:13px}.floating-bar .left .value strong{color:#161b2f;font-weight:500}.floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.floating-bar-container{padding:5px 24px 10px 12px}.floating-bar-action-list{width:220px}.floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.floating-bar-action-list ul.action-item{display:block}.floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\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: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] });
+DashboardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: DashboardFooterComponent, selector: "app-dashboard-footer", inputs: { footerDetails: "footerDetails" }, outputs: { cancelEvent: "cancelEvent", submitEvent: "submitEvent", deleteEvent: "deleteEvent" }, ngImport: i0, template: "<div class=\"dashboard-floating-bar-container\">\r\n    <div class=\"dashboard-floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"dashboard-floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.dashboard-floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.dashboard-floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.dashboard-floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.dashboard-floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.dashboard-floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.dashboard-floating-bar .left .value{color:#747576;font-size:13px}.dashboard-floating-bar .left .value strong{color:#161b2f;font-weight:500}.dashboard-floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.dashboard-floating-bar-container{padding:5px 24px 10px 12px}.dashboard-floating-bar-action-list{width:220px}.dashboard-floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.dashboard-floating-bar-action-list ul.action-item{display:block}.dashboard-floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.dashboard-floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.dashboard-floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.dashboard-floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.dashboard-floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.dashboard-floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.dashboard-floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.dashboard-floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.dashboard-floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.dashboard-floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.dashboard-floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\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: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DashboardFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dashboard-footer', template: "<div class=\"floating-bar-container\">\r\n    <div class=\"floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.floating-bar .left .value{color:#747576;font-size:13px}.floating-bar .left .value strong{color:#161b2f;font-weight:500}.floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.floating-bar-container{padding:5px 24px 10px 12px}.floating-bar-action-list{width:220px}.floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.floating-bar-action-list ul.action-item{display:block}.floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\n"] }]
+            args: [{ selector: 'app-dashboard-footer', template: "<div class=\"dashboard-floating-bar-container\">\r\n    <div class=\"dashboard-floating-bar vx-d-flex vx-align-center vx-p-3\"\r\n        [class.vx-justify-end]=\"!(footerDetails.showFrequency || footerDetails.selectedData.length>0)\"\r\n        [class.vx-justify-between]=\"footerDetails.showFrequency || footerDetails.selectedData.length>0\">\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.showFrequency\">\r\n            <span class=\"value\" [innerHTML]=\"footerDetails.frequencyText\"></span>\r\n        </div>\r\n\r\n        <div class=\"left vx-d-flex vx-align-center\" *ngIf=\"footerDetails.selectedData.length>0\">\r\n            <span\r\n                class=\"select-item vx-d-flex vx-align-center vx-bg-white vx-txt-blue vx-fw-500 vx-fs-3 vx-pl-2 vx-pr-2 vx-lh-6\">\r\n                <i *ngIf=\"!footerDetails.nonRemovableList.includes(footerDetails.selectedData[0][footerDetails.elementId])\"\r\n                    (click)=\"deleteSelected(footerDetails.selectedData[0])\" class=\"icons vx-mr-2\">&#xe90d;</i>\r\n                <span>{{footerDetails.selectedData[0][footerDetails.displayElementKey]}}</span>\r\n            </span>\r\n            <span *ngIf=\"footerDetails.selectedData.length > 1\"\r\n                class=\"count vx-ml-2 vx-mr-2 vx-bg-blue vx-txt-white vx-fs-3 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-pl-1 vx-pr-1\"\r\n                appPopover (click)=\"countPopup.popover()\" placement=\"left\">+{{footerDetails.selectedData.length -\r\n                1}}</span>\r\n            <ng-container *ngIf=\"footerDetails?.selectedData?.length>1\">\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length === 1\">\r\n                    {{footerDetails.singularText}}</span>\r\n                <span class=\"value\" *ngIf=\"footerDetails?.selectedData?.slice(1).length > 1\">\r\n                    {{footerDetails.pluralText}}</span>\r\n            </ng-container>\r\n            <app-popover #countPopup [dontCloseonClick]=\"true\">\r\n                <div class=\"dashboard-floating-bar-action-list\">\r\n                    <ul class=\"action-item\">\r\n                        <li *ngFor=\"let element of footerDetails.selectedData.slice(1); let j = index\">\r\n                            <div class=\"chip-item\">\r\n                                <i class=\"icons\"\r\n                                    *ngIf=\"!footerDetails.nonRemovableList.includes(element[footerDetails.elementId])\"\r\n                                    (click)=\"deleteSelected(element)\">&#xe90d;</i>\r\n                                <span>{{element[footerDetails.displayElementKey]}}</span>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </app-popover>\r\n        </div>\r\n        <div class=\"right vx-d-flex vx-align-center\">\r\n            <button class=\"cancel vx-bg-white vx-txt-red vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"cancelFloatingBar()\">Cancel</button>\r\n            <!-- <button class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase\"\r\n                (click)=\"submitFloatingBar()\">Update</button> -->\r\n            <button [class.disabled]=\"footerDetails.isDisabled\" class=\"vx-bg-blue vx-txt-white vx-fw-500 vx-tt-uppercase vx-d-flex vx-justify-center\"\r\n                (click)=\"submitFloatingBar()\">Next <i class=\"icons vx-ml-1\">&#xe91e;</i></button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.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-bottom.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/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\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.dashboard-floating-bar{width:100%;background:#FFFFFF;box-shadow:0 2px 6px #4681ef20;border-radius:2px;position:relative}.dashboard-floating-bar .left span.select-item{border-radius:2px;box-shadow:0 2px 6px #4681ef20}.dashboard-floating-bar .left span.select-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;max-width:200px}.dashboard-floating-bar .left span.select-item i{font-size:6px;cursor:pointer}.dashboard-floating-bar .left span.count{min-width:24px;height:24px;border-radius:2px;cursor:pointer}.dashboard-floating-bar .left .value{color:#747576;font-size:13px}.dashboard-floating-bar .left .value strong{color:#161b2f;font-weight:500}.dashboard-floating-bar .right button{border:none;border-radius:2px;font-size:11px;padding:0;width:72px;line-height:28px;margin-left:4px}.dashboard-floating-bar-container{padding:5px 24px 10px 12px}.dashboard-floating-bar-action-list{width:220px}.dashboard-floating-bar-action-list ul{padding:0;margin:0;animation:scale-up-center .2s cubic-bezier(.39,.575,.565,1) both;background:#ffffff;box-shadow:0 3px 6px #1c5bd140;border-radius:4px;max-height:220px;overflow:auto}.dashboard-floating-bar-action-list ul.action-item{display:block}.dashboard-floating-bar-action-list ul.action-item li{list-style:none;border:none;border-bottom:1px solid #f1f1f1;display:block;width:100%;padding:0;background:transparent;border-radius:0;margin:0;height:auto;justify-content:flex-start;box-shadow:none}.dashboard-floating-bar-action-list ul.action-item li button{color:#6e717e;text-align:left;text-decoration:none;cursor:pointer;background:transparent;font-size:12px;text-transform:capitalize;display:flex;width:100%;padding:7.5px 11px;border:none}.dashboard-floating-bar-action-list ul.action-item li button i{font-size:17px;margin-right:10px;color:#1c5bd1}.dashboard-floating-bar-action-list ul.action-item li button:hover{background:#f3f3f3}.dashboard-floating-bar-action-list ul.action-item li .avatar-card{display:flex;align-items:center;width:100%;padding:7.5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.within-con{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar{height:24px;width:24px!important;overflow:hidden;background:#4681ef;color:#fff;font-size:10px;display:inline-flex;margin-right:5px;border-radius:50%;align-items:center;justify-content:center;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar img{width:100%}.dashboard-floating-bar-action-list ul.action-item li .avatar-card .avatar+span.value{width:calc(100% - 29px)}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value{width:100%;color:#6e717e;text-decoration:none;background:transparent;font-size:12px;text-transform:capitalize;display:block;font-weight:400;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card span.value i{font-size:8px;color:#1c5bd1;cursor:pointer;margin-right:5px}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image{display:block}.dashboard-floating-bar-action-list ul.action-item li .avatar-card.no-image span.value{width:100%;display:block}.dashboard-floating-bar-action-list ul.action-item li .chip-item{color:#1e5dd3;padding:10px;display:flex;align-items:center}.dashboard-floating-bar-action-list ul.action-item li .chip-item i{margin-right:7px;font-size:10px;cursor:pointer;display:inline-flex}.dashboard-floating-bar-action-list ul.action-item li .chip-item span{display:block;width:auto;max-width:calc(100% - 17px);font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.chip-block{display:block;width:100%}.dashboard-floating-bar-action-list ul.action-item li .chip-item span.id{font-size:9px}.dashboard-floating-bar-action-list ul.action-item li .within{display:flex;align-items:center;justify-content:flex-start}.dashboard-floating-bar-action-list ul.action-item li .within .block{background:#f1f1f1;border-radius:2px;padding:0 2px;line-height:14px;font-size:9px;font-weight:500;color:#042e7d;margin-right:6px;display:block;text-transform:uppercase}.dashboard-floating-bar-action-list ul.action-item li .within .data{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#747576;font-size:11px;font-weight:400;line-height:17px}.dashboard-floating-bar-action-list ul.action-item li:first-child{animation:action-list-open .25s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(2){animation:action-list-open .35s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(3){animation:action-list-open .45s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(4){animation:action-list-open .55s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(5){animation:action-list-open .65s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(6){animation:action-list-open .75s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(7){animation:action-list-open .85s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(8){animation:action-list-open .95s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(9){animation:action-list-open 1.05s cubic-bezier(.25,.46,.45,.94) both}.dashboard-floating-bar-action-list ul.action-item li:nth-child(10){animation:action-list-open 1.15s cubic-bezier(.25,.46,.45,.94) both}.disabled{pointer-events:none;opacity:.5}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { cancelEvent: [{
                 type: Output
             }], submitEvent: [{
@@ -3046,7 +3047,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
                 type: Output
             }] } });
 
-// dayjs.extend(customParseFormat);
+dayjs.extend(customParseFormat);
 class CreateDashboardComponent {
     constructor(createDashboardService, paginationService, cdr, snackBar, popoverService, configureWidgetsService, textCount) {
         this.createDashboardService = createDashboardService;
@@ -3227,6 +3228,7 @@ class CreateDashboardComponent {
     }
     closeFromDatePicker() {
         var _a, _b;
+        console.log("dayjs(dashboard.selectedFromDate).format('YYYY-MM-DD') ==>", this.dashboardForm, this.dashboardForm.selectedFromDate);
         if (!this.dashboardForm.selectedFromDate) {
             this.dashboardForm.selectedToDate = undefined;
             this.hideToDate = true;
@@ -3238,6 +3240,7 @@ class CreateDashboardComponent {
             return;
         }
         let minToDate = this.setToDate(this.dashboardForm.selectedFromDate);
+        console.log("dayjs(dashboard.selectedFromDate).format('YYYY-MM-DD') ==>1", minToDate);
         this.toDatePickerConfig = { min: minToDate };
         const fromDate = new Date(minToDate.split('-').reverse().join('-'));
         const toDate = new Date(this.dashboardForm.selectedToDate);
@@ -3693,7 +3696,7 @@ class CreateDashboardComponent {
     * Validates the data submitted on create dashboard form
     */
     validateDashboard() {
-        var _a;
+        var _a, _b;
         setTimeout(() => {
             this.submitted = true;
         }, 100);
@@ -3705,7 +3708,7 @@ class CreateDashboardComponent {
         if (!this.dashboardForm.dashboardName || this.dashboardForm.dashboardName.trim() == ''
             || (this.dashboardForm.dashboardName.length > 30)
             || (this.textCount.transform((_a = this.dashboardForm) === null || _a === void 0 ? void 0 : _a.dashboardDescriptionText) > 250)
-            || (this.dashboardForm.selectedFromDate && (!this.dashboardForm.selectedToDate))
+            || (((_b = this.dashboardForm) === null || _b === void 0 ? void 0 : _b.selectedFromDate) && (!this.dashboardForm.selectedToDate))
             || (this.dashboardForm.selectedResponsibilityCenters.length == 0 &&
                 this.dashboardForm.selectedResponsibilityCategories.length == 0 &&
                 this.dashboardForm.selectedRiskCategories.length == 0)) {
@@ -3727,6 +3730,8 @@ class CreateDashboardComponent {
         }
         this.vLoader = true;
         const dashboard = this.dashboardForm;
+        console.log("dayjs(dashboard.selectedFromDate).format('YYYY-MM-DD')", dashboard);
+        console.log("dayjs(dashboard.selectedFromDate).format('YYYY-MM-DD') 123", dayjs(dashboard === null || dashboard === void 0 ? void 0 : dashboard.selectedFromDate).format('YYYY-MM-DD'));
         const payload = {
             dashboard_name: dashboard.dashboardName,
             description: [