npm - @anglr/common - Versions diffs - 23.0.0-beta.20250825072057 → 23.0.0-beta.20250825105211 - Mend

@anglr/common 23.0.0-beta.20250825072057 → 23.0.0-beta.20250825105211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (147) hide show

package/es2022/src/modules/file/directive/fileInput/fileInput.directive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/file/directive/fileInput/fileInput.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {booleanAttribute, Directive, effect, ElementRef, input, InputSignal, InputSignalWithTransform, OnDestroy, output, OutputEmitterRef, Renderer2} from '@angular/core';\nimport {BindThis, isString, NoopAction} from '@jscrpt/common';\n\n/*\n Directive that allows better communication with input file\n /\n@Directive(\n{\n selector: 'input[type=file]',\n exportAs: 'file',\n})\nexport class FileInputDirective implements OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Unlistener for input file change event\n /\n protected changeListenerUnlisten: NoopAction;\n\n //######################### public properties - inputs #########################\n\n /\n Indication whether is multiple files selection enabled\n /\n public multiple: InputSignalWithTransform<boolean, string\|boolean> = input<boolean, boolean\|string>(false, {transform: booleanAttribute});\n\n /\n Indication whether read file content, working only when `multiple` is not set (for single file)\n /\n public readContent: InputSignalWithTransform<boolean, string\|boolean> = input<boolean, boolean\|string>(false, {transform: booleanAttribute});\n\n /\n Indication whether content of file is binary and it will be read as ArrayBuffer instead of string\n /\n public binaryContent: InputSignalWithTransform<boolean, string\|boolean> = input<boolean, boolean\|string>(false, {transform: booleanAttribute});\n\n /\n Text encoding of read string file content\n /\n public textEncoding: InputSignal<string\|undefined> = input();\n\n //######################### public properties - outputs #########################\n\n /\n Occurs when file changes and `binaryContent` is not set and `readContent` is set\n /\n public stringContentChange: OutputEmitterRef<string\|undefined\|null> = output<string\|undefined\|null>();\n\n /\n Occurs when file changes and `binaryContent` is set and `readContent` is set\n /\n public arrayBufferContentChange: OutputEmitterRef<ArrayBuffer\|undefined\|null> = output<ArrayBuffer\|undefined\|null>();\n\n /\n Occurs when selected file changes, occurs only when `multiple` is not set\n /\n public fileChange: OutputEmitterRef<File\|null\|undefined> = output<File\|undefined\|null>();\n\n /\n Occurs when selected files changes, occurs only when `multiple` is set\n /\n public filesChange: OutputEmitterRef<File[]\|null\|undefined> = output<File[]\|undefined\|null>();\n\n /\n Occurs when selected file changes, occurs only when `multiple` is not set, contains name of selected file\n /\n public fileName: OutputEmitterRef<string\|null\|undefined> = output<string\|undefined\|null>();\n\n /\n Occurs when selected files changes, occurs only when `multiple` is set, contains names of selected files\n /\n public filesNames: OutputEmitterRef<string[]\|null\|undefined> = output<string[]\|undefined\|null>();\n\n //######################### constructors #########################\n constructor(protected element: ElementRef<HTMLInputElement>,\n renderer: Renderer2,)\n {\n this.changeListenerUnlisten = renderer.listen(element.nativeElement, 'change', this.handleFileChange);\n\n effect(() => renderer.setProperty(element.nativeElement, 'multiple', this.multiple()));\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n @inheritdoc\n /\n public ngOnDestroy(): void\n {\n this.changeListenerUnlisten();\n }\n\n //######################### public methods #########################\n\n /\n Opens file browser dialog\n /\n @BindThis\n public openFileBrowser(): void\n {\n this.element.nativeElement.click();\n }\n\n /\n Clears selection of file/files\n /\n @BindThis\n public clearFile(): void\n {\n this.element.nativeElement.value = '';\n this.fileChange.emit(null);\n this.fileName.emit(null);\n this.filesChange.emit(null);\n this.filesNames.emit(null);\n this.arrayBufferContentChange.emit(null);\n this.stringContentChange.emit(null);\n }\n\n //######################### protected methods #########################\n\n /\n Handles changes in file input\n */\n @BindThis\n protected handleFileChange(event: MouseEvent): void\n {\n if(!event.target)\n {\n throw new Error('FileOutputDirective: missing input file target!');\n }\n\n if(this.multiple())\n {\n const files = (event.target as HTMLInputElement).files;\n const filesArray: File[] = [];\n\n if(files)\n {\n for(let x = 0; x < files.length; x++)\n {\n filesArray.push(files[x]);\n }\n }\n\n this.filesChange.emit(filesArray);\n this.filesNames.emit(filesArray.map(itm => itm.name));\n }\n else\n {\n const file = (event.target as HTMLInputElement).files?.[0];\n\n this.fileChange.emit(file);\n this.fileName.emit(file?.name);\n }\n\n //read file contents\n if(!this.multiple() && this.readContent())\n {\n const file = (event.target as HTMLInputElement).files?.[0];\n\n //no file selected\n if(!file)\n {\n return;\n }\n\n const fileReader = new FileReader();\n\n fileReader.onloadend = () =>\n {\n const result = fileReader.result;\n\n if(!result)\n {\n this.stringContentChange.emit(null);\n this.arrayBufferContentChange.emit(null);\n\n return;\n }\n\n if(isString(result))\n {\n this.stringContentChange.emit(result);\n }\n else\n {\n this.arrayBufferContentChange.emit(result);\n }\n };\n\n if(this.binaryContent())\n {\n fileReader.readAsArrayBuffer(file);\n }\n else\n {\n fileReader.readAsText(file, this.textEncoding());\n }\n }\n }\n}\n"]}
1	+ {"version":3,"file":"fileInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/file/directive/fileInput/fileInput.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {booleanAttribute, Directive, effect, ElementRef, input, InputSignal, InputSignalWithTransform, OnDestroy, output, OutputEmitterRef, Renderer2} from '@angular/core';\nimport {BindThis, isString, NoopAction} from '@jscrpt/common';\n\n/*\n Directive that allows better communication with input file\n /\n@Directive(\n{\n selector: 'input[type=file]',\n exportAs: 'file',\n})\nexport class FileInputDirective implements OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Unlistener for input file change event\n /\n protected changeListenerUnlisten: NoopAction;\n\n //######################### public properties - inputs #########################\n\n /\n Indication whether is multiple files selection enabled\n /\n public multiple: InputSignalWithTransform<boolean, string\|boolean> = input<boolean, boolean\|string>(false, {transform: booleanAttribute});\n\n /\n Indication whether read file content, working only when `multiple` is not set (for single file)\n /\n public readContent: InputSignalWithTransform<boolean, string\|boolean> = input<boolean, boolean\|string>(false, {transform: booleanAttribute});\n\n /\n Indication whether content of file is binary and it will be read as ArrayBuffer instead of string\n /\n public binaryContent: InputSignalWithTransform<boolean, string\|boolean> = input<boolean, boolean\|string>(false, {transform: booleanAttribute});\n\n /\n Text encoding of read string file content\n /\n public textEncoding: InputSignal<string\|undefined> = input();\n\n //######################### public properties - outputs #########################\n\n /\n Occurs when file changes and `binaryContent` is not set and `readContent` is set\n /\n public stringContentChange: OutputEmitterRef<string\|undefined\|null> = output<string\|undefined\|null>();\n\n /\n Occurs when file changes and `binaryContent` is set and `readContent` is set\n /\n public arrayBufferContentChange: OutputEmitterRef<ArrayBuffer\|undefined\|null> = output<ArrayBuffer\|undefined\|null>();\n\n /\n Occurs when selected file changes, occurs only when `multiple` is not set\n /\n public fileChange: OutputEmitterRef<File\|null\|undefined> = output<File\|undefined\|null>();\n\n /\n Occurs when selected files changes, occurs only when `multiple` is set\n /\n public filesChange: OutputEmitterRef<File[]\|null\|undefined> = output<File[]\|undefined\|null>();\n\n /\n Occurs when selected file changes, occurs only when `multiple` is not set, contains name of selected file\n /\n public fileName: OutputEmitterRef<string\|null\|undefined> = output<string\|undefined\|null>();\n\n /\n Occurs when selected files changes, occurs only when `multiple` is set, contains names of selected files\n /\n public filesNames: OutputEmitterRef<string[]\|null\|undefined> = output<string[]\|undefined\|null>();\n\n //######################### constructors #########################\n constructor(protected element: ElementRef<HTMLInputElement>,\n renderer: Renderer2,)\n {\n this.changeListenerUnlisten = renderer.listen(element.nativeElement, 'change', this.handleFileChange);\n\n effect(() => renderer.setProperty(element.nativeElement, 'multiple', this.multiple()));\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n @inheritdoc\n /\n public ngOnDestroy(): void\n {\n this.changeListenerUnlisten();\n }\n\n //######################### public methods #########################\n\n /\n Opens file browser dialog\n /\n @BindThis\n public openFileBrowser(): void\n {\n this.element.nativeElement.click();\n }\n\n /\n Clears selection of file/files\n /\n @BindThis\n public clearFile(): void\n {\n this.element.nativeElement.value = '';\n this.fileChange.emit(null);\n this.fileName.emit(null);\n this.filesChange.emit(null);\n this.filesNames.emit(null);\n this.arrayBufferContentChange.emit(null);\n this.stringContentChange.emit(null);\n }\n\n //######################### protected methods #########################\n\n /\n Handles changes in file input\n */\n @BindThis\n protected handleFileChange(event: MouseEvent): void\n {\n if(!event.target)\n {\n throw new Error('FileOutputDirective: missing input file target!');\n }\n\n if(this.multiple())\n {\n const files = (event.target as HTMLInputElement).files;\n const filesArray: File[] = [];\n\n if(files)\n {\n for(let x = 0; x < files.length; x++)\n {\n filesArray.push(files[x]);\n }\n }\n\n this.filesChange.emit(filesArray);\n this.filesNames.emit(filesArray.map(itm => itm.name));\n }\n else\n {\n const file = (event.target as HTMLInputElement).files?.[0];\n\n this.fileChange.emit(file);\n this.fileName.emit(file?.name);\n }\n\n //read file contents\n if(!this.multiple() && this.readContent())\n {\n const file = (event.target as HTMLInputElement).files?.[0];\n\n //no file selected\n if(!file)\n {\n return;\n }\n\n const fileReader = new FileReader();\n\n fileReader.onloadend = () =>\n {\n const result = fileReader.result;\n\n if(!result)\n {\n this.stringContentChange.emit(null);\n this.arrayBufferContentChange.emit(null);\n\n return;\n }\n\n if(isString(result))\n {\n this.stringContentChange.emit(result);\n }\n else\n {\n this.arrayBufferContentChange.emit(result);\n }\n };\n\n if(this.binaryContent())\n {\n fileReader.readAsArrayBuffer(file);\n }\n else\n {\n fileReader.readAsText(file, this.textEncoding());\n }\n }\n }\n}\n"]}

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

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

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

@@ -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: "19.1.0", ngImport: i0, type: FileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: FileModule, imports: [FileComponent,
+    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,
             FileInputDirective,
             FileTemplateDirective,
             UploadButtonComponent,
@@ -16,9 +16,9 @@ export class FileModule {
             UploadButtonComponent,
             FileInputDirective,
             FileTemplateDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -84,12 +84,15 @@ 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: "19.1.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: "19.1.0", type: ConsoleComponent, isStandalone: true, selector: "console", 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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConsoleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ConsoleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'console', imports: [
+            args: [{ selector: 'console', host: {
+                        'animate.enter': 'slide-in',
+                        'animate.leave': 'slide-out',
+                    }, imports: [
                         CommonModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, 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}"] }]
         }], ctorParameters: () => [{ type: i1.ConsoleComponentService }, { type: i0.ChangeDetectorRef }] });

package/es2022/src/modules/logger/components/console/console.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"console.component.js","sourceRoot":"","sources":["../../../../../../src/modules/logger/components/console/console.component.ts","../../../../../../src/modules/logger/components/console/console.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAqB,iBAAiB,EAAC,MAAM,eAAe,CAAC;AACvG,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAI7C,OAAO,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;;;;AAEvD;;GAEG;~~AAYH~~,MAAM,OAAO,gBAAgB;IA0BzB,iEAAiE;IACjE,YAAsB,UAAmC,EACnC,cAAiC;QADjC,eAAU,GAAV,UAAU,CAAyB;QACnC,mBAAc,GAAd,cAAc,CAAmB;QAnBvD,8FAA8F;QAE9F;;WAEG;QACO,gBAAW,GAA0B,EAAE,CAAC;QAElD;;WAEG;QACO,YAAO,GAAG,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC;QAErD;;WAEG;QACO,gBAAW,GAAW,EAAE,CAAC;IAMnC,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;YAEpE,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAG,IAAI,CAAC,sBAAsB,EAC9B,CAAC;YACG,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,CAAC;YAC1C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACvC,CAAC;IACL,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACO,IAAI;QAEV,IAAG,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,EACrC,CAAC;YACG,OAAO;QACX,CAAC;QAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACpF,CAAC;IAED;;;OAGG;IACO,WAAW,CAAC,OAAe;QAEjC,IAAG,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,EACrC,CAAC;YACG,OAAO;QACX,CAAC;QAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACO,KAAK;QAEX,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACO,WAAW;QAEjB,IAAG,CAAC,IAAI,CAAC,WAAW,EACpB,CAAC;YACG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QAC5C,CAAC;aAED,CAAC;YACG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/H,CAAC;IACL,CAAC;8GAhHQ,gBAAgB;kGAAhB,gBAAgB,~~mECrB7B~~,65BAiBM,~~8oDDAE~~,YAAY;;2FAIP,gBAAgB;~~kBAX5B~~,SAAS;+BAEI,SAAS,~~WAInB~~;wBACI,YAAY;qBACf,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, OnInit, OnDestroy, ChangeDetectorRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {Subscription} from 'rxjs';\n\nimport {ConsoleComponentLog} from '../../interfaces';\nimport {ConsoleComponentService} from '../../services';\n\n/*\n Component used for displaying console logs\n /\n@Component(\n{\n selector: 'console',\n templateUrl: 'console.component.html',\n styleUrl: 'console.component.css',\n imports:\n [\n CommonModule,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ConsoleComponent implements OnInit, OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Subscription for log changes\n /\n protected logsChangeSubscription: Subscription\|undefined\|null;\n\n //######################### protected properties - template bindings #########################\n\n /\n Current state of logger\n /\n protected currentLogs: ConsoleComponentLog[] = [];\n\n /\n Indication whether can use copy to clipboard\n /\n protected canCopy = navigator && navigator.clipboard;\n\n /\n Current value of filter\n /\n protected filterValue: string = '';\n\n //######################### constructor #########################\n constructor(protected consoleSvc: ConsoleComponentService,\n protected changeDetector: ChangeDetectorRef)\n {\n }\n\n //######################### public methods - implementation of OnInit #########################\n \n /\n Initialize component\n /\n public ngOnInit(): void\n {\n this.setMessages();\n \n this.logsChangeSubscription = this.consoleSvc.logsChange.subscribe(() =>\n {\n this.setMessages();\n this.changeDetector.detectChanges();\n });\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n \n /\n Called when component is destroyed\n /\n public ngOnDestroy(): void\n {\n if(this.logsChangeSubscription)\n {\n this.logsChangeSubscription.unsubscribe();\n this.logsChangeSubscription = null;\n }\n }\n\n //######################### protected methods - template bindings #########################\n\n /\n Copies content of whole console log into clipboard\n /\n protected copy(): void\n {\n if(!navigator \|\| !navigator.clipboard)\n {\n return;\n }\n\n navigator.clipboard.writeText(this.currentLogs.map(log => log.text).join('\\n'));\n }\n\n /\n Copies message to clipboard\n * @param message - Message to be copied\n /\n protected copyMessage(message: string): void\n {\n if(!navigator \|\| !navigator.clipboard)\n {\n return;\n }\n\n navigator.clipboard.writeText(message);\n }\n\n /\n Clears existing logs\n /\n protected clear(): void\n {\n this.consoleSvc.clear();\n }\n\n /\n Sets messages using filter\n /\n protected setMessages(): void\n {\n if(!this.filterValue)\n {\n this.currentLogs = this.consoleSvc.logs;\n }\n else\n {\n this.currentLogs = this.consoleSvc.logs.filter(log => log.text.toLowerCase().indexOf(this.filterValue.toLowerCase()) >= 0);\n }\n }\n}","<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>"]}
1	+ {"version":3,"file":"console.component.js","sourceRoot":"","sources":["../../../../../../src/modules/logger/components/console/console.component.ts","../../../../../../src/modules/logger/components/console/console.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAqB,iBAAiB,EAAC,MAAM,eAAe,CAAC;AACvG,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAI7C,OAAO,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;;;;AAEvD;;GAEG;AAiBH,MAAM,OAAO,gBAAgB;IA0BzB,iEAAiE;IACjE,YAAsB,UAAmC,EACnC,cAAiC;QADjC,eAAU,GAAV,UAAU,CAAyB;QACnC,mBAAc,GAAd,cAAc,CAAmB;QAnBvD,8FAA8F;QAE9F;;WAEG;QACO,gBAAW,GAA0B,EAAE,CAAC;QAElD;;WAEG;QACO,YAAO,GAAG,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC;QAErD;;WAEG;QACO,gBAAW,GAAW,EAAE,CAAC;IAMnC,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;YAEpE,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAG,IAAI,CAAC,sBAAsB,EAC9B,CAAC;YACG,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,CAAC;YAC1C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACvC,CAAC;IACL,CAAC;IAED,2FAA2F;IAE3F;;OAEG;IACO,IAAI;QAEV,IAAG,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,EACrC,CAAC;YACG,OAAO;QACX,CAAC;QAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACpF,CAAC;IAED;;;OAGG;IACO,WAAW,CAAC,OAAe;QAEjC,IAAG,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,EACrC,CAAC;YACG,OAAO;QACX,CAAC;QAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACO,KAAK;QAEX,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACO,WAAW;QAEjB,IAAG,CAAC,IAAI,CAAC,WAAW,EACpB,CAAC;YACG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QAC5C,CAAC;aAED,CAAC;YACG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/H,CAAC;IACL,CAAC;8GAhHQ,gBAAgB;kGAAhB,gBAAgB,wJC1B7B,65BAiBM,8oDDKE,YAAY;;2FAIP,gBAAgB;kBAhB5B,SAAS;+BAEI,SAAS,QAInB;wBACI,eAAe,EAAE,UAAU;wBAC3B,eAAe,EAAE,WAAW;qBAC/B,WAED;wBACI,YAAY;qBACf,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, OnInit, OnDestroy, ChangeDetectorRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {Subscription} from 'rxjs';\n\nimport {ConsoleComponentLog} from '../../interfaces';\nimport {ConsoleComponentService} from '../../services';\n\n/*\n Component used for displaying console logs\n /\n@Component(\n{\n selector: 'console',\n templateUrl: 'console.component.html',\n styleUrl: 'console.component.css',\n host:\n {\n 'animate.enter': 'slide-in',\n 'animate.leave': 'slide-out',\n },\n imports:\n [\n CommonModule,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ConsoleComponent implements OnInit, OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Subscription for log changes\n /\n protected logsChangeSubscription: Subscription\|undefined\|null;\n\n //######################### protected properties - template bindings #########################\n\n /\n Current state of logger\n /\n protected currentLogs: ConsoleComponentLog[] = [];\n\n /\n Indication whether can use copy to clipboard\n /\n protected canCopy = navigator && navigator.clipboard;\n\n /\n Current value of filter\n /\n protected filterValue: string = '';\n\n //######################### constructor #########################\n constructor(protected consoleSvc: ConsoleComponentService,\n protected changeDetector: ChangeDetectorRef)\n {\n }\n\n //######################### public methods - implementation of OnInit #########################\n\n /\n Initialize component\n /\n public ngOnInit(): void\n {\n this.setMessages();\n\n this.logsChangeSubscription = this.consoleSvc.logsChange.subscribe(() =>\n {\n this.setMessages();\n this.changeDetector.detectChanges();\n });\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n Called when component is destroyed\n /\n public ngOnDestroy(): void\n {\n if(this.logsChangeSubscription)\n {\n this.logsChangeSubscription.unsubscribe();\n this.logsChangeSubscription = null;\n }\n }\n\n //######################### protected methods - template bindings #########################\n\n /\n Copies content of whole console log into clipboard\n /\n protected copy(): void\n {\n if(!navigator \|\| !navigator.clipboard)\n {\n return;\n }\n\n navigator.clipboard.writeText(this.currentLogs.map(log => log.text).join('\\n'));\n }\n\n /\n Copies message to clipboard\n * @param message - Message to be copied\n /\n protected copyMessage(message: string): void\n {\n if(!navigator \|\| !navigator.clipboard)\n {\n return;\n }\n\n navigator.clipboard.writeText(message);\n }\n\n /\n Clears existing logs\n /\n protected clear(): void\n {\n this.consoleSvc.clear();\n }\n\n /\n Sets messages using filter\n /\n protected setMessages(): void\n {\n if(!this.filterValue)\n {\n this.currentLogs = this.consoleSvc.logs;\n }\n else\n {\n this.currentLogs = this.consoleSvc.logs.filter(log => log.text.toLowerCase().indexOf(this.filterValue.toLowerCase()) >= 0);\n }\n }\n}\n","<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>"]}

package/es2022/src/modules/logger/components/index.js CHANGED Viewed

@@ -1,3 +1,2 @@
 export * from './console/console.component';
-export * from './console/console.component.animations';
 //# sourceMappingURL=index.js.map

package/es2022/src/modules/logger/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/logger/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC~~;AAC5C,cAAc,wCAAwC,CAAC~~","sourcesContent":["export * from './console/console.component';\~~nexport * from './console/console.component.animations';\~~n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/logger/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './console/console.component';\n"]}

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

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

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

@@ -20,10 +20,10 @@ export class ConsoleComponentServiceOptions {
             this.maxLogsCount = maxLogsCount;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConsoleComponentServiceOptions, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConsoleComponentServiceOptions, providedIn: 'root', useFactory: () => new ConsoleComponentServiceOptions() }); }
+    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() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConsoleComponentServiceOptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", 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 CHANGED Viewed

@@ -88,10 +88,10 @@ export class DefaultLogger {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DefaultLogger, deps: [{ token: i1.LoggerOptions }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DefaultLogger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", 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 CHANGED Viewed

@@ -32,10 +32,10 @@ export class RestSinkOptions {
             this.immediateFlushMinLevel = immediateFlushMinLevel;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: RestSinkOptions, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: RestSinkOptions, providedIn: 'root', useFactory: () => new RestSinkOptions() }); }
+    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() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: RestSinkOptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", 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 CHANGED Viewed

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

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

@@ -91,10 +91,10 @@ export class MultiButtonComponent {
     _removeRegistration() {
         this._document.removeEventListener('click', this._handleClickOutside);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.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: "19.1.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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MultiButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'multi-button', imports: [
                         NgClass,

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

@@ -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: "19.1.0", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: MultiButtonModule, imports: [MultiButtonComponent], exports: [MultiButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MultiButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: MultiButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/progressIndicator/components/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './progressIndicator/progressIndicator.component';"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/progressIndicator/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iDAAiD,CAAC","sourcesContent":["export * from './progressIndicator/progressIndicator.component';\n"]}

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

@@ -54,10 +54,10 @@ export class ProgressIndicatorComponent {
             this._subscription = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.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: "19.1.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.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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'progress-indicator', imports: [
                         NgClass,

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

@@ -103,10 +103,10 @@ export class ProgressOverlayDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.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: "19.1.0", type: ProgressOverlayDirective, isStandalone: true, selector: "[progressOverlay]", inputs: { name: ["progressOverlay", "name"] }, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[progressOverlay]',

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

@@ -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: "19.1.0", ngImport: i0, type: ProgressInterceptor, deps: [{ token: i1.ProgressIndicatorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressInterceptor }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.ProgressIndicatorService }] });
 /**

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

@@ -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: "19.1.0", ngImport: i0, type: ProgressIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorModule, imports: [ProgressIndicatorComponent,
+    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,
             ProgressOverlayDirective], exports: [ProgressIndicatorComponent,
             ProgressOverlayDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: ProgressIndicatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -239,10 +239,10 @@ export class ProgressIndicatorService {
         this._runningRequests[name] = group;
         return group;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.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: "19.1.0", ngImport: i0, type: ProgressIndicatorService, providedIn: 'root' }); }
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ProgressIndicatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", 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 CHANGED Viewed

@@ -57,12 +57,15 @@ export class TooltipComponent {
     mouseLeave() {
         this.leaveFn();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.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: "19.1.0", 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 }); }
+    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: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()" }, properties: { "animate.enter": "enterAnimation", "animate.leave": "exitAnimation" } }, 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: "19.1.0", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tooltip-popup', imports: [
+            args: [{ selector: 'tooltip-popup', host: {
+                        '[animate.enter]': 'enterAnimation',
+                        '[animate.leave]': 'exitAnimation',
+                    }, 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 CHANGED Viewed

	@@ -1 +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;~~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,~~8JCrB7B~~,6QAcA,~~2PDGQ~~,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 /\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 = 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 //######################### 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"]}
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,iBAAiB,EAAE,gBAAgB;wBACnC,iBAAiB,EAAE,eAAe;qBACrC,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"]}