@anglr/common 21.3.0 → 22.0.0-beta.20250123101532

package/es2022/forms/src/modules/numberInput.module.js

@@ -8,30 +8,30 @@ import * as i0 from "@angular/core";
  * Module for number input components, pipes and directives
  */
 export class NumberInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: NumberInputModule, declarations: [MaxValueNumberValidatorDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0", ngImport: i0, type: NumberInputModule, imports: [MaxValueNumberValidatorDirective,
             MinValueNumberValidatorDirective,
             NumberInputControlValueAccessor,
             NumberInputValidatorDirective], exports: [MaxValueNumberValidatorDirective,
             MinValueNumberValidatorDirective,
             NumberInputControlValueAccessor,
             NumberInputValidatorDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NumberInputModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NumberInputModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NumberInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: NumberInputModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
+                    imports: [
                         MaxValueNumberValidatorDirective,
                         MinValueNumberValidatorDirective,
                         NumberInputControlValueAccessor,
-                        NumberInputValidatorDirective
+                        NumberInputValidatorDirective,
                     ],
                     exports: [
                         MaxValueNumberValidatorDirective,
                         MinValueNumberValidatorDirective,
                         NumberInputControlValueAccessor,
-                        NumberInputValidatorDirective
+                        NumberInputValidatorDirective,
                     ]
                 }]
         }] });

package/es2022/forms/src/modules/numberInput.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberInput.module.js","sourceRoot":"","sources":["../../../../forms/src/modules/numberInput.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,gCAAgC,EAAC,MAAM,6DAA6D,CAAC;AAC7G,OAAO,EAAC,gCAAgC,EAAC,MAAM,6DAA6D,CAAC;AAC7G,OAAO,EAAC,+BAA+B,EAAC,MAAM,qEAAqE,CAAC;AACpH,OAAO,EAAC,6BAA6B,EAAC,MAAM,0DAA0D,CAAC;;AAEvG;;GAEG;AAkBH,MAAM,OAAO,iBAAiB;8GAAjB,iBAAiB;+GAAjB,iBAAiB,iBAbtB,gCAAgC;YAChC,gCAAgC;YAChC,+BAA+B;YAC/B,6BAA6B,aAI7B,gCAAgC;YAChC,gCAAgC;YAChC,+BAA+B;YAC/B,6BAA6B;+GAGxB,iBAAiB;;2FAAjB,iBAAiB;kBAjB7B,QAAQ;mBACT;oBACI,YAAY,EACZ;wBACI,gCAAgC;wBAChC,gCAAgC;wBAChC,+BAA+B;wBAC/B,6BAA6B;qBAChC;oBACD,OAAO,EACP;wBACI,gCAAgC;wBAChC,gCAAgC;wBAChC,+BAA+B;wBAC/B,6BAA6B;qBAChC;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {MaxValueNumberValidatorDirective} from '../directives/numberInput/maxValueNumberValidator.directive';\nimport {MinValueNumberValidatorDirective} from '../directives/numberInput/minValueNumberValidator.directive';\nimport {NumberInputControlValueAccessor} from '../directives/numberInput/numberInputControlValueAccessor.directive';\nimport {NumberInputValidatorDirective} from '../directives/numberInput/numberInputValidator.directive';\n\n/**\n * Module for number input components, pipes and directives\n */\n@NgModule(\n{\n    declarations: \n    [\n        MaxValueNumberValidatorDirective,\n        MinValueNumberValidatorDirective,\n        NumberInputControlValueAccessor,\n        NumberInputValidatorDirective\n    ],\n    exports:\n    [\n        MaxValueNumberValidatorDirective,\n        MinValueNumberValidatorDirective,\n        NumberInputControlValueAccessor,\n        NumberInputValidatorDirective\n    ]\n})\nexport class NumberInputModule\n{\n}"]}
+{"version":3,"file":"numberInput.module.js","sourceRoot":"","sources":["../../../../forms/src/modules/numberInput.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,gCAAgC,EAAC,MAAM,6DAA6D,CAAC;AAC7G,OAAO,EAAC,gCAAgC,EAAC,MAAM,6DAA6D,CAAC;AAC7G,OAAO,EAAC,+BAA+B,EAAC,MAAM,qEAAqE,CAAC;AACpH,OAAO,EAAC,6BAA6B,EAAC,MAAM,0DAA0D,CAAC;;AAEvG;;GAEG;AAkBH,MAAM,OAAO,iBAAiB;8GAAjB,iBAAiB;+GAAjB,iBAAiB,YAbtB,gCAAgC;YAChC,gCAAgC;YAChC,+BAA+B;YAC/B,6BAA6B,aAI7B,gCAAgC;YAChC,gCAAgC;YAChC,+BAA+B;YAC/B,6BAA6B;+GAGxB,iBAAiB;;2FAAjB,iBAAiB;kBAjB7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,gCAAgC;wBAChC,gCAAgC;wBAChC,+BAA+B;wBAC/B,6BAA6B;qBAChC;oBACD,OAAO,EACP;wBACI,gCAAgC;wBAChC,gCAAgC;wBAChC,+BAA+B;wBAC/B,6BAA6B;qBAChC;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {MaxValueNumberValidatorDirective} from '../directives/numberInput/maxValueNumberValidator.directive';\nimport {MinValueNumberValidatorDirective} from '../directives/numberInput/minValueNumberValidator.directive';\nimport {NumberInputControlValueAccessor} from '../directives/numberInput/numberInputControlValueAccessor.directive';\nimport {NumberInputValidatorDirective} from '../directives/numberInput/numberInputValidator.directive';\n\n/**\n * Module for number input components, pipes and directives\n */\n@NgModule(\n{\n    imports: \n    [\n        MaxValueNumberValidatorDirective,\n        MinValueNumberValidatorDirective,\n        NumberInputControlValueAccessor,\n        NumberInputValidatorDirective,\n    ],\n    exports:\n    [\n        MaxValueNumberValidatorDirective,\n        MinValueNumberValidatorDirective,\n        NumberInputControlValueAccessor,\n        NumberInputValidatorDirective,\n    ]\n})\nexport class NumberInputModule\n{\n}"]}

package/es2022/forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.js

@@ -1,6 +1,7 @@
 import { Injectable, Inject, Optional } from '@angular/core';
 import { STRING_LOCALIZATION } from '@anglr/common';
-import { extend, isString } from '@jscrpt/common';
+import { isString } from '@jscrpt/common';
+import { extend } from '@jscrpt/common/extend';
 import { IGNORED_VALIDATION_ERRORS, VALIDATION_ERROR_MESSAGES } from '../../misc/tokens';
 import * as i0 from "@angular/core";
 /**
@@ -62,10 +63,10 @@ export class ErrorMessagesExtractor {
         });
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorMessagesExtractor, deps: [{ token: STRING_LOCALIZATION }, { token: IGNORED_VALIDATION_ERRORS }, { token: VALIDATION_ERROR_MESSAGES, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorMessagesExtractor, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessagesExtractor, deps: [{ token: STRING_LOCALIZATION }, { token: IGNORED_VALIDATION_ERRORS }, { token: VALIDATION_ERROR_MESSAGES, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessagesExtractor, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorMessagesExtractor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ErrorMessagesExtractor, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/es2022/forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessagesExtractor.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable, Inject, Optional} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {StringDictionary, extend, isString} from '@jscrpt/common';\n\nimport {IGNORED_VALIDATION_ERRORS, VALIDATION_ERROR_MESSAGES} from '../../misc/tokens';\nimport {ValidationErrorsResult} from './errorMessagesExtractor.interface';\n\n/**\n * Default error messages displayed\n */\nconst defaultErrorMessages: StringDictionary =\n{\n    required: 'Field is required.',\n    number: 'Value must be number.',\n    pattern: 'Value is not valid.',\n    minValue: 'Value is too small.',\n    maxValue: 'Value is too big.',\n    minlength: 'Value is short.',\n    maxlength: 'Value is too long.'\n};\n\n/**\n * Service used for extracting error messages from form control\n */\n@Injectable({providedIn: 'root'})\nexport class ErrorMessagesExtractor\n{\n    //######################### protected fields #########################\n\n    /**\n     * Dictionary with error names that have defined message\n     */\n    protected _errorMessages: StringDictionary;\n\n    //######################### constructor #########################\n    constructor(@Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                @Inject(IGNORED_VALIDATION_ERRORS) protected _ignoredValidationErrors: string[],\n                @Inject(VALIDATION_ERROR_MESSAGES) @Optional() globalErrorMessages?: StringDictionary)\n    {\n        this._errorMessages = extend(true, {}, defaultErrorMessages, globalErrorMessages);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Gets validation errors result for provided control, or null of no errors are present\n     * @param control - Form control instance that should be inspected for errors\n     * @param messages - Object containing error messages that should patch existing error messages\n     */\n    public getErrors(control: FormControl, messages?: StringDictionary): ValidationErrorsResult\n    {\n        const errorMessages: StringDictionary = extend(true, {}, this._errorMessages, messages);\n\n        //no control or no errors\n        if(!control || !control.errors)\n        {\n            return null;\n        }\n\n        const result: ValidationErrorsResult =\n        {\n            errors: Object.keys(control.errors).filter(itm => this._ignoredValidationErrors.indexOf(itm) < 0),\n            errorMessages: []\n        };\n\n        result.errors.forEach(error =>\n        {\n            const errorData = control.errors[error];\n            \n            //error message is present for error\n            if(errorMessages[error])\n            {\n                result.errorMessages.push(this._stringLocalization.get(errorMessages[error], control.errors));\n            }\n            //display error data if it is string and there is missing translation\n            else if(isString(errorData))\n            {\n                result.errorMessages.push(errorData);\n            }\n            //error data are array of strings, each string is considered error message\n            else if(Array.isArray(errorData))\n            {\n                errorData.forEach(errorItm =>\n                {\n                    if(isString(errorItm))\n                    {\n                        result.errorMessages.push(this._stringLocalization.get(errorItm, control.errors));\n                    }\n                });\n            }\n        });\n\n        return result;\n    }\n}"]}
+{"version":3,"file":"errorMessagesExtractor.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/errorMessagesExtractor/errorMessagesExtractor.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAE3D,OAAO,EAAqB,mBAAmB,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAmB,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAC,yBAAyB,EAAE,yBAAyB,EAAC,MAAM,mBAAmB,CAAC;;AAGvF;;GAEG;AACH,MAAM,oBAAoB,GAC1B;IACI,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,uBAAuB;IAC/B,OAAO,EAAE,qBAAqB;IAC9B,QAAQ,EAAE,qBAAqB;IAC/B,QAAQ,EAAE,mBAAmB;IAC7B,SAAS,EAAE,iBAAiB;IAC5B,SAAS,EAAE,oBAAoB;CAClC,CAAC;AAEF;;GAEG;AAEH,MAAM,OAAO,sBAAsB;IAS/B,iEAAiE;IACjE,YAAmD,mBAAuC,EACjC,wBAAkC,EAChC,mBAAsC;QAF9C,wBAAmB,GAAnB,mBAAmB,CAAoB;QACjC,6BAAwB,GAAxB,wBAAwB,CAAU;QAGvF,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,oBAAoB,EAAE,mBAAmB,CAAC,CAAC;IACtF,CAAC;IAED,oEAAoE;IAEpE;;;;OAIG;IACI,SAAS,CAAC,OAAoB,EAAE,QAA2B;QAE9D,MAAM,aAAa,GAAqB,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAExF,yBAAyB;QACzB,IAAG,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAC9B,CAAC;YACG,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,MAAM,GACZ;YACI,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACjG,aAAa,EAAE,EAAE;SACpB,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAE1B,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAExC,oCAAoC;YACpC,IAAG,aAAa,CAAC,KAAK,CAAC,EACvB,CAAC;gBACG,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;YAClG,CAAC;YACD,qEAAqE;iBAChE,IAAG,QAAQ,CAAC,SAAS,CAAC,EAC3B,CAAC;gBACG,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACzC,CAAC;YACD,0EAA0E;iBACrE,IAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAChC,CAAC;gBACG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;oBAEzB,IAAG,QAAQ,CAAC,QAAQ,CAAC,EACrB,CAAC;wBACG,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;oBACtF,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;IAClB,CAAC;8GApEQ,sBAAsB,kBAUX,mBAAmB,aACnB,yBAAyB,aACzB,yBAAyB;kHAZpC,sBAAsB,cADV,MAAM;;2FAClB,sBAAsB;kBADlC,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC;;0BAWf,MAAM;2BAAC,mBAAmB;;0BAC1B,MAAM;2BAAC,yBAAyB;;0BAChC,MAAM;2BAAC,yBAAyB;;0BAAG,QAAQ","sourcesContent":["import {Injectable, Inject, Optional} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringLocalization, STRING_LOCALIZATION} from '@anglr/common';\nimport {StringDictionary, isString} from '@jscrpt/common';\nimport {extend} from '@jscrpt/common/extend';\n\nimport {IGNORED_VALIDATION_ERRORS, VALIDATION_ERROR_MESSAGES} from '../../misc/tokens';\nimport {ValidationErrorsResult} from './errorMessagesExtractor.interface';\n\n/**\n * Default error messages displayed\n */\nconst defaultErrorMessages: StringDictionary =\n{\n    required: 'Field is required.',\n    number: 'Value must be number.',\n    pattern: 'Value is not valid.',\n    minValue: 'Value is too small.',\n    maxValue: 'Value is too big.',\n    minlength: 'Value is short.',\n    maxlength: 'Value is too long.'\n};\n\n/**\n * Service used for extracting error messages from form control\n */\n@Injectable({providedIn: 'root'})\nexport class ErrorMessagesExtractor\n{\n    //######################### protected fields #########################\n\n    /**\n     * Dictionary with error names that have defined message\n     */\n    protected _errorMessages: StringDictionary;\n\n    //######################### constructor #########################\n    constructor(@Inject(STRING_LOCALIZATION) protected _stringLocalization: StringLocalization,\n                @Inject(IGNORED_VALIDATION_ERRORS) protected _ignoredValidationErrors: string[],\n                @Inject(VALIDATION_ERROR_MESSAGES) @Optional() globalErrorMessages?: StringDictionary)\n    {\n        this._errorMessages = extend(true, {}, defaultErrorMessages, globalErrorMessages);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Gets validation errors result for provided control, or null of no errors are present\n     * @param control - Form control instance that should be inspected for errors\n     * @param messages - Object containing error messages that should patch existing error messages\n     */\n    public getErrors(control: FormControl, messages?: StringDictionary): ValidationErrorsResult\n    {\n        const errorMessages: StringDictionary = extend(true, {}, this._errorMessages, messages);\n\n        //no control or no errors\n        if(!control || !control.errors)\n        {\n            return null;\n        }\n\n        const result: ValidationErrorsResult =\n        {\n            errors: Object.keys(control.errors).filter(itm => this._ignoredValidationErrors.indexOf(itm) < 0),\n            errorMessages: []\n        };\n\n        result.errors.forEach(error =>\n        {\n            const errorData = control.errors[error];\n            \n            //error message is present for error\n            if(errorMessages[error])\n            {\n                result.errorMessages.push(this._stringLocalization.get(errorMessages[error], control.errors));\n            }\n            //display error data if it is string and there is missing translation\n            else if(isString(errorData))\n            {\n                result.errorMessages.push(errorData);\n            }\n            //error data are array of strings, each string is considered error message\n            else if(Array.isArray(errorData))\n            {\n                errorData.forEach(errorItm =>\n                {\n                    if(isString(errorItm))\n                    {\n                        result.errorMessages.push(this._stringLocalization.get(errorItm, control.errors));\n                    }\n                });\n            }\n        });\n\n        return result;\n    }\n}"]}

package/es2022/forms/src/services/formModelBuilder/formModelBuilder.service.js

@@ -21,10 +21,10 @@ export class FormModelBuilder {
             injector: this._injector,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormModelBuilder, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormModelBuilder }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FormModelBuilder, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FormModelBuilder }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormModelBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: FormModelBuilder, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
 //# sourceMappingURL=formModelBuilder.service.js.map

package/es2022/forms/src/services/submitted/submitted.service.js

@@ -40,10 +40,10 @@ export class SubmittedService {
             this._submittedChangeSubject.next();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SubmittedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SubmittedService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: SubmittedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: SubmittedService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SubmittedService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: SubmittedService, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=submitted.service.js.map

package/es2022/forms/src/services/validationErrorRenderer/validationErrorRenderer.service.js

@@ -1,5 +1,5 @@
 import { Injectable, Inject, Optional } from '@angular/core';
-import { extend } from '@jscrpt/common';
+import { extend } from '@jscrpt/common/extend';
 import { ErrorMessagesExtractor } from '../errorMessagesExtractor/errorMessagesExtractor.service';
 import { VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS } from '../../misc/tokens';
 import { DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent } from '../../components';
@@ -25,10 +25,10 @@ export class ValidationErrorRendererFactory {
     create(control, containerView, injector, isSubmittedOrDirty) {
         return new this._options.rendererType(this._errorMessagesExtractor, control, containerView, injector, isSubmittedOrDirty, this._options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationErrorRendererFactory, deps: [{ token: i1.ErrorMessagesExtractor }, { token: VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationErrorRendererFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ValidationErrorRendererFactory, deps: [{ token: i1.ErrorMessagesExtractor }, { token: VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ValidationErrorRendererFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationErrorRendererFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ValidationErrorRendererFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.ErrorMessagesExtractor }, { type: undefined, decorators: [{

package/es2022/forms/src/services/validationErrorRenderer/validationErrorRenderer.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"validationErrorRenderer.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/validationErrorRenderer/validationErrorRenderer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable, Inject, Optional, Injector, ComponentRef} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {extend, StringDictionary} from '@jscrpt/common';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorRenderer, IsSubmittedOrDirtyFunc, ValidationErrorsRendererOptions, ValidationErrorRendererFactoryOptions, ValidationErrorsContainerComponent} from './validationErrorRenderer.interface';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS} from '../../misc/tokens';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\nimport {DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent} from '../../components';\n\n/**\n * Service used for creating validation errors renderer\n */\n@Injectable({providedIn: 'root'})\nexport class ValidationErrorRendererFactory\n{\n    //######################### protected fields #########################\n\n    /**\n     * Options for validation error renderer factory\n     */\n    protected _options: ValidationErrorRendererFactoryOptions;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                @Optional() @Inject(VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS) options: ValidationErrorRendererFactoryOptions)\n    {\n        this._options = extend(true, {}, DEFAULT_OPTIONS, options);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Creates new instance of ValidationErrorRenderer\n     * @param control - Control that is being processed for errors\n     * @param containerView - Class that stores view container for rendering errors\n     * @param injector - Injector for obtaining dependencies\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     */\n    public create(control: FormControl,\n                  containerView: ValidationErrorsContainerView,\n                  injector: Injector,\n                  isSubmittedOrDirty: IsSubmittedOrDirtyFunc): ValidationErrorRenderer\n    {\n        return new this._options.rendererType(this._errorMessagesExtractor,\n                                              control,\n                                              containerView,\n                                              injector,\n                                              isSubmittedOrDirty,\n                                              this._options);\n    }\n}\n\n/**\n * Default implementation of validation error renderer\n */\nexport class DefaultValidationErrorRenderer implements ValidationErrorRenderer\n{\n    //######################### protected fields #########################\n\n    /**\n     * Object storing last obtained errors\n     */\n    protected _lastErrors: ValidationErrorsResult;\n\n    /**\n     * Component used as validation errors container\n     */\n    protected _container: ComponentRef<ValidationErrorsContainerComponent>;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                protected _control: FormControl,\n                protected _containerView: ValidationErrorsContainerView,\n                protected _injector: Injector,\n                protected _isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n                protected _options: ValidationErrorsRendererOptions)\n    {\n        this._initialize();\n    }\n\n    //######################### public methods - implementation of ValiDationErrorRenderer #########################\n\n    /**\n     * @inheritdoc\n     */\n    public destroy(): void\n    {\n        this._containerView.viewContainer.clear();\n        this._container = null;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public update(options: ValidationErrorsRendererOptions, errorMessages?: StringDictionary): boolean\n    {\n        let result = false;\n        this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);\n\n        //has errors\n        if(this._lastErrors)\n        {\n            this._isSubmittedOrDirty(() =>\n                                     {\n                                         // const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);\n                                         const opts = extend(true, {}, this._options, options);\n\n                                         this._container.instance.show(this._lastErrors, opts);\n                                         result = true;\n                                     },\n                                     () =>\n                                     {\n                                         this._container.instance.hide();\n                                         result = false;\n                                     });\n        }\n        else\n        {\n            this._container.instance.hide();\n            result = false;\n        }\n\n        return result;\n    }\n\n    /**\n     * Initialize renderer\n     */\n    protected _initialize(): void\n    {\n        this._container = this._containerView.viewContainer.createComponent(this._options.container, {injector: this._injector});\n        this._container.instance.hide();\n    }\n}\n\n/**\n * Default options for validation error renderer factory\n */\nconst DEFAULT_OPTIONS: ValidationErrorRendererFactoryOptions =\n{\n    prefix: 'ng-',\n    suffix: '-error',\n    wrapperDivClass: 'validation-error-div',\n    rendererType: DefaultValidationErrorRenderer,\n    component: DefaultValidationErrorsComponent,\n    container: DefaultValidationErrorsContainerComponent,\n};"]}
+{"version":3,"file":"validationErrorRenderer.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/validationErrorRenderer/validationErrorRenderer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable, Inject, Optional, Injector, ComponentRef} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringDictionary} from '@jscrpt/common';\nimport {extend} from '@jscrpt/common/extend';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorRenderer, IsSubmittedOrDirtyFunc, ValidationErrorsRendererOptions, ValidationErrorRendererFactoryOptions, ValidationErrorsContainerComponent} from './validationErrorRenderer.interface';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS} from '../../misc/tokens';\nimport {ValidationErrorsContainerView} from '../../misc/validationErrorsContainerView';\nimport {DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent} from '../../components';\n\n/**\n * Service used for creating validation errors renderer\n */\n@Injectable({providedIn: 'root'})\nexport class ValidationErrorRendererFactory\n{\n    //######################### protected fields #########################\n\n    /**\n     * Options for validation error renderer factory\n     */\n    protected _options: ValidationErrorRendererFactoryOptions;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                @Optional() @Inject(VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS) options: ValidationErrorRendererFactoryOptions)\n    {\n        this._options = extend(true, {}, DEFAULT_OPTIONS, options);\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Creates new instance of ValidationErrorRenderer\n     * @param control - Control that is being processed for errors\n     * @param containerView - Class that stores view container for rendering errors\n     * @param injector - Injector for obtaining dependencies\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     */\n    public create(control: FormControl,\n                  containerView: ValidationErrorsContainerView,\n                  injector: Injector,\n                  isSubmittedOrDirty: IsSubmittedOrDirtyFunc): ValidationErrorRenderer\n    {\n        return new this._options.rendererType(this._errorMessagesExtractor,\n                                              control,\n                                              containerView,\n                                              injector,\n                                              isSubmittedOrDirty,\n                                              this._options);\n    }\n}\n\n/**\n * Default implementation of validation error renderer\n */\nexport class DefaultValidationErrorRenderer implements ValidationErrorRenderer\n{\n    //######################### protected fields #########################\n\n    /**\n     * Object storing last obtained errors\n     */\n    protected _lastErrors: ValidationErrorsResult;\n\n    /**\n     * Component used as validation errors container\n     */\n    protected _container: ComponentRef<ValidationErrorsContainerComponent>;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                protected _control: FormControl,\n                protected _containerView: ValidationErrorsContainerView,\n                protected _injector: Injector,\n                protected _isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n                protected _options: ValidationErrorsRendererOptions)\n    {\n        this._initialize();\n    }\n\n    //######################### public methods - implementation of ValiDationErrorRenderer #########################\n\n    /**\n     * @inheritdoc\n     */\n    public destroy(): void\n    {\n        this._containerView.viewContainer.clear();\n        this._container = null;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public update(options: ValidationErrorsRendererOptions, errorMessages?: StringDictionary): boolean\n    {\n        let result = false;\n        this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);\n\n        //has errors\n        if(this._lastErrors)\n        {\n            this._isSubmittedOrDirty(() =>\n                                     {\n                                         // const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);\n                                         const opts = extend(true, {}, this._options, options);\n\n                                         this._container.instance.show(this._lastErrors, opts);\n                                         result = true;\n                                     },\n                                     () =>\n                                     {\n                                         this._container.instance.hide();\n                                         result = false;\n                                     });\n        }\n        else\n        {\n            this._container.instance.hide();\n            result = false;\n        }\n\n        return result;\n    }\n\n    /**\n     * Initialize renderer\n     */\n    protected _initialize(): void\n    {\n        this._container = this._containerView.viewContainer.createComponent(this._options.container, {injector: this._injector});\n        this._container.instance.hide();\n    }\n}\n\n/**\n * Default options for validation error renderer factory\n */\nconst DEFAULT_OPTIONS: ValidationErrorRendererFactoryOptions =\n{\n    prefix: 'ng-',\n    suffix: '-error',\n    wrapperDivClass: 'validation-error-div',\n    rendererType: DefaultValidationErrorRenderer,\n    component: DefaultValidationErrorsComponent,\n    container: DefaultValidationErrorsContainerComponent,\n};"]}

package/es2022/hotkeys/src/components/cheatSheet/cheatSheet.component.js

@@ -61,12 +61,12 @@ export class HotkeysCheatsheetComponent {
     toggleCheatSheet() {
         this.helpVisible$.next(!this.helpVisible$.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: HotkeysCheatsheetComponent, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: HotkeysCheatsheetComponent, isStandalone: true, selector: "hotkeys-cheatsheet", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                @for(hotkey of hotkeys; track hotkey)\n                {\n                    <tr>\n                        <td class=\"cfp-hotkeys-keys\">\n                            @for(key of hotkey.formatted; track key)\n                            {\n                                <span class=\"cfp-hotkeys-key\">{{key}}</span>\n                            }\n                        </td>\n    \n                        <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>", styles: [".cfp-hotkeys-container \n{\n    display: table !important;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    color: #333;\n    font-size: 1em;\n    background-color: rgba(255, 255, 255, 0.9);\n}\n\n.cfp-hotkeys-container.fade \n{\n    z-index: -1024;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    -moz-transition: opacity 0.15s linear;\n    -o-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n}\n\n.cfp-hotkeys-container.fade.in \n{\n    z-index: 10002;\n    visibility: visible;\n    opacity: 1;\n}\n\n.cfp-hotkeys-title \n{\n    font-weight: bold;\n    text-align: center;\n    font-size: 1.2em;\n}\n\n.cfp-hotkeys \n{\n    width: 100%;\n    height: 100%;\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys table \n{\n    margin: auto;\n    color: #333;\n}\n\n.cfp-content \n{\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys-keys \n{\n    padding: 5px;\n    text-align: right;\n}\n\n.cfp-hotkeys-key \n{\n    display: inline-block;\n    color: #fff;\n    background-color: #333;\n    border: 1px solid #333;\n    border-radius: 5px;\n    text-align: center;\n    margin-right: 5px;\n    box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;\n    padding: 5px 9px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-text \n{\n    padding-left: 10px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-close \n{\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    font-size: 2em;\n    font-weight: bold;\n    padding: 5px 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    min-height: 45px;\n    min-width: 45px;\n    text-align: center;\n}\n\n.cfp-hotkeys-close:hover \n{\n    background-color: #fff;\n    cursor: pointer;\n}\n\n@media all and (max-width: 500px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 0.8em;\n    }\n}\n\n@media all and (min-width: 750px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 1.2em;\n    }\n}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HotkeysCheatsheetComponent, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.0", type: HotkeysCheatsheetComponent, isStandalone: true, selector: "hotkeys-cheatsheet", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                @for(hotkey of hotkeys; track hotkey)\n                {\n                    <tr>\n                        <td class=\"cfp-hotkeys-keys\">\n                            @for(key of hotkey.formatted; track key)\n                            {\n                                <span class=\"cfp-hotkeys-key\">{{key}}</span>\n                            }\n                        </td>\n    \n                        <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>", styles: [".cfp-hotkeys-container \n{\n    display: table !important;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    color: #333;\n    font-size: 1em;\n    background-color: rgba(255, 255, 255, 0.9);\n}\n\n.cfp-hotkeys-container.fade \n{\n    z-index: -1024;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    -moz-transition: opacity 0.15s linear;\n    -o-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n}\n\n.cfp-hotkeys-container.fade.in \n{\n    z-index: 10002;\n    visibility: visible;\n    opacity: 1;\n}\n\n.cfp-hotkeys-title \n{\n    font-weight: bold;\n    text-align: center;\n    font-size: 1.2em;\n}\n\n.cfp-hotkeys \n{\n    width: 100%;\n    height: 100%;\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys table \n{\n    margin: auto;\n    color: #333;\n}\n\n.cfp-content \n{\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys-keys \n{\n    padding: 5px;\n    text-align: right;\n}\n\n.cfp-hotkeys-key \n{\n    display: inline-block;\n    color: #fff;\n    background-color: #333;\n    border: 1px solid #333;\n    border-radius: 5px;\n    text-align: center;\n    margin-right: 5px;\n    box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;\n    padding: 5px 9px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-text \n{\n    padding-left: 10px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-close \n{\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    font-size: 2em;\n    font-weight: bold;\n    padding: 5px 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    min-height: 45px;\n    min-width: 45px;\n    text-align: center;\n}\n\n.cfp-hotkeys-close:hover \n{\n    background-color: #fff;\n    cursor: pointer;\n}\n\n@media all and (max-width: 500px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 0.8em;\n    }\n}\n\n@media all and (min-width: 750px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 1.2em;\n    }\n}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: HotkeysCheatsheetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: HotkeysCheatsheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hotkeys-cheatsheet', standalone: true, imports: [
+            args: [{ selector: 'hotkeys-cheatsheet', imports: [
                         CommonModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                @for(hotkey of hotkeys; track hotkey)\n                {\n                    <tr>\n                        <td class=\"cfp-hotkeys-keys\">\n                            @for(key of hotkey.formatted; track key)\n                            {\n                                <span class=\"cfp-hotkeys-key\">{{key}}</span>\n                            }\n                        </td>\n    \n                        <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>", styles: [".cfp-hotkeys-container \n{\n    display: table !important;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    color: #333;\n    font-size: 1em;\n    background-color: rgba(255, 255, 255, 0.9);\n}\n\n.cfp-hotkeys-container.fade \n{\n    z-index: -1024;\n    visibility: hidden;\n    opacity: 0;\n    -webkit-transition: opacity 0.15s linear;\n    -moz-transition: opacity 0.15s linear;\n    -o-transition: opacity 0.15s linear;\n    transition: opacity 0.15s linear;\n}\n\n.cfp-hotkeys-container.fade.in \n{\n    z-index: 10002;\n    visibility: visible;\n    opacity: 1;\n}\n\n.cfp-hotkeys-title \n{\n    font-weight: bold;\n    text-align: center;\n    font-size: 1.2em;\n}\n\n.cfp-hotkeys \n{\n    width: 100%;\n    height: 100%;\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys table \n{\n    margin: auto;\n    color: #333;\n}\n\n.cfp-content \n{\n    display: table-cell;\n    vertical-align: middle;\n}\n\n.cfp-hotkeys-keys \n{\n    padding: 5px;\n    text-align: right;\n}\n\n.cfp-hotkeys-key \n{\n    display: inline-block;\n    color: #fff;\n    background-color: #333;\n    border: 1px solid #333;\n    border-radius: 5px;\n    text-align: center;\n    margin-right: 5px;\n    box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;\n    padding: 5px 9px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-text \n{\n    padding-left: 10px;\n    font-size: 1em;\n}\n\n.cfp-hotkeys-close \n{\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    font-size: 2em;\n    font-weight: bold;\n    padding: 5px 10px;\n    border: 1px solid #ddd;\n    border-radius: 5px;\n    min-height: 45px;\n    min-width: 45px;\n    text-align: center;\n}\n\n.cfp-hotkeys-close:hover \n{\n    background-color: #fff;\n    cursor: pointer;\n}\n\n@media all and (max-width: 500px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 0.8em;\n    }\n}\n\n@media all and (min-width: 750px) \n{\n    .cfp-hotkeys \n    {\n        font-size: 1.2em;\n    }\n}"] }]
         }], ctorParameters: () => [{ type: i1.HotkeysService }], propDecorators: { title: [{

package/es2022/hotkeys/src/components/cheatSheet/cheatSheet.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"cheatSheet.component.js","sourceRoot":"","sources":["../../../../../hotkeys/src/components/cheatSheet/cheatSheet.component.ts","../../../../../hotkeys/src/components/cheatSheet/cheatSheet.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAqB,WAAW,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAChH,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAC,eAAe,EAAe,MAAM,MAAM,CAAC;AACnD,OAAO,EAAS,cAAc,EAAC,MAAM,kBAAkB,CAAC;;;;AAExD;;GAEG;AAaH,MAAM,OAAO,0BAA0B;IAuBnC,iEAAiE;IACjE,YAAoB,eAA+B;QAA/B,oBAAe,GAAf,eAAe,CAAgB;QAtBnD,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAY,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;QAErE,uEAAuE;QAEhE,iBAAY,GAA6B,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAI3E,gFAAgF;QAEhF;;WAEG;QAEI,UAAK,GAAW,qBAAqB,CAAC;IAK7C,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB,CAAC;YACG,OAAO;QACX,CAAC;QAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;YAE3E,IAAI,MAAM,KAAK,KAAK,EACpB,CAAC;gBACG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACrF,CAAC;YAED,IAAI,MAAM,KAAK,KAAK,EACpB,CAAC;gBACG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;iBAED,CAAC;gBACG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,IAAI,CAAC,YAAY,EACrB,CAAC;YACG,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC;IACL,CAAC;IAED,oEAAoE;IAEpE;;OAEG;IACI,gBAAgB;QAEnB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;8GA/EQ,0BAA0B;kGAA1B,0BAA0B,0GCpBvC,y5BAwBM,+/DDRE,YAAY;;2FAIP,0BAA0B;kBAZtC,SAAS;+BAEI,oBAAoB,cAGlB,IAAI,WAEhB;wBACI,YAAY;qBACf,mBACgB,uBAAuB,CAAC,MAAM;mFAuBxC,KAAK;sBADX,KAAK","sourcesContent":["import {ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit, PLATFORM_ID, inject} from '@angular/core';\nimport {CommonModule, isPlatformBrowser} from '@angular/common';\nimport {BehaviorSubject, Subscription} from 'rxjs';\nimport {Hotkey, HotkeysService} from 'angular2-hotkeys';\n\n/**\n * Component used for displaying current active hotkeys as cheat cheet\n */\n@Component(\n{\n    selector: 'hotkeys-cheatsheet',\n    templateUrl: 'cheatSheet.component.html',\n    styleUrl: 'cheatSheet.component.css',\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HotkeysCheatsheetComponent implements OnInit, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Indication whether is running in browser\n     */\n    private _isBrowser: boolean = isPlatformBrowser(inject(PLATFORM_ID));\n\n    //######################### public properties #########################\n\n    public helpVisible$: BehaviorSubject<boolean> = new BehaviorSubject(false);\n    public subscription: Subscription|undefined|null;\n    public hotkeys: Hotkey[]|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Title displayed in header of cheat sheet\n     */\n    @Input()\n    public title: string = 'Keyboard Shortcuts:';\n\n    //######################### constructor #########################\n    constructor(private _hotkeysService: HotkeysService)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        if(!this._isBrowser)\n        {\n            return;\n        }\n\n        this.subscription = this._hotkeysService.cheatSheetToggle.subscribe((isOpen) =>\n        {\n            if (isOpen !== false)\n            {\n                this.hotkeys = this._hotkeysService.hotkeys.filter(hotkey => hotkey.description);\n            }\n\n            if (isOpen === false)\n            {\n                this.helpVisible$.next(false);\n            }\n            else\n            {\n                this.toggleCheatSheet();\n            }\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if (this.subscription)\n        {\n            this.subscription.unsubscribe();\n        }\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Toggles cheatsheet visibility\n     */\n    public toggleCheatSheet(): void\n    {\n        this.helpVisible$.next(!this.helpVisible$.value);\n    }\n}","<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                @for(hotkey of hotkeys; track hotkey)\n                {\n                    <tr>\n                        <td class=\"cfp-hotkeys-keys\">\n                            @for(key of hotkey.formatted; track key)\n                            {\n                                <span class=\"cfp-hotkeys-key\">{{key}}</span>\n                            }\n                        </td>\n    \n                        <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>"]}
+{"version":3,"file":"cheatSheet.component.js","sourceRoot":"","sources":["../../../../../hotkeys/src/components/cheatSheet/cheatSheet.component.ts","../../../../../hotkeys/src/components/cheatSheet/cheatSheet.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAqB,WAAW,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAChH,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAC,eAAe,EAAe,MAAM,MAAM,CAAC;AACnD,OAAO,EAAS,cAAc,EAAC,MAAM,kBAAkB,CAAC;;;;AAExD;;GAEG;AAYH,MAAM,OAAO,0BAA0B;IAuBnC,iEAAiE;IACjE,YAAoB,eAA+B;QAA/B,oBAAe,GAAf,eAAe,CAAgB;QAtBnD,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAY,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;QAErE,uEAAuE;QAEhE,iBAAY,GAA6B,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAI3E,gFAAgF;QAEhF;;WAEG;QAEI,UAAK,GAAW,qBAAqB,CAAC;IAK7C,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB,CAAC;YACG,OAAO;QACX,CAAC;QAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;YAE3E,IAAI,MAAM,KAAK,KAAK,EACpB,CAAC;gBACG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACrF,CAAC;YAED,IAAI,MAAM,KAAK,KAAK,EACpB,CAAC;gBACG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;iBAED,CAAC;gBACG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,IAAI,CAAC,YAAY,EACrB,CAAC;YACG,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC;IACL,CAAC;IAED,oEAAoE;IAEpE;;OAEG;IACI,gBAAgB;QAEnB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;8GA/EQ,0BAA0B;kGAA1B,0BAA0B,0GCnBvC,y5BAwBM,+/DDTE,YAAY;;2FAIP,0BAA0B;kBAXtC,SAAS;+BAEI,oBAAoB,WAI9B;wBACI,YAAY;qBACf,mBACgB,uBAAuB,CAAC,MAAM;mFAuBxC,KAAK;sBADX,KAAK","sourcesContent":["import {ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit, PLATFORM_ID, inject} from '@angular/core';\nimport {CommonModule, isPlatformBrowser} from '@angular/common';\nimport {BehaviorSubject, Subscription} from 'rxjs';\nimport {Hotkey, HotkeysService} from 'angular2-hotkeys';\n\n/**\n * Component used for displaying current active hotkeys as cheat cheet\n */\n@Component(\n{\n    selector: 'hotkeys-cheatsheet',\n    templateUrl: 'cheatSheet.component.html',\n    styleUrl: 'cheatSheet.component.css',\n    imports:\n    [\n        CommonModule,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HotkeysCheatsheetComponent implements OnInit, OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Indication whether is running in browser\n     */\n    private _isBrowser: boolean = isPlatformBrowser(inject(PLATFORM_ID));\n\n    //######################### public properties #########################\n\n    public helpVisible$: BehaviorSubject<boolean> = new BehaviorSubject(false);\n    public subscription: Subscription|undefined|null;\n    public hotkeys: Hotkey[]|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Title displayed in header of cheat sheet\n     */\n    @Input()\n    public title: string = 'Keyboard Shortcuts:';\n\n    //######################### constructor #########################\n    constructor(private _hotkeysService: HotkeysService)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        if(!this._isBrowser)\n        {\n            return;\n        }\n\n        this.subscription = this._hotkeysService.cheatSheetToggle.subscribe((isOpen) =>\n        {\n            if (isOpen !== false)\n            {\n                this.hotkeys = this._hotkeysService.hotkeys.filter(hotkey => hotkey.description);\n            }\n\n            if (isOpen === false)\n            {\n                this.helpVisible$.next(false);\n            }\n            else\n            {\n                this.toggleCheatSheet();\n            }\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        if (this.subscription)\n        {\n            this.subscription.unsubscribe();\n        }\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Toggles cheatsheet visibility\n     */\n    public toggleCheatSheet(): void\n    {\n        this.helpVisible$.next(!this.helpVisible$.value);\n    }\n}","<div class=\"cfp-hotkeys-container fade\" [ngClass]=\"{'in': helpVisible$|async}\" style=\"display:none\">\n    <div class=\"cfp-hotkeys\">\n        <h4 class=\"cfp-hotkeys-title\">{{title}}</h4>\n\n        <table>\n            <tbody>\n                @for(hotkey of hotkeys; track hotkey)\n                {\n                    <tr>\n                        <td class=\"cfp-hotkeys-keys\">\n                            @for(key of hotkey.formatted; track key)\n                            {\n                                <span class=\"cfp-hotkeys-key\">{{key}}</span>\n                            }\n                        </td>\n    \n                        <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                    </tr>\n                }\n            </tbody>\n        </table>\n\n        <div class=\"cfp-hotkeys-close\" (click)=\"toggleCheatSheet()\">&#215;</div>\n    </div>\n</div>"]}

package/es2022/hotkeys/src/services/appHotkeys.service.js

@@ -127,10 +127,10 @@ export class AppHotkeysService {
         }
         this._hotkeys.push(hotkey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AppHotkeysService, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AppHotkeysService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AppHotkeysService, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AppHotkeysService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AppHotkeysService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: AppHotkeysService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HotkeysService }] });
 //# sourceMappingURL=appHotkeys.service.js.map

package/es2022/material/src/components/confirmationDialog/confirmationDialog.component.js

@@ -1,12 +1,12 @@
 import { Component, ChangeDetectionStrategy, Inject, Optional } from '@angular/core';
+import { NgClass } from '@angular/common';
 import { MatDialogRef } from '@angular/material/dialog';
-import { extend } from '@jscrpt/common';
+import { LocalizePipe } from '@anglr/common';
+import { extend } from '@jscrpt/common/extend';
 import { CONFIRMATION_DIALOG_OPTIONS } from '../../misc/tokens';
 import { TITLED_DIALOG_DATA } from '../../misc/tokens';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/common";
-import * as i3 from "../../../../src/pipes/localize/localize.pipe";
 /**
  * Default options for dialog
  * @internal
@@ -32,12 +32,15 @@ export class ConfirmationDialogComponent {
         this.dialog = dialog;
         this.options = extend(true, {}, defaultOptions, options ?? {}, data);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: TITLED_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: CONFIRMATION_DIALOG_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ConfirmationDialogComponent, selector: "confirmation-dialog", ngImport: i0, template: "<div>{{options?.confirmationText | localize}}</div>\r\n\r\n<div [ngClass]=\"options?.cssClasses?.buttonsContainerDiv\">\r\n    <button [ngClass]=\"options?.cssClasses?.closeButton\" (click)=\"dialog.close(false)\">\r\n        <span [ngClass]=\"options?.cssClasses?.closeButtonIcon\"></span>\r\n        <span>{{options?.dialogCancelText | localize}}</span>\r\n    </button>\r\n    \r\n    <button [ngClass]=\"options?.cssClasses?.confirmButton\" (click)=\"dialog.close(true)\">\r\n        <span [ngClass]=\"options?.cssClasses?.confirmButtonIcon\"></span>\r\n        <span>{{options?.dialogConfirmText | localize}}</span>\r\n    </button>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: TITLED_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: CONFIRMATION_DIALOG_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: ConfirmationDialogComponent, isStandalone: true, selector: "confirmation-dialog", ngImport: i0, template: "<div>{{options?.confirmationText | localize}}</div>\r\n\r\n<div [ngClass]=\"options?.cssClasses?.buttonsContainerDiv\">\r\n    <button [ngClass]=\"options?.cssClasses?.closeButton\" (click)=\"dialog.close(false)\">\r\n        <span [ngClass]=\"options?.cssClasses?.closeButtonIcon\"></span>\r\n        <span>{{options?.dialogCancelText | localize}}</span>\r\n    </button>\r\n    \r\n    <button [ngClass]=\"options?.cssClasses?.confirmButton\" (click)=\"dialog.close(true)\">\r\n        <span [ngClass]=\"options?.cssClasses?.confirmButtonIcon\"></span>\r\n        <span>{{options?.dialogConfirmText | localize}}</span>\r\n    </button>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'confirmation-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>{{options?.confirmationText | localize}}</div>\r\n\r\n<div [ngClass]=\"options?.cssClasses?.buttonsContainerDiv\">\r\n    <button [ngClass]=\"options?.cssClasses?.closeButton\" (click)=\"dialog.close(false)\">\r\n        <span [ngClass]=\"options?.cssClasses?.closeButtonIcon\"></span>\r\n        <span>{{options?.dialogCancelText | localize}}</span>\r\n    </button>\r\n    \r\n    <button [ngClass]=\"options?.cssClasses?.confirmButton\" (click)=\"dialog.close(true)\">\r\n        <span [ngClass]=\"options?.cssClasses?.confirmButtonIcon\"></span>\r\n        <span>{{options?.dialogConfirmText | localize}}</span>\r\n    </button>\r\n</div>\r\n" }]
+            args: [{ selector: 'confirmation-dialog', imports: [
+                        NgClass,
+                        LocalizePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>{{options?.confirmationText | localize}}</div>\r\n\r\n<div [ngClass]=\"options?.cssClasses?.buttonsContainerDiv\">\r\n    <button [ngClass]=\"options?.cssClasses?.closeButton\" (click)=\"dialog.close(false)\">\r\n        <span [ngClass]=\"options?.cssClasses?.closeButtonIcon\"></span>\r\n        <span>{{options?.dialogCancelText | localize}}</span>\r\n    </button>\r\n    \r\n    <button [ngClass]=\"options?.cssClasses?.confirmButton\" (click)=\"dialog.close(true)\">\r\n        <span [ngClass]=\"options?.cssClasses?.confirmButtonIcon\"></span>\r\n        <span>{{options?.dialogConfirmText | localize}}</span>\r\n    </button>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [TITLED_DIALOG_DATA]

package/es2022/material/src/components/confirmationDialog/confirmationDialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmationDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/confirmationDialog/confirmationDialog.component.ts","../../../../../material/src/components/confirmationDialog/confirmationDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAEtC,OAAO,EAAC,2BAA2B,EAAC,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;;;;;AAGrD;;;GAGG;AACH,MAAM,cAAc,GACpB;IACI,gBAAgB,EAAE,0BAA0B;IAC5C,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,KAAK;IACxB,UAAU,EACV;QACI,mBAAmB,EAAE,kCAAkC;QACvD,WAAW,EAAE,yCAAyC;QACtD,eAAe,EAAE,WAAW;QAC5B,aAAa,EAAE,iBAAiB;QAChC,iBAAiB,EAAE,aAAa;KACnC;CACJ,CAAC;AAEF;;GAEG;AAOH,MAAM,OAAO,2BAA2B;IAUpC,iEAAiE;IACjE,YAAwC,IAA+B,EACpD,MAAwD,EACd,OAAkC;QAD5E,WAAM,GAAN,MAAM,CAAkD;QAGvE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IACzE,CAAC;8GAhBQ,2BAA2B,kBAWhB,kBAAkB,yCAElB,2BAA2B;kGAbtC,2BAA2B,2DCpCxC,6oBAaA;;2FDuBa,2BAA2B;kBANvC,SAAS;+BAEI,qBAAqB,mBAEd,uBAAuB,CAAC,MAAM;;0BAalC,MAAM;2BAAC,kBAAkB;;0BAEzB,MAAM;2BAAC,2BAA2B;;0BAAG,QAAQ","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Optional} from '@angular/core';\nimport {MatDialogRef} from '@angular/material/dialog';\nimport {extend} from '@jscrpt/common';\n\nimport {CONFIRMATION_DIALOG_OPTIONS} from '../../misc/tokens';\nimport {TITLED_DIALOG_DATA} from '../../misc/tokens';\nimport {ConfirmationDialogOptions} from '../../misc/interfaces/confirmationDialog.interface';\n\n/**\n * Default options for dialog\n * @internal\n */\nconst defaultOptions: ConfirmationDialogOptions =\n{\n    confirmationText: 'Do you wish to continue?',\n    dialogCancelText: 'No',\n    dialogConfirmText: 'Yes',\n    cssClasses:\n    {\n        buttonsContainerDiv: 'flex-row flex-end margin-top-big',\n        closeButton: 'btn btn-danger margin-right-extra-small',\n        closeButtonIcon: 'fa fa-ban',\n        confirmButton: 'btn btn-primary',\n        confirmButtonIcon: 'fa fa-check'\n    }\n};\n\n/**\n * Confirmation dialog component\n */\n@Component(\n{\n    selector: 'confirmation-dialog',\n    templateUrl: 'confirmationDialog.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ConfirmationDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Options used for confirmation dialog component\n     * @internal\n     */\n    public options: ConfirmationDialogOptions;\n\n    //######################### constructor #########################\n    constructor(@Inject(TITLED_DIALOG_DATA) data: ConfirmationDialogOptions,\n                public dialog: MatDialogRef<ConfirmationDialogOptions, boolean>,\n                @Inject(CONFIRMATION_DIALOG_OPTIONS) @Optional() options: ConfirmationDialogOptions)\n    {\n        this.options = extend(true, {}, defaultOptions, options ?? {}, data);\n    }\n}\n","<div>{{options?.confirmationText | localize}}</div>\r\n\r\n<div [ngClass]=\"options?.cssClasses?.buttonsContainerDiv\">\r\n    <button [ngClass]=\"options?.cssClasses?.closeButton\" (click)=\"dialog.close(false)\">\r\n        <span [ngClass]=\"options?.cssClasses?.closeButtonIcon\"></span>\r\n        <span>{{options?.dialogCancelText | localize}}</span>\r\n    </button>\r\n    \r\n    <button [ngClass]=\"options?.cssClasses?.confirmButton\" (click)=\"dialog.close(true)\">\r\n        <span [ngClass]=\"options?.cssClasses?.confirmButtonIcon\"></span>\r\n        <span>{{options?.dialogConfirmText | localize}}</span>\r\n    </button>\r\n</div>\r\n"]}
+{"version":3,"file":"confirmationDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/confirmationDialog/confirmationDialog.component.ts","../../../../../material/src/components/confirmationDialog/confirmationDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAC,2BAA2B,EAAC,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;;;AAGrD;;;GAGG;AACH,MAAM,cAAc,GACpB;IACI,gBAAgB,EAAE,0BAA0B;IAC5C,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,KAAK;IACxB,UAAU,EACV;QACI,mBAAmB,EAAE,kCAAkC;QACvD,WAAW,EAAE,yCAAyC;QACtD,eAAe,EAAE,WAAW;QAC5B,aAAa,EAAE,iBAAiB;QAChC,iBAAiB,EAAE,aAAa;KACnC;CACJ,CAAC;AAEF;;GAEG;AAYH,MAAM,OAAO,2BAA2B;IAUpC,iEAAiE;IACjE,YAAwC,IAA+B,EACpD,MAAwD,EACd,OAAkC;QAD5E,WAAM,GAAN,MAAM,CAAkD;QAGvE,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IACzE,CAAC;8GAhBQ,2BAA2B,kBAWhB,kBAAkB,yCAElB,2BAA2B;kGAbtC,2BAA2B,+EC3CxC,6oBAaA,4CDyBQ,OAAO,+EACP,YAAY;;2FAIP,2BAA2B;kBAXvC,SAAS;+BAEI,qBAAqB,WAG/B;wBACI,OAAO;wBACP,YAAY;qBACf,mBACgB,uBAAuB,CAAC,MAAM;;0BAalC,MAAM;2BAAC,kBAAkB;;0BAEzB,MAAM;2BAAC,2BAA2B;;0BAAG,QAAQ","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Optional} from '@angular/core';\nimport {NgClass} from '@angular/common';\nimport {MatDialogRef} from '@angular/material/dialog';\nimport {LocalizePipe} from '@anglr/common';\nimport {extend} from '@jscrpt/common/extend';\n\nimport {CONFIRMATION_DIALOG_OPTIONS} from '../../misc/tokens';\nimport {TITLED_DIALOG_DATA} from '../../misc/tokens';\nimport {ConfirmationDialogOptions} from '../../misc/interfaces/confirmationDialog.interface';\n\n/**\n * Default options for dialog\n * @internal\n */\nconst defaultOptions: ConfirmationDialogOptions =\n{\n    confirmationText: 'Do you wish to continue?',\n    dialogCancelText: 'No',\n    dialogConfirmText: 'Yes',\n    cssClasses:\n    {\n        buttonsContainerDiv: 'flex-row flex-end margin-top-big',\n        closeButton: 'btn btn-danger margin-right-extra-small',\n        closeButtonIcon: 'fa fa-ban',\n        confirmButton: 'btn btn-primary',\n        confirmButtonIcon: 'fa fa-check'\n    }\n};\n\n/**\n * Confirmation dialog component\n */\n@Component(\n{\n    selector: 'confirmation-dialog',\n    templateUrl: 'confirmationDialog.component.html',\n    imports:\n    [\n        NgClass,\n        LocalizePipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ConfirmationDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Options used for confirmation dialog component\n     * @internal\n     */\n    public options: ConfirmationDialogOptions;\n\n    //######################### constructor #########################\n    constructor(@Inject(TITLED_DIALOG_DATA) data: ConfirmationDialogOptions,\n                public dialog: MatDialogRef<ConfirmationDialogOptions, boolean>,\n                @Inject(CONFIRMATION_DIALOG_OPTIONS) @Optional() options: ConfirmationDialogOptions)\n    {\n        this.options = extend(true, {}, defaultOptions, options ?? {}, data);\n    }\n}\n","<div>{{options?.confirmationText | localize}}</div>\r\n\r\n<div [ngClass]=\"options?.cssClasses?.buttonsContainerDiv\">\r\n    <button [ngClass]=\"options?.cssClasses?.closeButton\" (click)=\"dialog.close(false)\">\r\n        <span [ngClass]=\"options?.cssClasses?.closeButtonIcon\"></span>\r\n        <span>{{options?.dialogCancelText | localize}}</span>\r\n    </button>\r\n    \r\n    <button [ngClass]=\"options?.cssClasses?.confirmButton\" (click)=\"dialog.close(true)\">\r\n        <span [ngClass]=\"options?.cssClasses?.confirmButtonIcon\"></span>\r\n        <span>{{options?.dialogConfirmText | localize}}</span>\r\n    </button>\r\n</div>\r\n"]}

package/es2022/material/src/components/movableTitledDialog/movableTitledDialog.component.js

@@ -1,18 +1,23 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { NgComponentOutlet } from '@angular/common';
+import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { LocalizePipe } from '@anglr/common';
 import { TitledDialogComponent } from '../titledDialog/titledDialog.component';
 import * as i0 from "@angular/core";
-import * as i1 from "../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive";
-import * as i2 from "@angular/cdk/drag-drop";
-import * as i3 from "../../../../src/pipes/localize/localize.pipe";
 /**
  * Component used as wrapper for material dialog enhanced with title, which is movable
  */
 export class MovableTitledDialogComponent extends TitledDialogComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MovableTitledDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: MovableTitledDialogComponent, selector: "movable-titled-dialog", usesInheritance: true, ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\"\r\n     cdkDrag\r\n     cdkDragRootElement=\".cdk-overlay-pane\" \r\n     cdkDragHandle>\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i3.LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MovableTitledDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: MovableTitledDialogComponent, isStandalone: true, selector: "movable-titled-dialog", usesInheritance: true, ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\"\r\n     cdkDrag\r\n     cdkDragRootElement=\".cdk-overlay-pane\" \r\n     cdkDragHandle>\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-container *ngComponentOutlet=\"component; injector: injector\"/>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MovableTitledDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: MovableTitledDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'movable-titled-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row titled-dialog-title\"\r\n     cdkDrag\r\n     cdkDragRootElement=\".cdk-overlay-pane\" \r\n     cdkDragHandle>\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"] }]
+            args: [{ selector: 'movable-titled-dialog', imports: [
+                        CdkDrag,
+                        LocalizePipe,
+                        CdkDragHandle,
+                        NgComponentOutlet,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row titled-dialog-title\"\r\n     cdkDrag\r\n     cdkDragRootElement=\".cdk-overlay-pane\" \r\n     cdkDragHandle>\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-container *ngComponentOutlet=\"component; injector: injector\"/>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"] }]
         }] });
 //# sourceMappingURL=movableTitledDialog.component.js.map

package/es2022/material/src/components/movableTitledDialog/movableTitledDialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"movableTitledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/movableTitledDialog/movableTitledDialog.component.ts","../../../../../material/src/components/movableTitledDialog/movableTitledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AAEjE,OAAO,EAAC,qBAAqB,EAAC,MAAM,wCAAwC,CAAC;;;;;AAE7E;;GAEG;AAQH,MAAM,OAAO,4BAA6B,SAAQ,qBAAqB;8GAA1D,4BAA4B;kGAA5B,4BAA4B,oFCdzC,whBAaM;;2FDCO,4BAA4B;kBAPxC,SAAS;+BAEI,uBAAuB,mBAGhB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\n\nimport {TitledDialogComponent} from '../titledDialog/titledDialog.component';\n\n/**\n * Component used as wrapper for material dialog enhanced with title, which is movable\n */\n@Component(\n{\n    selector: 'movable-titled-dialog',\n    templateUrl: 'movableTitledDialog.component.html',\n    styleUrls: ['../titledDialog/titledDialog.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MovableTitledDialogComponent extends TitledDialogComponent\n{\n}\n","<div class=\"flex-row titled-dialog-title\"\r\n     cdkDrag\r\n     cdkDragRootElement=\".cdk-overlay-pane\" \r\n     cdkDragHandle>\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>"]}
+{"version":3,"file":"movableTitledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/movableTitledDialog/movableTitledDialog.component.ts","../../../../../material/src/components/movableTitledDialog/movableTitledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,wCAAwC,CAAC;;AAE7E;;GAEG;AAeH,MAAM,OAAO,4BAA6B,SAAQ,qBAAqB;8GAA1D,4BAA4B;kGAA5B,4BAA4B,wGCxBzC,kfAaM,0XDIE,OAAO,mcACP,YAAY,iDACZ,aAAa,+FACb,iBAAiB;;2FAIZ,4BAA4B;kBAdxC,SAAS;+BAEI,uBAAuB,WAIjC;wBACI,OAAO;wBACP,YAAY;wBACZ,aAAa;wBACb,iBAAiB;qBACpB,mBACgB,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy} from '@angular/core';\nimport {NgComponentOutlet} from '@angular/common';\nimport {CdkDrag, CdkDragHandle} from '@angular/cdk/drag-drop';\nimport {LocalizePipe} from '@anglr/common';\n\nimport {TitledDialogComponent} from '../titledDialog/titledDialog.component';\n\n/**\n * Component used as wrapper for material dialog enhanced with title, which is movable\n */\n@Component(\n{\n    selector: 'movable-titled-dialog',\n    templateUrl: 'movableTitledDialog.component.html',\n    styleUrl: '../titledDialog/titledDialog.component.css',\n    imports:\n    [\n        CdkDrag,\n        LocalizePipe,\n        CdkDragHandle,\n        NgComponentOutlet,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MovableTitledDialogComponent extends TitledDialogComponent\n{\n}\n","<div class=\"flex-row titled-dialog-title\"\r\n     cdkDrag\r\n     cdkDragRootElement=\".cdk-overlay-pane\" \r\n     cdkDragHandle>\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-container *ngComponentOutlet=\"component; injector: injector\"/>\r\n</div>"]}

package/es2022/material/src/components/titledDialog/titledDialog.component.js

@@ -1,10 +1,10 @@
 import { Component, ChangeDetectionStrategy, Inject, Injector, TemplateRef } from '@angular/core';
+import { NgComponentOutlet } from '@angular/common';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { LocalizePipe } from '@anglr/common';
 import { TITLED_DIALOG_DATA } from '../../misc/tokens';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive";
-import * as i3 from "../../../../src/pipes/localize/localize.pipe";
 /**
  * Component used as wrapper for material dialog enhanced with title
  */
@@ -32,12 +32,15 @@ export class TitledDialogComponent {
             parent: injector
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TitledDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TitledDialogComponent, selector: "titled-dialog", ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], dependencies: [{ kind: "directive", type: i2.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }, { kind: "pipe", type: i3.LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TitledDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.0", type: TitledDialogComponent, isStandalone: true, selector: "titled-dialog", ngImport: i0, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-container *ngComponentOutlet=\"component; injector: injector\"/>\r\n</div>\r\n", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"], dependencies: [{ kind: "pipe", type: LocalizePipe, name: "localize" }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TitledDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: TitledDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'titled-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"] }]
+            args: [{ selector: 'titled-dialog', imports: [
+                        LocalizePipe,
+                        NgComponentOutlet,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-container *ngComponentOutlet=\"component; injector: injector\"/>\r\n</div>\r\n", styles: [".titled-dialog-title\r\n{\r\n    padding: 10px;\r\n    text-transform: capitalize;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n.titled-dialog-title .close-dialog\r\n{\r\n    margin-left: 10px;\r\n}\r\n\r\n.titled-dialog-content\r\n{\r\n    padding: 10px;\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]

package/es2022/material/src/components/titledDialog/titledDialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"titledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/titledDialog/titledDialog.component.ts","../../../../../material/src/components/titledDialog/titledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAiB,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGvE,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;;;;;AAGrD;;GAEG;AAQH,MAAM,OAAO,qBAAqB;IAS9B;;OAEG;IACH,IAAW,SAAS;QAEhB,IAAG,IAAI,CAAC,IAAI,EAAE,sBAAsB,YAAY,WAAW,EAC3D,CAAC;YACG,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC;IAC5C,CAAC;IAED,iEAAiE;IACjE,YAA4C,IAA0B,EACnD,SAA6C,EACpD,QAAkB;QAFc,SAAI,GAAJ,IAAI,CAAsB;QACnD,cAAS,GAAT,SAAS,CAAoC;QAG5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC/B;YACI,SAAS,EACT;gBAEI;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI;iBACtB;aACJ;YACD,MAAM,EAAE,QAAQ;SACnB,CAAC,CAAC;IACP,CAAC;8GAvCQ,qBAAqB,kBAuBV,eAAe;kGAvB1B,qBAAqB,qDCjBlC,gcAUM;;2FDOO,qBAAqB;kBAPjC,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;;0BAyBlC,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Injector, ValueProvider, TemplateRef} from '@angular/core';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {ComponentType} from '@angular/cdk/portal';\n\nimport {TITLED_DIALOG_DATA} from '../../misc/tokens';\nimport {ɵTitledDialogOptions} from '../../misc/interfaces/titledDialog.interface';\n\n/**\n * Component used as wrapper for material dialog enhanced with title\n */\n@Component(\n{\n    selector: 'titled-dialog',\n    templateUrl: 'titledDialog.component.html',\n    styleUrls: ['titledDialog.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TitledDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Injector used for creating component or template\n     */\n    public injector: Injector;\n\n    /**\n     * Instance of component that will be rendered in dialog\n     */\n    public get component(): ComponentType<any>\n    {\n        if(this.data?.componentOrTemplateRef instanceof TemplateRef)\n        {\n            return null;\n        }\n\n        return this.data.componentOrTemplateRef;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(MAT_DIALOG_DATA) public data: ɵTitledDialogOptions,\n                public dialogRef: MatDialogRef<ɵTitledDialogOptions>,\n                injector: Injector)\n    {\n        this.injector = Injector.create(\n        {\n            providers:\n            [\n                <ValueProvider>\n                {\n                    provide: TITLED_DIALOG_DATA,\n                    useValue: data.data\n                }\n            ],\n            parent: injector\n        });\n    }\n}","<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-template [ngComponentOutletEx]=\"component\" [ngComponentOutletExInjector]=\"injector\"></ng-template>\r\n</div>"]}
+{"version":3,"file":"titledDialog.component.js","sourceRoot":"","sources":["../../../../../material/src/components/titledDialog/titledDialog.component.ts","../../../../../material/src/components/titledDialog/titledDialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,QAAQ,EAAiB,WAAW,EAAC,MAAM,eAAe,CAAC;AAC/G,OAAO,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,eAAe,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;;;AAGrD;;GAEG;AAaH,MAAM,OAAO,qBAAqB;IAS9B;;OAEG;IACH,IAAW,SAAS;QAEhB,IAAG,IAAI,CAAC,IAAI,EAAE,sBAAsB,YAAY,WAAW,EAC3D,CAAC;YACG,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC;IAC5C,CAAC;IAED,iEAAiE;IACjE,YAA4C,IAA0B,EACnD,SAA6C,EACpD,QAAkB;QAFc,SAAI,GAAJ,IAAI,CAAsB;QACnD,cAAS,GAAT,SAAS,CAAoC;QAG5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAC/B;YACI,SAAS,EACT;gBAEI;oBACI,OAAO,EAAE,kBAAkB;oBAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI;iBACtB;aACJ;YACD,MAAM,EAAE,QAAQ;SACnB,CAAC,CAAC;IACP,CAAC;8GAvCQ,qBAAqB,kBAuBV,eAAe;kGAvB1B,qBAAqB,yECxBlC,8ZAWA,qXDQQ,YAAY,iDACZ,iBAAiB;;2FAIZ,qBAAqB;kBAZjC,SAAS;+BAEI,eAAe,WAIzB;wBACI,YAAY;wBACZ,iBAAiB;qBACpB,mBACgB,uBAAuB,CAAC,MAAM;;0BAyBlC,MAAM;2BAAC,eAAe","sourcesContent":["import {Component, ChangeDetectionStrategy, Inject, Injector, ValueProvider, TemplateRef} from '@angular/core';\nimport {NgComponentOutlet} from '@angular/common';\nimport {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {LocalizePipe} from '@anglr/common';\n\nimport {TITLED_DIALOG_DATA} from '../../misc/tokens';\nimport {ɵTitledDialogOptions} from '../../misc/interfaces/titledDialog.interface';\n\n/**\n * Component used as wrapper for material dialog enhanced with title\n */\n@Component(\n{\n    selector: 'titled-dialog',\n    templateUrl: 'titledDialog.component.html',\n    styleUrl: 'titledDialog.component.css',\n    imports:\n    [\n        LocalizePipe,\n        NgComponentOutlet,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TitledDialogComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Injector used for creating component or template\n     */\n    public injector: Injector;\n\n    /**\n     * Instance of component that will be rendered in dialog\n     */\n    public get component(): ComponentType<any>\n    {\n        if(this.data?.componentOrTemplateRef instanceof TemplateRef)\n        {\n            return null;\n        }\n\n        return this.data.componentOrTemplateRef;\n    }\n\n    //######################### constructor #########################\n    constructor(@Inject(MAT_DIALOG_DATA) public data: ɵTitledDialogOptions,\n                public dialogRef: MatDialogRef<ɵTitledDialogOptions>,\n                injector: Injector)\n    {\n        this.injector = Injector.create(\n        {\n            providers:\n            [\n                <ValueProvider>\n                {\n                    provide: TITLED_DIALOG_DATA,\n                    useValue: data.data\n                }\n            ],\n            parent: injector\n        });\n    }\n}","<div class=\"flex-row titled-dialog-title\">\r\n    <div class=\"flex-1\">{{data.title | localize}}</div>\r\n\r\n    <div class=\"pointer-cursor align-self-center close-dialog\" (click)=\"dialogRef.close()\">\r\n        <div class=\"fa fa-times\"></div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"titled-dialog-content\">\r\n    <ng-container *ngComponentOutlet=\"component; injector: injector\"/>\r\n</div>\r\n"]}

package/es2022/material/src/directives/confirmationDialog/confirmationDialog.directive.js

@@ -73,14 +73,13 @@ export class ConfirmationDialogDirective {
             this.confirm.emit();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConfirmationDialogDirective, deps: [{ token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ConfirmationDialogDirective, isStandalone: true, selector: "[confirmation]", inputs: { confirmationText: ["confirmation", "confirmationText"], confirmationTitle: "confirmationTitle", confirmationConfirm: "confirmationConfirm", confirmationCancel: "confirmationCancel", confirmationCssClasses: "confirmationCssClasses", skipConfirmation: "skipConfirmation", preventDefaultsAndPropagation: "preventDefaultsAndPropagation" }, outputs: { confirm: "confirm" }, host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConfirmationDialogDirective, deps: [{ token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: ConfirmationDialogDirective, isStandalone: true, selector: "[confirmation]", inputs: { confirmationText: ["confirmation", "confirmationText"], confirmationTitle: "confirmationTitle", confirmationConfirm: "confirmationConfirm", confirmationCancel: "confirmationCancel", confirmationCssClasses: "confirmationCssClasses", skipConfirmation: "skipConfirmation", preventDefaultsAndPropagation: "preventDefaultsAndPropagation" }, outputs: { confirm: "confirm" }, host: { listeners: { "click": "click($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ConfirmationDialogDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: ConfirmationDialogDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[confirmation]',
-                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i1.TitledDialogService }], propDecorators: { confirmationText: [{
                 type: Input,

package/es2022/material/src/directives/confirmationDialog/confirmationDialog.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmationDialog.directive.js","sourceRoot":"","sources":["../../../../../material/src/directives/confirmationDialog/confirmationDialog.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAC,2BAA2B,EAAC,MAAM,kEAAkE,CAAC;;;AAG7G;;GAEG;AAMH,MAAM,OAAO,2BAA2B;IAsDpC,iEAAiE;IACjE,YAAoB,OAA4B;QAA5B,YAAO,GAAP,OAAO,CAAqB;QArDhD,gFAAgF;QAEhF;;WAEG;QAEI,qBAAgB,GAA0B,SAAS,CAAC;QAE3D;;WAEG;QAEI,sBAAiB,GAAW,cAAc,CAAC;QAElD;;WAEG;QAEI,wBAAmB,GAA0B,SAAS,CAAC;QAE9D;;WAEG;QAEI,uBAAkB,GAA0B,SAAS,CAAC;QAE7D;;WAEG;QAEI,2BAAsB,GAAgD,SAAS,CAAC;QAEvF;;WAEG;QAEI,qBAAgB,GAAY,KAAK,CAAC;QAEzC;;WAEG;QAEI,kCAA6B,GAAY,IAAI,CAAC;QAErD,iFAAiF;QAEjF;;WAEG;QAEI,YAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAK9D,CAAC;IAED,2EAA2E;IAE3E;;OAEG;IAEI,KAAK,CAAC,KAAK,CAAC,KAAiB;QAEhC,IAAG,IAAI,CAAC,6BAA6B,EACrC,CAAC;YACG,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,CAAC;QAED,IAAG,IAAI,CAAC,gBAAgB,EACxB,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAEpB,OAAO;QACX,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAkE,2BAA2B,EACjJ;YACI,KAAK,EAAE,IAAI,CAAC,iBAAiB;YAC7B,KAAK,EAAE,MAAM;YACb,IAAI,EACJ;gBACI,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,SAAS;gBACpD,gBAAgB,EAAE,IAAI,CAAC,kBAAkB,IAAI,SAAS;gBACtD,iBAAiB,EAAE,IAAI,CAAC,mBAAmB,IAAI,SAAS;gBACxD,UAAU,EAAE,IAAI,CAAC,sBAAsB,IAAI,EAAE;aAChD;SACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAElB,IAAG,MAAM,EACT,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC;IACL,CAAC;8GAjGQ,2BAA2B;kGAA3B,2BAA2B;;2FAA3B,2BAA2B;kBALvC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;iBACnB;wFASU,gBAAgB;sBADtB,KAAK;uBAAC,cAAc;gBAOd,iBAAiB;sBADvB,KAAK;gBAOC,mBAAmB;sBADzB,KAAK;gBAOC,kBAAkB;sBADxB,KAAK;gBAOC,sBAAsB;sBAD5B,KAAK;gBAOC,gBAAgB;sBADtB,KAAK;gBAOC,6BAA6B;sBADnC,KAAK;gBASC,OAAO;sBADb,MAAM;gBAcM,KAAK;sBADjB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {Directive, Input, EventEmitter, Output, HostListener} from '@angular/core';\nimport {lastValueFrom} from 'rxjs';\n\nimport {TitledDialogService} from '../../services/titledDialog/titledDialog.service';\nimport {ConfirmationDialogComponent} from '../../components/confirmationDialog/confirmationDialog.component';\nimport {ConfirmationDialogOptions, ConfirmationDialogCssClasses} from '../../misc/interfaces/confirmationDialog.interface';\n\n/**\n * Directive that enables confirmation dialog on click\n */\n@Directive(\n{\n    selector: '[confirmation]',\n    standalone: true,\n})\nexport class ConfirmationDialogDirective\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Confirmation text that is displayed in dialog\n     */\n    @Input('confirmation')\n    public confirmationText: string|undefined|null = undefined;\n\n    /**\n     * Title for confirmation dialog\n     */\n    @Input()\n    public confirmationTitle: string = 'Confirmation';\n\n    /**\n     * Text for confirm confirmation button\n     */\n    @Input()\n    public confirmationConfirm: string|undefined|null = undefined;\n\n    /**\n     * Text for cancel confirmation button\n     */\n    @Input()\n    public confirmationCancel: string|undefined|null = undefined;\n\n    /**\n     * Object with css classes to be applied to confirmation dialog component\n     */\n    @Input()\n    public confirmationCssClasses: ConfirmationDialogCssClasses|undefined|null = undefined;\n\n    /**\n     * Condidition that determines whether display confirmation dialog or skip it and run confirm directly\n     */\n    @Input()\n    public skipConfirmation: boolean = false;\n\n    /**\n     * Indication whether prevent default and stop propagation of click event, defaults to true\n     */\n    @Input()\n    public preventDefaultsAndPropagation: boolean = true;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user confirms confirmation\n     */\n    @Output()\n    public confirm: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(private _dialog: TitledDialogService)\n    {\n    }\n\n    //######################### public methods - host #########################\n\n    /**\n     * Method called when user clicks on element\n     */\n    @HostListener('click', ['$event'])\n    public async click(event: MouseEvent): Promise<void>\n    {\n        if(this.preventDefaultsAndPropagation)\n        {\n            event.stopPropagation();\n            event.preventDefault();\n        }\n\n        if(this.skipConfirmation)\n        {\n            this.confirm.emit();\n\n            return;\n        }\n\n        const result = await lastValueFrom(this._dialog.open<ConfirmationDialogComponent, ConfirmationDialogOptions, boolean>(ConfirmationDialogComponent,\n        {\n            title: this.confirmationTitle,\n            width: '33vw',\n            data:\n            {\n                confirmationText: this.confirmationText || undefined,\n                dialogCancelText: this.confirmationCancel ?? undefined,\n                dialogConfirmText: this.confirmationConfirm ?? undefined,\n                cssClasses: this.confirmationCssClasses ?? {},\n            }\n        }).afterClosed());\n\n        if(result)\n        {\n            this.confirm.emit();\n        }\n    }\n}"]}
+{"version":3,"file":"confirmationDialog.directive.js","sourceRoot":"","sources":["../../../../../material/src/directives/confirmationDialog/confirmationDialog.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAC,aAAa,EAAC,MAAM,MAAM,CAAC;AAEnC,OAAO,EAAC,mBAAmB,EAAC,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAC,2BAA2B,EAAC,MAAM,kEAAkE,CAAC;;;AAG7G;;GAEG;AAKH,MAAM,OAAO,2BAA2B;IAsDpC,iEAAiE;IACjE,YAAoB,OAA4B;QAA5B,YAAO,GAAP,OAAO,CAAqB;QArDhD,gFAAgF;QAEhF;;WAEG;QAEI,qBAAgB,GAA0B,SAAS,CAAC;QAE3D;;WAEG;QAEI,sBAAiB,GAAW,cAAc,CAAC;QAElD;;WAEG;QAEI,wBAAmB,GAA0B,SAAS,CAAC;QAE9D;;WAEG;QAEI,uBAAkB,GAA0B,SAAS,CAAC;QAE7D;;WAEG;QAEI,2BAAsB,GAAgD,SAAS,CAAC;QAEvF;;WAEG;QAEI,qBAAgB,GAAY,KAAK,CAAC;QAEzC;;WAEG;QAEI,kCAA6B,GAAY,IAAI,CAAC;QAErD,iFAAiF;QAEjF;;WAEG;QAEI,YAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;IAK9D,CAAC;IAED,2EAA2E;IAE3E;;OAEG;IAEI,KAAK,CAAC,KAAK,CAAC,KAAiB;QAEhC,IAAG,IAAI,CAAC,6BAA6B,EACrC,CAAC;YACG,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,CAAC;QAED,IAAG,IAAI,CAAC,gBAAgB,EACxB,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAEpB,OAAO;QACX,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAkE,2BAA2B,EACjJ;YACI,KAAK,EAAE,IAAI,CAAC,iBAAiB;YAC7B,KAAK,EAAE,MAAM;YACb,IAAI,EACJ;gBACI,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,SAAS;gBACpD,gBAAgB,EAAE,IAAI,CAAC,kBAAkB,IAAI,SAAS;gBACtD,iBAAiB,EAAE,IAAI,CAAC,mBAAmB,IAAI,SAAS;gBACxD,UAAU,EAAE,IAAI,CAAC,sBAAsB,IAAI,EAAE;aAChD;SACJ,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;QAElB,IAAG,MAAM,EACT,CAAC;YACG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC;IACL,CAAC;8GAjGQ,2BAA2B;kGAA3B,2BAA2B;;2FAA3B,2BAA2B;kBAJvC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;iBAC7B;wFASU,gBAAgB;sBADtB,KAAK;uBAAC,cAAc;gBAOd,iBAAiB;sBADvB,KAAK;gBAOC,mBAAmB;sBADzB,KAAK;gBAOC,kBAAkB;sBADxB,KAAK;gBAOC,sBAAsB;sBAD5B,KAAK;gBAOC,gBAAgB;sBADtB,KAAK;gBAOC,6BAA6B;sBADnC,KAAK;gBASC,OAAO;sBADb,MAAM;gBAcM,KAAK;sBADjB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {Directive, Input, EventEmitter, Output, HostListener} from '@angular/core';\nimport {lastValueFrom} from 'rxjs';\n\nimport {TitledDialogService} from '../../services/titledDialog/titledDialog.service';\nimport {ConfirmationDialogComponent} from '../../components/confirmationDialog/confirmationDialog.component';\nimport {ConfirmationDialogOptions, ConfirmationDialogCssClasses} from '../../misc/interfaces/confirmationDialog.interface';\n\n/**\n * Directive that enables confirmation dialog on click\n */\n@Directive(\n{\n    selector: '[confirmation]',\n})\nexport class ConfirmationDialogDirective\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Confirmation text that is displayed in dialog\n     */\n    @Input('confirmation')\n    public confirmationText: string|undefined|null = undefined;\n\n    /**\n     * Title for confirmation dialog\n     */\n    @Input()\n    public confirmationTitle: string = 'Confirmation';\n\n    /**\n     * Text for confirm confirmation button\n     */\n    @Input()\n    public confirmationConfirm: string|undefined|null = undefined;\n\n    /**\n     * Text for cancel confirmation button\n     */\n    @Input()\n    public confirmationCancel: string|undefined|null = undefined;\n\n    /**\n     * Object with css classes to be applied to confirmation dialog component\n     */\n    @Input()\n    public confirmationCssClasses: ConfirmationDialogCssClasses|undefined|null = undefined;\n\n    /**\n     * Condidition that determines whether display confirmation dialog or skip it and run confirm directly\n     */\n    @Input()\n    public skipConfirmation: boolean = false;\n\n    /**\n     * Indication whether prevent default and stop propagation of click event, defaults to true\n     */\n    @Input()\n    public preventDefaultsAndPropagation: boolean = true;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when user confirms confirmation\n     */\n    @Output()\n    public confirm: EventEmitter<void> = new EventEmitter<void>();\n\n    //######################### constructor #########################\n    constructor(private _dialog: TitledDialogService)\n    {\n    }\n\n    //######################### public methods - host #########################\n\n    /**\n     * Method called when user clicks on element\n     */\n    @HostListener('click', ['$event'])\n    public async click(event: MouseEvent): Promise<void>\n    {\n        if(this.preventDefaultsAndPropagation)\n        {\n            event.stopPropagation();\n            event.preventDefault();\n        }\n\n        if(this.skipConfirmation)\n        {\n            this.confirm.emit();\n\n            return;\n        }\n\n        const result = await lastValueFrom(this._dialog.open<ConfirmationDialogComponent, ConfirmationDialogOptions, boolean>(ConfirmationDialogComponent,\n        {\n            title: this.confirmationTitle,\n            width: '33vw',\n            data:\n            {\n                confirmationText: this.confirmationText || undefined,\n                dialogCancelText: this.confirmationCancel ?? undefined,\n                dialogConfirmText: this.confirmationConfirm ?? undefined,\n                cssClasses: this.confirmationCssClasses ?? {},\n            }\n        }).afterClosed());\n\n        if(result)\n        {\n            this.confirm.emit();\n        }\n    }\n}"]}

package/es2022/material/src/directives/debugDataCopyClick/debugDataCopyClick.directive.js

@@ -26,14 +26,13 @@ export class DebugDataCopyClickDirective {
     copyData() {
         this._clipboard.copy(JSON.stringify(this.data, null, 4));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DebugDataCopyClickDirective, deps: [{ token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: DebugDataCopyClickDirective, isStandalone: true, selector: "debug-data[copyClick]", inputs: { data: ["copyClick", "data"] }, host: { listeners: { "click": "copyData()" }, properties: { "class.clickable": "this.clickable" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DebugDataCopyClickDirective, deps: [{ token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0", type: DebugDataCopyClickDirective, isStandalone: true, selector: "debug-data[copyClick]", inputs: { data: ["copyClick", "data"] }, host: { listeners: { "click": "copyData()" }, properties: { "class.clickable": "this.clickable" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DebugDataCopyClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0", ngImport: i0, type: DebugDataCopyClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'debug-data[copyClick]',
-                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i1.Clipboard }], propDecorators: { data: [{
                 type: Input,