@anglr/common 21.3.0-beta.20241115051814 → 21.3.0-beta.20241115055546

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fileTemplate.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fileTemplate.context.js","sourceRoot":"","sources":["../../../../../../src/modules/file/directive/fileTemplate/fileTemplate.context.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Context passed to file template\n */\nexport interface FileTemplateContext\n{\n    /**\n     * Instance of selected file or null if none is selected\n     */\n    file: File|undefined|null;\n\n    /**\n     * Name of selected file\n     */\n    fileName: string|undefined|null;\n\n    /**\n     * Instance of selected array of files or null if none is selected\n     */\n    files: File[]|undefined|null;\n\n    /**\n     * Array of names of selected files\n     */\n    filesNames: string[]|undefined|null;\n\n    /**\n     * Indication whether multiple files selection is enabled\n     */\n    multiple: boolean;\n\n    /**\n     * Clears selected file\n     */\n    clearFile(): void;\n}"]}

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

@@ -0,0 +1,24 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive used for obtaining file component visual template
+ */
+export class FileTemplateDirective {
+    //######################### ng language server #########################
+    /**
+     * Allows typechecking for template
+     */
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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

@@ -0,0 +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}"]}

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

@@ -0,0 +1,4 @@
+export * from './fileInput/fileInput.directive';
+export * from './fileTemplate/fileTemplate.context';
+export * from './fileTemplate/fileTemplate.directive';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/file/directive/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC","sourcesContent":["export * from './fileInput/fileInput.directive';\nexport * from './fileTemplate/fileTemplate.context';\nexport * from './fileTemplate/fileTemplate.directive';\n"]}

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

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './directive';
+export * from './interfaces';
+export * from './misc/tokens';
+export * from './modules';
+//# sourceMappingURL=index.js.map

package/es2022/src/modules/file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/file/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC","sourcesContent":["export * from './components';\nexport * from './directive';\nexport * from './interfaces';\nexport * from './misc/tokens';\nexport * from './modules';\n"]}

package/es2022/src/modules/file/interfaces/fileVisual/fileVisual.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=fileVisual.interface.js.map

package/es2022/src/modules/file/interfaces/fileVisual/fileVisual.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileVisual.interface.js","sourceRoot":"","sources":["../../../../../../src/modules/file/interfaces/fileVisual/fileVisual.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {WritableSignal} from '@angular/core';\n\nimport {FileTemplateContext} from '../../directive';\n\n/**\n * Represents type that handles visualizing of file input value\n */\nexport interface FileVisual\n{\n    /**\n     * Instance of file template context passed to file visual to display info about selected files\n     */\n    fileTemplateContext: WritableSignal<FileTemplateContext|undefined|null>;\n}"]}

package/es2022/src/modules/file/interfaces/index.js

@@ -0,0 +1,2 @@
+export * from './fileVisual/fileVisual.interface';
+//# sourceMappingURL=index.js.map

package/es2022/src/modules/file/interfaces/index.js.map

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

package/es2022/src/modules/file/misc/tokens.js

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Injection token used for obtaining implementation of file visual component
+ */
+export const FILE_VISUAL = new InjectionToken('FILE_VISUAL');
+//# sourceMappingURL=tokens.js.map

package/es2022/src/modules/file/misc/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../../../src/modules/file/misc/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAI7C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA+B,IAAI,cAAc,CAAa,aAAa,CAAC,CAAC","sourcesContent":["import {InjectionToken} from '@angular/core';\n\nimport {FileVisual} from '../interfaces';\n\n/**\n * Injection token used for obtaining implementation of file visual component\n */\nexport const FILE_VISUAL: InjectionToken<FileVisual> = new InjectionToken<FileVisual>('FILE_VISUAL');\n"]}

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

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { FileComponent, FileInputComponent, UploadButtonComponent } from '../components';
+import { FileInputDirective, FileTemplateDirective } from '../directive';
+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,
+            FileInputDirective,
+            FileTemplateDirective,
+            UploadButtonComponent,
+            FileInputComponent], exports: [FileComponent,
+            FileInputComponent,
+            UploadButtonComponent,
+            FileInputDirective,
+            FileTemplateDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FileModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FileComponent,
+                        FileInputDirective,
+                        FileTemplateDirective,
+                        UploadButtonComponent,
+                        FileInputComponent,
+                    ],
+                    exports: [
+                        FileComponent,
+                        FileInputComponent,
+                        UploadButtonComponent,
+                        FileInputDirective,
+                        FileTemplateDirective,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=file.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file.module.js","sourceRoot":"","sources":["../../../../../src/modules/file/modules/file.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AACvF,OAAO,EAAC,kBAAkB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAC;;AAEvE;;GAEG;AAoBH,MAAM,OAAO,UAAU;8GAAV,UAAU;+GAAV,UAAU,YAff,aAAa;YACb,kBAAkB;YAClB,qBAAqB;YACrB,qBAAqB;YACrB,kBAAkB,aAIlB,aAAa;YACb,kBAAkB;YAClB,qBAAqB;YACrB,kBAAkB;YAClB,qBAAqB;+GAGhB,UAAU;;2FAAV,UAAU;kBAnBtB,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,aAAa;wBACb,kBAAkB;wBAClB,qBAAqB;wBACrB,qBAAqB;wBACrB,kBAAkB;qBACrB;oBACD,OAAO,EACP;wBACI,aAAa;wBACb,kBAAkB;wBAClB,qBAAqB;wBACrB,kBAAkB;wBAClB,qBAAqB;qBACxB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {FileComponent, FileInputComponent, UploadButtonComponent} from '../components';\nimport {FileInputDirective, FileTemplateDirective} from '../directive';\n\n/**\n * Module for grouping File components and directives\n */\n@NgModule(\n{\n    imports:\n    [\n        FileComponent,\n        FileInputDirective,\n        FileTemplateDirective,\n        UploadButtonComponent,\n        FileInputComponent,\n    ],\n    exports:\n    [\n        FileComponent,\n        FileInputComponent,\n        UploadButtonComponent,\n        FileInputDirective,\n        FileTemplateDirective,\n    ]\n})\nexport class FileModule\n{\n}\n"]}

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

@@ -0,0 +1,2 @@
+export * from './file.module';
+//# sourceMappingURL=index.js.map

package/es2022/src/modules/file/modules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/file/modules/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './file.module';"]}

package/es2022/src/pipes/firstUppercase/firstUppercase.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"firstUppercase.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/firstUppercase/firstUppercase.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAElD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;IAE7B;;;OAGG;IACI,SAAS,CAAC,KAA4B;QAEzC,IAAG,CAAC,KAAK,EACT,CAAC;YACG,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC;8GAdQ,oBAAoB;4GAApB,oBAAoB;;2FAApB,oBAAoB;kBALhC,IAAI;mBACL;oBACI,IAAI,EAAE,gBAAgB;oBACtB,UAAU,EAAE,IAAI;iBACnB","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\n\n/**\n * Converts first letter of text to uppercase\n */\n@Pipe(\n{\n    name: 'firstUppercase',\n    standalone: true,\n})\nexport class FirstUppercaseSAPipe implements PipeTransform\n{\n    /**\n     * Converts first letter of text to uppercase\n     * @param value - Value to be converted\n     */\n    public transform(value: string|undefined|null): string|undefined|null \n    {\n        if(!value)\n        {\n            return value;\n        }\n\n        return value[0].toUpperCase() + value.substring(1);\n    }\n}"]}
+{"version":3,"file":"firstUppercase.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/firstUppercase/firstUppercase.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAElD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;IAE7B;;;OAGG;IACA,SAAS,CAAuC,KAAa;QAE5D,IAAG,CAAC,KAAK,EACT,CAAC;YACG,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAW,CAAC;IACjE,CAAC;8GAdQ,oBAAoB;4GAApB,oBAAoB;;2FAApB,oBAAoB;kBALhC,IAAI;mBACL;oBACI,IAAI,EAAE,gBAAgB;oBACtB,UAAU,EAAE,IAAI;iBACnB","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\n\n/**\n * Converts first letter of text to uppercase\n */\n@Pipe(\n{\n    name: 'firstUppercase',\n    standalone: true,\n})\nexport class FirstUppercaseSAPipe implements PipeTransform\n{\n    /**\n     * Converts first letter of text to uppercase\n     * @param value - Value to be converted\n     */\npublic transform<TValue extends string|undefined|null>(value: TValue): TValue \n    {\n        if(!value)\n        {\n            return value;\n        }\n\n        return value[0].toUpperCase() + value.substring(1) as TValue;\n    }\n}"]}

package/es2022/src/pipes/firstUppercaseLocalize/firstUppercaseLocalize.pipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"firstUppercaseLocalize.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/firstUppercaseLocalize/firstUppercaseLocalize.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,EAAE,iBAAiB,EAAY,MAAM,eAAe,CAAC;AAGxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,oBAAoB,EAAC,MAAM,uCAAuC,CAAC;;AAE3E;;GAEG;AAOH,MAAM,OAAO,4BAA4B;IAmBrC,iEAAiE;IACjE,YAAmD,eAAmC,EAChE,cAAiC;QADJ,oBAAe,GAAf,eAAe,CAAoB;QAChE,mBAAc,GAAd,cAAc,CAAmB;QAEnD,IAAI,CAAC,YAAY,GAAG,IAAI,cAAc,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;QACxE,IAAI,CAAC,kBAAkB,GAAG,IAAI,oBAAoB,EAAE,CAAC;IACzD,CAAC;IAED,oFAAoF;IAEpF;;;;OAIG;IACI,SAAS,CAAC,KAA4B,EAAE,iBAA0B;QAErE,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpG,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,CAAC;IAC7G,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC;8GAzDQ,4BAA4B,kBAoBjB,mBAAmB;4GApB9B,4BAA4B;;2FAA5B,4BAA4B;kBANxC,IAAI;mBACL;oBACI,IAAI,EAAE,wBAAwB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE,KAAK;iBACd;;0BAqBgB,MAAM;2BAAC,mBAAmB","sourcesContent":["import {Pipe, PipeTransform, Inject, ChangeDetectorRef, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {STRING_LOCALIZATION} from '../../types/tokens';\nimport {StringLocalization} from '../../services/stringLocalization';\nimport {LocalizeSAPipe} from '../localize/localize.pipe';\nimport {FirstUppercaseSAPipe} from '../firstUppercase/firstUppercase.pipe';\n\n/**\n * Localize strings using 'StringLocalization' and converts first letter of text to uppercase\n */\n@Pipe(\n{\n    name: 'firstUppercaseLocalize',\n    standalone: true,\n    pure: false,\n})\nexport class FirstUppercaseLocalizeSAPipe implements PipeTransform, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Localize pipe used for localizing string\n     */\n    protected localizePipe: LocalizeSAPipe;\n\n    /**\n     * Pipe used for transforming first letter to uppercase\n     */\n    protected firstUppercasePipe: FirstUppercaseSAPipe;\n\n    /**\n     * Subscription for changes of texts\n     */\n    protected subscription: Subscription|undefined|null;\n\n    //######################### constructor #########################\n    constructor(@Inject(STRING_LOCALIZATION) protected localizationSvc: StringLocalization,\n                protected changeDetector: ChangeDetectorRef,)\n    {\n        this.localizePipe = new LocalizeSAPipe(localizationSvc, changeDetector);\n        this.firstUppercasePipe = new FirstUppercaseSAPipe();\n    }\n\n    //######################### public methods - PipeTransform #########################\n\n    /**\n     * Localize strings using 'StringLocalization' and converts first letter of text to uppercase\n     * @param value - Value to be converted\n     * @param interpolateParams - Optional object storing interpolation parameters\n     */\n    public transform(value: string|undefined|null, interpolateParams?: Object): string|undefined|null \n    {\n        return this.firstUppercasePipe.transform(this.localizePipe.transform(value, interpolateParams));\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.subscription = this.localizationSvc.textsChange.subscribe(() => this.changeDetector.markForCheck());\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.localizePipe.ngOnDestroy();\n    }\n}"]}
+{"version":3,"file":"firstUppercaseLocalize.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/firstUppercaseLocalize/firstUppercaseLocalize.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,EAAE,iBAAiB,EAAY,MAAM,eAAe,CAAC;AAGxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,oBAAoB,EAAC,MAAM,uCAAuC,CAAC;;AAE3E;;GAEG;AAOH,MAAM,OAAO,4BAA4B;IAmBrC,iEAAiE;IACjE,YAAmD,eAAmC,EAChE,cAAiC;QADJ,oBAAe,GAAf,eAAe,CAAoB;QAChE,mBAAc,GAAd,cAAc,CAAmB;QAEnD,IAAI,CAAC,YAAY,GAAG,IAAI,cAAc,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;QACxE,IAAI,CAAC,kBAAkB,GAAG,IAAI,oBAAoB,EAAE,CAAC;IACzD,CAAC;IAED,oFAAoF;IAEpF;;;;OAIG;IACI,SAAS,CAAC,KAA4B,EAAE,iBAA0B;QAErE,OAAO,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IACpG,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,CAAC;IAC7G,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC;8GAzDQ,4BAA4B,kBAoBjB,mBAAmB;4GApB9B,4BAA4B;;2FAA5B,4BAA4B;kBANxC,IAAI;mBACL;oBACI,IAAI,EAAE,wBAAwB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE,KAAK;iBACd;;0BAqBgB,MAAM;2BAAC,mBAAmB","sourcesContent":["import {Pipe, PipeTransform, Inject, ChangeDetectorRef, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {STRING_LOCALIZATION} from '../../types/tokens';\nimport {StringLocalization} from '../../services/stringLocalization';\nimport {LocalizeSAPipe} from '../localize/localize.pipe';\nimport {FirstUppercaseSAPipe} from '../firstUppercase/firstUppercase.pipe';\n\n/**\n * Localize strings using 'StringLocalization' and converts first letter of text to uppercase\n */\n@Pipe(\n{\n    name: 'firstUppercaseLocalize',\n    standalone: true,\n    pure: false,\n})\nexport class FirstUppercaseLocalizeSAPipe implements PipeTransform, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Localize pipe used for localizing string\n     */\n    protected localizePipe: LocalizeSAPipe;\n\n    /**\n     * Pipe used for transforming first letter to uppercase\n     */\n    protected firstUppercasePipe: FirstUppercaseSAPipe;\n\n    /**\n     * Subscription for changes of texts\n     */\n    protected subscription: Subscription|undefined|null;\n\n    //######################### constructor #########################\n    constructor(@Inject(STRING_LOCALIZATION) protected localizationSvc: StringLocalization,\n                protected changeDetector: ChangeDetectorRef,)\n    {\n        this.localizePipe = new LocalizeSAPipe(localizationSvc, changeDetector);\n        this.firstUppercasePipe = new FirstUppercaseSAPipe();\n    }\n\n    //######################### public methods - PipeTransform #########################\n\n    /**\n     * Localize strings using 'StringLocalization' and converts first letter of text to uppercase\n     * @param value - Value to be converted\n     * @param interpolateParams - Optional object storing interpolation parameters\n     */\n    public transform(value: string|undefined|null, interpolateParams?: Object): string\n    {\n        return this.firstUppercasePipe.transform(this.localizePipe.transform(value, interpolateParams));\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.subscription = this.localizationSvc.textsChange.subscribe(() => this.changeDetector.markForCheck());\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.localizePipe.ngOnDestroy();\n    }\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/common",
-    "version": "21.3.0-beta.20241115051814",
+    "version": "21.3.0-beta.20241115055546",
     "description": "Angular module for common angular stuff",
     "type": "module",
     "sideEffects": false,

package/src/index.d.ts

@@ -12,8 +12,9 @@ export { MultiButtonModule } from './modules/multiButton/modules/multiButton.mod
 export * from './components';
 export * from './decorators';
 export * from './modules/castPipes';
-export * from './modules/progressIndicator';
+export * from './modules/file';
 export * from './modules/logger';
+export * from './modules/progressIndicator';
 export * from './modules/tooltip';
 export * from './pipes';
 export * from './types/host';

package/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAC,eAAe,EAAC,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAC,kBAAkB,EAAC,MAAM,8DAA8D,CAAC;AAChG,OAAO,EAAC,uBAAuB,EAAC,MAAM,wEAAwE,CAAC;AAC/G,OAAO,EAAC,oBAAoB,EAAC,MAAM,oEAAoE,CAAC;AACxG,OAAO,EAAC,qBAAqB,EAAC,MAAM,oEAAoE,CAAC;AACzG,OAAO,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAC,iBAAiB,EAAC,MAAM,kDAAkD,CAAC;AACnF,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAC,aAAa,EAAC,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAC,iBAAiB,EAAC,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAE,sBAAsB,EAAC,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAC,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACvF,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,OAAO,EAAC,mBAAmB,EAAC,MAAM,gEAAgE,CAAC;AACnG,OAAO,EAAC,UAAU,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAC;AACnG,OAAO,EAAC,qBAAqB,EAAE,2BAA2B,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,iCAAiC,EAAC,MAAM,0BAA0B,CAAC;AAC3P,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAC,eAAe,EAAC,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAC,kBAAkB,EAAC,MAAM,8DAA8D,CAAC;AAChG,OAAO,EAAC,uBAAuB,EAAC,MAAM,wEAAwE,CAAC;AAC/G,OAAO,EAAC,oBAAoB,EAAC,MAAM,oEAAoE,CAAC;AACxG,OAAO,EAAC,qBAAqB,EAAC,MAAM,oEAAoE,CAAC;AACzG,OAAO,EAAC,wBAAwB,EAAC,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAC,iBAAiB,EAAC,MAAM,kDAAkD,CAAC;AACnF,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAC,aAAa,EAAC,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAC,iBAAiB,EAAC,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAE,sBAAsB,EAAC,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAC,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACvF,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,OAAO,EAAC,mBAAmB,EAAC,MAAM,gEAAgE,CAAC;AACnG,OAAO,EAAC,UAAU,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAC;AACnG,OAAO,EAAC,qBAAqB,EAAE,2BAA2B,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,0BAA0B,EAAE,iCAAiC,EAAC,MAAM,0BAA0B,CAAC;AAC3P,cAAc,qBAAqB,CAAC"}

package/src/modules/file/components/file/file.component.css

@@ -0,0 +1,16 @@
+:host
+{
+    display: block;
+    position: relative;
+}
+
+.input-file
+{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    cursor: pointer;
+    opacity: 0;
+}

package/src/modules/file/components/file/file.component.d.ts

@@ -0,0 +1,85 @@
+import { Signal, TemplateRef, WritableSignal, InputSignalWithTransform, InputSignal, OutputEmitterRef } from '@angular/core';
+import { FileInputDirective, FileTemplateContext } from '../../directive';
+import { FileVisual } from '../../interfaces';
+import * as i0 from "@angular/core";
+/**
+ * Component used for obtaining file contents from disk
+ */
+export declare class FileComponent {
+    /**
+     * Instance of context for file template
+     */
+    protected templateContext: Signal<FileTemplateContext>;
+    /**
+     * Holds current value of file for file input
+     */
+    protected file: WritableSignal<File | null | undefined>;
+    /**
+     * Holds current value of files for file input
+     */
+    protected files: WritableSignal<File[] | null | undefined>;
+    /**
+     * Holds current value of file name for file input
+     */
+    protected name: WritableSignal<string | null | undefined>;
+    /**
+     * Holds current value of files names for file input
+     */
+    protected names: WritableSignal<string[] | null | undefined>;
+    /**
+     * Instance template to be displayed as file input
+     */
+    protected fileTemplate: Signal<TemplateRef<FileTemplateContext>>;
+    /**
+     * Contains file input directive instance
+     */
+    protected fileInput: Signal<FileInputDirective>;
+    /**
+     * Instance of file visual implementation if available
+     */
+    protected fileVisual: Signal<FileVisual | undefined | null>;
+    /**
+     * Indication whether is multiple files selection enabled
+     */
+    multiple: InputSignalWithTransform<boolean, string | boolean>;
+    /**
+     * Indication whether read file content, working only when `multiple` is not set (for single file)
+     */
+    readContent: InputSignalWithTransform<boolean, string | boolean>;
+    /**
+     * Indication whether content of file is binary and it will be read as ArrayBuffer instead of string
+     */
+    binaryContent: InputSignalWithTransform<boolean, string | boolean>;
+    /**
+     * Text encoding of read string file content
+     */
+    textEncoding: InputSignal<string | undefined>;
+    /**
+     * Occurs when file changes and `binaryContent` is not set and `readContent` is set
+     */
+    stringContentChange: OutputEmitterRef<string | undefined | null>;
+    /**
+     * Occurs when file changes and `binaryContent` is set and `readContent` is set
+     */
+    arrayBufferContentChange: OutputEmitterRef<ArrayBuffer | undefined | null>;
+    /**
+     * Occurs when selected file changes, occurs only when `multiple` is not set
+     */
+    fileChange: OutputEmitterRef<File | null | undefined>;
+    /**
+     * Occurs when selected files changes, occurs only when `multiple` is set
+     */
+    filesChange: OutputEmitterRef<File[] | null | undefined>;
+    /**
+     * Occurs when selected file changes, occurs only when `multiple` is not set, contains name of selected file
+     */
+    fileName: OutputEmitterRef<string | null | undefined>;
+    /**
+     * Occurs when selected files changes, occurs only when `multiple` is set, contains names of selected files
+     */
+    filesNames: OutputEmitterRef<string[] | null | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileComponent, "file", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "readContent": { "alias": "readContent"; "required": false; "isSignal": true; }; "binaryContent": { "alias": "binaryContent"; "required": false; "isSignal": true; }; "textEncoding": { "alias": "textEncoding"; "required": false; "isSignal": true; }; }, { "stringContentChange": "stringContentChange"; "arrayBufferContentChange": "arrayBufferContentChange"; "fileChange": "fileChange"; "filesChange": "filesChange"; "fileName": "fileName"; "filesNames": "filesNames"; }, ["fileTemplate", "fileVisual"], never, true, never>;
+}
+//# sourceMappingURL=file.component.d.ts.map

package/src/modules/file/components/file/file.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.component.d.ts","sourceRoot":"","sources":["file.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmD,MAAM,EAAE,WAAW,EAAuB,cAAc,EAAU,wBAAwB,EAA2B,WAAW,EAAE,gBAAgB,EAAiB,MAAM,eAAe,CAAC;AAGnP,OAAO,EAAC,kBAAkB,EAAE,mBAAmB,EAAwB,MAAM,iBAAiB,CAAC;AAE/F,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;;AAE5C;;GAEG;AACH,qBAaa,aAAa;IAItB;;OAEG;IACH,SAAS,CAAC,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,GAAC,IAAI,GAAC,SAAS,CAAC,CAAgB;IAEnE;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,EAAE,GAAC,IAAI,GAAC,SAAS,CAAC,CAAgB;IAEtE;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,cAAc,CAAC,MAAM,GAAC,IAAI,GAAC,SAAS,CAAC,CAAgB;IAErE;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,cAAc,CAAC,MAAM,EAAE,GAAC,IAAI,GAAC,SAAS,CAAC,CAAgB;IAIxE;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAA0F;IAE1J;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAA0C;IAEzF;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,GAAC,SAAS,GAAC,IAAI,CAAC,CAA6B;IAIpF;;OAEG;IACI,QAAQ,EAAE,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAC,OAAO,CAAC,CAAwE;IAE1I;;OAEG;IACI,WAAW,EAAE,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAC,OAAO,CAAC,CAAwE;IAE7I;;OAEG;IACI,aAAa,EAAE,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAC,OAAO,CAAC,CAAwE;IAE/I;;OAEG;IACI,YAAY,EAAE,WAAW,CAAC,MAAM,GAAC,SAAS,CAAC,CAAW;IAI7D;;OAEG;IACI,mBAAmB,EAAE,gBAAgB,CAAC,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC,CAAmC;IAEtG;;OAEG;IACI,wBAAwB,EAAE,gBAAgB,CAAC,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC,CAAwC;IAErH;;OAEG;IACI,UAAU,EAAE,gBAAgB,CAAC,IAAI,GAAC,IAAI,GAAC,SAAS,CAAC,CAAiC;IAEzF;;OAEG;IACI,WAAW,EAAE,gBAAgB,CAAC,IAAI,EAAE,GAAC,IAAI,GAAC,SAAS,CAAC,CAAmC;IAE9F;;OAEG;IACI,QAAQ,EAAE,gBAAgB,CAAC,MAAM,GAAC,IAAI,GAAC,SAAS,CAAC,CAAmC;IAE3F;;OAEG;IACI,UAAU,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAC,IAAI,GAAC,SAAS,CAAC,CAAqC;;yCAlGxF,aAAa;2CAAb,aAAa;CAyIzB"}

package/src/modules/file/components/file/file.component.html

@@ -0,0 +1,14 @@
+<ng-container *ngTemplateOutlet="fileTemplate(); context: templateContext()"/>
+
+<input type="file" 
+       class="input-file"
+       (fileChange)="file.set($event); fileChange.emit($event)"
+       (filesChange)="files.set($event); filesChange.emit($event)"
+       (fileName)="name.set($event); fileName.emit($event)"
+       (filesNames)="names.set($event); filesNames.emit($event)"
+       (stringContentChange)="stringContentChange.emit($event)"
+       (arrayBufferContentChange)="arrayBufferContentChange.emit($event)"
+       [multiple]="multiple()"
+       [binaryContent]="binaryContent()"
+       [readContent]="readContent()"
+       [textEncoding]="textEncoding()">

package/src/modules/file/components/fileInput/fileInput.component.css

@@ -0,0 +1,27 @@
+:host
+{
+    display: block;
+}
+
+.file-input
+{
+    display: grid;
+
+    grid-template-areas: 'button filename';
+    grid-template-rows: auto;
+    grid-template-columns: auto 1fr;
+
+    :nth-child(1),
+    :nth-child(1):before
+    {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    :nth-child(2),
+    :nth-child(2):before
+    {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+}

package/src/modules/file/components/fileInput/fileInput.component.d.ts

@@ -0,0 +1,37 @@
+import { WritableSignal, InputSignal, Signal } from '@angular/core';
+import { FileVisual } from '../../interfaces';
+import { FileTemplateContext } from '../../directive';
+import * as i0 from "@angular/core";
+/**
+ * Component that represents file input template
+ */
+export declare class FileInputComponent implements FileVisual {
+    /**
+     * Selected text value based on file template context or selected text input
+     */
+    protected selectedTextValue: Signal<string | undefined | null>;
+    /**
+     * @inheritdoc
+     */
+    fileTemplateContext: WritableSignal<FileTemplateContext | undefined | null>;
+    /**
+     * Text to be displayed for file button
+     */
+    buttonText: InputSignal<string>;
+    /**
+     * Css classes applied to file button
+     */
+    buttonClass: InputSignal<string>;
+    /**
+     * Css classes applied to file text, text displaying selected files
+     */
+    textClass: InputSignal<string>;
+    /**
+     * Text to be displayed as selected
+     */
+    selectedText: InputSignal<string | undefined | null>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileInputComponent, "file-input", never, { "buttonText": { "alias": "buttonText"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; "textClass": { "alias": "textClass"; "required": false; "isSignal": true; }; "selectedText": { "alias": "selectedText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=fileInput.component.d.ts.map

package/src/modules/file/components/fileInput/fileInput.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileInput.component.d.ts","sourceRoot":"","sources":["fileInput.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmE,cAAc,EAAiB,WAAW,EAAE,MAAM,EAAW,MAAM,eAAe,CAAC;AAK7J,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;;AAEpD;;GAEG;AACH,qBAqBa,kBAAmB,YAAW,UAAU;IAIjD;;OAEG;IACH,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAC,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC,CAAC;IAI3D;;OAEG;IACI,mBAAmB,EAAE,cAAc,CAAC,mBAAmB,GAAC,SAAS,GAAC,IAAI,CAAC,CAAoD;IAIlI;;OAEG;IACI,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAmB;IAEzD;;OAEG;IACI,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAA4B;IAEnE;;OAEG;IACI,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAyB;IAE9D;;OAEG;IACI,YAAY,EAAE,WAAW,CAAC,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC,CAAW;;yCApCzD,kBAAkB;2CAAlB,kBAAkB;CAqD9B"}

package/src/modules/file/components/fileInput/fileInput.component.html

@@ -0,0 +1,7 @@
+<div class="file-input">
+    <div [ngClass]="buttonClass()">
+        <span>{{buttonText() | firstUppercaseLocalize}}</span>
+    </div>
+
+    <div [ngClass]="textClass()">{{selectedTextValue()}}</div>
+</div>

package/src/modules/file/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './file/file.component';
+export * from './fileInput/fileInput.component';
+export * from './uploadButton/uploadButton.component';
+//# sourceMappingURL=index.d.ts.map

package/src/modules/file/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC"}

package/src/modules/file/components/uploadButton/uploadButton.component.css

@@ -0,0 +1,52 @@
+:host
+{
+    display: flex;
+    flex-direction: row;
+}
+
+.progress
+{
+    font-size: 0.75em;
+    position: relative;
+    width: 33px;
+    height: 33px;
+    text-align: center;
+    margin-right: 4px;
+    display: flex;
+    justify-content: center;
+}
+
+.progress-value
+{
+    align-self: center;
+}
+
+.progress-indicator
+{
+    position: absolute;
+    width: 33px;
+    height: 16.5px;
+    top: 0;
+    left: 0;
+    border: 2px solid #009dd6;
+    border-bottom: none;
+    border-top-left-radius: 100px;
+    border-top-right-radius: 100px;
+    animation-name: rotate-progress;
+    animation-duration: 550ms;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    transform-origin: calc(50%) calc(50% + 8.25px);
+}
+
+@keyframes rotate-progress
+{
+    from
+    {
+        transform: rotate(0deg);
+    }
+    to
+    {
+        transform: rotate(360deg);
+    }
+}

package/src/modules/file/components/uploadButton/uploadButton.component.d.ts

@@ -0,0 +1,36 @@
+import { WritableSignal, InputSignal, InputSignalWithTransform } from '@angular/core';
+import { FileVisual } from '../../interfaces';
+import { FileTemplateContext } from '../../directive';
+import * as i0 from "@angular/core";
+/**
+ * Component that represents upload button file template
+ */
+export declare class UploadButtonComponent implements FileVisual {
+    /**
+     * @inheritdoc
+     */
+    fileTemplateContext: WritableSignal<FileTemplateContext | undefined | null>;
+    /**
+     * Css classes applied tu button icon
+     */
+    uploadIconClass: InputSignal<string>;
+    /**
+     * Text to be displayed as button text
+     */
+    uploadText: InputSignal<string>;
+    /**
+     * Css classes for displayed text for button
+     */
+    uploadTextClass: InputSignal<string>;
+    /**
+     * Css class applied to button
+     */
+    cssClass: InputSignal<string>;
+    /**
+     * Current progress to be displayed
+     */
+    progress: InputSignalWithTransform<number | undefined | null, number | string | undefined | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadButtonComponent, "upload-button", never, { "uploadIconClass": { "alias": "uploadIconClass"; "required": false; "isSignal": true; }; "uploadText": { "alias": "uploadText"; "required": false; "isSignal": true; }; "uploadTextClass": { "alias": "uploadTextClass"; "required": false; "isSignal": true; }; "cssClass": { "alias": "class"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=uploadButton.component.d.ts.map

package/src/modules/file/components/uploadButton/uploadButton.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadButton.component.d.ts","sourceRoot":"","sources":["uploadButton.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmE,cAAc,EAAU,WAAW,EAA0B,wBAAwB,EAAC,MAAM,eAAe,CAAC;AAKtL,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;;AAEpD;;GAEG;AACH,qBAsBa,qBAAsB,YAAW,UAAU;IAIpD;;OAEG;IACI,mBAAmB,EAAE,cAAc,CAAC,mBAAmB,GAAC,SAAS,GAAC,IAAI,CAAC,CAAoD;IAIlI;;OAEG;IACI,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAA+B;IAE1E;;OAEG;IACI,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAa;IAEnD;;OAEG;IACI,eAAe,EAAE,WAAW,CAAC,MAAM,CAAC,CAAmC;IAE9E;;OAEG;IACI,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAA2C;IAE/E;;OAEG;IACI,QAAQ,EAAE,wBAAwB,CAAC,MAAM,GAAC,SAAS,GAAC,IAAI,EAAE,MAAM,GAAC,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC,CAAkG;yCAlCvL,qBAAqB;2CAArB,qBAAqB;CAmCjC"}

package/src/modules/file/components/uploadButton/uploadButton.component.html

@@ -0,0 +1,16 @@
+@if(progress() | isPresent)
+{
+    <div class="progress">
+        <span class="progress-value">{{progress()}}%</span>
+        <div class="progress-indicator"></div>
+    </div>
+}
+
+<button [ngClass]="cssClass()" type="button">
+    <span [ngClass]="uploadIconClass()"></span>
+    
+    @if(uploadText())
+    {
+        <span [ngClass]="uploadTextClass()">{{uploadText() | localize}}</span>
+    }
+</button>

package/src/modules/file/directive/fileInput/fileInput.directive.d.ts

@@ -0,0 +1,69 @@
+import { ElementRef, InputSignal, InputSignalWithTransform, OnDestroy, OutputEmitterRef, Renderer2 } from '@angular/core';
+import { NoopAction } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Directive that allows better communication with input file
+ */
+export declare class FileInputDirective implements OnDestroy {
+    protected element: ElementRef<HTMLInputElement>;
+    /**
+     * Unlistener for input file change event
+     */
+    protected changeListenerUnlisten: NoopAction;
+    /**
+     * Indication whether is multiple files selection enabled
+     */
+    multiple: InputSignalWithTransform<boolean, string | boolean>;
+    /**
+     * Indication whether read file content, working only when `multiple` is not set (for single file)
+     */
+    readContent: InputSignalWithTransform<boolean, string | boolean>;
+    /**
+     * Indication whether content of file is binary and it will be read as ArrayBuffer instead of string
+     */
+    binaryContent: InputSignalWithTransform<boolean, string | boolean>;
+    /**
+     * Text encoding of read string file content
+     */
+    textEncoding: InputSignal<string | undefined>;
+    /**
+     * Occurs when file changes and `binaryContent` is not set and `readContent` is set
+     */
+    stringContentChange: OutputEmitterRef<string | undefined | null>;
+    /**
+     * Occurs when file changes and `binaryContent` is set and `readContent` is set
+     */
+    arrayBufferContentChange: OutputEmitterRef<ArrayBuffer | undefined | null>;
+    /**
+     * Occurs when selected file changes, occurs only when `multiple` is not set
+     */
+    fileChange: OutputEmitterRef<File | null | undefined>;
+    /**
+     * Occurs when selected files changes, occurs only when `multiple` is set
+     */
+    filesChange: OutputEmitterRef<File[] | null | undefined>;
+    /**
+     * Occurs when selected file changes, occurs only when `multiple` is not set, contains name of selected file
+     */
+    fileName: OutputEmitterRef<string | null | undefined>;
+    /**
+     * Occurs when selected files changes, occurs only when `multiple` is set, contains names of selected files
+     */
+    filesNames: OutputEmitterRef<string[] | null | undefined>;
+    constructor(element: ElementRef<HTMLInputElement>, renderer: Renderer2);
+    /**
+     * @inheritdoc
+     */
+    ngOnDestroy(): void;
+    /**
+     * Clears selection of file/files
+     */
+    clearFile(): void;
+    /**
+     * Handles changes in file input
+     */
+    protected handleFileChange(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FileInputDirective, "input[type=file]", ["file"], { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "readContent": { "alias": "readContent"; "required": false; "isSignal": true; }; "binaryContent": { "alias": "binaryContent"; "required": false; "isSignal": true; }; "textEncoding": { "alias": "textEncoding"; "required": false; "isSignal": true; }; }, { "stringContentChange": "stringContentChange"; "arrayBufferContentChange": "arrayBufferContentChange"; "fileChange": "fileChange"; "filesChange": "filesChange"; "fileName": "fileName"; "filesNames": "filesNames"; }, never, never, true, never>;
+}
+//# sourceMappingURL=fileInput.directive.d.ts.map

package/src/modules/file/directive/fileInput/fileInput.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileInput.directive.d.ts","sourceRoot":"","sources":["fileInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,UAAU,EAAS,WAAW,EAAE,wBAAwB,EAAE,SAAS,EAAU,gBAAgB,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AAC5K,OAAO,EAAqB,UAAU,EAAC,MAAM,gBAAgB,CAAC;;AAE9D;;GAEG;AACH,qBAMa,kBAAmB,YAAW,SAAS;IAgEpC,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC;IA5D3D;;OAEG;IACH,SAAS,CAAC,sBAAsB,EAAE,UAAU,CAAC;IAI7C;;OAEG;IACI,QAAQ,EAAE,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAC,OAAO,CAAC,CAAwE;IAE1I;;OAEG;IACI,WAAW,EAAE,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAC,OAAO,CAAC,CAAwE;IAE7I;;OAEG;IACI,aAAa,EAAE,wBAAwB,CAAC,OAAO,EAAE,MAAM,GAAC,OAAO,CAAC,CAAwE;IAE/I;;OAEG;IACI,YAAY,EAAE,WAAW,CAAC,MAAM,GAAC,SAAS,CAAC,CAAW;IAI7D;;OAEG;IACI,mBAAmB,EAAE,gBAAgB,CAAC,MAAM,GAAC,SAAS,GAAC,IAAI,CAAC,CAAmC;IAEtG;;OAEG;IACI,wBAAwB,EAAE,gBAAgB,CAAC,WAAW,GAAC,SAAS,GAAC,IAAI,CAAC,CAAwC;IAErH;;OAEG;IACI,UAAU,EAAE,gBAAgB,CAAC,IAAI,GAAC,IAAI,GAAC,SAAS,CAAC,CAAiC;IAEzF;;OAEG;IACI,WAAW,EAAE,gBAAgB,CAAC,IAAI,EAAE,GAAC,IAAI,GAAC,SAAS,CAAC,CAAmC;IAE9F;;OAEG;IACI,QAAQ,EAAE,gBAAgB,CAAC,MAAM,GAAC,IAAI,GAAC,SAAS,CAAC,CAAmC;IAE3F;;OAEG;IACI,UAAU,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAC,IAAI,GAAC,SAAS,CAAC,CAAqC;gBAG3E,OAAO,EAAE,UAAU,CAAC,gBAAgB,CAAC,EAC/C,QAAQ,EAAE,SAAS;IAS/B;;OAEG;IACI,WAAW,IAAI,IAAI;IAO1B;;OAEG;IAEI,SAAS,IAAI,IAAI;IAaxB;;OAEG;IAEH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAzG1C,kBAAkB;2CAAlB,kBAAkB;CAqL9B"}