@rt-tools/core 0.0.6 → 0.2.0

package/fesm2022/rt-tools-core.mjs

@@ -1,25 +1,90 @@
-import { Subject, Observable, take } from 'rxjs';
-import { filter, map } from 'rxjs/operators';
-import { isPlatformBrowser, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, Injectable, InjectionToken, Input, Attribute, Optional, Directive, Pipe } from '@angular/core';
+import { input, HostBinding, Directive, effect, inject, PLATFORM_ID, Injectable, InjectionToken, HostListener, DestroyRef, signal, output, Pipe, Injector, computed, Input, Attribute, Optional } from '@angular/core';
+import { transformArrayInput, isNil, DASH, isString, isNumber, emptyToDash, isEmail } from '@rt-tools/utils';
+import { Router, ActivatedRoute } from '@angular/router';
+import { isPlatformBrowser, DOCUMENT } from '@angular/common';
+import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
+import { filter, take, map, distinctUntilChanged, switchMap } from 'rxjs/operators';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Subject, Observable, take as take$1 } from 'rxjs';
+import { BreakpointObserver } from '@angular/cdk/layout';
 
-function isNil(entity) {
-    return entity === null || entity === undefined;
-}
+const OVERLAY_POSITIONS = Object.freeze([
+    {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'top',
+    },
+    {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+    },
+    {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'top',
+    },
+    {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'bottom',
+    },
+]);
 
-class MessageBus {
-    #eventSource = new Subject();
-    emit(event) {
-        this.#eventSource.next(event);
+class RtIconOutlinedDirective {
+    constructor() {
+        this.isOutlined = input(false, { ...(ngDevMode ? { debugName: "isOutlined" } : /* istanbul ignore next */ {}), alias: 'rtIconOutlined',
+            transform: (value) => {
+                return Boolean(value);
+            } });
     }
-    onEmit() {
-        return this.#eventSource.asObservable();
+    get fontVariationSettings() {
+        // eslint-disable-next-line quotes
+        return this.isOutlined() ? "'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48" : "'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48";
     }
-    ofType(eventType) {
-        return this.onEmit().pipe(filter((event) => event.type === eventType), map((event) => event));
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtIconOutlinedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: RtIconOutlinedDirective, isStandalone: true, selector: "mat-icon[rtIconOutlined]", inputs: { isOutlined: { classPropertyName: "isOutlined", publicName: "rtIconOutlined", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.fontVariationSettings": "this.fontVariationSettings" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtIconOutlinedDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'mat-icon[rtIconOutlined]',
+                }]
+        }], propDecorators: { isOutlined: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtIconOutlined", required: false }] }], fontVariationSettings: [{
+                type: HostBinding,
+                args: ['style.fontVariationSettings']
+            }] } });
+
+class RtScrollToElementDirective {
+    constructor() {
+        this.rtScrollToElement = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rtScrollToElement" }] : /* istanbul ignore next */ []));
+        this.elements = input.required({ ...(ngDevMode ? { debugName: "elements" } : /* istanbul ignore next */ {}), transform: (value) => transformArrayInput(value) });
+        effect(() => {
+            if (this.elements()?.length && this.rtScrollToElement()) {
+                this.#scrollToTarget();
+            }
+        });
     }
+    #scrollToTarget() {
+        const targetId = this.rtScrollToElement();
+        const targetElement = document.getElementById(targetId.toString());
+        targetElement?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtScrollToElementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: RtScrollToElementDirective, isStandalone: true, selector: "[rtScrollToElement]", inputs: { rtScrollToElement: { classPropertyName: "rtScrollToElement", publicName: "rtScrollToElement", isSignal: true, isRequired: true, transformFunction: null }, elements: { classPropertyName: "elements", publicName: "elements", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtScrollToElementDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtScrollToElement]',
+                }]
+        }], ctorParameters: () => [], propDecorators: { rtScrollToElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtScrollToElement", required: true }] }], elements: [{ type: i0.Input, args: [{ isSignal: true, alias: "elements", required: true }] }] } });
 
 /**
  * A service for detecting the platform on which the application is running.
@@ -49,6 +114,605 @@ const WINDOW = new InjectionToken('An injection token for global window object',
     },
 });
 
+class RtNavigationDirective {
+    constructor() {
+        this.#router = inject(Router);
+        this.#windowRef = inject(WINDOW);
+        this.#platformService = inject(PlatformService);
+        this.link = input.required({ ...(ngDevMode ? { debugName: "link" } : /* istanbul ignore next */ {}), alias: 'rtNavigationDirective' });
+    }
+    #router;
+    #windowRef;
+    #platformService;
+    onClick(event) {
+        if (this.link()) {
+            if (this.#platformService.isPlatformBrowser && (event.ctrlKey || event.metaKey)) {
+                this.#windowRef.open(this.link());
+            }
+            else {
+                void this.#router.navigate([this.link()]);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: RtNavigationDirective, isStandalone: true, selector: "[rtNavigationDirective]", inputs: { link: { classPropertyName: "link", publicName: "rtNavigationDirective", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" } }, providers: [PlatformService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtNavigationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtNavigationDirective]',
+                    providers: [PlatformService],
+                }]
+        }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtNavigationDirective", required: true }] }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class RtTabQueryParamDirective {
+    constructor() {
+        this.#router = inject(Router);
+        this.#route = inject(ActivatedRoute);
+        this.#destroyRef = inject(DestroyRef);
+        this.#currentTabIndex = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#currentTabIndex" }] : /* istanbul ignore next */ []));
+        this.currentTabIndex = this.#currentTabIndex.asReadonly();
+    }
+    #router;
+    #route;
+    #destroyRef;
+    #currentTabIndex;
+    ngOnInit() {
+        this.#route.queryParamMap
+            .pipe(filter((params) => params.has('tab')), take(1), map((params) => Number(params.get('tab'))), takeUntilDestroyed(this.#destroyRef))
+            .subscribe((tabIndex) => {
+            this.#setTabIndex(tabIndex);
+        });
+    }
+    setQueryTab(index) {
+        void this.#router.navigate([], {
+            relativeTo: this.#route,
+            queryParams: {
+                tab: index,
+            },
+            queryParamsHandling: 'merge',
+        });
+        this.#setTabIndex(index);
+    }
+    #setTabIndex(index) {
+        this.#currentTabIndex.set(index);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtTabQueryParamDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: RtTabQueryParamDirective, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtTabQueryParamDirective, decorators: [{
+            type: Directive
+        }] });
+
+class RtScrollDirective {
+    constructor() {
+        this.#windowRef = inject(WINDOW);
+        this.#platformService = inject(PlatformService);
+        this.active = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.multiplier = input(0.5, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "multiplier" }] : /* istanbul ignore next */ []));
+        this.scrollAction = output();
+        this.scroll = (event) => {
+            const target = event.target;
+            if (this.active() && target.offsetHeight + target.scrollTop >= target.scrollHeight * this.multiplier()) {
+                this.scrollAction.emit();
+            }
+        };
+    }
+    #windowRef;
+    #platformService;
+    ngOnInit() {
+        if (this.#platformService.isPlatformBrowser) {
+            this.#windowRef.addEventListener('scroll', this.scroll, true);
+        }
+    }
+    ngOnDestroy() {
+        this.#windowRef.removeEventListener('scroll', this.scroll, true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: RtScrollDirective, isStandalone: true, selector: "[rtScrollDirective]", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, multiplier: { classPropertyName: "multiplier", publicName: "multiplier", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scrollAction: "scrollAction" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtScrollDirective]',
+                }]
+        }], propDecorators: { active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], multiplier: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiplier", required: false }] }], scrollAction: [{ type: i0.Output, args: ["scrollAction"] }] } });
+
+class RtEscapeKeyDirective {
+    constructor() {
+        this.escapeKeyAction = output();
+    }
+    handleKeyboardEvent(event) {
+        if (event.key === 'Escape') {
+            this.escapeKeyAction.emit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtEscapeKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: RtEscapeKeyDirective, isStandalone: true, selector: "[rtEscapeKey]", outputs: { escapeKeyAction: "escapeKeyAction" }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RtEscapeKeyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtEscapeKey]',
+                }]
+        }], propDecorators: { escapeKeyAction: [{ type: i0.Output, args: ["escapeKeyAction"] }], handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+var POSITION_ENUM;
+(function (POSITION_ENUM) {
+    POSITION_ENUM["LEFT"] = "left";
+    POSITION_ENUM["RIGHT"] = "right";
+    POSITION_ENUM["TOP"] = "top";
+    POSITION_ENUM["BOTTOM"] = "bottom";
+    POSITION_ENUM["START"] = "start";
+    POSITION_ENUM["END"] = "end";
+    POSITION_ENUM["CENTER"] = "center";
+})(POSITION_ENUM || (POSITION_ENUM = {}));
+
+/**
+ * This function is a type guard that checks if a value is an instance of HTMLElement.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isHTMLElement(element) {
+    return element instanceof HTMLElement;
+}
+
+class BreakStringPipe {
+    transform(value) {
+        if (isNil(value)) {
+            return DASH;
+        }
+        if (value && isString(value)) {
+            if (/\s/.test(value) || /^[A-Z0-9\s]+$/.test(value) || /\d/.test(value) || /[^\w\s]/.test(value)) {
+                return value;
+            }
+            return value.split(/(?=[A-Z])/).join(' ');
+        }
+        return value.toString();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BreakStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: BreakStringPipe, isStandalone: true, name: "breakString" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BreakStringPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'breakString',
+                }]
+        }] });
+
+class SanitizePipe {
+    #sanitizer = inject(DomSanitizer);
+    transform(value) {
+        return this.#sanitizer.bypassSecurityTrustHtml(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SanitizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: SanitizePipe, isStandalone: true, name: "sanitize" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SanitizePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sanitize',
+                    pure: true,
+                }]
+        }] });
+
+class EntityToStringPipe {
+    transform(value) {
+        if (isString(value)) {
+            return value;
+        }
+        if (isNumber(value)) {
+            return value.toString();
+        }
+        return DASH;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EntityToStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: EntityToStringPipe, isStandalone: true, name: "entityToString" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EntityToStringPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'entityToString',
+                    pure: true,
+                }]
+        }] });
+
+class EmptyToDashPipe {
+    transform(value) {
+        return emptyToDash(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EmptyToDashPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: EmptyToDashPipe, isStandalone: true, name: "emptyToDash" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EmptyToDashPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'emptyToDash',
+                    pure: true,
+                }]
+        }] });
+
+/**
+ * @description Use to compare equality to any of items with provided value
+ * @example
+ *
+ * Direct usage
+ * ```ts
+ *   equalPipe.transform(100, 1, 10, 100) // => true
+ * ```
+ *
+ * Template usage
+ *
+ * ```html
+ *   <div *ngIf="100 | equal:1:10:100">Visible</div>
+ * ```
+ */
+class EqualPipe {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transform(value, ...compares) {
+        return compares.reduce((equal, compare) => equal || value === compare, false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EqualPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: EqualPipe, isStandalone: true, name: "equal" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EqualPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'equal',
+                }]
+        }] });
+
+/**
+ * @description Use to access to the deep object state for comparison
+ * @example
+ *  {a: {b: true}} | equalChain:'a':'b':true => true
+ */
+class EqualChainPipe {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transform(obj, ...args) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const compared = args.pop();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return Boolean(obj) && args.reduce((inner, arg) => inner[arg], obj) === compared;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EqualChainPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: EqualChainPipe, isStandalone: true, name: "equalChain" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EqualChainPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'equalChain',
+                }]
+        }] });
+
+/**
+ * @description Use to compare not equality to all items with provided value
+ * @example
+ *
+ * Direct usage
+ * ```ts
+ *   notEqualPipe.transform(100, 1, 10, 100) // => false
+ * ```
+ *
+ * Template usage
+ *
+ * ```html
+ *   <div *ngIf="100 | notEqual:1:10:100">Invisible</div>
+ * ```
+ */
+class NotEqualPipe {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transform(value, ...compares) {
+        return compares.reduce((notEqual, compare) => notEqual && value !== compare, true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotEqualPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: NotEqualPipe, isStandalone: true, name: "notEqual" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotEqualPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'notEqual',
+                }]
+        }] });
+
+/**
+ * @description Use to access to the deep object state for comparison
+ * @example
+ *  {a: {b: true}} | equalChain:'a':'b':false => true
+ */
+class NotEqualChainPipe {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transform(obj, ...args) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const compared = args.pop();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return Boolean(obj) && args.reduce((inner, arg) => inner[arg], obj) !== compared;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotEqualChainPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: NotEqualChainPipe, isStandalone: true, name: "notEqualChain" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NotEqualChainPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'notEqualChain',
+                }]
+        }] });
+
+class TernaryPipe {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transform(value, option1, option2) {
+        return Boolean(value) ? option1 : option2;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TernaryPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TernaryPipe, isStandalone: true, name: "ternary" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TernaryPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'ternary',
+                }]
+        }] });
+
+class IsEmailPipe {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transform(value) {
+        return isEmail(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IsEmailPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: IsEmailPipe, isStandalone: true, name: "isEmail" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IsEmailPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'isEmail',
+                }]
+        }] });
+
+class MessageBus {
+    #eventSource = new Subject();
+    emit(event) {
+        this.#eventSource.next(event);
+    }
+    onEmit() {
+        return this.#eventSource.asObservable();
+    }
+    ofType(eventType) {
+        return this.onEmit().pipe(filter((event) => event.type === eventType), map((event) => event));
+    }
+}
+
+const NAVIGATOR = new InjectionToken('An injection token for global navigator object', {
+    factory: () => {
+        const { defaultView } = inject(DOCUMENT);
+        if (!defaultView || !defaultView?.navigator) {
+            throw new Error('Navigator is not available');
+        }
+        return defaultView.navigator;
+    },
+});
+
+var OSTypes;
+(function (OSTypes) {
+    OSTypes.WINDOWS = 'Windows';
+    OSTypes.MAC_OS = 'Mac OS';
+    OSTypes.LINUX = 'Linux';
+    OSTypes.ANDROID = 'Android';
+    OSTypes.IOS = 'iOS';
+    OSTypes.UNKNOWN = 'Unknown';
+})(OSTypes || (OSTypes = {}));
+class DeviceDetectorService {
+    #windowRef;
+    #navigatorRef;
+    #platformService;
+    constructor() {
+        this.#windowRef = inject(WINDOW);
+        this.#navigatorRef = inject(NAVIGATOR);
+        this.#platformService = inject(PlatformService);
+        this.userAgent = null;
+        if (this.#platformService.isPlatformBrowser &&
+            typeof this.#windowRef !== 'undefined' &&
+            typeof this.#navigatorRef !== 'undefined' &&
+            this.#navigatorRef?.userAgent) {
+            this.userAgent = this.#navigatorRef.userAgent;
+        }
+    }
+    isMobile() {
+        return this.userAgent ? /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent) : false;
+    }
+    isTablet() {
+        return this.userAgent ? /iPad|Android|Tablet/i.test(this.userAgent) : false;
+    }
+    isDesktop() {
+        return !this.isMobile() && !this.isTablet();
+    }
+    getOS() {
+        let os;
+        if (this.userAgent && /Windows/i.test(this.userAgent)) {
+            os = OSTypes.WINDOWS;
+        }
+        else if (this.userAgent && /Macintosh|Mac OS/i.test(this.userAgent)) {
+            os = OSTypes.MAC_OS;
+        }
+        else if (this.userAgent && /Linux/i.test(this.userAgent)) {
+            os = OSTypes.LINUX;
+        }
+        else if (this.userAgent && /Android/i.test(this.userAgent)) {
+            os = OSTypes.ANDROID;
+        }
+        else if (this.userAgent && /iOS/i.test(this.userAgent)) {
+            os = OSTypes.IOS;
+        }
+        else {
+            os = OSTypes.UNKNOWN;
+        }
+        return os;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DeviceDetectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DeviceDetectorService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DeviceDetectorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class Breakpoints {
+    constructor() {
+        this.xl = '1920px';
+        this.lg = '1280px';
+        this.md = '960px';
+        this.sm = '720px';
+        this.xs = '600px';
+    }
+}
+
+/**
+ * A service that manages responsive design breakpoints using Angular's `BreakpointObserver`.
+ * This service provides signals for different screen sizes and allows dynamic
+ * breakpoint management.
+ *
+ * @Injectable
+ */
+class BreakpointService {
+    constructor() {
+        /**
+         * Private instance of BreakpointObserver used to observe screen size changes.
+         */
+        this.#breakpointObserver = inject(BreakpointObserver);
+        /**
+         * Private instance of Injector.
+         */
+        this.#injector = inject(Injector);
+        /**
+         * Instance of a lass containing the breakpoint values for different screen sizes.
+         */
+        this.#breakpoints = signal(new Breakpoints(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#breakpoints" }] : /* istanbul ignore next */ []));
+        this.#desktopQuery = computed(() => `(min-width: ${this.#breakpoints().xl})`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#desktopQuery" }] : /* istanbul ignore next */ []));
+        this.#smallDesktopQuery = computed(() => `(min-width: ${this.#breakpoints().lg})`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#smallDesktopQuery" }] : /* istanbul ignore next */ []));
+        this.#tabletQuery = computed(() => `(min-width: ${this.#breakpoints().md})`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#tabletQuery" }] : /* istanbul ignore next */ []));
+        this.#smallTabletQuery = computed(() => `(min-width: ${this.#breakpoints().sm})`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#smallTabletQuery" }] : /* istanbul ignore next */ []));
+        this.#mobileQuery = computed(() => `(max-width: ${this.decrementOnePixel(this.#breakpoints().xs)})`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#mobileQuery" }] : /* istanbul ignore next */ []));
+        this.isDesktop = toSignal(toObservable(this.#desktopQuery, { injector: this.#injector }).pipe(distinctUntilChanged(), switchMap((query) => this.#breakpointObserver.observe(query)), map(({ matches }) => matches)));
+        this.isSmallDesktop = toSignal(toObservable(this.#smallDesktopQuery, { injector: this.#injector }).pipe(distinctUntilChanged(), switchMap((query) => this.#breakpointObserver.observe(query)), map(({ matches }) => matches)));
+        this.isMobile = toSignal(toObservable(this.#mobileQuery, { injector: this.#injector }).pipe(distinctUntilChanged(), switchMap((query) => this.#breakpointObserver.observe(query)), map(({ matches }) => matches)));
+        this.isTablet = toSignal(toObservable(this.#tabletQuery, { injector: this.#injector }).pipe(distinctUntilChanged(), switchMap((query) => this.#breakpointObserver.observe(query)), map(({ matches }) => !matches)));
+        this.isSmallTablet = toSignal(toObservable(this.#smallTabletQuery, { injector: this.#injector }).pipe(distinctUntilChanged(), switchMap((query) => this.#breakpointObserver.observe(query)), map(({ matches }) => matches)));
+    }
+    /**
+     * Private instance of BreakpointObserver used to observe screen size changes.
+     */
+    #breakpointObserver;
+    /**
+     * Private instance of Injector.
+     */
+    #injector;
+    /**
+     * Instance of a lass containing the breakpoint values for different screen sizes.
+     */
+    #breakpoints;
+    #desktopQuery;
+    #smallDesktopQuery;
+    #tabletQuery;
+    #smallTabletQuery;
+    #mobileQuery;
+    /**
+     * Allows setting custom breakpoints for different screen sizes.
+     *
+     * @param breakpoints - The custom breakpoints to apply.
+     */
+    setBreakpoints(breakpoints) {
+        this.#breakpoints.set(breakpoints);
+    }
+    /**
+     * Helper function to decrement the pixel value by 1.
+     * Used to exclude the exact pixel value in media queries.
+     *
+     * @usageNotes
+     *
+     * This function is useful for setting correct media queries.
+     * E.g. for mobile devices: media query should be `(max-width: 599px)`,
+     * and from `(min-width: 600px)` it should be considered as a tablet.
+     *
+     * @param value - The pixel value to decrement.
+     * @returns The adjusted pixel value as a string.
+     */
+    decrementOnePixel(value) {
+        return Number(value.split('px')[0]) - 1 + 'px';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BreakpointService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BreakpointService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: BreakpointService, decorators: [{
+            type: Injectable
+        }] });
+
+function checkIsMatchingValues(sample) {
+    return (control) => {
+        return sample && control.value && control.value.localeCompare(sample) === 0 ? null : { notEquivalent: true };
+    };
+}
+
+function arraysNotEmptyValidator(control) {
+    if (control.value instanceof Object) {
+        const arrays = Object.values(control.value);
+        const allArraysEmpty = arrays.every((array) => !array.length);
+        return allArraysEmpty ? { allArraysEmpty: true } : null;
+    }
+    else if (Array.isArray(control.value)) {
+        const array = control.value;
+        return !array.length ? { arrayEmpty: true } : null;
+    }
+    else {
+        return { invalidType: true };
+    }
+}
+
+/**
+ * @description Reactive-forms validator over the framework-free `isEmail` predicate.
+ *
+ * Reports `{ email: true }` on a malformed address. An empty control passes, matching `isEmail` —
+ * combine it with `Validators.required` where the field is mandatory.
+ */
+function emailValidator(control) {
+    return isEmail(control.value) ? null : { email: true };
+}
+
+/**
+ * Returns a set of dependency injection providers for utility services.
+ *
+ * @usageNotes
+ *
+ * This function provides utility services that are commonly used across
+ * an Angular application. Specifically, it provides the `BreakpointService`
+ * for managing responsive design breakpoints and the `PlatformService` for
+ * detecting the platform on which the application is running (e.g., browser or server).
+ *
+ * ```typescript
+ * bootstrapApplication(RootComponent, {
+ *   providers: [
+ *     provideRtUtils()
+ *   ]
+ * });
+ * ```
+ *
+ * @publicApi
+ */
+function provideRtUtils() {
+    return [BreakpointService, PlatformService];
+}
+
 const BEM_MODULE_CONFIG = {
     separators: {
         el: '__',
@@ -589,7 +1253,7 @@ class IDBStorageService {
     }
     get(key) {
         return new Observable((observer) => {
-            this.#context.pipe(take(1)).subscribe((db) => {
+            this.#context.pipe(take$1(1)).subscribe((db) => {
                 const transaction = db.transaction('idb', 'readonly');
                 const store = transaction.objectStore('idb');
                 const request = store.get(key);
@@ -600,7 +1264,7 @@ class IDBStorageService {
     }
     set(key, value) {
         return new Observable((observer) => {
-            this.#context.pipe(take(1)).subscribe((db) => {
+            this.#context.pipe(take$1(1)).subscribe((db) => {
                 const transaction = db.transaction('idb', 'readwrite');
                 const store = transaction.objectStore('idb');
                 const request = store.put(value, key);
@@ -611,7 +1275,7 @@ class IDBStorageService {
     }
     remove(key) {
         return new Observable((observer) => {
-            this.#context.pipe(take(1)).subscribe((db) => {
+            this.#context.pipe(take$1(1)).subscribe((db) => {
                 const transaction = db.transaction('idb', 'readwrite');
                 const store = transaction.objectStore('idb');
                 const request = store.delete(key);
@@ -674,11 +1338,11 @@ function provideRtIDBStorage() {
     ];
 }
 
-// functions
+// constants
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BlockDirective, CUSTOM_STORAGE, ConcatClassesPipe, ElemDirective, IDBStorageService, IDB_STORAGE_SERVICE_TOKEN, IN_MEMORY_STORAGE, InMemoryStorageService, JsonConverter, LOCAL_STORAGE, MessageBus, ModDirective, PlatformService, SESSION_STORAGE, STORAGE_TYPES_ENUM, StorageService, WINDOW, iDBStorageFactory, inMemoryStorageFactory, isNil, localStorageFactory, provideRtIDBStorage, provideRtStorage, sessionStorageFactory };
+export { BlockDirective, BreakStringPipe, BreakpointService, Breakpoints, CUSTOM_STORAGE, ConcatClassesPipe, DeviceDetectorService, ElemDirective, EmptyToDashPipe, EntityToStringPipe, EqualChainPipe, EqualPipe, IDBStorageService, IDB_STORAGE_SERVICE_TOKEN, IN_MEMORY_STORAGE, InMemoryStorageService, IsEmailPipe, JsonConverter, LOCAL_STORAGE, MessageBus, ModDirective, NAVIGATOR, NotEqualChainPipe, NotEqualPipe, OSTypes, OVERLAY_POSITIONS, POSITION_ENUM, PlatformService, RtEscapeKeyDirective, RtIconOutlinedDirective, RtNavigationDirective, RtScrollDirective, RtScrollToElementDirective, RtTabQueryParamDirective, SESSION_STORAGE, STORAGE_TYPES_ENUM, SanitizePipe, StorageService, TernaryPipe, WINDOW, arraysNotEmptyValidator, checkIsMatchingValues, emailValidator, iDBStorageFactory, inMemoryStorageFactory, isHTMLElement, localStorageFactory, provideRtIDBStorage, provideRtStorage, provideRtUtils, sessionStorageFactory };
 //# sourceMappingURL=rt-tools-core.mjs.map