@indigina/ui-kit 1.1.269 → 1.1.271

package/fesm2022/indigina-ui-kit.mjs

@@ -3304,17 +3304,15 @@ class KitPermissionDirective {
         /**
          * Defines the permissions that a user must have in order for the content to be visible
          */
-        this.kitPermission = [];
+        this.kitPermission = input([], ...(ngDevMode ? [{ debugName: "kitPermission" }] : []));
         /**
          * Defines the permissions assigned to the user
          */
-        this.kitPermissionUser = [];
+        this.kitPermissionUser = input([], ...(ngDevMode ? [{ debugName: "kitPermissionUser" }] : []));
+        effect(() => this.updateView(this.kitPermission(), this.kitPermissionUser()));
     }
-    ngOnInit() {
-        this.updateView();
-    }
-    updateView() {
-        if (this.hasPermissions(this.kitPermission, this.kitPermissionUser)) {
+    updateView(permissions, userPermissions) {
+        if (this.hasPermissions(permissions, userPermissions)) {
             this.viewContainer.createEmbeddedView(this.templateRef);
             return;
         }
@@ -3324,18 +3322,14 @@ class KitPermissionDirective {
         return permissions.map(permission => userPermissions.includes(permission)).every(Boolean);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitPermissionDirective, isStandalone: true, selector: "[kitPermission]", inputs: { kitPermission: "kitPermission", kitPermissionUser: "kitPermissionUser" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: KitPermissionDirective, isStandalone: true, selector: "[kitPermission]", inputs: { kitPermission: { classPropertyName: "kitPermission", publicName: "kitPermission", isSignal: true, isRequired: false, transformFunction: null }, kitPermissionUser: { classPropertyName: "kitPermissionUser", publicName: "kitPermissionUser", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kitPermission]',
                 }]
-        }], propDecorators: { kitPermission: [{
-                type: Input
-            }], kitPermissionUser: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 const expandCollapseAnimation = (property) => trigger(`${property}ExpandCollapseAnimation`, [
     state('void', style({
@@ -8412,7 +8406,7 @@ class KitGridSearchComponent {
         this.gridState$ = this.store.select(KIT_GRID_STATE_TOKEN);
     }
     ngAfterViewInit() {
-        this.kitSearchBarComponent().changed.pipe(debounceTime(500), switchMap(value => value && this.store.dispatch(new SetGridSearch(value)) || this.store.dispatch(new RemoveGridSearch()))).subscribe(() => {
+        this.kitSearchBarComponent().changed.pipe(debounceTime(500), map(value => value.trim()), switchMap(value => value && this.store.dispatch(new SetGridSearch(value)) || this.store.dispatch(new RemoveGridSearch()))).subscribe(() => {
             this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN));
         });
     }