wacom 20.0.1 → 20.0.3

package/fesm2022/wacom.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PLATFORM_ID, Inject, Injectable, Optional, ViewChild, Component, inject, EventEmitter, HostListener, Output, Directive, Pipe, NgModule } from '@angular/core';
+import { InjectionToken, Inject, Optional, Injectable, ViewChild, Component, signal, PLATFORM_ID, inject, EventEmitter, HostListener, Output, Directive, Pipe, NgModule } from '@angular/core';
 import * as i1 from '@angular/router';
 import * as i2 from '@angular/platform-browser';
 import * as i1$1 from '@angular/common';
-import { isPlatformServer, CommonModule } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { Subject, firstValueFrom, Observable, ReplaySubject, EMPTY } from 'rxjs';
 import * as i2$1 from '@angular/common/http';
 import { HttpHeaders, HttpErrorResponse, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
@@ -49,6 +49,365 @@ const DEFAULT_Modal = {
     closable: true,
 };
 
+const isDefined = (val) => typeof val !== 'undefined';
+class MetaService {
+    router;
+    meta;
+    titleService;
+    config;
+    _meta;
+    constructor(router, meta, titleService, config) {
+        this.router = router;
+        this.meta = meta;
+        this.titleService = titleService;
+        this.config = config;
+        this.config = this.config || DEFAULT_CONFIG;
+        this._meta = this.config.meta || {};
+        this._warnMissingGuard();
+    }
+    /**
+     * Sets the default meta tags.
+     *
+     * @param defaults - The default meta tags.
+     */
+    setDefaults(defaults) {
+        this._meta.defaults = defaults;
+    }
+    /**
+     * Sets the title and optional title suffix.
+     *
+     * @param title - The title to set.
+     * @param titleSuffix - The title suffix to append.
+     * @returns The MetaService instance.
+     */
+    setTitle(title, titleSuffix) {
+        let titleContent = isDefined(title)
+            ? title
+            : this._meta.defaults['title'] || '';
+        if (this._meta.useTitleSuffix) {
+            titleContent += isDefined(titleSuffix)
+                ? titleSuffix
+                : this._meta.defaults['titleSuffix'] || '';
+        }
+        this._updateMetaTag('title', titleContent);
+        this._updateMetaTag('og:title', titleContent);
+        this.titleService.setTitle(titleContent);
+        return this;
+    }
+    /**
+     * Sets link tags.
+     *
+     * @param links - The links to set.
+     * @returns The MetaService instance.
+     */
+    setLink(links) {
+        Object.keys(links).forEach((rel) => {
+            let link = document.createElement('link');
+            link.setAttribute('rel', rel);
+            link.setAttribute('href', links[rel]);
+            document.head.appendChild(link);
+        });
+        return this;
+    }
+    /**
+     * Sets a meta tag.
+     *
+     * @param tag - The meta tag name.
+     * @param value - The meta tag value.
+     * @param prop - The meta tag property.
+     * @returns The MetaService instance.
+     */
+    setTag(tag, value, prop) {
+        if (tag === 'title' || tag === 'titleSuffix') {
+            throw new Error(`Attempt to set ${tag} through 'setTag': 'title' and 'titleSuffix' are reserved tag names. Please use 'MetaService.setTitle' instead`);
+        }
+        const content = isDefined(value)
+            ? value
+            : this._meta.defaults[tag] || '';
+        this._updateMetaTag(tag, content, prop);
+        if (tag === 'description') {
+            this._updateMetaTag('og:description', content, prop);
+            this._updateMetaTag('twitter:description', content, prop);
+        }
+        return this;
+    }
+    /**
+     * Updates a meta tag.
+     *
+     * @param tag - The meta tag name.
+     * @param value - The meta tag value.
+     * @param prop - The meta tag property.
+     */
+    _updateMetaTag(tag, value, prop) {
+        prop =
+            prop ||
+                (tag.startsWith('og:') || tag.startsWith('twitter:')
+                    ? 'property'
+                    : 'name');
+        this.meta.updateTag({ [prop]: tag, content: value });
+    }
+    /**
+     * Removes a meta tag.
+     *
+     * @param tag - The meta tag name.
+     * @param prop - The meta tag property.
+     */
+    removeTag(tag, prop) {
+        prop =
+            prop ||
+                (tag.startsWith('og:') || tag.startsWith('twitter:')
+                    ? 'property'
+                    : 'name');
+        this.meta.removeTag(`${prop}="${tag}"`);
+    }
+    /**
+     * Warns about missing meta guards in routes.
+     */
+    _warnMissingGuard() {
+        if (isDefined(this._meta.warnMissingGuard) &&
+            !this._meta.warnMissingGuard) {
+            return;
+        }
+        const hasDefaultMeta = !!Object.keys(this._meta.defaults).length;
+        const hasMetaGuardInArr = (it) => it && it.IDENTIFIER === 'MetaGuard';
+        let hasShownWarnings = false;
+        this.router.config.forEach((route) => {
+            const hasRouteMeta = route.data && route.data['meta'];
+            const showWarning = !isDefined(route.redirectTo) &&
+                (hasDefaultMeta || hasRouteMeta) &&
+                !(route.canActivate || []).some(hasMetaGuardInArr);
+            if (showWarning) {
+                console.warn(`Route with path "${route.path}" has ${hasRouteMeta ? '' : 'default '}meta tags, but does not use MetaGuard. Please add MetaGuard to the canActivate array in your route configuration`);
+                hasShownWarnings = true;
+            }
+        });
+        if (hasShownWarnings) {
+            console.warn(`To disable these warnings, set metaConfig.warnMissingGuard: false in your MetaConfig passed to MetaModule.forRoot()`);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaService, deps: [{ token: i1.Router }, { token: i2.Meta }, { token: i2.Title }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.Meta }, { type: i2.Title }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CONFIG_TOKEN]
+                }, {
+                    type: Optional
+                }] }] });
+
+class MetaGuard {
+    metaService;
+    config;
+    static IDENTIFIER = 'MetaGuard';
+    _meta;
+    constructor(metaService, config) {
+        this.metaService = metaService;
+        this.config = config;
+        this._meta = config.meta;
+        if (!this.config)
+            this.config = DEFAULT_CONFIG;
+    }
+    canActivate(route, state) {
+        this._processRouteMetaTags(route.data && route.data['meta']);
+        return true;
+    }
+    _processRouteMetaTags(meta = {}) {
+        if (meta.disableUpdate) {
+            return;
+        }
+        if (meta.title) {
+            this.metaService.setTitle(meta.title, meta.titleSuffix);
+        }
+        if (Array.isArray(meta.links)) {
+            this.metaService.setLink(meta.links);
+        }
+        else if (typeof meta.links === 'string') {
+            this.metaService.setLink(meta.links.split(' '));
+        }
+        if (Array.isArray(this._meta.defaults?.links)) {
+            this.metaService.setLink(this._meta.defaults?.links);
+        }
+        else if (typeof this._meta.defaults?.links === 'string') {
+            this.metaService.setLink(this._meta.defaults?.links.split(' '));
+        }
+        Object.keys(meta).forEach((prop) => {
+            if (prop === 'title' ||
+                prop === 'titleSuffix' ||
+                prop === 'links') {
+                return;
+            }
+            Object.keys(meta[prop]).forEach((key) => {
+                this.metaService.setTag(key, meta[prop][key], prop);
+            });
+        });
+        Object.keys(this._meta.defaults).forEach((key) => {
+            if (key in meta ||
+                key === 'title' ||
+                key === 'titleSuffix' ||
+                key === 'links') {
+                return;
+            }
+            this.metaService.setTag(key, this._meta.defaults[key]);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaGuard, deps: [{ token: MetaService }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaGuard });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaGuard, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: MetaService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CONFIG_TOKEN]
+                }, {
+                    type: Optional
+                }] }] });
+
+class AlertComponent {
+    alert;
+    component;
+    text = '';
+    class = '';
+    type = 'info';
+    progress = true;
+    position = 'bottomRight'; // [bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter or center]
+    icon = '';
+    timeout = 5000;
+    close;
+    closable = true;
+    buttons = []; /*[{text, callback}]*/
+    constructor() {
+        setTimeout(() => {
+            if (this.timeout) {
+                let remaining = JSON.parse(JSON.stringify(this.timeout));
+                let timer = setTimeout(() => {
+                    this.remove();
+                }, remaining);
+                let start = new Date();
+                this.alert.nativeElement.addEventListener('mouseenter', () => {
+                    clearTimeout(timer);
+                    remaining -= new Date().getTime() - start.getTime();
+                }, false);
+                this.alert.nativeElement.addEventListener('mouseleave', () => {
+                    start = new Date();
+                    clearTimeout(timer);
+                    timer = window.setTimeout(() => {
+                        this.remove();
+                    }, remaining);
+                }, false);
+            }
+        });
+    }
+    delete_animation = false;
+    remove() {
+        this.delete_animation = true;
+        setTimeout(() => {
+            this.close();
+            this.delete_animation = false;
+        }, 350);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: AlertComponent, isStandalone: false, selector: "alert", viewQueries: [{ propertyName: "alert", first: true, predicate: ["alert"], descendants: true }], ngImport: i0, template: "<div\r\n\t*ngIf=\"text\"\r\n\t[ngClass]=\"class\"\r\n\tclass=\"waw-alert-container height\"\r\n\t[class._close]=\"delete_animation\"\r\n>\r\n\t<div\r\n\t\t[class.waw-alert-color-blue]=\"type == 'info'\"\r\n\t\t[class.waw-alert-color-red]=\"type == 'error'\"\r\n\t\t[class.waw-alert-color-green]=\"type == 'success'\"\r\n\t\t[class.waw-alert-color-orange]=\"type == 'warning'\"\r\n\t\t[class.waw-alert-color-yellow]=\"type == 'question'\"\r\n\t\tclass=\"waw-alert bounceInUp waw-alert-theme-light waw-alert-animateInside waw-alert-opened\"\r\n\t\t#alert\r\n\t>\r\n\t\t<div class=\"waw-alert__progress\" *ngIf=\"progress\">\r\n\t\t\t<span\r\n\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t'animation-duration': (timeout + 350) / 1000 + 's'\r\n\t\t\t\t}\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\t\t<div class=\"waw-alert-body\">\r\n\t\t\t<div *ngIf=\"!component\" class=\"waw-alert-texts\">\r\n\t\t\t\t<div *ngIf=\"icon\" class=\"{{ icon }}\"></div>\r\n\t\t\t\t<div class=\"waw-alert-message slideIn\">{{ text }}</div>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"!component && type == 'question'\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"alert-btn\"\r\n\t\t\t\t\t*ngFor=\"let b of buttons\"\r\n\t\t\t\t\t(click)=\"remove(); b.callback && b.callback()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ b.text }}\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"waw-alert__close\"\r\n\t\t\t\t*ngIf=\"closable\"\r\n\t\t\t\t(click)=\"remove()\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: ["@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translate(280px)}50%{opacity:1;transform:translate(-20px)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.alert-wrapper{position:fixed;bottom:50px;left:0;width:100%;height:60px;overflow:hidden}.alert{display:flex;-webkit-box-align:center;align-items:center;width:auto;background:#3aed92;color:#fff;max-width:700px;margin:0 auto;transform:translateY(300px) scale(0);transition:.3s all ease-in-out}.alert._show{transform:translateY(0) scale(1);transition:.3s all ease-in-out}.alert-icon{min-width:60px;min-height:60px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#2bd17d}.alert-icon:before{content:\"\";position:absolute;width:25px;height:25px;border-radius:50%;border:2px solid #fff}.alert-icon:after{content:\"\";position:absolute;top:22px;width:7px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.alert-text{padding:0 20px;word-break:break-all;overflow:auto;height:60px}.alert-text .text-block{width:99%}.alert-text .text-block__text{text-overflow:ellipsis;overflow:hidden;white-space:pre}.alert-close{min-width:50px;margin-left:auto;font-size:25px;display:flex;justify-content:center;align-items:center}.font-bold{font-weight:700}.waw-alert__progress{bottom:0;position:absolute;width:100%;margin-bottom:0;border-radius:50px}.waw-alert__progress:hover span{animation-play-state:paused}.waw-alert__progress span{display:block;width:100%;height:2px;background-color:#a5a5a5ed;animation-name:waw-alert-progress;animation-duration:10s;border-radius:50px}.waw-alert__progress span._red{background-color:#ffafb4}.waw-alert__progress span._green{background-color:#a6efb8}.waw-alert__progress span._yellow{background-color:#fff9b2}.waw-alert__progress span._orange,.waw-alert__progress span._blue{background-color:#ffcfa5}.waw-alert__progress span._white{background-color:#fff}.waw-alert__progress span._black{background-color:#000}.waw-alert:hover .waw-alert__progress>span{animation-play-state:paused}.waw-alert__close{width:15px;height:15px;opacity:.3;position:relative;order:2}.waw-alert__close:hover{opacity:1}.waw-alert__close:before,.waw-alert__close:after{cursor:pointer;position:absolute;left:15px;content:\" \";height:12px;width:2px;background-color:#47525d}.waw-alert__close:before{transform:rotate(45deg)}.waw-alert__close:after{transform:rotate(-45deg)}@keyframes waw-alert-progress{0%{width:100%}to{width:0%}}.waw-alert-container{font-size:0;height:100px;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:.3s all ease-in-out;opacity:1}.waw-alert-container._close{opacity:0;transition:.3s all ease-in-out}.waw-alert{display:inline-block;clear:both;position:relative;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 25px 9px 0;background:#eeeeeee6;border-color:#eeeeeee6;width:100%;pointer-events:all;cursor:default;transform:translate(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.waw-alert>.waw-alert-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#fff3}.waw-alert>.waw-alert-progressbar>div{height:2px;width:100%;background:#0000004d;border-radius:0 0 3px 3px}.waw-alert>.waw-alert-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:none}.waw-alert>.waw-alert-close:hover{opacity:1}.waw-alert>.waw-alert-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body:after{content:\"\";display:table;clear:both}.waw-alert>.waw-alert-body .waw-alert-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body .waw-alert-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.waw-alert>.waw-alert-body .waw-alert-title{padding:0;margin:0 10px 0 0;line-height:16px;font-size:14px;text-align:left;float:left;color:#000;white-space:normal;font-weight:700}.waw-alert>.waw-alert-body .waw-alert-message{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;color:#0009;white-space:normal}@media only screen and (min-width: 568px){.waw-alert-wrapper{padding:10px 15px}.waw-alert{margin:5px;border-radius:3px;width:auto}.waw-alert:after{content:\"\";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a,0 8px 8px -5px #00000040}.waw-alert:not(.waw-alert-rtl) .waw-alert-cover{border-radius:3px 0 0 3px}.waw-alert.waw-alert-rtl .waw-alert-cover{border-radius:0 3px 3px 0}.waw-alert.waw-alert-color-dark:after{box-shadow:inset 0 -10px 20px -10px #ffffff4d,0 10px 10px -5px #00000040}.waw-alert.waw-alert-balloon .waw-alert-progressbar{background:transparent}.waw-alert.waw-alert-balloon:after{box-shadow:0 10px 10px -5px #00000040,inset 0 10px 20px -5px #00000040}.waw-alert-target .waw-alert:after{box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a}}.waw-alert.waw-alert-theme-dark{background:#565c70;border-color:#565c70}.waw-alert.waw-alert-theme-dark .waw-alert-title{color:#fff}.waw-alert.waw-alert-theme-dark .waw-alert-message{color:#ffffffb3;font-weight:300}.waw-alert.waw-alert-theme-dark .waw-alert-icon{color:#fff}.waw-alert.waw-alert-color-red{background:#ffafb4e6;border-color:#ffafb4e6}.waw-alert.waw-alert-color-orange{background:#ffcfa5e6;border-color:#ffcfa5e6}.waw-alert.waw-alert-color-yellow{background:#fff9b2e6;border-color:#fff9b2e6}.waw-alert.waw-alert-color-blue{background:#9ddeffe6;border-color:#9ddeffe6}.waw-alert.waw-alert-color-green{background:#a6efb8e6;border-color:#a6efb8e6}.waw-alert.slideIn,.waw-alert .slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.waw-alert.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.waw-alert.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.waw-alert.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.waw-alert.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.height{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'alert', standalone: false, template: "<div\r\n\t*ngIf=\"text\"\r\n\t[ngClass]=\"class\"\r\n\tclass=\"waw-alert-container height\"\r\n\t[class._close]=\"delete_animation\"\r\n>\r\n\t<div\r\n\t\t[class.waw-alert-color-blue]=\"type == 'info'\"\r\n\t\t[class.waw-alert-color-red]=\"type == 'error'\"\r\n\t\t[class.waw-alert-color-green]=\"type == 'success'\"\r\n\t\t[class.waw-alert-color-orange]=\"type == 'warning'\"\r\n\t\t[class.waw-alert-color-yellow]=\"type == 'question'\"\r\n\t\tclass=\"waw-alert bounceInUp waw-alert-theme-light waw-alert-animateInside waw-alert-opened\"\r\n\t\t#alert\r\n\t>\r\n\t\t<div class=\"waw-alert__progress\" *ngIf=\"progress\">\r\n\t\t\t<span\r\n\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t'animation-duration': (timeout + 350) / 1000 + 's'\r\n\t\t\t\t}\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\t\t<div class=\"waw-alert-body\">\r\n\t\t\t<div *ngIf=\"!component\" class=\"waw-alert-texts\">\r\n\t\t\t\t<div *ngIf=\"icon\" class=\"{{ icon }}\"></div>\r\n\t\t\t\t<div class=\"waw-alert-message slideIn\">{{ text }}</div>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"!component && type == 'question'\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"alert-btn\"\r\n\t\t\t\t\t*ngFor=\"let b of buttons\"\r\n\t\t\t\t\t(click)=\"remove(); b.callback && b.callback()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ b.text }}\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"waw-alert__close\"\r\n\t\t\t\t*ngIf=\"closable\"\r\n\t\t\t\t(click)=\"remove()\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: ["@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translate(280px)}50%{opacity:1;transform:translate(-20px)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.alert-wrapper{position:fixed;bottom:50px;left:0;width:100%;height:60px;overflow:hidden}.alert{display:flex;-webkit-box-align:center;align-items:center;width:auto;background:#3aed92;color:#fff;max-width:700px;margin:0 auto;transform:translateY(300px) scale(0);transition:.3s all ease-in-out}.alert._show{transform:translateY(0) scale(1);transition:.3s all ease-in-out}.alert-icon{min-width:60px;min-height:60px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#2bd17d}.alert-icon:before{content:\"\";position:absolute;width:25px;height:25px;border-radius:50%;border:2px solid #fff}.alert-icon:after{content:\"\";position:absolute;top:22px;width:7px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.alert-text{padding:0 20px;word-break:break-all;overflow:auto;height:60px}.alert-text .text-block{width:99%}.alert-text .text-block__text{text-overflow:ellipsis;overflow:hidden;white-space:pre}.alert-close{min-width:50px;margin-left:auto;font-size:25px;display:flex;justify-content:center;align-items:center}.font-bold{font-weight:700}.waw-alert__progress{bottom:0;position:absolute;width:100%;margin-bottom:0;border-radius:50px}.waw-alert__progress:hover span{animation-play-state:paused}.waw-alert__progress span{display:block;width:100%;height:2px;background-color:#a5a5a5ed;animation-name:waw-alert-progress;animation-duration:10s;border-radius:50px}.waw-alert__progress span._red{background-color:#ffafb4}.waw-alert__progress span._green{background-color:#a6efb8}.waw-alert__progress span._yellow{background-color:#fff9b2}.waw-alert__progress span._orange,.waw-alert__progress span._blue{background-color:#ffcfa5}.waw-alert__progress span._white{background-color:#fff}.waw-alert__progress span._black{background-color:#000}.waw-alert:hover .waw-alert__progress>span{animation-play-state:paused}.waw-alert__close{width:15px;height:15px;opacity:.3;position:relative;order:2}.waw-alert__close:hover{opacity:1}.waw-alert__close:before,.waw-alert__close:after{cursor:pointer;position:absolute;left:15px;content:\" \";height:12px;width:2px;background-color:#47525d}.waw-alert__close:before{transform:rotate(45deg)}.waw-alert__close:after{transform:rotate(-45deg)}@keyframes waw-alert-progress{0%{width:100%}to{width:0%}}.waw-alert-container{font-size:0;height:100px;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:.3s all ease-in-out;opacity:1}.waw-alert-container._close{opacity:0;transition:.3s all ease-in-out}.waw-alert{display:inline-block;clear:both;position:relative;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 25px 9px 0;background:#eeeeeee6;border-color:#eeeeeee6;width:100%;pointer-events:all;cursor:default;transform:translate(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.waw-alert>.waw-alert-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#fff3}.waw-alert>.waw-alert-progressbar>div{height:2px;width:100%;background:#0000004d;border-radius:0 0 3px 3px}.waw-alert>.waw-alert-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:none}.waw-alert>.waw-alert-close:hover{opacity:1}.waw-alert>.waw-alert-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body:after{content:\"\";display:table;clear:both}.waw-alert>.waw-alert-body .waw-alert-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body .waw-alert-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.waw-alert>.waw-alert-body .waw-alert-title{padding:0;margin:0 10px 0 0;line-height:16px;font-size:14px;text-align:left;float:left;color:#000;white-space:normal;font-weight:700}.waw-alert>.waw-alert-body .waw-alert-message{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;color:#0009;white-space:normal}@media only screen and (min-width: 568px){.waw-alert-wrapper{padding:10px 15px}.waw-alert{margin:5px;border-radius:3px;width:auto}.waw-alert:after{content:\"\";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a,0 8px 8px -5px #00000040}.waw-alert:not(.waw-alert-rtl) .waw-alert-cover{border-radius:3px 0 0 3px}.waw-alert.waw-alert-rtl .waw-alert-cover{border-radius:0 3px 3px 0}.waw-alert.waw-alert-color-dark:after{box-shadow:inset 0 -10px 20px -10px #ffffff4d,0 10px 10px -5px #00000040}.waw-alert.waw-alert-balloon .waw-alert-progressbar{background:transparent}.waw-alert.waw-alert-balloon:after{box-shadow:0 10px 10px -5px #00000040,inset 0 10px 20px -5px #00000040}.waw-alert-target .waw-alert:after{box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a}}.waw-alert.waw-alert-theme-dark{background:#565c70;border-color:#565c70}.waw-alert.waw-alert-theme-dark .waw-alert-title{color:#fff}.waw-alert.waw-alert-theme-dark .waw-alert-message{color:#ffffffb3;font-weight:300}.waw-alert.waw-alert-theme-dark .waw-alert-icon{color:#fff}.waw-alert.waw-alert-color-red{background:#ffafb4e6;border-color:#ffafb4e6}.waw-alert.waw-alert-color-orange{background:#ffcfa5e6;border-color:#ffcfa5e6}.waw-alert.waw-alert-color-yellow{background:#fff9b2e6;border-color:#fff9b2e6}.waw-alert.waw-alert-color-blue{background:#9ddeffe6;border-color:#9ddeffe6}.waw-alert.waw-alert-color-green{background:#a6efb8e6;border-color:#a6efb8e6}.waw-alert.slideIn,.waw-alert .slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.waw-alert.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.waw-alert.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.waw-alert.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.waw-alert.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.height{height:auto!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { alert: [{
+                type: ViewChild,
+                args: ['alert', { static: false }]
+            }] } });
+
+class ModalComponent {
+    class = '';
+    size = 'flex';
+    closable = true;
+    close;
+    onOpen;
+    timestart;
+    timeout;
+    showModal = false;
+    allowClose = true;
+    onClickOutside;
+    ngOnInit() {
+        if (typeof this.onClickOutside !== 'function') {
+            this.onClickOutside = this.close;
+            // this.onClickOutside = () => {
+            // 	if (this.allowClose) {
+            // 		this.close();
+            // 	}
+            // 	this.allowClose = true;
+            // };
+        }
+        if (typeof this.onOpen == 'function')
+            this.onOpen();
+        window.addEventListener('popstate', this.popStateListener.bind(this));
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.showModal = true;
+        }, this.timestart || 0);
+    }
+    ngOnDestroy() {
+        window.removeEventListener('popstate', this.popStateListener.bind(this));
+    }
+    popStateListener(e) {
+        this.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: ModalComponent, isStandalone: false, selector: "lib-modal", ngImport: i0, template: "<div\r\n\t[hidden]=\"!showModal\"\r\n\tclass=\"modal\"\r\n\t[ngClass]=\"class + ' ' + size\"\r\n\t(click)=\"onClickOutside()\"\r\n>\r\n\t<!--  (click)=\"$event.stopPropagation()\" -->\r\n\t<!-- <div class=\"modal-content\" (mousedown)=\"allowClose = false\"> -->\r\n\t<div class=\"modal-content\" (click)=\"$event.stopPropagation()\">\r\n\t\t<div><!-- Content Will Drop Here --></div>\r\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t</div>\r\n</div>\r\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-modal', standalone: false, template: "<div\r\n\t[hidden]=\"!showModal\"\r\n\tclass=\"modal\"\r\n\t[ngClass]=\"class + ' ' + size\"\r\n\t(click)=\"onClickOutside()\"\r\n>\r\n\t<!--  (click)=\"$event.stopPropagation()\" -->\r\n\t<!-- <div class=\"modal-content\" (mousedown)=\"allowClose = false\"> -->\r\n\t<div class=\"modal-content\" (click)=\"$event.stopPropagation()\">\r\n\t\t<div><!-- Content Will Drop Here --></div>\r\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t</div>\r\n</div>\r\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
+        }] });
+
+class LoaderComponent {
+    loader;
+    text = 'Loading';
+    class = '';
+    progress = true;
+    timeout = 5000;
+    close;
+    closable = true;
+    constructor() { }
+    ngOnInit() {
+        if (this.timeout) {
+            setTimeout(() => {
+                this.close();
+            }, this.timeout);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: LoaderComponent, isStandalone: false, selector: "lib-loader", viewQueries: [{ propertyName: "loader", first: true, predicate: ["loader"], descendants: true }], ngImport: i0, template: "<div\r\n\tstyle=\"\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tbackground-color: #334d6e;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tz-index: 999999;\r\n\t\"\r\n\t#loader\r\n>\r\n\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t<span style=\"font-size: 30px; color: white\">\r\n\t\t{{ text }}\r\n\t</span>\r\n</div>\r\n", styles: [".close{color:#aaa;position:absolute;right:20px;top:20px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-loader', standalone: false, template: "<div\r\n\tstyle=\"\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tbackground-color: #334d6e;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tz-index: 999999;\r\n\t\"\r\n\t#loader\r\n>\r\n\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t<span style=\"font-size: 30px; color: white\">\r\n\t\t{{ text }}\r\n\t</span>\r\n</div>\r\n", styles: [".close{color:#aaa;position:absolute;right:20px;top:20px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { loader: [{
+                type: ViewChild,
+                args: ['loader', { static: false }]
+            }] } });
+
+/**
+ * BaseComponent is an abstract class that provides basic functionality for managing the current timestamp.
+ */
+class BaseComponent {
+    /**
+     * The current timestamp in milliseconds since the Unix epoch.
+     */
+    now = new Date().getTime();
+    /**
+     * Refreshes the `now` property with the current timestamp.
+     */
+    refreshNow() {
+        this.now = new Date().getTime();
+    }
+}
+
 // Add capitalize method to String prototype if it doesn't already exist
 if (!String.prototype.capitalize) {
     String.prototype.capitalize = function () {
@@ -64,48 +423,9 @@ class CoreService {
         (typeof crypto?.randomUUID === 'function'
             ? crypto.randomUUID()
             : this.UUID());
-    ssr = false;
-    localStorage; // = localStorage;
-    navigator; // = navigator;
-    document; // = document;
-    window; // = window;
     constructor(platformId) {
         this.platformId = platformId;
         localStorage.setItem('deviceID', this.deviceID);
-        this.ssr = isPlatformServer(this.platformId);
-        if (isPlatformServer(this.platformId)) {
-            this.localStorage = {
-                getItem: () => { },
-                setItem: () => { },
-                removeItem: () => { },
-                clear: () => { },
-            };
-            this.document = {
-                querySelectorAll: () => { },
-                addEventListener: () => { },
-                removeEventListener: () => { },
-                documentElement: {},
-                body: {},
-            };
-            this.window = {
-                location: {
-                    host: '',
-                },
-                addEventListener: () => { },
-                removeEventListener: () => { },
-                setTimeout: () => { },
-            };
-            this.navigator = {
-                userAgent: '',
-                platform: '',
-            };
-        }
-        else {
-            this.localStorage = localStorage;
-            this.document = document;
-            this.window = window;
-            this.navigator = navigator;
-        }
         this.detectDevice();
     }
     /**
@@ -210,12 +530,12 @@ class CoreService {
         if (typeof cb === 'function' && typeof time === 'number') {
             if (typeof doc === 'string') {
                 clearTimeout(this._afterWhile[doc]);
-                this._afterWhile[doc] = this.window.setTimeout(cb, time);
+                this._afterWhile[doc] = window.setTimeout(cb, time);
             }
             else if (typeof doc === 'object') {
                 clearTimeout(doc.__afterWhile);
                 doc.__afterWhile =
-                    this.window.setTimeout(cb, time);
+                    window.setTimeout(cb, time);
             }
             else {
                 console.warn('badly configured after while');
@@ -254,9 +574,7 @@ class CoreService {
      * Detects the device type based on the user agent.
      */
     detectDevice() {
-        const userAgent = this.navigator.userAgent ||
-            this.navigator.vendor ||
-            this.window.opera;
+        const userAgent = navigator.userAgent || navigator.vendor || window.opera;
         if (/windows phone/i.test(userAgent)) {
             this.device = 'Windows Phone';
         }
@@ -264,7 +582,7 @@ class CoreService {
             this.device = 'Android';
         }
         else if (/iPad|iPhone|iPod/.test(userAgent) &&
-            !this.window.MSStream) {
+            !window.MSStream) {
             this.device = 'iOS';
         }
         else {
@@ -432,436 +750,178 @@ class CoreService {
      * @param which - The resource to lock, identified by a string.
      */
     lock(which) {
-        this._locked[which] = true;
-        if (!this._unlockResolvers[which]) {
-            this._unlockResolvers[which] = [];
-        }
-    }
-    /**
-     * Unlocks a resource, allowing access.
-     * @param which - The resource to unlock, identified by a string.
-     */
-    unlock(which) {
-        this._locked[which] = false;
-        if (this._unlockResolvers[which]) {
-            this._unlockResolvers[which].forEach((resolve) => resolve());
-            this._unlockResolvers[which] = [];
-        }
-    }
-    /**
-     * Returns a Promise that resolves when the specified resource is unlocked.
-     * @param which - The resource to watch for unlocking, identified by a string.
-     * @returns A Promise that resolves when the resource is unlocked.
-     */
-    onUnlock(which) {
-        if (!this._locked[which]) {
-            return Promise.resolve();
-        }
-        return new Promise((resolve) => {
-            if (!this._unlockResolvers[which]) {
-                this._unlockResolvers[which] = [];
-            }
-            this._unlockResolvers[which].push(resolve);
-        });
-    }
-    /**
-     * Checks if a resource is locked.
-     * @param which - The resource to check, identified by a string.
-     * @returns True if the resource is locked, false otherwise.
-     */
-    locked(which) {
-        return !!this._locked[which];
-    }
-    // Linking management
-    linkCollections = [];
-    linkRealCollectionName = {};
-    linkIds = {};
-    addLink(name, reset, realName = '') {
-        this.linkCollections.push(name);
-        this.linkRealCollectionName[name] = realName || name;
-        this.onComplete(name.toLowerCase() + '_loaded').then(() => {
-            this.linkIds[name] = reset();
-        });
-        this.on(name.toLowerCase() + '_changed').subscribe(() => {
-            this.linkIds[name].splice(0, this.linkIds[name].length);
-            this.linkIds[name].push(...reset());
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CoreService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CoreService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CoreService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }] });
-
-const isDefined = (val) => typeof val !== 'undefined';
-class MetaService {
-    router;
-    meta;
-    core;
-    titleService;
-    config;
-    _meta;
-    constructor(router, meta, core, titleService, config) {
-        this.router = router;
-        this.meta = meta;
-        this.core = core;
-        this.titleService = titleService;
-        this.config = config;
-        this.config = this.config || DEFAULT_CONFIG;
-        this._meta = this.config.meta || {};
-        this._warnMissingGuard();
-    }
-    /**
-     * Sets the default meta tags.
-     *
-     * @param defaults - The default meta tags.
-     */
-    setDefaults(defaults) {
-        this._meta.defaults = defaults;
-    }
-    /**
-     * Sets the title and optional title suffix.
-     *
-     * @param title - The title to set.
-     * @param titleSuffix - The title suffix to append.
-     * @returns The MetaService instance.
-     */
-    setTitle(title, titleSuffix) {
-        let titleContent = isDefined(title)
-            ? title
-            : this._meta.defaults['title'] || '';
-        if (this._meta.useTitleSuffix) {
-            titleContent += isDefined(titleSuffix)
-                ? titleSuffix
-                : this._meta.defaults['titleSuffix'] || '';
-        }
-        this._updateMetaTag('title', titleContent);
-        this._updateMetaTag('og:title', titleContent);
-        this.titleService.setTitle(titleContent);
-        return this;
-    }
-    /**
-     * Sets link tags.
-     *
-     * @param links - The links to set.
-     * @returns The MetaService instance.
-     */
-    setLink(links) {
-        Object.keys(links).forEach((rel) => {
-            let link = this.core.document.createElement('link');
-            link.setAttribute('rel', rel);
-            link.setAttribute('href', links[rel]);
-            this.core.document.head.appendChild(link);
-        });
-        return this;
-    }
-    /**
-     * Sets a meta tag.
-     *
-     * @param tag - The meta tag name.
-     * @param value - The meta tag value.
-     * @param prop - The meta tag property.
-     * @returns The MetaService instance.
-     */
-    setTag(tag, value, prop) {
-        if (tag === 'title' || tag === 'titleSuffix') {
-            throw new Error(`Attempt to set ${tag} through 'setTag': 'title' and 'titleSuffix' are reserved tag names. Please use 'MetaService.setTitle' instead`);
-        }
-        const content = isDefined(value)
-            ? value
-            : this._meta.defaults[tag] || '';
-        this._updateMetaTag(tag, content, prop);
-        if (tag === 'description') {
-            this._updateMetaTag('og:description', content, prop);
-            this._updateMetaTag('twitter:description', content, prop);
-        }
-        return this;
-    }
-    /**
-     * Updates a meta tag.
-     *
-     * @param tag - The meta tag name.
-     * @param value - The meta tag value.
-     * @param prop - The meta tag property.
-     */
-    _updateMetaTag(tag, value, prop) {
-        prop =
-            prop ||
-                (tag.startsWith('og:') || tag.startsWith('twitter:')
-                    ? 'property'
-                    : 'name');
-        this.meta.updateTag({ [prop]: tag, content: value });
-    }
-    /**
-     * Removes a meta tag.
-     *
-     * @param tag - The meta tag name.
-     * @param prop - The meta tag property.
-     */
-    removeTag(tag, prop) {
-        prop =
-            prop ||
-                (tag.startsWith('og:') || tag.startsWith('twitter:')
-                    ? 'property'
-                    : 'name');
-        this.meta.removeTag(`${prop}="${tag}"`);
-    }
-    /**
-     * Warns about missing meta guards in routes.
-     */
-    _warnMissingGuard() {
-        if (isDefined(this._meta.warnMissingGuard) &&
-            !this._meta.warnMissingGuard) {
-            return;
-        }
-        const hasDefaultMeta = !!Object.keys(this._meta.defaults).length;
-        const hasMetaGuardInArr = (it) => it && it.IDENTIFIER === 'MetaGuard';
-        let hasShownWarnings = false;
-        this.router.config.forEach((route) => {
-            const hasRouteMeta = route.data && route.data['meta'];
-            const showWarning = !isDefined(route.redirectTo) &&
-                (hasDefaultMeta || hasRouteMeta) &&
-                !(route.canActivate || []).some(hasMetaGuardInArr);
-            if (showWarning) {
-                console.warn(`Route with path "${route.path}" has ${hasRouteMeta ? '' : 'default '}meta tags, but does not use MetaGuard. Please add MetaGuard to the canActivate array in your route configuration`);
-                hasShownWarnings = true;
-            }
-        });
-        if (hasShownWarnings) {
-            console.warn(`To disable these warnings, set metaConfig.warnMissingGuard: false in your MetaConfig passed to MetaModule.forRoot()`);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaService, deps: [{ token: i1.Router }, { token: i2.Meta }, { token: CoreService }, { token: i2.Title }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.Router }, { type: i2.Meta }, { type: CoreService }, { type: i2.Title }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [CONFIG_TOKEN]
-                }, {
-                    type: Optional
-                }] }] });
-
-class MetaGuard {
-    metaService;
-    config;
-    static IDENTIFIER = 'MetaGuard';
-    _meta;
-    constructor(metaService, config) {
-        this.metaService = metaService;
-        this.config = config;
-        this._meta = config.meta;
-        if (!this.config)
-            this.config = DEFAULT_CONFIG;
-    }
-    canActivate(route, state) {
-        this._processRouteMetaTags(route.data && route.data['meta']);
-        return true;
-    }
-    _processRouteMetaTags(meta = {}) {
-        if (meta.disableUpdate) {
-            return;
-        }
-        if (meta.title) {
-            this.metaService.setTitle(meta.title, meta.titleSuffix);
-        }
-        if (Array.isArray(meta.links)) {
-            this.metaService.setLink(meta.links);
-        }
-        else if (typeof meta.links === 'string') {
-            this.metaService.setLink(meta.links.split(' '));
+        this._locked[which] = true;
+        if (!this._unlockResolvers[which]) {
+            this._unlockResolvers[which] = [];
         }
-        if (Array.isArray(this._meta.defaults?.links)) {
-            this.metaService.setLink(this._meta.defaults?.links);
+    }
+    /**
+     * Unlocks a resource, allowing access.
+     * @param which - The resource to unlock, identified by a string.
+     */
+    unlock(which) {
+        this._locked[which] = false;
+        if (this._unlockResolvers[which]) {
+            this._unlockResolvers[which].forEach((resolve) => resolve());
+            this._unlockResolvers[which] = [];
         }
-        else if (typeof this._meta.defaults?.links === 'string') {
-            this.metaService.setLink(this._meta.defaults?.links.split(' '));
+    }
+    /**
+     * Returns a Promise that resolves when the specified resource is unlocked.
+     * @param which - The resource to watch for unlocking, identified by a string.
+     * @returns A Promise that resolves when the resource is unlocked.
+     */
+    onUnlock(which) {
+        if (!this._locked[which]) {
+            return Promise.resolve();
         }
-        Object.keys(meta).forEach((prop) => {
-            if (prop === 'title' ||
-                prop === 'titleSuffix' ||
-                prop === 'links') {
-                return;
+        return new Promise((resolve) => {
+            if (!this._unlockResolvers[which]) {
+                this._unlockResolvers[which] = [];
             }
-            Object.keys(meta[prop]).forEach((key) => {
-                this.metaService.setTag(key, meta[prop][key], prop);
-            });
+            this._unlockResolvers[which].push(resolve);
         });
-        Object.keys(this._meta.defaults).forEach((key) => {
-            if (key in meta ||
-                key === 'title' ||
-                key === 'titleSuffix' ||
-                key === 'links') {
-                return;
-            }
-            this.metaService.setTag(key, this._meta.defaults[key]);
+    }
+    /**
+     * Checks if a resource is locked.
+     * @param which - The resource to check, identified by a string.
+     * @returns True if the resource is locked, false otherwise.
+     */
+    locked(which) {
+        return !!this._locked[which];
+    }
+    // Linking management
+    linkCollections = [];
+    linkRealCollectionName = {};
+    linkIds = {};
+    addLink(name, reset, realName = '') {
+        this.linkCollections.push(name);
+        this.linkRealCollectionName[name] = realName || name;
+        this.onComplete(name.toLowerCase() + '_loaded').then(() => {
+            this.linkIds[name] = reset();
+        });
+        this.on(name.toLowerCase() + '_changed').subscribe(() => {
+            this.linkIds[name].splice(0, this.linkIds[name].length);
+            this.linkIds[name].push(...reset());
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaGuard, deps: [{ token: MetaService }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaGuard });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: MetaGuard, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: MetaService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [CONFIG_TOKEN]
-                }, {
-                    type: Optional
-                }] }] });
-
-class AlertComponent {
-    core;
-    alert;
-    component;
-    text = '';
-    class = '';
-    type = 'info';
-    progress = true;
-    position = 'bottomRight'; // [bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter or center]
-    icon = '';
-    timeout = 5000;
-    close;
-    closable = true;
-    buttons = []; /*[{text, callback}]*/
-    constructor(core) {
-        this.core = core;
-        setTimeout(() => {
-            if (this.timeout) {
-                let remaining = JSON.parse(JSON.stringify(this.timeout));
-                let timer = setTimeout(() => {
-                    this.remove();
-                }, remaining);
-                let start = new Date();
-                this.alert.nativeElement.addEventListener('mouseenter', () => {
-                    clearTimeout(timer);
-                    remaining -= new Date().getTime() - start.getTime();
-                }, false);
-                this.alert.nativeElement.addEventListener('mouseleave', () => {
-                    start = new Date();
-                    clearTimeout(timer);
-                    timer = core.window.setTimeout(() => {
-                        this.remove();
-                    }, remaining);
-                }, false);
+    // Angular Signals
+    /**
+     * Converts an array of objects into an array of Angular signals.
+     * Optionally wraps specific fields of each object as individual signals.
+     *
+     * @template Document - The type of each object in the array.
+     * @param {Document[]} arr - Array of plain objects to convert into signals.
+     * @param {Record<string, (doc: Document) => unknown>} [updatableFields={}] -
+     *        Optional map where keys are field names and values are functions that extract the initial value
+     *        from the object. These fields will be turned into separate signals.
+     *
+     * @returns {Signal<Document>[]} An array where each item is a signal-wrapped object,
+     *          optionally with individual fields also wrapped in signals.
+     *
+     * @example
+     * toSignalsArray(users, {
+     *   name: (u) => u.name,
+     *   score: (u) => u.score,
+     * });
+     */
+    toSignalsArray(arr, updatableFields = {}) {
+        return arr.map((obj) => {
+            if (Object.keys(updatableFields).length) {
+                const signalFields = {};
+                for (const key in updatableFields) {
+                    signalFields[key] = signal(updatableFields[key](obj));
+                }
+                return signal({ ...obj, ...signalFields });
+            }
+            else {
+                return signal(obj);
             }
         });
     }
-    delete_animation = false;
-    remove() {
-        this.delete_animation = true;
-        setTimeout(() => {
-            this.close();
-            this.delete_animation = false;
-        }, 350);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertComponent, deps: [{ token: CoreService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: AlertComponent, isStandalone: false, selector: "alert", viewQueries: [{ propertyName: "alert", first: true, predicate: ["alert"], descendants: true }], ngImport: i0, template: "<div\r\n\t*ngIf=\"text\"\r\n\t[ngClass]=\"class\"\r\n\tclass=\"waw-alert-container height\"\r\n\t[class._close]=\"delete_animation\"\r\n>\r\n\t<div\r\n\t\t[class.waw-alert-color-blue]=\"type == 'info'\"\r\n\t\t[class.waw-alert-color-red]=\"type == 'error'\"\r\n\t\t[class.waw-alert-color-green]=\"type == 'success'\"\r\n\t\t[class.waw-alert-color-orange]=\"type == 'warning'\"\r\n\t\t[class.waw-alert-color-yellow]=\"type == 'question'\"\r\n\t\tclass=\"waw-alert bounceInUp waw-alert-theme-light waw-alert-animateInside waw-alert-opened\"\r\n\t\t#alert\r\n\t>\r\n\t\t<div class=\"waw-alert__progress\" *ngIf=\"progress\">\r\n\t\t\t<span\r\n\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t'animation-duration': (timeout + 350) / 1000 + 's'\r\n\t\t\t\t}\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\t\t<div class=\"waw-alert-body\">\r\n\t\t\t<div *ngIf=\"!component\" class=\"waw-alert-texts\">\r\n\t\t\t\t<div *ngIf=\"icon\" class=\"{{ icon }}\"></div>\r\n\t\t\t\t<div class=\"waw-alert-message slideIn\">{{ text }}</div>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"!component && type == 'question'\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"alert-btn\"\r\n\t\t\t\t\t*ngFor=\"let b of buttons\"\r\n\t\t\t\t\t(click)=\"remove(); b.callback && b.callback()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ b.text }}\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"waw-alert__close\"\r\n\t\t\t\t*ngIf=\"closable\"\r\n\t\t\t\t(click)=\"remove()\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: ["@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translate(280px)}50%{opacity:1;transform:translate(-20px)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.alert-wrapper{position:fixed;bottom:50px;left:0;width:100%;height:60px;overflow:hidden}.alert{display:flex;-webkit-box-align:center;align-items:center;width:auto;background:#3aed92;color:#fff;max-width:700px;margin:0 auto;transform:translateY(300px) scale(0);transition:.3s all ease-in-out}.alert._show{transform:translateY(0) scale(1);transition:.3s all ease-in-out}.alert-icon{min-width:60px;min-height:60px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#2bd17d}.alert-icon:before{content:\"\";position:absolute;width:25px;height:25px;border-radius:50%;border:2px solid #fff}.alert-icon:after{content:\"\";position:absolute;top:22px;width:7px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.alert-text{padding:0 20px;word-break:break-all;overflow:auto;height:60px}.alert-text .text-block{width:99%}.alert-text .text-block__text{text-overflow:ellipsis;overflow:hidden;white-space:pre}.alert-close{min-width:50px;margin-left:auto;font-size:25px;display:flex;justify-content:center;align-items:center}.font-bold{font-weight:700}.waw-alert__progress{bottom:0;position:absolute;width:100%;margin-bottom:0;border-radius:50px}.waw-alert__progress:hover span{animation-play-state:paused}.waw-alert__progress span{display:block;width:100%;height:2px;background-color:#a5a5a5ed;animation-name:waw-alert-progress;animation-duration:10s;border-radius:50px}.waw-alert__progress span._red{background-color:#ffafb4}.waw-alert__progress span._green{background-color:#a6efb8}.waw-alert__progress span._yellow{background-color:#fff9b2}.waw-alert__progress span._orange,.waw-alert__progress span._blue{background-color:#ffcfa5}.waw-alert__progress span._white{background-color:#fff}.waw-alert__progress span._black{background-color:#000}.waw-alert:hover .waw-alert__progress>span{animation-play-state:paused}.waw-alert__close{width:15px;height:15px;opacity:.3;position:relative;order:2}.waw-alert__close:hover{opacity:1}.waw-alert__close:before,.waw-alert__close:after{cursor:pointer;position:absolute;left:15px;content:\" \";height:12px;width:2px;background-color:#47525d}.waw-alert__close:before{transform:rotate(45deg)}.waw-alert__close:after{transform:rotate(-45deg)}@keyframes waw-alert-progress{0%{width:100%}to{width:0%}}.waw-alert-container{font-size:0;height:100px;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:.3s all ease-in-out;opacity:1}.waw-alert-container._close{opacity:0;transition:.3s all ease-in-out}.waw-alert{display:inline-block;clear:both;position:relative;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 25px 9px 0;background:#eeeeeee6;border-color:#eeeeeee6;width:100%;pointer-events:all;cursor:default;transform:translate(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.waw-alert>.waw-alert-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#fff3}.waw-alert>.waw-alert-progressbar>div{height:2px;width:100%;background:#0000004d;border-radius:0 0 3px 3px}.waw-alert>.waw-alert-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:none}.waw-alert>.waw-alert-close:hover{opacity:1}.waw-alert>.waw-alert-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body:after{content:\"\";display:table;clear:both}.waw-alert>.waw-alert-body .waw-alert-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body .waw-alert-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.waw-alert>.waw-alert-body .waw-alert-title{padding:0;margin:0 10px 0 0;line-height:16px;font-size:14px;text-align:left;float:left;color:#000;white-space:normal;font-weight:700}.waw-alert>.waw-alert-body .waw-alert-message{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;color:#0009;white-space:normal}@media only screen and (min-width: 568px){.waw-alert-wrapper{padding:10px 15px}.waw-alert{margin:5px;border-radius:3px;width:auto}.waw-alert:after{content:\"\";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a,0 8px 8px -5px #00000040}.waw-alert:not(.waw-alert-rtl) .waw-alert-cover{border-radius:3px 0 0 3px}.waw-alert.waw-alert-rtl .waw-alert-cover{border-radius:0 3px 3px 0}.waw-alert.waw-alert-color-dark:after{box-shadow:inset 0 -10px 20px -10px #ffffff4d,0 10px 10px -5px #00000040}.waw-alert.waw-alert-balloon .waw-alert-progressbar{background:transparent}.waw-alert.waw-alert-balloon:after{box-shadow:0 10px 10px -5px #00000040,inset 0 10px 20px -5px #00000040}.waw-alert-target .waw-alert:after{box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a}}.waw-alert.waw-alert-theme-dark{background:#565c70;border-color:#565c70}.waw-alert.waw-alert-theme-dark .waw-alert-title{color:#fff}.waw-alert.waw-alert-theme-dark .waw-alert-message{color:#ffffffb3;font-weight:300}.waw-alert.waw-alert-theme-dark .waw-alert-icon{color:#fff}.waw-alert.waw-alert-color-red{background:#ffafb4e6;border-color:#ffafb4e6}.waw-alert.waw-alert-color-orange{background:#ffcfa5e6;border-color:#ffcfa5e6}.waw-alert.waw-alert-color-yellow{background:#fff9b2e6;border-color:#fff9b2e6}.waw-alert.waw-alert-color-blue{background:#9ddeffe6;border-color:#9ddeffe6}.waw-alert.waw-alert-color-green{background:#a6efb8e6;border-color:#a6efb8e6}.waw-alert.slideIn,.waw-alert .slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.waw-alert.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.waw-alert.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.waw-alert.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.waw-alert.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.height{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'alert', standalone: false, template: "<div\r\n\t*ngIf=\"text\"\r\n\t[ngClass]=\"class\"\r\n\tclass=\"waw-alert-container height\"\r\n\t[class._close]=\"delete_animation\"\r\n>\r\n\t<div\r\n\t\t[class.waw-alert-color-blue]=\"type == 'info'\"\r\n\t\t[class.waw-alert-color-red]=\"type == 'error'\"\r\n\t\t[class.waw-alert-color-green]=\"type == 'success'\"\r\n\t\t[class.waw-alert-color-orange]=\"type == 'warning'\"\r\n\t\t[class.waw-alert-color-yellow]=\"type == 'question'\"\r\n\t\tclass=\"waw-alert bounceInUp waw-alert-theme-light waw-alert-animateInside waw-alert-opened\"\r\n\t\t#alert\r\n\t>\r\n\t\t<div class=\"waw-alert__progress\" *ngIf=\"progress\">\r\n\t\t\t<span\r\n\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t'animation-duration': (timeout + 350) / 1000 + 's'\r\n\t\t\t\t}\"\r\n\t\t\t></span>\r\n\t\t</div>\r\n\t\t<div class=\"waw-alert-body\">\r\n\t\t\t<div *ngIf=\"!component\" class=\"waw-alert-texts\">\r\n\t\t\t\t<div *ngIf=\"icon\" class=\"{{ icon }}\"></div>\r\n\t\t\t\t<div class=\"waw-alert-message slideIn\">{{ text }}</div>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"!component && type == 'question'\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"alert-btn\"\r\n\t\t\t\t\t*ngFor=\"let b of buttons\"\r\n\t\t\t\t\t(click)=\"remove(); b.callback && b.callback()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ b.text }}\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"waw-alert__close\"\r\n\t\t\t\t*ngIf=\"closable\"\r\n\t\t\t\t(click)=\"remove()\"\r\n\t\t\t></div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: ["@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translate(280px)}50%{opacity:1;transform:translate(-20px)}70%{transform:translate(10px)}to{transform:translate(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}.alert-wrapper{position:fixed;bottom:50px;left:0;width:100%;height:60px;overflow:hidden}.alert{display:flex;-webkit-box-align:center;align-items:center;width:auto;background:#3aed92;color:#fff;max-width:700px;margin:0 auto;transform:translateY(300px) scale(0);transition:.3s all ease-in-out}.alert._show{transform:translateY(0) scale(1);transition:.3s all ease-in-out}.alert-icon{min-width:60px;min-height:60px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#2bd17d}.alert-icon:before{content:\"\";position:absolute;width:25px;height:25px;border-radius:50%;border:2px solid #fff}.alert-icon:after{content:\"\";position:absolute;top:22px;width:7px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.alert-text{padding:0 20px;word-break:break-all;overflow:auto;height:60px}.alert-text .text-block{width:99%}.alert-text .text-block__text{text-overflow:ellipsis;overflow:hidden;white-space:pre}.alert-close{min-width:50px;margin-left:auto;font-size:25px;display:flex;justify-content:center;align-items:center}.font-bold{font-weight:700}.waw-alert__progress{bottom:0;position:absolute;width:100%;margin-bottom:0;border-radius:50px}.waw-alert__progress:hover span{animation-play-state:paused}.waw-alert__progress span{display:block;width:100%;height:2px;background-color:#a5a5a5ed;animation-name:waw-alert-progress;animation-duration:10s;border-radius:50px}.waw-alert__progress span._red{background-color:#ffafb4}.waw-alert__progress span._green{background-color:#a6efb8}.waw-alert__progress span._yellow{background-color:#fff9b2}.waw-alert__progress span._orange,.waw-alert__progress span._blue{background-color:#ffcfa5}.waw-alert__progress span._white{background-color:#fff}.waw-alert__progress span._black{background-color:#000}.waw-alert:hover .waw-alert__progress>span{animation-play-state:paused}.waw-alert__close{width:15px;height:15px;opacity:.3;position:relative;order:2}.waw-alert__close:hover{opacity:1}.waw-alert__close:before,.waw-alert__close:after{cursor:pointer;position:absolute;left:15px;content:\" \";height:12px;width:2px;background-color:#47525d}.waw-alert__close:before{transform:rotate(45deg)}.waw-alert__close:after{transform:rotate(-45deg)}@keyframes waw-alert-progress{0%{width:100%}to{width:0%}}.waw-alert-container{font-size:0;height:100px;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:.3s all ease-in-out;opacity:1}.waw-alert-container._close{opacity:0;transition:.3s all ease-in-out}.waw-alert{display:inline-block;clear:both;position:relative;font-family:Lato,Tahoma,Arial;font-size:14px;padding:8px 25px 9px 0;background:#eeeeeee6;border-color:#eeeeeee6;width:100%;pointer-events:all;cursor:default;transform:translate(0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:54px}.waw-alert>.waw-alert-progressbar{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#fff3}.waw-alert>.waw-alert-progressbar>div{height:2px;width:100%;background:#0000004d;border-radius:0 0 3px 3px}.waw-alert>.waw-alert-close{position:absolute;right:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:none}.waw-alert>.waw-alert-close:hover{opacity:1}.waw-alert>.waw-alert-body{position:relative;padding:0 0 0 10px;height:auto;min-height:36px;margin:0 0 0 15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body:after{content:\"\";display:table;clear:both}.waw-alert>.waw-alert-body .waw-alert-texts{margin:10px 0 0;padding-right:2px;display:inline-block;float:left;display:flex;justify-content:space-between;align-items:center}.waw-alert>.waw-alert-body .waw-alert-icon{height:100%;position:absolute;left:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.waw-alert>.waw-alert-body .waw-alert-title{padding:0;margin:0 10px 0 0;line-height:16px;font-size:14px;text-align:left;float:left;color:#000;white-space:normal;font-weight:700}.waw-alert>.waw-alert-body .waw-alert-message{padding:0;font-size:14px;line-height:16px;text-align:left;float:left;color:#0009;white-space:normal}@media only screen and (min-width: 568px){.waw-alert-wrapper{padding:10px 15px}.waw-alert{margin:5px;border-radius:3px;width:auto}.waw-alert:after{content:\"\";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a,0 8px 8px -5px #00000040}.waw-alert:not(.waw-alert-rtl) .waw-alert-cover{border-radius:3px 0 0 3px}.waw-alert.waw-alert-rtl .waw-alert-cover{border-radius:0 3px 3px 0}.waw-alert.waw-alert-color-dark:after{box-shadow:inset 0 -10px 20px -10px #ffffff4d,0 10px 10px -5px #00000040}.waw-alert.waw-alert-balloon .waw-alert-progressbar{background:transparent}.waw-alert.waw-alert-balloon:after{box-shadow:0 10px 10px -5px #00000040,inset 0 10px 20px -5px #00000040}.waw-alert-target .waw-alert:after{box-shadow:inset 0 -10px 20px -10px #0003,inset 0 0 5px #0000001a}}.waw-alert.waw-alert-theme-dark{background:#565c70;border-color:#565c70}.waw-alert.waw-alert-theme-dark .waw-alert-title{color:#fff}.waw-alert.waw-alert-theme-dark .waw-alert-message{color:#ffffffb3;font-weight:300}.waw-alert.waw-alert-theme-dark .waw-alert-icon{color:#fff}.waw-alert.waw-alert-color-red{background:#ffafb4e6;border-color:#ffafb4e6}.waw-alert.waw-alert-color-orange{background:#ffcfa5e6;border-color:#ffcfa5e6}.waw-alert.waw-alert-color-yellow{background:#fff9b2e6;border-color:#fff9b2e6}.waw-alert.waw-alert-color-blue{background:#9ddeffe6;border-color:#9ddeffe6}.waw-alert.waw-alert-color-green{background:#a6efb8e6;border-color:#a6efb8e6}.waw-alert.slideIn,.waw-alert .slideIn{-webkit-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.waw-alert.bounceInLeft{-webkit-animation:iziT-bounceInLeft .7s ease-in-out both;animation:iziT-bounceInLeft .7s ease-in-out both}.waw-alert.bounceInRight{-webkit-animation:iziT-bounceInRight .85s ease-in-out both;animation:iziT-bounceInRight .85s ease-in-out both}.waw-alert.bounceInDown{-webkit-animation:iziT-bounceInDown .7s ease-in-out both;animation:iziT-bounceInDown .7s ease-in-out both}.waw-alert.bounceInUp{-webkit-animation:iziT-bounceInUp .7s ease-in-out both;animation:iziT-bounceInUp .7s ease-in-out both}.height{height:auto!important}\n"] }]
-        }], ctorParameters: () => [{ type: CoreService }], propDecorators: { alert: [{
-                type: ViewChild,
-                args: ['alert', { static: false }]
-            }] } });
-
-class ModalComponent {
-    class = '';
-    size = 'flex';
-    closable = true;
-    close;
-    onOpen;
-    timestart;
-    timeout;
-    showModal = false;
-    allowClose = true;
-    onClickOutside;
-    ngOnInit() {
-        if (typeof this.onClickOutside !== 'function') {
-            this.onClickOutside = this.close;
-            // this.onClickOutside = () => {
-            // 	if (this.allowClose) {
-            // 		this.close();
-            // 	}
-            // 	this.allowClose = true;
-            // };
+    /**
+     * Adds a new object to the signals array.
+     * Optionally wraps specific fields of the object as individual signals before wrapping the whole object.
+     *
+     * @template Document - The type of the object being added.
+     * @param {WritableSignal<Document>[]} signals - The signals array to append to.
+     * @param {Document} item - The object to wrap and push as a writable signal.
+     * @param {Record<string, (doc: Document) => unknown>} [updatableFields={}] -
+     *        Optional map of fields to be wrapped as signals within the object.
+     *
+     * @returns {void}
+     */
+    pushSignal(signals, item, updatableFields = {}) {
+        if (Object.keys(updatableFields).length) {
+            const fieldSignals = {};
+            for (const key in updatableFields) {
+                fieldSignals[key] = signal(updatableFields[key](item));
+            }
+            signals.push(signal({ ...item, ...fieldSignals }));
+        }
+        else {
+            signals.push(signal(item));
         }
-        if (typeof this.onOpen == 'function')
-            this.onOpen();
-        window.addEventListener('popstate', this.popStateListener.bind(this));
-    }
-    ngAfterViewInit() {
-        setTimeout(() => {
-            this.showModal = true;
-        }, this.timestart || 0);
-    }
-    ngOnDestroy() {
-        window.removeEventListener('popstate', this.popStateListener.bind(this));
     }
-    popStateListener(e) {
-        this.close();
+    /**
+     * Returns a generic trackBy function for *ngFor, tracking by the specified object field.
+     * @template Document
+     * @param {string} field - The object field to use for tracking (e.g., '_id').
+     * @returns {(index: number, sig: Signal<Document>) => unknown} TrackBy function for Angular.
+     */
+    trackBySignalField(field) {
+        return (_, sig) => sig()[field];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: ModalComponent, isStandalone: false, selector: "lib-modal", ngImport: i0, template: "<div\r\n\t[hidden]=\"!showModal\"\r\n\tclass=\"modal\"\r\n\t[ngClass]=\"class + ' ' + size\"\r\n\t(click)=\"onClickOutside()\"\r\n>\r\n\t<!--  (click)=\"$event.stopPropagation()\" -->\r\n\t<!-- <div class=\"modal-content\" (mousedown)=\"allowClose = false\"> -->\r\n\t<div class=\"modal-content\" (click)=\"$event.stopPropagation()\">\r\n\t\t<div><!-- Content Will Drop Here --></div>\r\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t</div>\r\n</div>\r\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-modal', standalone: false, template: "<div\r\n\t[hidden]=\"!showModal\"\r\n\tclass=\"modal\"\r\n\t[ngClass]=\"class + ' ' + size\"\r\n\t(click)=\"onClickOutside()\"\r\n>\r\n\t<!--  (click)=\"$event.stopPropagation()\" -->\r\n\t<!-- <div class=\"modal-content\" (mousedown)=\"allowClose = false\"> -->\r\n\t<div class=\"modal-content\" (click)=\"$event.stopPropagation()\">\r\n\t\t<div><!-- Content Will Drop Here --></div>\r\n\t\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t</div>\r\n</div>\r\n", styles: [".modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#000;background-color:#00000080}.modal-content{position:relative;background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;min-width:20%;max-width:80%}.close{color:#aaa;position:absolute;right:10px;top:3px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
-        }] });
-
-class LoaderComponent {
-    loader;
-    text = 'Loading';
-    class = '';
-    progress = true;
-    timeout = 5000;
-    close;
-    closable = true;
-    constructor() { }
-    ngOnInit() {
-        if (this.timeout) {
-            setTimeout(() => {
-                this.close();
-            }, this.timeout);
-        }
+    /**
+     * Finds the first signal in the array whose object's field matches the provided value.
+     * @template Document
+     * @param {Signal<Document>[]} signals - Array of signals to search.
+     * @param {unknown} value - The value to match.
+     * @param {string} [field='_id'] - The object field to match against.
+     * @returns {Signal<Document> | undefined} The found signal or undefined if not found.
+     */
+    findSignalByField(signals, value, field = '_id') {
+        return signals.find((sig) => sig()[field] === value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: LoaderComponent, isStandalone: false, selector: "lib-loader", viewQueries: [{ propertyName: "loader", first: true, predicate: ["loader"], descendants: true }], ngImport: i0, template: "<div\r\n\tstyle=\"\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tbackground-color: #334d6e;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tz-index: 999999;\r\n\t\"\r\n\t#loader\r\n>\r\n\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t<span style=\"font-size: 30px; color: white\">\r\n\t\t{{ text }}\r\n\t</span>\r\n</div>\r\n", styles: [".close{color:#aaa;position:absolute;right:20px;top:20px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: LoaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-loader', standalone: false, template: "<div\r\n\tstyle=\"\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tbackground-color: #334d6e;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tz-index: 999999;\r\n\t\"\r\n\t#loader\r\n>\r\n\t<span class=\"close\" (click)=\"close()\" *ngIf=\"closable\">&times;</span>\r\n\t<span style=\"font-size: 30px; color: white\">\r\n\t\t{{ text }}\r\n\t</span>\r\n</div>\r\n", styles: [".close{color:#aaa;position:absolute;right:20px;top:20px;font-size:32px;line-height:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { loader: [{
-                type: ViewChild,
-                args: ['loader', { static: false }]
-            }] } });
-
-/**
- * BaseComponent is an abstract class that provides basic functionality for managing the current timestamp.
- */
-class BaseComponent {
     /**
-     * The current timestamp in milliseconds since the Unix epoch.
+     * Updates the first writable signal in the array whose object's field matches the provided value.
+     * @template Document
+     * @param {WritableSignal<Document>[]} signals - Array of writable signals to search.
+     * @param {unknown} value - The value to match.
+     * @param {(val: Document) => Document} updater - Function to produce the updated object.
+     * @param {string} field - The object field to match against.
+     * @returns {void}
      */
-    now = new Date().getTime();
+    updateSignalByField(signals, value, updater, field) {
+        const sig = this.findSignalByField(signals, value, field);
+        if (sig)
+            sig.update(updater);
+    }
     /**
-     * Refreshes the `now` property with the current timestamp.
+     * Removes the first signal from the array whose object's field matches the provided value.
+     * @template Document
+     * @param {WritableSignal<Document>[]} signals - The signals array to modify.
+     * @param {unknown} value - The value to match.
+     * @param {string} [field='_id'] - The object field to match against.
+     * @returns {void}
      */
-    refreshNow() {
-        this.now = new Date().getTime();
+    removeSignalByField(signals, value, field = '_id') {
+        const idx = signals.findIndex((sig) => sig()[field] === value);
+        if (idx > -1)
+            signals.splice(idx, 1);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CoreService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CoreService, providedIn: 'root' });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: CoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
 
 /**
  * Abstract reusable base class for CRUD list views.
@@ -1423,7 +1483,7 @@ class StoreService {
         }
         else {
             try {
-                this.core.localStorage.setItem(key, value);
+                localStorage.setItem(key, value);
                 callback();
             }
             catch (e) {
@@ -1445,7 +1505,7 @@ class StoreService {
                 await this.config.store.set(key, value);
             }
             else {
-                this.core.localStorage.setItem(key, value);
+                localStorage.setItem(key, value);
             }
             return true;
         }
@@ -1467,7 +1527,7 @@ class StoreService {
             this.config.store.get(key, callback, errCallback);
         }
         else {
-            const value = this.core.localStorage.getItem(key) || '';
+            const value = localStorage.getItem(key) || '';
             callback(value);
         }
     }
@@ -1484,7 +1544,7 @@ class StoreService {
                 return await this.config.store.get(key);
             }
             else {
-                return this.core.localStorage.getItem(key) || '';
+                return localStorage.getItem(key) || '';
             }
         }
         catch (err) {
@@ -1562,7 +1622,7 @@ class StoreService {
                 await this.config.store.remove(key, callback, errCallback);
             }
             else {
-                this.core.localStorage.removeItem(key);
+                localStorage.removeItem(key);
             }
             callback?.();
             return true;
@@ -1586,7 +1646,7 @@ class StoreService {
                 await this.config.store.clear();
             }
             else {
-                this.core.localStorage.clear();
+                localStorage.clear();
             }
             callback?.();
             return true;
@@ -2012,13 +2072,11 @@ class DomService {
     componentFactoryResolver;
     appRef;
     injector;
-    core;
     providedIn = {};
-    constructor(componentFactoryResolver, appRef, injector, core) {
+    constructor(componentFactoryResolver, appRef, injector) {
         this.componentFactoryResolver = componentFactoryResolver;
         this.appRef = appRef;
         this.injector = injector;
-        this.core = core;
     }
     /**
      * Appends a component to a specified element by ID.
@@ -2036,7 +2094,7 @@ class DomService {
         this.appRef.attachView(componentRef.hostView);
         const domElem = componentRef.hostView
             .rootNodes[0];
-        const element = this.core.document.getElementById(id);
+        const element = document.getElementById(id);
         if (element && typeof element.appendChild === 'function') {
             element.appendChild(domElem);
         }
@@ -2053,7 +2111,7 @@ class DomService {
      * @param element - The element to append the component to. Defaults to body.
      * @returns An object containing the native element and the component reference.
      */
-    appendComponent(component, options = {}, element = this.core.document.body) {
+    appendComponent(component, options = {}, element = document.body) {
         if (options.providedIn) {
             if (this.providedIn[options.providedIn]) {
                 return;
@@ -2106,7 +2164,7 @@ class DomService {
         }
         return component;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DomService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: CoreService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DomService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DomService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: DomService, decorators: [{
@@ -2114,17 +2172,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: CoreService }] });
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }] });
 
 class AlertService {
     dom;
-    core;
     config;
     alert;
     _container;
-    constructor(dom, core, config) {
+    constructor(dom, config) {
         this.dom = dom;
-        this.core = core;
         this.config = config;
         if (!this.config)
             this.config = DEFAULT_CONFIG;
@@ -2246,15 +2302,21 @@ class AlertService {
         this.show(opts);
     }
     destroy() {
-        this.core.document.getElementById('bottomRight').innerHTML = '';
-        this.core.document.getElementById('bottomLeft').innerHTML = '';
-        this.core.document.getElementById('bottomCenter').innerHTML = '';
-        this.core.document.getElementById('topRight').innerHTML = '';
-        this.core.document.getElementById('topLeft').innerHTML = '';
-        this.core.document.getElementById('topCenter').innerHTML = '';
-        this.core.document.getElementById('center').innerHTML = '';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertService, deps: [{ token: DomService }, { token: CoreService }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+        [
+            'bottomRight',
+            'bottomLeft',
+            'bottomCenter',
+            'topRight',
+            'topLeft',
+            'topCenter',
+            'center',
+        ].forEach((id) => {
+            const el = document.getElementById(id);
+            if (el)
+                el.innerHTML = '';
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertService, deps: [{ token: DomService }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: AlertService, decorators: [{
@@ -2262,7 +2324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: DomService }, { type: CoreService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: DomService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONFIG_TOKEN]
                 }, {
@@ -3834,7 +3896,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class HashService {
-    core;
     replacements = [
         {
             from: '%20',
@@ -3843,15 +3904,14 @@ class HashService {
     ];
     hash = {};
     done = false;
-    constructor(core) {
-        this.core = core;
+    constructor() {
         this.initialize();
     }
     /**
      * Initializes the hash service by loading the current hash from the URL.
      */
     initialize() {
-        if (!this.core.window.location.hash) {
+        if (!window.location.hash) {
             this.done = true;
             return;
         }
@@ -3863,7 +3923,7 @@ class HashService {
      */
     load() {
         this.hash = {};
-        const hashArray = this.core.window.location.hash
+        const hashArray = window.location.hash
             .replace('#!#', '')
             .replace('#', '')
             .split('&');
@@ -3908,7 +3968,7 @@ class HashService {
         const hash = Object.entries(this.hash)
             .map(([key, value]) => `${key}=${value}`)
             .join('&');
-        this.core.window.location.hash = hash;
+        window.location.hash = hash;
     }
     /**
      * Sets a value for a specific hash field and updates the URL.
@@ -3943,7 +4003,7 @@ class HashService {
         }
         this.save();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HashService, deps: [{ token: CoreService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HashService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HashService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: HashService, decorators: [{
@@ -3951,7 +4011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: CoreService }] });
+        }], ctorParameters: () => [] });
 
 class LoaderService {
     dom;
@@ -4019,7 +4079,7 @@ class SocketService {
         if (!this._config.io) {
             return;
         }
-        this._url = this._core.window.location.origin.replace('4200', '8080');
+        this._url = window.location.origin.replace('4200', '8080');
         if (!this._config)
             this._config = DEFAULT_CONFIG;
         if (typeof this._config.socket === 'object') {
@@ -4112,12 +4172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
 
 class ModalService {
     dom;
-    core;
     config;
     _modal;
-    constructor(dom, core, config) {
+    constructor(dom, config) {
         this.dom = dom;
-        this.core = core;
         this.config = config;
         if (!this.config)
             this.config = {};
@@ -4157,7 +4215,7 @@ class ModalService {
         }
         opts.id = Math.floor(Math.random() * Date.now()) + Date.now();
         this.opened[opts.id] = opts;
-        this.core.document.body.classList.add('modalOpened');
+        document.body.classList.add('modalOpened');
         let component;
         let content;
         opts.close = () => {
@@ -4167,7 +4225,7 @@ class ModalService {
                 opts.onClose();
             delete this.opened[opts.id];
             if (!Object.keys(this.opened).length) {
-                this.core.document.body.classList.remove('modalOpened');
+                document.body.classList.remove('modalOpened');
             }
         };
         if (typeof opts.timeout == 'number' && opts.timeout > 0) {
@@ -4226,9 +4284,9 @@ class ModalService {
         for (let each in this.opened) {
             this.opened[each].close();
         }
-        this.core.document.body.classList.remove('modalOpened');
+        document.body.classList.remove('modalOpened');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalService, deps: [{ token: DomService }, { token: CoreService }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalService, deps: [{ token: DomService }, { token: CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: ModalService, decorators: [{
@@ -4236,7 +4294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: DomService }, { type: CoreService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: DomService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONFIG_TOKEN]
                 }, {
@@ -4256,13 +4314,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
 
 class FileService {
     dom;
-    core;
     http;
     added = {};
     files = [];
-    constructor(dom, core, http) {
+    constructor(dom, http) {
         this.dom = dom;
-        this.core = core;
         this.http = http;
         this.dom.appendComponent(FilesComponent, {
             fs: this,
@@ -4465,8 +4521,8 @@ class FileService {
             if (!info.resize) {
                 return this.update(loadEvent.target?.result, info, file);
             }
-            const canvas = this.core.document.createElement('canvas');
-            const img = this.core.document.createElement('img');
+            const canvas = document.createElement('canvas');
+            const img = document.createElement('img');
             img.onload = () => {
                 if (img.width <= info.resize.width &&
                     img.height <= info.resize.height) {
@@ -4486,7 +4542,7 @@ class FileService {
                 canvas.width = width;
                 canvas.height = height;
                 const context = canvas.getContext('2d');
-                context.drawImage(img, 0, 0, width, height);
+                context?.drawImage(img, 0, 0, width, height);
                 const dataUrl = canvas.toDataURL('image/jpeg', 1);
                 this.update(dataUrl, info, file);
             };
@@ -4494,7 +4550,7 @@ class FileService {
         };
         reader.readAsDataURL(file);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FileService, deps: [{ token: DomService }, { token: CoreService }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FileService, deps: [{ token: DomService }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FileService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: FileService, decorators: [{
@@ -4502,17 +4558,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: DomService }, { type: CoreService }, { type: HttpService }] });
+        }], ctorParameters: () => [{ type: DomService }, { type: HttpService }] });
 
 class UiService {
-    core;
     variables = {};
     _forms = {};
     // global variable use for design purposes
     var = {};
-    constructor(core) {
-        this.core = core;
-        const storedVariables = this.core.localStorage.getItem('css_variables');
+    constructor() {
+        const storedVariables = localStorage.getItem('css_variables');
         this.variables = storedVariables ? JSON.parse(storedVariables) : {};
         for (const key in this.variables) {
             this.setProperty(key, this.variables[key]);
@@ -4595,7 +4649,7 @@ class UiService {
      * Saves the CSS variables to local storage.
      */
     save() {
-        this.core.localStorage.setItem('css_variables', JSON.stringify(this.variables));
+        localStorage.setItem('css_variables', JSON.stringify(this.variables));
     }
     /**
      * Sets a CSS variable.
@@ -4604,7 +4658,7 @@ class UiService {
      * @param value - The CSS variable value.
      */
     setProperty(key, value) {
-        this.core.document.documentElement.style.setProperty(key, value);
+        document.documentElement.style.setProperty(key, value);
     }
     /**
      * Sets multiple CSS variables.
@@ -4616,7 +4670,7 @@ class UiService {
         if (typeof opts === 'string') {
             opts = opts === 'local' ? { local: true } : { host: opts };
         }
-        if (opts.host && this.core.window.location.host !== opts.host)
+        if (opts.host && window.location.host !== opts.host)
             return;
         for (const key in variables) {
             if (opts.local) {
@@ -4690,7 +4744,7 @@ class UiService {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: UiService, deps: [{ token: CoreService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: UiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: UiService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: UiService, decorators: [{
@@ -4698,7 +4752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: CoreService }] });
+        }], ctorParameters: () => [] });
 
 class TimeService {
     datePipe;