@hug/ngx-search-container 1.1.2 → 1.1.3

package/CHANGELOG.md

@@ -1,14 +1,14 @@
-## 1.1.2 (2024-07-05)
+## 1.1.3 (2024-07-23)
 
 
 ### 🐛 Fixes
 
-- theming ([79feb6e](https://github.com/DSI-HUG/ngx-components/commit/79feb6e))
+- **ngx-search-container:** ngx prefix ([064666d](https://github.com/DSI-HUG/ngx-components/commit/064666d))
 
 
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.7 ([b0f15b9](https://github.com/DSI-HUG/ngx-components/commit/b0f15b9))
+- **@hug/ngx-core:** upgrade to v1.1.8 ([26f0d10](https://github.com/DSI-HUG/ngx-components/commit/26f0d10))
 
 
 ### ❤️  Thank You
@@ -16,14 +16,27 @@
 - dsi-hug-bot @dsi-hug-bot
 - Serge
 
-## 1.1.0 (2024-06-26)
+## 1.1.2 (2024-07-05)
 
+### 🐛 Fixes
 
-### 🚀 Features
+-   theming ([79feb6e](https://github.com/DSI-HUG/ngx-components/commit/79feb6e))
 
-- **search-container:** first commit ([f140942](https://github.com/DSI-HUG/ngx-components/commit/f140942))
+### 🌱 Dependencies
 
+-   **@hug/ngx-core:** upgrade to v1.1.7 ([b0f15b9](https://github.com/DSI-HUG/ngx-components/commit/b0f15b9))
 
-### ❤️  Thank You
+### ❤️ Thank You
+
+-   dsi-hug-bot @dsi-hug-bot
+-   Serge
+
+## 1.1.0 (2024-06-26)
+
+### 🚀 Features
+
+-   **search-container:** first commit ([f140942](https://github.com/DSI-HUG/ngx-components/commit/f140942))
+
+### ❤️ Thank You
 
-- Badisi
+-   Badisi

package/README.md

@@ -1,5 +1,4 @@
-@hug/search-container
-=======
+# @hug/search-container
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 

package/_search-container-theme.scss

@@ -6,8 +6,8 @@
     $background: map-get($theme, background);
     $foreground: map-get($theme, foreground);
 
-    search-container {
-        .search-container {
+    ngx-search-container {
+        .ngx-search-container {
             background-color: mat.get-color-from-palette($background, background, 0.2);
 
             &:hover {
@@ -39,7 +39,7 @@
 
             .icon-clear {
                 :hover {
-                    color: mat.get-color-from-palette($background, background)
+                    color: mat.get-color-from-palette($background, background);
                 }
             }
 
@@ -52,13 +52,13 @@
             }
         }
 
-        .search-container-mobile {
+        .ngx-search-container-mobile {
             &.active {
                 background-color: mat.get-color-from-palette($background, background);
                 color: mat.get-color-from-palette($foreground, text);
             }
 
-            .search-container {
+            .ngx-search-container {
                 &::placeholder {
                     color: mat.get-color-from-palette($foreground, secondary-text);
                 }

package/esm2020/search-container.component.mjs

@@ -1,35 +1,31 @@
-import { ChangeDetectionStrategy, Component, ContentChild, Directive, EventEmitter, Input, Optional, Output, Self, ViewEncapsulation } from '@angular/core';
-import { Destroy } from '@hug/ngx-core';
+import { ChangeDetectionStrategy, Component, ContentChild, Directive, ElementRef, EventEmitter, inject, Input, Output, ViewEncapsulation } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { NgxDestroy } from '@hug/ngx-core';
 import { BehaviorSubject, distinctUntilChanged, first, shareReplay, switchMap, takeUntil, tap } from 'rxjs';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@hug/ngx-core";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/tooltip";
-export class SearchInputDirective {
-    constructor(ngControl, elementRef) {
-        this.ngControl = ngControl;
-        this.elementRef = elementRef;
+import * as i1 from "@hug/ngx-core";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/tooltip";
+export class NgxSearchInputDirective {
+    constructor() {
+        this.ngControl = inject(NgControl);
+        this.elementRef = inject(ElementRef);
         this.focus();
     }
     focus() {
         this.elementRef.nativeElement.focus();
     }
 }
-SearchInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SearchInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: SearchInputDirective, selector: "[searchInput]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchInputDirective, decorators: [{
+NgxSearchInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgxSearchInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NgxSearchInputDirective, selector: "[ngx-search-input]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchInputDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[searchInput]'
+                    selector: '[ngx-search-input]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i0.ElementRef }]; } });
-export class SearchContainerComponent extends Destroy {
+        }], ctorParameters: function () { return []; } });
+export class NgxSearchContainerComponent extends NgxDestroy {
     constructor(mediaService, zone) {
         super();
         this.mediaService = mediaService;
@@ -68,12 +64,12 @@ export class SearchContainerComponent extends Destroy {
         this.cleared.emit();
     }
 }
-SearchContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerComponent, deps: [{ token: i2.MediaService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SearchContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SearchContainerComponent, selector: "search-container", inputs: { clearTooltip: "clearTooltip", right: "right" }, outputs: { cleared: "cleared" }, queries: [{ propertyName: "mobileSearch", first: true, predicate: ["mobileSearch"], descendants: true }, { propertyName: "searchInput", first: true, predicate: SearchInputDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["search-container{display:flex;flex:1 1 auto;padding-left:.5rem}search-container .search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}search-container .search-container.mobile{justify-self:flex-end}search-container .search-container:not(.mobile){min-width:35vw;max-width:800px}search-container .search-container .mat-icon{padding:.5rem}search-container .search-container .icon-clear{cursor:pointer}search-container .search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}search-container .search-container input:focus{outline:none}search-container .search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}search-container .search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}search-container .search-container-mobile .mat-icon{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerComponent, decorators: [{
+NgxSearchContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchContainerComponent, deps: [{ token: i1.NgxMediaService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+NgxSearchContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgxSearchContainerComponent, selector: "ngx-search-container", inputs: { clearTooltip: "clearTooltip", right: "right" }, outputs: { cleared: "cleared" }, queries: [{ propertyName: "mobileSearch", first: true, predicate: ["mobileSearch"], descendants: true }, { propertyName: "searchInput", first: true, predicate: NgxSearchInputDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["ngx-search-container{display:flex;flex:1 1 auto;padding-left:.5rem}ngx-search-container .ngx-search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}ngx-search-container .ngx-search-container.mobile{justify-self:flex-end}ngx-search-container .ngx-search-container:not(.mobile){min-width:35vw;max-width:800px}ngx-search-container .ngx-search-container .mat-icon{padding:.5rem}ngx-search-container .ngx-search-container .icon-clear{cursor:pointer}ngx-search-container .ngx-search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}ngx-search-container .ngx-search-container input:focus{outline:none}ngx-search-container .ngx-search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}ngx-search-container .ngx-search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}ngx-search-container .ngx-search-container-mobile .mat-icon{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'search-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["search-container{display:flex;flex:1 1 auto;padding-left:.5rem}search-container .search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}search-container .search-container.mobile{justify-self:flex-end}search-container .search-container:not(.mobile){min-width:35vw;max-width:800px}search-container .search-container .mat-icon{padding:.5rem}search-container .search-container .icon-clear{cursor:pointer}search-container .search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}search-container .search-container input:focus{outline:none}search-container .search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}search-container .search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}search-container .search-container-mobile .mat-icon{padding:.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.MediaService }, { type: i0.NgZone }]; }, propDecorators: { cleared: [{
+            args: [{ selector: 'ngx-search-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["ngx-search-container{display:flex;flex:1 1 auto;padding-left:.5rem}ngx-search-container .ngx-search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}ngx-search-container .ngx-search-container.mobile{justify-self:flex-end}ngx-search-container .ngx-search-container:not(.mobile){min-width:35vw;max-width:800px}ngx-search-container .ngx-search-container .mat-icon{padding:.5rem}ngx-search-container .ngx-search-container .icon-clear{cursor:pointer}ngx-search-container .ngx-search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}ngx-search-container .ngx-search-container input:focus{outline:none}ngx-search-container .ngx-search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}ngx-search-container .ngx-search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}ngx-search-container .ngx-search-container-mobile .mat-icon{padding:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgxMediaService }, { type: i0.NgZone }]; }, propDecorators: { cleared: [{
                 type: Output
             }], clearTooltip: [{
                 type: Input
@@ -82,8 +78,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['mobileSearch']
             }], searchInput: [{
                 type: ContentChild,
-                args: [SearchInputDirective]
+                args: [NgxSearchInputDirective]
             }], right: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9zZWFyY2gtY29udGFpbmVyL3NyYy9zZWFyY2gtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaC1jb250YWluZXIvc3JjL3NlYXJjaC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQix1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFlLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9NLE9BQU8sRUFBRSxPQUFPLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsb0JBQW9CLEVBQUUsS0FBSyxFQUFjLFdBQVcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7OztBQUt4SCxNQUFNLE9BQU8sb0JBQW9CO0lBQzdCLFlBQytCLFNBQW9CLEVBQ3ZDLFVBQW1DO1FBRGhCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFDdkMsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFFM0MsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQzs7aUhBVlEsb0JBQW9CO3FHQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZUFBZTtpQkFDNUI7OzBCQUdRLFFBQVE7OzBCQUFJLElBQUk7O0FBa0J6QixNQUFNLE9BQU8sd0JBQXlCLFNBQVEsT0FBTztJQXVDakQsWUFDYyxZQUEwQixFQUM1QixJQUFZO1FBRXBCLEtBQUssRUFBRSxDQUFDO1FBSEUsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDNUIsU0FBSSxHQUFKLElBQUksQ0FBUTtRQXRDUixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUc1QyxpQkFBWSxHQUFHLHNCQUFzQixDQUFDO1FBSzFCLGtCQUFhLEdBQUcsSUFBSSxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7UUFpQnRELFdBQU0sR0FBZ0MsSUFBSSxDQUFDO1FBaUIvQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDbkIsU0FBUyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUM3QyxLQUFLLEVBQUUsRUFDUCxHQUFHLENBQUMsR0FBRyxFQUFFO1lBQ0wsSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDZixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7YUFDaEI7WUFDRCxJQUFJLENBQUMsWUFBWSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUNMLENBQUMsRUFDRixTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUF4Q0QsSUFDVyxXQUFXLENBQUMsV0FBaUM7UUFDcEQsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNkLE1BQU0sSUFBSSxLQUFLLENBQUMsMkVBQTJFLENBQUMsQ0FBQztTQUNoRztRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxFQUFFO1lBQ3hCLE1BQU0sSUFBSSxLQUFLLENBQUMsdUVBQXVFLENBQUMsQ0FBQztTQUM1RjtRQUNELElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO0lBQ3BDLENBQUM7SUFJRCxJQUNXLEtBQUssQ0FBQyxLQUFrQztRQUMvQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ1osT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFzQk0sa0JBQWtCO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUNyRSxvQkFBb0IsRUFBRSxFQUN0QixXQUFXLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUNsRCxDQUFDO0lBQ04sQ0FBQztJQUVNLEtBQUs7UUFDUixJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUN0QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7O3FIQXJFUSx3QkFBd0I7eUdBQXhCLHdCQUF3QiwyUkFpQm5CLG9CQUFvQix1RUM3Q3RDLDhpQ0FzQkE7MkZETWEsd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNJLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO3dIQUsvQixPQUFPO3NCQUR0QixNQUFNO2dCQUlBLFlBQVk7c0JBRGxCLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsWUFBWTt1QkFBQyxjQUFjO2dCQVVqQixXQUFXO3NCQURyQixZQUFZO3VCQUFDLG9CQUFvQjtnQkFjdkIsS0FBSztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE5nWm9uZSwgT3B0aW9uYWwsIE91dHB1dCwgU2VsZiwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBEZXN0cm95LCBNZWRpYVNlcnZpY2UgfSBmcm9tICdAaHVnL25neC1jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgZGlzdGluY3RVbnRpbENoYW5nZWQsIGZpcnN0LCBPYnNlcnZhYmxlLCBzaGFyZVJlcGxheSwgc3dpdGNoTWFwLCB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tzZWFyY2hJbnB1dF0nXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaElucHV0RGlyZWN0aXZlIHtcbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgICAgIEBPcHRpb25hbCgpIEBTZWxmKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+XG4gICAgKSB7XG4gICAgICAgIHRoaXMuZm9jdXMoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZm9jdXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NlYXJjaC1jb250YWluZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBEZXN0cm95IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgcmVhZG9ubHkgY2xlYXJlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGNsZWFyVG9vbHRpcCA9ICdFZmZhY2VyIGxhIHJlY2hlcmNoZSc7XG5cbiAgICBAQ29udGVudENoaWxkKCdtb2JpbGVTZWFyY2gnKVxuICAgIHB1YmxpYyBtb2JpbGVTZWFyY2g6IFRlbXBsYXRlUmVmPHVua25vd24+IHwgdW5kZWZpbmVkO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGFjdGl2ZVNlYXJjaCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KGZhbHNlKTtcblxuICAgIHByb3RlY3RlZCBzZWFyY2hJbnB1dFZhbHVlJDogT2JzZXJ2YWJsZTxzdHJpbmc+IHwgbnVsbCB8IHVuZGVmaW5lZDtcblxuICAgIHByaXZhdGUgX3NlYXJjaElucHV0OiBTZWFyY2hJbnB1dERpcmVjdGl2ZSB8IHVuZGVmaW5lZDtcblxuICAgIEBDb250ZW50Q2hpbGQoU2VhcmNoSW5wdXREaXJlY3RpdmUpXG4gICAgcHVibGljIHNldCBzZWFyY2hJbnB1dChzZWFyY2hJbnB1dDogU2VhcmNoSW5wdXREaXJlY3RpdmUpIHtcbiAgICAgICAgaWYgKCFzZWFyY2hJbnB1dCkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdZb3UgbmVlZCB0byBhZGQgdGhlIGF0dHJpYnV0ZSBzZWFyY2hJbnB1dCB0byB0aGUgU2VhcmNoQ29udGFpbmVyQ29tcG9uZW50Jyk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFzZWFyY2hJbnB1dC5uZ0NvbnRyb2wpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignWW91IG5lZWQgdG8gYWRkIHRoZSBhdHRyaWJ1dGUgbmdNb2RlbCB0byB0aGUgU2VhcmNoQ29udGFpbmVyQ29tcG9uZW50Jyk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5fc2VhcmNoSW5wdXQgPSBzZWFyY2hJbnB1dDtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9yaWdodDogVGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCByaWdodCh2YWx1ZTogVGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsKSB7XG4gICAgICAgIHRoaXMuX3JpZ2h0ID0gdmFsdWU7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCByaWdodCgpOiBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy5fcmlnaHQ7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcm90ZWN0ZWQgbWVkaWFTZXJ2aWNlOiBNZWRpYVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgem9uZTogTmdab25lXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKCk7XG5cbiAgICAgICAgdGhpcy5hY3RpdmVTZWFyY2gkLnBpcGUoXG4gICAgICAgICAgICBzd2l0Y2hNYXAoYWN0aXZlU2VhcmNoID0+IHRoaXMuem9uZS5vblN0YWJsZS5waXBlKFxuICAgICAgICAgICAgICAgIGZpcnN0KCksXG4gICAgICAgICAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFhY3RpdmVTZWFyY2gpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMucmVzZXQoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aGlzLl9zZWFyY2hJbnB1dD8uZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSksXG4gICAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95ZWQkKVxuICAgICAgICApLnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VhcmNoSW5wdXRWYWx1ZSQgPSB0aGlzLl9zZWFyY2hJbnB1dD8ubmdDb250cm9sPy52YWx1ZUNoYW5nZXM/LnBpcGUoXG4gICAgICAgICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgICAgICAgc2hhcmVSZXBsYXkoeyBidWZmZXJTaXplOiAxLCByZWZDb3VudDogZmFsc2UgfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVzZXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3NlYXJjaElucHV0Py5uZ0NvbnRyb2w/LnJlc2V0KCk7XG4gICAgICAgIHRoaXMuY2xlYXJlZC5lbWl0KCk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1lZGlhU2VydmljZS5pc0hhbmRzZXQkIHwgYXN5bmM7IGVsc2Ugbm9IYW5kc2V0VHBsXCIgY2xhc3M9XCJzZWFyY2gtY29udGFpbmVyLW1vYmlsZSBtb2JpbGVcIiBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZVNlYXJjaCQgfCBhc3luY1wiICNtb2JpbGVTZWFyY2g+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGl2ZVNlYXJjaCQgfCBhc3luYzsgZWxzZSBub0FjdGl2ZVNlYXJjaFRwbFwiPlxuICAgICAgICA8bWF0LWljb24gKGNsaWNrKT1cImFjdGl2ZVNlYXJjaCQubmV4dChmYWxzZSlcIj5hcnJvd19iYWNrPC9tYXQtaWNvbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNlYXJjaENvbnRhaW5lclRwbFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjbm9BY3RpdmVTZWFyY2hUcGw+XG4gICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPVwiYWN0aXZlU2VhcmNoJC5uZXh0KHRydWUpXCI+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjbm9IYW5kc2V0VHBsPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzZWFyY2hDb250YWluZXJUcGxcIj48L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjc2VhcmNoQ29udGFpbmVyVHBsPlxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtY29udGFpbmVyXCI+XG4gICAgICAgIDxtYXQtaWNvbj5zZWFyY2g8L21hdC1pY29uPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cInNlYXJjaElucHV0VmFsdWUkIHwgYXN5bmNcIiBjbGFzcz1cImljb24tY2xlYXJcIiBbbWF0VG9vbHRpcF09XCJjbGVhclRvb2x0aXBcIiAoY2xpY2spPVwicmVzZXQoKVwiPmNsb3NlPC9tYXQtaWNvbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInJpZ2h0XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9zZWFyY2gtY29udGFpbmVyL3NyYy9zZWFyY2gtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3Byb2plY3RzL3NlYXJjaC1jb250YWluZXIvc3JjL3NlYXJjaC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQix1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZNLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLG9CQUFvQixFQUFFLEtBQUssRUFBYyxXQUFXLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7OztBQUt4SCxNQUFNLE9BQU8sdUJBQXVCO0lBS2hDO1FBSk8sY0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUUzQixlQUFVLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQztRQUcvRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVNLEtBQUs7UUFDUixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMxQyxDQUFDOztvSEFYUSx1QkFBdUI7d0dBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxvQkFBb0I7aUJBQ2pDOztBQXNCRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsVUFBVTtJQXVDdkQsWUFDYyxZQUE2QixFQUMvQixJQUFZO1FBRXBCLEtBQUssRUFBRSxDQUFDO1FBSEUsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBQy9CLFNBQUksR0FBSixJQUFJLENBQVE7UUF0Q1IsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFHNUMsaUJBQVksR0FBRyxzQkFBc0IsQ0FBQztRQUsxQixrQkFBYSxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBaUJ0RCxXQUFNLEdBQWdDLElBQUksQ0FBQztRQWlCL0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ25CLFNBQVMsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDN0MsS0FBSyxFQUFFLEVBQ1AsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNMLElBQUksQ0FBQyxZQUFZLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2FBQ2hCO1lBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FDTCxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FDN0IsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBeENELElBQ1csV0FBVyxDQUFDLFdBQW9DO1FBQ3ZELElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDZCxNQUFNLElBQUksS0FBSyxDQUFDLDJFQUEyRSxDQUFDLENBQUM7U0FDaEc7UUFDRCxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRTtZQUN4QixNQUFNLElBQUksS0FBSyxDQUFDLHVFQUF1RSxDQUFDLENBQUM7U0FDNUY7UUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLFdBQVcsQ0FBQztJQUNwQyxDQUFDO0lBSUQsSUFDVyxLQUFLLENBQUMsS0FBa0M7UUFDL0MsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQVcsS0FBSztRQUNaLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBc0JNLGtCQUFrQjtRQUNyQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FDckUsb0JBQW9CLEVBQUUsRUFDdEIsV0FBVyxDQUFDLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FDbEQsQ0FBQztJQUNOLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDOzt3SEFyRVEsMkJBQTJCOzRHQUEzQiwyQkFBMkIsK1JBaUJ0Qix1QkFBdUIsdUVDOUN6QyxzakNBc0JBOzJGRE9hLDJCQUEyQjtrQkFQdkMsU0FBUzsrQkFDSSxzQkFBc0IsaUJBR2pCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07MkhBSy9CLE9BQU87c0JBRHRCLE1BQU07Z0JBSUEsWUFBWTtzQkFEbEIsS0FBSztnQkFJQyxZQUFZO3NCQURsQixZQUFZO3VCQUFDLGNBQWM7Z0JBVWpCLFdBQVc7c0JBRHJCLFlBQVk7dUJBQUMsdUJBQXVCO2dCQWMxQixLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBpbmplY3QsIElucHV0LCBOZ1pvbmUsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ3hEZXN0cm95LCBOZ3hNZWRpYVNlcnZpY2UgfSBmcm9tICdAaHVnL25neC1jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgZGlzdGluY3RVbnRpbENoYW5nZWQsIGZpcnN0LCBPYnNlcnZhYmxlLCBzaGFyZVJlcGxheSwgc3dpdGNoTWFwLCB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tuZ3gtc2VhcmNoLWlucHV0XSdcbn0pXG5leHBvcnQgY2xhc3MgTmd4U2VhcmNoSW5wdXREaXJlY3RpdmUge1xuICAgIHB1YmxpYyBuZ0NvbnRyb2wgPSBpbmplY3QoTmdDb250cm9sKTtcblxuICAgIHByb3RlY3RlZCBlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcblxuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5mb2N1cygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBmb2N1cygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmd4LXNlYXJjaC1jb250YWluZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zZWFyY2gtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hTZWFyY2hDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBOZ3hEZXN0cm95IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgcmVhZG9ubHkgY2xlYXJlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGNsZWFyVG9vbHRpcCA9ICdFZmZhY2VyIGxhIHJlY2hlcmNoZSc7XG5cbiAgICBAQ29udGVudENoaWxkKCdtb2JpbGVTZWFyY2gnKVxuICAgIHB1YmxpYyBtb2JpbGVTZWFyY2g6IFRlbXBsYXRlUmVmPHVua25vd24+IHwgdW5kZWZpbmVkO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGFjdGl2ZVNlYXJjaCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KGZhbHNlKTtcblxuICAgIHByb3RlY3RlZCBzZWFyY2hJbnB1dFZhbHVlJDogT2JzZXJ2YWJsZTxzdHJpbmc+IHwgbnVsbCB8IHVuZGVmaW5lZDtcblxuICAgIHByaXZhdGUgX3NlYXJjaElucHV0OiBOZ3hTZWFyY2hJbnB1dERpcmVjdGl2ZSB8IHVuZGVmaW5lZDtcblxuICAgIEBDb250ZW50Q2hpbGQoTmd4U2VhcmNoSW5wdXREaXJlY3RpdmUpXG4gICAgcHVibGljIHNldCBzZWFyY2hJbnB1dChzZWFyY2hJbnB1dDogTmd4U2VhcmNoSW5wdXREaXJlY3RpdmUpIHtcbiAgICAgICAgaWYgKCFzZWFyY2hJbnB1dCkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdZb3UgbmVlZCB0byBhZGQgdGhlIGF0dHJpYnV0ZSBzZWFyY2hJbnB1dCB0byB0aGUgU2VhcmNoQ29udGFpbmVyQ29tcG9uZW50Jyk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCFzZWFyY2hJbnB1dC5uZ0NvbnRyb2wpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignWW91IG5lZWQgdG8gYWRkIHRoZSBhdHRyaWJ1dGUgbmdNb2RlbCB0byB0aGUgU2VhcmNoQ29udGFpbmVyQ29tcG9uZW50Jyk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5fc2VhcmNoSW5wdXQgPSBzZWFyY2hJbnB1dDtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9yaWdodDogVGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsID0gbnVsbDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCByaWdodCh2YWx1ZTogVGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsKSB7XG4gICAgICAgIHRoaXMuX3JpZ2h0ID0gdmFsdWU7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCByaWdodCgpOiBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IG51bGwge1xuICAgICAgICByZXR1cm4gdGhpcy5fcmlnaHQ7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcm90ZWN0ZWQgbWVkaWFTZXJ2aWNlOiBOZ3hNZWRpYVNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgem9uZTogTmdab25lXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKCk7XG5cbiAgICAgICAgdGhpcy5hY3RpdmVTZWFyY2gkLnBpcGUoXG4gICAgICAgICAgICBzd2l0Y2hNYXAoYWN0aXZlU2VhcmNoID0+IHRoaXMuem9uZS5vblN0YWJsZS5waXBlKFxuICAgICAgICAgICAgICAgIGZpcnN0KCksXG4gICAgICAgICAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFhY3RpdmVTZWFyY2gpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMucmVzZXQoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aGlzLl9zZWFyY2hJbnB1dD8uZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSksXG4gICAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95ZWQkKVxuICAgICAgICApLnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VhcmNoSW5wdXRWYWx1ZSQgPSB0aGlzLl9zZWFyY2hJbnB1dD8ubmdDb250cm9sPy52YWx1ZUNoYW5nZXM/LnBpcGUoXG4gICAgICAgICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgICAgICAgc2hhcmVSZXBsYXkoeyBidWZmZXJTaXplOiAxLCByZWZDb3VudDogZmFsc2UgfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVzZXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3NlYXJjaElucHV0Py5uZ0NvbnRyb2w/LnJlc2V0KCk7XG4gICAgICAgIHRoaXMuY2xlYXJlZC5lbWl0KCk7XG4gICAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1lZGlhU2VydmljZS5pc0hhbmRzZXQkIHwgYXN5bmM7IGVsc2Ugbm9IYW5kc2V0VHBsXCIgY2xhc3M9XCJuZ3gtc2VhcmNoLWNvbnRhaW5lci1tb2JpbGUgbW9iaWxlXCIgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVTZWFyY2gkIHwgYXN5bmNcIiAjbW9iaWxlU2VhcmNoPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhY3RpdmVTZWFyY2gkIHwgYXN5bmM7IGVsc2Ugbm9BY3RpdmVTZWFyY2hUcGxcIj5cbiAgICAgICAgPG1hdC1pY29uIChjbGljayk9XCJhY3RpdmVTZWFyY2gkLm5leHQoZmFsc2UpXCI+YXJyb3dfYmFjazwvbWF0LWljb24+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzZWFyY2hDb250YWluZXJUcGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGUgI25vQWN0aXZlU2VhcmNoVHBsPlxuICAgICAgICA8bWF0LWljb24gKGNsaWNrKT1cImFjdGl2ZVNlYXJjaCQubmV4dCh0cnVlKVwiPnNlYXJjaDwvbWF0LWljb24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI25vSGFuZHNldFRwbD5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic2VhcmNoQ29udGFpbmVyVHBsXCI+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI3NlYXJjaENvbnRhaW5lclRwbD5cbiAgICA8ZGl2IGNsYXNzPVwibmd4LXNlYXJjaC1jb250YWluZXJcIj5cbiAgICAgICAgPG1hdC1pY29uPnNlYXJjaDwvbWF0LWljb24+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwic2VhcmNoSW5wdXRWYWx1ZSQgfCBhc3luY1wiIGNsYXNzPVwiaWNvbi1jbGVhclwiIFttYXRUb29sdGlwXT1cImNsZWFyVG9vbHRpcFwiIChjbGljayk9XCJyZXNldCgpXCI+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicmlnaHRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2020/search-container.module.mjs

@@ -4,18 +4,18 @@ import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { SearchContainerComponent, SearchInputDirective } from './search-container.component';
+import { NgxSearchContainerComponent, NgxSearchInputDirective } from './search-container.component';
 import * as i0 from "@angular/core";
 export class SearchContainerModule {
 }
 SearchContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SearchContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, declarations: [SearchContainerComponent,
-        SearchInputDirective], imports: [CommonModule,
+SearchContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, declarations: [NgxSearchContainerComponent,
+        NgxSearchInputDirective], imports: [CommonModule,
         FormsModule,
         MatButtonModule,
         MatIconModule,
-        MatTooltipModule], exports: [SearchContainerComponent,
-        SearchInputDirective] });
+        MatTooltipModule], exports: [NgxSearchContainerComponent,
+        NgxSearchInputDirective] });
 SearchContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, imports: [CommonModule,
         FormsModule,
         MatButtonModule,
@@ -32,13 +32,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         MatTooltipModule
                     ],
                     declarations: [
-                        SearchContainerComponent,
-                        SearchInputDirective
+                        NgxSearchContainerComponent,
+                        NgxSearchInputDirective
                     ],
                     exports: [
-                        SearchContainerComponent,
-                        SearchInputDirective
+                        NgxSearchContainerComponent,
+                        NgxSearchInputDirective
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNvbnRhaW5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9zZWFyY2gtY29udGFpbmVyL3NyYy9zZWFyY2gtY29udGFpbmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUU3RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFtQjlGLE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFSMUIsd0JBQXdCO1FBQ3hCLG9CQUFvQixhQVJwQixZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixhQUFhO1FBQ2IsZ0JBQWdCLGFBT2hCLHdCQUF3QjtRQUN4QixvQkFBb0I7bUhBR2YscUJBQXFCLFlBZjFCLFlBQVk7UUFDWixXQUFXO1FBQ1gsZUFBZTtRQUNmLGFBQWE7UUFDYixnQkFBZ0I7MkZBV1gscUJBQXFCO2tCQWpCakMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixnQkFBZ0I7cUJBQ25CO29CQUNELFlBQVksRUFBRTt3QkFDVix3QkFBd0I7d0JBQ3hCLG9CQUFvQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3FCQUN2QjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuXG5pbXBvcnQgeyBTZWFyY2hDb250YWluZXJDb21wb25lbnQsIFNlYXJjaElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi9zZWFyY2gtY29udGFpbmVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEZvcm1zTW9kdWxlLFxuICAgICAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgICAgIE1hdEljb25Nb2R1bGUsXG4gICAgICAgIE1hdFRvb2x0aXBNb2R1bGVcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBTZWFyY2hDb250YWluZXJDb21wb25lbnQsXG4gICAgICAgIFNlYXJjaElucHV0RGlyZWN0aXZlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFNlYXJjaENvbnRhaW5lckNvbXBvbmVudCxcbiAgICAgICAgU2VhcmNoSW5wdXREaXJlY3RpdmVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaENvbnRhaW5lck1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWNvbnRhaW5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9zZWFyY2gtY29udGFpbmVyL3NyYy9zZWFyY2gtY29udGFpbmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUU3RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFtQnBHLE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFSMUIsMkJBQTJCO1FBQzNCLHVCQUF1QixhQVJ2QixZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixhQUFhO1FBQ2IsZ0JBQWdCLGFBT2hCLDJCQUEyQjtRQUMzQix1QkFBdUI7bUhBR2xCLHFCQUFxQixZQWYxQixZQUFZO1FBQ1osV0FBVztRQUNYLGVBQWU7UUFDZixhQUFhO1FBQ2IsZ0JBQWdCOzJGQVdYLHFCQUFxQjtrQkFqQmpDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsZ0JBQWdCO3FCQUNuQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsMkJBQTJCO3dCQUMzQix1QkFBdUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRTt3QkFDTCwyQkFBMkI7d0JBQzNCLHVCQUF1QjtxQkFDMUI7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcblxuaW1wb3J0IHsgTmd4U2VhcmNoQ29udGFpbmVyQ29tcG9uZW50LCBOZ3hTZWFyY2hJbnB1dERpcmVjdGl2ZSB9IGZyb20gJy4vc2VhcmNoLWNvbnRhaW5lci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBGb3Jtc01vZHVsZSxcbiAgICAgICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgICAgICBNYXRJY29uTW9kdWxlLFxuICAgICAgICBNYXRUb29sdGlwTW9kdWxlXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgTmd4U2VhcmNoQ29udGFpbmVyQ29tcG9uZW50LFxuICAgICAgICBOZ3hTZWFyY2hJbnB1dERpcmVjdGl2ZVxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBOZ3hTZWFyY2hDb250YWluZXJDb21wb25lbnQsXG4gICAgICAgIE5neFNlYXJjaElucHV0RGlyZWN0aXZlXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hDb250YWluZXJNb2R1bGUgeyB9XG4iXX0=

package/fesm2015/hug-ngx-search-container.mjs

@@ -1,43 +1,36 @@
 import * as i0 from '@angular/core';
-import { Directive, Optional, Self, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Input, ContentChild, NgModule } from '@angular/core';
-import * as i2 from '@hug/ngx-core';
-import { Destroy } from '@hug/ngx-core';
+import { inject, ElementRef, Directive, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Input, ContentChild, NgModule } from '@angular/core';
+import { NgControl, FormsModule } from '@angular/forms';
+import * as i1 from '@hug/ngx-core';
+import { NgxDestroy } from '@hug/ngx-core';
 import { BehaviorSubject, switchMap, first, tap, takeUntil, distinctUntilChanged, shareReplay } from 'rxjs';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i3 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@angular/material/tooltip';
+import * as i4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatButtonModule } from '@angular/material/button';
 
-class SearchInputDirective {
-    constructor(ngControl, elementRef) {
-        this.ngControl = ngControl;
-        this.elementRef = elementRef;
+class NgxSearchInputDirective {
+    constructor() {
+        this.ngControl = inject(NgControl);
+        this.elementRef = inject(ElementRef);
         this.focus();
     }
     focus() {
         this.elementRef.nativeElement.focus();
     }
 }
-SearchInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SearchInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: SearchInputDirective, selector: "[searchInput]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchInputDirective, decorators: [{
+NgxSearchInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgxSearchInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NgxSearchInputDirective, selector: "[ngx-search-input]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchInputDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[searchInput]'
+                    selector: '[ngx-search-input]'
                 }]
-        }], ctorParameters: function () {
-        return [{ type: i1.NgControl, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Self
-                    }] }, { type: i0.ElementRef }];
-    } });
-class SearchContainerComponent extends Destroy {
+        }], ctorParameters: function () { return []; } });
+class NgxSearchContainerComponent extends NgxDestroy {
     constructor(mediaService, zone) {
         super();
         this.mediaService = mediaService;
@@ -79,12 +72,12 @@ class SearchContainerComponent extends Destroy {
         this.cleared.emit();
     }
 }
-SearchContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerComponent, deps: [{ token: i2.MediaService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SearchContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SearchContainerComponent, selector: "search-container", inputs: { clearTooltip: "clearTooltip", right: "right" }, outputs: { cleared: "cleared" }, queries: [{ propertyName: "mobileSearch", first: true, predicate: ["mobileSearch"], descendants: true }, { propertyName: "searchInput", first: true, predicate: SearchInputDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["search-container{display:flex;flex:1 1 auto;padding-left:.5rem}search-container .search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}search-container .search-container.mobile{justify-self:flex-end}search-container .search-container:not(.mobile){min-width:35vw;max-width:800px}search-container .search-container .mat-icon{padding:.5rem}search-container .search-container .icon-clear{cursor:pointer}search-container .search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}search-container .search-container input:focus{outline:none}search-container .search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}search-container .search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}search-container .search-container-mobile .mat-icon{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerComponent, decorators: [{
+NgxSearchContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchContainerComponent, deps: [{ token: i1.NgxMediaService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+NgxSearchContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgxSearchContainerComponent, selector: "ngx-search-container", inputs: { clearTooltip: "clearTooltip", right: "right" }, outputs: { cleared: "cleared" }, queries: [{ propertyName: "mobileSearch", first: true, predicate: ["mobileSearch"], descendants: true }, { propertyName: "searchInput", first: true, predicate: NgxSearchInputDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["ngx-search-container{display:flex;flex:1 1 auto;padding-left:.5rem}ngx-search-container .ngx-search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}ngx-search-container .ngx-search-container.mobile{justify-self:flex-end}ngx-search-container .ngx-search-container:not(.mobile){min-width:35vw;max-width:800px}ngx-search-container .ngx-search-container .mat-icon{padding:.5rem}ngx-search-container .ngx-search-container .icon-clear{cursor:pointer}ngx-search-container .ngx-search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}ngx-search-container .ngx-search-container input:focus{outline:none}ngx-search-container .ngx-search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}ngx-search-container .ngx-search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}ngx-search-container .ngx-search-container-mobile .mat-icon{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'search-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["search-container{display:flex;flex:1 1 auto;padding-left:.5rem}search-container .search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}search-container .search-container.mobile{justify-self:flex-end}search-container .search-container:not(.mobile){min-width:35vw;max-width:800px}search-container .search-container .mat-icon{padding:.5rem}search-container .search-container .icon-clear{cursor:pointer}search-container .search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}search-container .search-container input:focus{outline:none}search-container .search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}search-container .search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}search-container .search-container-mobile .mat-icon{padding:.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.MediaService }, { type: i0.NgZone }]; }, propDecorators: { cleared: [{
+            args: [{ selector: 'ngx-search-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["ngx-search-container{display:flex;flex:1 1 auto;padding-left:.5rem}ngx-search-container .ngx-search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}ngx-search-container .ngx-search-container.mobile{justify-self:flex-end}ngx-search-container .ngx-search-container:not(.mobile){min-width:35vw;max-width:800px}ngx-search-container .ngx-search-container .mat-icon{padding:.5rem}ngx-search-container .ngx-search-container .icon-clear{cursor:pointer}ngx-search-container .ngx-search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}ngx-search-container .ngx-search-container input:focus{outline:none}ngx-search-container .ngx-search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}ngx-search-container .ngx-search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}ngx-search-container .ngx-search-container-mobile .mat-icon{padding:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgxMediaService }, { type: i0.NgZone }]; }, propDecorators: { cleared: [{
                 type: Output
             }], clearTooltip: [{
                 type: Input
@@ -93,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['mobileSearch']
             }], searchInput: [{
                 type: ContentChild,
-                args: [SearchInputDirective]
+                args: [NgxSearchInputDirective]
             }], right: [{
                 type: Input
             }] } });
@@ -101,13 +94,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class SearchContainerModule {
 }
 SearchContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SearchContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, declarations: [SearchContainerComponent,
-        SearchInputDirective], imports: [CommonModule,
+SearchContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, declarations: [NgxSearchContainerComponent,
+        NgxSearchInputDirective], imports: [CommonModule,
         FormsModule,
         MatButtonModule,
         MatIconModule,
-        MatTooltipModule], exports: [SearchContainerComponent,
-        SearchInputDirective] });
+        MatTooltipModule], exports: [NgxSearchContainerComponent,
+        NgxSearchInputDirective] });
 SearchContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, imports: [CommonModule,
         FormsModule,
         MatButtonModule,
@@ -124,12 +117,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         MatTooltipModule
                     ],
                     declarations: [
-                        SearchContainerComponent,
-                        SearchInputDirective
+                        NgxSearchContainerComponent,
+                        NgxSearchInputDirective
                     ],
                     exports: [
-                        SearchContainerComponent,
-                        SearchInputDirective
+                        NgxSearchContainerComponent,
+                        NgxSearchInputDirective
                     ]
                 }]
         }] });
@@ -138,5 +131,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SearchContainerComponent, SearchContainerModule, SearchInputDirective };
+export { NgxSearchContainerComponent, NgxSearchInputDirective, SearchContainerModule };
 //# sourceMappingURL=hug-ngx-search-container.mjs.map

package/fesm2015/hug-ngx-search-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hug-ngx-search-container.mjs","sources":["../../../projects/search-container/src/search-container.component.ts","../../../projects/search-container/src/search-container.component.html","../../../projects/search-container/src/search-container.module.ts","../../../projects/search-container/src/hug-ngx-search-container.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, Directive, ElementRef, EventEmitter, Input, NgZone, Optional, Output, Self, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { Destroy, MediaService } from '@hug/ngx-core';\nimport { BehaviorSubject, distinctUntilChanged, first, Observable, shareReplay, switchMap, takeUntil, tap } from 'rxjs';\n\n@Directive({\n    selector: '[searchInput]'\n})\nexport class SearchInputDirective {\n    public constructor(\n        @Optional() @Self() public ngControl: NgControl,\n        private elementRef: ElementRef<HTMLElement>\n    ) {\n        this.focus();\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n}\n\n@Component({\n    selector: 'search-container',\n    templateUrl: './search-container.component.html',\n    styleUrls: ['./search-container.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SearchContainerComponent extends Destroy implements AfterContentInit {\n\n    @Output()\n    public readonly cleared = new EventEmitter<void>();\n\n    @Input()\n    public clearTooltip = 'Effacer la recherche';\n\n    @ContentChild('mobileSearch')\n    public mobileSearch: TemplateRef<unknown> | undefined;\n\n    protected readonly activeSearch$ = new BehaviorSubject(false);\n\n    protected searchInputValue$: Observable<string> | null | undefined;\n\n    private _searchInput: SearchInputDirective | undefined;\n\n    @ContentChild(SearchInputDirective)\n    public set searchInput(searchInput: SearchInputDirective) {\n        if (!searchInput) {\n            throw new Error('You need to add the attribute searchInput to the SearchContainerComponent');\n        }\n        if (!searchInput.ngControl) {\n            throw new Error('You need to add the attribute ngModel to the SearchContainerComponent');\n        }\n        this._searchInput = searchInput;\n    }\n\n    private _right: TemplateRef<unknown> | null = null;\n\n    @Input()\n    public set right(value: TemplateRef<unknown> | null) {\n        this._right = value;\n    }\n\n    public get right(): TemplateRef<unknown> | null {\n        return this._right;\n    }\n\n    public constructor(\n        protected mediaService: MediaService,\n        private zone: NgZone\n    ) {\n        super();\n\n        this.activeSearch$.pipe(\n            switchMap(activeSearch => this.zone.onStable.pipe(\n                first(),\n                tap(() => {\n                    if (!activeSearch) {\n                        this.reset();\n                    }\n                    this._searchInput?.focus();\n                })\n            )),\n            takeUntil(this.destroyed$)\n        ).subscribe();\n    }\n\n    public ngAfterContentInit(): void {\n        this.searchInputValue$ = this._searchInput?.ngControl?.valueChanges?.pipe(\n            distinctUntilChanged(),\n            shareReplay({ bufferSize: 1, refCount: false })\n        );\n    }\n\n    public reset(): void {\n        this._searchInput?.ngControl?.reset();\n        this.cleared.emit();\n    }\n}\n","<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { SearchContainerComponent, SearchInputDirective } from './search-container.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        MatButtonModule,\n        MatIconModule,\n        MatTooltipModule\n    ],\n    declarations: [\n        SearchContainerComponent,\n        SearchInputDirective\n    ],\n    exports: [\n        SearchContainerComponent,\n        SearchInputDirective\n    ]\n})\nexport class SearchContainerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hug-ngx-search-container.mjs","sources":["../../../projects/search-container/src/search-container.component.ts","../../../projects/search-container/src/search-container.component.html","../../../projects/search-container/src/search-container.module.ts","../../../projects/search-container/src/hug-ngx-search-container.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, Directive, ElementRef, EventEmitter, inject, Input, NgZone, Output, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { NgxDestroy, NgxMediaService } from '@hug/ngx-core';\nimport { BehaviorSubject, distinctUntilChanged, first, Observable, shareReplay, switchMap, takeUntil, tap } from 'rxjs';\n\n@Directive({\n    selector: '[ngx-search-input]'\n})\nexport class NgxSearchInputDirective {\n    public ngControl = inject(NgControl);\n\n    protected elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    public constructor() {\n        this.focus();\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n}\n\n@Component({\n    selector: 'ngx-search-container',\n    templateUrl: './search-container.component.html',\n    styleUrls: ['./search-container.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NgxSearchContainerComponent extends NgxDestroy implements AfterContentInit {\n\n    @Output()\n    public readonly cleared = new EventEmitter<void>();\n\n    @Input()\n    public clearTooltip = 'Effacer la recherche';\n\n    @ContentChild('mobileSearch')\n    public mobileSearch: TemplateRef<unknown> | undefined;\n\n    protected readonly activeSearch$ = new BehaviorSubject(false);\n\n    protected searchInputValue$: Observable<string> | null | undefined;\n\n    private _searchInput: NgxSearchInputDirective | undefined;\n\n    @ContentChild(NgxSearchInputDirective)\n    public set searchInput(searchInput: NgxSearchInputDirective) {\n        if (!searchInput) {\n            throw new Error('You need to add the attribute searchInput to the SearchContainerComponent');\n        }\n        if (!searchInput.ngControl) {\n            throw new Error('You need to add the attribute ngModel to the SearchContainerComponent');\n        }\n        this._searchInput = searchInput;\n    }\n\n    private _right: TemplateRef<unknown> | null = null;\n\n    @Input()\n    public set right(value: TemplateRef<unknown> | null) {\n        this._right = value;\n    }\n\n    public get right(): TemplateRef<unknown> | null {\n        return this._right;\n    }\n\n    public constructor(\n        protected mediaService: NgxMediaService,\n        private zone: NgZone\n    ) {\n        super();\n\n        this.activeSearch$.pipe(\n            switchMap(activeSearch => this.zone.onStable.pipe(\n                first(),\n                tap(() => {\n                    if (!activeSearch) {\n                        this.reset();\n                    }\n                    this._searchInput?.focus();\n                })\n            )),\n            takeUntil(this.destroyed$)\n        ).subscribe();\n    }\n\n    public ngAfterContentInit(): void {\n        this.searchInputValue$ = this._searchInput?.ngControl?.valueChanges?.pipe(\n            distinctUntilChanged(),\n            shareReplay({ bufferSize: 1, refCount: false })\n        );\n    }\n\n    public reset(): void {\n        this._searchInput?.ngControl?.reset();\n        this.cleared.emit();\n    }\n}\n","<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { NgxSearchContainerComponent, NgxSearchInputDirective } from './search-container.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        MatButtonModule,\n        MatIconModule,\n        MatTooltipModule\n    ],\n    declarations: [\n        NgxSearchContainerComponent,\n        NgxSearchInputDirective\n    ],\n    exports: [\n        NgxSearchContainerComponent,\n        NgxSearchInputDirective\n    ]\n})\nexport class SearchContainerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAQa,uBAAuB,CAAA;AAKhC,IAAA,WAAA,GAAA;AAJO,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAE3B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;QAG/D,IAAI,CAAC,KAAK,EAAE,CAAC;KAChB;IAEM,KAAK,GAAA;AACR,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KACzC;;oHAXQ,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;wGAAvB,uBAAuB,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;iBACjC,CAAA;;AAsBK,MAAO,2BAA4B,SAAQ,UAAU,CAAA;IAuCvD,WACc,CAAA,YAA6B,EAC/B,IAAY,EAAA;AAEpB,QAAA,KAAK,EAAE,CAAC;AAHE,QAAA,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAiB;AAC/B,QAAA,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAQ;AAtCR,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAQ,CAAC;AAG5C,QAAA,IAAY,CAAA,YAAA,GAAG,sBAAsB,CAAC;QAK1B,IAAA,CAAA,aAAa,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;AAiBtD,QAAA,IAAM,CAAA,MAAA,GAAgC,IAAI,CAAC;QAiB/C,IAAI,CAAC,aAAa,CAAC,IAAI,CACnB,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAC7C,KAAK,EAAE,EACP,GAAG,CAAC,MAAK;;YACL,IAAI,CAAC,YAAY,EAAE;gBACf,IAAI,CAAC,KAAK,EAAE,CAAC;AAChB,aAAA;AACD,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;AAC/B,SAAC,CAAC,CACL,CAAC,EACF,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAC7B,CAAC,SAAS,EAAE,CAAC;KACjB;IAxCD,IACW,WAAW,CAAC,WAAoC,EAAA;QACvD,IAAI,CAAC,WAAW,EAAE;AACd,YAAA,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAC;AAChG,SAAA;AACD,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE;AACxB,YAAA,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC,CAAC;AAC5F,SAAA;AACD,QAAA,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;KACnC;IAID,IACW,KAAK,CAAC,KAAkC,EAAA;AAC/C,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACvB;AAED,IAAA,IAAW,KAAK,GAAA;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;KACtB;IAsBM,kBAAkB,GAAA;;AACrB,QAAA,IAAI,CAAC,iBAAiB,GAAG,CAAA,EAAA,GAAA,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAY,0CAAE,IAAI,CACrE,oBAAoB,EAAE,EACtB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAClD,CAAC;KACL;IAEM,KAAK,GAAA;;QACR,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,0CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAC;AACtC,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACvB;;wHArEQ,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4GAA3B,2BAA2B,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAiBtB,uBAAuB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9CzC,sjCAsBA,EAAA,MAAA,EAAA,CAAA,s/BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDOa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,iBAGjB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sjCAAA,EAAA,MAAA,EAAA,CAAA,s/BAAA,CAAA,EAAA,CAAA;2HAK/B,OAAO,EAAA,CAAA;sBADtB,MAAM;gBAIA,YAAY,EAAA,CAAA;sBADlB,KAAK;gBAIC,YAAY,EAAA,CAAA;sBADlB,YAAY;uBAAC,cAAc,CAAA;gBAUjB,WAAW,EAAA,CAAA;sBADrB,YAAY;uBAAC,uBAAuB,CAAA;gBAc1B,KAAK,EAAA,CAAA;sBADf,KAAK;;;MEjCG,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,iBAR1B,2BAA2B;AAC3B,QAAA,uBAAuB,aARvB,YAAY;QACZ,WAAW;QACX,eAAe;QACf,aAAa;AACb,QAAA,gBAAgB,aAOhB,2BAA2B;QAC3B,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAGlB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAf1B,YAAY;QACZ,WAAW;QACX,eAAe;QACf,aAAa;QACb,gBAAgB,CAAA,EAAA,CAAA,CAAA;2FAWX,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAjBjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,WAAW;wBACX,eAAe;wBACf,aAAa;wBACb,gBAAgB;AACnB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,2BAA2B;wBAC3B,uBAAuB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,2BAA2B;wBAC3B,uBAAuB;AAC1B,qBAAA;iBACJ,CAAA;;;ACzBD;;AAEG;;;;"}

package/fesm2020/hug-ngx-search-container.mjs

@@ -1,41 +1,36 @@
 import * as i0 from '@angular/core';
-import { Directive, Optional, Self, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Input, ContentChild, NgModule } from '@angular/core';
-import * as i2 from '@hug/ngx-core';
-import { Destroy } from '@hug/ngx-core';
+import { inject, ElementRef, Directive, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Output, Input, ContentChild, NgModule } from '@angular/core';
+import { NgControl, FormsModule } from '@angular/forms';
+import * as i1 from '@hug/ngx-core';
+import { NgxDestroy } from '@hug/ngx-core';
 import { BehaviorSubject, switchMap, first, tap, takeUntil, distinctUntilChanged, shareReplay } from 'rxjs';
-import * as i1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i3 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@angular/material/icon';
+import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@angular/material/tooltip';
+import * as i4 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatButtonModule } from '@angular/material/button';
 
-class SearchInputDirective {
-    constructor(ngControl, elementRef) {
-        this.ngControl = ngControl;
-        this.elementRef = elementRef;
+class NgxSearchInputDirective {
+    constructor() {
+        this.ngControl = inject(NgControl);
+        this.elementRef = inject(ElementRef);
         this.focus();
     }
     focus() {
         this.elementRef.nativeElement.focus();
     }
 }
-SearchInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchInputDirective, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-SearchInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: SearchInputDirective, selector: "[searchInput]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchInputDirective, decorators: [{
+NgxSearchInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgxSearchInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: NgxSearchInputDirective, selector: "[ngx-search-input]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchInputDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[searchInput]'
+                    selector: '[ngx-search-input]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i0.ElementRef }]; } });
-class SearchContainerComponent extends Destroy {
+        }], ctorParameters: function () { return []; } });
+class NgxSearchContainerComponent extends NgxDestroy {
     constructor(mediaService, zone) {
         super();
         this.mediaService = mediaService;
@@ -74,12 +69,12 @@ class SearchContainerComponent extends Destroy {
         this.cleared.emit();
     }
 }
-SearchContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerComponent, deps: [{ token: i2.MediaService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SearchContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SearchContainerComponent, selector: "search-container", inputs: { clearTooltip: "clearTooltip", right: "right" }, outputs: { cleared: "cleared" }, queries: [{ propertyName: "mobileSearch", first: true, predicate: ["mobileSearch"], descendants: true }, { propertyName: "searchInput", first: true, predicate: SearchInputDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["search-container{display:flex;flex:1 1 auto;padding-left:.5rem}search-container .search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}search-container .search-container.mobile{justify-self:flex-end}search-container .search-container:not(.mobile){min-width:35vw;max-width:800px}search-container .search-container .mat-icon{padding:.5rem}search-container .search-container .icon-clear{cursor:pointer}search-container .search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}search-container .search-container input:focus{outline:none}search-container .search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}search-container .search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}search-container .search-container-mobile .mat-icon{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerComponent, decorators: [{
+NgxSearchContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchContainerComponent, deps: [{ token: i1.NgxMediaService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+NgxSearchContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgxSearchContainerComponent, selector: "ngx-search-container", inputs: { clearTooltip: "clearTooltip", right: "right" }, outputs: { cleared: "cleared" }, queries: [{ propertyName: "mobileSearch", first: true, predicate: ["mobileSearch"], descendants: true }, { propertyName: "searchInput", first: true, predicate: NgxSearchInputDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["ngx-search-container{display:flex;flex:1 1 auto;padding-left:.5rem}ngx-search-container .ngx-search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}ngx-search-container .ngx-search-container.mobile{justify-self:flex-end}ngx-search-container .ngx-search-container:not(.mobile){min-width:35vw;max-width:800px}ngx-search-container .ngx-search-container .mat-icon{padding:.5rem}ngx-search-container .ngx-search-container .icon-clear{cursor:pointer}ngx-search-container .ngx-search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}ngx-search-container .ngx-search-container input:focus{outline:none}ngx-search-container .ngx-search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}ngx-search-container .ngx-search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}ngx-search-container .ngx-search-container-mobile .mat-icon{padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgxSearchContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'search-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["search-container{display:flex;flex:1 1 auto;padding-left:.5rem}search-container .search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}search-container .search-container.mobile{justify-self:flex-end}search-container .search-container:not(.mobile){min-width:35vw;max-width:800px}search-container .search-container .mat-icon{padding:.5rem}search-container .search-container .icon-clear{cursor:pointer}search-container .search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}search-container .search-container input:focus{outline:none}search-container .search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}search-container .search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}search-container .search-container-mobile .mat-icon{padding:.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i2.MediaService }, { type: i0.NgZone }]; }, propDecorators: { cleared: [{
+            args: [{ selector: 'ngx-search-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n", styles: ["ngx-search-container{display:flex;flex:1 1 auto;padding-left:.5rem}ngx-search-container .ngx-search-container{width:100%;transition:.3s ease-in-out;border-radius:4px;height:40px;display:flex}ngx-search-container .ngx-search-container.mobile{justify-self:flex-end}ngx-search-container .ngx-search-container:not(.mobile){min-width:35vw;max-width:800px}ngx-search-container .ngx-search-container .mat-icon{padding:.5rem}ngx-search-container .ngx-search-container .icon-clear{cursor:pointer}ngx-search-container .ngx-search-container input{width:100%;background:none;border:none;outline:none;font-size:1.2rem}ngx-search-container .ngx-search-container input:focus{outline:none}ngx-search-container .ngx-search-container-mobile{width:100%;display:flex;justify-content:flex-end;height:40px}ngx-search-container .ngx-search-container-mobile.active{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:56px;z-index:10}ngx-search-container .ngx-search-container-mobile .mat-icon{padding:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NgxMediaService }, { type: i0.NgZone }]; }, propDecorators: { cleared: [{
                 type: Output
             }], clearTooltip: [{
                 type: Input
@@ -88,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['mobileSearch']
             }], searchInput: [{
                 type: ContentChild,
-                args: [SearchInputDirective]
+                args: [NgxSearchInputDirective]
             }], right: [{
                 type: Input
             }] } });
@@ -96,13 +91,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class SearchContainerModule {
 }
 SearchContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SearchContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, declarations: [SearchContainerComponent,
-        SearchInputDirective], imports: [CommonModule,
+SearchContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, declarations: [NgxSearchContainerComponent,
+        NgxSearchInputDirective], imports: [CommonModule,
         FormsModule,
         MatButtonModule,
         MatIconModule,
-        MatTooltipModule], exports: [SearchContainerComponent,
-        SearchInputDirective] });
+        MatTooltipModule], exports: [NgxSearchContainerComponent,
+        NgxSearchInputDirective] });
 SearchContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchContainerModule, imports: [CommonModule,
         FormsModule,
         MatButtonModule,
@@ -119,12 +114,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         MatTooltipModule
                     ],
                     declarations: [
-                        SearchContainerComponent,
-                        SearchInputDirective
+                        NgxSearchContainerComponent,
+                        NgxSearchInputDirective
                     ],
                     exports: [
-                        SearchContainerComponent,
-                        SearchInputDirective
+                        NgxSearchContainerComponent,
+                        NgxSearchInputDirective
                     ]
                 }]
         }] });
@@ -133,5 +128,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SearchContainerComponent, SearchContainerModule, SearchInputDirective };
+export { NgxSearchContainerComponent, NgxSearchInputDirective, SearchContainerModule };
 //# sourceMappingURL=hug-ngx-search-container.mjs.map

package/fesm2020/hug-ngx-search-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hug-ngx-search-container.mjs","sources":["../../../projects/search-container/src/search-container.component.ts","../../../projects/search-container/src/search-container.component.html","../../../projects/search-container/src/search-container.module.ts","../../../projects/search-container/src/hug-ngx-search-container.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, Directive, ElementRef, EventEmitter, Input, NgZone, Optional, Output, Self, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { Destroy, MediaService } from '@hug/ngx-core';\nimport { BehaviorSubject, distinctUntilChanged, first, Observable, shareReplay, switchMap, takeUntil, tap } from 'rxjs';\n\n@Directive({\n    selector: '[searchInput]'\n})\nexport class SearchInputDirective {\n    public constructor(\n        @Optional() @Self() public ngControl: NgControl,\n        private elementRef: ElementRef<HTMLElement>\n    ) {\n        this.focus();\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n}\n\n@Component({\n    selector: 'search-container',\n    templateUrl: './search-container.component.html',\n    styleUrls: ['./search-container.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SearchContainerComponent extends Destroy implements AfterContentInit {\n\n    @Output()\n    public readonly cleared = new EventEmitter<void>();\n\n    @Input()\n    public clearTooltip = 'Effacer la recherche';\n\n    @ContentChild('mobileSearch')\n    public mobileSearch: TemplateRef<unknown> | undefined;\n\n    protected readonly activeSearch$ = new BehaviorSubject(false);\n\n    protected searchInputValue$: Observable<string> | null | undefined;\n\n    private _searchInput: SearchInputDirective | undefined;\n\n    @ContentChild(SearchInputDirective)\n    public set searchInput(searchInput: SearchInputDirective) {\n        if (!searchInput) {\n            throw new Error('You need to add the attribute searchInput to the SearchContainerComponent');\n        }\n        if (!searchInput.ngControl) {\n            throw new Error('You need to add the attribute ngModel to the SearchContainerComponent');\n        }\n        this._searchInput = searchInput;\n    }\n\n    private _right: TemplateRef<unknown> | null = null;\n\n    @Input()\n    public set right(value: TemplateRef<unknown> | null) {\n        this._right = value;\n    }\n\n    public get right(): TemplateRef<unknown> | null {\n        return this._right;\n    }\n\n    public constructor(\n        protected mediaService: MediaService,\n        private zone: NgZone\n    ) {\n        super();\n\n        this.activeSearch$.pipe(\n            switchMap(activeSearch => this.zone.onStable.pipe(\n                first(),\n                tap(() => {\n                    if (!activeSearch) {\n                        this.reset();\n                    }\n                    this._searchInput?.focus();\n                })\n            )),\n            takeUntil(this.destroyed$)\n        ).subscribe();\n    }\n\n    public ngAfterContentInit(): void {\n        this.searchInputValue$ = this._searchInput?.ngControl?.valueChanges?.pipe(\n            distinctUntilChanged(),\n            shareReplay({ bufferSize: 1, refCount: false })\n        );\n    }\n\n    public reset(): void {\n        this._searchInput?.ngControl?.reset();\n        this.cleared.emit();\n    }\n}\n","<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { SearchContainerComponent, SearchInputDirective } from './search-container.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        MatButtonModule,\n        MatIconModule,\n        MatTooltipModule\n    ],\n    declarations: [\n        SearchContainerComponent,\n        SearchInputDirective\n    ],\n    exports: [\n        SearchContainerComponent,\n        SearchInputDirective\n    ]\n})\nexport class SearchContainerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hug-ngx-search-container.mjs","sources":["../../../projects/search-container/src/search-container.component.ts","../../../projects/search-container/src/search-container.component.html","../../../projects/search-container/src/search-container.module.ts","../../../projects/search-container/src/hug-ngx-search-container.ts"],"sourcesContent":["import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChild, Directive, ElementRef, EventEmitter, inject, Input, NgZone, Output, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { NgxDestroy, NgxMediaService } from '@hug/ngx-core';\nimport { BehaviorSubject, distinctUntilChanged, first, Observable, shareReplay, switchMap, takeUntil, tap } from 'rxjs';\n\n@Directive({\n    selector: '[ngx-search-input]'\n})\nexport class NgxSearchInputDirective {\n    public ngControl = inject(NgControl);\n\n    protected elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    public constructor() {\n        this.focus();\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n}\n\n@Component({\n    selector: 'ngx-search-container',\n    templateUrl: './search-container.component.html',\n    styleUrls: ['./search-container.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NgxSearchContainerComponent extends NgxDestroy implements AfterContentInit {\n\n    @Output()\n    public readonly cleared = new EventEmitter<void>();\n\n    @Input()\n    public clearTooltip = 'Effacer la recherche';\n\n    @ContentChild('mobileSearch')\n    public mobileSearch: TemplateRef<unknown> | undefined;\n\n    protected readonly activeSearch$ = new BehaviorSubject(false);\n\n    protected searchInputValue$: Observable<string> | null | undefined;\n\n    private _searchInput: NgxSearchInputDirective | undefined;\n\n    @ContentChild(NgxSearchInputDirective)\n    public set searchInput(searchInput: NgxSearchInputDirective) {\n        if (!searchInput) {\n            throw new Error('You need to add the attribute searchInput to the SearchContainerComponent');\n        }\n        if (!searchInput.ngControl) {\n            throw new Error('You need to add the attribute ngModel to the SearchContainerComponent');\n        }\n        this._searchInput = searchInput;\n    }\n\n    private _right: TemplateRef<unknown> | null = null;\n\n    @Input()\n    public set right(value: TemplateRef<unknown> | null) {\n        this._right = value;\n    }\n\n    public get right(): TemplateRef<unknown> | null {\n        return this._right;\n    }\n\n    public constructor(\n        protected mediaService: NgxMediaService,\n        private zone: NgZone\n    ) {\n        super();\n\n        this.activeSearch$.pipe(\n            switchMap(activeSearch => this.zone.onStable.pipe(\n                first(),\n                tap(() => {\n                    if (!activeSearch) {\n                        this.reset();\n                    }\n                    this._searchInput?.focus();\n                })\n            )),\n            takeUntil(this.destroyed$)\n        ).subscribe();\n    }\n\n    public ngAfterContentInit(): void {\n        this.searchInputValue$ = this._searchInput?.ngControl?.valueChanges?.pipe(\n            distinctUntilChanged(),\n            shareReplay({ bufferSize: 1, refCount: false })\n        );\n    }\n\n    public reset(): void {\n        this._searchInput?.ngControl?.reset();\n        this.cleared.emit();\n    }\n}\n","<div *ngIf=\"mediaService.isHandset$ | async; else noHandsetTpl\" class=\"ngx-search-container-mobile mobile\" [class.active]=\"activeSearch$ | async\" #mobileSearch>\n    <ng-container *ngIf=\"activeSearch$ | async; else noActiveSearchTpl\">\n        <mat-icon (click)=\"activeSearch$.next(false)\">arrow_back</mat-icon>\n        <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n    </ng-container>\n    <ng-template #noActiveSearchTpl>\n        <mat-icon (click)=\"activeSearch$.next(true)\">search</mat-icon>\n    </ng-template>\n</div>\n\n<ng-template #noHandsetTpl>\n    <ng-container *ngTemplateOutlet=\"searchContainerTpl\"></ng-container>\n</ng-template>\n\n<ng-template #searchContainerTpl>\n    <div class=\"ngx-search-container\">\n        <mat-icon>search</mat-icon>\n        <ng-content></ng-content>\n        <mat-icon *ngIf=\"searchInputValue$ | async\" class=\"icon-clear\" [matTooltip]=\"clearTooltip\" (click)=\"reset()\">close</mat-icon>\n        <ng-container *ngTemplateOutlet=\"right\"></ng-container>\n    </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { NgxSearchContainerComponent, NgxSearchInputDirective } from './search-container.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        MatButtonModule,\n        MatIconModule,\n        MatTooltipModule\n    ],\n    declarations: [\n        NgxSearchContainerComponent,\n        NgxSearchInputDirective\n    ],\n    exports: [\n        NgxSearchContainerComponent,\n        NgxSearchInputDirective\n    ]\n})\nexport class SearchContainerModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,57 +1,51 @@
 {
-  "name": "@hug/ngx-search-container",
-  "version": "1.1.2",
-  "description": "HUG Angular - search-container component",
-  "homepage": "https://github.com/dsi-hug/ngx-components",
-  "license": "GPL-3.0-only",
-  "author": "HUG - Hôpitaux Universitaires Genève",
-  "contributors": [
-    "badisi (https://github.com/badisi)",
-    "vapkse (https://github.com/vapkse)"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/dsi-hug/ngx-components.git"
-  },
-  "keywords": [
-    "angular",
-    "material",
-    "material design",
-    "components"
-  ],
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "sass": "./_search-container-theme.scss",
-      "types": "./index.d.ts",
-      "esm2020": "./esm2020/hug-ngx-search-container.mjs",
-      "es2020": "./fesm2020/hug-ngx-search-container.mjs",
-      "es2015": "./fesm2015/hug-ngx-search-container.mjs",
-      "node": "./fesm2015/hug-ngx-search-container.mjs",
-      "default": "./fesm2020/hug-ngx-search-container.mjs"
+    "name": "@hug/ngx-search-container",
+    "version": "1.1.3",
+    "description": "HUG Angular - search-container component",
+    "homepage": "https://github.com/dsi-hug/ngx-components",
+    "license": "GPL-3.0-only",
+    "author": "HUG - Hôpitaux Universitaires Genève",
+    "contributors": [
+        "badisi (https://github.com/badisi)",
+        "vapkse (https://github.com/vapkse)"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/dsi-hug/ngx-components.git"
     },
-    "./package.json": {
-      "default": "./package.json"
+    "keywords": [
+        "angular",
+        "material",
+        "material design",
+        "components"
+    ],
+    "sideEffects": false,
+    "exports": {
+        ".": {
+            "sass": "./_search-container-theme.scss"
+        }
+    },
+    "scripts": {
+        "lint": "eslint . --fix",
+        "test": "ng test search-container",
+        "test:ci": "ng test search-container --watch=false --browsers=ChromeHeadless",
+        "build:ng": "ng build search-container -c=production",
+        "build": "nx build:ng @hug/ngx-search-container --verbose",
+        "release": "node -r @swc-node/register ../../scripts/release.ts --projects=@hug/ngx-search-container --verbose",
+        "release:dry-run": "npm run release -- --dry-run"
+    },
+    "peerDependencies": {
+        "@angular/common": ">= 14",
+        "@angular/core": ">= 14",
+        "@angular/forms": ">= 14",
+        "@angular/material": ">= 14",
+        "rxjs": ">= 7.0.0",
+        "@hug/ngx-core": "1.1.8"
+    },
+    "dependencies": {
+        "tslib": "^2.6.3"
+    },
+    "publishConfig": {
+        "access": "public"
     }
-  },
-  "peerDependencies": {
-    "@angular/common": ">= 14",
-    "@angular/core": ">= 14",
-    "@angular/forms": ">= 14",
-    "@angular/material": ">= 14",
-    "rxjs": ">= 7.0.0",
-    "@hug/ngx-core": "1.1.7"
-  },
-  "dependencies": {
-    "tslib": "^2.6.3"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "module": "fesm2015/hug-ngx-search-container.mjs",
-  "es2020": "fesm2020/hug-ngx-search-container.mjs",
-  "esm2020": "esm2020/hug-ngx-search-container.mjs",
-  "fesm2020": "fesm2020/hug-ngx-search-container.mjs",
-  "fesm2015": "fesm2015/hug-ngx-search-container.mjs",
-  "typings": "index.d.ts"
 }

package/search-container.component.d.ts

@@ -1,18 +1,18 @@
 import { AfterContentInit, ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { Destroy, MediaService } from '@hug/ngx-core';
+import { NgxDestroy, NgxMediaService } from '@hug/ngx-core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class SearchInputDirective {
+export declare class NgxSearchInputDirective {
     ngControl: NgControl;
-    private elementRef;
-    constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
+    protected elementRef: ElementRef<HTMLElement>;
+    constructor();
     focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchInputDirective, [{ optional: true; self: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SearchInputDirective, "[searchInput]", never, {}, {}, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxSearchInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxSearchInputDirective, "[ngx-search-input]", never, {}, {}, never, never, false>;
 }
-export declare class SearchContainerComponent extends Destroy implements AfterContentInit {
-    protected mediaService: MediaService;
+export declare class NgxSearchContainerComponent extends NgxDestroy implements AfterContentInit {
+    protected mediaService: NgxMediaService;
     private zone;
     readonly cleared: EventEmitter<void>;
     clearTooltip: string;
@@ -20,13 +20,13 @@ export declare class SearchContainerComponent extends Destroy implements AfterCo
     protected readonly activeSearch$: BehaviorSubject<boolean>;
     protected searchInputValue$: Observable<string> | null | undefined;
     private _searchInput;
-    set searchInput(searchInput: SearchInputDirective);
+    set searchInput(searchInput: NgxSearchInputDirective);
     private _right;
     set right(value: TemplateRef<unknown> | null);
     get right(): TemplateRef<unknown> | null;
-    constructor(mediaService: MediaService, zone: NgZone);
+    constructor(mediaService: NgxMediaService, zone: NgZone);
     ngAfterContentInit(): void;
     reset(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchContainerComponent, "search-container", never, { "clearTooltip": "clearTooltip"; "right": "right"; }, { "cleared": "cleared"; }, ["mobileSearch", "searchInput"], ["*"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxSearchContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxSearchContainerComponent, "ngx-search-container", never, { "clearTooltip": "clearTooltip"; "right": "right"; }, { "cleared": "cleared"; }, ["mobileSearch", "searchInput"], ["*"], false>;
 }

package/search-container.module.d.ts

@@ -7,6 +7,6 @@ import * as i5 from "@angular/material/icon";
 import * as i6 from "@angular/material/tooltip";
 export declare class SearchContainerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchContainerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchContainerModule, [typeof i1.SearchContainerComponent, typeof i1.SearchInputDirective], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatTooltipModule], [typeof i1.SearchContainerComponent, typeof i1.SearchInputDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SearchContainerModule, [typeof i1.NgxSearchContainerComponent, typeof i1.NgxSearchInputDirective], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.MatTooltipModule], [typeof i1.NgxSearchContainerComponent, typeof i1.NgxSearchInputDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SearchContainerModule>;
 }