npm - @anglr/common - Versions diffs - 22.2.0 → 23.0.0-beta.20250825083507 - Mend

@anglr/common 22.2.0 → 23.0.0-beta.20250825083507

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

Files changed (147) hide show

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

@@ -5,17 +5,17 @@ import * as i0 from "@angular/core";
  * Module that holds cast pipes
  */
 export class CastPipesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CastPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: CastPipesModule, imports: [AsHtmlElementPipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CastPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: CastPipesModule, imports: [AsHtmlElementPipe,
             AsNgClassRequiredPipe,
             AsRequiredTypePipe,
             CastTypePipe], exports: [AsHtmlElementPipe,
             AsNgClassRequiredPipe,
             AsRequiredTypePipe,
             CastTypePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CastPipesModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CastPipesModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CastPipesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CastPipesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/es2022/src/modules/castPipes/pipes/asHtmlElement/asHtmlElement.pipe.js CHANGED Viewed

@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
  * Casts EventTarget to HTMLELement
  */
 export class AsHtmlElementPipe extends CastTypePipe {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsHtmlElementPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: AsHtmlElementPipe, isStandalone: true, name: "asHtmlElement" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsHtmlElementPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: AsHtmlElementPipe, isStandalone: true, name: "asHtmlElement" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsHtmlElementPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsHtmlElementPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asHtmlElement' }]
         }] });

package/es2022/src/modules/castPipes/pipes/asNgClassRequired/asNgClassRequired.pipe.js CHANGED Viewed

@@ -11,10 +11,10 @@ export class AsNgClassRequiredPipe extends AsRequiredTypePipe {
     transform(value, valueHash) {
         return super.transform(value, '', valueHash);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsNgClassRequiredPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: AsNgClassRequiredPipe, isStandalone: true, name: "asNgClassRequired" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsNgClassRequiredPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: AsNgClassRequiredPipe, isStandalone: true, name: "asNgClassRequired" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsNgClassRequiredPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsNgClassRequiredPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asNgClassRequired' }]
         }] });

package/es2022/src/modules/castPipes/pipes/asRequired/asRequired.pipe.js CHANGED Viewed

@@ -13,10 +13,10 @@ export class AsRequiredTypePipe {
     transform(value, defaultValue, _valueHash) {
         return value ?? defaultValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsRequiredTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: AsRequiredTypePipe, isStandalone: true, name: "asRequired" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsRequiredTypePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: AsRequiredTypePipe, isStandalone: true, name: "asRequired" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AsRequiredTypePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: AsRequiredTypePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'asRequired' }]
         }] });

package/es2022/src/modules/castPipes/pipes/castType/castType.pipe.js CHANGED Viewed

@@ -39,10 +39,10 @@ export class CastTypePipe {
     _isInstanceOf(value) {
         return this._isInstanceOfPredicate(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CastTypePipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: CastTypePipe, isStandalone: true, name: "castType" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CastTypePipe, deps: [{ token: LOGGER, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: CastTypePipe, isStandalone: true, name: "castType" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CastTypePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CastTypePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'castType' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

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

@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
  * Module for common dynamic stuff
  */
 export class CommonDynamicModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: CommonDynamicModule, imports: [NgComponentOutletEx], exports: [NgComponentOutletEx] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonDynamicModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonDynamicModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: CommonDynamicModule, imports: [NgComponentOutletEx], exports: [NgComponentOutletEx] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonDynamicModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonDynamicModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonDynamicModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
  * Module for common localization stuff
  */
 export class CommonLocalizeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonLocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: CommonLocalizeModule, imports: [LocalizePipe], exports: [LocalizePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonLocalizeModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonLocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: CommonLocalizeModule, imports: [LocalizePipe], exports: [LocalizePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonLocalizeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonLocalizeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonLocalizeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -5,8 +5,8 @@ import * as i0 from "@angular/core";
  * Module for common utility stuff
  */
 export class CommonUtilsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: CommonUtilsModule, imports: [IsNaNPipe,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: CommonUtilsModule, imports: [IsNaNPipe,
             IsPresentPipe,
             UrlEncodePipe,
             MergeCssClassesPipe,
@@ -17,9 +17,9 @@ export class CommonUtilsModule {
             MergeCssClassesPipe,
             KeysPipe,
             TrimTextPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonUtilsModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonUtilsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: CommonUtilsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: CommonUtilsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

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

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

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

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

@@ -9,7 +9,7 @@ export class DebugDataEnabledService {
         /**
          * Indication whether debug data copmonent is enabled
          */
-        this._enabled = signal(false);
+        this._enabled = signal(false, ...(ngDevMode ? [{ debugName: "_enabled" }] : []));
     }
     //######################### public properties #########################
     /**
@@ -26,10 +26,10 @@ export class DebugDataEnabledService {
     setEnabled(enabled = true) {
         this._enabled.set(enabled);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DebugDataEnabledService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DebugDataEnabledService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataEnabledService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataEnabledService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DebugDataEnabledService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: DebugDataEnabledService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/es2022/src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"debugDataEnabled.service.js","sourceRoot":"","sources":["../../../../../../src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA0B,MAAM,EAAC,MAAM,eAAe,CAAC;;AAEzE;;GAEG;AAEH,MAAM,OAAO,uBAAuB;IADpC;QAGI,oEAAoE;QAEpE;;WAEG;QACK,aAAQ,GAA4B,MAAM,CAAC,KAAK,~~CAAC~~,CAAC;KAsB7D;IApBG,uEAAuE;IAEvE;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACtC,CAAC;IAED,oEAAoE;IAEpE;;;OAGG;IACI,UAAU,CAAC,UAAmB,IAAI;QAErC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC;8GA5BQ,uBAAuB;kHAAvB,uBAAuB,cADX,MAAM;;2FAClB,uBAAuB;kBADnC,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC","sourcesContent":["import {Injectable, Signal, WritableSignal, signal} from '@angular/core';\n\n/*\n Service used for handling enabled state for debug data component\n /\n@Injectable({providedIn: 'root'})\nexport class DebugDataEnabledService\n{\n //######################### private fields #########################\n\n /\n Indication whether debug data copmonent is enabled\n /\n private _enabled: WritableSignal<boolean> = signal(false);\n\n //######################### public properties #########################\n\n /\n Indication whether debug data copmonent is enabled\n /\n public get enabled(): Signal<boolean>\n {\n return this._enabled.asReadonly();\n }\n\n //######################### public methods #########################\n\n /\n Sets enabled state\n * @param enabled - Indication whether will be enabled state set to true, or false, defaults to true\n */\n public setEnabled(enabled: boolean = true): void\n {\n this._enabled.set(enabled);\n }\n}"]}
1	+ {"version":3,"file":"debugDataEnabled.service.js","sourceRoot":"","sources":["../../../../../../src/modules/debugData/services/debugDataEnabled/debugDataEnabled.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA0B,MAAM,EAAC,MAAM,eAAe,CAAC;;AAEzE;;GAEG;AAEH,MAAM,OAAO,uBAAuB;IADpC;QAGI,oEAAoE;QAEpE;;WAEG;QACK,aAAQ,GAA4B,MAAM,CAAC,KAAK,oDAAC,CAAC;KAsB7D;IApBG,uEAAuE;IAEvE;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACtC,CAAC;IAED,oEAAoE;IAEpE;;;OAGG;IACI,UAAU,CAAC,UAAmB,IAAI;QAErC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC;8GA5BQ,uBAAuB;kHAAvB,uBAAuB,cADX,MAAM;;2FAClB,uBAAuB;kBADnC,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC","sourcesContent":["import {Injectable, Signal, WritableSignal, signal} from '@angular/core';\n\n/*\n Service used for handling enabled state for debug data component\n /\n@Injectable({providedIn: 'root'})\nexport class DebugDataEnabledService\n{\n //######################### private fields #########################\n\n /\n Indication whether debug data copmonent is enabled\n /\n private _enabled: WritableSignal<boolean> = signal(false);\n\n //######################### public properties #########################\n\n /\n Indication whether debug data copmonent is enabled\n /\n public get enabled(): Signal<boolean>\n {\n return this._enabled.asReadonly();\n }\n\n //######################### public methods #########################\n\n /\n Sets enabled state\n * @param enabled - Indication whether will be enabled state set to true, or false, defaults to true\n */\n public setEnabled(enabled: boolean = true): void\n {\n this._enabled.set(enabled);\n }\n}"]}

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

@@ -12,19 +12,19 @@ export class FileComponent {
         /**
          * Holds current value of file for file input
          */
-        this.file = signal(null);
+        this.file = signal(null, ...(ngDevMode ? [{ debugName: "file" }] : []));
         /**
          * Holds current value of files for file input
          */
-        this.files = signal(null);
+        this.files = signal(null, ...(ngDevMode ? [{ debugName: "files" }] : []));
         /**
          * Holds current value of file name for file input
          */
-        this.name = signal(null);
+        this.name = signal(null, ...(ngDevMode ? [{ debugName: "name" }] : []));
         /**
          * Holds current value of files names for file input
          */
-        this.names = signal(null);
+        this.names = signal(null, ...(ngDevMode ? [{ debugName: "names" }] : []));
         //######################### protected properties - children #########################
         /**
          * Instance template to be displayed as file input
@@ -37,28 +37,28 @@ export class FileComponent {
         /**
          * Instance of file visual implementation if available
          */
-        this.fileVisual = contentChild(FILE_VISUAL);
+        this.fileVisual = contentChild(FILE_VISUAL, ...(ngDevMode ? [{ debugName: "fileVisual" }] : []));
         //######################### public properties - inputs #########################
         /**
          * Indication whether is multiple files selection enabled
          */
-        this.multiple = input(false, { transform: booleanAttribute });
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Indication whether read file content, working only when `multiple` is not set (for single file)
          */
-        this.readContent = input(false, { transform: booleanAttribute });
+        this.readContent = input(false, ...(ngDevMode ? [{ debugName: "readContent", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Indication whether content of file is binary and it will be read as ArrayBuffer instead of string
          */
-        this.binaryContent = input(false, { transform: booleanAttribute });
+        this.binaryContent = input(false, ...(ngDevMode ? [{ debugName: "binaryContent", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Text encoding of read string file content
          */
-        this.textEncoding = input();
+        this.textEncoding = input(...(ngDevMode ? [undefined, { debugName: "textEncoding" }] : []));
         /**
          * Array of supported file extensions in form of '.extension'
          */
-        this.supportedExtensions = input();
+        this.supportedExtensions = input(...(ngDevMode ? [undefined, { debugName: "supportedExtensions" }] : []));
         //######################### public properties - outputs #########################
         /**
          * Occurs when file changes and `binaryContent` is not set and `readContent` is set
@@ -86,7 +86,7 @@ export class FileComponent {
         this.filesNames = output();
         this.acceptValue = computed(() => {
             return this.supportedExtensions()?.join(',');
-        });
+        }, ...(ngDevMode ? [{ debugName: "acceptValue" }] : []));
         effect(() => {
             const fileVisual = this.fileVisual();
             if (fileVisual) {
@@ -113,12 +113,12 @@ export class FileComponent {
                 filesNames: this.names(),
                 multiple: this.multiple(),
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.0", type: FileComponent, isStandalone: true, selector: "file", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, readContent: { classPropertyName: "readContent", publicName: "readContent", isSignal: true, isRequired: false, transformFunction: null }, binaryContent: { classPropertyName: "binaryContent", publicName: "binaryContent", isSignal: true, isRequired: false, transformFunction: null }, textEncoding: { classPropertyName: "textEncoding", publicName: "textEncoding", isSignal: true, isRequired: false, transformFunction: null }, supportedExtensions: { classPropertyName: "supportedExtensions", publicName: "supportedExtensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stringContentChange: "stringContentChange", arrayBufferContentChange: "arrayBufferContentChange", fileChange: "fileChange", filesChange: "filesChange", fileName: "fileName", filesNames: "filesNames" }, host: { listeners: { "click": "fileInput().openFileBrowser()" } }, queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "fileVisual", first: true, predicate: FILE_VISUAL, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: FileInputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"fileTemplate(); context: templateContext()\"/>\n\n<input type=\"file\"\n       class=\"input-file\"\n       (fileChange)=\"file.set($event); fileChange.emit($event)\"\n       (filesChange)=\"files.set($event); filesChange.emit($event)\"\n       (fileName)=\"name.set($event); fileName.emit($event)\"\n       (filesNames)=\"names.set($event); filesNames.emit($event)\"\n       (stringContentChange)=\"stringContentChange.emit($event)\"\n       (arrayBufferContentChange)=\"arrayBufferContentChange.emit($event)\"\n       [multiple]=\"multiple()\"\n       [binaryContent]=\"binaryContent()\"\n       [readContent]=\"readContent()\"\n       [textEncoding]=\"textEncoding()\"\n       [accept]=\"acceptValue()\">", styles: [":host\n{\n    display: block;\n    position: relative;\n}\n\n.input-file\n{\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n}"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FileInputDirective, selector: "input[type=file]", inputs: ["multiple", "readContent", "binaryContent", "textEncoding"], outputs: ["stringContentChange", "arrayBufferContentChange", "fileChange", "filesChange", "fileName", "filesNames"], exportAs: ["file"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.0", type: FileComponent, isStandalone: true, selector: "file", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, readContent: { classPropertyName: "readContent", publicName: "readContent", isSignal: true, isRequired: false, transformFunction: null }, binaryContent: { classPropertyName: "binaryContent", publicName: "binaryContent", isSignal: true, isRequired: false, transformFunction: null }, textEncoding: { classPropertyName: "textEncoding", publicName: "textEncoding", isSignal: true, isRequired: false, transformFunction: null }, supportedExtensions: { classPropertyName: "supportedExtensions", publicName: "supportedExtensions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stringContentChange: "stringContentChange", arrayBufferContentChange: "arrayBufferContentChange", fileChange: "fileChange", filesChange: "filesChange", fileName: "fileName", filesNames: "filesNames" }, host: { listeners: { "click": "fileInput().openFileBrowser()" } }, queries: [{ propertyName: "fileTemplate", first: true, predicate: FileTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "fileVisual", first: true, predicate: FILE_VISUAL, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: FileInputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"fileTemplate(); context: templateContext()\"/>\n\n<input type=\"file\"\n       class=\"input-file\"\n       (fileChange)=\"file.set($event); fileChange.emit($event)\"\n       (filesChange)=\"files.set($event); filesChange.emit($event)\"\n       (fileName)=\"name.set($event); fileName.emit($event)\"\n       (filesNames)=\"names.set($event); filesNames.emit($event)\"\n       (stringContentChange)=\"stringContentChange.emit($event)\"\n       (arrayBufferContentChange)=\"arrayBufferContentChange.emit($event)\"\n       [multiple]=\"multiple()\"\n       [binaryContent]=\"binaryContent()\"\n       [readContent]=\"readContent()\"\n       [textEncoding]=\"textEncoding()\"\n       [accept]=\"acceptValue()\">", styles: [":host\n{\n    display: block;\n    position: relative;\n}\n\n.input-file\n{\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    cursor: pointer;\n    opacity: 0;\n    pointer-events: none;\n}"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FileInputDirective, selector: "input[type=file]", inputs: ["multiple", "readContent", "binaryContent", "textEncoding"], outputs: ["stringContentChange", "arrayBufferContentChange", "fileChange", "filesChange", "fileName", "filesNames"], exportAs: ["file"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file', host: {
                         '(click)': 'fileInput().openFileBrowser()',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"file.component.js","sourceRoot":"","sources":["../../../../../../src/modules/file/components/file/file.component.ts","../../../../../../src/modules/file/components/file/file.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,YAAY,EAAU,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,EAA4B,KAAK,EAAE,gBAAgB,EAAiC,MAAM,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACnP,OAAO,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAC,kBAAkB,EAAuB,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;;AAG9C;;GAEG;AAiBH,MAAM,OAAO,aAAa;IA8GtB,iEAAiE;IACjE;QAtGA;;WAEG;QACO,SAAI,GAAwC,MAAM,CAAC,IAAI,CAAC,CAAC;QAEnE;;WAEG;QACO,UAAK,GAA0C,MAAM,CAAC,IAAI,CAAC,CAAC;QAEtE;;WAEG;QACO,SAAI,GAA0C,MAAM,CAAC,IAAI,CAAC,CAAC;QAErE;;WAEG;QACO,UAAK,GAA4C,MAAM,CAAC,IAAI,CAAC,CAAC;QAOxE,qFAAqF;QAErF;;WAEG;QACO,iBAAY,GAA6C,YAAY,CAAC,QAAQ,CAAC,qBAAqB,EAAE,EAAC,IAAI,EAAE,CAAA,WAAgC,CAAA,EAAC,CAAC,CAAC;QAE1J;;WAEG;QACO,cAAS,GAA+B,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QAEzF;;WAEG;QACO,eAAU,GAAsC,YAAY,CAAC,WAAW,CAAC,CAAC;QAEpF,gFAAgF;QAEhF;;WAEG;QACI,aAAQ,GAAsD,KAAK,CAA0B,KAAK,EAAE,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC,CAAC;QAE1I;;WAEG;QACI,gBAAW,GAAsD,KAAK,CAA0B,KAAK,EAAE,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC,CAAC;QAE7I;;WAEG;QACI,kBAAa,GAAsD,KAAK,CAA0B,KAAK,EAAE,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC,CAAC;QAE/I;;WAEG;QACI,iBAAY,GAAkC,KAAK,EAAE,CAAC;QAE7D;;WAEG;QACI,wBAAmB,GAAyC,KAAK,EAAE,CAAC;QAE3E,iFAAiF;QAEjF;;WAEG;QACI,wBAAmB,GAA4C,MAAM,EAAyB,CAAC;QAEtG;;WAEG;QACI,6BAAwB,GAAiD,MAAM,EAA8B,CAAC;QAErH;;WAEG;QACI,eAAU,GAA0C,MAAM,EAAuB,CAAC;QAEzF;;WAEG;QACI,gBAAW,GAA4C,MAAM,EAAyB,CAAC;QAE9F;;WAEG;QACI,aAAQ,GAA4C,MAAM,EAAyB,CAAC;QAE3F;;WAEG;QACI,eAAU,GAA8C,MAAM,EAA2B,CAAC;QAK7F,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;YAE7B,OAAO,IAAI,CAAC,mBAAmB,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,EAAE;YAER,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;YAErC,IAAG,UAAU,EACb,CAAC;gBACG,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;gBAEnC,UAAU,CAAC,mBAAmB,CAAC,GAAG,CAClC;oBACI,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;oBACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;oBACnB,SAAS,EAAE,SAAS,CAAC,SAAS;oBAC9B,eAAe,EAAE,SAAS,CAAC,eAAe;oBAC1C,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE;oBACrB,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE;oBACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;iBAC5B,CAAC,CAAC;YACP,CAAC;QACL,CAAC,EAAE,EAAC,iBAAiB,EAAE,IAAI,EAAC,CAAC,CAAC;QAE9B,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;YAEjC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAEnC,OAAO;gBACH,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;gBACnB,SAAS,EAAE,SAAS,CAAC,SAAS;gBAC9B,eAAe,EAAE,SAAS,CAAC,eAAe;gBAC1C,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE;gBACrB,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE;gBACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;aAC5B,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC;8GAzJQ,aAAa;kGAAb,aAAa,wlCAuCmE,qBAAqB,2BAAS,WAAW,0EAU3D,WAAW,2GALb,kBAAkB,gECtE3F,uuBAcgC,mSDOxB,gBAAgB,oJAChB,kBAAkB;;2FAIb,aAAa;kBAhBzB,SAAS;+BAEI,MAAM,QAIhB;wBACI,SAAS,EAAE,+BAA+B;qBAC7C,WAED;wBACI,gBAAgB;wBAChB,kBAAkB;qBACrB,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, contentChild, Signal, TemplateRef, viewChild, computed, WritableSignal, signal, InputSignalWithTransform, input, booleanAttribute, InputSignal, OutputEmitterRef, output, effect} from '@angular/core';\nimport {NgTemplateOutlet} from '@angular/common';\n\nimport {FileInputDirective, FileTemplateContext, FileTemplateDirective} from '../../directive';\nimport {FILE_VISUAL} from '../../misc/tokens';\nimport {FileVisual} from '../../interfaces';\n\n/*\n Component used for obtaining file contents from disk\n /\n@Component(\n{\n selector: 'file',\n templateUrl: 'file.component.html',\n styleUrl: 'file.component.css',\n host:\n {\n '(click)': 'fileInput().openFileBrowser()',\n },\n imports:\n [\n NgTemplateOutlet,\n FileInputDirective,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileComponent\n{\n //######################### protected properties - template bindings #########################\n\n /\n Instance of context for file template\n /\n protected templateContext: Signal<FileTemplateContext>;\n\n /\n Holds current value of file for file input\n /\n protected file: WritableSignal<File\|null\|undefined> = signal(null);\n\n /\n Holds current value of files for file input\n /\n protected files: WritableSignal<File[]\|null\|undefined> = signal(null);\n\n /\n Holds current value of file name for file input\n /\n protected name: WritableSignal<string\|null\|undefined> = signal(null);\n\n /\n Holds current value of files names for file input\n /\n protected names: WritableSignal<string[]\|null\|undefined> = signal(null);\n\n /\n Computed accept value\n /\n protected acceptValue: Signal<string\|null\|undefined>;\n\n //######################### protected properties - children #########################\n\n /\n Instance template to be displayed as file input\n /\n protected fileTemplate: Signal<TemplateRef<FileTemplateContext>> = contentChild.required(FileTemplateDirective, {read: TemplateRef<FileTemplateContext>});\n\n /\n Contains file input directive instance\n /\n protected fileInput: Signal<FileInputDirective> = viewChild.required(FileInputDirective);\n\n /\n Instance of file visual implementation if available\n /\n protected fileVisual: Signal<FileVisual\|undefined\|null> = contentChild(FILE_VISUAL);\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 /\n Array of supported file extensions in form of '.extension'\n /\n public supportedExtensions: InputSignal<string[]\|undefined\|null> = 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 //######################### constructor #########################\n constructor()\n {\n this.acceptValue = computed(() =>\n {\n return this.supportedExtensions()?.join(',');\n });\n\n effect(() =>\n {\n const fileVisual = this.fileVisual();\n\n if(fileVisual)\n {\n const fileInput = this.fileInput();\n\n fileVisual.fileTemplateContext.set(\n {\n file: this.file(),\n files: this.files(),\n clearFile: fileInput.clearFile,\n openFileBrowser: fileInput.openFileBrowser,\n fileName: this.name(),\n filesNames: this.names(),\n multiple: this.multiple(),\n });\n }\n }, {allowSignalWrites: true});\n\n this.templateContext = computed(() =>\n {\n const fileInput = this.fileInput();\n\n return {\n file: this.file(),\n files: this.files(),\n clearFile: fileInput.clearFile,\n openFileBrowser: fileInput.openFileBrowser,\n fileName: this.name(),\n filesNames: this.names(),\n multiple: this.multiple(),\n };\n });\n }\n}\n","<ng-container ngTemplateOutlet=\"fileTemplate(); context: templateContext()\"/>\n\n<input type=\"file\"\n class=\"input-file\"\n (fileChange)=\"file.set($event); fileChange.emit($event)\"\n (filesChange)=\"files.set($event); filesChange.emit($event)\"\n (fileName)=\"name.set($event); fileName.emit($event)\"\n (filesNames)=\"names.set($event); filesNames.emit($event)\"\n (stringContentChange)=\"stringContentChange.emit($event)\"\n (arrayBufferContentChange)=\"arrayBufferContentChange.emit($event)\"\n [multiple]=\"multiple()\"\n [binaryContent]=\"binaryContent()\"\n [readContent]=\"readContent()\"\n [textEncoding]=\"textEncoding()\"\n [accept]=\"acceptValue()\">"]}
1	+ {"version":3,"file":"file.component.js","sourceRoot":"","sources":["../../../../../../src/modules/file/components/file/file.component.ts","../../../../../../src/modules/file/components/file/file.component.html"],"names":[],"mappings":"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","sourcesContent":["import {Component, ChangeDetectionStrategy, contentChild, Signal, TemplateRef, viewChild, computed, WritableSignal, signal, InputSignalWithTransform, input, booleanAttribute, InputSignal, OutputEmitterRef, output, effect} from '@angular/core';\nimport {NgTemplateOutlet} from '@angular/common';\n\nimport {FileInputDirective, FileTemplateContext, FileTemplateDirective} from '../../directive';\nimport {FILE_VISUAL} from '../../misc/tokens';\nimport {FileVisual} from '../../interfaces';\n\n/*\n Component used for obtaining file contents from disk\n /\n@Component(\n{\n selector: 'file',\n templateUrl: 'file.component.html',\n styleUrl: 'file.component.css',\n host:\n {\n '(click)': 'fileInput().openFileBrowser()',\n },\n imports:\n [\n NgTemplateOutlet,\n FileInputDirective,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FileComponent\n{\n //######################### protected properties - template bindings #########################\n\n /\n Instance of context for file template\n /\n protected templateContext: Signal<FileTemplateContext>;\n\n /\n Holds current value of file for file input\n /\n protected file: WritableSignal<File\|null\|undefined> = signal(null);\n\n /\n Holds current value of files for file input\n /\n protected files: WritableSignal<File[]\|null\|undefined> = signal(null);\n\n /\n Holds current value of file name for file input\n /\n protected name: WritableSignal<string\|null\|undefined> = signal(null);\n\n /\n Holds current value of files names for file input\n /\n protected names: WritableSignal<string[]\|null\|undefined> = signal(null);\n\n /\n Computed accept value\n /\n protected acceptValue: Signal<string\|null\|undefined>;\n\n //######################### protected properties - children #########################\n\n /\n Instance template to be displayed as file input\n /\n protected fileTemplate: Signal<TemplateRef<FileTemplateContext>> = contentChild.required(FileTemplateDirective, {read: TemplateRef<FileTemplateContext>});\n\n /\n Contains file input directive instance\n /\n protected fileInput: Signal<FileInputDirective> = viewChild.required(FileInputDirective);\n\n /\n Instance of file visual implementation if available\n /\n protected fileVisual: Signal<FileVisual\|undefined\|null> = contentChild(FILE_VISUAL);\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 /\n Array of supported file extensions in form of '.extension'\n /\n public supportedExtensions: InputSignal<string[]\|undefined\|null> = 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 //######################### constructor #########################\n constructor()\n {\n this.acceptValue = computed(() =>\n {\n return this.supportedExtensions()?.join(',');\n });\n\n effect(() =>\n {\n const fileVisual = this.fileVisual();\n\n if(fileVisual)\n {\n const fileInput = this.fileInput();\n\n fileVisual.fileTemplateContext.set(\n {\n file: this.file(),\n files: this.files(),\n clearFile: fileInput.clearFile,\n openFileBrowser: fileInput.openFileBrowser,\n fileName: this.name(),\n filesNames: this.names(),\n multiple: this.multiple(),\n });\n }\n }, {allowSignalWrites: true});\n\n this.templateContext = computed(() =>\n {\n const fileInput = this.fileInput();\n\n return {\n file: this.file(),\n files: this.files(),\n clearFile: fileInput.clearFile,\n openFileBrowser: fileInput.openFileBrowser,\n fileName: this.name(),\n filesNames: this.names(),\n multiple: this.multiple(),\n };\n });\n }\n}\n","<ng-container ngTemplateOutlet=\"fileTemplate(); context: templateContext()\"/>\n\n<input type=\"file\"\n class=\"input-file\"\n (fileChange)=\"file.set($event); fileChange.emit($event)\"\n (filesChange)=\"files.set($event); filesChange.emit($event)\"\n (fileName)=\"name.set($event); fileName.emit($event)\"\n (filesNames)=\"names.set($event); filesNames.emit($event)\"\n (stringContentChange)=\"stringContentChange.emit($event)\"\n (arrayBufferContentChange)=\"arrayBufferContentChange.emit($event)\"\n [multiple]=\"multiple()\"\n [binaryContent]=\"binaryContent()\"\n [readContent]=\"readContent()\"\n [textEncoding]=\"textEncoding()\"\n [accept]=\"acceptValue()\">"]}

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

@@ -13,41 +13,41 @@ export class FileInputComponent {
         /**
          * @inheritdoc
          */
-        this.fileTemplateContext = signal(null);
+        this.fileTemplateContext = signal(null, ...(ngDevMode ? [{ debugName: "fileTemplateContext" }] : []));
         //######################### public properties - inputs #########################
         /**
          * Text to be displayed for file button
          */
-        this.buttonText = input('browse');
+        this.buttonText = input('browse', ...(ngDevMode ? [{ debugName: "buttonText" }] : []));
         /**
          * Css classes applied to file button
          */
-        this.buttonClass = input('btn btn-primary');
+        this.buttonClass = input('btn btn-primary', ...(ngDevMode ? [{ debugName: "buttonClass" }] : []));
         /**
          * Css classes applied to file text, text displaying selected files
          */
-        this.textClass = input('form-control');
+        this.textClass = input('form-control', ...(ngDevMode ? [{ debugName: "textClass" }] : []));
         /**
          * Text to be displayed as selected
          */
-        this.selectedText = input();
+        this.selectedText = input(...(ngDevMode ? [undefined, { debugName: "selectedText" }] : []));
         this.selectedTextValue = computed(() => {
             const context = this.fileTemplateContext();
             if (context?.multiple) {
                 return this.selectedText() ?? context.filesNames?.join(', ');
             }
             return this.selectedText() ?? context?.fileName;
-        });
+        }, ...(ngDevMode ? [{ debugName: "selectedTextValue" }] : []));
     }
-    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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.0", type: FileInputComponent, isStandalone: true, selector: "file-input", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: false, transformFunction: null }, buttonClass: { classPropertyName: "buttonClass", publicName: "buttonClass", isSignal: true, isRequired: false, transformFunction: null }, textClass: { classPropertyName: "textClass", publicName: "textClass", isSignal: true, isRequired: false, transformFunction: null }, selectedText: { classPropertyName: "selectedText", publicName: "selectedText", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: FILE_VISUAL,
                 useExisting: forwardRef(() => FileInputComponent),
             }
         ], ngImport: i0, template: "<div class=\"file-input\">\n    <div [ngClass]=\"buttonClass()\">\n        <span>{{buttonText() | firstUppercaseLocalize}}</span>\n    </div>\n\n    <div [ngClass]=\"textClass()\">{{selectedTextValue()}}</div>\n</div>\n", styles: [":host\n{\n    display: block;\n}\n\n.file-input\n{\n    display: grid;\n\n    grid-template-areas: 'button filename';\n    grid-template-rows: auto;\n    grid-template-columns: auto 1fr;\n\n    :nth-child(1),\n    :nth-child(1):before\n    {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    :nth-child(2),\n    :nth-child(2):before\n    {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: FirstUppercaseLocalizePipe, name: "firstUppercaseLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-input', imports: [
                         NgClass,

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

	@@ -1 +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,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"]}
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,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,+DAAC,CAAC;QAElI,gFAAgF;QAEhF;;WAEG;QACI,eAAU,GAAwB,KAAK,CAAC,QAAQ,sDAAC,CAAC;QAEzD;;WAEG;QACI,gBAAW,GAAwB,KAAK,CAAC,iBAAiB,uDAAC,CAAC;QAEnE;;WAEG;QACI,cAAS,GAAwB,KAAK,CAAC,cAAc,qDAAC,CAAC;QAE9D;;WAEG;QACI,iBAAY,GAAuC,KAAK,kEAAE,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,6DAAC,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 CHANGED Viewed

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

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

	@@ -1 +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,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>"]}
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,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,+DAAC,CAAC;QAElI,gFAAgF;QAEhF;;WAEG;QACI,oBAAe,GAAwB,KAAK,CAAC,oBAAoB,2DAAC,CAAC;QAE1E;;WAEG;QACI,eAAU,GAAwB,KAAK,CAAC,EAAE,sDAAC,CAAC;QAEnD;;WAEG;QACI,oBAAe,GAAwB,KAAK,CAAC,wBAAwB,2DAAC,CAAC;QAE9E;;WAEG;QACI,aAAQ,GAAwB,KAAK,CAAC,cAAc,4CAAG,KAAK,EAAE,OAAO,OAAf,EAAC,KAAK,EAAE,OAAO,EAAC,GAAC,CAAC;QAE/E;;WAEG;QACI,aAAQ,GAAkF,KAAK,CAAsD,IAAI,4CAAG,SAAS,EAAE,eAAe,OAA3B,EAAC,SAAS,EAAE,eAAe,EAAC,GAAC,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 CHANGED Viewed

@@ -13,19 +13,19 @@ export class FileInputDirective {
         /**
          * Indication whether is multiple files selection enabled
          */
-        this.multiple = input(false, { transform: booleanAttribute });
+        this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Indication whether read file content, working only when `multiple` is not set (for single file)
          */
-        this.readContent = input(false, { transform: booleanAttribute });
+        this.readContent = input(false, ...(ngDevMode ? [{ debugName: "readContent", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Indication whether content of file is binary and it will be read as ArrayBuffer instead of string
          */
-        this.binaryContent = input(false, { transform: booleanAttribute });
+        this.binaryContent = input(false, ...(ngDevMode ? [{ debugName: "binaryContent", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * Text encoding of read string file content
          */
-        this.textEncoding = input();
+        this.textEncoding = input(...(ngDevMode ? [undefined, { debugName: "textEncoding" }] : []));
         //######################### public properties - outputs #########################
         /**
          * Occurs when file changes and `binaryContent` is not set and `readContent` is set
@@ -134,8 +134,8 @@ export class FileInputDirective {
             }
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: FileInputDirective, isStandalone: true, selector: "input[type=file]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, readContent: { classPropertyName: "readContent", publicName: "readContent", isSignal: true, isRequired: false, transformFunction: null }, binaryContent: { classPropertyName: "binaryContent", publicName: "binaryContent", isSignal: true, isRequired: false, transformFunction: null }, textEncoding: { classPropertyName: "textEncoding", publicName: "textEncoding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stringContentChange: "stringContentChange", arrayBufferContentChange: "arrayBufferContentChange", fileChange: "fileChange", filesChange: "filesChange", fileName: "fileName", filesNames: "filesNames" }, exportAs: ["file"], ngImport: i0 }); }
 }
 __decorate([
     BindThis,
@@ -155,7 +155,7 @@ __decorate([
     __metadata("design:paramtypes", [MouseEvent]),
     __metadata("design:returntype", void 0)
 ], FileInputDirective.prototype, "handleFileChange", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FileInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: FileInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type=file]',