Check selection limit when limit changes (#12797)

src/app/components/multiselect/multiselect.ts

@@ -450,11 +450,6 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft
      * @group Props
      */
     @Input() maxSelectedLabels: number = 3;
-    /**
-     * Number of maximum options that can be selected.
-     * @group Props
-     */
-    @Input() selectionLimit: number | undefined;
     /**
      * Label to display after exceeding max selected labels e.g. ({0} items selected), defaults "ellipsis" keyword to indicate a text-overflow.
      * @group Props
@@ -705,6 +700,17 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft
         this._itemSize = val;
         console.warn('The itemSize property is deprecated, use virtualScrollItemSize property instead.');
     }
+    /**
+     * Number of maximum options that can be selected.
+     * @group Props
+     */
+    @Input() get selectionLimit(): number | undefined {
+        return this._selectionLimit;
+    }
+    set selectionLimit(val: number | undefined) {
+        this._selectionLimit = val;
+        this.checkSelectionLimit();
+    }
 
     @ViewChild('container') containerViewChild: Nullable<ElementRef>;
 
@@ -796,6 +802,8 @@ export class MultiSelect implements OnInit, AfterViewInit, AfterContentInit, Aft
 
     _itemSize: number | undefined;
 
+    _selectionLimit: number | undefined;
+
     public value: any[] | undefined | null;
 
     public _filteredOptions: any[] | undefined | null;