@stemy/ngx-utils 19.0.13 → 19.1.1

package/fesm2022/stemy-ngx-utils.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, NgZone, Pipe, Directive, Input, Output, HostBinding, HostListener, Component, ContentChildren, ViewChild, ContentChild, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
+import { InjectionToken, PLATFORM_ID, Injectable, Inject, Optional, Injector, EventEmitter, isDevMode, ErrorHandler, NgZone, Pipe, Directive, Input, Output, HostBinding, HostListener, forwardRef, Component, ViewEncapsulation, ContentChild, ViewChild, ContentChildren, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
 import 'reflect-metadata';
 import * as i2 from '@angular/router';
 import { ActivatedRouteSnapshot, Scroll, NavigationEnd, DefaultUrlSerializer, UrlTree, UrlSegmentGroup, UrlSegment, UrlSerializer } from '@angular/router';
@@ -18,7 +18,7 @@ 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';
 import * as i2$1 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 
 function defaultPredicate(value, key, target, source) {
     return true;
@@ -1932,6 +1932,26 @@ class MathUtils {
     }
 }
 
+function checkTransitions(el, cb) {
+    let hasTransitions = false;
+    let called = false;
+    const end = () => {
+        if (called)
+            return;
+        called = true;
+        cb();
+    };
+    el.onanimationstart = () => hasTransitions = true;
+    el.ontransitionstart = () => hasTransitions = true;
+    el.onanimationend = end;
+    el.ontransitionend = end;
+    setTimeout(() => {
+        if (hasTransitions)
+            return;
+        end();
+    }, 100);
+}
+
 class TimerUtils {
     static createTimeout(func, time) {
         // @dynamic
@@ -5351,61 +5371,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 type: Input
             }] } });
 
-class UnorderedListComponent {
+class DropListComponent {
     constructor(cdr) {
         this.cdr = cdr;
-        this.keyPrefix = "";
-        this.listStyle = "table";
-        this.path = "";
-        this.level = 0;
+        this.disabled = false;
+        this.unique = false;
+        this.idField = "id";
+        this.labelField = "label";
+        this.value = [];
+        this.context = [];
+        this.prepareItem = () => { };
+        this.checkFn = () => false;
+        this.valueMap = {};
+        this.remove = id => {
+            this.changeValue(this.value.filter(t => t !== id));
+        };
+    }
+    onDragEnter(ev, elem, data) {
+        if (!elem || !ObjectUtils.isFunction(this.checkFn) || !this.checkFn({ ev, elem, data })) {
+            ev.dataTransfer.effectAllowed = "none";
+            ev.dataTransfer.dropEffect = "none";
+            return;
+        }
+        ev.dataTransfer.effectAllowed = "move";
+        ev.dataTransfer.dropEffect = "move";
+        elem.classList.add("drop-allowed");
+    }
+    onDragLeave(ev, elem) {
+        ev.dataTransfer.effectAllowed = "none";
+        ev.dataTransfer.dropEffect = "none";
+        elem.classList.remove("drop-allowed");
+    }
+    onDrop(ev, elem) {
+        ev.preventDefault();
+        ev.stopPropagation();
+        if (!elem) {
+            return;
+        }
+        const source = JSON.parse(ev.dataTransfer.getData("itemData"));
+        elem.classList.remove("drop-allowed");
+        checkTransitions(elem, () => {
+            checkTransitions(elem, () => {
+                const id = source[this.idField] || source.id;
+                this.changeValue(this.value.concat([id]));
+            });
+            elem.classList.remove("dropped");
+        });
+        elem.classList.add("dropped");
     }
     ngOnChanges(changes) {
-        this.isArray = ObjectUtils.isArray(this.data);
-        this.isObject = ObjectUtils.isObject(this.data);
+        if (changes.context || changes.idField) {
+            this.valueMap = this.context?.reduce((res, item) => {
+                // In case this is a dynamic form option which stores real value under props
+                item = Object.assign({}, item, item.props || {});
+                // Prepare item
+                this.prepareItem(item);
+                const id = item[this.idField] || item.id;
+                res[id] = item;
+                return res;
+            }, {}) || {};
+            this.cdr.detectChanges();
+        }
     }
-    ngAfterContentInit() {
-        const templates = this.templateDirectives.toArray();
-        this.templates = this.templates ? this.templates.concat(templates) : templates;
-        this.cdr.detectChanges();
+    registerOnChange(fn) {
+        this.onChange = fn;
     }
-    ngAfterViewInit() {
-        this.defaultTemplates = {
-            key: this.defaultKeyTemplate,
-            value: this.defaultValueTemplate,
-            item: this.defaultItemTemplate
-        };
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(val) {
+        this.disabled = val === true;
+        this.cdr.markForCheck();
+    }
+    writeValue(obj) {
+        this.value = Array.isArray(obj) ? obj : this.value;
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: UnorderedListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", 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\" let-isArray=\"isArray\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-val=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-isObject=\"valueIsObject\" let-isArray=\"valueIsArray\" #defaultValueTemplate>\r\n    <ng-template #value>\r\n        <span [innerHTML]=\"val\"></span>\r\n    </ng-template>\r\n    <unordered-list [data]=\"val\"\r\n                    [keyPrefix]=\"keyPrefix\"\r\n                    [listStyle]=\"listStyle\"\r\n                    [path]=\"path\"\r\n                    [level]=\"level + 1\"\r\n                    [templates]=\"templates\"\r\n                    *ngIf=\"(isObject || isArray); else value\"></unordered-list>\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 [unorderedListItem]=\"item\"\r\n                          type=\"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 [unorderedListItem]=\"item\"\r\n                          type=\"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", 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" }] }); }
+    changeValue(value) {
+        this.value = this.unique ? ArrayUtils.unique(value) : value;
+        this.onChange?.(value);
+        this.onTouched?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DropListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: DropListComponent, isStandalone: false, selector: "drop-list", inputs: { disabled: "disabled", unique: "unique", idField: "idField", labelField: "labelField", value: "value", context: "context", prepareItem: "prepareItem", checkFn: "checkFn" }, 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\">\n    <div class=\"drop-list-item-label\">\n        {{ item | getValue:labelField }}\n    </div>\n</ng-template>\n<div class=\"drop-list\"\n     #list\n     (dragenter)=\"onDragEnter($event, list, this)\"\n     (dragleave)=\"onDragLeave($event, list)\"\n     (drop)=\"onDrop($event, list)\">\n    <ng-container *ngFor=\"let id of value\">\n        <div class=\"drop-list-item\">\n            <ng-template #noItemTemplate>\n                <div class=\"drop-list-item-label just-id\">\n                    {{ id }}\n                </div>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"itemTemplate || defaultTemplate\"\n                          [ngTemplateOutletContext]=\"{item: valueMap[id], id: id, remove: remove}\"\n                          *ngIf=\"valueMap[id]; else noItemTemplate\"></ng-container>\n            <div class=\"drop-list-item-delete\" (click)=\"remove(id)\">x</div>\n        </div>\n    </ng-container>\n</div>\n", styles: [".drop-list{min-height:100px;border:2px #bfbfbf dashed;border-radius:10px;padding:10px;display:flex;align-items:flex-start;justify-content:left;gap:10px;background-color:#0000000d;transition:.2s;flex-wrap:wrap}.drop-list.drop-allowed{background-color:#00000080;border-color:#a9a9a9}.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}\n"], dependencies: [{ 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" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: UnorderedListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DropListComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: "unordered-list", template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" let-isArray=\"isArray\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-val=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-isObject=\"valueIsObject\" let-isArray=\"valueIsArray\" #defaultValueTemplate>\r\n    <ng-template #value>\r\n        <span [innerHTML]=\"val\"></span>\r\n    </ng-template>\r\n    <unordered-list [data]=\"val\"\r\n                    [keyPrefix]=\"keyPrefix\"\r\n                    [listStyle]=\"listStyle\"\r\n                    [path]=\"path\"\r\n                    [level]=\"level + 1\"\r\n                    [templates]=\"templates\"\r\n                    *ngIf=\"(isObject || isArray); else value\"></unordered-list>\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 [unorderedListItem]=\"item\"\r\n                          type=\"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 [unorderedListItem]=\"item\"\r\n                          type=\"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" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
+            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "drop-list", providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DropListComponent),
+                            multi: true,
+                        }], template: "<ng-template #defaultTemplate let-item=\"item\">\n    <div class=\"drop-list-item-label\">\n        {{ item | getValue:labelField }}\n    </div>\n</ng-template>\n<div class=\"drop-list\"\n     #list\n     (dragenter)=\"onDragEnter($event, list, this)\"\n     (dragleave)=\"onDragLeave($event, list)\"\n     (drop)=\"onDrop($event, list)\">\n    <ng-container *ngFor=\"let id of value\">\n        <div class=\"drop-list-item\">\n            <ng-template #noItemTemplate>\n                <div class=\"drop-list-item-label just-id\">\n                    {{ id }}\n                </div>\n            </ng-template>\n            <ng-container [ngTemplateOutlet]=\"itemTemplate || defaultTemplate\"\n                          [ngTemplateOutletContext]=\"{item: valueMap[id], id: id, remove: remove}\"\n                          *ngIf=\"valueMap[id]; else noItemTemplate\"></ng-container>\n            <div class=\"drop-list-item-delete\" (click)=\"remove(id)\">x</div>\n        </div>\n    </ng-container>\n</div>\n", styles: [".drop-list{min-height:100px;border:2px #bfbfbf dashed;border-radius:10px;padding:10px;display:flex;align-items:flex-start;justify-content:left;gap:10px;background-color:#0000000d;transition:.2s;flex-wrap:wrap}.drop-list.drop-allowed{background-color:#00000080;border-color:#a9a9a9}.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}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
                 type: Input
-            }], keyPrefix: [{
+            }], unique: [{
                 type: Input
-            }], listStyle: [{
+            }], idField: [{
                 type: Input
-            }], path: [{
+            }], labelField: [{
                 type: Input
-            }], level: [{
+            }], value: [{
                 type: Input
-            }], templates: [{
+            }], context: [{
                 type: Input
-            }], templateDirectives: [{
-                type: ContentChildren,
-                args: [UnorderedListTemplateDirective]
-            }], defaultKeyTemplate: [{
-                type: ViewChild,
-                args: ["defaultKeyTemplate"]
-            }], defaultValueTemplate: [{
-                type: ViewChild,
-                args: ["defaultValueTemplate"]
-            }], defaultItemTemplate: [{
-                type: ViewChild,
-                args: ["defaultItemTemplate"]
+            }], prepareItem: [{
+                type: Input
+            }], checkFn: [{
+                type: Input
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: ["itemTemplate"]
             }] } });
 
 class PaginationMenuComponent {
@@ -5606,8 +5685,8 @@ class DynamicTableComponent {
         }
         const source = JSON.parse(ev.dataTransfer.getData("itemData"));
         elem.classList.remove("drop-allowed");
-        this.checkTransitions(elem, () => {
-            this.checkTransitions(elem, () => {
+        checkTransitions(elem, () => {
+            checkTransitions(elem, () => {
                 this.dropFn({ ev, elem, item, source });
             });
             elem.classList.remove("dropped");
@@ -5643,25 +5722,6 @@ class DynamicTableComponent {
         }
         this.refresh(this.filterTime ?? 300);
     }
-    checkTransitions(el, cb) {
-        let hasTransitions = false;
-        let called = false;
-        const end = () => {
-            if (called)
-                return;
-            called = true;
-            cb();
-        };
-        el.onanimationstart = () => hasTransitions = true;
-        el.ontransitionstart = () => hasTransitions = true;
-        el.onanimationend = end;
-        el.ontransitionend = end;
-        setTimeout(() => {
-            if (hasTransitions)
-                return;
-            end();
-        }, 100);
-    }
     loadLocalData(page, rowsPerPage, orderBy, orderDescending, filter) {
         if (!this.data) {
             return Promise.resolve({
@@ -5771,6 +5831,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 args: [DynamicTableTemplateDirective]
             }] } });
 
+class UnorderedListComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.keyPrefix = "";
+        this.listStyle = "table";
+        this.path = "";
+        this.level = 0;
+    }
+    ngOnChanges(changes) {
+        this.isArray = ObjectUtils.isArray(this.data);
+        this.isObject = ObjectUtils.isObject(this.data);
+    }
+    ngAfterContentInit() {
+        const templates = this.templateDirectives.toArray();
+        this.templates = this.templates ? this.templates.concat(templates) : templates;
+        this.cdr.detectChanges();
+    }
+    ngAfterViewInit() {
+        this.defaultTemplates = {
+            key: this.defaultKeyTemplate,
+            value: this.defaultValueTemplate,
+            item: this.defaultItemTemplate
+        };
+        this.cdr.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: UnorderedListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", 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\" let-isArray=\"isArray\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-val=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-isObject=\"valueIsObject\" let-isArray=\"valueIsArray\" #defaultValueTemplate>\r\n    <ng-template #value>\r\n        <span [innerHTML]=\"val\"></span>\r\n    </ng-template>\r\n    <unordered-list [data]=\"val\"\r\n                    [keyPrefix]=\"keyPrefix\"\r\n                    [listStyle]=\"listStyle\"\r\n                    [path]=\"path\"\r\n                    [level]=\"level + 1\"\r\n                    [templates]=\"templates\"\r\n                    *ngIf=\"(isObject || isArray); else value\"></unordered-list>\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 [unorderedListItem]=\"item\"\r\n                          type=\"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 [unorderedListItem]=\"item\"\r\n                          type=\"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", 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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: UnorderedListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: "unordered-list", template: "<ng-template let-keyPrefix=\"keyPrefix\" let-key=\"item.key\" let-isArray=\"isArray\" #defaultKeyTemplate>\r\n    {{ (keyPrefix ? keyPrefix + key : key) | translate }}:\r\n</ng-template>\r\n<ng-template let-keyPrefix=\"keyPrefix\" let-listStyle=\"listStyle\" let-val=\"item.value\" let-path=\"path\"\r\n             let-templates=\"templates\" let-isObject=\"valueIsObject\" let-isArray=\"valueIsArray\" #defaultValueTemplate>\r\n    <ng-template #value>\r\n        <span [innerHTML]=\"val\"></span>\r\n    </ng-template>\r\n    <unordered-list [data]=\"val\"\r\n                    [keyPrefix]=\"keyPrefix\"\r\n                    [listStyle]=\"listStyle\"\r\n                    [path]=\"path\"\r\n                    [level]=\"level + 1\"\r\n                    [templates]=\"templates\"\r\n                    *ngIf=\"(isObject || isArray); else value\"></unordered-list>\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 [unorderedListItem]=\"item\"\r\n                          type=\"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 [unorderedListItem]=\"item\"\r\n                          type=\"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" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { data: [{
+                type: Input
+            }], keyPrefix: [{
+                type: Input
+            }], listStyle: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }], templates: [{
+                type: Input
+            }], templateDirectives: [{
+                type: ContentChildren,
+                args: [UnorderedListTemplateDirective]
+            }], defaultKeyTemplate: [{
+                type: ViewChild,
+                args: ["defaultKeyTemplate"]
+            }], defaultValueTemplate: [{
+                type: ViewChild,
+                args: ["defaultValueTemplate"]
+            }], defaultItemTemplate: [{
+                type: ViewChild,
+                args: ["defaultItemTemplate"]
+            }] } });
+
 // --- Pipes ---
 const pipes = [
     ChunkPipe,
@@ -5821,6 +5938,7 @@ const directives = [
 ];
 // --- Components ---
 const components = [
+    DropListComponent,
     DynamicTableComponent,
     PaginationMenuComponent,
     UnorderedListComponent
@@ -6160,8 +6278,8 @@ class NgxUtilsModule {
     constructor() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent], imports: [CommonModule,
-            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent, FormsModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent], imports: [CommonModule,
+            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, BackgroundDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, DropListComponent, DynamicTableComponent, PaginationMenuComponent, UnorderedListComponent, FormsModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [CommonModule,
             FormsModule, FormsModule] }); }
 }
@@ -6191,5 +6309,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, impatientPromise, provideWithOptions };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AuthGuard, BASE_CONFIG, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, CONFIG_SERVICE, CanvasColor, CanvasUtils, ChunkPipe, Circle, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DynamicTableComponent, DynamicTableTemplateDirective, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, ErrorHandlerService, EventsService, ExtraItemPropertiesPipe, FactoryDependencies, FileSystemEntry, FileUtils, FilterPipe, FindPipe, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HttpPromise, ICON_SERVICE, IConfiguration, IconDirective, IconService, Initializer, IsTypePipe, JSONfn, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, SCRIPT_PARAMS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShiftPipe, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, TOASTER_SERVICE, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, ValuedPromise, ValuesPipe, Vector, WASI_IMPLEMENTATION, WasmService, cachedFactory, cancelablePromise, checkTransitions, impatientPromise, provideWithOptions };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map