@stemy/ngx-utils 19.9.32 → 19.9.33

package/fesm2022/stemy-ngx-utils.mjs

@@ -12,9 +12,10 @@ import * as i1 from 'ngx-device-detector';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { DateTime } from 'luxon';
 import { Invokable } from 'invokable';
+import { __decorate } from 'tslib';
 import * as i1$1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpUrlEncodingCodec, HttpClient, HttpEventType, HttpResponse } from '@angular/common/http';
-import JSON5 from 'json5';
+import { parse } from 'json5';
 import * as i1$2 from '@angular/platform-browser';
 import { ɵDomEventsPlugin as _DomEventsPlugin, EVENT_MANAGER_PLUGINS } from '@angular/platform-browser';
 import elementResizeDetectorMaker from 'element-resize-detector';
@@ -24,6 +25,10 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { toSignal } from '@angular/core/rxjs-interop';
 
 class CanvasColor {
+    r;
+    g;
+    b;
+    a;
     constructor(r, g, b, a = 255) {
         this.r = r;
         this.g = g;
@@ -50,6 +55,11 @@ function ObjectType(type) {
     };
 }
 class PaginationItemContext {
+    item;
+    parallelItem;
+    count;
+    index;
+    dataIndex;
     constructor(item, parallelItem, count, index, dataIndex) {
         this.item = item;
         this.parallelItem = parallelItem;
@@ -84,11 +94,21 @@ class PaginationItemContext {
 const EDITOR_TYPES = ["php", "json", "html", "css", "scss"];
 // --- Resource if ---
 class ResourceIfContext {
+    resource;
+    url;
 }
 class IConfiguration {
+    cdnUrl;
+    baseUrl;
+    baseDomain;
+    apiUrl;
+    translationUrl;
+    translationUrls;
+    translationExt;
 }
 // --- Valued promise ---
 class ValuedPromise extends Promise {
+    value;
 }
 
 const ICON_TYPE = new InjectionToken("icon-component-type");
@@ -118,15 +138,13 @@ const STATIC_SCHEMAS = new InjectionToken("static-openapi-schemas");
 const SCHEMA_SELECTOR = new InjectionToken("openapi-schema-selector");
 
 class AjaxRequestHandler {
-    static { this.isOverridden = false; }
+    pattern;
+    callback;
+    static isOverridden = false;
+    params;
     constructor(pattern, callback) {
         this.pattern = pattern;
         this.callback = callback;
-        this.listener = (event) => {
-            const details = event.detail;
-            if (this.pattern.test(details.url))
-                this.callback(details, this.params);
-        };
         this.params = {};
         if (typeof XMLHttpRequest !== "undefined" && !AjaxRequestHandler.isOverridden) {
             AjaxRequestHandler.isOverridden = true;
@@ -155,6 +173,11 @@ class AjaxRequestHandler {
         window.removeEventListener("ajaxRequest", this.listener);
         return this;
     }
+    listener = (event) => {
+        const details = event.detail;
+        if (this.pattern.test(details.url))
+            this.callback(details, this.params);
+    };
 }
 
 function defaultPredicate(value, key, target, source) {
@@ -646,6 +669,8 @@ class ReflectUtils {
  * Use this service to determine which is the current environment
  */
 class UniversalService {
+    platformId;
+    dds;
     get isBrowser() {
         return isPlatformBrowser(this.platformId);
     }
@@ -699,6 +724,7 @@ class UniversalService {
     get isCrawler() {
         return this.crawler;
     }
+    crawler;
     constructor(platformId, dds) {
         this.platformId = platformId;
         this.dds = dds;
@@ -708,8 +734,8 @@ class UniversalService {
     checkBrowser(name) {
         return this.browserName.includes(name) || false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UniversalService, deps: [{ token: PLATFORM_ID }, { token: i1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UniversalService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UniversalService, deps: [{ token: PLATFORM_ID }, { token: i1.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UniversalService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UniversalService, decorators: [{
             type: Injectable
@@ -724,6 +750,15 @@ const emptyParams = {};
 const emptySegments = [];
 const emptyComponents = [];
 class StateService {
+    injector;
+    zone;
+    universal;
+    router;
+    contexts;
+    globalExtras;
+    $snapshot;
+    $component;
+    stateInfo;
     static toPath(route, params) {
         let path = route.path || "";
         ObjectUtils.iterate(params, (value, key) => {
@@ -902,8 +937,8 @@ class StateService {
         }
         return [url, extras];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StateService, deps: [{ token: i0.Injector }, { token: i0.NgZone }, { token: UniversalService }, { token: i2.Router, optional: true }, { token: i2.ChildrenOutletContexts, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StateService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StateService, deps: [{ token: i0.Injector }, { token: i0.NgZone }, { token: UniversalService }, { token: i2.Router, optional: true }, { token: i2.ChildrenOutletContexts, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StateService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StateService, decorators: [{
             type: Injectable
@@ -914,6 +949,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class AuthGuard {
+    injector;
+    state;
+    auth;
     static guardAuthenticated(auth) {
         return Promise.resolve(auth.isAuthenticated);
     }
@@ -1022,8 +1060,8 @@ class AuthGuard {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AuthGuard, deps: [{ token: Injector }, { token: StateService }, { token: AUTH_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AuthGuard }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AuthGuard, deps: [{ token: Injector }, { token: StateService }, { token: AUTH_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AuthGuard });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable
@@ -1077,13 +1115,11 @@ function cachedFactory(providers) {
 }
 
 class BlurStack {
-    constructor() {
-        this.r = 0;
-        this.g = 0;
-        this.b = 0;
-        this.a = 0;
-        this.next = null;
-    }
+    r = 0;
+    g = 0;
+    b = 0;
+    a = 0;
+    next = null;
 }
 const mul_table = [
     512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512,
@@ -1648,8 +1684,8 @@ class DateUtils {
 }
 
 class FileUtils {
-    static { this.base64 = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{4}|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)$/g; }
-    static { this.blobCache = new Map(); }
+    static base64 = /^([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{4}|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)$/g;
+    static blobCache = new Map();
     static readBlob(http, url) {
         if (!FileUtils.blobCache.has(url)) {
             FileUtils.blobCache.set(url, firstValueFrom(http.get(url, {
@@ -1824,6 +1860,7 @@ class GenericValue extends Subject {
         this._value = value;
         this.next(value);
     }
+    _value;
     constructor(value = null) {
         super();
         this._value = value;
@@ -1834,6 +1871,15 @@ class GenericValue extends Subject {
 }
 
 class FileSystemEntry {
+    label;
+    meta;
+    image;
+    data;
+    openCb;
+    result;
+    path;
+    level;
+    classes;
     get parent() {
         return this.level === 0 ? null : this.path[this.level - 1] || null;
     }
@@ -1874,6 +1920,7 @@ class FileSystemEntry {
 }
 
 class HitZoneRenderer {
+    pattern;
     constructor() {
         return Invokable.create(this);
     }
@@ -2080,7 +2127,7 @@ function lerpPts(a, b, t) {
     const diff = subPts(b, a);
     return addPts(a, multiplyPts(diff, t));
 }
-function lengthSq$1(p) {
+function lengthSq(p) {
     return p.x * p.x + p.y * p.y;
 }
 function lengthOfPt(p) {
@@ -2253,6 +2300,7 @@ class Shape {
     get y() {
         return this.center.y;
     }
+    pt;
     constructor(x, y) {
         this.pt = { x, y };
     }
@@ -2267,7 +2315,7 @@ class Shape {
     }
 }
 class Point extends Shape {
-    static { this.Zero = new Point(0, 0); }
+    static Zero = new Point(0, 0);
     get length() {
         return lengthOfPt(this);
     }
@@ -2353,6 +2401,10 @@ class Point extends Shape {
     }
 }
 class Rect extends Shape {
+    width;
+    height;
+    rotation;
+    radius;
     constructor(x, y, width, height, rotation = 0, radius = 0) {
         super(x, y);
         this.width = width;
@@ -2410,6 +2462,9 @@ class Rect extends Shape {
     }
 }
 class Oval extends Shape {
+    width;
+    height;
+    rotation;
     constructor(x, y, width, height, rotation = 0) {
         super(x, y);
         this.width = width;
@@ -2458,6 +2513,7 @@ class Oval extends Shape {
     }
 }
 class Circle extends Oval {
+    radius;
     constructor(x, y, radius, rotation = 0) {
         super(x, y, radius * 2, radius * 2, rotation);
         this.radius = radius;
@@ -2471,6 +2527,7 @@ class Circle extends Oval {
     }
 }
 class ShapeGroup extends Shape {
+    subShapes;
     constructor(x, y, subShapes) {
         super(x, y);
         this.subShapes = subShapes;
@@ -2512,6 +2569,9 @@ class ShapeGroup extends Shape {
 }
 
 class Initializer {
+    callback;
+    shouldInit;
+    initialized;
     get isInitialized() {
         return this.initialized;
     }
@@ -2531,7 +2591,7 @@ class Initializer {
 }
 
 class LoaderUtils {
-    static { this.promises = {}; }
+    static promises = {};
     static loadScript(src, async = false, type = "text/javascript", parent, time = false) {
         return LoaderUtils.loadElement(src, parent, time, url => {
             const script = document.createElement("script");
@@ -3069,6 +3129,15 @@ function random4(_, index) {
         .substring(1);
 }
 class SocketClient {
+    url;
+    ioLoader;
+    status;
+    channels;
+    responseHandlers;
+    sid;
+    open;
+    factory;
+    ws;
     get id() {
         return this.open ? this.sid : null;
     }
@@ -3195,17 +3264,9 @@ class UniqueUtils {
     }
 }
 
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 var Enum_1;
 let Enum = Enum_1 = class Enum {
+    value;
     get length() {
         return this.value?.length ?? 0;
     }
@@ -3232,11 +3293,18 @@ let Enum = Enum_1 = class Enum {
     }
 };
 Enum = Enum_1 = __decorate([
-    ObjectType("enum"),
-    __metadata("design:paramtypes", [Object])
+    ObjectType("enum")
 ], Enum);
 
 class EventsService {
+    eventForwarded;
+    stickyUpdated;
+    languageChanged;
+    editLanguageChanged;
+    translationsEnabled;
+    userChanged;
+    sticky;
+    user;
     get isSticky() {
         return this.sticky;
     }
@@ -3263,8 +3331,8 @@ class EventsService {
         this.sticky = sticky;
         this.stickyUpdated.next(sticky);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EventsService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EventsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EventsService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EventsService, decorators: [{
             type: Injectable
@@ -3272,6 +3340,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
 
 const emptyGuards = [];
 class AclService {
+    injector;
+    state;
+    events;
+    components;
     constructor(injector, state, events) {
         this.injector = injector;
         this.state = state;
@@ -3359,14 +3431,17 @@ class AclService {
         info.component = this.state.component;
         return info;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AclService, deps: [{ token: i0.Injector }, { token: StateService }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AclService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AclService, deps: [{ token: i0.Injector }, { token: StateService }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AclService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AclService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }, { type: StateService }, { type: EventsService }] });
 
 class RequestBag {
+    source;
+    headers;
+    params;
     get requestHeaders() {
         return this.headers;
     }
@@ -3437,6 +3512,8 @@ class RequestBag {
 }
 
 class BaseHttpClient extends HttpClient {
+    renewTokenFunc;
+    bag;
     constructor(handler) {
         super(handler);
         this.bag = new RequestBag();
@@ -3462,8 +3539,8 @@ class BaseHttpClient extends HttpClient {
     makeHeaders() {
         return this.bag.makeHeaders();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpClient, deps: [{ token: i1$1.HttpHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpClient }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpClient, deps: [{ token: i1$1.HttpHandler }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpClient });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpClient, decorators: [{
             type: Injectable
@@ -3473,6 +3550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
  * Use this service instead of Storage to avoid Angular Universal breaks on server environment
  */
 class StorageService {
+    universal;
     constructor(universal) {
         this.universal = universal;
     }
@@ -3506,17 +3584,21 @@ class StorageService {
         const storage = mode == StorageMode.Local ? localStorage : sessionStorage;
         storage.removeItem(key);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StorageService, deps: [{ token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StorageService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StorageService, deps: [{ token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StorageService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StorageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: UniversalService }] });
 
 class CacheService {
+    events;
     get userChanged() {
         return this.events.userChanged;
     }
+    ignore;
+    permanent;
+    caches;
     constructor(events) {
         this.events = events;
         this.ignore = new BehaviorSubject(null).pipe(delay(5));
@@ -3545,14 +3627,22 @@ class CacheService {
         });
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CacheService, deps: [{ token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CacheService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CacheService, deps: [{ token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CacheService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CacheService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: EventsService }] });
 
 class BaseHttpService {
+    injector;
+    client;
+    storage;
+    caches;
+    language;
+    toaster;
+    configs;
+    request;
     get name() {
         return "base";
     }
@@ -3568,7 +3658,8 @@ class BaseHttpService {
     get universal() {
         return this.storage.universal;
     }
-    static { this.failedRequests = []; }
+    static failedRequests = [];
+    bag;
     static retryFailedRequests() {
         BaseHttpService.failedRequests.forEach(r => r());
         BaseHttpService.failedRequests = [];
@@ -3888,8 +3979,8 @@ class BaseHttpService {
         const separator = url.startsWith("/") ? "" : "/";
         return `${req.protocol}://${req.get("host")}${separator}${url}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpService, deps: [{ token: i0.Injector }, { token: BaseHttpClient }, { token: StorageService }, { token: CacheService }, { token: LANGUAGE_SERVICE }, { token: TOASTER_SERVICE }, { token: CONFIG_SERVICE }, { token: EXPRESS_REQUEST, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpService, deps: [{ token: i0.Injector }, { token: BaseHttpClient }, { token: StorageService }, { token: CacheService }, { token: LANGUAGE_SERVICE }, { token: TOASTER_SERVICE }, { token: CONFIG_SERVICE }, { token: EXPRESS_REQUEST, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseHttpService, decorators: [{
             type: Injectable
@@ -3909,6 +4000,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                     args: [EXPRESS_REQUEST]
                 }] }] });
 class HttpPromise extends Promise {
+    rejectHandler;
+    hasRejectHandler;
+    attachCount;
+    runCount;
     constructor(rejectHandler, executor) {
         super(executor);
         this.rejectHandler = rejectHandler;
@@ -3969,8 +4064,8 @@ class ApiService extends BaseHttpService {
         options.params = Object.assign(options.params || {}, params || {});
         return this.listPromise(url, options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ApiService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ApiService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ApiService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ApiService, decorators: [{
             type: Injectable
@@ -3986,6 +4081,16 @@ class StaticAuthService {
 }
 
 class ConfigService {
+    http;
+    universal;
+    injector;
+    rootElement;
+    baseUrl;
+    baseConfig;
+    loadedConfig;
+    scriptParameters;
+    loader;
+    loaderFunc;
     get load() {
         return this.loaderFunc;
     }
@@ -4033,7 +4138,7 @@ class ConfigService {
         const configUrl = this.configUrl;
         try {
             const config5 = await firstValueFrom(this.http.get(isDevMode() ? `${configUrl}5` : configUrl, { responseType: "text" }));
-            return JSON5.parse(config5);
+            return parse(config5);
         }
         catch (e) {
             try {
@@ -4088,8 +4193,8 @@ class ConfigService {
             return "";
         return decodeURIComponent(results[2].replace(/\+/g, " "));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ConfigService, deps: [{ token: BaseHttpClient }, { token: UniversalService }, { token: i0.Injector }, { token: ROOT_ELEMENT }, { token: APP_BASE_URL }, { token: BASE_CONFIG, optional: true }, { token: SCRIPT_PARAMS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ConfigService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ConfigService, deps: [{ token: BaseHttpClient }, { token: UniversalService }, { token: i0.Injector }, { token: ROOT_ELEMENT }, { token: APP_BASE_URL }, { token: BASE_CONFIG, optional: true }, { token: SCRIPT_PARAMS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ConfigService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ConfigService, decorators: [{
             type: Injectable
@@ -4112,6 +4217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class BaseDialogService {
+    toaster;
     constructor(toaster) {
         this.toaster = toaster;
     }
@@ -4164,8 +4270,8 @@ class BaseDialogService {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseDialogService, deps: [{ token: TOASTER_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseDialogService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseDialogService, deps: [{ token: TOASTER_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseDialogService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseDialogService, decorators: [{
             type: Injectable
@@ -4175,6 +4281,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class ErrorHandlerService extends ErrorHandler {
+    injector;
+    toaster;
+    universal;
+    errorCb;
+    errorMap;
     constructor(injector) {
         super();
         this.injector = injector;
@@ -4207,14 +4318,15 @@ class ErrorHandlerService extends ErrorHandler {
         }
         console.error(`[${date}]: ${error.message}\n${error.stack}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ErrorHandlerService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ErrorHandlerService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ErrorHandlerService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ErrorHandlerService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ErrorHandlerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
 class FormatterService {
+    language;
     get defaultPrecision() {
         return 2;
     }
@@ -4249,8 +4361,8 @@ class FormatterService {
     getPrecision(precision) {
         return ObjectUtils.isNumber(precision) ? precision : this.defaultPrecision;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatterService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatterService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatterService, decorators: [{
             type: Injectable
@@ -4260,6 +4372,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class GlobalTemplateService {
+    templatesUpdated;
+    globalTemplates;
+    componentModifiers;
     constructor() {
         this.templatesUpdated = new BehaviorSubject([]);
         this.globalTemplates = {};
@@ -4286,20 +4401,24 @@ class GlobalTemplateService {
     addComponentModifier(id, modifier) {
         this.componentModifiers[id] = modifier;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class HrefSerializer {
+    baseHref;
+    urlSerializer;
     get count() {
         return this.promiseCount;
     }
     get onChanged() {
         return this.promiseChanged;
     }
+    promiseCount;
+    promiseChanged;
     constructor(baseHref, urlSerializer) {
         this.baseHref = baseHref;
         this.urlSerializer = urlSerializer;
@@ -4314,8 +4433,8 @@ class HrefSerializer {
             ? `${this.baseHref}${serialized}`.replace(/\/\/$/, "/")
             : serialized;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: HrefSerializer, deps: [{ token: APP_BASE_HREF }, { token: i2.UrlSerializer }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: HrefSerializer }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: HrefSerializer, deps: [{ token: APP_BASE_HREF }, { token: i2.UrlSerializer }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: HrefSerializer });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: HrefSerializer, decorators: [{
             type: Injectable
@@ -4325,6 +4444,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }, { type: i2.UrlSerializer }] });
 
 class LocalHttpService extends BaseHttpService {
+    svgs;
+    images;
     get name() {
         return "local-http";
     }
@@ -4412,14 +4533,15 @@ class LocalHttpService extends BaseHttpService {
             throw new Error(`Can't get svg from url: ${url}, Error: ${e?.message}`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LocalHttpService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LocalHttpService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LocalHttpService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LocalHttpService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LocalHttpService, decorators: [{
             type: Injectable
         }] });
 
 class IconService {
+    http;
     get isDisabled() {
         return this.disabled;
     }
@@ -4427,6 +4549,8 @@ class IconService {
         this.disabled = value;
         this.iconsLoaded.emit();
     }
+    iconsLoaded;
+    disabled;
     constructor(http) {
         this.http = http;
         this.iconsLoaded = new EventEmitter();
@@ -4445,8 +4569,8 @@ class IconService {
         const src = await this.getIcon(icon, icon, false);
         return this.http.svgFromSource(src, modifier);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconService, deps: [{ token: LocalHttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconService, deps: [{ token: LocalHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconService, decorators: [{
             type: Injectable
@@ -4454,6 +4578,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
 
 const EMPTY_DICT = {};
 class StaticLanguageService {
+    events;
+    storage;
+    configs;
+    promises;
+    client;
     get defaultLanguage() {
         return this.configs.getQueryParameter("lang") || this.storage.get("language", this.getDefaultLanguage());
     }
@@ -4503,6 +4632,13 @@ class StaticLanguageService {
     get universal() {
         return this.storage.universal;
     }
+    editLang;
+    currentLang;
+    enableTrans;
+    languageList;
+    translations;
+    overrideTranslations;
+    mergedTranslations;
     constructor(events, storage, configs, promises, client) {
         this.events = events;
         this.storage = storage;
@@ -4641,8 +4777,8 @@ class StaticLanguageService {
             return merged;
         }, {});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StaticLanguageService, deps: [{ token: EventsService }, { token: StorageService }, { token: CONFIG_SERVICE }, { token: PROMISE_SERVICE }, { token: BaseHttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StaticLanguageService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StaticLanguageService, deps: [{ token: EventsService }, { token: StorageService }, { token: CONFIG_SERVICE }, { token: PROMISE_SERVICE }, { token: BaseHttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StaticLanguageService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StaticLanguageService, decorators: [{
             type: Injectable
@@ -4664,6 +4800,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class LanguageService extends StaticLanguageService {
+    translationRequests;
+    settingsPromise;
+    languageSettings;
     get currentLanguage() {
         return this.currentLang || this.defaultLanguage;
     }
@@ -4790,14 +4929,21 @@ class LanguageService extends StaticLanguageService {
         });
         return this.settingsPromise;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LanguageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LanguageService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LanguageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LanguageService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: LanguageService, decorators: [{
             type: Injectable
         }] });
 
 class OpenApiService {
+    api;
+    schemaSelector;
+    staticSchemas;
+    injector;
+    apiDocs;
+    schemas;
+    dynamicSchemas;
     constructor(api, schemaSelector, staticSchemas, injector) {
         this.api = api;
         this.schemaSelector = schemaSelector;
@@ -4894,8 +5040,8 @@ class OpenApiService {
             return map[value];
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: OpenApiService, deps: [{ token: API_SERVICE }, { token: SCHEMA_SELECTOR }, { token: STATIC_SCHEMAS }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: OpenApiService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: OpenApiService, deps: [{ token: API_SERVICE }, { token: SCHEMA_SELECTOR }, { token: STATIC_SCHEMAS }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: OpenApiService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: OpenApiService, decorators: [{
             type: Injectable
@@ -4911,6 +5057,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }, { type: i0.Injector }] });
 
 class BaseToasterService {
+    language;
+    colorMap;
     constructor(language) {
         this.language = language;
         this.colorMap = {
@@ -4970,8 +5118,8 @@ class BaseToasterService {
         console.log(message, `background: ${this.colorMap[type]}; color: #ffffff`, params);
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseToasterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseToasterService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseToasterService, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseToasterService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BaseToasterService, decorators: [{
             type: Injectable
@@ -4981,6 +5129,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class ComponentLoaderService {
+    appRef;
+    ngModule;
+    rootElement;
+    typeMap;
+    moduleRegistry;
+    moduleMap;
     get injector() {
         return this.ngModule.injector;
     }
@@ -5092,8 +5246,8 @@ class ComponentLoaderService {
         }));
         return this.moduleMap.get(moduleInfo.moduleId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderService, deps: [{ token: i0.ApplicationRef }, { token: i0.NgModuleRef }, { token: ROOT_ELEMENT }, { token: DYNAMIC_MODULE_INFO, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderService, deps: [{ token: i0.ApplicationRef }, { token: i0.NgModuleRef }, { token: ROOT_ELEMENT }, { token: DYNAMIC_MODULE_INFO, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderService, decorators: [{
             type: Injectable
@@ -5108,6 +5262,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class TranslatedUrlSerializer extends DefaultUrlSerializer {
+    language;
+    cache;
     constructor(language) {
         super();
         this.language = language;
@@ -5166,8 +5322,8 @@ class TranslatedUrlSerializer extends DefaultUrlSerializer {
         });
         return newGroup;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatedUrlSerializer, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatedUrlSerializer }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatedUrlSerializer, deps: [{ token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatedUrlSerializer });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatedUrlSerializer, decorators: [{
             type: Injectable
@@ -5177,12 +5333,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class PromiseService {
+    zone;
     get count() {
         return this.promiseCount;
     }
     get onChanged() {
         return this.promiseChanged;
     }
+    promiseCount;
+    promiseChanged;
     constructor(zone) {
         this.zone = zone;
         this.promiseCount = 0;
@@ -5219,8 +5378,8 @@ class PromiseService {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PromiseService, deps: [{ token: NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PromiseService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PromiseService, deps: [{ token: NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PromiseService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PromiseService, decorators: [{
             type: Injectable
@@ -5230,6 +5389,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class SocketService {
+    api;
+    ioPath;
+    events;
+    client;
+    userSub;
     get status() {
         return this.client.status;
     }
@@ -5293,8 +5457,8 @@ class SocketService {
     request(event, content) {
         return this.client.request(event, content);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SocketService, deps: [{ token: API_SERVICE }, { token: SOCKET_IO_PATH }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SocketService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SocketService, deps: [{ token: API_SERVICE }, { token: SOCKET_IO_PATH }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SocketService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SocketService, decorators: [{
             type: Injectable
@@ -5307,6 +5471,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }, { type: EventsService }] });
 
 class DragDropHandler {
+    el;
+    static handlers;
+    onDragStart;
+    onDragEnter;
+    onDragOver;
+    onDragLeave;
+    onDrop;
+    first;
+    second;
+    dropEffect;
+    effectAllowed;
+    listeners;
     static get(el) {
         if (DragDropHandler.handlers?.has(el)) {
             return DragDropHandler.handlers.get(el);
@@ -5398,7 +5574,8 @@ class DragDropHandler {
 function emptyRemove$2() {
 }
 class DragDropEventPlugin extends _DomEventsPlugin {
-    static { this.EVENT_NAMES = ["dragstart", "dragenter", "dragleave", "drop"]; }
+    universal;
+    static EVENT_NAMES = ["dragstart", "dragenter", "dragleave", "drop"];
     constructor(doc, universal) {
         super(doc);
         this.universal = universal;
@@ -5419,8 +5596,8 @@ class DragDropEventPlugin extends _DomEventsPlugin {
             return () => dd.removeListener(eventName, callback);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DragDropEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DragDropEventPlugin }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DragDropEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DragDropEventPlugin });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DragDropEventPlugin, decorators: [{
             type: Injectable
@@ -5430,6 +5607,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }, { type: UniversalService }] });
 
 class ResizeDetector {
+    resizeStrategy;
+    detector;
+    isObservable;
+    observers;
     constructor(resizeStrategy) {
         this.resizeStrategy = resizeStrategy;
         this.detector = elementResizeDetectorMaker({
@@ -5472,7 +5653,11 @@ function isWindow(el) {
     return typeof window !== "undefined" && el === window;
 }
 class ResizeEventPlugin extends _DomEventsPlugin {
-    static { this.EVENT_NAME = "resize"; }
+    resizeDelay;
+    resizeStrategy;
+    universal;
+    static EVENT_NAME = "resize";
+    detector;
     constructor(doc, resizeDelay, resizeStrategy, universal) {
         super(doc);
         this.resizeDelay = resizeDelay;
@@ -5517,8 +5702,8 @@ class ResizeEventPlugin extends _DomEventsPlugin {
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResizeEventPlugin, deps: [{ token: DOCUMENT }, { token: RESIZE_DELAY }, { token: RESIZE_STRATEGY }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResizeEventPlugin }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResizeEventPlugin, deps: [{ token: DOCUMENT }, { token: RESIZE_DELAY }, { token: RESIZE_STRATEGY }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResizeEventPlugin });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResizeEventPlugin, decorators: [{
             type: Injectable
@@ -5536,7 +5721,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
 function emptyRemove() {
 }
 class ScrollEventPlugin extends _DomEventsPlugin {
-    static { this.EVENT_NAME = "scroll"; }
+    universal;
+    static EVENT_NAME = "scroll";
     constructor(doc, universal) {
         super(doc);
         this.universal = universal;
@@ -5556,8 +5742,8 @@ class ScrollEventPlugin extends _DomEventsPlugin {
             return () => element.removeEventListener(eventName, callback);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ScrollEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ScrollEventPlugin }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ScrollEventPlugin, deps: [{ token: DOCUMENT }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ScrollEventPlugin });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ScrollEventPlugin, decorators: [{
             type: Injectable
@@ -5579,8 +5765,8 @@ class ChunkPipe {
         });
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ChunkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ChunkPipe, isStandalone: false, name: "chunk" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ChunkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ChunkPipe, isStandalone: false, name: "chunk" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ChunkPipe, decorators: [{
             type: Pipe,
@@ -5605,8 +5791,8 @@ class EntriesPipe {
         });
         return entries;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EntriesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: EntriesPipe, isStandalone: false, name: "entries" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EntriesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: EntriesPipe, isStandalone: false, name: "entries" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: EntriesPipe, decorators: [{
             type: Pipe,
@@ -5634,8 +5820,8 @@ class ExtraItemPropertiesPipe {
             return result;
         }, { ...item }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ExtraItemPropertiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ExtraItemPropertiesPipe, isStandalone: false, name: "extraItemProperties" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ExtraItemPropertiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ExtraItemPropertiesPipe, isStandalone: false, name: "extraItemProperties" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ExtraItemPropertiesPipe, decorators: [{
             type: Pipe,
@@ -5669,8 +5855,8 @@ class FilterPipe {
             return filterFunc(value, key, params, values);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: FilterPipe, isStandalone: false, name: "filter" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: FilterPipe, isStandalone: false, name: "filter" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FilterPipe, decorators: [{
             type: Pipe,
@@ -5696,8 +5882,8 @@ class FindPipe {
         };
         return values.find((value, index) => filterFunc(value, index, params, values));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FindPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: FindPipe, isStandalone: false, name: "find" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FindPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: FindPipe, isStandalone: false, name: "find" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FindPipe, decorators: [{
             type: Pipe,
@@ -5708,14 +5894,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class FormatNumberPipe {
+    formatter;
     constructor(formatter) {
         this.formatter = formatter;
     }
     transform(value, format, precision, divider) {
         return this.formatter.formatNumber(value, format, precision, divider);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatNumberPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: FormatNumberPipe, isStandalone: false, name: "formatNumber" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatNumberPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: FormatNumberPipe, isStandalone: false, name: "formatNumber" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FormatNumberPipe, decorators: [{
             type: Pipe,
@@ -5729,8 +5916,8 @@ class GetOffsetPipe {
     transform(value, offset) {
         return value ? (ObjectUtils.isNullOrUndefined(offset) ? value : value[offset]) : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GetOffsetPipe, isStandalone: false, name: "getOffset" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetOffsetPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GetOffsetPipe, isStandalone: false, name: "getOffset" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetOffsetPipe, decorators: [{
             type: Pipe,
@@ -5744,8 +5931,8 @@ class GetTypePipe {
     transform(value) {
         return ObjectUtils.getType(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GetTypePipe, isStandalone: false, name: "getType" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GetTypePipe, isStandalone: false, name: "getType" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetTypePipe, decorators: [{
             type: Pipe,
@@ -5759,8 +5946,8 @@ class GetValuePipe {
     transform(value, path, defaultVal = "") {
         return !value ? value : ObjectUtils.getValue(value, path, defaultVal);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GetValuePipe, isStandalone: false, name: "getValue" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GetValuePipe, isStandalone: false, name: "getValue" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GetValuePipe, decorators: [{
             type: Pipe,
@@ -5771,6 +5958,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class GlobalTemplatePipe {
+    globalTemplates;
+    templatesUpdated;
+    cachedTemplateId;
+    cachedTemplate;
     constructor(globalTemplates) {
         this.globalTemplates = globalTemplates;
         this.cachedTemplateId = null;
@@ -5794,8 +5985,8 @@ class GlobalTemplatePipe {
         }
         return this.cachedTemplate;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplatePipe, deps: [{ token: GlobalTemplateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplatePipe, isStandalone: false, name: "globalTemplate", pure: false }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplatePipe, deps: [{ token: GlobalTemplateService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplatePipe, isStandalone: false, name: "globalTemplate", pure: false });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplatePipe, decorators: [{
             type: Pipe,
@@ -5820,8 +6011,8 @@ class GroupByPipe {
             return { group: key, items: groups[key] };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GroupByPipe, isStandalone: false, name: "groupBy" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: GroupByPipe, isStandalone: false, name: "groupBy" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GroupByPipe, decorators: [{
             type: Pipe,
@@ -5838,8 +6029,8 @@ class IncludesPipe {
     transform(array, ...values) {
         return ObjectUtils.isArray(array) && values.some(v => array.includes(v));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IncludesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: IncludesPipe, isStandalone: false, name: "includes" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IncludesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: IncludesPipe, isStandalone: false, name: "includes" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IncludesPipe, decorators: [{
             type: Pipe,
@@ -5853,8 +6044,8 @@ class IsTypePipe {
     transform(value, type) {
         return ObjectUtils.getType(value) === type;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IsTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: IsTypePipe, isStandalone: false, name: "isType" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IsTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: IsTypePipe, isStandalone: false, name: "isType" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IsTypePipe, decorators: [{
             type: Pipe,
@@ -5870,8 +6061,8 @@ class JoinPipe {
             ? value.join(separator)
             : "";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: JoinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: JoinPipe, isStandalone: false, name: "join" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: JoinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: JoinPipe, isStandalone: false, name: "join" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: JoinPipe, decorators: [{
             type: Pipe,
@@ -5890,8 +6081,8 @@ class KeysPipe {
             ? Array.from(value.keys())
             : Object.keys(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: KeysPipe, isStandalone: false, name: "keys" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: KeysPipe, isStandalone: false, name: "keys" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: KeysPipe, decorators: [{
             type: Pipe,
@@ -5917,8 +6108,8 @@ class MapPipe {
         };
         return values.map((value, index) => mapperFunc(value, index, params));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: MapPipe, isStandalone: false, name: "map" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: MapPipe, isStandalone: false, name: "map" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MapPipe, decorators: [{
             type: Pipe,
@@ -5940,8 +6131,8 @@ class MaxPipe {
         };
         return ArrayUtils.max(value, (item, index) => maxSelector(item, index, params));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MaxPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: MaxPipe, isStandalone: false, name: "max" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MaxPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: MaxPipe, isStandalone: false, name: "max" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MaxPipe, decorators: [{
             type: Pipe,
@@ -5963,8 +6154,8 @@ class MinPipe {
         };
         return ArrayUtils.min(value, (item, index) => minSelector(item, index, params));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: MinPipe, isStandalone: false, name: "min" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: MinPipe, isStandalone: false, name: "min" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: MinPipe, decorators: [{
             type: Pipe,
@@ -5978,8 +6169,8 @@ class PopPipe {
     transform(value) {
         return !Array.isArray(value) ? null : Array.from(value).pop();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: PopPipe, isStandalone: false, name: "pop" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PopPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: PopPipe, isStandalone: false, name: "pop" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PopPipe, decorators: [{
             type: Pipe,
@@ -6006,8 +6197,8 @@ class ReducePipe {
         };
         return values.reduce((result, value, index) => mapperFunc(result, value, index, params), source);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReducePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ReducePipe, isStandalone: false, name: "reduce" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReducePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ReducePipe, isStandalone: false, name: "reduce" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReducePipe, decorators: [{
             type: Pipe,
@@ -6036,8 +6227,8 @@ class RemapPipe {
         });
         return remapped.map;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: RemapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: RemapPipe, isStandalone: false, name: "remap" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: RemapPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: RemapPipe, isStandalone: false, name: "remap" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: RemapPipe, decorators: [{
             type: Pipe,
@@ -6051,8 +6242,8 @@ class ReplacePipe {
     transform(value, from, to) {
         return ObjectUtils.isDefined(value) ? `${value}`.replace(from, to) : ``;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ReplacePipe, isStandalone: false, name: "replace" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ReplacePipe, isStandalone: false, name: "replace" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReplacePipe, decorators: [{
             type: Pipe,
@@ -6073,8 +6264,8 @@ class ReversePipe {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReversePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ReversePipe, isStandalone: false, name: "reverse" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReversePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ReversePipe, isStandalone: false, name: "reverse" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ReversePipe, decorators: [{
             type: Pipe,
@@ -6085,14 +6276,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class RoundPipe {
+    formatter;
     constructor(formatter) {
         this.formatter = formatter;
     }
     transform(value, precision = 2, divider = 1) {
         return this.formatter.roundNumber(value, precision, divider);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: RoundPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: RoundPipe, isStandalone: false, name: "round" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: RoundPipe, deps: [{ token: FormatterService }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: RoundPipe, isStandalone: false, name: "round" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: RoundPipe, decorators: [{
             type: Pipe,
@@ -6103,6 +6295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }], ctorParameters: () => [{ type: FormatterService }] });
 
 class SafeHtmlPipe {
+    sanitizer;
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
     }
@@ -6122,8 +6315,8 @@ class SafeHtmlPipe {
                 throw new Error(`SafePipe unable to bypass security for invalid type: ${type}`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: SafeHtmlPipe, isStandalone: false, name: "safe" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: SafeHtmlPipe, isStandalone: false, name: "safe" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SafeHtmlPipe, decorators: [{
             type: Pipe,
@@ -6137,8 +6330,8 @@ class ShiftPipe {
     transform(value) {
         return !Array.isArray(value) ? null : Array.from(value).shift();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ShiftPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ShiftPipe, isStandalone: false, name: "shift" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ShiftPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ShiftPipe, isStandalone: false, name: "shift" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ShiftPipe, decorators: [{
             type: Pipe,
@@ -6152,8 +6345,8 @@ class SplitPipe {
     transform(value, separator = ".") {
         return `${value}`.split(separator);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SplitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: SplitPipe, isStandalone: false, name: "split" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SplitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: SplitPipe, isStandalone: false, name: "split" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SplitPipe, decorators: [{
             type: Pipe,
@@ -6169,8 +6362,8 @@ class SyncAsyncPipe extends AsyncPipe {
             ? super.transform(value)
             : value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SyncAsyncPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: SyncAsyncPipe, isStandalone: false, name: "syncAsync", pure: false }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SyncAsyncPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: SyncAsyncPipe, isStandalone: false, name: "syncAsync", pure: false });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: SyncAsyncPipe, decorators: [{
             type: Pipe,
@@ -6182,6 +6375,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class TranslatePipe {
+    cdr;
+    language;
+    dictionary;
+    enabled;
+    query;
+    args;
+    params;
+    lastValue;
     get currentLang() {
         return this.language.currentLanguage;
     }
@@ -6245,9 +6446,9 @@ class TranslatePipe {
         }
         return this.lastValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: TranslatePipe, isStandalone: false, name: "translate", pure: false }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatePipe }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: LANGUAGE_SERVICE }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: TranslatePipe, isStandalone: false, name: "translate", pure: false });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatePipe });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TranslatePipe, decorators: [{
             type: Injectable
@@ -6272,8 +6473,8 @@ class ValuesPipe {
             ? value
             : Object.keys(value).map(key => value[key]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ValuesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ValuesPipe, isStandalone: false, name: "values" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ValuesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: ValuesPipe, isStandalone: false, name: "values" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ValuesPipe, decorators: [{
             type: Pipe,
@@ -6284,17 +6485,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class AsyncMethodBase {
+    disabled = signal(false);
+    context = input({});
+    onSuccess = output();
+    onError = output();
+    toaster = inject(TOASTER_SERVICE);
+    cdr = inject(ChangeDetectorRef);
+    element = inject(ElementRef);
+    loading = signal(false);
+    target = signal(this.element.nativeElement);
+    previousTarget = computedPrevious(this.target);
     constructor() {
-        this.disabled = signal(false);
-        this.context = input({});
-        this.onSuccess = output();
-        this.onError = output();
-        this.toaster = inject(TOASTER_SERVICE);
-        this.cdr = inject(ChangeDetectorRef);
-        this.element = inject(ElementRef);
-        this.loading = signal(false);
-        this.target = signal(this.element.nativeElement);
-        this.previousTarget = computedPrevious(this.target);
         effect(() => {
             const target = this.target();
             if (!target)
@@ -6366,8 +6567,8 @@ class AsyncMethodBase {
     getArgs(ev) {
         return untracked(() => [this.context(), ev]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: AsyncMethodBase, isStandalone: false, selector: "[__asmb__]", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSuccess: "onSuccess", onError: "onError" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: AsyncMethodBase, isStandalone: false, selector: "[__asmb__]", inputs: { context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSuccess: "onSuccess", onError: "onError" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodBase, decorators: [{
             type: Directive,
@@ -6381,17 +6582,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class AsyncMethodDirective extends AsyncMethodBase {
-    constructor() {
-        super(...arguments);
-        this.method = input(null, { alias: "async-method" });
-    }
+    method = input(null, { alias: "async-method" });
     getMethod() {
         return untracked(() => this.method());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: AsyncMethodDirective, isStandalone: false, selector: "[async-method]", inputs: { method: { classPropertyName: "method", publicName: "async-method", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: AsyncMethodDirective, isStandalone: false, selector: "[async-method]", inputs: { method: { classPropertyName: "method", publicName: "async-method", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: AsyncMethodBase, useExisting: AsyncMethodDirective }
-        ], exportAs: ["async-method"], usesInheritance: true, ngImport: i0 }); }
+        ], exportAs: ["async-method"], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodDirective, decorators: [{
             type: Directive,
@@ -6406,6 +6604,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class AsyncMethodTargetDirective {
+    element;
+    asyncMethod;
     constructor(element, asyncMethod) {
         this.element = element;
         this.asyncMethod = asyncMethod;
@@ -6415,8 +6615,8 @@ class AsyncMethodTargetDirective {
         }
         asyncMethod.target.set(element.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodTargetDirective, deps: [{ token: i0.ElementRef }, { token: AsyncMethodBase, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: AsyncMethodTargetDirective, isStandalone: false, selector: "[async-method-target]", ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodTargetDirective, deps: [{ token: i0.ElementRef }, { token: AsyncMethodBase, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: AsyncMethodTargetDirective, isStandalone: false, selector: "[async-method-target]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: AsyncMethodTargetDirective, decorators: [{
             type: Directive,
@@ -6431,6 +6631,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
 const defaultClass = "default-image";
 const loadingClass = "loading-image";
 class BackgroundDirective {
+    http;
+    element;
+    renderer;
+    universal;
+    background;
+    backgroundSize;
     constructor(http, element, renderer, universal) {
         this.http = http;
         this.element = element;
@@ -6458,8 +6664,8 @@ class BackgroundDirective {
             return;
         this.renderer.setStyle(this.element.nativeElement, "background-size", this.backgroundSize);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BackgroundDirective, deps: [{ token: i1$1.HttpClient }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: BackgroundDirective, isStandalone: false, selector: "[background]", inputs: { background: "background", backgroundSize: "backgroundSize" }, usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BackgroundDirective, deps: [{ token: i1$1.HttpClient }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: BackgroundDirective, isStandalone: false, selector: "[background]", inputs: { background: "background", backgroundSize: "backgroundSize" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BackgroundDirective, decorators: [{
             type: Directive,
@@ -6474,6 +6680,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class ComponentLoaderDirective {
+    vcr;
+    loader;
+    module;
+    selector;
+    cr;
     constructor(vcr, loader) {
         this.vcr = vcr;
         this.loader = loader;
@@ -6501,8 +6712,8 @@ class ComponentLoaderDirective {
         }
         this.cr.hostView.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderDirective, deps: [{ token: i0.ViewContainerRef }, { token: ComponentLoaderService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: ComponentLoaderDirective, isStandalone: false, selector: "[loadComponent]", inputs: { module: "module", selector: ["loadComponent", "selector"] }, usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderDirective, deps: [{ token: i0.ViewContainerRef }, { token: ComponentLoaderService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: ComponentLoaderDirective, isStandalone: false, selector: "[loadComponent]", inputs: { module: "module", selector: ["loadComponent", "selector"] }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ComponentLoaderDirective, decorators: [{
             type: Directive,
@@ -6518,11 +6729,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class DynamicTableTemplateDirective {
+    ref;
+    column;
+    pure;
     constructor(ref) {
         this.ref = ref;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: DynamicTableTemplateDirective, isStandalone: false, selector: "ng-template[column]", inputs: { column: "column", pure: "pure" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: DynamicTableTemplateDirective, isStandalone: false, selector: "ng-template[column]", inputs: { column: "column", pure: "pure" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableTemplateDirective, decorators: [{
             type: Directive,
@@ -6537,6 +6751,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class GlobalTemplateDirective {
+    globalTemplates;
+    template;
+    id;
     constructor(globalTemplates, template) {
         this.globalTemplates = globalTemplates;
         this.template = template;
@@ -6547,8 +6764,8 @@ class GlobalTemplateDirective {
     ngOnDestroy() {
         this.globalTemplates.remove(this.id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateDirective, deps: [{ token: GlobalTemplateService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: GlobalTemplateDirective, isStandalone: false, selector: "[globalTemplate]", inputs: { id: ["globalTemplate", "id"] }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateDirective, deps: [{ token: GlobalTemplateService }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: GlobalTemplateDirective, isStandalone: false, selector: "[globalTemplate]", inputs: { id: ["globalTemplate", "id"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: GlobalTemplateDirective, decorators: [{
             type: Directive,
@@ -6562,9 +6779,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class IconDirective {
+    element;
+    renderer;
+    icons;
+    icon;
+    activeIcon;
+    active;
+    activeChange;
     get isActive() {
         return this.active;
     }
+    iconsLoaded;
     constructor(element, renderer, icons) {
         this.element = element;
         this.renderer = renderer;
@@ -6598,8 +6823,8 @@ class IconDirective {
             this.element.nativeElement.innerHTML = icon;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ICON_SERVICE }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: IconDirective, isStandalone: false, selector: "i[icon],b[icon],p[icon],span[icon],a[icon],h1[icon],h2[icon],h3[icon],h4[icon]", inputs: { icon: "icon", activeIcon: "activeIcon", active: "active" }, outputs: { activeChange: "activeChange" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this.isActive" } }, usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ICON_SERVICE }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: IconDirective, isStandalone: false, selector: "i[icon],b[icon],p[icon],span[icon],a[icon],h1[icon],h2[icon],h3[icon],h4[icon]", inputs: { icon: "icon", activeIcon: "activeIcon", active: "active" }, outputs: { activeChange: "activeChange" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this.isActive" } }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconDirective, decorators: [{
             type: Directive,
@@ -6627,6 +6852,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class NgxTemplateOutletDirective {
+    _viewContainerRef;
+    viewRef;
+    context;
+    additionalContext;
+    ngxTemplateOutlet;
     static hasContextShapeChanged(ctxChange) {
         const prevCtxKeys = Object.keys(ctxChange.previousValue || {});
         const currCtxKeys = Object.keys(ctxChange.currentValue || {});
@@ -6697,8 +6927,8 @@ class NgxTemplateOutletDirective {
             context[propName] = ctx[propName];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxTemplateOutletDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: NgxTemplateOutletDirective, isStandalone: false, selector: "[ngxTemplateOutlet]", inputs: { context: "context", additionalContext: "additionalContext", ngxTemplateOutlet: "ngxTemplateOutlet" }, usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxTemplateOutletDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: NgxTemplateOutletDirective, isStandalone: false, selector: "[ngxTemplateOutlet]", inputs: { context: "context", additionalContext: "additionalContext", ngxTemplateOutlet: "ngxTemplateOutlet" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxTemplateOutletDirective, decorators: [{
             type: Directive,
@@ -6715,12 +6945,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class PaginationDirective {
+    zone;
+    renderer;
+    element;
     get total() {
         return this.data ? this.data.total : 0;
     }
     get items() {
         return this.data ? this.data.items : [];
     }
+    loader;
+    page;
+    itemsPerPage;
+    updateTime;
+    waitFor;
+    pageChange;
+    onRefresh;
+    maxPage;
+    data;
+    updateTimer;
+    controller;
     constructor(zone, renderer, element) {
         this.zone = zone;
         this.renderer = renderer;
@@ -6777,8 +7021,8 @@ class PaginationDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: PaginationDirective, isStandalone: false, selector: "[pagination]", inputs: { loader: ["pagination", "loader"], page: "page", itemsPerPage: "itemsPerPage", updateTime: "updateTime", waitFor: "waitFor" }, outputs: { pageChange: "pageChange", onRefresh: "onRefresh" }, exportAs: ["pagination"], usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationDirective, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: PaginationDirective, isStandalone: false, selector: "[pagination]", inputs: { loader: ["pagination", "loader"], page: "page", itemsPerPage: "itemsPerPage", updateTime: "updateTime", waitFor: "waitFor" }, outputs: { pageChange: "pageChange", onRefresh: "onRefresh" }, exportAs: ["pagination"], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationDirective, decorators: [{
             type: Directive,
@@ -6805,6 +7049,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class PaginationItemDirective {
+    pagination;
+    viewContainer;
+    templateRef;
+    onRefresh;
     constructor(pagination, viewContainer, templateRef) {
         this.pagination = pagination;
         this.viewContainer = viewContainer;
@@ -6824,8 +7072,8 @@ class PaginationItemDirective {
             this.viewContainer.createEmbeddedView(this.templateRef, item);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationItemDirective, deps: [{ token: PaginationDirective }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: PaginationItemDirective, isStandalone: false, selector: "[paginationItem]", ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationItemDirective, deps: [{ token: PaginationDirective }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: PaginationItemDirective, isStandalone: false, selector: "[paginationItem]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationItemDirective, decorators: [{
             type: Directive,
@@ -6836,6 +7084,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }], ctorParameters: () => [{ type: PaginationDirective }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }] });
 
 class ResourceIfDirective {
+    http;
+    viewContainer;
+    templateRef;
+    universal;
+    context;
+    resource;
     set resourceIf(resource) {
         this.resource = resource;
         this.renderView();
@@ -6864,8 +7118,8 @@ class ResourceIfDirective {
             }, console.log);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResourceIfDirective, deps: [{ token: i1$1.HttpClient }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: ResourceIfDirective, isStandalone: false, selector: "[resourceIf]", inputs: { resourceIf: "resourceIf" }, exportAs: ["resourceIf"], ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResourceIfDirective, deps: [{ token: i1$1.HttpClient }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: UniversalService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: ResourceIfDirective, isStandalone: false, selector: "[resourceIf]", inputs: { resourceIf: "resourceIf" }, exportAs: ["resourceIf"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ResourceIfDirective, decorators: [{
             type: Directive,
@@ -6879,6 +7133,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class StickyDirective {
+    cdr;
+    events;
+    element;
+    isSticky;
+    isUpdating;
+    parentElement;
+    updateTimer;
+    eventForwarded;
     constructor(cdr, events, element) {
         this.cdr = cdr;
         this.events = events;
@@ -6906,8 +7168,8 @@ class StickyDirective {
         this.cdr.detectChanges();
         this.updateTimer.run();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StickyDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: EventsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: StickyDirective, isStandalone: false, selector: "[sticky]", host: { listeners: { "window:resize": "updateSticky()", "window:scroll": "updateSticky()" }, properties: { "class.sticky": "this.isSticky", "class.sticky-update": "this.isUpdating" } }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StickyDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: EventsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: StickyDirective, isStandalone: false, selector: "[sticky]", host: { listeners: { "window:resize": "updateSticky()", "window:scroll": "updateSticky()" }, properties: { "class.sticky": "this.isSticky", "class.sticky-update": "this.isUpdating" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StickyDirective, decorators: [{
             type: Directive,
@@ -6930,6 +7192,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class StickyClassDirective {
+    events;
+    element;
+    renderer;
+    stickyClass;
+    stickyUpdated;
     constructor(events, element, renderer) {
         this.events = events;
         this.element = element;
@@ -6947,8 +7214,8 @@ class StickyClassDirective {
     ngOnDestroy() {
         this.stickyUpdated.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StickyClassDirective, deps: [{ token: EventsService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: StickyClassDirective, isStandalone: false, selector: "[stickyClass]", inputs: { stickyClass: "stickyClass" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StickyClassDirective, deps: [{ token: EventsService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: StickyClassDirective, isStandalone: false, selector: "[stickyClass]", inputs: { stickyClass: "stickyClass" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: StickyClassDirective, decorators: [{
             type: Directive,
@@ -6961,7 +7228,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class DropdownDirective {
-    static { this.active = null; }
+    element;
+    static active = null;
+    opened;
+    disabled;
+    /**
+     * Determines if the dropdown should be closed even if we click inside it
+     */
+    closeInside;
+    /**
+     * Determines where the floating element needs to be placed
+     */
+    attachTo;
+    /**
+     * Determines the boundary element of the floating element when shifting
+     */
+    boundary;
+    /**
+     * Where to place the floating element relative to the reference element.
+     */
+    placement;
+    /**
+     * Optimizes the visibility of the floating element by choosing the placement
+     * that has the most space available automatically, without needing to specify a
+     * preferred placement. Alternative to `flip`.
+     * @see https://floating-ui.com/docs/autoPlacement
+     */
+    autoPlacement;
+    /**
+     * Determines if the dropdown content should be displayed in a fixed full screen view under this window width
+     * @default 0
+     */
+    mobileViewUnder;
+    /**
+     * Determines if the dropdown content should always be displayed in a fixed full screen view
+     * @default false
+     */
+    fixed;
+    /**
+     * Determines if the dropdown should react to keys to close like 'Esc'
+     * @default true
+     */
+    keyboardHandler;
+    onShown;
+    onHidden;
+    onKeyboard;
+    contentElement;
+    onClick;
+    onKeyDown;
     get nativeElement() {
         return this.element.nativeElement;
     }
@@ -7074,8 +7388,8 @@ class DropdownDirective {
         }, 10);
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: DropdownDirective, isStandalone: false, selector: "[dd],[drop-down]", inputs: { closeInside: "closeInside", attachTo: "attachTo", boundary: "boundary", placement: "placement", autoPlacement: "autoPlacement", mobileViewUnder: "mobileViewUnder", fixed: "fixed", keyboardHandler: "keyboardHandler", isDisabled: "isDisabled" }, outputs: { onShown: "onShown", onHidden: "onHidden", onKeyboard: "onKeyboard" }, host: { listeners: { "keydown.enter": "show($event)", "keydown.space": "show($event)" }, properties: { "class.open": "this.isOpened", "class.disabled": "this.getDisabled" } }, exportAs: ["dropdown"], ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: DropdownDirective, isStandalone: false, selector: "[dd],[drop-down]", inputs: { closeInside: "closeInside", attachTo: "attachTo", boundary: "boundary", placement: "placement", autoPlacement: "autoPlacement", mobileViewUnder: "mobileViewUnder", fixed: "fixed", keyboardHandler: "keyboardHandler", isDisabled: "isDisabled" }, outputs: { onShown: "onShown", onHidden: "onHidden", onKeyboard: "onKeyboard" }, host: { listeners: { "keydown.enter": "show($event)", "keydown.space": "show($event)" }, properties: { "class.open": "this.isOpened", "class.disabled": "this.getDisabled" } }, exportAs: ["dropdown"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownDirective, decorators: [{
             type: Directive,
@@ -7124,6 +7438,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
 
 const rectProps = ["x", "y", "width", "height"];
 class DropdownContentDirective {
+    vcr;
+    rootElem;
+    dropdown;
+    templateRef;
+    subscription;
+    attachTo;
+    attachOutside;
+    lastPlacement;
+    cleanUp;
     constructor(vcr, rootElem, dropdown, templateRef) {
         this.vcr = vcr;
         this.rootElem = rootElem;
@@ -7303,8 +7626,8 @@ class DropdownContentDirective {
         this.createView(true);
         setTimeout(() => this.destroyView());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: ROOT_ELEMENT, optional: true }, { token: DropdownDirective, optional: true }, { token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: DropdownContentDirective, isStandalone: false, selector: "[dropdownContent]", exportAs: ["dropdown-content"], ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownContentDirective, deps: [{ token: i0.ViewContainerRef }, { token: ROOT_ELEMENT, optional: true }, { token: DropdownDirective, optional: true }, { token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: DropdownContentDirective, isStandalone: false, selector: "[dropdownContent]", exportAs: ["dropdown-content"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownContentDirective, decorators: [{
             type: Directive,
@@ -7325,12 +7648,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 }] }] });
 
 class DropdownToggleDirective extends AsyncMethodBase {
-    constructor() {
-        super(...arguments);
-        this.beforeOpen = input(null);
-        this.switch = input(true);
-        this.dropdown = inject(DropdownDirective);
-    }
+    beforeOpen = input(null);
+    switch = input(true);
+    dropdown = inject(DropdownDirective);
     getMethod() {
         return untracked(() => this.beforeOpen());
     }
@@ -7345,10 +7665,10 @@ class DropdownToggleDirective extends AsyncMethodBase {
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: DropdownToggleDirective, isStandalone: false, selector: "[dropdownToggle]", inputs: { beforeOpen: { classPropertyName: "beforeOpen", publicName: "beforeOpen", isSignal: true, isRequired: false, transformFunction: null }, switch: { classPropertyName: "switch", publicName: "switch", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: DropdownToggleDirective, isStandalone: false, selector: "[dropdownToggle]", inputs: { beforeOpen: { classPropertyName: "beforeOpen", publicName: "beforeOpen", isSignal: true, isRequired: false, transformFunction: null }, switch: { classPropertyName: "switch", publicName: "switch", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: AsyncMethodBase, useExisting: DropdownToggleDirective }
-        ], exportAs: ["dropdown-toggle"], usesInheritance: true, ngImport: i0 }); }
+        ], exportAs: ["dropdown-toggle"], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownToggleDirective, decorators: [{
             type: Directive,
@@ -7363,19 +7683,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class TabsItemDirective {
-    constructor() {
-        this.value = input(null, { alias: "tabsItem" });
-        this.label = input("");
-        this.tooltip = input("");
-        this.icon = input("");
-        this.disabled = input(false);
-        this.path = input(null);
-        this.classes = input("");
-        this.element = inject(ElementRef, { optional: true });
-        this.template = inject(TemplateRef, { optional: true });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TabsItemDirective, isStandalone: false, selector: "[tabsItem]", inputs: { value: { classPropertyName: "value", publicName: "tabsItem", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    value = input(null, { alias: "tabsItem" });
+    label = input("");
+    tooltip = input("");
+    icon = input("");
+    disabled = input(false);
+    path = input(null);
+    classes = input("");
+    element = inject(ElementRef, { optional: true });
+    template = inject(TemplateRef, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TabsItemDirective, isStandalone: false, selector: "[tabsItem]", inputs: { value: { classPropertyName: "value", publicName: "tabsItem", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsItemDirective, decorators: [{
             type: Directive,
@@ -7386,14 +7704,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class TabsTemplateDirective extends TabsItemDirective {
-    constructor() {
-        super(...arguments);
-        this.value = input(null, { alias: "tab" });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsTemplateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TabsTemplateDirective, isStandalone: false, selector: "ng-template[tab]", inputs: { value: { classPropertyName: "value", publicName: "tab", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    value = input(null, { alias: "tab" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsTemplateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.22", type: TabsTemplateDirective, isStandalone: false, selector: "ng-template[tab]", inputs: { value: { classPropertyName: "value", publicName: "tab", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: TabsItemDirective, useExisting: TabsTemplateDirective }
-        ], usesInheritance: true, ngImport: i0 }); }
+        ], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsTemplateDirective, decorators: [{
             type: Directive,
@@ -7407,6 +7722,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class UnorderedListItemDirective {
+    elementRef;
+    viewContainer;
+    item;
+    type;
+    data;
+    keyPrefix;
+    listStyle;
+    path;
+    level;
+    templates;
+    defaultTemplates;
+    isArray;
+    isObject;
+    valueIsArray;
+    valueIsObject;
+    valueType;
     get elem() {
         return this.elementRef.nativeElement;
     }
@@ -7452,8 +7783,8 @@ class UnorderedListItemDirective {
             return;
         this.item.classList.push(className);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: UnorderedListItemDirective, isStandalone: false, selector: "[unorderedListItem]", inputs: { item: ["unorderedListItem", "item"], type: "type", data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates", defaultTemplates: "defaultTemplates" }, usesOnChanges: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: UnorderedListItemDirective, isStandalone: false, selector: "[unorderedListItem]", inputs: { item: ["unorderedListItem", "item"], type: "type", data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates", defaultTemplates: "defaultTemplates" }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListItemDirective, decorators: [{
             type: Directive,
@@ -7483,11 +7814,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class UnorderedListTemplateDirective {
+    templateRef;
+    type;
+    selector;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: UnorderedListTemplateDirective, isStandalone: false, selector: "ng-template[type][selector]", inputs: { type: "type", selector: "selector" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.22", type: UnorderedListTemplateDirective, isStandalone: false, selector: "ng-template[type][selector]", inputs: { type: "type", selector: "selector" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListTemplateDirective, decorators: [{
             type: Directive,
@@ -7502,33 +7836,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class BtnComponent {
-    constructor() {
-        this.label = input("");
-        this.tooltip = input("");
-        this.icon = input("");
-        this.disabled = input(false);
-        this.path = input(null);
-        this.type = input("primary");
-        this.size = input("normal");
-        this.buttonType = inject(BUTTON_TYPE);
-        this.element = inject(ElementRef);
-        this.buttonProps = computed(() => {
-            return {
-                label: this.label(),
-                tooltip: this.tooltip(),
-                icon: this.icon(),
-                disabled: this.disabled(),
-                path: this.path(),
-                type: this.type(),
-                size: this.size()
-            };
-        });
-    }
+    label = input("");
+    tooltip = input("");
+    icon = input("");
+    disabled = input(false);
+    path = input(null);
+    type = input("primary");
+    size = input("normal");
+    buttonType = inject(BUTTON_TYPE);
+    element = inject(ElementRef);
+    buttonProps = computed(() => {
+        return {
+            label: this.label(),
+            tooltip: this.tooltip(),
+            icon: this.icon(),
+            disabled: this.disabled(),
+            path: this.path(),
+            type: this.type(),
+            size: this.size()
+        };
+    });
     contains(target) {
         return !(target instanceof HTMLElement) || this.element.nativeElement?.contains(target);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: BtnComponent, isStandalone: false, selector: "btn", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container [ngComponentOutlet]=\"buttonType\"\r\n              [ngComponentOutletInputs]=\"$any(buttonProps())\"></ng-container>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: BtnComponent, isStandalone: false, selector: "btn", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container [ngComponentOutlet]=\"buttonType\"\r\n              [ngComponentOutletInputs]=\"$any(buttonProps())\"></ng-container>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BtnComponent, decorators: [{
             type: Component,
@@ -7536,19 +7868,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class IconComponent {
-    constructor() {
-        this.name = input("trash");
-        this.iconType = inject(ICON_TYPE);
-        this.iconMap = inject(ICON_MAP);
-        this.iconProps = computed(() => {
-            const name = this.name();
-            return {
-                name: this.iconMap[name] || name,
-            };
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: IconComponent, isStandalone: false, selector: "icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container [ngComponentOutlet]=\"iconType\"\r\n              [ngComponentOutletInputs]=\"iconProps()\"></ng-container>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    name = input("trash");
+    iconType = inject(ICON_TYPE);
+    iconMap = inject(ICON_MAP);
+    iconProps = computed(() => {
+        const name = this.name();
+        return {
+            name: this.iconMap[name] || name,
+        };
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: IconComponent, isStandalone: false, selector: "icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container [ngComponentOutlet]=\"iconType\"\r\n              [ngComponentOutletInputs]=\"iconProps()\"></ng-container>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
@@ -7556,11 +7886,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class BtnDefaultComponent {
+    label;
+    tooltip;
+    icon;
+    disabled;
+    path;
+    type;
+    size;
     get bsSize() {
         return this.size === "small" ? "btn-sm" : "btn-md";
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BtnDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: BtnDefaultComponent, isStandalone: false, selector: "btn-default", inputs: { label: "label", tooltip: "tooltip", icon: "icon", disabled: "disabled", path: "path", type: "type", size: "size" }, ngImport: i0, template: "<button class=\"default-btn btn\"\r\n        type=\"button\"\r\n        async-method-target\r\n        [title]=\"!tooltip ? '' : tooltip | translate\"\r\n        [ngClass]=\"['btn-' + type, bsSize]\">\r\n    <icon [name]=\"icon\" *ngIf=\"icon\"></icon>\r\n    <span *ngIf=\"label\">{{ label | translate }}</span>\r\n</button>\r\n", styles: [".default-btn{display:flex;gap:5px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AsyncMethodTargetDirective, selector: "[async-method-target]" }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BtnDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: BtnDefaultComponent, isStandalone: false, selector: "btn-default", inputs: { label: "label", tooltip: "tooltip", icon: "icon", disabled: "disabled", path: "path", type: "type", size: "size" }, ngImport: i0, template: "<button class=\"default-btn btn\"\r\n        type=\"button\"\r\n        async-method-target\r\n        [title]=\"!tooltip ? '' : tooltip | translate\"\r\n        [ngClass]=\"['btn-' + type, bsSize]\">\r\n    <icon [name]=\"icon\" *ngIf=\"icon\"></icon>\r\n    <span *ngIf=\"label\">{{ label | translate }}</span>\r\n</button>\r\n", styles: [".default-btn{display:flex;gap:5px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: AsyncMethodTargetDirective, selector: "[async-method-target]" }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: BtnDefaultComponent, decorators: [{
             type: Component,
@@ -7582,8 +7919,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class CloseBtnComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CloseBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: CloseBtnComponent, isStandalone: false, selector: "close-btn", ngImport: i0, template: "", isInline: true, styles: ["close-btn{--close-bg: var(--primary-color, rgba(0, 0, 0, .3));--close-color: #ffffff;--close-size: 18px;--close-distance: 4px;--close-spacing: 8px;position:relative;display:block;width:var(--close-size);height:var(--close-size);cursor:pointer;transition:.2s ease;background-color:var(--close-bg);border-radius:50%}close-btn:before,close-btn:after{--rotation: 45deg;content:\"\";position:absolute;top:50%;left:50%;width:calc(100% - var(--close-spacing));transform:translate(-50%,-50%) rotate(var(--rotation));height:1px;background:var(--close-color);transition:.2s ease}close-btn:after{--rotation: -45deg}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CloseBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: CloseBtnComponent, isStandalone: false, selector: "close-btn", ngImport: i0, template: "", isInline: true, styles: ["close-btn{--close-bg: var(--primary-color, rgba(0, 0, 0, .3));--close-color: #ffffff;--close-size: 18px;--close-distance: 4px;--close-spacing: 8px;position:relative;display:block;width:var(--close-size);height:var(--close-size);cursor:pointer;transition:.2s ease;background-color:var(--close-bg);border-radius:50%}close-btn:before,close-btn:after{--rotation: 45deg;content:\"\";position:absolute;top:50%;left:50%;width:calc(100% - var(--close-spacing));transform:translate(-50%,-50%) rotate(var(--rotation));height:1px;background:var(--close-color);transition:.2s ease}close-btn:after{--rotation: -45deg}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CloseBtnComponent, decorators: [{
             type: Component,
@@ -7591,10 +7928,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class ChipsComponent {
+    cdr;
+    testId;
+    value;
+    multiple;
+    disabled;
+    type;
+    min;
+    max;
+    minLength;
+    maxLength;
+    step;
+    placeholder;
+    unique;
+    strict;
+    options;
+    valueChange;
+    chipDropdown;
+    chipButtons;
+    chipInput;
+    inputStyles;
+    valueOptions;
+    filteredOptions;
+    statuses;
+    autoPlacement;
+    undoList;
+    previousValue;
+    onChange = () => { };
+    onTouched = () => { };
     constructor(cdr) {
         this.cdr = cdr;
-        this.onChange = () => { };
-        this.onTouched = () => { };
         this.testId = "chips";
         this.value = [];
         this.multiple = true;
@@ -7791,10 +8154,10 @@ class ChipsComponent {
         const values = this.valueOptions.map(o => o.value);
         this.filteredOptions = this.filteredOptions.filter(o => !values.includes(o.value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ChipsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: ChipsComponent, isStandalone: false, selector: "chips", inputs: { testId: "testId", value: "value", multiple: "multiple", disabled: "disabled", type: "type", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", step: "step", placeholder: "placeholder", unique: "unique", strict: "strict", options: "options" }, outputs: { valueChange: "valueChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ChipsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: ChipsComponent, isStandalone: false, selector: "chips", inputs: { testId: "testId", value: "value", multiple: "multiple", disabled: "disabled", type: "type", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", step: "step", placeholder: "placeholder", unique: "unique", strict: "strict", options: "options" }, outputs: { valueChange: "valueChange" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: ChipsComponent, multi: true }
-        ], viewQueries: [{ propertyName: "chipDropdown", first: true, predicate: ["chipDropdown"], descendants: true }, { propertyName: "chipButtons", first: true, predicate: ["chipButtons"], descendants: true }, { propertyName: "chipInput", first: true, predicate: ["chipInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div dd\r\n     attachTo=\"root\"\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled}\" class=\"chips\" #chipDropdown=\"dropdown\">\r\n    <input class=\"chips-input\"\r\n           dropdownToggle\r\n           [switch]=\"false\"\r\n           [attr.data-testid]=\"testId + '-input'\"\r\n           [type]=\"type == 'number' ? 'number': 'text'\"\r\n           [min]=\"min\"\r\n           [max]=\"max\"\r\n           [step]=\"step\"\r\n           [disabled]=\"disabled\"\r\n           [placeholder]=\"valueOptions.length == 0 && placeholder | translate\"\r\n           [ngStyle]=\"inputStyles\"\r\n           (blur)=\"onBlur($event)\"\r\n           (keyup)=\"onInput($event)\"\r\n           #chipInput/>\r\n    <div class=\"chips-buttons\" #chipButtons [ngClass]=\"{disabled: disabled}\" (resize)=\"onResize()\">\r\n        <ng-container *ngFor=\"let item of valueOptions; let ix = index; trackBy:trackBy\">\r\n            <a class=\"chips-button\" [ngClass]=\"'chips-' + statuses[ix]\" (dblclick)=\"removeItem($event, ix)\">\r\n                @if (item.picture) {\r\n                    <img [src]=\"item.picture | safe:'url'\"\r\n                         class=\"chip-picture\"\r\n                         referrerpolicy=\"no-referrer\" [attr.alt]=\"item.label\">\r\n\r\n                }\r\n                <span class=\"chips-label\"\r\n                      [attr.data-testid]=\"testId + '-label-' + ix\">{{ item.label }} </span>\r\n                <close-btn class=\"chips-remove\"\r\n                           [attr.data-testid]=\"testId + '-delete-' + ix\"\r\n                           (click)=\"removeItem($event, ix)\" *ngIf=\"!disabled\"></close-btn>\r\n            </a>\r\n        </ng-container>\r\n    </div>\r\n    @if (options) {\r\n        <div class=\"chips-dropdown\" *dropdownContent>\r\n            <button [ngClass]=\"option.classes\"\r\n                    [disabled]=\"option.disabled\"\r\n                    (click)=\"enterOption(option.value)\"\r\n                    *ngFor=\"let option of filteredOptions\">\r\n                <div class=\"select-option\">\r\n                    @if (option?.picture) {\r\n                        <img [src]=\"option.picture | safe:'url'\"\r\n                             class=\"select-option-picture\"\r\n                             referrerpolicy=\"no-referrer\" [attr.alt]=\"option.label\">\r\n                    }\r\n                    <div class=\"select-option-label\">\r\n                        {{ option.label }}\r\n                    </div>\r\n                </div>\r\n            </button>\r\n        </div>\r\n    }\r\n</div>\r\n", styles: [".chips{--chips-border-size: var(--border-size, 1px);--chips-border-radius: var(--border-radius, 5px);--chips-top-border-radius: var(--chips-border-radius) var(--chips-border-radius) 0 0;--chips-bottom-border-radius: 0 0 var(--chips-border-radius) var(--chips-border-radius);--chips-bg-color: var(--bg-color, #ffffff);--chips-border-color: var(--border-color, #ced4da);--chips-highlight-color: var(--highlight-color, var(--primary-color, #888888));--chips-highlight-text-color: var(--highlight-text-color, #ffffff);--chips-text-color: var(--text-color, #151515);--chips-text-size: var(--text-size, 16px);--chips-padding-vertical: 6px;--chips-padding-horizontal: 12px;--chips-padding: var(--chips-padding-vertical) var(--chips-padding-horizontal);--chips-btn-padding: 12px;--chips-btn-gap: calc(var(--chips-btn-padding) / 2);--chips-btn-color: white;--chips-btn-valid-color: rgba(200, 255, 200, .7);--chips-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--chips-text-size);padding:var(--chips-padding);background:var(--chips-bg-color);color:var(--chips-text-color);border:var(--chips-border-size) solid var(--chips-border-color);border-radius:var(--chips-border-radius)}.chips *{box-sizing:border-box}.chips .chips-input{background:var(--chips-bg-color);padding:var(--chips-padding);font-size:var(--chips-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.chips .chips-buttons{position:absolute;top:var(--chips-padding-vertical);left:var(--chips-padding-horizontal);max-width:calc(100% - var(--chips-padding-horizontal) * 2);display:flex;gap:5px;overflow:auto;border-radius:var(--chips-border-radius)}.chips .chips-button{background:var(--chipd-btn-color);color:var(--chips-text-color);border:var(--chips-border-size) solid rgba(0,0,0,.2);border-radius:var(--chips-border-radius);padding:var(--chips-padding-vertical) var(--chips-btn-gap) var(--chips-padding-vertical) var(--chips-btn-padding);-webkit-user-select:none;user-select:none;font-weight:400;outline:none;display:flex;gap:var(--chips-btn-gap);justify-content:center;align-items:center;line-height:1.2rem;text-decoration:none}.chips .chips-button.chips-valid{--chipd-btn-color: var(--chips-btn-valid-color) }.chips .chips-button.chips-invalid{--chipd-btn-color: var(--chips-btn-invalid-color) }.chips img.chip-picture{width:28px;height:28px;object-fit:cover}.chips .chips-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips.disabled{opacity:.75}.chips.disabled .chips-button{padding-right:var(--chips-btn-padding)}.chips-dropdown:not(:empty){position:relative;z-index:1;width:var(--toggle-width, 0);display:flex;flex-direction:column;margin:-3px 0;padding:0;list-style:none;border:var(--chips-border-size) solid var(--chips-border-color);background:var(--chips-bg-color);border-radius:var(--chips-bottom-border-radius);overflow:hidden}.chips-dropdown:not(:empty) *{box-sizing:border-box}.chips-dropdown:not(:empty) button{border:none;background:none;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none;text-align:left}.chips-dropdown:not(:empty) button:hover,.chips-dropdown:not(:empty) button.active{background-color:var(--chips-highlight-color);color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) button:hover a,.chips-dropdown:not(:empty) button.active a{color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) .select-option{display:flex;gap:8px;align-items:center;justify-content:center}.chips-dropdown:not(:empty) .select-option .select-option-picture{width:32px;height:32px;object-fit:cover}.chips-dropdown:not(:empty) .select-option .select-option-label{flex:1}.dropdown-placement-top .chips-dropdown{border-radius:var(--chips-top-border-radius)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }, { kind: "component", type: CloseBtnComponent, selector: "close-btn" }, { kind: "pipe", type: SafeHtmlPipe, name: "safe" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "chipDropdown", first: true, predicate: ["chipDropdown"], descendants: true }, { propertyName: "chipButtons", first: true, predicate: ["chipButtons"], descendants: true }, { propertyName: "chipInput", first: true, predicate: ["chipInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div dd\r\n     attachTo=\"root\"\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled}\" class=\"chips\" #chipDropdown=\"dropdown\">\r\n    <input class=\"chips-input\"\r\n           dropdownToggle\r\n           [switch]=\"false\"\r\n           [attr.data-testid]=\"testId + '-input'\"\r\n           [type]=\"type == 'number' ? 'number': 'text'\"\r\n           [min]=\"min\"\r\n           [max]=\"max\"\r\n           [step]=\"step\"\r\n           [disabled]=\"disabled\"\r\n           [placeholder]=\"valueOptions.length == 0 && placeholder | translate\"\r\n           [ngStyle]=\"inputStyles\"\r\n           (blur)=\"onBlur($event)\"\r\n           (keyup)=\"onInput($event)\"\r\n           #chipInput/>\r\n    <div class=\"chips-buttons\" #chipButtons [ngClass]=\"{disabled: disabled}\" (resize)=\"onResize()\">\r\n        <ng-container *ngFor=\"let item of valueOptions; let ix = index; trackBy:trackBy\">\r\n            <a class=\"chips-button\" [ngClass]=\"'chips-' + statuses[ix]\" (dblclick)=\"removeItem($event, ix)\">\r\n                @if (item.picture) {\r\n                    <img [src]=\"item.picture | safe:'url'\"\r\n                         class=\"chip-picture\"\r\n                         referrerpolicy=\"no-referrer\" [attr.alt]=\"item.label\">\r\n\r\n                }\r\n                <span class=\"chips-label\"\r\n                      [attr.data-testid]=\"testId + '-label-' + ix\">{{ item.label }} </span>\r\n                <close-btn class=\"chips-remove\"\r\n                           [attr.data-testid]=\"testId + '-delete-' + ix\"\r\n                           (click)=\"removeItem($event, ix)\" *ngIf=\"!disabled\"></close-btn>\r\n            </a>\r\n        </ng-container>\r\n    </div>\r\n    @if (options) {\r\n        <div class=\"chips-dropdown\" *dropdownContent>\r\n            <button [ngClass]=\"option.classes\"\r\n                    [disabled]=\"option.disabled\"\r\n                    (click)=\"enterOption(option.value)\"\r\n                    *ngFor=\"let option of filteredOptions\">\r\n                <div class=\"select-option\">\r\n                    @if (option?.picture) {\r\n                        <img [src]=\"option.picture | safe:'url'\"\r\n                             class=\"select-option-picture\"\r\n                             referrerpolicy=\"no-referrer\" [attr.alt]=\"option.label\">\r\n                    }\r\n                    <div class=\"select-option-label\">\r\n                        {{ option.label }}\r\n                    </div>\r\n                </div>\r\n            </button>\r\n        </div>\r\n    }\r\n</div>\r\n", styles: [".chips{--chips-border-size: var(--border-size, 1px);--chips-border-radius: var(--border-radius, 5px);--chips-top-border-radius: var(--chips-border-radius) var(--chips-border-radius) 0 0;--chips-bottom-border-radius: 0 0 var(--chips-border-radius) var(--chips-border-radius);--chips-bg-color: var(--bg-color, #ffffff);--chips-border-color: var(--border-color, #ced4da);--chips-highlight-color: var(--highlight-color, var(--primary-color, #888888));--chips-highlight-text-color: var(--highlight-text-color, #ffffff);--chips-text-color: var(--text-color, #151515);--chips-text-size: var(--text-size, 16px);--chips-padding-vertical: 6px;--chips-padding-horizontal: 12px;--chips-padding: var(--chips-padding-vertical) var(--chips-padding-horizontal);--chips-btn-padding: 12px;--chips-btn-gap: calc(var(--chips-btn-padding) / 2);--chips-btn-color: white;--chips-btn-valid-color: rgba(200, 255, 200, .7);--chips-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--chips-text-size);padding:var(--chips-padding);background:var(--chips-bg-color);color:var(--chips-text-color);border:var(--chips-border-size) solid var(--chips-border-color);border-radius:var(--chips-border-radius)}.chips *{box-sizing:border-box}.chips .chips-input{background:var(--chips-bg-color);padding:var(--chips-padding);font-size:var(--chips-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.chips .chips-buttons{position:absolute;top:var(--chips-padding-vertical);left:var(--chips-padding-horizontal);max-width:calc(100% - var(--chips-padding-horizontal) * 2);display:flex;gap:5px;overflow:auto;border-radius:var(--chips-border-radius)}.chips .chips-button{background:var(--chipd-btn-color);color:var(--chips-text-color);border:var(--chips-border-size) solid rgba(0,0,0,.2);border-radius:var(--chips-border-radius);padding:var(--chips-padding-vertical) var(--chips-btn-gap) var(--chips-padding-vertical) var(--chips-btn-padding);-webkit-user-select:none;user-select:none;font-weight:400;outline:none;display:flex;gap:var(--chips-btn-gap);justify-content:center;align-items:center;line-height:1.2rem;text-decoration:none}.chips .chips-button.chips-valid{--chipd-btn-color: var(--chips-btn-valid-color) }.chips .chips-button.chips-invalid{--chipd-btn-color: var(--chips-btn-invalid-color) }.chips img.chip-picture{width:28px;height:28px;object-fit:cover}.chips .chips-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips.disabled{opacity:.75}.chips.disabled .chips-button{padding-right:var(--chips-btn-padding)}.chips-dropdown:not(:empty){position:relative;z-index:1;width:var(--toggle-width, 0);display:flex;flex-direction:column;margin:-3px 0;padding:0;list-style:none;border:var(--chips-border-size) solid var(--chips-border-color);background:var(--chips-bg-color);border-radius:var(--chips-bottom-border-radius);overflow:hidden}.chips-dropdown:not(:empty) *{box-sizing:border-box}.chips-dropdown:not(:empty) button{border:none;background:none;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none;text-align:left}.chips-dropdown:not(:empty) button:hover,.chips-dropdown:not(:empty) button.active{background-color:var(--chips-highlight-color);color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) button:hover a,.chips-dropdown:not(:empty) button.active a{color:var(--chips-highlight-text-color)}.chips-dropdown:not(:empty) .select-option{display:flex;gap:8px;align-items:center;justify-content:center}.chips-dropdown:not(:empty) .select-option .select-option-picture{width:32px;height:32px;object-fit:cover}.chips-dropdown:not(:empty) .select-option .select-option-label{flex:1}.dropdown-placement-top .chips-dropdown{border-radius:var(--chips-top-border-radius)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }, { kind: "component", type: CloseBtnComponent, selector: "close-btn" }, { kind: "pipe", type: SafeHtmlPipe, name: "safe" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: ChipsComponent, decorators: [{
             type: Component,
@@ -7843,6 +8206,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class CodeEditorComponent {
+    cdr;
+    element;
+    value;
+    lang;
+    disabled;
+    valueChange;
+    onChange;
+    onTouched;
+    langCompartment;
+    extensions;
+    rootElem;
+    editor;
+    editorElem;
     get root() {
         this.rootElem = this.rootElem || getRoot(this.element.nativeElement);
         return this.rootElem;
@@ -7960,10 +8336,10 @@ class CodeEditorComponent {
         this.cdr.markForCheck();
         this.ngOnChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CodeEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: CodeEditorComponent, isStandalone: false, selector: "code-editor", inputs: { value: "value", lang: "lang", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CodeEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: CodeEditorComponent, isStandalone: false, selector: "code-editor", inputs: { value: "value", lang: "lang", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: CodeEditorComponent, multi: true }
-        ], viewQueries: [{ propertyName: "editorElem", first: true, predicate: ["editor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"code-editor\" [ngClass]=\"{disabled: disabled}\">\r\n    <div #editor></div>\r\n</div>\r\n", styles: [".code-editor>div{margin:10px 0}.code-editor>div .cm-editor{outline:none}.code-editor>div .cm-scroller{min-height:150px;max-height:345px;background:#fefefe;border:1px solid #ddd}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "editorElem", first: true, predicate: ["editor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"code-editor\" [ngClass]=\"{disabled: disabled}\">\r\n    <div #editor></div>\r\n</div>\r\n", styles: [".code-editor>div{margin:10px 0}.code-editor>div .cm-editor{outline:none}.code-editor>div .cm-scroller{min-height:150px;max-height:345px;background:#fefefe;border:1px solid #ddd}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CodeEditorComponent, decorators: [{
             type: Component,
@@ -7984,6 +8360,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class DropListComponent {
+    cdr;
+    disabled;
+    unique;
+    message;
+    idField;
+    labelField;
+    value;
+    context;
+    prepareItem;
+    checkFn;
+    dropFn;
+    itemTemplate;
+    onChange;
+    onTouched;
+    valueMap;
+    remove;
     constructor(cdr) {
         this.cdr = cdr;
         this.disabled = false;
@@ -8070,12 +8462,12 @@ class DropListComponent {
         this.onChange?.(value);
         this.onTouched?.();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: DropListComponent, isStandalone: false, selector: "drop-list", inputs: { disabled: "disabled", unique: "unique", message: "message", idField: "idField", labelField: "labelField", value: "value", context: "context", prepareItem: "prepareItem", checkFn: "checkFn", dropFn: "dropFn" }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: DropListComponent, isStandalone: false, selector: "drop-list", inputs: { disabled: "disabled", unique: "unique", message: "message", idField: "idField", labelField: "labelField", value: "value", context: "context", prepareItem: "prepareItem", checkFn: "checkFn", dropFn: "dropFn" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DropListComponent),
                 multi: true,
-            }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #defaultTemplate let-item=\"item\">\r\n    <div class=\"drop-list-item-label\">\r\n        {{ item | getValue:labelField }}\r\n    </div>\r\n</ng-template>\r\n<div class=\"drop-list\"\r\n     #list\r\n     (dragenter)=\"onDragEnter($event, list, this)\"\r\n     (dragleave)=\"onDragLeave($event, list)\"\r\n     (drop)=\"onDrop($event, list)\">\r\n    <div class=\"drop-list-message\"\r\n         [ngClass]=\"{'has-value': value?.length}\"\r\n         [innerHTML]=\"message | translate | safe:'html'\"\r\n         *ngIf=\"message\">\r\n    </div>\r\n    <ng-container *ngFor=\"let id of value; let ix = index\">\r\n        <div class=\"drop-list-item\">\r\n            <ng-template #noItemTemplate>\r\n                <div class=\"drop-list-item-label just-id\">\r\n                    {{ id }}\r\n                </div>\r\n            </ng-template>\r\n            <ng-container [ngTemplateOutlet]=\"itemTemplate || defaultTemplate\"\r\n                          [ngTemplateOutletContext]=\"{item: valueMap[id], id: id, remove: remove}\"\r\n                          *ngIf=\"valueMap[id]; else noItemTemplate\"></ng-container>\r\n            <a class=\"remove-item-btn\" (click)=\"remove(ix)\"></a>\r\n        </div>\r\n    </ng-container>\r\n</div>\r\n", styles: [".drop-list{--message-size: 20px;--message-color: #7e7e7e;--message-drop-color: #efefef;--remove-bg: var(--primary-color, rgba(0, 0, 0, .2));--remove-color: #ffffff;--remove-size: 18px;--btn-distance: 4px;--remove-spacing: 8px;--btn-top-distance: var(--btn-distance);--btn-right-distance: var(--btn-distance);min-height:100px;border:2px #bfbfbf dashed;border-radius:10px;padding:10px;position:relative;display:flex;align-items:flex-start;justify-content:left;gap:10px;background-color:#0000000d;transition:.2s;flex-wrap:wrap}.drop-list .drop-list-message{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;font-size:var(--message-size);color:var(--message-color);transition:.2s}.drop-list .drop-list-message.has-value{display:none}.drop-list .drop-list-item{position:relative;background:#0003;padding:7px 23px 7px 10px;border-radius:5px;-webkit-user-select:none;user-select:none}.drop-list .drop-list-item-label:not(.just-id){min-width:50px;text-align:center}.drop-list .drop-list-item-label.just-id{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:gray}.drop-list .drop-list-item-delete{font-size:14px;line-height:14px;text-align:center;cursor:pointer;background:#fff;border-radius:2px;height:14px;width:15px;position:absolute;top:4px;right:4px}.drop-list.drop-allowed{background-color:#0003;border-color:gray}.drop-list.drop-allowed .drop-list-message{color:var(--message-drop-color)}.drop-list a.remove-item-btn{--rotation: 45deg;position:absolute;top:var(--btn-top-distance);right:var(--btn-right-distance);width:var(--remove-size);height:var(--remove-size);cursor:pointer;transition:.2s ease;background-color:var(--remove-bg);border-radius:50%}.drop-list a.remove-item-btn:before,.drop-list a.remove-item-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:calc(100% - var(--remove-spacing));transform:translate(-50%,-50%) rotate(var(--rotation));height:1px;background:var(--remove-color);transition:.2s ease}.drop-list a.remove-item-btn:after{--rotation: -45deg}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: GetValuePipe, name: "getValue" }, { kind: "pipe", type: SafeHtmlPipe, name: "safe" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+            }], queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #defaultTemplate let-item=\"item\">\r\n    <div class=\"drop-list-item-label\">\r\n        {{ item | getValue:labelField }}\r\n    </div>\r\n</ng-template>\r\n<div class=\"drop-list\"\r\n     #list\r\n     (dragenter)=\"onDragEnter($event, list, this)\"\r\n     (dragleave)=\"onDragLeave($event, list)\"\r\n     (drop)=\"onDrop($event, list)\">\r\n    <div class=\"drop-list-message\"\r\n         [ngClass]=\"{'has-value': value?.length}\"\r\n         [innerHTML]=\"message | translate | safe:'html'\"\r\n         *ngIf=\"message\">\r\n    </div>\r\n    <ng-container *ngFor=\"let id of value; let ix = index\">\r\n        <div class=\"drop-list-item\">\r\n            <ng-template #noItemTemplate>\r\n                <div class=\"drop-list-item-label just-id\">\r\n                    {{ id }}\r\n                </div>\r\n            </ng-template>\r\n            <ng-container [ngTemplateOutlet]=\"itemTemplate || defaultTemplate\"\r\n                          [ngTemplateOutletContext]=\"{item: valueMap[id], id: id, remove: remove}\"\r\n                          *ngIf=\"valueMap[id]; else noItemTemplate\"></ng-container>\r\n            <a class=\"remove-item-btn\" (click)=\"remove(ix)\"></a>\r\n        </div>\r\n    </ng-container>\r\n</div>\r\n", styles: [".drop-list{--message-size: 20px;--message-color: #7e7e7e;--message-drop-color: #efefef;--remove-bg: var(--primary-color, rgba(0, 0, 0, .2));--remove-color: #ffffff;--remove-size: 18px;--btn-distance: 4px;--remove-spacing: 8px;--btn-top-distance: var(--btn-distance);--btn-right-distance: var(--btn-distance);min-height:100px;border:2px #bfbfbf dashed;border-radius:10px;padding:10px;position:relative;display:flex;align-items:flex-start;justify-content:left;gap:10px;background-color:#0000000d;transition:.2s;flex-wrap:wrap}.drop-list .drop-list-message{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;font-size:var(--message-size);color:var(--message-color);transition:.2s}.drop-list .drop-list-message.has-value{display:none}.drop-list .drop-list-item{position:relative;background:#0003;padding:7px 23px 7px 10px;border-radius:5px;-webkit-user-select:none;user-select:none}.drop-list .drop-list-item-label:not(.just-id){min-width:50px;text-align:center}.drop-list .drop-list-item-label.just-id{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:gray}.drop-list .drop-list-item-delete{font-size:14px;line-height:14px;text-align:center;cursor:pointer;background:#fff;border-radius:2px;height:14px;width:15px;position:absolute;top:4px;right:4px}.drop-list.drop-allowed{background-color:#0003;border-color:gray}.drop-list.drop-allowed .drop-list-message{color:var(--message-drop-color)}.drop-list a.remove-item-btn{--rotation: 45deg;position:absolute;top:var(--btn-top-distance);right:var(--btn-right-distance);width:var(--remove-size);height:var(--remove-size);cursor:pointer;transition:.2s ease;background-color:var(--remove-bg);border-radius:50%}.drop-list a.remove-item-btn:before,.drop-list a.remove-item-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:calc(100% - var(--remove-spacing));transform:translate(-50%,-50%) rotate(var(--rotation));height:1px;background:var(--remove-color);transition:.2s ease}.drop-list a.remove-item-btn:after{--rotation: -45deg}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: GetValuePipe, name: "getValue" }, { kind: "pipe", type: SafeHtmlPipe, name: "safe" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropListComponent, decorators: [{
             type: Component,
@@ -8110,6 +8502,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class DropdownBoxComponent {
+    /**
+     * Determines if the dropdown should be closed even if we click inside it
+     */
+    closeInside;
+    /**
+     * Determines where the floating element needs to be placed
+     */
+    attachTo;
+    /**
+     * Where to place the floating element relative to the reference element.
+     */
+    placement;
+    /**
+     * The axis that runs along the alignment of the floating element. Determines
+     * whether to check for most space along this axis.
+     * @default false
+     */
+    crossAxis;
+    /**
+     * Choose placements with a particular alignment.
+     * @default undefined
+     */
+    alignment;
+    /**
+     * Whether to choose placements with the opposite alignment if the preferred
+     * alignment does not fit.
+     * @default true
+     */
+    autoAlignment;
+    /**
+     * Which placements are allowed to be chosen. Placements must be within the
+     * `alignment` option if explicitly set.
+     * @default allPlacements (variable)
+     */
+    allowedPlacements;
+    /**
+     * Adds a class to the main div element and also to the content
+     * ('drop' by default which translates to 'drop-content-wrapper' in case of content)
+     */
+    componentClass;
+    autoPlacement;
+    content;
     constructor() {
         this.closeInside = true;
         this.attachTo = "root";
@@ -8134,8 +8568,8 @@ class DropdownBoxComponent {
     ngOnChanges() {
         this.makeAutoPlacementOpts();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: DropdownBoxComponent, isStandalone: false, selector: "dropdown-box", inputs: { closeInside: "closeInside", attachTo: "attachTo", placement: "placement", crossAxis: "crossAxis", alignment: "alignment", autoAlignment: "autoAlignment", allowedPlacements: "allowedPlacements", componentClass: "componentClass" }, viewQueries: [{ propertyName: "content", first: true, predicate: DropdownContentDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div dd class=\"dropdown-box\"\n     [ngClass]=\"componentClass\"\n     [closeInside]=\"closeInside\"\n     [attachTo]=\"attachTo\"\n     [placement]=\"placement\"\n     [autoPlacement]=\"autoPlacement\">\n    <div class=\"dropdown-box-toggle\" dropdownToggle>\n        <a class=\"dropdown-box-toggle-link\">\n            <ng-content select=\"[toggle-content]\"></ng-content>\n        </a>\n    </div>\n    <div class=\"dropdown-box-content\" [ngClass]=\"componentClass + '-content-wrapper'\" *dropdownContent>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".dropdown-box{--dd-border-size: var(--border-size, 1px);--dd-border-radius: 5px;--dd-top-border-radius: var(--dd-border-radius) var(--dd-border-radius) 0 0;--dd-bottom-border-radius: 0 0 var(--dd-border-radius) var(--dd-border-radius);--dd-bg-color: var(--bg-color, #ffffff);--dd-border-color: var(--border-color, #ced4da);--dd-highlight-color: var(--highlight-color, var(--primary-color, #888888));--dd-highlight-text-color: var(--highlight-text-color, #ffffff);--dd-text-color: var(--text-color, #151515);--dd-arrow-size: var(--arrow-size, 6px);--dd-arrow-space: calc(var(--dd-arrow-size) * .5 + 1px);--dd-arrow-color: currentColor;--dd-arrow-rotation: 90;position:relative;z-index:2;display:inline-block;width:var(--content-width, 0);min-width:fit-content}.dropdown-box *{box-sizing:border-box}.dropdown-box a,.dropdown-box span{white-space:nowrap}.dropdown-box.table-sort-dropdown{display:none}.dropdown-box.table-sort-dropdown .table-toggle:hover,.dropdown-box li:hover,.dropdown-box li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box.open{--dd-arrow-rotation: -90}.dropdown-box.open .dropdown-box-toggle{border-radius:var(--dd-top-border-radius)}.dropdown-box-toggle{min-width:fit-content;background:var(--dd-bg-color);color:var(--dd-text-color);cursor:pointer;border:var(--dd-border-size) solid var(--dd-border-color);border-radius:5px;padding:6px 12px;-webkit-user-select:none;user-select:none;font-weight:400;outline:none}.dropdown-box-toggle .toggle-placeholder{color:#495057}.dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:calc(2 * var(--dd-arrow-size));padding-right:5px;min-width:fit-content;position:relative;display:block}.dropdown-box-toggle a.dropdown-box-toggle-link:after{content:\"\";position:absolute;left:calc(100% + var(--dd-arrow-size));top:calc(50% - var(--dd-arrow-size));border-top:var(--dd-arrow-size) solid transparent;border-bottom:var(--dd-arrow-size) solid transparent;border-left:var(--dd-arrow-size) solid var(--dd-arrow-color);transform:rotate(calc(var(--dd-arrow-rotation) * 1deg));transition:.2s ease}.dropdown-box-content{position:relative;z-index:1;min-width:var(--toggle-width, 0)}.dropdown-box-content *{box-sizing:border-box}.dropdown-box-content ul{margin:-1px 0 0;padding:0;list-style:none;border:var(--dd-border-size) solid var(--dd-border-color);z-index:1;background:var(--dd-bg-color);border-radius:var(--dd-border-radius);overflow:hidden;min-width:fit-content}.dropdown-box-content li{color:var(--dd-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none}.dropdown-box-content li a{color:var(--dd-text-color);text-decoration:none;display:flex;gap:5px}.dropdown-box-content li:hover,.dropdown-box-content li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box-content li:hover a,.dropdown-box-content li.active a{color:var(--dd-highlight-text-color)}.dropdown-placement-top.open .dropdown-box-toggle{border-radius:var(--dd-bottom-border-radius)}.dropdown-placement-top .dropdown-box-content ul{margin-top:0;margin-bottom:-1px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: DropdownBoxComponent, isStandalone: false, selector: "dropdown-box", inputs: { closeInside: "closeInside", attachTo: "attachTo", placement: "placement", crossAxis: "crossAxis", alignment: "alignment", autoAlignment: "autoAlignment", allowedPlacements: "allowedPlacements", componentClass: "componentClass" }, viewQueries: [{ propertyName: "content", first: true, predicate: DropdownContentDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div dd class=\"dropdown-box\"\n     [ngClass]=\"componentClass\"\n     [closeInside]=\"closeInside\"\n     [attachTo]=\"attachTo\"\n     [placement]=\"placement\"\n     [autoPlacement]=\"autoPlacement\">\n    <div class=\"dropdown-box-toggle\" dropdownToggle>\n        <a class=\"dropdown-box-toggle-link\">\n            <ng-content select=\"[toggle-content]\"></ng-content>\n        </a>\n    </div>\n    <div class=\"dropdown-box-content\" [ngClass]=\"componentClass + '-content-wrapper'\" *dropdownContent>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".dropdown-box{--dd-border-size: var(--border-size, 1px);--dd-border-radius: 5px;--dd-top-border-radius: var(--dd-border-radius) var(--dd-border-radius) 0 0;--dd-bottom-border-radius: 0 0 var(--dd-border-radius) var(--dd-border-radius);--dd-bg-color: var(--bg-color, #ffffff);--dd-border-color: var(--border-color, #ced4da);--dd-highlight-color: var(--highlight-color, var(--primary-color, #888888));--dd-highlight-text-color: var(--highlight-text-color, #ffffff);--dd-text-color: var(--text-color, #151515);--dd-arrow-size: var(--arrow-size, 6px);--dd-arrow-space: calc(var(--dd-arrow-size) * .5 + 1px);--dd-arrow-color: currentColor;--dd-arrow-rotation: 90;position:relative;z-index:2;display:inline-block;width:var(--content-width, 0);min-width:fit-content}.dropdown-box *{box-sizing:border-box}.dropdown-box a,.dropdown-box span{white-space:nowrap}.dropdown-box.table-sort-dropdown{display:none}.dropdown-box.table-sort-dropdown .table-toggle:hover,.dropdown-box li:hover,.dropdown-box li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box.open{--dd-arrow-rotation: -90}.dropdown-box.open .dropdown-box-toggle{border-radius:var(--dd-top-border-radius)}.dropdown-box-toggle{min-width:fit-content;background:var(--dd-bg-color);color:var(--dd-text-color);cursor:pointer;border:var(--dd-border-size) solid var(--dd-border-color);border-radius:5px;padding:6px 12px;-webkit-user-select:none;user-select:none;font-weight:400;outline:none}.dropdown-box-toggle .toggle-placeholder{color:#495057}.dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:calc(2 * var(--dd-arrow-size));padding-right:5px;min-width:fit-content;position:relative;display:block}.dropdown-box-toggle a.dropdown-box-toggle-link:after{content:\"\";position:absolute;left:calc(100% + var(--dd-arrow-size));top:calc(50% - var(--dd-arrow-size));border-top:var(--dd-arrow-size) solid transparent;border-bottom:var(--dd-arrow-size) solid transparent;border-left:var(--dd-arrow-size) solid var(--dd-arrow-color);transform:rotate(calc(var(--dd-arrow-rotation) * 1deg));transition:.2s ease}.dropdown-box-content{position:relative;z-index:1;min-width:var(--toggle-width, 0)}.dropdown-box-content *{box-sizing:border-box}.dropdown-box-content ul{margin:-1px 0 0;padding:0;list-style:none;border:var(--dd-border-size) solid var(--dd-border-color);z-index:1;background:var(--dd-bg-color);border-radius:var(--dd-border-radius);overflow:hidden;min-width:fit-content}.dropdown-box-content li{color:var(--dd-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;padding:6px 12px;-webkit-user-select:none;user-select:none}.dropdown-box-content li a{color:var(--dd-text-color);text-decoration:none;display:flex;gap:5px}.dropdown-box-content li:hover,.dropdown-box-content li.active{background-color:var(--dd-highlight-color);color:var(--dd-highlight-text-color)}.dropdown-box-content li:hover a,.dropdown-box-content li.active a{color:var(--dd-highlight-text-color)}.dropdown-placement-top.open .dropdown-box-toggle{border-radius:var(--dd-bottom-border-radius)}.dropdown-placement-top .dropdown-box-content ul{margin-top:0;margin-bottom:-1px}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DropdownBoxComponent, decorators: [{
             type: Component,
@@ -8162,34 +8596,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class DynamicTableCellComponent {
-    constructor() {
-        this.language = inject(LANGUAGE_SERVICE);
-        this.globalTemplates = inject(GlobalTemplateService);
-        this.item = input({});
-        this.column = input({ title: "" });
-        this.id = input("");
-        this.globalTemplatePrefix = input("dynamic-table");
-        this.fallbackTemplate = input(null);
-        this.templateKeys = toSignal(this.globalTemplates.templatesUpdated);
-        this.template = computed(() => {
-            const prefix = this.globalTemplatePrefix();
-            const key = `${prefix}-col-${this.id()}`;
-            const keys = this.templateKeys();
-            return !keys?.includes(key) ? null : this.globalTemplates.get(key);
-        });
-        this.context = computed(() => {
-            const item = this.item();
-            const id = this.id();
-            const value = ObjectUtils.getValue(item, id, null);
-            return {
-                item, id, value,
-                column: this.column(),
-                multi: Array.isArray(value)
-            };
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: DynamicTableCellComponent, isStandalone: false, selector: "dynamic-table-cell", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, globalTemplatePrefix: { classPropertyName: "globalTemplatePrefix", publicName: "globalTemplatePrefix", isSignal: true, isRequired: false, transformFunction: null }, fallbackTemplate: { classPropertyName: "fallbackTemplate", publicName: "fallbackTemplate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-template #fallback let-value=\"value\">\r\n    {{ value ?? '-' }}\r\n</ng-template>\r\n<ng-template #defaultTemplate let-context let-column=\"column\" let-id=\"id\" let-value=\"value\">\r\n    @switch (column.filterType) {\r\n        @case ('checkbox') {\r\n            <div class=\"table-checkbox\">\r\n                <icon [name]=\"value ? 'check' : 'xmark'\"></icon>\r\n            </div>\r\n        }\r\n        @case ('enum') {\r\n            @let optionPrefix = column.enumPrefix || id;\r\n            <div [ngClass]=\"`table-enum enum-${optionPrefix} enum-value-${value}`\">\r\n                <span>{{ `${optionPrefix}.${value}` | translate }}</span>\r\n            </div>\r\n        }\r\n        @default {\r\n            <ng-container [ngxTemplateOutlet]=\"fallbackTemplate() || fallback\"\r\n                          [context]=\"context\"></ng-container>\r\n        }\r\n    }\r\n</ng-template>\r\n<ng-container [ngxTemplateOutlet]=\"template() || defaultTemplate\"\r\n              [context]=\"context()\"\r\n              [additionalContext]=\"{defaultTemplate}\"></ng-container>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    language = inject(LANGUAGE_SERVICE);
+    globalTemplates = inject(GlobalTemplateService);
+    item = input({});
+    column = input({ title: "" });
+    id = input("");
+    globalTemplatePrefix = input("dynamic-table");
+    fallbackTemplate = input(null);
+    templateKeys = toSignal(this.globalTemplates.templatesUpdated);
+    template = computed(() => {
+        const prefix = this.globalTemplatePrefix();
+        const key = `${prefix}-col-${this.id()}`;
+        const keys = this.templateKeys();
+        return !keys?.includes(key) ? null : this.globalTemplates.get(key);
+    });
+    context = computed(() => {
+        const item = this.item();
+        const id = this.id();
+        const value = ObjectUtils.getValue(item, id, null);
+        return {
+            item, id, value,
+            column: this.column(),
+            multi: Array.isArray(value)
+        };
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: DynamicTableCellComponent, isStandalone: false, selector: "dynamic-table-cell", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, column: { classPropertyName: "column", publicName: "column", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, globalTemplatePrefix: { classPropertyName: "globalTemplatePrefix", publicName: "globalTemplatePrefix", isSignal: true, isRequired: false, transformFunction: null }, fallbackTemplate: { classPropertyName: "fallbackTemplate", publicName: "fallbackTemplate", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-template #fallback let-value=\"value\">\r\n    {{ value ?? '-' }}\r\n</ng-template>\r\n<ng-template #defaultTemplate let-context let-column=\"column\" let-id=\"id\" let-value=\"value\">\r\n    @switch (column.filterType) {\r\n        @case ('checkbox') {\r\n            <div class=\"table-checkbox\">\r\n                <icon [name]=\"value ? 'check' : 'xmark'\"></icon>\r\n            </div>\r\n        }\r\n        @case ('enum') {\r\n            @let optionPrefix = column.enumPrefix || id;\r\n            <div [ngClass]=\"`table-enum enum-${optionPrefix} enum-value-${value}`\">\r\n                <span>{{ `${optionPrefix}.${value}` | translate }}</span>\r\n            </div>\r\n        }\r\n        @default {\r\n            <ng-container [ngxTemplateOutlet]=\"fallbackTemplate() || fallback\"\r\n                          [context]=\"context\"></ng-container>\r\n        }\r\n    }\r\n</ng-template>\r\n<ng-container [ngxTemplateOutlet]=\"template() || defaultTemplate\"\r\n              [context]=\"context()\"\r\n              [additionalContext]=\"{defaultTemplate}\"></ng-container>\r\n", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { kind: "component", type: IconComponent, selector: "icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableCellComponent, decorators: [{
             type: Component,
@@ -8197,12 +8629,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class PaginationMenuComponent {
+    state;
+    pagination;
+    maxSize;
+    urlParam;
+    directionLinks;
+    boundaryLinks;
+    pages;
     get hasPrev() {
         return this.pagination.page > 1;
     }
     get hasNext() {
         return this.pagination.page < this.pagination.maxPage;
     }
+    onRefresh;
     constructor(state, pagination) {
         this.state = state;
         this.pagination = pagination;
@@ -8252,8 +8692,8 @@ class PaginationMenuComponent {
         }
         this.pages = pages;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationMenuComponent, deps: [{ token: StateService }, { token: PaginationDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: PaginationMenuComponent, isStandalone: false, selector: "pagination-menu", inputs: { maxSize: "maxSize", urlParam: "urlParam", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pg-menu\" *ngIf=\"pagination.total > pagination.itemsPerPage\">\r\n    <ul class=\"pg-list\">\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link boundary-link previous\" (click)=\"paginate(1)\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link direction-link previous\" (click)=\"paginate(pagination.page - 1)\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{active: pagination.page == page}\" *ngFor=\"let page of pages\">\r\n            <a class=\"page-link\" [ngClass]=\"{active: pagination.page == page}\" (click)=\"paginate(page)\">{{ page }}</a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link direction-link\" (click)=\"paginate(pagination.page + 1)\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link boundary-link\" (click)=\"paginate(pagination.maxPage)\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", styles: [".pg-menu{--pg-border-size: var(--border-size, 1px);--pg-bg-color: var(--bg-color, #ffffff);--pg-border-color: var(--border-color, #ced4da);--pg-border-radius: var(--border-radius, 5px);--pg-highlight-color: var(--highlight-color, var(--primary-color, #888888));--pg-highlight-text-color: var(--highlight-text-color, #ffffff);--pg-text-color: var(--text-color, #151515);--pg-arrow-content: \"\";--pg-arrow-size: var(--arrow-size, 6px);--pg-arrow-space: calc(var(--pg-arrow-size) * .5 + 1px);--pg-arrow-color: currentColor;display:flex;align-items:center;justify-content:center;min-width:fit-content;margin:10px}.pg-menu *{box-sizing:border-box}.pg-menu ul.pg-list{margin:0;padding:0;list-style:none;border:var(--pg-border-size) solid var(--pg-border-color);background:var(--pg-bg-color);border-radius:var(--pg-border-radius);overflow:hidden;min-width:fit-content;display:flex}.pg-menu li{color:var(--pg-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;border-right:var(--pg-border-size) solid var(--pg-border-color);display:flex;align-items:center}.pg-menu li:last-child{border-right:none}.pg-menu li:not(.disabled):hover,.pg-menu li.active{background-color:var(--pg-highlight-color);color:var(--pg-highlight-text-color)}.pg-menu li.disabled a{cursor:default}.pg-menu a{display:block;min-width:36px;min-height:36px;height:auto;line-height:24px;text-align:center;vertical-align:top;padding:6px 12px;color:inherit}.pg-menu a.boundary-link,.pg-menu a.direction-link{position:relative}.pg-menu a.boundary-link:before,.pg-menu a.boundary-link:after,.pg-menu a.direction-link:before,.pg-menu a.direction-link:after{content:var(--pg-arrow-content);position:absolute;left:50%;top:calc(50% - var(--pg-arrow-size));border-top:var(--pg-arrow-size) solid transparent;border-bottom:var(--pg-arrow-size) solid transparent;border-left:var(--pg-arrow-size) solid var(--pg-arrow-color)}.pg-menu a.direction-link:before{display:none}.pg-menu a.direction-link:after{translate:-50% 0}.pg-menu a.boundary-link:before{translate:-100% 0}.pg-menu a.boundary-link.previous:before,.pg-menu a.boundary-link.previous:after,.pg-menu a.direction-link.previous:before,.pg-menu a.direction-link.previous:after{rotate:180deg}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationMenuComponent, deps: [{ token: StateService }, { token: PaginationDirective }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: PaginationMenuComponent, isStandalone: false, selector: "pagination-menu", inputs: { maxSize: "maxSize", urlParam: "urlParam", directionLinks: "directionLinks", boundaryLinks: "boundaryLinks" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pg-menu\" *ngIf=\"pagination.total > pagination.itemsPerPage\">\r\n    <ul class=\"pg-list\">\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link boundary-link previous\" (click)=\"paginate(1)\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasPrev}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link direction-link previous\" (click)=\"paginate(pagination.page - 1)\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{active: pagination.page == page}\" *ngFor=\"let page of pages\">\r\n            <a class=\"page-link\" [ngClass]=\"{active: pagination.page == page}\" (click)=\"paginate(page)\">{{ page }}</a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"directionLinks\">\r\n            <a class=\"page-link direction-link\" (click)=\"paginate(pagination.page + 1)\"></a>\r\n        </li>\r\n        <li class=\"page-item\" [ngClass]=\"{disabled: !hasNext}\" *ngIf=\"boundaryLinks\">\r\n            <a class=\"page-link boundary-link\" (click)=\"paginate(pagination.maxPage)\"></a>\r\n        </li>\r\n    </ul>\r\n</div>\r\n", styles: [".pg-menu{--pg-border-size: var(--border-size, 1px);--pg-bg-color: var(--bg-color, #ffffff);--pg-border-color: var(--border-color, #ced4da);--pg-border-radius: var(--border-radius, 5px);--pg-highlight-color: var(--highlight-color, var(--primary-color, #888888));--pg-highlight-text-color: var(--highlight-text-color, #ffffff);--pg-text-color: var(--text-color, #151515);--pg-arrow-content: \"\";--pg-arrow-size: var(--arrow-size, 6px);--pg-arrow-space: calc(var(--pg-arrow-size) * .5 + 1px);--pg-arrow-color: currentColor;display:flex;align-items:center;justify-content:center;min-width:fit-content;margin:10px}.pg-menu *{box-sizing:border-box}.pg-menu ul.pg-list{margin:0;padding:0;list-style:none;border:var(--pg-border-size) solid var(--pg-border-color);background:var(--pg-bg-color);border-radius:var(--pg-border-radius);overflow:hidden;min-width:fit-content;display:flex}.pg-menu li{color:var(--pg-text-color);font-weight:400;text-align:left;min-width:fit-content;cursor:pointer;border-right:var(--pg-border-size) solid var(--pg-border-color);display:flex;align-items:center}.pg-menu li:last-child{border-right:none}.pg-menu li:not(.disabled):hover,.pg-menu li.active{background-color:var(--pg-highlight-color);color:var(--pg-highlight-text-color)}.pg-menu li.disabled a{cursor:default}.pg-menu a{display:block;min-width:36px;min-height:36px;height:auto;line-height:24px;text-align:center;vertical-align:top;padding:6px 12px;color:inherit}.pg-menu a.boundary-link,.pg-menu a.direction-link{position:relative}.pg-menu a.boundary-link:before,.pg-menu a.boundary-link:after,.pg-menu a.direction-link:before,.pg-menu a.direction-link:after{content:var(--pg-arrow-content);position:absolute;left:50%;top:calc(50% - var(--pg-arrow-size));border-top:var(--pg-arrow-size) solid transparent;border-bottom:var(--pg-arrow-size) solid transparent;border-left:var(--pg-arrow-size) solid var(--pg-arrow-color)}.pg-menu a.direction-link:before{display:none}.pg-menu a.direction-link:after{translate:-50% 0}.pg-menu a.boundary-link:before{translate:-100% 0}.pg-menu a.boundary-link.previous:before,.pg-menu a.boundary-link.previous:after,.pg-menu a.direction-link.previous:before,.pg-menu a.direction-link.previous:after{rotate:180deg}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: PaginationMenuComponent, decorators: [{
             type: Component,
@@ -8269,9 +8709,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class DynamicTableComponent {
+    element;
+    dataLoader;
+    data;
+    selected;
+    page;
+    urlParam;
+    parallelData;
+    columns;
+    /**
+     * Parameter for displaying a simple filter search box
+     */
+    showFilter;
+    /**
+     * Parameter for specifying a label for filter
+     */
+    filterLabel;
+    /**
+     * Parameter for specifying a placeholder for filter
+     */
+    placeholder;
+    /**
+     * Parameter for displaying an item per page selector dropdown with the specified numbers
+     */
+    showItems;
+    /**
+     * Parameter for setting how many items should be displayed by default
+     */
+    itemsPerPage;
+    updateTime;
+    filterTime;
+    maxPages;
+    directionLinks;
+    boundaryLinks;
+    orderBy;
+    orderDescending;
+    testId;
+    titlePrefix;
+    dragStartFn;
+    dragEnterFn;
+    dropFn;
+    tableId;
+    filter;
+    query;
+    hasQuery;
+    columnDefs;
+    cols;
+    sortable;
     get items() {
         return !this.pagination ? [] : this.pagination.items;
     }
+    localData;
+    subscription;
+    rowTemplate;
+    wrapperTemplate;
+    columnsTemplate;
+    defaultRowTemplate;
+    defaultWrapperTemplate;
+    pagination;
+    globalTemplatePrefix = input("dynamic-table");
+    fallbackTemplate = contentChild("fallbackTemplate");
+    templateDirectives = contentChildren(DynamicTableTemplateDirective);
+    templates = computed(() => {
+        return (this.templateDirectives() || []).reduce((result, directive) => {
+            if (ObjectUtils.isArray(directive.column)) {
+                directive.column.forEach(column => {
+                    result[column] = directive;
+                });
+                return result;
+            }
+            if (!ObjectUtils.isStringWithValue(directive.column))
+                return result;
+            result[directive.column] = directive;
+            return result;
+        }, {});
+    });
+    onClick = output();
     static compare(orderBy, a, b) {
         a = a.item ? a.item[orderBy] : null;
         b = b.item ? b.item[orderBy] : null;
@@ -8279,29 +8792,6 @@ class DynamicTableComponent {
     }
     constructor(element) {
         this.element = element;
-        this.globalTemplatePrefix = input("dynamic-table");
-        this.fallbackTemplate = contentChild("fallbackTemplate");
-        this.templateDirectives = contentChildren(DynamicTableTemplateDirective);
-        this.templates = computed(() => {
-            return (this.templateDirectives() || []).reduce((result, directive) => {
-                if (ObjectUtils.isArray(directive.column)) {
-                    directive.column.forEach(column => {
-                        result[column] = directive;
-                    });
-                    return result;
-                }
-                if (!ObjectUtils.isStringWithValue(directive.column))
-                    return result;
-                result[directive.column] = directive;
-                return result;
-            }, {});
-        });
-        this.onClick = output();
-        this.loadData = async (page, itemsPerPage, controller) => {
-            const orderBy = this.columnDefs[this.orderBy]?.sort;
-            const dataLoader = this.dataLoader || this.loadLocalData;
-            return dataLoader.call(this, page, itemsPerPage, orderBy, this.orderDescending, this.filter, this.query, controller);
-        };
         this.placeholder = "";
         this.tableId = UniqueUtils.uuid();
         this.orderBy = "";
@@ -8475,6 +8965,11 @@ class DynamicTableComponent {
         this.itemsPerPage = count;
         this.refresh();
     }
+    loadData = async (page, itemsPerPage, controller) => {
+        const orderBy = this.columnDefs[this.orderBy]?.sort;
+        const dataLoader = this.dataLoader || this.loadLocalData;
+        return dataLoader.call(this, page, itemsPerPage, orderBy, this.orderDescending, this.filter, this.query, controller);
+    };
     async loadLocalData(page, rowsPerPage, orderBy, orderDescending, filter, query) {
         if (!this.localData) {
             return {
@@ -8531,8 +9026,8 @@ class DynamicTableComponent {
             items: items
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: DynamicTableComponent, isStandalone: false, selector: "dynamic-table", inputs: { dataLoader: { classPropertyName: "dataLoader", publicName: "dataLoader", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: false, isRequired: false, transformFunction: null }, urlParam: { classPropertyName: "urlParam", publicName: "urlParam", isSignal: false, isRequired: false, transformFunction: null }, parallelData: { classPropertyName: "parallelData", publicName: "parallelData", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: false, isRequired: false, transformFunction: null }, filterLabel: { classPropertyName: "filterLabel", publicName: "filterLabel", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, showItems: { classPropertyName: "showItems", publicName: "showItems", isSignal: false, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: false, isRequired: false, transformFunction: null }, updateTime: { classPropertyName: "updateTime", publicName: "updateTime", isSignal: false, isRequired: false, transformFunction: null }, filterTime: { classPropertyName: "filterTime", publicName: "filterTime", isSignal: false, isRequired: false, transformFunction: null }, maxPages: { classPropertyName: "maxPages", publicName: "maxPages", isSignal: false, isRequired: false, transformFunction: null }, directionLinks: { classPropertyName: "directionLinks", publicName: "directionLinks", isSignal: false, isRequired: false, transformFunction: null }, boundaryLinks: { classPropertyName: "boundaryLinks", publicName: "boundaryLinks", isSignal: false, isRequired: false, transformFunction: null }, orderBy: { classPropertyName: "orderBy", publicName: "orderBy", isSignal: false, isRequired: false, transformFunction: null }, orderDescending: { classPropertyName: "orderDescending", publicName: "orderDescending", isSignal: false, isRequired: false, transformFunction: null }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: false, isRequired: false, transformFunction: null }, titlePrefix: { classPropertyName: "titlePrefix", publicName: "titlePrefix", isSignal: false, isRequired: false, transformFunction: null }, dragStartFn: { classPropertyName: "dragStartFn", publicName: "dragStartFn", isSignal: false, isRequired: false, transformFunction: null }, dragEnterFn: { classPropertyName: "dragEnterFn", publicName: "dragEnterFn", isSignal: false, isRequired: false, transformFunction: null }, dropFn: { classPropertyName: "dropFn", publicName: "dropFn", isSignal: false, isRequired: false, transformFunction: null }, globalTemplatePrefix: { classPropertyName: "globalTemplatePrefix", publicName: "globalTemplatePrefix", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, queries: [{ propertyName: "fallbackTemplate", first: true, predicate: ["fallbackTemplate"], descendants: true, isSignal: true }, { propertyName: "templateDirectives", predicate: DynamicTableTemplateDirective, isSignal: true }, { propertyName: "rowTemplate", first: true, predicate: ["rowTemplate"], descendants: true, static: true }, { propertyName: "wrapperTemplate", first: true, predicate: ["wrapperTemplate"], descendants: true, static: true }], viewQueries: [{ propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }, { propertyName: "defaultRowTemplate", first: true, predicate: ["defaultRowTemplate"], descendants: true, static: true }, { propertyName: "defaultWrapperTemplate", first: true, predicate: ["defaultWrapperTemplate"], descendants: true, static: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@let columnTemplates = templates();\r\n@let prefix = globalTemplatePrefix();\r\n@let fallback = fallbackTemplate();\r\n\r\n<ng-template #defaultTemplate let-item=\"item\" let-column=\"column\" let-columnDef=\"columnDef\">\r\n    <dynamic-table-cell [item]=\"item\"\r\n                        [column]=\"columnDef\"\r\n                        [id]=\"column\"\r\n                        [globalTemplatePrefix]=\"prefix\"\r\n                        [fallbackTemplate]=\"fallback\"></dynamic-table-cell>\r\n</ng-template>\r\n\r\n<ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n    @if (!template?.pure) {\r\n        <td [ngClass]=\"'column-' + column\"\r\n            [attr.data-testid]=\"testId + '-' + column + '-' + context.rowIndex\">\r\n            <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\"\r\n                          [context]=\"context\"></ng-container>\r\n        </td>\r\n    } @else {\r\n        <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n    }\r\n</ng-template>\r\n\r\n<ng-template #columnsTemplate let-context>\r\n    <ng-container *ngFor=\"let column of cols\"\r\n                  [ngxTemplateOutlet]=\"columnTemplate\"\r\n                  [context]=\"context\"\r\n                  [additionalContext]=\"{\r\n                    template: columnTemplates[column],\r\n                    column: column,\r\n                    columnDef: columnDefs[column]\r\n                  }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultRowTemplate let-context>\r\n    <tr #elem\r\n        [draggable]=\"!!dragStartFn\"\r\n        [ngClass]=\"{active: selected === context.item}\"\r\n        (dragstart)=\"onDragStart($event, elem, context.item)\"\r\n        (dragenter)=\"onDragEnter($event, elem, context.item)\"\r\n        (dragleave)=\"onDragLeave($event, elem)\"\r\n        (drop)=\"onDrop($event, elem, context.item)\"\r\n        (click)=\"onClick.emit(context.item)\">\r\n        <ng-container [ngxTemplateOutlet]=\"columnsTemplate\"\r\n                      [context]=\"context\"></ng-container>\r\n    </tr>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate let-column=\"column\" let-toggle=\"toggle\">\r\n    <ng-template #defaultCol>\r\n        <span>{{ columnDefs[column].title | translate }}</span>\r\n    </ng-template>\r\n    <ng-template #emptyCol>\r\n        <span>-</span>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"columnDefs[column]; else emptyCol\">\r\n        <a *ngIf=\"columnDefs[column].sort; else defaultCol\"\r\n           [ngClass]=\"['sort', orderBy !== column ? '' : (orderDescending ? 'sort-desc' : 'sort-asc')]\"\r\n           (click)=\"setSorting(column, toggle)\">\r\n            <span>{{ columnDefs[column].title | translate }}</span>\r\n        </a>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<div class=\"dynamic-table\">\r\n    <div class=\"table-features-row\">\r\n        <ng-content select=\"[table-features-before]\"></ng-content>\r\n        @if (showFilter) {\r\n            <div class=\"table-input-wrap table-search-filter\">\r\n                <label *ngIf=\"filterLabel\" [attr.for]=\"tableId\">\r\n                    {{ filterLabel | translate }}\r\n                </label>\r\n                <input type=\"text\"\r\n                       class=\"search-input\"\r\n                       [attr.id]=\"tableId\"\r\n                       [attr.data-testid]=\"testId + '-filter-input'\"\r\n                       [placeholder]=\"placeholder | translate\"\r\n                       [ngModel]=\"filter\"\r\n                       (ngModelChange)=\"setFilter($event)\"/>\r\n            </div>\r\n        }\r\n        @if (sortable) {\r\n            <dropdown-box componentClass=\"sort-dropdown\" #sortDd>\r\n                <ng-container toggle-content\r\n                              [ngTemplateOutlet]=\"headerTemplate\"\r\n                              [ngTemplateOutletContext]=\"{column: orderBy, toggle: sortDd}\"></ng-container>\r\n                <ul>\r\n                    <ng-container *ngFor=\"let column of cols\">\r\n                        <li [ngClass]=\"'sort-column sort-' + column\" *ngIf=\"columnDefs[column].sort\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </li>\r\n                    </ng-container>\r\n                </ul>\r\n            </dropdown-box>\r\n        }\r\n        @if (showItems) {\r\n            <div class=\"table-input-wrap table-items-count\">\r\n                <label>\r\n                    {{ 'label.items.before' | translate }}\r\n                </label>\r\n                <dropdown-box>\r\n                    <ng-container toggle-content>\r\n                        {{ itemsPerPage }}\r\n                    </ng-container>\r\n                    <ul>\r\n                        <ng-container *ngFor=\"let count of showItems\">\r\n                            <li [ngClass]=\"'item-count count-' + count\" (click)=\"setItemsPerPage(count)\">\r\n                                {{ count }}\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </dropdown-box>\r\n                <label>\r\n                    {{ 'label.items.after' | translate }}\r\n                </label>\r\n            </div>\r\n        }\r\n        <ng-content select=\"[table-features-after]\"></ng-content>\r\n    </div>\r\n    <div class=\"table-content-row\"\r\n         #pagination=\"pagination\"\r\n         [pagination]=\"loadData\"\r\n         [page]=\"page\"\r\n         [itemsPerPage]=\"itemsPerPage\"\r\n         [updateTime]=\"updateTime\">\r\n        <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\"\r\n                         [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n        <div class=\"table-responsive\">\r\n            <ng-template #defaultWrapperTemplate>\r\n                <table class=\"table table-striped\">\r\n                    <thead>\r\n                    <tr>\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngIf=\"hasQuery\">\r\n                        @for (column of cols; track column) {\r\n                            @let columnDef = columnDefs[column];\r\n                            <th [ngClass]=\"['column-' + column, 'filter-column', 'filter-column-' + columnDef.filterType]\">\r\n                                @if (columnDef.filter) {\r\n                                    @switch (columnDef.filterType) {\r\n                                        @case ('enum') {\r\n                                            @let optionPrefix = columnDefs[column].enumPrefix || column;\r\n                                            <ng-template #optionItem let-option=\"option\">\r\n                                                <span [ngClass]=\"`table-enum enum-${optionPrefix} enum-value-${option}`\">\r\n                                                    <span>{{ `${optionPrefix}.${option}` | translate }}</span>\r\n                                                </span>\r\n                                            </ng-template>\r\n                                            <dropdown-box componentClass=\"filter-box\"\r\n                                                          [ngClass]=\"'filter-box-' + column\"\r\n                                                          [closeInside]=\"false\">\r\n                                                <ng-container toggle-content>\r\n                                                    <span class=\"toggle-placeholder\" *ngIf=\"!query[column]\">\r\n                                                        {{ columnDefs[column].title | translate }}\r\n                                                    </span>\r\n                                                    <span [ngClass]=\"['option-' + option, column + '-option-' + option, option]\"\r\n                                                          *ngFor=\"let option of query[column] | values; let ix = index\">\r\n                                                        <ng-container *ngIf=\"ix > 0\">&nbsp;|&nbsp;</ng-container>\r\n                                                        <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                      [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                    </span>\r\n                                                </ng-container>\r\n                                                <ul>\r\n                                                    @for (option of columnDefs[column].enum; track option) {\r\n                                                        <li (click)=\"setQueryValue(column, option)\">\r\n                                                            <a class=\"toggle-link\" [ngClass]=\"'toggle-link-' + column\">\r\n                                                                <input type=\"checkbox\" [checked]=\"query[column] | includes: option\">\r\n                                                                <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                              [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                            </a>\r\n                                                        </li>\r\n                                                    }\r\n                                                </ul>\r\n                                            </dropdown-box>\r\n                                        }\r\n                                        @case ('checkbox') {\r\n                                            <input type=\"checkbox\"\r\n                                                   class=\"table-checkbox\"\r\n                                                   [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                                   [placeholder]=\"columnDefs[column].title | translate\"\r\n                                                   [checked]=\"query[column] === true\"\r\n                                                   [indeterminate]=\"query[column] === undefined\"\r\n                                                   (click)=\"setQueryValue(column)\"/>\r\n                                        }\r\n                                        @default {\r\n                                            <input class=\"search-input\"\r\n                                                   type=\"text\"\r\n                                                   [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                                   [placeholder]=\"columnDefs[column].title | translate\"\r\n                                                   [ngModel]=\"query[column]\"\r\n                                                   (ngModelChange)=\"setQueryValue(column, $event)\"/>\r\n                                        }\r\n                                    }\r\n                                }\r\n                            </th>\r\n                        }\r\n                    </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <ng-container *paginationItem=\"let context\"\r\n                                      [ngxTemplateOutlet]=\"rowTemplate\"\r\n                                      [context]=\"context\"\r\n                                      [additionalContext]=\"this\"></ng-container>\r\n                        <tr>\r\n                            <!-- Just an anchor/helper row for the loading state -->\r\n                            <td colspan=\"100%\"></td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-template>\r\n\r\n            <div class=\"table-wrapper\">\r\n                <ng-content select=\"[table-top]\"></ng-content>\r\n                <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                              [context]=\"this\"></ng-container>\r\n                <ng-content select=\"[table-bottom]\"></ng-content>\r\n            </div>\r\n        </div>\r\n        <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\"\r\n                         [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes table-load-spin{to{rotate:360deg}}.dynamic-table{--table-bg: transparent;--table-stripe-bg: rgba(210, 210, 210, .35);--border-size: 1px;--border-color: #ced4da;--bg-color: #ffffff;--text-color: #151515;--highlight-color: var(--primary-color, #888888);--highlight-text-color: #ffffff;--display-toggle: none;--arrow-size: 6px;--arrow-rotation: 90;--arrow-space: calc(var(--arrow-size) * .5 + 1px);--arrow-color: #c6c6c6}.dynamic-table *{box-sizing:border-box}.dynamic-table div.table-enum,.dynamic-table div.table-checkbox{text-align:center}.dynamic-table .search-input{background:var(--bg-color);color:var(--text-color);border:var(--border-size) solid var(--border-color);padding:var(--element-padding, 6px 12px);border-radius:5px;-webkit-user-select:none;user-select:none;font-weight:400;font-size:var(--table-input-font-size, 15px);line-height:var(--table-input-line-height, 18px);outline:none}.dynamic-table .search-input .toggle-placeholder,.dynamic-table .search-input ::placeholder{color:#495057}.dynamic-table .table-responsive{border:1px solid var(--border-color);overflow:hidden;overflow-x:auto;margin-bottom:1rem}.dynamic-table .table-features-row:not(:empty){display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}.dynamic-table .table-content-row,.dynamic-table .table-content-row tbody{position:relative}.dynamic-table .table-content-row tbody tr:last-child td:first-child{padding:0;border-bottom-width:0}.dynamic-table .table-content-row.loading tbody{height:50px}.dynamic-table .table-content-row.loading tbody tr:last-child td:first-child:before{content:\"\";display:table-row;position:absolute;inset:1px;background-color:#32323240;z-index:1}.dynamic-table .table-content-row.loading tbody tr:last-child td:first-child:after{content:\"\";display:table-row;position:absolute;width:25px;height:25px;border:3px solid rgba(255,255,255,.75);border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:table-load-spin 575ms infinite linear;vertical-align:middle;margin-right:5px;top:50%;left:50%;translate:-50% -50%;z-index:2}.dynamic-table .sort-dropdown{display:none}.dynamic-table .table-input-wrap{display:flex;align-items:center;flex:1;gap:5px}.dynamic-table .table-input-wrap>label{margin:0;font-weight:700}.dynamic-table .table-input-wrap>input{width:300px;max-width:90%}.dynamic-table .table-items-count{flex:1}.dynamic-table .table-wrapper{position:relative}.dynamic-table table.table{border-collapse:collapse;margin:0;width:100%;font-family:inherit;font-size:inherit}.dynamic-table table.table th{text-align:left}.dynamic-table table.table th,.dynamic-table table.table td{text-align:left;padding:6px 12px;border:1px solid var(--border-color);vertical-align:middle;white-space:nowrap;width:var(--cell-width, 25%);min-width:fit-content}.dynamic-table table.table-sm th,.dynamic-table table.table-sm td{font-size:var(--font-size-sm);padding:4px 6px}.dynamic-table table.table thead th{font-weight:500}.dynamic-table table.table thead th .dropdown-box{display:block;width:100%;text-align:left}.dynamic-table table.table thead th .search-input{width:100%;padding:7px 12px}.dynamic-table table.table thead th span{display:inline-block;vertical-align:top}.dynamic-table table.table thead th a{cursor:pointer;text-align:left}.dynamic-table table.table thead th.filter-column{text-align:center}.dynamic-table table.table thead tr:first-child th{border-top-width:0}.dynamic-table table.table tbody tr:last-child td{border-top-width:0}.dynamic-table table.table tbody tr:last-child td,.dynamic-table table.table tbody tr:nth-last-child(2) td{border-bottom-width:0}.dynamic-table table.table thead tr th,.dynamic-table table.table tbody tr td{background-color:var(--table-bg)}.dynamic-table table.table thead tr th:first-child,.dynamic-table table.table tbody tr td:first-child{border-left-width:0}.dynamic-table table.table thead tr th:last-child,.dynamic-table table.table tbody tr td:last-child{border-right-width:0}.dynamic-table table.table tbody tr.active td{background-color:var(--highlight-color);color:var(--highlight-text-color)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd) td{background-color:var(--table-stripe-bg)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd).active td{background-color:var(--highlight-color);color:var(--highlight-text-color)}.sort-dropdown .dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:0;padding-right:0}.sort-dropdown .dropdown-box-toggle a.dropdown-box-toggle-link:after{display:none}.sort-dropdown-content-wrapper a.sort,.dynamic-table a.sort{position:relative;display:block;margin-right:calc(var(--arrow-size) * 2);-webkit-user-select:none;user-select:none;padding-right:5px}.sort-dropdown-content-wrapper a.sort:before,.sort-dropdown-content-wrapper a.sort:after,.dynamic-table a.sort:before,.dynamic-table a.sort:after{content:\"\";position:absolute;transition:.2s ease;left:calc(100% + var(--arrow-size));top:calc(50% - var(--arrow-size));border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-color);transform:rotate(calc(var(--arrow-rotation) * 1deg)) translate(var(--arrow-space))}.sort-dropdown-content-wrapper a.sort:before,.dynamic-table a.sort:before{--arrow-rotation: -90}.sort-dropdown-content-wrapper a.sort.sort-desc:before,.dynamic-table a.sort.sort-desc:before{--arrow-color: black}.sort-dropdown-content-wrapper a.sort.sort-asc:after,.dynamic-table a.sort.sort-asc:after{--arrow-color: black}.table-enum{--enum-color: #c6c6c6;--enum-radius: 5px}.table-enum span{display:inline-block;padding:2px 5px;background:color-mix(in srgb,var(--enum-color),rgba(255,255,255,.4666666667) 50%);color:color-mix(in srgb,var(--enum-color),#000 70%);border:1px solid var(--enum-color);border-radius:var(--enum-radius);-webkit-user-select:none;user-select:none}input.table-checkbox{appearance:none;cursor:pointer;width:16px;height:16px;border:1px solid black;border-radius:3px;background-color:#fff;position:relative;font-size:11px;line-height:11px;vertical-align:middle}input.table-checkbox:focus{outline:none}input.table-checkbox:focus-visible{outline:2px solid #acacac;outline-offset:0}input.table-checkbox:after{position:absolute;content:\"\\2716\\fe0e\";text-align:center;width:100%;height:100%}input.table-checkbox:checked:after{content:\"\\2714\\fe0e\"}input.table-checkbox:indeterminate:after{content:\"\\2501\"}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { kind: "directive", type: PaginationDirective, selector: "[pagination]", inputs: ["pagination", "page", "itemsPerPage", "updateTime", "waitFor"], outputs: ["pageChange", "onRefresh"], exportAs: ["pagination"] }, { kind: "directive", type: PaginationItemDirective, selector: "[paginationItem]" }, { kind: "component", type: DropdownBoxComponent, selector: "dropdown-box", inputs: ["closeInside", "attachTo", "placement", "crossAxis", "alignment", "autoAlignment", "allowedPlacements", "componentClass"] }, { kind: "component", type: DynamicTableCellComponent, selector: "dynamic-table-cell", inputs: ["item", "column", "id", "globalTemplatePrefix", "fallbackTemplate"] }, { kind: "component", type: PaginationMenuComponent, selector: "pagination-menu", inputs: ["maxSize", "urlParam", "directionLinks", "boundaryLinks"] }, { kind: "pipe", type: IncludesPipe, name: "includes" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ValuesPipe, name: "values" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: DynamicTableComponent, isStandalone: false, selector: "dynamic-table", inputs: { dataLoader: { classPropertyName: "dataLoader", publicName: "dataLoader", isSignal: false, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: false, isRequired: false, transformFunction: null }, urlParam: { classPropertyName: "urlParam", publicName: "urlParam", isSignal: false, isRequired: false, transformFunction: null }, parallelData: { classPropertyName: "parallelData", publicName: "parallelData", isSignal: false, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: false, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: false, isRequired: false, transformFunction: null }, filterLabel: { classPropertyName: "filterLabel", publicName: "filterLabel", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, showItems: { classPropertyName: "showItems", publicName: "showItems", isSignal: false, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: false, isRequired: false, transformFunction: null }, updateTime: { classPropertyName: "updateTime", publicName: "updateTime", isSignal: false, isRequired: false, transformFunction: null }, filterTime: { classPropertyName: "filterTime", publicName: "filterTime", isSignal: false, isRequired: false, transformFunction: null }, maxPages: { classPropertyName: "maxPages", publicName: "maxPages", isSignal: false, isRequired: false, transformFunction: null }, directionLinks: { classPropertyName: "directionLinks", publicName: "directionLinks", isSignal: false, isRequired: false, transformFunction: null }, boundaryLinks: { classPropertyName: "boundaryLinks", publicName: "boundaryLinks", isSignal: false, isRequired: false, transformFunction: null }, orderBy: { classPropertyName: "orderBy", publicName: "orderBy", isSignal: false, isRequired: false, transformFunction: null }, orderDescending: { classPropertyName: "orderDescending", publicName: "orderDescending", isSignal: false, isRequired: false, transformFunction: null }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: false, isRequired: false, transformFunction: null }, titlePrefix: { classPropertyName: "titlePrefix", publicName: "titlePrefix", isSignal: false, isRequired: false, transformFunction: null }, dragStartFn: { classPropertyName: "dragStartFn", publicName: "dragStartFn", isSignal: false, isRequired: false, transformFunction: null }, dragEnterFn: { classPropertyName: "dragEnterFn", publicName: "dragEnterFn", isSignal: false, isRequired: false, transformFunction: null }, dropFn: { classPropertyName: "dropFn", publicName: "dropFn", isSignal: false, isRequired: false, transformFunction: null }, globalTemplatePrefix: { classPropertyName: "globalTemplatePrefix", publicName: "globalTemplatePrefix", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, queries: [{ propertyName: "fallbackTemplate", first: true, predicate: ["fallbackTemplate"], descendants: true, isSignal: true }, { propertyName: "templateDirectives", predicate: DynamicTableTemplateDirective, isSignal: true }, { propertyName: "rowTemplate", first: true, predicate: ["rowTemplate"], descendants: true, static: true }, { propertyName: "wrapperTemplate", first: true, predicate: ["wrapperTemplate"], descendants: true, static: true }], viewQueries: [{ propertyName: "columnsTemplate", first: true, predicate: ["columnsTemplate"], descendants: true, static: true }, { propertyName: "defaultRowTemplate", first: true, predicate: ["defaultRowTemplate"], descendants: true, static: true }, { propertyName: "defaultWrapperTemplate", first: true, predicate: ["defaultWrapperTemplate"], descendants: true, static: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@let columnTemplates = templates();\r\n@let prefix = globalTemplatePrefix();\r\n@let fallback = fallbackTemplate();\r\n\r\n<ng-template #defaultTemplate let-item=\"item\" let-column=\"column\" let-columnDef=\"columnDef\">\r\n    <dynamic-table-cell [item]=\"item\"\r\n                        [column]=\"columnDef\"\r\n                        [id]=\"column\"\r\n                        [globalTemplatePrefix]=\"prefix\"\r\n                        [fallbackTemplate]=\"fallback\"></dynamic-table-cell>\r\n</ng-template>\r\n\r\n<ng-template #columnTemplate let-context let-column=\"column\" let-template=\"template\">\r\n    @if (!template?.pure) {\r\n        <td [ngClass]=\"'column-' + column\"\r\n            [attr.data-testid]=\"testId + '-' + column + '-' + context.rowIndex\">\r\n            <ng-container [ngxTemplateOutlet]=\"!template ? defaultTemplate : template.ref\"\r\n                          [context]=\"context\"></ng-container>\r\n        </td>\r\n    } @else {\r\n        <ng-container [ngxTemplateOutlet]=\"template.ref\" [context]=\"context\"></ng-container>\r\n    }\r\n</ng-template>\r\n\r\n<ng-template #columnsTemplate let-context>\r\n    <ng-container *ngFor=\"let column of cols\"\r\n                  [ngxTemplateOutlet]=\"columnTemplate\"\r\n                  [context]=\"context\"\r\n                  [additionalContext]=\"{\r\n                    template: columnTemplates[column],\r\n                    column: column,\r\n                    columnDef: columnDefs[column]\r\n                  }\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-template #defaultRowTemplate let-context>\r\n    <tr #elem\r\n        [draggable]=\"!!dragStartFn\"\r\n        [ngClass]=\"{active: selected === context.item}\"\r\n        (dragstart)=\"onDragStart($event, elem, context.item)\"\r\n        (dragenter)=\"onDragEnter($event, elem, context.item)\"\r\n        (dragleave)=\"onDragLeave($event, elem)\"\r\n        (drop)=\"onDrop($event, elem, context.item)\"\r\n        (click)=\"onClick.emit(context.item)\">\r\n        <ng-container [ngxTemplateOutlet]=\"columnsTemplate\"\r\n                      [context]=\"context\"></ng-container>\r\n    </tr>\r\n</ng-template>\r\n\r\n<ng-template #headerTemplate let-column=\"column\" let-toggle=\"toggle\">\r\n    <ng-template #defaultCol>\r\n        <span>{{ columnDefs[column].title | translate }}</span>\r\n    </ng-template>\r\n    <ng-template #emptyCol>\r\n        <span>-</span>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"columnDefs[column]; else emptyCol\">\r\n        <a *ngIf=\"columnDefs[column].sort; else defaultCol\"\r\n           [ngClass]=\"['sort', orderBy !== column ? '' : (orderDescending ? 'sort-desc' : 'sort-asc')]\"\r\n           (click)=\"setSorting(column, toggle)\">\r\n            <span>{{ columnDefs[column].title | translate }}</span>\r\n        </a>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<div class=\"dynamic-table\">\r\n    <div class=\"table-features-row\">\r\n        <ng-content select=\"[table-features-before]\"></ng-content>\r\n        @if (showFilter) {\r\n            <div class=\"table-input-wrap table-search-filter\">\r\n                <label *ngIf=\"filterLabel\" [attr.for]=\"tableId\">\r\n                    {{ filterLabel | translate }}\r\n                </label>\r\n                <input type=\"text\"\r\n                       class=\"search-input\"\r\n                       [attr.id]=\"tableId\"\r\n                       [attr.data-testid]=\"testId + '-filter-input'\"\r\n                       [placeholder]=\"placeholder | translate\"\r\n                       [ngModel]=\"filter\"\r\n                       (ngModelChange)=\"setFilter($event)\"/>\r\n            </div>\r\n        }\r\n        @if (sortable) {\r\n            <dropdown-box componentClass=\"sort-dropdown\" #sortDd>\r\n                <ng-container toggle-content\r\n                              [ngTemplateOutlet]=\"headerTemplate\"\r\n                              [ngTemplateOutletContext]=\"{column: orderBy, toggle: sortDd}\"></ng-container>\r\n                <ul>\r\n                    <ng-container *ngFor=\"let column of cols\">\r\n                        <li [ngClass]=\"'sort-column sort-' + column\" *ngIf=\"columnDefs[column].sort\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </li>\r\n                    </ng-container>\r\n                </ul>\r\n            </dropdown-box>\r\n        }\r\n        @if (showItems) {\r\n            <div class=\"table-input-wrap table-items-count\">\r\n                <label>\r\n                    {{ 'label.items.before' | translate }}\r\n                </label>\r\n                <dropdown-box>\r\n                    <ng-container toggle-content>\r\n                        {{ itemsPerPage }}\r\n                    </ng-container>\r\n                    <ul>\r\n                        <ng-container *ngFor=\"let count of showItems\">\r\n                            <li [ngClass]=\"'item-count count-' + count\" (click)=\"setItemsPerPage(count)\">\r\n                                {{ count }}\r\n                            </li>\r\n                        </ng-container>\r\n                    </ul>\r\n                </dropdown-box>\r\n                <label>\r\n                    {{ 'label.items.after' | translate }}\r\n                </label>\r\n            </div>\r\n        }\r\n        <ng-content select=\"[table-features-after]\"></ng-content>\r\n    </div>\r\n    <div class=\"table-content-row\"\r\n         #pagination=\"pagination\"\r\n         [pagination]=\"loadData\"\r\n         [page]=\"page\"\r\n         [itemsPerPage]=\"itemsPerPage\"\r\n         [updateTime]=\"updateTime\">\r\n        <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\"\r\n                         [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n        <div class=\"table-responsive\">\r\n            <ng-template #defaultWrapperTemplate>\r\n                <table class=\"table table-striped\">\r\n                    <thead>\r\n                    <tr>\r\n                        <th *ngFor=\"let column of cols\" [ngClass]=\"'header-column column-' + column\">\r\n                            <ng-container [ngTemplateOutlet]=\"headerTemplate\"\r\n                                          [ngTemplateOutletContext]=\"{column: column}\"></ng-container>\r\n                        </th>\r\n                    </tr>\r\n                    <tr *ngIf=\"hasQuery\">\r\n                        @for (column of cols; track column) {\r\n                            @let columnDef = columnDefs[column];\r\n                            <th [ngClass]=\"['column-' + column, 'filter-column', 'filter-column-' + columnDef.filterType]\">\r\n                                @if (columnDef.filter) {\r\n                                    @switch (columnDef.filterType) {\r\n                                        @case ('enum') {\r\n                                            @let optionPrefix = columnDefs[column].enumPrefix || column;\r\n                                            <ng-template #optionItem let-option=\"option\">\r\n                                                <span [ngClass]=\"`table-enum enum-${optionPrefix} enum-value-${option}`\">\r\n                                                    <span>{{ `${optionPrefix}.${option}` | translate }}</span>\r\n                                                </span>\r\n                                            </ng-template>\r\n                                            <dropdown-box componentClass=\"filter-box\"\r\n                                                          [ngClass]=\"'filter-box-' + column\"\r\n                                                          [closeInside]=\"false\">\r\n                                                <ng-container toggle-content>\r\n                                                    <span class=\"toggle-placeholder\" *ngIf=\"!query[column]\">\r\n                                                        {{ columnDefs[column].title | translate }}\r\n                                                    </span>\r\n                                                    <span [ngClass]=\"['option-' + option, column + '-option-' + option, option]\"\r\n                                                          *ngFor=\"let option of query[column] | values; let ix = index\">\r\n                                                        <ng-container *ngIf=\"ix > 0\">&nbsp;|&nbsp;</ng-container>\r\n                                                        <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                      [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                    </span>\r\n                                                </ng-container>\r\n                                                <ul>\r\n                                                    @for (option of columnDefs[column].enum; track option) {\r\n                                                        <li (click)=\"setQueryValue(column, option)\">\r\n                                                            <a class=\"toggle-link\" [ngClass]=\"'toggle-link-' + column\">\r\n                                                                <input type=\"checkbox\" [checked]=\"query[column] | includes: option\">\r\n                                                                <ng-container [ngTemplateOutlet]=\"optionItem\"\r\n                                                                              [ngTemplateOutletContext]=\"{option: option}\"></ng-container>\r\n                                                            </a>\r\n                                                        </li>\r\n                                                    }\r\n                                                </ul>\r\n                                            </dropdown-box>\r\n                                        }\r\n                                        @case ('checkbox') {\r\n                                            <input type=\"checkbox\"\r\n                                                   class=\"table-checkbox\"\r\n                                                   [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                                   [placeholder]=\"columnDefs[column].title | translate\"\r\n                                                   [checked]=\"query[column] === true\"\r\n                                                   [indeterminate]=\"query[column] === undefined\"\r\n                                                   (click)=\"setQueryValue(column)\"/>\r\n                                        }\r\n                                        @default {\r\n                                            <input class=\"search-input\"\r\n                                                   type=\"text\"\r\n                                                   [attr.data-testid]=\"testId + '-filter-' + column\"\r\n                                                   [placeholder]=\"columnDefs[column].title | translate\"\r\n                                                   [ngModel]=\"query[column]\"\r\n                                                   (ngModelChange)=\"setQueryValue(column, $event)\"/>\r\n                                        }\r\n                                    }\r\n                                }\r\n                            </th>\r\n                        }\r\n                    </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <ng-container *paginationItem=\"let context\"\r\n                                      [ngxTemplateOutlet]=\"rowTemplate\"\r\n                                      [context]=\"context\"\r\n                                      [additionalContext]=\"this\"></ng-container>\r\n                        <tr>\r\n                            <!-- Just an anchor/helper row for the loading state -->\r\n                            <td colspan=\"100%\"></td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </ng-template>\r\n\r\n            <div class=\"table-wrapper\">\r\n                <ng-content select=\"[table-top]\"></ng-content>\r\n                <ng-container [ngxTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n                              [context]=\"this\"></ng-container>\r\n                <ng-content select=\"[table-bottom]\"></ng-content>\r\n            </div>\r\n        </div>\r\n        <pagination-menu [urlParam]=\"urlParam\" [maxSize]=\"maxPages\" [directionLinks]=\"directionLinks\"\r\n                         [boundaryLinks]=\"boundaryLinks\"></pagination-menu>\r\n    </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";@keyframes table-load-spin{to{rotate:360deg}}.dynamic-table{--table-bg: transparent;--table-stripe-bg: rgba(210, 210, 210, .35);--border-size: 1px;--border-color: #ced4da;--bg-color: #ffffff;--text-color: #151515;--highlight-color: var(--primary-color, #888888);--highlight-text-color: #ffffff;--display-toggle: none;--arrow-size: 6px;--arrow-rotation: 90;--arrow-space: calc(var(--arrow-size) * .5 + 1px);--arrow-color: #c6c6c6}.dynamic-table *{box-sizing:border-box}.dynamic-table div.table-enum,.dynamic-table div.table-checkbox{text-align:center}.dynamic-table .search-input{background:var(--bg-color);color:var(--text-color);border:var(--border-size) solid var(--border-color);padding:var(--element-padding, 6px 12px);border-radius:5px;-webkit-user-select:none;user-select:none;font-weight:400;font-size:var(--table-input-font-size, 15px);line-height:var(--table-input-line-height, 18px);outline:none}.dynamic-table .search-input .toggle-placeholder,.dynamic-table .search-input ::placeholder{color:#495057}.dynamic-table .table-responsive{border:1px solid var(--border-color);overflow:hidden;overflow-x:auto;margin-bottom:1rem}.dynamic-table .table-features-row:not(:empty){display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}.dynamic-table .table-content-row,.dynamic-table .table-content-row tbody{position:relative}.dynamic-table .table-content-row tbody tr:last-child td:first-child{padding:0;border-bottom-width:0}.dynamic-table .table-content-row.loading tbody{height:50px}.dynamic-table .table-content-row.loading tbody tr:last-child td:first-child:before{content:\"\";display:table-row;position:absolute;inset:1px;background-color:#32323240;z-index:1}.dynamic-table .table-content-row.loading tbody tr:last-child td:first-child:after{content:\"\";display:table-row;position:absolute;width:25px;height:25px;border:3px solid rgba(255,255,255,.75);border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:table-load-spin 575ms infinite linear;vertical-align:middle;margin-right:5px;top:50%;left:50%;translate:-50% -50%;z-index:2}.dynamic-table .sort-dropdown{display:none}.dynamic-table .table-input-wrap{display:flex;align-items:center;flex:1;gap:5px}.dynamic-table .table-input-wrap>label{margin:0;font-weight:700}.dynamic-table .table-input-wrap>input{width:300px;max-width:90%}.dynamic-table .table-items-count{flex:1}.dynamic-table .table-wrapper{position:relative}.dynamic-table table.table{border-collapse:collapse;margin:0;width:100%;font-family:inherit;font-size:inherit}.dynamic-table table.table th{text-align:left}.dynamic-table table.table th,.dynamic-table table.table td{text-align:left;padding:6px 12px;border:1px solid var(--border-color);vertical-align:middle;white-space:nowrap;width:var(--cell-width, 25%);min-width:fit-content}.dynamic-table table.table-sm th,.dynamic-table table.table-sm td{font-size:var(--font-size-sm);padding:4px 6px}.dynamic-table table.table thead th{font-weight:500}.dynamic-table table.table thead th .dropdown-box{display:block;width:100%;text-align:left}.dynamic-table table.table thead th .search-input{width:100%;padding:7px 12px}.dynamic-table table.table thead th span{display:inline-block;vertical-align:top}.dynamic-table table.table thead th a{cursor:pointer;text-align:left}.dynamic-table table.table thead th.filter-column{text-align:center}.dynamic-table table.table thead tr:first-child th{border-top-width:0}.dynamic-table table.table tbody tr:last-child td{border-top-width:0}.dynamic-table table.table tbody tr:last-child td,.dynamic-table table.table tbody tr:nth-last-child(2) td{border-bottom-width:0}.dynamic-table table.table thead tr th,.dynamic-table table.table tbody tr td{background-color:var(--table-bg)}.dynamic-table table.table thead tr th:first-child,.dynamic-table table.table tbody tr td:first-child{border-left-width:0}.dynamic-table table.table thead tr th:last-child,.dynamic-table table.table tbody tr td:last-child{border-right-width:0}.dynamic-table table.table tbody tr.active td{background-color:var(--highlight-color);color:var(--highlight-text-color)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd) td{background-color:var(--table-stripe-bg)}.dynamic-table .table-striped>tbody>tr:nth-of-type(odd).active td{background-color:var(--highlight-color);color:var(--highlight-text-color)}.sort-dropdown .dropdown-box-toggle a.dropdown-box-toggle-link{margin-right:0;padding-right:0}.sort-dropdown .dropdown-box-toggle a.dropdown-box-toggle-link:after{display:none}.sort-dropdown-content-wrapper a.sort,.dynamic-table a.sort{position:relative;display:block;margin-right:calc(var(--arrow-size) * 2);-webkit-user-select:none;user-select:none;padding-right:5px}.sort-dropdown-content-wrapper a.sort:before,.sort-dropdown-content-wrapper a.sort:after,.dynamic-table a.sort:before,.dynamic-table a.sort:after{content:\"\";position:absolute;transition:.2s ease;left:calc(100% + var(--arrow-size));top:calc(50% - var(--arrow-size));border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-color);transform:rotate(calc(var(--arrow-rotation) * 1deg)) translate(var(--arrow-space))}.sort-dropdown-content-wrapper a.sort:before,.dynamic-table a.sort:before{--arrow-rotation: -90}.sort-dropdown-content-wrapper a.sort.sort-desc:before,.dynamic-table a.sort.sort-desc:before{--arrow-color: black}.sort-dropdown-content-wrapper a.sort.sort-asc:after,.dynamic-table a.sort.sort-asc:after{--arrow-color: black}.table-enum{--enum-color: #c6c6c6;--enum-radius: 5px}.table-enum span{display:inline-block;padding:2px 5px;background:color-mix(in srgb,var(--enum-color),rgba(255,255,255,.4666666667) 50%);color:color-mix(in srgb,var(--enum-color),#000 70%);border:1px solid var(--enum-color);border-radius:var(--enum-radius);-webkit-user-select:none;user-select:none}input.table-checkbox{appearance:none;cursor:pointer;width:16px;height:16px;border:1px solid black;border-radius:3px;background-color:#fff;position:relative;font-size:11px;line-height:11px;vertical-align:middle}input.table-checkbox:focus{outline:none}input.table-checkbox:focus-visible{outline:2px solid #acacac;outline-offset:0}input.table-checkbox:after{position:absolute;content:\"\\2716\\fe0e\";text-align:center;width:100%;height:100%}input.table-checkbox:checked:after{content:\"\\2714\\fe0e\"}input.table-checkbox:indeterminate:after{content:\"\\2501\"}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgxTemplateOutletDirective, selector: "[ngxTemplateOutlet]", inputs: ["context", "additionalContext", "ngxTemplateOutlet"] }, { kind: "directive", type: PaginationDirective, selector: "[pagination]", inputs: ["pagination", "page", "itemsPerPage", "updateTime", "waitFor"], outputs: ["pageChange", "onRefresh"], exportAs: ["pagination"] }, { kind: "directive", type: PaginationItemDirective, selector: "[paginationItem]" }, { kind: "component", type: DropdownBoxComponent, selector: "dropdown-box", inputs: ["closeInside", "attachTo", "placement", "crossAxis", "alignment", "autoAlignment", "allowedPlacements", "componentClass"] }, { kind: "component", type: DynamicTableCellComponent, selector: "dynamic-table-cell", inputs: ["item", "column", "id", "globalTemplatePrefix", "fallbackTemplate"] }, { kind: "component", type: PaginationMenuComponent, selector: "pagination-menu", inputs: ["maxSize", "urlParam", "directionLinks", "boundaryLinks"] }, { kind: "pipe", type: IncludesPipe, name: "includes" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ValuesPipe, name: "values" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DynamicTableComponent, decorators: [{
             type: Component,
@@ -8606,8 +9101,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class FakeModuleComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FakeModuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: FakeModuleComponent, isStandalone: false, selector: "fake-module-component", ngImport: i0, template: "", isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FakeModuleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: FakeModuleComponent, isStandalone: false, selector: "fake-module-component", ngImport: i0, template: "", isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: FakeModuleComponent, decorators: [{
             type: Component,
@@ -8620,11 +9115,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }] });
 
 class IconDefaultComponent {
-    constructor() {
-        this.name = "trash";
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: IconDefaultComponent, isStandalone: false, selector: "icon-default", inputs: { name: "name" }, ngImport: i0, template: "<i class=\"fa-solid\" [ngClass]=\"'fa-' + name\"></i>\r\n", styles: [".fa-solid{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    name = "trash";
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: IconDefaultComponent, isStandalone: false, selector: "icon-default", inputs: { name: "name" }, ngImport: i0, template: "<i class=\"fa-solid\" [ngClass]=\"'fa-' + name\"></i>\r\n", styles: [".fa-solid{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: IconDefaultComponent, decorators: [{
             type: Component,
@@ -8634,6 +9127,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class InteractiveItemComponent {
+    pos;
+    rot;
+    mFrame;
+    mShapes;
     get id() {
         return null;
     }
@@ -8722,6 +9219,16 @@ class InteractiveItemComponent {
         }
         return "pointer";
     }
+    direction;
+    disabled;
+    active;
+    canvas;
+    index;
+    canvasParams;
+    otherItems;
+    hitShapes;
+    validPos;
+    validRot;
     constructor() {
         this.active = false;
         this.index = -1;
@@ -8843,8 +9350,8 @@ class InteractiveItemComponent {
     calcShape(x, y) {
         return new Point(x, y);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: InteractiveItemComponent, isStandalone: false, selector: "__interactive-item__", inputs: { x: "x", y: "y", position: "position", rotation: "rotation", direction: "direction", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: "", isInline: true }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: InteractiveItemComponent, isStandalone: false, selector: "__interactive-item__", inputs: { x: "x", y: "y", position: "position", rotation: "rotation", direction: "direction", disabled: "disabled" }, usesOnChanges: true, ngImport: i0, template: "", isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveItemComponent, decorators: [{
             type: Component,
@@ -8869,6 +9376,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
 
 const emptyDash = [];
 class InteractiveCanvasComponent {
+    /**
+     * Injectable options
+     * @private
+     */
+    options = injectOptions({
+        infinite: false,
+        resizeMode: "fit",
+        panOffset: 0
+    });
+    renderer = inject(Renderer2);
+    universal = inject(UniversalService);
+    /**
+     * Is the canvas infinitely scrollable?
+     */
+    infinite = input(this.options.infinite);
+    resizeMode = input(this.options.resizeMode);
+    horizontal = input(false);
+    /**
+     * Real life-size width of the canvas
+     */
+    width = input(100);
+    /**
+     * Real life-size height of the canvas
+     */
+    height = input(100);
+    /**
+     * Canvas params
+     */
+    params = input({});
+    /**
+     * Model signal for selected index
+     */
+    selectedIndex = model(0);
+    /**
+     * Relative offset of the panning. It is based on the rendered canvas height
+     */
+    panOffset = input(this.options.panOffset);
+    renderCtx = input({});
+    beforeItems = input([]);
+    afterItems = input([]);
+    onRotate = output();
+    onItemPan = output();
+    onItemPanned = output();
+    onPan = output();
+    onPanned = output();
+    itemList = contentChildren(InteractiveItemComponent);
     get isInfinite() {
         return this.infinite();
     }
@@ -8903,53 +9456,30 @@ class InteractiveCanvasComponent {
     set hoveredItem(item) {
         this.hoveredIndex = !item ? -1 : this.items.indexOf(item);
     }
+    xRange;
+    yRange;
+    ratio;
+    styles;
+    ctx;
+    canvasWidth;
+    canvasHeight;
+    fullHeight;
+    viewRatio;
+    rotation;
+    basePan;
+    cycles;
+    excludedAreas;
+    tempCanvas;
+    shouldDraw;
+    hoveredIndex;
+    containerElem;
+    canvasElem;
+    touched;
+    panStartRotation;
+    panStartPos;
+    lockedIndex;
+    oldLength;
     constructor() {
-        /**
-         * Injectable options
-         * @private
-         */
-        this.options = injectOptions({
-            infinite: false,
-            resizeMode: "fit",
-            panOffset: 0
-        });
-        this.renderer = inject(Renderer2);
-        this.universal = inject(UniversalService);
-        /**
-         * Is the canvas infinitely scrollable?
-         */
-        this.infinite = input(this.options.infinite);
-        this.resizeMode = input(this.options.resizeMode);
-        this.horizontal = input(false);
-        /**
-         * Real life-size width of the canvas
-         */
-        this.width = input(100);
-        /**
-         * Real life-size height of the canvas
-         */
-        this.height = input(100);
-        /**
-         * Canvas params
-         */
-        this.params = input({});
-        /**
-         * Model signal for selected index
-         */
-        this.selectedIndex = model(0);
-        /**
-         * Relative offset of the panning. It is based on the rendered canvas height
-         */
-        this.panOffset = input(this.options.panOffset);
-        this.renderCtx = input({});
-        this.beforeItems = input([]);
-        this.afterItems = input([]);
-        this.onRotate = output();
-        this.onItemPan = output();
-        this.onItemPanned = output();
-        this.onPan = output();
-        this.onPanned = output();
-        this.itemList = contentChildren(InteractiveItemComponent);
         this.tempCanvas = this.universal.isServer ? null : document.createElement("canvas");
         this.shouldDraw = !this.universal.isServer;
         this.hoveredIndex = null;
@@ -9249,8 +9779,8 @@ class InteractiveCanvasComponent {
         }
         ctx.restore();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.22", type: InteractiveCanvasComponent, isStandalone: false, selector: "interactive-canvas", inputs: { infinite: { classPropertyName: "infinite", publicName: "infinite", isSignal: true, isRequired: false, transformFunction: null }, resizeMode: { classPropertyName: "resizeMode", publicName: "resizeMode", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, panOffset: { classPropertyName: "panOffset", publicName: "panOffset", isSignal: true, isRequired: false, transformFunction: null }, renderCtx: { classPropertyName: "renderCtx", publicName: "renderCtx", isSignal: true, isRequired: false, transformFunction: null }, beforeItems: { classPropertyName: "beforeItems", publicName: "beforeItems", isSignal: true, isRequired: false, transformFunction: null }, afterItems: { classPropertyName: "afterItems", publicName: "afterItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", onRotate: "onRotate", onItemPan: "onItemPan", onItemPanned: "onItemPanned", onPan: "onPan", onPanned: "onPanned" }, host: { listeners: { "window:touchend": "onTouchEnd()", "window:mouseup": "onMouseUp()" } }, queries: [{ propertyName: "itemList", predicate: InteractiveItemComponent, isSignal: true }], viewQueries: [{ propertyName: "containerElem", first: true, predicate: ["containerElem"], descendants: true }, { propertyName: "canvasElem", first: true, predicate: ["canvasElem"], descendants: true }], ngImport: i0, template: "<div #containerElem\r\n     [ngClass]=\"['interactive-canvas-container', horizontal() ? 'horizontal' : 'vertical']\"\r\n     (resize)=\"resize()\"\r\n     (touchstart)=\"onTouchStart($event)\"\r\n     (mousedown)=\"onMouseDown($event)\"\r\n     (mousemove)=\"onMouseMove($event)\"\r\n     (mouseleave)=\"onMouseLeave()\"\r\n     (panend)=\"onPanEnd()\"\r\n     (panmove)=\"onPanMove($event)\"\r\n     (panstart)=\"onPanStart()\">\r\n    <canvas #canvasElem class=\"interactive-canvas-element\"></canvas>\r\n</div>\r\n", styles: [".interactive-canvas-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.interactive-canvas-container .interactive-canvas-element{position:absolute;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.22", type: InteractiveCanvasComponent, isStandalone: false, selector: "interactive-canvas", inputs: { infinite: { classPropertyName: "infinite", publicName: "infinite", isSignal: true, isRequired: false, transformFunction: null }, resizeMode: { classPropertyName: "resizeMode", publicName: "resizeMode", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, panOffset: { classPropertyName: "panOffset", publicName: "panOffset", isSignal: true, isRequired: false, transformFunction: null }, renderCtx: { classPropertyName: "renderCtx", publicName: "renderCtx", isSignal: true, isRequired: false, transformFunction: null }, beforeItems: { classPropertyName: "beforeItems", publicName: "beforeItems", isSignal: true, isRequired: false, transformFunction: null }, afterItems: { classPropertyName: "afterItems", publicName: "afterItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedIndex: "selectedIndexChange", onRotate: "onRotate", onItemPan: "onItemPan", onItemPanned: "onItemPanned", onPan: "onPan", onPanned: "onPanned" }, host: { listeners: { "window:touchend": "onTouchEnd()", "window:mouseup": "onMouseUp()" } }, queries: [{ propertyName: "itemList", predicate: InteractiveItemComponent, isSignal: true }], viewQueries: [{ propertyName: "containerElem", first: true, predicate: ["containerElem"], descendants: true }, { propertyName: "canvasElem", first: true, predicate: ["canvasElem"], descendants: true }], ngImport: i0, template: "<div #containerElem\r\n     [ngClass]=\"['interactive-canvas-container', horizontal() ? 'horizontal' : 'vertical']\"\r\n     (resize)=\"resize()\"\r\n     (touchstart)=\"onTouchStart($event)\"\r\n     (mousedown)=\"onMouseDown($event)\"\r\n     (mousemove)=\"onMouseMove($event)\"\r\n     (mouseleave)=\"onMouseLeave()\"\r\n     (panend)=\"onPanEnd()\"\r\n     (panmove)=\"onPanMove($event)\"\r\n     (panstart)=\"onPanStart()\">\r\n    <canvas #canvasElem class=\"interactive-canvas-element\"></canvas>\r\n</div>\r\n", styles: [".interactive-canvas-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.interactive-canvas-container .interactive-canvas-element{position:absolute;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveCanvasComponent, decorators: [{
             type: Component,
@@ -9270,9 +9800,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class InteractiveCircleComponent extends InteractiveItemComponent {
+    radius = input(10);
     constructor() {
         super();
-        this.radius = input(10);
         effect(() => {
             const radius = this.radius();
             this.mFrame = new Rect(0, 0, radius * 2, radius * 2);
@@ -9282,10 +9812,10 @@ class InteractiveCircleComponent extends InteractiveItemComponent {
         const radius = untracked(() => this.radius());
         return new Circle(x, y, radius * this.canvas.ratio);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: InteractiveCircleComponent, isStandalone: false, selector: "interactive-circle", inputs: { radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: InteractiveCircleComponent, isStandalone: false, selector: "interactive-circle", inputs: { radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: InteractiveItemComponent, useExisting: InteractiveCircleComponent },
-        ], usesInheritance: true, ngImport: i0, template: "", isInline: true }); }
+        ], usesInheritance: true, ngImport: i0, template: "", isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveCircleComponent, decorators: [{
             type: Component,
@@ -9300,10 +9830,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }], ctorParameters: () => [] });
 
 class InteractiveRectComponent extends InteractiveItemComponent {
+    width = input(10);
+    height = input(10);
     constructor() {
         super();
-        this.width = input(10);
-        this.height = input(10);
         effect(() => {
             this.mFrame = new Rect(0, 0, this.width(), this.height());
         });
@@ -9314,10 +9844,10 @@ class InteractiveRectComponent extends InteractiveItemComponent {
         const height = untracked(() => this.height());
         return new Rect(x, y, width * ratio, height * ratio, this.rotation);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveRectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: InteractiveRectComponent, isStandalone: false, selector: "interactive-rect", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveRectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: InteractiveRectComponent, isStandalone: false, selector: "interactive-rect", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: InteractiveItemComponent, useExisting: InteractiveRectComponent },
-        ], usesInheritance: true, ngImport: i0, template: "", isInline: true }); }
+        ], usesInheritance: true, ngImport: i0, template: "", isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: InteractiveRectComponent, decorators: [{
             type: Component,
@@ -9332,58 +9862,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }], ctorParameters: () => [] });
 
 class TabsComponent {
-    constructor() {
-        this.router = inject(Router);
-        this.value = model();
-        this.options = input([]);
-        this.type = input("primary");
-        this.size = input("normal");
-        this.testId = input("tabs");
-        this.tabsClass = input("basic-tabs");
-        this.tabItems = contentChildren(TabsItemDirective);
-        this.selectedChange = output();
-        this.template = signal(null);
-        this.tabs = computed(() => {
-            const options = (this.options() || [])
-                .filter(option => ObjectUtils.isStringWithValue(option?.label));
-            const current = this.value();
-            this.tabItems().forEach(item => {
-                const value = item.value();
-                switchClass(item.element?.nativeElement, "hidden-tab", current !== value);
-                if (options.some(o => o.value === value))
-                    return;
-                const label = item.label();
-                if (!label)
-                    return;
-                options.push({
-                    value,
-                    label,
-                    classes: item.classes(),
-                    tooltip: item.tooltip(),
-                    icon: item.icon(),
-                    disabled: item.disabled(),
-                    path: item.path(),
-                    template: item.template
-                });
-            });
-            options.forEach(o => {
-                const active = current === o.value;
-                const classes = (Array.isArray(o.classes) ? o.classes : [o.classes || ""]).filter(c => !!c);
-                classes.push(active ? "active" : "inactive");
-                o.active = active;
-                o.className = classes.join(" ");
+    router = inject(Router);
+    value = model();
+    options = input([]);
+    type = input("primary");
+    size = input("normal");
+    testId = input("tabs");
+    tabsClass = input("basic-tabs");
+    tabItems = contentChildren(TabsItemDirective);
+    selectedChange = output();
+    template = signal(null);
+    tabs = computed(() => {
+        const options = (this.options() || [])
+            .filter(option => ObjectUtils.isStringWithValue(option?.label));
+        const current = this.value();
+        this.tabItems().forEach(item => {
+            const value = item.value();
+            switchClass(item.element?.nativeElement, "hidden-tab", current !== value);
+            if (options.some(o => o.value === value))
+                return;
+            const label = item.label();
+            if (!label)
+                return;
+            options.push({
+                value,
+                label,
+                classes: item.classes(),
+                tooltip: item.tooltip(),
+                icon: item.icon(),
+                disabled: item.disabled(),
+                path: item.path(),
+                template: item.template
             });
-            return options;
         });
-        this.select = async (option) => {
-            if (option.path) {
-                await this.router.navigateByUrl(option.path);
-                return null;
-            }
-            this.value.set(option.value);
-            this.selectedChange.emit(option);
+        options.forEach(o => {
+            const active = current === o.value;
+            const classes = (Array.isArray(o.classes) ? o.classes : [o.classes || ""]).filter(c => !!c);
+            classes.push(active ? "active" : "inactive");
+            o.active = active;
+            o.className = classes.join(" ");
+        });
+        return options;
+    });
+    select = async (option) => {
+        if (option.path) {
+            await this.router.navigateByUrl(option.path);
             return null;
-        };
+        }
+        this.value.set(option.value);
+        this.selectedChange.emit(option);
+        return null;
+    };
+    constructor() {
         effect(() => {
             const tabOptions = this.tabs();
             const selectedOption = tabOptions.find(o => o.active);
@@ -9396,8 +9926,8 @@ class TabsComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: TabsComponent, isStandalone: false, selector: "tabs", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: true, isRequired: false, transformFunction: null }, tabsClass: { classPropertyName: "tabsClass", publicName: "tabsClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", selectedChange: "selectedChange" }, queries: [{ propertyName: "tabItems", predicate: TabsItemDirective, isSignal: true }], ngImport: i0, template: "@let tabList = tabs();\r\n@let tabType = type();\r\n@let tabSize = size();\r\n@let tabTemplate = template();\r\n@let testIdPrefix = testId() || \"tabs\";\r\n@if (tabList.length) {\r\n    <ul class=\"ui-tabs\" [ngClass]=\"[tabsClass(), 'type-' + tabType]\" [attr.data-testid]=\"testIdPrefix\">\r\n        @for (option of tabList; track option.value) {\r\n            <li [ngClass]=\"option.className\" [attr.data-testid]=\"testIdPrefix + '-' + option.value\">\r\n                <btn [label]=\"option.label\"\r\n                     [tooltip]=\"option.tooltip\"\r\n                     [icon]=\"option.icon\"\r\n                     [disabled]=\"option.disabled\"\r\n                     [path]=\"option.path\"\r\n                     [type]=\"option.active ? tabType : 'transparent'\"\r\n                     [size]=\"tabSize\"\r\n                     [async-method]=\"select\"\r\n                     [context]=\"option\"></btn>\r\n            </li>\r\n        }\r\n    </ul>\r\n}\r\n@if (tabTemplate) {\r\n    <div class=\"ui-tab\">\r\n        <ng-container [ngTemplateOutlet]=\"tabTemplate\"></ng-container>\r\n    </div>\r\n}\r\n<ng-content></ng-content>\r\n", styles: [".ui-tabs{--tabs-color: var(--primary-color, var(--bs-primary, var(--mat-sys-primary, #666666)));--tabs-border-radius: var(--element-radius, var(--mat-sys-corner-full, 5px));--tabs-bg: var(--tabs-color);--tabs-margin: 5px;--tabs-padding: 5px;display:flex;gap:5px;margin:0 0 var(--tabs-margin) 0;padding:var(--tabs-padding);position:relative;list-style-type:none}.ui-tabs:before{content:\"\";position:absolute;inset:0;background:var(--tabs-bg);border-radius:var(--tabs-border-radius);opacity:.25;z-index:0}.ui-tabs li{position:relative;z-index:1}.ui-tabs *{box-sizing:border-box}.ui-tabs.type-secondary{--tabs-color: var(--secondary-color, var(--bs-secondary, var(--mat-sys-secondary, #666666)))}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AsyncMethodDirective, selector: "[async-method]", inputs: ["async-method"], exportAs: ["async-method"] }, { kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: TabsComponent, isStandalone: false, selector: "tabs", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: true, isRequired: false, transformFunction: null }, tabsClass: { classPropertyName: "tabsClass", publicName: "tabsClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", selectedChange: "selectedChange" }, queries: [{ propertyName: "tabItems", predicate: TabsItemDirective, isSignal: true }], ngImport: i0, template: "@let tabList = tabs();\r\n@let tabType = type();\r\n@let tabSize = size();\r\n@let tabTemplate = template();\r\n@let testIdPrefix = testId() || \"tabs\";\r\n@if (tabList.length) {\r\n    <ul class=\"ui-tabs\" [ngClass]=\"[tabsClass(), 'type-' + tabType]\" [attr.data-testid]=\"testIdPrefix\">\r\n        @for (option of tabList; track option.value) {\r\n            <li [ngClass]=\"option.className\" [attr.data-testid]=\"testIdPrefix + '-' + option.value\">\r\n                <btn [label]=\"option.label\"\r\n                     [tooltip]=\"option.tooltip\"\r\n                     [icon]=\"option.icon\"\r\n                     [disabled]=\"option.disabled\"\r\n                     [path]=\"option.path\"\r\n                     [type]=\"option.active ? tabType : 'transparent'\"\r\n                     [size]=\"tabSize\"\r\n                     [async-method]=\"select\"\r\n                     [context]=\"option\"></btn>\r\n            </li>\r\n        }\r\n    </ul>\r\n}\r\n@if (tabTemplate) {\r\n    <div class=\"ui-tab\">\r\n        <ng-container [ngTemplateOutlet]=\"tabTemplate\"></ng-container>\r\n    </div>\r\n}\r\n<ng-content></ng-content>\r\n", styles: [".ui-tabs{--tabs-color: var(--primary-color, var(--bs-primary, var(--mat-sys-primary, #666666)));--tabs-border-radius: var(--element-radius, var(--mat-sys-corner-full, 5px));--tabs-bg: var(--tabs-color);--tabs-margin: 5px;--tabs-padding: 5px;display:flex;gap:5px;margin:0 0 var(--tabs-margin) 0;padding:var(--tabs-padding);position:relative;list-style-type:none}.ui-tabs:before{content:\"\";position:absolute;inset:0;background:var(--tabs-bg);border-radius:var(--tabs-border-radius);opacity:.25;z-index:0}.ui-tabs li{position:relative;z-index:1}.ui-tabs *{box-sizing:border-box}.ui-tabs.type-secondary{--tabs-color: var(--secondary-color, var(--bs-secondary, var(--mat-sys-secondary, #666666)))}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AsyncMethodDirective, selector: "[async-method]", inputs: ["async-method"], exportAs: ["async-method"] }, { kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
@@ -9405,6 +9935,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
         }], ctorParameters: () => [] });
 
 class UnorderedListComponent {
+    cdr;
+    data;
+    keyPrefix;
+    listStyle;
+    path;
+    level;
+    templates;
+    isArray;
+    isObject;
+    defaultTemplates;
+    templateDirectives;
+    defaultKeyTemplate;
+    defaultValueTemplate;
+    defaultItemTemplate;
     constructor(cdr) {
         this.cdr = cdr;
         this.keyPrefix = "";
@@ -9429,8 +9973,8 @@ class UnorderedListComponent {
         };
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: UnorderedListComponent, isStandalone: false, selector: "unordered-list", inputs: { data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates" }, queries: [{ propertyName: "templateDirectives", predicate: UnorderedListTemplateDirective }], viewQueries: [{ propertyName: "defaultKeyTemplate", first: true, predicate: ["defaultKeyTemplate"], descendants: true }, { propertyName: "defaultValueTemplate", first: true, predicate: ["defaultValueTemplate"], descendants: true }, { propertyName: "defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-key=\"item.key\" let-value=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-type=\"valueType\" #defaultValueTemplate>\r\n    @if (type === 'enum') {\r\n        <span [ngClass]=\"`list-enum enum-${key} enum-value-${value}`\">\r\n            <span>{{ `${key}.${value}` | translate }}</span>\r\n        </span>\r\n    }\r\n    @else if (type === 'object' || type === 'array') {\r\n        <unordered-list [data]=\"value\"\r\n                        [keyPrefix]=\"keyPrefix\"\r\n                        [listStyle]=\"listStyle\"\r\n                        [path]=\"path\"\r\n                        [level]=\"level + 1\"\r\n                        [templates]=\"templates\"></unordered-list>\r\n    } @else {\r\n        <span [innerHTML]=\"value\"></span>\r\n    }\r\n</ng-template>\r\n<ng-template let-item=\"item\" let-data=\"data\" let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-path=\"path\" let-level=\"level\" let-templates=\"templates\" #defaultItemTemplate>\r\n    <ng-template #itemKey>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"key\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-template #itemValue>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"value\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"!isArray\">\r\n        <th *ngIf=\"listStyle == 'table'; else itemKey\">\r\n            <ng-container [ngTemplateOutlet]=\"itemKey\"></ng-container>\r\n        </th>\r\n    </ng-container>\r\n    <td *ngIf=\"listStyle == 'table'; else itemValue\">\r\n        <ng-container [ngTemplateOutlet]=\"itemValue\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n<ng-template #value>\r\n    <span [innerHTML]=\"data\"></span>\r\n</ng-template>\r\n<ng-container *ngIf=\"(isObject || isArray); else value\" [ngSwitch]=\"listStyle\">\r\n    <ul [ngClass]=\"'level-' + level\" *ngSwitchCase=\"'list'\">\r\n        <li *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container type=\"item\"\r\n                          [unorderedListItem]=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </li>\r\n    </ul>\r\n    <table [ngClass]=\"'level-' + level\" *ngSwitchDefault>\r\n        <tr *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container type=\"item\"\r\n                          [unorderedListItem]=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </tr>\r\n    </table>\r\n</ng-container>\r\n", styles: [".unordered-list *{box-sizing:border-box}.list-enum{--enum-color: #c6c6c6;--enum-radius: 5px}.list-enum span{display:inline-block;padding:2px 5px;background:color-mix(in srgb,var(--enum-color),rgba(255,255,255,.4666666667) 50%);color:color-mix(in srgb,var(--enum-color),#000 70%);border:1px solid var(--enum-color);border-radius:var(--enum-radius);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: UnorderedListItemDirective, selector: "[unorderedListItem]", inputs: ["unorderedListItem", "type", "data", "keyPrefix", "listStyle", "path", "level", "templates", "defaultTemplates"] }, { kind: "component", type: UnorderedListComponent, selector: "unordered-list", inputs: ["data", "keyPrefix", "listStyle", "path", "level", "templates"] }, { kind: "pipe", type: EntriesPipe, name: "entries" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: UnorderedListComponent, isStandalone: false, selector: "unordered-list", inputs: { data: "data", keyPrefix: "keyPrefix", listStyle: "listStyle", path: "path", level: "level", templates: "templates" }, queries: [{ propertyName: "templateDirectives", predicate: UnorderedListTemplateDirective }], viewQueries: [{ propertyName: "defaultKeyTemplate", first: true, predicate: ["defaultKeyTemplate"], descendants: true }, { propertyName: "defaultValueTemplate", first: true, predicate: ["defaultValueTemplate"], descendants: true }, { propertyName: "defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-key=\"item.key\" let-value=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-type=\"valueType\" #defaultValueTemplate>\r\n    @if (type === 'enum') {\r\n        <span [ngClass]=\"`list-enum enum-${key} enum-value-${value}`\">\r\n            <span>{{ `${key}.${value}` | translate }}</span>\r\n        </span>\r\n    }\r\n    @else if (type === 'object' || type === 'array') {\r\n        <unordered-list [data]=\"value\"\r\n                        [keyPrefix]=\"keyPrefix\"\r\n                        [listStyle]=\"listStyle\"\r\n                        [path]=\"path\"\r\n                        [level]=\"level + 1\"\r\n                        [templates]=\"templates\"></unordered-list>\r\n    } @else {\r\n        <span [innerHTML]=\"value\"></span>\r\n    }\r\n</ng-template>\r\n<ng-template let-item=\"item\" let-data=\"data\" let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-path=\"path\" let-level=\"level\" let-templates=\"templates\" #defaultItemTemplate>\r\n    <ng-template #itemKey>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"key\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-template #itemValue>\r\n        <ng-container [unorderedListItem]=\"item\"\r\n                      type=\"value\"\r\n                      [data]=\"data\"\r\n                      [keyPrefix]=\"keyPrefix\"\r\n                      [listStyle]=\"listStyle\"\r\n                      [path]=\"path\"\r\n                      [level]=\"level\"\r\n                      [templates]=\"templates\"\r\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n    </ng-template>\r\n    <ng-container *ngIf=\"!isArray\">\r\n        <th *ngIf=\"listStyle == 'table'; else itemKey\">\r\n            <ng-container [ngTemplateOutlet]=\"itemKey\"></ng-container>\r\n        </th>\r\n    </ng-container>\r\n    <td *ngIf=\"listStyle == 'table'; else itemValue\">\r\n        <ng-container [ngTemplateOutlet]=\"itemValue\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n<ng-template #value>\r\n    <span [innerHTML]=\"data\"></span>\r\n</ng-template>\r\n<ng-container *ngIf=\"(isObject || isArray); else value\" [ngSwitch]=\"listStyle\">\r\n    <ul [ngClass]=\"'level-' + level\" *ngSwitchCase=\"'list'\">\r\n        <li *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container type=\"item\"\r\n                          [unorderedListItem]=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </li>\r\n    </ul>\r\n    <table [ngClass]=\"'level-' + level\" *ngSwitchDefault>\r\n        <tr *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\r\n            <ng-container type=\"item\"\r\n                          [unorderedListItem]=\"item\"\r\n                          [data]=\"data\"\r\n                          [keyPrefix]=\"keyPrefix\"\r\n                          [listStyle]=\"listStyle\"\r\n                          [path]=\"path ? path + '.' + item.key : item.key\"\r\n                          [level]=\"level\"\r\n                          [templates]=\"templates\"\r\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\r\n        </tr>\r\n    </table>\r\n</ng-container>\r\n", styles: [".unordered-list *{box-sizing:border-box}.list-enum{--enum-color: #c6c6c6;--enum-radius: 5px}.list-enum span{display:inline-block;padding:2px 5px;background:color-mix(in srgb,var(--enum-color),rgba(255,255,255,.4666666667) 50%);color:color-mix(in srgb,var(--enum-color),#000 70%);border:1px solid var(--enum-color);border-radius:var(--enum-radius);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: UnorderedListItemDirective, selector: "[unorderedListItem]", inputs: ["unorderedListItem", "type", "data", "keyPrefix", "listStyle", "path", "level", "templates", "defaultTemplates"] }, { kind: "component", type: UnorderedListComponent, selector: "unordered-list", inputs: ["data", "keyPrefix", "listStyle", "path", "level", "templates"] }, { kind: "pipe", type: EntriesPipe, name: "entries" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UnorderedListComponent, decorators: [{
             type: Component,
@@ -9462,6 +10006,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class UploadComponent {
+    cdr;
+    element;
+    api;
+    toaster;
+    value;
+    disabled;
+    inline;
+    accept;
+    baseUrl;
+    message;
+    multiple;
+    buttonText;
+    makeUpload;
+    preProcess;
+    onUploaded;
+    onRemove;
+    uploadBtn;
+    acceptAttr;
+    isImage;
+    dropAllowed;
+    processing;
+    onChange;
+    onTouched;
+    rootElem;
+    fileImageCache;
+    acceptTypes;
     get http() {
         return this.api.client;
     }
@@ -9671,10 +10241,10 @@ class UploadComponent {
         type = type.split("/").pop().replace(/\./g, "");
         return this.acceptTypes.includes(type);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UploadComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: API_SERVICE }, { token: TOASTER_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: UploadComponent, isStandalone: false, selector: "upload", inputs: { value: "value", disabled: "disabled", inline: "inline", accept: "accept", baseUrl: "baseUrl", message: "message", multiple: "multiple", buttonText: "buttonText", makeUpload: "makeUpload", preProcess: "preProcess" }, outputs: { onUploaded: "onUploaded", onRemove: "onRemove" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UploadComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: API_SERVICE }, { token: TOASTER_SERVICE }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: UploadComponent, isStandalone: false, selector: "upload", inputs: { value: "value", disabled: "disabled", inline: "inline", accept: "accept", baseUrl: "baseUrl", message: "message", multiple: "multiple", buttonText: "buttonText", makeUpload: "makeUpload", preProcess: "preProcess" }, outputs: { onUploaded: "onUploaded", onRemove: "onRemove" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: UploadComponent, multi: true }
-        ], viewQueries: [{ propertyName: "uploadBtn", first: true, predicate: ["uploadBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemBgTemplate let-bg=\"bg\">\r\n    @if (bg) {\r\n        <div class=\"upload-item-bg\" [ngStyle]=\"{backgroundImage: `url('${bg}')`}\">\r\n            <div>\r\n                <img alt=\"item image\" [src]=\"bg | safe: 'url'\" />\r\n            </div>\r\n        </div>\r\n    }\r\n</ng-template>\r\n<ng-template #itemTemplate let-item=\"item\" let-index=\"index\">\r\n    <div class=\"upload-item\">\r\n        <ng-container [ngTemplateOutlet]=\"itemBgTemplate\"\r\n                      [ngTemplateOutletContext]=\"{bg: isImage || (item | isType: 'file') ? getUrl(item) : null}\">\r\n        </ng-container>\r\n        @if (!disabled) {\r\n            <close-btn class=\"remove-item-btn\" (click)=\"removeItem(index)\"></close-btn>\r\n        }\r\n<!--        <btn size=\"small\" class=\"download-item-btn\" icon=\"download\"></btn>-->\r\n    </div>\r\n</ng-template>\r\n\r\n<div class=\"file-upload\" [ngClass]=\"{disabled: disabled}\">\r\n    <div class=\"upload-input\" [ngClass]=\"{'drop-allowed': dropAllowed}\">\r\n        <input type=\"file\"\r\n               #input\r\n               [disabled]=\"disabled\"\r\n               [multiple]=\"multiple\"\r\n               [accept]=\"acceptAttr\"\r\n               (dragenter)=\"onDragEnter($event)\"\r\n               (dragleave)=\"onDrop()\"\r\n               (drop)=\"onDrop()\"\r\n               (click)=\"onInputClick($event)\"\r\n               (blur)=\"onTouched($event)\"\r\n               (change)=\"onInputChange($event)\"/>\r\n        @if (message) {\r\n            <div class=\"upload-message\"\r\n                 [ngClass]=\"{'has-value': $any(value)?.length}\"\r\n                 [innerHTML]=\"message | translate | safe:'html'\">\r\n            </div>\r\n        }\r\n        <div class=\"upload-container\">\r\n\r\n            <ng-container [ngTemplateOutlet]=\"itemTemplate\"\r\n                          [ngTemplateOutletContext]=\"{item: value, index: 0}\"\r\n                          *ngIf=\"!multiple && value\">\r\n            </ng-container>\r\n            <ng-container *ngIf=\"multiple\">\r\n                <ng-container [ngTemplateOutlet]=\"itemTemplate\"\r\n                              [ngTemplateOutletContext]=\"{item: item, index: ix}\"\r\n                              *ngFor=\"let item of $any(value); let ix = index\">\r\n                </ng-container>\r\n            </ng-container>\r\n\r\n            <div class=\"upload-item\" *ngFor=\"let proc of processing\">\r\n                <ng-container [ngTemplateOutlet]=\"itemBgTemplate\"\r\n                              [ngTemplateOutletContext]=\"{bg: proc.preview}\">\r\n                </ng-container>\r\n                <div class=\"upload-progress\">\r\n                    <div class=\"upload-progress-num\">{{ proc.progress }}%</div>\r\n                    <div class=\"upload-progress-bar\" [ngStyle]=\"{width: proc.progress + '%'}\">\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        @if (!disabled) {\r\n            <btn class=\"upload-btn\" #uploadBtn [label]=\"buttonText\" (click)=\"input.click()\"></btn>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".file-upload{--upload-bg-lightness: 85%;--upload-bg-opacity: 1;--upload-padding: 5px;--upload-border-width: 2px;--upload-border-color: rgba(0, 0, 0, .25);--upload-progress-bg: var(--primary-color, var(--mat-sys-primary, black));--upload-progress-text: var(--text-color, var(--mat-sys-on-primary, white));--upload-item-size: 120px;--upload-item-radius: 5px;--message-size: 20px;--message-color: #7e7e7e;--message-drop-color: #474747;--btn-distance: 3px;--btn-top-distance: var(--btn-distance);--btn-left-distance: var(--btn-distance);--btn-right-distance: var(--btn-distance);margin:5px 0}.file-upload *{box-sizing:border-box}.file-upload.disabled{--upload-bg-lightness: 75%}.file-upload input[type=file]{display:block;position:absolute;inset:0;opacity:0}.file-upload input[type=file]::file-selector-button{width:100%;height:100%}.file-upload .upload-input{width:100%;border:var(--upload-border-width) var(--upload-border-color) dashed;border-radius:var(--upload-item-radius);background-color:hsl(0,0%,var(--upload-bg-lightness),var(--upload-bg-opacity));transition:.2s;flex-wrap:wrap;position:relative;padding:var(--upload-padding)}.file-upload .upload-input .upload-message{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;font-size:var(--message-size);color:var(--message-color);transition:.2s}.file-upload .upload-input .upload-message.has-value{display:none}.file-upload .upload-input .upload-container{position:relative;pointer-events:none;min-height:var(--upload-item-size);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.file-upload .upload-input .upload-item{position:relative;pointer-events:auto;width:var(--upload-item-size);height:var(--upload-item-size);border-radius:var(--upload-item-radius);border:2px solid white;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-upload .upload-input .upload-item-bg{background:#fff center center no-repeat;background-size:cover;position:absolute;inset:0}.file-upload .upload-input .upload-item-bg div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(15px)}.file-upload .upload-input .upload-item-bg img{max-width:100%;max-height:100%;object-fit:contain;background:#ffffffbf}.file-upload .upload-input .upload-progress{position:relative;width:90%;height:15px;border:1px solid darkgrey;background:#ffffff80}.file-upload .upload-input .upload-progress-bar{position:absolute;height:15px;background:var(--upload-progress-bg);top:0}.file-upload .upload-input .upload-progress-num{position:relative;z-index:1;font-size:12px;line-height:15px;text-align:center;color:var(--upload-progress-text)}.file-upload .upload-input.drop-allowed{--upload-bg-lightness: 95%}.file-upload .upload-input.drop-allowed .upload-message{color:var(--message-drop-color)}.file-upload .upload-btn{position:relative;margin-top:5px;width:fit-content;display:block}.file-upload .remove-item-btn{position:absolute;top:var(--btn-top-distance);right:var(--btn-right-distance)}.file-upload .download-item-btn{position:absolute;top:var(--btn-top-distance);left:var(--btn-left-distance)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }, { kind: "component", type: CloseBtnComponent, selector: "close-btn" }, { kind: "pipe", type: IsTypePipe, name: "isType" }, { kind: "pipe", type: SafeHtmlPipe, name: "safe" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "uploadBtn", first: true, predicate: ["uploadBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemBgTemplate let-bg=\"bg\">\r\n    @if (bg) {\r\n        <div class=\"upload-item-bg\" [ngStyle]=\"{backgroundImage: `url('${bg}')`}\">\r\n            <div>\r\n                <img alt=\"item image\" [src]=\"bg | safe: 'url'\" />\r\n            </div>\r\n        </div>\r\n    }\r\n</ng-template>\r\n<ng-template #itemTemplate let-item=\"item\" let-index=\"index\">\r\n    <div class=\"upload-item\">\r\n        <ng-container [ngTemplateOutlet]=\"itemBgTemplate\"\r\n                      [ngTemplateOutletContext]=\"{bg: isImage || (item | isType: 'file') ? getUrl(item) : null}\">\r\n        </ng-container>\r\n        @if (!disabled) {\r\n            <close-btn class=\"remove-item-btn\" (click)=\"removeItem(index)\"></close-btn>\r\n        }\r\n<!--        <btn size=\"small\" class=\"download-item-btn\" icon=\"download\"></btn>-->\r\n    </div>\r\n</ng-template>\r\n\r\n<div class=\"file-upload\" [ngClass]=\"{disabled: disabled}\">\r\n    <div class=\"upload-input\" [ngClass]=\"{'drop-allowed': dropAllowed}\">\r\n        <input type=\"file\"\r\n               #input\r\n               [disabled]=\"disabled\"\r\n               [multiple]=\"multiple\"\r\n               [accept]=\"acceptAttr\"\r\n               (dragenter)=\"onDragEnter($event)\"\r\n               (dragleave)=\"onDrop()\"\r\n               (drop)=\"onDrop()\"\r\n               (click)=\"onInputClick($event)\"\r\n               (blur)=\"onTouched($event)\"\r\n               (change)=\"onInputChange($event)\"/>\r\n        @if (message) {\r\n            <div class=\"upload-message\"\r\n                 [ngClass]=\"{'has-value': $any(value)?.length}\"\r\n                 [innerHTML]=\"message | translate | safe:'html'\">\r\n            </div>\r\n        }\r\n        <div class=\"upload-container\">\r\n\r\n            <ng-container [ngTemplateOutlet]=\"itemTemplate\"\r\n                          [ngTemplateOutletContext]=\"{item: value, index: 0}\"\r\n                          *ngIf=\"!multiple && value\">\r\n            </ng-container>\r\n            <ng-container *ngIf=\"multiple\">\r\n                <ng-container [ngTemplateOutlet]=\"itemTemplate\"\r\n                              [ngTemplateOutletContext]=\"{item: item, index: ix}\"\r\n                              *ngFor=\"let item of $any(value); let ix = index\">\r\n                </ng-container>\r\n            </ng-container>\r\n\r\n            <div class=\"upload-item\" *ngFor=\"let proc of processing\">\r\n                <ng-container [ngTemplateOutlet]=\"itemBgTemplate\"\r\n                              [ngTemplateOutletContext]=\"{bg: proc.preview}\">\r\n                </ng-container>\r\n                <div class=\"upload-progress\">\r\n                    <div class=\"upload-progress-num\">{{ proc.progress }}%</div>\r\n                    <div class=\"upload-progress-bar\" [ngStyle]=\"{width: proc.progress + '%'}\">\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        @if (!disabled) {\r\n            <btn class=\"upload-btn\" #uploadBtn [label]=\"buttonText\" (click)=\"input.click()\"></btn>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".file-upload{--upload-bg-lightness: 85%;--upload-bg-opacity: 1;--upload-padding: 5px;--upload-border-width: 2px;--upload-border-color: rgba(0, 0, 0, .25);--upload-progress-bg: var(--primary-color, var(--mat-sys-primary, black));--upload-progress-text: var(--text-color, var(--mat-sys-on-primary, white));--upload-item-size: 120px;--upload-item-radius: 5px;--message-size: 20px;--message-color: #7e7e7e;--message-drop-color: #474747;--btn-distance: 3px;--btn-top-distance: var(--btn-distance);--btn-left-distance: var(--btn-distance);--btn-right-distance: var(--btn-distance);margin:5px 0}.file-upload *{box-sizing:border-box}.file-upload.disabled{--upload-bg-lightness: 75%}.file-upload input[type=file]{display:block;position:absolute;inset:0;opacity:0}.file-upload input[type=file]::file-selector-button{width:100%;height:100%}.file-upload .upload-input{width:100%;border:var(--upload-border-width) var(--upload-border-color) dashed;border-radius:var(--upload-item-radius);background-color:hsl(0,0%,var(--upload-bg-lightness),var(--upload-bg-opacity));transition:.2s;flex-wrap:wrap;position:relative;padding:var(--upload-padding)}.file-upload .upload-input .upload-message{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;font-size:var(--message-size);color:var(--message-color);transition:.2s}.file-upload .upload-input .upload-message.has-value{display:none}.file-upload .upload-input .upload-container{position:relative;pointer-events:none;min-height:var(--upload-item-size);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.file-upload .upload-input .upload-item{position:relative;pointer-events:auto;width:var(--upload-item-size);height:var(--upload-item-size);border-radius:var(--upload-item-radius);border:2px solid white;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-upload .upload-input .upload-item-bg{background:#fff center center no-repeat;background-size:cover;position:absolute;inset:0}.file-upload .upload-input .upload-item-bg div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(15px)}.file-upload .upload-input .upload-item-bg img{max-width:100%;max-height:100%;object-fit:contain;background:#ffffffbf}.file-upload .upload-input .upload-progress{position:relative;width:90%;height:15px;border:1px solid darkgrey;background:#ffffff80}.file-upload .upload-input .upload-progress-bar{position:absolute;height:15px;background:var(--upload-progress-bg);top:0}.file-upload .upload-input .upload-progress-num{position:relative;z-index:1;font-size:12px;line-height:15px;text-align:center;color:var(--upload-progress-text)}.file-upload .upload-input.drop-allowed{--upload-bg-lightness: 95%}.file-upload .upload-input.drop-allowed .upload-message{color:var(--message-drop-color)}.file-upload .upload-btn{position:relative;margin-top:5px;width:fit-content;display:block}.file-upload .remove-item-btn{position:absolute;top:var(--btn-top-distance);right:var(--btn-right-distance)}.file-upload .download-item-btn{position:absolute;top:var(--btn-top-distance);left:var(--btn-left-distance)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }, { kind: "component", type: CloseBtnComponent, selector: "close-btn" }, { kind: "pipe", type: IsTypePipe, name: "isType" }, { kind: "pipe", type: SafeHtmlPipe, name: "safe" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: UploadComponent, decorators: [{
             type: Component,
@@ -9717,6 +10287,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
             }] } });
 
 class WysiwygComponent {
+    cdr;
+    element;
+    value;
+    disabled;
+    valueChange;
+    onChange;
+    onTouched;
+    rootElem;
+    editor;
+    editorElem;
     get root() {
         this.rootElem = this.rootElem || getRoot(this.element.nativeElement);
         return this.rootElem;
@@ -9775,10 +10355,10 @@ class WysiwygComponent {
         this.cdr.markForCheck();
         this.ngOnChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: WysiwygComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: WysiwygComponent, isStandalone: false, selector: "wysiwyg", inputs: { value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: WysiwygComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.22", type: WysiwygComponent, isStandalone: false, selector: "wysiwyg", inputs: { value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: WysiwygComponent, multi: true }
-        ], viewQueries: [{ propertyName: "editorElem", first: true, predicate: ["editor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"wysiwyg form-control\" [ngClass]=\"{disabled: disabled}\">\r\n    <div #editor></div>\r\n</div>\r\n", styles: [".file-upload{--upload-bg-lightness: 85%;--upload-bg-opacity: 1;--upload-padding: 5px;--upload-border-width: 2px;--upload-border-color: rgba(0, 0, 0, .25);--upload-progress-bg: var(--primary-color, var(--mat-sys-primary, black));--upload-progress-text: var(--text-color, var(--mat-sys-on-primary, white));--upload-item-size: 120px;--upload-item-radius: 5px;--message-size: 20px;--message-color: #7e7e7e;--message-drop-color: #474747;--btn-distance: 3px;--btn-top-distance: var(--btn-distance);--btn-left-distance: var(--btn-distance);--btn-right-distance: var(--btn-distance);margin:5px 0}.file-upload *{box-sizing:border-box}.file-upload.disabled{--upload-bg-lightness: 75%}.file-upload input[type=file]{display:block;position:absolute;inset:0;opacity:0}.file-upload input[type=file]::file-selector-button{width:100%;height:100%}.file-upload .upload-input{width:100%;border:var(--upload-border-width) var(--upload-border-color) dashed;border-radius:var(--upload-item-radius);background-color:hsl(0,0%,var(--upload-bg-lightness),var(--upload-bg-opacity));transition:.2s;flex-wrap:wrap;position:relative;padding:var(--upload-padding)}.file-upload .upload-input .upload-message{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;font-size:var(--message-size);color:var(--message-color);transition:.2s}.file-upload .upload-input .upload-message.has-value{display:none}.file-upload .upload-input .upload-container{position:relative;pointer-events:none;min-height:var(--upload-item-size);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.file-upload .upload-input .upload-item{position:relative;pointer-events:auto;width:var(--upload-item-size);height:var(--upload-item-size);border-radius:var(--upload-item-radius);border:2px solid white;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-upload .upload-input .upload-item-bg{background:#fff center center no-repeat;background-size:cover;position:absolute;inset:0}.file-upload .upload-input .upload-item-bg div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(15px)}.file-upload .upload-input .upload-item-bg img{max-width:100%;max-height:100%;object-fit:contain;background:#ffffffbf}.file-upload .upload-input .upload-progress{position:relative;width:90%;height:15px;border:1px solid darkgrey;background:#ffffff80}.file-upload .upload-input .upload-progress-bar{position:absolute;height:15px;background:var(--upload-progress-bg);top:0}.file-upload .upload-input .upload-progress-num{position:relative;z-index:1;font-size:12px;line-height:15px;text-align:center;color:var(--upload-progress-text)}.file-upload .upload-input.drop-allowed{--upload-bg-lightness: 95%}.file-upload .upload-input.drop-allowed .upload-message{color:var(--message-drop-color)}.file-upload .upload-btn{position:relative;margin-top:5px;width:fit-content;display:block}.file-upload .remove-item-btn{position:absolute;top:var(--btn-top-distance);right:var(--btn-right-distance)}.file-upload .download-item-btn{position:absolute;top:var(--btn-top-distance);left:var(--btn-left-distance)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "editorElem", first: true, predicate: ["editor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"wysiwyg form-control\" [ngClass]=\"{disabled: disabled}\">\r\n    <div #editor></div>\r\n</div>\r\n", styles: [".file-upload{--upload-bg-lightness: 85%;--upload-bg-opacity: 1;--upload-padding: 5px;--upload-border-width: 2px;--upload-border-color: rgba(0, 0, 0, .25);--upload-progress-bg: var(--primary-color, var(--mat-sys-primary, black));--upload-progress-text: var(--text-color, var(--mat-sys-on-primary, white));--upload-item-size: 120px;--upload-item-radius: 5px;--message-size: 20px;--message-color: #7e7e7e;--message-drop-color: #474747;--btn-distance: 3px;--btn-top-distance: var(--btn-distance);--btn-left-distance: var(--btn-distance);--btn-right-distance: var(--btn-distance);margin:5px 0}.file-upload *{box-sizing:border-box}.file-upload.disabled{--upload-bg-lightness: 75%}.file-upload input[type=file]{display:block;position:absolute;inset:0;opacity:0}.file-upload input[type=file]::file-selector-button{width:100%;height:100%}.file-upload .upload-input{width:100%;border:var(--upload-border-width) var(--upload-border-color) dashed;border-radius:var(--upload-item-radius);background-color:hsl(0,0%,var(--upload-bg-lightness),var(--upload-bg-opacity));transition:.2s;flex-wrap:wrap;position:relative;padding:var(--upload-padding)}.file-upload .upload-input .upload-message{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;pointer-events:none;font-size:var(--message-size);color:var(--message-color);transition:.2s}.file-upload .upload-input .upload-message.has-value{display:none}.file-upload .upload-input .upload-container{position:relative;pointer-events:none;min-height:var(--upload-item-size);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.file-upload .upload-input .upload-item{position:relative;pointer-events:auto;width:var(--upload-item-size);height:var(--upload-item-size);border-radius:var(--upload-item-radius);border:2px solid white;overflow:hidden;display:flex;align-items:center;justify-content:center}.file-upload .upload-input .upload-item-bg{background:#fff center center no-repeat;background-size:cover;position:absolute;inset:0}.file-upload .upload-input .upload-item-bg div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(15px)}.file-upload .upload-input .upload-item-bg img{max-width:100%;max-height:100%;object-fit:contain;background:#ffffffbf}.file-upload .upload-input .upload-progress{position:relative;width:90%;height:15px;border:1px solid darkgrey;background:#ffffff80}.file-upload .upload-input .upload-progress-bar{position:absolute;height:15px;background:var(--upload-progress-bg);top:0}.file-upload .upload-input .upload-progress-num{position:relative;z-index:1;font-size:12px;line-height:15px;text-align:center;color:var(--upload-progress-text)}.file-upload .upload-input.drop-allowed{--upload-bg-lightness: 95%}.file-upload .upload-input.drop-allowed .upload-message{color:var(--message-drop-color)}.file-upload .upload-btn{position:relative;margin-top:5px;width:fit-content;display:block}.file-upload .remove-item-btn{position:absolute;top:var(--btn-top-distance);right:var(--btn-right-distance)}.file-upload .download-item-btn{position:absolute;top:var(--btn-top-distance);left:var(--btn-left-distance)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: WysiwygComponent, decorators: [{
             type: Component,
@@ -10104,11 +10684,11 @@ class NgxUtilsModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent], imports: [CommonModule,
-            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent, FormsModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [CommonModule,
-            FormsModule, FormsModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent], imports: [CommonModule,
+            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent, FormsModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [CommonModule,
+            FormsModule, FormsModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, decorators: [{
             type: NgModule,
@@ -10136,5 +10716,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, AuthGuard, BASE_CONFIG, BUTTON_TYPE, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, BtnComponent, BtnDefaultComponent, CONFIG_SERVICE, CacheService, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, CloseBtnComponent, CodeEditorComponent, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableCellComponent, DynamicTableComponent, DynamicTableTemplateDirective, EDITOR_TYPES, EPSILON, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, Enum, ErrorHandlerService, EventsService, ExclusionsRenderer, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, ForbiddenZone, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HitZoneRenderer, HrefSerializer, ICON_MAP, ICON_SERVICE, ICON_TYPE, IConfiguration, IconComponent, IconDefaultComponent, IconDirective, IconService, IncludesPipe, Initializer, InteractiveCanvasComponent, InteractiveCircleComponent, InteractiveItemComponent, InteractiveRectComponent, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, Oval, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, RequestBag, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, RulerCanvasRenderer, SCHEMA_SELECTOR, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShapeGroup, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, SyncAsyncPipe, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, WysiwygComponent, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, createTypedProvider, cssStyles, cssVariables, diffEntities, distance, distanceSq, dividePts, dotProduct, ensurePoint, eqPts, getComponentDef, getCssVariables, getRoot, getType, impatientPromise, injectOptions, isBrowser, isEqual, isFunction, isObject, isPoint, isString, isStringWithValue, isZero, lengthOfPt, lengthSq$1 as lengthSq, lerpPts, md5, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, perpendicular, promiseTimeout, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, scalePt, selectorMatchesList, stringify, subPts, svgToDataUri, switchClass, toDegrees, toRadians, toStringArray, tripleProduct };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, AuthGuard, BASE_CONFIG, BUTTON_TYPE, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, BtnComponent, BtnDefaultComponent, CONFIG_SERVICE, CacheService, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, CloseBtnComponent, CodeEditorComponent, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableCellComponent, DynamicTableComponent, DynamicTableTemplateDirective, EDITOR_TYPES, EPSILON, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, Enum, ErrorHandlerService, EventsService, ExclusionsRenderer, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, ForbiddenZone, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HitZoneRenderer, HrefSerializer, ICON_MAP, ICON_SERVICE, ICON_TYPE, IConfiguration, IconComponent, IconDefaultComponent, IconDirective, IconService, IncludesPipe, Initializer, InteractiveCanvasComponent, InteractiveCircleComponent, InteractiveItemComponent, InteractiveRectComponent, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, Oval, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, RequestBag, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, RulerCanvasRenderer, SCHEMA_SELECTOR, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShapeGroup, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, SyncAsyncPipe, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, WysiwygComponent, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, createTypedProvider, cssStyles, cssVariables, diffEntities, distance, distanceSq, dividePts, dotProduct, ensurePoint, eqPts, getComponentDef, getCssVariables, getRoot, getType, impatientPromise, injectOptions, isBrowser, isEqual, isFunction, isObject, isPoint, isString, isStringWithValue, isZero, lengthOfPt, lengthSq, lerpPts, md5, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, perpendicular, promiseTimeout, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, scalePt, selectorMatchesList, stringify, subPts, svgToDataUri, switchClass, toDegrees, toRadians, toStringArray, tripleProduct };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map