@anglr/common 16.0.0 → 17.0.0-beta.20230709184222

package/changelog.md

@@ -1,6 +1,39 @@
 # Changelog
 
-## Version 16.0.0 (2023-10-26)
+## Version 17.0.0 (2023-07-09)
+
+### Features
+
+- new `HostFlexColumnStyle` constant that represents css display flex and flex direction column style to host of component
+- new `HostFlexRowStyle` constant that represents css display flex and flex direction row style to host of component
+- new `runWhenAppStable` function that runs callback function when angular app is bootstrapped and stable
+- new `DEVELOPER_CONSOLE_SINK` provider for `DeveloperConsoleSinkService` for logger
+- new `DeveloperConsoleSinkService` service that represents sink that is used for storing logs using browser developer console
+- new `DeveloperConsoleSinkOptions` options that are options for developer console sink
+   - **properties**
+      - `restrictToLevel` restricts logs to specified level
+- new `DisplayPropertiesSAPipe` pipe, that transforms array of objects or object properties into string
+   - **name** `displayProperties`
+- new `FirstUppercaseLocalizeSAPipe` pipe, that localize strings using 'StringLocalization' and converts first letter of text to uppercase
+   - **name** `firstUppercaseLocalize`
+- new `FirstUppercaseSAPipe` pipe, that converts first letter of text to uppercase
+   - **name** `firstUppercase`
+- updated `LocalizeSAPipe`
+   - now its `standalone`
+
+### BREAKING CHANGES
+
+- minimal supported version of `@angular` is `16.0.3`
+- minimal supported version of `@rxjs` is `7.5.7`
+- minimal supported version of `angular2-hotkeys` is `15.0.0`
+- minimal supported version of `moment` is `2.29.4`
+- minimal supported version of `date-fns` is `2.30.0`
+- minimal supported version of `@floating-ui/dom` is `1.4.4`
+- minimal supported version of `tslib` is `2.6.0`
+- dropped support of `NodeJs` lower than `16.14`
+- pipe `LocalizePipe` renamed to `LocalizeSAPipe`
+
+## Version 16.0.0 (2023-02-08)
 
 ### Bug Fixes
 

package/date-fns/package.json

@@ -1,9 +1,8 @@
 {
     "name": "@anglr/common-date-fns",
     "sideEffects": false,
-    "module": "../es2015/date-fns/src/index.js",
-    "es2015": "../es2015/date-fns/src/index.js",
-    "es2020": "../es2020/date-fns/src/index.js",
-    "esm2020": "../es2020/date-fns/src/index.js",
+    "module": "../es2022/date-fns/src/index.js",
+    "es2022": "../es2022/date-fns/src/index.js",
+    "esm2022": "../es2022/date-fns/src/index.js",
     "typings": "./src/index.d.ts"
   }

package/es2022/floating-ui/src/services/floatingUiDomPosition.service.js

@@ -0,0 +1,245 @@
+import { Injectable } from '@angular/core';
+import { PositionOffset, PositionPlacement, POSITION } from '@anglr/common';
+import { extend, isEmptyObject, isFunction, isJsObject, isNumber, nameof } from '@jscrpt/common';
+import { computePosition, autoUpdate, offset, flip } from '@floating-ui/dom';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Default options for `FloatingUiDomPosition` implementation
+ */
+const defaultOptions = {
+    autoUpdate: false,
+    flip: false,
+    offset: nameof('None'),
+    placement: PositionPlacement.TopStart,
+};
+/**
+ * Service that is used for positioning two elements against each other, using floating-ui dom implementation
+ */
+class FloatingUiDomPosition {
+    //######################### public methods - implementation of Position #########################
+    /**
+     * @inheritdoc
+     */
+    placeElement(target, source, options) {
+        return new Observable(subscriber => {
+            (async () => {
+                const computedOptions = extend({}, defaultOptions, options);
+                const middlewares = [];
+                this._setOffset(middlewares, computedOptions);
+                this._setFlip(middlewares, computedOptions);
+                const runComputation = async () => {
+                    const result = await computePosition(source, target, {
+                        placement: this._getPlacement(computedOptions),
+                        middleware: middlewares,
+                    });
+                    if (computedOptions.autoUpdate) {
+                        subscriber.next({
+                            target,
+                            dispose,
+                            flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),
+                            x: result.x,
+                            y: result.y
+                        });
+                    }
+                    return result;
+                };
+                let dispose = () => { };
+                if (computedOptions.autoUpdate) {
+                    let options;
+                    if (computedOptions.autoUpdate === true) {
+                        options =
+                            {
+                                ancestorResize: true,
+                                ancestorScroll: true,
+                                elementResize: true
+                            };
+                    }
+                    else {
+                        options = computedOptions.autoUpdate;
+                    }
+                    dispose = autoUpdate(source, target, runComputation, options);
+                }
+                const result = await runComputation();
+                subscriber.next({
+                    target,
+                    dispose,
+                    flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),
+                    x: result.x,
+                    y: result.y
+                });
+                if (!computedOptions.autoUpdate) {
+                    subscriber.complete();
+                }
+            })();
+        });
+    }
+    //######################### protected methods #########################
+    /**
+     * Sets flip middleware
+     * @param middlewares - Array of middlewares that will set
+     * @param options - Options that contains definition of flip
+     */
+    _setFlip(middlewares, options) {
+        if (options.flip) {
+            middlewares.push(flip());
+        }
+    }
+    /**
+     * Sets offset middleware
+     * @param middlewares - Array of middlewares that will set
+     * @param options - Options that contains definition of offset
+     */
+    _setOffset(middlewares, options) {
+        //no offset
+        if (options.offset === PositionOffset[PositionOffset.None]) {
+            return;
+        }
+        if (options.offset === PositionOffset[PositionOffset.MouseEnter]) {
+            //fallback if not supported placement used
+            if (options.placement == PositionPlacement.Left ||
+                options.placement == PositionPlacement.LeftStart ||
+                options.placement == PositionPlacement.LeftEnd ||
+                options.placement == PositionPlacement.Right ||
+                options.placement == PositionPlacement.RightStart ||
+                options.placement == PositionPlacement.RightEnd ||
+                options.placement == PositionPlacement.Bottom ||
+                options.placement == PositionPlacement.BottomEnd ||
+                options.placement == PositionPlacement.Top ||
+                options.placement == PositionPlacement.TopEnd) {
+                options.placement = PositionPlacement.TopStart;
+            }
+        }
+        middlewares.push(offset(({ elements, placement, x, y }) => {
+            //offset is function
+            if (isFunction(options.offset)) {
+                return options.offset({ elements, x, y });
+            }
+            const floating = elements.floating;
+            if (options.offset === PositionOffset[PositionOffset.MouseEnter] && options.mouseEvent) {
+                return {
+                    crossAxis: options.mouseEvent.x - options.mouseEvent.target.getBoundingClientRect().x
+                };
+            }
+            const stringOffset = options.offset;
+            //offset is object
+            if (isJsObject(options.offset)) {
+                return options.offset;
+            }
+            //offset is skidding number
+            if (isNumber(stringOffset)) {
+                return {
+                    crossAxis: stringOffset,
+                };
+            }
+            let dimension;
+            if (placement == 'bottom' || placement == 'bottom-start' || placement == 'bottom-end' ||
+                placement == 'top' || placement == 'top-start' || placement == 'top-end') {
+                dimension = floating.clientWidth;
+            }
+            else {
+                dimension = floating.clientHeight;
+            }
+            switch (stringOffset) {
+                default:
+                    {
+                        dimension = 0;
+                        break;
+                    }
+                case PositionOffset[PositionOffset.Full]:
+                    {
+                        break;
+                    }
+                case PositionOffset[PositionOffset.Half]:
+                    {
+                        dimension /= 2;
+                        break;
+                    }
+                case PositionOffset[PositionOffset.NegativeFull]:
+                    {
+                        dimension *= -1;
+                        break;
+                    }
+                case PositionOffset[PositionOffset.NegativeHalf]:
+                    {
+                        dimension *= -.5;
+                        break;
+                    }
+            }
+            return {
+                crossAxis: dimension
+            };
+        }));
+    }
+    /**
+     * Gets floating ui placement from position placement
+     * @param options - Options containing position placement
+     */
+    _getPlacement(options) {
+        switch (options.placement) {
+            default:
+                // case PositionPlacement.Top:
+                {
+                    return 'top';
+                }
+            case PositionPlacement.TopStart:
+                {
+                    return 'top-start';
+                }
+            case PositionPlacement.TopEnd:
+                {
+                    return 'top-end';
+                }
+            case PositionPlacement.Bottom:
+                {
+                    return 'bottom';
+                }
+            case PositionPlacement.BottomStart:
+                {
+                    return 'bottom-start';
+                }
+            case PositionPlacement.BottomEnd:
+                {
+                    return 'bottom-end';
+                }
+            case PositionPlacement.Left:
+                {
+                    return 'left';
+                }
+            case PositionPlacement.LeftStart:
+                {
+                    return 'left-start';
+                }
+            case PositionPlacement.LeftEnd:
+                {
+                    return 'left-end';
+                }
+            case PositionPlacement.Right:
+                {
+                    return 'right';
+                }
+            case PositionPlacement.RightStart:
+                {
+                    return 'right-start';
+                }
+            case PositionPlacement.RightEnd:
+                {
+                    return 'right-end';
+                }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FloatingUiDomPosition, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FloatingUiDomPosition });
+}
+export { FloatingUiDomPosition };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FloatingUiDomPosition, decorators: [{
+            type: Injectable
+        }] });
+/**
+ * Provider for floating ui position implementation
+ */
+export const FLOATING_UI_POSITION = {
+    provide: POSITION,
+    useClass: FloatingUiDomPosition
+};
+//# sourceMappingURL=floatingUiDomPosition.service.js.map

package/es2022/floating-ui/src/services/floatingUiDomPosition.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingUiDomPosition.service.js","sourceRoot":"","sources":["../../../../floating-ui/src/services/floatingUiDomPosition.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {ClassProvider, Injectable} from '@angular/core';\nimport {Position, PositionResult, PositionOptions, PositionOffset, PositionPlacement, AutoUpdateOptions, POSITION, PositionOffsetString, PositionOffsets} from '@anglr/common';\nimport {extend, isEmptyObject, isFunction, isJsObject, isNumber, nameof} from '@jscrpt/common';\nimport {computePosition, Placement, autoUpdate, Middleware, offset, flip} from '@floating-ui/dom';\nimport {Observable} from 'rxjs';\n\n/**\n * Default options for `FloatingUiDomPosition` implementation\n */\nconst defaultOptions: PositionOptions =\n{\n    autoUpdate: false,\n    flip: false,\n    offset: nameof<typeof PositionOffset>('None') as PositionOffsetString,\n    placement: PositionPlacement.TopStart,\n};\n\n/**\n * Service that is used for positioning two elements against each other, using floating-ui dom implementation\n */\n@Injectable()\nexport class FloatingUiDomPosition implements Position\n{\n    //######################### public methods - implementation of Position #########################\n\n    /**\n     * @inheritdoc\n     */\n    public placeElement(target: Element, source: Element, options?: Partial<PositionOptions>): Observable<PositionResult>\n    {\n        return new Observable(subscriber =>\n        {\n            (async () =>\n            {\n                const computedOptions = extend({}, defaultOptions, options);\n                const middlewares: Middleware[] = [];\n\n                this._setOffset(middlewares, computedOptions);\n                this._setFlip(middlewares, computedOptions);\n\n                const runComputation = async () =>\n                {\n                    const result = await computePosition(source,\n                                                         target as HTMLElement,\n                                                         {\n                                                             placement: this._getPlacement(computedOptions),\n                                                             middleware: middlewares,\n                                                         });\n\n                    if(computedOptions.autoUpdate)\n                    {\n                        subscriber.next(\n                        {\n                            target,\n                            dispose,\n                            flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),\n                            x: result.x,\n                            y: result.y\n                        });\n                    }\n\n                    return result;\n                };\n                \n                let dispose = () => {};\n\n                if(computedOptions.autoUpdate)\n                {\n                    let options: AutoUpdateOptions;\n\n                    if(computedOptions.autoUpdate === true)\n                    {\n                        options =\n                        {\n                            ancestorResize: true,\n                            ancestorScroll: true,\n                            elementResize: true\n                        };\n                    }\n                    else\n                    {\n                        options = computedOptions.autoUpdate;\n                    }\n\n                    dispose = autoUpdate(source,\n                                         target as HTMLElement,\n                                         runComputation,\n                                         options);\n                }\n\n                const result = await runComputation();\n\n                subscriber.next(\n                {\n                    target,\n                    dispose,\n                    flip: !!result.middlewareData.flip && !isEmptyObject(result.middlewareData.flip),\n                    x: result.x,\n                    y: result.y\n                });\n\n                if(!computedOptions.autoUpdate)\n                {\n                    subscriber.complete();\n                }\n            })();\n        });\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets flip middleware\n     * @param middlewares - Array of middlewares that will set\n     * @param options - Options that contains definition of flip\n     */\n    protected _setFlip(middlewares: Middleware[], options: PositionOptions): void\n    {\n        if(options.flip)\n        {\n            middlewares.push(flip());\n        }\n    }\n\n    /**\n     * Sets offset middleware\n     * @param middlewares - Array of middlewares that will set\n     * @param options - Options that contains definition of offset\n     */\n    protected _setOffset(middlewares: Middleware[], options: PositionOptions): void\n    {\n        //no offset\n        if(options.offset === PositionOffset[PositionOffset.None])\n        {\n            return;\n        }\n\n        if(options.offset === PositionOffset[PositionOffset.MouseEnter])\n        {\n            //fallback if not supported placement used\n            if(options.placement == PositionPlacement.Left ||\n               options.placement == PositionPlacement.LeftStart ||\n               options.placement == PositionPlacement.LeftEnd ||\n               options.placement == PositionPlacement.Right ||\n               options.placement == PositionPlacement.RightStart ||\n               options.placement == PositionPlacement.RightEnd ||\n               options.placement == PositionPlacement.Bottom ||\n               options.placement == PositionPlacement.BottomEnd ||\n               options.placement == PositionPlacement.Top ||\n               options.placement == PositionPlacement.TopEnd)\n            {\n                options.placement = PositionPlacement.TopStart;\n            }\n        }\n\n        middlewares.push(offset(({elements, placement, x, y}) =>\n        {\n            //offset is function\n            if(isFunction(options.offset))\n            {\n                return options.offset({elements, x, y});\n            }\n\n            const floating = elements.floating as Element;\n\n            if(options.offset === PositionOffset[PositionOffset.MouseEnter] && options.mouseEvent)\n            {\n                return {\n                    crossAxis: options.mouseEvent.x - (options.mouseEvent.target as HTMLElement).getBoundingClientRect().x\n                };\n            }\n\n            const stringOffset = options.offset as PositionOffsetString|number;\n\n            //offset is object\n            if(isJsObject(options.offset))\n            {\n                return options.offset as PositionOffsets;\n            }\n\n            //offset is skidding number\n            if(isNumber(stringOffset))\n            {\n                return {\n                    crossAxis: stringOffset,\n                };\n            }\n\n            let dimension: number;\n\n            if(placement == 'bottom' || placement == 'bottom-start' || placement == 'bottom-end' ||\n                placement == 'top' || placement == 'top-start' || placement == 'top-end')\n            {\n                dimension = floating.clientWidth;\n            }\n            else\n            {\n                dimension = floating.clientHeight;\n            }\n\n            switch(stringOffset)\n            {\n                default:\n                {\n                    dimension = 0;\n\n                    break;\n                }\n                case PositionOffset[PositionOffset.Full]:\n                {\n                    break;\n                }\n                case PositionOffset[PositionOffset.Half]:\n                {\n                    dimension /= 2;\n\n                    break;\n                }\n                case PositionOffset[PositionOffset.NegativeFull]:\n                {\n                    dimension *= -1;\n\n                    break;\n                }\n                case PositionOffset[PositionOffset.NegativeHalf]:\n                {\n                    dimension *= -.5;\n\n                    break;\n                }\n            }\n\n            return {\n                crossAxis: dimension\n            };\n        }));\n    }\n\n    /**\n     * Gets floating ui placement from position placement\n     * @param options - Options containing position placement\n     */\n    protected _getPlacement(options: PositionOptions): Placement\n    {\n        switch(options.placement)\n        {\n            default:\n            // case PositionPlacement.Top:\n            {\n                return 'top';\n            }\n            case PositionPlacement.TopStart:\n            {\n                return 'top-start';\n            }\n            case PositionPlacement.TopEnd:\n            {\n                return 'top-end';\n            }\n            case PositionPlacement.Bottom:\n            {\n                return 'bottom';\n            }\n            case PositionPlacement.BottomStart:\n            {\n                return 'bottom-start';\n            }\n            case PositionPlacement.BottomEnd:\n            {\n                return 'bottom-end';\n            }\n            case PositionPlacement.Left:\n            {\n                return 'left';\n            }\n            case PositionPlacement.LeftStart:\n            {\n                return 'left-start';\n            }\n            case PositionPlacement.LeftEnd:\n            {\n                return 'left-end';\n            }\n            case PositionPlacement.Right:\n            {\n                return 'right';\n            }\n            case PositionPlacement.RightStart:\n            {\n                return 'right-start';\n            }\n            case PositionPlacement.RightEnd:\n            {\n                return 'right-end';\n            }\n        }\n    }\n}\n\n/**\n * Provider for floating ui position implementation\n */\nexport const FLOATING_UI_POSITION: ClassProvider =\n{\n    provide: POSITION,\n    useClass: FloatingUiDomPosition\n};"]}

package/es2022/forms/src/components/defaultValidationErrors/defaultValidationErrors.component.js

@@ -0,0 +1,56 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding } from '@angular/core';
+import { slideInOutTrigger, animateChildrenTrigger } from '@anglr/animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Default validation errors component, displaying validation errors
+ */
+class DefaultValidationErrorsComponent {
+    _changeDetector;
+    //######################### public properties - template bindings #########################
+    /**
+     * Errors to be shown
+     * @internal
+     */
+    errors;
+    /**
+     * Options used for displaying validation errors
+     * @internal
+     */
+    options;
+    //######################### public properties - host #########################
+    /**
+     * Enables leave animations for internal stuff
+     */
+    animate = true;
+    //######################### constructor #########################
+    constructor(_changeDetector) {
+        this._changeDetector = _changeDetector;
+    }
+    //######################### public methods - implementation of ValidationErrorsComponent #########################
+    /**
+     * @inheritdoc
+     */
+    show(errors, options) {
+        this.errors = errors;
+        this.options = options;
+        this._changeDetector.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DefaultValidationErrorsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: DefaultValidationErrorsComponent, selector: "default-validation-errors", host: { properties: { "@animateChildren": "this.animate" } }, ngImport: i0, template: "<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>", styles: [":host\n{\n    display: contents;\n}"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+            slideInOutTrigger,
+            animateChildrenTrigger
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { DefaultValidationErrorsComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DefaultValidationErrorsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'default-validation-errors', animations: [
+                        slideInOutTrigger,
+                        animateChildrenTrigger
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>", styles: [":host\n{\n    display: contents;\n}"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { animate: [{
+                type: HostBinding,
+                args: ['@animateChildren']
+            }] } });
+//# sourceMappingURL=defaultValidationErrors.component.js.map

package/es2022/forms/src/components/defaultValidationErrors/defaultValidationErrors.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultValidationErrors.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.ts","../../../../../forms/src/components/defaultValidationErrors/defaultValidationErrors.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACjG,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;;;AAK5E;;GAEG;AACH,MAYa,gCAAgC;IAyBnB;IAvBtB,2FAA2F;IAE3F;;;OAGG;IACI,MAAM,CAAyB;IAEtC;;;OAGG;IACI,OAAO,CAA0B;IAExC,8EAA8E;IAE9E;;OAEG;IAEI,OAAO,GAAY,IAAI,CAAC;IAE/B,iEAAiE;IACjE,YAAsB,eAAkC;QAAlC,oBAAe,GAAf,eAAe,CAAmB;IAExD,CAAC;IAED,kHAAkH;IAElH;;OAEG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAgC;QAExE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;uGAxCQ,gCAAgC;2FAAhC,gCAAgC,+HCrB7C,kLAEM,8YDaF;YACI,iBAAiB;YACjB,sBAAsB;SACzB;;SAGQ,gCAAgC;2FAAhC,gCAAgC;kBAZ5C,SAAS;+BAEI,2BAA2B,cAIrC;wBACI,iBAAiB;wBACjB,sBAAsB;qBACzB,mBACgB,uBAAuB,CAAC,MAAM;wGAwBxC,OAAO;sBADb,WAAW;uBAAC,kBAAkB","sourcesContent":["import {Component, ChangeDetectionStrategy, ChangeDetectorRef, HostBinding} from '@angular/core';\nimport {slideInOutTrigger, animateChildrenTrigger} from '@anglr/animations';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsOptions} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Default validation errors component, displaying validation errors\n */\n@Component(\n{\n    selector: 'default-validation-errors',\n    templateUrl: 'defaultValidationErrors.component.html',\n    styleUrls: ['defaultValidationErrors.component.css'],\n    animations: \n    [\n        slideInOutTrigger,\n        animateChildrenTrigger\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsComponent implements ValidationErrorsComponent\n{\n    //######################### public properties - template bindings #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    public errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    public options: ValidationErrorsOptions;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Enables leave animations for internal stuff\n     */\n    @HostBinding('@animateChildren')\n    public animate: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef)\n    {\n    }\n\n    //######################### public methods - implementation of ValidationErrorsComponent #########################\n\n    /**\n     * @inheritdoc\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsOptions): void\n    {\n        this.errors = errors;\n        this.options = options;\n\n        this._changeDetector.detectChanges();\n    }\n}","<div [ngClass]=\"options?.wrapperDivClass\" *ngIf=\"errors?.errorMessages?.length\" @slideInOut>\n    <div *ngFor=\"let error of errors?.errorMessages\">{{error}}</div>\n</div>"]}

package/es2022/forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.js

@@ -0,0 +1,96 @@
+import { Component, ChangeDetectionStrategy, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Component that serves as container for validation errors, either component or templates
+ */
+class DefaultValidationErrorsContainerComponent {
+    _viewContainer;
+    //######################### protected fields #########################
+    /**
+     * Errors to be shown
+     * @internal
+     */
+    _errors;
+    /**
+     * Options used for displaying validation errors
+     * @internal
+     */
+    _options;
+    /**
+     * Instance of component reference for rendered errors
+     */
+    _component;
+    /**
+     * Instance of template reference for rendered errors
+     */
+    _template;
+    //######################### constructor #########################
+    constructor(_viewContainer) {
+        this._viewContainer = _viewContainer;
+    }
+    //######################### public methods - implementation of  #########################
+    /**
+     * Shows validation errors
+     * @param errors - Errors to be shown
+     * @param options - Options used for displaying validation errors
+     * @param errorClasses - Array of css error classes
+     */
+    show(errors, options) {
+        this._errors = errors;
+        this._options = options;
+        if (options.template) {
+            this._renderTemplate();
+        }
+        else if (options.component) {
+            this._renderComponent();
+        }
+        else {
+            throw new Error('Missing template or component for rendering validation errors!');
+        }
+    }
+    /**
+     * Hides validation errors
+     */
+    hide() {
+        this._viewContainer.clear();
+        this._component = null;
+        this._template = null;
+    }
+    //######################### protected methods #########################
+    /**
+     * Renders validation errors component
+     */
+    _renderComponent() {
+        if (!this._component) {
+            this._component = this._viewContainer.createComponent(this._options.component);
+        }
+        this._component.instance.show(this._errors, this._options);
+    }
+    /**
+     * Renders validation errors template
+     */
+    _renderTemplate() {
+        if (!this._template) {
+            this._template = this._viewContainer.createEmbeddedView(this._options.template, {
+                $implicit: this._errors,
+                options: this._options
+            });
+        }
+        else {
+            this._template.context =
+                {
+                    $implicit: this._errors,
+                    options: this._options
+                };
+            this._template.detectChanges();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DefaultValidationErrorsContainerComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: DefaultValidationErrorsContainerComponent, selector: "default-validation-errors-container", ngImport: i0, template: '', isInline: true, styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { DefaultValidationErrorsContainerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DefaultValidationErrorsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'default-validation-errors-container', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host\n{\n    display: contents;\n}"] }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+//# sourceMappingURL=defaultValidationErrorsContainer.component.js.map

package/es2022/forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultValidationErrorsContainer.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/defaultValidationErrorsContainer/defaultValidationErrorsContainer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,gBAAgB,EAAgC,MAAM,eAAe,CAAC;;AAKlH;;GAEG;AACH,MAOa,yCAAyC;IA2B5B;IAzBtB,sEAAsE;IAEtE;;;OAGG;IACO,OAAO,CAAyB;IAE1C;;;OAGG;IACO,QAAQ,CAAmC;IAErD;;OAEG;IACO,UAAU,CAA0C;IAE9D;;OAEG;IACO,SAAS,CAAmD;IAEtE,iEAAiE;IACjE,YAAsB,cAAgC;QAAhC,mBAAc,GAAd,cAAc,CAAkB;IAEtD,CAAC;IAED,yFAAyF;IAEzF;;;;;OAKG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAyC;QAEjF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAG,OAAO,CAAC,QAAQ,EACnB;YACI,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;aACI,IAAG,OAAO,CAAC,SAAS,EACzB;YACI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;aAED;YACI,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;SACrF;IACL,CAAC;IAED;;OAEG;IACI,IAAI;QAEP,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,gBAAgB;QAEtB,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAClF;QAED,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACO,eAAe;QAErB,IAAG,CAAC,IAAI,CAAC,SAAS,EAClB;YACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAC9E;gBACI,SAAS,EAAE,IAAI,CAAC,OAAO;gBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;aACzB,CAAC,CAAC;SACN;aAED;YACI,IAAI,CAAC,SAAS,CAAC,OAAO;gBACtB;oBACI,SAAS,EAAE,IAAI,CAAC,OAAO;oBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;iBACzB,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;SAClC;IACL,CAAC;uGA1GQ,yCAAyC;2FAAzC,yCAAyC,2EAJxC,EAAE;;SAIH,yCAAyC;2FAAzC,yCAAyC;kBAPrD,SAAS;+BAEI,qCAAqC,YACrC,EAAE,mBAEK,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewContainerRef, ComponentRef, EmbeddedViewRef} from '@angular/core';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsContainerComponent, ValidationErrorsContainerOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n/**\n * Component that serves as container for validation errors, either component or templates\n */\n@Component(\n{\n    selector: 'default-validation-errors-container',\n    template: '',\n    styleUrls: ['defaultValidationErrorsContainer.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DefaultValidationErrorsContainerComponent implements ValidationErrorsContainerComponent\n{\n    //######################### protected fields #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    protected _errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    protected _options: ValidationErrorsContainerOptions;\n\n    /**\n     * Instance of component reference for rendered errors\n     */\n    protected _component: ComponentRef<ValidationErrorsComponent>;\n\n    /**\n     * Instance of template reference for rendered errors\n     */\n    protected _template: EmbeddedViewRef<ValidationErrorsTemplateContext>;\n\n    //######################### constructor #########################\n    constructor(protected _viewContainer: ViewContainerRef)\n    {\n    }\n\n    //######################### public methods - implementation of  #########################\n\n    /**\n     * Shows validation errors\n     * @param errors - Errors to be shown\n     * @param options - Options used for displaying validation errors\n     * @param errorClasses - Array of css error classes\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsContainerOptions): void\n    {\n        this._errors = errors;\n        this._options = options;\n\n        if(options.template)\n        {\n            this._renderTemplate();\n        }\n        else if(options.component)\n        {\n            this._renderComponent();\n        }\n        else\n        {\n            throw new Error('Missing template or component for rendering validation errors!');\n        }\n    }\n\n    /**\n     * Hides validation errors\n     */\n    public hide(): void\n    {\n        this._viewContainer.clear();\n        this._component = null;\n        this._template = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders validation errors component\n     */\n    protected _renderComponent(): void\n    {\n        if(!this._component)\n        {\n            this._component = this._viewContainer.createComponent(this._options.component);\n        }\n\n        this._component.instance.show(this._errors, this._options);\n    }\n\n    /**\n     * Renders validation errors template\n     */\n    protected _renderTemplate(): void\n    {\n        if(!this._template)\n        {\n            this._template = this._viewContainer.createEmbeddedView(this._options.template,\n            {\n                $implicit: this._errors,\n                options: this._options\n            });\n        }\n        else\n        {\n            this._template.context =\n            {\n                $implicit: this._errors,\n                options: this._options\n            };\n\n            this._template.detectChanges();\n        }\n    }\n}"]}

package/es2022/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.js

@@ -0,0 +1,100 @@
+import { Component, ChangeDetectionStrategy, ViewContainerRef, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+//TODO: optimize duplicit code
+/**
+ * Component that serves as container for validation errors, either component or templates with reserved space for errors
+ */
+class ReservedSpaceValidationErrorsContainerComponent {
+    //######################### protected fields #########################
+    /**
+     * Errors to be shown
+     * @internal
+     */
+    _errors;
+    /**
+     * Options used for displaying validation errors
+     * @internal
+     */
+    _options;
+    /**
+     * Instance of component reference for rendered errors
+     */
+    _component;
+    /**
+     * Instance of template reference for rendered errors
+     */
+    _template;
+    //######################### public properties - children #########################
+    /**
+     * View container for rendering validation errors
+     */
+    viewContainer;
+    //######################### public methods - implementation of  #########################
+    /**
+     * Shows validation errors
+     * @param errors - Errors to be shown
+     * @param options - Options used for displaying validation errors
+     * @param errorClasses - Array of css error classes
+     */
+    show(errors, options) {
+        this._errors = errors;
+        this._options = options;
+        if (options.template) {
+            this._renderTemplate();
+        }
+        else if (options.component) {
+            this._renderComponent();
+        }
+        else {
+            throw new Error('Missing template or component for rendering validation errors!');
+        }
+    }
+    /**
+     * Hides validation errors
+     */
+    hide() {
+        this.viewContainer.clear();
+        this._component = null;
+        this._template = null;
+    }
+    //######################### protected methods #########################
+    /**
+     * Renders validation errors component
+     */
+    _renderComponent() {
+        if (!this._component) {
+            this._component = this.viewContainer.createComponent(this._options.component);
+        }
+        this._component.instance.show(this._errors, this._options);
+    }
+    /**
+     * Renders validation errors template
+     */
+    _renderTemplate() {
+        if (!this._template) {
+            this._template = this.viewContainer.createEmbeddedView(this._options.template, {
+                $implicit: this._errors,
+                options: this._options
+            });
+        }
+        else {
+            this._template.context =
+                {
+                    $implicit: this._errors,
+                    options: this._options
+                };
+            this._template.detectChanges();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: ReservedSpaceValidationErrorsContainerComponent, selector: "reserved-space-validation-errors-container", viewQueries: [{ propertyName: "viewContainer", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div>\n    <ng-container #container></ng-container>\n</div>", styles: [":host\n{\n    display: contents;\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { ReservedSpaceValidationErrorsContainerComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ReservedSpaceValidationErrorsContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'reserved-space-validation-errors-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n    <ng-container #container></ng-container>\n</div>", styles: [":host\n{\n    display: contents;\n}"] }]
+        }], propDecorators: { viewContainer: [{
+                type: ViewChild,
+                args: ['container', { static: true, read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=reservedSpaceValidationErrorsContainer.component.js.map

package/es2022/forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservedSpaceValidationErrorsContainer.component.js","sourceRoot":"","sources":["../../../../../forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.ts","../../../../../forms/src/components/reservedSpaceValidationErrorsContainer/reservedSpaceValidationErrorsContainer.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,gBAAgB,EAAiC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAK7H,8BAA8B;AAE9B;;GAEG;AACH,MAOa,+CAA+C;IAExD,sEAAsE;IAEtE;;;OAGG;IACO,OAAO,CAAyB;IAE1C;;;OAGG;IACO,QAAQ,CAAmC;IAErD;;OAEG;IACO,UAAU,CAA0C;IAE9D;;OAEG;IACO,SAAS,CAAmD;IAEtE,kFAAkF;IAElF;;OAEG;IAEI,aAAa,CAAmB;IAEvC,yFAAyF;IAEzF;;;;;OAKG;IACI,IAAI,CAAC,MAA8B,EAAE,OAAyC;QAEjF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAExB,IAAG,OAAO,CAAC,QAAQ,EACnB;YACI,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;aACI,IAAG,OAAO,CAAC,SAAS,EACzB;YACI,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;aAED;YACI,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAC;SACrF;IACL,CAAC;IAED;;OAEG;IACI,IAAI;QAEP,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IAC1B,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,gBAAgB;QAEtB,IAAG,CAAC,IAAI,CAAC,UAAU,EACnB;YACI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SACjF;QAED,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED;;OAEG;IACO,eAAe;QAErB,IAAG,CAAC,IAAI,CAAC,SAAS,EAClB;YACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAC7E;gBACI,SAAS,EAAE,IAAI,CAAC,OAAO;gBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;aACzB,CAAC,CAAC;SACN;aAED;YACI,IAAI,CAAC,SAAS,CAAC,OAAO;gBACtB;oBACI,SAAS,EAAE,IAAI,CAAC,OAAO;oBACvB,OAAO,EAAE,IAAI,CAAC,QAAQ;iBACzB,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;SAClC;IACL,CAAC;uGA7GQ,+CAA+C;2FAA/C,+CAA+C,yKA+BX,gBAAgB,2CChDjE,6DAEM;;SDeO,+CAA+C;2FAA/C,+CAA+C;kBAP3D,SAAS;+BAEI,4CAA4C,mBAGrC,uBAAuB,CAAC,MAAM;8BAkCxC,aAAa;sBADnB,SAAS;uBAAC,WAAW,EAAE,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAC","sourcesContent":["import {Component, ChangeDetectionStrategy, ViewContainerRef, ComponentRef, EmbeddedViewRef, ViewChild} from '@angular/core';\n\nimport {ValidationErrorsResult} from '../../services/errorMessagesExtractor/errorMessagesExtractor.interface';\nimport {ValidationErrorsComponent, ValidationErrorsContainerComponent, ValidationErrorsContainerOptions, ValidationErrorsTemplateContext} from '../../services/validationErrorRenderer/validationErrorRenderer.interface';\n\n//TODO: optimize duplicit code\n\n/**\n * Component that serves as container for validation errors, either component or templates with reserved space for errors\n */\n@Component(\n{\n    selector: 'reserved-space-validation-errors-container',\n    templateUrl: 'reservedSpaceValidationErrorsContainer.component.html',\n    styleUrls: ['reservedSpaceValidationErrorsContainer.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ReservedSpaceValidationErrorsContainerComponent implements ValidationErrorsContainerComponent\n{\n    //######################### protected fields #########################\n\n    /**\n     * Errors to be shown\n     * @internal\n     */\n    protected _errors: ValidationErrorsResult;\n    \n    /**\n     * Options used for displaying validation errors\n     * @internal\n     */\n    protected _options: ValidationErrorsContainerOptions;\n\n    /**\n     * Instance of component reference for rendered errors\n     */\n    protected _component: ComponentRef<ValidationErrorsComponent>;\n\n    /**\n     * Instance of template reference for rendered errors\n     */\n    protected _template: EmbeddedViewRef<ValidationErrorsTemplateContext>;\n\n    //######################### public properties - children #########################\n\n    /**\n     * View container for rendering validation errors\n     */\n    @ViewChild('container', {static: true, read: ViewContainerRef})\n    public viewContainer: ViewContainerRef;\n\n    //######################### public methods - implementation of  #########################\n\n    /**\n     * Shows validation errors\n     * @param errors - Errors to be shown\n     * @param options - Options used for displaying validation errors\n     * @param errorClasses - Array of css error classes\n     */\n    public show(errors: ValidationErrorsResult, options: ValidationErrorsContainerOptions): void\n    {\n        this._errors = errors;\n        this._options = options;\n\n        if(options.template)\n        {\n            this._renderTemplate();\n        }\n        else if(options.component)\n        {\n            this._renderComponent();\n        }\n        else\n        {\n            throw new Error('Missing template or component for rendering validation errors!');\n        }\n    }\n\n    /**\n     * Hides validation errors\n     */\n    public hide(): void\n    {\n        this.viewContainer.clear();\n        this._component = null;\n        this._template = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Renders validation errors component\n     */\n    protected _renderComponent(): void\n    {\n        if(!this._component)\n        {\n            this._component = this.viewContainer.createComponent(this._options.component);\n        }\n\n        this._component.instance.show(this._errors, this._options);\n    }\n\n    /**\n     * Renders validation errors template\n     */\n    protected _renderTemplate(): void\n    {\n        if(!this._template)\n        {\n            this._template = this.viewContainer.createEmbeddedView(this._options.template,\n            {\n                $implicit: this._errors,\n                options: this._options\n            });\n        }\n        else\n        {\n            this._template.context =\n            {\n                $implicit: this._errors,\n                options: this._options\n            };\n\n            this._template.detectChanges();\n        }\n    }\n}","<div>\n    <ng-container #container></ng-container>\n</div>"]}