@imihai/angular-datetime-picker 22.0.0 → 22.0.6

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

@@ -1,231 +0,0 @@
-/**
- * dialog-container.component
- */
-
-import {
-    Component,
-    ComponentRef,
-    ElementRef,
-    EmbeddedViewRef,
-    EventEmitter,
-    Inject,
-    OnInit,
-    Optional,
-    signal,
-    ViewChild,
-} from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';
-import {
-    BasePortalOutlet,
-    CdkPortalOutlet,
-    ComponentPortal,
-    TemplatePortal,
-} from '@angular/cdk/portal';
-import { OwlDateTimeContainerComponent } from '../date-time/date-time-picker-container.component';
-import { IDateTimePickerAnimationEvent } from '../date-time/date-time-picker-animation-event';
-import { OwlDialogConfigInterface } from './dialog-config.class';
-
-@Component({
-    selector: 'owl-dialog-container',
-    templateUrl: './dialog-container.component.html',
-    standalone: false,
-    host: {
-        '[class.owl-dialog-container]': 'owlDialogContainerClass',
-        '[attr.tabindex]': 'owlDialogContainerTabIndex',
-        '[attr.id]': 'owlDialogContainerId',
-        '[attr.role]': 'owlDialogContainerRole',
-        '[attr.aria-labelledby]': 'owlDialogContainerAriaLabelledby',
-        '[attr.aria-describedby]': 'owlDialogContainerAriaDescribedby'
-    }
-})
-export class OwlDialogContainerComponent extends BasePortalOutlet
-    implements OnInit {
-    @ViewChild(CdkPortalOutlet, { static: true })
-    portalOutlet: CdkPortalOutlet | null = null;
-
-    /** The class that traps and manages focus within the dialog. */
-    private focusTrap: FocusTrap;
-
-    /** ID of the element that should be considered as the dialog's label. */
-    public ariaLabelledBy: string | null = null;
-
-    /** Emits when an animation state changes. */
-    public animationStateChanged = new EventEmitter<IDateTimePickerAnimationEvent>();
-
-    public isAnimating = signal(false);
-
-    private _config: OwlDialogConfigInterface;
-    private _component: ComponentRef<unknown>;
-    get config(): OwlDialogConfigInterface {
-        return this._config;
-    }
-
-    // for animation purpose
-    private params: any = {
-        x: '0px',
-        y: '0px',
-        ox: '50%',
-        oy: '50%',
-        scale: 0
-    };
-
-    // A variable to hold the focused element before the dialog was open.
-    // This would help us to refocus back to element when the dialog was closed.
-    private elementFocusedBeforeDialogWasOpened: HTMLElement | null = null;
-
-    get owlDialogContainerClass(): boolean {
-        return true;
-    }
-
-    get owlDialogContainerTabIndex(): number {
-        return -1;
-    }
-
-    get owlDialogContainerId(): string {
-        return this._config.id;
-    }
-
-    get owlDialogContainerRole(): string {
-        return this._config.role || null;
-    }
-
-    get owlDialogContainerAriaLabelledby(): string {
-        return this.ariaLabelledBy;
-    }
-
-    get owlDialogContainerAriaDescribedby(): string {
-        return this._config.ariaDescribedBy || null;
-    }
-
-    constructor(
-        private elementRef: ElementRef,
-        private focusTrapFactory: FocusTrapFactory,
-        @Optional()
-        @Inject(DOCUMENT)
-        private document: any,
-    ) {
-        super();
-    }
-
-    public ngOnInit() {}
-
-    /**
-     * Attach a ComponentPortal as content to this dialog container.
-     */
-    public attachComponentPortal<T>(
-        portal: ComponentPortal<T>,
-    ): ComponentRef<T> {
-        if (this.portalOutlet.hasAttached()) {
-            throw Error(
-                'Attempting to attach dialog content after content is already attached',
-            );
-        }
-
-        this.savePreviouslyFocusedElement();
-        const component = this.portalOutlet.attachComponentPortal(portal);
-        const pickerContainer = component.instance as OwlDateTimeContainerComponent<unknown>;
-        pickerContainer.animationStateChanged.subscribe(state => this.onAnimationDone(state));
-        this._component = component;
-        return component;
-    }
-
-    public attachTemplatePortal<C>(
-        portal: TemplatePortal<C>,
-    ): EmbeddedViewRef<C> {
-        throw new Error('Method not implemented.');
-    }
-
-    public setConfig(config: OwlDialogConfigInterface): void {
-        this._config = config;
-
-        if (config.event) {
-            this.calculateZoomOrigin(event);
-        }
-    }
-
-    public onAnimationStart(event: IDateTimePickerAnimationEvent): void {
-        this.isAnimating.set(true);
-        this.animationStateChanged.emit(event);
-    }
-
-    public onAnimationDone(event: IDateTimePickerAnimationEvent): void {
-        if (event.toState === 'enter') {
-            this.trapFocus();
-        } else if (event.toState === 'leave') {
-            this.restoreFocus();
-        }
-
-        this.animationStateChanged.emit(event);
-        this.isAnimating.set(false);
-    }
-
-    public startExitAnimation() {
-        this._component.destroy();
-    }
-
-    /**
-     * Calculate origin used in the `zoomFadeInFrom()`
-     * for animation purpose
-     */
-    private calculateZoomOrigin(event: any): void {
-        if (!event) {
-            return;
-        }
-
-        const clientX = event.clientX;
-        const clientY = event.clientY;
-
-        const wh = window.innerWidth / 2;
-        const hh = window.innerHeight / 2;
-        const x = clientX - wh;
-        const y = clientY - hh;
-        const ox = clientX / window.innerWidth;
-        const oy = clientY / window.innerHeight;
-
-        this.params.x = `${x}px`;
-        this.params.y = `${y}px`;
-        this.params.ox = `${ox * 100}%`;
-        this.params.oy = `${oy * 100}%`;
-        this.params.scale = 0;
-
-        return;
-    }
-
-    /**
-     * Save the focused element before dialog was open
-     */
-    private savePreviouslyFocusedElement(): void {
-        if (this.document) {
-            this.elementFocusedBeforeDialogWasOpened = this.document
-                .activeElement as HTMLElement;
-
-            Promise.resolve().then(() => this.elementRef.nativeElement.focus());
-        }
-    }
-
-    private trapFocus(): void {
-        if (!this.focusTrap) {
-            this.focusTrap = this.focusTrapFactory.create(
-                this.elementRef.nativeElement,
-            );
-        }
-
-        if (this._config.autoFocus) {
-            this.focusTrap.focusInitialElementWhenReady();
-        }
-    }
-
-    private restoreFocus(): void {
-        const toFocus = this.elementFocusedBeforeDialogWasOpened;
-
-        // We need the extra check, because IE can set the `activeElement` to null in some cases.
-        if (toFocus && typeof toFocus.focus === 'function') {
-            toFocus.focus();
-        }
-
-        if (this.focusTrap) {
-            this.focusTrap.destroy();
-        }
-    }
-}

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

@@ -1,178 +0,0 @@
-/**
- * dialog-ref.class
- */
-import { ESCAPE } from '@angular/cdk/keycodes';
-import { GlobalPositionStrategy, OverlayRef } from '@angular/cdk/overlay';
-import { Location } from '@angular/common';
-import { Signal, signal } from '@angular/core';
-import { Observable, Subject, Subscription, SubscriptionLike, filter, take } from 'rxjs';
-import { IDateTimePickerAnimationEvent } from '../date-time/date-time-picker-animation-event';
-import { DialogPosition } from './dialog-config.class';
-import { OwlDialogContainerComponent } from './dialog-container.component';
-
-export class OwlDialogRef<T> {
-
-    private result: any;
-
-    private _beforeClose$ = new Subject<any>();
-
-    private _beforeOpen$ = new Subject<any>();
-
-    private _afterOpen$ = new Subject<any>();
-
-    private _afterClosed$ = new Subject<any>();
-
-    /** Subscription to changes in the user's location. */
-    private locationChanged: SubscriptionLike = Subscription.EMPTY;
-
-    /**
-     * The instance of component opened into modal
-     * */
-    public componentInstance = signal<T | undefined>(undefined);
-
-    /** Whether the user is allowed to close the dialog. */
-    public disableClose = true;
-
-    constructor(private overlayRef: OverlayRef,
-        private container: OwlDialogContainerComponent,
-        public readonly id: string,
-        location?: Location) {
-        this.disableClose = this.container.config.disableClose;
-
-        this.container.animationStateChanged
-            .pipe(
-                filter(( event: IDateTimePickerAnimationEvent ) => event.phaseName === 'start' && event.toState === 'enter'),
-                take(1)
-            )
-            .subscribe(() => {
-                this._beforeOpen$.next(null);
-                this._beforeOpen$.complete();
-            });
-
-        this.container.animationStateChanged
-            .pipe(
-                filter(( event: IDateTimePickerAnimationEvent ) => event.phaseName === 'done' && event.toState === 'enter'),
-                take(1)
-            )
-            .subscribe(() => {
-                this._afterOpen$.next(null);
-                this._afterOpen$.complete();
-            });
-
-        this.container.animationStateChanged
-            .pipe(
-                filter((event: IDateTimePickerAnimationEvent) => event.phaseName === 'done' && event.toState === 'leave'),
-                take(1)
-            )
-            .subscribe(() => {
-                this.overlayRef.dispose();
-                this.locationChanged.unsubscribe();
-                this._afterClosed$.next(this.result);
-                this._afterClosed$.complete();
-                this.componentInstance.set(undefined);
-            });
-
-        this.overlayRef.keydownEvents()
-            .pipe(filter(event => event.keyCode === ESCAPE && !this.disableClose))
-            .subscribe(() => this.close());
-
-        if (location) {
-            this.locationChanged = location.subscribe(() => {
-                if (this.container.config.closeOnNavigation) {
-                    this.close();
-                }
-            });
-        }
-    }
-
-    public close(dialogResult?: any) {
-        this.result = dialogResult;
-
-        this.container.animationStateChanged
-            .pipe(
-                filter(event => event.phaseName === 'start'),
-                take(1)
-            )
-            .subscribe(() => {
-                this._beforeClose$.next(dialogResult);
-                this._beforeClose$.complete();
-                this.overlayRef.detachBackdrop();
-            });
-
-        this.container.startExitAnimation();
-    }
-
-    /**
-     * Gets an observable that emits when the overlay's backdrop has been clicked.
-     */
-    public backdropClick(): Observable<any> {
-        return this.overlayRef.backdropClick();
-    }
-
-    /**
-     * Gets an observable that emits when keydown events are targeted on the overlay.
-     */
-    public keydownEvents(): Observable<KeyboardEvent> {
-        return this.overlayRef.keydownEvents();
-    }
-
-    /**
-     * Updates the dialog's position.
-     * @param position New dialog position.
-     */
-    public updatePosition(position?: DialogPosition): this {
-        const strategy = this.getPositionStrategy();
-
-        if (position && (position.left || position.right)) {
-            position.left ? strategy.left(position.left) : strategy.right(position.right);
-        } else {
-            strategy.centerHorizontally();
-        }
-
-        if (position && (position.top || position.bottom)) {
-            position.top ? strategy.top(position.top) : strategy.bottom(position.bottom);
-        } else {
-            strategy.centerVertically();
-        }
-
-        this.overlayRef.updatePosition();
-
-        return this;
-    }
-
-    /**
-     * Updates the dialog's width and height.
-     * @param width New width of the dialog.
-     * @param height New height of the dialog.
-     */
-    updateSize(width: string = 'auto', height: string = 'auto'): this {
-        this.getPositionStrategy().width(width).height(height);
-        this.overlayRef.updatePosition();
-        return this;
-    }
-
-    public isAnimating(): Signal<boolean> {
-        return this.container.isAnimating;
-    }
-
-    public beforeOpen(): Observable<any> {
-        return this._beforeOpen$.asObservable();
-    }
-
-    public afterOpen(): Observable<any> {
-        return this._afterOpen$.asObservable();
-    }
-
-    public beforeClose(): Observable<any> {
-        return this._beforeClose$.asObservable();
-    }
-
-    public afterClosed(): Observable<any> {
-        return this._afterClosed$.asObservable();
-    }
-
-    /** Fetches the position strategy object from the overlay ref. */
-    private getPositionStrategy(): GlobalPositionStrategy {
-        return this.overlayRef.getConfig().positionStrategy as GlobalPositionStrategy;
-    }
-}

package/projects/picker/src/lib/dialog/dialog.module.ts

@@ -1,25 +0,0 @@
-/**
- * dialog.module
- */
-
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { A11yModule } from '@angular/cdk/a11y';
-import { OverlayModule } from '@angular/cdk/overlay';
-import { PortalModule } from '@angular/cdk/portal';
-import { OWL_DIALOG_SCROLL_STRATEGY_PROVIDER, OwlDialogService } from './dialog.service';
-import { OwlDialogContainerComponent } from './dialog-container.component';
-
-@NgModule({
-    imports: [CommonModule, A11yModule, OverlayModule, PortalModule],
-    exports: [],
-    declarations: [
-        OwlDialogContainerComponent,
-    ],
-    providers: [
-        OWL_DIALOG_SCROLL_STRATEGY_PROVIDER,
-        OwlDialogService,
-    ]
-})
-export class OwlDialogModule {
-}