slick-components 4.5.3 → 4.5.5

package/fesm2020/slick-components.mjs

@@ -53,7 +53,7 @@ class SlickInitService {
         SlickInitService.getParams().errorLog = errorLog;
     }
 }
-SlickInitService.version = "4.5.3";
+SlickInitService.version = "4.5.5";
 /** @nocollapse */ SlickInitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickInitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 /** @nocollapse */ SlickInitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickInitService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickInitService, decorators: [{
@@ -7386,16 +7386,16 @@ class SlickSearchBarComponent {
         this.showEditButton = (this.showEditButton ?? "true").toString().toLowerCase() === "true";
         this.disableEditButton = (this.disableEditButton ?? "false").toString().toLowerCase() === "true";
         this.autofocus = (this.autofocus ?? "true").toString().toLowerCase() === "true";
-        if (isNaN(this.timeout))
-            this.timeout = 600;
+        if (isNaN(this.delay))
+            this.delay = 600;
         else
-            this.timeout = parseInt((this.timeout ?? '600').toString());
+            this.delay = parseInt((this.delay ?? '600').toString());
     }
     onKeyDown() {
         clearTimeout(this.searchTimer);
         this.searchTimer = setTimeout(() => {
             this.propagateChange(this.searchText);
-        }, this.timeout);
+        }, this.delay);
     }
     writeValue(obj) {
         this.searchText = obj;
@@ -7415,13 +7415,13 @@ class SlickSearchBarComponent {
     }
 }
 /** @nocollapse */ SlickSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ SlickSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SlickSearchBarComponent, selector: "slick-search-bar", inputs: { showAddButton: "showAddButton", disableAddButton: "disableAddButton", showEditButton: "showEditButton", disableEditButton: "disableEditButton", autofocus: "autofocus", timeout: "timeout" }, outputs: { onAddClick: "onAddClick", onEditClick: "onEditClick" }, host: { properties: { "style.flex": "this.flex" } }, providers: [
+/** @nocollapse */ SlickSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SlickSearchBarComponent, selector: "slick-search-bar", inputs: { showAddButton: "showAddButton", disableAddButton: "disableAddButton", showEditButton: "showEditButton", disableEditButton: "disableEditButton", autofocus: "autofocus", delay: "delay" }, outputs: { onAddClick: "onAddClick", onEditClick: "onEditClick" }, host: { properties: { "style.flex": "this.flex" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef((() => SlickSearchBarComponent)),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "slickSearchTextBoxRef", first: true, predicate: ["slickSearchTextBoxRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-search-bar border d-flex flex-fill\">\r\n\t<button type=\"button\" class=\"btn btn-link px-0 ml-3\" disabled=\"disabled\"><i class=\"far fa-search\" style=\"font-size: .8em;\"></i></button>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div *ngIf=\"showAddButton\" class=\"ml-2\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showEditButton\" class=\"ml-2\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    ], viewQueries: [{ propertyName: "slickSearchTextBoxRef", first: true, predicate: ["slickSearchTextBoxRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"slick-search-bar border d-flex flex-fill bg-white\">\r\n\t<button type=\"button\" class=\"btn btn-link px-0 ml-3\" disabled=\"disabled\"><i class=\"far fa-search\" style=\"font-size: .8em;\"></i></button>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div class=\"slick-search-bar_add-button ml-2\" *ngIf=\"showAddButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div class=\"slick-search-bar_edit-button ml-2\" *ngIf=\"showEditButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarComponent, decorators: [{
             type: Component,
             args: [{ selector: "slick-search-bar", providers: [
@@ -7430,7 +7430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                             useExisting: forwardRef((() => SlickSearchBarComponent)),
                             multi: true
                         }
-                    ], template: "<div class=\"slick-search-bar border d-flex flex-fill\">\r\n\t<button type=\"button\" class=\"btn btn-link px-0 ml-3\" disabled=\"disabled\"><i class=\"far fa-search\" style=\"font-size: .8em;\"></i></button>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div *ngIf=\"showAddButton\" class=\"ml-2\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div *ngIf=\"showEditButton\" class=\"ml-2\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n" }]
+                    ], template: "<div class=\"slick-search-bar border d-flex flex-fill bg-white\">\r\n\t<button type=\"button\" class=\"btn btn-link px-0 ml-3\" disabled=\"disabled\"><i class=\"far fa-search\" style=\"font-size: .8em;\"></i></button>\r\n\t<input #slickSearchTextBoxRef type=\"text\" class=\"form-control\" [(ngModel)]=\"searchText\" (keydown)=\"onKeyDown()\" />\r\n\t<div *ngIf=\"(showAddButton || showEditButton)\" class=\"d-flex\">\r\n\t\t<div class=\"slick-search-bar_add-button ml-2\" *ngIf=\"showAddButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableAddButton\" (click)=\"onAddClicked()\"><i class=\"far fa-plus\"></i></button>\r\n\t\t</div>\r\n\t\t<div class=\"slick-search-bar_edit-button ml-2\" *ngIf=\"showEditButton\">\r\n\t\t\t<button type=\"button\" class=\"btn btn-link px-0\" [disabled]=\"disableEditButton\" (click)=\"onEditClicked()\"><i class=\"far fa-pencil\"></i></button>\r\n\t\t</div>\r\n\t</div>\r\n\t<div style=\"width: 20px\"></div>\r\n</div>\r\n" }]
         }], propDecorators: { flex: [{
                 type: HostBinding,
                 args: ['style.flex']
@@ -7444,7 +7444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: Input
             }], autofocus: [{
                 type: Input
-            }], timeout: [{
+            }], delay: [{
                 type: Input
             }], onAddClick: [{
                 type: Output