@anglr/common 19.2.0-beta.20240125053304 → 20.0.0-beta.20240530103148

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

@@ -5,15 +5,17 @@ import * as i0 from "@angular/core";
  * Service used for handling submitted state of form
  */
 export class SubmittedService {
-    //######################### private fields #########################
-    /**
-     * Subject for indication when submitted changes
-     */
-    _submittedChangeSubject = new Subject();
-    /**
-     * Indication whether was form submitted
-     */
-    _submitted = false;
+    constructor() {
+        //######################### private fields #########################
+        /**
+         * Subject for indication when submitted changes
+         */
+        this._submittedChangeSubject = new Subject();
+        /**
+         * Indication whether was form submitted
+         */
+        this._submitted = false;
+    }
     //######################### public properties #########################
     /**
      * Gets indication whether was form submitted
@@ -38,10 +40,10 @@ export class SubmittedService {
             this._submittedChangeSubject.next();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SubmittedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SubmittedService });
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SubmittedService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SubmittedService, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=submitted.service.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"submitted.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/submitted/submitted.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,OAAO,EAAa,MAAM,MAAM,CAAC;;AAEzC;;GAEG;AAEH,MAAM,OAAO,gBAAgB;IAEzB,oEAAoE;IAEpE;;OAEG;IACK,uBAAuB,GAAkB,IAAI,OAAO,EAAQ,CAAC;IAErE;;OAEG;IACK,UAAU,GAAY,KAAK,CAAC;IAEpC,uEAAuE;IAEvE;;OAEG;IACH,IAAW,SAAS;QAEhB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,IAAW,eAAe;QAEtB,OAAO,IAAI,CAAC,uBAAuB,CAAC,YAAY,EAAE,CAAC;IACvD,CAAC;IAED,oEAAoE;IAEpE;;;OAGG;IACI,YAAY,CAAC,YAAqB,IAAI;QAEzC,IAAG,IAAI,CAAC,UAAU,IAAI,SAAS,EAC/B;YACI,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;SACvC;IACL,CAAC;uGA7CQ,gBAAgB;2GAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAD5B,UAAU","sourcesContent":["import {Injectable} from '@angular/core';\nimport {Subject, Observable} from 'rxjs';\n\n/**\n * Service used for handling submitted state of form\n */\n@Injectable()\nexport class SubmittedService\n{\n    //######################### private fields #########################\n\n    /**\n     * Subject for indication when submitted changes\n     */\n    private _submittedChangeSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Indication whether was form submitted\n     */\n    private _submitted: boolean = false;\n\n    //######################### public properties #########################\n\n    /**\n     * Gets indication whether was form submitted\n     */\n    public get submitted(): boolean\n    {\n        return this._submitted;\n    }\n\n    /**\n     * Occurs when indication whether was form submitted changes\n     */\n    public get submittedChange(): Observable<void>\n    {\n        return this._submittedChangeSubject.asObservable();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Sets submitted to true\n     * @param submitted - If set to false, sets submitted to false\n     */\n    public setSubmitted(submitted: boolean = true): void\n    {\n        if(this._submitted != submitted)\n        {\n            this._submitted = submitted;\n            this._submittedChangeSubject.next();\n        }\n    }\n}"]}
+{"version":3,"file":"submitted.service.js","sourceRoot":"","sources":["../../../../../forms/src/services/submitted/submitted.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,OAAO,EAAa,MAAM,MAAM,CAAC;;AAEzC;;GAEG;AAEH,MAAM,OAAO,gBAAgB;IAD7B;QAGI,oEAAoE;QAEpE;;WAEG;QACK,4BAAuB,GAAkB,IAAI,OAAO,EAAQ,CAAC;QAErE;;WAEG;QACK,eAAU,GAAY,KAAK,CAAC;KAkCvC;IAhCG,uEAAuE;IAEvE;;OAEG;IACH,IAAW,SAAS;QAEhB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,IAAW,eAAe;QAEtB,OAAO,IAAI,CAAC,uBAAuB,CAAC,YAAY,EAAE,CAAC;IACvD,CAAC;IAED,oEAAoE;IAEpE;;;OAGG;IACI,YAAY,CAAC,YAAqB,IAAI;QAEzC,IAAG,IAAI,CAAC,UAAU,IAAI,SAAS,EAC/B,CAAC;YACG,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE,CAAC;QACxC,CAAC;IACL,CAAC;8GA7CQ,gBAAgB;kHAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAD5B,UAAU","sourcesContent":["import {Injectable} from '@angular/core';\nimport {Subject, Observable} from 'rxjs';\n\n/**\n * Service used for handling submitted state of form\n */\n@Injectable()\nexport class SubmittedService\n{\n    //######################### private fields #########################\n\n    /**\n     * Subject for indication when submitted changes\n     */\n    private _submittedChangeSubject: Subject<void> = new Subject<void>();\n\n    /**\n     * Indication whether was form submitted\n     */\n    private _submitted: boolean = false;\n\n    //######################### public properties #########################\n\n    /**\n     * Gets indication whether was form submitted\n     */\n    public get submitted(): boolean\n    {\n        return this._submitted;\n    }\n\n    /**\n     * Occurs when indication whether was form submitted changes\n     */\n    public get submittedChange(): Observable<void>\n    {\n        return this._submittedChangeSubject.asObservable();\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Sets submitted to true\n     * @param submitted - If set to false, sets submitted to false\n     */\n    public setSubmitted(submitted: boolean = true): void\n    {\n        if(this._submitted != submitted)\n        {\n            this._submitted = submitted;\n            this._submittedChangeSubject.next();\n        }\n    }\n}"]}

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

@@ -9,12 +9,6 @@ import * as i1 from "../errorMessagesExtractor/errorMessagesExtractor.service";
  * Service used for creating validation errors renderer
  */
 export class ValidationErrorRendererFactory {
-    _errorMessagesExtractor;
-    //######################### protected fields #########################
-    /**
-     * Options for validation error renderer factory
-     */
-    _options;
     //######################### constructor #########################
     constructor(_errorMessagesExtractor, options) {
         this._errorMessagesExtractor = _errorMessagesExtractor;
@@ -31,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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ValidationErrorRendererFactory, deps: [{ token: i1.ErrorMessagesExtractor }, { token: VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ValidationErrorRendererFactory, providedIn: 'root' });
+    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' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ValidationErrorRendererFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationErrorRendererFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.ErrorMessagesExtractor }, { type: undefined, decorators: [{
@@ -47,21 +41,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
  * Default implementation of validation error renderer
  */
 export class DefaultValidationErrorRenderer {
-    _errorMessagesExtractor;
-    _control;
-    _containerView;
-    _injector;
-    _isSubmittedOrDirty;
-    _options;
-    //######################### protected fields #########################
-    /**
-     * Object storing last obtained errors
-     */
-    _lastErrors;
-    /**
-     * Component used as validation errors container
-     */
-    _container;
     //######################### constructor #########################
     constructor(_errorMessagesExtractor, _control, _containerView, _injector, _isSubmittedOrDirty, _options) {
         this._errorMessagesExtractor = _errorMessagesExtractor;

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 {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};"]}

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

@@ -8,25 +8,22 @@ import * as i2 from "@angular/common";
 /**
  * Component used for displaying current active hotkeys as cheat cheet
  */
-export class HotkeysCheatsheetSAComponent {
-    _hotkeysService;
-    //######################### private fields #########################
-    /**
-     * Indication whether is running in browser
-     */
-    _isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
-    //######################### public properties #########################
-    helpVisible$ = new BehaviorSubject(false);
-    subscription;
-    hotkeys;
-    //######################### public properties - inputs #########################
-    /**
-     * Title displayed in header of cheat sheet
-     */
-    title = 'Keyboard Shortcuts:';
+export class HotkeysCheatsheetComponent {
     //######################### constructor #########################
     constructor(_hotkeysService) {
         this._hotkeysService = _hotkeysService;
+        //######################### private fields #########################
+        /**
+         * Indication whether is running in browser
+         */
+        this._isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+        //######################### public properties #########################
+        this.helpVisible$ = new BehaviorSubject(false);
+        //######################### public properties - inputs #########################
+        /**
+         * Title displayed in header of cheat sheet
+         */
+        this.title = 'Keyboard Shortcuts:';
     }
     //######################### public methods - implementation of OnInit #########################
     /**
@@ -64,14 +61,14 @@ export class HotkeysCheatsheetSAComponent {
     toggleCheatSheet() {
         this.helpVisible$.next(!this.helpVisible$.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: HotkeysCheatsheetSAComponent, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: HotkeysCheatsheetSAComponent, 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                <tr *ngFor=\"let hotkey of hotkeys\">\n                    <td class=\"cfp-hotkeys-keys\">\n                        <span *ngFor=\"let key of hotkey.formatted\" class=\"cfp-hotkeys-key\">{{key}}</span>\n                    </td>\n\n                    <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                </tr>\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: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: HotkeysCheatsheetSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: HotkeysCheatsheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hotkeys-cheatsheet', imports: [
+            args: [{ selector: 'hotkeys-cheatsheet', standalone: true, imports: [
                         CommonModule,
-                    ], standalone: true, 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                <tr *ngFor=\"let hotkey of hotkeys\">\n                    <td class=\"cfp-hotkeys-keys\">\n                        <span *ngFor=\"let key of hotkey.formatted\" class=\"cfp-hotkeys-key\">{{key}}</span>\n                    </td>\n\n                    <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                </tr>\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}"] }]
+                    ], 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: [{
                 type: Input
             }] } });

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,4BAA4B;IAwBjB;IAtBpB,oEAAoE;IAEpE;;OAEG;IACK,UAAU,GAAY,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IAErE,uEAAuE;IAEhE,YAAY,GAA6B,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;IACpE,YAAY,CAA8B;IAC1C,OAAO,CAA0B;IAExC,gFAAgF;IAEhF;;OAEG;IAEI,KAAK,GAAW,qBAAqB,CAAC;IAE7C,iEAAiE;IACjE,YAAoB,eAA+B;QAA/B,oBAAe,GAAf,eAAe,CAAgB;IAEnD,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,OAAO;SACV;QAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;YAE3E,IAAI,MAAM,KAAK,KAAK,EACpB;gBACI,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;aACpF;YAED,IAAI,MAAM,KAAK,KAAK,EACpB;gBACI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACjC;iBAED;gBACI,IAAI,CAAC,gBAAgB,EAAE,CAAC;aAC3B;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,IAAI,CAAC,YAAY,EACrB;YACI,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACnC;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;uGA/EQ,4BAA4B;2FAA5B,4BAA4B,0GCpBzC,guBAkBM,+/DDHE,YAAY;;2FAKP,4BAA4B;kBAZxC,SAAS;+BAEI,oBAAoB,WAI9B;wBACI,YAAY;qBACf,cACW,IAAI,mBACC,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    styleUrls: ['cheatSheet.component.css'],\n    imports:\n    [\n        CommonModule,\n    ],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HotkeysCheatsheetSAComponent 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                <tr *ngFor=\"let hotkey of hotkeys\">\n                    <td class=\"cfp-hotkeys-keys\">\n                        <span *ngFor=\"let key of hotkey.formatted\" class=\"cfp-hotkeys-key\">{{key}}</span>\n                    </td>\n\n                    <td class=\"cfp-hotkeys-text\">{{hotkey.description}}</td>\n                </tr>\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;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>"]}

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

@@ -7,32 +7,26 @@ import * as i1 from "angular2-hotkeys";
  * Application hotkeys service
  */
 export class AppHotkeysService {
-    _hotkeySvc;
-    //######################### private fields #########################
-    /**
-     * Old hotkeys from parent
-     */
-    _oldHotkeys = [];
-    /**
-     * Hotkeys for current service
-     */
-    _hotkeys = [];
-    /**
-     * Array of scoped instances of AppHotkeysService
-     */
-    _scoped = [];
-    /**
-     * Instance of mousetrap that is attached to specific element
-     */
-    _mousetrap = null;
-    //######################### public properties #########################
-    /**
-     * Hotkeys service used for handling hotkeys
-     */
-    hotkeys;
     //######################### constructor #########################
     constructor(_hotkeySvc) {
         this._hotkeySvc = _hotkeySvc;
+        //######################### private fields #########################
+        /**
+         * Old hotkeys from parent
+         */
+        this._oldHotkeys = [];
+        /**
+         * Hotkeys for current service
+         */
+        this._hotkeys = [];
+        /**
+         * Array of scoped instances of AppHotkeysService
+         */
+        this._scoped = [];
+        /**
+         * Instance of mousetrap that is attached to specific element
+         */
+        this._mousetrap = null;
         this.hotkeys = new Proxy(this._hotkeySvc, {
             get: (target, property, receiver) => {
                 if (property == 'add') {
@@ -133,10 +127,10 @@ export class AppHotkeysService {
         }
         this._hotkeys.push(hotkey);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: AppHotkeysService, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: AppHotkeysService });
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: AppHotkeysService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AppHotkeysService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HotkeysService }] });
 //# sourceMappingURL=appHotkeys.service.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"appHotkeys.service.js","sourceRoot":"","sources":["../../../../hotkeys/src/services/appHotkeys.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable} from '@angular/core';\nimport {HotkeysService, Hotkey} from 'angular2-hotkeys';\nimport Mousetrap, {MousetrapInstance} from 'mousetrap';\n\n/**\n * Application hotkeys service\n */\n@Injectable()\nexport class AppHotkeysService\n{\n    //######################### private fields #########################\n\n    /**\n     * Old hotkeys from parent\n     */\n    private _oldHotkeys: Hotkey[] = [];\n\n    /**\n     * Hotkeys for current service\n     */\n    private _hotkeys: Hotkey[] = [];\n\n    /**\n     * Array of scoped instances of AppHotkeysService\n     */\n    private _scoped: {element: HTMLElement; hotkeys: AppHotkeysService}[] = [];\n\n    /**\n     * Instance of mousetrap that is attached to specific element\n     */\n    private _mousetrap: MousetrapInstance|null = null;\n\n    //######################### public properties #########################\n\n    /**\n     * Hotkeys service used for handling hotkeys\n     */\n    public hotkeys: HotkeysService;\n\n    //######################### constructor #########################\n    constructor(private _hotkeySvc: HotkeysService)\n    {\n        this.hotkeys = new Proxy(this._hotkeySvc,\n        {\n            get: (target: HotkeysService, property: string, receiver: any) =>\n            {\n                if(property == 'add')\n                {\n                    return new Proxy(Reflect.get(target, property, receiver), \n                    {\n                        apply: (method: (hotkey: Hotkey | Hotkey[], specificEvent?: string ) => Hotkey | Hotkey[], _thisArg: any, argArray: any) =>\n                        {\n                            this._processAddedHotkeys(argArray[0]);\n\n                            return method.apply(this._hotkeySvc, argArray);\n                        }\n                    });\n                }\n                else\n                {\n                    return Reflect.get(target, property, receiver);\n                }\n            }\n        });\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Creates scoped hotkeys for html element\n     * @param element - Html element used as scope base for hotkeys\n     * @param scopedInitialization - Method used for initialization scoped hotkeys, hotkeys can be initialized only inside this method\n     */\n    public withScope(element: HTMLElement, scopedInitialization: (appHotkeysService: AppHotkeysService) => void): void\n    {\n        const tmp = this._scoped.find(itm => itm.element == element);\n        let appHotkeysService: AppHotkeysService;\n\n        if(!tmp)\n        {\n            appHotkeysService = new AppHotkeysService(this._hotkeySvc);\n            appHotkeysService._mousetrap = new Mousetrap(element);\n        }\n        else\n        {\n            appHotkeysService = tmp.hotkeys;\n        }\n\n        const oldHotkeys = appHotkeysService._hotkeySvc.mousetrap;\n\n        if(appHotkeysService._mousetrap)\n        {\n            appHotkeysService._hotkeySvc.mousetrap = appHotkeysService._mousetrap;\n        }\n\n        scopedInitialization(appHotkeysService);\n        appHotkeysService._hotkeySvc.mousetrap = oldHotkeys;\n    }\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.destroy();\n    }\n\n    /**\n     * This method should be called in ngOnDestroy for each component which registered new hotkeys\n     */\n    public destroy(): void\n    {\n        this._scoped.forEach(scoped =>\n        {\n            scoped.hotkeys.destroy();\n        });\n\n        this._scoped = [];\n\n        let oldMouseTrap;\n\n        if(this._mousetrap)\n        {\n            oldMouseTrap = this._hotkeySvc.mousetrap;\n            this._hotkeySvc.mousetrap = this._mousetrap;\n        }\n\n        //remove all hotkeys registered by this service\n        this._hotkeys.forEach(key =>\n        {\n            this._hotkeySvc.remove(key);\n        });\n\n        this._hotkeys = [];\n\n        //restore old hotkeys from parent component\n        this._oldHotkeys.forEach(key =>\n        {\n            this._hotkeySvc.add(key);\n        });\n\n        this._oldHotkeys = [];\n\n        if(this._mousetrap)\n        {\n            if(oldMouseTrap)\n            {\n                this._hotkeySvc.mousetrap = oldMouseTrap;\n            }\n            \n            this._mousetrap.reset();\n            this._mousetrap = null;\n        }\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Process added hotkeys, stores old ones\n     * @param hotkey - Hotkey to be added\n     */\n    private _processAddedHotkeys(hotkey: Hotkey | Hotkey[]): void\n    {\n        if(Array.isArray(hotkey)) \n        {\n            hotkey.forEach(key =>\n            {\n                this._processAddedHotkeys(key);\n            });\n\n            return;\n        }\n\n        const oldHotkeyVal = this._hotkeySvc.get(hotkey.combo);\n\n        if(!Array.isArray(oldHotkeyVal))\n        {\n            console.warn('Unexpected array of hotkeys');\n\n            return;\n        }\n\n        const oldHotkey = oldHotkeyVal[0];\n\n        if(oldHotkey)\n        {\n            this._hotkeySvc.remove(oldHotkey);\n            this._oldHotkeys.push(oldHotkey);\n        }\n\n        this._hotkeys.push(hotkey);\n    }\n}"]}
+{"version":3,"file":"appHotkeys.service.js","sourceRoot":"","sources":["../../../../hotkeys/src/services/appHotkeys.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {Injectable} from '@angular/core';\nimport {HotkeysService, Hotkey} from 'angular2-hotkeys';\nimport Mousetrap, {MousetrapInstance} from 'mousetrap';\n\n/**\n * Application hotkeys service\n */\n@Injectable()\nexport class AppHotkeysService\n{\n    //######################### private fields #########################\n\n    /**\n     * Old hotkeys from parent\n     */\n    private _oldHotkeys: Hotkey[] = [];\n\n    /**\n     * Hotkeys for current service\n     */\n    private _hotkeys: Hotkey[] = [];\n\n    /**\n     * Array of scoped instances of AppHotkeysService\n     */\n    private _scoped: {element: HTMLElement; hotkeys: AppHotkeysService}[] = [];\n\n    /**\n     * Instance of mousetrap that is attached to specific element\n     */\n    private _mousetrap: MousetrapInstance|null = null;\n\n    //######################### public properties #########################\n\n    /**\n     * Hotkeys service used for handling hotkeys\n     */\n    public hotkeys: HotkeysService;\n\n    //######################### constructor #########################\n    constructor(private _hotkeySvc: HotkeysService)\n    {\n        this.hotkeys = new Proxy(this._hotkeySvc,\n        {\n            get: (target: HotkeysService, property: string, receiver: any) =>\n            {\n                if(property == 'add')\n                {\n                    return new Proxy(Reflect.get(target, property, receiver), \n                    {\n                        apply: (method: (hotkey: Hotkey | Hotkey[], specificEvent?: string ) => Hotkey | Hotkey[], _thisArg: any, argArray: any) =>\n                        {\n                            this._processAddedHotkeys(argArray[0]);\n\n                            return method.apply(this._hotkeySvc, argArray);\n                        }\n                    });\n                }\n                else\n                {\n                    return Reflect.get(target, property, receiver);\n                }\n            }\n        });\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Creates scoped hotkeys for html element\n     * @param element - Html element used as scope base for hotkeys\n     * @param scopedInitialization - Method used for initialization scoped hotkeys, hotkeys can be initialized only inside this method\n     */\n    public withScope(element: HTMLElement, scopedInitialization: (appHotkeysService: AppHotkeysService) => void): void\n    {\n        const tmp = this._scoped.find(itm => itm.element == element);\n        let appHotkeysService: AppHotkeysService;\n\n        if(!tmp)\n        {\n            appHotkeysService = new AppHotkeysService(this._hotkeySvc);\n            appHotkeysService._mousetrap = new Mousetrap(element);\n        }\n        else\n        {\n            appHotkeysService = tmp.hotkeys;\n        }\n\n        const oldHotkeys = appHotkeysService._hotkeySvc.mousetrap;\n\n        if(appHotkeysService._mousetrap)\n        {\n            appHotkeysService._hotkeySvc.mousetrap = appHotkeysService._mousetrap;\n        }\n\n        scopedInitialization(appHotkeysService);\n        appHotkeysService._hotkeySvc.mousetrap = oldHotkeys;\n    }\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.destroy();\n    }\n\n    /**\n     * This method should be called in ngOnDestroy for each component which registered new hotkeys\n     */\n    public destroy(): void\n    {\n        this._scoped.forEach(scoped =>\n        {\n            scoped.hotkeys.destroy();\n        });\n\n        this._scoped = [];\n\n        let oldMouseTrap;\n\n        if(this._mousetrap)\n        {\n            oldMouseTrap = this._hotkeySvc.mousetrap;\n            this._hotkeySvc.mousetrap = this._mousetrap;\n        }\n\n        //remove all hotkeys registered by this service\n        this._hotkeys.forEach(key =>\n        {\n            this._hotkeySvc.remove(key);\n        });\n\n        this._hotkeys = [];\n\n        //restore old hotkeys from parent component\n        this._oldHotkeys.forEach(key =>\n        {\n            this._hotkeySvc.add(key);\n        });\n\n        this._oldHotkeys = [];\n\n        if(this._mousetrap)\n        {\n            if(oldMouseTrap)\n            {\n                this._hotkeySvc.mousetrap = oldMouseTrap;\n            }\n            \n            this._mousetrap.reset();\n            this._mousetrap = null;\n        }\n    }\n\n    //######################### private methods #########################\n\n    /**\n     * Process added hotkeys, stores old ones\n     * @param hotkey - Hotkey to be added\n     */\n    private _processAddedHotkeys(hotkey: Hotkey | Hotkey[]): void\n    {\n        if(Array.isArray(hotkey)) \n        {\n            hotkey.forEach(key =>\n            {\n                this._processAddedHotkeys(key);\n            });\n\n            return;\n        }\n\n        const oldHotkeyVal = this._hotkeySvc.get(hotkey.combo);\n\n        if(!Array.isArray(oldHotkeyVal))\n        {\n            console.warn('Unexpected array of hotkeys');\n\n            return;\n        }\n\n        const oldHotkey = oldHotkeyVal[0];\n\n        if(oldHotkey)\n        {\n            this._hotkeySvc.remove(oldHotkey);\n            this._oldHotkeys.push(oldHotkey);\n        }\n\n        this._hotkeys.push(hotkey);\n    }\n}"]}

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

@@ -27,22 +27,15 @@ const defaultOptions = {
  * Confirmation dialog component
  */
 export class ConfirmationDialogComponent {
-    dialog;
-    //######################### public properties - template bindings #########################
-    /**
-     * Options used for confirmation dialog component
-     * @internal
-     */
-    options;
     //######################### constructor #########################
     constructor(data, dialog, options) {
         this.dialog = dialog;
         this.options = extend(true, {}, defaultOptions, options ?? {}, data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: TITLED_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: CONFIRMATION_DIALOG_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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" }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

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;IAYjB;IAVnB,2FAA2F;IAE3F;;;OAGG;IACI,OAAO,CAA4B;IAE1C,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;uGAhBQ,2BAA2B,kBAWhB,kBAAkB,yCAElB,2BAA2B;2FAbtC,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,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"]}

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

@@ -8,10 +8,10 @@ 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MovableTitledDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MovableTitledDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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}"] }]
         }] });

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;uGAA1D,4BAA4B;2FAA5B,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;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>"]}

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

@@ -9,13 +9,6 @@ import * as i3 from "../../../../src/pipes/localize/localize.pipe";
  * Component used as wrapper for material dialog enhanced with title
  */
 export class TitledDialogComponent {
-    data;
-    dialogRef;
-    //######################### public properties - template bindings #########################
-    /**
-     * Injector used for creating component or template
-     */
-    injector;
     /**
      * Instance of component that will be rendered in dialog
      */
@@ -39,10 +32,10 @@ export class TitledDialogComponent {
             parent: injector
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TitledDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", 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: "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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TitledDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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}"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

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;IAuBc;IACzB;IAtBnB,2FAA2F;IAE3F;;OAEG;IACI,QAAQ,CAAW;IAE1B;;OAEG;IACH,IAAW,SAAS;QAEhB,IAAG,IAAI,CAAC,IAAI,EAAE,sBAAsB,YAAY,WAAW,EAC3D;YACI,OAAO,IAAI,CAAC;SACf;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;uGAvCQ,qBAAqB,kBAuBV,eAAe;2FAvB1B,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,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>"]}