ngx-ode-ui 4.6.0-dev-produit.2 → 4.6.0-dev-integration.2

package/esm2015/lib/components/datepicker/datepicker.component.js

@@ -0,0 +1,261 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/datepicker/datepicker.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ElementRef, EventEmitter, forwardRef, Input, Output, Renderer2, ViewChild, Injector } from '@angular/core';
+import { NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';
+import { LabelsService } from '../../services/labels.service';
+import Flatpickr from 'flatpickr';
+import French from 'flatpickr/dist/l10n/fr.js';
+// access ngmodel
+/** @type {?} */
+const NOOP = (/**
+ * @return {?}
+ */
+() => {
+});
+const ɵ0 = NOOP;
+/** @type {?} */
+export const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef((/**
+     * @return {?}
+     */
+    () => DatepickerComponent)),
+    multi: true
+};
+export class DatepickerComponent extends OdeComponent {
+    /**
+     * @param {?} renderer
+     * @param {?} labelsService
+     * @param {?} injector
+     */
+    constructor(renderer, labelsService, injector) {
+        super(injector);
+        this.renderer = renderer;
+        this.labelsService = labelsService;
+        this.innerValue = '';
+        this.disabled = false;
+        this._readonly = false;
+        this.enableTime = false;
+        this.placeholder = '';
+        this.changeDate = new EventEmitter();
+        this.onChangeCallback = NOOP;
+        this.onTouchedCallback = NOOP;
+    }
+    /**
+     * @return {?}
+     */
+    get value() {
+        return this.innerValue;
+    }
+    /**
+     * @param {?} v
+     * @return {?}
+     */
+    set value(v) {
+        /** @type {?} */
+        let init = false;
+        if (this.innerValue === undefined) {
+            init = true;
+        }
+        if (v !== this.innerValue) {
+            this.innerValue = v;
+            this.onChangeCallback(v);
+            if (!init) {
+                this.changeDate.emit(v);
+            }
+        }
+    }
+    /**
+     * @param {?} val
+     * @return {?}
+     */
+    set readonly(val) {
+        this._readonly = val;
+        if (this.datePickerInst && this.datePickerInst.altInput) {
+            // Apply the readonly attribute addition/removal to the visible input (wrapped)
+            if (val)
+                this.datePickerInst.altInput.setAttribute('readonly', "");
+            else
+                this.datePickerInst.altInput.removeAttribute('readonly');
+        }
+    }
+    /**
+     * @return {?}
+     */
+    get readonly() {
+        return this._readonly;
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        // add attr data-input, mandatory for the picker to work in wrap mode
+        this.renderer.setAttribute(this.inputElement.nativeElement, 'data-input', '');
+        // disabled case
+        if (this.disabled === true) {
+            this.model.control.disable();
+        }
+        /** @type {?} */
+        const navigatorLanguage = navigator.language.split('-')[0];
+        /** @type {?} */
+        let datePickerLocale = {};
+        if (navigatorLanguage === 'fr') {
+            datePickerLocale = French.fr;
+        }
+        // options for the flatpickr instance
+        /** @type {?} */
+        const options = {
+            altInput: !this.disabled,
+            altFormat: 'd/m/Y',
+            // date format displayed to user
+            dateFormat: 'Y-m-d',
+            // date format sent to server
+            allowInput: false,
+            enableTime: this.enableTime,
+            minDate: this.minDate,
+            maxDate: this.maxDate,
+            clickOpens: false,
+            wrap: true,
+            // to add input decoration (calendar icon and delete icon)
+            locale: datePickerLocale
+        };
+        this.datePickerInst = new Flatpickr(this.datePickerElement.nativeElement, options);
+        if (!this.disabled) {
+            this.datePickerInst.altInput.addEventListener('click', (/**
+             * @param {?} e
+             * @return {?}
+             */
+            e => {
+                if (!this.readonly) {
+                    this.datePickerInst.toggle();
+                }
+            }));
+        }
+        // Force updating the date input readonly attribute :
+        this.readonly = this._readonly;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.datePickerInst.destroy();
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    writeValue(value) {
+        if (value !== this.innerValue && this.datePickerInst) {
+            this.innerValue = value;
+            this.datePickerInst.setDate(value);
+            this.onChangeCallback(value);
+        }
+    }
+    /**
+     * @param {?} fn
+     * @return {?}
+     */
+    registerOnChange(fn) {
+        this.onChangeCallback = fn;
+    }
+    /**
+     * @param {?} fn
+     * @return {?}
+     */
+    registerOnTouched(fn) {
+        this.onTouchedCallback = fn;
+    }
+    /**
+     * @param {?} label
+     * @return {?}
+     */
+    labels(label) {
+        return this.labelsService.getLabel(label);
+    }
+}
+DatepickerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-date-picker',
+                template: "<div class=\"flatpickr\" #datePickerElement>\n  <input type=\"date\" [(ngModel)]=\"value\" [disabled]=\"disabled\" [ngClass]=\"{ 'cursor-default': disabled }\" placeholder=\"{{ placeholder }}\" #inputRef>\n  <a *ngIf=\"!disabled\" [class.hidden]=\"readonly\" data-toggle [title]=\"labels('datepicker.open')\"><i class=\"fa fa-calendar open\" aria-hidden=\"true\"></i></a>\n  <a *ngIf=\"!disabled\" [class.hidden]=\"readonly\" data-clear [title]=\"labels('datepicker.delete')\"><i class=\"fa fa-times delete\" aria-hidden=\"true\"></i></a>\n</div>\n",
+                providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR],
+                styles: [".hidden{visibility:hidden}"]
+            }] }
+];
+/** @nocollapse */
+DatepickerComponent.ctorParameters = () => [
+    { type: Renderer2 },
+    { type: LabelsService },
+    { type: Injector }
+];
+DatepickerComponent.propDecorators = {
+    datePickerElement: [{ type: ViewChild, args: ['datePickerElement', { static: false },] }],
+    inputElement: [{ type: ViewChild, args: ['inputRef', { static: false },] }],
+    model: [{ type: ViewChild, args: [NgModel, { static: false },] }],
+    disabled: [{ type: Input }],
+    readonly: [{ type: Input }],
+    enableTime: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    minDate: [{ type: Input }],
+    maxDate: [{ type: Input }],
+    changeDate: [{ type: Output }]
+};
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    DatepickerComponent.prototype.innerValue;
+    /** @type {?} */
+    DatepickerComponent.prototype.datePickerElement;
+    /** @type {?} */
+    DatepickerComponent.prototype.inputElement;
+    /**
+     * @type {?}
+     * @private
+     */
+    DatepickerComponent.prototype.datePickerInst;
+    /** @type {?} */
+    DatepickerComponent.prototype.model;
+    /** @type {?} */
+    DatepickerComponent.prototype.disabled;
+    /** @type {?} */
+    DatepickerComponent.prototype._readonly;
+    /** @type {?} */
+    DatepickerComponent.prototype.enableTime;
+    /** @type {?} */
+    DatepickerComponent.prototype.placeholder;
+    /** @type {?} */
+    DatepickerComponent.prototype.minDate;
+    /** @type {?} */
+    DatepickerComponent.prototype.maxDate;
+    /** @type {?} */
+    DatepickerComponent.prototype.changeDate;
+    /**
+     * @type {?}
+     * @private
+     */
+    DatepickerComponent.prototype.onChangeCallback;
+    /**
+     * @type {?}
+     * @private
+     */
+    DatepickerComponent.prototype.onTouchedCallback;
+    /**
+     * @type {?}
+     * @private
+     */
+    DatepickerComponent.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    DatepickerComponent.prototype.labelsService;
+}
+export { ɵ0 };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZGF0ZXBpY2tlci9kYXRlcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQ3JFLEtBQUssRUFBYSxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEYsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVsRixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxTQUFTLE1BQU0sV0FBVyxDQUFDO0FBQ2xDLE9BQU8sTUFBTSxNQUFNLDJCQUEyQixDQUFDOzs7TUFHekMsSUFBSTs7O0FBQUcsR0FBRyxFQUFFO0FBQ2xCLENBQUMsQ0FBQTs7O0FBQ0QsTUFBTSxPQUFPLG1DQUFtQyxHQUFRO0lBQ3BELE9BQU8sRUFBRSxpQkFBaUI7SUFDMUIsV0FBVyxFQUFFLFVBQVU7OztJQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixFQUFDO0lBQ2xELEtBQUssRUFBRSxJQUFJO0NBQ2Q7QUFRRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsWUFBWTs7Ozs7O0lBRWpELFlBQW9CLFFBQW1CLEVBQ25CLGFBQTRCLEVBQ3BDLFFBQWtCO1FBQ2QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBSFosYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQXdCeEMsZUFBVSxHQUFRLEVBQUUsQ0FBQztRQWU3QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBY2pCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUduQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQVNqQixlQUFVLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFFdEQscUJBQWdCLEdBQXFCLElBQUksQ0FBQztRQUMxQyxzQkFBaUIsR0FBZSxJQUFJLENBQUM7SUFwRWpDLENBQUM7Ozs7SUFFYixJQUFJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDM0IsQ0FBQzs7Ozs7SUFFRCxJQUFJLEtBQUssQ0FBQyxDQUFNOztZQUNSLElBQUksR0FBRyxLQUFLO1FBQ2hCLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxTQUFTLEVBQUU7WUFDL0IsSUFBSSxHQUFHLElBQUksQ0FBQztTQUNmO1FBQ0QsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztZQUNwQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDekIsSUFBSSxDQUFDLElBQUksRUFBRTtnQkFDUCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUMzQjtTQUVKO0lBQ0wsQ0FBQzs7Ozs7SUFtQkQsSUFDSSxRQUFRLENBQUUsR0FBVztRQUNyQixJQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQztRQUNyQixJQUFJLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUc7WUFDdEQsK0VBQStFO1lBQy9FLElBQUksR0FBRztnQkFBRyxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLEVBQUUsQ0FBQyxDQUFDOztnQkFDMUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3RFO0lBQ0wsQ0FBQzs7OztJQUNELElBQUksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUMxQixDQUFDOzs7O0lBcUJELGVBQWU7UUFDWCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIscUVBQXFFO1FBQ3JFLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLFlBQVksRUFBRSxFQUFFLENBQUMsQ0FBQztRQUU5RSxnQkFBZ0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUksRUFBRTtZQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNoQzs7Y0FFSyxpQkFBaUIsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7O1lBQ3RELGdCQUFnQixHQUFHLEVBQUU7UUFDekIsSUFBSSxpQkFBaUIsS0FBSyxJQUFJLEVBQUU7WUFDNUIsZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQztTQUNoQzs7O2NBR0ssT0FBTyxHQUFHO1lBQ1osUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVE7WUFDeEIsU0FBUyxFQUFFLE9BQU87O1lBQ2xCLFVBQVUsRUFBRSxPQUFPOztZQUNuQixVQUFVLEVBQUUsS0FBSztZQUNqQixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTztZQUNyQixVQUFVLEVBQUUsS0FBSztZQUNqQixJQUFJLEVBQUUsSUFBSTs7WUFDVixNQUFNLEVBQUUsZ0JBQWdCO1NBQzNCO1FBRUQsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ25GLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFHO1lBQ2pCLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLE9BQU87Ozs7WUFBRSxDQUFDLENBQUMsRUFBRTtnQkFDdkQsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUc7b0JBQ2pCLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLENBQUM7aUJBQ2hDO1lBQ0wsQ0FBQyxFQUFDLENBQUM7U0FDTjtRQUVELHFEQUFxRDtRQUNyRCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDbkMsQ0FBQzs7OztJQUVELFdBQVc7UUFDUCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNsQyxDQUFDOzs7OztJQUVELFVBQVUsQ0FBQyxLQUFVO1FBQ2pCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNsRCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztZQUN4QixJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEM7SUFDTCxDQUFDOzs7OztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDcEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztJQUMvQixDQUFDOzs7OztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDckIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzs7OztJQUVELE1BQU0sQ0FBQyxLQUFLO1FBQ1IsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDOzs7WUFwSkosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLGdqQkFBMEM7Z0JBRTFDLFNBQVMsRUFBRSxDQUFFLG1DQUFtQyxDQUFFOzthQUNyRDs7OztZQXRCMkIsU0FBUztZQUk3QixhQUFhO1lBSjZCLFFBQVE7OztnQ0FvRHJELFNBQVMsU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7MkJBR2hELFNBQVMsU0FBQyxVQUFVLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO29CQU12QyxTQUFTLFNBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTt1QkFHcEMsS0FBSzt1QkFHTCxLQUFLO3lCQWNMLEtBQUs7MEJBR0wsS0FBSztzQkFHTCxLQUFLO3NCQUdMLEtBQUs7eUJBR0wsTUFBTTs7Ozs7OztJQTNDUCx5Q0FBNkI7O0lBRTdCLGdEQUM4Qjs7SUFFOUIsMkNBQ3lCOzs7OztJQUd6Qiw2Q0FBa0M7O0lBRWxDLG9DQUNlOztJQUVmLHVDQUNpQjs7SUFjakIsd0NBQWtCOztJQUVsQix5Q0FDbUI7O0lBRW5CLDBDQUNpQjs7SUFFakIsc0NBQ1E7O0lBRVIsc0NBQ1E7O0lBRVIseUNBQzhEOzs7OztJQUU5RCwrQ0FBa0Q7Ozs7O0lBQ2xELGdEQUE2Qzs7Ozs7SUF4RWpDLHVDQUEyQjs7Ozs7SUFDM0IsNENBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2RlQ29tcG9uZW50IH0gZnJvbSAnbmd4LW9kZS1jb3JlJztcbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLFxuICBJbnB1dCwgT25EZXN0cm95LCBPdXRwdXQsIFJlbmRlcmVyMiwgVmlld0NoaWxkLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IsIE5nTW9kZWwgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7TGFiZWxzU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvbGFiZWxzLnNlcnZpY2UnO1xuaW1wb3J0IEZsYXRwaWNrciBmcm9tICdmbGF0cGlja3InO1xuaW1wb3J0IEZyZW5jaCBmcm9tICdmbGF0cGlja3IvZGlzdC9sMTBuL2ZyLmpzJztcblxuLy8gYWNjZXNzIG5nbW9kZWxcbmNvbnN0IE5PT1AgPSAoKSA9PiB7XG59O1xuZXhwb3J0IGNvbnN0IENVU1RPTV9JTlBVVF9DT05UUk9MX1ZBTFVFX0FDQ0VTU09SOiBhbnkgPSB7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gRGF0ZXBpY2tlckNvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWVcbn07XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnb2RlLWRhdGUtcGlja2VyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGF0ZXBpY2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGF0ZXBpY2tlci5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogWyBDVVNUT01fSU5QVVRfQ09OVFJPTF9WQUxVRV9BQ0NFU1NPUiBdXG59KVxuZXhwb3J0IGNsYXNzIERhdGVwaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgICAgICAgICBwcml2YXRlIGxhYmVsc1NlcnZpY2U6IExhYmVsc1NlcnZpY2UsXG4gICAgICAgICAgICAgICAgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgICAgICAgICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICBnZXQgdmFsdWUoKTogYW55IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaW5uZXJWYWx1ZTtcbiAgICB9XG5cbiAgICBzZXQgdmFsdWUodjogYW55KSB7XG4gICAgICAgIGxldCBpbml0ID0gZmFsc2U7XG4gICAgICAgIGlmICh0aGlzLmlubmVyVmFsdWUgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgaW5pdCA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHYgIT09IHRoaXMuaW5uZXJWYWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5pbm5lclZhbHVlID0gdjtcbiAgICAgICAgICAgIHRoaXMub25DaGFuZ2VDYWxsYmFjayh2KTtcbiAgICAgICAgICAgIGlmICghaW5pdCkge1xuICAgICAgICAgICAgICAgIHRoaXMuY2hhbmdlRGF0ZS5lbWl0KHYpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIGlubmVyVmFsdWU6IGFueSA9ICcnO1xuXG4gICAgQFZpZXdDaGlsZCgnZGF0ZVBpY2tlckVsZW1lbnQnLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgICBkYXRlUGlja2VyRWxlbWVudDogRWxlbWVudFJlZjtcblxuICAgIEBWaWV3Q2hpbGQoJ2lucHV0UmVmJywgeyBzdGF0aWM6IGZhbHNlIH0pXG4gICAgaW5wdXRFbGVtZW50OiBFbGVtZW50UmVmO1xuXG4gICAgLy8gaW5zdGFuY2UgZmxhdHBpY2tyXG4gICAgcHJpdmF0ZSBkYXRlUGlja2VySW5zdDogRmxhdHBpY2tyO1xuXG4gICAgQFZpZXdDaGlsZChOZ01vZGVsLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgICBtb2RlbDogTmdNb2RlbDtcblxuICAgIEBJbnB1dCgpXG4gICAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgc2V0IHJlYWRvbmx5KCB2YWw6Ym9vbGVhbiApIHtcbiAgICAgICAgdGhpcy5fcmVhZG9ubHkgPSB2YWw7XG4gICAgICAgIGlmKCB0aGlzLmRhdGVQaWNrZXJJbnN0ICYmIHRoaXMuZGF0ZVBpY2tlckluc3QuYWx0SW5wdXQgKSB7XG4gICAgICAgICAgICAvLyBBcHBseSB0aGUgcmVhZG9ubHkgYXR0cmlidXRlIGFkZGl0aW9uL3JlbW92YWwgdG8gdGhlIHZpc2libGUgaW5wdXQgKHdyYXBwZWQpXG4gICAgICAgICAgICBpZiggdmFsICkgdGhpcy5kYXRlUGlja2VySW5zdC5hbHRJbnB1dC5zZXRBdHRyaWJ1dGUoJ3JlYWRvbmx5JywgXCJcIik7XG4gICAgICAgICAgICBlbHNlICAgICAgdGhpcy5kYXRlUGlja2VySW5zdC5hbHRJbnB1dC5yZW1vdmVBdHRyaWJ1dGUoJ3JlYWRvbmx5Jyk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IHJlYWRvbmx5KCk6Ym9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9yZWFkb25seTtcbiAgICB9XG4gICAgX3JlYWRvbmx5ID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIGVuYWJsZVRpbWUgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcGxhY2Vob2xkZXIgPSAnJztcblxuICAgIEBJbnB1dCgpXG4gICAgbWluRGF0ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgbWF4RGF0ZTtcblxuICAgIEBPdXRwdXQoKVxuICAgIGNoYW5nZURhdGU6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgICBwcml2YXRlIG9uQ2hhbmdlQ2FsbGJhY2s6IChfOiBhbnkpID0+IHZvaWQgPSBOT09QO1xuICAgIHByaXZhdGUgb25Ub3VjaGVkQ2FsbGJhY2s6ICgpID0+IHZvaWQgPSBOT09QO1xuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ0FmdGVyVmlld0luaXQoKTtcbiAgICAgICAgLy8gYWRkIGF0dHIgZGF0YS1pbnB1dCwgbWFuZGF0b3J5IGZvciB0aGUgcGlja2VyIHRvIHdvcmsgaW4gd3JhcCBtb2RlXG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0QXR0cmlidXRlKHRoaXMuaW5wdXRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdkYXRhLWlucHV0JywgJycpO1xuXG4gICAgICAgIC8vIGRpc2FibGVkIGNhc2VcbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQgPT09IHRydWUpIHtcbiAgICAgICAgICAgIHRoaXMubW9kZWwuY29udHJvbC5kaXNhYmxlKCk7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBuYXZpZ2F0b3JMYW5ndWFnZSA9IG5hdmlnYXRvci5sYW5ndWFnZS5zcGxpdCgnLScpWzBdO1xuICAgICAgICBsZXQgZGF0ZVBpY2tlckxvY2FsZSA9IHt9O1xuICAgICAgICBpZiAobmF2aWdhdG9yTGFuZ3VhZ2UgPT09ICdmcicpIHtcbiAgICAgICAgICAgIGRhdGVQaWNrZXJMb2NhbGUgPSBGcmVuY2guZnI7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBvcHRpb25zIGZvciB0aGUgZmxhdHBpY2tyIGluc3RhbmNlXG4gICAgICAgIGNvbnN0IG9wdGlvbnMgPSB7XG4gICAgICAgICAgICBhbHRJbnB1dDogIXRoaXMuZGlzYWJsZWQsXG4gICAgICAgICAgICBhbHRGb3JtYXQ6ICdkL20vWScsIC8vIGRhdGUgZm9ybWF0IGRpc3BsYXllZCB0byB1c2VyXG4gICAgICAgICAgICBkYXRlRm9ybWF0OiAnWS1tLWQnLCAvLyBkYXRlIGZvcm1hdCBzZW50IHRvIHNlcnZlclxuICAgICAgICAgICAgYWxsb3dJbnB1dDogZmFsc2UsXG4gICAgICAgICAgICBlbmFibGVUaW1lOiB0aGlzLmVuYWJsZVRpbWUsXG4gICAgICAgICAgICBtaW5EYXRlOiB0aGlzLm1pbkRhdGUsXG4gICAgICAgICAgICBtYXhEYXRlOiB0aGlzLm1heERhdGUsXG4gICAgICAgICAgICBjbGlja09wZW5zOiBmYWxzZSxcbiAgICAgICAgICAgIHdyYXA6IHRydWUsIC8vIHRvIGFkZCBpbnB1dCBkZWNvcmF0aW9uIChjYWxlbmRhciBpY29uIGFuZCBkZWxldGUgaWNvbilcbiAgICAgICAgICAgIGxvY2FsZTogZGF0ZVBpY2tlckxvY2FsZVxuICAgICAgICB9O1xuXG4gICAgICAgIHRoaXMuZGF0ZVBpY2tlckluc3QgPSBuZXcgRmxhdHBpY2tyKHRoaXMuZGF0ZVBpY2tlckVsZW1lbnQubmF0aXZlRWxlbWVudCwgb3B0aW9ucyk7XG4gICAgICAgIGlmKCAhdGhpcy5kaXNhYmxlZCApIHtcbiAgICAgICAgICAgIHRoaXMuZGF0ZVBpY2tlckluc3QuYWx0SW5wdXQuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCBlID0+IHtcbiAgICAgICAgICAgICAgICBpZiggIXRoaXMucmVhZG9ubHkgKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZGF0ZVBpY2tlckluc3QudG9nZ2xlKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBGb3JjZSB1cGRhdGluZyB0aGUgZGF0ZSBpbnB1dCByZWFkb25seSBhdHRyaWJ1dGUgOlxuICAgICAgICB0aGlzLnJlYWRvbmx5ID0gdGhpcy5fcmVhZG9ubHk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgICAgIHRoaXMuZGF0ZVBpY2tlckluc3QuZGVzdHJveSgpO1xuICAgIH1cblxuICAgIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgICAgICBpZiAodmFsdWUgIT09IHRoaXMuaW5uZXJWYWx1ZSAmJiB0aGlzLmRhdGVQaWNrZXJJbnN0KSB7XG4gICAgICAgICAgICB0aGlzLmlubmVyVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMuZGF0ZVBpY2tlckluc3Quc2V0RGF0ZSh2YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlQ2FsbGJhY2sodmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2VDYWxsYmFjayA9IGZuO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vblRvdWNoZWRDYWxsYmFjayA9IGZuO1xuICAgIH1cblxuICAgIGxhYmVscyhsYWJlbCkge1xuICAgICAgICByZXR1cm4gdGhpcy5sYWJlbHNTZXJ2aWNlLmdldExhYmVsKGxhYmVsKTtcbiAgICB9XG59XG4iXX0=

package/esm2015/lib/components/dropdown/dropdown.component.js

@@ -0,0 +1,76 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/dropdown/dropdown.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input, Output, EventEmitter, Injector } from '@angular/core';
+import { OdeComponent } from 'ngx-ode-core';
+/**
+ * DropdownComponent is an alternative to the MonoSelectComponent.
+ * Accept everything inside <ng-content> but should work with <ode-list> component
+ *
+ * Simple Dropdown Component without search:
+ * [isSearchActive] can be set to false to disable search input in <ode-list>
+ * ```
+ * <ode-dropdown
+ * [name]="option_name"
+ * [isDropdownOpened]="a_boolean"
+ * (onDropdown)="toggle_func"
+ * >
+ * <ode-list
+ * [model]="model"
+ * [filters]="filters"
+ * (onSelect)="func_to_select_elem($event)"
+ * (inputChange)="a_string_for_input_value = $event"
+ * noResultsLabel="text_to_display"
+ * searchPlaceholder="default_placeholder_text"
+ * >
+ * <ng-template let-item>
+ * <div>{{ item.name }}</div>
+ * </ng-template>
+ * </ode-list>
+ * </ode-dropdown>
+ * `̀``
+ */
+export class DropdownComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+        this.name = '';
+        this.isDropdownOpened = false;
+        this.onDropdown = new EventEmitter();
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        super.ngOnInit();
+    }
+}
+DropdownComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-dropdown',
+                template: "<div class=\"dropdown\" [ngClass]=\"isDropdownOpened ? 'open' : ''\">\n  <button (click)=\"onDropdown.emit()\" class=\"dropdown-trigger\">\n    <span class=\"cell-ellipsis\">{{ name }}</span> <i class=\"fonticon arrow-select\"></i>\n  </button>\n  <div class=\"dropdown-list\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
+                styles: [".dropdown{position:relative;width:230px;box-sizing:border-box}.dropdown *{box-sizing:border-box}.dropdown-trigger{cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:14px;color:#4a4a4a;text-transform:uppercase;text-align:left;width:100%;border-radius:8px;border:1px solid #7a7a7a;background-color:#fff}.dropdown-trigger>span{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-trigger i.arrow-select{display:inline-block;float:none!important;padding-left:0;transform:rotate(180deg);transform-origin:center center}.dropdown-trigger:hover{color:#4a4a4a;border-color:#7a7a7a;background-color:#fff}.dropdown-trigger:hover i.arrow-select{color:#4a4a4a!important}.dropdown-list{display:none;position:absolute;overflow:hidden;z-index:2;top:100%;left:0;right:0;width:316px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);border-radius:8px;background-color:#fff}.dropdown::ng-deep ode-list li{justify-content:flex-start}.dropdown::ng-deep ode-list input[type=search]{padding:12px 16px}.dropdown.open .dropdown-list{display:block}.dropdown.open i.arrow-select{transform:rotate(0)}"]
+            }] }
+];
+/** @nocollapse */
+DropdownComponent.ctorParameters = () => [
+    { type: Injector }
+];
+DropdownComponent.propDecorators = {
+    name: [{ type: Input }],
+    isDropdownOpened: [{ type: Input }],
+    onDropdown: [{ type: Output }]
+};
+if (false) {
+    /** @type {?} */
+    DropdownComponent.prototype.name;
+    /** @type {?} */
+    DropdownComponent.prototype.isDropdownOpened;
+    /** @type {?} */
+    DropdownComponent.prototype.onDropdown;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFtQzVDLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxZQUFZOzs7O0lBRWpELFlBQVksUUFBa0I7UUFDNUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBR1QsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUNsQixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFFakMsZUFBVSxHQUF3QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBTHJFLENBQUM7Ozs7SUFPRCxRQUFRO1FBQ04sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ25CLENBQUM7OztZQWxCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLG9WQUF3Qzs7YUFFekM7Ozs7WUFuQ3dELFFBQVE7OzttQkEwQzlELEtBQUs7K0JBQ0wsS0FBSzt5QkFFTCxNQUFNOzs7O0lBSFAsaUNBQTJCOztJQUMzQiw2Q0FBMkM7O0lBRTNDLHVDQUFxRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuXG4vKipcbiAqIERyb3Bkb3duQ29tcG9uZW50IGlzIGFuIGFsdGVybmF0aXZlIHRvIHRoZSBNb25vU2VsZWN0Q29tcG9uZW50LlxuICogQWNjZXB0IGV2ZXJ5dGhpbmcgaW5zaWRlIDxuZy1jb250ZW50PiBidXQgc2hvdWxkIHdvcmsgd2l0aCA8b2RlLWxpc3Q+IGNvbXBvbmVudFxuICogXG4gKiBTaW1wbGUgRHJvcGRvd24gQ29tcG9uZW50IHdpdGhvdXQgc2VhcmNoOlxuICogW2lzU2VhcmNoQWN0aXZlXSBjYW4gYmUgc2V0IHRvIGZhbHNlIHRvIGRpc2FibGUgc2VhcmNoIGlucHV0IGluIDxvZGUtbGlzdD5cbmBgYFxuPG9kZS1kcm9wZG93blxuICAgIFtuYW1lXT1cIm9wdGlvbl9uYW1lXCJcbiAgICBbaXNEcm9wZG93bk9wZW5lZF09XCJhX2Jvb2xlYW5cIlxuICAgIChvbkRyb3Bkb3duKT1cInRvZ2dsZV9mdW5jXCJcbiAgPlxuICA8b2RlLWxpc3RcbiAgICBbbW9kZWxdPVwibW9kZWxcIlxuICAgIFtmaWx0ZXJzXT1cImZpbHRlcnNcIlxuICAgIChvblNlbGVjdCk9XCJmdW5jX3RvX3NlbGVjdF9lbGVtKCRldmVudClcIlxuICAgIChpbnB1dENoYW5nZSk9XCJhX3N0cmluZ19mb3JfaW5wdXRfdmFsdWUgPSAkZXZlbnRcIlxuICAgIG5vUmVzdWx0c0xhYmVsPVwidGV4dF90b19kaXNwbGF5XCJcbiAgICBzZWFyY2hQbGFjZWhvbGRlcj1cImRlZmF1bHRfcGxhY2Vob2xkZXJfdGV4dFwiXG4gICAgPlxuICAgICAgPG5nLXRlbXBsYXRlIGxldC1pdGVtPlxuICAgICAgICA8ZGl2Pnt7IGl0ZW0ubmFtZSB9fTwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L29kZS1saXN0PlxuICA8L29kZS1kcm9wZG93bj5cbmDMgGBgXG4gKi9cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2RlLWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCBleHRlbmRzIE9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IpO1xuICB9XG5cbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGlzRHJvcGRvd25PcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25Ecm9wZG93bjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gIG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICB9XG5cbn1cbiJdfQ==

package/esm2015/lib/components/ellipsis/ellipsis.component.js

@@ -0,0 +1,98 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/ellipsis/ellipsis.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, ElementRef, Input, Injector } from '@angular/core';
+/**
+ * A simple ellipsis component that switches text-overflow on click.
+ * Add an ellipsis={'hide'| 'expand'} attirubute on your element.
+ * Default behavior is 'hide', so that it's the same than the raw CSS
+ */
+export class EllipsisComponent extends OdeComponent {
+    /**
+     * @param {?} eltRef
+     * @param {?} injector
+     */
+    constructor(eltRef, injector) {
+        super(injector);
+        this.eltRef = eltRef;
+        this._ellipsis = 'hide';
+        this.isExpanded = false;
+        this.initialStyle = Object.assign({}, this.eltRef.nativeElement.style);
+    }
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    set ellipsis(value) {
+        if (!!value) {
+            this._ellipsis = value;
+            if (this._ellipsis == 'expand') {
+                this.eltRef.nativeElement.className = 'expand';
+            }
+        }
+    }
+    /**
+     * @return {?}
+     */
+    onClick() {
+        if (this._ellipsis == 'hide') {
+            return;
+        }
+        if (!this.isExpanded) {
+            this.isExpanded = true;
+            Object.assign(this.eltRef.nativeElement.style, {
+                textOverflow: 'clip',
+                overflow: 'auto',
+                whiteSpace: 'normal',
+            });
+        }
+        else {
+            this.isExpanded = false;
+            this.eltRef.nativeElement.style = this.initialStyle;
+        }
+    }
+}
+EllipsisComponent.decorators = [
+    { type: Component, args: [{
+                selector: '[ellipsis]',
+                template: `<ng-content></ng-content>`,
+                host: {
+                    '(click)': 'onClick()',
+                },
+                styles: [":host{display:block;width:8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host.expand{cursor:pointer}"]
+            }] }
+];
+/** @nocollapse */
+EllipsisComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Injector }
+];
+EllipsisComponent.propDecorators = {
+    ellipsis: [{ type: Input }]
+};
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisComponent.prototype._ellipsis;
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisComponent.prototype.isExpanded;
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisComponent.prototype.initialStyle;
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisComponent.prototype.eltRef;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxsaXBzaXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2VsbGlwc2lzL2VsbGlwc2lzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBaUJ2RSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsWUFBWTs7Ozs7SUFDL0MsWUFBb0IsTUFBa0IsRUFBRSxRQUFrQjtRQUN0RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFEQSxXQUFNLEdBQU4sTUFBTSxDQUFZO1FBSTlCLGNBQVMsR0FBc0IsTUFBTSxDQUFDO1FBV3RDLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsaUJBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQWYxRSxDQUFDOzs7OztJQUdELElBQ0ksUUFBUSxDQUFDLEtBQXVCO1FBQ2hDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQ3ZCLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxRQUFRLEVBQUU7Z0JBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7YUFDbEQ7U0FDSjtJQUNMLENBQUM7Ozs7SUFLRCxPQUFPO1FBQ0gsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLE1BQU0sRUFBRTtZQUMxQixPQUFPO1NBQ1Y7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNsQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUN2QixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRTtnQkFDM0MsWUFBWSxFQUFFLE1BQU07Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2dCQUNoQixVQUFVLEVBQUUsUUFBUTthQUN2QixDQUFDLENBQUM7U0FDTjthQUFNO1lBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7U0FDdkQ7SUFFTCxDQUFDOzs7WUEzQ0osU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxZQUFZO2dCQUN0QixRQUFRLEVBQUUsMkJBQTJCO2dCQUVyQyxJQUFJLEVBQUU7b0JBQ0YsU0FBUyxFQUFFLFdBQVc7aUJBQ3pCOzthQUNKOzs7O1lBaEJtQixVQUFVO1lBQVMsUUFBUTs7O3VCQXVCMUMsS0FBSzs7Ozs7OztJQUROLHNDQUE4Qzs7Ozs7SUFXOUMsdUNBQTJCOzs7OztJQUUzQix5Q0FBMEU7Ozs7O0lBakI5RCxtQ0FBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxudHlwZSBFbGxpcHNpc0JlaGF2aW9yID0gJ2V4cGFuZCcgfCAnaGlkZSc7XG5cbi8qKlxuICogQSBzaW1wbGUgZWxsaXBzaXMgY29tcG9uZW50IHRoYXQgc3dpdGNoZXMgdGV4dC1vdmVyZmxvdyBvbiBjbGljay5cbiAqIEFkZCBhbiBlbGxpcHNpcz17J2hpZGUnfCAnZXhwYW5kJ30gYXR0aXJ1YnV0ZSBvbiB5b3VyIGVsZW1lbnQuXG4gKiBEZWZhdWx0IGJlaGF2aW9yIGlzICdoaWRlJywgc28gdGhhdCBpdCdzIHRoZSBzYW1lIHRoYW4gdGhlIHJhdyBDU1NcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdbZWxsaXBzaXNdJyxcbiAgICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICAgIHN0eWxlVXJsczogWycuL2VsbGlwc2lzLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgaG9zdDoge1xuICAgICAgICAnKGNsaWNrKSc6ICdvbkNsaWNrKCknLFxuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgRWxsaXBzaXNDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWx0UmVmOiBFbGVtZW50UmVmLCBpbmplY3RvcjogSW5qZWN0b3IgKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9lbGxpcHNpczogRWxsaXBzaXNCZWhhdmlvciAgPSAnaGlkZSc7XG4gICAgQElucHV0KClcbiAgICBzZXQgZWxsaXBzaXModmFsdWU6IEVsbGlwc2lzQmVoYXZpb3IpIHtcbiAgICAgICAgaWYgKCEhdmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX2VsbGlwc2lzID0gdmFsdWU7XG4gICAgICAgICAgICBpZiAodGhpcy5fZWxsaXBzaXMgPT0gJ2V4cGFuZCcpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmVsdFJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTmFtZSA9ICdleHBhbmQnO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpc0V4cGFuZGVkID0gZmFsc2U7XG5cbiAgICBwcml2YXRlIGluaXRpYWxTdHlsZSA9IE9iamVjdC5hc3NpZ24oe30sIHRoaXMuZWx0UmVmLm5hdGl2ZUVsZW1lbnQuc3R5bGUpO1xuICAgIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLl9lbGxpcHNpcyA9PSAnaGlkZScpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBpZiAoIXRoaXMuaXNFeHBhbmRlZCkge1xuICAgICAgICAgICAgdGhpcy5pc0V4cGFuZGVkID0gdHJ1ZTtcbiAgICAgICAgICAgIE9iamVjdC5hc3NpZ24odGhpcy5lbHRSZWYubmF0aXZlRWxlbWVudC5zdHlsZSwge1xuICAgICAgICAgICAgICAgIHRleHRPdmVyZmxvdzogJ2NsaXAnLFxuICAgICAgICAgICAgICAgIG92ZXJmbG93OiAnYXV0bycsXG4gICAgICAgICAgICAgICAgd2hpdGVTcGFjZTogJ25vcm1hbCcsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuaXNFeHBhbmRlZCA9IGZhbHNlO1xuICAgICAgICAgICAgdGhpcy5lbHRSZWYubmF0aXZlRWxlbWVudC5zdHlsZSA9IHRoaXMuaW5pdGlhbFN0eWxlO1xuICAgICAgICB9XG5cbiAgICB9XG5cbn1cbiJdfQ==

package/esm2015/lib/components/form-errors/form-errors.component.js

@@ -0,0 +1,65 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/form-errors/form-errors.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { OdeComponent } from 'ngx-ode-core';
+import { Component, Input, Injector } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { LabelsService } from '../../services/labels.service';
+export class FormErrorsComponent extends OdeComponent {
+    /**
+     * @param {?} labelsService
+     * @param {?} injector
+     */
+    constructor(labelsService, injector) {
+        super(injector);
+        this.labelsService = labelsService;
+    }
+    /**
+     * @return {?}
+     */
+    getErrorsArray() {
+        /** @type {?} */
+        const errorsArray = [];
+        for (const prop in this.ref.errors) {
+            errorsArray.push({ name: prop, value: this.ref.errors[prop] });
+        }
+        return errorsArray;
+    }
+    /**
+     * @param {?} label
+     * @return {?}
+     */
+    labels(label) {
+        return this.labelsService.getLabel(label);
+    }
+}
+FormErrorsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-form-errors',
+                template: "<div *ngIf=\"ref && ref.errors && (ref.dirty || ref.touched)\" class=\"form-errors\">\n  <div *ngFor=\"let error of getErrorsArray()\">\n    <span>{{ 'form.error.' + error.name | translate: error.value }}</span>\n    <span *ngIf=\"error.name == 'pattern'\">{{expectedPatternMsg}}</span>\n  </div>\n</div>\n",
+                styles: [".form-errors{font-size:.8em;color:#dc143c;font-style:italic}"]
+            }] }
+];
+/** @nocollapse */
+FormErrorsComponent.ctorParameters = () => [
+    { type: LabelsService },
+    { type: Injector }
+];
+FormErrorsComponent.propDecorators = {
+    ref: [{ type: Input, args: ['control',] }],
+    expectedPatternMsg: [{ type: Input, args: ['expectedPatternMsg',] }]
+};
+if (false) {
+    /** @type {?} */
+    FormErrorsComponent.prototype.ref;
+    /** @type {?} */
+    FormErrorsComponent.prototype.expectedPatternMsg;
+    /**
+     * @type {?}
+     * @private
+     */
+    FormErrorsComponent.prototype.labelsService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1lcnJvcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LW9kZS11aS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2Zvcm0tZXJyb3JzL2Zvcm0tZXJyb3JzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUUvQyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFPNUQsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFlBQVk7Ozs7O0lBQ2pELFlBQW9CLGFBQTRCLEVBQUUsUUFBa0I7UUFDaEUsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBREEsa0JBQWEsR0FBYixhQUFhLENBQWU7SUFFaEQsQ0FBQzs7OztJQVNELGNBQWM7O2NBQ0osV0FBVyxHQUFHLEVBQUU7UUFDdEIsS0FBSyxNQUFNLElBQUksSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRTtZQUNoQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUMsQ0FBQyxDQUFDO1NBQ2pFO1FBQ0QsT0FBTyxXQUFXLENBQUM7SUFDdkIsQ0FBQzs7Ozs7SUFFRCxNQUFNLENBQUMsS0FBSztRQUNSLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUMsQ0FBQzs7O1lBM0JKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsaUJBQWlCO2dCQUMzQiw4VEFBMkM7O2FBRTlDOzs7O1lBTk8sYUFBYTtZQUhNLFFBQVE7OztrQkFlOUIsS0FBSyxTQUFDLFNBQVM7aUNBR2YsS0FBSyxTQUFDLG9CQUFvQjs7OztJQUgzQixrQ0FDcUI7O0lBRXJCLGlEQUMyQjs7Ozs7SUFSZiw0Q0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPZGVDb21wb25lbnQgfSBmcm9tICduZ3gtb2RlLWNvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RDb250cm9sfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7TGFiZWxzU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvbGFiZWxzLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ29kZS1mb3JtLWVycm9ycycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZXJyb3JzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9mb3JtLWVycm9ycy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1FcnJvcnNDb21wb25lbnQgZXh0ZW5kcyBPZGVDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgbGFiZWxzU2VydmljZTogTGFiZWxzU2VydmljZSwgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB9XG5cbiAgICBASW5wdXQoJ2NvbnRyb2wnKVxuICAgIHJlZjogQWJzdHJhY3RDb250cm9sO1xuXG4gICAgQElucHV0KCdleHBlY3RlZFBhdHRlcm5Nc2cnKVxuICAgIGV4cGVjdGVkUGF0dGVybk1zZzogc3RyaW5nO1xuXG5cbiAgICBnZXRFcnJvcnNBcnJheSgpIHtcbiAgICAgICAgY29uc3QgZXJyb3JzQXJyYXkgPSBbXTtcbiAgICAgICAgZm9yIChjb25zdCBwcm9wIGluIHRoaXMucmVmLmVycm9ycykge1xuICAgICAgICAgICAgZXJyb3JzQXJyYXkucHVzaCh7IG5hbWU6IHByb3AsIHZhbHVlOiB0aGlzLnJlZi5lcnJvcnNbcHJvcF19KTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gZXJyb3JzQXJyYXk7XG4gICAgfVxuXG4gICAgbGFiZWxzKGxhYmVsKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmxhYmVsc1NlcnZpY2UuZ2V0TGFiZWwobGFiZWwpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2015/lib/components/form-field/form-field.component.js

@@ -0,0 +1,40 @@
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/components/form-field/form-field.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input, Injector } from '@angular/core';
+import { OdeComponent } from 'ngx-ode-core';
+export class FormFieldComponent extends OdeComponent {
+    /**
+     * @param {?} injector
+     */
+    constructor(injector) {
+        super(injector);
+    }
+}
+FormFieldComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'ode-form-field',
+                template: "<div class=\"form-field\">\n  <label>\n    {{ label | translate }}\n    <span *ngIf=\"required\" class=\"asterisque\">*</span>\n    <ode-message-sticker *ngIf=\"help\"\n                     [type]=\"'info'\"\n                     [messages]=\"[help]\">\n    </ode-message-sticker>\n  </label>\n  <ng-content></ng-content>\n</div>\n",
+                styles: ["div.form-field{display:flex;align-items:center}div.form-field>>>>*{flex:1;margin-left:5px}div.form-field>:first-child{flex:0 0 200px;margin-left:0}div.form-field message-sticker{font-size:1.3em}div.form-field .asterisque{color:#dc143c}"]
+            }] }
+];
+/** @nocollapse */
+FormFieldComponent.ctorParameters = () => [
+    { type: Injector }
+];
+FormFieldComponent.propDecorators = {
+    label: [{ type: Input }],
+    help: [{ type: Input }],
+    required: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    FormFieldComponent.prototype.label;
+    /** @type {?} */
+    FormFieldComponent.prototype.help;
+    /** @type {?} */
+    FormFieldComponent.prototype.required;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtb2RlLXVpLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS1maWVsZC9mb3JtLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBTzVDLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxZQUFZOzs7O0lBS2xELFlBQVksUUFBa0I7UUFDNUIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2xCLENBQUM7OztZQVpGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQix1VkFBMEM7O2FBRTNDOzs7O1lBUDBCLFFBQVE7OztvQkFTaEMsS0FBSzttQkFDTCxLQUFLO3VCQUNMLEtBQUs7Ozs7SUFGTixtQ0FBdUI7O0lBQ3ZCLGtDQUFzQjs7SUFDdEIsc0NBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9kZUNvbXBvbmVudCB9IGZyb20gJ25neC1vZGUtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29kZS1mb3JtLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRm9ybUZpZWxkQ29tcG9uZW50IGV4dGVuZHMgT2RlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgaGVscDogc3RyaW5nO1xuICBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3RvcihpbmplY3RvcjogSW5qZWN0b3IpIHtcbiAgICBzdXBlcihpbmplY3Rvcik7XG4gIH1cbn1cbiJdfQ==