@indigina/ui-kit 1.1.396 → 1.1.398

package/fesm2022/indigina-ui-kit.mjs

@@ -5,7 +5,7 @@ import { Input, ChangeDetectionStrategy, Component, input, EventEmitter, Output,
 import * as i1 from '@progress/kendo-angular-buttons';
 import { ButtonModule, ButtonGroupModule, KENDO_BUTTONS } from '@progress/kendo-angular-buttons';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
-import { map, catchError, EMPTY, forkJoin, BehaviorSubject, filter, Subject, startWith, pairwise, takeUntil, combineLatest, tap, debounceTime, distinctUntilChanged, take, switchMap, of } from 'rxjs';
+import { map, catchError, EMPTY, forkJoin, BehaviorSubject, filter, Subject, startWith, pairwise, takeUntil, combineLatest, tap, debounceTime, distinctUntilChanged, take, switchMap, of, finalize } from 'rxjs';
 import * as i1$1 from '@progress/kendo-angular-label';
 import { LabelModule, KENDO_LABELS } from '@progress/kendo-angular-label';
 import { TooltipDirective, TooltipSettings } from '@progress/kendo-angular-tooltip';
@@ -7372,7 +7372,7 @@ const kitBuildSortString = (sort, columns) => {
     }).join(', ');
     return sortString !== '' && sortString || undefined;
 };
-const kitFetchGridData = ({ store, destroyRef, isLoading, fetchAction, fetchFromIndexAction, hasArchiveToggle, }) => {
+const kitFetchGridData = ({ store, destroyRef, isLoading, fetchAction, fetchFromIndexAction, hasArchiveToggle, error, }) => {
     isLoading.set(true);
     const { skip, take, sort, filter, search, archive } = store.selectSnapshot(KIT_GRID_STATE_TOKEN);
     const gridState = {
@@ -7385,7 +7385,7 @@ const kitFetchGridData = ({ store, destroyRef, isLoading, fetchAction, fetchFrom
     const isSearchMode = hasArchiveToggle && !isArchive || !!search;
     const searchTerm = search && kitFormatStringForSearch(search) || undefined;
     const action = isSearchMode && fetchFromIndexAction({ ...gridState, searchTerm }) || fetchAction(gridState);
-    store.dispatch(action).pipe(takeUntilDestroyed(destroyRef)).subscribe(() => isLoading.set(false));
+    store.dispatch(action).pipe(takeUntilDestroyed(destroyRef), finalize(() => isLoading.set(false))).subscribe({ error });
 };
 const kitFetchExportGridData = ({ fetchAction, fetchIndexAction, sort, filter, search, columns, total, hasArchiveToggle = false, archiveModeEnabled = false, }) => {
     const isArchive = hasArchiveToggle && archiveModeEnabled || false;
@@ -10080,10 +10080,14 @@ class KitSchedulerToolbarComponent {
         }, ...(ngDevMode ? [{ debugName: "viewSettingsMap" }] : []));
     }
     onDateChange(date) {
-        this.navigate({
-            type: 'select-date',
-            date: new Date(date),
-        });
+        const today = new Date();
+        if (!date) {
+            this.navigateToDate(today);
+            return;
+        }
+        if (this.isDateWithinRange(new Date(date), today)) {
+            this.navigateToDate(new Date(date));
+        }
     }
     next() {
         this.navigate({ type: 'next' });
@@ -10107,6 +10111,20 @@ class KitSchedulerToolbarComponent {
     navigate(action) {
         this.toolbarService.navigate(action);
     }
+    navigateToDate(date) {
+        this.navigate({
+            type: 'select-date',
+            date,
+        });
+    }
+    isDateWithinRange(date, referenceDate) {
+        const yearsRange = 20;
+        const minDate = new Date(referenceDate);
+        minDate.setFullYear(referenceDate.getFullYear() - yearsRange);
+        const maxDate = new Date(referenceDate);
+        maxDate.setFullYear(referenceDate.getFullYear() + yearsRange);
+        return date >= minDate && date <= maxDate;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: KitSchedulerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: KitSchedulerToolbarComponent, isStandalone: true, selector: "kit-scheduler-toolbar", inputs: { selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", isSignal: true, isRequired: true, transformFunction: null }, selectedViewIndex: { classPropertyName: "selectedViewIndex", publicName: "selectedViewIndex", isSignal: true, isRequired: false, transformFunction: null }, showExportButton: { classPropertyName: "showExportButton", publicName: "showExportButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exportPDF: "exportPDF" }, ngImport: i0, template: "<div class=\"kit-scheduler-toolbar\">\n  <div class=\"kit-scheduler-toolbar-nav\">\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n                (clicked)=\"prev()\"\n    ></kit-button>\n    <kit-button label=\"Today\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"today()\"></kit-button>\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n                (clicked)=\"next()\">\n    </kit-button>\n  </div>\n\n  <div class=\"kit-scheduler-toolbar-views\">\n    @for (view of views(); track $index) {\n      <kit-button [type]=\"selectedViewIndex() === $index ? kitButtonType.PRIMARY : kitButtonType.TEXT\"\n                  [label]=\"viewSettingsMap()[$index].title\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onViewChange(view)\"\n      ></kit-button>\n    }\n  </div>\n\n  <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n                  [defaultDate]=\"selectedDate()\"\n                  [size]=\"kitDatepickerSize.SMALL\"\n                  [format]=\"getDatepickerFormat()\"\n                  (changed)=\"onDateChange($event)\"\n  ></kit-datepicker>\n  @if (showTimePill()) {\n    <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n      GMT standard time\n    </kit-pill>\n  }\n\n  @if (showExportButton()) {\n    <kit-button kitTooltip\n                kitTooltipFilter=\"kit-button\"\n                [title]=\"'kit.export.title' | translate\"\n                [disabled]=\"isLoading()\"\n                [icon]=\"kitSvgIcon.DOWNLOAD\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"exportPDF.emit()\" />\n  }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-views{display:flex;align-items:center}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitDatepickerComponent, selector: "kit-datepicker", inputs: ["placeholder", "label", "labelTooltip", "defaultDate", "disabled", "format", "min", "max", "messageIcon", "messageText", "size", "readonly"], outputs: ["defaultDateChange", "disabledChange", "changed"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }