vc-layout 0.0.39 → 1.0.1

package/esm2022/lib/components/header/business-cycle/business-cycle.component.mjs

@@ -265,11 +265,11 @@ export class BusinessCycleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BusinessCycleComponent, deps: [{ token: i1.AuthorizerService }, { token: i2.BusinessCycleService }, { token: i3.ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BusinessCycleComponent, selector: "vc-business-cycle", inputs: { orgDetails: "orgDetails" }, outputs: { businessCycleChange: "businessCycleChange" }, ngImport: i0, template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i6.PopoverComponent, selector: "vui-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: i7.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "position"] }, { kind: "component", type: i8.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "pipe", type: i9.DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BusinessCycleComponent, selector: "vc-business-cycle", inputs: { orgDetails: "orgDetails" }, outputs: { businessCycleChange: "businessCycleChange" }, ngImport: i0, template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;max-height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: i6.PopoverComponent, selector: "vui-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: i7.PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "position"] }, { kind: "component", type: i8.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "pipe", type: i9.DateFormatPipe, name: "dateFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BusinessCycleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vc-business-cycle', template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"] }]
+            args: [{ selector: 'vc-business-cycle', template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;max-height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.AuthorizerService }, { type: i2.BusinessCycleService }, { type: i3.ApiService }]; }, propDecorators: { businessCycleChange: [{
                 type: Output
             }], orgDetails: [{

package/esm2022/lib/components/sub-menu/sub-menu-container/sub-menu-container.component.mjs

@@ -25,7 +25,7 @@ export class SubMenuContainerComponent {
           class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
           [arTooltip]="'Close'"
           placement="left"
-          type="black"
+          type="white"
           delay="0"
           [tooltipMandatory]="true"
         >
@@ -64,7 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
           class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
           [arTooltip]="'Close'"
           placement="left"
-          type="black"
+          type="white"
           delay="0"
           [tooltipMandatory]="true"
         >
@@ -92,4 +92,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], onCloseSubMenu: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvc3ViLW1lbnUvc3ViLW1lbnUtY29udGFpbmVyL3N1Yi1tZW51LWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQTBDL0UsTUFBTSxPQUFPLHlCQUF5QjtJQUdwQztRQUZTLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBQ3ZCLG1CQUFjLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDdkQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVaLGNBQWM7UUFDbkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDOytHQVRVLHlCQUF5QjttR0FBekIseUJBQXlCLG9KQXRDMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUNUOzs0RkFHVSx5QkFBeUI7a0JBeENyQyxTQUFTOytCQUNFLHVCQUF1QixZQUN2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQ1Q7MEVBSVEsV0FBVztzQkFBbkIsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2Yy1zdWItbWVudS1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwic3ViLW1lbnUtY29udGFpbmVyIHZ4LXBsLTIgdngtcHItMiB2eC1wYi01XCJcclxuICAgICAgW2NsYXNzLmhpZGVdPVwiZmFsc2VcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJ0b3AtY2xvc2UtYXJlYSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktZW5kIHZ4LW1iLTJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU3ViTWVudUNsb3NlKClcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ2eC1mcy04IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcC0wIHZ4LW0tMFwiXHJcbiAgICAgICAgICBbYXJUb29sdGlwXT1cIidDbG9zZSdcIlxyXG4gICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXHJcbiAgICAgICAgICB0eXBlPVwiYmxhY2tcIlxyXG4gICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTZiOzwvaT5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDx1bCAqbmdJZj1cInN1Yk1lbnVEYXRhPy5sZW5ndGhcIiBjbGFzcz1cInZ4LW0tMCB2eC1wLTBcIj5cclxuICAgICAgICA8bGlcclxuICAgICAgICAgIGNsYXNzPVwidngtbWItMlwiXHJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgZWFjaE1lbnUgb2Ygc3ViTWVudURhdGFcIlxyXG4gICAgICAgICAgW25nQ2xhc3NdPVwiZWFjaE1lbnU/LmNsYXNzXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8YVxyXG4gICAgICAgICAgICBjbGFzcz1cInZ4LWZzLTEzIHZ4LWZ3LTQwMCB2eC10eHQtd2hpdGUgdngtcC0yIHZ4LWQtYmxvY2tcIlxyXG4gICAgICAgICAgICBbaHJlZl09XCJlYWNoTWVudT8uaHJlZlwiXHJcbiAgICAgICAgICAgID57eyBlYWNoTWVudT8ubmFtZSB9fTwvYVxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvdWw+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3ViLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJNZW51Q29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzdWJNZW51RGF0YTogYW55W10gPSBbXTtcclxuICBAT3V0cHV0KCkgb25DbG9zZVN1Yk1lbnU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyBvblN1Yk1lbnVDbG9zZSgpIHtcclxuICAgIHRoaXMub25DbG9zZVN1Yk1lbnUuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbXBvbmVudHMvc3ViLW1lbnUvc3ViLW1lbnUtY29udGFpbmVyL3N1Yi1tZW51LWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQTBDL0UsTUFBTSxPQUFPLHlCQUF5QjtJQUdwQztRQUZTLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBQ3ZCLG1CQUFjLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFDdkQsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVaLGNBQWM7UUFDbkIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDOytHQVRVLHlCQUF5QjttR0FBekIseUJBQXlCLG9KQXRDMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUNUOzs0RkFHVSx5QkFBeUI7a0JBeENyQyxTQUFTOytCQUNFLHVCQUF1QixZQUN2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQ1Q7MEVBSVEsV0FBVztzQkFBbkIsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd2Yy1zdWItbWVudS1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwic3ViLW1lbnUtY29udGFpbmVyIHZ4LXBsLTIgdngtcHItMiB2eC1wYi01XCJcclxuICAgICAgW2NsYXNzLmhpZGVdPVwiZmFsc2VcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJ0b3AtY2xvc2UtYXJlYSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LWp1c3RpZnktZW5kIHZ4LW1iLTJcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU3ViTWVudUNsb3NlKClcIlxyXG4gICAgICAgICAgY2xhc3M9XCJ2eC1mcy04IHZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtanVzdGlmeS1jZW50ZXIgdngtcC0wIHZ4LW0tMFwiXHJcbiAgICAgICAgICBbYXJUb29sdGlwXT1cIidDbG9zZSdcIlxyXG4gICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXHJcbiAgICAgICAgICB0eXBlPVwid2hpdGVcIlxyXG4gICAgICAgICAgZGVsYXk9XCIwXCJcclxuICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIj4mI3hlOTZiOzwvaT5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDx1bCAqbmdJZj1cInN1Yk1lbnVEYXRhPy5sZW5ndGhcIiBjbGFzcz1cInZ4LW0tMCB2eC1wLTBcIj5cclxuICAgICAgICA8bGlcclxuICAgICAgICAgIGNsYXNzPVwidngtbWItMlwiXHJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgZWFjaE1lbnUgb2Ygc3ViTWVudURhdGFcIlxyXG4gICAgICAgICAgW25nQ2xhc3NdPVwiZWFjaE1lbnU/LmNsYXNzXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8YVxyXG4gICAgICAgICAgICBjbGFzcz1cInZ4LWZzLTEzIHZ4LWZ3LTQwMCB2eC10eHQtd2hpdGUgdngtcC0yIHZ4LWQtYmxvY2tcIlxyXG4gICAgICAgICAgICBbaHJlZl09XCJlYWNoTWVudT8uaHJlZlwiXHJcbiAgICAgICAgICAgID57eyBlYWNoTWVudT8ubmFtZSB9fTwvYVxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgIDwvdWw+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3ViLW1lbnUtY29udGFpbmVyLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJNZW51Q29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzdWJNZW51RGF0YTogYW55W10gPSBbXTtcclxuICBAT3V0cHV0KCkgb25DbG9zZVN1Yk1lbnU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyBvblN1Yk1lbnVDbG9zZSgpIHtcclxuICAgIHRoaXMub25DbG9zZVN1Yk1lbnUuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2022/lib/constants/app-url.constant.mjs

@@ -15,7 +15,7 @@ export const IN_APP_URL = {
     ALL: '/global-dashboard/policy_dashboard?module=policy',
     EDIT_PROFILE: '/settings/settings/profile?edit_profile=true',
     DOWNLOAD_CENTER: '/downloads-center/',
-    PASSWORD_RESET: `/organization/#/settings/userprofile`,
+    PASSWORD_RESET: `/settings/settings/account-access-and-settings/general-settings`,
     DEFAULT: '/global-dashboard/',
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXVybC5jb25zdGFudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbnN0YW50cy9hcHAtdXJsLmNvbnN0YW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBUTtJQUM3QixxQkFBcUIsRUFDbkIsbVhBQW1YO0lBQ3JYLGlCQUFpQixFQUNmLCtXQUErVztJQUNqWCxLQUFLLEVBQ0gsd1lBQXdZO0lBQzFZLE9BQU8sRUFBRSxzREFBc0Q7SUFDL0QsU0FBUyxFQUFFLG9CQUFvQjtJQUMvQixzQkFBc0IsRUFBRSx5QkFBeUI7SUFDakQsWUFBWSxFQUFFLGdCQUFnQjtJQUM5QixRQUFRLEVBQUUsV0FBVztJQUNyQixVQUFVLEVBQUUsY0FBYztJQUMxQixJQUFJLEVBQUUsOENBQThDO0lBQ3BELFNBQVMsRUFBRSwyQkFBMkI7SUFDdEMsS0FBSyxFQUFFLGdEQUFnRDtJQUN2RCxLQUFLLEVBQUUsZ0RBQWdEO0lBQ3ZELEdBQUcsRUFBRSxrREFBa0Q7SUFDdkQsWUFBWSxFQUFFLDhDQUE4QztJQUM1RCxlQUFlLEVBQUUsb0JBQW9CO0lBQ3JDLGNBQWMsRUFBRSxzQ0FBc0M7SUFDdEQsT0FBTyxFQUFFLG9CQUFvQjtDQUM5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IElOX0FQUF9VUkw6IGFueSA9IHtcclxuICBNQU5BR0VfUkVTUE9OU0lCSUxJVFk6XHJcbiAgICAnL2NvbXBsaWFuY2UvIy9jb21wbGlhbmNlL21hbmFnZS1yZXNwb25zaWJpbGl0eT9xPXtcImJ5UmVzcG9uc2liaWxpdGllc1wiOntcInR5cGVcIjpbXCJtYW5hZ2VfcmVzcG9uc2liaWxpdGllc1wiXSxcInN1YlR5cGVcIjpbXCJDQ1wiXX0sXCJieVN0YXR1c1wiOntcInR5cGVcIjpbXCJhY3RpdmVcIl0sXCJzdWJUeXBlXCI6W119LFwiZmlsdGVyT2JqZWN0XCI6e1wicmVzcG9uc2liaWxpdHlDZW50ZXJcIjpbXSxcImVudHJ1c3RlZEJ5XCI6W10sXCJlbnRydXN0ZWRUb1wiOltdLFwicmlza0lkc1wiOltdLFwicmVzcG9uc2liaWxpdHlDYXRlZ29yeVwiOltdfSxcInRpbWVQZXJpb2REZXRhaWxzXCI6e1widHlwZVwiOlwiXCIsXCJzZWxlY3RlZFBlcmlvZFwiOlwiXCIsXCJzZWxlY3RlZFllYXJcIjpcIlwifSxcInN0YXR1c1wiOlwiXCJ9JyxcclxuICBNWV9SRVNQT05TSUJJTElUWTpcclxuICAgICcvY29tcGxpYW5jZS8jL2NvbXBsaWFuY2UvbWFuYWdlLXJlc3BvbnNpYmlsaXR5P3E9e1wiYnlSZXNwb25zaWJpbGl0aWVzXCI6e1widHlwZVwiOltcIm15X3Jlc3BvbnNpYmlsaXRpZXNcIl0sXCJzdWJUeXBlXCI6W1wiQ0NcIl19LFwiYnlTdGF0dXNcIjp7XCJ0eXBlXCI6W1wiYWN0aXZlXCJdLFwic3ViVHlwZVwiOltdfSxcImZpbHRlck9iamVjdFwiOntcInJlc3BvbnNpYmlsaXR5Q2VudGVyXCI6W10sXCJlbnRydXN0ZWRCeVwiOltdLFwiZW50cnVzdGVkVG9cIjpbXSxcInJpc2tJZHNcIjpbXSxcInJlc3BvbnNpYmlsaXR5Q2F0ZWdvcnlcIjpbXX0sXCJ0aW1lUGVyaW9kRGV0YWlsc1wiOntcInR5cGVcIjpcIlwiLFwic2VsZWN0ZWRQZXJpb2RcIjpcIlwiLFwic2VsZWN0ZWRZZWFyXCI6XCJcIn0sXCJzdGF0dXNcIjpcIlwifScsXHJcbiAgUVVFVUU6XHJcbiAgICAnL2NvbXBsaWFuY2UvIy9jb21wbGlhbmNlL21hbmFnZS1yZXNwb25zaWJpbGl0eT9xPXtcImJ5UmVzcG9uc2liaWxpdGllc1wiOntcInR5cGVcIjpbXCJyZXNwb25zaWJpbGl0aWVzX2luX3F1ZXVlXCJdLFwic3ViVHlwZVwiOltcIkNDXCJdfSxcImJ5U3RhdHVzXCI6e1widHlwZVwiOltcInJlc3BvbnNpYmlsaXRpZXNfaW5fcXVldWVcIl0sXCJzdWJUeXBlXCI6W119LFwiZmlsdGVyT2JqZWN0XCI6e1wicmVzcG9uc2liaWxpdHlDZW50ZXJcIjpbXSxcImVudHJ1c3RlZEJ5XCI6W10sXCJlbnRydXN0ZWRUb1wiOltdLFwicmlza0lkc1wiOltdLFwicmVzcG9uc2liaWxpdHlDYXRlZ29yeVwiOltdfSxcInRpbWVQZXJpb2REZXRhaWxzXCI6e1widHlwZVwiOlwiXCIsXCJzZWxlY3RlZFBlcmlvZFwiOlwiXCIsXCJzZWxlY3RlZFllYXJcIjpcIlwifSxcInN0YXR1c1wiOlwiXCJ9JyxcclxuICBQUk9HUkFNOiAnL3Byb2dyYW0vbWFuYWdlLXByb2dyYW0tY2F0ZWdvcmllcy9wcm9ncmFtcy1vdmVydmlldycsXHJcbiAgREFTSEJPQVJEOiAnL2dsb2JhbC1kYXNoYm9hcmQvJyxcclxuICBUT19ET19SRVNQT05TSUJJTElUSUVTOiAnL3RvLWRvLXJlc3BvbnNpYmlsaXRpZXMnLFxyXG4gIE9SR0FOSVpBVElPTjogJy9vcmdhbml6YXRpb24vJyxcclxuICBTRVRUSU5HUzogJy9zZXR0aW5ncycsXHJcbiAgQVNTRVNTTUVOVDogJy9hc3Nlc3NtZW50LycsXHJcbiAgUklTSzogJy9nbG9iYWwtZGFzaGJvYXJkL3Jpc2tfZGFzaGJvYXJkP21vZHVsZT1yaXNrJyxcclxuICBBU1NVUkFOQ0U6ICcvYXNzdXJhbmNlL3Rlc3RfZGFzaGJvYXJkJyxcclxuICBBVURJVDogJy9nbG9iYWwtZGFzaGJvYXJkL2F1ZGl0X2Rhc2hib2FyZD9tb2R1bGU9YXVkaXQnLFxyXG4gIElTU1VFOiAnL2dsb2JhbC1kYXNoYm9hcmQvaXNzdWVfZGFzaGJvYXJkP21vZHVsZT1pc3N1ZScsXHJcbiAgQUxMOiAnL2dsb2JhbC1kYXNoYm9hcmQvcG9saWN5X2Rhc2hib2FyZD9tb2R1bGU9cG9saWN5JyxcclxuICBFRElUX1BST0ZJTEU6ICcvc2V0dGluZ3Mvc2V0dGluZ3MvcHJvZmlsZT9lZGl0X3Byb2ZpbGU9dHJ1ZScsXHJcbiAgRE9XTkxPQURfQ0VOVEVSOiAnL2Rvd25sb2Fkcy1jZW50ZXIvJyxcclxuICBQQVNTV09SRF9SRVNFVDogYC9vcmdhbml6YXRpb24vIy9zZXR0aW5ncy91c2VycHJvZmlsZWAsXHJcbiAgREVGQVVMVDogJy9nbG9iYWwtZGFzaGJvYXJkLycsXHJcbn07XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXVybC5jb25zdGFudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZjLWxheW91dC9zcmMvbGliL2NvbnN0YW50cy9hcHAtdXJsLmNvbnN0YW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBUTtJQUM3QixxQkFBcUIsRUFDbkIsbVhBQW1YO0lBQ3JYLGlCQUFpQixFQUNmLCtXQUErVztJQUNqWCxLQUFLLEVBQ0gsd1lBQXdZO0lBQzFZLE9BQU8sRUFBRSxzREFBc0Q7SUFDL0QsU0FBUyxFQUFFLG9CQUFvQjtJQUMvQixzQkFBc0IsRUFBRSx5QkFBeUI7SUFDakQsWUFBWSxFQUFFLGdCQUFnQjtJQUM5QixRQUFRLEVBQUUsV0FBVztJQUNyQixVQUFVLEVBQUUsY0FBYztJQUMxQixJQUFJLEVBQUUsOENBQThDO0lBQ3BELFNBQVMsRUFBRSwyQkFBMkI7SUFDdEMsS0FBSyxFQUFFLGdEQUFnRDtJQUN2RCxLQUFLLEVBQUUsZ0RBQWdEO0lBQ3ZELEdBQUcsRUFBRSxrREFBa0Q7SUFDdkQsWUFBWSxFQUFFLDhDQUE4QztJQUM1RCxlQUFlLEVBQUUsb0JBQW9CO0lBQ3JDLGNBQWMsRUFBRSxpRUFBaUU7SUFDakYsT0FBTyxFQUFFLG9CQUFvQjtDQUM5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IElOX0FQUF9VUkw6IGFueSA9IHtcclxuICBNQU5BR0VfUkVTUE9OU0lCSUxJVFk6XHJcbiAgICAnL2NvbXBsaWFuY2UvIy9jb21wbGlhbmNlL21hbmFnZS1yZXNwb25zaWJpbGl0eT9xPXtcImJ5UmVzcG9uc2liaWxpdGllc1wiOntcInR5cGVcIjpbXCJtYW5hZ2VfcmVzcG9uc2liaWxpdGllc1wiXSxcInN1YlR5cGVcIjpbXCJDQ1wiXX0sXCJieVN0YXR1c1wiOntcInR5cGVcIjpbXCJhY3RpdmVcIl0sXCJzdWJUeXBlXCI6W119LFwiZmlsdGVyT2JqZWN0XCI6e1wicmVzcG9uc2liaWxpdHlDZW50ZXJcIjpbXSxcImVudHJ1c3RlZEJ5XCI6W10sXCJlbnRydXN0ZWRUb1wiOltdLFwicmlza0lkc1wiOltdLFwicmVzcG9uc2liaWxpdHlDYXRlZ29yeVwiOltdfSxcInRpbWVQZXJpb2REZXRhaWxzXCI6e1widHlwZVwiOlwiXCIsXCJzZWxlY3RlZFBlcmlvZFwiOlwiXCIsXCJzZWxlY3RlZFllYXJcIjpcIlwifSxcInN0YXR1c1wiOlwiXCJ9JyxcclxuICBNWV9SRVNQT05TSUJJTElUWTpcclxuICAgICcvY29tcGxpYW5jZS8jL2NvbXBsaWFuY2UvbWFuYWdlLXJlc3BvbnNpYmlsaXR5P3E9e1wiYnlSZXNwb25zaWJpbGl0aWVzXCI6e1widHlwZVwiOltcIm15X3Jlc3BvbnNpYmlsaXRpZXNcIl0sXCJzdWJUeXBlXCI6W1wiQ0NcIl19LFwiYnlTdGF0dXNcIjp7XCJ0eXBlXCI6W1wiYWN0aXZlXCJdLFwic3ViVHlwZVwiOltdfSxcImZpbHRlck9iamVjdFwiOntcInJlc3BvbnNpYmlsaXR5Q2VudGVyXCI6W10sXCJlbnRydXN0ZWRCeVwiOltdLFwiZW50cnVzdGVkVG9cIjpbXSxcInJpc2tJZHNcIjpbXSxcInJlc3BvbnNpYmlsaXR5Q2F0ZWdvcnlcIjpbXX0sXCJ0aW1lUGVyaW9kRGV0YWlsc1wiOntcInR5cGVcIjpcIlwiLFwic2VsZWN0ZWRQZXJpb2RcIjpcIlwiLFwic2VsZWN0ZWRZZWFyXCI6XCJcIn0sXCJzdGF0dXNcIjpcIlwifScsXHJcbiAgUVVFVUU6XHJcbiAgICAnL2NvbXBsaWFuY2UvIy9jb21wbGlhbmNlL21hbmFnZS1yZXNwb25zaWJpbGl0eT9xPXtcImJ5UmVzcG9uc2liaWxpdGllc1wiOntcInR5cGVcIjpbXCJyZXNwb25zaWJpbGl0aWVzX2luX3F1ZXVlXCJdLFwic3ViVHlwZVwiOltcIkNDXCJdfSxcImJ5U3RhdHVzXCI6e1widHlwZVwiOltcInJlc3BvbnNpYmlsaXRpZXNfaW5fcXVldWVcIl0sXCJzdWJUeXBlXCI6W119LFwiZmlsdGVyT2JqZWN0XCI6e1wicmVzcG9uc2liaWxpdHlDZW50ZXJcIjpbXSxcImVudHJ1c3RlZEJ5XCI6W10sXCJlbnRydXN0ZWRUb1wiOltdLFwicmlza0lkc1wiOltdLFwicmVzcG9uc2liaWxpdHlDYXRlZ29yeVwiOltdfSxcInRpbWVQZXJpb2REZXRhaWxzXCI6e1widHlwZVwiOlwiXCIsXCJzZWxlY3RlZFBlcmlvZFwiOlwiXCIsXCJzZWxlY3RlZFllYXJcIjpcIlwifSxcInN0YXR1c1wiOlwiXCJ9JyxcclxuICBQUk9HUkFNOiAnL3Byb2dyYW0vbWFuYWdlLXByb2dyYW0tY2F0ZWdvcmllcy9wcm9ncmFtcy1vdmVydmlldycsXHJcbiAgREFTSEJPQVJEOiAnL2dsb2JhbC1kYXNoYm9hcmQvJyxcclxuICBUT19ET19SRVNQT05TSUJJTElUSUVTOiAnL3RvLWRvLXJlc3BvbnNpYmlsaXRpZXMnLFxyXG4gIE9SR0FOSVpBVElPTjogJy9vcmdhbml6YXRpb24vJyxcclxuICBTRVRUSU5HUzogJy9zZXR0aW5ncycsXHJcbiAgQVNTRVNTTUVOVDogJy9hc3Nlc3NtZW50LycsXHJcbiAgUklTSzogJy9nbG9iYWwtZGFzaGJvYXJkL3Jpc2tfZGFzaGJvYXJkP21vZHVsZT1yaXNrJyxcclxuICBBU1NVUkFOQ0U6ICcvYXNzdXJhbmNlL3Rlc3RfZGFzaGJvYXJkJyxcclxuICBBVURJVDogJy9nbG9iYWwtZGFzaGJvYXJkL2F1ZGl0X2Rhc2hib2FyZD9tb2R1bGU9YXVkaXQnLFxyXG4gIElTU1VFOiAnL2dsb2JhbC1kYXNoYm9hcmQvaXNzdWVfZGFzaGJvYXJkP21vZHVsZT1pc3N1ZScsXHJcbiAgQUxMOiAnL2dsb2JhbC1kYXNoYm9hcmQvcG9saWN5X2Rhc2hib2FyZD9tb2R1bGU9cG9saWN5JyxcclxuICBFRElUX1BST0ZJTEU6ICcvc2V0dGluZ3Mvc2V0dGluZ3MvcHJvZmlsZT9lZGl0X3Byb2ZpbGU9dHJ1ZScsXHJcbiAgRE9XTkxPQURfQ0VOVEVSOiAnL2Rvd25sb2Fkcy1jZW50ZXIvJyxcclxuICBQQVNTV09SRF9SRVNFVDogYC9zZXR0aW5ncy9zZXR0aW5ncy9hY2NvdW50LWFjY2Vzcy1hbmQtc2V0dGluZ3MvZ2VuZXJhbC1zZXR0aW5nc2AsXHJcbiAgREVGQVVMVDogJy9nbG9iYWwtZGFzaGJvYXJkLycsXHJcbn07XHJcbiJdfQ==

package/fesm2022/vc-layout.mjs

@@ -332,7 +332,7 @@ const IN_APP_URL = {
     ALL: '/global-dashboard/policy_dashboard?module=policy',
     EDIT_PROFILE: '/settings/settings/profile?edit_profile=true',
     DOWNLOAD_CENTER: '/downloads-center/',
-    PASSWORD_RESET: `/organization/#/settings/userprofile`,
+    PASSWORD_RESET: `/settings/settings/account-access-and-settings/general-settings`,
     DEFAULT: '/global-dashboard/',
 };
 
@@ -1843,11 +1843,11 @@ class BusinessCycleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BusinessCycleComponent, deps: [{ token: i1$1.AuthorizerService }, { token: BusinessCycleService }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BusinessCycleComponent, selector: "vc-business-cycle", inputs: { orgDetails: "orgDetails" }, outputs: { businessCycleChange: "businessCycleChange" }, ngImport: i0, template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "vui-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "position"] }, { kind: "component", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "pipe", type: DateFormatPipe, name: "dateFormat" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BusinessCycleComponent, selector: "vc-business-cycle", inputs: { orgDetails: "orgDetails" }, outputs: { businessCycleChange: "businessCycleChange" }, ngImport: i0, template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;max-height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: PopoverComponent, selector: "vui-popover", inputs: ["dontCloseonClick"], outputs: ["closedOnOverlay"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "position"] }, { kind: "component", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value"], outputs: ["ngValueChange"] }, { kind: "pipe", type: DateFormatPipe, name: "dateFormat" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BusinessCycleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vc-business-cycle', template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"] }]
+            args: [{ selector: 'vc-business-cycle', template: "<div\r\n  class=\"vc-business-cycle vx-pt-2 vx-pb-2\"\r\n  appPopover\r\n  (click)=\"businessCyclePop.popover()\"\r\n  position=\"left\"\r\n>\r\n  <div class=\"heading vx-fs-9 vx-tt-uppercase vx-mb-1 vx-lh-3\">\r\n    SHOWING DATA {{ cycleToShow === \"Show Future Due Dates\" ? \"For\" : \"From\" }}\r\n  </div>\r\n  <div class=\"vx-d-flex vx-align-center vx-justify-between vx-lh-4\">\r\n    <div class=\"vx-d-flex vx-align-center\">\r\n      <i class=\"icons calendar vx-fs-12 vx-mr-2\">&#xe996;</i>\r\n      <span class=\"vx-fs-11 vx-txt-white vx-d-inline-block\">{{\r\n        cycleToShow === \"Show Future Due Dates\"\r\n          ? \"Future Due Dates\"\r\n          : cycleToShow\r\n      }}</span>\r\n    </div>\r\n    <i class=\"icons arrow vx-fs-10 vx-mr-2\">&#xe9e8;</i>\r\n  </div>\r\n</div>\r\n\r\n<vui-popover #businessCyclePop [dontCloseonClick]=\"true\">\r\n  <div class=\"vc-business-cycle-popover-container\">\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-top vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n    >\r\n      <p class=\"vx-fs-11 vx-fw-400 vx-label-txt vx-p-0 vx-m-0\">\r\n        You can select upto a max of two consecutive years\r\n      </p>\r\n    </div>\r\n    <div class=\"vc-business-cycle-popover-container-body\">\r\n      <ul class=\"vx-p-0 vx-m-0\">\r\n        <ng-container\r\n          *ngFor=\"let eachCycle of businessCycleList; let i = index\"\r\n        >\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() ===\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n            [class.future-cycle]=\"true\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >Show Future Due Dates</app-cs-checkbox\r\n            >\r\n            <i\r\n              class=\"icons info-icon vx-fs-12\"\r\n              [arTooltip]=\"\r\n                'This option lets you view data that lies outside the current business cycle and are due in the future.'\r\n              \"\r\n              placement=\"bottom\"\r\n              type=\"black\"\r\n              delay=\"0\"\r\n              [tooltipMandatory]=\"true\"\r\n              >&#xe91f;</i\r\n            >\r\n          </li>\r\n          <li\r\n            *ngIf=\"\r\n              eachCycle?.business_cycle?.toLowerCase() !==\r\n              'show future due dates'\r\n            \"\r\n            class=\"vx-d-flex vx-align-center vx-pt-2 vx-pb-2 vx-pl-3 vx-pr-3\"\r\n          >\r\n            <app-cs-checkbox\r\n              [ngValue]=\"isSelectedCycle(tempSelectedCycle, eachCycle)\"\r\n              (ngValueChange)=\"selectCycle(eachCycle, i)\"\r\n              [disabled]=\"eachCycle?.isDisabled\"\r\n              >{{ eachCycle?.start_date | dateFormat }} -\r\n              <ng-container>\r\n                {{ eachCycle?.end_date | dateFormat }}</ng-container\r\n              >\r\n            </app-cs-checkbox>\r\n          </li>\r\n        </ng-container>\r\n      </ul>\r\n    </div>\r\n    <div\r\n      class=\"vc-business-cycle-popover-container-footer vx-d-flex vx-justify-between vx-p-3\"\r\n    >\r\n      <button\r\n        (click)=\"businessCyclePop.closePopover('top')\"\r\n        class=\"white vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-blue\"\r\n      >\r\n        CANCEL\r\n      </button>\r\n      <button\r\n        (click)=\"setBusinessCycle(); businessCyclePop.closePopover('top')\"\r\n        [class.disabled]=\"false\"\r\n        class=\"blue vx-fs-11 vx-fw-500 vx-d-flex vx-align-center vx-justify-center vx-tt-uppercase vx-p-0 vx-m-0 vx-txt-white\"\r\n      >\r\n        APPLY\r\n      </button>\r\n    </div>\r\n  </div>\r\n</vui-popover>\r\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.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/text/text.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-right.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/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-right.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\";::ng-deep .vc-business-cycle{position:relative;width:12.5rem;height:3rem;cursor:pointer;z-index:1}::ng-deep .vc-business-cycle .heading{color:#e3e3e9}::ng-deep .vc-business-cycle i.calendar{color:#e3e3e9}::ng-deep .vc-business-cycle i.arrow{color:#f1f1f1}::ng-deep .vc-business-cycle-popover-container{width:15.625rem;background:#fff;box-shadow:0 4px 8px #1e5dd326;border:1px solid #e3e3e9;border-radius:.25rem;z-index:4}::ng-deep .vc-business-cycle-popover-container-top{background:#f8f8f8}::ng-deep .vc-business-cycle-popover-container-top p{line-height:.875rem}::ng-deep .vc-business-cycle-popover-container-body{background:#fff;max-height:200px;overflow-y:auto}::ng-deep .vc-business-cycle-popover-container-body ul li{list-style:none;margin:0;position:relative}::ng-deep .vc-business-cycle-popover-container-body ul li:before{background:#f1f1f1;content:\"\";position:absolute;left:.75rem;right:.75rem;bottom:0;height:.0625rem;width:calc(100% - 1.5rem)}::ng-deep .vc-business-cycle-popover-container-body ul li:last-of-type:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle{background:#fadd8a}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle:before{display:none}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.checkbox{background:#fff}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle app-cs-checkbox label.checkbox-item span.value i{margin-left:.375rem}::ng-deep .vc-business-cycle-popover-container-body ul li.future-cycle .info-icon{margin-left:.375rem;cursor:context-menu}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox{display:flex}::ng-deep .vc-business-cycle-popover-container-body ul li app-cs-checkbox label.checkbox-item span.value{font-size:12px!important;color:#161b2f!important;max-width:100%!important}::ng-deep .vc-business-cycle-popover-container-footer{background:#f8f8f8;border-radius:0 0 .25rem .25rem}::ng-deep .vc-business-cycle-popover-container-footer button{width:calc(50% - .125rem);height:1.5rem;border:1px solid transparent;text-transform:uppercase;border-radius:.125rem;line-height:1.375rem}::ng-deep .vc-business-cycle-popover-container-footer button.white{background:#fff;border-color:#dbdbdb}::ng-deep .vc-business-cycle-popover-container-footer button.blue{background:#1e5dd3;border-color:#1e5dd3}::ng-deep .vc-business-cycle-popover-container-footer button.disabled{background:#dbdbdb;color:#747576;border:none;pointer-events:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.AuthorizerService }, { type: BusinessCycleService }, { type: ApiService }]; }, propDecorators: { businessCycleChange: [{
                 type: Output
             }], orgDetails: [{
@@ -2251,7 +2251,7 @@ class SubMenuContainerComponent {
           class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
           [arTooltip]="'Close'"
           placement="left"
-          type="black"
+          type="white"
           delay="0"
           [tooltipMandatory]="true"
         >
@@ -2290,7 +2290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
           class="vx-fs-8 vx-d-flex vx-align-center vx-justify-center vx-p-0 vx-m-0"
           [arTooltip]="'Close'"
           placement="left"
-          type="black"
+          type="white"
           delay="0"
           [tooltipMandatory]="true"
         >