@wizishop/angular-components 0.0.164 → 14.0.1

package/fesm2015/wizishop-angular-components.js

@@ -1,4017 +0,0 @@
-import { NwbFilterRoutingBuilder, NwbAllModule, NwbFilterGroup } from '@wizishop/ng-wizi-bulma';
-import { Component, ViewEncapsulation, Input, EventEmitter, Output, Directive, HostListener, ɵɵdefineInjectable, ɵɵinject, ComponentFactoryResolver, ApplicationRef, INJECTOR, Injectable, Injector, ElementRef, Renderer2, TemplateRef, ViewContainerRef, NgModule, Inject, ContentChildren, ViewChild, Pipe } from '@angular/core';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
-import { Subject, ReplaySubject, merge, fromEvent, interval } from 'rxjs';
-import { takeUntil, debounceTime, distinctUntilChanged, tap, map, takeWhile } from 'rxjs/operators';
-import { OverlayContainer } 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 { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { RouterModule } from '@angular/router';
-import { AutosizeModule } from 'ngx-autosize';
-
-class LoaderComponent {
-    constructor() {
-        this.text = '';
-        this.small = false;
-    }
-}
-LoaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-loader',
-                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",
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-LoaderComponent.propDecorators = {
-    text: [{ type: Input }],
-    small: [{ type: Input }]
-};
-
-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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-input-search',
-                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",
-                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputSearchComponent, multi: true }]
-            },] }
-];
-InputSearchComponent.propDecorators = {
-    placeholder: [{ type: Input }],
-    smallPadding: [{ type: Input }],
-    id: [{ type: Input }],
-    changeDebounced: [{ type: Output }]
-};
-
-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.decorators = [
-    { type: Directive, args: [{
-                selector: 'AbstractDebounceDirective'
-            },] }
-];
-AbstractDebounceDirective.ctorParameters = () => [];
-AbstractDebounceDirective.propDecorators = {
-    debounceTime: [{ type: Input }],
-    onEventChange: [{ type: Output }]
-};
-
-class DebounceKeyupDirective extends AbstractDebounceDirective {
-    constructor() {
-        super();
-    }
-    onKeyUp(event) {
-        event.preventDefault();
-        this.emitEvent$.next(event);
-    }
-}
-DebounceKeyupDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'input[debounceKeyUp]'
-            },] }
-];
-DebounceKeyupDirective.ctorParameters = () => [];
-DebounceKeyupDirective.propDecorators = {
-    onKeyUp: [{ type: HostListener, args: ['keyup', ['$event'],] }]
-};
-
-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.ɵprov = ɵɵdefineInjectable({ factory: function DomService_Factory() { return new DomService(ɵɵinject(ComponentFactoryResolver), ɵɵinject(ApplicationRef), ɵɵinject(INJECTOR), ɵɵinject(OverlayContainer)); }, token: DomService, providedIn: "root" });
-DomService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-DomService.ctorParameters = () => [
-    { type: ComponentFactoryResolver },
-    { type: ApplicationRef },
-    { type: Injector },
-    { type: 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.decorators = [
-    { type: Directive, args: [{
-                selector: '[wzAutoHide]'
-            },] }
-];
-AutoHideDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: DomService }
-];
-AutoHideDirective.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.decorators = [
-    { type: Directive, args: [{
-                selector: '[zIndexToggle]'
-            },] }
-];
-ZindexToggleDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-ZindexToggleDirective.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.decorators = [
-    { type: Directive, args: [{
-                selector: '[ngVar]',
-            },] }
-];
-VarDirective.ctorParameters = () => [
-    { type: TemplateRef },
-    { type: ViewContainerRef }
-];
-VarDirective.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.decorators = [
-    { type: Directive, args: [{ selector: '[keypressEnter]' },] }
-];
-KeypressEnterDirective.ctorParameters = () => [];
-KeypressEnterDirective.propDecorators = {
-    onKeypress: [{ type: HostListener, args: ['keypress', ['$event'],] }],
-    keypressEnter: [{ type: Output }]
-};
-
-const directives = [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective, VarDirective, KeypressEnterDirective];
-class SharedDirectives {
-}
-SharedDirectives.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, FormsModule],
-                declarations: directives,
-                exports: directives
-            },] }
-];
-
-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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-checkbox',
-                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",
-                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }],
-                animations: [inOutY]
-            },] }
-];
-CheckboxComponent.ctorParameters = () => [];
-CheckboxComponent.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 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.ɵprov = ɵɵdefineInjectable({ factory: function FiltersTableService_Factory() { return new FiltersTableService(ɵɵinject(NwbFilterRoutingBuilder)); }, token: FiltersTableService, providedIn: "root" });
-FiltersTableService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-FiltersTableService.ctorParameters = () => [
-    { type: NwbFilterRoutingBuilder }
-];
-
-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.decorators = [
-    { type: Injectable }
-];
-TableCheckboxIdService.ctorParameters = () => [];
-
-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.decorators = [
-    { type: Directive, args: [{
-                selector: '[checkBoxRow]'
-            },] }
-];
-CheckBoxRow.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ApplicationRef },
-    { type: Renderer2 },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: ComponentFactoryResolver },
-    { type: Injector },
-    { type: TableCheckboxIdService }
-];
-CheckBoxRow.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.decorators = [
-    { type: Injectable }
-];
-MultiSelectionService.ctorParameters = () => [];
-
-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.decorators = [
-    { type: Directive, args: [{
-                // The selector has the same name as the tableRaw selector in table.component.html
-                selector: '[tableRow]'
-            },] }
-];
-TableRow.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-
-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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-table',
-                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",
-                encapsulation: ViewEncapsulation.None,
-                providers: [
-                    TableCheckboxIdService,
-                    MultiSelectionService
-                ]
-            },] }
-];
-TableComponent.ctorParameters = () => [
-    { type: FiltersTableService },
-    { type: TableCheckboxIdService },
-    { type: MultiSelectionService }
-];
-TableComponent.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.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"
-            },] }
-];
-TagComponent.ctorParameters = () => [];
-TagComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-tab',
-                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",
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-TabComponent.ctorParameters = () => [];
-TabComponent.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.textcolor = null;
-        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.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    coin ? 'has-coin width-auto' : '',\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\" [style.color]=\"textcolor ? textcolor : ''\">\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 *ngIf=\"coin\" class=\"wac-button__coin\"><i class=\"fa-solid fa-coin-front\"></i><span [innerHTML]=\"coin\"></span></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"
-            },] }
-];
-ButtonComponent.ctorParameters = () => [];
-ButtonComponent.propDecorators = {
-    extraClasses: [{ type: Input }],
-    label: [{ type: Input }],
-    icon: [{ type: Input }],
-    iconNext: [{ type: Input }],
-    textcolor: [{ 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 }],
-    coin: [{ 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.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"
-            },] }
-];
-InfoComponent.ctorParameters = () => [];
-
-class SettingsComponent {
-    constructor() { }
-}
-SettingsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-settings',
-                template: "<div class=\"wac-settings\">\n  <div class=\"wac-settings__wrapper\">\n    <i class=\"fas fa-cog\"></i>\n  </div>\n</div>\n",
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-SettingsComponent.ctorParameters = () => [];
-
-class DeleteComponent {
-    constructor() { }
-}
-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"
-            },] }
-];
-DeleteComponent.ctorParameters = () => [];
-
-class DropdownComponent {
-    constructor() {
-        this.hasIcons = false;
-        this.items = [];
-        this.userInput = new EventEmitter();
-    }
-    onUserInput(itemIndex) {
-        this.userInput.emit(itemIndex);
-    }
-}
-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"
-            },] }
-];
-DropdownComponent.ctorParameters = () => [];
-DropdownComponent.propDecorators = {
-    hasIcons: [{ type: Input }],
-    items: [{ type: Input }],
-    userInput: [{ type: Output }]
-};
-
-class ImageComponent {
-    constructor() { }
-}
-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"
-            },] }
-];
-ImageComponent.ctorParameters = () => [];
-ImageComponent.propDecorators = {
-    src: [{ type: Input }]
-};
-
-class BackComponent {
-    constructor() { }
-}
-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"
-            },] }
-];
-BackComponent.ctorParameters = () => [];
-
-class SeparatorComponent {
-    constructor() {
-        this.dashed = false;
-    }
-}
-SeparatorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-separator',
-                template: "<div class=\"wac-separator\" [ngClass]=\"dashed ? 'dashed' : ''\"></div>\n",
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-SeparatorComponent.ctorParameters = () => [];
-SeparatorComponent.propDecorators = {
-    dashed: [{ type: Input }]
-};
-
-class LogoComponent {
-    constructor() { }
-}
-LogoComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-logo',
-                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",
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-LogoComponent.ctorParameters = () => [];
-LogoComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-radio',
-                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",
-                encapsulation: ViewEncapsulation.None,
-                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }]
-            },] }
-];
-RadioComponent.ctorParameters = () => [];
-RadioComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-state',
-                template: "<div [class]=\"'wac-state ' + state\"></div>\n",
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-StateComponent.ctorParameters = () => [];
-StateComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-label',
-                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",
-                encapsulation: ViewEncapsulation.None,
-                animations: [inOutX]
-            },] }
-];
-LabelComponent.ctorParameters = () => [];
-LabelComponent.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.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"
-            },] }
-];
-CalendarComponent.ctorParameters = () => [];
-CalendarComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-edit-in-place',
-                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",
-                encapsulation: ViewEncapsulation.None,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: WzEditInPlaceComponent,
-                        multi: true
-                    }
-                ]
-            },] }
-];
-WzEditInPlaceComponent.propDecorators = {
-    type: [{ type: Input }],
-    nwbOptions: [{ type: Input }],
-    config: [{ type: Input }],
-    label: [{ type: Input }],
-    customChange: [{ type: Output }],
-    input: [{ type: ViewChild, args: ['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.dynamicSize = false;
-        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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-text-area',
-                template: "<div class=\"field wac-text-area\" [ngClass]=\"{'dynamic': dynamicSize}\">\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          [autosize]=\"dynamicSize\"\n          [onlyGrow]=\"true\"\n          [maxlength]=\"maxlength ? maxlength : 524288\"\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",
-                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }]
-            },] }
-];
-TextAreaComponent.propDecorators = {
-    label: [{ type: Input }],
-    value: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    textInfo: [{ type: Input }],
-    textError: [{ type: Input }],
-    size: [{ type: Input }],
-    min: [{ type: Input }],
-    maxlength: [{ type: Input }],
-    max: [{ type: Input }],
-    dynamicSize: [{ type: Input }],
-    progressBar: [{ type: Input }],
-    disabled: [{ type: Input }]
-};
-
-class H1Component {
-    constructor() {
-        this.annotation = '';
-        this.withImg = false;
-        this.center = false;
-    }
-    ngOnInit() { }
-}
-H1Component.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-h1',
-                template: "<h1 class=\"wac-h1\" [ngClass]=\"{'with-img': withImg, 'center': center}\"><ng-content></ng-content><small *ngIf=\"annotation !== ''\">{{ annotation }}</small></h1>\n"
-            },] }
-];
-H1Component.ctorParameters = () => [];
-H1Component.propDecorators = {
-    annotation: [{ type: Input }],
-    withImg: [{ type: Input }],
-    center: [{ type: Input }]
-};
-
-class H2Component {
-    constructor() { }
-    ngOnInit() { }
-}
-H2Component.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-h2',
-                template: "<h2 class=\"wac-h2\"><ng-content></ng-content></h2>\n"
-            },] }
-];
-H2Component.ctorParameters = () => [];
-
-class H3Component {
-    constructor() {
-        this.grey = false;
-    }
-    ngOnInit() { }
-}
-H3Component.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-h3',
-                template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h3>\n"
-            },] }
-];
-H3Component.ctorParameters = () => [];
-H3Component.propDecorators = {
-    grey: [{ type: Input }]
-};
-
-class HeaderPageComponent {
-    constructor() {
-        this.withImg = false;
-        this.center = false;
-    }
-    ngOnInit() { }
-}
-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\" [ngClass]=\"{'center':center}\">\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\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 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n"
-            },] }
-];
-HeaderPageComponent.ctorParameters = () => [];
-HeaderPageComponent.propDecorators = {
-    title: [{ type: Input }],
-    linkBack: [{ type: Input }],
-    withImg: [{ type: Input }],
-    center: [{ 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 = false;
-        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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-input',
-                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",
-                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }]
-            },] }
-];
-InputComponent.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.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"
-            },] }
-];
-LinkComponent.ctorParameters = () => [
-    { type: Renderer2 }
-];
-LinkComponent.propDecorators = {
-    href: [{ type: Input }],
-    target: [{ type: Input }],
-    id: [{ type: Input }],
-    class: [{ type: Input }],
-    linkComponent: [{ type: ViewChild, args: ['linkComponent',] }]
-};
-
-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.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"
-            },] }
-];
-ProgressBarComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-ProgressBarComponent.propDecorators = {
-    valueLength: [{ type: Input }],
-    min: [{ type: Input }],
-    max: [{ type: Input }]
-};
-
-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 = false;
-        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.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"
-            },] }
-];
-SwitchComponent.ctorParameters = () => [];
-SwitchComponent.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 TooltipComponent {
-    constructor() {
-        this.tooltipText = '';
-        this.tooltipLink = '';
-        this.tooltipUrl = '#';
-    }
-    ngOnInit() {
-        if (this.tooltipIcon === '') {
-            this.tooltipIcon = 'fas fa-info-circle';
-        }
-    }
-}
-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"
-            },] }
-];
-TooltipComponent.ctorParameters = () => [];
-TooltipComponent.propDecorators = {
-    tooltipIcon: [{ type: Input }],
-    tooltipText: [{ type: Input }],
-    tooltipLink: [{ type: Input }],
-    tooltipUrl: [{ type: Input }]
-};
-
-class AlertComponent {
-    constructor() {
-        this.icon = true;
-        this.warning = false;
-        this.success = false;
-        this.alert = false;
-        this.iconClass = 'fas fa-info';
-    }
-    ngOnInit() { }
-}
-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"
-            },] }
-];
-AlertComponent.ctorParameters = () => [];
-AlertComponent.propDecorators = {
-    icon: [{ type: Input }],
-    warning: [{ type: Input }],
-    success: [{ type: Input }],
-    alert: [{ type: Input }],
-    iconClass: [{ type: Input }]
-};
-
-class TextComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-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"
-            },] }
-];
-TextComponent.ctorParameters = () => [];
-TextComponent.propDecorators = {
-    textClass: [{ type: Input }]
-};
-
-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.decorators = [
-    { type: Pipe, args: [{
-                name: 'IsLastPage'
-            },] }
-];
-
-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.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"
-            },] }
-];
-PaginationComponent.ctorParameters = () => [];
-PaginationComponent.propDecorators = {
-    pagination: [{ type: Input }],
-    pageChange: [{ type: Output }]
-};
-
-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.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.decorators = [
-    { type: Pipe, args: [{
-                name: 'customPagniationText'
-            },] }
-];
-PagniationText.ctorParameters = () => [
-    { type: TranslateService }
-];
-
-const pipes = [PagniationArrayTotalPages, PagniationIsLastPage, PagniationText];
-class PaginationModule {
-}
-PaginationModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    TranslateModule
-                ],
-                exports: [PaginationComponent],
-                declarations: [PaginationComponent, ...pipes],
-                providers: [],
-            },] }
-];
-
-class CheckboxModule {
-}
-CheckboxModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                ],
-                exports: [CheckboxComponent],
-                declarations: [CheckboxComponent],
-                providers: [],
-            },] }
-];
-
-class ProgressBarModule {
-}
-ProgressBarModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                ],
-                exports: [ProgressBarComponent],
-                declarations: [ProgressBarComponent],
-                providers: [],
-            },] }
-];
-
-class TooltipModule {
-}
-TooltipModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule
-                ],
-                exports: [TooltipComponent],
-                declarations: [TooltipComponent],
-                providers: [],
-            },] }
-];
-
-class InputModule {
-}
-InputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    SharedDirectives,
-                    TooltipModule,
-                    ProgressBarModule
-                ],
-                exports: [InputComponent],
-                declarations: [InputComponent],
-                providers: [],
-            },] }
-];
-
-class InputSearchModule {
-}
-InputSearchModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    InputModule,
-                    SharedDirectives
-                ],
-                exports: [InputSearchComponent],
-                declarations: [InputSearchComponent],
-                providers: [],
-            },] }
-];
-
-class LoaderModule {
-}
-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.decorators = [
-    { type: Directive, args: [{
-                selector: '[tableColumn]'
-            },] }
-];
-TableColumn.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-TableColumn.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.decorators = [
-    { type: Directive, args: [{
-                // The selector has the same name as the headerCell selector in table.component.html
-                selector: '[headerCell]'
-            },] }
-];
-TableColumnHeader.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: FiltersTableService }
-];
-TableColumnHeader.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$1 = [TableColumn, CheckBoxRow, TableColumnHeader, TableRow,];
-class TableModule {
-}
-TableModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    InputSearchModule,
-                    LoaderModule,
-                    CheckboxModule,
-                    PaginationModule
-                ],
-                exports: [TableComponent, ...directives$1],
-                declarations: [TableComponent, ...directives$1],
-                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.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"
-            },] }
-];
-UploadComponent.ctorParameters = () => [];
-UploadComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-h4',
-                template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h4>\n"
-            },] }
-];
-H4Component.ctorParameters = () => [];
-H4Component.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(item, index) {
-        return `${item.id}-${index}`;
-    }
-    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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-select-in-text',
-                template: "<div class=\"wac-select-in-text\" wzAutoHide (clickOutside)=\"onClose()\" [ngStyle]=\"{ 'max-width': maxWidth }\" [zIndexToggle]=\"openCategories\">\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"
-            },] }
-];
-SelectInTextComponent.ctorParameters = () => [];
-SelectInTextComponent.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 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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-select',
-                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>",
-                providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true }]
-            },] }
-];
-SelectComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-SelectComponent.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.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"
-            },] }
-];
-MultipleSearchComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-MultipleSearchComponent.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.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"
-            },] }
-];
-MultipleSearchPlusComponent.ctorParameters = () => [];
-MultipleSearchPlusComponent.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.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"
-            },] }
-];
-InputWithSelectComponent.ctorParameters = () => [];
-InputWithSelectComponent.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.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"
-            },] }
-];
-PopinComponent.ctorParameters = () => [
-    { type: DomService }
-];
-PopinComponent.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.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"
-            },] }
-];
-FreePopinComponent.ctorParameters = () => [
-    { type: DomService }
-];
-FreePopinComponent.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.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"
-            },] }
-];
-BlockComponent.ctorParameters = () => [];
-BlockComponent.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.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"
-            },] }
-];
-WrapperComponent.ctorParameters = () => [];
-WrapperComponent.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.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"
-            },] }
-];
-FiltersComponent.ctorParameters = () => [];
-FiltersComponent.propDecorators = {
-    options: [{ type: Input }],
-    labelRestart: [{ type: Input }],
-    filterChange: [{ type: Output }]
-};
-
-class WrapperBlocsComponent {
-    constructor() {
-        this.sidebar = false;
-    }
-    ngOnInit() {
-    }
-}
-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"
-            },] }
-];
-WrapperBlocsComponent.ctorParameters = () => [];
-WrapperBlocsComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-snackbar',
-                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",
-                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))
-                    ])
-                ]
-            },] }
-];
-SnackbarComponent.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.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-alert-popup',
-                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",
-                host: {
-                    class: 'wac-alert-popup'
-                },
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-
-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.decorators = [
-    { type: Injectable }
-];
-AlertPopupService.ctorParameters = () => [
-    { type: DomService }
-];
-
-class AlertPopupModule {
-}
-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.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"
-            },] }
-];
-SearchComponent.ctorParameters = () => [];
-SearchComponent.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 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.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"
-            },] }
-];
-SelectedListComponent.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.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>"
-            },] }
-];
-TreeComponent.ctorParameters = () => [];
-TreeComponent.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.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.decorators = [
-    { type: Pipe, args: [{
-                name: 'formatObjectToSimpleTree'
-            },] }
-];
-
-class SelectFiltersPipe {
-    transform(items, filterName) {
-        return items.filter(item => {
-            const regexp = new RegExp(filterName, 'i');
-            return regexp.test(item.name);
-        });
-    }
-}
-SelectFiltersPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'selectFilters'
-            },] }
-];
-
-class AreAllOptionsSelectedPipe {
-    transform(options) {
-        return !options.some(option => !option.checked);
-    }
-}
-AreAllOptionsSelectedPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'areAllOptionsSelected',
-                pure: false
-            },] }
-];
-
-const exportedPipes = [FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe];
-const pipes$1 = [
-    SelectFiltersPipe,
-    AreAllOptionsSelectedPipe
-];
-class SharedPipes {
-}
-SharedPipes.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, FormsModule],
-                declarations: [...exportedPipes, ...pipes$1],
-                exports: [...exportedPipes, ...pipes$1]
-            },] }
-];
-
-class TreeModule {
-}
-TreeModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    SharedPipes
-                ],
-                exports: [TreeComponent],
-                declarations: [TreeComponent],
-                providers: [],
-            },] }
-];
-
-class WrapperSidebarComponent {
-    constructor() {
-        this.reverse = false;
-    }
-    ngOnInit() {
-    }
-}
-WrapperSidebarComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-wrapper-sidebar',
-                template: "<div class=\"wac-wrapper-sidebar\" [ngClass]=\"{'reverse': reverse}\">\n  <div class=\"wac-wrapper-sidebar__left\">\n    <ng-content select=\"[sidebar]\"></ng-content>\n  </div>\n  <div class=\"wac-wrapper-sidebar__right\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n"
-            },] }
-];
-WrapperSidebarComponent.ctorParameters = () => [];
-WrapperSidebarComponent.propDecorators = {
-    reverse: [{ type: Input }]
-};
-
-class BreadcrumbsComponent {
-    constructor() {
-        this.index = 0;
-        this.indexChange = new EventEmitter();
-    }
-    ngOnInit() {
-    }
-    valueChanged(i) {
-        this.index = i;
-        this.indexChange.emit(this.index);
-    }
-}
-BreadcrumbsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-breadcrumbs',
-                template: "<div class=\"wac-breadcrumbs\">\n  <div class=\"wac-breadcrumbs__wrapper\">\n    <div class=\"wac-breadcrumbs__item\" *ngFor=\"let b of breadcrumbs; let i = index;\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\" (click)=\"valueChanged(i)\">\n      <div class=\"round\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\"><span *ngIf=\"!b.valid\"><span *ngIf=\"i < 9\">0</span>{{ i + 1 }}</span><i class=\"fas fa-check\" *ngIf=\"b.valid\"></i></div>\n      <div class=\"name\" [ngClass]=\"{'valid': b.valid, 'current': b['current']}\">{{ b.name }}</div>\n    </div>\n  </div>\n</div>\n"
-            },] }
-];
-BreadcrumbsComponent.ctorParameters = () => [];
-BreadcrumbsComponent.propDecorators = {
-    breadcrumbs: [{ type: Input }],
-    indexChange: [{ type: Output }]
-};
-
-class CardPriceComponent {
-    constructor() {
-        this.disabled = false;
-        this.btnTextcolor = '#ffffff';
-        this.extraClasses = 'is-success';
-        this.hideButton = false;
-        this.click = new EventEmitter();
-    }
-    ngOnInit() {
-    }
-    triggerClick() {
-        this.click.emit(true);
-    }
-}
-CardPriceComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-card-price',
-                template: "<div class=\"wac-card-price\">\n  <strong>{{amount}}</strong>\n  <p>{{title}}</p>\n  <div class=\"price\">\n    <span class=\"amount\">{{price}} <span>{{currency}}</span></span><span class=\"month\">{{priceWording}}</span>\n  </div>\n  <div class=\"subtitle\">{{subtitle}}</div>\n  <div class=\"cta\">\n    <wac-button [label]=\"btnLabel\" [extraClasses]=\"extraClasses\" (click)=\"triggerClick()\" [disabled]=\"disabled\" [textcolor]=\"btnTextcolor\" *ngIf=\"!hideButton\"></wac-button>\n  </div>\n</div>\n"
-            },] }
-];
-CardPriceComponent.ctorParameters = () => [];
-CardPriceComponent.propDecorators = {
-    amount: [{ type: Input }],
-    title: [{ type: Input }],
-    price: [{ type: Input }],
-    currency: [{ type: Input }],
-    priceWording: [{ type: Input }],
-    subtitle: [{ type: Input }],
-    btnLabel: [{ type: Input }],
-    disabled: [{ type: Input }],
-    btnTextcolor: [{ type: Input }],
-    extraClasses: [{ type: Input }],
-    hideButton: [{ type: Input }],
-    click: [{ type: Output }]
-};
-
-class TokenCheckComponent {
-    constructor() {
-        this.warning = false;
-    }
-    ngOnInit() {
-    }
-}
-TokenCheckComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-token-check',
-                template: "<div class=\"wac-token-check\">\n  <span [innerHTML]=\"label\"></span> : <span [innerHTML]=\"value\" [ngClass]=\"{'warning': value > max}\"></span> / <strong [innerHTML]=\"max\"></strong>\n</div>\n"
-            },] }
-];
-TokenCheckComponent.ctorParameters = () => [];
-TokenCheckComponent.propDecorators = {
-    label: [{ type: Input }],
-    value: [{ type: Input }],
-    max: [{ type: Input }]
-};
-
-class BlockWithCheckboxComponent {
-    constructor() {
-        this.selected = false;
-        this.iconCopy = 'fa-solid fa-copy';
-        this.iconWorld = 'fa-thin fa-globe';
-        this.copyAction = new EventEmitter();
-        this.worldAction = new EventEmitter();
-        this.checkboxAction = new EventEmitter();
-    }
-    ngOnInit() {
-    }
-    eventSelected(event) {
-        this.selected = !this.selected;
-        console.log(this.selected);
-        this.checkboxAction.emit(this.selected);
-    }
-    eventCopy() {
-        this.copyAction.emit(true);
-    }
-    eventWorld() {
-        this.worldAction.emit(true);
-    }
-}
-BlockWithCheckboxComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-block-with-checkbox',
-                template: "<div class=\"block-with-checkbox\">\n  <div class=\"block-with-checkbox__left\">\n    <div class=\"wac-radio-block\">\n      <div class=\"wac-radio__row\">\n        <input type=\"checkbox\" [value]=\"selected\" (click)=\"eventSelected($event)\" id=\"radioBlock\">\n        <label for=\"radioBlock\"></label>\n      </div>\n    </div>\n  </div>\n  <div class=\"block-with-checkbox__center\">\n    <ng-content></ng-content>\n  </div>\n  <div class=\"block-with-checkbox__right\">\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\"></wac-button></div>\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconWorld\"  (click)=\"eventWorld()\"></wac-button></div>\n  </div>\n</div>\n"
-            },] }
-];
-BlockWithCheckboxComponent.ctorParameters = () => [];
-BlockWithCheckboxComponent.propDecorators = {
-    selected: [{ type: Input }],
-    iconCopy: [{ type: Input }],
-    iconWorld: [{ type: Input }],
-    copyAction: [{ type: Output }],
-    worldAction: [{ type: Output }],
-    checkboxAction: [{ type: Output }]
-};
-
-class ConfirmDeleteComponent {
-    constructor() {
-        this.open = false;
-        this.confirm = new EventEmitter();
-        this.backgroundColor = '#fff';
-        this.borderRadius = '0px';
-    }
-    ngOnInit() {
-    }
-    eventCancel(event) {
-        this.confirm.emit(false);
-        this.open = false;
-    }
-    eventConfirm(event) {
-        this.confirm.emit(true);
-        this.open = false;
-    }
-}
-ConfirmDeleteComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-confirm-delete',
-                template: "<div class=\"wac-confirm-delete\" [ngClass]=\"{'is-open': open}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\n  <div>\n    <span [innerHTML]=\"label\"></span>\n  </div>\n  <div>\n    <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\n    <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\n  </div>\n</div>\n"
-            },] }
-];
-ConfirmDeleteComponent.ctorParameters = () => [];
-ConfirmDeleteComponent.propDecorators = {
-    open: [{ type: Input }],
-    label: [{ type: Input }],
-    labelCancel: [{ type: Input }],
-    labelConfirm: [{ type: Input }],
-    confirm: [{ type: Output }],
-    backgroundColor: [{ type: Input }],
-    borderRadius: [{ type: Input }]
-};
-
-class MosaicComponent {
-    constructor() {
-        this.isLoading = true;
-    }
-    ngOnInit() {
-        if (this.items) {
-            const splitItems = this.sliceIntoChunks(this.items, (this.items.length / 3));
-            this.columnLeft = splitItems[0];
-            this.columnCenter = splitItems[1];
-            this.columnRight = splitItems[2];
-        }
-        this.isLoading = false;
-    }
-    sliceIntoChunks(arr, chunkSize) {
-        const res = [];
-        for (let i = 0; i < arr.length; i += chunkSize) {
-            const chunk = arr.slice(i, i + chunkSize);
-            res.push(chunk);
-        }
-        return res;
-    }
-}
-MosaicComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'wac-mosaic',
-                template: "<div class=\"wac-mosaic__loader\" *ngIf=\"isLoading\">\n  <wac-loader></wac-loader>\n</div>\n<div class=\"wac-mosaic\" *ngIf=\"!isLoading\">\n  <div class=\"wac-mosaic__wrapper\">\n    <div class=\"wac-mosaic__wrapper__column\" *ngIf=\"columnLeft\">\n      <div class=\"wac-mosaic__wrapper__column__item\" *ngFor=\"let img of columnLeft; let i = index;\">\n        <img [src]=\"img\" />\n      </div>\n    </div>\n    <div class=\"wac-mosaic__wrapper__column\" *ngIf=\"columnCenter\" >\n      <div class=\"wac-mosaic__wrapper__column__item\" *ngFor=\"let img of columnCenter; let i = index;\">\n        <img [src]=\"img\" />\n      </div>\n    </div>\n    <div class=\"wac-mosaic__wrapper__column\" *ngIf=\"columnRight\">\n      <div class=\"wac-mosaic__wrapper__column__item\" *ngFor=\"let img of columnRight; let i = index;\">\n        <img [src]=\"img\" />\n      </div>\n    </div>\n  </div>\n</div>\n"
-            },] }
-];
-MosaicComponent.ctorParameters = () => [];
-MosaicComponent.propDecorators = {
-    items: [{ type: Input }]
-};
-
-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,
-    WrapperSidebarComponent,
-    BreadcrumbsComponent,
-    CardPriceComponent,
-    TokenCheckComponent,
-    BlockWithCheckboxComponent,
-    ConfirmDeleteComponent,
-    MosaicComponent
-];
-const exportsFromModule = [
-    PaginationComponent,
-    TableComponent,
-    TableColumn,
-    CheckBoxRow,
-    TableColumnHeader,
-    TableRow,
-    InputSearchComponent,
-    InputComponent,
-    TooltipComponent,
-    CheckboxComponent,
-    LoaderComponent,
-    ProgressBarComponent,
-    TreeComponent
-];
-class SharedComponentsModule {
-}
-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,
-                    AutosizeModule,
-                    TreeModule
-                ],
-                declarations: components,
-                exports: [...components, ...exportsFromModule]
-            },] }
-];
-
-class WiziComponentsModule {
-}
-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, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CardPriceComponent, CheckBoxRow, CheckboxComponent, ConfirmDeleteComponent, DebounceKeyupDirective, DeleteComponent, DropdownComponent, FiltersComponent, FiltersTableService, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, 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, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, UploadComponent, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, DomService as ɵa, PaginationModule as ɵb, PagniationArrayTotalPages as ɵc, PagniationIsLastPage as ɵd, PagniationText as ɵe, TableModule as ɵf, InputSearchModule as ɵg, InputModule as ɵh, TooltipModule as ɵi, ProgressBarModule as ɵj, LoaderModule as ɵk, CheckboxModule as ɵl, inOutY as ɵm, TableCheckboxIdService as ɵn, MultiSelectionService as ɵo, inOutX as ɵp };
-//# sourceMappingURL=wizishop-angular-components.js.map