@wlcm/angular 19.2.5 → 22.0.1

package/search-field/fesm2022/wlcm-angular-search-field.mjs

@@ -1,49 +1,44 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { input, model, signal, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { DEFAULT_QUERY_PARAMS, WlcmIconName, WlcmIconDirective } from '@wlcm/angular/core';
-import { BehaviorSubject, skip, debounceTime } from 'rxjs';
-import { CommonModule } from '@angular/common';
+import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { skip, debounceTime } from 'rxjs';
 import * as i1 from '@wlcm/angular/forms';
 import { WlcmFormsModule } from '@wlcm/angular/forms';
+import { CommonModule } from '@angular/common';
 
 class WlcmSearchFieldComponent {
     constructor() {
-        this.placeholder = 'Search by';
-        this.queryParams = { ...DEFAULT_QUERY_PARAMS };
-        this.queryParamsChange = new EventEmitter();
-        this._inputValue$ = new BehaviorSubject('');
+        this.placeholder = input('Search by', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        this.queryParams = model({ ...DEFAULT_QUERY_PARAMS }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "queryParams" }] : /* istanbul ignore next */ []));
+        this._inputValue = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_inputValue" }] : /* istanbul ignore next */ []));
         this.WlcmIconName = WlcmIconName;
+        toObservable(this._inputValue)
+            .pipe(skip(1), debounceTime(400), takeUntilDestroyed())
+            .subscribe((query) => {
+            this.queryParams.set({ ...this.queryParams(), page: 1, query });
+        });
     }
     ngOnInit() {
-        this._inputValue$.next(this.queryParams.query);
-        this.handleInputValue();
-    }
-    handleInputValue() {
-        this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query) => {
-            this.queryParams = { ...this.queryParams, page: 1, query };
-            this.queryParamsChange.emit(this.queryParams);
-        });
+        this._inputValue.set(this.queryParams().query);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field", inputs: ["displayErrorMessages"] }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { queryParams: "queryParamsChange" }, host: { classAttribute: "wlcm-search-field" }, ngImport: i0, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder()\"\n    [value]=\"queryParams().query\"\n    (input)=\"_inputValue.set(field.value)\"\n  />\n</wlcm-form-field>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: WlcmFormsModule }, { kind: "component", type: i1.WlcmFormFieldComponent, selector: "wlcm-form-field", inputs: ["displayErrorMessages"] }, { kind: "directive", type: i1.WlcmInputDirective, selector: "[wlcmInput]" }, { kind: "directive", type: i1.WlcmFormFieldPrefixDirective, selector: "[wlcmFormFieldPrefix]" }, { kind: "directive", type: WlcmIconDirective, selector: "[wlcmIcon]", inputs: ["wlcmIcon", "wlcmIconStopPropagation"], outputs: ["wlcmIconClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wlcm-search-field', standalone: true, host: { class: 'wlcm-search-field' }, imports: [CommonModule, WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n" }]
-        }], propDecorators: { placeholder: [{
-                type: Input
-            }], queryParams: [{
-                type: Input
-            }], queryParamsChange: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'wlcm-search-field', host: { class: 'wlcm-search-field' }, imports: [WlcmFormsModule, WlcmIconDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder()\"\n    [value]=\"queryParams().query\"\n    (input)=\"_inputValue.set(field.value)\"\n  />\n</wlcm-form-field>\n" }]
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], queryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParams", required: false }] }, { type: i0.Output, args: ["queryParamsChange"] }] } });
 
 class WlcmSearchFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmSearchFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent], exports: [WlcmSearchFieldComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WlcmSearchFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent], exports: [WlcmSearchFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: WlcmSearchFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: WlcmSearchFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/search-field/fesm2022/wlcm-angular-search-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"wlcm-angular-search-field.mjs","sources":["../../../../modules/search-field/src/lib/components/search-field/search-field.component.ts","../../../../modules/search-field/src/lib/components/search-field/search-field.component.html","../../../../modules/search-field/src/lib/search-field.module.ts","../../../../modules/search-field/src/wlcm-angular-search-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { DEFAULT_QUERY_PARAMS, WlcmIconDirective, WlcmIconName } from '@wlcm/angular/core';\nimport { BehaviorSubject, debounceTime, skip } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { WlcmFormsModule } from '@wlcm/angular/forms';\nimport { WlcmQueryParams } from '@wlcm/common';\n\n@Component({\n  selector: 'wlcm-search-field',\n  standalone: true,\n  host: { class: 'wlcm-search-field' },\n  imports: [CommonModule, WlcmFormsModule, WlcmIconDirective],\n  templateUrl: './search-field.component.html',\n  styleUrls: ['./search-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmSearchFieldComponent implements OnInit {\n  @Input() placeholder: string = 'Search by';\n\n  @Input() queryParams: WlcmQueryParams = { ...DEFAULT_QUERY_PARAMS };\n\n  @Output() queryParamsChange: EventEmitter<WlcmQueryParams> = new EventEmitter();\n\n  readonly _inputValue$: BehaviorSubject<string> = new BehaviorSubject('');\n\n  readonly WlcmIconName = WlcmIconName;\n\n  ngOnInit(): void {\n    this._inputValue$.next(this.queryParams.query);\n\n    this.handleInputValue();\n  }\n\n  private handleInputValue(): void {\n    this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query: string) => {\n      this.queryParams = { ...this.queryParams, page: 1, query };\n\n      this.queryParamsChange.emit(this.queryParams);\n    });\n  }\n}\n","<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</wlcm-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmSearchFieldComponent } from './components/search-field/search-field.component';\n@NgModule({\n  declarations: [],\n  imports: [CommonModule, WlcmSearchFieldComponent],\n  exports: [WlcmSearchFieldComponent],\n})\nexport class WlcmSearchFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wlcm-angular-search-field.mjs","sources":["../../../../modules/search-field/src/lib/components/search-field/search-field.component.ts","../../../../modules/search-field/src/lib/components/search-field/search-field.component.html","../../../../modules/search-field/src/lib/search-field.module.ts","../../../../modules/search-field/src/wlcm-angular-search-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, input, model, signal } from '@angular/core';\nimport { DEFAULT_QUERY_PARAMS, WlcmIconDirective, WlcmIconName } from '@wlcm/angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { debounceTime, skip } from 'rxjs';\n\nimport { WlcmFormsModule } from '@wlcm/angular/forms';\nimport { WlcmQueryParams } from '@wlcm/common';\n\n@Component({\n  selector: 'wlcm-search-field',\n  host: { class: 'wlcm-search-field' },\n  imports: [WlcmFormsModule, WlcmIconDirective],\n  templateUrl: './search-field.component.html',\n  styleUrls: ['./search-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmSearchFieldComponent implements OnInit {\n  readonly placeholder = input('Search by');\n\n  readonly queryParams = model<WlcmQueryParams>({ ...DEFAULT_QUERY_PARAMS });\n\n  readonly _inputValue = signal('');\n\n  readonly WlcmIconName = WlcmIconName;\n\n  constructor() {\n    toObservable(this._inputValue)\n      .pipe(skip(1), debounceTime(400), takeUntilDestroyed())\n      .subscribe((query: string) => {\n        this.queryParams.set({ ...this.queryParams(), page: 1, query });\n      });\n  }\n\n  ngOnInit(): void {\n    this._inputValue.set(this.queryParams().query);\n  }\n}\n","<wlcm-form-field>\n  <ng-container\n    [wlcmIcon]=\"WlcmIconName.SEARCH\"\n    wlcmFormFieldPrefix\n  ></ng-container>\n\n  <input\n    #field\n    wlcmInput\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder()\"\n    [value]=\"queryParams().query\"\n    (input)=\"_inputValue.set(field.value)\"\n  />\n</wlcm-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { WlcmSearchFieldComponent } from './components/search-field/search-field.component';\n@NgModule({\n  declarations: [],\n  imports: [CommonModule, WlcmSearchFieldComponent],\n  exports: [WlcmSearchFieldComponent],\n})\nexport class WlcmSearchFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/search-field/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@wlcm/angular/search-field",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@wlcm/angular/core": "0.0.1",
+    "rxjs": "~7.8.1",
+    "@wlcm/angular/forms": "0.0.1",
+    "@wlcm/common": "^1.0.2"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/wlcm-angular-search-field.mjs",
+  "typings": "types/wlcm-angular-search-field.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/wlcm-angular-search-field.d.ts",
+      "default": "./fesm2022/wlcm-angular-search-field.mjs"
+    }
+  },
+  "type": "module"
+}

package/search-field/types/wlcm-angular-search-field.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import { WlcmIconName } from '@wlcm/angular/core';
+import { WlcmQueryParams } from '@wlcm/common';
+import * as i1 from '@angular/common';
+
+declare class WlcmSearchFieldComponent implements OnInit {
+    readonly placeholder: i0.InputSignal<string>;
+    readonly queryParams: i0.ModelSignal<WlcmQueryParams>;
+    readonly _inputValue: i0.WritableSignal<string>;
+    readonly WlcmIconName: typeof WlcmIconName;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmSearchFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmSearchFieldComponent, "wlcm-search-field", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "queryParams": { "alias": "queryParams"; "required": false; "isSignal": true; }; }, { "queryParams": "queryParamsChange"; }, never, never, true, never>;
+}
+
+declare class WlcmSearchFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmSearchFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WlcmSearchFieldModule, never, [typeof i1.CommonModule, typeof WlcmSearchFieldComponent], [typeof WlcmSearchFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WlcmSearchFieldModule>;
+}
+
+export { WlcmSearchFieldComponent, WlcmSearchFieldModule };