@wlcm/angular 0.0.0

package/search-field/esm2022/lib/components/search-field/search-field.component.mjs

@@ -0,0 +1,36 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { DEFAULT_QUERY_PARAMS, SearchIconComponent } from '@wlcm/angular/core';
+import { BehaviorSubject, debounceTime, skip } from 'rxjs';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class WlcmSearchFieldComponent {
+    constructor() {
+        this.placeholder = 'Search by';
+        this.queryParams = DEFAULT_QUERY_PARAMS;
+        this.queryParamsChange = new EventEmitter();
+        this._inputValue$ = new BehaviorSubject('');
+    }
+    ngOnInit() {
+        this._inputValue$.next(this.queryParams.query);
+        this.handleInputValue();
+    }
+    handleInputValue() {
+        this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query) => {
+            const params = { ...this.queryParams, page: 1, query };
+            this.queryParamsChange.emit(params);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, ngImport: i0, template: "<div class=\"wlcm-search-field\">\n  <wlcm-search-icon></wlcm-search-icon>\n\n  <input\n    #field\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SearchIconComponent, selector: "wlcm-search-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wlcm-search-field', standalone: true, imports: [CommonModule, SearchIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wlcm-search-field\">\n  <wlcm-search-icon></wlcm-search-icon>\n\n  <input\n    #field\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</div>\n" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], queryParams: [{
+                type: Input
+            }], queryParamsChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvY29tcG9uZW50cy9zZWFyY2gtZmllbGQvc2VhcmNoLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEcsT0FBTyxFQUFFLG9CQUFvQixFQUFlLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDNUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFVL0MsTUFBTSxPQUFPLHdCQUF3QjtJQVJyQztRQVNXLGdCQUFXLEdBQVcsV0FBVyxDQUFDO1FBRWxDLGdCQUFXLEdBQWdCLG9CQUFvQixDQUFDO1FBRS9DLHNCQUFpQixHQUE4QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRW5FLGlCQUFZLEdBQTRCLElBQUksZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBZTFFO0lBYkMsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFL0MsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVPLGdCQUFnQjtRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBYSxFQUFFLEVBQUU7WUFDN0UsTUFBTSxNQUFNLEdBQWdCLEVBQUUsR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFFcEUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBckJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHNNQ2JyQyxxU0FZQSx5RERKWSxZQUFZLCtCQUFFLG1CQUFtQjs7MkZBS2hDLHdCQUF3QjtrQkFScEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERFRkFVTFRfUVVFUllfUEFSQU1TLCBRdWVyeVBhcmFtcywgU2VhcmNoSWNvbkNvbXBvbmVudCB9IGZyb20gJ0B3bGNtL2FuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGRlYm91bmNlVGltZSwgc2tpcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2xjbS1zZWFyY2gtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTZWFyY2hJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlYXJjaC1maWVsZC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgV2xjbVNlYXJjaEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2ggYnknO1xuXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zOiBRdWVyeVBhcmFtcyA9IERFRkFVTFRfUVVFUllfUEFSQU1TO1xuXG4gIEBPdXRwdXQoKSBxdWVyeVBhcmFtc0NoYW5nZTogRXZlbnRFbWl0dGVyPFF1ZXJ5UGFyYW1zPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICByZWFkb25seSBfaW5wdXRWYWx1ZSQ6IEJlaGF2aW9yU3ViamVjdDxzdHJpbmc+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCgnJyk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5faW5wdXRWYWx1ZSQubmV4dCh0aGlzLnF1ZXJ5UGFyYW1zLnF1ZXJ5KTtcblxuICAgIHRoaXMuaGFuZGxlSW5wdXRWYWx1ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBoYW5kbGVJbnB1dFZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMuX2lucHV0VmFsdWUkLnBpcGUoc2tpcCgxKSwgZGVib3VuY2VUaW1lKDQwMCkpLnN1YnNjcmliZSgocXVlcnk6IHN0cmluZykgPT4ge1xuICAgICAgY29uc3QgcGFyYW1zOiBRdWVyeVBhcmFtcyA9IHsgLi4udGhpcy5xdWVyeVBhcmFtcywgcGFnZTogMSwgcXVlcnkgfTtcblxuICAgICAgdGhpcy5xdWVyeVBhcmFtc0NoYW5nZS5lbWl0KHBhcmFtcyk7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3bGNtLXNlYXJjaC1maWVsZFwiPlxuICA8d2xjbS1zZWFyY2gtaWNvbj48L3dsY20tc2VhcmNoLWljb24+XG5cbiAgPGlucHV0XG4gICAgI2ZpZWxkXG4gICAgdHlwZT1cInRleHRcIlxuICAgIGNsYXNzPVwid2xjbS1zZWFyY2gtZmllbGRfX2lucHV0XCJcbiAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFt2YWx1ZV09XCJxdWVyeVBhcmFtcy5xdWVyeVwiXG4gICAgKGlucHV0KT1cIl9pbnB1dFZhbHVlJC5uZXh0KGZpZWxkLnZhbHVlKVwiXG4gIC8+XG48L2Rpdj5cbiJdfQ==

package/search-field/esm2022/lib/search-field.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { WlcmSearchFieldComponent } from './components/search-field/search-field.component';
+import * as i0 from "@angular/core";
+export class WlcmSearchFieldModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent], exports: [WlcmSearchFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, WlcmSearchFieldComponent],
+                    exports: [WlcmSearchFieldComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWZpZWxkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy9saWIvc2VhcmNoLWZpZWxkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7QUFNNUYsTUFBTSxPQUFPLHFCQUFxQjs4R0FBckIscUJBQXFCOytHQUFyQixxQkFBcUIsWUFIdEIsWUFBWSxFQUFFLHdCQUF3QixhQUN0Qyx3QkFBd0I7K0dBRXZCLHFCQUFxQixZQUh0QixZQUFZLEVBQUUsd0JBQXdCOzsyRkFHckMscUJBQXFCO2tCQUxqQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsd0JBQXdCLENBQUM7b0JBQ2pELE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUNwQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgV2xjbVNlYXJjaEZpZWxkQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL3NlYXJjaC1maWVsZC9zZWFyY2gtZmllbGQuY29tcG9uZW50JztcbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFdsY21TZWFyY2hGaWVsZENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtXbGNtU2VhcmNoRmllbGRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBXbGNtU2VhcmNoRmllbGRNb2R1bGUge31cbiJdfQ==

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2xjbS1hbmd1bGFyLXNlYXJjaC1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL21vZHVsZXMvc2VhcmNoLWZpZWxkL3NyYy93bGNtLWFuZ3VsYXItc2VhcmNoLWZpZWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

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

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { DEFAULT_QUERY_PARAMS, SearchIconComponent } from '@wlcm/angular/core';
+import { BehaviorSubject, skip, debounceTime } from 'rxjs';
+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('');
+    }
+    ngOnInit() {
+        this._inputValue$.next(this.queryParams.query);
+        this.handleInputValue();
+    }
+    handleInputValue() {
+        this._inputValue$.pipe(skip(1), debounceTime(400)).subscribe((query) => {
+            const params = { ...this.queryParams, page: 1, query };
+            this.queryParamsChange.emit(params);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmSearchFieldComponent, isStandalone: true, selector: "wlcm-search-field", inputs: { placeholder: "placeholder", queryParams: "queryParams" }, outputs: { queryParamsChange: "queryParamsChange" }, ngImport: i0, template: "<div class=\"wlcm-search-field\">\n  <wlcm-search-icon></wlcm-search-icon>\n\n  <input\n    #field\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SearchIconComponent, selector: "wlcm-search-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wlcm-search-field', standalone: true, imports: [CommonModule, SearchIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wlcm-search-field\">\n  <wlcm-search-icon></wlcm-search-icon>\n\n  <input\n    #field\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</div>\n" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], queryParams: [{
+                type: Input
+            }], queryParamsChange: [{
+                type: Output
+            }] } });
+
+class WlcmSearchFieldModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent], exports: [WlcmSearchFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, imports: [CommonModule, WlcmSearchFieldComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmSearchFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, WlcmSearchFieldComponent],
+                    exports: [WlcmSearchFieldComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WlcmSearchFieldComponent, WlcmSearchFieldModule };
+//# sourceMappingURL=wlcm-angular-search-field.mjs.map

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

@@ -0,0 +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, QueryParams, SearchIconComponent } from '@wlcm/angular/core';\nimport { BehaviorSubject, debounceTime, skip } from 'rxjs';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'wlcm-search-field',\n  standalone: true,\n  imports: [CommonModule, SearchIconComponent],\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: QueryParams = DEFAULT_QUERY_PARAMS;\n\n  @Output() queryParamsChange: EventEmitter<QueryParams> = new EventEmitter();\n\n  readonly _inputValue$: BehaviorSubject<string> = new BehaviorSubject('');\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      const params: QueryParams = { ...this.queryParams, page: 1, query };\n\n      this.queryParamsChange.emit(params);\n    });\n  }\n}\n","<div class=\"wlcm-search-field\">\n  <wlcm-search-icon></wlcm-search-icon>\n\n  <input\n    #field\n    type=\"text\"\n    class=\"wlcm-search-field__input\"\n    [placeholder]=\"placeholder\"\n    [value]=\"queryParams.query\"\n    (input)=\"_inputValue$.next(field.value)\"\n  />\n</div>\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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/components/search-field/search-field.component';
+export * from './lib/search-field.module';

package/search-field/lib/components/search-field/search-field.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { QueryParams } from '@wlcm/angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class WlcmSearchFieldComponent implements OnInit {
+    placeholder: string;
+    queryParams: QueryParams;
+    queryParamsChange: EventEmitter<QueryParams>;
+    readonly _inputValue$: BehaviorSubject<string>;
+    ngOnInit(): void;
+    private handleInputValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmSearchFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmSearchFieldComponent, "wlcm-search-field", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "queryParams": { "alias": "queryParams"; "required": false; }; }, { "queryParamsChange": "queryParamsChange"; }, never, never, true, never>;
+}

package/search-field/lib/search-field.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./components/search-field/search-field.component";
+export declare class WlcmSearchFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WlcmSearchFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<WlcmSearchFieldModule, never, [typeof i1.CommonModule, typeof i2.WlcmSearchFieldComponent], [typeof i2.WlcmSearchFieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<WlcmSearchFieldModule>;
+}

package/styles/components/button/index.scss

@@ -0,0 +1,91 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-button {
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    border: none;
+    border-radius: 4px;
+    outline: none;
+    cursor: pointer;
+
+    &__content {
+      display: flex;
+      align-items: center;
+      font-family: map-get($theme, bold-font-family);
+      white-space: nowrap;
+      font-size: 14px;
+    }
+
+    &--large {
+      height: 32px;
+      padding: 0 16px;
+    }
+
+    &--small {
+      height: 24px;
+      padding: 0 16px;
+    }
+
+    &--primary {
+      background-color: map-get($theme, primary-color);
+      color: #ffffff;
+      &:hover {
+        background-color: lighten(map-get($theme, primary-color), 5%);
+      }
+    }
+    &--secondary {
+      background-color: map-get($theme, accent-color);
+      color: #5a5a5a;
+      &:hover {
+        background-color: lighten(map-get($theme, accent-color), 2.5%);
+      }
+    }
+    &--accent {
+      background-color: map-get($theme, warn-color);
+      color: #ffffff;
+      &:hover {
+        background-color: lighten(map-get($theme, warn-color), 5%);
+      }
+    }
+    &--borderless {
+      background-color: transparent;
+      color: map-get($theme, primary-color);
+    }
+    &--paddingless {
+      padding-left: 0;
+      padding-right: 0;
+      background-color: transparent;
+      color: map-get($theme, primary-color);
+
+      &.wlcm-button--disabled {
+        pointer-events: none;
+        user-select: none;
+        opacity: 0.5;
+      }
+    }
+
+    &--loading {
+      pointer-events: none;
+      opacity: 0.7;
+
+      mat-spinner {
+        margin-right: 8px;
+      }
+    }
+
+    &--disabled {
+      &:not(.wlcm-button--paddingless) {
+        pointer-events: none;
+
+        .wlcm-button__content {
+          opacity: 0.7;
+        }
+      }
+    }
+  }
+}

package/styles/components/common/index.scss

@@ -0,0 +1,33 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-entities-count {
+    height: 14px;
+    min-width: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: map-get($theme, bold-font-family);
+    background: map-get($theme, selected-option-color);
+    color: map-get($theme, primary-color);
+    letter-spacing: 0.32px;
+    box-sizing: border-box;
+    border-radius: 4px;
+    font-size: 11px;
+    padding: 0 5px;
+  }
+
+  .wlcm-hint {
+    color: #5a5a5a;
+    letter-spacing: 0.35px;
+    line-height: 20px;
+    font-size: 12px;
+  }
+
+  .wlcm-cursor-pointer {
+    cursor: pointer;
+  }
+}

package/styles/components/filters/_filters-panel.scss

@@ -0,0 +1,44 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-filters-panel {
+    width: 100%;
+    padding: 16px;
+    box-sizing: border-box;
+    box-shadow: 0 10px 32px 0 rgba(38, 41, 45, 0.15);
+    background: white;
+    border-radius: 4px;
+
+    &__title {
+      font-size: 16px;
+      letter-spacing: 0.47px;
+      font-family: map-get($theme, bold-font-family);
+      line-height: 24px;
+      margin: 0 0 8px 0;
+      margin-bottom: 0;
+    }
+  }
+
+  .wlcm-filters-panel-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+  }
+
+  .wlcm-filters-panel-units {
+    display: grid;
+    grid-auto-flow: row;
+    grid-auto-rows: max-content;
+    margin-bottom: 16px;
+    gap: 8px;
+  }
+
+  .wlcm-filters-panel-actions {
+    display: flex;
+    justify-content: flex-end;
+  }
+}

package/styles/components/filters/_filters-unit.scss

@@ -0,0 +1,92 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-filters-unit {
+    &__chevron {
+      width: 12px;
+      height: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transform: rotateZ(-90deg);
+      transition: 225ms cubic-bezier(0.4, 0, 0.2, 1),
+        box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
+    }
+  }
+
+  .wlcm-filters-unit-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 30px;
+    width: 100%;
+
+    section {
+      display: flex;
+      align-items: center;
+    }
+
+    .wlcm-entities-count {
+      margin-left: 6px;
+    }
+
+    .reset-btn {
+      margin-right: 12px;
+    }
+
+    &__label {
+      font-family: map-get($theme, bold-font-family);
+      letter-spacing: 0.41px;
+      line-height: 24px;
+      font-size: 14px;
+    }
+  }
+
+  .reset-btn {
+    border: none;
+    outline: none;
+    background: white;
+    font-family: map-get($theme, bold-font-family);
+    color: map-get($theme, primary-color);
+    letter-spacing: 0.41px;
+    font-size: 14px;
+    padding: 0;
+  }
+
+  .wlcm-filters-unit-checkboxes {
+    display: grid;
+    grid-auto-flow: row;
+    grid-auto-rows: max-content;
+    gap: 4px;
+  }
+
+  .wlcm-filters-unit {
+    box-shadow: none !important;
+
+    .wlcm-filters-unit-header {
+      background-color: white !important;
+    }
+
+    .mat-content {
+      margin: 0 !important;
+    }
+
+    .mat-expansion-panel-body {
+      padding: 8px 0 !important;
+    }
+
+    &.mat-expanded {
+      .wlcm-filters-unit__chevron {
+        color: map-get($theme, primary-color);
+        transform: rotateZ(0deg);
+      }
+    }
+
+    mat-expansion-panel-header {
+      padding: 0 !important;
+    }
+  }
+}

package/styles/components/filters/index.scss

@@ -0,0 +1,7 @@
+@use './filters-unit' as filtersUnit;
+@use './filters-panel' as filtersPanel;
+
+@mixin theme($theme-config) {
+  @include filtersUnit.theme($theme-config);
+  @include filtersPanel.theme($theme-config);
+}

package/styles/components/forms/_checkbox.scss

@@ -0,0 +1,89 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $color-config: utils.get-color-config($theme_config);
+  $primary: map-get($color-config, primary);
+  $accent: map-get($color-config, accent);
+  $warn: map-get($color-config, warn);
+
+  $typography-config: utils.get-typography-config($theme_config);
+  $bold-font-family: utils.get-bold-typography($typography-config);
+  $medium-font-family: utils.get-medium-typography($typography-config);
+  $regular-font-family: utils.get-regular-typography($typography-config);
+
+  mat-checkbox {
+    .mdc-checkbox {
+      padding: 0 !important;
+    }
+
+    .mat-ripple,
+    .mdc-checkbox__ripple {
+      display: none !important;
+    }
+
+    .mdc-checkbox__background {
+      width: 16px;
+      height: 16px;
+      box-sizing: border-box;
+      top: 0 !important;
+      left: 0 !important;
+      background: transparent !important;
+      border: 1px solid #d5d5d5 !important;
+      border-radius: 4px;
+
+      .mdc-checkbox__checkmark {
+        transition: 0s !important;
+      }
+    }
+
+    .mdc-checkbox__checkmark-path {
+      stroke: $primary !important;
+      d: path('M 5 11.7 L 11 16.6 L 19 7') !important;
+    }
+
+    label {
+      padding-left: 8px !important;
+      padding-bottom: 2px !important;
+      letter-spacing: 0.41px;
+      line-height: 24px;
+      user-select: none;
+      font-size: 14px;
+    }
+
+    &.mat-mdc-checkbox-checked {
+      .mdc-checkbox__background {
+        color: $primary !important;
+        border-color: $primary !important;
+        border-width: 2px !important;
+      }
+    }
+
+    .mdc-checkbox__native-control {
+      top: 0 !important;
+      left: 0 !important;
+      height: auto !important;
+      width: auto !important;
+    }
+  }
+
+  .mat-pseudo-checkbox {
+    width: 16px !important;
+    height: 16px !important;
+    border: 1px solid #d5d5d5 !important;
+    background: white !important;
+    border-radius: 4px !important;
+
+    &.mat-pseudo-checkbox-checked {
+      border-width: 2px !important;
+      border-color: $primary !important;
+
+      &::after {
+        width: 5px !important;
+        height: 3px !important;
+        border-color: $primary;
+        top: -2.5px !important;
+      }
+    }
+  }
+}

package/styles/components/forms/_error.scss

@@ -0,0 +1,23 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $color-config: utils.get-color-config($theme_config);
+  $primary: map-get($color-config, primary);
+  $accent: map-get($color-config, accent);
+  $warn: map-get($color-config, warn);
+
+  $typography-config: utils.get-typography-config($theme_config);
+  $bold-font-family: utils.get-bold-typography($typography-config);
+  $medium-font-family: utils.get-medium-typography($typography-config);
+  $regular-font-family: utils.get-regular-typography($typography-config);
+
+  .wlcm-error {
+    display: block;
+    color: $warn;
+    font-size: 13px;
+    letter-spacing: 0.35px;
+    font-family: $regular-font-family;
+    line-height: 20px;
+  }
+}

package/styles/components/forms/_form-field.scss

@@ -0,0 +1,65 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $theme: utils.using-theme($theme_config);
+
+  .wlcm-form-field {
+    display: block;
+
+    &.wlcm-field-focused {
+      .wlcm-field-container {
+        border-color: map-get($theme, focus-field-outline-color);
+      }
+    }
+
+    &:not(.wlcm-field-focused, .wlcm-field-touched.wlcm-field-invalid) {
+      .wlcm-field-container:hover {
+        border-color: #5a5a5a;
+      }
+    }
+  }
+
+  .wlcm-field-touched {
+    &.wlcm-field-invalid {
+      .wlcm-field-container {
+        border-color: map-get($theme, warn-color);
+      }
+
+      .wlcm-field-error-container {
+        wlcm-error {
+          display: block;
+        }
+      }
+    }
+  }
+
+  .wlcm-field-container {
+    display: flex;
+    align-items: center;
+    padding: 6px 8px;
+    border: 1px solid map-get($theme, field-outline-color);
+    box-sizing: border-box;
+    border-radius: 4px;
+    position: relative;
+  }
+
+  .wlcm-field-error-container {
+    min-height: 20px;
+
+    wlcm-error {
+      display: none;
+    }
+  }
+
+  .wlcm-form-field-input {
+    border: 0;
+    padding: 0;
+    outline: none;
+    line-height: 18px;
+    width: 100%;
+    font-size: 14px;
+    letter-spacing: 0.41px;
+    font-family: map-get($theme, regular-font-family);
+  }
+}

package/styles/components/forms/_label.scss

@@ -0,0 +1,42 @@
+@use 'sass:map';
+@use '../../core/utils' as utils;
+
+@mixin theme($theme-config) {
+  $color-config: utils.get-color-config($theme_config);
+  $primary: map-get($color-config, primary);
+  $accent: map-get($color-config, accent);
+  $warn: map-get($color-config, warn);
+
+  $typography-config: utils.get-typography-config($theme_config);
+  $bold-font-family: utils.get-bold-typography($typography-config);
+  $medium-font-family: utils.get-medium-typography($typography-config);
+  $regular-font-family: utils.get-regular-typography($typography-config);
+
+  .wlcm-label {
+    display: flex;
+    align-items: center;
+    font-family: $medium-font-family;
+    letter-spacing: 0.41px;
+    line-height: 20px;
+    margin-bottom: 5px;
+    font-size: 14px;
+
+    &.required {
+      .wlcm-label-asterisk {
+        display: block;
+      }
+    }
+  }
+
+  .wlcm-label-asterisk {
+    color: $warn;
+    display: none;
+    margin-right: 2px;
+  }
+
+  .wlcm-field-required {
+    .wlcm-label-asterisk {
+      display: block;
+    }
+  }
+}