@wizishop/angular-components 0.0.164 → 14.0.1

package/bundles/wizishop-angular-components.umd.js

@@ -1,4656 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@wizishop/ng-wizi-bulma'), require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-perfect-scrollbar'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/overlay'), require('@angular/cdk/table'), require('@angular/animations'), require('ngx-chips'), require('@ngx-translate/core'), require('@angular/router'), require('ngx-autosize')) :
-    typeof define === 'function' && define.amd ? define('@wizishop/angular-components', ['exports', '@wizishop/ng-wizi-bulma', '@angular/core', '@angular/common', '@angular/forms', 'ngx-perfect-scrollbar', 'rxjs', 'rxjs/operators', '@angular/cdk/overlay', '@angular/cdk/table', '@angular/animations', 'ngx-chips', '@ngx-translate/core', '@angular/router', 'ngx-autosize'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['angular-components'] = {}), global['ng-wizi-bulma'], global.ng.core, global.ng.common, global.ng.forms, global['ngx-perfect-scrollbar'], global.rxjs, global.rxjs.operators, global.ng.cdk.overlay, global.ng.cdk.table, global.ng.animations, global['ngx-chips'], global['@ngx-translate/core'], global.ng.router, global.ngxAutosize));
-}(this, (function (exports, i1$1, i0, common, forms, ngxPerfectScrollbar, rxjs, operators, i1, table, animations, ngxChips, core, router, ngxAutosize) { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var LoaderComponent = /** @class */ (function () {
-        function LoaderComponent() {
-            this.text = '';
-            this.small = false;
-        }
-        return LoaderComponent;
-    }());
-    LoaderComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None
-                },] }
-    ];
-    LoaderComponent.propDecorators = {
-        text: [{ type: i0.Input }],
-        small: [{ type: i0.Input }]
-    };
-
-    var InputSearchComponent = /** @class */ (function () {
-        function InputSearchComponent() {
-            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 i0.EventEmitter(); // debounced
-            this.onTouchedCallback = function () { };
-            this.onChangeCallback = function () { };
-        }
-        Object.defineProperty(InputSearchComponent.prototype, "value", {
-            get: function () {
-                return this.innerValue;
-            },
-            set: function (v) {
-                if (v !== this.innerValue) {
-                    this.innerValue = v;
-                    this.onChangeCallback(v);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        InputSearchComponent.prototype.writeValue = function (value) {
-            if (value !== this.innerValue) {
-                this.innerValue = value;
-            }
-        };
-        InputSearchComponent.prototype.registerOnChange = function (fn) {
-            this.onChangeCallback = fn;
-        };
-        InputSearchComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouchedCallback = fn;
-        };
-        InputSearchComponent.prototype.handleDebouncedKeyUp = function () {
-            this.changeDebounced.emit(this.value);
-        };
-        return InputSearchComponent;
-    }());
-    InputSearchComponent.decorators = [
-        { type: i0.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: forms.NG_VALUE_ACCESSOR, useExisting: InputSearchComponent, multi: true }]
-                },] }
-    ];
-    InputSearchComponent.propDecorators = {
-        placeholder: [{ type: i0.Input }],
-        smallPadding: [{ type: i0.Input }],
-        id: [{ type: i0.Input }],
-        changeDebounced: [{ type: i0.Output }]
-    };
-
-    var AbstractDebounceDirective = /** @class */ (function () {
-        function AbstractDebounceDirective() {
-            this.debounceTime = 500;
-            this.onEventChange = new i0.EventEmitter();
-            this.emitEvent$ = new rxjs.Subject();
-            this.subscription$ = new rxjs.Subject();
-        }
-        AbstractDebounceDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            this.emitEvent$
-                .pipe(operators.takeUntil(this.subscription$), operators.debounceTime(this.debounceTime), operators.distinctUntilChanged(), operators.tap(function (value) { return _this.emitChange(value); }))
-                .subscribe();
-        };
-        AbstractDebounceDirective.prototype.emitChange = function (value) {
-            this.onEventChange.emit(value);
-        };
-        AbstractDebounceDirective.prototype.ngOnDestroy = function () {
-            this.subscription$.next();
-            this.subscription$.complete();
-        };
-        return AbstractDebounceDirective;
-    }());
-    AbstractDebounceDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: 'AbstractDebounceDirective'
-                },] }
-    ];
-    AbstractDebounceDirective.ctorParameters = function () { return []; };
-    AbstractDebounceDirective.propDecorators = {
-        debounceTime: [{ type: i0.Input }],
-        onEventChange: [{ type: i0.Output }]
-    };
-
-    var DebounceKeyupDirective = /** @class */ (function (_super) {
-        __extends(DebounceKeyupDirective, _super);
-        function DebounceKeyupDirective() {
-            return _super.call(this) || this;
-        }
-        DebounceKeyupDirective.prototype.onKeyUp = function (event) {
-            event.preventDefault();
-            this.emitEvent$.next(event);
-        };
-        return DebounceKeyupDirective;
-    }(AbstractDebounceDirective));
-    DebounceKeyupDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: 'input[debounceKeyUp]'
-                },] }
-    ];
-    DebounceKeyupDirective.ctorParameters = function () { return []; };
-    DebounceKeyupDirective.propDecorators = {
-        onKeyUp: [{ type: i0.HostListener, args: ['keyup', ['$event'],] }]
-    };
-
-    var DomService = /** @class */ (function () {
-        function DomService(componentFactoryResolver, appRef, injector, overlayContainer) {
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.appRef = appRef;
-            this.injector = injector;
-            this.overlayContainer = overlayContainer;
-            this.documentEventSource = new rxjs.Subject();
-            this.documentEventDone = this.documentEventSource.asObservable();
-            this.eventInitialisation = true;
-            this.documentScrollSource = new rxjs.Subject();
-            this.documentScrollDone = this.documentScrollSource.asObservable();
-        }
-        DomService.prototype.documentEvent = function () {
-            this.setDocumentEventListener();
-            return this.documentEventDone;
-        };
-        DomService.prototype.setDocumentEventListener = function () {
-            var _this = this;
-            if (!this.eventInitialisation) {
-                return;
-            }
-            this.eventInitialisation = false;
-            document.body.addEventListener('click', function (event) {
-                _this.documentEventSource.next(event.target);
-            });
-        };
-        DomService.prototype.documentScroll = function () {
-            return this.documentScrollDone;
-        };
-        DomService.prototype.setScrollEventListener = function () {
-            var _this = this;
-            window.onscroll = function () {
-                _this.documentScrollSource.next(window);
-            };
-        };
-        DomService.prototype.attachComponentPortal = function (component, injector) {
-            var 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. */
-        DomService.prototype._getComponentRootNode = function (componentRef) {
-            return componentRef.hostView.rootNodes[0];
-        };
-        return DomService;
-    }());
-    DomService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DomService_Factory() { return new DomService(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1.OverlayContainer)); }, token: DomService, providedIn: "root" });
-    DomService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    DomService.ctorParameters = function () { return [
-        { type: i0.ComponentFactoryResolver },
-        { type: i0.ApplicationRef },
-        { type: i0.Injector },
-        { type: i1.OverlayContainer }
-    ]; };
-
-    var AutoHideDirective = /** @class */ (function () {
-        function AutoHideDirective(_elementRef, domService) {
-            this._elementRef = _elementRef;
-            this.domService = domService;
-            this.forceOn = null;
-            this.clickOutside = new i0.EventEmitter();
-        }
-        AutoHideDirective.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.subscription = this.domService.documentEvent().subscribe(function (targetElement) {
-                var clickedInside = _this._elementRef.nativeElement.contains(targetElement);
-                var classNameFromElement = targetElement.getAttribute('class');
-                if (!clickedInside && (classNameFromElement === null || !classNameFromElement.includes(_this.triggerElement))) {
-                    _this.clickOutside.emit(null);
-                }
-                if (_this.forceOn != null && classNameFromElement !== null) {
-                    var needToClose_1 = true;
-                    _this.forceOn.forEach(function (v) {
-                        if (!classNameFromElement.includes(v)) {
-                            needToClose_1 = false;
-                        }
-                    });
-                    if (needToClose_1) {
-                        _this.clickOutside.emit(null);
-                    }
-                }
-            });
-        };
-        AutoHideDirective.prototype.ngOnDestroy = function () {
-            this.subscription.unsubscribe();
-        };
-        return AutoHideDirective;
-    }());
-    AutoHideDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[wzAutoHide]'
-                },] }
-    ];
-    AutoHideDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: DomService }
-    ]; };
-    AutoHideDirective.propDecorators = {
-        triggerElement: [{ type: i0.Input }],
-        forceOn: [{ type: i0.Input }],
-        clickOutside: [{ type: i0.Output, args: ['clickOutside',] }]
-    };
-
-    var ZindexToggleDirective = /** @class */ (function () {
-        function ZindexToggleDirective(currentElement, renderer) {
-            this.currentElement = currentElement;
-            this.renderer = renderer;
-            this.isActived = false;
-        }
-        Object.defineProperty(ZindexToggleDirective.prototype, "isActive", {
-            get: function () {
-                return this.isActived;
-            },
-            set: function (value) {
-                this.isActived = value;
-                this.switchToggle();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ZindexToggleDirective.prototype.ngOnInit = function () {
-        };
-        ZindexToggleDirective.prototype.switchToggle = function () {
-            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');
-            }
-        };
-        ZindexToggleDirective.prototype.ngOnDestroy = function () {
-        };
-        return ZindexToggleDirective;
-    }());
-    ZindexToggleDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[zIndexToggle]'
-                },] }
-    ];
-    ZindexToggleDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 }
-    ]; };
-    ZindexToggleDirective.propDecorators = {
-        onEventChange: [{ type: i0.Output }],
-        isActive: [{ type: i0.Input, args: ['zIndexToggle',] }]
-    };
-
-    var VarDirective = /** @class */ (function () {
-        function VarDirective(templateRef, vcRef) {
-            this.templateRef = templateRef;
-            this.vcRef = vcRef;
-            this.context = {
-                $implicit: null,
-                ngVar: null,
-            };
-            this.hasView = false;
-        }
-        Object.defineProperty(VarDirective.prototype, "ngVar", {
-            // https://stackoverflow.com/questions/38582293/how-to-declare-a-variable-in-a-template-in-angular
-            set: function (context) {
-                this.context.$implicit = this.context.ngVar = context;
-                if (!this.hasView) {
-                    this.vcRef.createEmbeddedView(this.templateRef, this.context);
-                    this.hasView = true;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return VarDirective;
-    }());
-    VarDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[ngVar]',
-                },] }
-    ];
-    VarDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef },
-        { type: i0.ViewContainerRef }
-    ]; };
-    VarDirective.propDecorators = {
-        ngVar: [{ type: i0.Input }]
-    };
-
-    var KeypressEnterDirective = /** @class */ (function () {
-        function KeypressEnterDirective() {
-            this.KEYPRESS_ENTER = "Enter";
-            this.keypressEnter = new i0.EventEmitter();
-        }
-        KeypressEnterDirective.prototype.onKeypress = function (event) {
-            if (event.key === this.KEYPRESS_ENTER) {
-                this.keypressEnter.next(true);
-            }
-        };
-        return KeypressEnterDirective;
-    }());
-    KeypressEnterDirective.decorators = [
-        { type: i0.Directive, args: [{ selector: '[keypressEnter]' },] }
-    ];
-    KeypressEnterDirective.ctorParameters = function () { return []; };
-    KeypressEnterDirective.propDecorators = {
-        onKeypress: [{ type: i0.HostListener, args: ['keypress', ['$event'],] }],
-        keypressEnter: [{ type: i0.Output }]
-    };
-
-    var directives = [DebounceKeyupDirective, AbstractDebounceDirective, AutoHideDirective, ZindexToggleDirective, VarDirective, KeypressEnterDirective];
-    var SharedDirectives = /** @class */ (function () {
-        function SharedDirectives() {
-        }
-        return SharedDirectives;
-    }());
-    SharedDirectives.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, forms.FormsModule],
-                    declarations: directives,
-                    exports: directives
-                },] }
-    ];
-
-    var inOutY = animations.trigger('inOutYAnimation', [
-        animations.transition(':enter', [
-            animations.style({ transform: 'scaleY(0)', height: 0, opacity: 0 }),
-            animations.animate('.3s ease-out', animations.style({ transform: 'scaleY(1)', height: 'auto', opacity: 1 }))
-        ]),
-        animations.transition(':leave', [
-            animations.style({ transform: 'scaleY(1)', height: 'auto', opacity: 1 }),
-            animations.animate('.3s ease-in', animations.style({ transform: 'scaleY(0)', height: 0, opacity: 0 }))
-        ])
-    ]);
-
-    var CheckboxComponent = /** @class */ (function () {
-        function CheckboxComponent() {
-            this.label = '';
-            this.alone = false;
-            this.checked = false;
-            this.hasInput = false;
-            this.inputPlaceholder = '';
-            this.id = '';
-            this.whiteSpace = true;
-            this.disabled = false;
-        }
-        CheckboxComponent.prototype.registerOnChange = function (fn) {
-            this._onChange = fn;
-        };
-        CheckboxComponent.prototype.registerOnTouched = function (fn) {
-            this._onTouched = fn;
-        };
-        CheckboxComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        CheckboxComponent.prototype.writeValue = function (obj) {
-            this.value = obj;
-        };
-        CheckboxComponent.prototype.onChange = function (value) {
-            if (this._onChange) {
-                this._onChange(value);
-            }
-        };
-        CheckboxComponent.prototype.onTextInputChange = function (value) {
-            if (this._onTextInputChange) {
-                this._onTextInputChange(value);
-            }
-        };
-        CheckboxComponent.prototype.inputClick = function ($event) {
-            $event.stopPropagation();
-        };
-        return CheckboxComponent;
-    }());
-    CheckboxComponent.decorators = [
-        { type: i0.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: forms.NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }],
-                    animations: [inOutY]
-                },] }
-    ];
-    CheckboxComponent.ctorParameters = function () { return []; };
-    CheckboxComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        type: [{ type: i0.Input }],
-        alone: [{ type: i0.Input }],
-        checked: [{ type: i0.Input }],
-        hasInput: [{ type: i0.Input }],
-        inputPlaceholder: [{ type: i0.Input }],
-        id: [{ type: i0.Input }],
-        name: [{ type: i0.Input }],
-        whiteSpace: [{ type: i0.Input }]
-    };
-
-    var FiltersTableService = /** @class */ (function () {
-        function FiltersTableService(filterRoutingBuilder) {
-            this.filterRoutingBuilder = filterRoutingBuilder;
-            this.filterGroups = new Map();
-            this.sortSubject = new rxjs.Subject();
-        }
-        FiltersTableService.prototype.getTableFilterGroup = function (dataTableName) {
-            if (this.filterGroups.has(dataTableName)) {
-                return this.filterGroups.get(dataTableName);
-            }
-            var dataTableFilters = {
-                sort: undefined,
-                order: undefined,
-                searchValue: undefined,
-                totalItems: 0,
-                itemsPerPage: 0,
-                currentPage: 0
-            };
-            var filterGroup = this.filterRoutingBuilder.group(dataTableFilters, dataTableName);
-            filterGroup.tableFiltersValuesChange$ = new rxjs.ReplaySubject(1);
-            filterGroup.tableFiltersValuesDebouncedChange$ = filterGroup.tableFiltersValuesChange$.pipe(operators.debounceTime(300));
-            this.filterGroups.set(dataTableName, filterGroup);
-            return filterGroup;
-        };
-        /**
-         * Use to reset the others sorts of the table
-         * @param dataTableName
-         * @param sortName
-         * @param order
-         */
-        FiltersTableService.prototype.emitSortChange = function (dataTableName, sortName, order) {
-            this.sortSubject.next({ dataTableName: dataTableName, sortName: sortName, order: order });
-        };
-        FiltersTableService.prototype.getSortChangeListner = function () {
-            return this.sortSubject.asObservable();
-        };
-        FiltersTableService.prototype.setPaginationFilters = function (dataTableName, totalItems, itemsPerPage, currentPage) {
-            var filterGroup = this.getTableFilterGroup(dataTableName);
-            filterGroup.setValues({
-                itemsPerPage: itemsPerPage,
-                currentPage: currentPage
-            });
-        };
-        /*
-          Add defaults filters in the URL if they not exists.
-        */
-        FiltersTableService.prototype.setInitialPaginationFiltersIfNotExist = function (dataTableName, itemsPerPage, currentPage) {
-            var filterGroup = this.getTableFilterGroup(dataTableName);
-            filterGroup.setValues({
-                itemsPerPage: filterGroup.get('itemsPerPage') ? parseInt(filterGroup.get('itemsPerPage')) : itemsPerPage,
-                currentPage: filterGroup.get('currentPage') ? parseInt(filterGroup.get('currentPage')) : currentPage
-            });
-        };
-        return FiltersTableService;
-    }());
-    FiltersTableService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FiltersTableService_Factory() { return new FiltersTableService(i0.ɵɵinject(i1$1.NwbFilterRoutingBuilder)); }, token: FiltersTableService, providedIn: "root" });
-    FiltersTableService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    FiltersTableService.ctorParameters = function () { return [
-        { type: i1$1.NwbFilterRoutingBuilder }
-    ]; };
-
-    var HtmlContainer = /** @class */ (function () {
-        function HtmlContainer(hostElement, appRef, componentFactoryResolver, injector) {
-            this.hostElement = hostElement;
-            this.appRef = appRef;
-            this.componentFactoryResolver = componentFactoryResolver;
-            this.injector = injector;
-            this.attached = false;
-        }
-        HtmlContainer.prototype.attach = function (component) {
-            var _this = this;
-            if (this.attached) {
-                throw new Error('component has already been attached');
-            }
-            this.attached = true;
-            var childComponentFactory = this.componentFactoryResolver.resolveComponentFactory(component);
-            var componentRef = childComponentFactory.create(this.injector);
-            this.appRef.attachView(componentRef.hostView);
-            this.disposeFn = function () {
-                _this.appRef.detachView(componentRef.hostView);
-                componentRef.destroy();
-            };
-            this.hostElement.appendChild(componentRef.hostView.rootNodes[0]);
-            return componentRef;
-        };
-        HtmlContainer.prototype.dispose = function () {
-            if (this.attached) {
-                this.disposeFn();
-            }
-        };
-        return HtmlContainer;
-    }());
-
-    var TableCheckboxIdService = /** @class */ (function () {
-        function TableCheckboxIdService() {
-            this.nbCheckboxInstances = 0;
-            TableCheckboxIdService.tableInstance++;
-            this.currentTableInstance = TableCheckboxIdService.tableInstance;
-        }
-        TableCheckboxIdService.prototype.getUniqueId = function () {
-            this.nbCheckboxInstances++;
-            return "wac-table-" + this.currentTableInstance + "-" + this.nbCheckboxInstances;
-        };
-        return TableCheckboxIdService;
-    }());
-    TableCheckboxIdService.tableInstance = 0;
-    TableCheckboxIdService.decorators = [
-        { type: i0.Injectable }
-    ];
-    TableCheckboxIdService.ctorParameters = function () { return []; };
-
-    var CheckBoxRow = /** @class */ (function () {
-        function CheckBoxRow(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 i0.EventEmitter();
-        }
-        Object.defineProperty(CheckBoxRow.prototype, "checkBoxValue", {
-            get: function () {
-                return this._value;
-            },
-            set: function (value) {
-                this._value = value;
-                if (this.checkboxComponentRef) {
-                    this.setCheckBoxValue();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        CheckBoxRow.prototype.ngOnInit = function () {
-            this.createCheckBoxComponent();
-            this.handleChecboxInputs();
-            this.handleCheckboxOutputs();
-        };
-        CheckBoxRow.prototype.createCheckBoxComponent = function () {
-            // 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);
-        };
-        CheckBoxRow.prototype.handleChecboxInputs = function () {
-            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();
-        };
-        CheckBoxRow.prototype.setCheckBoxValue = function () {
-            this.checkboxComponentRef.instance.value = this.checkBoxValue;
-        };
-        CheckBoxRow.prototype.handleCheckboxOutputs = function () {
-            var _this = this;
-            // Detect checkbox changes
-            this.checkboxComponentRef.instance.registerOnChange(function () {
-                _this._toggleCheckbox();
-            });
-        };
-        CheckBoxRow.prototype._toggleCheckbox = function () {
-            this.checkBoxValueChange.emit(this.checkBoxValue);
-        };
-        CheckBoxRow.prototype.getElement = function () {
-            return this.checkBoxElement.querySelector('.wac-field-checkbox');
-        };
-        CheckBoxRow.prototype.isActive = function () {
-            return !!this.checkboxComponentRef.instance.value;
-        };
-        CheckBoxRow.prototype.setActive = function (isActive) {
-            this.checkboxComponentRef.instance.value = isActive; //? does not trigger output
-        };
-        CheckBoxRow.prototype.ngOnDestroy = function () {
-            this.htmlContainer.dispose();
-        };
-        return CheckBoxRow;
-    }());
-    CheckBoxRow.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[checkBoxRow]'
-                },] }
-    ];
-    CheckBoxRow.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.ApplicationRef },
-        { type: i0.Renderer2 },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] },
-        { type: i0.ComponentFactoryResolver },
-        { type: i0.Injector },
-        { type: TableCheckboxIdService }
-    ]; };
-    CheckBoxRow.propDecorators = {
-        checkBoxId: [{ type: i0.Input, args: ['checkBoxId',] }],
-        checkBoxName: [{ type: i0.Input, args: ['checkBoxName',] }],
-        checkBoxValue: [{ type: i0.Input, args: ['checkBoxValue',] }],
-        checkBoxValueChange: [{ type: i0.Output }]
-    };
-
-    var MultiSelectionService = /** @class */ (function () {
-        function MultiSelectionService() {
-            this.activeChanges = new rxjs.Subject();
-            this.activeChanges$ = this.activeChanges.asObservable();
-        }
-        MultiSelectionService.prototype.handle = function (items, toggleSingleItem) {
-            var _this = this;
-            if (toggleSingleItem === void 0) { toggleSingleItem = false; }
-            if (!items || !items.first) {
-                this.destroy();
-                return;
-            }
-            this.destroy(); // close previous subsciption
-            this.items = items;
-            var clicks$ = this.getListeners();
-            this.subscription = rxjs.merge.apply(void 0, __spread(clicks$)).subscribe(function (_b) {
-                var component = _b.component, isShiftKeyPressed = _b.isShift, index = _b.index;
-                if (!isShiftKeyPressed) {
-                    if (toggleSingleItem) {
-                        component.setActive(!component.isActive());
-                    }
-                    _this.activeChanges.next([index]);
-                    _this.lastIndex = index;
-                    return;
-                }
-                var start = index;
-                var end = _this.lastIndex;
-                var _c = __read([Math.min(start, end), Math.max(start, end) + 1], 2), first = _c[0], last = _c[1];
-                var itemsSelection = _this.items.toArray().slice(first, last);
-                var isBeginnerItemActive = _this.items.get(end).isActive();
-                itemsSelection.forEach(function (current) { return current.setActive(isBeginnerItemActive); });
-                window.getSelection().removeAllRanges(); // remove text selection
-                var indexInRange = Array.from({ length: last - first }, function (x, i) { return i + first; });
-                _this.activeChanges.next(indexInRange);
-            });
-        };
-        MultiSelectionService.prototype.getListeners = function () {
-            return this.items.map(function (item, index) {
-                return rxjs.fromEvent(item.getElement(), 'click').pipe(operators.map(function (event) {
-                    return {
-                        index: index,
-                        isShift: event.shiftKey,
-                        component: item
-                    };
-                }))
-                    .pipe(operators.debounceTime(100)); // debounced, because when clicking on a wac-checkbox it is emitted twice and can not find why
-            });
-        };
-        MultiSelectionService.prototype.getActives = function () {
-            return this.items.filter(function (item) { return item.isActive(); });
-        };
-        MultiSelectionService.prototype.destroy = function () {
-            var _a;
-            (_a = this.subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        return MultiSelectionService;
-    }());
-    MultiSelectionService.decorators = [
-        { type: i0.Injectable }
-    ];
-    MultiSelectionService.ctorParameters = function () { return []; };
-
-    var TableRow = /** @class */ (function () {
-        function TableRow(currentCell, renderer, document) {
-            this.currentCell = currentCell;
-            this.renderer = renderer;
-            this.document = document;
-        }
-        TableRow.prototype.ngAfterViewInit = function () {
-            this.applyCustomStylesOnCell();
-        };
-        TableRow.prototype.applyCustomStylesOnCell = function () {
-            this.renderer.addClass(this.currentCell.nativeElement, 'wac-table__body__line');
-        };
-        return TableRow;
-    }());
-    TableRow.decorators = [
-        { type: i0.Directive, args: [{
-                    // The selector has the same name as the tableRaw selector in table.component.html
-                    selector: '[tableRow]'
-                },] }
-    ];
-    TableRow.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] }
-    ]; };
-
-    var TableComponent = /** @class */ (function () {
-        function TableComponent(filtersTableService, tableCheckboxIdService, multiSelectionService) {
-            this.filtersTableService = filtersTableService;
-            this.tableCheckboxIdService = tableCheckboxIdService;
-            this.multiSelectionService = multiSelectionService;
-            this.tableFiltersChange = new i0.EventEmitter();
-            this.placeholder = '';
-            /// Input/Output of checkbox ///
-            /** Pass to true to display checkbox in the header table */
-            this.checkbox = false;
-            this.toggleAllCheckBox = new i0.EventEmitter(); // todo replace by checkBoxSelectionChange
-            this.checkBoxSelectionChange = new i0.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;
-        }
-        TableComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            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(function () {
-                    _this.setTablesFilters();
-                });
-            }
-            this.multiSelectionService.activeChanges$.subscribe(function (selectionIndexRawCheckChange) {
-                _this.checkBoxSelectionChange.emit(selectionIndexRawCheckChange);
-            });
-        };
-        TableComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.multiSelectionService.handle(this.checkBoxRows);
-            this.checkBoxRows.changes.subscribe(function () {
-                _this.multiSelectionService.handle(_this.checkBoxRows);
-            });
-            console.log('this.tableRows', this.tableRows);
-        };
-        TableComponent.prototype.onToggleAllCheckBox = function (event) {
-            this.toggleAllCheckBox.emit(event.target.checked);
-        };
-        TableComponent.prototype.searchChange = function () {
-            // 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
-                });
-            }
-        };
-        TableComponent.prototype.pageChange = function () {
-            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
-         * */
-        TableComponent.prototype.setTablesFilters = function () {
-            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);
-        };
-        TableComponent.prototype.ngOnDestroy = function () {
-            if (this.filterGroupChangeSub) {
-                this.filterGroupChangeSub.unsubscribe();
-            }
-            this.multiSelectionService.destroy();
-        };
-        return TableComponent;
-    }());
-    TableComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None,
-                    providers: [
-                        TableCheckboxIdService,
-                        MultiSelectionService
-                    ]
-                },] }
-    ];
-    TableComponent.ctorParameters = function () { return [
-        { type: FiltersTableService },
-        { type: TableCheckboxIdService },
-        { type: MultiSelectionService }
-    ]; };
-    TableComponent.propDecorators = {
-        checkBoxRows: [{ type: i0.ContentChildren, args: [CheckBoxRow,] }],
-        tableRows: [{ type: i0.ContentChildren, args: [TableRow,] }],
-        tableFilters: [{ type: i0.Input }],
-        tableFiltersChange: [{ type: i0.Output }],
-        tableRoutingName: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        checkbox: [{ type: i0.Input }],
-        toggleAllCheckBox: [{ type: i0.Output }],
-        checkBoxSelectionChange: [{ type: i0.Output }],
-        disableSearch: [{ type: i0.Input }],
-        disablePagniation: [{ type: i0.Input }],
-        isLoading: [{ type: i0.Input }]
-    };
-
-    var TagComponent = /** @class */ (function () {
-        function TagComponent() {
-            this.label = '';
-            this.hasClose = false;
-            this.big = false;
-            this.isOpen = true;
-            this.isOpenChange = new i0.EventEmitter();
-        }
-        TagComponent.prototype.toggleTag = function () {
-            this.isOpen = !this.isOpen;
-            this.isOpenChange.next(this.isOpen);
-        };
-        return TagComponent;
-    }());
-    TagComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    TagComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        class: [{ type: i0.Input }],
-        hasClose: [{ type: i0.Input }],
-        big: [{ type: i0.Input }],
-        isOpen: [{ type: i0.Input }],
-        isOpenChange: [{ type: i0.Output }]
-    };
-
-    var TabComponent = /** @class */ (function () {
-        function TabComponent() {
-            this.underline = false;
-            this.button = false;
-            this.tabs = [];
-            this.index = 0;
-            this.indexChange = new i0.EventEmitter();
-        }
-        TabComponent.prototype.valueChanged = function (i) {
-            this.index = i;
-            this.indexChange.emit(this.index);
-        };
-        return TabComponent;
-    }());
-    TabComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None
-                },] }
-    ];
-    TabComponent.ctorParameters = function () { return []; };
-    TabComponent.propDecorators = {
-        underline: [{ type: i0.Input }],
-        button: [{ type: i0.Input }],
-        tabs: [{ type: i0.Input }],
-        index: [{ type: i0.Input }],
-        indexChange: [{ type: i0.Output }]
-    };
-
-    var ButtonComponent = /** @class */ (function () {
-        function ButtonComponent() {
-            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 i0.EventEmitter();
-            this.isLoadingChange = new i0.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;
-        }
-        Object.defineProperty(ButtonComponent.prototype, "isLoading", {
-            get: function () {
-                return this._isLoading;
-            },
-            set: function (isLoading) {
-                this._isLoading = isLoading;
-                this.isLoadingChange.next(isLoading);
-                this.toggleLoading();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ButtonComponent.prototype.ngOnInit = function () {
-            if (this.confirmDelete) {
-                this.waitForConfirmDelete = true;
-            }
-        };
-        ButtonComponent.prototype.toggleLoading = function () {
-            var _this = this;
-            this.currentLoading = this.isLoading ? 10 : 100;
-            rxjs.interval(200).pipe(operators.takeWhile(function (time) { return _this.isLoading; })).subscribe(function () {
-                if (_this.currentLoading < 85) {
-                    _this.currentLoading += Math.floor(Math.random() * 15);
-                }
-            });
-        };
-        ButtonComponent.prototype.addMaxWidth = function () {
-            this.buttonMaxWidth = this.buttonWidth + 'px';
-        };
-        ButtonComponent.prototype.resetMaxWidth = function () {
-            this.buttonMaxWidth = '0px';
-        };
-        ButtonComponent.prototype.addMaxWidthDelete = function () {
-            this.buttonMaxWidthDelete = this.buttonWidthDelete + 'px';
-        };
-        ButtonComponent.prototype.resetMaxWidthDelete = function () {
-            this.buttonMaxWidthDelete = '0px';
-            this.waitForConfirmDelete = true;
-        };
-        ButtonComponent.prototype.onButtonClick = function (event) {
-            var _this = this;
-            event.stopPropagation();
-            if (this.disabled) {
-                return;
-            }
-            if (this.hasLoader) {
-                this.isLoading = false;
-                setTimeout(function () {
-                    _this.isLoading = true;
-                }, 0);
-            }
-            if (!this.waitForConfirmDelete) {
-                this.click.emit(event);
-                if (this.confirmDelete) {
-                    this.resetMaxWidthDelete();
-                }
-            }
-            else {
-                this.waitForConfirmDelete = false;
-            }
-        };
-        ButtonComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            setTimeout(function () {
-                if (_this.animation) {
-                    _this.buttonWidth = _this.calculWidth.nativeElement.offsetWidth;
-                }
-                if (_this.confirmDelete) {
-                    _this.buttonWidthDelete = _this.calculWidthDelete.nativeElement.offsetWidth;
-                }
-            }, 1000);
-        };
-        return ButtonComponent;
-    }());
-    ButtonComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    ButtonComponent.propDecorators = {
-        extraClasses: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        icon: [{ type: i0.Input }],
-        iconNext: [{ type: i0.Input }],
-        textcolor: [{ type: i0.Input }],
-        widthAuto: [{ type: i0.Input }],
-        contentHorizontalPosition: [{ type: i0.Input }],
-        iconFontSize: [{ type: i0.Input }],
-        hasLoader: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        whiteSpaceNowrap: [{ type: i0.Input }],
-        opacity: [{ type: i0.Input }],
-        animation: [{ type: i0.Input }],
-        animationRight: [{ type: i0.Input }],
-        animationText: [{ type: i0.Input }],
-        confirmDelete: [{ type: i0.Input }],
-        confirmDeleteText: [{ type: i0.Input }],
-        coin: [{ type: i0.Input }],
-        confirmDeletePosition: [{ type: i0.Input }],
-        click: [{ type: i0.Output }],
-        isLoading: [{ type: i0.Input }],
-        isLoadingChange: [{ type: i0.Output }],
-        calculWidth: [{ type: i0.ViewChild, args: ['calculWidth',] }],
-        calculWidthDelete: [{ type: i0.ViewChild, args: ['calculWidthDelete',] }]
-    };
-
-    var InfoComponent = /** @class */ (function () {
-        function InfoComponent() {
-        }
-        return InfoComponent;
-    }());
-    InfoComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-
-    var SettingsComponent = /** @class */ (function () {
-        function SettingsComponent() {
-        }
-        return SettingsComponent;
-    }());
-    SettingsComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None
-                },] }
-    ];
-    SettingsComponent.ctorParameters = function () { return []; };
-
-    var DeleteComponent = /** @class */ (function () {
-        function DeleteComponent() {
-        }
-        return DeleteComponent;
-    }());
-    DeleteComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-
-    var DropdownComponent = /** @class */ (function () {
-        function DropdownComponent() {
-            this.hasIcons = false;
-            this.items = [];
-            this.userInput = new i0.EventEmitter();
-        }
-        DropdownComponent.prototype.onUserInput = function (itemIndex) {
-            this.userInput.emit(itemIndex);
-        };
-        return DropdownComponent;
-    }());
-    DropdownComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    DropdownComponent.propDecorators = {
-        hasIcons: [{ type: i0.Input }],
-        items: [{ type: i0.Input }],
-        userInput: [{ type: i0.Output }]
-    };
-
-    var ImageComponent = /** @class */ (function () {
-        function ImageComponent() {
-        }
-        return ImageComponent;
-    }());
-    ImageComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    ImageComponent.propDecorators = {
-        src: [{ type: i0.Input }]
-    };
-
-    var BackComponent = /** @class */ (function () {
-        function BackComponent() {
-        }
-        return BackComponent;
-    }());
-    BackComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-
-    var SeparatorComponent = /** @class */ (function () {
-        function SeparatorComponent() {
-            this.dashed = false;
-        }
-        return SeparatorComponent;
-    }());
-    SeparatorComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'wac-separator',
-                    template: "<div class=\"wac-separator\" [ngClass]=\"dashed ? 'dashed' : ''\"></div>\n",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    SeparatorComponent.ctorParameters = function () { return []; };
-    SeparatorComponent.propDecorators = {
-        dashed: [{ type: i0.Input }]
-    };
-
-    var LogoComponent = /** @class */ (function () {
-        function LogoComponent() {
-        }
-        return LogoComponent;
-    }());
-    LogoComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None
-                },] }
-    ];
-    LogoComponent.ctorParameters = function () { return []; };
-    LogoComponent.propDecorators = {
-        isDropizi: [{ type: i0.Input }],
-        isWhite: [{ type: i0.Input }]
-    };
-
-    var RadioComponent = /** @class */ (function () {
-        function RadioComponent() {
-            this.label = '';
-            this.id = '';
-            this.alone = false;
-            this.changeInput = new i0.EventEmitter();
-            this.disabled = false;
-        }
-        RadioComponent.prototype.registerOnChange = function (fn) {
-            this._onChange = fn;
-        };
-        RadioComponent.prototype.registerOnTouched = function (fn) {
-            this._onTouched = fn;
-        };
-        RadioComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        RadioComponent.prototype.writeValue = function (obj) {
-            this.value = obj;
-        };
-        RadioComponent.prototype.onChange = function (value) {
-            if (this._onChange) {
-                this._onChange(value);
-            }
-        };
-        RadioComponent.prototype.valueInput = function (value) {
-            this.changeInput.emit(value);
-        };
-        return RadioComponent;
-    }());
-    RadioComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None,
-                    providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: RadioComponent, multi: true }]
-                },] }
-    ];
-    RadioComponent.ctorParameters = function () { return []; };
-    RadioComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        options: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        type: [{ type: i0.Input }],
-        id: [{ type: i0.Input }],
-        name: [{ type: i0.Input }],
-        alone: [{ type: i0.Input }],
-        changeInput: [{ type: i0.Output }]
-    };
-
-    var StateComponent = /** @class */ (function () {
-        function StateComponent() {
-            this.state = 'success';
-        }
-        return StateComponent;
-    }());
-    StateComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'wac-state',
-                    template: "<div [class]=\"'wac-state ' + state\"></div>\n",
-                    encapsulation: i0.ViewEncapsulation.None
-                },] }
-    ];
-    StateComponent.ctorParameters = function () { return []; };
-    StateComponent.propDecorators = {
-        state: [{ type: i0.Input }]
-    };
-
-    var inOutX = animations.trigger('inOutXAnimation', [
-        animations.transition(':enter', [
-            animations.style({ zIndex: -1, transform: 'scaleX(0)', width: 0, opacity: 0 }),
-            animations.animate('.3s ease-out', animations.style({ zIndex: 1, transform: 'scaleX(1)', width: 'auto', opacity: 1 }))
-        ]),
-        animations.transition(':leave', [
-            animations.style({ zIndex: 1, transform: 'scaleX(1)', width: 'auto', opacity: 1 }),
-            animations.animate('.3s ease-in', animations.style({ zIndex: -1, transform: 'scaleX(0)', width: 0, opacity: 0 }))
-        ])
-    ]);
-
-    var LabelComponent = /** @class */ (function () {
-        function LabelComponent() {
-            this.index = 0;
-            this.label = '';
-            this.deleted = false;
-            this.onDeleteLabel = new i0.EventEmitter();
-        }
-        LabelComponent.prototype.deleteLabel = function () {
-            this.deleted = true;
-            this.onDeleteLabel.emit({
-                index: this.index,
-                label: this.label
-            });
-        };
-        return LabelComponent;
-    }());
-    LabelComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None,
-                    animations: [inOutX]
-                },] }
-    ];
-    LabelComponent.ctorParameters = function () { return []; };
-    LabelComponent.propDecorators = {
-        index: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        deleted: [{ type: i0.Input }],
-        onDeleteLabel: [{ type: i0.Output }]
-    };
-
-    var CalendarComponent = /** @class */ (function () {
-        function CalendarComponent() {
-            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 i0.EventEmitter();
-            this.changeData = new i0.EventEmitter();
-            this.open = false;
-            this.startLabel = '';
-            this.endLabel = '';
-        }
-        CalendarComponent.prototype.changeDate = function (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
-            });
-        };
-        CalendarComponent.prototype.triggerChange = function (event) {
-            this.changeData.emit(event);
-        };
-        CalendarComponent.prototype.openCalendar = function (value) {
-            if (value === void 0) { value = null; }
-            if (value === 'close') {
-                if (this.open) {
-                    this.open = false;
-                }
-            }
-            else {
-                this.open = !this.open;
-            }
-        };
-        CalendarComponent.prototype.ngOnInit = function () {
-            if (this.type === 'edit' && this.label) {
-                var 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';
-            }
-        };
-        CalendarComponent.prototype.verifKeyup = function (events) {
-            events.target.value = events.target.value.replace(/\D+/g, '');
-        };
-        CalendarComponent.prototype.verifHours = function (events) {
-            var value = parseInt(events.target.value, 0);
-            events.target.value = this.currentHours = value < 24 ? (value < 10 ? '0' + value : value) : 23;
-            var 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.prototype.verifMinutes = function (events) {
-            var value = parseInt(events.target.value, 0);
-            events.target.value = this.currentMinutes = value < 60 ? (value < 10 ? '0' + value : value) : 59;
-            var 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.prototype.addHours = function (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);
-            var 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.prototype.removeHours = function (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);
-            var 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.prototype.addMinutes = function (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);
-            var 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.prototype.removeMinutes = function (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);
-            var 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
-            });
-        };
-        return CalendarComponent;
-    }());
-    CalendarComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    CalendarComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        type: [{ type: i0.Input }],
-        options: [{ type: i0.Input }],
-        position: [{ type: i0.Input }],
-        dateSelected: [{ type: i0.Input }],
-        typeDate: [{ type: i0.Input }],
-        noMargin: [{ type: i0.Input }],
-        selected: [{ type: i0.Output }],
-        changeData: [{ type: i0.Output }]
-    };
-
-    var WzEditInPlaceComponent = /** @class */ (function () {
-        function WzEditInPlaceComponent() {
-            this.config = {};
-            this.customChange = new i0.EventEmitter();
-            this.objectKeys = Object.keys;
-            this.editing = false;
-            this.onChange = Function.prototype;
-            this.onTouched = Function.prototype;
-        }
-        Object.defineProperty(WzEditInPlaceComponent.prototype, "value", {
-            get: function () {
-                return this.currentValue;
-            },
-            set: function (v) {
-                if (v !== this.currentValue) {
-                    this.currentValue = v;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        WzEditInPlaceComponent.prototype.writeValue = function (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;
-                }
-            }
-        };
-        WzEditInPlaceComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        WzEditInPlaceComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouched = fn;
-        };
-        WzEditInPlaceComponent.prototype._setValue = function (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;
-        };
-        WzEditInPlaceComponent.prototype.ngAfterViewChecked = function () {
-            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;
-        };
-        WzEditInPlaceComponent.prototype.startEditing = function () {
-            if (!this.editing) {
-                this.editing = true;
-                this.currentValue = this.checkAndRemoveCurrency(this.currentValue);
-                this.firstEdit = true;
-            }
-        };
-        WzEditInPlaceComponent.prototype.edit = function () {
-            this.preValue = this.currentValue;
-            this.editing = true;
-        };
-        WzEditInPlaceComponent.prototype.onSubmit = function () {
-            var _this = this;
-            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(function (data) {
-                        var 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);
-                        }
-                    }, function () {
-                        _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;
-                }
-            }
-        };
-        WzEditInPlaceComponent.prototype.checkAndRemoveCurrency = function (value) {
-            if (typeof this.config.currency === 'string') {
-                return value.slice(0, -1);
-            }
-            return value;
-        };
-        WzEditInPlaceComponent.prototype.parseValueToNumber = function (value) {
-            if (!isNaN(value) && value !== '') {
-                return parseFloat(value);
-            }
-            if (typeof this.config.currency === 'string') {
-                var indexComma = value.indexOf(',');
-                var indexDot = value.indexOf('.');
-                if (indexComma > 0 && indexDot === -1) {
-                    var parsedValue = value.replace(',', '.');
-                    if (!isNaN(parsedValue)) {
-                        return parseFloat(parsedValue);
-                    }
-                }
-                if (indexDot > 0 && indexComma === -1) {
-                    if (!isNaN(value)) {
-                        return parseFloat(value);
-                    }
-                }
-                return 0;
-            }
-        };
-        WzEditInPlaceComponent.prototype.parseValueToSeparator = function (value) {
-            if (typeof this.config.separator === 'string') {
-                value = parseFloat(value).toFixed(2);
-                return value.replace('.', this.config.separator);
-            }
-            return value;
-        };
-        WzEditInPlaceComponent.prototype.ngOnChanges = function (changes) {
-            if (this.initialized) {
-                this.currentValue = this.checkAndRemoveCurrency(this.currentValue) + this.config.currency;
-                this.customChange.emit(this.value);
-            }
-        };
-        WzEditInPlaceComponent.prototype.selectOption = function (event) {
-            this.currentValue = event.target.innerText;
-            this.closeSelect(event);
-            event.stopPropagation();
-            this.customChange.emit(event.target.value);
-        };
-        WzEditInPlaceComponent.prototype.closeSelect = function (event) {
-            this.editing = false;
-            this.isLoading = false;
-            event.stopPropagation();
-        };
-        return WzEditInPlaceComponent;
-    }());
-    WzEditInPlaceComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None,
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            useExisting: WzEditInPlaceComponent,
-                            multi: true
-                        }
-                    ]
-                },] }
-    ];
-    WzEditInPlaceComponent.propDecorators = {
-        type: [{ type: i0.Input }],
-        nwbOptions: [{ type: i0.Input }],
-        config: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        customChange: [{ type: i0.Output }],
-        input: [{ type: i0.ViewChild, args: ['input',] }]
-    };
-
-    var TextAreaComponent = /** @class */ (function () {
-        function TextAreaComponent() {
-            // 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);
-        }
-        TextAreaComponent.prototype.registerOnChange = function (fn) {
-            this._onChange = fn;
-        };
-        TextAreaComponent.prototype.registerOnTouched = function (fn) {
-            this._onTouched = fn;
-        };
-        TextAreaComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        TextAreaComponent.prototype.writeValue = function (obj) {
-            this.value = obj;
-        };
-        TextAreaComponent.prototype.onChange = function (value) {
-            if (this._onChange) {
-                this._onChange(value);
-                this.writeValue(value);
-            }
-        };
-        TextAreaComponent.prototype.onBlur = function () {
-            if (this._onTouched) {
-                this._onTouched();
-            }
-        };
-        return TextAreaComponent;
-    }());
-    TextAreaComponent.decorators = [
-        { type: i0.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: forms.NG_VALUE_ACCESSOR, useExisting: TextAreaComponent, multi: true }]
-                },] }
-    ];
-    TextAreaComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        textInfo: [{ type: i0.Input }],
-        textError: [{ type: i0.Input }],
-        size: [{ type: i0.Input }],
-        min: [{ type: i0.Input }],
-        maxlength: [{ type: i0.Input }],
-        max: [{ type: i0.Input }],
-        dynamicSize: [{ type: i0.Input }],
-        progressBar: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }]
-    };
-
-    var H1Component = /** @class */ (function () {
-        function H1Component() {
-            this.annotation = '';
-            this.withImg = false;
-            this.center = false;
-        }
-        H1Component.prototype.ngOnInit = function () { };
-        return H1Component;
-    }());
-    H1Component.decorators = [
-        { type: i0.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 = function () { return []; };
-    H1Component.propDecorators = {
-        annotation: [{ type: i0.Input }],
-        withImg: [{ type: i0.Input }],
-        center: [{ type: i0.Input }]
-    };
-
-    var H2Component = /** @class */ (function () {
-        function H2Component() {
-        }
-        H2Component.prototype.ngOnInit = function () { };
-        return H2Component;
-    }());
-    H2Component.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'wac-h2',
-                    template: "<h2 class=\"wac-h2\"><ng-content></ng-content></h2>\n"
-                },] }
-    ];
-    H2Component.ctorParameters = function () { return []; };
-
-    var H3Component = /** @class */ (function () {
-        function H3Component() {
-            this.grey = false;
-        }
-        H3Component.prototype.ngOnInit = function () { };
-        return H3Component;
-    }());
-    H3Component.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'wac-h3',
-                    template: "<h3 class=\"wac-h3\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h3>\n"
-                },] }
-    ];
-    H3Component.ctorParameters = function () { return []; };
-    H3Component.propDecorators = {
-        grey: [{ type: i0.Input }]
-    };
-
-    var HeaderPageComponent = /** @class */ (function () {
-        function HeaderPageComponent() {
-            this.withImg = false;
-            this.center = false;
-        }
-        HeaderPageComponent.prototype.ngOnInit = function () { };
-        return HeaderPageComponent;
-    }());
-    HeaderPageComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    HeaderPageComponent.propDecorators = {
-        title: [{ type: i0.Input }],
-        linkBack: [{ type: i0.Input }],
-        withImg: [{ type: i0.Input }],
-        center: [{ type: i0.Input }]
-    };
-
-    var InputComponent = /** @class */ (function () {
-        function InputComponent() {
-            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 i0.EventEmitter();
-            this.KEYPRESS_ENTER = "Enter";
-            this.id = 'wz-input_' +
-                Math.random()
-                    .toString(36)
-                    .substr(2, 9);
-        }
-        InputComponent.prototype.registerOnChange = function (fn) {
-            this._onChange = fn;
-        };
-        InputComponent.prototype.registerOnTouched = function (fn) {
-            this._onTouched = fn;
-        };
-        InputComponent.prototype.setDisabledState = function (isDisabled) {
-            this.disabled = isDisabled;
-        };
-        InputComponent.prototype.writeValue = function (obj) {
-            this.value = obj;
-        };
-        InputComponent.prototype.onChange = function (value) {
-            if (this._onChange) {
-                this._onChange(value);
-            }
-        };
-        InputComponent.prototype.onBlur = function () {
-            if (this._onTouched) {
-                this._onTouched();
-            }
-        };
-        InputComponent.prototype.checkNumberValue = function (value) {
-            if (this.min && this.min > value) {
-                this.value = this.min;
-            }
-            if (this.max && this.max < value) {
-                this.value = this.max;
-            }
-        };
-        InputComponent.prototype.onFocusOut = function () {
-            if (this.type === 'number') {
-                this.checkNumberValue(this.value);
-            }
-        };
-        InputComponent.prototype.keyPress = function (event) {
-            if (this.keyPreventDefault.includes(event.key)) {
-                event.preventDefault();
-            }
-            if (event.key === this.KEYPRESS_ENTER) {
-                this.keypressEnter.next(true);
-            }
-        };
-        return InputComponent;
-    }());
-    InputComponent.decorators = [
-        { type: i0.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: forms.NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }]
-                },] }
-    ];
-    InputComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        type: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        textInfo: [{ type: i0.Input }],
-        textError: [{ type: i0.Input }],
-        size: [{ type: i0.Input }],
-        isNumber: [{ type: i0.Input }],
-        withoutBlock: [{ type: i0.Input }],
-        icon: [{ type: i0.Input }],
-        big: [{ type: i0.Input }],
-        medium: [{ type: i0.Input }],
-        boldLabel: [{ type: i0.Input }],
-        min: [{ type: i0.Input }],
-        max: [{ type: i0.Input }],
-        disableMargin: [{ type: i0.Input }],
-        textPrepend: [{ type: i0.Input }],
-        textAppend: [{ type: i0.Input }],
-        progressBar: [{ type: i0.Input }],
-        extraClasses: [{ type: i0.Input }],
-        keyPreventDefault: [{ type: i0.Input }],
-        showTooltip: [{ type: i0.Input }],
-        textTooltip: [{ type: i0.Input }],
-        iconTooltip: [{ type: i0.Input }],
-        urlTooltip: [{ type: i0.Input }],
-        linkTooltip: [{ type: i0.Input }],
-        padding: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        indication: [{ type: i0.Input }],
-        success: [{ type: i0.Input }],
-        indicationLeft: [{ type: i0.Input }],
-        keypressEnter: [{ type: i0.Output }]
-    };
-
-    var LinkComponent = /** @class */ (function () {
-        function LinkComponent(renderer2) {
-            this.renderer2 = renderer2;
-            this.target = '_self';
-        }
-        Object.defineProperty(LinkComponent.prototype, "href", {
-            get: function () {
-                return this._link;
-            },
-            set: function (link) {
-                this._link = link;
-                this.setAttributesLink();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        LinkComponent.prototype.ngOnInit = function () { };
-        LinkComponent.prototype.ngAfterViewInit = function () {
-            this.setAttributesLink();
-        };
-        LinkComponent.prototype.setAttributesLink = function () {
-            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");
-            }
-        };
-        return LinkComponent;
-    }());
-    LinkComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: i0.Renderer2 }
-    ]; };
-    LinkComponent.propDecorators = {
-        href: [{ type: i0.Input }],
-        target: [{ type: i0.Input }],
-        id: [{ type: i0.Input }],
-        class: [{ type: i0.Input }],
-        linkComponent: [{ type: i0.ViewChild, args: ['linkComponent',] }]
-    };
-
-    var ProgressBarComponent = /** @class */ (function () {
-        function ProgressBarComponent(translateService) {
-            this.translateService = translateService;
-            this.valueLength = null;
-            this.min = null;
-            this.max = null;
-        }
-        ProgressBarComponent.prototype.progressBarClass = function (spanNumber) {
-            if (spanNumber === void 0) { spanNumber = -1; }
-            var length = this.valueLength;
-            var min = this.min;
-            var 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
-                };
-            }
-        };
-        ProgressBarComponent.prototype.progressBarSpanPosition = function (index) {
-            var min = this.min;
-            var max = this.max;
-            var maxSize = this.progressBarGetMaxSize(max);
-            var successMin = (min / maxSize) * 100;
-            var successMax = (max / maxSize) * 100;
-            return index === 1 ? successMin : successMax;
-        };
-        ProgressBarComponent.prototype.progressBarGetMaxSize = function (max) {
-            return max + max / 4;
-        };
-        ProgressBarComponent.prototype.progressBarGetTextInfo = function () {
-            var length = this.valueLength;
-            var min = this.min;
-            var 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');
-            }
-        };
-        return ProgressBarComponent;
-    }());
-    ProgressBarComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: core.TranslateService }
-    ]; };
-    ProgressBarComponent.propDecorators = {
-        valueLength: [{ type: i0.Input }],
-        min: [{ type: i0.Input }],
-        max: [{ type: i0.Input }]
-    };
-
-    var SwitchComponent = /** @class */ (function () {
-        function SwitchComponent() {
-            // 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 i0.EventEmitter(); // todo set emitted type
-            this.changeInput = new i0.EventEmitter(); // todo set emitted type
-        }
-        SwitchComponent.prototype.ngOnInit = function () {
-            this.id = 'switch-' + Math.floor(Math.random() * Math.floor(1000));
-        };
-        SwitchComponent.prototype.changeValue = function (event) {
-            this.switchChange.emit(event.target.checked);
-        };
-        SwitchComponent.prototype.triggerInput = function () {
-            this.changeInput.emit(this.valueInput);
-        };
-        return SwitchComponent;
-    }());
-    SwitchComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    SwitchComponent.propDecorators = {
-        value: [{ type: i0.Input }],
-        textState: [{ type: i0.Input }],
-        textStateEnable: [{ type: i0.Input }],
-        textStateDisable: [{ type: i0.Input }],
-        showInput: [{ type: i0.Input }],
-        placholderInput: [{ type: i0.Input }],
-        danger: [{ type: i0.Input }],
-        whiteSpace: [{ type: i0.Input }],
-        switchChange: [{ type: i0.Output }],
-        changeInput: [{ type: i0.Output }]
-    };
-
-    var TooltipComponent = /** @class */ (function () {
-        function TooltipComponent() {
-            this.tooltipText = '';
-            this.tooltipLink = '';
-            this.tooltipUrl = '#';
-        }
-        TooltipComponent.prototype.ngOnInit = function () {
-            if (this.tooltipIcon === '') {
-                this.tooltipIcon = 'fas fa-info-circle';
-            }
-        };
-        return TooltipComponent;
-    }());
-    TooltipComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    TooltipComponent.propDecorators = {
-        tooltipIcon: [{ type: i0.Input }],
-        tooltipText: [{ type: i0.Input }],
-        tooltipLink: [{ type: i0.Input }],
-        tooltipUrl: [{ type: i0.Input }]
-    };
-
-    var AlertComponent = /** @class */ (function () {
-        function AlertComponent() {
-            this.icon = true;
-            this.warning = false;
-            this.success = false;
-            this.alert = false;
-            this.iconClass = 'fas fa-info';
-        }
-        AlertComponent.prototype.ngOnInit = function () { };
-        return AlertComponent;
-    }());
-    AlertComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    AlertComponent.propDecorators = {
-        icon: [{ type: i0.Input }],
-        warning: [{ type: i0.Input }],
-        success: [{ type: i0.Input }],
-        alert: [{ type: i0.Input }],
-        iconClass: [{ type: i0.Input }]
-    };
-
-    var TextComponent = /** @class */ (function () {
-        function TextComponent() {
-        }
-        TextComponent.prototype.ngOnInit = function () { };
-        return TextComponent;
-    }());
-    TextComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'wac-text',
-                    template: "<div class=\"wac-text\" [class]=\"textClass\">\n    <p><ng-content></ng-content></p>\n</div>\n"
-                },] }
-    ];
-    TextComponent.ctorParameters = function () { return []; };
-    TextComponent.propDecorators = {
-        textClass: [{ type: i0.Input }]
-    };
-
-    var PagniationIsLastPage = /** @class */ (function () {
-        function PagniationIsLastPage() {
-        }
-        /**
-         * Return true, if the current page is the last page. Otherwise, return false.
-         * @param currentPage
-         * @param totalItems
-         * @param itemsPerPage
-         */
-        PagniationIsLastPage.prototype.transform = function (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);
-        };
-        return PagniationIsLastPage;
-    }());
-    PagniationIsLastPage.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'IsLastPage'
-                },] }
-    ];
-
-    var PaginationComponent = /** @class */ (function () {
-        function PaginationComponent() {
-            this.pageChange = new i0.EventEmitter();
-        }
-        Object.defineProperty(PaginationComponent.prototype, "pagination", {
-            get: function () {
-                return this._pagination;
-            },
-            set: function (pagination) {
-                this._pagination = pagination;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        PaginationComponent.prototype.decrementPage = function () {
-            if (this.pagination.currentPage <= 1) {
-                return;
-            }
-            this.pagination.currentPage--;
-            this.pageChange.emit(this.pagination);
-        };
-        PaginationComponent.prototype.incrementPage = function () {
-            var isLastPage = new PagniationIsLastPage().transform(this.pagination.currentPage, this.pagination.totalItems, this.pagination.itemsPerPage);
-            if (isLastPage) {
-                return;
-            }
-            this.pagination.currentPage++;
-            this.pageChange.emit(this.pagination);
-        };
-        PaginationComponent.prototype.onGotoPageChange = function (event) {
-            this.pagination.currentPage = parseInt(event.target.value);
-            this.pageChange.emit(this.pagination);
-        };
-        return PaginationComponent;
-    }());
-    PaginationComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    PaginationComponent.propDecorators = {
-        pagination: [{ type: i0.Input }],
-        pageChange: [{ type: i0.Output }]
-    };
-
-    var PagniationArrayTotalPages = /** @class */ (function () {
-        function PagniationArrayTotalPages() {
-        }
-        /**
-         * Return an incremental array corresponding with the number page
-         * [ 1, 2, 3 ..., last page number ]
-         * @param totalItems
-         * @param itemsPerPage
-         */
-        PagniationArrayTotalPages.prototype.transform = function (totalItems, itemsPerPage) {
-            if (!(totalItems >= 0 && itemsPerPage >= 0)) {
-                throw new Error('totalItems or itemsPerPage missing in ArrayTotalPages pipe.');
-            }
-            var arrayLength = Math.ceil(totalItems / itemsPerPage);
-            return Array.apply(null, { length: arrayLength })
-                .map(Number.call, Number)
-                .map(function (x) { return x + 1; });
-        };
-        return PagniationArrayTotalPages;
-    }());
-    PagniationArrayTotalPages.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'ArrayTotalPages'
-                },] }
-    ];
-
-    var PagniationText = /** @class */ (function () {
-        function PagniationText(translateService) {
-            this.translateService = translateService;
-        }
-        /**
-         * Update pagination text if at least one entrie change
-         * @param currentPage
-         * @param totalItems
-         * @param itemsPerPage
-         */
-        PagniationText.prototype.transform = function (currentPage, totalItems, itemsPerPage) {
-            var 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 });
-        };
-        return PagniationText;
-    }());
-    PagniationText.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'customPagniationText'
-                },] }
-    ];
-    PagniationText.ctorParameters = function () { return [
-        { type: core.TranslateService }
-    ]; };
-
-    var pipes = [PagniationArrayTotalPages, PagniationIsLastPage, PagniationText];
-    var PaginationModule = /** @class */ (function () {
-        function PaginationModule() {
-        }
-        return PaginationModule;
-    }());
-    PaginationModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                        core.TranslateModule
-                    ],
-                    exports: [PaginationComponent],
-                    declarations: __spread([PaginationComponent], pipes),
-                    providers: [],
-                },] }
-    ];
-
-    var CheckboxModule = /** @class */ (function () {
-        function CheckboxModule() {
-        }
-        return CheckboxModule;
-    }());
-    CheckboxModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                    ],
-                    exports: [CheckboxComponent],
-                    declarations: [CheckboxComponent],
-                    providers: [],
-                },] }
-    ];
-
-    var ProgressBarModule = /** @class */ (function () {
-        function ProgressBarModule() {
-        }
-        return ProgressBarModule;
-    }());
-    ProgressBarModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                    ],
-                    exports: [ProgressBarComponent],
-                    declarations: [ProgressBarComponent],
-                    providers: [],
-                },] }
-    ];
-
-    var TooltipModule = /** @class */ (function () {
-        function TooltipModule() {
-        }
-        return TooltipModule;
-    }());
-    TooltipModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule
-                    ],
-                    exports: [TooltipComponent],
-                    declarations: [TooltipComponent],
-                    providers: [],
-                },] }
-    ];
-
-    var InputModule = /** @class */ (function () {
-        function InputModule() {
-        }
-        return InputModule;
-    }());
-    InputModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                        SharedDirectives,
-                        TooltipModule,
-                        ProgressBarModule
-                    ],
-                    exports: [InputComponent],
-                    declarations: [InputComponent],
-                    providers: [],
-                },] }
-    ];
-
-    var InputSearchModule = /** @class */ (function () {
-        function InputSearchModule() {
-        }
-        return InputSearchModule;
-    }());
-    InputSearchModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                        InputModule,
-                        SharedDirectives
-                    ],
-                    exports: [InputSearchComponent],
-                    declarations: [InputSearchComponent],
-                    providers: [],
-                },] }
-    ];
-
-    var LoaderModule = /** @class */ (function () {
-        function LoaderModule() {
-        }
-        return LoaderModule;
-    }());
-    LoaderModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                    ],
-                    exports: [LoaderComponent],
-                    declarations: [LoaderComponent],
-                    providers: [],
-                },] }
-    ];
-
-    var TableColumn = /** @class */ (function () {
-        function TableColumn(currentCell, renderer, document) {
-            this.currentCell = currentCell;
-            this.renderer = renderer;
-            this.document = document;
-            this.centerCellValue = ['left', 'center', 'right'];
-        }
-        TableColumn.prototype.ngAfterViewInit = function () {
-            this.applyCustomStylesOnCell();
-        };
-        TableColumn.prototype.applyCustomStylesOnCell = function () {
-            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.';
-                }
-                var className = 'wac-table__body__line__cell--center' + '--' + this.centerCell;
-                this.renderer.addClass(this.currentCell.nativeElement, className);
-            }
-        };
-        return TableColumn;
-    }());
-    TableColumn.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[tableColumn]'
-                },] }
-    ];
-    TableColumn.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] }
-    ]; };
-    TableColumn.propDecorators = {
-        columnSize: [{ type: i0.Input, args: ['columnSize',] }],
-        centerCell: [{ type: i0.Input, args: ['centerCell',] }]
-    };
-
-    var TableColumnHeader = /** @class */ (function () {
-        function TableColumnHeader(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 i0.EventEmitter(); // Emit the sort value (true, false, undefuned) of the current sort icon when clicking
-            this.tableFiltersChange = new i0.EventEmitter();
-            this.centerCellValue = ['left', 'center', 'right'];
-            this.subscriptions = [];
-        }
-        Object.defineProperty(TableColumnHeader.prototype, "headerName", {
-            get: function () {
-                return this._headerName;
-            },
-            set: function (value) {
-                this._headerName = value;
-                this.setHeaderName();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TableColumnHeader.prototype.ngOnInit = function () {
-            if (this.tableName && this.sortName) {
-                if (this.filterRouting) {
-                    this.handleSortRouting();
-                }
-                else {
-                    this.handleSortBasic();
-                }
-            }
-        };
-        TableColumnHeader.prototype.ngAfterViewInit = function () {
-            this.applyCustomStylesOnCell();
-            this.renderHeaderColumn();
-        };
-        TableColumnHeader.prototype.handleSortRouting = function () {
-            var _this = this;
-            this.filterGroup = this.filtersTableService.getTableFilterGroup(this.tableName);
-            var filterGroupChangeSub = this.filterGroup.valuesChange$.subscribe(function (filters) {
-                if (!filters || !filters.length) {
-                    return;
-                }
-                var filterSort = filters.filter(function (filter) { return filter.key === 'sort'; })[0];
-                if (_this.sortName !== filterSort.value) {
-                    _this.resetSortIcon();
-                }
-            });
-            this.subscriptions.push(filterGroupChangeSub);
-        };
-        TableColumnHeader.prototype.handleSortBasic = function () {
-            var _this = this;
-            var sortChangeSub = this.filtersTableService.getSortChangeListner().subscribe(function (sort) {
-                if (_this.tableName === sort.dataTableName && _this.sortName !== sort.sortName) {
-                    // Reset the current sort icon
-                    _this.resetSortIcon();
-                }
-            });
-            this.subscriptions.push(sortChangeSub);
-        };
-        TableColumnHeader.prototype.resetSortIcon = function () {
-            // Replace current icon with default icon
-            this.contentHeader.className = this.contentHeader.className.replace(this.getCurrentSortIcon(), 'idle');
-        };
-        TableColumnHeader.prototype.applyCustomStylesOnCell = function () {
-            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.';
-                }
-                var className = 'wac-table__head__cell--center' + '--' + this.centerCell;
-                this.renderer.addClass(this.currentCell.nativeElement, className);
-            }
-        };
-        TableColumnHeader.prototype.renderHeaderColumn = function () {
-            this.createHeaderContent();
-            this.renderer.appendChild(this.currentCell.nativeElement, this.contentHeader);
-        };
-        TableColumnHeader.prototype.createHeaderContent = function () {
-            this.contentHeader = document.createElement('a');
-            this.contentHeader.className = 'wac-table__head__cell__search';
-            this.setHeaderName();
-            if (this.tableName && this.sortName) {
-                this.handleSort();
-            }
-        };
-        TableColumnHeader.prototype.setHeaderName = function () {
-            if (!this.contentHeader) {
-                return;
-            }
-            this.contentHeader.innerHTML = this.headerName;
-        };
-        TableColumnHeader.prototype.handleSort = function () {
-            var _this = this;
-            // 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', function () {
-                var currentIcon = _this.getCurrentSortIcon();
-                var newIcon;
-                var 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);
-            });
-        };
-        TableColumnHeader.prototype.getInitialSortIcon = function () {
-            if (!this.filterRouting) {
-                return 'idle';
-            }
-            // Get Initial Sort Icon for Routing Filter
-            var initialSortIcon = 'idle';
-            if (this.filterGroup.get('sort') === this.sortName) {
-                initialSortIcon = this.filterGroup.get('order') == 'true' ? 'up' : 'down';
-            }
-            return initialSortIcon;
-        };
-        TableColumnHeader.prototype.getCurrentSortIcon = function () {
-            var regexp = /wac-table__head__cell__search--(?<icon>\w+)/;
-            var groups = regexp.exec(this.contentHeader.className).groups;
-            return groups.icon;
-        };
-        TableColumnHeader.prototype.emitEvents = function (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);
-        };
-        TableColumnHeader.prototype.ngOnDestroy = function () {
-            this.subscriptions.forEach(function (subscription) {
-                subscription.unsubscribe();
-            });
-        };
-        return TableColumnHeader;
-    }());
-    TableColumnHeader.decorators = [
-        { type: i0.Directive, args: [{
-                    // The selector has the same name as the headerCell selector in table.component.html
-                    selector: '[headerCell]'
-                },] }
-    ];
-    TableColumnHeader.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] },
-        { type: FiltersTableService }
-    ]; };
-    TableColumnHeader.propDecorators = {
-        headerName: [{ type: i0.Input, args: ['headerName',] }],
-        columnSize: [{ type: i0.Input, args: ['columnSize',] }],
-        filterRouting: [{ type: i0.Input, args: ['filterRouting',] }],
-        tableName: [{ type: i0.Input, args: ['tableName',] }],
-        sortName: [{ type: i0.Input, args: ['sortName',] }],
-        centerCell: [{ type: i0.Input, args: ['centerCell',] }],
-        onSortChange: [{ type: i0.Output }],
-        tableFilters: [{ type: i0.Input }],
-        tableFiltersChange: [{ type: i0.Output }]
-    };
-
-    var directives$1 = [TableColumn, CheckBoxRow, TableColumnHeader, TableRow,];
-    var TableModule = /** @class */ (function () {
-        function TableModule() {
-        }
-        return TableModule;
-    }());
-    TableModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                        InputSearchModule,
-                        LoaderModule,
-                        CheckboxModule,
-                        PaginationModule
-                    ],
-                    exports: __spread([TableComponent], directives$1),
-                    declarations: __spread([TableComponent], directives$1),
-                    providers: [],
-                },] }
-    ];
-
-    var UploadComponent = /** @class */ (function () {
-        function UploadComponent() {
-            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 i0.EventEmitter();
-        }
-        UploadComponent.prototype.ngOnInit = function () { };
-        UploadComponent.prototype.triggerEvent = function (event) {
-            this.open.emit(event);
-        };
-        return UploadComponent;
-    }());
-    UploadComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    UploadComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        type: [{ type: i0.Input }],
-        icon: [{ type: i0.Input }],
-        image: [{ type: i0.Input }],
-        labelImage: [{ type: i0.Input }],
-        open: [{ type: i0.Output }]
-    };
-
-    var H4Component = /** @class */ (function () {
-        function H4Component() {
-            this.grey = false;
-        }
-        H4Component.prototype.ngOnInit = function () { };
-        return H4Component;
-    }());
-    H4Component.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'wac-h4',
-                    template: "<h4 class=\"wac-h4\" [ngClass]=\"{ grey: grey }\"><ng-content></ng-content></h4>\n"
-                },] }
-    ];
-    H4Component.ctorParameters = function () { return []; };
-    H4Component.propDecorators = {
-        grey: [{ type: i0.Input }]
-    };
-
-    var SelectInTextComponent = /** @class */ (function () {
-        function SelectInTextComponent() {
-            this.type = 'default';
-            this.alwaysOpen = false;
-            this.openCategories = false;
-            this.currentLabel = '';
-            this.currentLabelIcon = '';
-            this.maxWidth = '100%';
-            this.selectValue = new i0.EventEmitter();
-            this.clickOnCallToAction = new i0.EventEmitter();
-        }
-        Object.defineProperty(SelectInTextComponent.prototype, "items", {
-            get: function () {
-                return this._items;
-            },
-            set: function (items) {
-                this._items = items;
-                this.setInitialValues();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SelectInTextComponent.prototype.ngOnInit = function () {
-            this.currentLabel = this.placeholder;
-            this.setInitialValues();
-        };
-        SelectInTextComponent.prototype.setInitialValues = function () {
-            if (!this.items.length) {
-                return;
-            }
-            var itemSelected = this.getItemSelected();
-            this.setCurrentItem(itemSelected);
-        };
-        SelectInTextComponent.prototype.onClose = function () {
-            this.openCategories = false;
-        };
-        SelectInTextComponent.prototype.customTB = function (item, index) {
-            return item.id + "-" + index;
-        };
-        SelectInTextComponent.prototype.onSelectItem = function (index) {
-            this.unselectAll();
-            var itemSelected = this.items[index];
-            this.setCurrentItem(itemSelected);
-            this.selectValue.emit(index);
-        };
-        SelectInTextComponent.prototype.onClickCallToAction = function () {
-            this.clickOnCallToAction.emit(this.callToAction.value);
-        };
-        SelectInTextComponent.prototype.getItemSelected = function () {
-            var itemSelected = null;
-            this.items.forEach(function (item) {
-                if (!item.selected) {
-                    return;
-                }
-                itemSelected = item;
-            });
-            return itemSelected;
-        };
-        SelectInTextComponent.prototype.setCurrentItem = function (itemSelected) {
-            if (!itemSelected) {
-                return;
-            }
-            itemSelected.selected = true;
-            this.currentLabel = itemSelected.name;
-            this.currentLabelIcon = itemSelected.icon;
-        };
-        SelectInTextComponent.prototype.unselectAll = function () {
-            this.items.forEach(function (item) { return item.selected = false; });
-        };
-        return SelectInTextComponent;
-    }());
-    SelectInTextComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    SelectInTextComponent.propDecorators = {
-        items: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        maxWidthItems: [{ type: i0.Input }],
-        type: [{ type: i0.Input }],
-        callToAction: [{ type: i0.Input }],
-        preText: [{ type: i0.Input }],
-        postText: [{ type: i0.Input }],
-        alwaysOpen: [{ type: i0.Input }],
-        maxWidth: [{ type: i0.Input }],
-        selectValue: [{ type: i0.Output }],
-        clickOnCallToAction: [{ type: i0.Output }]
-    };
-
-    var SelectComponent = /** @class */ (function () {
-        function SelectComponent(translateService) {
-            this.translateService = translateService;
-            this.search = false;
-            this.searchValue = '';
-            this.searchValueChange = new i0.EventEmitter();
-            this.type = 'default';
-            this.maxWidth = '100%';
-            this.disabled = false;
-            this.selectValue = new i0.EventEmitter(); // todo rename more explicit
-            this.clickOnCallToAction = new i0.EventEmitter();
-            this.openCategories = false;
-            this.indexItemSelected = -1;
-            // ControlValueAccessor methods
-            this.onChange = function () { };
-            this.onTouch = function () { };
-        }
-        Object.defineProperty(SelectComponent.prototype, "items", {
-            get: function () {
-                return this._items;
-            },
-            set: function (items) {
-                this._items = items;
-                this.setIndexItemSelected();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SelectComponent.prototype, "callToAction", {
-            get: function () {
-                return this._calllToAction;
-            },
-            set: function (callToAction) {
-                this._calllToAction = callToAction;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SelectComponent.prototype.ngOnInit = function () {
-        };
-        SelectComponent.prototype.onClose = function () {
-            this.openCategories = false;
-        };
-        SelectComponent.prototype.customTB = function (item, index) {
-            return item.id + "-" + index;
-        };
-        SelectComponent.prototype.onSelectItem = function (id) {
-            this.unselectAll();
-            this.setIndexItemSelectedById(id);
-            var itemSelected = this.getItemSelected();
-            itemSelected.selected = true;
-            this.selectValue.emit(this.indexItemSelected);
-            this.onChange(itemSelected);
-        };
-        SelectComponent.prototype.onClickCallToAction = function () {
-            this.onClose();
-            this.clickOnCallToAction.emit(this.callToAction.value);
-        };
-        SelectComponent.prototype.onSearcheValueChange = function () {
-            this.searchValueChange.emit(this.searchValue);
-        };
-        SelectComponent.prototype.getItemSelected = function () {
-            return this.items[this.indexItemSelected];
-        };
-        SelectComponent.prototype.showCategories = function () {
-            var _this = this;
-            this.openCategories = true;
-            setTimeout(function () {
-                var _a;
-                (_a = _this.searchElement.nativeElement) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 0);
-        };
-        SelectComponent.prototype.unselectAll = function () {
-            this.items.forEach(function (item) { return item.selected = false; });
-        };
-        SelectComponent.prototype.setIndexItemSelectedById = function (id) {
-            this.indexItemSelected = this.items.findIndex(function (item) { return item.id === id; });
-        };
-        SelectComponent.prototype.setIndexItemSelected = function () {
-            this.indexItemSelected = this.items.findIndex(function (item) { return item.selected; });
-        };
-        SelectComponent.prototype.writeValue = function (selectItem) {
-            if (!selectItem) {
-                return;
-            }
-            this.unselectAll();
-            selectItem.selected = true;
-            this.setIndexItemSelectedById(selectItem.id);
-        };
-        SelectComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        SelectComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouch = fn;
-        };
-        return SelectComponent;
-    }());
-    SelectComponent.decorators = [
-        { type: i0.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: forms.NG_VALUE_ACCESSOR, useExisting: SelectComponent, multi: true }]
-                },] }
-    ];
-    SelectComponent.ctorParameters = function () { return [
-        { type: core.TranslateService }
-    ]; };
-    SelectComponent.propDecorators = {
-        items: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        maxWidthItems: [{ type: i0.Input }],
-        search: [{ type: i0.Input }],
-        searchValue: [{ type: i0.Input }],
-        searchValueChange: [{ type: i0.Output }],
-        type: [{ type: i0.Input }],
-        callToAction: [{ type: i0.Input }],
-        maxWidth: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        selectValue: [{ type: i0.Output }],
-        clickOnCallToAction: [{ type: i0.Output }],
-        searchElement: [{ type: i0.ViewChild, args: ['search',] }]
-    };
-
-    var MultipleSearchComponent = /** @class */ (function () {
-        function MultipleSearchComponent(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;
-        }
-        MultipleSearchComponent.prototype.ngOnInit = function () {
-            this.setPlaceholder();
-            this.setLabel();
-            this.setQuery();
-            this.setIcon();
-        };
-        MultipleSearchComponent.prototype.setSearchValueToQuery = function (value) {
-            if (value.code !== 'Enter') {
-                this.search = encodeURI(value.target.value);
-            }
-            else {
-                this.submitForm();
-            }
-        };
-        MultipleSearchComponent.prototype.submitForm = function () {
-            if (this.search) {
-                if (this.search.length > 0) {
-                    window.location.href = this.query.replace('{s}', this.search);
-                }
-                else {
-                    this.displayError();
-                }
-            }
-            else {
-                this.displayError();
-            }
-        };
-        MultipleSearchComponent.prototype.setPlaceholder = function (value) {
-            if (value) {
-                this.placeholder = this.options[value].placeholder;
-            }
-            else {
-                this.placeholder = this.options[0].placeholder;
-            }
-        };
-        MultipleSearchComponent.prototype.setLabel = function (value) {
-            if (value) {
-                this.label = this.options[value].label;
-            }
-            else {
-                this.label = this.options[0].label;
-            }
-        };
-        MultipleSearchComponent.prototype.setQuery = function (value) {
-            if (value) {
-                this.query = this.options[value].queries;
-            }
-            else {
-                this.query = this.options[0].queries;
-            }
-        };
-        MultipleSearchComponent.prototype.displayError = function () {
-            var _this = this;
-            this.showError = true;
-            setTimeout(function () {
-                _this.hideError();
-            }, 2000);
-        };
-        MultipleSearchComponent.prototype.hideError = function () {
-            this.showError = false;
-        };
-        MultipleSearchComponent.prototype.setIcon = function (value) {
-            if (value) {
-                this.icon = this.options[value].icon;
-            }
-            else {
-                this.icon = this.options[0].icon;
-            }
-        };
-        MultipleSearchComponent.prototype.openFuncSelect = function () {
-            this.openSelect = !this.openSelect;
-        };
-        MultipleSearchComponent.prototype.closeSelect = function () {
-            this.openSelect = false;
-        };
-        MultipleSearchComponent.prototype.resetAllVue = function (value) {
-            this.setPlaceholder(value);
-            this.setLabel(value);
-            this.setQuery(value);
-            this.setIcon(value);
-            this.search = '';
-            this.closeSelect();
-        };
-        return MultipleSearchComponent;
-    }());
-    MultipleSearchComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: core.TranslateService }
-    ]; };
-    MultipleSearchComponent.propDecorators = {
-        options: [{ type: i0.Input }],
-        alwaysOpen: [{ type: i0.Input }]
-    };
-
-    var MultipleSearchPlusComponent = /** @class */ (function () {
-        function MultipleSearchPlusComponent() {
-            this.label = '';
-            this.placeholder = '';
-            this.openSelect = false;
-            this.openSearchResults = false;
-            this.isLoading = true;
-            this.searchValue = new i0.EventEmitter();
-            this.optionsChange = new i0.EventEmitter();
-        }
-        MultipleSearchPlusComponent.prototype.ngOnInit = function () {
-            this.setCurrentOption();
-            this.setPlaceholder();
-            this.setLabel();
-        };
-        MultipleSearchPlusComponent.prototype.setSearchValue = function (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 });
-        };
-        MultipleSearchPlusComponent.prototype.setCurrentOption = function (value) {
-            this.currentOption = value || 0;
-        };
-        MultipleSearchPlusComponent.prototype.setPlaceholder = function (value) {
-            this.placeholder = value ? this.options[value].placeholder : this.options[0].placeholder;
-        };
-        MultipleSearchPlusComponent.prototype.setLabel = function (value) {
-            this.label = value ? this.options[value].label : this.options[0].label;
-        };
-        MultipleSearchPlusComponent.prototype.onToggleSelect = function () {
-            this.openSelect = !this.openSelect;
-        };
-        MultipleSearchPlusComponent.prototype.closeSelect = function () {
-            this.openSelect = false;
-        };
-        MultipleSearchPlusComponent.prototype.closeSearchResults = function () {
-            this.openSearchResults = false;
-        };
-        MultipleSearchPlusComponent.prototype.resetAllVue = function (value) {
-            this.searchResults = undefined;
-            this.setCurrentOption(value);
-            this.setPlaceholder(value);
-            this.setLabel(value);
-            this.openSearchResults = false;
-            this.closeSelect();
-        };
-        MultipleSearchPlusComponent.prototype.addResult = function (index) {
-            var _this = this;
-            var alreadyExist = false;
-            this.options[this.currentOption].table.forEach(function (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' });
-        };
-        MultipleSearchPlusComponent.prototype.deleteResult = function (indexItem, index) {
-            this.options[index].table.splice(indexItem, 1);
-            this.optionsChange.emit({ currentOption: this.options[index].code, action: 'delete' });
-        };
-        return MultipleSearchPlusComponent;
-    }());
-    MultipleSearchPlusComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    MultipleSearchPlusComponent.propDecorators = {
-        options: [{ type: i0.Input }],
-        searchResults: [{ type: i0.Input }],
-        searchValue: [{ type: i0.Output }],
-        optionsChange: [{ type: i0.Output }]
-    };
-
-    var InputWithSelectComponent = /** @class */ (function () {
-        function InputWithSelectComponent() {
-            this.showSelect = false;
-            this.inputValueChange = new i0.EventEmitter();
-            this.selectValueChange = new i0.EventEmitter();
-        }
-        InputWithSelectComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.options.forEach(function (item) {
-                if (item.active) {
-                    _this.currentLabel = item.label;
-                }
-            });
-        };
-        InputWithSelectComponent.prototype.onClickItem = function (index) {
-            this.unActiveAll();
-            var optionSelected = this.options[index];
-            optionSelected.active = true;
-            this.currentLabel = optionSelected.label;
-            this.showSelect = false;
-            this.selectValueChange.emit(index);
-        };
-        InputWithSelectComponent.prototype.onToggleSelect = function () {
-            this.showSelect = !this.showSelect;
-        };
-        InputWithSelectComponent.prototype.onCloseSelect = function () {
-            this.showSelect = false;
-        };
-        InputWithSelectComponent.prototype.onChangeInputValue = function (e) {
-            this.inputValueChange.emit(e.target.value);
-        };
-        InputWithSelectComponent.prototype.unActiveAll = function () {
-            this.options.forEach(function (item) {
-                item.active = false;
-            });
-        };
-        return InputWithSelectComponent;
-    }());
-    InputWithSelectComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    InputWithSelectComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        text: [{ type: i0.Input }],
-        options: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        id: [{ type: i0.Input }],
-        inputValueChange: [{ type: i0.Output }],
-        selectValueChange: [{ type: i0.Output }]
-    };
-
-    var PopinComponent = /** @class */ (function () {
-        function PopinComponent(domService) {
-            this.domService = domService;
-            this.visible = false;
-            this.visibleChange = new i0.EventEmitter();
-            this.response = new i0.EventEmitter();
-            this.background = true;
-            this.firstOpen = true;
-        }
-        PopinComponent.prototype.ngOnInit = function () {
-            this.domService.setDocumentEventListener();
-        };
-        PopinComponent.prototype.validatePopin = function () {
-            this.response.emit(true);
-            this.closePopin();
-        };
-        PopinComponent.prototype.refusePopin = function () {
-            this.response.emit(false);
-            this.closePopin();
-        };
-        PopinComponent.prototype.closePopin = function () {
-            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;
-            }
-        };
-        return PopinComponent;
-    }());
-    PopinComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: DomService }
-    ]; };
-    PopinComponent.propDecorators = {
-        title: [{ type: i0.Input }],
-        content: [{ type: i0.Input }],
-        imgSrc: [{ type: i0.Input }],
-        okButtonLabel: [{ type: i0.Input }],
-        koButtonLabel: [{ type: i0.Input }],
-        okButtonClass: [{ type: i0.Input }],
-        koButtonClass: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        visibleChange: [{ type: i0.Output }],
-        response: [{ type: i0.Output }],
-        background: [{ type: i0.Input }]
-    };
-
-    var FreePopinComponent = /** @class */ (function () {
-        function FreePopinComponent(domService) {
-            this.domService = domService;
-            this.visible = false;
-            this.disableCloseOutside = false;
-            this.visibleChange = new i0.EventEmitter();
-            this.response = new i0.EventEmitter();
-            this.background = true;
-            this.zIndex = 9999;
-            this.firstOpen = true;
-        }
-        FreePopinComponent.prototype.ngOnInit = function () {
-            this.domService.setDocumentEventListener();
-        };
-        FreePopinComponent.prototype.validatePopin = function () {
-            this.response.emit(true);
-            this.closePopin();
-        };
-        FreePopinComponent.prototype.refusePopin = function () {
-            this.response.emit(false);
-            this.closePopin();
-        };
-        FreePopinComponent.prototype.closePopin = function () {
-            if (!this.firstOpen || this.disableCloseOutside) {
-                this.visible = false;
-                this.visibleChange.emit(this.visible);
-                this.firstOpen = true;
-            }
-            else {
-                this.firstOpen = false;
-            }
-        };
-        return FreePopinComponent;
-    }());
-    FreePopinComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: DomService }
-    ]; };
-    FreePopinComponent.propDecorators = {
-        okButtonLabel: [{ type: i0.Input }],
-        koButtonLabel: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        disableCloseOutside: [{ type: i0.Input }],
-        visibleChange: [{ type: i0.Output }],
-        response: [{ type: i0.Output }],
-        background: [{ type: i0.Input }],
-        zIndex: [{ type: i0.Input }]
-    };
-
-    var BlockComponent = /** @class */ (function () {
-        function BlockComponent() {
-            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;
-        }
-        return BlockComponent;
-    }());
-    BlockComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    BlockComponent.propDecorators = {
-        titleBlock: [{ type: i0.Input }],
-        titleExternalBlock: [{ type: i0.Input }],
-        sticky: [{ type: i0.Input }],
-        simple: [{ type: i0.Input }],
-        noFullHeight: [{ type: i0.Input }],
-        icon: [{ type: i0.Input }],
-        titleUppercase: [{ type: i0.Input }],
-        borderRadius: [{ type: i0.Input }],
-        removePadding: [{ type: i0.Input }],
-        stretchHeight: [{ type: i0.Input }]
-    };
-
-    var WrapperComponent = /** @class */ (function () {
-        function WrapperComponent() {
-            this.size = 'fullsize';
-        }
-        WrapperComponent.prototype.ngOnInit = function () { };
-        return WrapperComponent;
-    }());
-    WrapperComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    WrapperComponent.propDecorators = {
-        size: [{ type: i0.Input }]
-    };
-
-    var FiltersComponent = /** @class */ (function () {
-        function FiltersComponent() {
-            this.labelRestart = 'Afficher toutes les catégories';
-            this.filterChange = new i0.EventEmitter();
-        }
-        FiltersComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.options.forEach(function (item, index) {
-                if (item.active) {
-                    _this.filterActiveIndex = '' + index;
-                }
-            });
-        };
-        FiltersComponent.prototype.activeFilter = function (index) {
-            this.options[index].active = true;
-            this.filterActiveIndex = '' + index;
-            this.filterChange.emit(index);
-        };
-        FiltersComponent.prototype.resetFilter = function () {
-            this.options.forEach(function (item) {
-                item.active = false;
-            });
-            this.filterActiveIndex = null;
-            this.filterChange.emit(-1);
-        };
-        return FiltersComponent;
-    }());
-    FiltersComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    FiltersComponent.propDecorators = {
-        options: [{ type: i0.Input }],
-        labelRestart: [{ type: i0.Input }],
-        filterChange: [{ type: i0.Output }]
-    };
-
-    var WrapperBlocsComponent = /** @class */ (function () {
-        function WrapperBlocsComponent() {
-            this.sidebar = false;
-        }
-        WrapperBlocsComponent.prototype.ngOnInit = function () {
-        };
-        return WrapperBlocsComponent;
-    }());
-    WrapperBlocsComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    WrapperBlocsComponent.propDecorators = {
-        sidebar: [{ type: i0.Input }]
-    };
-
-    var SnackbarComponent = /** @class */ (function () {
-        function SnackbarComponent() {
-            this.visible = false;
-            this.visibleChange = new i0.EventEmitter();
-            this.response = new i0.EventEmitter();
-            this.manualClose = false;
-        }
-        SnackbarComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.duration > 0) {
-                this.timer = setTimeout(function () { return _this.manualClose = true; }, this.duration);
-            }
-        };
-        SnackbarComponent.prototype.validate = function () {
-            this.response.emit(true);
-            this.closeSnackbar();
-            this.manualClose = true;
-        };
-        SnackbarComponent.prototype.refuse = function () {
-            this.response.emit(false);
-            this.closeSnackbar();
-            this.manualClose = true;
-        };
-        SnackbarComponent.prototype.closeSnackbar = function () {
-            this.visible = false;
-            this.visibleChange.emit(this.visible);
-        };
-        return SnackbarComponent;
-    }());
-    SnackbarComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None,
-                    animations: [
-                        animations.trigger('state', [
-                            animations.state('void', animations.style({
-                                bottom: '-100px'
-                            })),
-                            animations.state('inactive', animations.style({
-                                bottom: '-100px'
-                            })),
-                            animations.state('active', animations.style({
-                                bottom: '0px'
-                            })),
-                            animations.transition('void => active', animations.animate(300)),
-                            animations.transition('active => inactive', animations.animate(300))
-                        ])
-                    ]
-                },] }
-    ];
-    SnackbarComponent.propDecorators = {
-        message: [{ type: i0.Input }],
-        textButtonOk: [{ type: i0.Input }],
-        textButtonKo: [{ type: i0.Input }],
-        duration: [{ type: i0.Input }],
-        color: [{ type: i0.Input }],
-        buttonColor: [{ type: i0.Input }],
-        visible: [{ type: i0.Input }],
-        visibleChange: [{ type: i0.Output }],
-        response: [{ type: i0.Output }]
-    };
-
-    var AlertPopupComponent = /** @class */ (function () {
-        function AlertPopupComponent() {
-            /** Subject for notifying the user that the dialog has finished closing. */
-            this.afterClosedPopup = new rxjs.Subject();
-            this.open = false;
-        }
-        AlertPopupComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            setTimeout(function () {
-                _this.open = true;
-            }, 50);
-            if (this.config.duration > 0) {
-                this.timer = setTimeout(function () { return _this.dismiss(); }, this.config.duration);
-            }
-        };
-        AlertPopupComponent.prototype.dismiss = function () {
-            var _this = this;
-            this.open = false;
-            setTimeout(function () {
-                _this.afterClosedPopup.next(true);
-                _this.afterClosedPopup.complete();
-            }, 200);
-        };
-        /**
-         * Gets an observable that is notified when the dialog is finished closing.
-         */
-        AlertPopupComponent.prototype.afterClosed = function () {
-            return this.afterClosedPopup.asObservable();
-        };
-        return AlertPopupComponent;
-    }());
-    AlertPopupComponent.decorators = [
-        { type: i0.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: i0.ViewEncapsulation.None
-                },] }
-    ];
-
-    var AlertPopupService = /** @class */ (function () {
-        function AlertPopupService(domService) {
-            this.domService = domService;
-        }
-        AlertPopupService.prototype.open = function (config) {
-            var componentRef = this.getComponentRef(config);
-            return componentRef.instance;
-        };
-        AlertPopupService.prototype.getComponentRef = function (config) {
-            var componentRef = this.domService.attachComponentPortal(AlertPopupComponent);
-            config = Object.assign({
-                position: 'is-top'
-            }, config);
-            componentRef.instance.config = config;
-            componentRef.instance.afterClosed().subscribe(function () {
-                componentRef.destroy();
-            });
-            return componentRef;
-        };
-        return AlertPopupService;
-    }());
-    AlertPopupService.decorators = [
-        { type: i0.Injectable }
-    ];
-    AlertPopupService.ctorParameters = function () { return [
-        { type: DomService }
-    ]; };
-
-    var AlertPopupModule = /** @class */ (function () {
-        function AlertPopupModule() {
-        }
-        return AlertPopupModule;
-    }());
-    AlertPopupModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule],
-                    providers: [AlertPopupService],
-                    entryComponents: [AlertPopupComponent],
-                    declarations: [AlertPopupComponent],
-                    exports: [AlertPopupComponent]
-                },] }
-    ];
-
-    var SearchComponent = /** @class */ (function () {
-        function SearchComponent() {
-            this.alwaysOpen = false;
-            this.disableSearchIn = false;
-            this.emptyResult = '';
-            this.search = '';
-            this.openSelect = false;
-            this.selectValue = new i0.EventEmitter();
-            this.searchKeyUp = new i0.EventEmitter();
-            this.searchFocusOut = new i0.EventEmitter();
-        }
-        SearchComponent.prototype.ngOnInit = function () {
-            this.triggerOptions = this.options;
-        };
-        SearchComponent.prototype.onClose = function () {
-            this.openSelect = false;
-        };
-        SearchComponent.prototype.setSearchValueToQuery = function (value) {
-            var _this = this;
-            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(function (element) { return element.label.toLowerCase().indexOf(_this.search.toLowerCase()) !== -1; });
-                }
-                else {
-                    this.triggerOptions = this.options;
-                }
-            }
-            this.searchKeyUp.emit(this.search);
-        };
-        SearchComponent.prototype.sendEventFocusOut = function () {
-            this.searchFocusOut.emit(this.search);
-        };
-        SearchComponent.prototype.closeSelect = function () {
-            this.openSelect = false;
-        };
-        SearchComponent.prototype.onSelectItem = function (index, value, label) {
-            this.search = '';
-            this.openSelect = false;
-            if (this.disableSearchIn) {
-                this.selectValue.emit(index);
-            }
-            else {
-                var findInOption = this.options.findIndex(function (element) { return element.label === label && element.id === value; });
-                this.selectValue.emit(findInOption);
-            }
-        };
-        SearchComponent.prototype.resetAllVue = function () {
-            this.search = '';
-            this.closeSelect();
-        };
-        return SearchComponent;
-    }());
-    SearchComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    SearchComponent.propDecorators = {
-        placeholder: [{ type: i0.Input }],
-        alwaysOpen: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        options: [{ type: i0.Input }],
-        disableSearchIn: [{ type: i0.Input }],
-        emptyResult: [{ type: i0.Input }],
-        selectValue: [{ type: i0.Output }],
-        searchKeyUp: [{ type: i0.Output }],
-        searchFocusOut: [{ type: i0.Output }]
-    };
-
-    var SelectedListComponent = /** @class */ (function () {
-        function SelectedListComponent() {
-            this.options = [];
-            this.enableSelectAll = true;
-            this.selectedItemsIndex = new i0.EventEmitter();
-            this.selectedItemsAll = new i0.EventEmitter();
-            this.unSelectedItemsAll = new i0.EventEmitter();
-            this.selectedOptionIndex = [];
-        }
-        SelectedListComponent.prototype.ngOnInit = function () {
-        };
-        SelectedListComponent.prototype.onSelectAll = function () {
-            this.selectedOptionIndex = this.options.map(function (option, index) {
-                option.checked = true;
-                return index;
-            });
-            this.selectedItemsAll.emit(this.selectedOptionIndex);
-        };
-        SelectedListComponent.prototype.onUnSelectAll = function () {
-            this.selectedOptionIndex = this.options.map(function (option, index) {
-                option.checked = false;
-                return index;
-            });
-            this.unSelectedItemsAll.emit(this.selectedOptionIndex);
-        };
-        SelectedListComponent.prototype.onSelectItem = function (index) {
-            this.options[index].checked = !this.options[index].checked;
-            this.selectedItemsIndex.emit(index);
-        };
-        SelectedListComponent.prototype.areAllOptionsChecked = function () {
-            return !this.options.some(function (option) { return !option.checked; });
-        };
-        return SelectedListComponent;
-    }());
-    SelectedListComponent.decorators = [
-        { type: i0.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: i0.Input }],
-        label: [{ type: i0.Input }],
-        textSelectAll: [{ type: i0.Input }],
-        textUnSelectAll: [{ type: i0.Input }],
-        enableSelectAll: [{ type: i0.Input }],
-        selectedItemsIndex: [{ type: i0.Output }],
-        selectedItemsAll: [{ type: i0.Output }],
-        unSelectedItemsAll: [{ type: i0.Output }]
-    };
-
-    var TreeComponent = /** @class */ (function () {
-        function TreeComponent() {
-            this.treeDepth = 0;
-        }
-        TreeComponent.prototype.ngOnInit = function () { };
-        return TreeComponent;
-    }());
-    TreeComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    TreeComponent.propDecorators = {
-        items: [{ type: i0.Input }],
-        treeDepth: [{ type: i0.Input }],
-        optionTemplate: [{ type: i0.Input, args: ["optionTemplate",] }]
-    };
-
-    var FormatObjectToRecursifTreePipe = /** @class */ (function () {
-        function FormatObjectToRecursifTreePipe() {
-            this.childrenProperties = [];
-        }
-        FormatObjectToRecursifTreePipe.prototype.transform = function (objectList, childrenProperties) {
-            var _this = this;
-            this.childrenProperties = childrenProperties;
-            var treeDepth = 0;
-            objectList.forEach(function (object) { return _this.recursiveFormatObjectToRecursifTree(object, treeDepth); });
-            return objectList;
-        };
-        FormatObjectToRecursifTreePipe.prototype.recursiveFormatObjectToRecursifTree = function (object, treeDepth) {
-            var e_1, _a;
-            try {
-                for (var _b = __values(this.childrenProperties), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var childrenProperty = _c.value;
-                    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;
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            object.treeDepth = treeDepth;
-        };
-        return FormatObjectToRecursifTreePipe;
-    }());
-    FormatObjectToRecursifTreePipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'formatObjectToRecursifTree'
-                },] }
-    ];
-
-    var FormatObjectToSimpleTreePipe = /** @class */ (function () {
-        function FormatObjectToSimpleTreePipe() {
-            this.childrenProperties = [];
-            this.labelProperties = [];
-        }
-        FormatObjectToSimpleTreePipe.prototype.transform = function (objectList, childrenProperties, labelProperties) {
-            var _this = this;
-            this.childrenProperties = childrenProperties;
-            this.labelProperties = labelProperties;
-            var treeDepth = 0;
-            objectList.forEach(function (object) { return _this.recursiveFormatObjectToSimpleTree(object, treeDepth); });
-            return objectList;
-        };
-        FormatObjectToSimpleTreePipe.prototype.recursiveFormatObjectToSimpleTree = function (object, treeDepth) {
-            for (var 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;
-            }
-        };
-        return FormatObjectToSimpleTreePipe;
-    }());
-    FormatObjectToSimpleTreePipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'formatObjectToSimpleTree'
-                },] }
-    ];
-
-    var SelectFiltersPipe = /** @class */ (function () {
-        function SelectFiltersPipe() {
-        }
-        SelectFiltersPipe.prototype.transform = function (items, filterName) {
-            return items.filter(function (item) {
-                var regexp = new RegExp(filterName, 'i');
-                return regexp.test(item.name);
-            });
-        };
-        return SelectFiltersPipe;
-    }());
-    SelectFiltersPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'selectFilters'
-                },] }
-    ];
-
-    var AreAllOptionsSelectedPipe = /** @class */ (function () {
-        function AreAllOptionsSelectedPipe() {
-        }
-        AreAllOptionsSelectedPipe.prototype.transform = function (options) {
-            return !options.some(function (option) { return !option.checked; });
-        };
-        return AreAllOptionsSelectedPipe;
-    }());
-    AreAllOptionsSelectedPipe.decorators = [
-        { type: i0.Pipe, args: [{
-                    name: 'areAllOptionsSelected',
-                    pure: false
-                },] }
-    ];
-
-    var exportedPipes = [FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe];
-    var pipes$1 = [
-        SelectFiltersPipe,
-        AreAllOptionsSelectedPipe
-    ];
-    var SharedPipes = /** @class */ (function () {
-        function SharedPipes() {
-        }
-        return SharedPipes;
-    }());
-    SharedPipes.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, forms.FormsModule],
-                    declarations: __spread(exportedPipes, pipes$1),
-                    exports: __spread(exportedPipes, pipes$1)
-                },] }
-    ];
-
-    var TreeModule = /** @class */ (function () {
-        function TreeModule() {
-        }
-        return TreeModule;
-    }());
-    TreeModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                        SharedPipes
-                    ],
-                    exports: [TreeComponent],
-                    declarations: [TreeComponent],
-                    providers: [],
-                },] }
-    ];
-
-    var WrapperSidebarComponent = /** @class */ (function () {
-        function WrapperSidebarComponent() {
-            this.reverse = false;
-        }
-        WrapperSidebarComponent.prototype.ngOnInit = function () {
-        };
-        return WrapperSidebarComponent;
-    }());
-    WrapperSidebarComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    WrapperSidebarComponent.propDecorators = {
-        reverse: [{ type: i0.Input }]
-    };
-
-    var BreadcrumbsComponent = /** @class */ (function () {
-        function BreadcrumbsComponent() {
-            this.index = 0;
-            this.indexChange = new i0.EventEmitter();
-        }
-        BreadcrumbsComponent.prototype.ngOnInit = function () {
-        };
-        BreadcrumbsComponent.prototype.valueChanged = function (i) {
-            this.index = i;
-            this.indexChange.emit(this.index);
-        };
-        return BreadcrumbsComponent;
-    }());
-    BreadcrumbsComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    BreadcrumbsComponent.propDecorators = {
-        breadcrumbs: [{ type: i0.Input }],
-        indexChange: [{ type: i0.Output }]
-    };
-
-    var CardPriceComponent = /** @class */ (function () {
-        function CardPriceComponent() {
-            this.disabled = false;
-            this.btnTextcolor = '#ffffff';
-            this.extraClasses = 'is-success';
-            this.hideButton = false;
-            this.click = new i0.EventEmitter();
-        }
-        CardPriceComponent.prototype.ngOnInit = function () {
-        };
-        CardPriceComponent.prototype.triggerClick = function () {
-            this.click.emit(true);
-        };
-        return CardPriceComponent;
-    }());
-    CardPriceComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    CardPriceComponent.propDecorators = {
-        amount: [{ type: i0.Input }],
-        title: [{ type: i0.Input }],
-        price: [{ type: i0.Input }],
-        currency: [{ type: i0.Input }],
-        priceWording: [{ type: i0.Input }],
-        subtitle: [{ type: i0.Input }],
-        btnLabel: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        btnTextcolor: [{ type: i0.Input }],
-        extraClasses: [{ type: i0.Input }],
-        hideButton: [{ type: i0.Input }],
-        click: [{ type: i0.Output }]
-    };
-
-    var TokenCheckComponent = /** @class */ (function () {
-        function TokenCheckComponent() {
-            this.warning = false;
-        }
-        TokenCheckComponent.prototype.ngOnInit = function () {
-        };
-        return TokenCheckComponent;
-    }());
-    TokenCheckComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    TokenCheckComponent.propDecorators = {
-        label: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        max: [{ type: i0.Input }]
-    };
-
-    var BlockWithCheckboxComponent = /** @class */ (function () {
-        function BlockWithCheckboxComponent() {
-            this.selected = false;
-            this.iconCopy = 'fa-solid fa-copy';
-            this.iconWorld = 'fa-thin fa-globe';
-            this.copyAction = new i0.EventEmitter();
-            this.worldAction = new i0.EventEmitter();
-            this.checkboxAction = new i0.EventEmitter();
-        }
-        BlockWithCheckboxComponent.prototype.ngOnInit = function () {
-        };
-        BlockWithCheckboxComponent.prototype.eventSelected = function (event) {
-            this.selected = !this.selected;
-            console.log(this.selected);
-            this.checkboxAction.emit(this.selected);
-        };
-        BlockWithCheckboxComponent.prototype.eventCopy = function () {
-            this.copyAction.emit(true);
-        };
-        BlockWithCheckboxComponent.prototype.eventWorld = function () {
-            this.worldAction.emit(true);
-        };
-        return BlockWithCheckboxComponent;
-    }());
-    BlockWithCheckboxComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    BlockWithCheckboxComponent.propDecorators = {
-        selected: [{ type: i0.Input }],
-        iconCopy: [{ type: i0.Input }],
-        iconWorld: [{ type: i0.Input }],
-        copyAction: [{ type: i0.Output }],
-        worldAction: [{ type: i0.Output }],
-        checkboxAction: [{ type: i0.Output }]
-    };
-
-    var ConfirmDeleteComponent = /** @class */ (function () {
-        function ConfirmDeleteComponent() {
-            this.open = false;
-            this.confirm = new i0.EventEmitter();
-            this.backgroundColor = '#fff';
-            this.borderRadius = '0px';
-        }
-        ConfirmDeleteComponent.prototype.ngOnInit = function () {
-        };
-        ConfirmDeleteComponent.prototype.eventCancel = function (event) {
-            this.confirm.emit(false);
-            this.open = false;
-        };
-        ConfirmDeleteComponent.prototype.eventConfirm = function (event) {
-            this.confirm.emit(true);
-            this.open = false;
-        };
-        return ConfirmDeleteComponent;
-    }());
-    ConfirmDeleteComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    ConfirmDeleteComponent.propDecorators = {
-        open: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        labelCancel: [{ type: i0.Input }],
-        labelConfirm: [{ type: i0.Input }],
-        confirm: [{ type: i0.Output }],
-        backgroundColor: [{ type: i0.Input }],
-        borderRadius: [{ type: i0.Input }]
-    };
-
-    var MosaicComponent = /** @class */ (function () {
-        function MosaicComponent() {
-            this.isLoading = true;
-        }
-        MosaicComponent.prototype.ngOnInit = function () {
-            if (this.items) {
-                var splitItems = this.sliceIntoChunks(this.items, (this.items.length / 3));
-                this.columnLeft = splitItems[0];
-                this.columnCenter = splitItems[1];
-                this.columnRight = splitItems[2];
-            }
-            this.isLoading = false;
-        };
-        MosaicComponent.prototype.sliceIntoChunks = function (arr, chunkSize) {
-            var res = [];
-            for (var i = 0; i < arr.length; i += chunkSize) {
-                var chunk = arr.slice(i, i + chunkSize);
-                res.push(chunk);
-            }
-            return res;
-        };
-        return MosaicComponent;
-    }());
-    MosaicComponent.decorators = [
-        { type: i0.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 = function () { return []; };
-    MosaicComponent.propDecorators = {
-        items: [{ type: i0.Input }]
-    };
-
-    var 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
-    ];
-    var exportsFromModule = [
-        PaginationComponent,
-        TableComponent,
-        TableColumn,
-        CheckBoxRow,
-        TableColumnHeader,
-        TableRow,
-        InputSearchComponent,
-        InputComponent,
-        TooltipComponent,
-        CheckboxComponent,
-        LoaderComponent,
-        ProgressBarComponent,
-        TreeComponent
-    ];
-    var SharedComponentsModule = /** @class */ (function () {
-        function SharedComponentsModule() {
-        }
-        return SharedComponentsModule;
-    }());
-    SharedComponentsModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                        i1$1.NwbAllModule,
-                        core.TranslateModule.forChild(),
-                        forms.ReactiveFormsModule,
-                        SharedDirectives,
-                        SharedPipes,
-                        table.CdkTableModule,
-                        ngxChips.TagInputModule,
-                        PaginationModule,
-                        TableModule,
-                        InputSearchModule,
-                        TooltipModule,
-                        CheckboxModule,
-                        InputModule,
-                        LoaderModule,
-                        ProgressBarModule,
-                        ngxPerfectScrollbar.PerfectScrollbarModule,
-                        AlertPopupModule,
-                        router.RouterModule,
-                        ngxAutosize.AutosizeModule,
-                        TreeModule
-                    ],
-                    declarations: components,
-                    exports: __spread(components, exportsFromModule)
-                },] }
-    ];
-
-    var WiziComponentsModule = /** @class */ (function () {
-        function WiziComponentsModule() {
-        }
-        return WiziComponentsModule;
-    }());
-    WiziComponentsModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        SharedComponentsModule,
-                        SharedDirectives,
-                        SharedPipes,
-                        i1$1.NwbAllModule
-                    ],
-                    exports: [SharedComponentsModule, SharedDirectives, SharedPipes]
-                },] }
-    ];
-
-    var TableFiltersGroup = /** @class */ (function (_super) {
-        __extends(TableFiltersGroup, _super);
-        function TableFiltersGroup() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        TableFiltersGroup.prototype.set = function (key, value) {
-            _super.prototype.set.call(this, key, value);
-        };
-        TableFiltersGroup.prototype.resetToFirstPage = function () {
-            this.set("currentPage", 1);
-        };
-        return TableFiltersGroup;
-    }(i1$1.NwbFilterGroup));
-
-    /*
-     * Public API Surface of angular-components
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AbstractDebounceDirective = AbstractDebounceDirective;
-    exports.AlertComponent = AlertComponent;
-    exports.AlertPopupComponent = AlertPopupComponent;
-    exports.AlertPopupModule = AlertPopupModule;
-    exports.AlertPopupService = AlertPopupService;
-    exports.AreAllOptionsSelectedPipe = AreAllOptionsSelectedPipe;
-    exports.AutoHideDirective = AutoHideDirective;
-    exports.BackComponent = BackComponent;
-    exports.BlockComponent = BlockComponent;
-    exports.BlockWithCheckboxComponent = BlockWithCheckboxComponent;
-    exports.BreadcrumbsComponent = BreadcrumbsComponent;
-    exports.ButtonComponent = ButtonComponent;
-    exports.CalendarComponent = CalendarComponent;
-    exports.CardPriceComponent = CardPriceComponent;
-    exports.CheckBoxRow = CheckBoxRow;
-    exports.CheckboxComponent = CheckboxComponent;
-    exports.ConfirmDeleteComponent = ConfirmDeleteComponent;
-    exports.DebounceKeyupDirective = DebounceKeyupDirective;
-    exports.DeleteComponent = DeleteComponent;
-    exports.DropdownComponent = DropdownComponent;
-    exports.FiltersComponent = FiltersComponent;
-    exports.FiltersTableService = FiltersTableService;
-    exports.FormatObjectToRecursifTreePipe = FormatObjectToRecursifTreePipe;
-    exports.FormatObjectToSimpleTreePipe = FormatObjectToSimpleTreePipe;
-    exports.FreePopinComponent = FreePopinComponent;
-    exports.H1Component = H1Component;
-    exports.H2Component = H2Component;
-    exports.H3Component = H3Component;
-    exports.H4Component = H4Component;
-    exports.HeaderPageComponent = HeaderPageComponent;
-    exports.HtmlContainer = HtmlContainer;
-    exports.ImageComponent = ImageComponent;
-    exports.InfoComponent = InfoComponent;
-    exports.InputComponent = InputComponent;
-    exports.InputSearchComponent = InputSearchComponent;
-    exports.InputWithSelectComponent = InputWithSelectComponent;
-    exports.KeypressEnterDirective = KeypressEnterDirective;
-    exports.LabelComponent = LabelComponent;
-    exports.LinkComponent = LinkComponent;
-    exports.LoaderComponent = LoaderComponent;
-    exports.LogoComponent = LogoComponent;
-    exports.MosaicComponent = MosaicComponent;
-    exports.MultipleSearchComponent = MultipleSearchComponent;
-    exports.MultipleSearchPlusComponent = MultipleSearchPlusComponent;
-    exports.PaginationComponent = PaginationComponent;
-    exports.PopinComponent = PopinComponent;
-    exports.ProgressBarComponent = ProgressBarComponent;
-    exports.RadioComponent = RadioComponent;
-    exports.SearchComponent = SearchComponent;
-    exports.SelectComponent = SelectComponent;
-    exports.SelectFiltersPipe = SelectFiltersPipe;
-    exports.SelectInTextComponent = SelectInTextComponent;
-    exports.SelectedListComponent = SelectedListComponent;
-    exports.SeparatorComponent = SeparatorComponent;
-    exports.SettingsComponent = SettingsComponent;
-    exports.SharedComponentsModule = SharedComponentsModule;
-    exports.SharedDirectives = SharedDirectives;
-    exports.SharedPipes = SharedPipes;
-    exports.SnackbarComponent = SnackbarComponent;
-    exports.StateComponent = StateComponent;
-    exports.SwitchComponent = SwitchComponent;
-    exports.TabComponent = TabComponent;
-    exports.TableColumn = TableColumn;
-    exports.TableColumnHeader = TableColumnHeader;
-    exports.TableComponent = TableComponent;
-    exports.TableFiltersGroup = TableFiltersGroup;
-    exports.TableRow = TableRow;
-    exports.TagComponent = TagComponent;
-    exports.TextAreaComponent = TextAreaComponent;
-    exports.TextComponent = TextComponent;
-    exports.TokenCheckComponent = TokenCheckComponent;
-    exports.TooltipComponent = TooltipComponent;
-    exports.TreeComponent = TreeComponent;
-    exports.TreeModule = TreeModule;
-    exports.UploadComponent = UploadComponent;
-    exports.VarDirective = VarDirective;
-    exports.WiziComponentsModule = WiziComponentsModule;
-    exports.WrapperBlocsComponent = WrapperBlocsComponent;
-    exports.WrapperComponent = WrapperComponent;
-    exports.WrapperSidebarComponent = WrapperSidebarComponent;
-    exports.WzEditInPlaceComponent = WzEditInPlaceComponent;
-    exports.ZindexToggleDirective = ZindexToggleDirective;
-    exports.ɵa = DomService;
-    exports.ɵb = PaginationModule;
-    exports.ɵc = PagniationArrayTotalPages;
-    exports.ɵd = PagniationIsLastPage;
-    exports.ɵe = PagniationText;
-    exports.ɵf = TableModule;
-    exports.ɵg = InputSearchModule;
-    exports.ɵh = InputModule;
-    exports.ɵi = TooltipModule;
-    exports.ɵj = ProgressBarModule;
-    exports.ɵk = LoaderModule;
-    exports.ɵl = CheckboxModule;
-    exports.ɵm = inOutY;
-    exports.ɵn = TableCheckboxIdService;
-    exports.ɵo = MultiSelectionService;
-    exports.ɵp = inOutX;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=wizishop-angular-components.umd.js.map