@imihai/angular-datetime-picker 21.0.1 → 21.0.2

package/projects/picker/src/lib/date-time/timer.component.ts

@@ -1,371 +0,0 @@
-/**
- * timer.component
- */
-
-import {
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ElementRef,
-    EventEmitter,
-    Input,
-    NgZone,
-    OnInit,
-    Optional,
-    Output
-} from '@angular/core';
-import { OwlDateTimeIntl } from './date-time-picker-intl.service';
-import { DateTimeAdapter } from './adapter/date-time-adapter.class';
-import { take } from 'rxjs/operators';
-
-@Component({
-    exportAs: 'owlDateTimeTimer',
-    selector: 'owl-date-time-timer',
-    templateUrl: './timer.component.html',
-    styleUrls: ['./timer.component.scss'],
-    preserveWhitespaces: false,
-    standalone: false,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    host: {
-        '[class.owl-dt-timer]': 'owlDTTimerClass',
-        '[attr.tabindex]': 'owlDTTimeTabIndex'
-    }
-})
-export class OwlTimerComponent<T> implements OnInit {
-    /** The current picker moment */
-    private _pickerMoment: T;
-    @Input()
-    get pickerMoment() {
-        return this._pickerMoment;
-    }
-
-    set pickerMoment(value: T) {
-        value = this.dateTimeAdapter.deserialize(value);
-        this._pickerMoment =
-            this.getValidDate(value) || this.dateTimeAdapter.now();
-    }
-
-    /** The minimum selectable date time. */
-    private _minDateTime: T | null;
-    @Input()
-    get minDateTime(): T | null {
-        return this._minDateTime;
-    }
-
-    set minDateTime(value: T | null) {
-        value = this.dateTimeAdapter.deserialize(value);
-        this._minDateTime = this.getValidDate(value);
-    }
-
-    /** The maximum selectable date time. */
-    private _maxDateTime: T | null;
-    @Input()
-    get maxDateTime(): T | null {
-        return this._maxDateTime;
-    }
-
-    set maxDateTime(value: T | null) {
-        value = this.dateTimeAdapter.deserialize(value);
-        this._maxDateTime = this.getValidDate(value);
-    }
-
-    private isPM = false; // a flag indicates the current timer moment is in PM or AM
-
-    /**
-     * Whether to show the second's timer
-     */
-    @Input()
-    showSecondsTimer: boolean;
-
-    /**
-     * Whether the timer is in hour12 format
-     */
-    @Input()
-    hour12Timer: boolean;
-
-    /**
-     * Hours to change per step
-     */
-    @Input()
-    stepHour = 1;
-
-    /**
-     * Minutes to change per step
-     */
-    @Input()
-    stepMinute = 1;
-
-    /**
-     * Seconds to change per step
-     */
-    @Input()
-    stepSecond = 1;
-
-    get hourValue(): number {
-        return this.dateTimeAdapter.getHours(this.pickerMoment);
-    }
-
-    /**
-     * The value would be displayed in hourBox.
-     * We need this because the value displayed in hourBox it not
-     * the same as the hourValue when the timer is in hour12Timer mode.
-     * */
-    get hourBoxValue(): number {
-        let hours = this.hourValue;
-
-        if (!this.hour12Timer) {
-            return hours;
-        } else {
-            if (hours === 0) {
-                hours = 12;
-                this.isPM = false;
-            } else if (hours > 0 && hours < 12) {
-                this.isPM = false;
-            } else if (hours === 12) {
-                this.isPM = true;
-            } else if (hours > 12 && hours < 24) {
-                hours = hours - 12;
-                this.isPM = true;
-            }
-
-            return hours;
-        }
-    }
-
-    get minuteValue(): number {
-        return this.dateTimeAdapter.getMinutes(this.pickerMoment);
-    }
-
-    get secondValue(): number {
-        return this.dateTimeAdapter.getSeconds(this.pickerMoment);
-    }
-
-    get upHourButtonLabel(): string {
-        return this.pickerIntl.upHourLabel;
-    }
-
-    get downHourButtonLabel(): string {
-        return this.pickerIntl.downHourLabel;
-    }
-
-    get upMinuteButtonLabel(): string {
-        return this.pickerIntl.upMinuteLabel;
-    }
-
-    get downMinuteButtonLabel(): string {
-        return this.pickerIntl.downMinuteLabel;
-    }
-
-    get upSecondButtonLabel(): string {
-        return this.pickerIntl.upSecondLabel;
-    }
-
-    get downSecondButtonLabel(): string {
-        return this.pickerIntl.downSecondLabel;
-    }
-
-    get hour12ButtonLabel(): string {
-        return this.isPM
-            ? this.pickerIntl.hour12PMLabel
-            : this.pickerIntl.hour12AMLabel;
-    }
-
-    @Output()
-    selectedChange = new EventEmitter<T>();
-
-    get owlDTTimerClass(): boolean {
-        return true;
-    }
-
-    get owlDTTimeTabIndex(): number {
-        return -1;
-    }
-
-    constructor(
-        private ngZone: NgZone,
-        private elmRef: ElementRef,
-        private pickerIntl: OwlDateTimeIntl,
-        private cdRef: ChangeDetectorRef,
-        @Optional() private dateTimeAdapter: DateTimeAdapter<T>
-    ) {}
-
-    public ngOnInit() {}
-
-    /**
-     * Focus to the host element
-     * */
-    public focus() {
-        this.ngZone.runOutsideAngular(() => {
-            this.ngZone.onStable
-                .asObservable()
-                .pipe(take(1))
-                .subscribe(() => {
-                    this.elmRef.nativeElement.focus();
-                });
-        });
-    }
-
-    /**
-     * Set the hour value via typing into timer box input
-     * We need this to handle the hour value when the timer is in hour12 mode
-     * */
-    public setHourValueViaInput(hours: number): void {
-        if (this.hour12Timer && this.isPM && hours >= 1 && hours <= 11) {
-            hours = hours + 12;
-        } else if (this.hour12Timer && !this.isPM && hours === 12) {
-            hours = 0;
-        }
-
-        this.setHourValue(hours);
-    }
-
-    public setHourValue(hours: number): void {
-        const m = this.dateTimeAdapter.setHours(this.pickerMoment, hours);
-        this.selectedChange.emit(m);
-        this.cdRef.markForCheck();
-    }
-
-    public setMinuteValue(minutes: number): void {
-        const m = this.dateTimeAdapter.setMinutes(this.pickerMoment, minutes);
-        this.selectedChange.emit(m);
-        this.cdRef.markForCheck();
-    }
-
-    public setSecondValue(seconds: number): void {
-        const m = this.dateTimeAdapter.setSeconds(this.pickerMoment, seconds);
-        this.selectedChange.emit(m);
-        this.cdRef.markForCheck();
-    }
-
-    public setMeridiem(event: any): void {
-        this.isPM = !this.isPM;
-
-        let hours = this.hourValue;
-        if (this.isPM) {
-            hours = hours + 12;
-        } else {
-            hours = hours - 12;
-        }
-
-        if (hours >= 0 && hours <= 23) {
-            this.setHourValue(hours);
-        }
-
-        this.cdRef.markForCheck();
-        event.preventDefault();
-    }
-
-    /**
-     * Check if the up hour button is enabled
-     */
-    public upHourEnabled(): boolean {
-        return (
-            !this.maxDateTime ||
-            this.compareHours(this.stepHour, this.maxDateTime) < 1
-        );
-    }
-
-    /**
-     * Check if the down hour button is enabled
-     */
-    public downHourEnabled(): boolean {
-        return (
-            !this.minDateTime ||
-            this.compareHours(-this.stepHour, this.minDateTime) > -1
-        );
-    }
-
-    /**
-     * Check if the up minute button is enabled
-     */
-    public upMinuteEnabled(): boolean {
-        return (
-            !this.maxDateTime ||
-            this.compareMinutes(this.stepMinute, this.maxDateTime) < 1
-        );
-    }
-
-    /**
-     * Check if the down minute button is enabled
-     */
-    public downMinuteEnabled(): boolean {
-        return (
-            !this.minDateTime ||
-            this.compareMinutes(-this.stepMinute, this.minDateTime) > -1
-        );
-    }
-
-    /**
-     * Check if the up second button is enabled
-     */
-    public upSecondEnabled(): boolean {
-        return (
-            !this.maxDateTime ||
-            this.compareSeconds(this.stepSecond, this.maxDateTime) < 1
-        );
-    }
-
-    /**
-     * Check if the down second button is enabled
-     */
-    public downSecondEnabled(): boolean {
-        return (
-            !this.minDateTime ||
-            this.compareSeconds(-this.stepSecond, this.minDateTime) > -1
-        );
-    }
-
-    /**
-     * PickerMoment's hour value +/- certain amount and compare it to the give date
-     * 1 is after the comparedDate
-     * -1 is before the comparedDate
-     * 0 is equal the comparedDate
-     * */
-    private compareHours(amount: number, comparedDate: T): number {
-        const hours = this.dateTimeAdapter.getHours(this.pickerMoment) + amount;
-        const result = this.dateTimeAdapter.setHours(this.pickerMoment, hours);
-        return this.dateTimeAdapter.compare(result, comparedDate);
-    }
-
-    /**
-     * PickerMoment's minute value +/- certain amount and compare it to the give date
-     * 1 is after the comparedDate
-     * -1 is before the comparedDate
-     * 0 is equal the comparedDate
-     * */
-    private compareMinutes(amount: number, comparedDate: T): number {
-        const minutes =
-            this.dateTimeAdapter.getMinutes(this.pickerMoment) + amount;
-        const result = this.dateTimeAdapter.setMinutes(
-            this.pickerMoment,
-            minutes
-        );
-        return this.dateTimeAdapter.compare(result, comparedDate);
-    }
-
-    /**
-     * PickerMoment's second value +/- certain amount and compare it to the give date
-     * 1 is after the comparedDate
-     * -1 is before the comparedDate
-     * 0 is equal the comparedDate
-     * */
-    private compareSeconds(amount: number, comparedDate: T): number {
-        const seconds =
-            this.dateTimeAdapter.getSeconds(this.pickerMoment) + amount;
-        const result = this.dateTimeAdapter.setSeconds(
-            this.pickerMoment,
-            seconds
-        );
-        return this.dateTimeAdapter.compare(result, comparedDate);
-    }
-
-    /**
-     * Get a valid date object
-     */
-    private getValidDate(obj: any): T | null {
-        return this.dateTimeAdapter.isDateInstance(obj) &&
-            this.dateTimeAdapter.isValid(obj)
-            ? obj
-            : null;
-    }
-}

package/projects/picker/src/lib/dialog/dialog-config.class.ts

@@ -1,220 +0,0 @@
-/**
- * dialog-config.class
- */
-import { ViewContainerRef } from '@angular/core';
-import { NoopScrollStrategy, ScrollStrategy } from '@angular/cdk/overlay';
-
-let uniqueId = 0;
-
-/** Possible overrides for a dialog's position. */
-export interface DialogPosition {
-    /** Override for the dialog's top position. */
-    top?: string;
-
-    /** Override for the dialog's bottom position. */
-    bottom?: string;
-
-    /** Override for the dialog's left position. */
-    left?: string;
-
-    /** Override for the dialog's right position. */
-    right?: string;
-}
-
-export interface OwlDialogConfigInterface {
-    /**
-     * ID of the element that describes the dialog.
-     */
-    ariaDescribedBy?: string | null;
-
-    /**
-     * Whether to focus the dialog when the dialog is opened
-     */
-    autoFocus?: boolean;
-
-    /** Whether the dialog has a backdrop. */
-    hasBackdrop?: boolean;
-
-    /**
-     * Custom style for the backdrop
-     * */
-    backdropStyle?: any;
-
-    /** Data being injected into the child component. */
-    data?: any ;
-
-    /** Whether the user can use escape or clicking outside to close a modal. */
-    disableClose?: boolean;
-
-    /**
-     * ID for the modal. If omitted, a unique one will be generated.
-     */
-    id?: string;
-
-    /**
-     * The ARIA role of the dialog element.
-     */
-    role?: 'dialog' | 'alertdialog';
-
-    /**
-     * Custom class for the pane
-     * */
-    paneClass?: string | string[];
-
-    /**
-     * Mouse Event
-     * */
-    event?: MouseEvent;
-
-    /**
-     * Custom class for the backdrop
-     * */
-    backdropClass?: string | string[];
-
-    /**
-     * Whether the dialog should close when the user goes backwards/forwards in history.
-     * */
-    closeOnNavigation?: boolean;
-
-    /** Width of the dialog. */
-    width?: string ;
-
-    /** Height of the dialog. */
-    height?: string;
-
-    /**
-     * The min-width of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    minWidth?: number | string;
-
-    /**
-     * The min-height of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    minHeight?: number | string;
-
-    /**
-     * The max-width of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    maxWidth?: number | string;
-
-    /**
-     * The max-height of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    maxHeight?: number | string;
-
-    /** Position overrides. */
-    position?: DialogPosition;
-
-    /**
-     * The scroll strategy when the dialog is open
-     * Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
-     * */
-    scrollStrategy?: ScrollStrategy;
-
-    viewContainerRef?: ViewContainerRef;
-}
-
-export class OwlDialogConfig implements OwlDialogConfigInterface {
-    /**
-     * ID of the element that describes the dialog.
-     */
-    public ariaDescribedBy: string | null = null;
-
-    /**
-     * Whether to focus the dialog when the dialog is opened
-     */
-    public autoFocus = true;
-
-    /** Whether the dialog has a backdrop. */
-    public hasBackdrop = true;
-
-    /**
-     * Custom style for the backdrop
-     * */
-    public backdropStyle: any;
-
-    /** Data being injected into the child component. */
-    public data: any = null;
-
-    /** Whether the user can use escape or clicking outside to close a modal. */
-    public disableClose = false;
-
-    /**
-     * ID for the modal. If omitted, a unique one will be generated.
-     */
-    public id: string;
-
-    /**
-     * The ARIA role of the dialog element.
-     */
-    public role: 'dialog' | 'alertdialog' = 'dialog';
-
-    /**
-     * Custom class for the pane
-     * */
-    public paneClass: string | string[] = '';
-
-    /**
-     * Mouse Event
-     * */
-    public event: MouseEvent = null;
-
-    /**
-     * Custom class for the backdrop
-     * */
-    public backdropClass: string | string[] = '';
-
-    /**
-     * Whether the dialog should close when the user goes backwards/forwards in history.
-     * */
-    public closeOnNavigation = true;
-
-    /** Width of the dialog. */
-    public width = '';
-
-    /** Height of the dialog. */
-    public height = '';
-
-    /**
-     * The min-width of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    public minWidth: number | string;
-
-    /**
-     * The min-height of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    public minHeight: number | string;
-
-    /**
-     * The max-width of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    public maxWidth: number | string = '85vw';
-
-    /**
-     * The max-height of the overlay panel.
-     * If a number is provided, pixel units are assumed.
-     * */
-    public maxHeight: number | string;
-
-    /** Position overrides. */
-    public position: DialogPosition;
-
-    /**
-     * The scroll strategy when the dialog is open
-     * Learn more this from https://material.angular.io/cdk/overlay/overview#scroll-strategies
-     * */
-    public scrollStrategy: ScrollStrategy = new NoopScrollStrategy();
-
-    public viewContainerRef: ViewContainerRef;
-
-    constructor() {
-        this.id = `owl-dialog-${uniqueId++}`;
-    }
-}

package/projects/picker/src/lib/dialog/dialog-container.component.html

@@ -1 +0,0 @@
-<ng-template [cdkPortalOutlet]></ng-template>