@elderbyte/ngx-starter 18.12.2 → 18.12.3

package/lib/common/time/temporal-util.d.ts

@@ -1,6 +1,8 @@
 import { Temporal } from '@js-temporal/polyfill';
 import { TemporalPlainDateInterval } from './temporal-plain-date-interval';
 export declare class TemporalUtil {
+    static equalPlainDates(a: Temporal.PlainDate | undefined, b: Temporal.PlainDate | undefined): boolean;
+    static equalPlainTimes(a: Temporal.PlainTime | undefined, b: Temporal.PlainTime | undefined): boolean;
     static getJSDateFromPlainDateTime(date: Temporal.PlainDate | Temporal.PlainDateTime): Date;
     static getPlainDateTimeFromJSDate(date: Date): Temporal.PlainDateTime;
     static getPlainDateTimeFromPlainDateAndPlainTime(date: Temporal.PlainDate, time: Temporal.PlainTime): Temporal.PlainDateTime;

package/lib/components/time/elder-interval-picker/elder-interval-picker-binding.directive.d.ts

@@ -1,11 +1,8 @@
-import { ChangeDetectorRef, ElementRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit } from '@angular/core';
 import { ElderIntervalInputComponent } from '../../../components/time/elder-interval-input/elder-interval-input.component';
 import { ElderIntervalPickerToggleComponent } from './elder-interval-picker-toggle/elder-interval-picker-toggle.component';
 import * as i0 from "@angular/core";
-export declare class ElderIntervalPickerBindingDirective {
-    elementRef: ElementRef<HTMLElement>;
-    ref: ChangeDetectorRef;
-    viewContainerRef: ViewContainerRef;
+export declare class ElderIntervalPickerBindingDirective implements AfterContentInit {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -18,7 +15,7 @@ export declare class ElderIntervalPickerBindingDirective {
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(elementRef: ElementRef<HTMLElement>, ref: ChangeDetectorRef, viewContainerRef: ViewContainerRef);
+    constructor();
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *

package/lib/components/time/elder-interval-picker/elder-interval-picker-toggle/elder-interval-picker-toggle.component.d.ts

@@ -1,9 +1,9 @@
-import { Subscription } from 'rxjs';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import { Interval } from '../../../../common/time/interval';
 import { ElderIntervalInputComponent, IntervalInputMode } from '../../../../components/time/elder-interval-input/elder-interval-input.component';
 import { ElderIntervalPickerComponent } from '../elder-interval-picker.component';
 import * as i0 from "@angular/core";
-export declare class ElderIntervalPickerToggleComponent {
+export declare class ElderIntervalPickerToggleComponent implements AfterViewInit, OnDestroy {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -11,26 +11,25 @@ export declare class ElderIntervalPickerToggleComponent {
      **************************************************************************/
     private readonly log;
     connectedIntervalPicker: ElderIntervalPickerComponent;
-    intervalInputElement?: ElderIntervalInputComponent;
-    isEmittingOnChange: boolean;
-    showAnchor: boolean;
-    isAnchorReadOnly: boolean;
-    isDisabledInput: boolean;
-    isResultTextVisible: boolean;
-    isHelpTextsVisible: boolean;
-    isSelectLastModeExcludingToday: boolean;
-    readonly inputAnchorDateTime: import("@angular/core").InputSignal<Date>;
+    readonly intervalInputElement: import("@angular/core").WritableSignal<ElderIntervalInputComponent>;
+    readonly emitOnChange: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly showAnchor: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly anchorReadOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly buttonDisabled: import("@angular/core").Signal<boolean>;
+    private readonly intervalInputDisabled;
+    readonly showResultText: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly showHelpText: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly lastExcludesToday: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly anchorDateTime: import("@angular/core").InputSignal<Date>;
     inputInterval: Interval;
-    anchorDateTime: Date;
     intervalInputMode: IntervalInputMode;
-    isButtonDisabled: boolean;
-    inputIntervalElSubscription: Subscription;
+    private inputIntervalElSubscription;
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
-    ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     /***************************************************************************
@@ -39,10 +38,18 @@ export declare class ElderIntervalPickerToggleComponent {
      *                                                                         *
      **************************************************************************/
     handleOverlayAttachedChange(attached: boolean): void;
-    updateIntervalInputElement(interval: Interval): void;
-    pullIntervalData(): void;
+    updateModelFromIntervalInput(): void;
     handleIntervalPickerDateChange(interval: Interval): void;
     registerInputComponent(inputComponent: ElderIntervalInputComponent): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private updateModelInterval;
+    private updateIntervalInputElement;
+    private readIntervalInputValue;
+    private coerceInterval;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderIntervalPickerToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderIntervalPickerToggleComponent, "elder-interval-picker-toggle", never, { "intervalInputElement": { "alias": "intervalInputElement"; "required": false; }; "isEmittingOnChange": { "alias": "isEmittingOnChange"; "required": false; }; "showAnchor": { "alias": "showAnchor"; "required": false; }; "isAnchorReadOnly": { "alias": "isAnchorReadOnly"; "required": false; }; "isDisabledInput": { "alias": "isDisabledInput"; "required": false; }; "isResultTextVisible": { "alias": "isResultTextVisible"; "required": false; }; "isHelpTextsVisible": { "alias": "isHelpTextsVisible"; "required": false; }; "isSelectLastModeExcludingToday": { "alias": "isSelectLastModeExcludingToday"; "required": false; }; "inputAnchorDateTime": { "alias": "inputAnchorDateTime"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderIntervalPickerToggleComponent, "elder-interval-picker-toggle", never, { "emitOnChange": { "alias": "emitOnChange"; "required": false; "isSignal": true; }; "showAnchor": { "alias": "showAnchor"; "required": false; "isSignal": true; }; "anchorReadOnly": { "alias": "anchorReadOnly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showResultText": { "alias": "showResultText"; "required": false; "isSignal": true; }; "showHelpText": { "alias": "showHelpText"; "required": false; "isSignal": true; }; "lastExcludesToday": { "alias": "lastExcludesToday"; "required": false; "isSignal": true; }; "anchorDateTime": { "alias": "anchorDateTime"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/time/elder-interval-picker/elder-interval-picker.component.d.ts

@@ -1,47 +1,45 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { MatCalendar, MatCalendarCellClassFunction } from '@angular/material/datepicker';
 import { Interval } from '../../../common/time/interval';
-import { IntervalInputMode } from '../../../components/time/elder-interval-input/elder-interval-input.component';
-import { ElderIntervalPickerService } from './elder-interval-picker.service';
+import { IntervalInputMode } from '../elder-interval-input/elder-interval-input.component';
+import { IntervalPickerModel } from './model/interval-picker-model';
 import * as i0 from "@angular/core";
-export declare class ElderIntervalPickerComponent {
-    svc: ElderIntervalPickerService;
+export declare class ElderIntervalPickerComponent implements AfterViewInit, OnDestroy {
+    model: IntervalPickerModel;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
     private readonly log;
-    readonly calendarAnchorDateCssClassFn: MatCalendarCellClassFunction<Date>;
     calendarStart: MatCalendar<Date>;
     calendarEnd: MatCalendar<Date>;
     calendarStartElRef: ElementRef;
     calendarEndElRef: ElementRef;
     startDateInput: ElementRef;
     endDateInput: ElementRef;
-    isEmittingOnChange: boolean;
-    intervalInputMode: IntervalInputMode;
-    showAnchor: boolean;
-    isAnchorReadOnly: boolean;
-    isResultTextVisible: boolean;
-    isHelpTextsVisible: boolean;
-    isSelectLastModeExcludingToday: boolean;
+    readonly emitOnChange: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly intervalInputMode: import("@angular/core").InputSignal<IntervalInputMode>;
+    readonly showAnchor: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly anchorReadOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly showResultText: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly showHelpText: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly lastExcludesToday: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     dateChange: EventEmitter<Interval>;
-    inputInterval: import("@angular/core").InputSignal<Interval>;
-    inputAnchorDateTime: import("@angular/core").InputSignal<Date>;
     private calendarElFocusEventHandler;
+    set interval(value: Interval);
+    set anchorDateTime(value: Date);
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(svc: ElderIntervalPickerService);
+    constructor(model: IntervalPickerModel);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
      *                                                                         *
      **************************************************************************/
-    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /***************************************************************************
@@ -61,14 +59,10 @@ export declare class ElderIntervalPickerComponent {
      *                                                                         *
      **************************************************************************/
     private removeEventListeners;
+    readonly calendarAnchorDateCssClassFn: MatCalendarCellClassFunction<Date>;
     private calendarAnchorDateCssClassFnBody;
-    /***************************************************************************
-     *                                                                         *
-     * Effects                                                                 *
-     *                                                                         *
-     **************************************************************************/
-    private readonly _updateMatCalendarElAnchorCssClassEffect;
-    private readonly _updateMatCalendarElSelectionEffect;
+    private updateMatCalendarActiveDate;
+    private updateMatCalendarTodayDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderIntervalPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderIntervalPickerComponent, "elder-interval-picker", never, { "isEmittingOnChange": { "alias": "isEmittingOnChange"; "required": false; }; "intervalInputMode": { "alias": "intervalInputMode"; "required": false; }; "showAnchor": { "alias": "showAnchor"; "required": false; }; "isAnchorReadOnly": { "alias": "isAnchorReadOnly"; "required": false; }; "isResultTextVisible": { "alias": "isResultTextVisible"; "required": false; }; "isHelpTextsVisible": { "alias": "isHelpTextsVisible"; "required": false; }; "isSelectLastModeExcludingToday": { "alias": "isSelectLastModeExcludingToday"; "required": false; }; "inputInterval": { "alias": "inputInterval"; "required": false; "isSignal": true; }; "inputAnchorDateTime": { "alias": "inputAnchorDateTime"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderIntervalPickerComponent, "elder-interval-picker", never, { "emitOnChange": { "alias": "emitOnChange"; "required": false; "isSignal": true; }; "intervalInputMode": { "alias": "intervalInputMode"; "required": false; "isSignal": true; }; "showAnchor": { "alias": "showAnchor"; "required": false; "isSignal": true; }; "anchorReadOnly": { "alias": "anchorReadOnly"; "required": false; "isSignal": true; }; "showResultText": { "alias": "showResultText"; "required": false; "isSignal": true; }; "showHelpText": { "alias": "showHelpText"; "required": false; "isSignal": true; }; "lastExcludesToday": { "alias": "lastExcludesToday"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; }; "anchorDateTime": { "alias": "anchorDateTime"; "required": false; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
 }

package/lib/components/time/elder-interval-picker/model/interval-picker-model-editor.d.ts

@@ -0,0 +1,77 @@
+import { IntervalPickerModel } from './interval-picker-model';
+export declare class IntervalPickerModelEditor {
+    private readonly model;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(model: IntervalPickerModel);
+    /***************************************************************************
+     *                                                                         *
+     * Date Shift API                                                          *
+     *                                                                         *
+     **************************************************************************/
+    shiftMonth(months: number, staticMode?: boolean): void;
+    shiftDay(days: number): void;
+    shiftYear(years: number, staticMode?: boolean): void;
+    /***************************************************************************
+     *                                                                         *
+     * Time Shift API                                                          *
+     *                                                                         *
+     **************************************************************************/
+    shiftTime(amount: number, unit: 'hours' | 'minutes'): void;
+    smartShift(direction?: number): void;
+    /***************************************************************************
+     *                                                                         *
+     * Date Selection API                                                      *
+     *                                                                         *
+     **************************************************************************/
+    selectCurrentDay(): void;
+    selectYesterday(): void;
+    selectCurrentMonth(): void;
+    selectCurrentWeek(): void;
+    selectPreviousWeek(): void;
+    selectPreviousMonth(): void;
+    selectLastThirtyDaysExcludingToday(): void;
+    selectLastThirtyDaysIncludingToday(): void;
+    selectCurrentYear(): void;
+    selectPreviousYear(): void;
+    selectLast365Days(): void;
+    selectCurrentQuarter(): void;
+    selectPreviousQuarter(): void;
+    selectLastSevenDaysExcludingToday(): void;
+    selectLastSevenDaysIncludingToday(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Time Selection API                                                      *
+     *                                                                         *
+     **************************************************************************/
+    selectLastHour(): void;
+    selectLast24Hours(): void;
+    selectLastFiveMinutes(): void;
+    private selectLastByDuration;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private anchorTime;
+    private anchorDate;
+    private setCalendarMode;
+    private calendarMode;
+    private dateRange;
+    private resetTimeRange;
+    private setTimeRange;
+    private setDateRange;
+    private setDatesFromRange;
+    shiftSelectionToAnchorDate(): void;
+    private fixedAnchorDate;
+    private fixedAnchorTime;
+    private anchorDateTime;
+    private startDateTime;
+    private endDateTime;
+    private isStartAndEndDatesSet;
+    shiftSelectionToAnchorTime(): void;
+    private refreshBaseReferenceDateTime;
+}

package/lib/components/time/elder-interval-picker/model/interval-picker-model.d.ts

@@ -0,0 +1,113 @@
+import { EventEmitter } from '@angular/core';
+import { DateRange } from '@angular/material/datepicker';
+import { LocalDate } from '@js-joda/core';
+import { Temporal } from '@js-temporal/polyfill';
+import { Interval } from '../../../../common/time/interval';
+import { TemporalPlainDateInterval } from '../../../../common/time/temporal-plain-date-interval';
+import { IntervalPickerModelEditor } from './interval-picker-model-editor';
+import * as i0 from "@angular/core";
+export type CalendarMode = 'days' | 'weeks' | 'months' | 'quarters' | 'years';
+export declare class IntervalPickerModel {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private _dateChangeEmitter;
+    readonly calendarMode: import("@angular/core").WritableSignal<CalendarMode>;
+    private readonly _startDate;
+    private readonly _endDate;
+    private readonly _startTime;
+    private readonly _endTime;
+    readonly baseReferenceDate: import("@angular/core").WritableSignal<Temporal.PlainDate>;
+    readonly baseReferenceTime: import("@angular/core").WritableSignal<Temporal.PlainTime>;
+    readonly fixedAnchorDate: import("@angular/core").WritableSignal<Temporal.PlainDate>;
+    readonly fixedAnchorTime: import("@angular/core").WritableSignal<Temporal.PlainTime>;
+    readonly isEmittingOnChange: import("@angular/core").WritableSignal<boolean>;
+    readonly isUpdatingIntervalOnAnchorChange: import("@angular/core").WritableSignal<boolean>;
+    private _isInitialized;
+    readonly isFixedAnchorDateSet: import("@angular/core").Signal<boolean>;
+    readonly anchorDate: import("@angular/core").Signal<Temporal.PlainDate>;
+    readonly anchorTime: import("@angular/core").Signal<Temporal.PlainTime>;
+    readonly anchorDateTime: import("@angular/core").Signal<Temporal.PlainDateTime>;
+    readonly dateRange: import("@angular/core").Signal<TemporalPlainDateInterval>;
+    readonly dateRangeForCalendar: import("@angular/core").Signal<DateRange<Date>>;
+    readonly isStartAndEndDatesEmpty: import("@angular/core").Signal<boolean>;
+    readonly isStartAndEndDatesSet: import("@angular/core").Signal<boolean>;
+    readonly isRangeNotSet: import("@angular/core").Signal<boolean>;
+    readonly startDateTime: import("@angular/core").Signal<Temporal.PlainDateTime | Temporal.PlainDate>;
+    readonly endDateTime: import("@angular/core").Signal<Temporal.PlainDateTime | Temporal.PlainDate>;
+    readonly startDateAsJSDate: import("@angular/core").Signal<Date>;
+    readonly endDateAsJSDate: import("@angular/core").Signal<Date>;
+    readonly startDateTimeAsJSDate: import("@angular/core").Signal<Date>;
+    readonly endDateTimeAsJSDate: import("@angular/core").Signal<Date>;
+    readonly viewIntervalMessage: import("@angular/core").Signal<string>;
+    readonly deltaHumanReadable: import("@angular/core").Signal<string>;
+    readonly getStartTimeString: import("@angular/core").Signal<string>;
+    readonly getEndTimeString: import("@angular/core").Signal<string>;
+    readonly getAnchorTimeString: import("@angular/core").Signal<string>;
+    readonly getAnchorPointAsLocaleDate: import("@angular/core").Signal<LocalDate>;
+    readonly startDateHtmlString: import("@angular/core").Signal<string>;
+    readonly endDateHtmlString: import("@angular/core").Signal<string>;
+    readonly isStartTimeSetAndNotMidnight: import("@angular/core").Signal<boolean>;
+    readonly isEndTimeSetAndNotMidnight: import("@angular/core").Signal<boolean>;
+    readonly isFixedAnchorTimeSetAndNotMidnight: import("@angular/core").Signal<boolean>;
+    readonly editor: IntervalPickerModelEditor;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    startDate(): Temporal.PlainDate;
+    endDate(): Temporal.PlainDate;
+    startTime(): Temporal.PlainTime;
+    endTime(): Temporal.PlainTime;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    setInitialized(): void;
+    setStartDate(value: Temporal.PlainDate): void;
+    setEndDate(value: Temporal.PlainDate): void;
+    setStartTime(value: Temporal.PlainTime): void;
+    setEndTime(value: Temporal.PlainTime): void;
+    setStartDateFromHtmlString(htmlString: string): void;
+    setEndDateFromHtmlString(htmlString: string): void;
+    setInterval(value: Interval): void;
+    setAnchorDateTime(value: Date): void;
+    setupEventEmitter(e: EventEmitter<Interval>): void;
+    setStartTimeFromString(timeStr: string): void;
+    setEndTimeFromString(timeStr: string): void;
+    resetCalendarMode(): void;
+    setAnchorDateTimeFromJsDate(dateTime: Date): void;
+    setFixedAnchorPointToStartDateTime(): void;
+    setFixedAnchorPointToEndDateTime(): void;
+    resetFixedAnchorPoint(): void;
+    setAnchorDateFromForm(dateArg: LocalDate): void;
+    clearStartDateTime(): void;
+    clearEndDateTime(): void;
+    clearStartTime(): void;
+    clearEndTime(): void;
+    resetFixedAnchorTime(): void;
+    setAnchorTimeFromForm(htmlString: string): void;
+    emitMainDates(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private setDateTimesFromElderInterval;
+    private createElderInterval;
+    private shiftRangeEndToToday;
+    private deltaAsTemporalDuration;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntervalPickerModel, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IntervalPickerModel>;
+}

package/lib/components/time/elder-interval-picker/model/plain-date-interval-message-renderer.d.ts

@@ -0,0 +1,7 @@
+import { CalendarMode } from './interval-picker-model';
+import { TemporalPlainDateInterval } from '../../../../common/time/temporal-plain-date-interval';
+export declare class PlainDateIntervalMessageRenderer {
+    static toMessage(mode: CalendarMode, dateInterval: TemporalPlainDateInterval): string;
+    private static calendarWeek;
+    private static dateRangeInDays;
+}

package/lib/components/time/elder-interval-picker/model/plain-temporal-duration-message-renderer.d.ts

@@ -0,0 +1,4 @@
+import { Temporal } from '@js-temporal/polyfill';
+export declare class PlainTemporalDurationMessageRenderer {
+    static toMessage(duration: Temporal.Duration): string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "18.12.2",
+  "version": "18.12.3",
   "peerDependencies": {
     "@angular/core": "^17.0.0 || ^18.0.0",
     "@angular/common": "^17.0.0 || ^18.0.0",

package/src/assets/i18n/fr.json

@@ -0,0 +1,123 @@
+{
+  "greeting": "Salut tout le monde!",
+
+  "context": {
+    "reset": "Réinitialiser",
+    "noSelection": "Aucune Sélection",
+    "weight": "Poids",
+    "price": "Prix",
+    "createdAt": "Créé à",
+    "createdBy": "Créé par",
+    "modifiedAt": "Modifiée à",
+    "modifiedBy": "Modifiée par"
+  },
+
+  "interval": {
+    "from": "de",
+    "to": "à"
+  },
+
+  "dimensions": {
+    "length": "Longeur",
+    "width": "Largeur",
+    "height": "Hauteur"
+  },
+
+  "language": {
+    "language": "Language",
+    "en": "Anglais",
+    "de": "Allemand",
+    "fr": "Français"
+  },
+
+  "foods": {
+    "id": "Id",
+    "name": "Nom",
+    "cat-price": "Chat - Prix"
+  },
+
+  "actions": {
+    "ok": "ok",
+    "cancel": "Annuler",
+    "yes": "Oui",
+    "no": "No"
+  },
+
+  "dialogs": {
+    "confirm": {
+      "title": "Êtes-vous sûr?",
+      "message": "Souhaitez-vous vraiment {{type}}"
+    },
+    "confirm-deletion": {
+      "title": "Confirmer l'effacement",
+      "message": "Voulez-vous vraiment effacer {{numOfItems}} éléments?"
+    }
+  },
+
+  "validations": {
+    "multipleOf": "Multiple de [{{multiples}}]",
+    "required": "Obligatoire"
+  },
+
+  "select": {
+    "direction": {
+      "LEFT": "À Gauche",
+      "RIGHT": "À Droite",
+      "UP": "Vers le haut",
+      "DOWN": "Vers le bas"
+    }
+  },
+
+  "intervalPicker": {
+    "clear": "Effacer",
+    "last": "Dernier",
+    "previous": "Antérieur",
+    "current": "Actuel",
+    "today": "Aujourd'hui",
+    "yesterday": "Hier",
+    "anchorDay": "Jour de référence",
+    "selectInterval": "Choisir l'intervalle",
+    "selectedInterval": "Intervalle choisi",
+    "selectSmartInterval": "Choisir l'intervalle smart",
+    "selectAbsoluteInterval": "Choisir l'intervalle absolu",
+    "anchorDate": "Date de référence",
+    "anchorTime": "Heure de référence",
+    "duration": "Durée",
+    "shiftInterval": "Déplacer",
+    "startDate": "Date de début",
+    "endDate": "Date de fin",
+    "endTime": "Heure de fin",
+    "startTime": "Heure de début",
+    "interval": "Intervalle",
+    "startDateNotSet": "Pas d'heure de début",
+    "endDateNotSet": "Pas d'heure de fin",
+    "day": "Jour",
+    "days": "Jours",
+    "week": "Semaine",
+    "weeks": "Semaines",
+    "month": "Mois",
+    "months": "Mois",
+    "quarter": "Trimestre",
+    "quarters": "Trimestres",
+    "year": "Année",
+    "years": "Années",
+    "hour": "Heur",
+    "hours": "Heures",
+    "minute": "Minute",
+    "minutes": "Minutes",
+    "second": "Seconde",
+    "seconds": "Secondes",
+    "currentPeriod": {
+      "week": "Semaine en cours",
+      "month": "Mois en cours",
+      "quarter": "Trimester en cours",
+      "year": "Année en cours"
+    },
+    "previousPeriod": {
+      "week": "Semaine Dernière ",
+      "month": "Mois Dernier",
+      "quarter": "Trimestre Dernier",
+      "year": "Année Dernière"
+    }
+  }
+}