igniteui-angular-sovn/src/lib/services/direction/directionality.ts

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

import { Injectable, Inject, InjectionToken, inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';

/**
 * @hidden
 */
export type Direction = 'ltr' | 'rtl';

/**
 * @hidden
 */
export function DIR_DOCUMENT_FACTORY(): Document {
    return inject(DOCUMENT);
}

/**
 * Injection token is used to inject the document into Directionality
 * which factory could be faked for testing purposes.
 *
 * We can't provide and mock the DOCUMENT token from platform-browser because configureTestingModule
 * allows override of the default providers, directive, pipes, modules of the test injector
 * which causes errors.
 *
 * @hidden
 */
export const DIR_DOCUMENT = new InjectionToken<Document>('dir-doc', {
    providedIn: 'root',
    factory: DIR_DOCUMENT_FACTORY
});

/**
 * @hidden
 *
 * Bidirectional service that extracts the value of the direction attribute on the body or html elements.
 *
 * The dir attribute over the body element takes precedence.
 */
@Injectable({
    providedIn: 'root'
})
export class IgxDirectionality {
    private _dir: Direction;
    private _document: Document;

    public get value(): Direction {
        return this._dir;
    }

    public get document() {
        return this._document;
    }

    public get rtl() {
        return this._dir === 'rtl';
    }

    constructor(@Inject(DIR_DOCUMENT) document) {
        this._document = document;
        const bodyDir = this._document.body ? this._document.body.dir : null;
        const htmlDir = this._document.documentElement ? this._document.documentElement.dir : null;
        const extractedDir = bodyDir || htmlDir;
        this._dir = (extractedDir === 'ltr' || extractedDir === 'rtl') ? extractedDir : 'ltr';
    }
}