@anglr/common 8.0.0-beta.20211109062458 → 8.0.0-beta.20211217111139

package/es2020/forms/src/services/validationErrorRenderer/validationErrorRenderer.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validationErrorRenderer.interface.js","sourceRoot":"","sources":["../../../../../forms/src/services/validationErrorRenderer/validationErrorRenderer.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {Type, TemplateRef, Injector} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {StringDictionary} from '@jscrpt/common';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\n\n/**\n * Describes function that is used for performing actions when form is submitted or dirty\n */\nexport interface IsSubmittedOrDirtyFunc\n{\n    /**\n     * Calls action when form is submitted or control is dirty\n     * @param action - Action to be called when form is submitted or control dirty\n     * @param falseAction - Action to be called when form is not submitted and control is not dirty\n     * @param additionalCondition - Additional condition to be evaluated\n     */\n    (action: () => void, falseAction?: () => void, additionalCondition?: boolean): void;\n}\n\n/**\n * Component that is used for rendering validation errors\n */\nexport interface ValidationErrorsComponent\n{\n    /**\n     * Shows validation errors in component\n     * @param errors - Errors to be shown, or null if to be hidden\n     */\n    show(errors: ValidationErrorsResult): void;\n}\n\n/**\n * Context passed to template that is used for rendering validation errors\n */\nexport interface ValidationErrorsTemplateContext\n{\n    /**\n     * Errors to be shown\n     */\n    $implicit: ValidationErrorsResult;\n}\n\n/**\n * Options for ValidationErrorRenderer\n */\nexport interface ValidationErrorsRendererOptions\n{\n    /**\n     * Prefix of css classes applied to element\n     */\n    prefix?: string;\n\n    /**\n     * Suffix of css classes applied to element\n     */\n    suffix?: string;\n\n    /**\n     * Css class attached to wrapper div\n     */\n    wrapperDivClass?: string;\n\n    /**\n     * Component used for rendering validation errors\n     */\n    component?: Type<ValidationErrorsComponent>;\n\n    /**\n     * Template used for rendering validation errors\n     */\n    template?: TemplateRef<ValidationErrorsTemplateContext>;\n}\n\n/**\n * Options for ValidationErrorRendererFactory\n */\nexport interface ValidationErrorRendererFactoryOptions extends ValidationErrorsRendererOptions\n{\n    /**\n     * Type of ValidationErrorRenderer implementation\n     */\n    rendererType?: ValidationErrorRendererCtor;\n}\n\n/**\n * Describes type that represents ValidationErrorRenderer\n */\nexport interface ValidationErrorRendererCtor\n{\n    /**\n     * Creates instance of ValidationErrorRenderer\n     * @param errorMessagesExtractor - Instance of service used for extracting errors from control\n     * @param control - Control that is being processed for errors\n     * @param controlElement - Html element that represents control that is being processed\n     * @param document - Html document instance, used for manipulation with html\n     * @param injector - Injector used for obtaining dependencies\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     * @param options - Options for validation errors renderer\n     */\n    new(errorMessagesExtractor: ErrorMessagesExtractor,\n        control: FormControl,\n        controlElement: HTMLElement,\n        document: Document,\n        injector: Injector,\n        isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n        options: ValidationErrorsRendererOptions): ValidationErrorRenderer;\n}\n\n/**\n * Describes service that is used for rendering validation errors\n */\nexport interface ValidationErrorRenderer\n{\n    /**\n     * Html element that is wrapping errors\n     */\n    wrapperElement: HTMLElement;\n\n    /**\n     * Destroys renderer and everything that was rendered\n     */\n    destroy(): void;\n    \n    /**\n     * Updates rendered errors for current state and returns true if errors were rendered, otherwise false\n     * @param errorMessages - Object storing error messages to be used as override\n     * @param onlyShow - Indication that update performs only displaying of existing errors\n     */\n    update(errorMessages?: StringDictionary, onlyShow?: boolean): boolean;\n}"]}

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

@@ -0,0 +1,227 @@
+import { Injectable, Inject, InjectionToken, Optional, ComponentFactoryResolver, ApplicationRef } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { extend } from '@jscrpt/common';
+import { ErrorMessagesExtractor } from '../errorMessagesExtractor/errorMessagesExtractor.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../errorMessagesExtractor/errorMessagesExtractor.service";
+/**
+ * Injection token used for injecting global options for ValidationErrorRendererFactory
+ */
+export const VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS = new InjectionToken('VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS');
+/**
+ * Service used for creating validation errors renderer
+ */
+export class ValidationErrorRendererFactory {
+    //######################### constructor #########################
+    constructor(_errorMessagesExtractor, _document, options) {
+        this._errorMessagesExtractor = _errorMessagesExtractor;
+        this._document = _document;
+        this._options = extend(true, {}, DEFAULT_OPTIONS, options);
+    }
+    //######################### public methods #########################
+    /**
+     * Creates new instance of ValidationErrorRenderer
+     * @param control - Control that is being processed for errors
+     * @param controlElement - Html element that represents control that is being processed
+     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty
+     * @param options - Options for validation errors renderer factory
+     */
+    create(control, controlElement, injector, isSubmittedOrDirty, options) {
+        const opts = extend(true, {}, this._options, options);
+        return new opts.rendererType(this._errorMessagesExtractor, control, controlElement, this._document, injector, isSubmittedOrDirty, opts);
+    }
+}
+ValidationErrorRendererFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ValidationErrorRendererFactory, deps: [{ token: i1.ErrorMessagesExtractor }, { token: DOCUMENT }, { token: VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ValidationErrorRendererFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ValidationErrorRendererFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ValidationErrorRendererFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.ErrorMessagesExtractor }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS]
+                }] }]; } });
+/**
+ * Default implementation of validation error renderer
+ */
+export class DefaultValidationErrorRenderer {
+    //######################### constructor #########################
+    constructor(_errorMessagesExtractor, _control, _controlElement, _document, _injector, _isSubmittedOrDirty, _options) {
+        this._errorMessagesExtractor = _errorMessagesExtractor;
+        this._control = _control;
+        this._controlElement = _controlElement;
+        this._document = _document;
+        this._injector = _injector;
+        this._isSubmittedOrDirty = _isSubmittedOrDirty;
+        this._options = _options;
+        this._initialize();
+    }
+    //######################### public methods - implementation of ValiDationErrorRenderer #########################
+    /**
+     * Destroys renderer and everything that was rendered
+     */
+    destroy() {
+        if (this._component) {
+            this._injector.get(ApplicationRef).detachView(this._component.hostView);
+            this._component.destroy();
+            this._component = null;
+        }
+        this.wrapperElement?.remove();
+        this.wrapperElement = null;
+    }
+    /**
+     * Updates rendered errors for current state and returns true if errors were rendered, otherwise false
+     * @param errorMessages - Object storing error messages to be used as override
+     * @param onlyShow - Indication that update performs only displaying of existing errors
+     */
+    update(errorMessages, onlyShow = false) {
+        let result = false;
+        if (onlyShow) {
+            this._isSubmittedOrDirty(() => {
+                this._show();
+                this._toggleErrors();
+                result = true;
+            }, () => {
+                this._hide();
+                result = false;
+            }, !!this._lastErrors);
+            return result;
+        }
+        //hides old errors
+        this._toggleErrors(false);
+        this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);
+        if (this._lastErrors) {
+            this._isSubmittedOrDirty(() => {
+                this._show();
+                result = true;
+                this._toggleErrors();
+            }, () => {
+                this._hide();
+                result = false;
+            });
+        }
+        else {
+            this._hide();
+            result = false;
+        }
+        return result;
+    }
+    //######################### protected methods #########################
+    /**
+     * Toggles css classes for errors that are currently set
+     * @param add - Indication whether add or remove errors
+     */
+    _toggleErrors(add = true) {
+        if (!this._lastErrors) {
+            return;
+        }
+        const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);
+        (add ? this._controlElement.classList.add : this._controlElement.classList.remove).apply(this._controlElement.classList, errorsClasses);
+        (add ? this.wrapperElement.classList.add : this.wrapperElement.classList.remove).apply(this.wrapperElement.classList, errorsClasses);
+        this._errorMessageAttr.value = (add ? this._lastErrors.errorMessages : [])
+            .join(' ');
+        this._render(add);
+    }
+    /**
+     * Initialize renderer
+     */
+    _initialize() {
+        this.wrapperElement = this._document.createElement('div');
+        this._hide();
+        this.wrapperElement.classList.add(this._options.wrapperDivClass);
+        this._errorMessageAttr = this._document.createAttribute('data-error-message');
+        this.wrapperElement.attributes.setNamedItem(this._errorMessageAttr);
+        this._controlElement.after(this.wrapperElement);
+    }
+    /**
+     * Renders error messages
+     * @param add - Indication whether add or remove errors
+     */
+    _render(add) {
+        if (this._options.component) {
+            this._renderComponent(add);
+        }
+        else if (this._options.template) {
+            this._renderTemplate(add);
+        }
+        else {
+            this._renderDivs(add);
+        }
+    }
+    /**
+     * Renders divs with errors
+     * @param add - Indication whether add or remove errors
+     */
+    _renderDivs(add = true) {
+        if (!add) {
+            const children = this.wrapperElement.children;
+            //first clean old messages
+            for (let x = children.length - 1; x >= 0; x--) {
+                children.item(x).remove();
+            }
+            return;
+        }
+        if (this._lastErrors?.errorMessages?.length) {
+            this._lastErrors.errorMessages.forEach(message => {
+                const errorDiv = this._document.createElement('div');
+                errorDiv.innerText = message;
+                this.wrapperElement.append(errorDiv);
+            });
+        }
+    }
+    /**
+     * Renders component with errors
+     * @param add - Indication whether add or remove errors
+     */
+    _renderComponent(add = true) {
+        if (add) {
+            //render component
+            if (!this._component) {
+                // 1. Create a component reference from the component 
+                this._component = this._injector.get(ComponentFactoryResolver)
+                    .resolveComponentFactory(this._options.component)
+                    .create(this._injector);
+                // 2. Attach component to the appRef so that it's inside the ng component tree
+                this._injector.get(ApplicationRef).attachView(this._component.hostView);
+                // 3. Get DOM element from component
+                const domElem = this._component.hostView
+                    .rootNodes[0];
+                // 4. Append DOM element to the body
+                this.wrapperElement.append(domElem);
+            }
+            this._component.instance.show(this._lastErrors);
+        }
+        else if (this._component) {
+            this._component.instance.show(null);
+        }
+    }
+    /**
+     * Renders template with errors
+     * @param add - Indication whether add or remove errors
+     */
+    _renderTemplate(_add = true) {
+    }
+    /**
+     * Shows wrapper element
+     */
+    _show() {
+        this.wrapperElement.style.display = 'block';
+    }
+    /**
+     * Hides wrapper element
+     */
+    _hide() {
+        this.wrapperElement.style.display = 'none';
+    }
+}
+const DEFAULT_OPTIONS = {
+    prefix: 'ng-',
+    suffix: '-error',
+    wrapperDivClass: 'validation-error-div',
+    rendererType: DefaultValidationErrorRenderer
+};
+//# sourceMappingURL=validationErrorRenderer.service.js.map

package/es2020/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, InjectionToken, Optional, Injector, ComponentFactoryResolver, ApplicationRef, EmbeddedViewRef, ComponentRef} from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport {DOCUMENT} from '@angular/common';\nimport {extend, StringDictionary} from '@jscrpt/common';\n\nimport {ErrorMessagesExtractor} from '../errorMessagesExtractor/errorMessagesExtractor.service';\nimport {ValidationErrorRenderer, IsSubmittedOrDirtyFunc, ValidationErrorsRendererOptions, ValidationErrorRendererFactoryOptions, ValidationErrorsComponent} from './validationErrorRenderer.interface';\nimport {ValidationErrorsResult} from '../errorMessagesExtractor/errorMessagesExtractor.interface';\n\n/**\n * Injection token used for injecting global options for ValidationErrorRendererFactory\n */\nexport const VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS: InjectionToken<ValidationErrorRendererFactoryOptions> = new InjectionToken<ValidationErrorRendererFactoryOptions>('VALIDATION_ERROR_RENDERER_FACTORY_OPTIONS');\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                @Inject(DOCUMENT) protected _document: Document,\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 controlElement - Html element that represents control that is being processed\n     * @param isSubmittedOrDirty - Function used for testing if control is submitted or dirty\n     * @param options - Options for validation errors renderer factory\n     */\n    public create(control: FormControl,\n                  controlElement: HTMLElement,\n                  injector: Injector,\n                  isSubmittedOrDirty: IsSubmittedOrDirtyFunc,\n                  options: ValidationErrorRendererFactoryOptions): ValidationErrorRenderer\n    {\n        const opts: ValidationErrorRendererFactoryOptions = extend(true, {}, this._options, options);\n\n        return new opts.rendererType(this._errorMessagesExtractor,\n                                     control,\n                                     controlElement,\n                                     this._document,\n                                     injector,\n                                     isSubmittedOrDirty,\n                                     opts);\n    }\n}\n\n/**\n * Default implementation of validation error renderer\n */\nexport class DefaultValidationErrorRenderer implements ValidationErrorRenderer\n{\n    //######################### protected fields #########################\n\n    /**\n     * Html element attribute storing error messages\n     */\n    protected _errorMessageAttr: Attr;\n\n    /**\n     * Object storing last obtained errors\n     */\n    protected _lastErrors: ValidationErrorsResult;\n\n    /**\n     * Component used for displaying errors\n     */\n    protected _component: ComponentRef<ValidationErrorsComponent>;\n\n    //######################### public properties - implementation of ValidationErrorRenderer #########################\n\n    /**\n     * Html element that is wrapping errors\n     */\n    public wrapperElement: HTMLElement;\n\n    //######################### constructor #########################\n    constructor(protected _errorMessagesExtractor: ErrorMessagesExtractor,\n                protected _control: FormControl,\n                protected _controlElement: HTMLElement,\n                protected _document: Document,\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     * Destroys renderer and everything that was rendered\n     */\n    public destroy(): void\n    {\n        if(this._component)\n        {\n            this._injector.get(ApplicationRef).detachView(this._component.hostView);\n            this._component.destroy();\n            this._component = null;\n        }\n\n        this.wrapperElement?.remove();\n        this.wrapperElement = null;\n    }\n\n    /**\n     * Updates rendered errors for current state and returns true if errors were rendered, otherwise false\n     * @param errorMessages - Object storing error messages to be used as override\n     * @param onlyShow - Indication that update performs only displaying of existing errors\n     */\n    public update(errorMessages?: StringDictionary, onlyShow: boolean = false): boolean\n    {\n        let result = false;\n\n        if(onlyShow)\n        {\n            this._isSubmittedOrDirty(() =>\n                                     {\n                                         this._show();\n                                         this._toggleErrors();\n                                         result = true;\n                                     },\n                                     () =>\n                                     {\n                                         this._hide();\n                                         result = false;\n                                     },\n                                     !!this._lastErrors);\n\n            return result;\n        }\n\n        //hides old errors\n        this._toggleErrors(false);\n        this._lastErrors = this._errorMessagesExtractor.getErrors(this._control, errorMessages);\n\n        if(this._lastErrors)\n        {\n            this._isSubmittedOrDirty(() =>\n                                     {\n                                         this._show();\n                                         result = true;\n                                         this._toggleErrors();\n                                     },\n                                     () =>\n                                     {\n                                        this._hide();\n                                         result = false;\n                                     });\n        }\n        else\n        {\n            this._hide();\n            result = false;\n        }\n\n        return result;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Toggles css classes for errors that are currently set\n     * @param add - Indication whether add or remove errors\n     */\n    protected _toggleErrors(add: boolean = true): void\n    {\n        if(!this._lastErrors)\n        {\n            return;\n        }\n\n        const errorsClasses = this._lastErrors.errors.map(error => `${this._options.prefix}${error.toLowerCase()}${this._options.suffix}`);\n\n        (add ? this._controlElement.classList.add : this._controlElement.classList.remove).apply(this._controlElement.classList, errorsClasses);\n        (add ? this.wrapperElement.classList.add : this.wrapperElement.classList.remove).apply(this.wrapperElement.classList, errorsClasses);\n\n        this._errorMessageAttr.value = (add ? this._lastErrors.errorMessages : [])\n            .join(' ');\n\n        this._render(add);\n    }\n\n    /**\n     * Initialize renderer\n     */\n    protected _initialize(): void\n    {\n        this.wrapperElement = this._document.createElement('div');\n        this._hide();\n        this.wrapperElement.classList.add(this._options.wrapperDivClass);\n\n        this._errorMessageAttr = this._document.createAttribute('data-error-message');\n\n        this.wrapperElement.attributes.setNamedItem(this._errorMessageAttr);\n        this._controlElement.after(this.wrapperElement);\n    }\n\n    /**\n     * Renders error messages\n     * @param add - Indication whether add or remove errors\n     */\n    protected _render(add: boolean): void\n    {\n        if(this._options.component)\n        {\n            this._renderComponent(add);\n        }\n        else if(this._options.template)\n        {\n            this._renderTemplate(add);\n        }\n        else\n        {\n            this._renderDivs(add);\n        }\n    }\n\n    /**\n     * Renders divs with errors\n     * @param add - Indication whether add or remove errors\n     */\n    protected _renderDivs(add: boolean = true): void\n    {\n        if(!add)\n        {\n            const children = this.wrapperElement.children;\n    \n            //first clean old messages\n            for(let x = children.length - 1; x >= 0; x--)\n            {\n                children.item(x).remove();\n            }\n\n            return;\n        }\n\n        if(this._lastErrors?.errorMessages?.length)\n        {\n            this._lastErrors.errorMessages.forEach(message =>\n            {\n                const errorDiv = this._document.createElement('div');\n\n                errorDiv.innerText = message;\n\n                this.wrapperElement.append(errorDiv);\n            });\n        }\n    }\n\n    /**\n     * Renders component with errors\n     * @param add - Indication whether add or remove errors\n     */\n    protected _renderComponent(add: boolean = true): void\n    {\n        if(add)\n        {\n            //render component\n            if(!this._component)\n            {\n                // 1. Create a component reference from the component \n                this._component = this._injector.get(ComponentFactoryResolver)\n                    .resolveComponentFactory(this._options.component)\n                    .create(this._injector);\n\n                // 2. Attach component to the appRef so that it's inside the ng component tree\n                this._injector.get(ApplicationRef).attachView(this._component.hostView);\n\n                // 3. Get DOM element from component\n                const domElem = (this._component.hostView as EmbeddedViewRef<any>)\n                    .rootNodes[0] as HTMLElement;\n\n                // 4. Append DOM element to the body\n                this.wrapperElement.append(domElem);\n            }\n\n            this._component.instance.show(this._lastErrors);\n        }\n        else if(this._component)\n        {\n            this._component.instance.show(null);\n        }\n    }\n\n    /**\n     * Renders template with errors\n     * @param add - Indication whether add or remove errors\n     */\n    protected _renderTemplate(_add: boolean = true): void\n    {\n\n    }\n\n    /**\n     * Shows wrapper element\n     */\n    protected _show(): void\n    {\n        this.wrapperElement.style.display = 'block';\n    }\n\n    /**\n     * Hides wrapper element\n     */\n    protected _hide(): void\n    {\n        this.wrapperElement.style.display = 'none';\n    }\n}\n\nconst DEFAULT_OPTIONS: ValidationErrorRendererFactoryOptions =\n{\n    prefix: 'ng-',\n    suffix: '-error',\n    wrapperDivClass: 'validation-error-div',\n    rendererType: DefaultValidationErrorRenderer\n};"]}

package/es2020/hmr/src/index.js

@@ -0,0 +1,35 @@
+import '@jscrpt/common';
+/**
+ * Enables displaying of notification when HMR finished work
+ */
+export function hmrFinishedNotification() {
+    if (jsDevMode && module['hot']) {
+        let div = document.createElement('div');
+        div.style.position = 'absolute';
+        div.style.zIndex = '54345';
+        div.style.background = 'rgb(255, 255, 255) none repeat scroll 0% 0%';
+        div.style.padding = '8px';
+        div.style.fontWeight = 'bold';
+        div.style.borderRadius = 'bold';
+        div.style.color = 'rgb(21, 57, 255)';
+        div.style.left = '47%';
+        div.style.top = '11px';
+        div.style.boxShadow = '0px 0px 4px rgb(170, 170, 170)';
+        div.style.transition = 'all 500ms';
+        div.style.opacity = '0';
+        div.id = 'hmrdiv';
+        div.innerText = 'HMR finished, app updated!';
+        document.body.append(div);
+        setTimeout(() => div.style.opacity = '1', 50);
+        setTimeout(() => {
+            if (div) {
+                div.style.opacity = '0';
+                setTimeout(() => {
+                    div.remove();
+                    div = null;
+                }, 500);
+            }
+        }, 2000);
+    }
+}
+//# sourceMappingURL=index.js.map

package/es2020/hmr/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../hmr/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,UAAU,uBAAuB;IAEnC,IAAI,SAAS,IAAK,MAAc,CAAC,KAAK,CAAC,EACvC;QACI,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACxC,GAAG,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAChC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC;QAC3B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,6CAA6C,CAAC;QACrE,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;QAC9B,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;QAChC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,kBAAkB,CAAC;QACrC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;QACvB,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,MAAM,CAAC;QACvB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,gCAAgC,CAAC;QACvD,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC;QACnC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAExB,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC;QAClB,GAAG,CAAC,SAAS,GAAG,4BAA4B,CAAC;QAE7C,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAE1B,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;QAE9C,UAAU,CAAC,GAAG,EAAE;YAEZ,IAAG,GAAG,EACN;gBACI,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;gBAExB,UAAU,CAAC,GAAG,EAAE;oBAEZ,GAAG,CAAC,MAAM,EAAE,CAAC;oBACb,GAAG,GAAG,IAAI,CAAC;gBACf,CAAC,EAAE,GAAG,CAAC,CAAC;aACX;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;KACZ;AACL,CAAC","sourcesContent":["import '@jscrpt/common';\n\n/**\n * Enables displaying of notification when HMR finished work\n */\nexport function hmrFinishedNotification(): void\n{\n    if (jsDevMode && (module as any)['hot'])\n    {\n        let div = document.createElement('div');\n        div.style.position = 'absolute';\n        div.style.zIndex = '54345';\n        div.style.background = 'rgb(255, 255, 255) none repeat scroll 0% 0%';\n        div.style.padding = '8px';\n        div.style.fontWeight = 'bold';\n        div.style.borderRadius = 'bold';\n        div.style.color = 'rgb(21, 57, 255)';\n        div.style.left = '47%';\n        div.style.top = '11px';\n        div.style.boxShadow = '0px 0px 4px rgb(170, 170, 170)';\n        div.style.transition = 'all 500ms';\n        div.style.opacity = '0';\n\n        div.id = 'hmrdiv';\n        div.innerText = 'HMR finished, app updated!';\n\n        document.body.append(div);\n\n        setTimeout(() => div.style.opacity = '1', 50);\n\n        setTimeout(() =>\n        {\n            if(div)\n            {\n                div.style.opacity = '0';\n\n                setTimeout(() =>\n                {\n                    div.remove();\n                    div = null;\n                }, 500);\n            }\n        }, 2000);\n    }\n}"]}

package/es2020/hotkeys/src/index.js

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

package/es2020/hotkeys/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../hotkeys/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './services/appHotkeys.service';"]}

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

@@ -0,0 +1,132 @@
+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
+ */
+export class AppHotkeysService {
+    //######################### 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') {
+                    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);
+    }
+}
+AppHotkeysService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AppHotkeysService, deps: [{ token: i1.HotkeysService }], target: i0.ɵɵFactoryTarget.Injectable });
+AppHotkeysService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AppHotkeysService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: AppHotkeysService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HotkeysService }]; } });
+//# sourceMappingURL=appHotkeys.service.js.map

package/es2020/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/es2020/material/src/components/confirmationDialog/confirmationDialog.component.js

@@ -0,0 +1,50 @@
+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/interfaces/titledDialog.interface';
+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
+ */
+export class ConfirmationDialogComponent {
+    //######################### constructor #########################
+    constructor(data, dialog, options) {
+        this.dialog = dialog;
+        this.options = extend(true, {}, defaultOptions, options ?? {}, data);
+    }
+}
+ConfirmationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: TITLED_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: CONFIRMATION_DIALOG_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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", directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "localize": i3.LocalizePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.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: 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/es2020/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,8CAA8C,CAAC;;;;;AAGhF;;;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;;wHAhBQ,2BAA2B,kBAWhB,kBAAkB,yCAElB,2BAA2B;4GAbtC,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/interfaces/titledDialog.interface';\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/es2020/material/src/components/titledDialog/titledDialog.component.js

@@ -0,0 +1,39 @@
+import { Component, ChangeDetectionStrategy, Inject, Injector, TemplateRef } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { TITLED_DIALOG_DATA } from '../../misc/interfaces/titledDialog.interface';
+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
+ */
+export class TitledDialogComponent {
+    //######################### constructor #########################
+    constructor(data, dialogRef, injector) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.injector = Injector.create([
+            {
+                provide: TITLED_DIALOG_DATA,
+                useValue: data.data
+            }
+        ], injector);
+    }
+    get component() {
+        if (this.data?.componentOrTemplateRef instanceof TemplateRef) {
+            return null;
+        }
+        return this.data.componentOrTemplateRef;
+    }
+}
+TitledDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TitledDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+TitledDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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}"], directives: [{ type: i2.NgComponentOutletEx, selector: "[ngComponentOutletEx]", inputs: ["ngComponentOutletEx", "ngComponentOutletExInjector", "ngComponentOutletExContent"], outputs: ["ngComponentOutletExCreated"], exportAs: ["ngComponentOutletEx"] }], pipes: { "localize": i3.LocalizePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.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: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }, { type: i0.Injector }]; } });
+//# sourceMappingURL=titledDialog.component.js.map

package/es2020/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,EAAuB,kBAAkB,EAAC,MAAM,8CAA8C,CAAC;;;;;AAEtG;;GAEG;AAQH,MAAM,OAAO,qBAAqB;IAmB9B,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;YAEI;gBACI,OAAO,EAAE,kBAAkB;gBAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI;aACtB;SACJ,EAAE,QAAQ,CAAC,CAAC;IACjB,CAAC;IAvBD,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;;kHAjBQ,qBAAqB,kBAoBV,eAAe;sGApB1B,qBAAqB,qDChBlC,gcAUM;2FDMO,qBAAqB;kBAPjC,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;;0BAsBlC,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 {ɵTitledDialogOptions, TITLED_DIALOG_DATA} 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    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            <ValueProvider>\n            {\n                provide: TITLED_DIALOG_DATA,\n                useValue: data.data\n            }\n        ], injector);\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>"]}