@naniteninja/dashboard-components-lib 2.0.0 → 2.0.1

package/fesm2022/naniteninja-dashboard-components-lib.mjs

@@ -1476,11 +1476,11 @@ class LibSchedulerComponent {
         this.cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LibSchedulerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: LibSchedulerComponent, isStandalone: true, selector: "lib-scheduler", inputs: { adsTemplate: "adsTemplate", loading$: "loading$", emptyMessage: "emptyMessage", displayBookedStatuses: "displayBookedStatuses", displayEmptyDays: "displayEmptyDays", events$: "events$", startDate: "startDate", endDate: "endDate", default: "default" }, outputs: { bookEvent: "bookEvent", removeSuggestion: "removeSuggestion" }, ngImport: i0, template: "<div class=\"scheduler-container\" *ngIf=\"(loading$ | async) !== true; else loadingScheduler\">\n  <div class=\"title f-lg f-gilroy-regular\" *ngIf=\"displayBookedStatuses\">{{ bookedCount }} {{ 'BOOKED' | translate }} - {{ suggestedCount }} {{ 'SUGGESTED' | translate }}</div>\n  <ng-container *ngTemplateOutlet=\"adsTemplate\"></ng-container>\n  <div class=\"content\" *ngIf=\"bookedCount > 0 || suggestedCount > 0 || displayEmptyDays; else emptyScheduler\">\n    @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n      <div class=\"block\">\n        <div class=\"day\">\n          <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n          @for (event of eventDay.events; let eventIndex = $index; track event) {\n            <div class=\"day-event\" *ngIf=\"event.suggestions?.length > 0\">\n              <div class=\"main_block\" [class.expanded]=\"event.expanded && !event.booked\">\n                <div class=\"event-header\" (click)=\"toggleExpand(dayIndex, eventIndex)\">\n                  <img src=\"assets/scheduler/arrow.svg\" class=\"show_more\" />\n                  <div class=\"time f-calistoga f-lg\">{{ event.start | date: 'h a' }}</div>\n                  <div class=\"wrapper\">\n                    <div class=\"free_time f-gilroy-regular f-md\">\n                      ~{{ event.hours }}\n                      <span [class.booked]=\"event.booked\">\n                        {{ (event.booked ? 'BOOKED' : 'FREE') | translate }}\n                      </span>\n                    </div>\n                    <div class=\"suggestions-count f-gilroy-regular f-sm\" *ngIf=\"event.suggestions?.length > 0\">\n                      <div>{{ event.suggestions.length }} {{ 'EVENT_SUGGETIONS_MSG' | translate }}</div>\n                    </div>\n                  </div>\n                </div>\n                @for (suggestion of event.suggestions; let suggestedIndex = $index; track suggestion) {\n                  <div class=\"suggestion_items\">\n                    <div class=\"suggested-by-wrapper\">\n                      @for (profile of suggestion?.profiles; track profile) {\n                        <div class=\"suggested-by\">\n                          <img class=\"profile\" [src]=\"profile?.img || 'assets/icons/default-profile.svg'\" />\n                          @if (profile?.suggested) {\n                            <img class=\"heart\" src=\"assets/scheduler/heart.svg\" />\n                          } @else if (profile?.cancelled) {\n                            <img class=\"heart\" src=\"assets/scheduler/cancel_active.svg\" />\n                          }\n                        </div>\n                      }\n                      <span class=\"schedule-title\"> {{ suggestion.title }} </span>\n                    </div>\n                    <div class=\"icons\">\n                      <img [src]=\"'assets/scheduler/cancel' + (suggestion.canceled ? '_active' : '') + '.svg'\" (click)=\"cancelSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                      <img [src]=\"'assets/scheduler/accept' + (suggestion.checked ? '_active' : '') + '.svg'\" (click)=\"acceptSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n  <ng-template #emptyScheduler>\n    <lib-section-separator></lib-section-separator>\n    <div class=\"empty-messsage messsage f-lg f-gilroy-regular\">{{ emptyMessage }}</div>\n  </ng-template>\n</div>\n\n<ng-template #loadingScheduler>\n  <div class=\"scheduler-container\">\n    <div class=\"content\">\n      @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n        <div class=\"block\">\n          <div class=\"day\">\n            <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n            <p-skeleton width=\"100%\" height=\"20px\" borderRadius=\"20px\"></p-skeleton>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".scheduler-container{position:relative;border-radius:16px}.scheduler-container .title{text-align:center;font-weight:500;margin-top:20px}.scheduler-container .empty-messsage{margin-bottom:40px}.scheduler-container .content{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block{position:relative;z-index:1}.scheduler-container .content .block .day{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block .day .day_name{color:#ebebf599;font-weight:500;display:flex;align-items:center}.scheduler-container .content .block .day .day_name lib-section-separator{width:-webkit-fill-available;--margin-top: .1rem;--margin-bottom: .1rem;margin:0 20px}.scheduler-container .content .block .day .day-event{background:linear-gradient(162deg,#c35a8b -9%,#524b57 32%);padding:2px 2px 0;border-radius:15px}.scheduler-container .content .block .day .day-event .main_block{border-radius:15px;background:linear-gradient(90deg,#fe3c7299 -9%,#3a323f 14%);padding:8px 10px;color:#ebebf599;box-shadow:-1px -3px 8px #ffffff1a}.scheduler-container .content .block .day .day-event .main_block .show_more{width:20px;height:20px;transition:.3s;transform:rotate(-90deg)}.scheduler-container .content .block .day .day-event .main_block .time{color:var(--ion-text-color, #fff5f5)}.scheduler-container .content .block .day .day-event .main_block .free_time{font-weight:500}.scheduler-container .content .block .day .day-event .main_block .free_time .blocked{color:#fe3c72}.scheduler-container .content .block .day .day-event .main_block .event-header{cursor:pointer;display:flex;align-items:center;column-gap:10px}.scheduler-container .content .block .day .day-event .main_block .icons{display:flex;column-gap:10px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:25px;height:25px;cursor:pointer}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{transition:.3s;height:0;overflow:hidden;display:flex;justify-content:space-between;margin-top:0}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper{display:flex;align-items:center}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .schedule-title{padding-left:30px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by{border:2px solid #28252d;width:25px;height:25px;position:relative;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .profile{position:absolute;width:100%;height:100%;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .heart{width:25px;height:25px;position:absolute;top:-4px;right:-12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;flex-grow:1;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block.expanded .suggestion_items{transition:.3s;height:30px;margin-top:10px}.scheduler-container .content .block .day .day-event .main_block.expanded .show_more{transition:.3s;transform:rotate(0)}.scheduler-container .content .block .day .day-event .booked{pointer-events:none;color:var(--cyrano-pink-shade-1)}@media (max-width: 576px){.scheduler-container .title{margin-top:10px;font-size:10.25px}.scheduler-container .empty-messsage{font-size:8px}.scheduler-container .content,.scheduler-container .content .block .day{row-gap:3px}.scheduler-container .content .block .day .day_name{font-size:8px}.scheduler-container .content .block .day .day-event{margin-bottom:5px}.scheduler-container .content .block .day .day-event .main_block{padding:5px;border-radius:12px}.scheduler-container .content .block .day .day-event .main_block .show_more{width:12px;height:12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .time{margin-right:5px;font-size:12px;font-size:10px;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .suggestions-count{text-align:right;font-weight:500;line-height:9.42px;letter-spacing:.07px;font-size:8px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .free_time{font-size:10.25px}.scheduler-container .content .block .day .day-event .main_block .event-header{column-gap:5px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:10px;height:10px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{padding-left:23px;font-size:8px;letter-spacing:.07px}.scheduler-container .content .block .day .day-event .expanded .suggestion_items{height:10px;margin-top:7px}}.day-event .main_block:has(.blocked) .suggestion_items{height:0!important;margin-top:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: SectionSeparatorComponent, selector: "lib-section-separator" }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: LibSchedulerComponent, isStandalone: true, selector: "lib-scheduler", inputs: { adsTemplate: "adsTemplate", loading$: "loading$", emptyMessage: "emptyMessage", displayBookedStatuses: "displayBookedStatuses", displayEmptyDays: "displayEmptyDays", events$: "events$", startDate: "startDate", endDate: "endDate", default: "default" }, outputs: { bookEvent: "bookEvent", removeSuggestion: "removeSuggestion" }, ngImport: i0, template: "<div class=\"scheduler-container\" *ngIf=\"(loading$ | async) !== true; else loadingScheduler\">\n  <div class=\"title f-lg f-gilroy-regular\" *ngIf=\"displayBookedStatuses\">{{ bookedCount }} {{ 'BOOKED' | translate }} - {{ suggestedCount }} {{ 'SUGGESTED' | translate }}</div>\n  <ng-container *ngTemplateOutlet=\"adsTemplate\"></ng-container>\n  <div class=\"content wrapper\" libDraggableScroll direction=\"vertical\" *ngIf=\"bookedCount > 0 || suggestedCount > 0 || displayEmptyDays; else emptyScheduler\">\n    @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n      <div class=\"block\">\n        <div class=\"day\">\n          <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n          @for (event of eventDay.events; let eventIndex = $index; track event) {\n            <div class=\"day-event\" *ngIf=\"event.suggestions?.length > 0\">\n              <div class=\"main_block\" [class.expanded]=\"event.expanded && !event.booked\">\n                <div class=\"event-header\" (click)=\"toggleExpand(dayIndex, eventIndex)\">\n                  <img src=\"assets/scheduler/arrow.svg\" class=\"show_more\" />\n                  <div class=\"time f-calistoga f-lg\">{{ event.start | date: 'h a' }}</div>\n                  <div class=\"wrapper\">\n                    <div class=\"free_time f-gilroy-regular f-md\">\n                      ~{{ event.hours }}\n                      <span [class.booked]=\"event.booked\">\n                        {{ (event.booked ? 'BOOKED' : 'FREE') | translate }}\n                      </span>\n                    </div>\n                    <div class=\"suggestions-count f-gilroy-regular f-sm\" *ngIf=\"event.suggestions?.length > 0\">\n                      <div>{{ event.suggestions.length }} {{ 'EVENT_SUGGETIONS_MSG' | translate }}</div>\n                    </div>\n                  </div>\n                </div>\n                @for (suggestion of event.suggestions; let suggestedIndex = $index; track suggestion) {\n                  <div class=\"suggestion_items\">\n                    <div class=\"suggested-by-wrapper\">\n                      @for (profile of suggestion?.profiles; track profile) {\n                        <div class=\"suggested-by\">\n                          <img class=\"profile\" [src]=\"profile?.img || 'assets/icons/default-profile.svg'\" />\n                          @if (profile?.suggested) {\n                            <img class=\"heart\" src=\"assets/scheduler/heart.svg\" />\n                          } @else if (profile?.cancelled) {\n                            <img class=\"heart\" src=\"assets/scheduler/cancel_active.svg\" />\n                          }\n                        </div>\n                      }\n                      <span class=\"schedule-title\"> {{ suggestion.title }} </span>\n                    </div>\n                    <div class=\"icons\">\n                      <img [src]=\"'assets/scheduler/cancel' + (suggestion.canceled ? '_active' : '') + '.svg'\" (click)=\"cancelSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                      <img [src]=\"'assets/scheduler/accept' + (suggestion.checked ? '_active' : '') + '.svg'\" (click)=\"acceptSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n  <ng-template #emptyScheduler>\n    <lib-section-separator></lib-section-separator>\n    <div class=\"empty-messsage messsage f-lg f-gilroy-regular\">{{ emptyMessage }}</div>\n  </ng-template>\n</div>\n\n<ng-template #loadingScheduler>\n  <div class=\"scheduler-container\">\n    <div class=\"content\">\n      @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n        <div class=\"block\">\n          <div class=\"day\">\n            <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n            <p-skeleton width=\"100%\" height=\"20px\" borderRadius=\"20px\"></p-skeleton>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".scheduler-container{position:relative;border-radius:16px}.scheduler-container .title{text-align:center;font-weight:500;margin-top:20px}.scheduler-container .empty-messsage{margin-bottom:40px}.scheduler-container .content{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block{position:relative;z-index:1}.scheduler-container .content .block .day{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block .day .day_name{color:#ebebf599;font-weight:500;display:flex;align-items:center}.scheduler-container .content .block .day .day_name lib-section-separator{width:-webkit-fill-available;--margin-top: .1rem;--margin-bottom: .1rem;margin:0 20px}.scheduler-container .content .block .day .day-event{background:linear-gradient(162deg,#c35a8b -9%,#524b57 32%);padding:2px 2px 0;border-radius:15px}.scheduler-container .content .block .day .day-event .main_block{border-radius:15px;background:linear-gradient(90deg,#fe3c7299 -9%,#3a323f 14%);padding:8px 10px;color:#ebebf599;box-shadow:-1px -3px 8px #ffffff1a}.scheduler-container .content .block .day .day-event .main_block .show_more{width:20px;height:20px;transition:.3s;transform:rotate(-90deg)}.scheduler-container .content .block .day .day-event .main_block .time{color:var(--ion-text-color, #fff5f5)}.scheduler-container .content .block .day .day-event .main_block .free_time{font-weight:500}.scheduler-container .content .block .day .day-event .main_block .free_time .blocked{color:#fe3c72}.scheduler-container .content .block .day .day-event .main_block .event-header{cursor:pointer;display:flex;align-items:center;column-gap:10px}.scheduler-container .content .block .day .day-event .main_block .icons{display:flex;column-gap:10px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:25px;height:25px;cursor:pointer}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{transition:.3s;height:0;overflow:hidden;display:flex;justify-content:space-between;margin-top:0}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper{display:flex;align-items:center}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .schedule-title{padding-left:30px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by{border:2px solid #28252d;width:25px;height:25px;position:relative;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .profile{position:absolute;width:100%;height:100%;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .heart{width:25px;height:25px;position:absolute;top:-4px;right:-12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;flex-grow:1;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block.expanded .suggestion_items{transition:.3s;height:30px;margin-top:10px}.scheduler-container .content .block .day .day-event .main_block.expanded .show_more{transition:.3s;transform:rotate(0)}.scheduler-container .content .block .day .day-event .booked{pointer-events:none;color:var(--cyrano-pink-shade-1)}@media (max-width: 576px){.scheduler-container .title{margin-top:10px;font-size:10.25px}.scheduler-container .empty-messsage{font-size:8px}.scheduler-container .content,.scheduler-container .content .block .day{row-gap:3px}.scheduler-container .content .block .day .day_name{font-size:8px}.scheduler-container .content .block .day .day-event{margin-bottom:5px}.scheduler-container .content .block .day .day-event .main_block{padding:5px;border-radius:12px}.scheduler-container .content .block .day .day-event .main_block .show_more{width:12px;height:12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .time{margin-right:5px;font-size:12px;font-size:10px;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .suggestions-count{text-align:right;font-weight:500;line-height:9.42px;letter-spacing:.07px;font-size:8px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .free_time{font-size:10.25px}.scheduler-container .content .block .day .day-event .main_block .event-header{column-gap:5px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:10px;height:10px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{padding-left:23px;font-size:8px;letter-spacing:.07px}.scheduler-container .content .block .day .day-event .expanded .suggestion_items{height:10px;margin-top:7px}}.day-event .main_block:has(.blocked) .suggestion_items{height:0!important;margin-top:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: SectionSeparatorComponent, selector: "lib-section-separator" }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2$2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LibSchedulerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-scheduler', imports: [CommonModule, TranslateModule, SectionSeparatorComponent, SkeletonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scheduler-container\" *ngIf=\"(loading$ | async) !== true; else loadingScheduler\">\n  <div class=\"title f-lg f-gilroy-regular\" *ngIf=\"displayBookedStatuses\">{{ bookedCount }} {{ 'BOOKED' | translate }} - {{ suggestedCount }} {{ 'SUGGESTED' | translate }}</div>\n  <ng-container *ngTemplateOutlet=\"adsTemplate\"></ng-container>\n  <div class=\"content\" *ngIf=\"bookedCount > 0 || suggestedCount > 0 || displayEmptyDays; else emptyScheduler\">\n    @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n      <div class=\"block\">\n        <div class=\"day\">\n          <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n          @for (event of eventDay.events; let eventIndex = $index; track event) {\n            <div class=\"day-event\" *ngIf=\"event.suggestions?.length > 0\">\n              <div class=\"main_block\" [class.expanded]=\"event.expanded && !event.booked\">\n                <div class=\"event-header\" (click)=\"toggleExpand(dayIndex, eventIndex)\">\n                  <img src=\"assets/scheduler/arrow.svg\" class=\"show_more\" />\n                  <div class=\"time f-calistoga f-lg\">{{ event.start | date: 'h a' }}</div>\n                  <div class=\"wrapper\">\n                    <div class=\"free_time f-gilroy-regular f-md\">\n                      ~{{ event.hours }}\n                      <span [class.booked]=\"event.booked\">\n                        {{ (event.booked ? 'BOOKED' : 'FREE') | translate }}\n                      </span>\n                    </div>\n                    <div class=\"suggestions-count f-gilroy-regular f-sm\" *ngIf=\"event.suggestions?.length > 0\">\n                      <div>{{ event.suggestions.length }} {{ 'EVENT_SUGGETIONS_MSG' | translate }}</div>\n                    </div>\n                  </div>\n                </div>\n                @for (suggestion of event.suggestions; let suggestedIndex = $index; track suggestion) {\n                  <div class=\"suggestion_items\">\n                    <div class=\"suggested-by-wrapper\">\n                      @for (profile of suggestion?.profiles; track profile) {\n                        <div class=\"suggested-by\">\n                          <img class=\"profile\" [src]=\"profile?.img || 'assets/icons/default-profile.svg'\" />\n                          @if (profile?.suggested) {\n                            <img class=\"heart\" src=\"assets/scheduler/heart.svg\" />\n                          } @else if (profile?.cancelled) {\n                            <img class=\"heart\" src=\"assets/scheduler/cancel_active.svg\" />\n                          }\n                        </div>\n                      }\n                      <span class=\"schedule-title\"> {{ suggestion.title }} </span>\n                    </div>\n                    <div class=\"icons\">\n                      <img [src]=\"'assets/scheduler/cancel' + (suggestion.canceled ? '_active' : '') + '.svg'\" (click)=\"cancelSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                      <img [src]=\"'assets/scheduler/accept' + (suggestion.checked ? '_active' : '') + '.svg'\" (click)=\"acceptSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n  <ng-template #emptyScheduler>\n    <lib-section-separator></lib-section-separator>\n    <div class=\"empty-messsage messsage f-lg f-gilroy-regular\">{{ emptyMessage }}</div>\n  </ng-template>\n</div>\n\n<ng-template #loadingScheduler>\n  <div class=\"scheduler-container\">\n    <div class=\"content\">\n      @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n        <div class=\"block\">\n          <div class=\"day\">\n            <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n            <p-skeleton width=\"100%\" height=\"20px\" borderRadius=\"20px\"></p-skeleton>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".scheduler-container{position:relative;border-radius:16px}.scheduler-container .title{text-align:center;font-weight:500;margin-top:20px}.scheduler-container .empty-messsage{margin-bottom:40px}.scheduler-container .content{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block{position:relative;z-index:1}.scheduler-container .content .block .day{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block .day .day_name{color:#ebebf599;font-weight:500;display:flex;align-items:center}.scheduler-container .content .block .day .day_name lib-section-separator{width:-webkit-fill-available;--margin-top: .1rem;--margin-bottom: .1rem;margin:0 20px}.scheduler-container .content .block .day .day-event{background:linear-gradient(162deg,#c35a8b -9%,#524b57 32%);padding:2px 2px 0;border-radius:15px}.scheduler-container .content .block .day .day-event .main_block{border-radius:15px;background:linear-gradient(90deg,#fe3c7299 -9%,#3a323f 14%);padding:8px 10px;color:#ebebf599;box-shadow:-1px -3px 8px #ffffff1a}.scheduler-container .content .block .day .day-event .main_block .show_more{width:20px;height:20px;transition:.3s;transform:rotate(-90deg)}.scheduler-container .content .block .day .day-event .main_block .time{color:var(--ion-text-color, #fff5f5)}.scheduler-container .content .block .day .day-event .main_block .free_time{font-weight:500}.scheduler-container .content .block .day .day-event .main_block .free_time .blocked{color:#fe3c72}.scheduler-container .content .block .day .day-event .main_block .event-header{cursor:pointer;display:flex;align-items:center;column-gap:10px}.scheduler-container .content .block .day .day-event .main_block .icons{display:flex;column-gap:10px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:25px;height:25px;cursor:pointer}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{transition:.3s;height:0;overflow:hidden;display:flex;justify-content:space-between;margin-top:0}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper{display:flex;align-items:center}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .schedule-title{padding-left:30px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by{border:2px solid #28252d;width:25px;height:25px;position:relative;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .profile{position:absolute;width:100%;height:100%;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .heart{width:25px;height:25px;position:absolute;top:-4px;right:-12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;flex-grow:1;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block.expanded .suggestion_items{transition:.3s;height:30px;margin-top:10px}.scheduler-container .content .block .day .day-event .main_block.expanded .show_more{transition:.3s;transform:rotate(0)}.scheduler-container .content .block .day .day-event .booked{pointer-events:none;color:var(--cyrano-pink-shade-1)}@media (max-width: 576px){.scheduler-container .title{margin-top:10px;font-size:10.25px}.scheduler-container .empty-messsage{font-size:8px}.scheduler-container .content,.scheduler-container .content .block .day{row-gap:3px}.scheduler-container .content .block .day .day_name{font-size:8px}.scheduler-container .content .block .day .day-event{margin-bottom:5px}.scheduler-container .content .block .day .day-event .main_block{padding:5px;border-radius:12px}.scheduler-container .content .block .day .day-event .main_block .show_more{width:12px;height:12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .time{margin-right:5px;font-size:12px;font-size:10px;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .suggestions-count{text-align:right;font-weight:500;line-height:9.42px;letter-spacing:.07px;font-size:8px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .free_time{font-size:10.25px}.scheduler-container .content .block .day .day-event .main_block .event-header{column-gap:5px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:10px;height:10px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{padding-left:23px;font-size:8px;letter-spacing:.07px}.scheduler-container .content .block .day .day-event .expanded .suggestion_items{height:10px;margin-top:7px}}.day-event .main_block:has(.blocked) .suggestion_items{height:0!important;margin-top:0!important}\n"] }]
+            args: [{ selector: 'lib-scheduler', imports: [CommonModule, TranslateModule, SectionSeparatorComponent, SkeletonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scheduler-container\" *ngIf=\"(loading$ | async) !== true; else loadingScheduler\">\n  <div class=\"title f-lg f-gilroy-regular\" *ngIf=\"displayBookedStatuses\">{{ bookedCount }} {{ 'BOOKED' | translate }} - {{ suggestedCount }} {{ 'SUGGESTED' | translate }}</div>\n  <ng-container *ngTemplateOutlet=\"adsTemplate\"></ng-container>\n  <div class=\"content wrapper\" libDraggableScroll direction=\"vertical\" *ngIf=\"bookedCount > 0 || suggestedCount > 0 || displayEmptyDays; else emptyScheduler\">\n    @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n      <div class=\"block\">\n        <div class=\"day\">\n          <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n          @for (event of eventDay.events; let eventIndex = $index; track event) {\n            <div class=\"day-event\" *ngIf=\"event.suggestions?.length > 0\">\n              <div class=\"main_block\" [class.expanded]=\"event.expanded && !event.booked\">\n                <div class=\"event-header\" (click)=\"toggleExpand(dayIndex, eventIndex)\">\n                  <img src=\"assets/scheduler/arrow.svg\" class=\"show_more\" />\n                  <div class=\"time f-calistoga f-lg\">{{ event.start | date: 'h a' }}</div>\n                  <div class=\"wrapper\">\n                    <div class=\"free_time f-gilroy-regular f-md\">\n                      ~{{ event.hours }}\n                      <span [class.booked]=\"event.booked\">\n                        {{ (event.booked ? 'BOOKED' : 'FREE') | translate }}\n                      </span>\n                    </div>\n                    <div class=\"suggestions-count f-gilroy-regular f-sm\" *ngIf=\"event.suggestions?.length > 0\">\n                      <div>{{ event.suggestions.length }} {{ 'EVENT_SUGGETIONS_MSG' | translate }}</div>\n                    </div>\n                  </div>\n                </div>\n                @for (suggestion of event.suggestions; let suggestedIndex = $index; track suggestion) {\n                  <div class=\"suggestion_items\">\n                    <div class=\"suggested-by-wrapper\">\n                      @for (profile of suggestion?.profiles; track profile) {\n                        <div class=\"suggested-by\">\n                          <img class=\"profile\" [src]=\"profile?.img || 'assets/icons/default-profile.svg'\" />\n                          @if (profile?.suggested) {\n                            <img class=\"heart\" src=\"assets/scheduler/heart.svg\" />\n                          } @else if (profile?.cancelled) {\n                            <img class=\"heart\" src=\"assets/scheduler/cancel_active.svg\" />\n                          }\n                        </div>\n                      }\n                      <span class=\"schedule-title\"> {{ suggestion.title }} </span>\n                    </div>\n                    <div class=\"icons\">\n                      <img [src]=\"'assets/scheduler/cancel' + (suggestion.canceled ? '_active' : '') + '.svg'\" (click)=\"cancelSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                      <img [src]=\"'assets/scheduler/accept' + (suggestion.checked ? '_active' : '') + '.svg'\" (click)=\"acceptSuggestion(dayIndex, eventIndex, suggestedIndex)\" />\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  </div>\n  <ng-template #emptyScheduler>\n    <lib-section-separator></lib-section-separator>\n    <div class=\"empty-messsage messsage f-lg f-gilroy-regular\">{{ emptyMessage }}</div>\n  </ng-template>\n</div>\n\n<ng-template #loadingScheduler>\n  <div class=\"scheduler-container\">\n    <div class=\"content\">\n      @for (eventDay of eventsDays; let dayIndex = $index; track eventDay) {\n        <div class=\"block\">\n          <div class=\"day\">\n            <div class=\"day_name f-md f-gilroy-regular\">{{ eventDay.day }} <lib-section-separator></lib-section-separator></div>\n            <p-skeleton width=\"100%\" height=\"20px\" borderRadius=\"20px\"></p-skeleton>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".scheduler-container{position:relative;border-radius:16px}.scheduler-container .title{text-align:center;font-weight:500;margin-top:20px}.scheduler-container .empty-messsage{margin-bottom:40px}.scheduler-container .content{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block{position:relative;z-index:1}.scheduler-container .content .block .day{display:flex;flex-direction:column;row-gap:3px}.scheduler-container .content .block .day .day_name{color:#ebebf599;font-weight:500;display:flex;align-items:center}.scheduler-container .content .block .day .day_name lib-section-separator{width:-webkit-fill-available;--margin-top: .1rem;--margin-bottom: .1rem;margin:0 20px}.scheduler-container .content .block .day .day-event{background:linear-gradient(162deg,#c35a8b -9%,#524b57 32%);padding:2px 2px 0;border-radius:15px}.scheduler-container .content .block .day .day-event .main_block{border-radius:15px;background:linear-gradient(90deg,#fe3c7299 -9%,#3a323f 14%);padding:8px 10px;color:#ebebf599;box-shadow:-1px -3px 8px #ffffff1a}.scheduler-container .content .block .day .day-event .main_block .show_more{width:20px;height:20px;transition:.3s;transform:rotate(-90deg)}.scheduler-container .content .block .day .day-event .main_block .time{color:var(--ion-text-color, #fff5f5)}.scheduler-container .content .block .day .day-event .main_block .free_time{font-weight:500}.scheduler-container .content .block .day .day-event .main_block .free_time .blocked{color:#fe3c72}.scheduler-container .content .block .day .day-event .main_block .event-header{cursor:pointer;display:flex;align-items:center;column-gap:10px}.scheduler-container .content .block .day .day-event .main_block .icons{display:flex;column-gap:10px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:25px;height:25px;cursor:pointer}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{transition:.3s;height:0;overflow:hidden;display:flex;justify-content:space-between;margin-top:0}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper{display:flex;align-items:center}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .schedule-title{padding-left:30px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by{border:2px solid #28252d;width:25px;height:25px;position:relative;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .profile{position:absolute;width:100%;height:100%;border-radius:50%}.scheduler-container .content .block .day .day-event .main_block .suggestion_items .suggested-by-wrapper .suggested-by .heart{width:25px;height:25px;position:absolute;top:-4px;right:-12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;flex-grow:1;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block.expanded .suggestion_items{transition:.3s;height:30px;margin-top:10px}.scheduler-container .content .block .day .day-event .main_block.expanded .show_more{transition:.3s;transform:rotate(0)}.scheduler-container .content .block .day .day-event .booked{pointer-events:none;color:var(--cyrano-pink-shade-1)}@media (max-width: 576px){.scheduler-container .title{margin-top:10px;font-size:10.25px}.scheduler-container .empty-messsage{font-size:8px}.scheduler-container .content,.scheduler-container .content .block .day{row-gap:3px}.scheduler-container .content .block .day .day_name{font-size:8px}.scheduler-container .content .block .day .day-event{margin-bottom:5px}.scheduler-container .content .block .day .day-event .main_block{padding:5px;border-radius:12px}.scheduler-container .content .block .day .day-event .main_block .show_more{width:12px;height:12px}.scheduler-container .content .block .day .day-event .main_block .wrapper{flex-direction:row;display:flex;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .time{margin-right:5px;font-size:12px;font-size:10px;justify-content:space-between}.scheduler-container .content .block .day .day-event .main_block .suggestions-count{text-align:right;font-weight:500;line-height:9.42px;letter-spacing:.07px;font-size:8px;padding-right:10px}.scheduler-container .content .block .day .day-event .main_block .free_time{font-size:10.25px}.scheduler-container .content .block .day .day-event .main_block .event-header{column-gap:5px}.scheduler-container .content .block .day .day-event .main_block .icons img{width:10px;height:10px}.scheduler-container .content .block .day .day-event .main_block .suggestion_items{padding-left:23px;font-size:8px;letter-spacing:.07px}.scheduler-container .content .block .day .day-event .expanded .suggestion_items{height:10px;margin-top:7px}}.day-event .main_block:has(.blocked) .suggestion_items{height:0!important;margin-top:0!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { adsTemplate: [{
                 type: Input
             }], loading$: [{
@@ -4282,11 +4282,11 @@ class LibClientDashboardComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LibClientDashboardComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: LibClientDashboardComponent, isStandalone: true, selector: "lib-client-dashboard", inputs: { config: "config", agendaAdsData: "agendaAdsData" }, outputs: { addMessage: "addMessage", getMessages: "getMessages", bookEvent: "bookEvent", removeSuggestion: "removeSuggestion", activeIndexChange: "activeIndexChange", handleClosedAlert: "handleClosedAlert", handleAppearPopup: "handleAppearPopup" }, ngImport: i0, template: "<!-- Horizontal Agenda -->\n<div class=\"agenda-handler\" [class.height-zero]=\"isMinimizeVisual\" [class.has-ads]=\"config?.agendaAdsTemplate\">\n  <h3 class=\"agenda-title\">\n    {{ 'CLIENT_DASHBOARD.TITLES.UPCOMING_DATES' | translate }}\n    <span (click)=\"onHandleAppearPopup(alertStatusFields.upcomingDates)\"><img [width]=\"12\" [height]=\"12\" [src]=\"assetPaths.defaultIcon\" [alt]=\"item?.label + ' icon'\" /></span>\n  </h3>\n  <lib-agenda [events]=\"config?.events\" [adsTemplate]=\"config?.agendaAdsTemplate\"></lib-agenda>\n  @if (config.alertStatus.upcomingDates) {\n    <div class=\"alert-popup-agenda\" [class.opacity-zero]=\"isMinimizeVisual\">\n      <lib-alert-popup\n        [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.TITLE' | translate\"\n        [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.DESCRIPTION' | translate\"\n        (closed)=\"\n          onClosedAlert({\n            event: $event,\n            field: alertStatusFields.upcomingDates,\n          })\n        \"\n      ></lib-alert-popup>\n    </div>\n  }\n</div>\n<!-- Scheduler - Trait - Spider - Handoff -->\n<div \n  (click)=\"onClick($event)\"\n  [class.height-zero-activated]=\"isMinimizeVisual\" \n  (touchstart)=\"onTouchStart($event)\" \n  [class.has-ads]=\"!!config?.agendaAdsTemplate?.elementRef\" class=\"client-home__container\">\n  <lib-dashboard-swipeable-tabs\n    [activeIndex]=\"config?.activeTabIndex\"\n    [thumbsSwiperOptions]=\"dashboardThumbsSwiperOptions\"\n    [mainSwiperOptions]=\"mainSwiperOptions\"\n    [slideContentMaxHeight]=\"config?.slideContentMaxHeight\"\n    [bottomThumbs]=\"false\"\n    [generalSwiperHeight]=\"'100%'\"\n    [mainSwiperHeight]=\"'calc(100% - 34px)'\"\n    [thumbsSwiperHeight]=\"'34px'\"\n    [subMainSwiperHeight]=\"'100%'\"\n    (activeIndexChange)=\"onActiveTabIndexChange($event)\"\n  >\n    <ng-container thumb-slides>\n      @for (item of items; let i = $index; track item) {\n        <swiper-slide class=\"main-tab\">\n          <span\n            class=\"tab\"\n            [class.active]=\"i === config.activeTabIndex\"\n            [class.disabled]=\"item?.key === 'CHAT_HANDOFF' && !(config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff && !config.default\"\n          >\n            {{ item?.label | translate }}\n            @if (i === config.activeTabIndex) {\n              <ng-container>\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.defaultIcon\"\n                  [alt]=\"item?.label + ' info icon'\"\n                  (click)=\"item.onClickInfo()\"\n                />\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.settingsIcon\"\n                  alt=\"Settings icon\"\n                  (click)=\"onSettingsClick(); $event.stopPropagation()\"\n                  style=\"cursor: pointer;\"\n                />\n              </ng-container>\n            }\n          </span>\n        </swiper-slide>\n      }\n    </ng-container>\n    <ng-container main-slides>\n      <swiper-slide class=\"no-swiping-selector swiper__scheduler\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.chatMeetupAgenda) {\n            <div class=\"alert-popup-client-scheduler\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.chatMeetupAgenda,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeIndex,\n              clientMatches$: config?.clientMatches$,\n              schedulers$: config?.schedulers$,\n              component: components.ChatScheduler,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n            (bookEvent)=\"bookEvent?.emit($event)\"\n            (removeSuggestion)=\"removeSuggestion?.emit($event)\"\n            (addMessage)=\"handleNewMessage($event)\"\n            (getMessages)=\"getMessages.emit($event)\"\n            (activeIndexChange)=\"onActiveProspectChange($event)\"\n            (handleClosedAlert)=\"onClosedAlert($event)\"\n            (handleAppearPopup)=\"onHandleAppearPopup($event)\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileTrait) {\n            <div class=\"alert-popup-trait-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileTrait,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeChartItem,\n              clientMatches$: config?.clientMatches$,\n              component: components.ClientMatchTraitChart,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              polygonColors: config?.polygonColors,\n              spiderConfig: config?.spiderConfig,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileSpider) {\n            <div class=\"alert-popup-spider-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileSpider,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <div [class.spider-chart___active]=\"isMinimizeVisual\">\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeChartItem,\n                clientMatches$: config?.clientMatches$,\n                component: components.ClientMatchSpiderChart,\n                default: config?.default,\n                spiderConfig: config?.spiderConfig,\n                polygonColors: config?.polygonColors,\n                alertStatus: config.alertStatus,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n            ></lib-client-home>\n          </div>\n        </div>\n      </swiper-slide>\n      @if ((config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff || config.default) {\n        <swiper-slide class=\"no-swiping-selector\">\n          <div class=\"swiper__client-home\">\n            @if (config.alertStatus.chatHandoff) {\n              <div class=\"alert-popup-chat-handoff\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatHandoff,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            @if (config.alertStatus.chatProgress) {\n              <div class=\"alert-popup-chat-progress\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatProgress,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeIndex,\n                clientMatches$: config?.clientMatches$,\n                component: components.ChatHandoff,\n                default: config?.default,\n                alertStatus: config.alertStatus,\n                hideStatuses: true,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n              (addMessage)=\"handleNewMessage($event)\"\n              (getMessages)=\"getMessages?.emit($event)\"\n              (activeIndexChange)=\"onActiveProspectChange($event)\"\n            ></lib-client-home>\n          </div>\n        </swiper-slide>\n      }\n    </ng-container>\n  </lib-dashboard-swipeable-tabs>\n</div>\n", styles: [":host{--match-percentage-font-size: 1.5em;--container-sides-shadow-width: 15px;--match-percentage-value-height: 3em;position:relative}.agenda-handler{height:133px;overflow:hidden;transition:height .5s ease;position:relative}.agenda-handler.has-ads:not(.height-zero-activated){height:calc(100% - 190px)}.agenda-handler.height-zero-activated{height:100%!important}.agenda-handler .agenda-title{display:flex;width:100%;padding:0 23.5px;font-size:12px}.agenda-handler .agenda-title span{margin-left:5px}.agenda-handler lib-agenda{position:relative;display:block;width:100%;margin:auto;padding:0 5px}.agenda-handler .alert-popup-agenda{position:absolute;opacity:1;top:40px;right:40px;z-index:999;transition:opacity .3s ease}.client-home__container{height:calc(100% - 133px)}.client-home__container.has-ads{height:calc(100% - 190px)}.client-home__container>lib-swipeable-tabs{height:100%;display:block}.height-zero{height:0px}.opacity-zero{opacity:0!important;pointer-events:none}.tab{display:flex;gap:7px;padding:10px 30px;color:#fff9;cursor:pointer}.tab.active{color:#fff}.tab.disabled{opacity:.3;color:#fff9!important;pointer-events:none}.swiper__scheduler{height:100%}.swiper__scheduler lib-client-home{height:100%;display:block}.swiper__client-home{position:relative;width:100%;height:100%}.swiper__client-home .alert-popup-client-scheduler{position:absolute;z-index:999;top:100px;right:40px}.swiper__client-home .alert-popup-chat-handoff{position:absolute;z-index:999;top:40px;right:40px}.swiper__client-home .alert-popup-chat-progress{position:absolute;z-index:999;top:200px;right:40px}.swiper__client-home .alert-popup-trait-chart,.swiper__client-home .alert-popup-spider-chart{position:absolute;z-index:999;top:123px;right:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: LibChatComponentModule }, { kind: "ngmodule", type: LibAgendaModule }, { kind: "component", type: AgendaComponent, selector: "lib-agenda", inputs: ["adsTemplate", "agendaAdsData", "loading$", "startDate", "endDate", "events", "setAdsData"] }, { kind: "ngmodule", type: PipeModule }, { kind: "component", type: LibClientHomeComponent, selector: "lib-client-home", inputs: ["config"], outputs: ["activeIndexChange", "addMessage", "getMessages", "bookEvent", "removeSuggestion", "handleAppearPopup"] }, { kind: "component", type: LibDashboardSwipeableTabsComponent, selector: "lib-dashboard-swipeable-tabs", inputs: ["thumbsSwiperOptions", "mainSwiperOptions", "activeIndex", "bottomThumbs", "slideContentMaxHeight", "mainSwiperHeight", "subMainSwiperHeight", "thumbsSwiperHeight", "generalSwiperHeight"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: AlertPopupComponent, selector: "lib-alert-popup", inputs: ["title", "description", "timeState", "number"], outputs: ["closed"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: LibClientDashboardComponent, isStandalone: true, selector: "lib-client-dashboard", inputs: { config: "config", agendaAdsData: "agendaAdsData" }, outputs: { addMessage: "addMessage", getMessages: "getMessages", bookEvent: "bookEvent", removeSuggestion: "removeSuggestion", activeIndexChange: "activeIndexChange", handleClosedAlert: "handleClosedAlert", handleAppearPopup: "handleAppearPopup" }, ngImport: i0, template: "<!-- Horizontal Agenda -->\n<div class=\"agenda-handler\" [class.height-zero]=\"isMinimizeVisual\" [class.has-ads]=\"config?.agendaAdsTemplate\">\n  <h3 class=\"agenda-title\">\n    {{ 'CLIENT_DASHBOARD.TITLES.UPCOMING_DATES' | translate }}\n    <span (click)=\"onHandleAppearPopup(alertStatusFields.upcomingDates)\"><img [width]=\"12\" [height]=\"12\" [src]=\"assetPaths.defaultIcon\" [alt]=\"item?.label + ' icon'\" /></span>\n  </h3>\n  <lib-agenda [events]=\"config?.events\" [adsTemplate]=\"config?.agendaAdsTemplate\" [agendaAdsData]=\"agendaAdsData\"></lib-agenda>\n  @if (config.alertStatus.upcomingDates) {\n    <div class=\"alert-popup-agenda\" [class.opacity-zero]=\"isMinimizeVisual\">\n      <lib-alert-popup\n        [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.TITLE' | translate\"\n        [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.DESCRIPTION' | translate\"\n        (closed)=\"\n          onClosedAlert({\n            event: $event,\n            field: alertStatusFields.upcomingDates,\n          })\n        \"\n      ></lib-alert-popup>\n    </div>\n  }\n</div>\n<!-- Scheduler - Trait - Spider - Handoff -->\n<div\n  (click)=\"onClick($event)\"\n  [class.height-zero-activated]=\"isMinimizeVisual\"\n  (touchstart)=\"onTouchStart($event)\"\n  [class.has-ads]=\"!!config?.agendaAdsTemplate?.elementRef\" class=\"client-home__container\">\n  <lib-dashboard-swipeable-tabs\n    [activeIndex]=\"config?.activeTabIndex\"\n    [thumbsSwiperOptions]=\"dashboardThumbsSwiperOptions\"\n    [mainSwiperOptions]=\"mainSwiperOptions\"\n    [slideContentMaxHeight]=\"config?.slideContentMaxHeight\"\n    [bottomThumbs]=\"false\"\n    [generalSwiperHeight]=\"'100%'\"\n    [mainSwiperHeight]=\"'calc(100% - 34px)'\"\n    [thumbsSwiperHeight]=\"'34px'\"\n    [subMainSwiperHeight]=\"'100%'\"\n    (activeIndexChange)=\"onActiveTabIndexChange($event)\"\n  >\n    <ng-container thumb-slides>\n      @for (item of items; let i = $index; track item) {\n        <swiper-slide class=\"main-tab\">\n          <span\n            class=\"tab\"\n            [class.active]=\"i === config.activeTabIndex\"\n            [class.disabled]=\"item?.key === 'CHAT_HANDOFF' && !(config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff && !config.default\"\n          >\n            {{ item?.label | translate }}\n            @if (i === config.activeTabIndex) {\n              <ng-container>\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.defaultIcon\"\n                  [alt]=\"item?.label + ' info icon'\"\n                  (click)=\"item.onClickInfo()\"\n                />\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.settingsIcon\"\n                  alt=\"Settings icon\"\n                  (click)=\"onSettingsClick(); $event.stopPropagation()\"\n                  style=\"cursor: pointer;\"\n                />\n              </ng-container>\n            }\n          </span>\n        </swiper-slide>\n      }\n    </ng-container>\n    <ng-container main-slides>\n      <swiper-slide class=\"no-swiping-selector swiper__scheduler\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.chatMeetupAgenda) {\n            <div class=\"alert-popup-client-scheduler\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.chatMeetupAgenda,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeIndex,\n              clientMatches$: config?.clientMatches$,\n              schedulers$: config?.schedulers$,\n              component: components.ChatScheduler,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n            (bookEvent)=\"bookEvent?.emit($event)\"\n            (removeSuggestion)=\"removeSuggestion?.emit($event)\"\n            (addMessage)=\"handleNewMessage($event)\"\n            (getMessages)=\"getMessages.emit($event)\"\n            (activeIndexChange)=\"onActiveProspectChange($event)\"\n            (handleClosedAlert)=\"onClosedAlert($event)\"\n            (handleAppearPopup)=\"onHandleAppearPopup($event)\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileTrait) {\n            <div class=\"alert-popup-trait-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileTrait,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeChartItem,\n              clientMatches$: config?.clientMatches$,\n              component: components.ClientMatchTraitChart,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              polygonColors: config?.polygonColors,\n              spiderConfig: config?.spiderConfig,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileSpider) {\n            <div class=\"alert-popup-spider-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileSpider,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <div [class.spider-chart___active]=\"isMinimizeVisual\">\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeChartItem,\n                clientMatches$: config?.clientMatches$,\n                component: components.ClientMatchSpiderChart,\n                default: config?.default,\n                spiderConfig: config?.spiderConfig,\n                polygonColors: config?.polygonColors,\n                alertStatus: config.alertStatus,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n            ></lib-client-home>\n          </div>\n        </div>\n      </swiper-slide>\n      @if ((config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff || config.default) {\n        <swiper-slide class=\"no-swiping-selector\">\n          <div class=\"swiper__client-home\">\n            @if (config.alertStatus.chatHandoff) {\n              <div class=\"alert-popup-chat-handoff\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatHandoff,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            @if (config.alertStatus.chatProgress) {\n              <div class=\"alert-popup-chat-progress\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatProgress,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeIndex,\n                clientMatches$: config?.clientMatches$,\n                component: components.ChatHandoff,\n                default: config?.default,\n                alertStatus: config.alertStatus,\n                hideStatuses: true,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n              (addMessage)=\"handleNewMessage($event)\"\n              (getMessages)=\"getMessages?.emit($event)\"\n              (activeIndexChange)=\"onActiveProspectChange($event)\"\n            ></lib-client-home>\n          </div>\n        </swiper-slide>\n      }\n    </ng-container>\n  </lib-dashboard-swipeable-tabs>\n</div>\n", styles: [":host{--match-percentage-font-size: 1.5em;--container-sides-shadow-width: 15px;--match-percentage-value-height: 3em;position:relative}.agenda-handler{height:133px;overflow:hidden;transition:height .5s ease;position:relative}.agenda-handler.has-ads{height:fit-content}.agenda-handler.height-zero-activated{height:100%!important}.agenda-handler .agenda-title{display:flex;width:100%;padding:0 23.5px;font-size:12px}.agenda-handler .agenda-title span{margin-left:5px}.agenda-handler lib-agenda{position:relative;display:block;width:100%;margin:auto;padding:0 5px}.agenda-handler .alert-popup-agenda{position:absolute;opacity:1;top:40px;right:40px;z-index:999;transition:opacity .3s ease}.client-home__container{height:calc(100% - 133px)}.client-home__container.has-ads{height:calc(100% - 190px)}.client-home__container>lib-swipeable-tabs{height:100%;display:block}.height-zero{height:0px!important}.opacity-zero{opacity:0!important;pointer-events:none}.tab{display:flex;gap:7px;padding:10px 30px;color:#fff9;cursor:pointer}.tab.active{color:#fff}.tab.disabled{opacity:.3;color:#fff9!important;pointer-events:none}.swiper__scheduler{height:100%}.swiper__scheduler lib-client-home{height:100%;display:block}.swiper__client-home{position:relative;width:100%;height:100%}.swiper__client-home .alert-popup-client-scheduler{position:absolute;z-index:999;top:100px;right:40px}.swiper__client-home .alert-popup-chat-handoff{position:absolute;z-index:999;top:40px;right:40px}.swiper__client-home .alert-popup-chat-progress{position:absolute;z-index:999;top:200px;right:40px}.swiper__client-home .alert-popup-trait-chart,.swiper__client-home .alert-popup-spider-chart{position:absolute;z-index:999;top:123px;right:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: LibChatComponentModule }, { kind: "ngmodule", type: LibAgendaModule }, { kind: "component", type: AgendaComponent, selector: "lib-agenda", inputs: ["adsTemplate", "agendaAdsData", "loading$", "startDate", "endDate", "events", "setAdsData"] }, { kind: "ngmodule", type: PipeModule }, { kind: "component", type: LibClientHomeComponent, selector: "lib-client-home", inputs: ["config"], outputs: ["activeIndexChange", "addMessage", "getMessages", "bookEvent", "removeSuggestion", "handleAppearPopup"] }, { kind: "component", type: LibDashboardSwipeableTabsComponent, selector: "lib-dashboard-swipeable-tabs", inputs: ["thumbsSwiperOptions", "mainSwiperOptions", "activeIndex", "bottomThumbs", "slideContentMaxHeight", "mainSwiperHeight", "subMainSwiperHeight", "thumbsSwiperHeight", "generalSwiperHeight"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: SharedModule }, { kind: "component", type: AlertPopupComponent, selector: "lib-alert-popup", inputs: ["title", "description", "timeState", "number"], outputs: ["closed"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LibClientDashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-client-dashboard', imports: [CommonModule, TranslateModule, LibChatComponentModule, LibAgendaModule, PipeModule, LibClientHomeComponent, LibDashboardSwipeableTabsComponent, SharedModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Horizontal Agenda -->\n<div class=\"agenda-handler\" [class.height-zero]=\"isMinimizeVisual\" [class.has-ads]=\"config?.agendaAdsTemplate\">\n  <h3 class=\"agenda-title\">\n    {{ 'CLIENT_DASHBOARD.TITLES.UPCOMING_DATES' | translate }}\n    <span (click)=\"onHandleAppearPopup(alertStatusFields.upcomingDates)\"><img [width]=\"12\" [height]=\"12\" [src]=\"assetPaths.defaultIcon\" [alt]=\"item?.label + ' icon'\" /></span>\n  </h3>\n  <lib-agenda [events]=\"config?.events\" [adsTemplate]=\"config?.agendaAdsTemplate\"></lib-agenda>\n  @if (config.alertStatus.upcomingDates) {\n    <div class=\"alert-popup-agenda\" [class.opacity-zero]=\"isMinimizeVisual\">\n      <lib-alert-popup\n        [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.TITLE' | translate\"\n        [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.DESCRIPTION' | translate\"\n        (closed)=\"\n          onClosedAlert({\n            event: $event,\n            field: alertStatusFields.upcomingDates,\n          })\n        \"\n      ></lib-alert-popup>\n    </div>\n  }\n</div>\n<!-- Scheduler - Trait - Spider - Handoff -->\n<div \n  (click)=\"onClick($event)\"\n  [class.height-zero-activated]=\"isMinimizeVisual\" \n  (touchstart)=\"onTouchStart($event)\" \n  [class.has-ads]=\"!!config?.agendaAdsTemplate?.elementRef\" class=\"client-home__container\">\n  <lib-dashboard-swipeable-tabs\n    [activeIndex]=\"config?.activeTabIndex\"\n    [thumbsSwiperOptions]=\"dashboardThumbsSwiperOptions\"\n    [mainSwiperOptions]=\"mainSwiperOptions\"\n    [slideContentMaxHeight]=\"config?.slideContentMaxHeight\"\n    [bottomThumbs]=\"false\"\n    [generalSwiperHeight]=\"'100%'\"\n    [mainSwiperHeight]=\"'calc(100% - 34px)'\"\n    [thumbsSwiperHeight]=\"'34px'\"\n    [subMainSwiperHeight]=\"'100%'\"\n    (activeIndexChange)=\"onActiveTabIndexChange($event)\"\n  >\n    <ng-container thumb-slides>\n      @for (item of items; let i = $index; track item) {\n        <swiper-slide class=\"main-tab\">\n          <span\n            class=\"tab\"\n            [class.active]=\"i === config.activeTabIndex\"\n            [class.disabled]=\"item?.key === 'CHAT_HANDOFF' && !(config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff && !config.default\"\n          >\n            {{ item?.label | translate }}\n            @if (i === config.activeTabIndex) {\n              <ng-container>\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.defaultIcon\"\n                  [alt]=\"item?.label + ' info icon'\"\n                  (click)=\"item.onClickInfo()\"\n                />\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.settingsIcon\"\n                  alt=\"Settings icon\"\n                  (click)=\"onSettingsClick(); $event.stopPropagation()\"\n                  style=\"cursor: pointer;\"\n                />\n              </ng-container>\n            }\n          </span>\n        </swiper-slide>\n      }\n    </ng-container>\n    <ng-container main-slides>\n      <swiper-slide class=\"no-swiping-selector swiper__scheduler\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.chatMeetupAgenda) {\n            <div class=\"alert-popup-client-scheduler\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.chatMeetupAgenda,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeIndex,\n              clientMatches$: config?.clientMatches$,\n              schedulers$: config?.schedulers$,\n              component: components.ChatScheduler,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n            (bookEvent)=\"bookEvent?.emit($event)\"\n            (removeSuggestion)=\"removeSuggestion?.emit($event)\"\n            (addMessage)=\"handleNewMessage($event)\"\n            (getMessages)=\"getMessages.emit($event)\"\n            (activeIndexChange)=\"onActiveProspectChange($event)\"\n            (handleClosedAlert)=\"onClosedAlert($event)\"\n            (handleAppearPopup)=\"onHandleAppearPopup($event)\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileTrait) {\n            <div class=\"alert-popup-trait-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileTrait,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeChartItem,\n              clientMatches$: config?.clientMatches$,\n              component: components.ClientMatchTraitChart,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              polygonColors: config?.polygonColors,\n              spiderConfig: config?.spiderConfig,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileSpider) {\n            <div class=\"alert-popup-spider-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileSpider,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <div [class.spider-chart___active]=\"isMinimizeVisual\">\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeChartItem,\n                clientMatches$: config?.clientMatches$,\n                component: components.ClientMatchSpiderChart,\n                default: config?.default,\n                spiderConfig: config?.spiderConfig,\n                polygonColors: config?.polygonColors,\n                alertStatus: config.alertStatus,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n            ></lib-client-home>\n          </div>\n        </div>\n      </swiper-slide>\n      @if ((config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff || config.default) {\n        <swiper-slide class=\"no-swiping-selector\">\n          <div class=\"swiper__client-home\">\n            @if (config.alertStatus.chatHandoff) {\n              <div class=\"alert-popup-chat-handoff\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatHandoff,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            @if (config.alertStatus.chatProgress) {\n              <div class=\"alert-popup-chat-progress\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatProgress,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeIndex,\n                clientMatches$: config?.clientMatches$,\n                component: components.ChatHandoff,\n                default: config?.default,\n                alertStatus: config.alertStatus,\n                hideStatuses: true,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n              (addMessage)=\"handleNewMessage($event)\"\n              (getMessages)=\"getMessages?.emit($event)\"\n              (activeIndexChange)=\"onActiveProspectChange($event)\"\n            ></lib-client-home>\n          </div>\n        </swiper-slide>\n      }\n    </ng-container>\n  </lib-dashboard-swipeable-tabs>\n</div>\n", styles: [":host{--match-percentage-font-size: 1.5em;--container-sides-shadow-width: 15px;--match-percentage-value-height: 3em;position:relative}.agenda-handler{height:133px;overflow:hidden;transition:height .5s ease;position:relative}.agenda-handler.has-ads:not(.height-zero-activated){height:calc(100% - 190px)}.agenda-handler.height-zero-activated{height:100%!important}.agenda-handler .agenda-title{display:flex;width:100%;padding:0 23.5px;font-size:12px}.agenda-handler .agenda-title span{margin-left:5px}.agenda-handler lib-agenda{position:relative;display:block;width:100%;margin:auto;padding:0 5px}.agenda-handler .alert-popup-agenda{position:absolute;opacity:1;top:40px;right:40px;z-index:999;transition:opacity .3s ease}.client-home__container{height:calc(100% - 133px)}.client-home__container.has-ads{height:calc(100% - 190px)}.client-home__container>lib-swipeable-tabs{height:100%;display:block}.height-zero{height:0px}.opacity-zero{opacity:0!important;pointer-events:none}.tab{display:flex;gap:7px;padding:10px 30px;color:#fff9;cursor:pointer}.tab.active{color:#fff}.tab.disabled{opacity:.3;color:#fff9!important;pointer-events:none}.swiper__scheduler{height:100%}.swiper__scheduler lib-client-home{height:100%;display:block}.swiper__client-home{position:relative;width:100%;height:100%}.swiper__client-home .alert-popup-client-scheduler{position:absolute;z-index:999;top:100px;right:40px}.swiper__client-home .alert-popup-chat-handoff{position:absolute;z-index:999;top:40px;right:40px}.swiper__client-home .alert-popup-chat-progress{position:absolute;z-index:999;top:200px;right:40px}.swiper__client-home .alert-popup-trait-chart,.swiper__client-home .alert-popup-spider-chart{position:absolute;z-index:999;top:123px;right:40px}\n"] }]
+            args: [{ selector: 'lib-client-dashboard', imports: [CommonModule, TranslateModule, LibChatComponentModule, LibAgendaModule, PipeModule, LibClientHomeComponent, LibDashboardSwipeableTabsComponent, SharedModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Horizontal Agenda -->\n<div class=\"agenda-handler\" [class.height-zero]=\"isMinimizeVisual\" [class.has-ads]=\"config?.agendaAdsTemplate\">\n  <h3 class=\"agenda-title\">\n    {{ 'CLIENT_DASHBOARD.TITLES.UPCOMING_DATES' | translate }}\n    <span (click)=\"onHandleAppearPopup(alertStatusFields.upcomingDates)\"><img [width]=\"12\" [height]=\"12\" [src]=\"assetPaths.defaultIcon\" [alt]=\"item?.label + ' icon'\" /></span>\n  </h3>\n  <lib-agenda [events]=\"config?.events\" [adsTemplate]=\"config?.agendaAdsTemplate\" [agendaAdsData]=\"agendaAdsData\"></lib-agenda>\n  @if (config.alertStatus.upcomingDates) {\n    <div class=\"alert-popup-agenda\" [class.opacity-zero]=\"isMinimizeVisual\">\n      <lib-alert-popup\n        [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.TITLE' | translate\"\n        [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.UPCOMING_DATES.DESCRIPTION' | translate\"\n        (closed)=\"\n          onClosedAlert({\n            event: $event,\n            field: alertStatusFields.upcomingDates,\n          })\n        \"\n      ></lib-alert-popup>\n    </div>\n  }\n</div>\n<!-- Scheduler - Trait - Spider - Handoff -->\n<div\n  (click)=\"onClick($event)\"\n  [class.height-zero-activated]=\"isMinimizeVisual\"\n  (touchstart)=\"onTouchStart($event)\"\n  [class.has-ads]=\"!!config?.agendaAdsTemplate?.elementRef\" class=\"client-home__container\">\n  <lib-dashboard-swipeable-tabs\n    [activeIndex]=\"config?.activeTabIndex\"\n    [thumbsSwiperOptions]=\"dashboardThumbsSwiperOptions\"\n    [mainSwiperOptions]=\"mainSwiperOptions\"\n    [slideContentMaxHeight]=\"config?.slideContentMaxHeight\"\n    [bottomThumbs]=\"false\"\n    [generalSwiperHeight]=\"'100%'\"\n    [mainSwiperHeight]=\"'calc(100% - 34px)'\"\n    [thumbsSwiperHeight]=\"'34px'\"\n    [subMainSwiperHeight]=\"'100%'\"\n    (activeIndexChange)=\"onActiveTabIndexChange($event)\"\n  >\n    <ng-container thumb-slides>\n      @for (item of items; let i = $index; track item) {\n        <swiper-slide class=\"main-tab\">\n          <span\n            class=\"tab\"\n            [class.active]=\"i === config.activeTabIndex\"\n            [class.disabled]=\"item?.key === 'CHAT_HANDOFF' && !(config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff && !config.default\"\n          >\n            {{ item?.label | translate }}\n            @if (i === config.activeTabIndex) {\n              <ng-container>\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.defaultIcon\"\n                  [alt]=\"item?.label + ' info icon'\"\n                  (click)=\"item.onClickInfo()\"\n                />\n                <img\n                  [width]=\"12\"\n                  [height]=\"12\"\n                  [src]=\"assetPaths.settingsIcon\"\n                  alt=\"Settings icon\"\n                  (click)=\"onSettingsClick(); $event.stopPropagation()\"\n                  style=\"cursor: pointer;\"\n                />\n              </ng-container>\n            }\n          </span>\n        </swiper-slide>\n      }\n    </ng-container>\n    <ng-container main-slides>\n      <swiper-slide class=\"no-swiping-selector swiper__scheduler\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.chatMeetupAgenda) {\n            <div class=\"alert-popup-client-scheduler\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_MEETUP_AGENDA.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.chatMeetupAgenda,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeIndex,\n              clientMatches$: config?.clientMatches$,\n              schedulers$: config?.schedulers$,\n              component: components.ChatScheduler,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n            (bookEvent)=\"bookEvent?.emit($event)\"\n            (removeSuggestion)=\"removeSuggestion?.emit($event)\"\n            (addMessage)=\"handleNewMessage($event)\"\n            (getMessages)=\"getMessages.emit($event)\"\n            (activeIndexChange)=\"onActiveProspectChange($event)\"\n            (handleClosedAlert)=\"onClosedAlert($event)\"\n            (handleAppearPopup)=\"onHandleAppearPopup($event)\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileTrait) {\n            <div class=\"alert-popup-trait-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.FORCE_GRAPH_COMPATIBILITY.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileTrait,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <lib-client-home\n            [config]=\"{\n              schedulerAdsTemplate: config?.schedulerAdsTemplate,\n              schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n              chatAdsTemplate: config?.chatAdsTemplate,\n              chatTabAdsTemplate: config?.chatTabAdsTemplate,\n              traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n              activeIndex: config?.activeChartItem,\n              clientMatches$: config?.clientMatches$,\n              component: components.ClientMatchTraitChart,\n              default: config?.default,\n              thumbsSwiperOptions: clientHomeThumbsSwiperOptions,\n              polygonColors: config?.polygonColors,\n              spiderConfig: config?.spiderConfig,\n              alertStatus: config.alertStatus,\n              bottomThumbs: true,\n              showValueProportionLabel: false,\n              hideProgressBar: true,\n            }\"\n          ></lib-client-home>\n        </div>\n      </swiper-slide>\n      <swiper-slide class=\"no-swiping-selector\">\n        <div class=\"swiper__client-home\">\n          @if (config.alertStatus.compatibilityProfileSpider) {\n            <div class=\"alert-popup-spider-chart\">\n              <lib-alert-popup\n                [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.TITLE' | translate\"\n                [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.COMPATIBILITY_PROFILE.DESCRIPTION' | translate\"\n                (closed)=\"\n                  onClosedAlert({\n                    event: $event,\n                    field: alertStatusFields.compatibilityProfileSpider,\n                  })\n                \"\n              ></lib-alert-popup>\n            </div>\n          }\n          <div [class.spider-chart___active]=\"isMinimizeVisual\">\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeChartItem,\n                clientMatches$: config?.clientMatches$,\n                component: components.ClientMatchSpiderChart,\n                default: config?.default,\n                spiderConfig: config?.spiderConfig,\n                polygonColors: config?.polygonColors,\n                alertStatus: config.alertStatus,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n            ></lib-client-home>\n          </div>\n        </div>\n      </swiper-slide>\n      @if ((config?.clientMatches$ | async)?.[config?.activeIndex]?.showHandoff || config.default) {\n        <swiper-slide class=\"no-swiping-selector\">\n          <div class=\"swiper__client-home\">\n            @if (config.alertStatus.chatHandoff) {\n              <div class=\"alert-popup-chat-handoff\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.HANDOFF_CHAT.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatHandoff,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            @if (config.alertStatus.chatProgress) {\n              <div class=\"alert-popup-chat-progress\">\n                <lib-alert-popup\n                  [title]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.TITLE' | translate\"\n                  [description]=\"'CLIENT_DASHBOARD.ALERT_POPUP.CHAT_PROGRESS.DESCRIPTION' | translate\"\n                  (closed)=\"\n                    onClosedAlert({\n                      event: $event,\n                      field: alertStatusFields.chatProgress,\n                    })\n                  \"\n                ></lib-alert-popup>\n              </div>\n            }\n            <lib-client-home\n              [config]=\"{\n                schedulerAdsTemplate: config?.schedulerAdsTemplate,\n                schedulerTabAdsTemplate: config?.schedulerTabAdsTemplate,\n                chatAdsTemplate: config?.chatAdsTemplate,\n                chatTabAdsTemplate: config?.chatTabAdsTemplate,\n                traitVisualAdsTemplate: config?.traitVisualAdsTemplate,\n                activeIndex: config?.activeIndex,\n                clientMatches$: config?.clientMatches$,\n                component: components.ChatHandoff,\n                default: config?.default,\n                alertStatus: config.alertStatus,\n                hideStatuses: true,\n                bottomThumbs: true,\n                showValueProportionLabel: false,\n                hideProgressBar: true,\n              }\"\n              (addMessage)=\"handleNewMessage($event)\"\n              (getMessages)=\"getMessages?.emit($event)\"\n              (activeIndexChange)=\"onActiveProspectChange($event)\"\n            ></lib-client-home>\n          </div>\n        </swiper-slide>\n      }\n    </ng-container>\n  </lib-dashboard-swipeable-tabs>\n</div>\n", styles: [":host{--match-percentage-font-size: 1.5em;--container-sides-shadow-width: 15px;--match-percentage-value-height: 3em;position:relative}.agenda-handler{height:133px;overflow:hidden;transition:height .5s ease;position:relative}.agenda-handler.has-ads{height:fit-content}.agenda-handler.height-zero-activated{height:100%!important}.agenda-handler .agenda-title{display:flex;width:100%;padding:0 23.5px;font-size:12px}.agenda-handler .agenda-title span{margin-left:5px}.agenda-handler lib-agenda{position:relative;display:block;width:100%;margin:auto;padding:0 5px}.agenda-handler .alert-popup-agenda{position:absolute;opacity:1;top:40px;right:40px;z-index:999;transition:opacity .3s ease}.client-home__container{height:calc(100% - 133px)}.client-home__container.has-ads{height:calc(100% - 190px)}.client-home__container>lib-swipeable-tabs{height:100%;display:block}.height-zero{height:0px!important}.opacity-zero{opacity:0!important;pointer-events:none}.tab{display:flex;gap:7px;padding:10px 30px;color:#fff9;cursor:pointer}.tab.active{color:#fff}.tab.disabled{opacity:.3;color:#fff9!important;pointer-events:none}.swiper__scheduler{height:100%}.swiper__scheduler lib-client-home{height:100%;display:block}.swiper__client-home{position:relative;width:100%;height:100%}.swiper__client-home .alert-popup-client-scheduler{position:absolute;z-index:999;top:100px;right:40px}.swiper__client-home .alert-popup-chat-handoff{position:absolute;z-index:999;top:40px;right:40px}.swiper__client-home .alert-popup-chat-progress{position:absolute;z-index:999;top:200px;right:40px}.swiper__client-home .alert-popup-trait-chart,.swiper__client-home .alert-popup-spider-chart{position:absolute;z-index:999;top:123px;right:40px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { config: [{
                 type: Input
             }], agendaAdsData: [{