@colijnit/corecomponents_v12 261.20.15 → 261.20.16

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -9577,6 +9577,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class InputSearchComponent extends BaseInputComponent {
     searchIcon = CoreComponentsIcon.Magnifier;
+    inputSearchText;
     placeholder;
     handleKeydown = true;
     search = new EventEmitter();
@@ -9608,14 +9609,18 @@ class InputSearchComponent extends BaseInputComponent {
         this.model = model;
         this.modelChange.next(this.model);
     }
+    requestFocus() {
+        this.inputSearchText.requestFocus();
+    }
     isMobileDevice() {
         return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InputSearchComponent, isStandalone: false, selector: "co-input-search", inputs: { placeholder: "placeholder", handleKeydown: "handleKeydown", useLeftIcon: "useLeftIcon", useRightIcon: "useRightIcon", leftIconData: "leftIconData", rightIconData: "rightIconData", centerLabel: "centerLabel" }, outputs: { search: "search", isFocused: "isFocused", leftIconClick: "leftIconClick", rightIconClick: "rightIconClick" }, host: { properties: { "class.center-label": "this.centerLabel", "class.co-input-search": "this.showClass" } }, providers: [
             OverlayService
-        ], usesInheritance: true, ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "inputSearchText", first: true, predicate: ["inputText"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     <co-input-text
+      #inputText
       [ngClass]="customCssClass"
       [model]="model"
       [leftIcon]="useLeftIcon ? searchIcon : null"
@@ -9645,6 +9650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: 'co-input-search',
                     template: `
     <co-input-text
+      #inputText
       [ngClass]="customCssClass"
       [model]="model"
       [leftIcon]="useLeftIcon ? searchIcon : null"
@@ -9668,7 +9674,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], propDecorators: { placeholder: [{
+        }], propDecorators: { inputSearchText: [{
+                type: ViewChild,
+                args: ['inputText']
+            }], placeholder: [{
                 type: Input
             }], handleKeydown: [{
                 type: Input
@@ -16826,6 +16835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
 class InputScannerComponent {
     _scannerService;
+    inputSearch;
     model;
     placeholder;
     centerLabel = false;
@@ -16876,6 +16886,9 @@ class InputScannerComponent {
         this.barCodeScanned.next(this.model);
         this._blockEnterKeydown = false;
     }
+    requestFocus() {
+        this.inputSearch.requestFocus();
+    }
     _clearTimeout() {
         clearTimeout(this._keyDownTimeout);
         this._keyDownTimeout = undefined;
@@ -16884,43 +16897,45 @@ class InputScannerComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InputScannerComponent, isStandalone: false, selector: "co-input-scanner", inputs: { model: "model", placeholder: "placeholder", centerLabel: "centerLabel", useLeftIcon: "useLeftIcon", useRightIcon: "useRightIcon", leftIconData: "leftIconData", rightIconData: "rightIconData", customCssClass: "customCssClass", scannerDisabled: "scannerDisabled" }, outputs: { modelChange: "modelChange", leftIconClick: "leftIconClick", rightIconClick: "rightIconClick", search: "search", isFocused: "isFocused", barCodeScanned: "barCodeScanned" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-input-scanner": "this.showClass" } }, providers: [
             ScannerService,
             OverlayService
-        ], ngImport: i0, template: `
-    <co-input-search
-      [(model)]="model"
-      [handleKeydown]="false"
-      [customCssClass]="customCssClass"
-      [placeholder]="placeholder"
-      [centerLabel]="centerLabel"
-      [useLeftIcon]="useLeftIcon"
-      [leftIconData]="leftIconData"
-      [useRightIcon]="useRightIcon"
-      [rightIconData]="rightIconData"
-      (leftIconClick)="leftIconClick.emit($event)"
-      (rightIconClick)="rightIconClick.emit($event)"
-      (isFocused)="isFocused.emit($event)"
-    ></co-input-search>
-  `, isInline: true, dependencies: [{ kind: "component", type: InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true }], ngImport: i0, template: `
+      <co-input-search
+              #inputSearch
+              [(model)]="model"
+              [handleKeydown]="false"
+              [customCssClass]="customCssClass"
+              [placeholder]="placeholder"
+              [centerLabel]="centerLabel"
+              [useLeftIcon]="useLeftIcon"
+              [leftIconData]="leftIconData"
+              [useRightIcon]="useRightIcon"
+              [rightIconData]="rightIconData"
+              (leftIconClick)="leftIconClick.emit($event)"
+              (rightIconClick)="rightIconClick.emit($event)"
+              (isFocused)="isFocused.emit($event)"
+      ></co-input-search>
+    `, isInline: true, dependencies: [{ kind: "component", type: InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputScannerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-input-scanner',
                     template: `
-    <co-input-search
-      [(model)]="model"
-      [handleKeydown]="false"
-      [customCssClass]="customCssClass"
-      [placeholder]="placeholder"
-      [centerLabel]="centerLabel"
-      [useLeftIcon]="useLeftIcon"
-      [leftIconData]="leftIconData"
-      [useRightIcon]="useRightIcon"
-      [rightIconData]="rightIconData"
-      (leftIconClick)="leftIconClick.emit($event)"
-      (rightIconClick)="rightIconClick.emit($event)"
-      (isFocused)="isFocused.emit($event)"
-    ></co-input-search>
-  `,
+      <co-input-search
+              #inputSearch
+              [(model)]="model"
+              [handleKeydown]="false"
+              [customCssClass]="customCssClass"
+              [placeholder]="placeholder"
+              [centerLabel]="centerLabel"
+              [useLeftIcon]="useLeftIcon"
+              [leftIconData]="leftIconData"
+              [useRightIcon]="useRightIcon"
+              [rightIconData]="rightIconData"
+              (leftIconClick)="leftIconClick.emit($event)"
+              (rightIconClick)="rightIconClick.emit($event)"
+              (isFocused)="isFocused.emit($event)"
+      ></co-input-search>
+    `,
                     providers: [
                         ScannerService,
                         OverlayService
@@ -16928,7 +16943,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     encapsulation: ViewEncapsulation.None,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: ScannerService }], propDecorators: { model: [{
+        }], ctorParameters: () => [{ type: ScannerService }], propDecorators: { inputSearch: [{
+                type: ViewChild,
+                args: ['inputSearch']
+            }], model: [{
                 type: Input
             }], placeholder: [{
                 type: Input