@lucca-front/ng 7.2.0 → 8.0.0-alpha.1

package/date/fesm2015/lucca-front-ng-date.js

@@ -1,933 +0,0 @@
-import { Injectable, Component, ChangeDetectionStrategy, forwardRef, ChangeDetectorRef, ElementRef, Renderer2, Inject, LOCALE_ID, Input, NgModule, EventEmitter, Output, ViewChild, TemplateRef, InjectionToken, Directive, HostListener, Pipe, ViewContainerRef } from '@angular/core';
-import { ALuInput, LuInputModule, LuInputClearerModule, LuInputDisplayerModule } from '@lucca-front/ng/input';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
-import { getLocaleDayNames, FormStyle, TranslationWidth, getLocaleFirstDayOfWeek, CommonModule } from '@angular/common';
-import { ELuDateGranularity, ALuDateAdapter, ALuIntl } from '@lucca-front/ng/core';
-import { ALuPickerPanel } from '@lucca-front/ng/picker';
-import { luTransformPopover } from '@lucca-front/ng/popover';
-import { TAB, ESCAPE } from '@angular/cdk/keycodes';
-import { OverlayModule, Overlay } from '@angular/cdk/overlay';
-import { A11yModule } from '@angular/cdk/a11y';
-import { ALuSelectInputComponent } from '@lucca-front/ng/select';
-
-class ACalendarItem {
-    constructor() {
-        this.mods = [];
-        this.isDisabled = false;
-    }
-    get id() { return `${this.granularity}-${this.date.toString()}`; }
-}
-class DayItem extends ACalendarItem {
-    constructor(date, label) {
-        super();
-        this.date = date;
-        this.label = label;
-        this.granularity = ELuDateGranularity.day;
-    }
-}
-class MonthItem extends ACalendarItem {
-    constructor(date, label) {
-        super();
-        this.date = date;
-        this.label = label;
-        this.granularity = ELuDateGranularity.month;
-    }
-}
-class YearItem extends ACalendarItem {
-    constructor(date, label) {
-        super();
-        this.date = date;
-        this.label = label;
-        this.granularity = ELuDateGranularity.year;
-    }
-}
-class DecadeItem extends ACalendarItem {
-    constructor(date, label) {
-        super();
-        this.date = date;
-        this.label = label;
-        this.granularity = ELuDateGranularity.decade;
-    }
-}
-
-class LuCalendarItemFactory {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-    }
-    forgeDay(d, format = 'd') {
-        const date = this._adapter.clone(d);
-        return new DayItem(date, this._adapter.format(date, format));
-    }
-    forgeMonth(d, format = 'MMM') {
-        const year = this._adapter.getYear(d);
-        const month = this._adapter.getMonth(d);
-        const date = this._adapter.getDate(d);
-        const monthStart = this._adapter.forge(year, month, 1);
-        return new MonthItem(monthStart, this._adapter.format(monthStart, format));
-    }
-    forgeYear(d, format = 'y') {
-        const year = this._adapter.getYear(d);
-        const yearStart = this._adapter.forge(year, 1, 1);
-        return new YearItem(yearStart, this._adapter.format(yearStart, format));
-    }
-    forgeDecade(d, format = 'y') {
-        const year = this._adapter.getYear(d);
-        const decadeStart = this._adapter.forge(10 * Math.floor(year / 10), 1, 1);
-        const decadeEnd = this._adapter.forge(10 * Math.floor(year / 10) + 9, 1, 1);
-        const label = `${this._adapter.format(decadeStart, format)} - ${this._adapter.format(decadeEnd, format)}`;
-        return new DecadeItem(decadeStart, label);
-    }
-}
-LuCalendarItemFactory.decorators = [
-    { type: Injectable }
-];
-LuCalendarItemFactory.ctorParameters = () => [
-    { type: ALuDateAdapter }
-];
-
-class LuCalendarInputComponent extends ALuInput {
-    constructor(_changeDetectorRef, _elementRef, _renderer, _locale, _factory, _adapter) {
-        super(_changeDetectorRef, _elementRef, _renderer);
-        this._locale = _locale;
-        this._factory = _factory;
-        this._adapter = _adapter;
-        this.granularity = ELuDateGranularity.day;
-        this.startOn = this._adapter.forgeToday();
-        this.items = [];
-        // daily view
-        this.labels = [];
-    }
-    get mod() {
-        switch (this.viewGranularity) {
-            case ELuDateGranularity.year:
-                return 'mod-yearlyView';
-            case ELuDateGranularity.month:
-                return 'mod-monthlyView';
-            case ELuDateGranularity.day:
-                return 'mod-dailyView';
-        }
-    }
-    ngOnInit() {
-        this.viewGranularity = this.granularity;
-        this.initDayLabels();
-    }
-    writeValue(value) {
-        const date = value && this._adapter.isValid(value) ? this._adapter.clone(value) : this.startOn;
-        this.header = this._factory.forgeMonth(date);
-        super.writeValue(value);
-    }
-    initDayLabels() {
-        this.labels = [...getLocaleDayNames(this._locale, FormStyle.Standalone, TranslationWidth.Narrow)];
-        if (getLocaleFirstDayOfWeek(this._locale) === 1) {
-            this.labels.push(this.labels.shift());
-        }
-    }
-    render() {
-        switch (this.viewGranularity) {
-            case ELuDateGranularity.year:
-                this.renderYearlyView();
-                break;
-            case ELuDateGranularity.month:
-                this.renderMonthlyView();
-                break;
-            case ELuDateGranularity.day:
-            default:
-                this.renderDailyView();
-                break;
-        }
-    }
-    renderDailyView(month = this.header.date) {
-        this.items = [];
-        const start = this._adapter.forge(this._adapter.getYear(month), this._adapter.getMonth(month), 1);
-        let index = 0;
-        const isFirstDayOfWeek = this._adapter.getDay(start) === getLocaleFirstDayOfWeek(this._locale);
-        this.header = this._factory.forgeMonth(month, 'MMMM y');
-        if (!isFirstDayOfWeek) {
-            const offset = (this._adapter.getDay(start) - getLocaleFirstDayOfWeek(this._locale) + 7) % 7;
-            index = -1 * offset;
-        }
-        while (true) {
-            const d = this._adapter.add(start, index++, ELuDateGranularity.day);
-            const day = this._factory.forgeDay(d);
-            const isNextMonth = this._adapter.compare(d, month, ELuDateGranularity.month) > 0;
-            const isFDOW = this._adapter.getDay(d) === getLocaleFirstDayOfWeek(this._locale);
-            if (isFDOW && isNextMonth) {
-                break;
-            }
-            else {
-                this.items.push(day);
-            }
-        }
-        this.applyDailyMods();
-    }
-    renderMonthlyView(year = this.header.date) {
-        this.header = this._factory.forgeYear(year);
-        this.items = [...Array(12).keys()].map(i => {
-            const d = this._adapter.forge(this._adapter.getYear(year), i + 1, 1);
-            return this._factory.forgeMonth(d);
-        });
-        this.applyMonthlyMods();
-    }
-    renderYearlyView(decade = this.header.date) {
-        const year = Math.floor(this._adapter.getYear(decade) / 10) * 10;
-        const d = this._adapter.forge(year, 1, 1);
-        this.header = this._factory.forgeDecade(d);
-        this.items = [...Array(10).keys()].map(i => {
-            const y = this._adapter.forge(year + i, 1, 1);
-            return this._factory.forgeYear(y);
-        });
-        this.applyYearlyMods();
-    }
-    applyDailyMods() {
-        const month = this.header.date;
-        const today = this._adapter.forgeToday();
-        const min = this.min && this._adapter.isValid(this.min) ? this.min : undefined;
-        const max = this.max && this._adapter.isValid(this.max) ? this.max : undefined;
-        this.items.forEach(item => {
-            const day = item.date;
-            if (this._adapter.compare(day, month, ELuDateGranularity.month) < 0) {
-                item.mods.push('is-previousMonth');
-            }
-            if (this._adapter.compare(day, month, ELuDateGranularity.month) > 0) {
-                item.mods.push('is-nextMonth');
-            }
-            if (this._adapter.compare(day, today, ELuDateGranularity.day) === 0) {
-                item.mods.push('is-today');
-            }
-            if (this.value && this._adapter.isValid(this.value) && this._adapter.compare(day, this.value, ELuDateGranularity.day) === 0) {
-                item.mods.push('is-active');
-            }
-            if (min && this._adapter.compare(day, min, ELuDateGranularity.day) < 0) {
-                item.isDisabled = true;
-            }
-            if (max && this._adapter.compare(day, max, ELuDateGranularity.day) > 0) {
-                item.isDisabled = true;
-            }
-        });
-    }
-    applyMonthlyMods() {
-        const today = this._adapter.forgeToday();
-        const min = this.min && this._adapter.isValid(this.min) ? this.min : undefined;
-        const max = this.max && this._adapter.isValid(this.max) ? this.max : undefined;
-        this.items.forEach(item => {
-            const month = item.date;
-            if (this._adapter.compare(month, today, ELuDateGranularity.month) === 0) {
-                item.mods.push('is-today');
-            }
-            if (this.value && this._adapter.isValid(this.value) && this._adapter.compare(month, this.value, ELuDateGranularity.month) === 0) {
-                item.mods.push('is-active');
-            }
-            if (min && this._adapter.compare(month, min, ELuDateGranularity.month) < 0) {
-                item.isDisabled = true;
-            }
-            if (max && this._adapter.compare(month, max, ELuDateGranularity.month) > 0) {
-                item.isDisabled = true;
-            }
-        });
-    }
-    applyYearlyMods() {
-        const today = this._adapter.forgeToday();
-        const min = this.min && this._adapter.isValid(this.min) ? this.min : undefined;
-        const max = this.max && this._adapter.isValid(this.max) ? this.max : undefined;
-        this.items.forEach(item => {
-            const year = item.date;
-            if (this._adapter.compare(year, today, ELuDateGranularity.year) === 0) {
-                item.mods.push('is-today');
-            }
-            if (this.value && this._adapter.isValid(this.value) && this._adapter.compare(year, this.value, ELuDateGranularity.year) === 0) {
-                item.mods.push('is-active');
-            }
-            if (min && this._adapter.compare(year, min, ELuDateGranularity.year) < 0) {
-                item.isDisabled = true;
-            }
-            if (max && this._adapter.compare(year, max, ELuDateGranularity.year) > 0) {
-                item.isDisabled = true;
-            }
-        });
-    }
-    select(item) {
-        switch (this.viewGranularity) {
-            case ELuDateGranularity.year:
-                this.selectYear(item);
-                break;
-            case ELuDateGranularity.month:
-                this.selectMonth(item);
-                break;
-            case ELuDateGranularity.day:
-            default:
-                this.selectDay(item);
-                break;
-        }
-    }
-    selectDay(item) {
-        const year = this._adapter.getYear(item.date);
-        const month = this._adapter.getMonth(item.date);
-        const d = this._adapter.forge(year, month, 1);
-        this.header = this._factory.forgeMonth(d);
-        this.setValue(item.date);
-    }
-    selectMonth(item) {
-        if (this.granularity === ELuDateGranularity.month) {
-            this.setValue(item.date);
-        }
-        else {
-            this.header = item;
-            this.viewGranularity = ELuDateGranularity.day;
-            this.render();
-        }
-    }
-    selectYear(item) {
-        if (this.granularity === ELuDateGranularity.year) {
-            this.setValue(item.date);
-        }
-        else {
-            this.header = item;
-            this.viewGranularity = ELuDateGranularity.month;
-            this.render();
-        }
-    }
-    previous() {
-        switch (this.viewGranularity) {
-            case ELuDateGranularity.year:
-                this.previousDecade();
-                break;
-            case ELuDateGranularity.month:
-                this.previousYear();
-                break;
-            case ELuDateGranularity.day:
-            default:
-                this.previousMonth();
-                break;
-        }
-        this.render();
-    }
-    next() {
-        switch (this.viewGranularity) {
-            case ELuDateGranularity.year:
-                this.nextDecade();
-                break;
-            case ELuDateGranularity.month:
-                this.nextYear();
-                break;
-            case ELuDateGranularity.day:
-            default:
-                this.nextMonth();
-                break;
-        }
-        this.render();
-    }
-    trackBy(idx, item) {
-        return item.id;
-    }
-    increaseGranularity() {
-        if (this.header.granularity !== ELuDateGranularity.decade) {
-            this.viewGranularity = this.header.granularity;
-            this.render();
-        }
-    }
-    nextMonth() {
-        const d = this._adapter.add(this.header.date, 1, ELuDateGranularity.month);
-        this.header = this._factory.forgeMonth(d);
-    }
-    nextYear() {
-        const d = this._adapter.add(this.header.date, 1, ELuDateGranularity.year);
-        this.header = this._factory.forgeYear(d);
-    }
-    nextDecade() {
-        const d = this._adapter.add(this.header.date, 1, ELuDateGranularity.decade);
-        this.header = this._factory.forgeDecade(d);
-    }
-    previousMonth() {
-        const d = this._adapter.add(this.header.date, -1, ELuDateGranularity.month);
-        this.header = this._factory.forgeMonth(d);
-    }
-    previousYear() {
-        const d = this._adapter.add(this.header.date, -1, ELuDateGranularity.year);
-        this.header = this._factory.forgeYear(d);
-    }
-    previousDecade() {
-        const d = this._adapter.add(this.header.date, -1, ELuDateGranularity.decade);
-        this.header = this._factory.forgeDecade(d);
-    }
-    validate(control) {
-        const d = control.value;
-        if (!d) {
-            return null;
-        }
-        if (!this._adapter.isValid(d)) {
-            return { 'date': true };
-        }
-        if (!!this.min && this._adapter.isValid(this.min) && this._adapter.compare(this.min, d, ELuDateGranularity.day) > 0) {
-            return { 'min': true };
-        }
-        if (!!this.max && this._adapter.isValid(this.max) && this._adapter.compare(this.max, d, ELuDateGranularity.day) < 0) {
-            return { 'max': true };
-        }
-        return null;
-    }
-}
-LuCalendarInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-calendar',
-                template: "<section class=\"calendar\">\r\n\t<header class=\"calendar-header\">\r\n\t\t<button class=\"calendar-header-nav\" (click)=\"previous()\">\r\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon\">arrow_west</span>\r\n\t\t\t<span class=\"u-mask\">Previous</span>\r\n\t\t</button>\r\n\t\t<button class=\"calendar-header-date\" (click)=\"increaseGranularity()\">\r\n\t\t\t{{ header.label }}\r\n\t\t</button>\r\n\t\t<button class=\"calendar-header-nav\" (click)=\"next()\">\r\n\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon\">arrow_east</span>\r\n\t\t\t<span class=\"u-mask\">Next</span>\r\n\t\t</button>\r\n\t</header>\r\n\t<section class=\"calendar-labels\" [ngClass]=\"mod\">\r\n\t\t<div class=\"calendar-labels-item\" *ngFor=\"let label of labels\">{{ label }}</div>\r\n\t</section>\r\n\t<section class=\"calendar-grid\" [ngClass]=\"mod\">\r\n\t\t<button\r\n\t\t\t*ngFor=\"let item of items; trackBy: trackBy\"\r\n\t\t\tclass=\"calendar-grid-item\"\r\n\t\t\t[ngClass]=\"item.mods\"\r\n\t\t\t[disabled]=\"item.isDisabled\"\r\n\t\t\t(click)=\"select(item)\"\r\n\t\t>\r\n\t\t\t<div class=\"calendar-grid-item-content\">{{ item.label }}</div>\r\n\t\t</button>\r\n\t</section>\r\n</section>\r\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => LuCalendarInputComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        useExisting: LuCalendarInputComponent,
-                        multi: true,
-                    },
-                ],
-                styles: [".calendar{background:#fff;width:17.8rem;width:var(--components-calendar-width);padding:.5rem;padding:var(--spacings-smaller)}:host-context(.mod-block) .calendar{width:auto;max-width:17.8rem;max-width:var(--components-calendar-width)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.calendar-header-nav{background:transparent;border:none;cursor:pointer}.calendar-header-nav .lucca-icon{font-size:.9rem;color:#131d35;color:var(--colors-text-dark-color)}.calendar-header-date{font-weight:600;color:#131d35;color:var(--colors-text-dark-color);font-size:1.125rem;font-size:var(--sizes-big-font-size);padding:0;background:transparent;border:none;cursor:pointer}.calendar-labels{display:none}.calendar-labels.mod-dailyView{display:flex;align-items:stretch;flex-wrap:wrap;text-align:center;font-size:.875rem;font-size:var(--sizes-small-font-size);color:#485075;color:var(--palettes-primary-color);margin-bottom:.5rem;margin-bottom:var(--spacings-smaller)}.calendar-labels.mod-dailyView .calendar-labels-item{width:calc(99% / 7)}.calendar-grid{display:flex;text-align:center;align-self:stretch;flex-wrap:wrap}.calendar-grid.mod-dailyView .calendar-grid-item{width:calc(99% / 7)}.calendar-grid.mod-monthlyView .calendar-grid-item,.calendar-grid.mod-yearlyView .calendar-grid-item{width:calc(99% / 3)}.calendar-grid-item{height:2.4rem;border:none;cursor:pointer;background:transparent;position:relative;padding:0;outline:none}.calendar-grid-item.is-disabled,.calendar-grid-item.is-nextMonth,.calendar-grid-item.is-previousMonth{color:#acbbd7;color:var(--colors-text-placeholder-color)}.calendar-grid-item.is-today{color:#2a3551;color:var(--palettes-grey-800)}.calendar-grid-item.is-today:before{content:\"\";z-index:2;box-shadow:inset 0 0 0 2px #dcdfef;box-shadow:inset 0 0 0 2px var(--palettes-primary-300);position:absolute;top:0;bottom:0;left:0;right:0;border-radius:2rem}.calendar-grid-item:hover .calendar-grid-item-content{background:#e0e7f6;background:var(--palettes-grey-100)}.calendar-grid-item.is-active .calendar-grid-item-content{background:#485075;background:var(--palettes-primary-color);color:#fff;color:var(--palettes-primary-text)}.calendar-grid-item.is-active.is-today .calendar-grid-item-content:after{content:\"\";z-index:1;color:#485075;color:var(--palettes-primary-color);box-shadow:inset 0 0 0 4px #fff;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:2rem}.calendar-grid-item.is-disabled:hover .calendar-grid-item-content{pointer-events:none;background-color:#fff}.calendar-grid-item-content{position:relative;height:2.4rem;width:100%;line-height:2.4rem;border-radius:2rem}"]
-            },] }
-];
-LuCalendarInputComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: String, decorators: [{ type: Inject, args: [LOCALE_ID,] }] },
-    { type: LuCalendarItemFactory },
-    { type: ALuDateAdapter }
-];
-LuCalendarInputComponent.propDecorators = {
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    granularity: [{ type: Input }],
-    startOn: [{ type: Input }]
-};
-
-class LuCalendarInputModule {
-}
-LuCalendarInputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    FormsModule,
-                    CommonModule,
-                ],
-                exports: [
-                    LuCalendarInputComponent,
-                ],
-                declarations: [
-                    LuCalendarInputComponent,
-                ],
-                providers: [
-                    LuCalendarItemFactory,
-                ]
-            },] }
-];
-
-class LuDatePickerComponent extends ALuPickerPanel {
-    constructor(_adapter) {
-        super();
-        this._adapter = _adapter;
-        this.granularity = ELuDateGranularity.day;
-        this.startOn = this._adapter.forgeToday();
-        this.close = new EventEmitter();
-        this.open = new EventEmitter();
-        this.hovered = new EventEmitter();
-        this.onSelectValue = new EventEmitter();
-    }
-    set vcTemplateRef(tr) {
-        this.templateRef = tr;
-    }
-    _emitOpenEvent() {
-        this.open.emit();
-    }
-    _emitCloseEvent() {
-        this.close.emit();
-    }
-    _emitHoveredEvent(h) {
-        this.hovered.emit(h);
-    }
-    _emitSelectValue(val) {
-        this.onSelectValue.emit(val);
-    }
-    setValue(value) {
-        this._value = value;
-    }
-    _onCalendar(val) {
-        this._value = val;
-        this._emitSelectValue(val);
-        // if (!this.multiple) {
-        this._emitCloseEvent();
-        // }
-    }
-    _onInput(val) {
-        this._value = val;
-        this._emitSelectValue(val);
-    }
-    _onEnter() {
-        this._emitCloseEvent();
-    }
-    _handleKeydown(event) {
-        switch (event.keyCode) {
-            case ESCAPE:
-                this._emitCloseEvent();
-                event.preventDefault();
-                event.stopPropagation();
-                break;
-            case TAB:
-                this._emitCloseEvent();
-                break;
-        }
-    }
-}
-LuDatePickerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-date-picker',
-                template: "<ng-template>\r\n\t<div class=\"lu-picker-panel lu-date-picker-panel\" role=\"dialog\" [ngClass]=\"panelClassesMap\"\r\n\t(click)=\"onClick()\" (mouseover)=\"onMouseOver()\" (mouseleave)=\"onMouseLeave()\" (mousedown)=\"onMouseDown($event)\">\r\n\t\t<div class=\"lu-picker-content\" [ngClass]=\"contentClassesMap\" cdkTrapFocus=\"false\" cdkTrapFocusAutoCapture=\"true\">\r\n\t\t\t<label class=\"textfield lu-picker-textfield\">\r\n\t\t\t\t<input luDateInput class=\"textfield-input\"\r\n\t\t\t\t\t[ngModel]=\"_value\"\r\n\t\t\t\t\t(ngModelChange)=\"_onInput($event)\"\r\n\t\t\t\t\t(keydown.enter)=\"_onEnter()\"\r\n\t\t\t\t\t[min]=\"min\"\r\n\t\t\t\t\t[max]=\"max\"\r\n\t\t\t\t\t[granularity]=\"granularity\"\r\n\t\t\t\t>\r\n\t\t\t</label>\r\n\t\t\t<lu-calendar\r\n\t\t\t\t[ngModel]=\"_value\"\r\n\t\t\t\t(ngModelChange)=\"_onCalendar($event)\"\r\n\t\t\t\t[min]=\"min\"\r\n\t\t\t\t[max]=\"max\"\r\n\t\t\t\t[granularity]=\"granularity\"\r\n\t\t\t\t[startOn]=\"startOn\"\r\n\t\t\t></lu-calendar>\r\n\t\t</div>\r\n\t</div>\r\n</ng-template>\r\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                exportAs: 'LuDatePicker',
-                animations: [luTransformPopover],
-                providers: [
-                    {
-                        provide: ALuPickerPanel,
-                        useExisting: forwardRef(() => LuDatePickerComponent),
-                    },
-                ]
-            },] }
-];
-LuDatePickerComponent.ctorParameters = () => [
-    { type: ALuDateAdapter }
-];
-LuDatePickerComponent.propDecorators = {
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    granularity: [{ type: Input }],
-    startOn: [{ type: Input }],
-    close: [{ type: Output }],
-    open: [{ type: Output }],
-    hovered: [{ type: Output }],
-    onSelectValue: [{ type: Output }],
-    vcTemplateRef: [{ type: ViewChild, args: [TemplateRef, { static: true },] }]
-};
-
-const LU_DATE_INPUT_TRANSLATIONS = new InjectionToken('LuDateInputtranslations');
-
-class LuDateInputIntl extends ALuIntl {
-    constructor(translations, locale) {
-        super(translations, locale);
-    }
-}
-LuDateInputIntl.decorators = [
-    { type: Injectable }
-];
-LuDateInputIntl.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [LU_DATE_INPUT_TRANSLATIONS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] }] }
-];
-
-class LuDateInputDirective extends ALuInput {
-    constructor(_changeDetectorRef, _elementRef, _renderer, _adapter, _intl) {
-        super(_changeDetectorRef, _elementRef, _renderer);
-        this._adapter = _adapter;
-        this._intl = _intl;
-        this._focused = false;
-        this.granularity = ELuDateGranularity.day;
-    }
-    set placeholder(p) {
-        this._elementRef.nativeElement.placeholder = p;
-    }
-    ngOnInit() {
-        switch (this.granularity) {
-            case ELuDateGranularity.year:
-                this.placeholder = this._intl.placeholderYear;
-                break;
-            case ELuDateGranularity.month:
-                this.placeholder = this._intl.placeholderMonth;
-                break;
-            case ELuDateGranularity.day:
-            default:
-                this.placeholder = this._intl.placeholderDay;
-                break;
-        }
-    }
-    render() {
-        if (this._focused) {
-            return;
-        }
-        let format;
-        ;
-        switch (this.granularity) {
-            case ELuDateGranularity.year:
-                format = this._intl.formatYear;
-                break;
-            case ELuDateGranularity.month:
-                format = this._intl.formatMonth;
-                break;
-            case ELuDateGranularity.day:
-            default:
-                format = this._intl.formatDay;
-                break;
-        }
-        const text = this.value && this._adapter.isValid(this.value) ? this._adapter.format(this.value, format) : '';
-        this._elementRef.nativeElement.value = text;
-    }
-    onInput(event) {
-        const text = event.target.value;
-        const value = this.parse(text);
-        this.setValue(value);
-    }
-    parse(text) {
-        const date = this._adapter.parse(text, this.granularity);
-        return date;
-    }
-    onFocus() {
-        this._focused = true;
-    }
-    onBlur() {
-        this._focused = false;
-        this.render();
-    }
-    validate(control) {
-        const d = control.value;
-        if (!d) {
-            return null;
-        }
-        if (!this._adapter.isValid(d)) {
-            return { 'date': true };
-        }
-        if (!!this.min && this._adapter.isValid(this.min) && this._adapter.compare(this.min, d, ELuDateGranularity.day) > 0) {
-            return { 'min': true };
-        }
-        if (!!this.max && this._adapter.isValid(this.max) && this._adapter.compare(this.max, d, ELuDateGranularity.day) < 0) {
-            return { 'max': true };
-        }
-        return null;
-    }
-}
-LuDateInputDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'input[luDateInput]',
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => LuDateInputDirective),
-                        multi: true,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        useExisting: LuDateInputDirective,
-                        multi: true,
-                    },
-                ],
-            },] }
-];
-LuDateInputDirective.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: ElementRef },
-    { type: Renderer2 },
-    { type: ALuDateAdapter },
-    { type: undefined, decorators: [{ type: Inject, args: [LuDateInputIntl,] }] }
-];
-LuDateInputDirective.propDecorators = {
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    granularity: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    onInput: [{ type: HostListener, args: ['input', ['$event'],] }],
-    onFocus: [{ type: HostListener, args: ['focus',] }],
-    onBlur: [{ type: HostListener, args: ['blur',] }]
-};
-
-class ALuDateInputLabel {
-}
-const luDateInputTranslations = {
-    en: {
-        placeholderDay: 'dd/mm/yyyy',
-        placeholderMonth: 'mm/yyyy',
-        placeholderYear: 'yyyy',
-        formatDay: 'shortDate',
-        formatMonth: 'MM/y',
-        formatYear: 'y',
-    },
-    'en-GB': {
-        placeholderDay: 'dd/mm/yyyy',
-        placeholderMonth: 'mm/yyyy',
-        placeholderYear: 'yyyy',
-        formatDay: 'shortDate',
-        formatMonth: 'MM/y',
-        formatYear: 'y',
-    },
-    'en-US': {
-        placeholderDay: 'mm/dd/yyyy',
-        placeholderMonth: 'mm/yyyy',
-        placeholderYear: 'yyyy',
-        formatDay: 'shortDate',
-        formatMonth: 'MM/y',
-        formatYear: 'y',
-    },
-    fr: {
-        placeholder: 'jj/mm/aaaa',
-        placeholderDay: 'jj/mm/aaaa',
-        placeholderMonth: 'mm/aaaa',
-        placeholderYear: 'aaaa',
-        formatDay: 'shortDate',
-        formatMonth: 'MM/y',
-        formatYear: 'y',
-    },
-};
-
-const ɵ0$1 = luDateInputTranslations;
-class LuDateInputModule {
-}
-LuDateInputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [],
-                exports: [
-                    LuDateInputDirective,
-                ],
-                declarations: [
-                    LuDateInputDirective,
-                ],
-                providers: [
-                    LuDateInputIntl,
-                    { provide: LU_DATE_INPUT_TRANSLATIONS, useValue: ɵ0$1 },
-                ]
-            },] }
-];
-
-class LuDatePickerModule {
-}
-LuDatePickerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    FormsModule,
-                    CommonModule,
-                    LuCalendarInputModule,
-                    LuDateInputModule,
-                    OverlayModule,
-                    A11yModule,
-                ],
-                exports: [
-                    LuDatePickerComponent,
-                ],
-                declarations: [
-                    LuDatePickerComponent,
-                ],
-            },] }
-];
-
-class LuDateAdapterPipe {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-    }
-    transform(d, format = 'mediumDate') {
-        if (d && this._adapter.isValid(d)) {
-            return this._adapter.format(d, format);
-        }
-        return '';
-    }
-}
-LuDateAdapterPipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'luDate',
-                pure: true,
-            },] }
-];
-LuDateAdapterPipe.ctorParameters = () => [
-    { type: ALuDateAdapter }
-];
-
-class LuDateAdapterModule {
-}
-LuDateAdapterModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    LuDateAdapterPipe,
-                ],
-                exports: [
-                    LuDateAdapterPipe,
-                ]
-            },] }
-];
-
-const LU_DATE_SELECT_INPUT_TRANSLATIONS = new InjectionToken('LuDateSelectInputtranslations');
-
-class LuDateSelectInputIntl extends ALuIntl {
-    constructor(translations, locale) {
-        super(translations, locale);
-    }
-}
-LuDateSelectInputIntl.decorators = [
-    { type: Injectable }
-];
-LuDateSelectInputIntl.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [LU_DATE_SELECT_INPUT_TRANSLATIONS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] }] }
-];
-
-class LuDateSelectInputComponent extends ALuSelectInputComponent {
-    constructor(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer, _adapter, _intl) {
-        super(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer);
-        this._changeDetectorRef = _changeDetectorRef;
-        this._overlay = _overlay;
-        this._elementRef = _elementRef;
-        this._viewContainerRef = _viewContainerRef;
-        this._renderer = _renderer;
-        this._adapter = _adapter;
-        this._intl = _intl;
-        this.granularity = ELuDateGranularity.day;
-        this.hideClearer = false;
-        this.startOn = this._adapter.forgeToday();
-        this.overlapInput = true;
-    }
-    set inputPlaceholder(p) { this._placeholder = p; }
-    get format() {
-        switch (this.granularity) {
-            case ELuDateGranularity.year:
-                return this._intl.formatYear;
-            case ELuDateGranularity.month:
-                return this._intl.formatMonth;
-            case ELuDateGranularity.day:
-            default:
-                return this._intl.formatDay;
-        }
-    }
-    validate(control) {
-        const d = control.value;
-        if (!d) {
-            return null;
-        }
-        if (!this._adapter.isValid(d)) {
-            return { 'date': true };
-        }
-        if (!!this.min && this._adapter.isValid(this.min) && this._adapter.compare(this.min, d, ELuDateGranularity.day) > 0) {
-            return { 'min': true };
-        }
-        if (!!this.max && this._adapter.isValid(this.max) && this._adapter.compare(this.max, d, ELuDateGranularity.day) < 0) {
-            return { 'max': true };
-        }
-        return null;
-    }
-}
-LuDateSelectInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'lu-date-select',
-                template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer [class.u-displayNone]=\"hideClearer\" [attr.aria-hidden]=\"hideClearer\"></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer let-value>\r\n\t{{ value | luDate: format }}\r\n</ng-template>\r\n<lu-date-picker [min]=\"min\" [max]=\"max\" [granularity]=\"granularity\" [startOn]=\"startOn\"></lu-date-picker>\r\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => LuDateSelectInputComponent),
-                        multi: true,
-                    },
-                    {
-                        provide: NG_VALIDATORS,
-                        useExisting: LuDateSelectInputComponent,
-                        multi: true,
-                    },
-                ],
-                styles: ["@charset \"UTF-8\";:host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\uE97C\";bottom:.5rem;bottom:var(--components-select-input-padding-vertical);color:#485075;color:var(--palettes-primary-color);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-placeholder{color:#929292;color:var(--components-select-input-placeholder)}.lu-select-value{display:none}.lu-select-placeholder,.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease}.lu-select-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#485075;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-placeholder,:host-context(.textfield.mod-small) .lu-select-value{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1rem;height:var(--sizes-small-line-height);line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.form.mod-framed).textfield-input,:host-context(.textfield.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.form.mod-framed).textfield-input:after,:host-context(.textfield.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.form.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.textfield.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.form.mod-framed).textfield-input .lu-select-suffix,:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-placeholder,:host-context(.textfield.mod-filter) .lu-select-value{height:auto;padding:1rem 0 0;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-placeholder,:host-context(.textfield.mod-material) .lu-select-value{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * .5rem);right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * .5rem);right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}:host:after{content:\"\uE920\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal}"]
-            },] }
-];
-LuDateSelectInputComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: Overlay },
-    { type: ElementRef },
-    { type: ViewContainerRef },
-    { type: Renderer2 },
-    { type: ALuDateAdapter },
-    { type: undefined, decorators: [{ type: Inject, args: [LuDateSelectInputIntl,] }] }
-];
-LuDateSelectInputComponent.propDecorators = {
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    granularity: [{ type: Input }],
-    inputPlaceholder: [{ type: Input, args: ['placeholder',] }],
-    hideClearer: [{ type: Input }],
-    startOn: [{ type: Input }]
-};
-
-class ALuDateSelectInputLabel {
-}
-const luDateSelectInputTranslations = {
-    en: {
-        placeholderDay: 'dd/mm/yyyy',
-        placeholderMonth: 'mm/yyyy',
-        placeholderYear: 'yyyy',
-        formatDay: 'shortDate',
-        formatMonth: 'MM/y',
-        formatYear: 'y',
-    },
-    'en-US': {
-        placeholderDay: 'mm/dd/yyyy',
-        placeholderMonth: 'mm/yyyy',
-        placeholderYear: 'yyyy',
-        formatDay: 'shortDate',
-        formatMonth: 'MM/y',
-        formatYear: 'y',
-    },
-    fr: {
-        placeholder: 'jj/mm/aaaa',
-        placeholderDay: 'jj/mm/aaaa',
-        placeholderMonth: 'mm/aaaa',
-        placeholderYear: 'aaaa',
-        formatDay: 'shortDate',
-        formatMonth: 'MM/y',
-        formatYear: 'y',
-    },
-};
-
-const ɵ0 = luDateSelectInputTranslations;
-class LuDateSelectInputModule {
-}
-LuDateSelectInputModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    LuDateAdapterModule,
-                    LuDatePickerModule,
-                    LuInputModule,
-                    OverlayModule,
-                    LuInputClearerModule,
-                    LuInputDisplayerModule,
-                ],
-                exports: [
-                    LuDateSelectInputComponent,
-                ],
-                declarations: [
-                    LuDateSelectInputComponent,
-                ],
-                providers: [
-                    LuDateSelectInputIntl,
-                    { provide: LU_DATE_SELECT_INPUT_TRANSLATIONS, useValue: ɵ0 },
-                ]
-            },] }
-];
-
-class LuDateModule {
-}
-LuDateModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    LuCalendarInputModule,
-                    LuDatePickerModule,
-                    LuDateInputModule,
-                    LuDateAdapterModule,
-                    LuDateSelectInputModule,
-                ],
-                exports: [
-                    LuCalendarInputModule,
-                    LuDatePickerModule,
-                    LuDateInputModule,
-                    LuDateAdapterModule,
-                    LuDateSelectInputModule,
-                ]
-            },] }
-];
-
-/*
- * Public API Surface of safe-content
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ALuDateInputLabel, ALuDateSelectInputLabel, LU_DATE_INPUT_TRANSLATIONS, LU_DATE_SELECT_INPUT_TRANSLATIONS, LuCalendarInputComponent, LuCalendarInputModule, LuDateAdapterModule, LuDateAdapterPipe, LuDateInputDirective, LuDateInputIntl, LuDateInputModule, LuDateModule, LuDatePickerComponent, LuDatePickerModule, LuDateSelectInputComponent, LuDateSelectInputIntl, LuDateSelectInputModule, luDateInputTranslations, luDateSelectInputTranslations, LuCalendarItemFactory as ɵa };
-//# sourceMappingURL=lucca-front-ng-date.js.map