@yuuvis/client-framework 1.0.3 → 2.0.0-beta.2

package/datepicker/lib/datepicker.component.d.ts

@@ -0,0 +1,80 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { DateInputComponent } from './date-input/date-input.component';
+import { DatepickerLabels } from './datepicker.interface';
+import * as i0 from "@angular/core";
+import * as i1 from "@yuuvis/client-framework/common";
+export declare class DatepickerComponent implements ControlValueAccessor, Validator, OnInit, OnDestroy {
+    #private;
+    private _subs;
+    dateInputCmp: DateInputComponent;
+    allSelected: import("@angular/core").WritableSignal<boolean>;
+    keydownHandler(e: KeyboardEvent): void;
+    clickHandler(): void;
+    focusOutHandler(): void;
+    /**
+     * Whether or not to show a calendar picker
+     */
+    calendar: boolean;
+    /**
+     * Whether or not the component is readonly
+     */
+    readonly: boolean;
+    _hour12: boolean;
+    /**
+     * Whether or not to 12-hour format vs. default 24h format.
+     * By default the component will try to figure out which hour cycle to
+     * use based on the locale. Setting hour12 property to either `
+     * `true`or `false will overwrite that.
+     */
+    set hour12(b: boolean);
+    private _detectHourCycle;
+    private _locale;
+    set locale(iso: string);
+    get locale(): string;
+    private _defaultLabelslabels;
+    private _labels;
+    set labels(l: DatepickerLabels | undefined);
+    get labels(): DatepickerLabels | undefined;
+    private _withTime;
+    /**
+     * Whether or not to also include time
+     */
+    set withTime(b: boolean);
+    get withTime(): boolean;
+    /**
+     * Allow only date inputs that are after today
+     */
+    set onlyFutureDates(b: boolean);
+    /**
+     * Allow only date inputs after this date
+     */
+    set minDate(d: Date);
+    /**
+     * Allow only date inputs before this date
+     */
+    set maxDate(d: Date);
+    disabled: boolean;
+    calendarValue: Date | null;
+    copyToClipboard(): void;
+    clear(): void;
+    openCalendar(): void;
+    onCalendarDateApply(date: Date): void;
+    onTextInputStatusChange(e: {
+        valid: boolean;
+    }): void;
+    closeCalendar(): void;
+    onDateInputBlur(): void;
+    validate(ac: AbstractControl): ValidationErrors | null;
+    propagateChange: (_: any) => void;
+    validationChange: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: () => void): void;
+    registerOnValidatorChange?(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    private _getHourCycle;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "yuv-datepicker", never, { "calendar": { "alias": "calendar"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "hour12": { "alias": "hour12"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; "onlyFutureDates": { "alias": "onlyFutureDates"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.FocusWithinDirective; inputs: {}; outputs: {}; }]>;
+}

package/datepicker/lib/datepicker.interface.d.ts

@@ -0,0 +1,34 @@
+export interface DatepickerLabels {
+    calendarApply: string;
+    calendarCancel: string;
+    shortcut: {
+        today: string;
+    };
+}
+export interface DatepickerCalendarTriggerTarget {
+    openCalendar: () => void;
+}
+export interface DatepickerValueChange {
+    value: Date | null;
+    propagateChange: boolean;
+}
+export interface DatepickerValidationOptions {
+    withTime?: boolean;
+    onlyFutureDates?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+}
+export interface DatepickerCalendarOptions extends DatepickerValidationOptions {
+    hour12?: boolean;
+    locale?: string;
+    labels?: DatepickerLabels;
+}
+export type DayPeriod = 'am' | 'pm';
+export interface DayPeriodLabels {
+    am: string;
+    pm: string;
+}
+export declare const DEFAULT_DAY_PERIOD_LABELS: {
+    am: string;
+    pm: string;
+};

package/datepicker/lib/datepicker.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./calendar/calendar.component";
+import * as i2 from "./datepicker.component";
+import * as i3 from "./datepicker-calendar/datepicker-calendar-trigger.component";
+export declare class YuvDatepickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<YuvDatepickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<YuvDatepickerModule, never, [typeof i1.CalendarComponent, typeof i2.DatepickerComponent, typeof i3.DatepickerCalendarTriggerComponent], [typeof i1.CalendarComponent, typeof i2.DatepickerComponent, typeof i3.DatepickerCalendarTriggerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<YuvDatepickerModule>;
+}

package/datepicker/lib/datepicker.service.d.ts

@@ -0,0 +1,46 @@
+import { ValidationErrors } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { DatepickerValidationOptions, DatepickerValueChange, DayPeriodLabels } from './datepicker.interface';
+import * as i0 from "@angular/core";
+export declare class DatepickerService {
+    private _value;
+    private _valueChangeSource;
+    valueChange$: Observable<DatepickerValueChange>;
+    private _validationChangeSource;
+    validationChange$: Observable<boolean>;
+    DEFAULT_LANGUAGE: string;
+    yearOffset: number;
+    datePattern?: string;
+    private _language;
+    private _languageSource;
+    language$: Observable<string>;
+    private _validationErrors;
+    private _options;
+    /**
+     * Handler for paste events from the components inputs. If the clipboard
+     * contains a whole date it will be covered by the service.
+     * @param event the ClipboardEvent
+     * @returns true if the paste event has been processed by the service, false otherwise
+     */
+    onPaste(e: string | ClipboardEvent): boolean;
+    setLanguage(isoCode: string): void;
+    getDatePattern(locale: string, withTime: boolean, hour12: boolean): string;
+    isDifferent(d1: Date | null, d2: Date | null): boolean;
+    setValue(date: Date | null, silent?: boolean): void;
+    setOption(options: DatepickerValidationOptions): void;
+    hasErrors(): boolean;
+    getErrors(): ValidationErrors | null;
+    setErrors(err: ValidationErrors): void;
+    removeErrors(err: string[]): void;
+    private _emitValidationChange;
+    getIntlOptions(withTime?: boolean, hour12?: boolean): Intl.DateTimeFormatOptions;
+    /**
+     * Returns locale specific values for AM/PM
+     * @param locale locale string
+     * @returns
+     */
+    getDayPeriodLabels(locale: string): DayPeriodLabels;
+    private _validateValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DatepickerService>;
+}

package/datepicker/lib/datepicker.utils.d.ts

@@ -0,0 +1,23 @@
+import { ValidationErrors } from '@angular/forms';
+import { DatepickerValidationOptions } from './datepicker.interface';
+export declare class DatepickerUtils {
+    /**
+     * Get preferred hour cycle for a given locale
+     * @param locale the locale to get the hour cycle for
+     */
+    static getPreferredHourCycle(locale: string): 'h11' | 'h12' | 'h23' | 'h24' | undefined;
+    /**
+     * Get week info for a given locale.
+     * Notice:
+     * @param locale the locale to get the weekinfo for
+     */
+    static getWeekInfo(locale: string): {
+        firstDay: number;
+        minimalDays: number;
+        weekend: number[];
+    };
+    static isFutureDate(d: Date, withTime?: boolean): boolean;
+    static isValidDate(v: any): boolean;
+    static isValidValue(date: Date | null, o: DatepickerValidationOptions): boolean;
+    static validateValue(date: Date | null | undefined, o: DatepickerValidationOptions): ValidationErrors | null;
+}

package/datepicker/lib/time-input/time-input.component.d.ts

@@ -0,0 +1,36 @@
+import { OnDestroy } from '@angular/core';
+import { ControlValueAccessor, FormBuilder, FormGroup } from '@angular/forms';
+import { DateInputElementComponent } from '../date-input/date-input-element/date-input-element.component';
+import { DateInputHourElementComponent } from '../date-input/date-input-hour-element/date-input-hour-element.component';
+import { DayPeriod, DayPeriodLabels } from '../datepicker.interface';
+import { TimeValue } from './time-input.interface';
+import * as i0 from "@angular/core";
+export declare class TimeInputComponent implements OnDestroy, ControlValueAccessor {
+    private fb;
+    hourInput: DateInputHourElementComponent;
+    minuteInput: DateInputElementComponent;
+    private _subs;
+    private _time?;
+    protected _hour12: boolean;
+    get hour12(): boolean;
+    set hour12(b: boolean);
+    dayPeriodLabels: DayPeriodLabels;
+    private _currentDayPeriod?;
+    set currentDayPeriod(p: DayPeriod | undefined);
+    get currentDayPeriod(): DayPeriod | undefined;
+    form: FormGroup;
+    constructor(fb: FormBuilder);
+    private _propagate;
+    increaseHour(): void;
+    decreaseHour(): void;
+    increaseMinute(): void;
+    decreaseMinute(): void;
+    private _patch;
+    propagateChange: (_: any) => void;
+    writeValue(value: TimeValue): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimeInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeInputComponent, "yuv-time-input", never, { "hour12": { "alias": "hour12"; "required": false; }; "dayPeriodLabels": { "alias": "dayPeriodLabels"; "required": false; }; }, {}, never, never, true, never>;
+}

package/datepicker/lib/time-input/time-input.interface.d.ts

@@ -0,0 +1,6 @@
+import { DayPeriod } from "../datepicker.interface";
+export interface TimeValue {
+    hour: number;
+    minute: number;
+    dayPeriod?: DayPeriod;
+}