@stemy/ngx-utils 19.9.24 → 19.9.26

package/fesm2022/stemy-ngx-utils.mjs

@@ -3,11 +3,11 @@ import * as i0 from '@angular/core';
 import { InjectionToken, runInInjectionContext, PLATFORM_ID, Inject, Injectable, Optional, inject, Injector, untracked, computed, signal, DestroyRef, isDevMode, ErrorHandler, EventEmitter, createComponent, NgZone, Pipe, input, output, ChangeDetectorRef, ElementRef, effect, HostListener, Directive, Input, HostBinding, Output, TemplateRef, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewChild, forwardRef, ContentChild, contentChild, contentChildren, Renderer2, model, ContentChildren, provideAppInitializer, makeEnvironmentProviders, NgModule } from '@angular/core';
 import 'reflect-metadata';
 import * as i2 from '@angular/router';
-import { ActivatedRouteSnapshot, Scroll, NavigationEnd, Router, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer, ROUTES } from '@angular/router';
+import { ActivatedRouteSnapshot, Scroll, NavigationEnd, UrlTree, Router, DefaultUrlSerializer, UrlSegmentGroup, UrlSegment, UrlSerializer, ROUTES } from '@angular/router';
 import { BehaviorSubject, Observable, firstValueFrom, isObservable, Subject, Subscription, from, delay, timer, TimeoutError, combineLatest, of, lastValueFrom } from 'rxjs';
 import { skipWhile, debounceTime, distinctUntilChanged, map, filter, mergeMap, takeUntil, timeout } from 'rxjs/operators';
 import * as i1$3 from '@angular/common';
-import { isPlatformBrowser, isPlatformServer, DOCUMENT, AsyncPipe, APP_BASE_HREF, CommonModule } from '@angular/common';
+import { isPlatformBrowser, isPlatformServer, APP_BASE_HREF, DOCUMENT, AsyncPipe, CommonModule } from '@angular/common';
 import * as i1 from 'ngx-device-detector';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { DateTime } from 'luxon';
@@ -2512,34 +2512,36 @@ class Initializer {
 
 class LoaderUtils {
     static { this.promises = {}; }
-    static loadScript(src, async = false, type = "text/javascript", parent, time = true) {
-        return LoaderUtils.loadElement(src, parent, () => {
+    static loadScript(src, async = false, type = "text/javascript", parent, time = false) {
+        return LoaderUtils.loadElement(src, parent, time, url => {
             const script = document.createElement("script");
             script.type = type;
-            script.src = LoaderUtils.updateSrc(src, time);
+            script.src = url;
             script.async = async;
             return script;
         });
     }
-    static loadStyle(src, parent, time = true) {
-        return LoaderUtils.loadElement(src, parent, () => {
+    static loadStyle(src, parent, time = false) {
+        return LoaderUtils.loadElement(src, parent, time, url => {
             const link = document.createElement("link");
             link.rel = "stylesheet";
             link.type = "text/css";
-            link.href = LoaderUtils.updateSrc(src, time);
+            link.href = url;
             return link;
         });
     }
     static updateSrc(src, time) {
-        if (src.startsWith("data:") || !time) {
-            return src;
+        const srcStr = String(src || "");
+        if (srcStr.startsWith("data:") || !time) {
+            return srcStr;
         }
         const url = new URL(src);
         url.searchParams.set("time", typeof time === "string" ? time : String(Date.now()));
         return url.toString();
     }
-    static loadElement(src, parent, setup) {
+    static loadElement(url, parent, time, setup) {
         const promises = LoaderUtils.promises;
+        const src = LoaderUtils.updateSrc(url, time);
         parent = parent || document;
         if (parent == document) {
             parent = document.body;
@@ -2552,7 +2554,7 @@ class LoaderUtils {
                 elem.remove();
             }
         }
-        elem = setup();
+        elem = setup(src);
         promise = new Promise((resolve, reject) => {
             if (elem.readyState) {
                 // Internet explorer
@@ -3637,9 +3639,16 @@ class BaseHttpService {
         return new Promise(resolve => {
             this.getPromise(url, options).then(data => {
                 if (ObjectUtils.isArray(data)) {
+                    const params = options?.params ?? {};
+                    const limit = isNaN(params.limit) || Number(params.limit) <= 0
+                        ? Number.MAX_SAFE_INTEGER
+                        : Number(params.limit);
+                    const page = Math.max(Number(params.page), 0);
+                    const start = Math.max(page * limit, 0);
+                    const end = Math.min(start + limit, data.length - 1);
                     resolve({
                         total: data.length,
-                        items: data,
+                        items: data.slice(start, end),
                         meta: {}
                     });
                     return;
@@ -4259,6 +4268,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             type: Injectable
         }], ctorParameters: () => [] });
 
+class HrefSerializer {
+    get count() {
+        return this.promiseCount;
+    }
+    get onChanged() {
+        return this.promiseChanged;
+    }
+    constructor(baseHref, urlSerializer) {
+        this.baseHref = baseHref;
+        this.urlSerializer = urlSerializer;
+        this.promiseCount = 0;
+        this.promiseChanged = new EventEmitter();
+    }
+    serialize(url) {
+        const serialized = url instanceof UrlTree
+            ? this.urlSerializer.serialize(url)
+            : (url != null ? url : null);
+        return serialized && serialized.startsWith("/") && !serialized.startsWith(this.baseHref)
+            ? `${this.baseHref}${serialized}`.replace(/\/\/$/, "/")
+            : serialized;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", 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.19", ngImport: i0, type: HrefSerializer }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HrefSerializer, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [APP_BASE_HREF]
+                }] }, { type: i2.UrlSerializer }] });
+
 class LocalHttpService extends BaseHttpService {
     get name() {
         return "local-http";
@@ -6265,7 +6305,13 @@ class AsyncMethodBase {
         return true;
     }
     handleClick(ev) {
-        ev?.preventDefault();
+        if (ev) {
+            // If it's a new tab action then we dont handle the click
+            if (ev.ctrlKey || ev.metaKey || ev.button === 1) {
+                return true;
+            }
+            ev.preventDefault();
+        }
         if (this.disabled())
             return true;
         this.callMethod(ev);
@@ -7438,22 +7484,13 @@ class BtnComponent {
     contains(target) {
         return !(target instanceof HTMLElement) || this.element.nativeElement?.contains(target);
     }
-    onBtnClick(event) {
-        const isNewTabAction = event.ctrlKey || event.metaKey || event.button === 1;
-        if (!isNewTabAction) {
-            event.preventDefault();
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: BtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", 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 } }, host: { listeners: { "click": "onBtnClick($event)" } }, 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.19", 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.19", ngImport: i0, type: BtnComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, selector: "btn", template: "<ng-container [ngComponentOutlet]=\"buttonType\"\r\n              [ngComponentOutletInputs]=\"$any(buttonProps())\"></ng-container>\r\n" }]
-        }], propDecorators: { onBtnClick: [{
-                type: HostListener,
-                args: ["click", ["$event"]]
-            }] } });
+        }] });
 
 class IconComponent {
     constructor() {
@@ -9112,7 +9149,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
 
 class TabsComponent {
     constructor() {
-        this.urlSerializer = inject(UrlSerializer);
         this.router = inject(Router);
         this.value = model();
         this.options = input([]);
@@ -9125,16 +9161,7 @@ class TabsComponent {
         this.template = signal(null);
         this.tabs = computed(() => {
             const options = (this.options() || [])
-                .filter(option => ObjectUtils.isStringWithValue(option?.label))
-                .map(option => {
-                const path = !option.path
-                    ? null
-                    : (option.path instanceof UrlTree ? this.urlSerializer.serialize(option.path) : option.path);
-                return {
-                    ...option,
-                    path
-                };
-            });
+                .filter(option => ObjectUtils.isStringWithValue(option?.label));
             const current = this.value();
             this.tabItems().forEach(item => {
                 const value = item.value();
@@ -9144,7 +9171,6 @@ class TabsComponent {
                 const label = item.label();
                 if (!label)
                     return;
-                const path = item.path();
                 options.push({
                     value,
                     label,
@@ -9152,9 +9178,7 @@ class TabsComponent {
                     tooltip: item.tooltip(),
                     icon: item.icon(),
                     disabled: item.disabled(),
-                    path: !path
-                        ? null
-                        : (path instanceof UrlTree ? this.urlSerializer.serialize(path) : path),
+                    path: item.path(),
                     template: item.template
                 });
             });
@@ -9222,11 +9246,11 @@ class UnorderedListComponent {
         this.cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UnorderedListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", 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>\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\n</ng-template>\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-key=\"item.key\" let-value=\"item.value\" let-path=\"path\"\n             let-templates=\"templates\" let-type=\"valueType\" #defaultValueTemplate>\n    @if (type === 'enum') {\n        <span [ngClass]=\"`list-enum enum-${key} enum-value-${value}`\">\n            <span>{{ `${key}.${value}` | translate }}</span>\n        </span>\n    }\n    @else if (type === 'object' || type === 'array') {\n        <unordered-list [data]=\"value\"\n                        [keyPrefix]=\"keyPrefix\"\n                        [listStyle]=\"listStyle\"\n                        [path]=\"path\"\n                        [level]=\"level + 1\"\n                        [templates]=\"templates\"></unordered-list>\n    } @else {\n        <span [innerHTML]=\"value\"></span>\n    }\n</ng-template>\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>\n    <ng-template #itemKey>\n        <ng-container [unorderedListItem]=\"item\"\n                      type=\"key\"\n                      [data]=\"data\"\n                      [keyPrefix]=\"keyPrefix\"\n                      [listStyle]=\"listStyle\"\n                      [path]=\"path\"\n                      [level]=\"level\"\n                      [templates]=\"templates\"\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\n    </ng-template>\n    <ng-template #itemValue>\n        <ng-container [unorderedListItem]=\"item\"\n                      type=\"value\"\n                      [data]=\"data\"\n                      [keyPrefix]=\"keyPrefix\"\n                      [listStyle]=\"listStyle\"\n                      [path]=\"path\"\n                      [level]=\"level\"\n                      [templates]=\"templates\"\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\n    </ng-template>\n    <ng-container *ngIf=\"!isArray\">\n        <th *ngIf=\"listStyle == 'table'; else itemKey\">\n            <ng-container [ngTemplateOutlet]=\"itemKey\"></ng-container>\n        </th>\n    </ng-container>\n    <td *ngIf=\"listStyle == 'table'; else itemValue\">\n        <ng-container [ngTemplateOutlet]=\"itemValue\"></ng-container>\n    </td>\n</ng-template>\n<ng-template #value>\n    <span [innerHTML]=\"data\"></span>\n</ng-template>\n<ng-container *ngIf=\"(isObject || isArray); else value\" [ngSwitch]=\"listStyle\">\n    <ul [ngClass]=\"'level-' + level\" *ngSwitchCase=\"'list'\">\n        <li *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\n            <ng-container type=\"item\"\n                          [unorderedListItem]=\"item\"\n                          [data]=\"data\"\n                          [keyPrefix]=\"keyPrefix\"\n                          [listStyle]=\"listStyle\"\n                          [path]=\"path ? path + '.' + item.key : item.key\"\n                          [level]=\"level\"\n                          [templates]=\"templates\"\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\n        </li>\n    </ul>\n    <table [ngClass]=\"'level-' + level\" *ngSwitchDefault>\n        <tr *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\n            <ng-container type=\"item\"\n                          [unorderedListItem]=\"item\"\n                          [data]=\"data\"\n                          [keyPrefix]=\"keyPrefix\"\n                          [listStyle]=\"listStyle\"\n                          [path]=\"path ? path + '.' + item.key : item.key\"\n                          [level]=\"level\"\n                          [templates]=\"templates\"\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\n        </tr>\n    </table>\n</ng-container>\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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", 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.19", ngImport: i0, type: UnorderedListComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "unordered-list", template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" #defaultKeyTemplate>\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\n</ng-template>\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-key=\"item.key\" let-value=\"item.value\" let-path=\"path\"\n             let-templates=\"templates\" let-type=\"valueType\" #defaultValueTemplate>\n    @if (type === 'enum') {\n        <span [ngClass]=\"`list-enum enum-${key} enum-value-${value}`\">\n            <span>{{ `${key}.${value}` | translate }}</span>\n        </span>\n    }\n    @else if (type === 'object' || type === 'array') {\n        <unordered-list [data]=\"value\"\n                        [keyPrefix]=\"keyPrefix\"\n                        [listStyle]=\"listStyle\"\n                        [path]=\"path\"\n                        [level]=\"level + 1\"\n                        [templates]=\"templates\"></unordered-list>\n    } @else {\n        <span [innerHTML]=\"value\"></span>\n    }\n</ng-template>\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>\n    <ng-template #itemKey>\n        <ng-container [unorderedListItem]=\"item\"\n                      type=\"key\"\n                      [data]=\"data\"\n                      [keyPrefix]=\"keyPrefix\"\n                      [listStyle]=\"listStyle\"\n                      [path]=\"path\"\n                      [level]=\"level\"\n                      [templates]=\"templates\"\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\n    </ng-template>\n    <ng-template #itemValue>\n        <ng-container [unorderedListItem]=\"item\"\n                      type=\"value\"\n                      [data]=\"data\"\n                      [keyPrefix]=\"keyPrefix\"\n                      [listStyle]=\"listStyle\"\n                      [path]=\"path\"\n                      [level]=\"level\"\n                      [templates]=\"templates\"\n                      [defaultTemplates]=\"defaultTemplates\"></ng-container>\n    </ng-template>\n    <ng-container *ngIf=\"!isArray\">\n        <th *ngIf=\"listStyle == 'table'; else itemKey\">\n            <ng-container [ngTemplateOutlet]=\"itemKey\"></ng-container>\n        </th>\n    </ng-container>\n    <td *ngIf=\"listStyle == 'table'; else itemValue\">\n        <ng-container [ngTemplateOutlet]=\"itemValue\"></ng-container>\n    </td>\n</ng-template>\n<ng-template #value>\n    <span [innerHTML]=\"data\"></span>\n</ng-template>\n<ng-container *ngIf=\"(isObject || isArray); else value\" [ngSwitch]=\"listStyle\">\n    <ul [ngClass]=\"'level-' + level\" *ngSwitchCase=\"'list'\">\n        <li *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\n            <ng-container type=\"item\"\n                          [unorderedListItem]=\"item\"\n                          [data]=\"data\"\n                          [keyPrefix]=\"keyPrefix\"\n                          [listStyle]=\"listStyle\"\n                          [path]=\"path ? path + '.' + item.key : item.key\"\n                          [level]=\"level\"\n                          [templates]=\"templates\"\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\n        </li>\n    </ul>\n    <table [ngClass]=\"'level-' + level\" *ngSwitchDefault>\n        <tr *ngFor=\"let item of data | entries\" [ngClass]=\"item.classList\">\n            <ng-container type=\"item\"\n                          [unorderedListItem]=\"item\"\n                          [data]=\"data\"\n                          [keyPrefix]=\"keyPrefix\"\n                          [listStyle]=\"listStyle\"\n                          [path]=\"path ? path + '.' + item.key : item.key\"\n                          [level]=\"level\"\n                          [templates]=\"templates\"\n                          [defaultTemplates]=\"defaultTemplates\"></ng-container>\n        </tr>\n    </table>\n</ng-container>\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"] }]
+            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "unordered-list", 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"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
                 type: Input
             }], keyPrefix: [{
@@ -9682,6 +9706,7 @@ const providers = [
     EventsService,
     FormatterService,
     GlobalTemplateService,
+    HrefSerializer,
     IconService,
     LanguageService,
     LocalHttpService,
@@ -9697,7 +9722,6 @@ const providers = [
     TranslatedUrlSerializer,
     UniversalService,
     DeviceDetectorService,
-    GlobalTemplateService,
     {
         provide: EVENT_MANAGER_PLUGINS,
         useClass: DragDropEventPlugin,
@@ -9927,5 +9951,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", 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, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableCellComponent, DynamicTableComponent, DynamicTableTemplateDirective, 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, 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, impatientPromise, injectOptions, isBrowser, isEqual, isPoint, 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, 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, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableCellComponent, DynamicTableComponent, DynamicTableTemplateDirective, 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, impatientPromise, injectOptions, isBrowser, isEqual, isPoint, 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, tripleProduct };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map