@wizishop/angular-components 0.0.168 → 14.0.3

package/fesm2015/wizishop-angular-components.mjs

@@ -0,0 +1,4224 @@
+import * as i1$2 from '@wizishop/ng-wizi-bulma';
+import { NwbAllModule, NwbFilterGroup } from '@wizishop/ng-wizi-bulma';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, EventEmitter, Directive, Output, HostListener, Injectable, NgModule, Inject, Pipe, ContentChildren, ViewChild } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from 'ngx-perfect-scrollbar';
+import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
+import { Subject, merge, fromEvent, ReplaySubject, interval } from 'rxjs';
+import { takeUntil, debounceTime, distinctUntilChanged, tap, map, takeWhile } from 'rxjs/operators';
+import * as i1$1 from '@angular/cdk/overlay';
+import { CdkTableModule } from '@angular/cdk/table';
+import { trigger, transition, style, animate, state } from '@angular/animations';
+import { TagInputModule } from 'ngx-chips';
+import * as i1$3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class LoaderComponent {
+    constructor() {
+        this.text = '';
+        this.small = false;
+    }
+}
+LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LoaderComponent, selector: "wac-loader", inputs: { text: "text", small: "small" }, ngImport: i0, template: "<div class=\"wac-loader\" [ngClass]=\"{ 'is-small': small }\">\n  <div class=\"loader loader1\">\n    <div>\n      <div>\n        <div>\n          <div>\n            <div>\n              <div></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <p class=\"is-textcentered\" *ngIf=\"text != ''\" [innerHTML]=\"text\"></p>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-loader', encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-loader\" [ngClass]=\"{ 'is-small': small }\">\n  <div class=\"loader loader1\">\n    <div>\n      <div>\n        <div>\n          <div>\n            <div>\n              <div></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <p class=\"is-textcentered\" *ngIf=\"text != ''\" [innerHTML]=\"text\"></p>\n</div>\n" }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], small: [{
+                type: Input
+            }] } });
+
+class AbstractDebounceDirective {
+    constructor() {
+        this.debounceTime = 500;
+        this.onEventChange = new EventEmitter();
+        this.emitEvent$ = new Subject();
+        this.subscription$ = new Subject();
+    }
+    ngOnInit() {
+        this.emitEvent$
+            .pipe(takeUntil(this.subscription$), debounceTime(this.debounceTime), distinctUntilChanged(), tap(value => this.emitChange(value)))
+            .subscribe();
+    }
+    emitChange(value) {
+        this.onEventChange.emit(value);
+    }
+    ngOnDestroy() {
+        this.subscription$.next();
+        this.subscription$.complete();
+    }
+}
+AbstractDebounceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AbstractDebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+AbstractDebounceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: AbstractDebounceDirective, selector: "AbstractDebounceDirective", inputs: { debounceTime: "debounceTime" }, outputs: { onEventChange: "onEventChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AbstractDebounceDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'AbstractDebounceDirective'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { debounceTime: [{
+                type: Input
+            }], onEventChange: [{
+                type: Output
+            }] } });
+
+class DebounceKeyupDirective extends AbstractDebounceDirective {
+    constructor() {
+        super();
+    }
+    onKeyUp(event) {
+        event.preventDefault();
+        this.emitEvent$.next(event);
+    }
+}
+DebounceKeyupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DebounceKeyupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DebounceKeyupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: DebounceKeyupDirective, selector: "input[debounceKeyUp]", host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DebounceKeyupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[debounceKeyUp]'
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { onKeyUp: [{
+                type: HostListener,
+                args: ['keyup', ['$event']]
+            }] } });
+
+class InputSearchComponent {
+    constructor() {
+        this.placeholder = '';
+        this.smallPadding = false; // todo Try to be more flexible like changing type : export type PaddingConfig = "default" | "small" | "big" | "no-padding";
+        this.innerValue = '';
+        this.changeDebounced = new EventEmitter(); // debounced
+        this.onTouchedCallback = () => { };
+        this.onChangeCallback = () => { };
+    }
+    get value() {
+        return this.innerValue;
+    }
+    set value(v) {
+        if (v !== this.innerValue) {
+            this.innerValue = v;
+            this.onChangeCallback(v);
+        }
+    }
+    writeValue(value) {
+        if (value !== this.innerValue) {
+            this.innerValue = value;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChangeCallback = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    handleDebouncedKeyUp() {
+        this.changeDebounced.emit(this.value);
+    }
+}
+InputSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputSearchComponent, selector: "wac-input-search", inputs: { placeholder: "placeholder", smallPadding: "smallPadding", id: "id" }, outputs: { changeDebounced: "changeDebounced" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputSearchComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-input-search\" [ngClass]=\"smallPadding ? 'small-padding' : ''\">\n  <p class=\"control has-icons-left has-icons-right\">\n    <input\n      [placeholder]=\"placeholder\"\n      value=\"\"\n      class=\"input\"\n      type=\"text\"\n      [attr.id]=\"id\"\n      [(ngModel)]=\"value\"\n      debounceKeyUp\n      [debounceTime]=\"1000\"\n      (onEventChange)=\"handleDebouncedKeyUp()\"\n    />\n    <i class=\"icon fal fa-search\"></i>\n  </p>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: DebounceKeyupDirective, selector: "input[debounceKeyUp]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-input-search', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputSearchComponent, multi: true }], template: "<div class=\"wac-field-input-search\" [ngClass]=\"smallPadding ? 'small-padding' : ''\">\n  <p class=\"control has-icons-left has-icons-right\">\n    <input\n      [placeholder]=\"placeholder\"\n      value=\"\"\n      class=\"input\"\n      type=\"text\"\n      [attr.id]=\"id\"\n      [(ngModel)]=\"value\"\n      debounceKeyUp\n      [debounceTime]=\"1000\"\n      (onEventChange)=\"handleDebouncedKeyUp()\"\n    />\n    <i class=\"icon fal fa-search\"></i>\n  </p>\n</div>\n" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], smallPadding: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], changeDebounced: [{
+                type: Output
+            }] } });
+
+class DomService {
+    constructor(componentFactoryResolver, appRef, injector, overlayContainer) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.appRef = appRef;
+        this.injector = injector;
+        this.overlayContainer = overlayContainer;
+        this.documentEventSource = new Subject();
+        this.documentEventDone = this.documentEventSource.asObservable();
+        this.eventInitialisation = true;
+        this.documentScrollSource = new Subject();
+        this.documentScrollDone = this.documentScrollSource.asObservable();
+    }
+    documentEvent() {
+        this.setDocumentEventListener();
+        return this.documentEventDone;
+    }
+    setDocumentEventListener() {
+        if (!this.eventInitialisation) {
+            return;
+        }
+        this.eventInitialisation = false;
+        document.body.addEventListener('click', event => {
+            this.documentEventSource.next(event.target);
+        });
+    }
+    documentScroll() {
+        return this.documentScrollDone;
+    }
+    setScrollEventListener() {
+        window.onscroll = () => {
+            this.documentScrollSource.next(window);
+        };
+    }
+    attachComponentPortal(component, injector) {
+        const componentRef = this.componentFactoryResolver
+            .resolveComponentFactory(component)
+            .create(injector ? injector : this.injector);
+        this.appRef.attachView(componentRef.hostView);
+        this.overlayContainer.getContainerElement().appendChild(this._getComponentRootNode(componentRef));
+        return componentRef;
+    }
+    /** Gets the root HTMLElement for an instantiated component. */
+    _getComponentRootNode(componentRef) {
+        return componentRef.hostView.rootNodes[0];
+    }
+}
+DomService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DomService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i1$1.OverlayContainer }], target: i0.ɵɵFactoryTarget.Injectable });
+DomService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DomService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DomService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i1$1.OverlayContainer }]; } });
+
+class AutoHideDirective {
+    constructor(_elementRef, domService) {
+        this._elementRef = _elementRef;
+        this.domService = domService;
+        this.forceOn = null;
+        this.clickOutside = new EventEmitter();
+    }
+    ngAfterViewInit() {
+        this.subscription = this.domService.documentEvent().subscribe((targetElement) => {
+            const clickedInside = this._elementRef.nativeElement.contains(targetElement);
+            const classNameFromElement = targetElement.getAttribute('class');
+            if (!clickedInside && (classNameFromElement === null || !classNameFromElement.includes(this.triggerElement))) {
+                this.clickOutside.emit(null);
+            }
+            if (this.forceOn != null && classNameFromElement !== null) {
+                let needToClose = true;
+                this.forceOn.forEach(v => {
+                    if (!classNameFromElement.includes(v)) {
+                        needToClose = false;
+                    }
+                });
+                if (needToClose) {
+                    this.clickOutside.emit(null);
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+}
+AutoHideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AutoHideDirective, deps: [{ token: i0.ElementRef }, { token: DomService }], target: i0.ɵɵFactoryTarget.Directive });
+AutoHideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: { triggerElement: "triggerElement", forceOn: "forceOn" }, outputs: { clickOutside: "clickOutside" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AutoHideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[wzAutoHide]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: DomService }]; }, propDecorators: { triggerElement: [{
+                type: Input
+            }], forceOn: [{
+                type: Input
+            }], clickOutside: [{
+                type: Output,
+                args: ['clickOutside']
+            }] } });
+
+class ZindexToggleDirective {
+    constructor(currentElement, renderer) {
+        this.currentElement = currentElement;
+        this.renderer = renderer;
+        this.isActived = false;
+    }
+    set isActive(value) {
+        this.isActived = value;
+        this.switchToggle();
+    }
+    get isActive() {
+        return this.isActived;
+    }
+    ngOnInit() {
+    }
+    switchToggle() {
+        if (this.isActived) {
+            this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
+            this.renderer.addClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
+        }
+        else {
+            this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode, 'zindexToggle');
+            this.renderer.removeClass(this.currentElement.nativeElement.parentElement.parentNode.parentNode, 'zindexToggle');
+        }
+    }
+    ngOnDestroy() {
+    }
+}
+ZindexToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ZindexToggleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+ZindexToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: { isActive: ["zIndexToggle", "isActive"] }, outputs: { onEventChange: "onEventChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ZindexToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[zIndexToggle]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { onEventChange: [{
+                type: Output
+            }], isActive: [{
+                type: Input,
+                args: ['zIndexToggle']
+            }] } });
+
+class VarDirective {
+    constructor(templateRef, vcRef) {
+        this.templateRef = templateRef;
+        this.vcRef = vcRef;
+        this.context = {
+            $implicit: null,
+            ngVar: null,
+        };
+        this.hasView = false;
+    }
+    // https://stackoverflow.com/questions/38582293/how-to-declare-a-variable-in-a-template-in-angular
+    set ngVar(context) {
+        this.context.$implicit = this.context.ngVar = context;
+        if (!this.hasView) {
+            this.vcRef.createEmbeddedView(this.templateRef, this.context);
+            this.hasView = true;
+        }
+    }
+}
+VarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: VarDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+VarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: VarDirective, selector: "[ngVar]", inputs: { ngVar: "ngVar" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: VarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngVar]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { ngVar: [{
+                type: Input
+            }] } });
+
+class KeypressEnterDirective {
+    constructor() {
+        this.KEYPRESS_ENTER = "Enter";
+        this.keypressEnter = new EventEmitter();
+    }
+    onKeypress(event) {
+        if (event.key === this.KEYPRESS_ENTER) {
+            this.keypressEnter.next(true);
+        }
+    }
+}
+KeypressEnterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: KeypressEnterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+KeypressEnterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: KeypressEnterDirective, selector: "[keypressEnter]", outputs: { keypressEnter: "keypressEnter" }, host: { listeners: { "keypress": "onKeypress($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: KeypressEnterDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[keypressEnter]' }]
+        }], ctorParameters: function () { return []; }, propDecorators: { onKeypress: [{
+                type: HostListener,
+                args: ['keypress', ['$event']]
+            }], keypressEnter: [{
+                type: Output
+            }] } });
+
+const directives$1 = [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective, VarDirective, KeypressEnterDirective];
+class SharedDirectives {
+}
+SharedDirectives.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedDirectives, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedDirectives.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: SharedDirectives, declarations: [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective, VarDirective, KeypressEnterDirective], imports: [CommonModule, FormsModule], exports: [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective, VarDirective, KeypressEnterDirective] });
+SharedDirectives.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedDirectives, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedDirectives, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule],
+                    declarations: directives$1,
+                    exports: directives$1
+                }]
+        }] });
+
+const inOutY = trigger('inOutYAnimation', [
+    transition(':enter', [
+        style({ transform: 'scaleY(0)', height: 0, opacity: 0 }),
+        animate('.3s ease-out', style({ transform: 'scaleY(1)', height: 'auto', opacity: 1 }))
+    ]),
+    transition(':leave', [
+        style({ transform: 'scaleY(1)', height: 'auto', opacity: 1 }),
+        animate('.3s ease-in', style({ transform: 'scaleY(0)', height: 0, opacity: 0 }))
+    ])
+]);
+
+class CheckboxComponent {
+    constructor() {
+        this.label = '';
+        this.alone = false;
+        this.checked = false;
+        this.hasInput = false;
+        this.inputPlaceholder = '';
+        this.id = '';
+        this.whiteSpace = true;
+        this.disabled = false;
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    onChange(value) {
+        if (this._onChange) {
+            this._onChange(value);
+        }
+    }
+    onTextInputChange(value) {
+        if (this._onTextInputChange) {
+            this._onTextInputChange(value);
+        }
+    }
+    inputClick($event) {
+        $event.stopPropagation();
+    }
+}
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CheckboxComponent, selector: "wac-checkbox", inputs: { label: "label", value: "value", type: "type", alone: "alone", checked: "checked", hasInput: "hasInput", inputPlaceholder: "inputPlaceholder", id: "id", name: "name", whiteSpace: "whiteSpace" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\n  <div class=\"wac-field-checkbox__row\">\n    <input\n      type=\"checkbox\"\n      [id]=\"id\"\n      class=\"is-checkradio\"\n      [name]=\"name\"\n      [value]=\"value\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"value\"\n      [checked]=\"checked\"\n      (ngModelChange)=\"onChange($event)\"\n    />\n    <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n  </div>\n  <input\n    *ngIf=\"hasInput && checked\"\n    [@inOutYAnimation]\n    type=\"text\"\n    [placeholder]=\"inputPlaceholder\"\n    (click)=\"inputClick($event)\"\n  />\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [inOutY] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], animations: [inOutY], template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'wac-field-checkbox--nowrap': type === 'column', 'disable-wt' : !whiteSpace, alone: alone }\">\n  <div class=\"wac-field-checkbox__row\">\n    <input\n      type=\"checkbox\"\n      [id]=\"id\"\n      class=\"is-checkradio\"\n      [name]=\"name\"\n      [value]=\"value\"\n      [disabled]=\"disabled\"\n      [(ngModel)]=\"value\"\n      [checked]=\"checked\"\n      (ngModelChange)=\"onChange($event)\"\n    />\n    <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\n  </div>\n  <input\n    *ngIf=\"hasInput && checked\"\n    [@inOutYAnimation]\n    type=\"text\"\n    [placeholder]=\"inputPlaceholder\"\n    (click)=\"inputClick($event)\"\n  />\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], alone: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], hasInput: [{
+                type: Input
+            }], inputPlaceholder: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], whiteSpace: [{
+                type: Input
+            }] } });
+
+class HtmlContainer {
+    constructor(hostElement, appRef, componentFactoryResolver, injector) {
+        this.hostElement = hostElement;
+        this.appRef = appRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.injector = injector;
+        this.attached = false;
+    }
+    attach(component) {
+        if (this.attached) {
+            throw new Error('component has already been attached');
+        }
+        this.attached = true;
+        const childComponentFactory = this.componentFactoryResolver.resolveComponentFactory(component);
+        let componentRef = childComponentFactory.create(this.injector);
+        this.appRef.attachView(componentRef.hostView);
+        this.disposeFn = () => {
+            this.appRef.detachView(componentRef.hostView);
+            componentRef.destroy();
+        };
+        this.hostElement.appendChild(componentRef.hostView.rootNodes[0]);
+        return componentRef;
+    }
+    dispose() {
+        if (this.attached) {
+            this.disposeFn();
+        }
+    }
+}
+
+class TableCheckboxIdService {
+    constructor() {
+        this.nbCheckboxInstances = 0;
+        TableCheckboxIdService.tableInstance++;
+        this.currentTableInstance = TableCheckboxIdService.tableInstance;
+    }
+    getUniqueId() {
+        this.nbCheckboxInstances++;
+        return `wac-table-${this.currentTableInstance}-${this.nbCheckboxInstances}`;
+    }
+}
+TableCheckboxIdService.tableInstance = 0;
+TableCheckboxIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableCheckboxIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TableCheckboxIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableCheckboxIdService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableCheckboxIdService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class CheckBoxRow {
+    constructor(currentRow, appRef, renderer, document, resolver, injector, tableCheckboxIdService) {
+        this.currentRow = currentRow;
+        this.appRef = appRef;
+        this.renderer = renderer;
+        this.document = document;
+        this.resolver = resolver;
+        this.injector = injector;
+        this.tableCheckboxIdService = tableCheckboxIdService;
+        this.checkBoxValueChange = new EventEmitter();
+    }
+    set checkBoxValue(value) {
+        this._value = value;
+        if (this.checkboxComponentRef) {
+            this.setCheckBoxValue();
+        }
+    }
+    get checkBoxValue() {
+        return this._value;
+    }
+    ngOnInit() {
+        this.createCheckBoxComponent();
+        this.handleChecboxInputs();
+        this.handleCheckboxOutputs();
+    }
+    createCheckBoxComponent() {
+        // Create the container
+        this.checkBoxElement = document.createElement('div');
+        this.checkBoxElement.className = 'wac-table__body__line__cell wac-table__body__line__cell--checkbox';
+        // Insert divCheckBox in the DOM as the first child of the row
+        this.renderer.insertBefore(this.currentRow.nativeElement, this.checkBoxElement, this.currentRow.nativeElement.firstChild);
+        // Insert the CheckBoxComponent inside the container (DOM and Angular DOM)
+        this.htmlContainer = new HtmlContainer(this.checkBoxElement, this.appRef, this.resolver, this.injector);
+        this.checkboxComponentRef = this.htmlContainer.attach(CheckboxComponent);
+    }
+    handleChecboxInputs() {
+        this.checkboxComponentRef.instance.id = this.checkBoxId ? '' + this.checkBoxId : this.tableCheckboxIdService.getUniqueId();
+        this.checkboxComponentRef.instance.name = this.checkBoxName ? this.checkBoxName : undefined;
+        this.checkboxComponentRef.instance.alone = true;
+        this.setCheckBoxValue();
+    }
+    setCheckBoxValue() {
+        this.checkboxComponentRef.instance.value = this.checkBoxValue;
+    }
+    handleCheckboxOutputs() {
+        // Detect checkbox changes
+        this.checkboxComponentRef.instance.registerOnChange(() => {
+            this._toggleCheckbox();
+        });
+    }
+    _toggleCheckbox() {
+        this.checkBoxValueChange.emit(this.checkBoxValue);
+    }
+    getElement() {
+        return this.checkBoxElement.querySelector('.wac-field-checkbox');
+    }
+    isActive() {
+        return !!this.checkboxComponentRef.instance.value;
+    }
+    setActive(isActive) {
+        this.checkboxComponentRef.instance.value = isActive; //? does not trigger output
+    }
+    ngOnDestroy() {
+        this.htmlContainer.dispose();
+    }
+}
+CheckBoxRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckBoxRow, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: TableCheckboxIdService }], target: i0.ɵɵFactoryTarget.Directive });
+CheckBoxRow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: CheckBoxRow, selector: "[checkBoxRow]", inputs: { checkBoxId: "checkBoxId", checkBoxName: "checkBoxName", checkBoxValue: "checkBoxValue" }, outputs: { checkBoxValueChange: "checkBoxValueChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckBoxRow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[checkBoxRow]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: TableCheckboxIdService }];
+    }, propDecorators: { checkBoxId: [{
+                type: Input,
+                args: ['checkBoxId']
+            }], checkBoxName: [{
+                type: Input,
+                args: ['checkBoxName']
+            }], checkBoxValue: [{
+                type: Input,
+                args: ['checkBoxValue']
+            }], checkBoxValueChange: [{
+                type: Output
+            }] } });
+
+class MultiSelectionService {
+    constructor() {
+        this.activeChanges = new Subject();
+        this.activeChanges$ = this.activeChanges.asObservable();
+    }
+    handle(items, toggleSingleItem = false) {
+        if (!items || !items.first) {
+            this.destroy();
+            return;
+        }
+        this.destroy(); // close previous subsciption
+        this.items = items;
+        const clicks$ = this.getListeners();
+        this.subscription = merge(...clicks$).subscribe(({ component, isShift: isShiftKeyPressed, index }) => {
+            if (!isShiftKeyPressed) {
+                if (toggleSingleItem) {
+                    component.setActive(!component.isActive());
+                }
+                this.activeChanges.next([index]);
+                this.lastIndex = index;
+                return;
+            }
+            const start = index;
+            const end = this.lastIndex;
+            const [first, last] = [Math.min(start, end), Math.max(start, end) + 1];
+            const itemsSelection = this.items.toArray().slice(first, last);
+            const isBeginnerItemActive = this.items.get(end).isActive();
+            itemsSelection.forEach(current => current.setActive(isBeginnerItemActive));
+            window.getSelection().removeAllRanges(); // remove text selection
+            const indexInRange = Array.from({ length: last - first }, (x, i) => i + first);
+            this.activeChanges.next(indexInRange);
+        });
+    }
+    getListeners() {
+        return this.items.map((item, index) => {
+            return fromEvent(item.getElement(), 'click').pipe(map((event) => {
+                return {
+                    index,
+                    isShift: event.shiftKey,
+                    component: item
+                };
+            }))
+                .pipe(debounceTime(100)); // debounced, because when clicking on a wac-checkbox it is emitted twice and can not find why
+        });
+    }
+    getActives() {
+        return this.items.filter(item => item.isActive());
+    }
+    destroy() {
+        var _a;
+        (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+}
+MultiSelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MultiSelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MultiSelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MultiSelectionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MultiSelectionService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class TableRow {
+    constructor(currentCell, renderer, document) {
+        this.currentCell = currentCell;
+        this.renderer = renderer;
+        this.document = document;
+    }
+    ngAfterViewInit() {
+        this.applyCustomStylesOnCell();
+    }
+    applyCustomStylesOnCell() {
+        this.renderer.addClass(this.currentCell.nativeElement, 'wac-table__body__line');
+    }
+}
+TableRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableRow, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+TableRow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: TableRow, selector: "[tableRow]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableRow, decorators: [{
+            type: Directive,
+            args: [{
+                    // The selector has the same name as the tableRaw selector in table.component.html
+                    selector: '[tableRow]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    } });
+
+class FiltersTableService {
+    constructor(filterRoutingBuilder) {
+        this.filterRoutingBuilder = filterRoutingBuilder;
+        this.filterGroups = new Map();
+        this.sortSubject = new Subject();
+    }
+    getTableFilterGroup(dataTableName) {
+        if (this.filterGroups.has(dataTableName)) {
+            return this.filterGroups.get(dataTableName);
+        }
+        const dataTableFilters = {
+            sort: undefined,
+            order: undefined,
+            searchValue: undefined,
+            totalItems: 0,
+            itemsPerPage: 0,
+            currentPage: 0
+        };
+        const filterGroup = this.filterRoutingBuilder.group(dataTableFilters, dataTableName);
+        filterGroup.tableFiltersValuesChange$ = new ReplaySubject(1);
+        filterGroup.tableFiltersValuesDebouncedChange$ = filterGroup.tableFiltersValuesChange$.pipe(debounceTime(300));
+        this.filterGroups.set(dataTableName, filterGroup);
+        return filterGroup;
+    }
+    /**
+     * Use to reset the others sorts of the table
+     * @param dataTableName
+     * @param sortName
+     * @param order
+     */
+    emitSortChange(dataTableName, sortName, order) {
+        this.sortSubject.next({ dataTableName, sortName, order });
+    }
+    getSortChangeListner() {
+        return this.sortSubject.asObservable();
+    }
+    setPaginationFilters(dataTableName, totalItems, itemsPerPage, currentPage) {
+        const filterGroup = this.getTableFilterGroup(dataTableName);
+        filterGroup.setValues({
+            itemsPerPage,
+            currentPage
+        });
+    }
+    /*
+      Add defaults filters in the URL if they not exists.
+    */
+    setInitialPaginationFiltersIfNotExist(dataTableName, itemsPerPage, currentPage) {
+        const filterGroup = this.getTableFilterGroup(dataTableName);
+        filterGroup.setValues({
+            itemsPerPage: filterGroup.get('itemsPerPage') ? parseInt(filterGroup.get('itemsPerPage')) : itemsPerPage,
+            currentPage: filterGroup.get('currentPage') ? parseInt(filterGroup.get('currentPage')) : currentPage
+        });
+    }
+}
+FiltersTableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FiltersTableService, deps: [{ token: i1$2.NwbFilterRoutingBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
+FiltersTableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FiltersTableService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FiltersTableService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.NwbFilterRoutingBuilder }]; } });
+
+class PagniationIsLastPage {
+    /**
+     * Return true, if the current page is the last page. Otherwise, return false.
+     * @param currentPage
+     * @param totalItems
+     * @param itemsPerPage
+     */
+    transform(currentPage, totalItems, itemsPerPage) {
+        if (!(currentPage >= 0 && totalItems >= 0 && itemsPerPage >= 0)) {
+            throw new Error('currentPage or totalItems or itemsPerPage is/are missing in PagniationIsLastPage pipe.');
+        }
+        return currentPage === Math.ceil(totalItems / itemsPerPage);
+    }
+}
+PagniationIsLastPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PagniationIsLastPage, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PagniationIsLastPage.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: PagniationIsLastPage, name: "IsLastPage" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PagniationIsLastPage, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'IsLastPage'
+                }]
+        }] });
+
+class PagniationArrayTotalPages {
+    /**
+     * Return an incremental array corresponding with the number page
+     * [ 1, 2, 3 ..., last page number ]
+     * @param totalItems
+     * @param itemsPerPage
+     */
+    transform(totalItems, itemsPerPage) {
+        if (!(totalItems >= 0 && itemsPerPage >= 0)) {
+            throw new Error('totalItems or itemsPerPage missing in ArrayTotalPages pipe.');
+        }
+        const arrayLength = Math.ceil(totalItems / itemsPerPage);
+        return Array.apply(null, { length: arrayLength })
+            .map(Number.call, Number)
+            .map(x => x + 1);
+    }
+}
+PagniationArrayTotalPages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PagniationArrayTotalPages, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+PagniationArrayTotalPages.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: PagniationArrayTotalPages, name: "ArrayTotalPages" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PagniationArrayTotalPages, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'ArrayTotalPages'
+                }]
+        }] });
+
+class PagniationText {
+    constructor(translateService) {
+        this.translateService = translateService;
+    }
+    /**
+     * Update pagination text if at least one entrie change
+     * @param currentPage
+     * @param totalItems
+     * @param itemsPerPage
+     */
+    transform(currentPage, totalItems, itemsPerPage) {
+        let currentItemsLow = 0, currentItemsHigh = 0;
+        if (totalItems) {
+            currentItemsLow = (parseInt(currentPage) - 1) * parseInt(itemsPerPage) + 1;
+            currentItemsHigh = parseInt(currentPage) * parseInt(itemsPerPage);
+        }
+        if (currentItemsHigh > totalItems) {
+            currentItemsHigh = totalItems;
+        }
+        return this.translateService.get('wac.PaginationComponent.on', { low: currentItemsLow, high: currentItemsHigh, total: totalItems });
+    }
+}
+PagniationText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PagniationText, deps: [{ token: i1$3.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe });
+PagniationText.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: PagniationText, name: "customPagniationText" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PagniationText, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'customPagniationText'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.TranslateService }]; } });
+
+class PaginationComponent {
+    constructor() {
+        this.pageChange = new EventEmitter();
+    }
+    set pagination(pagination) {
+        this._pagination = pagination;
+    }
+    get pagination() {
+        return this._pagination;
+    }
+    decrementPage() {
+        if (this.pagination.currentPage <= 1) {
+            return;
+        }
+        this.pagination.currentPage--;
+        this.pageChange.emit(this.pagination);
+    }
+    incrementPage() {
+        const isLastPage = new PagniationIsLastPage().transform(this.pagination.currentPage, this.pagination.totalItems, this.pagination.itemsPerPage);
+        if (isLastPage) {
+            return;
+        }
+        this.pagination.currentPage++;
+        this.pageChange.emit(this.pagination);
+    }
+    onGotoPageChange(event) {
+        this.pagination.currentPage = parseInt(event.target.value);
+        this.pageChange.emit(this.pagination);
+    }
+}
+PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: PaginationComponent, selector: "wac-pagination", inputs: { pagination: "pagination" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"wac-pagination\" *ngIf=\"pagination && pagination.itemsPerPage\">\n  <div class=\"wac-pagination__wrapper\">\n    <div class=\"wac-pagination__wrapper__page\">\n      <p>{{ 'wac.PaginationComponent.page' | translate }}</p>\n\n      <select name=\"page\" (change)=\"onGotoPageChange($event)\">\n        <ng-container *ngFor=\"let pageIndex of pagination.totalItems | ArrayTotalPages: pagination.itemsPerPage\">\n          <option [selected]=\"pageIndex === pagination.currentPage\" [value]=\"pageIndex\">\n            {{ pageIndex }}\n          </option>\n        </ng-container>\n      </select>\n    </div>\n\n    <div class=\"wac-pagination__wrapper__elements\">\n      <p>{{ pagination.currentPage | customPagniationText: pagination.totalItems:pagination.itemsPerPage | async}}</p>\n    </div>\n\n    <div class=\"wac-pagination__wrapper__arrows\">\n      <div\n        (click)=\"decrementPage()\"\n        class=\"wac-pagination__wrapper__arrows__arrow wac-pagination__wrapper__arrows__arrow--left\"\n        [ngClass]=\"{ 'wac-pagination__wrapper__arrows__arrow--disabled': pagination.currentPage === 1 }\"\n      >\n        <span class=\"wac-pagination__wrapper__arrows__arrow__icon\"></span>\n      </div>\n      <div\n        (click)=\"incrementPage()\"\n        class=\"wac-pagination__wrapper__arrows__arrow wac-pagination__wrapper__arrows__arrow--right\"\n        [ngClass]=\"{\n          'wac-pagination__wrapper__arrows__arrow--disabled':\n            pagination.currentPage | IsLastPage: pagination.totalItems:pagination.itemsPerPage\n        }\"\n      >\n        <span class=\"wac-pagination__wrapper__arrows__arrow__icon\"></span>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }, { kind: "pipe", type: PagniationArrayTotalPages, name: "ArrayTotalPages" }, { kind: "pipe", type: PagniationIsLastPage, name: "IsLastPage" }, { kind: "pipe", type: PagniationText, name: "customPagniationText" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-pagination', template: "<div class=\"wac-pagination\" *ngIf=\"pagination && pagination.itemsPerPage\">\n  <div class=\"wac-pagination__wrapper\">\n    <div class=\"wac-pagination__wrapper__page\">\n      <p>{{ 'wac.PaginationComponent.page' | translate }}</p>\n\n      <select name=\"page\" (change)=\"onGotoPageChange($event)\">\n        <ng-container *ngFor=\"let pageIndex of pagination.totalItems | ArrayTotalPages: pagination.itemsPerPage\">\n          <option [selected]=\"pageIndex === pagination.currentPage\" [value]=\"pageIndex\">\n            {{ pageIndex }}\n          </option>\n        </ng-container>\n      </select>\n    </div>\n\n    <div class=\"wac-pagination__wrapper__elements\">\n      <p>{{ pagination.currentPage | customPagniationText: pagination.totalItems:pagination.itemsPerPage | async}}</p>\n    </div>\n\n    <div class=\"wac-pagination__wrapper__arrows\">\n      <div\n        (click)=\"decrementPage()\"\n        class=\"wac-pagination__wrapper__arrows__arrow wac-pagination__wrapper__arrows__arrow--left\"\n        [ngClass]=\"{ 'wac-pagination__wrapper__arrows__arrow--disabled': pagination.currentPage === 1 }\"\n      >\n        <span class=\"wac-pagination__wrapper__arrows__arrow__icon\"></span>\n      </div>\n      <div\n        (click)=\"incrementPage()\"\n        class=\"wac-pagination__wrapper__arrows__arrow wac-pagination__wrapper__arrows__arrow--right\"\n        [ngClass]=\"{\n          'wac-pagination__wrapper__arrows__arrow--disabled':\n            pagination.currentPage | IsLastPage: pagination.totalItems:pagination.itemsPerPage\n        }\"\n      >\n        <span class=\"wac-pagination__wrapper__arrows__arrow__icon\"></span>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { pagination: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }] } });
+
+class TableComponent {
+    constructor(filtersTableService, tableCheckboxIdService, multiSelectionService) {
+        this.filtersTableService = filtersTableService;
+        this.tableCheckboxIdService = tableCheckboxIdService;
+        this.multiSelectionService = multiSelectionService;
+        this.tableFiltersChange = new EventEmitter();
+        this.placeholder = '';
+        /// Input/Output of checkbox ///
+        /** Pass to true to display checkbox in the header table */
+        this.checkbox = false;
+        this.toggleAllCheckBox = new EventEmitter(); // todo replace by checkBoxSelectionChange
+        this.checkBoxSelectionChange = new EventEmitter(); // todo add to doc
+        /// Input to disable section ///
+        /** Pass to true to hide search input */
+        this.disableSearch = false;
+        /** Pass to true to hide the pagniator */
+        this.disablePagniation = false;
+        /// Input for loader on table body ///
+        this.isLoading = false;
+    }
+    ngOnInit() {
+        this.headerCheckBoxId = this.tableCheckboxIdService.getUniqueId(); // Create checkbox unique id
+        /* Handle routing filters */
+        if (this.tableRoutingName) {
+            this.filtersTableService.setInitialPaginationFiltersIfNotExist(this.tableRoutingName, this.tableFilters.itemsPerPage, this.tableFilters.currentPage);
+            this._tableFiltersGroup = this.filtersTableService.getTableFilterGroup(this.tableRoutingName);
+            this.setTablesFilters();
+            // Listen to filters changes with debounced time to limit multiple api calls
+            this.filterGroupChangeSub = this._tableFiltersGroup.valuesChange$.subscribe(() => {
+                this.setTablesFilters();
+            });
+        }
+        this.multiSelectionService.activeChanges$.subscribe(selectionIndexRawCheckChange => {
+            this.checkBoxSelectionChange.emit(selectionIndexRawCheckChange);
+        });
+    }
+    ngAfterViewInit() {
+        this.multiSelectionService.handle(this.checkBoxRows);
+        this.checkBoxRows.changes.subscribe(() => {
+            this.multiSelectionService.handle(this.checkBoxRows);
+        });
+        console.log('this.tableRows', this.tableRows);
+    }
+    onToggleAllCheckBox(event) {
+        this.toggleAllCheckBox.emit(event.target.checked);
+    }
+    searchChange() {
+        // Reset table filters
+        this.tableFilters.sort = undefined;
+        this.tableFilters.order = undefined;
+        this.tableFilters.currentPage = 1;
+        this.tableFiltersChange.emit(this.tableFilters);
+        // Reset routing filters
+        if (this._tableFiltersGroup) {
+            this._tableFiltersGroup.setValues({
+                searchValue: this.tableFilters.searchValue,
+                sort: undefined,
+                order: undefined,
+                currentPage: 1
+            });
+        }
+    }
+    pageChange() {
+        this.tableFiltersChange.emit(this.tableFilters);
+        if (this._tableFiltersGroup) {
+            this._tableFiltersGroup.setValues({
+                itemsPerPage: this.tableFilters.itemsPerPage,
+                currentPage: this.tableFilters.currentPage
+            });
+        }
+    }
+    /**
+     *  Set tableFilters from routing data existing in the url
+     * */
+    setTablesFilters() {
+        this.tableFilters = {
+            sort: this._tableFiltersGroup.get('sort'),
+            order: this._tableFiltersGroup.get('order') ? this._tableFiltersGroup.get('order') === 'true' : undefined,
+            searchValue: this._tableFiltersGroup.get('searchValue'),
+            itemsPerPage: this._tableFiltersGroup.get('itemsPerPage') ? parseInt(this._tableFiltersGroup.get('itemsPerPage')) : 0,
+            currentPage: this._tableFiltersGroup.get('currentPage') ? parseInt(this._tableFiltersGroup.get('currentPage')) : 0,
+            totalItems: this.tableFilters.totalItems
+        };
+        this.tableFiltersChange.emit(this.tableFilters);
+        this._tableFiltersGroup.tableFiltersValuesChange$.next(this.tableFilters);
+    }
+    ngOnDestroy() {
+        if (this.filterGroupChangeSub) {
+            this.filterGroupChangeSub.unsubscribe();
+        }
+        this.multiSelectionService.destroy();
+    }
+}
+TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableComponent, deps: [{ token: FiltersTableService }, { token: TableCheckboxIdService }, { token: MultiSelectionService }], target: i0.ɵɵFactoryTarget.Component });
+TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TableComponent, selector: "wac-table", inputs: { tableFilters: "tableFilters", tableRoutingName: "tableRoutingName", placeholder: "placeholder", checkbox: "checkbox", disableSearch: "disableSearch", disablePagniation: "disablePagniation", isLoading: "isLoading" }, outputs: { tableFiltersChange: "tableFiltersChange", toggleAllCheckBox: "toggleAllCheckBox", checkBoxSelectionChange: "checkBoxSelectionChange" }, providers: [
+        TableCheckboxIdService,
+        MultiSelectionService
+    ], queries: [{ propertyName: "checkBoxRows", predicate: CheckBoxRow }, { propertyName: "tableRows", predicate: TableRow }], ngImport: i0, template: "<div class=\"wac-table\">\n  <!-- Header section -->\n  <div class=\"wac-table__head\" id=\"headerTable\">\n    <div *ngIf=\"checkbox\" class=\"wac-table__head__cell wac-table__head__cell--checkbox\">\n      <wac-checkbox [id]=\"headerCheckBoxId\" (change)=\"onToggleAllCheckBox($event)\" [alone]=\"true\"></wac-checkbox>\n    </div>\n\n    <!-- Header contents are added with the headerCell directive -->\n    <ng-content select=\"[headerCell]\"></ng-content>\n  </div>\n\n  <!-- Search section -->\n  <div *ngIf=\"!disableSearch\" class=\"wac-table__search\">\n    <wac-input-search\n      [(ngModel)]=\"tableFilters.searchValue\"\n      (changeDebounced)=\"searchChange()\"\n      [placeholder]=\"placeholder\"\n      [smallPadding]=\"true\"\n    ></wac-input-search>\n  </div>\n\n  <!-- Body section -->\n  <div class=\"wac-table__body\">\n    <!-- Loader on body -->\n    <div class=\"wac-table__body__loader\" *ngIf=\"isLoading\">\n      <wac-loader [small]=\"true\"></wac-loader>\n    </div>\n    <!-- Body contents are added with the tableRow directive -->\n    <ng-content select=\".complex-table\" *ngIf=\"!isLoading\"></ng-content>\n    <ng-content select=\"[tableRow]\" *ngIf=\"!isLoading\"></ng-content>\n  </div>\n\n  <!-- Pagination section -->\n  <wac-pagination *ngIf=\"!disablePagniation\" [pagination]=\"tableFilters\" (pageChange)=\"pageChange()\"></wac-pagination>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSearchComponent, selector: "wac-input-search", inputs: ["placeholder", "smallPadding", "id"], outputs: ["changeDebounced"] }, { kind: "component", type: LoaderComponent, selector: "wac-loader", inputs: ["text", "small"] }, { kind: "component", type: CheckboxComponent, selector: "wac-checkbox", inputs: ["label", "value", "type", "alone", "checked", "hasInput", "inputPlaceholder", "id", "name", "whiteSpace"] }, { kind: "component", type: PaginationComponent, selector: "wac-pagination", inputs: ["pagination"], outputs: ["pageChange"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-table', encapsulation: ViewEncapsulation.None, providers: [
+                        TableCheckboxIdService,
+                        MultiSelectionService
+                    ], template: "<div class=\"wac-table\">\n  <!-- Header section -->\n  <div class=\"wac-table__head\" id=\"headerTable\">\n    <div *ngIf=\"checkbox\" class=\"wac-table__head__cell wac-table__head__cell--checkbox\">\n      <wac-checkbox [id]=\"headerCheckBoxId\" (change)=\"onToggleAllCheckBox($event)\" [alone]=\"true\"></wac-checkbox>\n    </div>\n\n    <!-- Header contents are added with the headerCell directive -->\n    <ng-content select=\"[headerCell]\"></ng-content>\n  </div>\n\n  <!-- Search section -->\n  <div *ngIf=\"!disableSearch\" class=\"wac-table__search\">\n    <wac-input-search\n      [(ngModel)]=\"tableFilters.searchValue\"\n      (changeDebounced)=\"searchChange()\"\n      [placeholder]=\"placeholder\"\n      [smallPadding]=\"true\"\n    ></wac-input-search>\n  </div>\n\n  <!-- Body section -->\n  <div class=\"wac-table__body\">\n    <!-- Loader on body -->\n    <div class=\"wac-table__body__loader\" *ngIf=\"isLoading\">\n      <wac-loader [small]=\"true\"></wac-loader>\n    </div>\n    <!-- Body contents are added with the tableRow directive -->\n    <ng-content select=\".complex-table\" *ngIf=\"!isLoading\"></ng-content>\n    <ng-content select=\"[tableRow]\" *ngIf=\"!isLoading\"></ng-content>\n  </div>\n\n  <!-- Pagination section -->\n  <wac-pagination *ngIf=\"!disablePagniation\" [pagination]=\"tableFilters\" (pageChange)=\"pageChange()\"></wac-pagination>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: FiltersTableService }, { type: TableCheckboxIdService }, { type: MultiSelectionService }]; }, propDecorators: { checkBoxRows: [{
+                type: ContentChildren,
+                args: [CheckBoxRow]
+            }], tableRows: [{
+                type: ContentChildren,
+                args: [TableRow]
+            }], tableFilters: [{
+                type: Input
+            }], tableFiltersChange: [{
+                type: Output
+            }], tableRoutingName: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], checkbox: [{
+                type: Input
+            }], toggleAllCheckBox: [{
+                type: Output
+            }], checkBoxSelectionChange: [{
+                type: Output
+            }], disableSearch: [{
+                type: Input
+            }], disablePagniation: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }] } });
+
+class TagComponent {
+    constructor() {
+        this.label = '';
+        this.hasClose = false;
+        this.big = false;
+        this.isOpen = true;
+        this.isOpenChange = new EventEmitter();
+    }
+    toggleTag() {
+        this.isOpen = !this.isOpen;
+        this.isOpenChange.next(this.isOpen);
+    }
+}
+TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TagComponent, selector: "wac-tag", inputs: { label: "label", class: "class", hasClose: "hasClose", big: "big", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\">\n  {{ label }}\n  <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-tag', template: "<div class=\"wac-tag\" [classList]=\"'wac-tag--' + class\" [ngClass]=\"{ hover: hasClose, 'big': big }\">\n  {{ label }}\n  <span class=\"wac-tag__close\" *ngIf=\"hasClose\" (click)=\"toggleTag()\"><i class=\"fas fa-times\"></i></span>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], hasClose: [{
+                type: Input
+            }], big: [{
+                type: Input
+            }], isOpen: [{
+                type: Input
+            }], isOpenChange: [{
+                type: Output
+            }] } });
+
+class TabComponent {
+    constructor() {
+        this.underline = false;
+        this.button = false;
+        this.tabs = [];
+        this.index = 0;
+        this.indexChange = new EventEmitter();
+    }
+    valueChanged(i) {
+        this.index = i;
+        this.indexChange.emit(this.index);
+    }
+}
+TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TabComponent, selector: "wac-tab", inputs: { underline: "underline", button: "button", tabs: "tabs", index: "index" }, outputs: { indexChange: "indexChange" }, ngImport: i0, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-tab', encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-tab\" [ngClass]=\"{'wac-tab--underline': underline, 'wac-tab--button' : button}\">\n  <div class=\"wac-tab__wrapper\">\n    <a\n      *ngFor=\"let tab of tabs\"\n      class=\"wac-tab__wrapper__tab\"\n      [ngClass]=\"index === tab.index ? 'wac-tab__wrapper__tab--selected' : ''\"\n      (click)=\"valueChanged(tab.index)\"\n    >\n      {{ tab.label }}\n    </a>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { underline: [{
+                type: Input
+            }], button: [{
+                type: Input
+            }], tabs: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], indexChange: [{
+                type: Output
+            }] } });
+
+class ButtonComponent {
+    constructor() {
+        this.extraClasses = 'is-info'; // todo make a list of existing class
+        this.label = '';
+        this.icon = '';
+        this.widthAuto = false;
+        this.contentHorizontalPosition = 'center';
+        this.iconFontSize = 12;
+        this.hasLoader = false;
+        this.disabled = false;
+        this.whiteSpaceNowrap = false;
+        this.opacity = false;
+        // TODO MAKE ANNIMATION AVAILABLE FOR MOBILE as CONFIRM DELETE DO (because, its doeant show the text and trigger click)
+        this.animation = false;
+        this.animationRight = false;
+        this.animationText = '';
+        this.confirmDelete = false;
+        this.confirmDeleteText = '';
+        this.confirmDeletePosition = 'right';
+        this.click = new EventEmitter();
+        this.isLoadingChange = new EventEmitter();
+        this._isLoading = false;
+        this.interval = null;
+        this.waitForConfirmDelete = false;
+        this.buttonMaxWidth = '0px';
+        this.buttonWidth = '0px';
+        this.buttonMaxWidthDelete = '0px';
+        this.buttonWidthDelete = '0px';
+        this.currentLoading = 0;
+    }
+    set isLoading(isLoading) {
+        this._isLoading = isLoading;
+        this.isLoadingChange.next(isLoading);
+        this.toggleLoading();
+    }
+    get isLoading() {
+        return this._isLoading;
+    }
+    ngOnInit() {
+        if (this.confirmDelete) {
+            this.waitForConfirmDelete = true;
+        }
+    }
+    toggleLoading() {
+        this.currentLoading = this.isLoading ? 10 : 100;
+        interval(200).pipe(takeWhile(time => this.isLoading)).subscribe(() => {
+            if (this.currentLoading < 85) {
+                this.currentLoading += Math.floor(Math.random() * 15);
+            }
+        });
+    }
+    addMaxWidth() {
+        this.buttonMaxWidth = this.buttonWidth + 'px';
+    }
+    resetMaxWidth() {
+        this.buttonMaxWidth = '0px';
+    }
+    addMaxWidthDelete() {
+        this.buttonMaxWidthDelete = this.buttonWidthDelete + 'px';
+    }
+    resetMaxWidthDelete() {
+        this.buttonMaxWidthDelete = '0px';
+        this.waitForConfirmDelete = true;
+    }
+    onButtonClick(event) {
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        if (this.hasLoader) {
+            this.isLoading = false;
+            setTimeout(() => {
+                this.isLoading = true;
+            }, 0);
+        }
+        if (!this.waitForConfirmDelete) {
+            this.click.emit(event);
+            if (this.confirmDelete) {
+                this.resetMaxWidthDelete();
+            }
+        }
+        else {
+            this.waitForConfirmDelete = false;
+        }
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            if (this.animation) {
+                this.buttonWidth = this.calculWidth.nativeElement.offsetWidth;
+            }
+            if (this.confirmDelete) {
+                this.buttonWidthDelete = this.calculWidthDelete.nativeElement.offsetWidth;
+            }
+        }, 1000);
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ButtonComponent, selector: "wac-button", inputs: { extraClasses: "extraClasses", label: "label", icon: "icon", iconNext: "iconNext", widthAuto: "widthAuto", contentHorizontalPosition: "contentHorizontalPosition", iconFontSize: "iconFontSize", hasLoader: "hasLoader", disabled: "disabled", whiteSpaceNowrap: "whiteSpaceNowrap", opacity: "opacity", animation: "animation", animationRight: "animationRight", animationText: "animationText", confirmDelete: "confirmDelete", confirmDeleteText: "confirmDeleteText", confirmDeletePosition: "confirmDeletePosition", isLoading: "isLoading" }, outputs: { click: "click", isLoadingChange: "isLoadingChange" }, viewQueries: [{ propertyName: "calculWidth", first: true, predicate: ["calculWidth"], descendants: true }, { propertyName: "calculWidthDelete", first: true, predicate: ["calculWidthDelete"], descendants: true }], ngImport: i0, template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[\n    label === '' ? 'alone' : '',\n    animationRight ? 'animation-right' : '',\n    animation ? 'animationText' : '',\n    isLoading ? 'is-loading' : '',\n    opacity ? 'opacity' : '',\n    disabled ? 'disabled' : '',\n    widthAuto ? 'width-auto' : '',\n    whiteSpaceNowrap ? 'white-space-no-wrap' : '',\n    !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\n    confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\n    ]\"\n    [ngStyle]=\"{\n      'text-align': contentHorizontalPosition\n    }\"\n>\n  <span class=\"wac-button__wrapper\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n\n  </span>\n</a>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-button', template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"confirmDelete && waitForConfirmDelete ? addMaxWidthDelete() : '';onButtonClick($event);\"\n  (mouseleave)=\"animation ? resetMaxWidth() : '';\"\n  (mouseenter)=\"animation ? addMaxWidth() : '';\"\n  wzAutoHide (clickOutside)=\"confirmDelete && !waitForConfirmDelete ? resetMaxWidthDelete() : ''\"\n  [ngClass]=\"[\n    label === '' ? 'alone' : '',\n    animationRight ? 'animation-right' : '',\n    animation ? 'animationText' : '',\n    isLoading ? 'is-loading' : '',\n    opacity ? 'opacity' : '',\n    disabled ? 'disabled' : '',\n    widthAuto ? 'width-auto' : '',\n    whiteSpaceNowrap ? 'white-space-no-wrap' : '',\n    !waitForConfirmDelete && confirmDelete ? 'step-delete' : '',\n    confirmDelete ? 'deletePosition-' + confirmDeletePosition : ''\n    ]\"\n    [ngStyle]=\"{\n      'text-align': contentHorizontalPosition\n    }\"\n>\n  <span class=\"wac-button__wrapper\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span class=\"wac-button__animation\" [style.maxWidth]=\"buttonMaxWidth\" [style.width]=\"buttonWidth + 'px'\">\n    <span #calculWidth class=\"wac-button__animation__text\" [innerHTML]=\"animationText\"></span>\n  </span>\n  <span class=\"wac-button__confirmDelete\" [style.maxWidth]=\"buttonMaxWidthDelete\" [style.width]=\"buttonWidthDelete + 'px'\">\n    <span #calculWidthDelete class=\"wac-button__confirmDelete__text\" [innerHTML]=\"confirmDeleteText\"></span>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n\n  </span>\n</a>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { extraClasses: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconNext: [{
+                type: Input
+            }], widthAuto: [{
+                type: Input
+            }], contentHorizontalPosition: [{
+                type: Input
+            }], iconFontSize: [{
+                type: Input
+            }], hasLoader: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], whiteSpaceNowrap: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], animationRight: [{
+                type: Input
+            }], animationText: [{
+                type: Input
+            }], confirmDelete: [{
+                type: Input
+            }], confirmDeleteText: [{
+                type: Input
+            }], confirmDeletePosition: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }], isLoading: [{
+                type: Input
+            }], isLoadingChange: [{
+                type: Output
+            }], calculWidth: [{
+                type: ViewChild,
+                args: ['calculWidth']
+            }], calculWidthDelete: [{
+                type: ViewChild,
+                args: ['calculWidthDelete']
+            }] } });
+
+class InfoComponent {
+    constructor() { }
+}
+InfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InfoComponent, selector: "wac-info", ngImport: i0, template: "<div class=\"wac-info\">\n  <div class=\"wac-info__wrapper\">\n    <i class=\"fas fa-info-circle\"></i>\n    <div class=\"wac-info__wrapper__sublevel\">\n      <div class=\"wac-info__wrapper__sublevel__container\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-info', template: "<div class=\"wac-info\">\n  <div class=\"wac-info__wrapper\">\n    <i class=\"fas fa-info-circle\"></i>\n    <div class=\"wac-info__wrapper__sublevel\">\n      <div class=\"wac-info__wrapper__sublevel__container\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; } });
+
+class SettingsComponent {
+    constructor() { }
+}
+SettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SettingsComponent, selector: "wac-settings", ngImport: i0, template: "<div class=\"wac-settings\">\n  <div class=\"wac-settings__wrapper\">\n    <i class=\"fas fa-cog\"></i>\n  </div>\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SettingsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-settings', encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-settings\">\n  <div class=\"wac-settings__wrapper\">\n    <i class=\"fas fa-cog\"></i>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; } });
+
+class DeleteComponent {
+    constructor() { }
+}
+DeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: DeleteComponent, selector: "wac-delete", ngImport: i0, template: "<div class=\"wac-delete\">\n  <div class=\"wac-delete__wrapper\">\n    <i class=\"fas fa-trash\"></i>\n  </div>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DeleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-delete', template: "<div class=\"wac-delete\">\n  <div class=\"wac-delete__wrapper\">\n    <i class=\"fas fa-trash\"></i>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; } });
+
+class DropdownComponent {
+    constructor() {
+        this.hasIcons = false;
+        this.items = [];
+        this.userInput = new EventEmitter();
+    }
+    onUserInput(itemIndex) {
+        this.userInput.emit(itemIndex);
+    }
+}
+DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: DropdownComponent, selector: "wac-dropdown", inputs: { hasIcons: "hasIcons", items: "items" }, outputs: { userInput: "userInput" }, ngImport: i0, template: "<div class=\"wac-dropdown\">\n  <div class=\"wac-dropdown__wrapper\">\n    <i class=\"wac-dropdown__wrapper__icon far fa-ellipsis-v\"></i>\n    <div class=\"wac-dropdown__wrapper__sublevel\">\n      <ul class=\"wac-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-dropdown', template: "<div class=\"wac-dropdown\">\n  <div class=\"wac-dropdown__wrapper\">\n    <i class=\"wac-dropdown__wrapper__icon far fa-ellipsis-v\"></i>\n    <div class=\"wac-dropdown__wrapper__sublevel\">\n      <ul class=\"wac-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { hasIcons: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], userInput: [{
+                type: Output
+            }] } });
+
+class ImageComponent {
+    constructor() {
+        this.src = '';
+    }
+}
+ImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ImageComponent, selector: "wac-image", inputs: { src: "src" }, ngImport: i0, template: "<div class=\"wac-image\">\n  <div class=\"wac-image__wrapper\" [ngClass]=\"src === '' ? 'empty' : ''\" [style.background-image]=\"'url(' + src + ')'\">\n    <i class=\"fal fa-images\" *ngIf=\"src === ''\"></i>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-image', template: "<div class=\"wac-image\">\n  <div class=\"wac-image__wrapper\" [ngClass]=\"src === '' ? 'empty' : ''\" [style.background-image]=\"'url(' + src + ')'\">\n    <i class=\"fal fa-images\" *ngIf=\"src === ''\"></i>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { src: [{
+                type: Input
+            }] } });
+
+class BackComponent {
+    constructor() { }
+}
+BackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: BackComponent, selector: "wac-back", ngImport: i0, template: "<div class=\"wac-back\">\n  <div class=\"wac-back__wrapper\">\n    <i class=\"fas fa-chevron-left\"></i>\n  </div>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-back', template: "<div class=\"wac-back\">\n  <div class=\"wac-back__wrapper\">\n    <i class=\"fas fa-chevron-left\"></i>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; } });
+
+class SeparatorComponent {
+    constructor() {
+        this.dashed = false;
+    }
+}
+SeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SeparatorComponent, selector: "wac-separator", inputs: { dashed: "dashed" }, ngImport: i0, template: "<div class=\"wac-separator\" [ngClass]=\"dashed ? 'dashed' : ''\"></div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SeparatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-separator', encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-separator\" [ngClass]=\"dashed ? 'dashed' : ''\"></div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dashed: [{
+                type: Input
+            }] } });
+
+class LogoComponent {
+    constructor() {
+        this.isDropizi = false;
+        this.isWhite = false;
+    }
+}
+LogoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LogoComponent, selector: "wac-logo", inputs: { isDropizi: "isDropizi", isWhite: "isWhite" }, ngImport: i0, template: "<div class=\"wac-logo\">\n  <div class=\"wac-logo__wrapper\" [ngClass]=\"isWhite ? 'white' : ''\" *ngIf=\"isDropizi\">\n    <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 102.33 40\">\n      <defs>\n        <style>\n          .cls-0 {\n            fill: #fa096a;\n          }\n        </style>\n      </defs>\n      <title>Logo_Dropizi</title>\n      <path\n        id=\"Logo_Dropizi-2\"\n        data-name=\"Logo Dropizi-2\"\n        class=\"cls-0\"\n        d=\"M83,44.94a4.87,4.87,0,0,1-4.36-7,3.81,3.81,0,0,1-.72-2l-.3-5.69a9.61,9.61,0,0,1-3.43,2,13.51,13.51,0,0,1-3.34.63l-1.06,0L70,36.29a3.75,3.75,0,0,1-3.54,3.94l-2.25.11H64a3.69,3.69,0,0,1-3-1.56,12.82,12.82,0,0,1-7.68,2.61,13.45,13.45,0,0,1-5.37-1.14,3.67,3.67,0,0,1-2.46,1.09l-2.15.12h-.2a3.76,3.76,0,0,1-3.17-1.74l-3.29-5.25L36.84,38a3.78,3.78,0,0,1-1,2.7A3.74,3.74,0,0,1,33.28,42L31,42.09h-.19a3.77,3.77,0,0,1-3.06-1.58,12.62,12.62,0,0,1-1.62.87,15,15,0,0,1-5.35,1.24L13.49,43H13.3a3.76,3.76,0,0,1-3.74-3.54L8.5,19.3A3.75,3.75,0,0,1,12,15.36L19.37,15c.3,0,.59,0,.88,0a14.67,14.67,0,0,1,4.56.7,13.17,13.17,0,0,1,1.74.7,3.73,3.73,0,0,1,3.06-1.91l7.14-.37c.35,0,.69,0,1,0,3.65,0,6,1.12,7.41,2.57A13.29,13.29,0,0,1,49,14.33a12.05,12.05,0,0,1,4.44-.82c.23,0,.45,0,.69,0a13.63,13.63,0,0,1,5.2,1.35l.22.11a3.75,3.75,0,0,1,3.25-2.29l5.32-.27c.7,0,1.38-.06,2-.06.92,0,1.78,0,2.57.11a10.17,10.17,0,0,1,4.16,1.26l.37.24a3.78,3.78,0,0,1,3.22-2.2l2.18-.12h.2a3.89,3.89,0,0,1,2,.57,3.63,3.63,0,0,1,2.07-.79l12.9-.67h.11c0-.24-.07-.47-.09-.71a4.88,4.88,0,0,1,4.62-5.12h.25a4.86,4.86,0,0,1,4.88,4.62v.26A4.89,4.89,0,0,1,109,12a3.62,3.62,0,0,1,.72,2l1.06,20.14,0,0a3.75,3.75,0,0,1-3.54,3.94l-2.18.11h-.2a3.83,3.83,0,0,1-2-.57,3.54,3.54,0,0,1-2.06.78l-12.9.68h-.1c0,.24.07.47.09.71a4.87,4.87,0,0,1-1.25,3.51,4.82,4.82,0,0,1-3.37,1.6Zm-2-4.87v.11a2,2,0,0,0,2.1,1.9h0a2,2,0,0,0,1.9-2V40a2,2,0,0,0-2-1.9H83A2,2,0,0,0,81.05,40.07ZM19.54,17.84l-7.34.39a.89.89,0,0,0-.84.93l1.06,20.17a.89.89,0,0,0,.92.83l7.33-.39a11.89,11.89,0,0,0,4.32-1,9.7,9.7,0,0,0,3.3-2.36,8.91,8.91,0,0,0,1.46-2.14L30,38.4a.88.88,0,0,0,.92.84l2.25-.12A.88.88,0,0,0,34,38.2h0l-.34-6.38a.88.88,0,0,1,.84-.93h0l2.67-.14a.89.89,0,0,1,.8.41l4.41,7a.92.92,0,0,0,.8.42l2.17-.12a.88.88,0,0,0,.72-1.34l-4.25-7A.88.88,0,0,1,42,29c.22-.18.44-.37.64-.56a10.07,10.07,0,0,0,.5,3,9.65,9.65,0,0,0,2,3.45,11.39,11.39,0,0,0,3.45,2.5,10,10,0,0,0,8.09.47,11,11,0,0,0,6.08-6l.08-.18.26,4.91a.89.89,0,0,0,.92.84l2.25-.12a.89.89,0,0,0,.84-.92L66.86,31a.87.87,0,0,1,.83-.92h0l3-.16a10.49,10.49,0,0,0,2.6-.5A6.87,6.87,0,0,0,75.75,28a6.67,6.67,0,0,0,1.68-2.36l0-.12A8.77,8.77,0,0,0,78,21.73a9,9,0,0,0-.77-3.49,4.1,4.1,0,0,0-.22-.41,4.71,4.71,0,0,0-1.63-1.63,7.28,7.28,0,0,0-3-.87,28.9,28.9,0,0,0-4.16,0l-5.33.28a.86.86,0,0,0-.61.29.9.9,0,0,0-.22.63L62.33,21a10.85,10.85,0,0,0-.8-1A11.54,11.54,0,0,0,54,16.38,9.3,9.3,0,0,0,50,17a10.46,10.46,0,0,0-3.46,2.22,11.5,11.5,0,0,0-1.92,2.41q-1-5.05-7.73-4.7l-7.14.37a.88.88,0,0,0-.84.93l.22,4.15a9.5,9.5,0,0,0-5.19-4,12.2,12.2,0,0,0-3.65-.56C20.05,17.82,19.79,17.82,19.54,17.84Zm63.22-3.31-2.17.12a.9.9,0,0,0-.61.29.87.87,0,0,0-.23.64l1.06,20.15a.88.88,0,0,0,.93.84L84,36.45a.83.83,0,0,0,.61-.29.87.87,0,0,0,.23-.63l-1-20.09a1,1,0,0,0-1-.9Zm11.48,3.85a.9.9,0,0,1,.07.87L86.94,35a.88.88,0,0,0,.06.86.85.85,0,0,0,.76.4l12.9-.67h0a.76.76,0,0,0,.72-.8h0l-.13-2.48a.75.75,0,0,0-.8-.72l-6.21.33a.89.89,0,0,1-.84-1.26l7.37-15.74a.9.9,0,0,0-.07-.87.87.87,0,0,0-.78-.39L87,14.31a.75.75,0,0,0-.71.8l.13,2.49a.74.74,0,0,0,.25.52.75.75,0,0,0,.55.2L93.46,18h.05A.89.89,0,0,1,94.24,18.38ZM106,13.31l-2.24.12a.89.89,0,0,0-.85.93l.85,16.15v.1l.2,3.83a1,1,0,0,0,1,.91l2.18-.11h0a.9.9,0,0,0,.83-.93l-1.06-20.16a.88.88,0,0,0-.88-.84Zm-3.32-3.5v.1a2,2,0,0,0,4-.1V9.7a2,2,0,0,0-2-1.9h-.1a2,2,0,0,0-1.91,2ZM16.25,35.28l-.66-12.51a.87.87,0,0,1,.23-.64.83.83,0,0,1,.61-.29l3.3-.18a6,6,0,0,1,4.87,1.62,7.74,7.74,0,0,1,1.92,5.19,7.71,7.71,0,0,1-1.37,5.35A6,6,0,0,1,20.47,36l-3.31.17h0a.88.88,0,0,1-.88-.84Zm36.61-.55A6.9,6.9,0,0,1,48,32.44a5.3,5.3,0,0,1-1.12-2.17,6.7,6.7,0,0,1-.09-2.6,11,11,0,0,1,2.57-5.41,6.42,6.42,0,0,1,2.07-1.58,5.52,5.52,0,0,1,2.4-.52,6.36,6.36,0,0,1,2.64.66,5.45,5.45,0,0,1,3.3,3.78A8.32,8.32,0,0,1,59,30.1a10.69,10.69,0,0,1-1.66,2.54,6.76,6.76,0,0,1-2.07,1.57,5.42,5.42,0,0,1-2.31.52.27.27,0,0,1-.09,0Zm-19.2-7.84a.83.83,0,0,1-.29-.61l-.26-4.91a.87.87,0,0,1,.83-.92l2.22-.12a5.2,5.2,0,0,1,3.39.63,3.08,3.08,0,0,1,1,2.41,3.29,3.29,0,0,1-.8,2.6,5.23,5.23,0,0,1-3.43,1l-2.07.11h0a.89.89,0,0,1-.59-.23Zm32.93-1.41-.31-5.84a.9.9,0,0,1,.23-.64.86.86,0,0,1,.61-.29l2.4-.12a8.81,8.81,0,0,1,2,.09,3.1,3.1,0,0,1,1.33.57,2.58,2.58,0,0,1,.75,1.09A6.22,6.22,0,0,1,73.94,22a4.16,4.16,0,0,1-.79,3.14A4.63,4.63,0,0,1,70,26.19l-2.51.13h0a.9.9,0,0,1-.89-.84Z\"\n        transform=\"translate(-8.49 -4.94)\"\n      />\n    </svg>\n  </div>\n  <div class=\"wac-logo__wrapper\" [ngClass]=\"isWhite ? 'white' : ''\" *ngIf=\"!isDropizi\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 128.044 40\">\n      <defs>\n        <style>\n          .cls-1 {\n            fill: #a4c445;\n          }\n          .cls-2 {\n            fill: #52aecd;\n          }\n        </style>\n      </defs>\n      <g id=\"Logo_WiziShop\" transform=\"translate(0.024 0)\">\n        <path\n          id=\"Shop\"\n          class=\"cls-1\"\n          d=\"M50.812,38.431V12.3a2.468,2.468,0,0,1,2.452-1.643A2.307,2.307,0,0,1,55.446,12a7.058,7.058,0,0,1,4.107-1.348A5.245,5.245,0,0,1,63.218,12,6.1,6.1,0,0,1,64.7,16.365v7.208h-.012q0,7.282-5.835,7.282a8.453,8.453,0,0,1-3.224-.674v8.25A2.471,2.471,0,0,1,53.178,40,2.419,2.419,0,0,1,50.812,38.431Zm4.805-21.845V26a7.046,7.046,0,0,0,2.709.834c1.1-.012,1.655-1.091,1.655-3.248V15.912c0-.65-.4-.981-1.226-.981A3.59,3.59,0,0,0,55.617,16.586ZM33.858,19.614q0-9.727,7.159-9.721,4.1,0,5.762,3.065a15.8,15.8,0,0,1,1.067,6.656q0,4.56-1.226,6.8-1.655,3.144-6.031,3.138Q33.858,29.556,33.858,19.614Zm4.462,0c0,3.947.846,5.909,2.538,5.909,1.741.012,2.623-1.961,2.623-5.909q0-5.682-2.538-5.688Q38.315,13.926,38.321,19.614Zm-35.8,8.4A5.577,5.577,0,0,1,.172,23.917L0,22.262l4.536-.6a12.942,12.942,0,0,0,.613,2.317,1.976,1.976,0,0,0,2.01,1.189,1.375,1.375,0,0,0,1.226-.674A4.161,4.161,0,0,0,9,22.4c0-1.2-.736-2.623-2.219-4.266s-2.954-3.273-4.4-4.867A10,10,0,0,1,.025,7.2a9.322,9.322,0,0,1,.441-2.77Q1.955.012,6.84.012a7.629,7.629,0,0,1,4.585,1.5,5.555,5.555,0,0,1,2.317,4.131l.172,1.655-4.585.588a12.943,12.943,0,0,0-.613-2.317,1.976,1.976,0,0,0-2.01-1.189c-.7,0-1.189.429-1.483,1.275A3.756,3.756,0,0,0,4.965,7q0,2.537,4.622,7.416t4.622,8.017a7.691,7.691,0,0,1-1.876,4.72,6.225,6.225,0,0,1-5.185,2.39A7.665,7.665,0,0,1,2.525,28.011Zm23.488-.368V15.3c0-.552-.343-.821-1.042-.821a3.356,3.356,0,0,0-2.954,1.569v11.6a2.629,2.629,0,0,1-2.538,1.716,2.589,2.589,0,0,1-2.452-1.728V1.729A2.578,2.578,0,0,1,19.479,0a2.641,2.641,0,0,1,2.538,1.729v9.292a7.611,7.611,0,0,1,3.751-1.042,5.039,5.039,0,0,1,3.665,1.459,5.748,5.748,0,0,1,1.483,4.3V27.631a2.548,2.548,0,0,1-2.366,1.728l-.136,0A2.521,2.521,0,0,1,26.013,27.643Z\"\n          transform=\"translate(63.32 0)\"\n        />\n        <path\n          id=\"Wizi\"\n          class=\"cls-2\"\n          d=\"M13.341,28.661,12.2,22.617l-1.226,6.044a2.9,2.9,0,0,1-2.353,1.189,3.26,3.26,0,0,1-2.44-1.1L.064,2.55A1.793,1.793,0,0,1,.591.674,2.977,2.977,0,0,1,2.6,0c1.287,0,2.047.478,2.28,1.422L8.535,18.707l1.312-6.055a2.228,2.228,0,0,1,2.524-1.876,2.035,2.035,0,0,1,2.183,1.876l1.213,6.142Q16.816,12.6,18,6.3c.785-4.2,2.06-6.3,3.8-6.3a2.717,2.717,0,0,1,1.054.221,1.774,1.774,0,0,1,1.41,2.329l-6.032,26.1a2.881,2.881,0,0,1-2.354,1.2A3.247,3.247,0,0,1,13.341,28.661Zm39.816-.356V11.67c.293-.6,1.139-.895,2.537-.895,1.336,0,2.182.294,2.538.895V28.305c-.355.65-1.2.968-2.538.968C54.3,29.273,53.451,28.955,53.157,28.305Zm-15.667.968c-1.287-.147-1.924-.772-1.924-1.863a2.936,2.936,0,0,1,.343-1.5l7.16-10.984H37.33a2.307,2.307,0,0,1-1.765-2.182,2.226,2.226,0,0,1,1.778-2.182h10.1a2.144,2.144,0,0,1,1.679,2.1q0,1.8-2.574,5.529-2.483,3.366-4.879,6.73h5.7v-.013a2.235,2.235,0,0,1,0,4.364Zm-11.5-.968V11.67c.294-.6,1.14-.895,2.538-.895,1.336,0,2.182.294,2.537.895V28.305c-.355.65-1.2.968-2.537.968C27.131,29.273,26.285,28.955,25.991,28.305ZM53.9,8.054a2,2,0,0,1-.747-1.544A1.858,1.858,0,0,1,53.9,5a2.969,2.969,0,0,1,3.58,0,1.859,1.859,0,0,1,.748,1.508,1.962,1.962,0,0,1-.748,1.544,2.833,2.833,0,0,1-3.58,0Zm-27.165,0a2,2,0,0,1-.748-1.544A1.859,1.859,0,0,1,26.739,5a2.968,2.968,0,0,1,3.579,0,1.892,1.892,0,0,1,.748,1.508,1.959,1.959,0,0,1-.748,1.544,2.832,2.832,0,0,1-3.579,0Z\"\n          transform=\"translate(-0.024 0.086)\"\n        />\n      </g>\n    </svg>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-logo', encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-logo\">\n  <div class=\"wac-logo__wrapper\" [ngClass]=\"isWhite ? 'white' : ''\" *ngIf=\"isDropizi\">\n    <svg id=\"Calque_1\" data-name=\"Calque 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 102.33 40\">\n      <defs>\n        <style>\n          .cls-0 {\n            fill: #fa096a;\n          }\n        </style>\n      </defs>\n      <title>Logo_Dropizi</title>\n      <path\n        id=\"Logo_Dropizi-2\"\n        data-name=\"Logo Dropizi-2\"\n        class=\"cls-0\"\n        d=\"M83,44.94a4.87,4.87,0,0,1-4.36-7,3.81,3.81,0,0,1-.72-2l-.3-5.69a9.61,9.61,0,0,1-3.43,2,13.51,13.51,0,0,1-3.34.63l-1.06,0L70,36.29a3.75,3.75,0,0,1-3.54,3.94l-2.25.11H64a3.69,3.69,0,0,1-3-1.56,12.82,12.82,0,0,1-7.68,2.61,13.45,13.45,0,0,1-5.37-1.14,3.67,3.67,0,0,1-2.46,1.09l-2.15.12h-.2a3.76,3.76,0,0,1-3.17-1.74l-3.29-5.25L36.84,38a3.78,3.78,0,0,1-1,2.7A3.74,3.74,0,0,1,33.28,42L31,42.09h-.19a3.77,3.77,0,0,1-3.06-1.58,12.62,12.62,0,0,1-1.62.87,15,15,0,0,1-5.35,1.24L13.49,43H13.3a3.76,3.76,0,0,1-3.74-3.54L8.5,19.3A3.75,3.75,0,0,1,12,15.36L19.37,15c.3,0,.59,0,.88,0a14.67,14.67,0,0,1,4.56.7,13.17,13.17,0,0,1,1.74.7,3.73,3.73,0,0,1,3.06-1.91l7.14-.37c.35,0,.69,0,1,0,3.65,0,6,1.12,7.41,2.57A13.29,13.29,0,0,1,49,14.33a12.05,12.05,0,0,1,4.44-.82c.23,0,.45,0,.69,0a13.63,13.63,0,0,1,5.2,1.35l.22.11a3.75,3.75,0,0,1,3.25-2.29l5.32-.27c.7,0,1.38-.06,2-.06.92,0,1.78,0,2.57.11a10.17,10.17,0,0,1,4.16,1.26l.37.24a3.78,3.78,0,0,1,3.22-2.2l2.18-.12h.2a3.89,3.89,0,0,1,2,.57,3.63,3.63,0,0,1,2.07-.79l12.9-.67h.11c0-.24-.07-.47-.09-.71a4.88,4.88,0,0,1,4.62-5.12h.25a4.86,4.86,0,0,1,4.88,4.62v.26A4.89,4.89,0,0,1,109,12a3.62,3.62,0,0,1,.72,2l1.06,20.14,0,0a3.75,3.75,0,0,1-3.54,3.94l-2.18.11h-.2a3.83,3.83,0,0,1-2-.57,3.54,3.54,0,0,1-2.06.78l-12.9.68h-.1c0,.24.07.47.09.71a4.87,4.87,0,0,1-1.25,3.51,4.82,4.82,0,0,1-3.37,1.6Zm-2-4.87v.11a2,2,0,0,0,2.1,1.9h0a2,2,0,0,0,1.9-2V40a2,2,0,0,0-2-1.9H83A2,2,0,0,0,81.05,40.07ZM19.54,17.84l-7.34.39a.89.89,0,0,0-.84.93l1.06,20.17a.89.89,0,0,0,.92.83l7.33-.39a11.89,11.89,0,0,0,4.32-1,9.7,9.7,0,0,0,3.3-2.36,8.91,8.91,0,0,0,1.46-2.14L30,38.4a.88.88,0,0,0,.92.84l2.25-.12A.88.88,0,0,0,34,38.2h0l-.34-6.38a.88.88,0,0,1,.84-.93h0l2.67-.14a.89.89,0,0,1,.8.41l4.41,7a.92.92,0,0,0,.8.42l2.17-.12a.88.88,0,0,0,.72-1.34l-4.25-7A.88.88,0,0,1,42,29c.22-.18.44-.37.64-.56a10.07,10.07,0,0,0,.5,3,9.65,9.65,0,0,0,2,3.45,11.39,11.39,0,0,0,3.45,2.5,10,10,0,0,0,8.09.47,11,11,0,0,0,6.08-6l.08-.18.26,4.91a.89.89,0,0,0,.92.84l2.25-.12a.89.89,0,0,0,.84-.92L66.86,31a.87.87,0,0,1,.83-.92h0l3-.16a10.49,10.49,0,0,0,2.6-.5A6.87,6.87,0,0,0,75.75,28a6.67,6.67,0,0,0,1.68-2.36l0-.12A8.77,8.77,0,0,0,78,21.73a9,9,0,0,0-.77-3.49,4.1,4.1,0,0,0-.22-.41,4.71,4.71,0,0,0-1.63-1.63,7.28,7.28,0,0,0-3-.87,28.9,28.9,0,0,0-4.16,0l-5.33.28a.86.86,0,0,0-.61.29.9.9,0,0,0-.22.63L62.33,21a10.85,10.85,0,0,0-.8-1A11.54,11.54,0,0,0,54,16.38,9.3,9.3,0,0,0,50,17a10.46,10.46,0,0,0-3.46,2.22,11.5,11.5,0,0,0-1.92,2.41q-1-5.05-7.73-4.7l-7.14.37a.88.88,0,0,0-.84.93l.22,4.15a9.5,9.5,0,0,0-5.19-4,12.2,12.2,0,0,0-3.65-.56C20.05,17.82,19.79,17.82,19.54,17.84Zm63.22-3.31-2.17.12a.9.9,0,0,0-.61.29.87.87,0,0,0-.23.64l1.06,20.15a.88.88,0,0,0,.93.84L84,36.45a.83.83,0,0,0,.61-.29.87.87,0,0,0,.23-.63l-1-20.09a1,1,0,0,0-1-.9Zm11.48,3.85a.9.9,0,0,1,.07.87L86.94,35a.88.88,0,0,0,.06.86.85.85,0,0,0,.76.4l12.9-.67h0a.76.76,0,0,0,.72-.8h0l-.13-2.48a.75.75,0,0,0-.8-.72l-6.21.33a.89.89,0,0,1-.84-1.26l7.37-15.74a.9.9,0,0,0-.07-.87.87.87,0,0,0-.78-.39L87,14.31a.75.75,0,0,0-.71.8l.13,2.49a.74.74,0,0,0,.25.52.75.75,0,0,0,.55.2L93.46,18h.05A.89.89,0,0,1,94.24,18.38ZM106,13.31l-2.24.12a.89.89,0,0,0-.85.93l.85,16.15v.1l.2,3.83a1,1,0,0,0,1,.91l2.18-.11h0a.9.9,0,0,0,.83-.93l-1.06-20.16a.88.88,0,0,0-.88-.84Zm-3.32-3.5v.1a2,2,0,0,0,4-.1V9.7a2,2,0,0,0-2-1.9h-.1a2,2,0,0,0-1.91,2ZM16.25,35.28l-.66-12.51a.87.87,0,0,1,.23-.64.83.83,0,0,1,.61-.29l3.3-.18a6,6,0,0,1,4.87,1.62,7.74,7.74,0,0,1,1.92,5.19,7.71,7.71,0,0,1-1.37,5.35A6,6,0,0,1,20.47,36l-3.31.17h0a.88.88,0,0,1-.88-.84Zm36.61-.55A6.9,6.9,0,0,1,48,32.44a5.3,5.3,0,0,1-1.12-2.17,6.7,6.7,0,0,1-.09-2.6,11,11,0,0,1,2.57-5.41,6.42,6.42,0,0,1,2.07-1.58,5.52,5.52,0,0,1,2.4-.52,6.36,6.36,0,0,1,2.64.66,5.45,5.45,0,0,1,3.3,3.78A8.32,8.32,0,0,1,59,30.1a10.69,10.69,0,0,1-1.66,2.54,6.76,6.76,0,0,1-2.07,1.57,5.42,5.42,0,0,1-2.31.52.27.27,0,0,1-.09,0Zm-19.2-7.84a.83.83,0,0,1-.29-.61l-.26-4.91a.87.87,0,0,1,.83-.92l2.22-.12a5.2,5.2,0,0,1,3.39.63,3.08,3.08,0,0,1,1,2.41,3.29,3.29,0,0,1-.8,2.6,5.23,5.23,0,0,1-3.43,1l-2.07.11h0a.89.89,0,0,1-.59-.23Zm32.93-1.41-.31-5.84a.9.9,0,0,1,.23-.64.86.86,0,0,1,.61-.29l2.4-.12a8.81,8.81,0,0,1,2,.09,3.1,3.1,0,0,1,1.33.57,2.58,2.58,0,0,1,.75,1.09A6.22,6.22,0,0,1,73.94,22a4.16,4.16,0,0,1-.79,3.14A4.63,4.63,0,0,1,70,26.19l-2.51.13h0a.9.9,0,0,1-.89-.84Z\"\n        transform=\"translate(-8.49 -4.94)\"\n      />\n    </svg>\n  </div>\n  <div class=\"wac-logo__wrapper\" [ngClass]=\"isWhite ? 'white' : ''\" *ngIf=\"!isDropizi\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 128.044 40\">\n      <defs>\n        <style>\n          .cls-1 {\n            fill: #a4c445;\n          }\n          .cls-2 {\n            fill: #52aecd;\n          }\n        </style>\n      </defs>\n      <g id=\"Logo_WiziShop\" transform=\"translate(0.024 0)\">\n        <path\n          id=\"Shop\"\n          class=\"cls-1\"\n          d=\"M50.812,38.431V12.3a2.468,2.468,0,0,1,2.452-1.643A2.307,2.307,0,0,1,55.446,12a7.058,7.058,0,0,1,4.107-1.348A5.245,5.245,0,0,1,63.218,12,6.1,6.1,0,0,1,64.7,16.365v7.208h-.012q0,7.282-5.835,7.282a8.453,8.453,0,0,1-3.224-.674v8.25A2.471,2.471,0,0,1,53.178,40,2.419,2.419,0,0,1,50.812,38.431Zm4.805-21.845V26a7.046,7.046,0,0,0,2.709.834c1.1-.012,1.655-1.091,1.655-3.248V15.912c0-.65-.4-.981-1.226-.981A3.59,3.59,0,0,0,55.617,16.586ZM33.858,19.614q0-9.727,7.159-9.721,4.1,0,5.762,3.065a15.8,15.8,0,0,1,1.067,6.656q0,4.56-1.226,6.8-1.655,3.144-6.031,3.138Q33.858,29.556,33.858,19.614Zm4.462,0c0,3.947.846,5.909,2.538,5.909,1.741.012,2.623-1.961,2.623-5.909q0-5.682-2.538-5.688Q38.315,13.926,38.321,19.614Zm-35.8,8.4A5.577,5.577,0,0,1,.172,23.917L0,22.262l4.536-.6a12.942,12.942,0,0,0,.613,2.317,1.976,1.976,0,0,0,2.01,1.189,1.375,1.375,0,0,0,1.226-.674A4.161,4.161,0,0,0,9,22.4c0-1.2-.736-2.623-2.219-4.266s-2.954-3.273-4.4-4.867A10,10,0,0,1,.025,7.2a9.322,9.322,0,0,1,.441-2.77Q1.955.012,6.84.012a7.629,7.629,0,0,1,4.585,1.5,5.555,5.555,0,0,1,2.317,4.131l.172,1.655-4.585.588a12.943,12.943,0,0,0-.613-2.317,1.976,1.976,0,0,0-2.01-1.189c-.7,0-1.189.429-1.483,1.275A3.756,3.756,0,0,0,4.965,7q0,2.537,4.622,7.416t4.622,8.017a7.691,7.691,0,0,1-1.876,4.72,6.225,6.225,0,0,1-5.185,2.39A7.665,7.665,0,0,1,2.525,28.011Zm23.488-.368V15.3c0-.552-.343-.821-1.042-.821a3.356,3.356,0,0,0-2.954,1.569v11.6a2.629,2.629,0,0,1-2.538,1.716,2.589,2.589,0,0,1-2.452-1.728V1.729A2.578,2.578,0,0,1,19.479,0a2.641,2.641,0,0,1,2.538,1.729v9.292a7.611,7.611,0,0,1,3.751-1.042,5.039,5.039,0,0,1,3.665,1.459,5.748,5.748,0,0,1,1.483,4.3V27.631a2.548,2.548,0,0,1-2.366,1.728l-.136,0A2.521,2.521,0,0,1,26.013,27.643Z\"\n          transform=\"translate(63.32 0)\"\n        />\n        <path\n          id=\"Wizi\"\n          class=\"cls-2\"\n          d=\"M13.341,28.661,12.2,22.617l-1.226,6.044a2.9,2.9,0,0,1-2.353,1.189,3.26,3.26,0,0,1-2.44-1.1L.064,2.55A1.793,1.793,0,0,1,.591.674,2.977,2.977,0,0,1,2.6,0c1.287,0,2.047.478,2.28,1.422L8.535,18.707l1.312-6.055a2.228,2.228,0,0,1,2.524-1.876,2.035,2.035,0,0,1,2.183,1.876l1.213,6.142Q16.816,12.6,18,6.3c.785-4.2,2.06-6.3,3.8-6.3a2.717,2.717,0,0,1,1.054.221,1.774,1.774,0,0,1,1.41,2.329l-6.032,26.1a2.881,2.881,0,0,1-2.354,1.2A3.247,3.247,0,0,1,13.341,28.661Zm39.816-.356V11.67c.293-.6,1.139-.895,2.537-.895,1.336,0,2.182.294,2.538.895V28.305c-.355.65-1.2.968-2.538.968C54.3,29.273,53.451,28.955,53.157,28.305Zm-15.667.968c-1.287-.147-1.924-.772-1.924-1.863a2.936,2.936,0,0,1,.343-1.5l7.16-10.984H37.33a2.307,2.307,0,0,1-1.765-2.182,2.226,2.226,0,0,1,1.778-2.182h10.1a2.144,2.144,0,0,1,1.679,2.1q0,1.8-2.574,5.529-2.483,3.366-4.879,6.73h5.7v-.013a2.235,2.235,0,0,1,0,4.364Zm-11.5-.968V11.67c.294-.6,1.14-.895,2.538-.895,1.336,0,2.182.294,2.537.895V28.305c-.355.65-1.2.968-2.537.968C27.131,29.273,26.285,28.955,25.991,28.305ZM53.9,8.054a2,2,0,0,1-.747-1.544A1.858,1.858,0,0,1,53.9,5a2.969,2.969,0,0,1,3.58,0,1.859,1.859,0,0,1,.748,1.508,1.962,1.962,0,0,1-.748,1.544,2.833,2.833,0,0,1-3.58,0Zm-27.165,0a2,2,0,0,1-.748-1.544A1.859,1.859,0,0,1,26.739,5a2.968,2.968,0,0,1,3.579,0,1.892,1.892,0,0,1,.748,1.508,1.959,1.959,0,0,1-.748,1.544,2.832,2.832,0,0,1-3.579,0Z\"\n          transform=\"translate(-0.024 0.086)\"\n        />\n      </g>\n    </svg>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { isDropizi: [{
+                type: Input
+            }], isWhite: [{
+                type: Input
+            }] } });
+
+class RadioComponent {
+    constructor() {
+        this.label = '';
+        this.id = '';
+        this.alone = false;
+        this.changeInput = new EventEmitter();
+        this.disabled = false;
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    onChange(value) {
+        if (this._onChange) {
+            this._onChange(value);
+        }
+    }
+    valueInput(value) {
+        this.changeInput.emit(value);
+    }
+}
+RadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+RadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: RadioComponent, selector: "wac-radio", inputs: { label: "label", options: "options", value: "value", type: "type", id: "id", name: "name", alone: "alone" }, outputs: { changeInput: "changeInput" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-radio\" *ngFor=\"let option of options\" [ngClass]=\"{ 'wac-radio--nowrap': type === 'column', alone: alone }\">\n  <div class=\"wac-radio__row\">\n    <input\n      type=\"radio\"\n      [id]=\"option.id\"\n      class=\"is-checkradio\"\n      [name]=\"option.name\"\n      [value]=\"option.value\"\n      [disabled]=\"option.disabled\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onChange($event)\"\n    />\n    <label [attr.for]=\"option.id\">{{ option.label }}</label>\n    <div class=\"wac-radio__input\" *ngIf=\"value && option.value && option.hasInput\">\n      <input type=\"text\" [placeholder]=\"option.placeholderInput\" (blur)=\"valueInput($event)\" />\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: RadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-radio', encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }], template: "<div class=\"wac-radio\" *ngFor=\"let option of options\" [ngClass]=\"{ 'wac-radio--nowrap': type === 'column', alone: alone }\">\n  <div class=\"wac-radio__row\">\n    <input\n      type=\"radio\"\n      [id]=\"option.id\"\n      class=\"is-checkradio\"\n      [name]=\"option.name\"\n      [value]=\"option.value\"\n      [disabled]=\"option.disabled\"\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"onChange($event)\"\n    />\n    <label [attr.for]=\"option.id\">{{ option.label }}</label>\n    <div class=\"wac-radio__input\" *ngIf=\"value && option.value && option.hasInput\">\n      <input type=\"text\" [placeholder]=\"option.placeholderInput\" (blur)=\"valueInput($event)\" />\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], alone: [{
+                type: Input
+            }], changeInput: [{
+                type: Output
+            }] } });
+
+class StateComponent {
+    constructor() {
+        this.state = 'success';
+    }
+}
+StateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: StateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: StateComponent, selector: "wac-state", inputs: { state: "state" }, ngImport: i0, template: "<div [class]=\"'wac-state ' + state\"></div>\n", encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: StateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-state', encapsulation: ViewEncapsulation.None, template: "<div [class]=\"'wac-state ' + state\"></div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { state: [{
+                type: Input
+            }] } });
+
+const inOutX = trigger('inOutXAnimation', [
+    transition(':enter', [
+        style({ zIndex: -1, transform: 'scaleX(0)', width: 0, opacity: 0 }),
+        animate('.3s ease-out', style({ zIndex: 1, transform: 'scaleX(1)', width: 'auto', opacity: 1 }))
+    ]),
+    transition(':leave', [
+        style({ zIndex: 1, transform: 'scaleX(1)', width: 'auto', opacity: 1 }),
+        animate('.3s ease-in', style({ zIndex: -1, transform: 'scaleX(0)', width: 0, opacity: 0 }))
+    ])
+]);
+
+class LabelComponent {
+    constructor() {
+        this.index = 0;
+        this.label = '';
+        this.deleted = false;
+        this.onDeleteLabel = new EventEmitter();
+    }
+    deleteLabel() {
+        this.deleted = true;
+        this.onDeleteLabel.emit({
+            index: this.index,
+            label: this.label
+        });
+    }
+}
+LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LabelComponent, selector: "wac-label", inputs: { index: "index", label: "label", deleted: "deleted" }, outputs: { onDeleteLabel: "onDeleteLabel" }, ngImport: i0, template: "<div *ngIf=\"!deleted\" [@inOutXAnimation] class=\"wac-label\">\n  <div class=\"wac-label__wrapper\">\n    {{ label }}\n    <i class=\"far fa-times\" (click)=\"deleteLabel()\"></i>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [inOutX], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-label', encapsulation: ViewEncapsulation.None, animations: [inOutX], template: "<div *ngIf=\"!deleted\" [@inOutXAnimation] class=\"wac-label\">\n  <div class=\"wac-label__wrapper\">\n    {{ label }}\n    <i class=\"far fa-times\" (click)=\"deleteLabel()\"></i>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { index: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], deleted: [{
+                type: Input
+            }], onDeleteLabel: [{
+                type: Output
+            }] } });
+
+class CalendarComponent {
+    constructor() {
+        this.type = 'input';
+        this.options = {
+            displayMode: 'inline',
+            showHeader: false,
+            showFooter: true,
+            showButton: true
+        };
+        this.position = 'bottom';
+        this.dateSelected = new Date();
+        this.typeDate = 'datetime-local';
+        this.noMargin = false;
+        this.selected = new EventEmitter();
+        this.changeData = new EventEmitter();
+        this.open = false;
+        this.startLabel = '';
+        this.endLabel = '';
+    }
+    changeDate(event) {
+        this.currentDate = new Date(new Date(event.startDate).setHours(0, 0, 0, 0));
+        this.dateSelected = new Date(new Date(new Date(event.startDate).setHours(0, 0, 0, 0)).getTime() +
+            parseInt(this.currentHours, 0) * 60 * 60 * 1000 +
+            parseInt(this.currentMinutes, 0) * 60000);
+        this.triggerChange({
+            startDate: this.dateSelected,
+            endDate: this.dateSelected
+        });
+    }
+    triggerChange(event) {
+        this.changeData.emit(event);
+    }
+    openCalendar(value = null) {
+        if (value === 'close') {
+            if (this.open) {
+                this.open = false;
+            }
+        }
+        else {
+            this.open = !this.open;
+        }
+    }
+    ngOnInit() {
+        if (this.type === 'edit' && this.label) {
+            const splitLabel = this.label.split('{x}');
+            if (splitLabel.length > 1) {
+                this.startLabel = splitLabel[0];
+                this.endLabel = splitLabel[1];
+            }
+            else {
+                this.startLabel = this.label;
+            }
+        }
+        this.currentHours =
+            new Date(this.dateSelected).getHours() < 10 ? '0' + new Date(this.dateSelected).getHours() : new Date(this.dateSelected).getHours();
+        this.currentMinutes =
+            new Date(this.dateSelected).getMinutes() < 10
+                ? '0' + new Date(this.dateSelected).getMinutes()
+                : new Date(this.dateSelected).getMinutes();
+        this.currentDate = new Date(this.dateSelected).setHours(0, 0, 0, 0);
+        if (this.typeDate === 'date') {
+            this.currentHours = '00';
+            this.currentMinutes = '00';
+        }
+    }
+    verifKeyup(events) {
+        events.target.value = events.target.value.replace(/\D+/g, '');
+    }
+    verifHours(events) {
+        const value = parseInt(events.target.value, 0);
+        events.target.value = this.currentHours = value < 24 ? (value < 10 ? '0' + value : value) : 23;
+        const dateData = new Date(new Date(new Date(this.currentDate).setHours(0, 0, 0, 0)).getTime() +
+            parseInt(this.currentHours, 0) * 60 * 60 * 1000 +
+            parseInt(this.currentMinutes, 0) * 60000);
+        this.dateSelected = dateData;
+        this.triggerChange({
+            startDate: dateData,
+            endDate: dateData
+        });
+    }
+    verifMinutes(events) {
+        const value = parseInt(events.target.value, 0);
+        events.target.value = this.currentMinutes = value < 60 ? (value < 10 ? '0' + value : value) : 59;
+        const dateData = new Date(new Date(new Date(this.currentDate).setHours(0, 0, 0, 0)).getTime() +
+            parseInt(this.currentHours, 0) * 60 * 60 * 1000 +
+            parseInt(this.currentMinutes, 0) * 60000);
+        this.dateSelected = dateData;
+        this.triggerChange({
+            startDate: dateData,
+            endDate: dateData
+        });
+    }
+    addHours(target) {
+        target.value = this.currentHours =
+            parseInt(target.value, 0) + 1 < 24
+                ? parseInt(target.value, 0) + 1 < 10
+                    ? '0' + (parseInt(target.value, 0) + 1)
+                    : parseInt(target.value, 0) + 1
+                : parseInt(target.value, 0) < 10
+                    ? '0' + parseInt(target.value, 0)
+                    : parseInt(target.value, 0);
+        const dateData = new Date(new Date(new Date(this.currentDate).setHours(0, 0, 0, 0)).getTime() +
+            parseInt(this.currentHours, 0) * 60 * 60 * 1000 +
+            parseInt(this.currentMinutes, 0) * 60000);
+        this.dateSelected = dateData;
+        this.triggerChange({
+            startDate: dateData,
+            endDate: dateData
+        });
+    }
+    removeHours(target) {
+        target.value = this.currentHours =
+            parseInt(target.value, 0) - 1 > -1
+                ? parseInt(target.value, 0) - 1 < 10
+                    ? '0' + (parseInt(target.value, 0) - 1)
+                    : parseInt(target.value, 0) - 1
+                : parseInt(target.value, 0) < 10
+                    ? '0' + parseInt(target.value, 0)
+                    : parseInt(target.value, 0);
+        const dateData = new Date(new Date(new Date(this.currentDate).setHours(0, 0, 0, 0)).getTime() +
+            parseInt(this.currentHours, 0) * 60 * 60 * 1000 +
+            parseInt(this.currentMinutes, 0) * 60000);
+        this.dateSelected = dateData;
+        this.triggerChange({
+            startDate: dateData,
+            endDate: dateData
+        });
+    }
+    addMinutes(target) {
+        target.value = this.currentMinutes =
+            parseInt(target.value, 0) + 1 < 60
+                ? parseInt(target.value, 0) + 1 < 10
+                    ? '0' + (parseInt(target.value, 0) + 1)
+                    : parseInt(target.value, 0) + 1
+                : parseInt(target.value, 0) < 10
+                    ? '0' + parseInt(target.value, 0)
+                    : parseInt(target.value, 0);
+        const dateData = new Date(new Date(new Date(this.currentDate).setHours(0, 0, 0, 0)).getTime() +
+            parseInt(this.currentHours, 0) * 60 * 60 * 1000 +
+            parseInt(this.currentMinutes, 0) * 60000);
+        this.dateSelected = dateData;
+        this.triggerChange({
+            startDate: dateData,
+            endDate: dateData
+        });
+    }
+    removeMinutes(target) {
+        target.value = this.currentMinutes =
+            parseInt(target.value, 0) - 1 > -1
+                ? parseInt(target.value, 0) - 1 < 10
+                    ? '0' + (parseInt(target.value, 0) - 1)
+                    : parseInt(target.value, 0) - 1
+                : parseInt(target.value, 0) < 10
+                    ? '0' + parseInt(target.value, 0)
+                    : parseInt(target.value, 0);
+        const dateData = new Date(new Date(new Date(this.currentDate).setHours(0, 0, 0, 0)).getTime() +
+            parseInt(this.currentHours, 0) * 60 * 60 * 1000 +
+            parseInt(this.currentMinutes, 0) * 60000);
+        this.dateSelected = dateData;
+        this.triggerChange({
+            startDate: dateData,
+            endDate: dateData
+        });
+    }
+}
+CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CalendarComponent, selector: "wac-calendar", inputs: { label: "label", type: "type", options: "options", position: "position", dateSelected: "dateSelected", typeDate: "typeDate", noMargin: "noMargin" }, outputs: { selected: "selected", changeData: "changeData" }, ngImport: i0, template: "<div\n  class=\"wac-calendar\"\n  [ngClass]=\"{\n    'wac-calendar--input': type === 'input',\n    'wac-calendar--edit': type === 'edit',\n    'wac-calendar--select': type === 'select',\n    'wac-calendar--no-margin': noMargin,\n    'wac-calendar--open': open\n  }\"\n  [zIndexToggle]=\"open\"\n>\n  <p class=\"wac-calendar__label\" *ngIf=\"label && (type === 'input' || type === 'select')\" (click)=\"openCalendar()\">{{ label }}</p>\n  <p class=\"wac-calendar__startLabel\" *ngIf=\"type === 'edit'\">{{ startLabel }}</p>\n  <div class=\"wac-calendar__autoHide\" wzAutoHide (clickOutside)=\"openCalendar('close')\">\n    <div class=\"wac-calendar__wrapper\">\n      <div class=\"wac-calendar__wrapper__input\" *ngIf=\"type === 'input'\" (click)=\"openCalendar()\">\n        <div class=\"wac-calendar__wrapper__input__icon\">\n          <i class=\"far fa-calendar-alt\"></i>\n        </div>\n        <div class=\"wac-calendar__wrapper__input__date\">\n          {{ dateSelected | date: 'dd/MM/yyyy' }}\n        </div>\n        <div class=\"wac-calendar__wrapper__input__time\">\n          {{ dateSelected | date: 'HH:mm' }}\n        </div>\n      </div>\n      <div class=\"wac-calendar__wrapper__editInPlace\" *ngIf=\"type === 'edit'\" (click)=\"openCalendar()\">\n        <div class=\"wac-calendar__wrapper__editInPlace__icon\">\n          <i class=\"fal fa-calendar-alt\"></i>\n        </div>\n        <div class=\"wac-calendar__wrapper__editInPlace__date\">\n          {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n        </div>\n      </div>\n      <div class=\"wac-calendar__wrapper__select\" *ngIf=\"type === 'select'\" (click)=\"openCalendar()\">\n        <div class=\"wac-calendar__wrapper__select__icon\">\n          <i class=\"fal fa-calendar-alt\"></i>\n        </div>\n        <div class=\"wac-calendar__wrapper__select__date\">\n          {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"wac-calendar__absolute\"\n      [ngClass]=\"{\n        top: position === 'top',\n        bottom: position === 'bottom',\n        left: position === 'left',\n        right: position === 'right',\n        'right-top': position === 'right-top',\n        'right-bottom': position === 'right-bottom',\n        'left-top': position === 'left-top',\n        'left-bottom': position === 'left-bottom',\n        'with-time': typeDate === 'datetime-local' || typeDate === 'datetime'\n      }\"\n    >\n      <nwb-date-picker #datePicker (change)=\"changeDate($event)\" [options]=\"options\">\n        <input [nwbDatepickerStart]=\"datePicker\" type=\"date\" [value]=\"dateSelected\" />\n      </nwb-date-picker>\n      <div class=\"wac-calendar__absolute__time\" *ngIf=\"typeDate === 'datetime-local' || typeDate === 'datetime'\">\n        <div class=\"wac-calendar__absolute__time__wrapper\">\n          <div class=\"wac-calendar__absolute__time__wrapper__hours\">\n            <div class=\"wac-calendar__absolute__time__wrapper__hours__left\">\n              <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"addHours(hours)\">\n                <i class=\"fas fa-plus\"></i>\n              </button>\n              <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"removeHours(hours)\">\n                <i class=\"fas fa-minus\"></i>\n              </button>\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__hours__right\">\n              <input #hours type=\"text\" value=\"{{ currentHours }}\" (keyup)=\"verifKeyup($event)\" (blur)=\"verifHours($event)\" />\n            </div>\n          </div>\n          <div class=\"wac-calendar__absolute__time__wrapper__minutes\">\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes__left\">\n              <input #minutes type=\"text\" value=\"{{ currentMinutes }}\" (keyup)=\"verifKeyup($event)\" (blur)=\"verifMinutes($event)\" />\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes__right\">\n              <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"addMinutes(minutes)\">\n                <i class=\"fas fa-plus\"></i>\n              </button>\n              <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"removeMinutes(minutes)\">\n                <i class=\"fas fa-minus\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <p class=\"wac-calendar__endLabel\" *ngIf=\"type === 'edit'\">{{ endLabel }}</p>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.NwbDatePickerComponent, selector: "nwb-date-picker", inputs: ["options"], outputs: ["change", "clear"] }, { kind: "directive", type: i1$2.NwbDatePickerInputStartDirective, selector: "input[nwbDatepickerStart]", inputs: ["nwbDatepickerStart"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-calendar', template: "<div\n  class=\"wac-calendar\"\n  [ngClass]=\"{\n    'wac-calendar--input': type === 'input',\n    'wac-calendar--edit': type === 'edit',\n    'wac-calendar--select': type === 'select',\n    'wac-calendar--no-margin': noMargin,\n    'wac-calendar--open': open\n  }\"\n  [zIndexToggle]=\"open\"\n>\n  <p class=\"wac-calendar__label\" *ngIf=\"label && (type === 'input' || type === 'select')\" (click)=\"openCalendar()\">{{ label }}</p>\n  <p class=\"wac-calendar__startLabel\" *ngIf=\"type === 'edit'\">{{ startLabel }}</p>\n  <div class=\"wac-calendar__autoHide\" wzAutoHide (clickOutside)=\"openCalendar('close')\">\n    <div class=\"wac-calendar__wrapper\">\n      <div class=\"wac-calendar__wrapper__input\" *ngIf=\"type === 'input'\" (click)=\"openCalendar()\">\n        <div class=\"wac-calendar__wrapper__input__icon\">\n          <i class=\"far fa-calendar-alt\"></i>\n        </div>\n        <div class=\"wac-calendar__wrapper__input__date\">\n          {{ dateSelected | date: 'dd/MM/yyyy' }}\n        </div>\n        <div class=\"wac-calendar__wrapper__input__time\">\n          {{ dateSelected | date: 'HH:mm' }}\n        </div>\n      </div>\n      <div class=\"wac-calendar__wrapper__editInPlace\" *ngIf=\"type === 'edit'\" (click)=\"openCalendar()\">\n        <div class=\"wac-calendar__wrapper__editInPlace__icon\">\n          <i class=\"fal fa-calendar-alt\"></i>\n        </div>\n        <div class=\"wac-calendar__wrapper__editInPlace__date\">\n          {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n        </div>\n      </div>\n      <div class=\"wac-calendar__wrapper__select\" *ngIf=\"type === 'select'\" (click)=\"openCalendar()\">\n        <div class=\"wac-calendar__wrapper__select__icon\">\n          <i class=\"fal fa-calendar-alt\"></i>\n        </div>\n        <div class=\"wac-calendar__wrapper__select__date\">\n          {{ dateSelected | date: 'dd/MM/yyyy HH:mm' }}\n        </div>\n      </div>\n    </div>\n    <div\n      class=\"wac-calendar__absolute\"\n      [ngClass]=\"{\n        top: position === 'top',\n        bottom: position === 'bottom',\n        left: position === 'left',\n        right: position === 'right',\n        'right-top': position === 'right-top',\n        'right-bottom': position === 'right-bottom',\n        'left-top': position === 'left-top',\n        'left-bottom': position === 'left-bottom',\n        'with-time': typeDate === 'datetime-local' || typeDate === 'datetime'\n      }\"\n    >\n      <nwb-date-picker #datePicker (change)=\"changeDate($event)\" [options]=\"options\">\n        <input [nwbDatepickerStart]=\"datePicker\" type=\"date\" [value]=\"dateSelected\" />\n      </nwb-date-picker>\n      <div class=\"wac-calendar__absolute__time\" *ngIf=\"typeDate === 'datetime-local' || typeDate === 'datetime'\">\n        <div class=\"wac-calendar__absolute__time__wrapper\">\n          <div class=\"wac-calendar__absolute__time__wrapper__hours\">\n            <div class=\"wac-calendar__absolute__time__wrapper__hours__left\">\n              <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"addHours(hours)\">\n                <i class=\"fas fa-plus\"></i>\n              </button>\n              <button class=\"wac-calendar__absolute__time__wrapper__hours__btn\" (click)=\"removeHours(hours)\">\n                <i class=\"fas fa-minus\"></i>\n              </button>\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__hours__right\">\n              <input #hours type=\"text\" value=\"{{ currentHours }}\" (keyup)=\"verifKeyup($event)\" (blur)=\"verifHours($event)\" />\n            </div>\n          </div>\n          <div class=\"wac-calendar__absolute__time__wrapper__minutes\">\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes__left\">\n              <input #minutes type=\"text\" value=\"{{ currentMinutes }}\" (keyup)=\"verifKeyup($event)\" (blur)=\"verifMinutes($event)\" />\n            </div>\n            <div class=\"wac-calendar__absolute__time__wrapper__minutes__right\">\n              <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"addMinutes(minutes)\">\n                <i class=\"fas fa-plus\"></i>\n              </button>\n              <button class=\"wac-calendar__absolute__time__wrapper__minutes__btn\" (click)=\"removeMinutes(minutes)\">\n                <i class=\"fas fa-minus\"></i>\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <p class=\"wac-calendar__endLabel\" *ngIf=\"type === 'edit'\">{{ endLabel }}</p>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], dateSelected: [{
+                type: Input
+            }], typeDate: [{
+                type: Input
+            }], noMargin: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }], changeData: [{
+                type: Output
+            }] } });
+
+class WzEditInPlaceComponent {
+    constructor() {
+        this.config = {};
+        this.customChange = new EventEmitter();
+        this.objectKeys = Object.keys;
+        this.editing = false;
+        this.onChange = Function.prototype;
+        this.onTouched = Function.prototype;
+    }
+    get value() {
+        return this.currentValue;
+    }
+    set value(v) {
+        if (v !== this.currentValue) {
+            this.currentValue = v;
+        }
+    }
+    writeValue(value) {
+        if (value !== null) {
+            if (this.config.currency) {
+                this.currentValue = this.parseValueToNumber(value);
+                if (this.config.separator !== '.') {
+                    this.currentValue = this.parseValueToSeparator(this.currentValue);
+                }
+                this.currentValue += this.config.currency;
+            }
+            else {
+                this.currentValue = value;
+            }
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    _setValue(v) {
+        if (this.type === 'select') {
+            this.onChange(v);
+        }
+        else if (typeof this.config.currency === 'string') {
+            v = this.parseValueToNumber(v);
+            this.onChange(v);
+            if (this.config.separator !== '.') {
+                v = this.parseValueToSeparator(v);
+            }
+            v = v + this.config.currency;
+            this.customChange.emit(v);
+        }
+        else {
+            this.onChange(v);
+        }
+        this.writeValue(v);
+        this.value = v;
+    }
+    ngAfterViewChecked() {
+        if (this.input && this.editing) {
+            this.input.nativeElement.focus();
+            if (this.config.selectTextUponClick && this.firstEdit && this.preValue && this.input.nativeElement.value) {
+                this.input.nativeElement.select();
+                this.firstEdit = false;
+            }
+        }
+        this.initialized = true;
+    }
+    startEditing() {
+        if (!this.editing) {
+            this.editing = true;
+            this.currentValue = this.checkAndRemoveCurrency(this.currentValue);
+            this.firstEdit = true;
+        }
+    }
+    edit() {
+        this.preValue = this.currentValue;
+        this.editing = true;
+    }
+    onSubmit() {
+        this.editing = false;
+        if (this.currentValue !== this.preValue) {
+            if (typeof this.config.handler === 'function') {
+                this.isLoading = true;
+                this.config.handler(this.currentValue, this.config.data).subscribe(data => {
+                    let hasChanged;
+                    this.isLoading = false;
+                    if (typeof data !== 'boolean') {
+                        this.currentValue = data.value;
+                        hasChanged = data.success;
+                    }
+                    else {
+                        hasChanged = data;
+                    }
+                    if (hasChanged) {
+                        this._setValue(this.currentValue);
+                    }
+                    else {
+                        this._setValue(this.preValue);
+                    }
+                }, () => {
+                    this.isLoading = false;
+                    this._setValue(this.preValue);
+                });
+            }
+            else {
+                this._setValue(this.currentValue);
+            }
+        }
+        else {
+            if (typeof this.config.currency === 'string') {
+                this.currentValue = this.currentValue + this.config.currency;
+            }
+        }
+    }
+    checkAndRemoveCurrency(value) {
+        if (typeof this.config.currency === 'string') {
+            return value.slice(0, -1);
+        }
+        return value;
+    }
+    parseValueToNumber(value) {
+        if (!isNaN(value) && value !== '') {
+            return parseFloat(value);
+        }
+        if (typeof this.config.currency === 'string') {
+            const indexComma = value.indexOf(',');
+            const indexDot = value.indexOf('.');
+            if (indexComma > 0 && indexDot === -1) {
+                const parsedValue = value.replace(',', '.');
+                if (!isNaN(parsedValue)) {
+                    return parseFloat(parsedValue);
+                }
+            }
+            if (indexDot > 0 && indexComma === -1) {
+                if (!isNaN(value)) {
+                    return parseFloat(value);
+                }
+            }
+            return 0;
+        }
+    }
+    parseValueToSeparator(value) {
+        if (typeof this.config.separator === 'string') {
+            value = parseFloat(value).toFixed(2);
+            return value.replace('.', this.config.separator);
+        }
+        return value;
+    }
+    ngOnChanges(changes) {
+        if (this.initialized) {
+            this.currentValue = this.checkAndRemoveCurrency(this.currentValue) + this.config.currency;
+            this.customChange.emit(this.value);
+        }
+    }
+    selectOption(event) {
+        this.currentValue = event.target.innerText;
+        this.closeSelect(event);
+        event.stopPropagation();
+        this.customChange.emit(event.target.value);
+    }
+    closeSelect(event) {
+        this.editing = false;
+        this.isLoading = false;
+        event.stopPropagation();
+    }
+}
+WzEditInPlaceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WzEditInPlaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WzEditInPlaceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: WzEditInPlaceComponent, selector: "wac-edit-in-place", inputs: { type: "type", nwbOptions: "nwbOptions", config: "config", label: "label" }, outputs: { customChange: "customChange" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: WzEditInPlaceComponent,
+            multi: true
+        }
+    ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [class.nwb-wrapper--editable]=\"type === 'select' || (!editing && !isLoading)\" class=\"wac-edit-in-place nwb-wrapper\" (click)=\"startEditing()\">\n  <span\n    data-text=\"dd\"\n    [class.nwb-is-loading]=\"type === 'select' ? '' : isLoading\"\n    [class.nwb-editing]=\"type === 'select' ? '' : editing\"\n    [ngClass]=\"type === 'select' ? 'nwbSelect' : ''\"\n  >\n    {{ currentValue }}\n  </span>\n\n  <input\n    #input\n    *ngIf=\"type !== 'select' && editing\"\n    [class.nwb-editable]=\"!editing\"\n    [class.nwb-editing]=\"editing\"\n    [class.nwb-is-loading]=\"isLoading\"\n    type=\"text\"\n    [(ngModel)]=\"value\"\n    (focus)=\"edit()\"\n    (blur)=\"onSubmit()\"\n    (keyup.enter)=\"onSubmit()\"\n    [ngStyle]=\"{ 'width.px': inputWidth }\"\n  />\n  <div class=\"nwbSelect__container\" *ngIf=\"type === 'select' && editing\">\n    <div class=\"nwbSelect__background\" (click)=\"closeSelect($event)\"></div>\n    <ng-container *ngFor=\"let nwbOption of objectKeys(nwbOptions)\">\n      <button\n        *ngIf=\"nwbOptions[nwbOption]\"\n        [ngClass]=\"\n          nwbOptions[nwbOption].label === currentValue\n            ? 'nwbSelect__container__item nwbSelect__container__item--selected'\n            : 'nwbSelect__container__item'\n        \"\n        (click)=\"selectOption($event)\"\n        [value]=\"nwbOptions[nwbOption].value\"\n      >\n        {{ nwbOptions[nwbOption].label ? nwbOptions[nwbOption].label : nwbOptions[nwbOption].value }}\n      </button>\n    </ng-container>\n  </div>\n\n  <span class=\"nwb-loader\" [class.nwb-is-loading]=\"type === 'select' ? '' : isLoading\"></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WzEditInPlaceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-edit-in-place', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: WzEditInPlaceComponent,
+                            multi: true
+                        }
+                    ], template: "<div [class.nwb-wrapper--editable]=\"type === 'select' || (!editing && !isLoading)\" class=\"wac-edit-in-place nwb-wrapper\" (click)=\"startEditing()\">\n  <span\n    data-text=\"dd\"\n    [class.nwb-is-loading]=\"type === 'select' ? '' : isLoading\"\n    [class.nwb-editing]=\"type === 'select' ? '' : editing\"\n    [ngClass]=\"type === 'select' ? 'nwbSelect' : ''\"\n  >\n    {{ currentValue }}\n  </span>\n\n  <input\n    #input\n    *ngIf=\"type !== 'select' && editing\"\n    [class.nwb-editable]=\"!editing\"\n    [class.nwb-editing]=\"editing\"\n    [class.nwb-is-loading]=\"isLoading\"\n    type=\"text\"\n    [(ngModel)]=\"value\"\n    (focus)=\"edit()\"\n    (blur)=\"onSubmit()\"\n    (keyup.enter)=\"onSubmit()\"\n    [ngStyle]=\"{ 'width.px': inputWidth }\"\n  />\n  <div class=\"nwbSelect__container\" *ngIf=\"type === 'select' && editing\">\n    <div class=\"nwbSelect__background\" (click)=\"closeSelect($event)\"></div>\n    <ng-container *ngFor=\"let nwbOption of objectKeys(nwbOptions)\">\n      <button\n        *ngIf=\"nwbOptions[nwbOption]\"\n        [ngClass]=\"\n          nwbOptions[nwbOption].label === currentValue\n            ? 'nwbSelect__container__item nwbSelect__container__item--selected'\n            : 'nwbSelect__container__item'\n        \"\n        (click)=\"selectOption($event)\"\n        [value]=\"nwbOptions[nwbOption].value\"\n      >\n        {{ nwbOptions[nwbOption].label ? nwbOptions[nwbOption].label : nwbOptions[nwbOption].value }}\n      </button>\n    </ng-container>\n  </div>\n\n  <span class=\"nwb-loader\" [class.nwb-is-loading]=\"type === 'select' ? '' : isLoading\"></span>\n</div>\n" }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], nwbOptions: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], customChange: [{
+                type: Output
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+
+class ProgressBarComponent {
+    constructor(translateService) {
+        this.translateService = translateService;
+        this.valueLength = null;
+        this.min = null;
+        this.max = null;
+    }
+    progressBarClass(spanNumber = -1) {
+        const length = this.valueLength;
+        const min = this.min;
+        const max = this.max;
+        if (spanNumber === 1) {
+            return {
+                'is-danger': length > max,
+                'is-success': length >= min && length <= max
+            };
+        }
+        else if (spanNumber === 2) {
+            return {
+                'is-success': length === max,
+                'is-danger': length > max
+            };
+        }
+        else {
+            return {
+                'is-warning': length < min,
+                'is-danger': length > max,
+                'is-success': length >= min && length <= max
+            };
+        }
+    }
+    progressBarSpanPosition(index) {
+        const min = this.min;
+        const max = this.max;
+        const maxSize = this.progressBarGetMaxSize(max);
+        const successMin = (min / maxSize) * 100;
+        const successMax = (max / maxSize) * 100;
+        return index === 1 ? successMin : successMax;
+    }
+    progressBarGetMaxSize(max) {
+        return max + max / 4;
+    }
+    progressBarGetTextInfo() {
+        const length = this.valueLength;
+        const min = this.min;
+        const max = this.max;
+        if (length < min) {
+            return this.translateService.instant('wac.input.progressbar.information.too.short');
+        }
+        else if (length > max) {
+            return this.translateService.instant('wac.input.progressbar.information.too.long');
+        }
+        else {
+            return this.translateService.instant('wac.input.progressbar.information.good');
+        }
+    }
+}
+ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1$3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: { valueLength: "valueLength", min: "min", max: "max" }, ngImport: i0, template: "<div class=\"wac-progressBarContent\">\n  <div class=\"progressBar\">\n    <progress class=\"progress\" [ngClass]=\"progressBarClass()\" [max]=\"progressBarGetMaxSize(max)\" [value]=\"valueLength\"></progress>\n    <span [ngClass]=\"progressBarClass(1)\" [ngStyle]=\"{ 'left.%': progressBarSpanPosition(1) }\"></span>\n    <span [ngClass]=\"progressBarClass(2)\" [ngStyle]=\"{ 'left.%': progressBarSpanPosition(2) }\"></span>\n  </div>\n  <div class=\"size\">\n    <span class=\"is-size-7 wac-input__size\">\n      <span *ngIf=\"valueLength\">\n        <span [ngClass]=\"progressBarClass()\">{{ progressBarGetTextInfo() }}</span> -\n      </span>\n      <strong>{{ valueLength }}</strong> / {{ max }}\n    </span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-progress-bar', template: "<div class=\"wac-progressBarContent\">\n  <div class=\"progressBar\">\n    <progress class=\"progress\" [ngClass]=\"progressBarClass()\" [max]=\"progressBarGetMaxSize(max)\" [value]=\"valueLength\"></progress>\n    <span [ngClass]=\"progressBarClass(1)\" [ngStyle]=\"{ 'left.%': progressBarSpanPosition(1) }\"></span>\n    <span [ngClass]=\"progressBarClass(2)\" [ngStyle]=\"{ 'left.%': progressBarSpanPosition(2) }\"></span>\n  </div>\n  <div class=\"size\">\n    <span class=\"is-size-7 wac-input__size\">\n      <span *ngIf=\"valueLength\">\n        <span [ngClass]=\"progressBarClass()\">{{ progressBarGetTextInfo() }}</span> -\n      </span>\n      <strong>{{ valueLength }}</strong> / {{ max }}\n    </span>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.TranslateService }]; }, propDecorators: { valueLength: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }] } });
+
+class TextAreaComponent {
+    constructor() {
+        // todo simplify and improve progress bar
+        this.label = '';
+        this.value = '';
+        this.placeholder = '';
+        this.textInfo = null;
+        this.textError = null;
+        this.size = null;
+        this.min = null;
+        this.max = null;
+        this.progressBar = false;
+        this.disabled = false;
+        this.id = 'wac-textarea__' +
+            Math.random()
+                .toString(36)
+                .substr(2, 9);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    onChange(value) {
+        if (this._onChange) {
+            this._onChange(value);
+            this.writeValue(value);
+        }
+    }
+    onBlur() {
+        if (this._onTouched) {
+            this._onTouched();
+        }
+    }
+}
+TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TextAreaComponent, selector: "wac-text-area", inputs: { label: "label", value: "value", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", size: "size", min: "min", max: "max", progressBar: "progressBar" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], ngImport: i0, template: "<div class=\"field wac-text-area\">\n  <div class=\"field-label is-normal has-text-left\">\n    <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p class=\"control\" [ngClass]=\"{ 'has-icons-right': textError }\">\n        <textarea\n          class=\"textarea\"\n          [id]=\"id\"\n          [ngClass]=\"{ 'is-danger': textError, 'has-help-text': textInfo != '' || size }\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n        ></textarea>\n\n        <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '')\"\n          class=\"is-size-7 wac-text-area__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n        <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n        <span\n          *ngIf=\"size && !progressBar\"\n          class=\"is-size-7 wac-text-area__size\"\n          [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n          >{{ value ? value.length : 0 }}/{{ size }}</span\n        >\n      </p>\n      <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TextAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-text-area', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }], template: "<div class=\"field wac-text-area\">\n  <div class=\"field-label is-normal has-text-left\">\n    <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p class=\"control\" [ngClass]=\"{ 'has-icons-right': textError }\">\n        <textarea\n          class=\"textarea\"\n          [id]=\"id\"\n          [ngClass]=\"{ 'is-danger': textError, 'has-help-text': textInfo != '' || size }\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n        ></textarea>\n\n        <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '')\"\n          class=\"is-size-7 wac-text-area__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n        <span *ngIf=\"textError\" class=\"is-size-7 wac-text-area__error has-text-danger\" [innerHtml]=\"textError\"></span>\n        <span\n          *ngIf=\"size && !progressBar\"\n          class=\"is-size-7 wac-text-area__size\"\n          [ngClass]=\"value && value.length > size ? 'has-text-danger' : ''\"\n          >{{ value ? value.length : 0 }}/{{ size }}</span\n        >\n      </p>\n      <wac-progress-bar *ngIf=\"progressBar && value\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], textInfo: [{
+                type: Input
+            }], textError: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], progressBar: [{
+                type: Input
+            }] } });
+
+class H1Component {
+    constructor() {
+        this.withImg = false;
+    }
+    ngOnInit() { }
+}
+H1Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H1Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+H1Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: H1Component, selector: "wac-h1", inputs: { withImg: "withImg" }, ngImport: i0, template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H1Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-h1', template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg}\"><ng-content></ng-content></h1>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { withImg: [{
+                type: Input
+            }] } });
+
+class H2Component {
+    constructor() { }
+    ngOnInit() { }
+}
+H2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+H2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: H2Component, selector: "wac-h2", ngImport: i0, template: "<h2 class=\"wac-h2\"><ng-content></ng-content></h2>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-h2', template: "<h2 class=\"wac-h2\"><ng-content></ng-content></h2>\n" }]
+        }], ctorParameters: function () { return []; } });
+
+class H3Component {
+    constructor() {
+        this.grey = false;
+    }
+    ngOnInit() { }
+}
+H3Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H3Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+H3Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: H3Component, selector: "wac-h3", inputs: { grey: "grey" }, ngImport: i0, template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h3>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H3Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-h3', template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h3>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { grey: [{
+                type: Input
+            }] } });
+
+class HeaderPageComponent {
+    constructor() {
+        this.withImg = false;
+    }
+    ngOnInit() { }
+}
+HeaderPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HeaderPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeaderPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg" }, ngImport: i0, template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\">\n      <div class=\"wac-header-page__maxWidth__top__left\">\n        <!-- TODO Hard to use when only want a button and not a router link -->\n        <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n        <wac-h1 [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { kind: "component", type: H1Component, selector: "wac-h1", inputs: ["withImg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: HeaderPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-header-page', template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\">\n      <div class=\"wac-header-page__maxWidth__top__left\">\n        <!-- TODO Hard to use when only want a button and not a router link -->\n        <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n        <wac-h1 [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input
+            }], linkBack: [{
+                type: Input
+            }], withImg: [{
+                type: Input
+            }] } });
+
+class TooltipComponent {
+    constructor() {
+        this.tooltipText = '';
+        this.tooltipLink = '';
+        this.tooltipUrl = '#';
+    }
+    ngOnInit() {
+        if (this.tooltipIcon === '') {
+            this.tooltipIcon = 'fas fa-info-circle';
+        }
+    }
+}
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TooltipComponent, selector: "wac-tooltip", inputs: { tooltipIcon: "tooltipIcon", tooltipText: "tooltipText", tooltipLink: "tooltipLink", tooltipUrl: "tooltipUrl" }, ngImport: i0, template: "<span class=\"wac-tooltip\">\n  <i [class]=\"tooltipIcon\"></i>\n  <span class=\"tooltip-content\"\n    >{{ tooltipText }}\n    <span *ngIf=\"tooltipUrl\"\n      ><a [href]=\"tooltipUrl\" target=\"_blank\">{{ tooltipLink }}</a></span\n    >\n  </span>\n</span>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-tooltip', template: "<span class=\"wac-tooltip\">\n  <i [class]=\"tooltipIcon\"></i>\n  <span class=\"tooltip-content\"\n    >{{ tooltipText }}\n    <span *ngIf=\"tooltipUrl\"\n      ><a [href]=\"tooltipUrl\" target=\"_blank\">{{ tooltipLink }}</a></span\n    >\n  </span>\n</span>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { tooltipIcon: [{
+                type: Input
+            }], tooltipText: [{
+                type: Input
+            }], tooltipLink: [{
+                type: Input
+            }], tooltipUrl: [{
+                type: Input
+            }] } });
+
+class InputComponent {
+    constructor() {
+        this.label = '';
+        this.value = '';
+        this.type = 'text';
+        this.placeholder = '';
+        this.textInfo = null;
+        this.textError = null;
+        this.size = null;
+        this.isNumber = null;
+        this.withoutBlock = false;
+        this.icon = '';
+        this.big = false;
+        this.medium = false;
+        this.boldLabel = 'false';
+        this.min = null;
+        this.max = null;
+        this.disableMargin = false;
+        this.textPrepend = null;
+        this.textAppend = null;
+        this.progressBar = false;
+        this.extraClasses = '';
+        this.keyPreventDefault = [];
+        this.showTooltip = false;
+        this.textTooltip = '';
+        this.iconTooltip = '';
+        this.urlTooltip = '';
+        this.linkTooltip = '';
+        this.padding = false;
+        this.disabled = false;
+        this.indication = '';
+        this.success = false;
+        this.indicationLeft = false;
+        this.keypressEnter = new EventEmitter();
+        this.KEYPRESS_ENTER = "Enter";
+        this.id = 'wz-input_' +
+            Math.random()
+                .toString(36)
+                .substr(2, 9);
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    onChange(value) {
+        if (this._onChange) {
+            this._onChange(value);
+        }
+    }
+    onBlur() {
+        if (this._onTouched) {
+            this._onTouched();
+        }
+    }
+    checkNumberValue(value) {
+        if (this.min && this.min > value) {
+            this.value = this.min;
+        }
+        if (this.max && this.max < value) {
+            this.value = this.max;
+        }
+    }
+    onFocusOut() {
+        if (this.type === 'number') {
+            this.checkNumberValue(this.value);
+        }
+    }
+    keyPress(event) {
+        if (this.keyPreventDefault.includes(event.key)) {
+            event.preventDefault();
+        }
+        if (event.key === this.KEYPRESS_ENTER) {
+            this.keypressEnter.next(true);
+        }
+    }
+}
+InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputComponent, selector: "wac-input", inputs: { label: "label", value: "value", type: "type", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", size: "size", isNumber: "isNumber", withoutBlock: "withoutBlock", icon: "icon", big: "big", medium: "medium", boldLabel: "boldLabel", min: "min", max: "max", disableMargin: "disableMargin", textPrepend: "textPrepend", textAppend: "textAppend", progressBar: "progressBar", extraClasses: "extraClasses", keyPreventDefault: "keyPreventDefault", showTooltip: "showTooltip", textTooltip: "textTooltip", iconTooltip: "iconTooltip", urlTooltip: "urlTooltip", linkTooltip: "linkTooltip", padding: "padding", disabled: "disabled", indication: "indication", success: "success", indicationLeft: "indicationLeft" }, outputs: { keypressEnter: "keypressEnter" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }], ngImport: i0, template: "<div\n  class=\"field wac-input\"\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\n>\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n    <label\n      [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n      [innerHTML]=\"label\"\n      [for]=\"id\"\n    ></label>\n    <wac-tooltip\n      *ngIf=\"showTooltip\"\n      [tooltipIcon]=\"iconTooltip\"\n      [tooltipText]=\"textTooltip\"\n      [tooltipLink]=\"linkTooltip\"\n      [tooltipUrl]=\"urlTooltip\"\n    ></wac-tooltip>\n    <!-- Size -->\n    <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n      <strong>{{ value.toString().length }}</strong> / {{ size }}\n    </span>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p\n        class=\"control\"\n        [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n      >\n        <!-- Text Prepend -->\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n            <i [class]=\"icon\"></i>\n          </span>\n        </span>\n\n        <!-- Input -->\n        <input\n          [class]=\"'input ' + extraClasses\"\n          [id]=\"id\"\n          [ngClass]=\"{\n            'is-danger': textError,\n            'is-large': big,\n            'is-number': isNumber,\n            'remove-margin': disableMargin,\n            'text-append': textAppend\n          }\"\n          [type]=\"type\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n          (focusout)=\"onFocusOut()\"\n          [min]=\"min\"\n          [max]=\"max\"\n          (keypress)=\"keyPress($event)\"\n        />\n\n        <!-- Indication at the end of the input -->\n        <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\n          <span [innerHTML]=\"indication\"></span>\n        </span>\n\n        <!-- Text Append -->\n        <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n          <!-- error if text append not empty -->\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n            <i class=\"fal fa-times has-text-danger\"></i>\n          </span>\n        </span>\n\n        <!-- Icon Left -->\n        <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\n          <i [class]=\"icon\"></i>\n        </span>\n\n        <!-- Icon error if textAppend empty -->\n        <span *ngIf=\"textError && !textAppend && !indicationLeft\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n\n        <!-- Icon success -->\n        <span *ngIf=\"success\" class=\"icon is-small is-right\">\n          <i class=\"fas fa-check has-text-success\"></i>\n        </span>\n\n        <!-- Text Info -->\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\n          class=\"is-size-7 wac-input__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n\n        <!-- Text Error -->\n        <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n      </p>\n\n      <!-- Progress Bar -->\n      <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TooltipComponent, selector: "wac-tooltip", inputs: ["tooltipIcon", "tooltipText", "tooltipLink", "tooltipUrl"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-input', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }], template: "<div\n  class=\"field wac-input\"\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\n>\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n    <label\n      [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n      [innerHTML]=\"label\"\n      [for]=\"id\"\n    ></label>\n    <wac-tooltip\n      *ngIf=\"showTooltip\"\n      [tooltipIcon]=\"iconTooltip\"\n      [tooltipText]=\"textTooltip\"\n      [tooltipLink]=\"linkTooltip\"\n      [tooltipUrl]=\"urlTooltip\"\n    ></wac-tooltip>\n    <!-- Size -->\n    <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n      <strong>{{ value.toString().length }}</strong> / {{ size }}\n    </span>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p\n        class=\"control\"\n        [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n      >\n        <!-- Text Prepend -->\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n            <i [class]=\"icon\"></i>\n          </span>\n        </span>\n\n        <!-- Input -->\n        <input\n          [class]=\"'input ' + extraClasses\"\n          [id]=\"id\"\n          [ngClass]=\"{\n            'is-danger': textError,\n            'is-large': big,\n            'is-number': isNumber,\n            'remove-margin': disableMargin,\n            'text-append': textAppend\n          }\"\n          [type]=\"type\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n          (focusout)=\"onFocusOut()\"\n          [min]=\"min\"\n          [max]=\"max\"\n          (keypress)=\"keyPress($event)\"\n        />\n\n        <!-- Indication at the end of the input -->\n        <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\n          <span [innerHTML]=\"indication\"></span>\n        </span>\n\n        <!-- Text Append -->\n        <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n          <!-- error if text append not empty -->\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n            <i class=\"fal fa-times has-text-danger\"></i>\n          </span>\n        </span>\n\n        <!-- Icon Left -->\n        <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\n          <i [class]=\"icon\"></i>\n        </span>\n\n        <!-- Icon error if textAppend empty -->\n        <span *ngIf=\"textError && !textAppend && !indicationLeft\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n\n        <!-- Icon success -->\n        <span *ngIf=\"success\" class=\"icon is-small is-right\">\n          <i class=\"fas fa-check has-text-success\"></i>\n        </span>\n\n        <!-- Text Info -->\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\n          class=\"is-size-7 wac-input__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n\n        <!-- Text Error -->\n        <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n      </p>\n\n      <!-- Progress Bar -->\n      <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], textInfo: [{
+                type: Input
+            }], textError: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], isNumber: [{
+                type: Input
+            }], withoutBlock: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], big: [{
+                type: Input
+            }], medium: [{
+                type: Input
+            }], boldLabel: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], disableMargin: [{
+                type: Input
+            }], textPrepend: [{
+                type: Input
+            }], textAppend: [{
+                type: Input
+            }], progressBar: [{
+                type: Input
+            }], extraClasses: [{
+                type: Input
+            }], keyPreventDefault: [{
+                type: Input
+            }], showTooltip: [{
+                type: Input
+            }], textTooltip: [{
+                type: Input
+            }], iconTooltip: [{
+                type: Input
+            }], urlTooltip: [{
+                type: Input
+            }], linkTooltip: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], indication: [{
+                type: Input
+            }], success: [{
+                type: Input
+            }], indicationLeft: [{
+                type: Input
+            }], keypressEnter: [{
+                type: Output
+            }] } });
+
+class LinkComponent {
+    constructor(renderer2) {
+        this.renderer2 = renderer2;
+        this.target = '_self';
+    }
+    set href(link) {
+        this._link = link;
+        this.setAttributesLink();
+    }
+    get href() {
+        return this._link;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.setAttributesLink();
+    }
+    setAttributesLink() {
+        if (!this.linkComponent) {
+            return;
+        }
+        if (this.href) {
+            this.renderer2.setAttribute(this.linkComponent.nativeElement, "href", this.href);
+            this.renderer2.setAttribute(this.linkComponent.nativeElement, "target", this.target);
+        }
+        else {
+            this.renderer2.removeAttribute(this.linkComponent.nativeElement, "href");
+            this.renderer2.removeAttribute(this.linkComponent.nativeElement, "target");
+        }
+    }
+}
+LinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LinkComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+LinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: LinkComponent, selector: "wac-link", inputs: { href: "href", target: "target", id: "id", class: "class" }, viewQueries: [{ propertyName: "linkComponent", first: true, predicate: ["linkComponent"], descendants: true }], ngImport: i0, template: "<a #linkComponent class=\"wac-link\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-link', template: "<a #linkComponent class=\"wac-link\" [ngClass]=\"{ class: class }\" [id]=\"{ id: id }\"><ng-content></ng-content></a>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], linkComponent: [{
+                type: ViewChild,
+                args: ['linkComponent']
+            }] } });
+
+class SwitchComponent {
+    constructor() {
+        // todo add ngmodel and review texts display (textState is mandaoty in order to display textStateEnable and textStateDisable)
+        this.value = false;
+        this.textState = '';
+        this.textStateEnable = '';
+        this.textStateDisable = '';
+        this.showInput = false;
+        this.danger = false;
+        this.whiteSpace = false;
+        this.switchChange = new EventEmitter(); // todo set emitted type
+        this.changeInput = new EventEmitter(); // todo set emitted type
+    }
+    ngOnInit() {
+        this.id = 'switch-' + Math.floor(Math.random() * Math.floor(1000));
+    }
+    changeValue(event) {
+        this.switchChange.emit(event.target.checked);
+    }
+    triggerInput() {
+        this.changeInput.emit(this.valueInput);
+    }
+}
+SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SwitchComponent, selector: "wac-switch", inputs: { value: "value", textState: "textState", textStateEnable: "textStateEnable", textStateDisable: "textStateDisable", showInput: "showInput", placholderInput: "placholderInput", danger: "danger", whiteSpace: "whiteSpace" }, outputs: { switchChange: "switchChange", changeInput: "changeInput" }, ngImport: i0, template: "<div class=\"wac-switch\">\n  <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\"/>\n  <label [for]=\"id\" class=\"wac-switch__label\">\n    <span class=\"wac-switch__label__text\"\n      ><ng-content></ng-content\n      ><span\n        *ngIf=\"textState\"\n        [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\n        >{{ textState }} <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n        <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong></span\n      ></span\n    >\n  </label>\n</div>\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\n  <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-switch', template: "<div class=\"wac-switch\">\n  <input type=\"checkbox\" [checked]=\"value\" (change)=\"changeValue($event)\" [id]=\"id\" [ngClass]=\"{ danger: danger }\"/>\n  <label [for]=\"id\" class=\"wac-switch__label\">\n    <span class=\"wac-switch__label__text\"\n      ><ng-content></ng-content\n      ><span\n        *ngIf=\"textState\"\n        [ngStyle]=\"{'whiteSpace': whiteSpace ? 'nowrap' :'normal'}\"\n        >{{ textState }} <strong class=\"disable\" *ngIf=\"textStateDisable\">{{ textStateDisable }}</strong>\n        <strong class=\"enable\" *ngIf=\"textStateEnable\">{{ textStateEnable }}</strong></span\n      ></span\n    >\n  </label>\n</div>\n<div class=\"wac-show-input\" *ngIf=\"showInput && value\">\n  <input [placeholder]=\"placholderInput\" type=\"text\" [(ngModel)]=\"valueInput\" (blur)=\"triggerInput()\" />\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }], textState: [{
+                type: Input
+            }], textStateEnable: [{
+                type: Input
+            }], textStateDisable: [{
+                type: Input
+            }], showInput: [{
+                type: Input
+            }], placholderInput: [{
+                type: Input
+            }], danger: [{
+                type: Input
+            }], whiteSpace: [{
+                type: Input
+            }], switchChange: [{
+                type: Output
+            }], changeInput: [{
+                type: Output
+            }] } });
+
+class AlertComponent {
+    constructor() {
+        this.icon = true;
+        this.warning = false;
+        this.success = false;
+        this.alert = false;
+        this.iconClass = 'fas fa-info';
+    }
+    ngOnInit() { }
+}
+AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: AlertComponent, selector: "wac-alert", inputs: { icon: "icon", warning: "warning", success: "success", alert: "alert", iconClass: "iconClass" }, ngImport: i0, template: "<div class=\"wac-alert\" [ngClass]=\"{ success: success, warning: warning, alert: alert }\">\n  <i *ngIf=\"icon\" [ngClass]=\"iconClass\"></i>\n  <p><ng-content></ng-content></p> <!-- ! Refacto : Remove p tag, attention \u00E0 wizi-admin -->\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-alert', template: "<div class=\"wac-alert\" [ngClass]=\"{ success: success, warning: warning, alert: alert }\">\n  <i *ngIf=\"icon\" [ngClass]=\"iconClass\"></i>\n  <p><ng-content></ng-content></p> <!-- ! Refacto : Remove p tag, attention \u00E0 wizi-admin -->\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { icon: [{
+                type: Input
+            }], warning: [{
+                type: Input
+            }], success: [{
+                type: Input
+            }], alert: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }] } });
+
+class TextComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+TextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TextComponent, selector: "wac-text", inputs: { textClass: "textClass" }, ngImport: i0, template: "<div class=\"wac-text\" [class]=\"textClass\">\n    <p><ng-content></ng-content></p>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-text', template: "<div class=\"wac-text\" [class]=\"textClass\">\n    <p><ng-content></ng-content></p>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { textClass: [{
+                type: Input
+            }] } });
+
+const pipes$1 = [PagniationArrayTotalPages, PagniationIsLastPage, PagniationText];
+class PaginationModule {
+}
+PaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: PaginationModule, declarations: [PaginationComponent, PagniationArrayTotalPages, PagniationIsLastPage, PagniationText], imports: [CommonModule,
+        FormsModule,
+        TranslateModule], exports: [PaginationComponent] });
+PaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PaginationModule, imports: [CommonModule,
+        FormsModule,
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        TranslateModule
+                    ],
+                    exports: [PaginationComponent],
+                    declarations: [PaginationComponent, ...pipes$1],
+                    providers: [],
+                }]
+        }] });
+
+class CheckboxModule {
+}
+CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
+        FormsModule], exports: [CheckboxComponent] });
+CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxModule, imports: [CommonModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                    ],
+                    exports: [CheckboxComponent],
+                    declarations: [CheckboxComponent],
+                    providers: [],
+                }]
+        }] });
+
+class ProgressBarModule {
+}
+ProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent], imports: [CommonModule,
+        FormsModule], exports: [ProgressBarComponent] });
+ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ProgressBarModule, imports: [CommonModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: ProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                    ],
+                    exports: [ProgressBarComponent],
+                    declarations: [ProgressBarComponent],
+                    providers: [],
+                }]
+        }] });
+
+class TooltipModule {
+}
+TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule,
+        FormsModule], exports: [TooltipComponent] });
+TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TooltipModule, imports: [CommonModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule
+                    ],
+                    exports: [TooltipComponent],
+                    declarations: [TooltipComponent],
+                    providers: [],
+                }]
+        }] });
+
+class InputModule {
+}
+InputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: InputModule, declarations: [InputComponent], imports: [CommonModule,
+        FormsModule,
+        SharedDirectives,
+        TooltipModule,
+        ProgressBarModule], exports: [InputComponent] });
+InputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputModule, imports: [CommonModule,
+        FormsModule,
+        SharedDirectives,
+        TooltipModule,
+        ProgressBarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        SharedDirectives,
+                        TooltipModule,
+                        ProgressBarModule
+                    ],
+                    exports: [InputComponent],
+                    declarations: [InputComponent],
+                    providers: [],
+                }]
+        }] });
+
+class InputSearchModule {
+}
+InputSearchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InputSearchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: InputSearchModule, declarations: [InputSearchComponent], imports: [CommonModule,
+        FormsModule,
+        InputModule,
+        SharedDirectives], exports: [InputSearchComponent] });
+InputSearchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputSearchModule, imports: [CommonModule,
+        FormsModule,
+        InputModule,
+        SharedDirectives] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputSearchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        InputModule,
+                        SharedDirectives
+                    ],
+                    exports: [InputSearchComponent],
+                    declarations: [InputSearchComponent],
+                    providers: [],
+                }]
+        }] });
+
+class LoaderModule {
+}
+LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule,
+        FormsModule], exports: [LoaderComponent] });
+LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LoaderModule, imports: [CommonModule,
+        FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LoaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                    ],
+                    exports: [LoaderComponent],
+                    declarations: [LoaderComponent],
+                    providers: [],
+                }]
+        }] });
+
+class TableColumn {
+    constructor(currentCell, renderer, document) {
+        this.currentCell = currentCell;
+        this.renderer = renderer;
+        this.document = document;
+        this.centerCellValue = ['left', 'center', 'right'];
+    }
+    ngAfterViewInit() {
+        this.applyCustomStylesOnCell();
+    }
+    applyCustomStylesOnCell() {
+        this.currentCell.nativeElement.style.flexGrow = typeof this.columnSize !== 'undefined' ? this.columnSize : '1';
+        this.renderer.addClass(this.currentCell.nativeElement, 'wac-table__body__line__cell');
+        if (this.centerCell) {
+            if (this.centerCellValue.indexOf(this.centerCell) === -1) {
+                throw 'Error : The centerCell directive has no matched value. The value must be one of the following : left, center, right.';
+            }
+            let className = 'wac-table__body__line__cell--center' + '--' + this.centerCell;
+            this.renderer.addClass(this.currentCell.nativeElement, className);
+        }
+    }
+}
+TableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableColumn, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+TableColumn.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: TableColumn, selector: "[tableColumn]", inputs: { columnSize: "columnSize", centerCell: "centerCell" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableColumn, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tableColumn]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    }, propDecorators: { columnSize: [{
+                type: Input,
+                args: ['columnSize']
+            }], centerCell: [{
+                type: Input,
+                args: ['centerCell']
+            }] } });
+
+class TableColumnHeader {
+    constructor(currentCell, renderer, document, filtersTableService) {
+        this.currentCell = currentCell;
+        this.renderer = renderer;
+        this.document = document;
+        this.filtersTableService = filtersTableService;
+        this._headerName = '';
+        this.filterRouting = false; // Optional. Set to true to use Filter Routing.
+        this.onSortChange = new EventEmitter(); // Emit the sort value (true, false, undefuned) of the current sort icon when clicking
+        this.tableFiltersChange = new EventEmitter();
+        this.centerCellValue = ['left', 'center', 'right'];
+        this.subscriptions = [];
+    }
+    set headerName(value) {
+        this._headerName = value;
+        this.setHeaderName();
+    }
+    get headerName() {
+        return this._headerName;
+    }
+    ngOnInit() {
+        if (this.tableName && this.sortName) {
+            if (this.filterRouting) {
+                this.handleSortRouting();
+            }
+            else {
+                this.handleSortBasic();
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.applyCustomStylesOnCell();
+        this.renderHeaderColumn();
+    }
+    handleSortRouting() {
+        this.filterGroup = this.filtersTableService.getTableFilterGroup(this.tableName);
+        const filterGroupChangeSub = this.filterGroup.valuesChange$.subscribe((filters) => {
+            if (!filters || !filters.length) {
+                return;
+            }
+            const filterSort = filters.filter(filter => filter.key === 'sort')[0];
+            if (this.sortName !== filterSort.value) {
+                this.resetSortIcon();
+            }
+        });
+        this.subscriptions.push(filterGroupChangeSub);
+    }
+    handleSortBasic() {
+        const sortChangeSub = this.filtersTableService.getSortChangeListner().subscribe(sort => {
+            if (this.tableName === sort.dataTableName && this.sortName !== sort.sortName) {
+                // Reset the current sort icon
+                this.resetSortIcon();
+            }
+        });
+        this.subscriptions.push(sortChangeSub);
+    }
+    resetSortIcon() {
+        // Replace current icon with default icon
+        this.contentHeader.className = this.contentHeader.className.replace(this.getCurrentSortIcon(), 'idle');
+    }
+    applyCustomStylesOnCell() {
+        this.currentCell.nativeElement.style.flexGrow = typeof this.columnSize !== 'undefined' ? this.columnSize : '1';
+        this.renderer.addClass(this.currentCell.nativeElement, 'wac-table__head__cell');
+        if (this.centerCell) {
+            if (this.centerCellValue.indexOf(this.centerCell) === -1) {
+                throw 'Error : The centerCell directive has no matched value. The value must be one of the following : left, center, right.';
+            }
+            let className = 'wac-table__head__cell--center' + '--' + this.centerCell;
+            this.renderer.addClass(this.currentCell.nativeElement, className);
+        }
+    }
+    renderHeaderColumn() {
+        this.createHeaderContent();
+        this.renderer.appendChild(this.currentCell.nativeElement, this.contentHeader);
+    }
+    createHeaderContent() {
+        this.contentHeader = document.createElement('a');
+        this.contentHeader.className = 'wac-table__head__cell__search';
+        this.setHeaderName();
+        if (this.tableName && this.sortName) {
+            this.handleSort();
+        }
+    }
+    setHeaderName() {
+        if (!this.contentHeader) {
+            return;
+        }
+        this.contentHeader.innerHTML = this.headerName;
+    }
+    handleSort() {
+        // Set icon in the header column cell
+        this.contentHeader.className += ' wac-table__head__cell__search--' + this.getInitialSortIcon();
+        // On click on the content header, change the icon and emit event
+        this.renderer.listen(this.contentHeader, 'click', () => {
+            const currentIcon = this.getCurrentSortIcon();
+            let newIcon;
+            let newSort, newOrder;
+            switch (currentIcon) {
+                case 'idle':
+                    newIcon = 'up';
+                    newSort = this.sortName;
+                    newOrder = true;
+                    break;
+                case 'up':
+                    newIcon = 'down';
+                    newSort = this.sortName;
+                    newOrder = false;
+                    break;
+                case 'down':
+                    newIcon = 'idle';
+                    break;
+                default:
+                    newIcon = 'idle';
+                    break;
+            }
+            // Replace the icon
+            this.contentHeader.className = this.contentHeader.className.replace(currentIcon, newIcon);
+            this.emitEvents(newSort, newOrder);
+        });
+    }
+    getInitialSortIcon() {
+        if (!this.filterRouting) {
+            return 'idle';
+        }
+        // Get Initial Sort Icon for Routing Filter
+        let initialSortIcon = 'idle';
+        if (this.filterGroup.get('sort') === this.sortName) {
+            initialSortIcon = this.filterGroup.get('order') == 'true' ? 'up' : 'down';
+        }
+        return initialSortIcon;
+    }
+    getCurrentSortIcon() {
+        const regexp = /wac-table__head__cell__search--(?<icon>\w+)/;
+        const { groups } = regexp.exec(this.contentHeader.className);
+        return groups.icon;
+    }
+    emitEvents(newSort, newOrder) {
+        if (this.filterRouting) {
+            // Will send the filter routing value has changes event
+            this.filterGroup.setValues({
+                sort: newSort,
+                order: newOrder,
+                currentPage: 1
+            });
+        }
+        else {
+            // Send the event sort change
+            this.filtersTableService.emitSortChange(this.tableName, this.sortName, newOrder);
+        }
+        if (this.tableFilters) {
+            this.tableFilters.sort = this.sortName;
+            this.tableFilters.order = newOrder;
+            this.tableFilters.currentPage = 1;
+            this.tableFiltersChange.emit(this.tableFilters);
+        }
+        this.onSortChange.emit(newOrder);
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach(subscription => {
+            subscription.unsubscribe();
+        });
+    }
+}
+TableColumnHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableColumnHeader, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: FiltersTableService }], target: i0.ɵɵFactoryTarget.Directive });
+TableColumnHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.7", type: TableColumnHeader, selector: "[headerCell]", inputs: { headerName: "headerName", columnSize: "columnSize", filterRouting: "filterRouting", tableName: "tableName", sortName: "sortName", centerCell: "centerCell", tableFilters: "tableFilters" }, outputs: { onSortChange: "onSortChange", tableFiltersChange: "tableFiltersChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableColumnHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    // The selector has the same name as the headerCell selector in table.component.html
+                    selector: '[headerCell]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: FiltersTableService }];
+    }, propDecorators: { headerName: [{
+                type: Input,
+                args: ['headerName']
+            }], columnSize: [{
+                type: Input,
+                args: ['columnSize']
+            }], filterRouting: [{
+                type: Input,
+                args: ['filterRouting']
+            }], tableName: [{
+                type: Input,
+                args: ['tableName']
+            }], sortName: [{
+                type: Input,
+                args: ['sortName']
+            }], centerCell: [{
+                type: Input,
+                args: ['centerCell']
+            }], onSortChange: [{
+                type: Output
+            }], tableFilters: [{
+                type: Input
+            }], tableFiltersChange: [{
+                type: Output
+            }] } });
+
+const directives = [TableColumn, CheckBoxRow, TableColumnHeader, TableRow,];
+class TableModule {
+}
+TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: TableModule, declarations: [TableComponent, TableColumn, CheckBoxRow, TableColumnHeader, TableRow], imports: [CommonModule,
+        FormsModule,
+        InputSearchModule,
+        LoaderModule,
+        CheckboxModule,
+        PaginationModule], exports: [TableComponent, TableColumn, CheckBoxRow, TableColumnHeader, TableRow] });
+TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableModule, imports: [CommonModule,
+        FormsModule,
+        InputSearchModule,
+        LoaderModule,
+        CheckboxModule,
+        PaginationModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        InputSearchModule,
+                        LoaderModule,
+                        CheckboxModule,
+                        PaginationModule
+                    ],
+                    exports: [TableComponent, ...directives],
+                    declarations: [TableComponent, ...directives],
+                    providers: [],
+                }]
+        }] });
+
+class UploadComponent {
+    constructor() {
+        this.label = 'Choisir les images à importer';
+        this.type = 'button';
+        this.icon = 'far fa-images';
+        this.image = 'assets/angular-components/images/upload/icon_picture.svg';
+        this.labelImage = 'Glisser-déposer votre image ici';
+        this.open = new EventEmitter();
+    }
+    ngOnInit() { }
+    triggerEvent(event) {
+        this.open.emit(event);
+    }
+}
+UploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: UploadComponent, selector: "wac-upload", inputs: { label: "label", type: "type", icon: "icon", image: "image", labelImage: "labelImage" }, outputs: { open: "open" }, ngImport: i0, template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape' }\">\n  <div class=\"wac-upload__wrapper\">\n    <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\n      <img [src]=\"image\" />\n      <strong [innerHTML]=\"labelImage\"></strong>\n    </div>\n    <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\n    <button (click)=\"triggerEvent($event)\">\n      <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\n      <span [innerHTML]=\"label\"></span>\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: UploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-upload', template: "<div class=\"wac-upload\" [ngClass]=\"{ portrait: type === 'portrait', landscape: type === 'landscape' }\">\n  <div class=\"wac-upload__wrapper\">\n    <div *ngIf=\"(type === 'portrait' || type === 'landscape') && image\" class=\"wac-upload__wrapper__visual\">\n      <img [src]=\"image\" />\n      <strong [innerHTML]=\"labelImage\"></strong>\n    </div>\n    <span *ngIf=\"(type === 'portrait' || type === 'landscape') && image\">ou</span>\n    <button (click)=\"triggerEvent($event)\">\n      <span *ngIf=\"icon\"><i [classList]=\"icon\"></i></span>\n      <span [innerHTML]=\"label\"></span>\n    </button>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], image: [{
+                type: Input
+            }], labelImage: [{
+                type: Input
+            }], open: [{
+                type: Output
+            }] } });
+
+class H4Component {
+    constructor() {
+        this.grey = false;
+    }
+    ngOnInit() { }
+}
+H4Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H4Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+H4Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: H4Component, selector: "wac-h4", inputs: { grey: "grey" }, ngImport: i0, template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h4>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: H4Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-h4', template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h4>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { grey: [{
+                type: Input
+            }] } });
+
+class SelectInTextComponent {
+    constructor() {
+        this.type = 'default';
+        this.alwaysOpen = false;
+        this.openCategories = false;
+        this.currentLabel = '';
+        this.currentLabelIcon = '';
+        this.maxWidth = '100%';
+        this.selectValue = new EventEmitter();
+        this.clickOnCallToAction = new EventEmitter();
+    }
+    set items(items) {
+        this._items = items;
+        this.setInitialValues();
+    }
+    get items() {
+        return this._items;
+    }
+    ngOnInit() {
+        this.currentLabel = this.placeholder;
+        this.setInitialValues();
+    }
+    setInitialValues() {
+        if (!this.items.length) {
+            return;
+        }
+        const itemSelected = this.getItemSelected();
+        this.setCurrentItem(itemSelected);
+    }
+    onClose() {
+        this.openCategories = false;
+    }
+    customTB(index, item) {
+        return item.id;
+    }
+    onSelectItem(index) {
+        this.unselectAll();
+        const itemSelected = this.items[index];
+        this.setCurrentItem(itemSelected);
+        this.selectValue.emit(index);
+    }
+    onClickCallToAction() {
+        this.clickOnCallToAction.emit(this.callToAction.value);
+    }
+    getItemSelected() {
+        let itemSelected = null;
+        this.items.forEach(item => {
+            if (!item.selected) {
+                return;
+            }
+            itemSelected = item;
+        });
+        return itemSelected;
+    }
+    setCurrentItem(itemSelected) {
+        if (!itemSelected) {
+            return;
+        }
+        itemSelected.selected = true;
+        this.currentLabel = itemSelected.name;
+        this.currentLabelIcon = itemSelected.icon;
+    }
+    unselectAll() {
+        this.items.forEach(item => item.selected = false);
+    }
+}
+SelectInTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectInTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectInTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SelectInTextComponent, selector: "wac-select-in-text", inputs: { items: "items", placeholder: "placeholder", label: "label", maxWidthItems: "maxWidthItems", type: "type", callToAction: "callToAction", preText: "preText", postText: "postText", alwaysOpen: "alwaysOpen", maxWidth: "maxWidth" }, outputs: { selectValue: "selectValue", clickOnCallToAction: "clickOnCallToAction" }, ngImport: i0, template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\">\n  <div class=\"wac-select-in-text__prepend\" [innerHTML]=\"preText\" *ngIf=\"preText\"></div>\n  <div #current class=\"wac-select-in-text__current\" (click)=\"openCategories = !openCategories\">\n    <span>{{ currentLabel }}</span>\n    <div\n      class=\"wac-select-in-text__content\"\n      [ngClass]=\"{ hidden: !openCategories && !alwaysOpen, open: type === 'open' }\"\n      [ngStyle]=\"{ 'max-width': maxWidthItems }\"\n    >\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\n        <div class=\"wac-select-in-text__content__item\" *ngFor=\"let item of items; trackBy : customTB; let index = index;\">\n          <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\n            <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n          </div>\n        </div>\n      </perfect-scrollbar>\n    </div>\n  </div>\n  <div class=\"wac-select-in-text__after\" [innerHTML]=\"postText\" *ngIf=\"postText\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "component", type: i4.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectInTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-select-in-text', template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\">\n  <div class=\"wac-select-in-text__prepend\" [innerHTML]=\"preText\" *ngIf=\"preText\"></div>\n  <div #current class=\"wac-select-in-text__current\" (click)=\"openCategories = !openCategories\">\n    <span>{{ currentLabel }}</span>\n    <div\n      class=\"wac-select-in-text__content\"\n      [ngClass]=\"{ hidden: !openCategories && !alwaysOpen, open: type === 'open' }\"\n      [ngStyle]=\"{ 'max-width': maxWidthItems }\"\n    >\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length > 0\">\n        <div class=\"wac-select-in-text__content__item\" *ngFor=\"let item of items; trackBy : customTB; let index = index;\">\n          <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(index)\">\n            <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n          </div>\n        </div>\n      </perfect-scrollbar>\n    </div>\n  </div>\n  <div class=\"wac-select-in-text__after\" [innerHTML]=\"postText\" *ngIf=\"postText\"></div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], maxWidthItems: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], callToAction: [{
+                type: Input
+            }], preText: [{
+                type: Input
+            }], postText: [{
+                type: Input
+            }], alwaysOpen: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], selectValue: [{
+                type: Output
+            }], clickOnCallToAction: [{
+                type: Output
+            }] } });
+
+class SelectFiltersPipe {
+    transform(items, filterName) {
+        return items.filter(item => {
+            const regexp = new RegExp(filterName, 'i');
+            return regexp.test(item.name);
+        });
+    }
+}
+SelectFiltersPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectFiltersPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SelectFiltersPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: SelectFiltersPipe, name: "selectFilters" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectFiltersPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'selectFilters'
+                }]
+        }] });
+
+class SelectComponent {
+    constructor(translateService) {
+        this.translateService = translateService;
+        this.search = false;
+        this.searchValue = '';
+        this.searchValueChange = new EventEmitter();
+        this.type = 'default';
+        this.maxWidth = '100%';
+        this.disabled = false;
+        this.selectValue = new EventEmitter(); // todo rename more explicit
+        this.clickOnCallToAction = new EventEmitter();
+        this.openCategories = false;
+        this.indexItemSelected = -1;
+        // ControlValueAccessor methods
+        this.onChange = () => { };
+        this.onTouch = () => { };
+    }
+    set items(items) {
+        this._items = items;
+        this.setIndexItemSelected();
+    }
+    get items() {
+        return this._items;
+    }
+    set callToAction(callToAction) {
+        this._calllToAction = callToAction;
+    }
+    get callToAction() {
+        return this._calllToAction;
+    }
+    ngOnInit() {
+    }
+    onClose() {
+        this.openCategories = false;
+    }
+    customTB(item, index) {
+        return `${item.id}-${index}`;
+    }
+    onSelectItem(id) {
+        this.unselectAll();
+        this.setIndexItemSelectedById(id);
+        const itemSelected = this.getItemSelected();
+        itemSelected.selected = true;
+        this.selectValue.emit(this.indexItemSelected);
+        this.onChange(itemSelected);
+    }
+    onClickCallToAction() {
+        this.onClose();
+        this.clickOnCallToAction.emit(this.callToAction.value);
+    }
+    onSearcheValueChange() {
+        this.searchValueChange.emit(this.searchValue);
+    }
+    getItemSelected() {
+        return this.items[this.indexItemSelected];
+    }
+    showCategories() {
+        this.openCategories = true;
+        setTimeout(() => {
+            var _a;
+            (_a = this.searchElement.nativeElement) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 0);
+    }
+    unselectAll() {
+        this.items.forEach(item => item.selected = false);
+    }
+    setIndexItemSelectedById(id) {
+        this.indexItemSelected = this.items.findIndex(item => item.id === id);
+    }
+    setIndexItemSelected() {
+        this.indexItemSelected = this.items.findIndex(item => item.selected);
+    }
+    writeValue(selectItem) {
+        if (!selectItem) {
+            return;
+        }
+        this.unselectAll();
+        selectItem.selected = true;
+        this.setIndexItemSelectedById(selectItem.id);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+}
+SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectComponent, deps: [{ token: i1$3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SelectComponent, selector: "wac-select", inputs: { items: "items", placeholder: "placeholder", label: "label", maxWidthItems: "maxWidthItems", search: "search", searchValue: "searchValue", type: "type", callToAction: "callToAction", maxWidth: "maxWidth", disabled: "disabled" }, outputs: { searchValueChange: "searchValueChange", selectValue: "selectValue", clickOnCallToAction: "clickOnCallToAction" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true }], viewQueries: [{ propertyName: "searchElement", first: true, predicate: ["search"], descendants: true }], ngImport: i0, template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\n\n<div class=\"wac-select\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\n\n  <div class=\"wac-select__current\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && openCategories = !openCategories\" *ngIf=\"!search\">\n    <span *ngIf=\"indexItemSelected !== -1\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n    <span [innerHTML]=\"indexItemSelected !== -1 ? items[indexItemSelected].name : placeholder\"></span><span><i class=\"fas fa-chevron-down\"></i></span>\n  </div>\n\n  <div class=\"wac-select__current wac-select__current--withSearch\" [ngClass]=\"{ 'select-disabled' : disabled, 'open-search': openCategories }\" *ngIf=\"search\">\n    <div class=\"wac-select__current__search\" *ngIf=\"openCategories && !disabled\">\n      <i class=\"far fa-search\"></i>\n      <input #search type=\"text\" [(ngModel)]=\"searchValue\" (ngModelChange)=\"onSearcheValueChange()\" (keypressEnter)=\"onClickCallToAction()\"/>\n    </div>\n    <span (click)=\"openCategories = !openCategories;\" *ngIf=\"items[indexItemSelected]?.icon && !openCategories\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n    <span (click)=\"showCategories()\" [innerHTML]=\"items[indexItemSelected]?.name ? items[indexItemSelected].name : placeholder\"></span>\n    <span (click)=\"openCategories = !openCategories;\"><i class=\"fas fa-chevron-down\"></i></span>\n  </div>\n\n  <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openCategories, open: type === 'open' }\" [ngStyle]=\"{ 'max-width': maxWidthItems }\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length\">\n\n      <div *ngIf=\"callToAction\" class=\"wac-select__content__cta\">\n        <div (click)=\"onClickCallToAction()\">\n          <i *ngIf=\"callToAction.icon\" [classList]=\"callToAction.icon\"></i><strong *ngIf=\"callToAction.boldText\">{{ callToAction.boldText }}</strong\n          ><span>{{ callToAction?.name }}</span>\n        </div>\n      </div>\n\n      <div\n        *ngFor=\"let item of items | selectFilters: searchValue; let index = index;\"\n        (click)=\"onClose()\"\n        class=\"wac-select__content__item\"\n        >\n          <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(item.id)\">\n            <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n          </div>\n      </div>\n\n    </perfect-scrollbar>\n\n    <div *ngIf=\"!(items | selectFilters: searchValue)?.length\" class=\"wac-select__content__empty\">\n      <span>{{'wac.datatable.noresult' | translate}}</span>\n    </div>\n\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "directive", type: KeypressEnterDirective, selector: "[keypressEnter]", outputs: ["keypressEnter"] }, { kind: "component", type: i4.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }, { kind: "pipe", type: SelectFiltersPipe, name: "selectFilters" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-select', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true }], template: "<p *ngIf=\"label\" [innerHTML]=\"label\" class=\"wac-select__label\"></p>\n\n<div class=\"wac-select\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\n\n  <div class=\"wac-select__current\" [ngClass]=\"{ 'select-disabled' : disabled }\" (click)=\"!disabled && openCategories = !openCategories\" *ngIf=\"!search\">\n    <span *ngIf=\"indexItemSelected !== -1\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n    <span [innerHTML]=\"indexItemSelected !== -1 ? items[indexItemSelected].name : placeholder\"></span><span><i class=\"fas fa-chevron-down\"></i></span>\n  </div>\n\n  <div class=\"wac-select__current wac-select__current--withSearch\" [ngClass]=\"{ 'select-disabled' : disabled, 'open-search': openCategories }\" *ngIf=\"search\">\n    <div class=\"wac-select__current__search\" *ngIf=\"openCategories && !disabled\">\n      <i class=\"far fa-search\"></i>\n      <input #search type=\"text\" [(ngModel)]=\"searchValue\" (ngModelChange)=\"onSearcheValueChange()\" (keypressEnter)=\"onClickCallToAction()\"/>\n    </div>\n    <span (click)=\"openCategories = !openCategories;\" *ngIf=\"items[indexItemSelected]?.icon && !openCategories\" class=\"icon\" [innerHTML]=\"items[indexItemSelected].icon\"></span>\n    <span (click)=\"showCategories()\" [innerHTML]=\"items[indexItemSelected]?.name ? items[indexItemSelected].name : placeholder\"></span>\n    <span (click)=\"openCategories = !openCategories;\"><i class=\"fas fa-chevron-down\"></i></span>\n  </div>\n\n  <div class=\"wac-select__content\" *ngIf=\"!disabled\" [ngClass]=\"{ hidden: !openCategories, open: type === 'open' }\" [ngStyle]=\"{ 'max-width': maxWidthItems }\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"items.length\">\n\n      <div *ngIf=\"callToAction\" class=\"wac-select__content__cta\">\n        <div (click)=\"onClickCallToAction()\">\n          <i *ngIf=\"callToAction.icon\" [classList]=\"callToAction.icon\"></i><strong *ngIf=\"callToAction.boldText\">{{ callToAction.boldText }}</strong\n          ><span>{{ callToAction?.name }}</span>\n        </div>\n      </div>\n\n      <div\n        *ngFor=\"let item of items | selectFilters: searchValue; let index = index;\"\n        (click)=\"onClose()\"\n        class=\"wac-select__content__item\"\n        >\n          <div [ngClass]=\"{ selected: item.selected }\" (click)=\"onSelectItem(item.id)\">\n            <span class=\"icon\" [innerHTML]=\"item.icon\" *ngIf=\"item.icon\"></span>{{ item.name }}\n          </div>\n      </div>\n\n    </perfect-scrollbar>\n\n    <div *ngIf=\"!(items | selectFilters: searchValue)?.length\" class=\"wac-select__content__empty\">\n      <span>{{'wac.datatable.noresult' | translate}}</span>\n    </div>\n\n  </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: i1$3.TranslateService }]; }, propDecorators: { items: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], maxWidthItems: [{
+                type: Input
+            }], search: [{
+                type: Input
+            }], searchValue: [{
+                type: Input
+            }], searchValueChange: [{
+                type: Output
+            }], type: [{
+                type: Input
+            }], callToAction: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], selectValue: [{
+                type: Output
+            }], clickOnCallToAction: [{
+                type: Output
+            }], searchElement: [{
+                type: ViewChild,
+                args: ['search']
+            }] } });
+
+class MultipleSearchComponent {
+    constructor(translateService) {
+        this.translateService = translateService;
+        this.options = [];
+        this.alwaysOpen = false;
+        this.label = '';
+        this.placeholder = '';
+        this.icon = '';
+        this.query = '';
+        this.search = '';
+        this.openSelect = false;
+        this.error = 'wac.simpleSearchComponent.error';
+        this.showError = false;
+    }
+    ngOnInit() {
+        this.setPlaceholder();
+        this.setLabel();
+        this.setQuery();
+        this.setIcon();
+    }
+    setSearchValueToQuery(value) {
+        if (value.code !== 'Enter') {
+            this.search = encodeURI(value.target.value);
+        }
+        else {
+            this.submitForm();
+        }
+    }
+    submitForm() {
+        if (this.search) {
+            if (this.search.length > 0) {
+                window.location.href = this.query.replace('{s}', this.search);
+            }
+            else {
+                this.displayError();
+            }
+        }
+        else {
+            this.displayError();
+        }
+    }
+    setPlaceholder(value) {
+        if (value) {
+            this.placeholder = this.options[value].placeholder;
+        }
+        else {
+            this.placeholder = this.options[0].placeholder;
+        }
+    }
+    setLabel(value) {
+        if (value) {
+            this.label = this.options[value].label;
+        }
+        else {
+            this.label = this.options[0].label;
+        }
+    }
+    setQuery(value) {
+        if (value) {
+            this.query = this.options[value].queries;
+        }
+        else {
+            this.query = this.options[0].queries;
+        }
+    }
+    displayError() {
+        this.showError = true;
+        setTimeout(() => {
+            this.hideError();
+        }, 2000);
+    }
+    hideError() {
+        this.showError = false;
+    }
+    setIcon(value) {
+        if (value) {
+            this.icon = this.options[value].icon;
+        }
+        else {
+            this.icon = this.options[0].icon;
+        }
+    }
+    openFuncSelect() {
+        this.openSelect = !this.openSelect;
+    }
+    closeSelect() {
+        this.openSelect = false;
+    }
+    resetAllVue(value) {
+        this.setPlaceholder(value);
+        this.setLabel(value);
+        this.setQuery(value);
+        this.setIcon(value);
+        this.search = '';
+        this.closeSelect();
+    }
+}
+MultipleSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MultipleSearchComponent, deps: [{ token: i1$3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+MultipleSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: MultipleSearchComponent, selector: "wac-multiple-search", inputs: { options: "options", alwaysOpen: "alwaysOpen" }, ngImport: i0, template: "<div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\">\n  <div class=\"wac-multiple-search__wrapper\">\n    <div class=\"wac-multiple-search__wrapper__left\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" wzAutoHide (clickOutside)=\"closeSelect()\">\n      <span>{{ label }}</span>\n      <i class=\"fal fa-chevron-down\"></i>\n      <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"openFuncSelect()\"></div>\n      <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect || alwaysOpen\">\n        <div\n          class=\"wac-multiple-search__wrapper__left__select__item\"\n          *ngFor=\"let option of options; let i = index\"\n          [attr.data-index]=\"i\"\n          (click)=\"resetAllVue(i); inputSearch.value = ''\"\n        >\n          <i [ngClass]=\"option.icon\"></i>\n          <span>{{ option.label }}</span>\n          <input type=\"hidden\" value=\"\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"wac-multiple-search__wrapper__right\">\n      <form [action]=\"query\" method=\"get\">\n        <button type=\"submit\" (click)=\"submitForm()\"><i class=\"fal fa-search\"></i></button>\n        <input #inputSearch type=\"text\" required [placeholder]=\"placeholder\" (keyup)=\"setSearchValueToQuery($event)\" />\n      </form>\n    </div>\n  </div>\n  <div class=\"wac-multiple-search__error\" *ngIf=\"showError\">{{ error | translate}}</div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MultipleSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-multiple-search', template: "<div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\">\n  <div class=\"wac-multiple-search__wrapper\">\n    <div class=\"wac-multiple-search__wrapper__left\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" wzAutoHide (clickOutside)=\"closeSelect()\">\n      <span>{{ label }}</span>\n      <i class=\"fal fa-chevron-down\"></i>\n      <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"openFuncSelect()\"></div>\n      <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect || alwaysOpen\">\n        <div\n          class=\"wac-multiple-search__wrapper__left__select__item\"\n          *ngFor=\"let option of options; let i = index\"\n          [attr.data-index]=\"i\"\n          (click)=\"resetAllVue(i); inputSearch.value = ''\"\n        >\n          <i [ngClass]=\"option.icon\"></i>\n          <span>{{ option.label }}</span>\n          <input type=\"hidden\" value=\"\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"wac-multiple-search__wrapper__right\">\n      <form [action]=\"query\" method=\"get\">\n        <button type=\"submit\" (click)=\"submitForm()\"><i class=\"fal fa-search\"></i></button>\n        <input #inputSearch type=\"text\" required [placeholder]=\"placeholder\" (keyup)=\"setSearchValueToQuery($event)\" />\n      </form>\n    </div>\n  </div>\n  <div class=\"wac-multiple-search__error\" *ngIf=\"showError\">{{ error | translate}}</div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$3.TranslateService }]; }, propDecorators: { options: [{
+                type: Input
+            }], alwaysOpen: [{
+                type: Input
+            }] } });
+
+class MultipleSearchPlusComponent {
+    constructor() {
+        this.label = '';
+        this.placeholder = '';
+        this.openSelect = false;
+        this.openSearchResults = false;
+        this.isLoading = true;
+        this.searchValue = new EventEmitter();
+        this.optionsChange = new EventEmitter();
+    }
+    ngOnInit() {
+        this.setCurrentOption();
+        this.setPlaceholder();
+        this.setLabel();
+    }
+    setSearchValue(value) {
+        if (value.target.value != '') {
+            this.openSearchResults = true;
+        }
+        else {
+            this.openSearchResults = false;
+        }
+        this.searchValue.emit({ currentOption: this.options[this.currentOption].code, value: value.target.value });
+    }
+    setCurrentOption(value) {
+        this.currentOption = value || 0;
+    }
+    setPlaceholder(value) {
+        this.placeholder = value ? this.options[value].placeholder : this.options[0].placeholder;
+    }
+    setLabel(value) {
+        this.label = value ? this.options[value].label : this.options[0].label;
+    }
+    onToggleSelect() {
+        this.openSelect = !this.openSelect;
+    }
+    closeSelect() {
+        this.openSelect = false;
+    }
+    closeSearchResults() {
+        this.openSearchResults = false;
+    }
+    resetAllVue(value) {
+        this.searchResults = undefined;
+        this.setCurrentOption(value);
+        this.setPlaceholder(value);
+        this.setLabel(value);
+        this.openSearchResults = false;
+        this.closeSelect();
+    }
+    addResult(index) {
+        let alreadyExist = false;
+        this.options[this.currentOption].table.forEach(elem => {
+            if (elem.id == this.searchResults[index].id) {
+                alreadyExist = true;
+            }
+        });
+        if (!alreadyExist) {
+            this.options[this.currentOption].table.push(this.searchResults[index]);
+        }
+        this.resetAllVue(this.currentOption);
+        this.optionsChange.emit({ currentOption: this.options[this.currentOption].code, action: 'add' });
+    }
+    deleteResult(indexItem, index) {
+        this.options[index].table.splice(indexItem, 1);
+        this.optionsChange.emit({ currentOption: this.options[index].code, action: 'delete' });
+    }
+}
+MultipleSearchPlusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MultipleSearchPlusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MultipleSearchPlusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: MultipleSearchPlusComponent, selector: "wac-multiple-search-plus", inputs: { options: "options", searchResults: "searchResults" }, outputs: { searchValue: "searchValue", optionsChange: "optionsChange" }, ngImport: i0, template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\">\n  <!-- Multiple select with search input -->\n  <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\n    <div class=\"wac-multiple-search__wrapper\">\n      <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\n        <span>{{ label }}</span>\n        <i class=\"fal fa-chevron-down\"></i>\n        <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\n          <div\n            class=\"wac-multiple-search__wrapper__left__select__item\"\n            *ngFor=\"let option of options; let i = index\"\n            [attr.data-index]=\"i\"\n            (click)=\"resetAllVue(i); inputSearch.value = ''\"\n          >\n            <span>{{ option.label }}</span>\n            <input type=\"hidden\" value=\"\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\n        <button><i class=\"fal fa-search\"></i></button>\n        <input\n          #inputSearch\n          type=\"text\"\n          [placeholder]=\"placeholder\"\n          debounceKeyUp\n          [debounceTime]=\"500\"\n          (onEventChange)=\"setSearchValue($event)\"\n        />\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\n          <div\n            class=\"wac-multiple-search__wrapper__left__select__item\"\n            *ngFor=\"let res of searchResults; let i = index\"\n            (click)=\"addResult(i); inputSearch.value = ''\"\n          >\n            <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\n            <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\n          </div>\n          <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\n            <wac-loader [small]=\"true\"></wac-loader>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Results checked -->\n  <div *ngFor=\"let option of options; let i = index\">\n    <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length\">\n      <wac-h3>{{ option.title }}</wac-h3>\n      <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\n        <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\n        <wac-text>{{ item.name }}</wac-text>\n        <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DebounceKeyupDirective, selector: "input[debounceKeyUp]" }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: LoaderComponent, selector: "wac-loader", inputs: ["text", "small"] }, { kind: "component", type: ImageComponent, selector: "wac-image", inputs: ["src"] }, { kind: "component", type: H3Component, selector: "wac-h3", inputs: ["grey"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: MultipleSearchPlusComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-multiple-search-plus', template: "<div class=\"wac-multiple-search-plus\" [zIndexToggle]=\"openSelect || openSearchResults\">\n  <!-- Multiple select with search input -->\n  <div class=\"wac-multiple-search\" [ngClass]=\"{ open: openSelect }\">\n    <div class=\"wac-multiple-search__wrapper\">\n      <div class=\"wac-multiple-search__wrapper__left\" *ngIf=\"options.length > 1\" [ngClass]=\"{ open: openSelect }\" wzAutoHide (clickOutside)=\"closeSelect()\">\n        <span>{{ label }}</span>\n        <i class=\"fal fa-chevron-down\"></i>\n        <div class=\"wac-multiple-search__wrapper__left__background\" (click)=\"onToggleSelect()\"></div>\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSelect\">\n          <div\n            class=\"wac-multiple-search__wrapper__left__select__item\"\n            *ngFor=\"let option of options; let i = index\"\n            [attr.data-index]=\"i\"\n            (click)=\"resetAllVue(i); inputSearch.value = ''\"\n          >\n            <span>{{ option.label }}</span>\n            <input type=\"hidden\" value=\"\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"wac-multiple-search__wrapper__right\" wzAutoHide (clickOutside)=\"closeSearchResults()\">\n        <button><i class=\"fal fa-search\"></i></button>\n        <input\n          #inputSearch\n          type=\"text\"\n          [placeholder]=\"placeholder\"\n          debounceKeyUp\n          [debounceTime]=\"500\"\n          (onEventChange)=\"setSearchValue($event)\"\n        />\n        <div class=\"wac-multiple-search__wrapper__left__select\" *ngIf=\"openSearchResults\">\n          <div\n            class=\"wac-multiple-search__wrapper__left__select__item\"\n            *ngFor=\"let res of searchResults; let i = index\"\n            (click)=\"addResult(i); inputSearch.value = ''\"\n          >\n            <wac-image *ngIf=\"res.image\" [src]=\"res.image\"></wac-image>\n            <wac-text>#{{ res.id }} {{ res.name }}</wac-text>\n          </div>\n          <div class=\"wac-table__body__loader\" *ngIf=\"isLoading && !searchResults\">\n            <wac-loader [small]=\"true\"></wac-loader>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <!-- Results checked -->\n  <div *ngFor=\"let option of options; let i = index\">\n    <div class=\"wac-multiple-search-plus__wrapper\" *ngIf=\"option.table.length\">\n      <wac-h3>{{ option.title }}</wac-h3>\n      <div class=\"wac-multiple-search-plus__wrapper__block hover default\" *ngFor=\"let item of option.table; let indexItem = index\">\n        <wac-image *ngIf=\"item.image\" [src]=\"item.image\"></wac-image>\n        <wac-text>{{ item.name }}</wac-text>\n        <span (click)=\"deleteResult(indexItem, i)\"><i class=\"fas fa-times\"></i></span>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { options: [{
+                type: Input
+            }], searchResults: [{
+                type: Input
+            }], searchValue: [{
+                type: Output
+            }], optionsChange: [{
+                type: Output
+            }] } });
+
+class InputWithSelectComponent {
+    constructor() {
+        this.showSelect = false;
+        this.inputValueChange = new EventEmitter();
+        this.selectValueChange = new EventEmitter();
+    }
+    ngOnInit() {
+        this.options.forEach((item) => {
+            if (item.active) {
+                this.currentLabel = item.label;
+            }
+        });
+    }
+    onClickItem(index) {
+        this.unActiveAll();
+        const optionSelected = this.options[index];
+        optionSelected.active = true;
+        this.currentLabel = optionSelected.label;
+        this.showSelect = false;
+        this.selectValueChange.emit(index);
+    }
+    onToggleSelect() {
+        this.showSelect = !this.showSelect;
+    }
+    onCloseSelect() {
+        this.showSelect = false;
+    }
+    onChangeInputValue(e) {
+        this.inputValueChange.emit(e.target.value);
+    }
+    unActiveAll() {
+        this.options.forEach((item) => {
+            item.active = false;
+        });
+    }
+}
+InputWithSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InputWithSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: InputWithSelectComponent, selector: "wac-input-with-select", inputs: { label: "label", text: "text", options: "options", placeholder: "placeholder", id: "id" }, outputs: { inputValueChange: "inputValueChange", selectValueChange: "selectValueChange" }, ngImport: i0, template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n  <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n  <div class=\"wac-input-with-select__wrapper\">\n    <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n      <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n      <div class=\"wac-input-with-select__wrapper__left__current\">\n        <span (click)=\"onToggleSelect()\">{{ currentLabel }}</span>\n      </div>\n      <div class=\"wac-input-with-select__wrapper__left__select\" *ngIf=\"showSelect\">\n        <div class=\"wac-input-with-select__wrapper__left__select__item\" *ngFor=\"let option of options; let index = index\">\n          <div (click)=\"onClickItem(index)\">{{ option.label }}</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"wac-input-with-select__wrapper__right\">\n      <p [innerHTML]=\"text\"></p>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: InputWithSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-input-with-select', template: "<div class=\"wac-input-with-select\" [zIndexToggle]=\"showSelect\">\n  <label class=\"wac-input-with-select__label\" [for]=\"id\" [innerHTML]=\"label\"></label>\n  <div class=\"wac-input-with-select__wrapper\">\n    <div class=\"wac-input-with-select__wrapper__left\" wzAutoHide (clickOutside)=\"onCloseSelect()\">\n      <input [id]=\"id\" type=\"text\" [placeholder]=\"placeholder\" (change)=\"onChangeInputValue($event)\" />\n      <div class=\"wac-input-with-select__wrapper__left__current\">\n        <span (click)=\"onToggleSelect()\">{{ currentLabel }}</span>\n      </div>\n      <div class=\"wac-input-with-select__wrapper__left__select\" *ngIf=\"showSelect\">\n        <div class=\"wac-input-with-select__wrapper__left__select__item\" *ngFor=\"let option of options; let index = index\">\n          <div (click)=\"onClickItem(index)\">{{ option.label }}</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"wac-input-with-select__wrapper__right\">\n      <p [innerHTML]=\"text\"></p>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], inputValueChange: [{
+                type: Output
+            }], selectValueChange: [{
+                type: Output
+            }] } });
+
+class PopinComponent {
+    constructor(domService) {
+        this.domService = domService;
+        this.visible = false;
+        this.visibleChange = new EventEmitter();
+        this.response = new EventEmitter();
+        this.background = true;
+        this.firstOpen = true;
+    }
+    ngOnInit() {
+        this.domService.setDocumentEventListener();
+    }
+    validatePopin() {
+        this.response.emit(true);
+        this.closePopin();
+    }
+    refusePopin() {
+        this.response.emit(false);
+        this.closePopin();
+    }
+    closePopin() {
+        if (!this.firstOpen) { //trick for auto-hide directive that close immediatly the pop-in
+            this.visible = false;
+            this.visibleChange.emit(this.visible);
+            this.firstOpen = true;
+        }
+        else {
+            this.firstOpen = false;
+        }
+    }
+}
+PopinComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PopinComponent, deps: [{ token: DomService }], target: i0.ɵɵFactoryTarget.Component });
+PopinComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: PopinComponent, selector: "wac-popin", inputs: { title: "title", content: "content", imgSrc: "imgSrc", okButtonLabel: "okButtonLabel", koButtonLabel: "koButtonLabel", okButtonClass: "okButtonClass", koButtonClass: "koButtonClass", visible: "visible", background: "background" }, outputs: { visibleChange: "visibleChange", response: "response" }, ngImport: i0, template: "<div class=\"wac-free\" *ngIf=\"visible\">\n  <div class=\"wac-free__wrapper\" wzAutoHide (clickOutside)=\"closePopin()\">\n    <a class=\"wac-free__wrapper__button-close\" (click)=\"closePopin()\">\n      <i class=\"fas fa-times\"></i>\n    </a>\n    <div class=\"wac-free__wrapper__content\">\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n        <img [src]=\"imgSrc\" alt=\"barre admin\" />\n\n        <h2 class=\"wac-popin__wrapper__title\" [innerHTML]=\"title\"></h2>\n\n        <p class=\"wac-popin__wrapper__text\" [innerHTML]=\"content\"></p>\n      </perfect-scrollbar>\n    </div>\n    <div class=\"wac-free__wrapper__buttons\">\n      <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n        <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" [hasLoader]=\"true\" (click)=\"validatePopin()\"></wac-button>\n      </div>\n      <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n        <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" [hasLoader]=\"true\" (click)=\"refusePopin()\"></wac-button>\n      </div>\n    </div>\n  </div>\n  <div class=\"wac-free__background\" *ngIf=\"background\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "component", type: i4.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }, { kind: "component", type: ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: PopinComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-popin', template: "<div class=\"wac-free\" *ngIf=\"visible\">\n  <div class=\"wac-free__wrapper\" wzAutoHide (clickOutside)=\"closePopin()\">\n    <a class=\"wac-free__wrapper__button-close\" (click)=\"closePopin()\">\n      <i class=\"fas fa-times\"></i>\n    </a>\n    <div class=\"wac-free__wrapper__content\">\n      <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n        <img [src]=\"imgSrc\" alt=\"barre admin\" />\n\n        <h2 class=\"wac-popin__wrapper__title\" [innerHTML]=\"title\"></h2>\n\n        <p class=\"wac-popin__wrapper__text\" [innerHTML]=\"content\"></p>\n      </perfect-scrollbar>\n    </div>\n    <div class=\"wac-free__wrapper__buttons\">\n      <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n        <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" [hasLoader]=\"true\" (click)=\"validatePopin()\"></wac-button>\n      </div>\n      <div class=\"wac-free__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n        <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" [hasLoader]=\"true\" (click)=\"refusePopin()\"></wac-button>\n      </div>\n    </div>\n  </div>\n  <div class=\"wac-free__background\" *ngIf=\"background\"></div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: DomService }]; }, propDecorators: { title: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], imgSrc: [{
+                type: Input
+            }], okButtonLabel: [{
+                type: Input
+            }], koButtonLabel: [{
+                type: Input
+            }], okButtonClass: [{
+                type: Input
+            }], koButtonClass: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], response: [{
+                type: Output
+            }], background: [{
+                type: Input
+            }] } });
+
+class FreePopinComponent {
+    constructor(domService) {
+        this.domService = domService;
+        this.visible = false;
+        this.disableCloseOutside = false;
+        this.visibleChange = new EventEmitter();
+        this.response = new EventEmitter();
+        this.background = true;
+        this.zIndex = 9999;
+        this.firstOpen = true;
+    }
+    ngOnInit() {
+        this.domService.setDocumentEventListener();
+    }
+    validatePopin() {
+        this.response.emit(true);
+        this.closePopin();
+    }
+    refusePopin() {
+        this.response.emit(false);
+        this.closePopin();
+    }
+    closePopin() {
+        if (!this.firstOpen || this.disableCloseOutside) {
+            this.visible = false;
+            this.visibleChange.emit(this.visible);
+            this.firstOpen = true;
+        }
+        else {
+            this.firstOpen = false;
+        }
+    }
+}
+FreePopinComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FreePopinComponent, deps: [{ token: DomService }], target: i0.ɵɵFactoryTarget.Component });
+FreePopinComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: FreePopinComponent, selector: "wac-free-popin", inputs: { okButtonLabel: "okButtonLabel", koButtonLabel: "koButtonLabel", visible: "visible", disableCloseOutside: "disableCloseOutside", background: "background", zIndex: "zIndex" }, outputs: { visibleChange: "visibleChange", response: "response" }, ngImport: i0, template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n        <i class=\"fas fa-times\"></i>\n      </a>\n      <div class=\"wac-free-popin__wrapper__content\">\n        <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n          <ng-content></ng-content>\n        </perfect-scrollbar>\n      </div>\n      <div class=\"wac-free-popin__wrapper__buttons\">\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" [hasLoader]=\"true\" (click)=\"validatePopin()\"></wac-button>\n        </div>\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" [hasLoader]=\"true\" (click)=\"refusePopin()\"></wac-button>\n        </div>\n      </div>\n    </div>\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "component", type: i4.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }, { kind: "component", type: ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FreePopinComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-free-popin', template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\n        <i class=\"fas fa-times\"></i>\n      </a>\n      <div class=\"wac-free-popin__wrapper__content\">\n        <perfect-scrollbar [config]=\"{ suppressScrollX: true }\">\n          <ng-content></ng-content>\n        </perfect-scrollbar>\n      </div>\n      <div class=\"wac-free-popin__wrapper__buttons\">\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" [hasLoader]=\"true\" (click)=\"validatePopin()\"></wac-button>\n        </div>\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" [hasLoader]=\"true\" (click)=\"refusePopin()\"></wac-button>\n        </div>\n      </div>\n    </div>\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: DomService }]; }, propDecorators: { okButtonLabel: [{
+                type: Input
+            }], koButtonLabel: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], disableCloseOutside: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], response: [{
+                type: Output
+            }], background: [{
+                type: Input
+            }], zIndex: [{
+                type: Input
+            }] } });
+
+class BlockComponent {
+    constructor() {
+        this.titleBlock = ''; // Titre interne au block
+        this.titleExternalBlock = false; // Titre externe au block
+        this.sticky = false; // add sticky to block
+        this.simple = false;
+        this.noFullHeight = false; // not full height
+        this.icon = '';
+        this.titleUppercase = true;
+        this.borderRadius = false;
+        this.removePadding = false;
+        this.stretchHeight = false;
+    }
+}
+BlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: BlockComponent, selector: "wac-block", inputs: { titleBlock: "titleBlock", titleExternalBlock: "titleExternalBlock", sticky: "sticky", simple: "simple", noFullHeight: "noFullHeight", icon: "icon", titleUppercase: "titleUppercase", borderRadius: "borderRadius", removePadding: "removePadding", stretchHeight: "stretchHeight" }, ngImport: i0, template: "<div\n  class=\"wac-block\"\n  [ngClass]=\"{ 'wac-block__external': titleExternalBlock, sticky: sticky, noFullHeight: noFullHeight, 'stretch': stretchHeight, 'border-radius': borderRadius, 'no-padding' : removePadding }\"\n>\n  <h2 *ngIf=\"titleBlock.length\" class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple, 'no-uppercase': !titleUppercase }\">\n    {{ titleBlock }} <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n  </h2>\n  <div class=\"wac-block__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: BlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-block', template: "<div\n  class=\"wac-block\"\n  [ngClass]=\"{ 'wac-block__external': titleExternalBlock, sticky: sticky, noFullHeight: noFullHeight, 'stretch': stretchHeight, 'border-radius': borderRadius, 'no-padding' : removePadding }\"\n>\n  <h2 *ngIf=\"titleBlock.length\" class=\"wac-block__title\" [ngClass]=\"{ 'is-simple': simple, 'no-uppercase': !titleUppercase }\">\n    {{ titleBlock }} <i *ngIf=\"icon\" [ngClass]=\"icon\"></i>\n  </h2>\n  <div class=\"wac-block__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { titleBlock: [{
+                type: Input
+            }], titleExternalBlock: [{
+                type: Input
+            }], sticky: [{
+                type: Input
+            }], simple: [{
+                type: Input
+            }], noFullHeight: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], titleUppercase: [{
+                type: Input
+            }], borderRadius: [{
+                type: Input
+            }], removePadding: [{
+                type: Input
+            }], stretchHeight: [{
+                type: Input
+            }] } });
+
+class WrapperComponent {
+    constructor() {
+        this.size = 'fullsize';
+    }
+    ngOnInit() { }
+}
+WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: WrapperComponent, selector: "wac-wrapper", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"wac-wrapper\" [ngClass]=\"{ fullsize: size === 'fullsize', 'max-width': size === 'max-width' }\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-wrapper', template: "<div class=\"wac-wrapper\" [ngClass]=\"{ fullsize: size === 'fullsize', 'max-width': size === 'max-width' }\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { size: [{
+                type: Input
+            }] } });
+
+class FiltersComponent {
+    constructor() {
+        this.labelRestart = 'Afficher toutes les catégories';
+        this.filterChange = new EventEmitter();
+    }
+    ngOnInit() {
+        this.options.forEach((item, index) => {
+            if (item.active) {
+                this.filterActiveIndex = '' + index;
+            }
+        });
+    }
+    activeFilter(index) {
+        this.options[index].active = true;
+        this.filterActiveIndex = '' + index;
+        this.filterChange.emit(index);
+    }
+    resetFilter() {
+        this.options.forEach((item) => {
+            item.active = false;
+        });
+        this.filterActiveIndex = null;
+        this.filterChange.emit(-1);
+    }
+}
+FiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: FiltersComponent, selector: "wac-filters", inputs: { options: "options", labelRestart: "labelRestart" }, outputs: { filterChange: "filterChange" }, ngImport: i0, template: "<div class=\"wac-filters\">\n  <div class=\"wac-filters__wrapper\" *ngIf=\"!filterActiveIndex\">\n    <button *ngFor=\"let option of options; let i = index\">\n      <span class=\"event\" (click)=\"activeFilter(i)\"></span><span [innerHTML]=\"option.name\"></span>\n    </button>\n  </div>\n  <div class=\"wac-filters__wrapper\" *ngIf=\"filterActiveIndex\">\n    <button (click)=\"resetFilter()\" class=\"active\">\n      <i class=\"fas fa-times\"></i><span [innerHTML]=\"options[filterActiveIndex].name\"></span>\n    </button>\n    <span (click)=\"resetFilter()\">{{ labelRestart }}</span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FiltersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-filters', template: "<div class=\"wac-filters\">\n  <div class=\"wac-filters__wrapper\" *ngIf=\"!filterActiveIndex\">\n    <button *ngFor=\"let option of options; let i = index\">\n      <span class=\"event\" (click)=\"activeFilter(i)\"></span><span [innerHTML]=\"option.name\"></span>\n    </button>\n  </div>\n  <div class=\"wac-filters__wrapper\" *ngIf=\"filterActiveIndex\">\n    <button (click)=\"resetFilter()\" class=\"active\">\n      <i class=\"fas fa-times\"></i><span [innerHTML]=\"options[filterActiveIndex].name\"></span>\n    </button>\n    <span (click)=\"resetFilter()\">{{ labelRestart }}</span>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { options: [{
+                type: Input
+            }], labelRestart: [{
+                type: Input
+            }], filterChange: [{
+                type: Output
+            }] } });
+
+class WrapperBlocsComponent {
+    constructor() {
+        this.sidebar = false;
+    }
+    ngOnInit() {
+    }
+}
+WrapperBlocsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WrapperBlocsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WrapperBlocsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: WrapperBlocsComponent, selector: "wac-wrapper-blocs", inputs: { sidebar: "sidebar" }, ngImport: i0, template: "<div class=\"wac-wrapper-blocs\" [ngClass]=\"{'sidebar': sidebar}\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WrapperBlocsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-wrapper-blocs', template: "<div class=\"wac-wrapper-blocs\" [ngClass]=\"{'sidebar': sidebar}\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { sidebar: [{
+                type: Input
+            }] } });
+
+class SnackbarComponent {
+    constructor() {
+        this.visible = false;
+        this.visibleChange = new EventEmitter();
+        this.response = new EventEmitter();
+        this.manualClose = false;
+    }
+    ngOnInit() {
+        if (this.duration > 0) {
+            this.timer = setTimeout(() => this.manualClose = true, this.duration);
+        }
+    }
+    validate() {
+        this.response.emit(true);
+        this.closeSnackbar();
+        this.manualClose = true;
+    }
+    refuse() {
+        this.response.emit(false);
+        this.closeSnackbar();
+        this.manualClose = true;
+    }
+    closeSnackbar() {
+        this.visible = false;
+        this.visibleChange.emit(this.visible);
+    }
+}
+SnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SnackbarComponent, selector: "wac-snackbar", inputs: { message: "message", textButtonOk: "textButtonOk", textButtonKo: "textButtonKo", duration: "duration", color: "color", buttonColor: "buttonColor", visible: "visible" }, outputs: { visibleChange: "visibleChange", response: "response" }, ngImport: i0, template: "<div class=\"wac-snackbar\">\n  <div [class]=\"'notification is-active ' + ((color) ? color : 'is-transparent')\"\n    [@state]=\"visible ? 'active': 'inactive'\"\n  >\n    <div class=\"columns\">\n      <div class=\"column notification--message\" [ngClass]=\"{'is-half': textButtonOk}\"\n            [innerHTML]=\"message\">\n      </div>\n      <div class=\"column is-half\">\n        <button [class]=\"'button ' + ((buttonColor) ? buttonColor : 'is-success')\"\n                (click)=\"validate()\">{{textButtonOk}}\n        </button>\n        <button [class]=\"'button ' + ((buttonColor) ? buttonColor : 'is-success')\"\n                (click)=\"refuse()\">{{textButtonKo}}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
+        trigger('state', [
+            state('void', style({
+                bottom: '-100px'
+            })),
+            state('inactive', style({
+                bottom: '-100px'
+            })),
+            state('active', style({
+                bottom: '0px'
+            })),
+            transition('void => active', animate(300)),
+            transition('active => inactive', animate(300))
+        ])
+    ], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-snackbar', encapsulation: ViewEncapsulation.None, animations: [
+                        trigger('state', [
+                            state('void', style({
+                                bottom: '-100px'
+                            })),
+                            state('inactive', style({
+                                bottom: '-100px'
+                            })),
+                            state('active', style({
+                                bottom: '0px'
+                            })),
+                            transition('void => active', animate(300)),
+                            transition('active => inactive', animate(300))
+                        ])
+                    ], template: "<div class=\"wac-snackbar\">\n  <div [class]=\"'notification is-active ' + ((color) ? color : 'is-transparent')\"\n    [@state]=\"visible ? 'active': 'inactive'\"\n  >\n    <div class=\"columns\">\n      <div class=\"column notification--message\" [ngClass]=\"{'is-half': textButtonOk}\"\n            [innerHTML]=\"message\">\n      </div>\n      <div class=\"column is-half\">\n        <button [class]=\"'button ' + ((buttonColor) ? buttonColor : 'is-success')\"\n                (click)=\"validate()\">{{textButtonOk}}\n        </button>\n        <button [class]=\"'button ' + ((buttonColor) ? buttonColor : 'is-success')\"\n                (click)=\"refuse()\">{{textButtonKo}}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], textButtonOk: [{
+                type: Input
+            }], textButtonKo: [{
+                type: Input
+            }], duration: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], buttonColor: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], response: [{
+                type: Output
+            }] } });
+
+class AlertPopupComponent {
+    constructor() {
+        /** Subject for notifying the user that the dialog has finished closing. */
+        this.afterClosedPopup = new Subject();
+        this.open = false;
+    }
+    ngOnInit() {
+        setTimeout(() => {
+            this.open = true;
+        }, 50);
+        if (this.config.duration > 0) {
+            this.timer = setTimeout(() => this.dismiss(), this.config.duration);
+        }
+    }
+    dismiss() {
+        this.open = false;
+        setTimeout(() => {
+            this.afterClosedPopup.next(true);
+            this.afterClosedPopup.complete();
+        }, 200);
+    }
+    /**
+     * Gets an observable that is notified when the dialog is finished closing.
+     */
+    afterClosed() {
+        return this.afterClosedPopup.asObservable();
+    }
+}
+AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\n  [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '')\"\n  [ngClass]=\"{'is-active': open}\"\n>\n  <div class=\"alert--message\">\n    <span class=\"icon\" *ngIf=\"config.icon\">\n        <i [class]=\"config.icon\"></i>\n    </span>\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n    <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n    <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-alert-popup', host: {
+                        class: 'wac-alert-popup'
+                    }, encapsulation: ViewEncapsulation.None, template: "<div\n  [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '')\"\n  [ngClass]=\"{'is-active': open}\"\n>\n  <div class=\"alert--message\">\n    <span class=\"icon\" *ngIf=\"config.icon\">\n        <i [class]=\"config.icon\"></i>\n    </span>\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n    <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n    <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n  </div>\n</div>\n" }]
+        }] });
+
+class AlertPopupService {
+    constructor(domService) {
+        this.domService = domService;
+    }
+    open(config) {
+        const componentRef = this.getComponentRef(config);
+        return componentRef.instance;
+    }
+    getComponentRef(config) {
+        const componentRef = this.domService.attachComponentPortal(AlertPopupComponent);
+        config = Object.assign({
+            position: 'is-top'
+        }, config);
+        componentRef.instance.config = config;
+        componentRef.instance.afterClosed().subscribe(() => {
+            componentRef.destroy();
+        });
+        return componentRef;
+    }
+}
+AlertPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupService, deps: [{ token: DomService }], target: i0.ɵɵFactoryTarget.Injectable });
+AlertPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: DomService }]; } });
+
+class AlertPopupModule {
+}
+AlertPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AlertPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupModule, declarations: [AlertPopupComponent], imports: [CommonModule], exports: [AlertPopupComponent] });
+AlertPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupModule, providers: [AlertPopupService], imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AlertPopupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    providers: [AlertPopupService],
+                    entryComponents: [AlertPopupComponent],
+                    declarations: [AlertPopupComponent],
+                    exports: [AlertPopupComponent]
+                }]
+        }] });
+
+class SearchComponent {
+    constructor() {
+        this.alwaysOpen = false;
+        this.disableSearchIn = false;
+        this.emptyResult = '';
+        this.search = '';
+        this.openSelect = false;
+        this.selectValue = new EventEmitter();
+        this.searchKeyUp = new EventEmitter();
+        this.searchFocusOut = new EventEmitter();
+    }
+    ngOnInit() {
+        this.triggerOptions = this.options;
+    }
+    onClose() {
+        this.openSelect = false;
+    }
+    setSearchValueToQuery(value) {
+        this.search = value.target.value;
+        if (this.disableSearchIn) {
+            this.triggerOptions = this.options;
+        }
+        else {
+            if (this.search.length > 0) {
+                this.openSelect = true;
+                this.triggerOptions = this.options.filter(element => element.label.toLowerCase().indexOf(this.search.toLowerCase()) !== -1);
+            }
+            else {
+                this.triggerOptions = this.options;
+            }
+        }
+        this.searchKeyUp.emit(this.search);
+    }
+    sendEventFocusOut() {
+        this.searchFocusOut.emit(this.search);
+    }
+    closeSelect() {
+        this.openSelect = false;
+    }
+    onSelectItem(index, value, label) {
+        this.search = '';
+        this.openSelect = false;
+        if (this.disableSearchIn) {
+            this.selectValue.emit(index);
+        }
+        else {
+            const findInOption = this.options.findIndex(element => element.label === label && element.id === value);
+            this.selectValue.emit(findInOption);
+        }
+    }
+    resetAllVue() {
+        this.search = '';
+        this.closeSelect();
+    }
+}
+SearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SearchComponent, selector: "wac-search", inputs: { placeholder: "placeholder", alwaysOpen: "alwaysOpen", label: "label", options: "options", disableSearchIn: "disableSearchIn", emptyResult: "emptyResult" }, outputs: { selectValue: "selectValue", searchKeyUp: "searchKeyUp", searchFocusOut: "searchFocusOut" }, ngImport: i0, template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n  <div class=\"wac-search__wrapper\">\n    <button><i class=\"fal fa-search\"></i></button>\n    <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n  </div>\n  <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n      <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n        <div [ngClass]=\"{ selected: item.checked }\" (click)=\"onSelectItem(index, item.id, item.label)\">\n          {{ item.label }}\n        </div>\n      </div>\n    </perfect-scrollbar>\n    <div class=\"wac-select__content__empty\" *ngIf=\"triggerOptions.length === 0\">\n      <span *ngIf=\"emptyResult\">{{emptyResult}}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "directive", type: ZindexToggleDirective, selector: "[zIndexToggle]", inputs: ["zIndexToggle"], outputs: ["onEventChange"] }, { kind: "component", type: i4.PerfectScrollbarComponent, selector: "perfect-scrollbar", inputs: ["disabled", "usePSClass", "autoPropagation", "scrollIndicators", "config"], outputs: ["psScrollY", "psScrollX", "psScrollUp", "psScrollDown", "psScrollLeft", "psScrollRight", "psYReachEnd", "psYReachStart", "psXReachEnd", "psXReachStart"], exportAs: ["ngxPerfectScrollbar"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-search', template: "<div class=\"wac-search\" [ngClass]=\"{ open: openSelect || alwaysOpen }\" [zIndexToggle]=\"openSelect\" wzAutoHide (clickOutside)=\"closeSelect()\">\n  <div class=\"wac-search__wrapper\">\n    <button><i class=\"fal fa-search\"></i></button>\n    <input [value]=\"search\" type=\"text\" required [placeholder]=\"placeholder\" (focus)=\"openSelect = true;\" (focusout)=\"sendEventFocusOut()\" (keyup)=\"setSearchValueToQuery($event)\" />\n  </div>\n  <div class=\"wac-search__absolute\" *ngIf=\"triggerOptions\" [ngClass]=\"{'hidden': !openSelect}\">\n    <perfect-scrollbar [config]=\"{ suppressScrollX: true }\" *ngIf=\"triggerOptions.length > 0\">\n      <div (click)=\"onClose()\" class=\"wac-select__content__item\" *ngFor=\"let item of triggerOptions; let index = index;\">\n        <div [ngClass]=\"{ selected: item.checked }\" (click)=\"onSelectItem(index, item.id, item.label)\">\n          {{ item.label }}\n        </div>\n      </div>\n    </perfect-scrollbar>\n    <div class=\"wac-select__content__empty\" *ngIf=\"triggerOptions.length === 0\">\n      <span *ngIf=\"emptyResult\">{{emptyResult}}</span>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
+                type: Input
+            }], alwaysOpen: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], disableSearchIn: [{
+                type: Input
+            }], emptyResult: [{
+                type: Input
+            }], selectValue: [{
+                type: Output
+            }], searchKeyUp: [{
+                type: Output
+            }], searchFocusOut: [{
+                type: Output
+            }] } });
+
+class AreAllOptionsSelectedPipe {
+    transform(options) {
+        return !options.some(option => !option.checked);
+    }
+}
+AreAllOptionsSelectedPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AreAllOptionsSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+AreAllOptionsSelectedPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: AreAllOptionsSelectedPipe, name: "areAllOptionsSelected", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: AreAllOptionsSelectedPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'areAllOptionsSelected',
+                    pure: false
+                }]
+        }] });
+
+class SelectedListComponent {
+    constructor() {
+        this.options = [];
+        this.enableSelectAll = true;
+        this.selectedItemsIndex = new EventEmitter();
+        this.selectedItemsAll = new EventEmitter();
+        this.unSelectedItemsAll = new EventEmitter();
+        this.selectedOptionIndex = [];
+    }
+    ngOnInit() {
+    }
+    onSelectAll() {
+        this.selectedOptionIndex = this.options.map((option, index) => {
+            option.checked = true;
+            return index;
+        });
+        this.selectedItemsAll.emit(this.selectedOptionIndex);
+    }
+    onUnSelectAll() {
+        this.selectedOptionIndex = this.options.map((option, index) => {
+            option.checked = false;
+            return index;
+        });
+        this.unSelectedItemsAll.emit(this.selectedOptionIndex);
+    }
+    onSelectItem(index) {
+        this.options[index].checked = !this.options[index].checked;
+        this.selectedItemsIndex.emit(index);
+    }
+    areAllOptionsChecked() {
+        return !this.options.some(option => !option.checked);
+    }
+}
+SelectedListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectedListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: SelectedListComponent, selector: "wac-selected-list", inputs: { options: "options", label: "label", textSelectAll: "textSelectAll", textUnSelectAll: "textUnSelectAll", enableSelectAll: "enableSelectAll" }, outputs: { selectedItemsIndex: "selectedItemsIndex", selectedItemsAll: "selectedItemsAll", unSelectedItemsAll: "unSelectedItemsAll" }, ngImport: i0, template: "<div class=\"selected-list\">\n  <div class=\"selected-list__wrapper\">\n    <div class=\"selected-list__wrapper__head\">\n      <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n      <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n        <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n          <div class=\"selected-list__wrapper__head__button\">\n\n            <div class=\"selected-list__wrapper__head__button__notMobile\">\n              <wac-button\n                [label]=\"textSelectAll\"\n                (click)=\"onSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n            <div class=\"selected-list__wrapper__head__button__mobile\">\n              <wac-button\n                [extraClasses]=\"'is-grey'\"\n                [icon]=\"'fad fa-check-double'\"\n                (click)=\"onSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n          </div>\n\n        </ng-container>\n\n        <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n\n          <div class=\"selected-list__wrapper__head__button\">\n\n            <div class=\"selected-list__wrapper__head__button__notMobile\">\n              <wac-button\n                [extraClasses]=\"'is-info'\"\n                [label]=\"textUnSelectAll\"\n                (click)=\"onUnSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n            <div class=\"selected-list__wrapper__head__button__mobile\">\n              <wac-button\n                [extraClasses]=\"'is-grey'\"\n                [icon]=\"'fad fa-check-double'\"\n                (click)=\"onUnSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n          </div>\n\n        </ng-container>\n\n      </ng-container>\n\n    </div>\n    <div class=\"selected-list__wrapper__content\">\n      <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n        <span [innerHTML]=\"item.label\"></span>\n        <i class=\"fas fa-check\"></i>\n      </div>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: VarDirective, selector: "[ngVar]", inputs: ["ngVar"] }, { kind: "component", type: ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }, { kind: "pipe", type: AreAllOptionsSelectedPipe, name: "areAllOptionsSelected" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SelectedListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-selected-list', template: "<div class=\"selected-list\">\n  <div class=\"selected-list__wrapper\">\n    <div class=\"selected-list__wrapper__head\">\n      <p *ngIf=\"label\" [innerHTML]=\"label\"></p>\n      <ng-container *ngVar=\"(options | areAllOptionsSelected) as areAllOptionsSelected\">\n        <ng-container *ngIf=\"textSelectAll && !areAllOptionsSelected\">\n\n          <div class=\"selected-list__wrapper__head__button\">\n\n            <div class=\"selected-list__wrapper__head__button__notMobile\">\n              <wac-button\n                [label]=\"textSelectAll\"\n                (click)=\"onSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n            <div class=\"selected-list__wrapper__head__button__mobile\">\n              <wac-button\n                [extraClasses]=\"'is-grey'\"\n                [icon]=\"'fad fa-check-double'\"\n                (click)=\"onSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n          </div>\n\n        </ng-container>\n\n        <ng-container *ngIf=\"textUnSelectAll && areAllOptionsSelected\">\n\n          <div class=\"selected-list__wrapper__head__button\">\n\n            <div class=\"selected-list__wrapper__head__button__notMobile\">\n              <wac-button\n                [extraClasses]=\"'is-info'\"\n                [label]=\"textUnSelectAll\"\n                (click)=\"onUnSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n            <div class=\"selected-list__wrapper__head__button__mobile\">\n              <wac-button\n                [extraClasses]=\"'is-grey'\"\n                [icon]=\"'fad fa-check-double'\"\n                (click)=\"onUnSelectAll()\"\n              >\n              </wac-button>\n            </div>\n\n          </div>\n\n        </ng-container>\n\n      </ng-container>\n\n    </div>\n    <div class=\"selected-list__wrapper__content\">\n      <div class=\"selected-list__wrapper__content__item\" *ngFor=\"let item of options;let i = index;\" [ngClass]=\"{'active': item.checked}\" (click)=\"onSelectItem(i)\">\n        <span [innerHTML]=\"item.label\"></span>\n        <i class=\"fas fa-check\"></i>\n      </div>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], textSelectAll: [{
+                type: Input
+            }], textUnSelectAll: [{
+                type: Input
+            }], enableSelectAll: [{
+                type: Input
+            }], selectedItemsIndex: [{
+                type: Output
+            }], selectedItemsAll: [{
+                type: Output
+            }], unSelectedItemsAll: [{
+                type: Output
+            }] } });
+
+class TreeComponent {
+    constructor() {
+        this.treeDepth = 0;
+    }
+    ngOnInit() { }
+}
+TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: TreeComponent, selector: "wac-tree", inputs: { items: "items", treeDepth: "treeDepth", optionTemplate: "optionTemplate" }, ngImport: i0, template: "<div *ngFor=\"let item of items; index as i\" [ngClass]=\"['treeDepth-' + treeDepth]\">\n  <ul>\n   <li>\n\n    <ng-template #defaultItem>\n      {{ item?.treeLabel }}\n    </ng-template>\n\n    <ng-container\n      [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n      [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n    >\n    </ng-container>\n\n    <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\">\n      <!-- Todo maybe pass child template -->\n\n    </wac-tree>\n   </li>\n  </ul>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TreeComponent, selector: "wac-tree", inputs: ["items", "treeDepth", "optionTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-tree', template: "<div *ngFor=\"let item of items; index as i\" [ngClass]=\"['treeDepth-' + treeDepth]\">\n  <ul>\n   <li>\n\n    <ng-template #defaultItem>\n      {{ item?.treeLabel }}\n    </ng-template>\n\n    <ng-container\n      [ngTemplateOutlet]=\"optionTemplate || defaultItem\"\n      [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n    >\n    </ng-container>\n\n    <wac-tree [optionTemplate]=\"optionTemplate\" [items]=\"item.treeChildren\" *ngIf=\"item.treeChildren?.length\" [treeDepth]=\"treeDepth + 1\">\n      <!-- Todo maybe pass child template -->\n\n    </wac-tree>\n   </li>\n  </ul>\n</div>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+                type: Input
+            }], treeDepth: [{
+                type: Input
+            }], optionTemplate: [{
+                type: Input,
+                args: ["optionTemplate"]
+            }] } });
+
+class FormatObjectToRecursifTreePipe {
+    constructor() {
+        this.childrenProperties = [];
+    }
+    transform(objectList, childrenProperties) {
+        this.childrenProperties = childrenProperties;
+        const treeDepth = 0;
+        objectList.forEach(object => this.recursiveFormatObjectToRecursifTree(object, treeDepth));
+        return objectList;
+    }
+    recursiveFormatObjectToRecursifTree(object, treeDepth) {
+        for (const childrenProperty of this.childrenProperties) {
+            object.hasTreeChildren = true;
+            if (!object.hasOwnProperty(childrenProperty)) {
+                // No more chrildren
+                object.hasTreeChildren = false;
+                continue;
+            }
+            if (!Array.isArray(object[childrenProperty])) {
+                throw `Property : "${childrenProperty}", is not an array. it could not be transform to a recursive list.`;
+            }
+            // Add treeChildren property filled with name children property
+            object.treeChildren = object[childrenProperty];
+            // call this function recursively until no children can be generated
+            this.recursiveFormatObjectToRecursifTree(object.treeChildren, treeDepth++);
+            break;
+        }
+        object.treeDepth = treeDepth;
+    }
+}
+FormatObjectToRecursifTreePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FormatObjectToRecursifTreePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FormatObjectToRecursifTreePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: FormatObjectToRecursifTreePipe, name: "formatObjectToRecursifTree" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FormatObjectToRecursifTreePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'formatObjectToRecursifTree'
+                }]
+        }] });
+
+class FormatObjectToSimpleTreePipe {
+    constructor() {
+        this.childrenProperties = [];
+        this.labelProperties = [];
+    }
+    transform(objectList, childrenProperties, labelProperties) {
+        this.childrenProperties = childrenProperties;
+        this.labelProperties = labelProperties;
+        const treeDepth = 0;
+        objectList.forEach(object => this.recursiveFormatObjectToSimpleTree(object, treeDepth));
+        return objectList;
+    }
+    recursiveFormatObjectToSimpleTree(object, treeDepth) {
+        for (const property in object) {
+            if (!Object.prototype.hasOwnProperty.call(object, property)) {
+                continue;
+            }
+            if (this.labelProperties.includes(property)) {
+                object.treeLabel = object[property];
+                continue;
+            }
+            object.hasTreeChildren = true;
+            if (!this.childrenProperties.includes(property)) {
+                // No more chrildren
+                object.hasTreeChildren = false;
+                continue;
+            }
+            if (!Array.isArray(object[property])) {
+                throw `Property : "${property}", is not an array. it could not be transform to a recursive list.`;
+            }
+            // Add treeChildren property filled with name children property
+            object.treeChildren = object[property];
+            // call this function recursively until no children can be generated
+            this.recursiveFormatObjectToSimpleTree(object.treeChildren, treeDepth++);
+            break;
+        }
+    }
+}
+FormatObjectToSimpleTreePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FormatObjectToSimpleTreePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+FormatObjectToSimpleTreePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: FormatObjectToSimpleTreePipe, name: "formatObjectToSimpleTree" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: FormatObjectToSimpleTreePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'formatObjectToSimpleTree'
+                }]
+        }] });
+
+const exportedPipes = [FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe];
+const pipes = [
+    SelectFiltersPipe,
+    AreAllOptionsSelectedPipe
+];
+class SharedPipes {
+}
+SharedPipes.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedPipes, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedPipes.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: SharedPipes, declarations: [FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, SelectFiltersPipe,
+        AreAllOptionsSelectedPipe], imports: [CommonModule, FormsModule], exports: [FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, SelectFiltersPipe,
+        AreAllOptionsSelectedPipe] });
+SharedPipes.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedPipes, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedPipes, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule],
+                    declarations: [...exportedPipes, ...pipes],
+                    exports: [...exportedPipes, ...pipes]
+                }]
+        }] });
+
+class TreeModule {
+}
+TreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: TreeModule, declarations: [TreeComponent], imports: [CommonModule,
+        FormsModule,
+        SharedPipes], exports: [TreeComponent] });
+TreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeModule, imports: [CommonModule,
+        FormsModule,
+        SharedPipes] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: TreeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        SharedPipes
+                    ],
+                    exports: [TreeComponent],
+                    declarations: [TreeComponent],
+                    providers: [],
+                }]
+        }] });
+
+const components = [
+    TagComponent,
+    TabComponent,
+    ButtonComponent,
+    InfoComponent,
+    SettingsComponent,
+    DeleteComponent,
+    DropdownComponent,
+    ImageComponent,
+    BackComponent,
+    SeparatorComponent,
+    LogoComponent,
+    RadioComponent,
+    StateComponent,
+    LabelComponent,
+    CalendarComponent,
+    WzEditInPlaceComponent,
+    AlertComponent,
+    HeaderPageComponent,
+    SwitchComponent,
+    LinkComponent,
+    H1Component,
+    H2Component,
+    H3Component,
+    H4Component,
+    TextComponent,
+    TextAreaComponent,
+    UploadComponent,
+    SelectInTextComponent,
+    SelectComponent,
+    MultipleSearchComponent,
+    MultipleSearchPlusComponent,
+    InputWithSelectComponent,
+    PopinComponent,
+    FreePopinComponent,
+    BlockComponent,
+    WrapperComponent,
+    FiltersComponent,
+    WrapperBlocsComponent,
+    SnackbarComponent,
+    SearchComponent,
+    SelectedListComponent
+];
+const exportsFromModule = [
+    PaginationComponent,
+    TableComponent,
+    TableColumn,
+    CheckBoxRow,
+    TableColumnHeader,
+    TableRow,
+    InputSearchComponent,
+    InputComponent,
+    TooltipComponent,
+    CheckboxComponent,
+    LoaderComponent,
+    ProgressBarComponent,
+    TreeComponent
+];
+class SharedComponentsModule {
+}
+SharedComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, declarations: [TagComponent,
+        TabComponent,
+        ButtonComponent,
+        InfoComponent,
+        SettingsComponent,
+        DeleteComponent,
+        DropdownComponent,
+        ImageComponent,
+        BackComponent,
+        SeparatorComponent,
+        LogoComponent,
+        RadioComponent,
+        StateComponent,
+        LabelComponent,
+        CalendarComponent,
+        WzEditInPlaceComponent,
+        AlertComponent,
+        HeaderPageComponent,
+        SwitchComponent,
+        LinkComponent,
+        H1Component,
+        H2Component,
+        H3Component,
+        H4Component,
+        TextComponent,
+        TextAreaComponent,
+        UploadComponent,
+        SelectInTextComponent,
+        SelectComponent,
+        MultipleSearchComponent,
+        MultipleSearchPlusComponent,
+        InputWithSelectComponent,
+        PopinComponent,
+        FreePopinComponent,
+        BlockComponent,
+        WrapperComponent,
+        FiltersComponent,
+        WrapperBlocsComponent,
+        SnackbarComponent,
+        SearchComponent,
+        SelectedListComponent], imports: [CommonModule,
+        FormsModule,
+        NwbAllModule, i1$3.TranslateModule, ReactiveFormsModule,
+        SharedDirectives,
+        SharedPipes,
+        CdkTableModule,
+        TagInputModule,
+        PaginationModule,
+        TableModule,
+        InputSearchModule,
+        TooltipModule,
+        CheckboxModule,
+        InputModule,
+        LoaderModule,
+        ProgressBarModule,
+        PerfectScrollbarModule,
+        AlertPopupModule,
+        RouterModule,
+        TreeModule], exports: [TagComponent,
+        TabComponent,
+        ButtonComponent,
+        InfoComponent,
+        SettingsComponent,
+        DeleteComponent,
+        DropdownComponent,
+        ImageComponent,
+        BackComponent,
+        SeparatorComponent,
+        LogoComponent,
+        RadioComponent,
+        StateComponent,
+        LabelComponent,
+        CalendarComponent,
+        WzEditInPlaceComponent,
+        AlertComponent,
+        HeaderPageComponent,
+        SwitchComponent,
+        LinkComponent,
+        H1Component,
+        H2Component,
+        H3Component,
+        H4Component,
+        TextComponent,
+        TextAreaComponent,
+        UploadComponent,
+        SelectInTextComponent,
+        SelectComponent,
+        MultipleSearchComponent,
+        MultipleSearchPlusComponent,
+        InputWithSelectComponent,
+        PopinComponent,
+        FreePopinComponent,
+        BlockComponent,
+        WrapperComponent,
+        FiltersComponent,
+        WrapperBlocsComponent,
+        SnackbarComponent,
+        SearchComponent,
+        SelectedListComponent, PaginationComponent,
+        TableComponent,
+        TableColumn,
+        CheckBoxRow,
+        TableColumnHeader,
+        TableRow,
+        InputSearchComponent,
+        InputComponent,
+        TooltipComponent,
+        CheckboxComponent,
+        LoaderComponent,
+        ProgressBarComponent,
+        TreeComponent] });
+SharedComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, imports: [CommonModule,
+        FormsModule,
+        NwbAllModule,
+        TranslateModule.forChild(),
+        ReactiveFormsModule,
+        SharedDirectives,
+        SharedPipes,
+        CdkTableModule,
+        TagInputModule,
+        PaginationModule,
+        TableModule,
+        InputSearchModule,
+        TooltipModule,
+        CheckboxModule,
+        InputModule,
+        LoaderModule,
+        ProgressBarModule,
+        PerfectScrollbarModule,
+        AlertPopupModule,
+        RouterModule,
+        TreeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: SharedComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        NwbAllModule,
+                        TranslateModule.forChild(),
+                        ReactiveFormsModule,
+                        SharedDirectives,
+                        SharedPipes,
+                        CdkTableModule,
+                        TagInputModule,
+                        PaginationModule,
+                        TableModule,
+                        InputSearchModule,
+                        TooltipModule,
+                        CheckboxModule,
+                        InputModule,
+                        LoaderModule,
+                        ProgressBarModule,
+                        PerfectScrollbarModule,
+                        AlertPopupModule,
+                        RouterModule,
+                        TreeModule
+                    ],
+                    declarations: components,
+                    exports: [...components, ...exportsFromModule]
+                }]
+        }] });
+
+class WiziComponentsModule {
+}
+WiziComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WiziComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WiziComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.7", ngImport: i0, type: WiziComponentsModule, imports: [CommonModule,
+        SharedComponentsModule,
+        SharedDirectives,
+        SharedPipes,
+        NwbAllModule], exports: [SharedComponentsModule, SharedDirectives, SharedPipes] });
+WiziComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WiziComponentsModule, imports: [CommonModule,
+        SharedComponentsModule,
+        SharedDirectives,
+        SharedPipes,
+        NwbAllModule, SharedComponentsModule, SharedDirectives, SharedPipes] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: WiziComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SharedComponentsModule,
+                        SharedDirectives,
+                        SharedPipes,
+                        NwbAllModule
+                    ],
+                    exports: [SharedComponentsModule, SharedDirectives, SharedPipes]
+                }]
+        }] });
+
+class TableFiltersGroup extends NwbFilterGroup {
+    set(key, value) {
+        super.set(key, value);
+    }
+    resetToFirstPage() {
+        this.set("currentPage", 1);
+    }
+}
+
+/*
+ * Public API Surface of angular-components
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AbstractDebounceDirective, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, ButtonComponent, CalendarComponent, CheckBoxRow, CheckboxComponent, DebounceKeyupDirective, DeleteComponent, DropdownComponent, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MultipleSearchComponent, MultipleSearchPlusComponent, PaginationComponent, PopinComponent, ProgressBarComponent, RadioComponent, SearchComponent, SelectComponent, SelectFiltersPipe, SelectInTextComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TagComponent, TextAreaComponent, TextComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WzEditInPlaceComponent, ZindexToggleDirective };
+//# sourceMappingURL=wizishop-angular-components.mjs.map