@indigina/kendo 2.0.30 → 2.0.32

package/assets/styles/Site.scss

@@ -787,7 +787,8 @@ form :not(kendo-searchbar) > .k-input {
   bottom: 0px;
 }
 
-.k-pager-numbers .k-state-selected {
+.k-pager-numbers .k-state-selected,
+.k-pager-numbers .k-selected {
   margin-top: 0px;
   text-decoration: none;
 }

package/assets/styles/kendooveride.scss

@@ -348,7 +348,9 @@ html .km-pane-wrapper .k-header {
 }
 
 .k-state-selected,
-.k-list > .k-state-selected {
+.k-selected,
+.k-list > .k-state-selected,
+.k-list > .k-selected {
   background-color: #dce4f0 !important;
   color: #333333 !important;
   border: 0 none;
@@ -490,16 +492,24 @@ html .km-pane-wrapper .k-header {
 /*end*/
 
 .k-state-selected,
+.k-selected,
 .k-state-selected:link,
+.k-selected:link,
 .k-state-selected:visited,
+.k-selected:visited,
 .k-list > .k-state-selected,
+.k-list > .k-selected,
 .k-list > .k-state-highlight,
 .k-panel > .k-state-selected,
+.k-panel > .k-selected,
 .k-ghost-splitbar-vertical,
 .k-ghost-splitbar-horizontal,
 .k-draghandle.k-state-selected:hover,
+.k-draghandle.k-selected:hover,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
+.k-scheduler .k-scheduler-toolbar .k-selected,
 .k-scheduler .k-today.k-state-selected,
+.k-scheduler .k-today.k-selected,
 .k-marquee-color {
   background-color: #e5daf8;
   border-color: #e5daf8;
@@ -578,14 +588,21 @@ html .km-pane-wrapper .k-header {
 
 /*Arrows*/
 
-.k-pager-wrap .k-link:link {
+.k-pager-wrap .k-link:link,
+.k-pager-wrap .k-button,
+.k-pager-numbers .k-button {
   color: #5f5f5f !important;
+  background-color: transparent;
+  border-color: transparent;
 }
 
-.k-pager-wrap .k-link:hover {
+.k-pager-wrap .k-link:hover,
+.k-pager-wrap .k-button:hover,
+.k-pager-numbers .k-button:hover {
   border-color: transparent;
   color: #9766af;
   border-radius: 3px;
+  background-color: transparent;
 }
 
 /*table header arrows*/

package/assets/styles/styles-inspiria.scss

@@ -2677,7 +2677,8 @@ body.mini-navbar .navbar-static-side.open {
   border: 1px solid #36517e;
 }
 /* Kendo overrides */
-.k-pager-numbers .k-state-selected {
+.k-pager-numbers .k-state-selected,
+.k-pager-numbers .k-selected {
   border-color: #dce4f0;
   background-color: #dce4f0 !important;
   color: #486da9;

package/fesm2022/indigina-kendo.mjs

@@ -15,7 +15,7 @@ import * as i2$1 from '@progress/kendo-angular-inputs';
 import { InputsModule } from '@progress/kendo-angular-inputs';
 import * as i3$1 from '@progress/kendo-angular-label';
 import { LabelModule } from '@progress/kendo-angular-label';
-import { BehaviorSubject, Subject, of, throwError, map as map$1, from, tap as tap$1, takeUntil, switchMap } from 'rxjs';
+import { BehaviorSubject, Subject, of, throwError, map as map$1, from, tap as tap$1, switchMap, takeUntil } from 'rxjs';
 import { map, mergeMap, debounceTime, catchError, tap, filter, take, finalize } from 'rxjs/operators';
 import { toODataString, distinct, filterBy } from '@progress/kendo-data-query';
 import * as i1$1 from 'ngx-toastr';
@@ -3302,12 +3302,27 @@ class FieldMultiSelectComponent extends FieldComponent {
         this.autoClose = false;
         this.changed = new EventEmitter();
         this.destroy$ = new Subject();
+        this.reload$ = new BehaviorSubject(undefined);
         this.textField = this.textField ?? 'name';
         this.valueField = this.valueField ?? 'id';
     }
     ngOnInit() {
         super.ngOnInit();
-        this.setData();
+        this.data$ = this.reload$.pipe(switchMap(() => this.loadData()), takeUntil(this.destroy$));
+    }
+    loadData() {
+        if (this.data) {
+            return of(this.data);
+        }
+        return this.getData().pipe(tap$1((page) => this.updateControlValue(page)), map$1((page) => page.data));
+    }
+    updateControlValue(page) {
+        const data = page.data;
+        const currentValue = this.control.value || [];
+        const filteredValue = currentValue.filter((x) => data.some((d) => d.id === x));
+        if (currentValue.length !== filteredValue.length) {
+            this.control.setValue(filteredValue, { emitEvent: false });
+        }
     }
     ngOnChanges() {
         super.ngOnChanges();
@@ -3318,16 +3333,7 @@ class FieldMultiSelectComponent extends FieldComponent {
         this.destroy$.complete();
     }
     setData() {
-        if (this.data) {
-            let dataSubject = new BehaviorSubject(this.data);
-            this.data$ = dataSubject.asObservable();
-        }
-        else {
-            this.data$ = this.getData().pipe(tap$1((page) => {
-                let data = page.data;
-                this.control.setValue(this.control.value.filter((x) => data.some((d) => d.id === x)));
-            }), map$1((page) => page.data), takeUntil(this.destroy$));
-        }
+        this.reload$.next();
     }
     onPopupOpen(event) {
         if (!this.singleMode) {