slick-components 4.5.1 → 4.5.3

package/fesm2020/slick-components.mjs

@@ -53,7 +53,7 @@ class SlickInitService {
         SlickInitService.getParams().errorLog = errorLog;
     }
 }
-SlickInitService.version = "4.5.1";
+SlickInitService.version = "4.5.3";
 /** @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: [{
@@ -7362,6 +7362,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 }]
         }] });
 
+class SlickSearchBarComponent {
+    constructor() {
+        this.flex = '1 1';
+        this.onAddClick = new EventEmitter();
+        this.onEditClick = new EventEmitter();
+        this.propagateChange = (_) => { };
+    }
+    ngOnInit() {
+        this.setDefaults();
+    }
+    ngOnChanges() {
+        this.setDefaults();
+    }
+    ngAfterViewInit() {
+        if (this.autofocus)
+            this.slickSearchTextBoxRef.nativeElement.focus();
+    }
+    // Since it's possible to have this with no inputs, we need to set the inputs on both OnInit and OnChanges
+    setDefaults() {
+        this.showAddButton = (this.showAddButton ?? "true").toString().toLowerCase() === "true";
+        this.disableAddButton = (this.disableAddButton ?? "false").toString().toLowerCase() === "true";
+        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;
+        else
+            this.timeout = parseInt((this.timeout ?? '600').toString());
+    }
+    onKeyDown() {
+        clearTimeout(this.searchTimer);
+        this.searchTimer = setTimeout(() => {
+            this.propagateChange(this.searchText);
+        }, this.timeout);
+    }
+    writeValue(obj) {
+        this.searchText = obj;
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    // not used, used for touch input
+    registerOnTouched() { }
+    async onAddClicked() {
+        await SlickSleepService.sleep();
+        this.onAddClick.emit(this.searchText);
+    }
+    async onEditClicked() {
+        await SlickSleepService.sleep();
+        this.onEditClick.emit(this.searchText);
+    }
+}
+/** @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: [
+        {
+            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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "slick-search-bar", providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            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" }]
+        }], propDecorators: { flex: [{
+                type: HostBinding,
+                args: ['style.flex']
+            }], showAddButton: [{
+                type: Input
+            }], disableAddButton: [{
+                type: Input
+            }], showEditButton: [{
+                type: Input
+            }], disableEditButton: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], timeout: [{
+                type: Input
+            }], onAddClick: [{
+                type: Output
+            }], onEditClick: [{
+                type: Output
+            }], slickSearchTextBoxRef: [{
+                type: ViewChild,
+                args: ["slickSearchTextBoxRef"]
+            }] } });
+
+class SlickSearchBarModule {
+}
+/** @nocollapse */ SlickSearchBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ SlickSearchBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarModule, declarations: [SlickSearchBarComponent], imports: [CommonModule, FormsModule], exports: [SlickSearchBarComponent] });
+/** @nocollapse */ SlickSearchBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SlickSearchBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule],
+                    exports: [SlickSearchBarComponent],
+                    declarations: [SlickSearchBarComponent]
+                }]
+        }] });
+
 class SlickScreenBlockerService {
     constructor() {
         this.isVisible = false;
@@ -8643,5 +8750,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SlickAccordionComponent, SlickAccordionItemComponent, SlickAccordionItemHeaderComponent, SlickAccordionModule, SlickAutoCompleteComponent, SlickAutoCompleteListItemTemplateDirective, SlickAutoCompleteModule, SlickButtonSpinnerComponent, SlickButtonSpinnerModule, SlickCalendarComponent, SlickCalendarModule, SlickCardComponent, SlickCardHeaderComponent, SlickCardModule, SlickConfirmDialogComponent, SlickConfirmDialogModule, SlickConfirmDialogResults, SlickContainerBodyComponent, SlickContainerComponent, SlickContainerFooterComponent, SlickContainerHeaderComponent, SlickContainerModule, SlickContextMenuComponent, SlickContextMenuItemComponent, SlickContextMenuModule, SlickCurrencyMaskDirective, SlickCurrencyMaskModule, SlickCurrencyMaskOptions, SlickDatePickerComponent, SlickDatePickerModule, SlickDialogComponent, SlickDialogFooterComponent, SlickDialogModule, SlickDragDropDirective, SlickDragDropModule, SlickDraggableDirective, SlickDropDownButtonModel, SlickDropDownComponent, SlickDropDownModule, SlickDropListDirective, SlickDropListGrabDirective, SlickDropListItemDirective, SlickDropListModule, SlickEmailViewerComponent, SlickEmailViewerDialogComponent, SlickEmailViewerModule, SlickEmailerAddressModel, SlickEmailerComponent, SlickEmailerDialogComponent, SlickEmailerModel, SlickEmailerModule, SlickFileDropComponent, SlickFileDropModule, SlickFileListComponent, SlickFileListModule, SlickFileModel, SlickGoogleAddressSearchDirective, SlickGoogleAddressSearchModule, SlickGoogleMapComponent, SlickGoogleMapDialogComponent, SlickGoogleMapModule, SlickGridColumnFilterTypes, SlickGridColumnModel, SlickGridColumnSortDirection, SlickGridColumnTemplateDirective, SlickGridComponent, SlickGridFavoriteModel, SlickGridModule, SlickGridOptions, SlickGridRequestModel, SlickGridResponseModel, SlickInitParams, SlickInitService, SlickMultiSelectComponent, SlickMultiSelectModule, SlickOrderedListComponent, SlickOrderedListModule, SlickPagingComponent, SlickPagingModule, SlickPhotoGalleryComponent, SlickPhotoGalleryModel, SlickPhotoGalleryModule, SlickPickListComponent, SlickPickListModule, SlickPopoverComponent, SlickPopoverModule, SlickProfilePictureComponent, SlickProfilePictureModule, SlickProgressBarModule, SlickProgressBarService, SlickScreenBlockerModule, SlickScreenBlockerService, SlickSliderComponent, SlickSliderModule, SlickSliderTickModel, SlickSplitScreenComponent, SlickSplitScreenLeftContentComponent, SlickSplitScreenModule, SlickSplitScreenRightContentComponent, SlickStarRatingComponent, SlickStarRatingModule, SlickTabComponent, SlickTabHeaderComponent, SlickTabsComponent, SlickTabsModule, SlickToastModule, SlickToastService, SlickTreeNodeModel, SlickTreeViewComponent, SlickTreeViewModule, SlickTypeAheadDirective, SlickTypeAheadModule, SlickValidationIndicatorDirective, SlickValidationIndicatorModule, SlickValidationTypes };
+export { SlickAccordionComponent, SlickAccordionItemComponent, SlickAccordionItemHeaderComponent, SlickAccordionModule, SlickAutoCompleteComponent, SlickAutoCompleteListItemTemplateDirective, SlickAutoCompleteModule, SlickButtonSpinnerComponent, SlickButtonSpinnerModule, SlickCalendarComponent, SlickCalendarModule, SlickCardComponent, SlickCardHeaderComponent, SlickCardModule, SlickConfirmDialogComponent, SlickConfirmDialogModule, SlickConfirmDialogResults, SlickContainerBodyComponent, SlickContainerComponent, SlickContainerFooterComponent, SlickContainerHeaderComponent, SlickContainerModule, SlickContextMenuComponent, SlickContextMenuItemComponent, SlickContextMenuModule, SlickCurrencyMaskDirective, SlickCurrencyMaskModule, SlickCurrencyMaskOptions, SlickDatePickerComponent, SlickDatePickerModule, SlickDialogComponent, SlickDialogFooterComponent, SlickDialogModule, SlickDragDropDirective, SlickDragDropModule, SlickDraggableDirective, SlickDropDownButtonModel, SlickDropDownComponent, SlickDropDownModule, SlickDropListDirective, SlickDropListGrabDirective, SlickDropListItemDirective, SlickDropListModule, SlickEmailViewerComponent, SlickEmailViewerDialogComponent, SlickEmailViewerModule, SlickEmailerAddressModel, SlickEmailerComponent, SlickEmailerDialogComponent, SlickEmailerModel, SlickEmailerModule, SlickFileDropComponent, SlickFileDropModule, SlickFileListComponent, SlickFileListModule, SlickFileModel, SlickGoogleAddressSearchDirective, SlickGoogleAddressSearchModule, SlickGoogleMapComponent, SlickGoogleMapDialogComponent, SlickGoogleMapModule, SlickGridColumnFilterTypes, SlickGridColumnModel, SlickGridColumnSortDirection, SlickGridColumnTemplateDirective, SlickGridComponent, SlickGridFavoriteModel, SlickGridModule, SlickGridOptions, SlickGridRequestModel, SlickGridResponseModel, SlickInitParams, SlickInitService, SlickMultiSelectComponent, SlickMultiSelectModule, SlickOrderedListComponent, SlickOrderedListModule, SlickPagingComponent, SlickPagingModule, SlickPhotoGalleryComponent, SlickPhotoGalleryModel, SlickPhotoGalleryModule, SlickPickListComponent, SlickPickListModule, SlickPopoverComponent, SlickPopoverModule, SlickProfilePictureComponent, SlickProfilePictureModule, SlickProgressBarModule, SlickProgressBarService, SlickScreenBlockerModule, SlickScreenBlockerService, SlickSearchBarComponent, SlickSearchBarModule, SlickSliderComponent, SlickSliderModule, SlickSliderTickModel, SlickSplitScreenComponent, SlickSplitScreenLeftContentComponent, SlickSplitScreenModule, SlickSplitScreenRightContentComponent, SlickStarRatingComponent, SlickStarRatingModule, SlickTabComponent, SlickTabHeaderComponent, SlickTabsComponent, SlickTabsModule, SlickToastModule, SlickToastService, SlickTreeNodeModel, SlickTreeViewComponent, SlickTreeViewModule, SlickTypeAheadDirective, SlickTypeAheadModule, SlickValidationIndicatorDirective, SlickValidationIndicatorModule, SlickValidationTypes };
 //# sourceMappingURL=slick-components.mjs.map