angular-components-lib/fesm5/angular-components-lib.js

import { __values, __decorate, __metadata, __extends, __spread } from 'tslib';
import { Injectable, Input, Component, Directive, ElementRef, forwardRef, Output, EventEmitter, ViewChild, Pipe, ViewContainerRef, ComponentFactoryResolver, Injector, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NG_VALUE_ACCESSOR, FormBuilder, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { Subject } from 'rxjs';

/**
 Classe servant de singleton observer-observable.
 Pour être singleton il doit être déclaré au niveau du bootstrap et PAS dans
 les inclusions des composants providers: [xxx], sinon nouvelle instance
 */
var RadioService = /** @class */ (function () {
    function RadioService() {
        this.listeners = [];
    }
    RadioService.prototype.register = function (listener) {
        this.listeners.push(listener);
    };
    RadioService.prototype.cancel = function (radioListener) {
        var e_1, _a;
        var i = 0;
        try {
            for (var _b = __values(this.listeners), _c = _b.next(); !_c.done; _c = _b.next()) {
                var listener = _c.value;
                if (listener === radioListener) {
                    this.listeners.splice(i, 1);
                }
                i++;
            }
        }
        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; }
        }
    };
    RadioService.prototype.notifyObservers = function (radioListener) {
        var e_2, _a;
        try {
            for (var _b = __values(this.listeners), _c = _b.next(); !_c.done; _c = _b.next()) {
                var listener = _c.value;
                if (radioListener.getName() === listener.getName()) {
                    listener.notifyRadioChanged(radioListener);
                }
            }
        }
        catch (e_2_1) { e_2 = { error: e_2_1 }; }
        finally {
            try {
                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
            }
            finally { if (e_2) throw e_2.error; }
        }
    };
    RadioService = __decorate([
        Injectable()
    ], RadioService);
    return RadioService;
}());

/**
 @author Adrien DESSILLY
 */
var LoadingComponent = /** @class */ (function () {
    function LoadingComponent() {
    }
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], LoadingComponent.prototype, "ngValue", void 0);
    LoadingComponent = __decorate([
        Component({
            selector: 'loading-component',
            template: "\n        <div class=\"loadable-component\">\n            <div class=\"overlay\" [class.loadingHidden]=\"!ngValue\">\n                <i class=\"fa fa-refresh fa-spin\"></i>\n            </div>\n        </div>\n    ",
            styles: [".loadable{position:relative}.loadable-component>.overlay,.loadable>.loading-img,.loadable>.overlay,.overlay-wrapper>.loading-img,.overlay-wrapper>.overlay{position:absolute;top:0;left:0;width:100%;height:100%}.loadable .overlay,.loadable-component .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,.7);border-radius:3px}.loadable .overlay>.fa,.loadable-component .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}.loadable .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,.5)}.overlay{cursor:wait}.overlay.loadingHidden{display:none}"]
        })
    ], LoadingComponent);
    return LoadingComponent;
}());

/*
    Attribut rendant n'importe quel élément du DOM loadable
    Pré-requis :
    - font-awesome (sinon l'icone de chargement ne se verra pas)
    @author Adrien DESSILLY
*/
var LoadableDirective = /** @class */ (function () {
    function LoadableDirective(el) {
        this.el = el;
        this.elementRef = el.nativeElement;
    }
    // @Override AfterContentInit
    LoadableDirective.prototype.ngAfterContentInit = function () {
        // Mettre ceci à la fin du composant html renseigné comme étant [loadable]
        // il s'agit d'une div en absolute se mettant par dessus, devenant légèrement transparente
        // et avec une icone font awesome de loading lorsqu'elle est visible
        var template = "\n            <div class=\"loadingHidden overlay\">\n                <i class=\"fa fa-refresh fa-spin\"></i>\n            </div>\n        ";
        jQuery(this.elementRef).addClass('loadable');
        jQuery(this.elementRef).append(template);
    };
    LoadableDirective.prototype.ngOnChanges = function (simpleChange) {
        if (this.loading) {
            jQuery(this.elementRef).children('.overlay').removeClass('loadingHidden');
        }
        else {
            jQuery(this.elementRef).children('.overlay').addClass('loadingHidden');
        }
    };
    __decorate([
        Input('loadable'),
        __metadata("design:type", Boolean)
    ], LoadableDirective.prototype, "loading", void 0);
    LoadableDirective = __decorate([
        Directive({
            selector: '[loadable]'
        }),
        __metadata("design:paramtypes", [ElementRef])
    ], LoadableDirective);
    return LoadableDirective;
}());

/**
 @author Adrien DESSILLY
 */
var RadioComponent = /** @class */ (function () {
    // Va permettre d'injecter radioService
    // RadioService va faire le lien entre les radio de groupe identique
    function RadioComponent(radioService, element) {
        this.radioService = radioService;
        this.element = element;
        this.width = '12';
        this.disabled = false;
        this.required = false;
        this.readonly = false;
        this.hasError = false;
        this.simpleMode = true;
        this.isChecked = false;
    }
    RadioComponent_1 = RadioComponent;
    RadioComponent.prototype.register = function () {
        this.radioService.register(this);
    };
    RadioComponent.prototype.notifyObservers = function () {
        this.radioService.notifyObservers(this);
    };
    RadioComponent.prototype.setValueFromComponent = function (v) {
        this.ngValue = v;
        this.onChangeCallback(v);
    };
    RadioComponent.prototype.setValueFromParent = function (v) {
        this.ngValue = v;
        this.refreshRadio();
    };
    // @Override ControlValueAccessor
    RadioComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // @Override ControlValueAccessor
    RadioComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    RadioComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    // S'abonner au service observer quand le composant est intialisé
    // @Override AfterContentInit
    RadioComponent.prototype.ngAfterContentInit = function () {
        if (this.width && this.width.substring(0, 3) === 'col') {
            this.simpleMode = false;
        }
        this.register();
        this.refreshRadio();
    };
    RadioComponent.prototype.setInputWidth = function (width) {
        this.width = width;
    };
    RadioComponent.prototype.getWidth = function () {
        return this.width;
    };
    // on change RADIO COMPOSANT -> PARENT COMPOSANT
    // @Override RadioListener
    RadioComponent.prototype.notifyRadioChanged = function (radioListener) {
        this.isChecked = radioListener === this;
        // Répercuter la valeur chez le parent
        if (this.isChecked) {
            this.ngValue = this.value;
            this.setValueFromComponent(this.ngValue);
        }
    };
    // @Override RadioListener
    RadioComponent.prototype.getName = function () {
        return this.name;
    };
    RadioComponent.prototype.radioButtonClicked = function (event) {
        if (this.disabled) {
            return;
        }
        this.radioService.notifyObservers(this);
    };
    RadioComponent.prototype.refreshRadio = function () {
        if (this.ngValue === this.value) {
            this.radioService.notifyObservers(this);
        }
    };
    var RadioComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], RadioComponent.prototype, "width", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], RadioComponent.prototype, "label", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], RadioComponent.prototype, "name", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], RadioComponent.prototype, "value", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], RadioComponent.prototype, "disabled", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], RadioComponent.prototype, "required", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], RadioComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], RadioComponent.prototype, "hasError", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], RadioComponent.prototype, "message", void 0);
    RadioComponent = RadioComponent_1 = __decorate([
        Component({
            selector: 'radio-component',
            template: "<div class = \"form-group checkbox-group {{simpleMode ? 'col-sm-'+width : width}}\">\n    <div [ngClass]=\"{'has-error':hasError}\">\n        <label class=\"control-label\">{{(label != '' && label != null && required) ? label + ' *': label}}</label>\n        <span *ngIf=\"message != null\" style=\"display:block;font-style:italic;\"><span [ngClass]=\"{'text-danger':hasError}\">{{message}}</span></span>\n\n        <div class=\"radio-button-flat component-radio radio-default\">\n            <button name=\"name\" (click)=\"radioButtonClicked($event)\" [ngClass]=\"{'radio-selected': isChecked, 'radio-disabled' : disabled}\" [disabled]=\"readonly\">\n                <div class=\"circle-checked\"></div>\n            </button>\n\n          <span [ngClass]=\"{'faa-parent':true, 'animated-hover':true, 'text-danger':hasError}\">\n              <!--\n              ng-content : contenu html inject\u00E9 provenant du innerHTML du composant parent\n              <radio-component ...>  Radio val <strong>1</strong>  </radio-component>\n              => ici, ng-content = \"Radio val <strong>1</strong>\"\n              -->\n              <ng-content></ng-content>\n                <!--label *ngIf=\"(label == '' || label == null) && required\">*</label-->\n          </span>\n\n\n        </div>\n    </div>\n</div>\n",
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return RadioComponent_1; }),
                    multi: true
                }],
            styles: [".component-radio{position:relative}.component-radio button{position:absolute;display:inline-block;border-radius:50%;top:4px;height:20px;width:20px;outline:0;border:4px solid gray;background-color:#fff;content:' '}.component-radio button:focus{border:4px solid gray}.component-radio button.radio-selected{background:#fff}.component-radio button.radio-disabled{background:gray}.component-radio button>.circle-checked{position:absolute;top:3px;left:3px;width:6px;height:6px;background:gray;border-radius:50%;margin:0;padding:0;display:none}.component-radio button.radio-selected>.circle-checked{display:block}.component-radio>span{display:block;margin-left:25px;padding-top:4px;padding-bottom:4px}", ".component-radio.radio-default button{background-color:#fff;border-color:#ccc}.component-radio.radio-default button:focus{border-color:#3c8dbc}.component-radio.radio-default button.radio-selected{background-color:#fff;border-color:#3c8dbc}.component-radio.radio-default button.radio-selected:hover>.circle-checked,.component-radio.radio-default button.radio-selected>.circle-checked{background-color:#3c8dbc}.component-radio.radio-default button:hover>.circle-checked{display:block;background-color:#ccc}.component-radio.radio-default button.radio-disabled,.component-radio.radio-default button.radio-disabled.radio-selected,.component-radio.radio-default button.radio-disabled:focus{background-color:#fff;border-color:#eee}.component-radio.radio-default button.radio-disabled.radio-selected:hover>.circle-checked,.component-radio.radio-default button.radio-disabled.radio-selected>.circle-checked{background-color:#eee}.component-radio.radio-default button.radio-disabled:hover>.circle-checked{background-color:#ccc}.component-radio.radio-default>label{color:#555;line-height:0}.component-radio.radio-default>button.radio-disabled+label{color:#999}"]
        }),
        __metadata("design:paramtypes", [RadioService, ElementRef])
    ], RadioComponent);
    return RadioComponent;
}());

/*
 @author Adrien DESSILLY
 */
var DateComponent = /** @class */ (function () {
    function DateComponent(element) {
        this.element = element;
        this.width = '12';
        this.time = false;
        this.month = false;
        this.required = false;
        this.readonly = false;
        this.hasError = false;
        this.allowInputToggle = true;
        this.simpleMode = true;
    }
    DateComponent_1 = DateComponent;
    DateComponent.prototype.onChange = function ($event) {
        this.setValueFromDatepicker(this.innerDate);
    };
    // Ici, il faut setter la date et notifier le datepicker
    DateComponent.prototype.setValueFromParent = function (v) {
        this.innerDate = v;
    };
    // Ici, il faut setter la date et notifier le parent
    DateComponent.prototype.setValueFromDatepicker = function (v) {
        if (this.onChangeCallback) {
            this.onChangeCallback(this.innerDate);
        }
    };
    DateComponent.prototype.ngAfterContentInit = function () {
        if (this.width && this.width.substring(0, 3) === 'col') {
            this.simpleMode = false;
        }
    };
    DateComponent.prototype.onTouch = function ($event) {
        this.onTouchedCallback();
    };
    // @Override ControlValueAccessor
    DateComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // @Override ControlValueAccessor
    DateComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    DateComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    var DateComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateComponent.prototype, "width", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], DateComponent.prototype, "label", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], DateComponent.prototype, "id", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateComponent.prototype, "time", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateComponent.prototype, "month", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateComponent.prototype, "required", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateComponent.prototype, "hasError", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateComponent.prototype, "allowInputToggle", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], DateComponent.prototype, "message", void 0);
    DateComponent = DateComponent_1 = __decorate([
        Component({
            selector: 'date-component',
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return DateComponent_1; }),
                    multi: true
                }],
            template: "<div class = \"form-group {{simpleMode ? 'col-sm-'+width : width}}\">\n<div>\n    <label attr.for=\"{{id}}\" class=\"control-label\">{{(required) ? label + ' *': label}}</label>\n    <span *ngIf=\"message != null\" style=\"display:block;font-style:italic;\">{{message}}</span>\n\n    <datepicker-component\n            [(ngModel)]=\"innerDate\"\n            [required]=\"required\"\n            [readonly]=\"readonly\"\n            [allowInputToggle]=\"allowInputToggle\"\n            [time]=\"time\"\n            [month]=\"month\"\n            [hasError]=\"hasError\"\n            (ngModelChange)=\"onChange($event)\"\n            (touchedChange)=\"onTouch($event)\">\n    </datepicker-component>\n\n</div>\n</div>\n"
        }),
        __metadata("design:paramtypes", [ElementRef])
    ], DateComponent);
    return DateComponent;
}());

/*
 @author Adrien DESSILLY
 */
var DatePickerComponent = /** @class */ (function () {
    function DatePickerComponent() {
        this.time = false;
        this.month = false;
        this.required = false;
        this.readonly = false;
        this.hasError = false;
        this.allowInputToggle = true;
        this.touchedChange = new EventEmitter();
        this.datepicker = null;
        this.simpleMode = true;
    }
    DatePickerComponent_1 = DatePickerComponent;
    // Ici, il faut setter la date et notifier le datepicker
    DatePickerComponent.prototype.setValueFromParent = function (v) {
        this.innerDate = this.convertToDate(v);
        if (this.datepicker) {
            this.datepicker.data('DateTimePicker').date(this.innerDate);
        }
    };
    // Ici, il faut setter la date et notifier le parent
    DatePickerComponent.prototype.setValueFromDatepicker = function (v) {
        this.innerDate = this.convertToDate(v);
        if (this.onChangeCallback) {
            this.onChangeCallback(this.innerDate);
        }
    };
    DatePickerComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        this.createDatepickerBootstrap();
        var i = 0;
        this.datePickerChild.nativeElement.onblur = function () {
            // On va deux fois dedans à cause du datetimetpicker
            // mais on ne veut pas être notifié deux fois
            if (i++ % 2 === 1) {
                return;
            }
            _this.touchedChange.emit(true);
            _this.onTouchedCallback();
        };
    };
    DatePickerComponent.prototype.createDatepickerBootstrap = function () {
        var _this = this;
        this.datepicker = jQuery([this.datePickerChild.nativeElement]);
        this.datepicker.datetimepicker({
            locale: 'fr',
            minDate: moment('19100101', 'YYYYMMDD'),
            keepOpen: false,
            sideBySide: true,
            viewMode: 'days',
            allowInputToggle: this.allowInputToggle,
            widgetPositioning: {
                horizontal: 'left',
                vertical: 'auto'
            },
            format: this.month ? 'MM/YYYY' : (this.time ? 'DD/MM/YYYY HH: mm' : 'DD/MM/YYYY'),
            date: this.innerDate // IMPORTANT sinon bug au démarrage, datepicker non setté
        }).on('dp.change', function (eventDate) {
            _this.setValueFromDatepicker(eventDate.date === false ? null : eventDate.date.toDate());
        });
    };
    DatePickerComponent.prototype.convertToDate = function (value) {
        if (value === undefined) {
            value = null;
        }
        if (value && !(value instanceof Date)) {
            value = new Date(value);
        }
        return value;
    };
    DatePickerComponent.prototype.togglePopup = function () {
        // this.datepicker.data('DateTimePicker').show();
    };
    // @Override ControlValueAccessor
    DatePickerComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // @Override ControlValueAccessor
    DatePickerComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    DatePickerComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    var DatePickerComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DatePickerComponent.prototype, "time", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DatePickerComponent.prototype, "month", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DatePickerComponent.prototype, "required", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DatePickerComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DatePickerComponent.prototype, "hasError", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DatePickerComponent.prototype, "allowInputToggle", void 0);
    __decorate([
        Output(),
        __metadata("design:type", EventEmitter)
    ], DatePickerComponent.prototype, "touchedChange", void 0);
    __decorate([
        ViewChild('myDatePicker', { static: true }),
        __metadata("design:type", Object)
    ], DatePickerComponent.prototype, "datePickerChild", void 0);
    DatePickerComponent = DatePickerComponent_1 = __decorate([
        Component({
            selector: 'datepicker-component',
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return DatePickerComponent_1; }),
                    multi: true
                }],
            template: "<style>\n    .has-error-bottom input {\n        border-bottom-color: #a94442;\n    }\n</style>\n<div #myDatePicker class=\"input-group date\" [ngClass]=\"{'has-error-bottom':hasError}\">\n    <input class=\"form-control\" type=\"text\" [required]=\"required\" [readonly]=\"readonly\">\n    <span class=\"input-group-addon\">\n        <span class=\"glyphicon glyphicon-calendar\" (click)=\"togglePopup()\"></span>\n    </span>\n</div>\n"
        }),
        __metadata("design:paramtypes", [])
    ], DatePickerComponent);
    return DatePickerComponent;
}());

/**
 Classe servant de singleton observer-observable.
 Pour être singleton il doit être déclaré au niveau du bootstrap et PAS dans
 les inclusions des composants providers: [xxx], sinon nouvelle instance
 */
var TabService = /** @class */ (function () {
    function TabService() {
        this.listeners = [];
    }
    TabService.prototype.register = function (listener) {
        this.listeners.push(listener);
    };
    TabService.prototype.cancel = function (tabListener) {
        var e_1, _a;
        var i = 0;
        try {
            for (var _b = __values(this.listeners), _c = _b.next(); !_c.done; _c = _b.next()) {
                var listener = _c.value;
                if (listener === tabListener) {
                    this.listeners.splice(i, 1);
                }
                i++;
            }
        }
        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; }
        }
    };
    TabService.prototype.notifyObservers = function (tabListener) {
        var e_2, _a;
        try {
            for (var _b = __values(this.listeners), _c = _b.next(); !_c.done; _c = _b.next()) {
                var listener = _c.value;
                if (tabListener.getName() === listener.getName()) {
                    listener.notifyTabChanged(tabListener);
                }
            }
        }
        catch (e_2_1) { e_2 = { error: e_2_1 }; }
        finally {
            try {
                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
            }
            finally { if (e_2) throw e_2.error; }
        }
    };
    TabService = __decorate([
        Injectable()
    ], TabService);
    return TabService;
}());

/**
 @author Adrien DESSILLY
 */
var TabComponent = /** @class */ (function () {
    // Va permettre d'injecter radioService
    // RadioService va faire le lien entre les radio de groupe identique
    function TabComponent(tabService, element) {
        this.tabService = tabService;
        this.element = element;
        this.disabled = false;
        this.ngValueChange = new EventEmitter();
        this.inputWidth = 12;
        this.isChecked = false;
    }
    // S'abonner au service observer quand le composant est intialisé
    // @Override AfterContentInit
    TabComponent.prototype.ngAfterContentInit = function () {
        if (this.width) {
            this.inputWidth = this.width;
        }
        else {
            var nbTabs = document.querySelectorAll('tab-component[name=' + this.name + ']').length;
            this.inputWidth = Math.floor(12 / nbTabs);
        }
        this.tabService.register(this);
        this.refreshTab();
    };
    // on change PARENT COMPOSANT -> RADIO COMPOSANT
    // ->Si on modifie dans un composant parent la valeur, il faut rafraîchir la radio
    // pour peut être sélectionner ou désélectinoner la radio
    // https://angular.io/docs/ts/latest/api/core/index/OnChanges-class.html
    // @Override OnChanges (classe par défaut Angular2)
    TabComponent.prototype.ngOnChanges = function (changes) {
        this.refreshTab();
    };
    // on change RADIO COMPOSANT -> PARENT COMPOSANT
    // @Override RadioListener
    TabComponent.prototype.notifyTabChanged = function (tabListener) {
        this.isChecked = tabListener === this;
        // Répercuter la valeur chez le parent
        if (this.isChecked) {
            this.ngValue = this.value;
            this.ngValueChange.emit(this.value);
        }
    };
    // @Override RadioListener
    TabComponent.prototype.getName = function () {
        return this.name;
    };
    TabComponent.prototype.tabClicked = function (event) {
        this.tabService.notifyObservers(this);
    };
    TabComponent.prototype.refreshTab = function () {
        if (this.ngValue === this.value) {
            this.tabService.notifyObservers(this);
        }
    };
    __decorate([
        Input(),
        __metadata("design:type", Number)
    ], TabComponent.prototype, "width", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], TabComponent.prototype, "label", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], TabComponent.prototype, "name", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], TabComponent.prototype, "value", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], TabComponent.prototype, "ngValue", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], TabComponent.prototype, "disabled", void 0);
    __decorate([
        Output(),
        __metadata("design:type", Object)
    ], TabComponent.prototype, "ngValueChange", void 0);
    TabComponent = __decorate([
        Component({
            selector: 'tab-component',
            template: "<div class=\"col-md-{{inputWidth}} component-tab\" [ngClass]=\"{'tab-selected': isChecked}\">\n    <button type=\"button\" class=\"btn btn-flat btn-lg faa-parent animated-hover\" style=\"width:100%;\"\n            (click)=\"tabClicked($event)\" [ngClass]=\"{'btn-info': isChecked}\">\n        <ng-content></ng-content>\n    </button>\n    <div class=\"puce\">\n        <i class=\"fa fa-caret-down\" aria-hidden=\"true\"></i>\n    </div>\n</div>\n",
            styles: [".component-tab button{transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;-o-transition:.3s linear;-ms-transition:all .3s 0s linear;border:none;background:#ddd}.component-tab button:hover,.component-tab.tab-selected button{background:#00c0ef;color:#fff}.component-tab{position:relative}.component-tab .btn-info{border:none}.component-tab .btn{border-radius:3px 3px 0 0}.component-tab .puce{transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;-o-transition:.3s linear;-ms-transition:all .3s 0s linear;position:absolute;bottom:-11px;margin:auto auto auto -14px;z-index:10;width:100%;text-align:center;font-size:1.5em;color:#ddd}.component-tab.tab-selected .puce,.component-tab:hover .puce{bottom:-13px}.component-tab .btn-info+.puce,.component-tab .btn-info:focus:hover+.puce,.component-tab button:hover+.puce{color:#00c0ef}.component-tab .btn-info:focus+.puce{color:#31b0d5}.content-info-perso{padding:20px;background:#d2d6de;margin-bottom:20px}.content-info-perso h2{margin-top:0;font-size:1.4em;padding-bottom:5px;border-bottom:1px solid #efefef;padding-top:20px}.content-info-perso h2.first-title{padding-top:0}.content-info-perso>div>i{display:inline-block;width:25px}.infobulle-tab{position:absolute;bottom:-22px;left:20px;background:#444;opacity:0;padding:5px;z-index:900;transition:.5s linear;box-shadow:0 0 5px 0 rgba(0,0,0,.2);border-radius:3px;font-size:.7em}button:hover>.infobulle-tab{opacity:.95;color:#fff}"]
        }),
        __metadata("design:paramtypes", [TabService, ElementRef])
    ], TabComponent);
    return TabComponent;
}());

/**
 @author Adrien DESSILLY
 */
var TextfieldComponent = /** @class */ (function () {
    function TextfieldComponent() {
        this.width = '12';
        this.required = false;
        this.readonly = false;
        this.hasError = false;
        this.type = 'text';
        this.simpleMode = true;
        this.i = 0;
    }
    TextfieldComponent_1 = TextfieldComponent;
    TextfieldComponent.prototype.updateData = function (event) {
        this.setValueFromField(event);
    };
    // @Override AfterContentInit
    TextfieldComponent.prototype.ngAfterContentInit = function () {
        var _this = this;
        if (this.width && this.width.substring(0, 3) === 'col') {
            this.simpleMode = false;
        }
        this.inputText.nativeElement.onblur = function () {
            _this.onTouchedCallback();
        };
    };
    TextfieldComponent.prototype.setValueFromField = function (v) {
        this.ngValue = v;
        this.onChangeCallback(v);
    };
    TextfieldComponent.prototype.setValueFromParent = function (v) {
        this.ngValue = v;
    };
    // @Override ControlValueAccessor
    TextfieldComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // @Override ControlValueAccessor
    TextfieldComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    TextfieldComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    var TextfieldComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Number)
    ], TextfieldComponent.prototype, "rows", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], TextfieldComponent.prototype, "width", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], TextfieldComponent.prototype, "placeholder", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], TextfieldComponent.prototype, "label", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], TextfieldComponent.prototype, "id", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], TextfieldComponent.prototype, "required", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], TextfieldComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], TextfieldComponent.prototype, "hasError", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], TextfieldComponent.prototype, "message", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], TextfieldComponent.prototype, "type", void 0);
    __decorate([
        ViewChild('inputText', { static: true }),
        __metadata("design:type", Object)
    ], TextfieldComponent.prototype, "inputText", void 0);
    TextfieldComponent = TextfieldComponent_1 = __decorate([
        Component({
            selector: 'textfield-component',
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return TextfieldComponent_1; }),
                    multi: true
                }],
            template: "<style>\n  .has-error-bottom input {\n    border-bottom-color: #a94442;\n  }\n</style>\n<div class = \"form-group {{simpleMode ? 'col-sm-'+width : width}}\">\n  <div  [ngClass]=\"{'has-error-bottom':hasError}\">\n\n    <label  class=\"control-label\" attr.for=\"{{id}}\">{{(required) ? label + ' *': label}}</label>\n\n    <span style=\"display:block;text-align:left;font-style: italic;\" *ngIf=\"message != null\">{{message}}</span>\n\n    <input [type]=\"type\" class=\"form-control\" id=\"{{id}}\" placeholder=\"{{placeholder}}\"\n           [ngModel]=\"ngValue\" (ngModelChange)=\"updateData($event)\"\n           [required]=\"required\" [readonly]=\"readonly\" #inputText>\n\n  </div>\n</div>\n"
        }),
        __metadata("design:paramtypes", [])
    ], TextfieldComponent);
    return TextfieldComponent;
}());

/**
 @author phw
 */
var TextareaComponent = /** @class */ (function (_super) {
    __extends(TextareaComponent, _super);
    // problème : dès que l'on déclare un @Input, on perds les Inputs du parent
    // en attendant d'avoir une solution, on ajoute les propriétés nécessaires dans le parent
    function TextareaComponent() {
        return _super.call(this) || this;
    }
    TextareaComponent_1 = TextareaComponent;
    var TextareaComponent_1;
    TextareaComponent = TextareaComponent_1 = __decorate([
        Component({
            selector: 'textarea-component',
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return TextareaComponent_1; }),
                    multi: true
                }],
            template: "<style>\n    .has-error-bottom textarea {\n        border-bottom-color: #a94442;\n    }\n</style>\n<div class = \"form-group {{simpleMode ? 'col-sm-'+width : width}}\">\n    <div  [ngClass]=\"{'has-error-bottom':hasError}\">\n\n        <label  class=\"control-label\" attr.for=\"{{id}}\">{{(required) ? label + ' *': label}}</label>\n\n        <span style=\"display:block;text-align:left;font-style: italic;\" *ngIf=\"message != null\">{{message}}</span>\n\n        <textarea class=\"form-control\" id=\"{{id}}\" placeholder=\"{{placeholder}}\"\n               [ngModel]=\"ngValue\" (ngModelChange)=\"updateData($event)\"\n               [required]=\"required\" [readonly]=\"readonly\"\n               [rows]=\"rows\" #inputText></textarea>\n\n    </div>\n</div>"
        }),
        __metadata("design:paramtypes", [])
    ], TextareaComponent);
    return TextareaComponent;
}(TextfieldComponent));

var CheckboxComponent = /** @class */ (function () {
    function CheckboxComponent() {
        this.id = '';
        this.width = '12';
        this.readonly = false;
        this.hasError = false;
        this.icheckElement = null;
        this.simpleMode = true;
    }
    CheckboxComponent_1 = CheckboxComponent;
    CheckboxComponent.prototype.setValueFromComponent = function (v) {
        this.ngValue = v;
        this.onChangeCallback(v);
    };
    CheckboxComponent.prototype.setValueFromParent = function (v) {
        this.ngValue = v;
        this.ngDoCheck();
    };
    // @Override ControlValueAccessor
    CheckboxComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // @Override ControlValueAccessor
    CheckboxComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    CheckboxComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    CheckboxComponent.prototype.ngAfterContentInit = function () {
        var _this = this;
        if (this.width && this.width.substring(0, 3) === 'col') {
            this.simpleMode = false;
        }
        this.icheckChildren.nativeElement.onblur = function () {
            _this.onTouchedCallback();
        };
    };
    CheckboxComponent.prototype.ngAfterViewInit = function () {
        this.createICheck();
    };
    CheckboxComponent.prototype.getICheckElement = function () {
        return jQuery([this.icheckChildren.nativeElement]);
    };
    CheckboxComponent.prototype.createICheck = function () {
        this.icheckElement = this.getICheckElement();
        var elem = this.icheckElement;
        var self = this;
        elem.iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%'
        }).on('ifToggled', function (event) {
            self.switchValue();
        });
    };
    // le OnChanges intervient trop tôt, utiliser le DoCheck
    CheckboxComponent.prototype.ngDoCheck = function () {
        if (this.icheckElement) {
            this.icheckElement.iCheck('update');
        }
    };
    CheckboxComponent.prototype.switchValue = function () {
        if (this.ngValue === true) {
            this.ngValue = false;
        }
        else {
            this.ngValue = true;
        }
        this.setValueFromComponent(this.ngValue);
    };
    var CheckboxComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], CheckboxComponent.prototype, "id", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], CheckboxComponent.prototype, "width", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], CheckboxComponent.prototype, "placeholder", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], CheckboxComponent.prototype, "label", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], CheckboxComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], CheckboxComponent.prototype, "hasError", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], CheckboxComponent.prototype, "message", void 0);
    __decorate([
        ViewChild('icheckElement', { static: true }),
        __metadata("design:type", Object)
    ], CheckboxComponent.prototype, "icheckChildren", void 0);
    CheckboxComponent = CheckboxComponent_1 = __decorate([
        Component({
            selector: 'checkbox-component',
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return CheckboxComponent_1; }),
                    multi: true
                }],
            template: "<style>\n    :host >>> .icheckbox_square-blue.focus:not(.checked) {\n        background-position: -24px 0;\n    }\n    /*:host >>> .icheckbox_flat.focus.checked {*/\n        /*background-position: -48px 0;*/\n    /*}*/\n</style>\n<div class = \"form-group {{simpleMode ? 'col-sm-'+width : width}}\">\n\n    <div [ngClass]=\"{'has-error':hasError, 'checkbox':true, 'icheck':true}\">\n            <span style=\"display:block;text-align:left;font-style: italic;\" *ngIf=\"message != null\">{{message}}</span>\n            <input type=\"checkbox\" id=\"{{id}}\" #icheckElement\n                   [checked]=\"ngValue\" (click)=\"switchValue()\"\n                   [readonly]=\"readonly\"/>\n            <label class=\"control-label\" attr.for=\"{{id}}\">\n                <div *ngIf=\"label != null\">{{label}}</div>\n                <ng-content></ng-content>\n            </label>\n\n    </div>\n\n</div>\n"
        }),
        __metadata("design:paramtypes", [])
    ], CheckboxComponent);
    return CheckboxComponent;
}());

/**
 @author phw
 */
var NumericComponent = /** @class */ (function (_super) {
    __extends(NumericComponent, _super);
    // problème : dès que l'on déclare un @Input, on perds les Inputs du parent
    // en attendant d'avoir une solution, on ajoute les propriétés nécessaires dans le parent
    function NumericComponent() {
        return _super.call(this) || this;
    }
    NumericComponent_1 = NumericComponent;
    var NumericComponent_1;
    NumericComponent = NumericComponent_1 = __decorate([
        Component({
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return NumericComponent_1; }),
                    multi: true
                }],
            selector: 'numeric-component',
            template: "<style>\n    .has-error-bottom input {\n        border-bottom-color: #a94442;\n    }\n</style>\n<div class = \"form-group {{simpleMode ? 'col-sm-'+width : width}}\">\n    <div  [ngClass]=\"{'has-error-bottom':hasError}\">\n\n        <label  class=\"control-label\" attr.for=\"{{id}}\">{{(required) ? label + ' *': label}}</label>\n\n        <span style=\"display:block;text-align:left;font-style: italic;\" *ngIf=\"message != null\">{{message}}</span>\n\n        <input type=\"number\" class=\"form-control\" id=\"{{id}}\" placeholder=\"{{placeholder}}\"\n               [ngModel]=\"ngValue\" (ngModelChange)=\"updateData($event)\"\n               [required]=\"required\" [readonly]=\"readonly\" #inputText>\n\n    </div>\n</div>\n"
        }),
        __metadata("design:paramtypes", [])
    ], NumericComponent);
    return NumericComponent;
}(TextfieldComponent));

/*
 * Return [size] first chars of the given [value], add ... if the original value contains more chars
 * Usage:
 *   value | showResume:size
 */
var ShowResumePipe = /** @class */ (function () {
    function ShowResumePipe() {
    }
    ShowResumePipe.prototype.transform = function (value, size) {
        if (value) {
            if (value.length > size) {
                return value.substr(0, size) + ' ...';
            }
            else {
                return value;
            }
        }
        else {
            return '';
        }
    };
    ShowResumePipe = __decorate([
        Pipe({ name: 'showResume' })
    ], ShowResumePipe);
    return ShowResumePipe;
}());

/**

  Select2 encapsulé dans Angular2 en lien bidirectionnel.
  ngValue est utilisé plutôt que ngModel car ngModel est une propriété par défaut de Angular2, qui
  requiert des initialisations supplémentaires.

  Pour info sur ngModel, rechercher : ControlValueAccessor : http://almerosteyn.com/2016/04/linkup-custom-control-to-ngcontrol-ngmodel

 @author Adrien DESSILLY
 */
var SelectComponent = /** @class */ (function () {
    function SelectComponent(element) {
        this.element = element;
        this.width = '12';
        this.required = false;
        this.readonly = false;
        this.hasError = false;
        this.simpleMode = true;
    }
    SelectComponent_1 = SelectComponent;
    // @Override AfterContentInit
    SelectComponent.prototype.ngAfterContentInit = function () {
        if (this.width && this.width.substring(0, 3) === 'col') {
            this.simpleMode = false;
        }
        this.initSelect2();
    };
    SelectComponent.prototype.setValueFromSelect = function (v) {
        this.innerValue = v;
        this.onChangeCallback(v);
    };
    SelectComponent.prototype.setValueFromParent = function (v) {
        this.innerValue = v;
        this.initSelect2();
    };
    // update select2 -> parent
    SelectComponent.prototype.updateData = function (event) {
        var e_1, _a;
        if (event) {
            if (event instanceof Array) {
                var valArray = [];
                try {
                    for (var event_1 = __values(event), event_1_1 = event_1.next(); !event_1_1.done; event_1_1 = event_1.next()) {
                        var item = event_1_1.value;
                        if (item.value) {
                            valArray = __spread(valArray, [item.value]);
                        }
                        else {
                            valArray = __spread(valArray, [item]);
                        }
                    }
                }
                catch (e_1_1) { e_1 = { error: e_1_1 }; }
                finally {
                    try {
                        if (event_1_1 && !event_1_1.done && (_a = event_1.return)) _a.call(event_1);
                    }
                    finally { if (e_1) throw e_1.error; }
                }
                this.setValueFromSelect(valArray);
            }
            else {
                if (event.value) {
                    this.setValueFromSelect(event.value);
                }
                else {
                    this.setValueFromSelect(event);
                }
            }
        }
    };
    /**
     * Vider le select2 au cas où il existait déjà
     */
    SelectComponent.prototype.emptySelect2 = function () {
        var jqSelect2 = $(this.select2Html.nativeElement);
        jqSelect2.select2({ data: null, language: this.getSelect2Lang });
        jqSelect2.html('');
        jqSelect2.off('change');
        jqSelect2.off('select2:close');
    };
    /**
     * Initialiser le select2
     */
    SelectComponent.prototype.initSelect2 = function () {
        this.emptySelect2();
        var self = this;
        // init select2
        var jqSelect2 = jQuery(this.select2Html.nativeElement);
        jqSelect2.select2({
            data: this.values,
            language: this.getSelect2Lang,
            width: '100%',
            multiple: (this.innerValue instanceof Array)
        });
        jqSelect2.on('select2:close', function (e) {
            self.onTouchedCallback();
        });
        // -> setValue (oninit)
        if (this.innerValue) {
            this.currentSelectValue = this.convertValueForSelect2(this.innerValue);
            jqSelect2.val(this.currentSelectValue).trigger('change');
        }
        // <- getValue (onchange)
        jqSelect2.on('change', function () {
            var obj = jqSelect2.select2('val');
            var val = null;
            if (obj instanceof Array) {
                val = self.findArrayObjFromArrayVal(obj);
            }
            else {
                val = self.findObjFromVal(obj);
            }
            self.updateData(val);
        });
    };
    // Pour sélectionner un élément dans le select2, il ne faut pas fournir l'objet,
    // mais l'id de cet objet. Si c'est un array, c'est un array d'ids
    SelectComponent.prototype.convertValueForSelect2 = function (obj) {
        if (obj instanceof Array) {
            return this.convertArrayObjToArrayId(obj);
        }
        else {
            return this.convertObjToId(obj);
        }
    };
    // Convertir un array d'objets en array d'ids (voir convertValueForSelect2)
    SelectComponent.prototype.convertArrayObjToArrayId = function (arrayObj) {
        var e_2, _a;
        var arraySelect2Vals = [];
        try {
            for (var arrayObj_1 = __values(arrayObj), arrayObj_1_1 = arrayObj_1.next(); !arrayObj_1_1.done; arrayObj_1_1 = arrayObj_1.next()) {
                var value = arrayObj_1_1.value;
                var select2val = this.convertObjToId(value);
                arraySelect2Vals = __spread(arraySelect2Vals, [select2val]);
            }
        }
        catch (e_2_1) { e_2 = { error: e_2_1 }; }
        finally {
            try {
                if (arrayObj_1_1 && !arrayObj_1_1.done && (_a = arrayObj_1.return)) _a.call(arrayObj_1);
            }
            finally { if (e_2) throw e_2.error; }
        }
        return arraySelect2Vals;
    };
    // Convertir un objets en string contenant l'id (voir convertValueForSelect2)
    // ou renvoyer un string
    SelectComponent.prototype.convertObjToId = function (obj) {
        if (obj.id) {
            return obj.id;
        }
        else {
            return obj.toString();
        }
    };
    SelectComponent.prototype.findArrayObjFromArrayVal = function (valArrayFromSelect2) {
        var e_3, _a;
        var objectValue = [];
        try {
            for (var valArrayFromSelect2_1 = __values(valArrayFromSelect2), valArrayFromSelect2_1_1 = valArrayFromSelect2_1.next(); !valArrayFromSelect2_1_1.done; valArrayFromSelect2_1_1 = valArrayFromSelect2_1.next()) {
                var value = valArrayFromSelect2_1_1.value;
                var select2Val = this.findObjFromVal(value);
                if (select2Val != null) {
                    objectValue = __spread(objectValue, [select2Val]);
                }
            }
        }
        catch (e_3_1) { e_3 = { error: e_3_1 }; }
        finally {
            try {
                if (valArrayFromSelect2_1_1 && !valArrayFromSelect2_1_1.done && (_a = valArrayFromSelect2_1.return)) _a.call(valArrayFromSelect2_1);
            }
            finally { if (e_3) throw e_3.error; }
        }
        return objectValue;
    };
    SelectComponent.prototype.findObjFromVal = function (val) {
        var e_4, _a;
        try {
            for (var _b = __values(this.values), _c = _b.next(); !_c.done; _c = _b.next()) {
                var value = _c.value;
                if (value.id && '' + value.id === '' + val) {
                    return value;
                }
                if (!value.id && '' + value.id === '' + val) {
                    return value;
                }
            }
        }
        catch (e_4_1) { e_4 = { error: e_4_1 }; }
        finally {
            try {
                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
            }
            finally { if (e_4) throw e_4.error; }
        }
        return null;
    };
    SelectComponent.prototype.getSelect2Lang = function () {
        return {
            errorLoading: function () { return 'Le résultat ne peut être affiché.'; },
            inputTooLong: function (args) { return 'Veuillez supprimer des caractères.'; },
            inputTooShort: function (args) { return 'Veuillez saisir des caractères.'; },
            loadingMore: function (args) { return 'Chargement des résultats...'; },
            maximumSelected: function (args) { return 'Vous ne pouvez sélectionner que ' + args.maximum + ' valeurs'; },
            noResults: function () { return 'Aucun résultat'; },
            searching: function () { return 'Recherche en cours...'; }
        };
    };
    // on change PARENT COMPOSANT -> SELECT COMPOSANT
    // ->Si on modifie dans un composant parent la valeur, il faut rafraîchir la select
    // pour peut être sélectionner ou désélectinoner la select
    // https://angular.io/docs/ts/latest/api/core/index/OnChanges-class.html
    // @Override ControlValueAccessor
    SelectComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // ngChange doit aussi être utilisé si on change la liste (et pas l'element selectionne)
    SelectComponent.prototype.ngOnChanges = function (changes) {
        this.initSelect2();
    };
    // @Override ControlValueAccessor
    SelectComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    SelectComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    var SelectComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Array)
    ], SelectComponent.prototype, "values", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SelectComponent.prototype, "width", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], SelectComponent.prototype, "label", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], SelectComponent.prototype, "id", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SelectComponent.prototype, "required", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SelectComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SelectComponent.prototype, "hasError", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], SelectComponent.prototype, "message", void 0);
    __decorate([
        ViewChild('select2', { static: true }),
        __metadata("design:type", Object)
    ], SelectComponent.prototype, "select2Html", void 0);
    SelectComponent = SelectComponent_1 = __decorate([
        Component({
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return SelectComponent_1; }),
                    multi: true
                }],
            selector: 'select-component',
            template: "<div class = \"form-group select2-component {{simpleMode ? 'col-sm-'+width : width}}\">\n  <div  [ngClass]=\"{'has-error-bottom':hasError}\">\n\n    <label  class=\"control-label\" attr.for=\"{{id}}\">{{(required) ? label + ' *': label}}</label>\n    <span style=\"display:block;text-align:left;font-style: italic;\" *ngIf=\"message != null\">{{message}}</span>\n\n    <select #select2 class=\"form-control\" id=\"{{id}}\" [required]=\"required\" [disabled]=\"readonly\"></select>\n\n  </div>\n</div>\n",
            styles: [":host>>>.select2-selection--multiple{padding-bottom:5px}:host>>>.select2-search__field:focus{border:none}:host>>>.has-error-bottom .select2-selection{border-bottom-color:#a94442!important}:host>>>.select2-container--focus .select2-selection{border-color:#3c8dbc}"]
        }),
        __metadata("design:paramtypes", [ElementRef])
    ], SelectComponent);
    return SelectComponent;
}());

/**
 @author phw
 */
var BoxComponent = /** @class */ (function () {
    function BoxComponent() {
        this.boxOpen = true;
        this.boxStyle = 'box-default';
        this.arrowOpen = true;
    }
    BoxComponent.prototype.ngOnInit = function () {
        this.arrowOpen = this.boxOpen;
    };
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], BoxComponent.prototype, "title", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], BoxComponent.prototype, "boxOpen", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], BoxComponent.prototype, "boxStyle", void 0);
    BoxComponent = __decorate([
        Component({
            selector: 'box-component',
            template: "<style>\n.box-component .box-header {\n  cursor:pointer;\n}\n.box-component i + h3 {\n  padding-left:5px;\n}\n.box-header .fa-caret-up {\n  transition : all 0.24s ease-in-out;\n  -webkit-transition : all 0.24s ease-in-out;\n  -moz-transition : all 0.24s ease-in-out;\n  -o-transition : all 0.24s ease-in-out;\n  -ms-transition : all 0.24s ease-in-out;\n}\n.box-header:hover .fa-caret-up {\n  -ms-transform: rotate(180deg); /* IE 9 */\n  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */\n  transform: rotate(180deg);\n}\n</style>\n\n<div class=\"box {{boxStyle}} {{((!boxOpen)?'collapsed-box':'')}} box-component\">\n\n    <div class=\"box-header\">\n        <div data-widget=\"collapse\" (click)=\"arrowOpen=!arrowOpen\">\n            <i [ngClass]=\"{'fa':true, 'fa-caret-up':!arrowOpen, 'fa-caret-down':arrowOpen}\"></i>\n            <h3 class=\"box-title\">{{title}}</h3>\n        </div>\n    </div>\n\n    <div class=\"box-body\">\n        <ng-content></ng-content>\n    </div>\n\n</div>\n"
        }),
        __metadata("design:paramtypes", [])
    ], BoxComponent);
    return BoxComponent;
}());

var SharedService = /** @class */ (function () {
    function SharedService() {
        this.showModal = new Subject();
    }
    SharedService = __decorate([
        Injectable()
    ], SharedService);
    return SharedService;
}());

var ModalComponent = /** @class */ (function () {
    function ModalComponent(sharedService, componentFactoryResolver, injector, fb) {
        var _this = this;
        this.componentFactoryResolver = componentFactoryResolver;
        this.originalData = null;
        this.copyOriginalData = null;
        this.copyOriginalData2 = null; // TODO : A modifier
        this.icon = '';
        this.initCloneFunction = null;
        this.commitCloneFunction = null;
        // pour utilisation de formControl...
        this.formGroup = null;
        this.initLocalDataFunction = null;
        this.updateOriginalDataFunction = null;
        this.formGroup = fb.group({});
        sharedService.showModal.subscribe(function (msg) {
            var e_1, _a;
            _this.title = msg.title;
            _this.icon = msg.icon;
            if (_this.cmpRef) {
                _this.cmpRef.destroy();
            }
            var factory = _this.componentFactoryResolver.resolveComponentFactory(msg.type);
            _this.cmpRef = _this.theBody.createComponent(factory);
            // copie des fonctions de clonage
            _this.initCloneFunction = msg.initCloneFunction;
            _this.commitCloneFunction = msg.commitCloneFunction;
            // Prendre une copie de l'objet avec les données du formulaire.
            _this.initClone(msg.data, msg.data2);
            // Ajout des différents listes des codifications à l'objet data utilisé dans le composant
            // qui définit le body de la modal (le formulaire)
            if (msg.codificationList != null) {
                var i = 0;
                try {
                    for (var _b = __values(msg.codificationList), _c = _b.next(); !_c.done; _c = _b.next()) {
                        var o = _c.value;
                        if (i === 0) {
                            _this.cmpRef.instance.codif = Object.assign({}, o[0]);
                        }
                        else {
                            Object.assign(_this.cmpRef.instance.codif, o[0]);
                        }
                        i++;
                    }
                }
                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; }
                }
            }
            if (msg.codificationMap != null) {
                _this.cmpRef.instance.codificationMap = Object.assign({}, msg.codificationMap);
            }
            if (msg.onValidated != null) {
                _this.cmpRef.instance.onValidated = msg.onValidated;
            }
            // Copier la référence de l'objet contenant les données du formulaire.
            // Cet objet sera mis à jour si l'utilisateur Valide les modifications.
            _this.copyOriginalData = msg.data;
            _this.copyOriginalData2 = msg.data2;
            // copie du formGroup et de la méthode de submit selon la def du composant injecté
            if (_this.cmpRef.instance['formGroup']) {
                _this.formGroup = _this.cmpRef.instance['formGroup'];
            }
            _this.initLocalDataFunction = _this.cmpRef.instance['initLocalDataFunction'];
            _this.updateOriginalDataFunction = _this.cmpRef.instance['updateOriginalDataFunction'];
            if (_this.initLocalDataFunction) {
                _this.initLocalDataFunction(msg.data);
            }
            jQuery('#theModal').modal('show');
        });
    }
    ModalComponent.prototype.close = function () {
        if (this.cmpRef) {
            this.cmpRef.destroy();
        }
        this.cmpRef = null;
    };
    ModalComponent.prototype.validate = function () {
        if (this.cmpRef) {
            // Màj des données du formulaire
            this.commitClone();
            if (this.updateOriginalDataFunction) {
                this.updateOriginalDataFunction(this.copyOriginalData);
                if (this.cmpRef.instance.onValidated) {
                    this.cmpRef.instance.onValidated.emit(this.cmpRef.instance);
                }
            }
            this.cmpRef.destroy();
        }
        this.cmpRef = null;
    };
    ModalComponent.prototype.initClone = function (originalData, originalData2) {
        // Prendre une  copie de l'objet avec les données du formulaire.
        if (this.initCloneFunction) {
            if (originalData) {
                this.cmpRef.instance.data = this.initCloneFunction(originalData);
            }
            if (originalData2) {
                this.cmpRef.instance.data2 = this.initCloneFunction(originalData2);
            }
        }
        else {
            if (originalData) {
                this.cmpRef.instance.data = Object.assign({}, originalData);
            }
            if (originalData2) {
                this.cmpRef.instance.data2 = Object.assign({}, originalData2); // TODO : A modifier !!!
            }
        }
    };
    ModalComponent.prototype.commitClone = function () {
        if (this.commitCloneFunction) {
            if (this.copyOriginalData) {
                this.commitCloneFunction(this.copyOriginalData, this.cmpRef.instance.data);
            }
            if (this.copyOriginalData2) { // TODO : A modifier !!
                this.commitCloneFunction(this.copyOriginalData2, this.cmpRef.instance.data2);
            }
        }
        else {
            if (this.copyOriginalData) {
                Object.assign(this.copyOriginalData, this.cmpRef.instance.data);
            }
            if (this.copyOriginalData2) { // TODO : A modifier !!
                Object.assign(this.copyOriginalData2, this.cmpRef.instance.data2);
            }
        }
    };
    __decorate([
        ViewChild('theBody', { read: ViewContainerRef, static: true }),
        __metadata("design:type", Object)
    ], ModalComponent.prototype, "theBody", void 0);
    ModalComponent = __decorate([
        Component({
            selector: 'modal-comp',
            template: "\n        <style>\n            #theModal .modal-header {\n                background: #3c8dbc;\n                color: white;\n            }\n\n            #theModal .modal-footer button {\n                min-width: 85px;\n            }\n        </style>\n        <div class='modal fade' id='theModal' role='dialog' aria-labelledby='theModalLabel' aria-hidden='true'>\n            <div class='modal-dialog modal-lg' role='document'>\n                <div class='modal-content'>\n                    <form [formGroup]='formGroup' autocomplete='on' novalidate>\n                        <div class='modal-header'>\n                            <button type='button' class='close' data-dismiss='modal' aria-label='Close'\n                                    (close)='close()'>\n                                <i class='fa fa-times' style='padding-top:3px;' aria-hidden='true'></i>\n                            </button>\n                            <h4 class='modal-title' id='theModalLabel'><i class='fa' [ngClass]='icon'></i>&nbsp;&nbsp;{{title}}\n                            </h4>\n                        </div>\n                        <div class='modal-body'>\n                            <div class='row'>\n                                <div class='col-md-12'>\n                                    <div #theBody>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class='modal-footer'>\n                            <button type='button' class='btn btn-default btn-flat' style='margin-right:8px;'\n                                    data-dismiss='modal' (click)='close()'>\n                                <i class='fa fa-undo'></i>&nbsp;&nbsp;Annuler\n                            </button>\n                            <button type='button' class='btn btn-primary btn-flat faa-parent animated-hover'\n                                    data-dismiss='modal' (click)='validate()' [disabled]='!formGroup.valid'>\n                                <i class='fa fa-check faa-tada'></i>&nbsp;&nbsp;Valider\n                            </button>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </div>\n    "
        }),
        __metadata("design:paramtypes", [SharedService,
            ComponentFactoryResolver,
            Injector,
            FormBuilder])
    ], ModalComponent);
    return ModalComponent;
}());

/*
 @author Adrien DESSILLY
 */
var DateRangeComponent = /** @class */ (function () {
    function DateRangeComponent(element) {
        this.element = element;
        this.width = '12';
        this.required = false;
        this.readonly = false;
        this.hasError = false;
        this.simpleMode = true;
    }
    DateRangeComponent_1 = DateRangeComponent;
    DateRangeComponent.prototype.onChange = function ($event) {
        this.setValueFromDatepicker(this.innerDate);
    };
    // Ici, il faut setter la date et notifier le datepicker
    DateRangeComponent.prototype.setValueFromParent = function (v) {
        this.innerDate = v;
    };
    // Ici, il faut setter la date et notifier le parent
    DateRangeComponent.prototype.setValueFromDatepicker = function (v) {
        if (this.onChangeCallback) {
            this.onChangeCallback(this.innerDate);
        }
    };
    DateRangeComponent.prototype.ngAfterContentInit = function () {
        if (this.width && this.width.substring(0, 3) === 'col') {
            this.simpleMode = false;
        }
    };
    DateRangeComponent.prototype.onTouch = function ($event) {
        this.onTouchedCallback();
    };
    // @Override ControlValueAccessor
    DateRangeComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // @Override ControlValueAccessor
    DateRangeComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    DateRangeComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    var DateRangeComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeComponent.prototype, "width", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], DateRangeComponent.prototype, "label", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], DateRangeComponent.prototype, "id", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeComponent.prototype, "required", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeComponent.prototype, "hasError", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeComponent.prototype, "message", void 0);
    DateRangeComponent = DateRangeComponent_1 = __decorate([
        Component({
            selector: 'daterange-component',
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return DateRangeComponent_1; }),
                    multi: true
                }],
            template: "<div class = \"form-group {{simpleMode ? 'col-sm-'+width : width}}\">\n<div>\n    <label attr.for=\"{{id}}\" class=\"control-label\">{{(required) ? label + ' *': label}}</label>\n    <span *ngIf=\"message != null\" style=\"display:block;font-style:italic;\">{{message}}</span>\n\n    <daterangeinput-component\n            [(ngModel)]=\"innerDate\"\n            [required]=\"required\"\n            [readonly]=\"readonly\"\n            [hasError]=\"hasError\"\n            (ngModelChange)=\"onChange($event)\"\n            (touchedChange)=\"onTouch($event)\">\n    </daterangeinput-component>\n\n</div>\n</div>\n"
        }),
        __metadata("design:paramtypes", [ElementRef])
    ], DateRangeComponent);
    return DateRangeComponent;
}());

/*
 @author Adrien DESSILLY
 */
var DateRangeInputComponent = /** @class */ (function () {
    function DateRangeInputComponent() {
        this.required = false;
        this.readonly = false;
        this.hasError = false;
        this.touchedChange = new EventEmitter();
        this.datepicker = null;
        this.simpleMode = true;
    }
    DateRangeInputComponent_1 = DateRangeInputComponent;
    // Ici, il faut setter la date et notifier le datepicker
    DateRangeInputComponent.prototype.setValueFromParent = function (v) {
        this.innerDate = v;
        if (this.datepicker) {
            this.createDatepickerBootstrap();
        }
    };
    // Ici, il faut setter la date et notifier le parent
    DateRangeInputComponent.prototype.setValueFromDatepicker = function (startDate, endDate) {
        this.innerDate.startDate = startDate;
        this.innerDate.endDate = endDate;
        if (this.onChangeCallback) {
            this.onChangeCallback(Object.assign({}, this.innerDate));
        }
    };
    DateRangeInputComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        this.createDatepickerBootstrap();
        this.datePickerChild.nativeElement.onblur = function () {
            _this.touchedChange.emit();
            _this.onTouchedCallback();
        };
    };
    DateRangeInputComponent.prototype.createDatepickerBootstrap = function () {
        var self = this;
        var daterangevalue = Object.assign({}, this.innerDate);
        if (self.innerDate && (self.innerDate.startDate == null || self.innerDate.endDate == null)) {
            daterangevalue.startDate = new Date();
            daterangevalue.endDate = new Date();
        }
        this.datepicker = jQuery([this.datePickerChild.nativeElement]);
        this.datepicker.daterangepicker(daterangevalue).on('hide.daterangepicker', function (ev, picker) {
            var dateRange = self.datepicker.data('daterangepicker');
            self.setValueFromDatepicker(dateRange.startDate, dateRange.endDate);
        }).on('cancel.daterangepicker', function (ev, picker) {
            jQuery(this).val('');
            self.setValueFromDatepicker(null, null);
        });
        if (self.innerDate && (self.innerDate.startDate == null || self.innerDate.endDate == null)) {
            this.datepicker.val('');
        }
    };
    DateRangeInputComponent.prototype.togglePopup = function () {
        this.datepicker.data('daterangepicker').show();
    };
    // @Override ControlValueAccessor
    DateRangeInputComponent.prototype.writeValue = function (v) {
        this.setValueFromParent(v);
    };
    // @Override ControlValueAccessor
    DateRangeInputComponent.prototype.registerOnChange = function (fn) {
        this.onChangeCallback = fn;
    };
    // @Override ControlValueAccessor
    DateRangeInputComponent.prototype.registerOnTouched = function (fn) {
        this.onTouchedCallback = fn;
    };
    var DateRangeInputComponent_1;
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeInputComponent.prototype, "required", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeInputComponent.prototype, "readonly", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], DateRangeInputComponent.prototype, "hasError", void 0);
    __decorate([
        Output(),
        __metadata("design:type", Object)
    ], DateRangeInputComponent.prototype, "touchedChange", void 0);
    __decorate([
        ViewChild('myDatePicker', { static: true }),
        __metadata("design:type", Object)
    ], DateRangeInputComponent.prototype, "datePickerChild", void 0);
    DateRangeInputComponent = DateRangeInputComponent_1 = __decorate([
        Component({
            selector: 'daterangeinput-component',
            providers: [{
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(function () { return DateRangeInputComponent_1; }),
                    multi: true
                }],
            template: "<style>\n    .has-error-bottom input {\n        border-bottom-color: #a94442;\n    }\n</style>\n<div class=\"input-group date\" [ngClass]=\"{'has-error-bottom':hasError}\">\n    <input #myDatePicker class=\"form-control\" type=\"text\" [required]=\"required\" [readonly]=\"readonly\">\n    <span class=\"input-group-addon\" (click)=\"togglePopup()\">\n        <span class=\"glyphicon glyphicon-calendar\"></span>\n    </span>\n</div>\n"
        }),
        __metadata("design:paramtypes", [])
    ], DateRangeInputComponent);
    return DateRangeInputComponent;
}());

var SwitchViewComponent = /** @class */ (function () {
    function SwitchViewComponent(sharedService, componentFactoryResolver, fb) {
        this.sharedService = sharedService;
        this.componentFactoryResolver = componentFactoryResolver;
        this.fb = fb;
        this.icon = '';
        // Indique le mode de fonctionnement (Bandeau ou formulaire (cas de l'ajout))
        this.modeBandeau = true;
        // méthode utilisée pour cloner les objets
        this.initCloneFunction = null;
        // méthode utilisée pour copier les valeurs du clone dans l'objet de données original
        this.commitCloneFunction = null;
        this.boxStyle = 'box-default';
        this.boxStyleForm = '';
        this.boxOpen = true;
        this.onValidated = new EventEmitter();
        this.arrowOpen = true;
        // formGroup utilisé en mode inline (bandeau == false)
        this.formGroupInline = null;
        this.formGroupInline = this.fb.group({});
    }
    SwitchViewComponent.prototype.ngOnInit = function () {
        var e_1, _a;
        if (this.modeBandeau === false) {
            if (this.cmpRef == null || this.cmpRef === undefined) {
                var factory = this.componentFactoryResolver.resolveComponentFactory(this.formComponentType);
                this.cmpRef = this.bodyBoxFormulaire.createComponent(factory);
                if (this.data) {
                    this.cmpRef.instance.data = this.data;
                }
                if (this.data2) {
                    this.cmpRef.instance.data2 = this.data2;
                }
                this.cmpRef.instance.modalMode = false;
                if (this.cmpRef.instance.formGroup) {
                    this.formGroupInline = this.cmpRef.instance.formGroup;
                }
                if (this.cmpRef.instance.initLocalDataFunction) {
                    this.cmpRef.instance.initLocalDataFunction(this.data);
                }
                if (this.codificationList != null) {
                    try {
                        for (var _b = __values(this.codificationList), _c = _b.next(); !_c.done; _c = _b.next()) {
                            var o = _c.value;
                            // console.log('codif : '); console.log(o[0]);
                            this.cmpRef.instance.codif = Object.assign({}, o[0]);
                        }
                    }
                    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; }
                    }
                }
                if (this.codificationMap != null) {
                    this.cmpRef.instance.codificationMap = Object.assign({}, this.codificationMap);
                }
                if (this.onValidated) {
                    this.cmpRef.instance.onValidated = this.onValidated;
                }
            }
        }
        this.arrowOpen = this.boxOpen;
    };
    SwitchViewComponent.prototype.edit = function () {
        var params = {
            'type': this.formComponentType,
            'title': this.title,
            'data': this.data,
            'data2': this.data2,
            'codificationList': this.codificationList,
            'codificationMap': this.codificationMap,
            'initCloneFunction': this.initCloneFunction,
            'commitCloneFunction': this.commitCloneFunction,
            'icon': this.icon,
            'onValidated': this.onValidated
        };
        // envoi des infos de la modal au Subject showModal (une 'sorte d'Observable'),
        // le ModalComponent écoute et pourra charger le composant dans sa fenêtre modale
        this.sharedService.showModal.next(params);
    };
    SwitchViewComponent.prototype.toggleBoxArrow = function () {
        this.arrowOpen = !this.arrowOpen;
    };
    SwitchViewComponent.prototype.validate = function () {
        if (this.cmpRef && this.cmpRef.instance) {
            if (this.cmpRef.instance.beforeSave()) {
                this.cmpRef.instance.updateOriginalDataFunction(this.data);
            }
        }
    };
    // relance la fonction d'initalisation de form avec les datas données
    SwitchViewComponent.prototype.refreshDetailDatas = function (datas) {
        this.data = datas;
        if (this.cmpRef.instance.initLocalDataFunction) {
            this.cmpRef.instance.initLocalDataFunction(this.data);
        }
    };
    SwitchViewComponent.prototype.refreshCodification = function (codificationMap) {
        this.codificationMap = codificationMap;
        this.cmpRef.instance.codificationMap = codificationMap;
        this.cmpRef.instance.refreshCodification();
    };
    // retourne l'instance du composant instancié dans le switchView (cas modeBandeau = false)
    // permet d'invoquer des fonctions de se composant par la composant qui inclu le switchview
    SwitchViewComponent.prototype.getComponentInstance = function () {
        if (this.cmpRef) {
            return this.cmpRef.instance;
        }
        else {
            return null;
        }
    };
    SwitchViewComponent.prototype.setData = function (data) {
        console.log('set data :', data);
        this.data = data;
        if (this.cmpRef && this.cmpRef.instance) {
            console.log('set data : initLocalDataFunction');
            this.cmpRef.instance.initLocalDataFunction(data);
        }
    };
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], SwitchViewComponent.prototype, "id", void 0);
    __decorate([
        Input(),
        __metadata("design:type", String)
    ], SwitchViewComponent.prototype, "title", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "icon", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "data", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "data2", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Array)
    ], SwitchViewComponent.prototype, "codificationList", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "codificationMap", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "formComponentType", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "modeBandeau", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Function)
    ], SwitchViewComponent.prototype, "initCloneFunction", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Function)
    ], SwitchViewComponent.prototype, "commitCloneFunction", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "boxStyle", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "boxStyleForm", void 0);
    __decorate([
        Input(),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "boxOpen", void 0);
    __decorate([
        Output(),
        __metadata("design:type", EventEmitter)
    ], SwitchViewComponent.prototype, "onValidated", void 0);
    __decorate([
        ViewChild('bodyBoxFormulaire', { read: ViewContainerRef, static: true }),
        __metadata("design:type", Object)
    ], SwitchViewComponent.prototype, "bodyBoxFormulaire", void 0);
    SwitchViewComponent = __decorate([
        Component({
            selector: 'switchView',
            template: "<style>\n\n    .sv-box-title-with-icon {\n        z-index:2;\n        position:relative;\n    }\n\n    .sv-box-icon {\n        z-index:1;\n        position: absolute;\n        height: 100%;\n        background: #efefef;\n        color:#333;\n        top: 0px;\n        left: 0px;\n        width: 40px;\n        border-radius: 1px 600px 600px 0px;\n        font-size: 1.3em;\n        vertical-align: middle;\n        text-align: center;\n        display: flex;\n        align-items: center;\n        cursor:pointer;\n        -webkit-transition: all 0.2s ease-in-out;\n        -moz-transition: all 0.2s ease-in-out;\n        -ms-transition: all 0.2s ease-in-out;\n        -o-transition: all 0.2s ease-in-out;\n        transition: all 0.2s ease-in-out;\n    }\n\n    .box-switch-view:hover .sv-box-icon {\n        width: 50px;\n        background: #3c8dbc;\n        color:white;\n    }\n\n    .sv-box-icon>i {\n        /* vertical-align: middle; */\n        margin: auto;\n    }\n\n    .box-switch-view  .box-header {\n        cursor:pointer;\n    }\n    .box-switch-view  i + h3 {\n        padding-left:5px;\n    }\n    .box-header .fa-caret-up {\n        transition : all 0.24s ease-in-out;\n        -webkit-transition : all 0.24s ease-in-out;\n        -moz-transition : all 0.24s ease-in-out;\n        -o-transition : all 0.24s ease-in-out;\n        -ms-transition : all 0.24s ease-in-out;\n    }\n    .box-header:hover .fa-caret-up {\n        -ms-transform: rotate(180deg); /* IE 9 */\n        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */\n        transform: rotate(180deg);\n    }\n\n    .box-switch-view .icon-not-hover, .box-switch-view:hover .icon-on-hover {\n        display:block;\n    }\n\n    .box-switch-view:hover .icon-not-hover, .box-switch-view .icon-on-hover {\n        display:none;\n    }\n\n    .box-switch-view.box-switch-view-no-border, .box-switch-view-form.box-switch-view-no-border {\n        border:none;\n        box-shadow:none;\n    }\n    .box.box-switch-view-form.box-switch-view-no-border {\n        margin-bottom:0px;\n    }\n</style>\n\n<div *ngIf=\"modeBandeau == true\" class=\"box box-switch-view {{boxStyle}} {{((!boxOpen)?'collapsed-box':'')}}\">\n<!--div *ngIf=\"modeBandeau == true\" class=\"box box-switch-view {{boxStyle}} {{((!boxOpen)?'collapsed-box':'')}}\"-->\n\n    <div class=\"box-header with-border\">\n\n        <div data-widget=\"collapse\" (click)=\"toggleBoxArrow()\" class=\" sv-box-title-with-icon\">\n            <i [ngClass]=\"{'fa':true, 'fa-caret-up':!arrowOpen, 'fa-caret-down':arrowOpen}\"></i>\n            <h3 class=\"box-title\">{{title}}</h3>\n        </div>\n\n        <div class=\"box-tools pull-right\">\n            <!--button type=\"button\" class=\"btn btn-box-tool\">\n                <i [ngClass]=\"{'fa':true, 'fa-plus':!boxOpen, 'fa-minus':boxOpen}\"></i>\n            </button-->\n            <button type=\"button\" class=\"btn btn-box-tool\" style=\"position:relative;z-index:100;\" (click)=\"edit()\"><i class=\"fa fa-pencil\"></i> Editer</button>\n        </div>\n    </div>\n\n    <div class=\"box-body\" style=\"position:relative;\">\n\n        <div class=\"sv-box-icon hidden-xs\" *ngIf=\"icon != ''\" (click)=\"edit()\">\n            <i [ngClass]=\"icon+' icon-not-hover'\"></i>\n            <i class=\"fa fa-pencil-square-o icon-on-hover\"></i>\n        </div>\n\n        <ng-content></ng-content>\n    </div>\n</div>\n\n<!--<div class=\"col-md-12 no-padding\" *ngIf=\"modeBandeau == false\">-->\n<div [hidden]=\"modeBandeau\" class=\"col-md-12 no-padding\">\n    <!--Identification-->\n    <!--div class=\"col-md-12\"--><!--ne mettre qu'un seul cadre, si le parent en veut 2, il peut en ajouter, mais ne sait pas en retirer-->\n        <div class=\"box box-primary box-switch-view-form {{boxStyleForm}}\">\n            <div class=\"box-header\">\n                <h4 class=\"box-title\">{{title}}</h4>\n                <div class=\"box-tools pull-right\">\n                    <button type=\"button\" class=\"btn btn-box-tool\" data-widget=\"collapse\"><i class=\"fa fa-minus text-primary\"></i>\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"box-body\">\n                <form [formGroup]=\"formGroupInline\" autocomplete=\"on\" novalidate>\n                    <div #bodyBoxFormulaire>\n\n                    </div>\n                </form>\n            </div>\n        </div>\n    <!--/div-->\n</div>\n"
        }),
        __metadata("design:paramtypes", [SharedService,
            ComponentFactoryResolver,
            FormBuilder])
    ], SwitchViewComponent);
    return SwitchViewComponent;
}());

var SwitchViewModule = /** @class */ (function () {
    function SwitchViewModule() {
    }
    SwitchViewModule = __decorate([
        NgModule({
            imports: [CommonModule, FormsModule, ReactiveFormsModule],
            declarations: [SwitchViewComponent],
            exports: [SwitchViewComponent],
            providers: [SharedService]
        })
    ], SwitchViewModule);
    return SwitchViewModule;
}());

var AngularComponentsLibModule = /** @class */ (function () {
    function AngularComponentsLibModule() {
    }
    AngularComponentsLibModule = __decorate([
        NgModule({
            imports: [
                CommonModule, FormsModule, ReactiveFormsModule, SwitchViewModule
            ],
            declarations: [SelectComponent, TextfieldComponent, DateRangeComponent, DateRangeInputComponent,
                DatePickerComponent,
                LoadingComponent, LoadableDirective, RadioComponent, DateComponent, TabComponent, TextareaComponent, CheckboxComponent,
                NumericComponent,
                ShowResumePipe, BoxComponent, ModalComponent],
            exports: [SelectComponent, TextfieldComponent, DateRangeComponent, DateRangeInputComponent, DatePickerComponent,
                LoadingComponent,
                LoadableDirective, RadioComponent, DateComponent,
                TabComponent, TextareaComponent, CheckboxComponent, NumericComponent, ShowResumePipe,
                BoxComponent,
                ModalComponent],
            providers: [SharedService],
            entryComponents: []
        })
    ], AngularComponentsLibModule);
    return AngularComponentsLibModule;
}());

/*
 * Public API Surface of angular-components-lib
 */

/**
 * Generated bundle index. Do not edit.
 */

export { AngularComponentsLibModule, RadioService, SwitchViewModule as ɵa, SwitchViewComponent as ɵb, SharedService as ɵc, SelectComponent as ɵd, TextfieldComponent as ɵe, DateRangeComponent as ɵf, DateRangeInputComponent as ɵg, DatePickerComponent as ɵh, LoadingComponent as ɵi, LoadableDirective as ɵj, RadioComponent as ɵk, DateComponent as ɵl, TabComponent as ɵm, TabService as ɵn, TextareaComponent as ɵo, CheckboxComponent as ɵp, NumericComponent as ɵq, ShowResumePipe as ɵr, BoxComponent as ɵs, ModalComponent as ɵt };
//# sourceMappingURL=angular-components-lib.js.map