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

package/fesm2020/lucca-front-ng-date.mjs

@@ -0,0 +1,1060 @@
+import * as i0 from '@angular/core';
+import { Injectable, LOCALE_ID, forwardRef, Component, ChangeDetectionStrategy, Inject, Input, NgModule, InjectionToken, Directive, HostListener, EventEmitter, TemplateRef, Output, ViewChild, Pipe } from '@angular/core';
+import * as i3 from '@angular/common';
+import { getLocaleDayNames, FormStyle, TranslationWidth, getLocaleFirstDayOfWeek, CommonModule } from '@angular/common';
+import * as i6 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
+import * as i1 from '@lucca-front/ng/core';
+import { ELuDateGranularity, ALuIntl } from '@lucca-front/ng/core';
+import * as i3$1 from '@lucca-front/ng/input';
+import { ALuInput, LuInputModule, LuInputClearerModule, LuInputDisplayerModule } from '@lucca-front/ng/input';
+import { ALuPickerPanel } from '@lucca-front/ng/picker';
+import { luTransformPopover } from '@lucca-front/ng/popover';
+import { TAB, ESCAPE } from '@angular/cdk/keycodes';
+import * as i4 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import * as i1$1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarItemFactory, deps: [{ token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Injectable });
+LuCalendarItemFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarItemFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarItemFactory, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.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:
+            default:
+                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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }, { token: LuCalendarItemFactory }, { token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Component });
+LuCalendarInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuCalendarInputComponent, selector: "lu-calendar", inputs: { min: "min", max: "max", granularity: "granularity", startOn: "startOn" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => LuCalendarInputComponent),
+            multi: true,
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: LuCalendarInputComponent,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, 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", styles: [".calendar{background:white;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:14.1428571429%}.calendar-grid{display:flex;text-align:center;align-self:stretch;flex-wrap:wrap}.calendar-grid.mod-dailyView .calendar-grid-item{width:14.1428571429%}.calendar-grid.mod-monthlyView .calendar-grid-item,.calendar-grid.mod-yearlyView .calendar-grid-item{width:33%}.calendar-grid-item{height:2.4rem;border:none;cursor:pointer;background:transparent;position:relative;padding:0;outline:none}.calendar-grid-item.is-previousMonth,.calendar-grid-item.is-nextMonth,.calendar-grid-item.is-disabled{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}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-calendar', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LuCalendarInputComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: LuCalendarInputComponent,
+                            multi: true,
+                        },
+                    ], 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", styles: [".calendar{background:white;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:14.1428571429%}.calendar-grid{display:flex;text-align:center;align-self:stretch;flex-wrap:wrap}.calendar-grid.mod-dailyView .calendar-grid-item{width:14.1428571429%}.calendar-grid.mod-monthlyView .calendar-grid-item,.calendar-grid.mod-yearlyView .calendar-grid-item{width:33%}.calendar-grid-item{height:2.4rem;border:none;cursor:pointer;background:transparent;position:relative;padding:0;outline:none}.calendar-grid-item.is-previousMonth,.calendar-grid-item.is-nextMonth,.calendar-grid-item.is-disabled{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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOCALE_ID]
+                }] }, { type: LuCalendarItemFactory }, { type: i1.ALuDateAdapter }]; }, propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], granularity: [{
+                type: Input
+            }], startOn: [{
+                type: Input
+            }] } });
+
+class LuCalendarInputModule {
+}
+LuCalendarInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuCalendarInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarInputModule, declarations: [LuCalendarInputComponent], imports: [FormsModule,
+        CommonModule], exports: [LuCalendarInputComponent] });
+LuCalendarInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarInputModule, providers: [
+        LuCalendarItemFactory,
+    ], imports: [[
+            FormsModule,
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuCalendarInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FormsModule,
+                        CommonModule,
+                    ],
+                    exports: [
+                        LuCalendarInputComponent,
+                    ],
+                    declarations: [
+                        LuCalendarInputComponent,
+                    ],
+                    providers: [
+                        LuCalendarItemFactory,
+                    ]
+                }]
+        }] });
+
+const LU_DATE_INPUT_TRANSLATIONS = new InjectionToken('LuDateInputtranslations');
+
+class LuDateInputIntl extends ALuIntl {
+    constructor(translations, locale) {
+        super(translations, locale);
+    }
+}
+LuDateInputIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputIntl, deps: [{ token: LU_DATE_INPUT_TRANSLATIONS }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+LuDateInputIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ALuDateAdapter }, { token: LuDateInputIntl }], target: i0.ɵɵFactoryTarget.Directive });
+LuDateInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: LuDateInputDirective, selector: "input[luDateInput]", inputs: { min: "min", max: "max", granularity: "granularity", placeholder: "placeholder" }, host: { listeners: { "input": "onInput($event)", "focus": "onFocus()", "blur": "onBlur()" } }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => LuDateInputDirective),
+            multi: true,
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: LuDateInputDirective,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: 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,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.ALuDateAdapter }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LuDateInputIntl]
+                }] }]; }, 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 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDatePickerComponent, deps: [{ token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Component });
+LuDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuDatePickerComponent, selector: "lu-date-picker", inputs: { min: "min", max: "max", granularity: "granularity", startOn: "startOn" }, outputs: { close: "close", open: "open", hovered: "hovered", onSelectValue: "onSelectValue" }, providers: [
+        {
+            provide: ALuPickerPanel,
+            useExisting: forwardRef(() => LuDatePickerComponent),
+        },
+    ], viewQueries: [{ propertyName: "vcTemplateRef", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["LuDatePicker"], usesInheritance: true, ngImport: i0, 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", components: [{ type: LuCalendarInputComponent, selector: "lu-calendar", inputs: ["min", "max", "granularity", "startOn"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: LuDateInputDirective, selector: "input[luDateInput]", inputs: ["min", "max", "granularity", "placeholder"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: [luTransformPopover], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'LuDatePicker', animations: [luTransformPopover], providers: [
+                        {
+                            provide: ALuPickerPanel,
+                            useExisting: forwardRef(() => LuDatePickerComponent),
+                        },
+                    ], 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" }]
+        }], ctorParameters: function () { return [{ type: i1.ALuDateAdapter }]; }, 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 }]
+            }] } });
+
+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',
+    },
+};
+
+class LuDateInputModule {
+}
+LuDateInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuDateInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputModule, declarations: [LuDateInputDirective], exports: [LuDateInputDirective] });
+LuDateInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputModule, providers: [
+        LuDateInputIntl,
+        { provide: LU_DATE_INPUT_TRANSLATIONS, useValue: luDateInputTranslations },
+    ], imports: [[]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    exports: [
+                        LuDateInputDirective,
+                    ],
+                    declarations: [
+                        LuDateInputDirective,
+                    ],
+                    providers: [
+                        LuDateInputIntl,
+                        { provide: LU_DATE_INPUT_TRANSLATIONS, useValue: luDateInputTranslations },
+                    ]
+                }]
+        }] });
+
+class LuDatePickerModule {
+}
+LuDatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuDatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDatePickerModule, declarations: [LuDatePickerComponent], imports: [FormsModule,
+        CommonModule,
+        LuCalendarInputModule,
+        LuDateInputModule,
+        OverlayModule,
+        A11yModule], exports: [LuDatePickerComponent] });
+LuDatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDatePickerModule, imports: [[
+            FormsModule,
+            CommonModule,
+            LuCalendarInputModule,
+            LuDateInputModule,
+            OverlayModule,
+            A11yModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateAdapterPipe, deps: [{ token: i1.ALuDateAdapter }], target: i0.ɵɵFactoryTarget.Pipe });
+LuDateAdapterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateAdapterPipe, name: "luDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateAdapterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'luDate',
+                    pure: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ALuDateAdapter }]; } });
+
+class LuDateAdapterModule {
+}
+LuDateAdapterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateAdapterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuDateAdapterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateAdapterModule, declarations: [LuDateAdapterPipe], exports: [LuDateAdapterPipe] });
+LuDateAdapterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateAdapterModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputIntl, deps: [{ token: LU_DATE_SELECT_INPUT_TRANSLATIONS }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+LuDateSelectInputIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i1.ALuDateAdapter }, { token: LuDateSelectInputIntl }], target: i0.ɵɵFactoryTarget.Component });
+LuDateSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuDateSelectInputComponent, selector: "lu-date-select", inputs: { min: "min", max: "max", granularity: "granularity", inputPlaceholder: ["placeholder", "inputPlaceholder"], hideClearer: "hideClearer", startOn: "startOn" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => LuDateSelectInputComponent),
+            multi: true,
+        },
+        {
+            provide: NG_VALIDATORS,
+            useExisting: LuDateSelectInputComponent,
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0, 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", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal;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{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;display:none}.lu-select-placeholder{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;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-value,:host-context(.textfield.mod-small) .lu-select-placeholder{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(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.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(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.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-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:1rem 0 0;height:auto;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-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;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:1.375rem;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:\"\\e920\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal}\n"], components: [{ type: i3$1.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: LuDatePickerComponent, selector: "lu-date-picker", inputs: ["min", "max", "granularity", "startOn"], outputs: ["close", "open", "hovered", "onSelectValue"], exportAs: ["LuDatePicker"] }], directives: [{ type: i3$1.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], pipes: { "luDate": LuDateAdapterPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-date-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LuDateSelectInputComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: LuDateSelectInputComponent,
+                            multi: true,
+                        },
+                    ], 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", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal;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{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;display:none}.lu-select-placeholder{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;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-value,:host-context(.textfield.mod-small) .lu-select-placeholder{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(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.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(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.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-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:1rem 0 0;height:auto;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-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;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:1.375rem;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:\"\\e920\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i1.ALuDateAdapter }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LuDateSelectInputIntl]
+                }] }]; }, 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',
+    },
+};
+
+class LuDateSelectInputModule {
+}
+LuDateSelectInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuDateSelectInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputModule, declarations: [LuDateSelectInputComponent], imports: [LuDateAdapterModule,
+        LuDatePickerModule,
+        LuInputModule,
+        OverlayModule,
+        LuInputClearerModule,
+        LuInputDisplayerModule], exports: [LuDateSelectInputComponent] });
+LuDateSelectInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateSelectInputModule, providers: [
+        LuDateSelectInputIntl,
+        { provide: LU_DATE_SELECT_INPUT_TRANSLATIONS, useValue: luDateSelectInputTranslations },
+    ], imports: [[
+            LuDateAdapterModule,
+            LuDatePickerModule,
+            LuInputModule,
+            OverlayModule,
+            LuInputClearerModule,
+            LuInputDisplayerModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: 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: luDateSelectInputTranslations },
+                    ]
+                }]
+        }] });
+
+class LuDateModule {
+}
+LuDateModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuDateModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateModule, imports: [LuCalendarInputModule,
+        LuDatePickerModule,
+        LuDateInputModule,
+        LuDateAdapterModule,
+        LuDateSelectInputModule], exports: [LuCalendarInputModule,
+        LuDatePickerModule,
+        LuDateInputModule,
+        LuDateAdapterModule,
+        LuDateSelectInputModule] });
+LuDateModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuDateModule, imports: [[
+            LuCalendarInputModule,
+            LuDatePickerModule,
+            LuDateInputModule,
+            LuDateAdapterModule,
+            LuDateSelectInputModule,
+        ], LuCalendarInputModule,
+        LuDatePickerModule,
+        LuDateInputModule,
+        LuDateAdapterModule,
+        LuDateSelectInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: 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 };
+//# sourceMappingURL=lucca-front-ng-date.mjs.map