@naniteninja/dashboard-components-lib 2.1.35 → 2.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -587,11 +587,11 @@ class AgendaComponent {
|
|
|
587
587
|
return result;
|
|
588
588
|
}
|
|
589
589
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AgendaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
590
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: AgendaComponent, isStandalone: false, selector: "lib-agenda", inputs: { adsTemplate: "adsTemplate", agendaAdsData: "agendaAdsData", loading$: "loading$", startDate: "startDate", endDate: "endDate", events: "events", setAdsData: "setAdsData" }, ngImport: i0, template: "<div class=\"agenda-container\" [class.container-sides-shadow]=\"numberOfEvents > 2\" [class.loading]=\"loading$ | async\">\n <div [class.has-ads]=\"agendaAdsData?.length > 0\">\n <div class=\"wrapper\" libDraggableScroll [direction]=\"direction\" [ngClass]=\"{ 'single-event': numberOfEvents === 1, 'no-events': numberOfEvents === 0 }\">\n @for (item of combinedAgendaItems; track $index) {\n @switch (item.type) {\n @case ('day') {\n <lib-agenda-day-card [day]=\"item.data\" [class.has-event]=\"!!item.data.startTime || !!item.data.endTime || !!item.data.user\" [class.hidden-day]=\"item.data.empty\"></lib-agenda-day-card>\n }\n\n @case ('ad') {\n <div class=\"ad-interspersed-container\">\n <ng-container *ngTemplateOutlet=\"adsTemplate; context: { ad: item.data }\"></ng-container>\n </div>\n }\n }\n }\n </div>\n </div>\n</div>\n", styles: [":host{--eventCardWidth: 71px;--eventCardWidthMobile: 66px;--agendaDays: 14;--hiddenDayWidth: 38px;--container-sides-shadow-width: 0px}.agenda-container{position:relative;padding-top:0;margin-top:0;display:block;width:100%;height:auto}.agenda-container.loading{opacity:.5;pointer-events:none}.agenda-container.container-sides-shadow:before,.agenda-container.container-sides-shadow:after{display:none;background:none;content:none}.agenda-container .has-ads{display:flex;gap:5px}.agenda-container .wrapper{display:flex;position:relative;max-width:100%;width:100
|
|
590
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: AgendaComponent, isStandalone: false, selector: "lib-agenda", inputs: { adsTemplate: "adsTemplate", agendaAdsData: "agendaAdsData", loading$: "loading$", startDate: "startDate", endDate: "endDate", events: "events", setAdsData: "setAdsData" }, ngImport: i0, template: "<div class=\"agenda-container\" [class.container-sides-shadow]=\"numberOfEvents > 2\" [class.loading]=\"loading$ | async\">\n <div [class.has-ads]=\"agendaAdsData?.length > 0\">\n <div class=\"wrapper\" libDraggableScroll [direction]=\"direction\" [ngClass]=\"{ 'single-event': numberOfEvents === 1, 'no-events': numberOfEvents === 0 }\">\n @for (item of combinedAgendaItems; track $index) {\n @switch (item.type) {\n @case ('day') {\n <lib-agenda-day-card [day]=\"item.data\" [class.has-event]=\"!!item.data.startTime || !!item.data.endTime || !!item.data.user\" [class.hidden-day]=\"item.data.empty\"></lib-agenda-day-card>\n }\n\n @case ('ad') {\n <div class=\"ad-interspersed-container\">\n <ng-container *ngTemplateOutlet=\"adsTemplate; context: { ad: item.data }\"></ng-container>\n </div>\n }\n }\n }\n </div>\n </div>\n</div>\n", styles: [":host{--eventCardWidth: 71px;--eventCardWidthMobile: 66px;--agendaDays: 14;--hiddenDayWidth: 38px;--container-sides-shadow-width: 0px}.agenda-container{position:relative;padding-top:0;margin-top:0;display:block;width:100%;height:auto}.agenda-container.loading{opacity:.5;pointer-events:none}.agenda-container.container-sides-shadow:before,.agenda-container.container-sides-shadow:after{display:none;background:none;content:none}.agenda-container .has-ads{display:flex;gap:5px}.agenda-container .wrapper{display:flex;position:relative;max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.agenda-container .wrapper::-webkit-scrollbar{display:none}.agenda-container .wrapper lib-agenda-day-card{margin:0 4px}.agenda-container .wrapper lib-agenda-day-card.has-event{min-width:var(--eventCardWidth)}.agenda-container .wrapper lib-agenda-day-card.hidden-day{margin-left:1px;margin-right:1px;min-width:var(--hiddenDayWidth)}.agenda-container .wrapper lib-agenda-day-card:first-child{margin-left:0!important}.agenda-container .wrapper.single-event lib-agenda-day-card:not(.has-event){min-width:calc((100% - var(--eventCardWidth)) / (var(--agendaDays) - 1) - 5px)}.agenda-container .wrapper.no-events lib-agenda-day-card:not(.has-event){min-width:calc(100% / var(--agendaDays) - 1px)}@media screen and (max-width: 400px){.agenda-container .wrapper lib-agenda-day-card.has-event{min-width:var(--eventCardWidthMobile)}.agenda-container .wrapper.single-event lib-agenda-day-card:not(.has-event){min-width:calc((100% - var(--eventCardWidthMobile)) / var(--agendaDays) - 5px)}.agenda-container .wrapper.single-event lib-agenda-day-card:not(.has-event).hidden-day{margin:0;min-width:calc((100% - var(--eventCardWidthMobile)) / var(--agendaDays) - 6px)}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.DraggableScrollDirective, selector: "[libDraggableScroll]", inputs: ["includeSidePadding", "direction"] }, { kind: "component", type: AgendaDayCardComponent, selector: "lib-agenda-day-card", inputs: ["adDay", "day"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
591
591
|
}
|
|
592
592
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AgendaComponent, decorators: [{
|
|
593
593
|
type: Component,
|
|
594
|
-
args: [{ selector: 'lib-agenda', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"agenda-container\" [class.container-sides-shadow]=\"numberOfEvents > 2\" [class.loading]=\"loading$ | async\">\n <div [class.has-ads]=\"agendaAdsData?.length > 0\">\n <div class=\"wrapper\" libDraggableScroll [direction]=\"direction\" [ngClass]=\"{ 'single-event': numberOfEvents === 1, 'no-events': numberOfEvents === 0 }\">\n @for (item of combinedAgendaItems; track $index) {\n @switch (item.type) {\n @case ('day') {\n <lib-agenda-day-card [day]=\"item.data\" [class.has-event]=\"!!item.data.startTime || !!item.data.endTime || !!item.data.user\" [class.hidden-day]=\"item.data.empty\"></lib-agenda-day-card>\n }\n\n @case ('ad') {\n <div class=\"ad-interspersed-container\">\n <ng-container *ngTemplateOutlet=\"adsTemplate; context: { ad: item.data }\"></ng-container>\n </div>\n }\n }\n }\n </div>\n </div>\n</div>\n", styles: [":host{--eventCardWidth: 71px;--eventCardWidthMobile: 66px;--agendaDays: 14;--hiddenDayWidth: 38px;--container-sides-shadow-width: 0px}.agenda-container{position:relative;padding-top:0;margin-top:0;display:block;width:100%;height:auto}.agenda-container.loading{opacity:.5;pointer-events:none}.agenda-container.container-sides-shadow:before,.agenda-container.container-sides-shadow:after{display:none;background:none;content:none}.agenda-container .has-ads{display:flex;gap:5px}.agenda-container .wrapper{display:flex;position:relative;max-width:100%;width:100
|
|
594
|
+
args: [{ selector: 'lib-agenda', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"agenda-container\" [class.container-sides-shadow]=\"numberOfEvents > 2\" [class.loading]=\"loading$ | async\">\n <div [class.has-ads]=\"agendaAdsData?.length > 0\">\n <div class=\"wrapper\" libDraggableScroll [direction]=\"direction\" [ngClass]=\"{ 'single-event': numberOfEvents === 1, 'no-events': numberOfEvents === 0 }\">\n @for (item of combinedAgendaItems; track $index) {\n @switch (item.type) {\n @case ('day') {\n <lib-agenda-day-card [day]=\"item.data\" [class.has-event]=\"!!item.data.startTime || !!item.data.endTime || !!item.data.user\" [class.hidden-day]=\"item.data.empty\"></lib-agenda-day-card>\n }\n\n @case ('ad') {\n <div class=\"ad-interspersed-container\">\n <ng-container *ngTemplateOutlet=\"adsTemplate; context: { ad: item.data }\"></ng-container>\n </div>\n }\n }\n }\n </div>\n </div>\n</div>\n", styles: [":host{--eventCardWidth: 71px;--eventCardWidthMobile: 66px;--agendaDays: 14;--hiddenDayWidth: 38px;--container-sides-shadow-width: 0px}.agenda-container{position:relative;padding-top:0;margin-top:0;display:block;width:100%;height:auto}.agenda-container.loading{opacity:.5;pointer-events:none}.agenda-container.container-sides-shadow:before,.agenda-container.container-sides-shadow:after{display:none;background:none;content:none}.agenda-container .has-ads{display:flex;gap:5px}.agenda-container .wrapper{display:flex;position:relative;max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.agenda-container .wrapper::-webkit-scrollbar{display:none}.agenda-container .wrapper lib-agenda-day-card{margin:0 4px}.agenda-container .wrapper lib-agenda-day-card.has-event{min-width:var(--eventCardWidth)}.agenda-container .wrapper lib-agenda-day-card.hidden-day{margin-left:1px;margin-right:1px;min-width:var(--hiddenDayWidth)}.agenda-container .wrapper lib-agenda-day-card:first-child{margin-left:0!important}.agenda-container .wrapper.single-event lib-agenda-day-card:not(.has-event){min-width:calc((100% - var(--eventCardWidth)) / (var(--agendaDays) - 1) - 5px)}.agenda-container .wrapper.no-events lib-agenda-day-card:not(.has-event){min-width:calc(100% / var(--agendaDays) - 1px)}@media screen and (max-width: 400px){.agenda-container .wrapper lib-agenda-day-card.has-event{min-width:var(--eventCardWidthMobile)}.agenda-container .wrapper.single-event lib-agenda-day-card:not(.has-event){min-width:calc((100% - var(--eventCardWidthMobile)) / var(--agendaDays) - 5px)}.agenda-container .wrapper.single-event lib-agenda-day-card:not(.has-event).hidden-day{margin:0;min-width:calc((100% - var(--eventCardWidthMobile)) / var(--agendaDays) - 6px)}}\n"] }]
|
|
595
595
|
}], propDecorators: { adsTemplate: [{
|
|
596
596
|
type: Input
|
|
597
597
|
}], agendaAdsData: [{
|
|
@@ -9519,7 +9519,12 @@ class ClientViewportComponent {
|
|
|
9519
9519
|
}
|
|
9520
9520
|
}
|
|
9521
9521
|
applyConfig() {
|
|
9522
|
-
const
|
|
9522
|
+
const incoming = this.config;
|
|
9523
|
+
const hasIncomingValues = !!incoming &&
|
|
9524
|
+
typeof incoming === 'object' &&
|
|
9525
|
+
!Array.isArray(incoming) &&
|
|
9526
|
+
Object.keys(incoming).length > 0;
|
|
9527
|
+
const config = hasIncomingValues ? this.config : defaultClientViewportConfig;
|
|
9523
9528
|
this.upcomingEvents = config.upcomingEvents ?? defaultClientViewportConfig.upcomingEvents ?? [];
|
|
9524
9529
|
this.spiderConfig = config.spiderConfig ?? defaultClientViewportConfig.spiderConfig ?? { ...defaultSpiderConfig };
|
|
9525
9530
|
this.spiderDatasets = config.spiderDatasets ?? defaultClientViewportConfig.spiderDatasets ?? [];
|
|
@@ -9542,13 +9547,14 @@ class ClientViewportComponent {
|
|
|
9542
9547
|
this.handoffDatePrepConfig = config.handoffDatePrepConfig ?? defaultClientViewportConfig.handoffDatePrepConfig;
|
|
9543
9548
|
this.chatCompatibilityConfig = config.chatCompatibilityConfig ?? defaultClientViewportConfig.chatCompatibilityConfig;
|
|
9544
9549
|
this.profileComparisonConfig = config.profileComparisonConfig ?? defaultClientViewportConfig.profileComparisonConfig;
|
|
9545
|
-
|
|
9546
|
-
|
|
9547
|
-
const
|
|
9550
|
+
const homeCfg = config.clientHomeConfig ?? defaultClientViewportConfig.clientHomeConfig;
|
|
9551
|
+
if (homeCfg) {
|
|
9552
|
+
const nextMainSwiperHeight = homeCfg.mainSwiperHeight ?? this.clientHomeConfig.mainSwiperHeight ?? '0px';
|
|
9553
|
+
const nextSubMainSwiperHeight = homeCfg.subMainSwiperHeight ?? this.clientHomeConfig.subMainSwiperHeight ?? '0px';
|
|
9548
9554
|
this.clientHomeConfig = {
|
|
9549
9555
|
...this.clientHomeConfig,
|
|
9550
|
-
...
|
|
9551
|
-
clientMatches$:
|
|
9556
|
+
...homeCfg,
|
|
9557
|
+
clientMatches$: homeCfg.clientMatches$ ?? this.clientMatches$,
|
|
9552
9558
|
mainSwiperHeight: nextMainSwiperHeight,
|
|
9553
9559
|
subMainSwiperHeight: nextSubMainSwiperHeight,
|
|
9554
9560
|
};
|