@anglr/common 23.0.0-beta.20250825083507 → 23.0.0-beta.20250926125408

package/es2022/src/modules/debugData/components/debugData/debugData.component.js

@@ -28,10 +28,10 @@ export class DebugDataComponent {
             this.element.nativeElement.classList.remove(ENABLED);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataComponent, deps: [{ token: i1.DebugDataEnabledService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: DebugDataComponent, isStandalone: true, selector: "debug-data", ngImport: i0, template: "@if(debugDataEnabledSvc.enabled())\r\n{\r\n    <ng-content/>\r\n}", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n    color: var(--common-debugData-foreground);\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataComponent, deps: [{ token: i1.DebugDataEnabledService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: DebugDataComponent, isStandalone: true, selector: "debug-data", ngImport: i0, template: "@if(debugDataEnabledSvc.enabled())\r\n{\r\n    <ng-content/>\r\n}", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n    color: var(--common-debugData-foreground);\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'debug-data', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(debugDataEnabledSvc.enabled())\r\n{\r\n    <ng-content/>\r\n}", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n    color: var(--common-debugData-foreground);\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"] }]
         }], ctorParameters: () => [{ type: i1.DebugDataEnabledService }, { type: i0.ElementRef }] });

package/es2022/src/modules/debugData/modules/debugData.module.js

@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
  * Module that contains debug data component
  */
 export class DebugDataModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: DebugDataModule, imports: [DebugDataComponent], exports: [DebugDataComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: DebugDataModule, imports: [DebugDataComponent], exports: [DebugDataComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.js

@@ -26,10 +26,10 @@ export class DebugDataEnabledService {
     setEnabled(enabled = true) {
         this._enabled.set(enabled);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataEnabledService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataEnabledService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataEnabledService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataEnabledService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataEnabledService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DebugDataEnabledService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/es2022/src/modules/file/components/file/file.component.js

@@ -115,10 +115,10 @@ export class FileComponent {
             };
         }, ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.0", type: FileComponent, isStandalone: true, selector: "file", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, readContent: { classPropertyName: "readContent", publicName: "readContent", isSignal: true, isRequired: false, transformFunction: null }, binaryContent: { classPropertyName: "binaryContent", publicName: "binaryContent", isSignal: true, isRequired: false, transformFunction: null }, textEncoding: { classPropertyName: "textEncoding", publicName: "textEncoding", isSignal: true, isRequired: false, transformFunction: null }, supportedExtensions: { classPropertyName: "supportedExtensions", publicName: "supportedExtensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stringContentChange: "stringContentChange", arrayBufferContentChange: "arrayBufferContentChange", fileChange: "fileChange", filesChange: "filesChange", fileName: "fileName", filesNames: "filesNames" }, host: { listeners: { "click": "fileInput().openFileBrowser()" } }, queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "fileVisual", first: true, predicate: FILE_VISUAL, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: FileInputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"fileTemplate(); context: templateContext()\"/>\n\n<input type=\"file\"\n       class=\"input-file\"\n       (fileChange)=\"file.set($event); fileChange.emit($event)\"\n       (filesChange)=\"files.set($event); filesChange.emit($event)\"\n       (fileName)=\"name.set($event); fileName.emit($event)\"\n       (filesNames)=\"names.set($event); filesNames.emit($event)\"\n       (stringContentChange)=\"stringContentChange.emit($event)\"\n       (arrayBufferContentChange)=\"arrayBufferContentChange.emit($event)\"\n       [multiple]=\"multiple()\"\n       [binaryContent]=\"binaryContent()\"\n       [readContent]=\"readContent()\"\n       [textEncoding]=\"textEncoding()\"\n       [accept]=\"acceptValue()\">", styles: [":host\n{\n    display: block;\n    position: relative;\n}\n\n.input-file\n{\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n}"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FileInputDirective, selector: "input[type=file]", inputs: ["multiple", "readContent", "binaryContent", "textEncoding"], outputs: ["stringContentChange", "arrayBufferContentChange", "fileChange", "filesChange", "fileName", "filesNames"], exportAs: ["file"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.2", type: FileComponent, isStandalone: true, selector: "file", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, readContent: { classPropertyName: "readContent", publicName: "readContent", isSignal: true, isRequired: false, transformFunction: null }, binaryContent: { classPropertyName: "binaryContent", publicName: "binaryContent", isSignal: true, isRequired: false, transformFunction: null }, textEncoding: { classPropertyName: "textEncoding", publicName: "textEncoding", isSignal: true, isRequired: false, transformFunction: null }, supportedExtensions: { classPropertyName: "supportedExtensions", publicName: "supportedExtensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stringContentChange: "stringContentChange", arrayBufferContentChange: "arrayBufferContentChange", fileChange: "fileChange", filesChange: "filesChange", fileName: "fileName", filesNames: "filesNames" }, host: { listeners: { "click": "fileInput().openFileBrowser()" } }, queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "fileVisual", first: true, predicate: FILE_VISUAL, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: FileInputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"fileTemplate(); context: templateContext()\"/>\n\n<input type=\"file\"\n       class=\"input-file\"\n       (fileChange)=\"file.set($event); fileChange.emit($event)\"\n       (filesChange)=\"files.set($event); filesChange.emit($event)\"\n       (fileName)=\"name.set($event); fileName.emit($event)\"\n       (filesNames)=\"names.set($event); filesNames.emit($event)\"\n       (stringContentChange)=\"stringContentChange.emit($event)\"\n       (arrayBufferContentChange)=\"arrayBufferContentChange.emit($event)\"\n       [multiple]=\"multiple()\"\n       [binaryContent]=\"binaryContent()\"\n       [readContent]=\"readContent()\"\n       [textEncoding]=\"textEncoding()\"\n       [accept]=\"acceptValue()\">", styles: [":host\n{\n    display: block;\n    position: relative;\n}\n\n.input-file\n{\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n}"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FileInputDirective, selector: "input[type=file]", inputs: ["multiple", "readContent", "binaryContent", "textEncoding"], outputs: ["stringContentChange", "arrayBufferContentChange", "fileChange", "filesChange", "fileName", "filesNames"], exportAs: ["file"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file', host: {
                         '(click)': 'fileInput().openFileBrowser()',

package/es2022/src/modules/file/components/fileInput/fileInput.component.js

@@ -39,15 +39,15 @@ export class FileInputComponent {
             return this.selectedText() ?? context?.fileName;
         }, ...(ngDevMode ? [{ debugName: "selectedTextValue" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.0", type: FileInputComponent, isStandalone: true, selector: "file-input", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, buttonClass: { classPropertyName: "buttonClass", publicName: "buttonClass", isSignal: true, isRequired: false, transformFunction: null }, textClass: { classPropertyName: "textClass", publicName: "textClass", isSignal: true, isRequired: false, transformFunction: null }, selectedText: { classPropertyName: "selectedText", publicName: "selectedText", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.2", type: FileInputComponent, isStandalone: true, selector: "file-input", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, buttonClass: { classPropertyName: "buttonClass", publicName: "buttonClass", isSignal: true, isRequired: false, transformFunction: null }, textClass: { classPropertyName: "textClass", publicName: "textClass", isSignal: true, isRequired: false, transformFunction: null }, selectedText: { classPropertyName: "selectedText", publicName: "selectedText", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: FILE_VISUAL,
                 useExisting: forwardRef(() => FileInputComponent),
             }
         ], ngImport: i0, template: "<div class=\"file-input\">\n    <div [ngClass]=\"buttonClass()\">\n        <span>{{buttonText() | firstUppercaseLocalize}}</span>\n    </div>\n\n    <div [ngClass]=\"textClass()\">{{selectedTextValue()}}</div>\n</div>\n", styles: [":host\n{\n    display: block;\n}\n\n.file-input\n{\n    display: grid;\n\n    grid-template-areas: 'button filename';\n    grid-template-rows: auto;\n    grid-template-columns: auto 1fr;\n\n    :nth-child(1),\n    :nth-child(1):before\n    {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    :nth-child(2),\n    :nth-child(2):before\n    {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-input', imports: [
                         NgClass,

package/es2022/src/modules/file/components/uploadButton/uploadButton.component.js

@@ -35,15 +35,15 @@ export class UploadButtonComponent {
          */
         this.progress = input(null, ...(ngDevMode ? [{ debugName: "progress", transform: numberAttribute }] : [{ transform: numberAttribute }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: UploadButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: UploadButtonComponent, isStandalone: true, selector: "upload-button", inputs: { uploadIconClass: { classPropertyName: "uploadIconClass", publicName: "uploadIconClass", isSignal: true, isRequired: false, transformFunction: null }, uploadText: { classPropertyName: "uploadText", publicName: "uploadText", isSignal: true, isRequired: false, transformFunction: null }, uploadTextClass: { classPropertyName: "uploadTextClass", publicName: "uploadTextClass", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UploadButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: UploadButtonComponent, isStandalone: true, selector: "upload-button", inputs: { uploadIconClass: { classPropertyName: "uploadIconClass", publicName: "uploadIconClass", isSignal: true, isRequired: false, transformFunction: null }, uploadText: { classPropertyName: "uploadText", publicName: "uploadText", isSignal: true, isRequired: false, transformFunction: null }, uploadTextClass: { classPropertyName: "uploadTextClass", publicName: "uploadTextClass", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: FILE_VISUAL,
                 useExisting: forwardRef(() => UploadButtonComponent),
             }
         ], ngImport: i0, template: "@if(progress() | isPresent)\n{\n    <div class=\"progress\">\n        <span class=\"progress-value\">{{progress()}}%</span>\n        <div class=\"progress-indicator\"></div>\n    </div>\n}\n\n<button [ngClass]=\"cssClass()\" type=\"button\">\n    <span [ngClass]=\"uploadIconClass()\"></span>\n    \n    @if(uploadText())\n    {\n        <span [ngClass]=\"uploadTextClass()\">{{uploadText() | localize}}</span>\n    }\n</button>", styles: [":host\n{\n    display: flex;\n    flex-direction: row;\n}\n\n.progress\n{\n    font-size: 0.75em;\n    position: relative;\n    width: 33px;\n    height: 33px;\n    text-align: center;\n    margin-right: 4px;\n    display: flex;\n    justify-content: center;\n}\n\n.progress-value\n{\n    align-self: center;\n}\n\n.progress-indicator\n{\n    position: absolute;\n    width: 33px;\n    height: 16.5px;\n    top: 0;\n    left: 0;\n    border: 2px solid #009dd6;\n    border-bottom: none;\n    border-top-left-radius: 100px;\n    border-top-right-radius: 100px;\n    animation-name: rotate-progress;\n    animation-duration: 550ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 8.25px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: IsPresentPipe, name: "isPresent" }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: UploadButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: UploadButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'upload-button', imports: [
                         NgClass,

package/es2022/src/modules/file/directive/fileInput/fileInput.directive.js

@@ -134,8 +134,8 @@ export class FileInputDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: FileInputDirective, isStandalone: true, selector: "input[type=file]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, readContent: { classPropertyName: "readContent", publicName: "readContent", isSignal: true, isRequired: false, transformFunction: null }, binaryContent: { classPropertyName: "binaryContent", publicName: "binaryContent", isSignal: true, isRequired: false, transformFunction: null }, textEncoding: { classPropertyName: "textEncoding", publicName: "textEncoding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stringContentChange: "stringContentChange", arrayBufferContentChange: "arrayBufferContentChange", fileChange: "fileChange", filesChange: "filesChange", fileName: "fileName", filesNames: "filesNames" }, exportAs: ["file"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.2", type: FileInputDirective, isStandalone: true, selector: "input[type=file]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, readContent: { classPropertyName: "readContent", publicName: "readContent", isSignal: true, isRequired: false, transformFunction: null }, binaryContent: { classPropertyName: "binaryContent", publicName: "binaryContent", isSignal: true, isRequired: false, transformFunction: null }, textEncoding: { classPropertyName: "textEncoding", publicName: "textEncoding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stringContentChange: "stringContentChange", arrayBufferContentChange: "arrayBufferContentChange", fileChange: "fileChange", filesChange: "filesChange", fileName: "fileName", filesNames: "filesNames" }, exportAs: ["file"], ngImport: i0 }); }
 }
 __decorate([
     BindThis,
@@ -155,7 +155,7 @@ __decorate([
     __metadata("design:paramtypes", [MouseEvent]),
     __metadata("design:returntype", void 0)
 ], FileInputDirective.prototype, "handleFileChange", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type=file]',

package/es2022/src/modules/file/directive/fileTemplate/fileTemplate.directive.js

@@ -11,10 +11,10 @@ export class FileTemplateDirective {
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: FileTemplateDirective, isStandalone: true, selector: "[fileTemplate]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: FileTemplateDirective, isStandalone: true, selector: "[fileTemplate]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fileTemplate]',

package/es2022/src/modules/file/modules/file.module.js

@@ -6,8 +6,8 @@ import * as i0 from "@angular/core";
  * Module for grouping File components and directives
  */
 export class FileModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: FileModule, imports: [FileComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: FileModule, imports: [FileComponent,
             FileInputDirective,
             FileTemplateDirective,
             UploadButtonComponent,
@@ -16,9 +16,9 @@ export class FileModule {
             UploadButtonComponent,
             FileInputDirective,
             FileTemplateDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FileModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/logger/components/console/console.component.js

@@ -84,10 +84,10 @@ export class ConsoleComponent {
             this.currentLogs = this.consoleSvc.logs.filter(log => log.text.toLowerCase().indexOf(this.filterValue.toLowerCase()) >= 0);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponent, deps: [{ token: i1.ConsoleComponentService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0", type: ConsoleComponent, isStandalone: true, selector: "console", host: { attributes: { "animate.enter": "slide-in", "animate.leave": "slide-out" } }, ngImport: i0, template: "<div class=\"console-data thin-scrollbar\">\n    <div class=\"console-log\" [ngClass]=\"log?.logLevel | lowercase\" *ngFor=\"let log of currentLogs\">\n        <div class=\"console-log-icon fa\" [class.fa-angle-right]=\"!log?.expanded\" [class.fa-angle-down]=\"log?.expanded\" (click)=\"log.expanded = !log.expanded\"></div>\n        <div class=\"console-log-text\" [class.expanded]=\"log?.expanded\" (click)=\"copyMessage(log.text)\">{{log?.text}}</div>\n    </div>\n\n    <div class=\"clear-icon\" (click)=\"clear()\" title=\"clear log\">\n        <div class=\"fa fa-times\"></div>\n    </div>\n\n    <div class=\"copy-icon\" (click)=\"copy()\" title=\"copy to clipboard\" *ngIf=\"canCopy\">\n        <div class=\"fa fa-copy\"></div>\n    </div>\n</div>\n\n<div class=\"console-filter\">\n    <input type=\"text\" placeholder=\"Filter messages\" (input)=\"filterValue = $any($event.target).value; setMessages()\">\n</div>", styles: [":host\n{\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    height: 50%;\n}\n\n.console-data\n{\n    background-color: #000000c7;\n    border: none;\n    border-bottom: 1px solid #AAA;\n    border-radius: 0;\n    color: #EEE;\n    flex: 1;\n    min-height: 0;\n    min-width: 0;\n    overflow-y: auto;\n    overflow-x: hidden;\n    cursor: pointer;\n}\n\n.console-filter\n{\n    align-self: stretch;\n}\n\n.console-filter input\n{\n    width: 100%;\n    background-color: #000000c7;\n    color: #FFF;\n    border: none;\n    border-bottom: 1px solid #AAA;\n    padding: 0 4px;\n}\n\n.copy-icon,\n.clear-icon\n{\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 4px 14px;\n}\n\n.copy-icon\n{\n    margin-right: 20px;\n}\n\n.clear-icon div:hover,\n.copy-icon div:hover\n{\n    color: #31A1FF;\n    cursor: pointer;\n}\n\n.console-log\n{\n    font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n    font-size: 12px;\n    display: flex;\n    flex-direction: row;\n}\n\n.console-log.error,\n.console-log.fatal\n{\n    color: #FF3131;\n}\n\n.console-log.warning\n{\n    color: #FFC531;\n}\n\n.console-log.debug,\n.console-log.verbose\n{\n    color: #31A1FF;\n}\n\n.console-log-icon\n{\n    color: #FFF;\n    font-weight: bold;\n    margin: 2px 4px 0;\n}\n\n.console-log-icon.fa-angle-down\n{\n    margin: 3px 3px 0 2px;\n}\n\n.console-log-text\n{\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n\n.console-log-text.expanded\n{\n    white-space: pre;\n    text-overflow: initial;\n}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponent, deps: [{ token: i1.ConsoleComponentService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: ConsoleComponent, isStandalone: true, selector: "console", host: { attributes: { "animate.enter": "slide-in", "animate.leave": "slide-out" } }, ngImport: i0, template: "<div class=\"console-data thin-scrollbar\">\n    <div class=\"console-log\" [ngClass]=\"log?.logLevel | lowercase\" *ngFor=\"let log of currentLogs\">\n        <div class=\"console-log-icon fa\" [class.fa-angle-right]=\"!log?.expanded\" [class.fa-angle-down]=\"log?.expanded\" (click)=\"log.expanded = !log.expanded\"></div>\n        <div class=\"console-log-text\" [class.expanded]=\"log?.expanded\" (click)=\"copyMessage(log.text)\">{{log?.text}}</div>\n    </div>\n\n    <div class=\"clear-icon\" (click)=\"clear()\" title=\"clear log\">\n        <div class=\"fa fa-times\"></div>\n    </div>\n\n    <div class=\"copy-icon\" (click)=\"copy()\" title=\"copy to clipboard\" *ngIf=\"canCopy\">\n        <div class=\"fa fa-copy\"></div>\n    </div>\n</div>\n\n<div class=\"console-filter\">\n    <input type=\"text\" placeholder=\"Filter messages\" (input)=\"filterValue = $any($event.target).value; setMessages()\">\n</div>", styles: [":host\n{\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    width: 100%;\n    height: 50%;\n}\n\n.console-data\n{\n    background-color: #000000c7;\n    border: none;\n    border-bottom: 1px solid #AAA;\n    border-radius: 0;\n    color: #EEE;\n    flex: 1;\n    min-height: 0;\n    min-width: 0;\n    overflow-y: auto;\n    overflow-x: hidden;\n    cursor: pointer;\n}\n\n.console-filter\n{\n    align-self: stretch;\n}\n\n.console-filter input\n{\n    width: 100%;\n    background-color: #000000c7;\n    color: #FFF;\n    border: none;\n    border-bottom: 1px solid #AAA;\n    padding: 0 4px;\n}\n\n.copy-icon,\n.clear-icon\n{\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 4px 14px;\n}\n\n.copy-icon\n{\n    margin-right: 20px;\n}\n\n.clear-icon div:hover,\n.copy-icon div:hover\n{\n    color: #31A1FF;\n    cursor: pointer;\n}\n\n.console-log\n{\n    font-family: Menlo, Monaco, Consolas, \"Courier New\", monospace;\n    font-size: 12px;\n    display: flex;\n    flex-direction: row;\n}\n\n.console-log.error,\n.console-log.fatal\n{\n    color: #FF3131;\n}\n\n.console-log.warning\n{\n    color: #FFC531;\n}\n\n.console-log.debug,\n.console-log.verbose\n{\n    color: #31A1FF;\n}\n\n.console-log-icon\n{\n    color: #FFF;\n    font-weight: bold;\n    margin: 2px 4px 0;\n}\n\n.console-log-icon.fa-angle-down\n{\n    margin: 3px 3px 0 2px;\n}\n\n.console-log-text\n{\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n\n.console-log-text.expanded\n{\n    white-space: pre;\n    text-overflow: initial;\n}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'console', host: {
                         'animate.enter': 'slide-in',

package/es2022/src/modules/logger/services/console/consoleComponent.service.js

@@ -55,10 +55,10 @@ export class ConsoleComponentService {
         }
         this.logsChangeSubject.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponentService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponentService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/es2022/src/modules/logger/services/console/consoleComponentService.options.js

@@ -20,10 +20,10 @@ export class ConsoleComponentServiceOptions {
             this.maxLogsCount = maxLogsCount;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponentServiceOptions, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponentServiceOptions, providedIn: 'root', useFactory: () => new ConsoleComponentServiceOptions() }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponentServiceOptions, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponentServiceOptions, providedIn: 'root', useFactory: () => new ConsoleComponentServiceOptions() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponentServiceOptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ConsoleComponentServiceOptions, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root', useFactory: () => new ConsoleComponentServiceOptions() }]
         }], ctorParameters: () => [{ type: undefined }] });

package/es2022/src/modules/logger/services/logger/logger.service.js

@@ -88,10 +88,10 @@ export class DefaultLogger {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DefaultLogger, deps: [{ token: i1.LoggerOptions }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DefaultLogger }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DefaultLogger, deps: [{ token: i1.LoggerOptions }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DefaultLogger }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DefaultLogger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: DefaultLogger, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.LoggerOptions }] });
 //# sourceMappingURL=logger.service.js.map

package/es2022/src/modules/logger/services/rest/restSink.options.js

@@ -32,10 +32,10 @@ export class RestSinkOptions {
             this.immediateFlushMinLevel = immediateFlushMinLevel;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: RestSinkOptions, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: RestSinkOptions, providedIn: 'root', useFactory: () => new RestSinkOptions() }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: RestSinkOptions, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: RestSinkOptions, providedIn: 'root', useFactory: () => new RestSinkOptions() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: RestSinkOptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: RestSinkOptions, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root', useFactory: () => new RestSinkOptions() }]
         }], ctorParameters: () => [{ type: undefined }, { type: undefined }, { type: i1.LogLevel }] });

package/es2022/src/modules/logger/types/loggerOptions.js

@@ -32,10 +32,10 @@ export class LoggerOptions {
          */
         this.loggerSinks = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: LoggerOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: LoggerOptions, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: LoggerOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: LoggerOptions, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: LoggerOptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: LoggerOptions, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/es2022/src/modules/multiButton/components/multiButton/multiButton.component.js

@@ -91,10 +91,10 @@ export class MultiButtonComponent {
     _removeRegistration() {
         this._document.removeEventListener('click', this._handleClickOutside);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonComponent, deps: [{ token: DOCUMENT }, { token: MULTI_BUTTON_CSS_CLASSES, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0", type: MultiButtonComponent, isStandalone: true, selector: "multi-button", inputs: { cssClass: "cssClass", cssClasses: "cssClasses" }, outputs: { click: "click" }, queries: [{ propertyName: "subButtonsContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"/>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MultiButtonComponent, deps: [{ token: DOCUMENT }, { token: MULTI_BUTTON_CSS_CLASSES, optional: true }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MultiButtonComponent, isStandalone: true, selector: "multi-button", inputs: { cssClass: "cssClass", cssClasses: "cssClasses" }, outputs: { click: "click" }, queries: [{ propertyName: "subButtonsContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div [ngClass]=\"[cssClass, cssClasses?.mainButtonDiv]\">\r\n    <div (click)=\"click.emit($event)\" [ngClass]=\"cssClasses?.mainButtonContentDiv\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n\r\n    <span [ngClass]=\"cssClasses?.mainButtonSeparatorDiv\"></span>\r\n\r\n    <div [ngClass]=\"cssClasses?.mainButtonClickAreaDiv\" (click)=\"showSubButtons($event)\">\r\n        <div [ngClass]=\"cssClasses?.mainButtonMultiOptionDiv\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div [ngClass]=\"cssClasses?.subButtonsDiv\" *ngIf=\"subButtonsVisible\" [style.top.px]=\"subButtonsOffset\">\r\n    <ng-container *ngTemplateOutlet=\"subButtonsContent\"/>\r\n</div>", styles: [":host\r\n{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.multi-option\r\n{\r\n    align-self: center;\r\n    text-align: center;\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.multi-button-content\r\n{\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 3px 8px;\r\n}\r\n\r\n.multi-option-separator\r\n{\r\n    border-left-style: solid;\r\n    border-left-width: 1px;\r\n    margin-top: -1px;\r\n    margin-bottom: -1px;\r\n}\r\n\r\n.multi-option-click\r\n{\r\n    width: 1.6em;\r\n    display: flex;\r\n    flex-direction: row;\r\n}\r\n\r\n.sub-buttons\r\n{\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    min-width: 100%;\r\n    padding: 4px 0;\r\n    border-radius: 4px;\r\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MultiButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'multi-button', imports: [
                         NgClass,

package/es2022/src/modules/multiButton/modules/multiButton.module.js

@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
  * Module containing components for displaying multi button
  */
 export class MultiButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonModule, imports: [MultiButtonComponent], exports: [MultiButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: MultiButtonModule, imports: [MultiButtonComponent], exports: [MultiButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MultiButtonModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MultiButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/progressIndicator/components/progressIndicator/progressIndicator.component.js

@@ -54,10 +54,10 @@ export class ProgressIndicatorComponent {
             this._subscription = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: ProgressIndicatorComponent, isStandalone: true, selector: "progress-indicator", inputs: { cssClass: "cssClass" }, ngImport: i0, template: "<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        @for(msg of messages; track msg)\n        {\n            <div [ngClass]=\"'message-' + ((messages.length - $index) > 3 ? 'out' : (messages.length - $index - 1))\">{{msg | localize}}</div>\n        }\n    </div>\n</div>", styles: ["\n.progress-indicator\n{\n    transition: all 250ms linear;\n    background-color: rgba(0, 0, 0, 0.45);\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 23456;\n    opacity: 0;\n    visibility: hidden;\n}\n.progress-indicator.running\n{\n    visibility: visible;\n    opacity: 1;\n}\n.progress-indicator.running > .spinner\n{\n    border: 4px solid #eee;\n    border-bottom: none;\n    border-top-left-radius: 48px;\n    border-top-right-radius: 48px;\n    height: 24px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    top: 50%;\n    width: 48px;\n    animation-name: rotate-progress;\n    animation-duration: 450ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 12px);\n}\n\n.progress-indicator.running > .messages\n{\n    color: #eee;\n    top: calc(50% + 25px);\n    position: relative;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.25em;\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.progress-indicator.running > .messages .message-0,\n.progress-indicator.running > .messages .message-1,\n.progress-indicator.running > .messages .message-2,\n.progress-indicator.running > .messages  .message-out\n{\n    transition: all 500ms;\n    position: absolute;\n    width: 100%;\n    top: 0;\n}\n\n.progress-indicator.running > .messages .message-1\n{\n    transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(30px);\n    opacity: 0.8;\n}\n\n.progress-indicator.running > .messages .message-2\n{\n    transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(100px);\n    opacity: 0.5;\n}\n\n.progress-indicator.running > .messages .message-out\n{\n    transform: scale3d(0, 0, 0) translateZ(-100px) translateY(200px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: ProgressIndicatorComponent, isStandalone: true, selector: "progress-indicator", inputs: { cssClass: "cssClass" }, ngImport: i0, template: "<div [ngClass]=\"appliedClass\">\n    <div class=\"spinner\"></div>\n\n    <div class=\"messages\">\n        @for(msg of messages; track msg)\n        {\n            <div [ngClass]=\"'message-' + ((messages.length - $index) > 3 ? 'out' : (messages.length - $index - 1))\">{{msg | localize}}</div>\n        }\n    </div>\n</div>", styles: ["\n.progress-indicator\n{\n    transition: all 250ms linear;\n    background-color: rgba(0, 0, 0, 0.45);\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 23456;\n    opacity: 0;\n    visibility: hidden;\n}\n.progress-indicator.running\n{\n    visibility: visible;\n    opacity: 1;\n}\n.progress-indicator.running > .spinner\n{\n    border: 4px solid #eee;\n    border-bottom: none;\n    border-top-left-radius: 48px;\n    border-top-right-radius: 48px;\n    height: 24px;\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n    top: 50%;\n    width: 48px;\n    animation-name: rotate-progress;\n    animation-duration: 450ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    transform-origin: calc(50%) calc(50% + 12px);\n}\n\n.progress-indicator.running > .messages\n{\n    color: #eee;\n    top: calc(50% + 25px);\n    position: relative;\n    text-align: center;\n    font-weight: bold;\n    font-size: 1.25em;\n    display: flex;\n    flex-direction: column-reverse;\n}\n\n.progress-indicator.running > .messages .message-0,\n.progress-indicator.running > .messages .message-1,\n.progress-indicator.running > .messages .message-2,\n.progress-indicator.running > .messages  .message-out\n{\n    transition: all 500ms;\n    position: absolute;\n    width: 100%;\n    top: 0;\n}\n\n.progress-indicator.running > .messages .message-1\n{\n    transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(30px);\n    opacity: 0.8;\n}\n\n.progress-indicator.running > .messages .message-2\n{\n    transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(100px);\n    opacity: 0.5;\n}\n\n.progress-indicator.running > .messages .message-out\n{\n    transform: scale3d(0, 0, 0) translateZ(-100px) translateY(200px);\n}\n\n@keyframes rotate-progress\n{\n    from\n    {\n        transform: rotate(0deg);\n    }\n    to\n    {\n        transform: rotate(360deg);\n    }\n}"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'progress-indicator', imports: [
                         NgClass,

package/es2022/src/modules/progressIndicator/directives/progressOverlay/progressOverlay.directive.js

@@ -103,10 +103,10 @@ export class ProgressOverlayDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressOverlayDirective, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STRING_LOCALIZATION }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: ProgressOverlayDirective, isStandalone: true, selector: "[progressOverlay]", inputs: { name: ["progressOverlay", "name"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressOverlayDirective, deps: [{ token: i1.ProgressIndicatorService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: STRING_LOCALIZATION }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: ProgressOverlayDirective, isStandalone: true, selector: "[progressOverlay]", inputs: { name: ["progressOverlay", "name"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[progressOverlay]',

package/es2022/src/modules/progressIndicator/interceptors/progressInterceptor.js

@@ -37,10 +37,10 @@ export class ProgressInterceptor {
             }
         }, () => this._indicatorSvc.hideProgress(req.context.get(PROGRESS_INDICATOR_GROUP_NAME))));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressInterceptor, deps: [{ token: i1.ProgressIndicatorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressInterceptor, deps: [{ token: i1.ProgressIndicatorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorService }] });
 /**

package/es2022/src/modules/progressIndicator/modules/progressIndicator.module.js

@@ -6,13 +6,13 @@ import * as i0 from "@angular/core";
  * Module for progress indicator
  */
 export class ProgressIndicatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorModule, imports: [ProgressIndicatorComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorModule, imports: [ProgressIndicatorComponent,
             ProgressOverlayDirective], exports: [ProgressIndicatorComponent,
             ProgressOverlayDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/progressIndicator/services/progressIndicator.service.js

@@ -239,10 +239,10 @@ export class ProgressIndicatorService {
         this._runningRequests[name] = group;
         return group;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorService, deps: [{ token: i1.ProgressIndicatorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorService, deps: [{ token: i1.ProgressIndicatorOptions, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ProgressIndicatorService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorOptions, decorators: [{

package/es2022/src/modules/tooltip/components/tooltip/tooltip.component.js

@@ -3,6 +3,7 @@ import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
 /**
  * Component used for displaying tooltip content
+ * @template TData - Type of data passed to tooltip
  */
 export class TooltipComponent {
     //######################### constructor #########################
@@ -57,15 +58,12 @@ export class TooltipComponent {
     mouseLeave() {
         this.leaveFn();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0", type: TooltipComponent, isStandalone: true, selector: "tooltip-popup", host: { attributes: { "animate.enter": "enterAnimation", "animate.leave": "exitAnimation" }, listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()" } }, ngImport: i0, template: "@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n", styles: [":host\r\n{\r\n    display: block;\r\n    position: absolute;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    font-size: 0.9em;\r\n    max-width: 300px;\r\n    user-select: text;\r\n}"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: TooltipComponent, isStandalone: true, selector: "tooltip-popup", host: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()" } }, ngImport: i0, template: "@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n", styles: [":host\r\n{\r\n    display: block;\r\n    position: absolute;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    font-size: 0.9em;\r\n    max-width: 300px;\r\n    user-select: text;\r\n}"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tooltip-popup', host: {
-                        'animate.enter': 'enterAnimation',
-                        'animate.leave': 'exitAnimation',
-                    }, imports: [
+            args: [{ selector: 'tooltip-popup', imports: [
                         NgTemplateOutlet,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n", styles: [":host\r\n{\r\n    display: block;\r\n    position: absolute;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    font-size: 0.9em;\r\n    max-width: 300px;\r\n    user-select: text;\r\n}"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { mouseEnter: [{

package/es2022/src/modules/tooltip/components/tooltip/tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.ts","../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAe,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3H,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;;AAMjD;;GAEG;AAiBH,MAAM,OAAO,gBAAgB;IA8CzB,iEAAiE;IACjE,YAAsB,cAAiC,EACjC,OAAgC;QADhC,mBAAc,GAAd,cAAc,CAAmB;QACjC,YAAO,GAAP,OAAO,CAAyB;QA9CtD,sEAAsE;QAEtE;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAE3C;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAc3C;;WAEG;QACI,cAAS,GAAY,KAAK,CAAC;IAqBlC,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,mBAAmB,CAAC,KAAiB,EAAE,KAAiB;QAE3D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAG,IAAI,CAAC,QAAQ,EAChB,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACxC,CAAC;IAED,8EAA8E;IAE9E;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;8GAlGQ,gBAAgB;kGAAhB,gBAAgB,mPC1B7B,6QAcA,2PDQQ,gBAAgB;;2FAIX,gBAAgB;kBAhB5B,SAAS;+BAEI,eAAe,QAIzB;wBACI,eAAe,EAAE,gBAAgB;wBACjC,eAAe,EAAE,eAAe;qBACnC,WAED;wBACI,gBAAgB;qBACnB,mBACgB,uBAAuB,CAAC,MAAM;+GAuFrC,UAAU;sBADnB,YAAY;uBAAC,YAAY;gBAWhB,UAAU;sBADnB,YAAY;uBAAC,YAAY","sourcesContent":["import {Component, ChangeDetectionStrategy, TemplateRef, ChangeDetectorRef, ElementRef, HostListener} from '@angular/core';\nimport {NgTemplateOutlet} from '@angular/common';\nimport {Invalidatable} from '@jscrpt/common';\n\nimport {TooltipTemplateContext} from '../../directives';\nimport {TooltipRenderer} from '../../misc/tooltip.interface';\n\n/**\n * Component used for displaying tooltip content\n */\n@Component(\n{\n    selector: 'tooltip-popup',\n    templateUrl: 'tooltip.component.html',\n    styleUrl: 'tooltip.component.css',\n    host:\n    {\n        'animate.enter': 'enterAnimation',\n        'animate.leave': 'exitAnimation',\n    },\n    imports:\n    [\n        NgTemplateOutlet,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TooltipComponent<TData = any> implements TooltipRenderer<TData>, Invalidatable\n{\n    //######################### protected fields #########################\n\n    /**\n     * Called when mouse enter tooltip component, hover\n     */\n    protected enterFn: () => void = () => null;\n\n    /**\n     * Called when mouse leaves tooltip component\n     */\n    protected leaveFn: () => void = () => null;\n\n    //######################### public properties - implementation of TooltipRenderer #########################\n\n    /**\n     * Data that are rendered in tooltip\n     */\n    public data: TData|null|undefined;\n\n    /**\n     * Template used for rendering tooltip\n     */\n    public template: TemplateRef<TooltipTemplateContext<TData>>|null|undefined;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    public allowHtml: boolean = false;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    public cssClass: string|null|undefined;\n\n    /**\n     * Animation used to tooltip component when it is displayed\n     */\n    public enterAnimation: string;\n\n    /**\n     * Animation used to tooltip component when it is hidden\n     */\n    public exitAnimation: string;\n\n    //######################### constructor #########################\n    constructor(protected changeDetector: ChangeDetectorRef,\n                protected element: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of TooltipRenderer #########################\n\n    /**\n     * Registers handlers that allows reaction to entering or leaving tooltip\n     * @param enter - Called when mouse enter tooltip component, hover\n     * @param leave - Called when mouse leaves tooltip component\n     */\n    public registerHoverEvents(enter: () => void, leave: () => void): void\n    {\n        this.enterFn = enter;\n        this.leaveFn = leave;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n        if(this.cssClass)\n        {\n            this.element.nativeElement.classList.add(this.cssClass);\n        }\n\n        this.changeDetector.detectChanges();\n    }\n\n    //######################### protected methods - host #########################\n\n    /**\n     * Handles mouse enter event over tooltip\n     * @internal\n     */\n    @HostListener('mouseenter')\n    protected mouseEnter(): void\n    {\n        this.enterFn();\n    }\n\n    /**\n     * Handles mouse leave event over tooltip\n     * @internal\n     */\n    @HostListener('mouseleave')\n    protected mouseLeave(): void\n    {\n        this.leaveFn();\n    }\n}","@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n"]}
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.ts","../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAe,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3H,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;;AAMjD;;;GAGG;AAYH,MAAM,OAAO,gBAAgB;IAoCzB,iEAAiE;IACjE,YAAsB,cAAiC,EACjC,OAAgC;QADhC,mBAAc,GAAd,cAAc,CAAmB;QACjC,YAAO,GAAP,OAAO,CAAyB;QApCtD,sEAAsE;QAEtE;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAE3C;;WAEG;QACO,YAAO,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;QAc3C;;WAEG;QACI,cAAS,GAAY,KAAK,CAAC;IAWlC,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,mBAAmB,CAAC,KAAiB,EAAE,KAAiB;QAE3D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAG,IAAI,CAAC,QAAQ,EAChB,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACxC,CAAC;IAED,8EAA8E;IAE9E;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;IAED;;;OAGG;IAEO,UAAU;QAEhB,IAAI,CAAC,OAAO,EAAE,CAAC;IACnB,CAAC;8GAxFQ,gBAAgB;kGAAhB,gBAAgB,8JCtB7B,6QAcA,2PDIQ,gBAAgB;;2FAIX,gBAAgB;kBAX5B,SAAS;+BAEI,eAAe,WAIzB;wBACI,gBAAgB;qBACnB,mBACgB,uBAAuB,CAAC,MAAM;+GA6ErC,UAAU;sBADnB,YAAY;uBAAC,YAAY;gBAWhB,UAAU;sBADnB,YAAY;uBAAC,YAAY","sourcesContent":["import {Component, ChangeDetectionStrategy, TemplateRef, ChangeDetectorRef, ElementRef, HostListener} from '@angular/core';\nimport {NgTemplateOutlet} from '@angular/common';\nimport {Invalidatable} from '@jscrpt/common';\n\nimport {TooltipTemplateContext} from '../../directives';\nimport {TooltipRenderer} from '../../misc/tooltip.interface';\n\n/**\n * Component used for displaying tooltip content\n * @template TData - Type of data passed to tooltip\n */\n@Component(\n{\n    selector: 'tooltip-popup',\n    templateUrl: 'tooltip.component.html',\n    styleUrl: 'tooltip.component.css',\n    imports:\n    [\n        NgTemplateOutlet,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TooltipComponent<TData = unknown> implements TooltipRenderer<TData>, Invalidatable\n{\n    //######################### protected fields #########################\n\n    /**\n     * Called when mouse enter tooltip component, hover\n     */\n    protected enterFn: () => void = () => null;\n\n    /**\n     * Called when mouse leaves tooltip component\n     */\n    protected leaveFn: () => void = () => null;\n\n    //######################### public properties - implementation of TooltipRenderer #########################\n\n    /**\n     * Data that are rendered in tooltip\n     */\n    public data: TData|null|undefined;\n\n    /**\n     * Template used for rendering tooltip\n     */\n    public template: TemplateRef<TooltipTemplateContext<TData>>|null|undefined;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    public allowHtml: boolean = false;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    public cssClass: string|null|undefined;\n\n    //######################### constructor #########################\n    constructor(protected changeDetector: ChangeDetectorRef,\n                protected element: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of TooltipRenderer #########################\n\n    /**\n     * Registers handlers that allows reaction to entering or leaving tooltip\n     * @param enter - Called when mouse enter tooltip component, hover\n     * @param leave - Called when mouse leaves tooltip component\n     */\n    public registerHoverEvents(enter: () => void, leave: () => void): void\n    {\n        this.enterFn = enter;\n        this.leaveFn = leave;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public invalidateVisuals(): void\n    {\n        if(this.cssClass)\n        {\n            this.element.nativeElement.classList.add(this.cssClass);\n        }\n\n        this.changeDetector.detectChanges();\n    }\n\n    //######################### protected methods - host #########################\n\n    /**\n     * Handles mouse enter event over tooltip\n     * @internal\n     */\n    @HostListener('mouseenter')\n    protected mouseEnter(): void\n    {\n        this.enterFn();\n    }\n\n    /**\n     * Handles mouse leave event over tooltip\n     * @internal\n     */\n    @HostListener('mouseleave')\n    protected mouseLeave(): void\n    {\n        this.leaveFn();\n    }\n}\n","@if(!template && !allowHtml)\r\n{\r\n    <div>{{data}}</div>\r\n}\r\n\r\n@if(!template && allowHtml)\r\n{\r\n    <div [innerHTML]=\"data\"></div>\r\n}\r\n\r\n@if(template)\r\n{\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"/>\r\n}\r\n"]}

package/es2022/src/modules/tooltip/directives/tooltip/tooltip.directive.js

@@ -1,5 +1,6 @@
-import { ContentChild, Directive, ElementRef, HostListener, Inject, Injector, Input, Optional, SkipSelf, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ContentChild, Directive, ElementRef, HostListener, Inject, Injector, Input, inputBinding, Optional, SkipSelf, TemplateRef, ViewContainerRef } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
+import { AnimateDirective } from '@anglr/animations';
 import { isBlank, isPresent, nameof, renderToBody } from '@jscrpt/common';
 import { extend } from '@jscrpt/common/extend';
 import { lastValueFrom } from 'rxjs';
@@ -190,6 +191,15 @@ export class TooltipDirective {
         this._tooltipComponent = this._viewContainerRef
             .createComponent(this._options.tooltipRenderer, {
             injector: this._injector,
+            directives: [
+                {
+                    type: AnimateDirective,
+                    bindings: [
+                        inputBinding(nameof('enterAnimation'), () => this._options.enterAnimation || []),
+                        inputBinding(nameof('leaveAnimation'), () => this._options.exitAnimation || []),
+                    ],
+                },
+            ],
         });
         // 3. Get DOM element from component
         this._tooltipElement = getHostElement(this._tooltipComponent);
@@ -201,8 +211,6 @@ export class TooltipDirective {
      */
     _showData() {
         if (this._tooltipComponent) {
-            this._tooltipComponent.instance.enterAnimation = this._options.enterAnimation;
-            this._tooltipComponent.instance.exitAnimation = this._options.exitAnimation;
             this._tooltipComponent.instance.allowHtml = this.allowHtml;
             this._tooltipComponent.instance.data = this.tooltip;
             this._tooltipComponent.instance.template = this.template ?? this.tooltipTemplateChild?.template;
@@ -224,10 +232,10 @@ export class TooltipDirective {
             this._tooltipComponent.instance.invalidateVisuals();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: POSITION }, { token: TooltipDirective, optional: true, skipSelf: true }, { token: TOOLTIP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: TooltipDirective, isStandalone: true, selector: "[tooltip]", inputs: { tooltip: "tooltip", allowHtml: "allowHtml", template: "template", tooltipOptions: "tooltipOptions", tooltipVisible: "tooltipVisible", containerElement: "containerElement" }, host: { listeners: { "mouseleave": "mouseLeave($event)", "mousemove": "mouseMove($event)" } }, queries: [{ propertyName: "tooltipTemplateChild", first: true, predicate: TooltipTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: POSITION }, { token: TooltipDirective, optional: true, skipSelf: true }, { token: TOOLTIP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.2", type: TooltipDirective, isStandalone: true, selector: "[tooltip]", inputs: { tooltip: "tooltip", allowHtml: "allowHtml", template: "template", tooltipOptions: "tooltipOptions", tooltipVisible: "tooltipVisible", containerElement: "containerElement" }, host: { listeners: { "mouseleave": "mouseLeave($event)", "mousemove": "mouseMove($event)" } }, queries: [{ propertyName: "tooltipTemplateChild", first: true, predicate: TooltipTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tooltip]',