@ng-web-apis/screen-orientation/fesm2022/ng-web-apis-screen-orientation.mjs

A library for declarative use of screen orientation with Angular

import * as i0 from '@angular/core';
import { inject, Injectable } from '@angular/core';
import { WA_WINDOW } from '@ng-web-apis/common';
import { Observable, fromEvent, startWith, map, shareReplay, merge, EMPTY, filter } from 'rxjs';

class WaScreenOrientationService extends Observable {
    win = inject(WA_WINDOW);
    screen = this.win.screen; // SSR
    stream$ = (this.screen
        ? fromEvent(this.screen.orientation, 'change').pipe(startWith(null), map(() => 
        /**
         * https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation
         * The type read-only property of the ScreenOrientation interface returns the document's current orientation type,
         * one of "portrait-primary", "portrait-secondary", "landscape-primary", or "landscape-secondary".
         *
         * Browser compatibility:
         * Safari 16.4+, Chrome 38+, Firefox 43+
         */
        this.win.screen.orientation.type))
        : fromEvent(this.win, 'orientationchange').pipe(startWith(null), map(() => {
            /**
             * https://developer.mozilla.org/en-US/docs/Web/API/Window/orientation
             * Its only possible values are -90, 0, 90, and 180.
             * Positive values are counterclockwise; negative values are clockwise.
             */
            const angle = parseInt(this.win.orientation, 10);
            switch (angle) {
                case -90:
                    return 'landscape-secondary';
                case 180:
                    return 'portrait-secondary';
                case 90:
                    return 'landscape-primary';
                case 0:
                default:
                    return 'portrait-primary';
            }
        }))).pipe(shareReplay({ bufferSize: 1, refCount: true }));
    constructor() {
        super((subscriber) => this.stream$.subscribe(subscriber));
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WaScreenOrientationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WaScreenOrientationService, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WaScreenOrientationService, decorators: [{
            type: Injectable,
            args: [{ providedIn: 'root' }]
        }], ctorParameters: () => [] });

class WaViewportService extends Observable {
    visualViewport = inject(WA_WINDOW).visualViewport;
    stream$ = this.visualViewport
        ? merge(fromEvent(this.visualViewport, 'resize'), fromEvent(this.visualViewport, 'scroll'), fromEvent(this.visualViewport, 'scrollend')).pipe(startWith(null), map(() => this.visualViewport), filter(Boolean), shareReplay({ bufferSize: 1, refCount: true }))
        : EMPTY;
    constructor() {
        super((subscriber) => this.stream$.subscribe(subscriber));
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WaViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WaViewportService, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: WaViewportService, decorators: [{
            type: Injectable,
            args: [{ providedIn: 'root' }]
        }], ctorParameters: () => [] });

/**
 * Generated bundle index. Do not edit.
 */

export { WaScreenOrientationService, WaViewportService };
//# sourceMappingURL=ng-web-apis-screen-orientation.mjs.map