@anglr/common 21.3.0 → 22.0.0-beta.20250123101532

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

@@ -1,6 +1,6 @@
 import { Component, ChangeDetectionStrategy, forwardRef, signal, input, computed } from '@angular/core';
 import { NgClass } from '@angular/common';
-import { FirstUppercaseLocalizeSAPipe, } from '@anglr/common';
+import { FirstUppercaseLocalizePipe } from '@anglr/common';
 import { FILE_VISUAL } from '../../misc/tokens';
 import * as i0 from "@angular/core";
 /**
@@ -39,19 +39,19 @@ export class FileInputComponent {
             return this.selectedText() ?? context?.fileName;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", 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: "19.1.0", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.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: [
             {
                 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: FirstUppercaseLocalizeSAPipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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: "18.0.1", ngImport: i0, type: FileInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'file-input', standalone: true, imports: [
+            args: [{ selector: 'file-input', imports: [
                         NgClass,
-                        FirstUppercaseLocalizeSAPipe,
+                        FirstUppercaseLocalizePipe,
                     ], providers: [
                         {
                             provide: FILE_VISUAL,

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

@@ -1 +1 @@
-{"version":3,"file":"fileInput.component.js","sourceRoot":"","sources":["../../../../../../src/modules/file/components/fileInput/fileInput.component.ts","../../../../../../src/modules/file/components/fileInput/fileInput.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAoB,UAAU,EAAkB,MAAM,EAAE,KAAK,EAAuB,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC7J,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,4BAA4B,GAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;;AAI9C;;GAEG;AAsBH,MAAM,OAAO,kBAAkB;IAsC3B,iEAAiE;IACjE;QA9BA,sGAAsG;QAEtG;;WAEG;QACI,wBAAmB,GAAuD,MAAM,CAAqC,IAAI,CAAC,CAAC;QAElI,gFAAgF;QAEhF;;WAEG;QACI,eAAU,GAAwB,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEzD;;WAEG;QACI,gBAAW,GAAwB,KAAK,CAAC,iBAAiB,CAAC,CAAC;QAEnE;;WAEG;QACI,cAAS,GAAwB,KAAK,CAAC,cAAc,CAAC,CAAC;QAE9D;;WAEG;QACI,iBAAY,GAAuC,KAAK,EAAE,CAAC;QAK9D,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,GAAG,EAAE;YAEnC,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAE3C,IAAG,OAAO,EAAE,QAAQ,EACpB,CAAC;gBACG,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACjE,CAAC;YAED,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,EAAE,QAAQ,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC;8GApDQ,kBAAkB;kGAAlB,kBAAkB,umBAT3B;YAEI;gBACI,OAAO,EAAE,WAAW;gBACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC;aACpD;SACJ,0BC7BL,6NAOA,6gBDYQ,OAAO,+EACP,4BAA4B;;2FAYvB,kBAAkB;kBArB9B,SAAS;+BAEI,YAAY,cAGV,IAAI,WAEhB;wBACI,OAAO;wBACP,4BAA4B;qBAC/B,aAED;wBAEI;4BACI,OAAO,EAAE,WAAW;4BACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,mBAAmB,CAAC;yBACpD;qBACJ,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ExistingProvider, forwardRef, WritableSignal, signal, input, InputSignal, Signal, computed} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {FirstUppercaseLocalizeSAPipe,} from '@anglr/common';\n\nimport {FILE_VISUAL} from '../../misc/tokens';\nimport {FileVisual} from '../../interfaces';\nimport {FileTemplateContext} from '../../directive';\n\n/**\n * Component that represents file input template\n */\n@Component(\n{\n    selector: 'file-input',\n    templateUrl: 'fileInput.component.html',\n    styleUrl: 'fileInput.component.css',\n    standalone: true,\n    imports:\n    [\n        NgClass,\n        FirstUppercaseLocalizeSAPipe,\n    ],\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: FILE_VISUAL,\n            useExisting: forwardRef(() => FileInputComponent),\n        }\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileInputComponent implements FileVisual\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Selected text value based on file template context or selected text input\n     */\n    protected selectedTextValue: Signal<string|undefined|null>;\n    \n    //######################### public properties - implementation of FileVisual #########################\n\n    /**\n     * @inheritdoc\n     */\n    public fileTemplateContext: WritableSignal<FileTemplateContext|undefined|null> = signal<FileTemplateContext|undefined|null>(null);\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Text to be displayed for file button\n     */\n    public buttonText: InputSignal<string> = input('browse');\n\n    /**\n     * Css classes applied to file button\n     */\n    public buttonClass: InputSignal<string> = input('btn btn-primary');\n\n    /**\n     * Css classes applied to file text, text displaying selected files\n     */\n    public textClass: InputSignal<string> = input('form-control');\n\n    /**\n     * Text to be displayed as selected\n     */\n    public selectedText: InputSignal<string|undefined|null> = input();\n\n    //######################### constructor #########################\n    constructor()\n    {\n        this.selectedTextValue = computed(() =>\n        {\n            const context = this.fileTemplateContext();\n\n            if(context?.multiple)\n            {\n                return this.selectedText() ?? context.filesNames?.join(', ');\n            }\n\n            return this.selectedText() ?? context?.fileName;\n        });\n    }\n}","<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"]}
+{"version":3,"file":"fileInput.component.js","sourceRoot":"","sources":["../../../../../../src/modules/file/components/fileInput/fileInput.component.ts","../../../../../../src/modules/file/components/fileInput/fileInput.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAoB,UAAU,EAAkB,MAAM,EAAE,KAAK,EAAuB,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC7J,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,0BAA0B,EAAC,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;;AAI9C;;GAEG;AAqBH,MAAM,OAAO,kBAAkB;IAsC3B,iEAAiE;IACjE;QA9BA,sGAAsG;QAEtG;;WAEG;QACI,wBAAmB,GAAuD,MAAM,CAAqC,IAAI,CAAC,CAAC;QAElI,gFAAgF;QAEhF;;WAEG;QACI,eAAU,GAAwB,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEzD;;WAEG;QACI,gBAAW,GAAwB,KAAK,CAAC,iBAAiB,CAAC,CAAC;QAEnE;;WAEG;QACI,cAAS,GAAwB,KAAK,CAAC,cAAc,CAAC,CAAC;QAE9D;;WAEG;QACI,iBAAY,GAAuC,KAAK,EAAE,CAAC;QAK9D,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,GAAG,EAAE;YAEnC,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAE3C,IAAG,OAAO,EAAE,QAAQ,EACpB,CAAC;gBACG,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACjE,CAAC;YAED,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,EAAE,QAAQ,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC;8GApDQ,kBAAkB;kGAAlB,kBAAkB,umBAT3B;YAEI;gBACI,OAAO,EAAE,WAAW;gBACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC;aACpD;SACJ,0BC5BL,6NAOA,6gBDWQ,OAAO,+EACP,0BAA0B;;2FAYrB,kBAAkB;kBApB9B,SAAS;+BAEI,YAAY,WAItB;wBACI,OAAO;wBACP,0BAA0B;qBAC7B,aAED;wBAEI;4BACI,OAAO,EAAE,WAAW;4BACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,mBAAmB,CAAC;yBACpD;qBACJ,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ExistingProvider, forwardRef, WritableSignal, signal, input, InputSignal, Signal, computed} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {FirstUppercaseLocalizePipe} from '@anglr/common';\n\nimport {FILE_VISUAL} from '../../misc/tokens';\nimport {FileVisual} from '../../interfaces';\nimport {FileTemplateContext} from '../../directive';\n\n/**\n * Component that represents file input template\n */\n@Component(\n{\n    selector: 'file-input',\n    templateUrl: 'fileInput.component.html',\n    styleUrl: 'fileInput.component.css',\n    imports:\n    [\n        NgClass,\n        FirstUppercaseLocalizePipe,\n    ],\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: FILE_VISUAL,\n            useExisting: forwardRef(() => FileInputComponent),\n        }\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileInputComponent implements FileVisual\n{\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Selected text value based on file template context or selected text input\n     */\n    protected selectedTextValue: Signal<string|undefined|null>;\n    \n    //######################### public properties - implementation of FileVisual #########################\n\n    /**\n     * @inheritdoc\n     */\n    public fileTemplateContext: WritableSignal<FileTemplateContext|undefined|null> = signal<FileTemplateContext|undefined|null>(null);\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Text to be displayed for file button\n     */\n    public buttonText: InputSignal<string> = input('browse');\n\n    /**\n     * Css classes applied to file button\n     */\n    public buttonClass: InputSignal<string> = input('btn btn-primary');\n\n    /**\n     * Css classes applied to file text, text displaying selected files\n     */\n    public textClass: InputSignal<string> = input('form-control');\n\n    /**\n     * Text to be displayed as selected\n     */\n    public selectedText: InputSignal<string|undefined|null> = input();\n\n    //######################### constructor #########################\n    constructor()\n    {\n        this.selectedTextValue = computed(() =>\n        {\n            const context = this.fileTemplateContext();\n\n            if(context?.multiple)\n            {\n                return this.selectedText() ?? context.filesNames?.join(', ');\n            }\n\n            return this.selectedText() ?? context?.fileName;\n        });\n    }\n}","<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"]}

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

@@ -1,6 +1,6 @@
 import { Component, ChangeDetectionStrategy, forwardRef, signal, input, numberAttribute } from '@angular/core';
 import { NgClass } from '@angular/common';
-import { IsPresentPipe, LocalizeSAPipe } from '@anglr/common';
+import { IsPresentPipe, LocalizePipe } from '@anglr/common';
 import { FILE_VISUAL } from '../../misc/tokens';
 import * as i0 from "@angular/core";
 /**
@@ -35,20 +35,20 @@ export class UploadButtonComponent {
          */
         this.progress = input(null, { transform: numberAttribute });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UploadButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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: "19.1.0", ngImport: i0, type: UploadButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.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: [
             {
                 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: LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], 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: "18.0.1", ngImport: i0, type: UploadButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: UploadButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'upload-button', standalone: true, imports: [
+            args: [{ selector: 'upload-button', imports: [
                         NgClass,
                         IsPresentPipe,
-                        LocalizeSAPipe,
+                        LocalizePipe,
                     ], providers: [
                         {
                             provide: FILE_VISUAL,

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

@@ -1 +1 @@
-{"version":3,"file":"uploadButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/file/components/uploadButton/uploadButton.component.ts","../../../../../../src/modules/file/components/uploadButton/uploadButton.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAoB,UAAU,EAAkB,MAAM,EAAe,KAAK,EAAE,eAAe,EAA2B,MAAM,eAAe,CAAC;AACtL,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;;AAI9C;;GAEG;AAuBH,MAAM,OAAO,qBAAqB;IAtBlC;QAwBI,sGAAsG;QAEtG;;WAEG;QACI,wBAAmB,GAAuD,MAAM,CAAqC,IAAI,CAAC,CAAC;QAElI,gFAAgF;QAEhF;;WAEG;QACI,oBAAe,GAAwB,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAE1E;;WAEG;QACI,eAAU,GAAwB,KAAK,CAAC,EAAE,CAAC,CAAC;QAEnD;;WAEG;QACI,oBAAe,GAAwB,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAE9E;;WAEG;QACI,aAAQ,GAAwB,KAAK,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC;QAE/E;;WAEG;QACI,aAAQ,GAAkF,KAAK,CAAsD,IAAI,EAAE,EAAC,SAAS,EAAE,eAAe,EAAC,CAAC,CAAC;KACnM;8GAnCY,qBAAqB;kGAArB,qBAAqB,0vBAT9B;YAEI;gBACI,OAAO,EAAE,WAAW;gBACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC;aACvD;SACJ,0BC9BL,8aAeS,i9BDID,OAAO,+EACP,aAAa,6CACb,cAAc;;2FAYT,qBAAqB;kBAtBjC,SAAS;+BAEI,eAAe,cAGb,IAAI,WAEhB;wBACI,OAAO;wBACP,aAAa;wBACb,cAAc;qBACjB,aAED;wBAEI;4BACI,OAAO,EAAE,WAAW;4BACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,sBAAsB,CAAC;yBACvD;qBACJ,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ExistingProvider, forwardRef, WritableSignal, signal, InputSignal, input, numberAttribute, InputSignalWithTransform} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {IsPresentPipe, LocalizeSAPipe} from '@anglr/common';\n\nimport {FILE_VISUAL} from '../../misc/tokens';\nimport {FileVisual} from '../../interfaces';\nimport {FileTemplateContext} from '../../directive';\n\n/**\n * Component that represents upload button file template\n */\n@Component(\n{\n    selector: 'upload-button',\n    templateUrl: 'uploadButton.component.html',\n    styleUrl: 'uploadButton.component.css',\n    standalone: true,\n    imports:\n    [\n        NgClass,\n        IsPresentPipe,\n        LocalizeSAPipe,\n    ],\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: FILE_VISUAL,\n            useExisting: forwardRef(() => UploadButtonComponent),\n        }\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class UploadButtonComponent implements FileVisual\n{\n    //######################### public properties - implementation of FileVisual #########################\n\n    /**\n     * @inheritdoc\n     */\n    public fileTemplateContext: WritableSignal<FileTemplateContext|undefined|null> = signal<FileTemplateContext|undefined|null>(null);\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css classes applied tu button icon\n     */\n    public uploadIconClass: InputSignal<string> = input('fas fa-file-upload');\n\n    /**\n     * Text to be displayed as button text\n     */\n    public uploadText: InputSignal<string> = input('');\n\n    /**\n     * Css classes for displayed text for button\n     */\n    public uploadTextClass: InputSignal<string> = input('first-letter-uppercase');\n\n    /**\n     * Css class applied to button\n     */\n    public cssClass: InputSignal<string> = input('btn btn-icon', {alias: 'class'});\n\n    /**\n     * Current progress to be displayed\n     */\n    public progress: InputSignalWithTransform<number|undefined|null, number|string|undefined|null> = input<number|undefined|null, number|string|undefined|null>(null, {transform: numberAttribute});\n}","@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>"]}
+{"version":3,"file":"uploadButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/file/components/uploadButton/uploadButton.component.ts","../../../../../../src/modules/file/components/uploadButton/uploadButton.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAoB,UAAU,EAAkB,MAAM,EAAe,KAAK,EAAE,eAAe,EAA2B,MAAM,eAAe,CAAC;AACtL,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,aAAa,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;;AAI9C;;GAEG;AAsBH,MAAM,OAAO,qBAAqB;IArBlC;QAuBI,sGAAsG;QAEtG;;WAEG;QACI,wBAAmB,GAAuD,MAAM,CAAqC,IAAI,CAAC,CAAC;QAElI,gFAAgF;QAEhF;;WAEG;QACI,oBAAe,GAAwB,KAAK,CAAC,oBAAoB,CAAC,CAAC;QAE1E;;WAEG;QACI,eAAU,GAAwB,KAAK,CAAC,EAAE,CAAC,CAAC;QAEnD;;WAEG;QACI,oBAAe,GAAwB,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAE9E;;WAEG;QACI,aAAQ,GAAwB,KAAK,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,CAAC;QAE/E;;WAEG;QACI,aAAQ,GAAkF,KAAK,CAAsD,IAAI,EAAE,EAAC,SAAS,EAAE,eAAe,EAAC,CAAC,CAAC;KACnM;8GAnCY,qBAAqB;kGAArB,qBAAqB,0vBAT9B;YAEI;gBACI,OAAO,EAAE,WAAW;gBACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC;aACvD;SACJ,0BC7BL,8aAeS,i9BDGD,OAAO,+EACP,aAAa,6CACb,YAAY;;2FAYP,qBAAqB;kBArBjC,SAAS;+BAEI,eAAe,WAIzB;wBACI,OAAO;wBACP,aAAa;wBACb,YAAY;qBACf,aAED;wBAEI;4BACI,OAAO,EAAE,WAAW;4BACpB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,sBAAsB,CAAC;yBACvD;qBACJ,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ExistingProvider, forwardRef, WritableSignal, signal, InputSignal, input, numberAttribute, InputSignalWithTransform} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {IsPresentPipe, LocalizePipe} from '@anglr/common';\n\nimport {FILE_VISUAL} from '../../misc/tokens';\nimport {FileVisual} from '../../interfaces';\nimport {FileTemplateContext} from '../../directive';\n\n/**\n * Component that represents upload button file template\n */\n@Component(\n{\n    selector: 'upload-button',\n    templateUrl: 'uploadButton.component.html',\n    styleUrl: 'uploadButton.component.css',\n    imports:\n    [\n        NgClass,\n        IsPresentPipe,\n        LocalizePipe,\n    ],\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: FILE_VISUAL,\n            useExisting: forwardRef(() => UploadButtonComponent),\n        }\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class UploadButtonComponent implements FileVisual\n{\n    //######################### public properties - implementation of FileVisual #########################\n\n    /**\n     * @inheritdoc\n     */\n    public fileTemplateContext: WritableSignal<FileTemplateContext|undefined|null> = signal<FileTemplateContext|undefined|null>(null);\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css classes applied tu button icon\n     */\n    public uploadIconClass: InputSignal<string> = input('fas fa-file-upload');\n\n    /**\n     * Text to be displayed as button text\n     */\n    public uploadText: InputSignal<string> = input('');\n\n    /**\n     * Css classes for displayed text for button\n     */\n    public uploadTextClass: InputSignal<string> = input('first-letter-uppercase');\n\n    /**\n     * Css class applied to button\n     */\n    public cssClass: InputSignal<string> = input('btn btn-icon', {alias: 'class'});\n\n    /**\n     * Current progress to be displayed\n     */\n    public progress: InputSignalWithTransform<number|undefined|null, number|string|undefined|null> = input<number|undefined|null, number|string|undefined|null>(null, {transform: numberAttribute});\n}","@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>"]}

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

@@ -128,8 +128,8 @@ export class FileInputDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", 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: "18.0.1", 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: "19.1.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: "19.1.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 }); }
 }
 __decorate([
     BindThis,
@@ -143,12 +143,11 @@ __decorate([
     __metadata("design:paramtypes", [MouseEvent]),
     __metadata("design:returntype", void 0)
 ], FileInputDirective.prototype, "handleFileChange", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FileInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type=file]',
                     exportAs: 'file',
-                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { clearFile: [], handleFileChange: [] } });
 //# sourceMappingURL=fileInput.directive.js.map

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

@@ -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    standalone: true,\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     * 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}"]}
+{"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     * 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}"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"fileTemplate.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/file/directive/fileTemplate/fileTemplate.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAIxC;;GAEG;AAMH,MAAM,OAAO,qBAAqB;IAE9B,wEAAwE;IAExE;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,IAA2B,EAAE,IAAa;QAEpE,OAAO,IAAI,CAAC;IAChB,CAAC;8GAVQ,qBAAqB;kGAArB,qBAAqB;;2FAArB,qBAAqB;kBALjC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;iBACnB","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {FileTemplateContext} from './fileTemplate.context';\n\n/**\n * Directive used for obtaining file component visual template\n */\n@Directive(\n{\n    selector: '[fileTemplate]',\n    standalone: true,\n})\nexport class FileTemplateDirective\n{\n    //######################### ng language server #########################\n    \n    /**\n     * Allows typechecking for template\n     */\n    static ngTemplateContextGuard(_dir: FileTemplateDirective, _ctx: unknown): _ctx is FileTemplateContext\n    {\n        return true;\n    }\n}"]}
+{"version":3,"file":"fileTemplate.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/file/directive/fileTemplate/fileTemplate.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAIxC;;GAEG;AAKH,MAAM,OAAO,qBAAqB;IAE9B,wEAAwE;IAExE;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,IAA2B,EAAE,IAAa;QAEpE,OAAO,IAAI,CAAC;IAChB,CAAC;8GAVQ,qBAAqB;kGAArB,qBAAqB;;2FAArB,qBAAqB;kBAJjC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;iBAC7B","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {FileTemplateContext} from './fileTemplate.context';\n\n/**\n * Directive used for obtaining file component visual template\n */\n@Directive(\n{\n    selector: '[fileTemplate]',\n})\nexport class FileTemplateDirective\n{\n    //######################### ng language server #########################\n    \n    /**\n     * Allows typechecking for template\n     */\n    static ngTemplateContextGuard(_dir: FileTemplateDirective, _ctx: unknown): _ctx is FileTemplateContext\n    {\n        return true;\n    }\n}"]}

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

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

@@ -7,7 +7,7 @@ import * as i2 from "@angular/common";
 /**
  * Component used for displaying console logs
  */
-export class ConsoleSAComponent {
+export class ConsoleComponent {
     //######################### constructor #########################
     constructor(consoleSvc, changeDetector) {
         this.consoleSvc = consoleSvc;
@@ -84,12 +84,12 @@ export class ConsoleSAComponent {
             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: "18.0.1", ngImport: i0, type: ConsoleSAComponent, deps: [{ token: i1.ConsoleComponentService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ConsoleSAComponent, 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConsoleSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConsoleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'console', standalone: true, imports: [
+            args: [{ selector: 'console', 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

@@ -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;AAaH,MAAM,OAAO,kBAAkB;IA0B3B,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,kBAAkB;kGAAlB,kBAAkB,mECtB/B,65BAiBM,8oDDCE,YAAY;;2FAIP,kBAAkB;kBAZ9B,SAAS;+BAEI,SAAS,cAGP,IAAI,WAEhB;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    styleUrls: ['console.component.css'],\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ConsoleSAComponent 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>"]}
+{"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>"]}

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: "18.0.1", ngImport: i0, type: ConsoleComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConsoleComponentService, providedIn: 'root' }); }
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConsoleComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", 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: "18.0.1", ngImport: i0, type: ConsoleComponentServiceOptions, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConsoleComponentServiceOptions, providedIn: 'root', useFactory: () => new ConsoleComponentServiceOptions() }); }
+    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() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConsoleComponentServiceOptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.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

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

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

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

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

@@ -1,9 +1,8 @@
 import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, ChangeDetectorRef, Optional, ElementRef } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import { extend } from '@jscrpt/common';
+import { DOCUMENT, NgClass, NgTemplateOutlet } from '@angular/common';
+import { extend } from '@jscrpt/common/extend';
 import { MULTI_BUTTON_CSS_CLASSES } from '../../misc/tokens';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 const defaultCssClasses = {
     mainButtonDiv: 'flex-row',
     mainButtonContentDiv: 'multi-button-content',
@@ -92,12 +91,15 @@ export class MultiButtonComponent {
     _removeRegistration() {
         this._document.removeEventListener('click', this._handleClickOutside);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", 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: "18.0.1", type: MultiButtonComponent, 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\"></ng-container>\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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MultiButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'multi-button', changeDetection: ChangeDetectionStrategy.OnPush, 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\"></ng-container>\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}"] }]
+            args: [{ selector: 'multi-button', imports: [
+                        NgClass,
+                        NgTemplateOutlet,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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}"] }]
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]

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

@@ -1 +1 @@
-{"version":3,"file":"multiButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.ts","../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, OnDestroy, ChangeDetectorRef, Optional, ElementRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {extend} from '@jscrpt/common';\n\nimport {MultiButtonCssClasses} from './multiButton.interface';\nimport {MULTI_BUTTON_CSS_CLASSES} from '../../misc/tokens';\n\nconst defaultCssClasses: MultiButtonCssClasses =\n{\n    mainButtonDiv: 'flex-row',\n    mainButtonContentDiv: 'multi-button-content',\n    mainButtonSeparatorDiv: 'fa multi-option-separator',\n    mainButtonClickAreaDiv: 'multi-option-click',\n    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',\n    subButtonsDiv: 'sub-buttons'\n};\n\n/**\n * Component used for displaying multibutton\n */\n@Component(\n{\n    selector: 'multi-button',\n    templateUrl: 'multiButton.component.html',\n    styleUrls: ['multiButton.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiButtonComponent implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Used css classes within component\n     */\n    protected _usedCssClasses: MultiButtonCssClasses;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether are sub buttons visible\n     * @internal\n     */\n    public subButtonsVisible: boolean = false;\n\n    /**\n     * Sub buttons div top offset\n     * @internal\n     */\n    public subButtonsOffset: number = 0;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css class applied to main displayed element\n     */\n    @Input()\n    public cssClass: string = '';\n\n    /**\n     * Css classes used within component, allows to change specific class\n     */\n    @Input()\n    public get cssClasses(): MultiButtonCssClasses\n    {\n        return this._usedCssClasses;\n    }\n    public set cssClasses(classes: MultiButtonCssClasses)\n    {\n        this._usedCssClasses = extend({}, this._usedCssClasses, classes);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user clicks on button\n     */\n    @Output()\n    public click: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Template that is used for rendering sub buttons content\n     */\n    @ContentChild(TemplateRef)\n    public subButtonsContent: TemplateRef<void>;\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected _document: Document,\n                @Inject(MULTI_BUTTON_CSS_CLASSES) @Optional() _cssClasess: MultiButtonCssClasses,\n                protected _element: ElementRef<HTMLElement>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._removeRegistration();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Method called when sub buttons should be shown\n     */\n    public showSubButtons(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.subButtonsVisible = !this.subButtonsVisible;\n        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;\n\n        if(this.subButtonsVisible)\n        {\n            this._document.addEventListener('click', this._handleClickOutside);\n        }\n        //unregister handle click outside\n        else\n        {\n            this._removeRegistration();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of multi button element\n     */\n    protected _handleClickOutside = () =>\n    {\n        this.subButtonsVisible = false;\n        this._removeRegistration();\n        this._changeDetector.detectChanges();\n    }\n\n    /**\n     * Removes event registration\n     */\n    protected _removeRegistration(): void\n    {\n        this._document.removeEventListener('click', this._handleClickOutside);\n    }\n}","<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\"></ng-container>\r\n</div>"]}
+{"version":3,"file":"multiButton.component.js","sourceRoot":"","sources":["../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.ts","../../../../../../src/modules/multiButton/components/multiButton/multiButton.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, EventEmitter, Output, ContentChild, TemplateRef, Inject, OnDestroy, ChangeDetectorRef, Optional, ElementRef} from '@angular/core';\nimport {DOCUMENT, NgClass, NgTemplateOutlet} from '@angular/common';\nimport {extend} from '@jscrpt/common/extend';\n\nimport {MultiButtonCssClasses} from './multiButton.interface';\nimport {MULTI_BUTTON_CSS_CLASSES} from '../../misc/tokens';\n\nconst defaultCssClasses: MultiButtonCssClasses =\n{\n    mainButtonDiv: 'flex-row',\n    mainButtonContentDiv: 'multi-button-content',\n    mainButtonSeparatorDiv: 'fa multi-option-separator',\n    mainButtonClickAreaDiv: 'multi-option-click',\n    mainButtonMultiOptionDiv: 'multi-option fa fa-angle-down',\n    subButtonsDiv: 'sub-buttons'\n};\n\n/**\n * Component used for displaying multibutton\n */\n@Component(\n{\n    selector: 'multi-button',\n    templateUrl: 'multiButton.component.html',\n    styleUrl: 'multiButton.component.css',\n    imports:\n    [\n        NgClass,\n        NgTemplateOutlet,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MultiButtonComponent implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Used css classes within component\n     */\n    protected _usedCssClasses: MultiButtonCssClasses;\n\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Indication whether are sub buttons visible\n     * @internal\n     */\n    public subButtonsVisible: boolean = false;\n\n    /**\n     * Sub buttons div top offset\n     * @internal\n     */\n    public subButtonsOffset: number = 0;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Css class applied to main displayed element\n     */\n    @Input()\n    public cssClass: string = '';\n\n    /**\n     * Css classes used within component, allows to change specific class\n     */\n    @Input()\n    public get cssClasses(): MultiButtonCssClasses\n    {\n        return this._usedCssClasses;\n    }\n    public set cssClasses(classes: MultiButtonCssClasses)\n    {\n        this._usedCssClasses = extend({}, this._usedCssClasses, classes);\n    }\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user clicks on button\n     */\n    @Output()\n    public click: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n\n    //######################### public properties - children #########################\n\n    /**\n     * Template that is used for rendering sub buttons content\n     */\n    @ContentChild(TemplateRef)\n    public subButtonsContent: TemplateRef<void>;\n\n    //######################### constructor #########################\n    constructor(@Inject(DOCUMENT) protected _document: Document,\n                @Inject(MULTI_BUTTON_CSS_CLASSES) @Optional() _cssClasess: MultiButtonCssClasses,\n                protected _element: ElementRef<HTMLElement>,\n                protected _changeDetector: ChangeDetectorRef)\n    {\n        this._usedCssClasses = extend({}, defaultCssClasses, _cssClasess);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._removeRegistration();\n    }\n\n    //######################### public methods - template bindings #########################\n\n    /**\n     * Method called when sub buttons should be shown\n     */\n    public showSubButtons(event: MouseEvent): void\n    {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this.subButtonsVisible = !this.subButtonsVisible;\n        this.subButtonsOffset = this._element.nativeElement.clientHeight + 2;\n\n        if(this.subButtonsVisible)\n        {\n            this._document.addEventListener('click', this._handleClickOutside);\n        }\n        //unregister handle click outside\n        else\n        {\n            this._removeRegistration();\n        }\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of multi button element\n     */\n    protected _handleClickOutside = () =>\n    {\n        this.subButtonsVisible = false;\n        this._removeRegistration();\n        this._changeDetector.detectChanges();\n    }\n\n    /**\n     * Removes event registration\n     */\n    protected _removeRegistration(): void\n    {\n        this._document.removeEventListener('click', this._handleClickOutside);\n    }\n}","<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>"]}

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

@@ -1,23 +1,19 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { MultiButtonComponent } from '../components/multiButton/multiButton.component';
 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: "18.0.1", ngImport: i0, type: MultiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonModule, declarations: [MultiButtonComponent], imports: [CommonModule], exports: [MultiButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonModule, imports: [CommonModule] }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MultiButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MultiButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule
-                    ],
-                    declarations: [
-                        MultiButtonComponent
+                        MultiButtonComponent,
                     ],
                     exports: [
                         MultiButtonComponent

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

@@ -1 +1 @@
-{"version":3,"file":"multiButton.module.js","sourceRoot":"","sources":["../../../../../src/modules/multiButton/modules/multiButton.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,oBAAoB,EAAC,MAAM,iDAAiD,CAAC;;AAErF;;GAEG;AAgBH,MAAM,OAAO,iBAAiB;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAPtB,oBAAoB,aAJpB,YAAY,aAQZ,oBAAoB;+GAGf,iBAAiB,YAXtB,YAAY;;2FAWP,iBAAiB;kBAf7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {MultiButtonComponent} from '../components/multiButton/multiButton.component';\n\n/**\n * Module containing components for displaying multi button\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        MultiButtonComponent\n    ],\n    exports:\n    [\n        MultiButtonComponent\n    ]\n})\nexport class MultiButtonModule\n{\n}"]}
+{"version":3,"file":"multiButton.module.js","sourceRoot":"","sources":["../../../../../src/modules/multiButton/modules/multiButton.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,iDAAiD,CAAC;;AAErF;;GAEG;AAYH,MAAM,OAAO,iBAAiB;8GAAjB,iBAAiB;+GAAjB,iBAAiB,YAPtB,oBAAoB,aAIpB,oBAAoB;+GAGf,iBAAiB;;2FAAjB,iBAAiB;kBAX7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,oBAAoB;qBACvB;oBACD,OAAO,EACP;wBACI,oBAAoB;qBACvB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {MultiButtonComponent} from '../components/multiButton/multiButton.component';\n\n/**\n * Module containing components for displaying multi button\n */\n@NgModule(\n{\n    imports:\n    [\n        MultiButtonComponent,\n    ],\n    exports:\n    [\n        MultiButtonComponent\n    ]\n})\nexport class MultiButtonModule\n{\n}"]}