@anglr/common 17.0.0-beta.20230707113924 → 17.0.0-beta.20230709184222

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

@@ -0,0 +1,127 @@
+import { Injectable, Inject, Optional } from '@angular/core';
+import { extend } from '@jscrpt/common';
+import { ErrorMessagesExtractor } from '../errorMessagesExtractor/errorMessagesExtractor.service';
+import { VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS } from '../../misc/tokens';
+import { DefaultValidationErrorsComponent, DefaultValidationErrorsContainerComponent } from '../../components';
+import * as i0 from "@angular/core";
+import * as i1 from "../errorMessagesExtractor/errorMessagesExtractor.service";
+/**
+ * Service used for creating validation errors renderer
+ */
+class ValidationErrorRendererFactory {
+    _errorMessagesExtractor;
+    //######################### protected fields #########################
+    /**
+     * Options for validation error renderer factory
+     */
+    _options;
+    //######################### constructor #########################
+    constructor(_errorMessagesExtractor, options) {
+        this._errorMessagesExtractor = _errorMessagesExtractor;
+        this._options = extend(true, {}, DEFAULT_OPTIONS, options);
+    }
+    //######################### public methods #########################
+    /**
+     * Creates new instance of ValidationErrorRenderer
+     * @param control - Control that is being processed for errors
+     * @param containerView - Class that stores view container for rendering errors
+     * @param injector - Injector for obtaining dependencies
+     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty
+     */
+    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: "16.1.4", 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: "16.1.4", ngImport: i0, type: ValidationErrorRendererFactory, providedIn: 'root' });
+}
+export { ValidationErrorRendererFactory };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ValidationErrorRendererFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.ErrorMessagesExtractor }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS]
+                }] }]; } });
+/**
+ * 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;
+        this._control = _control;
+        this._containerView = _containerView;
+        this._injector = _injector;
+        this._isSubmittedOrDirty = _isSubmittedOrDirty;
+        this._options = _options;
+        this._initialize();
+    }
+    //######################### public methods - implementation of ValiDationErrorRenderer #########################
+    /**
+     * @inheritdoc
+     */
+    destroy() {
+        this._containerView.viewContainer.clear();
+        this._container = null;
+    }
+    /**
+     * @inheritdoc
+     */
+    update(options, errorMessages) {
+        let result = false;
+        this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);
+        //has errors
+        if (this._lastErrors) {
+            this._isSubmittedOrDirty(() => {
+                // const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);
+                const opts = extend(true, {}, this._options, options);
+                this._container.instance.show(this._lastErrors, opts);
+                result = true;
+            }, () => {
+                this._container.instance.hide();
+                result = false;
+            });
+        }
+        else {
+            this._container.instance.hide();
+            result = false;
+        }
+        return result;
+    }
+    /**
+     * Initialize renderer
+     */
+    _initialize() {
+        this._container = this._containerView.viewContainer.createComponent(this._options.container, { injector: this._injector });
+        this._container.instance.hide();
+    }
+}
+/**
+ * Default options for validation error renderer factory
+ */
+const DEFAULT_OPTIONS = {
+    prefix: 'ng-',
+    suffix: '-error',
+    wrapperDivClass: 'validation-error-div',
+    rendererType: DefaultValidationErrorRenderer,
+    component: DefaultValidationErrorsComponent,
+    container: DefaultValidationErrorsContainerComponent,
+};
+//# sourceMappingURL=validationErrorRenderer.service.js.map

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

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

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

@@ -0,0 +1,139 @@
+import { Injectable } from '@angular/core';
+import { HotkeysService } from 'angular2-hotkeys';
+import Mousetrap from 'mousetrap';
+import * as i0 from "@angular/core";
+import * as i1 from "angular2-hotkeys";
+/**
+ * Application hotkeys service
+ */
+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;
+        this.hotkeys = new Proxy(this._hotkeySvc, {
+            get: (target, property, receiver) => {
+                if (property == 'add') {
+                    return new Proxy(Reflect.get(target, property, receiver), {
+                        apply: (method, _thisArg, argArray) => {
+                            this._processAddedHotkeys(argArray[0]);
+                            return method.apply(this._hotkeySvc, argArray);
+                        }
+                    });
+                }
+                else {
+                    return Reflect.get(target, property, receiver);
+                }
+            }
+        });
+    }
+    //######################### public methods #########################
+    /**
+     * Creates scoped hotkeys for html element
+     * @param element - Html element used as scope base for hotkeys
+     * @param scopedInitialization - Method used for initialization scoped hotkeys, hotkeys can be initialized only inside this method
+     */
+    withScope(element, scopedInitialization) {
+        const tmp = this._scoped.find(itm => itm.element == element);
+        let appHotkeysService;
+        if (!tmp) {
+            appHotkeysService = new AppHotkeysService(this._hotkeySvc);
+            appHotkeysService._mousetrap = new Mousetrap(element);
+        }
+        else {
+            appHotkeysService = tmp.hotkeys;
+        }
+        const oldHotkeys = appHotkeysService._hotkeySvc.mousetrap;
+        appHotkeysService._hotkeySvc.mousetrap = appHotkeysService._mousetrap;
+        scopedInitialization(appHotkeysService);
+        appHotkeysService._hotkeySvc.mousetrap = oldHotkeys;
+    }
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.destroy();
+    }
+    /**
+     * This method should be called in ngOnDestroy for each component which registered new hotkeys
+     */
+    destroy() {
+        this._scoped.forEach(scoped => {
+            scoped.hotkeys.destroy();
+        });
+        this._scoped = [];
+        let oldMouseTrap;
+        if (this._mousetrap) {
+            oldMouseTrap = this._hotkeySvc.mousetrap;
+            this._hotkeySvc.mousetrap = this._mousetrap;
+        }
+        //remove all hotkeys registered by this service
+        this._hotkeys.forEach(key => {
+            this._hotkeySvc.remove(key);
+        });
+        this._hotkeys = [];
+        //restore old hotkeys from parent component
+        this._oldHotkeys.forEach(key => {
+            this._hotkeySvc.add(key);
+        });
+        this._oldHotkeys = [];
+        if (this._mousetrap) {
+            this._hotkeySvc.mousetrap = oldMouseTrap;
+            this._mousetrap.reset();
+            this._mousetrap = null;
+        }
+    }
+    //######################### private methods #########################
+    /**
+     * Process added hotkeys, stores old ones
+     * @param hotkey - Hotkey to be added
+     */
+    _processAddedHotkeys(hotkey) {
+        if (Array.isArray(hotkey)) {
+            hotkey.forEach(key => {
+                this._processAddedHotkeys(key);
+            });
+            return;
+        }
+        const oldHotkeyVal = this._hotkeySvc.get(hotkey.combo);
+        if (!Array.isArray(oldHotkeyVal)) {
+            console.warn('Unexpected array of hotkeys');
+            return;
+        }
+        const oldHotkey = oldHotkeyVal[0];
+        if (oldHotkey) {
+            this._hotkeySvc.remove(oldHotkey);
+            this._oldHotkeys.push(oldHotkey);
+        }
+        this._hotkeys.push(hotkey);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AppHotkeysService, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AppHotkeysService });
+}
+export { AppHotkeysService };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AppHotkeysService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HotkeysService }]; } });
+//# sourceMappingURL=appHotkeys.service.js.map

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

@@ -0,0 +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;\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        appHotkeysService._hotkeySvc.mousetrap = appHotkeysService._mousetrap;\n\n        scopedInitialization(appHotkeysService);\n\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            this._hotkeySvc.mousetrap = oldMouseTrap;\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

@@ -0,0 +1,58 @@
+import { Component, ChangeDetectionStrategy, Inject, Optional } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { extend } from '@jscrpt/common';
+import { CONFIRMATION_DIALOG_OPTIONS } from '../../misc/tokens';
+import { TITLED_DIALOG_DATA } from '../../misc/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../../src/pipes/localize/localize.pipe";
+/**
+ * Default options for dialog
+ * @internal
+ */
+const defaultOptions = {
+    confirmationText: 'Do you wish to continue?',
+    dialogCancelText: 'No',
+    dialogConfirmText: 'Yes',
+    cssClasses: {
+        buttonsContainerDiv: 'flex-row flex-end margin-top-big',
+        closeButton: 'btn btn-danger margin-right-extra-small',
+        closeButtonIcon: 'fa fa-ban',
+        confirmButton: 'btn btn-primary',
+        confirmButtonIcon: 'fa fa-check'
+    }
+};
+/**
+ * Confirmation dialog component
+ */
+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: "16.1.4", 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: "16.1.4", 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 });
+}
+export { ConfirmationDialogComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TITLED_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [CONFIRMATION_DIALOG_OPTIONS]
+                }, {
+                    type: Optional
+                }] }]; } });
+//# sourceMappingURL=confirmationDialog.component.js.map

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

@@ -0,0 +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;AACH,MAMa,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;;SDuBa,2BAA2B;2FAA3B,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

@@ -0,0 +1,19 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { TitledDialogComponent } from '../titledDialog/titledDialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive";
+import * as i2 from "@angular/cdk/drag-drop";
+import * as i3 from "../../../../src/pipes/localize/localize.pipe";
+/**
+ * Component used as wrapper for material dialog enhanced with title, which is movable
+ */
+class MovableTitledDialogComponent extends TitledDialogComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: MovableTitledDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", 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 });
+}
+export { MovableTitledDialogComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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}"] }]
+        }] });
+//# sourceMappingURL=movableTitledDialog.component.js.map

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

@@ -0,0 +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;AACH,MAOa,4BAA6B,SAAQ,qBAAqB;uGAA1D,4BAA4B;2FAA5B,4BAA4B,oFCdzC,whBAaM;;SDCO,4BAA4B;2FAA5B,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

@@ -0,0 +1,53 @@
+import { Component, ChangeDetectionStrategy, Inject, Injector, TemplateRef } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { TITLED_DIALOG_DATA } from '../../misc/tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "../../../../src/directives/ngComponentOutletEx/ngComponentOutletEx.directive";
+import * as i3 from "../../../../src/pipes/localize/localize.pipe";
+/**
+ * Component used as wrapper for material dialog enhanced with title
+ */
+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
+     */
+    get component() {
+        if (this.data?.componentOrTemplateRef instanceof TemplateRef) {
+            return null;
+        }
+        return this.data.componentOrTemplateRef;
+    }
+    //######################### constructor #########################
+    constructor(data, dialogRef, injector) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.injector = Injector.create({
+            providers: [
+                {
+                    provide: TITLED_DIALOG_DATA,
+                    useValue: data.data
+                }
+            ],
+            parent: injector
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", 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: "16.1.4", 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 });
+}
+export { TitledDialogComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }, { type: i0.Injector }]; } });
+//# sourceMappingURL=titledDialog.component.js.map

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

@@ -0,0 +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;AACH,MAOa,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;;SDOO,qBAAqB;2FAArB,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>"]}

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

@@ -0,0 +1,107 @@
+import { Directive, Input, EventEmitter, Output, HostListener } from '@angular/core';
+import { lastValueFrom } from 'rxjs';
+import { TitledDialogService } from '../../services/titledDialog/titledDialog.service';
+import { ConfirmationDialogComponent } from '../../components/confirmationDialog/confirmationDialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/titledDialog/titledDialog.service";
+/**
+ * Directive that enables confirmation dialog on click
+ */
+class ConfirmationDialogDirective {
+    _dialog;
+    //######################### public properties - inputs #########################
+    /**
+     * Confirmation text that is displayed in dialog
+     */
+    confirmationText = undefined;
+    /**
+     * Title for confirmation dialog
+     */
+    confirmationTitle = 'Confirmation';
+    /**
+     * Text for confirm confirmation button
+     */
+    confirmationConfirm = undefined;
+    /**
+     * Text for cancel confirmation button
+     */
+    confirmationCancel = undefined;
+    /**
+     * Object with css classes to be applied to confirmation dialog component
+     */
+    confirmationCssClasses = undefined;
+    /**
+     * Condidition that determines whether display confirmation dialog or skip it and run confirm directly
+     */
+    skipConfirmation = false;
+    /**
+     * Indication whether prevent default and stop propagation of click event, defaults to true
+     */
+    preventDefaultsAndPropagation = true;
+    //######################### public properties - outputs #########################
+    /**
+     * Occurs when user confirms confirmation
+     */
+    confirm = new EventEmitter();
+    //######################### constructor #########################
+    constructor(_dialog) {
+        this._dialog = _dialog;
+    }
+    //######################### public methods - host #########################
+    /**
+     * Method called when user clicks on element
+     */
+    async click(event) {
+        if (this.preventDefaultsAndPropagation) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+        if (this.skipConfirmation) {
+            this.confirm.emit();
+            return;
+        }
+        const result = await lastValueFrom(this._dialog.open(ConfirmationDialogComponent, {
+            title: this.confirmationTitle,
+            width: '33vw',
+            data: {
+                confirmationText: this.confirmationText || undefined,
+                dialogCancelText: this.confirmationCancel ?? '',
+                dialogConfirmText: this.confirmationConfirm ?? '',
+                cssClasses: this.confirmationCssClasses ?? {},
+            }
+        }).afterClosed());
+        if (result) {
+            this.confirm.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ConfirmationDialogDirective, deps: [{ token: i1.TitledDialogService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: ConfirmationDialogDirective, selector: "[confirmation]", inputs: { confirmationText: ["confirmation", "confirmationText"], confirmationTitle: "confirmationTitle", confirmationConfirm: "confirmationConfirm", confirmationCancel: "confirmationCancel", confirmationCssClasses: "confirmationCssClasses", skipConfirmation: "skipConfirmation", preventDefaultsAndPropagation: "preventDefaultsAndPropagation" }, outputs: { confirm: "confirm" }, host: { listeners: { "click": "click($event)" } }, ngImport: i0 });
+}
+export { ConfirmationDialogDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ConfirmationDialogDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[confirmation]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TitledDialogService }]; }, propDecorators: { confirmationText: [{
+                type: Input,
+                args: ['confirmation']
+            }], confirmationTitle: [{
+                type: Input
+            }], confirmationConfirm: [{
+                type: Input
+            }], confirmationCancel: [{
+                type: Input
+            }], confirmationCssClasses: [{
+                type: Input
+            }], skipConfirmation: [{
+                type: Input
+            }], preventDefaultsAndPropagation: [{
+                type: Input
+            }], confirm: [{
+                type: Output
+            }], click: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=confirmationDialog.directive.js.map

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

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