npm - @anglr/common - Versions diffs - 11.3.0-beta.20220412054621 → 11.3.0-beta.20220413080437 - Mend

@anglr/common 11.3.0-beta.20220412054621 → 11.3.0-beta.20220413080437

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (138) hide show

package/es2020/src/modules/tooltip/directives/tooltip/tooltip.directive.js CHANGED Viewed

@@ -1,5 +1,7 @@
 import { ContentChild, Directive, ElementRef, HostListener, Inject, Injector, Input, Optional, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AnimationBuilder } from '@angular/animations';
 import { DOCUMENT } from '@angular/common';
+import { fadeInAnimation, fadeOutAnimation } from '@anglr/animations';
 import { extend, isBlank, isPresent, nameof } from '@jscrpt/common';
 import { TooltipComponent } from '../../components/tooltip/tooltip.component';
 import { TOOLTIP_OPTIONS } from '../../misc/tokens';
@@ -7,6 +9,7 @@ import { applyPositionResult, PositionOffset, PositionPlacement } from '../../..
 import { TooltipTemplateDirective } from '../tooltipTemplate/tooltipTemplate.directive';
 import { POSITION } from '../../../../types/tokens';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/animations";
 /**
  * Default options for tooltip
  */
@@ -19,17 +22,20 @@ const defaultOptions = {
     allowSelection: false,
     tooltipRenderer: TooltipComponent,
     tooltipCssClass: null,
-    stopPropagation: false
+    stopPropagation: false,
+    enterAnimation: fadeInAnimation,
+    exitAnimation: fadeOutAnimation,
 };
 /**
  * Directive used for rendering tooltip
  */
 export class TooltipDirective {
     //######################### constructor #########################
-    constructor(_viewContainerRef, _injector, _element, _document, _position, options) {
+    constructor(_viewContainerRef, _injector, _element, _animationsPlayer, _document, _position, options) {
         this._viewContainerRef = _viewContainerRef;
         this._injector = _injector;
         this._element = _element;
+        this._animationsPlayer = _animationsPlayer;
         this._document = _document;
         this._position = _position;
         /**
@@ -49,6 +55,8 @@ export class TooltipDirective {
          */
         this.allowHtml = false;
         this._options = extend(true, {}, defaultOptions, options);
+        this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);
+        this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);
     }
     /**
      * Options used for displaying tooltip
@@ -58,6 +66,8 @@ export class TooltipDirective {
     }
     set tooltipOptions(value) {
         this._options = extend(true, {}, this._options, value);
+        this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);
+        this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);
     }
     //######################### public methods - implementation of OnChanges #########################
     /**
@@ -157,9 +167,16 @@ export class TooltipDirective {
      */
     _destroyTooltip() {
         if (this._tooltipComponent) {
-            this._tooltipComponent.destroy();
+            const component = this._tooltipComponent;
+            const element = this._tooltipElement;
+            const exitAnimation = this._exitAnimation.create(element);
+            exitAnimation.onDone(() => {
+                component.destroy();
+                exitAnimation.destroy();
+            });
             this._tooltipComponent = undefined;
             this._tooltipElement = undefined;
+            exitAnimation.play();
         }
     }
     /**
@@ -178,6 +195,7 @@ export class TooltipDirective {
             .rootNodes[0];
         // 4. Append DOM element to the body
         this._document.body.appendChild(this._tooltipElement);
+        this._enterAnimation.create(this._tooltipElement).play();
     }
     /**
      * Sets data to tooltip component and shows them
@@ -206,14 +224,14 @@ export class TooltipDirective {
         }
     }
 }
-TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: POSITION }, { token: TOOLTIP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i1.AnimationBuilder }, { token: DOCUMENT }, { token: POSITION }, { token: TOOLTIP_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
 TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TooltipDirective, selector: "[tooltip]", inputs: { tooltip: "tooltip", allowHtml: "allowHtml", tooltipTemplate: "tooltipTemplate", tooltipOptions: "tooltipOptions", tooltipVisible: "tooltipVisible" }, host: { listeners: { "mouseleave": "mouseLeave($event)", "mousemove": "mouseMove($event)" } }, queries: [{ propertyName: "tooltipTemplateChild", first: true, predicate: TooltipTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tooltip]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.ElementRef }, { type: Document, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i1.AnimationBuilder }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }, { type: undefined, decorators: [{

package/es2020/src/modules/tooltip/directives/tooltip/tooltip.directive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/directives/tooltip/tooltip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, ContentChild, Directive, ElementRef, EmbeddedViewRef, HostListener, Inject, Injector, Input, OnChanges, OnDestroy, Optional, SimpleChanges, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {extend, isBlank, isPresent, nameof} from '@jscrpt/common';\n\nimport {TooltipComponent} from '../../components/tooltip/tooltip.component';\nimport {TooltipOptions, TooltipRenderer} from '../../misc/tooltip.interface';\nimport {TOOLTIP_OPTIONS} from '../../misc/tokens';\nimport {applyPositionResult, Position, PositionOffset, PositionPlacement} from '../../../../services/position';\nimport {TooltipTemplateDirective} from '../tooltipTemplate/tooltipTemplate.directive';\nimport {POSITION} from '../../../../types/tokens';\n\n/*\n Default options for tooltip\n /\nconst defaultOptions: TooltipOptions =\n{\n delay: 200,\n position:\n {\n offset: PositionOffset.MouseEnter,\n placement: PositionPlacement.TopStart\n },\n allowSelection: false,\n tooltipRenderer: TooltipComponent,\n tooltipCssClass: null,\n stopPropagation: false\n};\n\n/\n Directive used for rendering tooltip\n /\n@Directive(\n{\n selector: '[tooltip]'\n})\nexport class TooltipDirective<TData = any> implements OnChanges, OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Instance of component used for rendering tooltip\n /\n protected _tooltipComponent?: ComponentRef<TooltipRenderer<TData>>;\n\n /\n Instance of HTML element for tooltip renderer\n /\n protected _tooltipElement?: HTMLElement;\n\n /\n Instance of options provided for this tooltip\n /\n protected _options: TooltipOptions;\n\n /\n Indication whether there is active show tooltip request\n /\n protected _showRequest: boolean = false;\n\n /\n Indication whether keep open tooltip component\n /\n protected _keepOpen: boolean = false;\n\n /\n Timeout that is used for handling mouse move\n /\n protected _timeout: number\|null = null;\n\n //######################### public properties - inputs #########################\n\n /\n Tooltip text that is displayed, or any data that could be passed to template\n /\n @Input()\n public tooltip?: TData;\n\n /\n Indication whether are html tags allowed in tooltip text\n /\n @Input()\n public allowHtml: boolean = false;\n\n /\n Instance of tooltip template that is used for rendering\n /\n @Input()\n public tooltipTemplate?: TemplateRef<TData>;\n\n /\n Options used for displaying tooltip\n /\n @Input()\n public get tooltipOptions(): Partial<TooltipOptions>\n {\n return this._options;\n }\n public set tooltipOptions(value: Partial<TooltipOptions>)\n {\n this._options = extend(true, {}, this._options, value);\n }\n\n /\n Gets or sets indication whether is tooltip visible, if has boolean value, mouse events cant override this\n /\n @Input()\n public tooltipVisible?: boolean;\n\n //######################### public properties - children #########################\n\n /\n Instance of template from element content, used for rendering\n /\n @ContentChild(TooltipTemplateDirective)\n public tooltipTemplateChild?: TooltipTemplateDirective;\n\n //######################### constructor #########################\n constructor(protected _viewContainerRef: ViewContainerRef,\n protected _injector: Injector,\n protected _element: ElementRef<HTMLElement>,\n @Inject(DOCUMENT) protected _document: Document,\n @Inject(POSITION) protected _position: Position,\n @Optional() @Inject(TOOLTIP_OPTIONS) options?: Partial<TooltipOptions>)\n {\n this._options = extend(true, {}, defaultOptions, options);\n }\n\n //######################### public methods - implementation of OnChanges #########################\n\n /\n Called when input value changes\n /\n public ngOnChanges(changes: SimpleChanges): void\n {\n if(nameof<TooltipDirective>('tooltipVisible') in changes)\n {\n if(this.tooltipVisible)\n {\n this._showTooltip();\n }\n else\n {\n this._hideTooltip();\n }\n }\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n Called when component is destroyed\n /\n public ngOnDestroy(): void\n {\n this._destroyTooltip();\n }\n\n //######################### public methods - host #########################\n\n /\n Handles mouse leave event, hover ends\n * @param event - Mouse event that occured\n * @internal\n /\n @HostListener('mouseleave', ['$event'])\n public mouseLeave(event: MouseEvent): void\n {\n if(this._options.stopPropagation)\n {\n event.stopPropagation();\n }\n\n if(isBlank(this.tooltipVisible))\n {\n setTimeout(() =>\n {\n if(!this._keepOpen)\n {\n this._showRequest = false;\n this._hideTooltip();\n }\n }, 10);\n }\n }\n\n /\n Handles mouse move event, displaying tooltip\n * @param event - Mouse event that occured\n * @internal\n /\n @HostListener('mousemove', ['$event'])\n public mouseMove(event: MouseEvent): void\n {\n if(this._options.stopPropagation)\n {\n event.stopPropagation();\n }\n\n this._showRequest = true;\n\n //do nothing if tooltip is visible\n if(this._tooltipComponent \|\| isPresent(this.tooltipVisible))\n {\n return;\n }\n\n if(isPresent(this._timeout))\n {\n clearTimeout(this._timeout);\n }\n\n this._timeout = setTimeout(() =>\n {\n this._timeout = null;\n\n if(this._showRequest)\n {\n this._showTooltip(event);\n\n this._showRequest = false;\n }\n }, this._options.delay) as any;\n }\n\n //######################### protected methods #########################\n\n /\n Shows tooltip\n * @param event - Mouse event\n /\n protected _showTooltip(event?: MouseEvent): void\n {\n this._createTooltip();\n\n //if element was not created do nothing\n if(!this._tooltipElement)\n {\n return;\n }\n\n this._showData();\n\n this._position.placeElement(this._tooltipElement,\n this._element.nativeElement,\n {\n placement: this._options.position.placement,\n offset: this._options.position.offset,\n flip: true,\n mouseEvent: event,\n autoUpdate: false\n })\n .toPromise()\n .then(result => applyPositionResult(result));\n }\n\n /\n Hides tooltip\n /\n protected _hideTooltip(): void\n {\n this._destroyTooltip();\n }\n\n /\n Destroys tooltip component\n /\n protected _destroyTooltip(): void\n {\n if(this._tooltipComponent)\n {\n this._tooltipComponent.destroy();\n this._tooltipComponent = undefined;\n this._tooltipElement = undefined;\n }\n }\n\n /\n Creates tooltip renderer component\n /\n protected _createTooltip(): void\n {\n // 0. Destroys tooltip if it exists\n this._destroyTooltip();\n\n // 1. Create a component reference from the component\n this._tooltipComponent = this._viewContainerRef\n .createComponent(this._options.tooltipRenderer,\n {\n injector: this._injector\n });\n\n // 3. Get DOM element from component\n this._tooltipElement = (this._tooltipComponent.hostView as EmbeddedViewRef<any>)\n .rootNodes[0] as HTMLElement;\n\n // 4. Append DOM element to the body\n this._document.body.appendChild(this._tooltipElement);\n }\n\n /\n Sets data to tooltip component and shows them\n /\n protected _showData(): void\n {\n if(this._tooltipComponent)\n {\n this._tooltipComponent.instance.allowHtml = this.allowHtml;\n this._tooltipComponent.instance.data = this.tooltip;\n this._tooltipComponent.instance.template = this.tooltipTemplate ?? this.tooltipTemplateChild?.template;\n this._tooltipComponent.instance.cssClass = this._options.tooltipCssClass;\n\n this._tooltipComponent.instance.registerHoverEvents(() =>\n {\n if(this._options.allowSelection)\n {\n this._keepOpen = true;\n this._showRequest = false;\n }\n },\n () =>\n {\n setTimeout(() =>\n {\n this._keepOpen = false;\n\n if(!this._showRequest)\n {\n this._hideTooltip();\n }\n\n this._showRequest = false;\n }, 5);\n });\n\n this._tooltipComponent.instance.invalidateVisuals();\n }\n }\n\n //######################### ng language server #########################\n \n /\n Custom input type for `tooltip` input\n */\n public static ngAcceptInputType_tooltip: any;\n}"]}
1	+ {"version":3,"file":"tooltip.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/directives/tooltip/tooltip.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {ComponentRef, ContentChild, Directive, ElementRef, EmbeddedViewRef, HostListener, Inject, Injector, Input, OnChanges, OnDestroy, Optional, SimpleChanges, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {AnimationBuilder, AnimationFactory} from '@angular/animations';\nimport {DOCUMENT} from '@angular/common';\nimport {fadeInAnimation, fadeOutAnimation} from '@anglr/animations';\nimport {extend, isBlank, isPresent, nameof} from '@jscrpt/common';\n\nimport {TooltipComponent} from '../../components/tooltip/tooltip.component';\nimport {TooltipOptions, TooltipRenderer} from '../../misc/tooltip.interface';\nimport {TOOLTIP_OPTIONS} from '../../misc/tokens';\nimport {applyPositionResult, Position, PositionOffset, PositionPlacement} from '../../../../services/position';\nimport {TooltipTemplateDirective} from '../tooltipTemplate/tooltipTemplate.directive';\nimport {TooltipTemplateContext} from '../tooltipTemplate/tooltipTemplate.context';\nimport {POSITION} from '../../../../types/tokens';\n\n/*\n Default options for tooltip\n /\nconst defaultOptions: TooltipOptions =\n{\n delay: 200,\n position:\n {\n offset: PositionOffset.MouseEnter,\n placement: PositionPlacement.TopStart\n },\n allowSelection: false,\n tooltipRenderer: TooltipComponent,\n tooltipCssClass: null,\n stopPropagation: false,\n enterAnimation: fadeInAnimation,\n exitAnimation: fadeOutAnimation,\n};\n\n/\n Directive used for rendering tooltip\n /\n@Directive(\n{\n selector: '[tooltip]'\n})\nexport class TooltipDirective<TData = any> implements OnChanges, OnDestroy\n{\n //######################### protected fields #########################\n\n /\n Instance of component used for rendering tooltip\n /\n protected _tooltipComponent?: ComponentRef<TooltipRenderer<TData>>;\n\n /\n Instance of HTML element for tooltip renderer\n /\n protected _tooltipElement?: HTMLElement;\n\n /\n Animation factory used for enter animation of tooltip\n /\n protected _enterAnimation: AnimationFactory;\n\n /\n Animation factory used for exit animation of tooltip\n /\n protected _exitAnimation: AnimationFactory;\n\n /\n Instance of options provided for this tooltip\n /\n protected _options: TooltipOptions;\n\n /\n Indication whether there is active show tooltip request\n /\n protected _showRequest: boolean = false;\n\n /\n Indication whether keep open tooltip component\n /\n protected _keepOpen: boolean = false;\n\n /\n Timeout that is used for handling mouse move\n /\n protected _timeout: number\|null = null;\n\n //######################### public properties - inputs #########################\n\n /\n Tooltip text that is displayed, or any data that could be passed to template\n /\n @Input()\n public tooltip?: TData;\n\n /\n Indication whether are html tags allowed in tooltip text\n /\n @Input()\n public allowHtml: boolean = false;\n\n /\n Instance of tooltip template that is used for rendering\n /\n @Input()\n public tooltipTemplate?: TemplateRef<TooltipTemplateContext<TData>>;\n\n /\n Options used for displaying tooltip\n /\n @Input()\n public get tooltipOptions(): Partial<TooltipOptions>\n {\n return this._options;\n }\n public set tooltipOptions(value: Partial<TooltipOptions>)\n {\n this._options = extend(true, {}, this._options, value);\n\n this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);\n this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);\n }\n\n /\n Gets or sets indication whether is tooltip visible, if has boolean value, mouse events cant override this\n /\n @Input()\n public tooltipVisible?: boolean;\n\n //######################### public properties - children #########################\n\n /\n Instance of template from element content, used for rendering\n /\n @ContentChild(TooltipTemplateDirective)\n public tooltipTemplateChild?: TooltipTemplateDirective;\n\n //######################### constructor #########################\n constructor(protected _viewContainerRef: ViewContainerRef,\n protected _injector: Injector,\n protected _element: ElementRef<HTMLElement>,\n protected _animationsPlayer: AnimationBuilder,\n @Inject(DOCUMENT) protected _document: Document,\n @Inject(POSITION) protected _position: Position,\n @Optional() @Inject(TOOLTIP_OPTIONS) options?: Partial<TooltipOptions>,)\n {\n this._options = extend(true, {}, defaultOptions, options);\n\n this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);\n this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);\n }\n\n //######################### public methods - implementation of OnChanges #########################\n\n /\n Called when input value changes\n /\n public ngOnChanges(changes: SimpleChanges): void\n {\n if(nameof<TooltipDirective>('tooltipVisible') in changes)\n {\n if(this.tooltipVisible)\n {\n this._showTooltip();\n }\n else\n {\n this._hideTooltip();\n }\n }\n }\n\n //######################### public methods - implementation of OnDestroy #########################\n\n /\n Called when component is destroyed\n /\n public ngOnDestroy(): void\n {\n this._destroyTooltip();\n }\n\n //######################### public methods - host #########################\n\n /\n Handles mouse leave event, hover ends\n * @param event - Mouse event that occured\n * @internal\n /\n @HostListener('mouseleave', ['$event'])\n public mouseLeave(event: MouseEvent): void\n {\n if(this._options.stopPropagation)\n {\n event.stopPropagation();\n }\n\n if(isBlank(this.tooltipVisible))\n {\n setTimeout(() =>\n {\n if(!this._keepOpen)\n {\n this._showRequest = false;\n this._hideTooltip();\n }\n }, 10);\n }\n }\n\n /\n Handles mouse move event, displaying tooltip\n * @param event - Mouse event that occured\n * @internal\n /\n @HostListener('mousemove', ['$event'])\n public mouseMove(event: MouseEvent): void\n {\n if(this._options.stopPropagation)\n {\n event.stopPropagation();\n }\n\n this._showRequest = true;\n\n //do nothing if tooltip is visible\n if(this._tooltipComponent \|\| isPresent(this.tooltipVisible))\n {\n return;\n }\n\n if(isPresent(this._timeout))\n {\n clearTimeout(this._timeout);\n }\n\n this._timeout = setTimeout(() =>\n {\n this._timeout = null;\n\n if(this._showRequest)\n {\n this._showTooltip(event);\n\n this._showRequest = false;\n }\n }, this._options.delay) as any;\n }\n\n //######################### protected methods #########################\n\n /\n Shows tooltip\n * @param event - Mouse event\n /\n protected _showTooltip(event?: MouseEvent): void\n {\n this._createTooltip();\n\n //if element was not created do nothing\n if(!this._tooltipElement)\n {\n return;\n }\n\n this._showData();\n\n this._position.placeElement(this._tooltipElement,\n this._element.nativeElement,\n {\n placement: this._options.position.placement,\n offset: this._options.position.offset,\n flip: true,\n mouseEvent: event,\n autoUpdate: false\n })\n .toPromise()\n .then(result => applyPositionResult(result));\n }\n\n /\n Hides tooltip\n /\n protected _hideTooltip(): void\n {\n this._destroyTooltip();\n }\n\n /\n Destroys tooltip component\n /\n protected _destroyTooltip(): void\n {\n if(this._tooltipComponent)\n {\n const component = this._tooltipComponent;\n const element = this._tooltipElement;\n\n const exitAnimation = this._exitAnimation.create(element);\n\n exitAnimation.onDone(() =>\n {\n component.destroy();\n exitAnimation.destroy();\n });\n \n this._tooltipComponent = undefined;\n this._tooltipElement = undefined;\n\n exitAnimation.play();\n }\n }\n\n /\n Creates tooltip renderer component\n /\n protected _createTooltip(): void\n {\n // 0. Destroys tooltip if it exists\n this._destroyTooltip();\n\n // 1. Create a component reference from the component\n this._tooltipComponent = this._viewContainerRef\n .createComponent(this._options.tooltipRenderer,\n {\n injector: this._injector\n });\n\n // 3. Get DOM element from component\n this._tooltipElement = (this._tooltipComponent.hostView as EmbeddedViewRef<any>)\n .rootNodes[0] as HTMLElement;\n\n // 4. Append DOM element to the body\n this._document.body.appendChild(this._tooltipElement);\n this._enterAnimation.create(this._tooltipElement).play();\n }\n\n /\n Sets data to tooltip component and shows them\n /\n protected _showData(): void\n {\n if(this._tooltipComponent)\n {\n this._tooltipComponent.instance.allowHtml = this.allowHtml;\n this._tooltipComponent.instance.data = this.tooltip;\n this._tooltipComponent.instance.template = this.tooltipTemplate ?? this.tooltipTemplateChild?.template;\n this._tooltipComponent.instance.cssClass = this._options.tooltipCssClass;\n\n this._tooltipComponent.instance.registerHoverEvents(() =>\n {\n if(this._options.allowSelection)\n {\n this._keepOpen = true;\n this._showRequest = false;\n }\n },\n () =>\n {\n setTimeout(() =>\n {\n this._keepOpen = false;\n\n if(!this._showRequest)\n {\n this._hideTooltip();\n }\n\n this._showRequest = false;\n }, 5);\n });\n\n this._tooltipComponent.instance.invalidateVisuals();\n }\n }\n\n //######################### ng language server #########################\n \n /\n Custom input type for `tooltip` input\n */\n public static ngAcceptInputType_tooltip: any;\n}"]}

package/es2020/src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.context.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=tooltipTemplate.context.js.map

package/es2020/src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tooltipTemplate.context.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.context.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Context passed to template of tooltip\n */\nexport interface TooltipTemplateContext<TData = any>\n{\n /**\n * Data that should be displayed in tooltip\n */\n $implicit: TData;\n}"]}

package/es2020/src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.directive.js CHANGED Viewed

@@ -8,6 +8,13 @@ export class TooltipTemplateDirective {
     constructor(template) {
         this.template = template;
     }
+    //######################### ng language server #########################
+    /**
+     * Allows typechecking for template
+     */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
 }
 TooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
 TooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TooltipTemplateDirective, selector: "[tooltipTemplate]", ngImport: i0 });

package/es2020/src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.directive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltipTemplate.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;;~~AAErD~~;;GAEG;AAKH,MAAM,OAAO,wBAAwB;IAEjC,iEAAiE;IACjE,YAAmB,~~QAA4B~~;~~QAA5B~~,aAAQ,GAAR,QAAQ,~~CAAoB~~;~~IAE/C~~,CAAC;;~~qHALQ~~,wBAAwB;yGAAxB,wBAAwB;2FAAxB,wBAAwB;kBAJpC,SAAS;mBACV;oBACI,QAAQ,EAAE,mBAAmB;iBAChC","sourcesContent":["import {Directive, TemplateRef} from '@angular/core';\n\n/*\n Directive used for obtaining custom tooltip template\n */\n@Directive(\n{\n selector: '[tooltipTemplate]'\n})\nexport class TooltipTemplateDirective<TData = any>\n{\n //######################### constructor #########################\n constructor(public template: TemplateRef<TData>)\n {\n }\n}"]}
1	+ {"version":3,"file":"tooltipTemplate.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;;AAIrD;;GAEG;AAKH,MAAM,OAAO,wBAAwB;IAEjC,iEAAiE;IACjE,YAAmB,QAAoD;QAApD,aAAQ,GAAR,QAAQ,CAA4C;IAEvE,CAAC;IAED,wEAAwE;IAExE;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,IAA8B,EAAE,IAAa;QAEvE,OAAO,IAAI,CAAC;IAChB,CAAC;;qHAfQ,wBAAwB;yGAAxB,wBAAwB;2FAAxB,wBAAwB;kBAJpC,SAAS;mBACV;oBACI,QAAQ,EAAE,mBAAmB;iBAChC","sourcesContent":["import {Directive, TemplateRef} from '@angular/core';\n\nimport {TooltipTemplateContext} from './tooltipTemplate.context';\n\n/*\n Directive used for obtaining custom tooltip template\n /\n@Directive(\n{\n selector: '[tooltipTemplate]'\n})\nexport class TooltipTemplateDirective<TData = any>\n{\n //######################### constructor #########################\n constructor(public template: TemplateRef<TooltipTemplateContext<TData>>)\n {\n }\n\n //######################### ng language server #########################\n \n /\n Allows typechecking for template\n */\n static ngTemplateContextGuard(_dir: TooltipTemplateDirective, _ctx: unknown): _ctx is TooltipTemplateContext\n {\n return true;\n }\n}"]}

package/es2020/src/modules/tooltip/misc/tooltip.interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip.interface.js","sourceRoot":"","sources":["../../../../../src/modules/tooltip/misc/tooltip.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {TemplateRef, Type} from '@angular/core';\n\nimport {PositionOptions} from '../../../services/position';\n\n/*\n Represents component that is used for rendering tooltip\n /\nexport interface TooltipRenderer<TData = any>\n{\n //######################### properties #########################\n\n /\n Data that are rendered in tooltip\n /\n data: TData\|null\|undefined;\n\n /\n Template used for rendering tooltip\n /\n template: TemplateRef<TData>\|null\|undefined;\n\n /\n Indication whether are html tags allowed in tooltip text\n /\n allowHtml: boolean;\n\n /\n Css class that is applied to tooltip renderer component\n /\n cssClass: string\|null\|undefined;\n\n //######################### methods #########################\n\n /\n Registers handlers that allows reaction to entering or leaving tooltip\n * @param enter - Called when mouse enter tooltip component, hover\n * @param leave - Called when mouse leaves tooltip component\n /\n registerHoverEvents(enter: () => void, leave: () => void): void;\n\n /\n Explicitly runs invalidation of content (change detection)\n /\n invalidateVisuals(): void;\n}\n\n/\n Options used for tooltip directive\n /\nexport interface TooltipOptions\n{\n /\n Delay for displaying of tooltip on hover\n /\n delay: number;\n\n /\n Position where should tooltip appear relative to its parent\n /\n position: Pick<PositionOptions, 'placement'\|'offset'>;\n\n /\n Allows selection of text in tooltip\n /\n allowSelection: boolean\|null;\n\n /\n Css class that is applied to tooltip renderer component\n /\n tooltipCssClass: string\|null;\n\n /\n Indication whether stop propagation of \"hover\" event\n /\n stopPropagation: boolean\|null;\n\n /\n Type of tooltip renderer that is used for rendering tooltip\n */\n tooltipRenderer: Type<TooltipRenderer>;\n}"]}
1	+ {"version":3,"file":"tooltip.interface.js","sourceRoot":"","sources":["../../../../../src/modules/tooltip/misc/tooltip.interface.ts"],"names":[],"mappings":"","sourcesContent":["import {TemplateRef, Type} from '@angular/core';\nimport {AnimationMetadata} from '@angular/animations';\n\nimport {PositionOptions} from '../../../services/position';\nimport {TooltipTemplateContext} from '../directives';\n\n/*\n Represents component that is used for rendering tooltip\n /\nexport interface TooltipRenderer<TData = any>\n{\n //######################### properties #########################\n\n /\n Data that are rendered in tooltip\n /\n data: TData\|null\|undefined;\n\n /\n Template used for rendering tooltip\n /\n template: TemplateRef<TooltipTemplateContext<TData>>\|null\|undefined;\n\n /\n Indication whether are html tags allowed in tooltip text\n /\n allowHtml: boolean;\n\n /\n Css class that is applied to tooltip renderer component\n /\n cssClass: string\|null\|undefined;\n\n //######################### methods #########################\n\n /\n Registers handlers that allows reaction to entering or leaving tooltip\n * @param enter - Called when mouse enter tooltip component, hover\n * @param leave - Called when mouse leaves tooltip component\n /\n registerHoverEvents(enter: () => void, leave: () => void): void;\n\n /\n Explicitly runs invalidation of content (change detection)\n /\n invalidateVisuals(): void;\n}\n\n/\n Options used for tooltip directive\n /\nexport interface TooltipOptions\n{\n /\n Delay for displaying of tooltip on hover\n /\n delay: number;\n\n /\n Position where should tooltip appear relative to its parent\n /\n position: Pick<PositionOptions, 'placement'\|'offset'>;\n\n /\n Allows selection of text in tooltip\n /\n allowSelection: boolean\|null;\n\n /\n Css class that is applied to tooltip renderer component\n /\n tooltipCssClass: string\|null;\n\n /\n Indication whether stop propagation of \"hover\" event\n /\n stopPropagation: boolean\|null;\n\n /\n Type of tooltip renderer that is used for rendering tooltip\n /\n tooltipRenderer: Type<TooltipRenderer>;\n\n /\n Animation used to tooltip component when it is displayed\n /\n enterAnimation: AnimationMetadata;\n\n /\n Animation used to tooltip component when it is hidden\n */\n exitAnimation: AnimationMetadata;\n}"]}

package/es2020/src/pipes/index.js CHANGED Viewed

@@ -3,4 +3,5 @@ export * from './isPresent/isPresent.pipe';
 export * from './isNaN/isNaN.pipe';
 export * from './localize/localize.pipe';
 export * from './mergeCssClasses/mergeCssClasses.pipe';
+export * from './keys/keys.pipe';
 //# sourceMappingURL=index.js.map

package/es2020/src/pipes/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC","sourcesContent":["export * from './urlEncode/urlEncode.pipe';\nexport * from './isPresent/isPresent.pipe';\nexport * from './isNaN/isNaN.pipe';\nexport * from './localize/localize.pipe';\nexport * from './mergeCssClasses/mergeCssClasses.pipe';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './urlEncode/urlEncode.pipe';\nexport * from './isPresent/isPresent.pipe';\nexport * from './isNaN/isNaN.pipe';\nexport * from './localize/localize.pipe';\nexport * from './mergeCssClasses/mergeCssClasses.pipe';\nexport * from './keys/keys.pipe';\n"]}

package/es2020/src/pipes/keys/keys.pipe.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { Pipe } from '@angular/core';
+import { isBlank } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Gets object keys/property names
+ */
+export class KeysPipe {
+    /**
+     * Gets object keys/property names
+     * @param value - Object containing keys which will be obtained
+     */
+    transform(value) {
+        if (isBlank(value)) {
+            return [];
+        }
+        return Object.keys(value);
+    }
+}
+KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: KeysPipe, name: "keys" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: KeysPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'keys' }]
+        }] });
+//# sourceMappingURL=keys.pipe.js.map

package/es2020/src/pipes/keys/keys.pipe.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"keys.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/keys/keys.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;AAClD,OAAO,EAAa,OAAO,EAAC,MAAM,gBAAgB,CAAC;;AAEnD;;GAEG;AAEH,MAAM,OAAO,QAAQ;IAEjB;;;OAGG;IACI,SAAS,CAAC,KAAsB;QAEnC,IAAG,OAAO,CAAC,KAAK,CAAC,EACjB;YACI,OAAO,EAAE,CAAC;SACb;QAED,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;;qGAdQ,QAAQ;mGAAR,QAAQ;2FAAR,QAAQ;kBADpB,IAAI;mBAAC,EAAC,IAAI,EAAE,MAAM,EAAC","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\nimport {Dictionary, isBlank} from '@jscrpt/common';\n\n/**\n * Gets object keys/property names\n */\n@Pipe({name: 'keys'})\nexport class KeysPipe implements PipeTransform\n{\n /**\n * Gets object keys/property names\n * @param value - Object containing keys which will be obtained\n */\n public transform(value: Dictionary<any>): string[]\n {\n if(isBlank(value))\n {\n return [];\n }\n\n return Object.keys(value);\n }\n}\n"]}

package/forms/src/index.d.ts CHANGED Viewed

@@ -17,5 +17,6 @@ export * from './modules/numberInput.module';
 export * from './modules/hasError.module';
 export * from './modules/requiredClass.module';
 export * from './modules/formPipes';
+export * from './modules/errorMessage';
 export * from './misc/formModel';
 //# sourceMappingURL=index.d.ts.map

package/forms/src/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,yDAAyD,CAAC;AACxE,cAAc,oEAAoE,CAAC;AACnF,cAAc,0CAA0C,CAAC;AACzD,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wCAAwC,CAAC;AACvD,cAAc,oEAAoE,CAAC;AACnF,cAAc,kEAAkE,CAAC;AACjF,cAAc,sEAAsE,CAAC;AACrF,cAAc,oEAAoE,CAAC;AACnF,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAC3E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,yDAAyD,CAAC;AACxE,cAAc,oEAAoE,CAAC;AACnF,cAAc,0CAA0C,CAAC;AACzD,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wCAAwC,CAAC;AACvD,cAAc,oEAAoE,CAAC;AACnF,cAAc,kEAAkE,CAAC;AACjF,cAAc,sEAAsE,CAAC;AACrF,cAAc,oEAAoE,CAAC;AACnF,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC"}

package/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.d.ts ADDED Viewed

@@ -0,0 +1,50 @@
+import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { FormControlStatus, FormGroup, FormGroupDirective, FormGroupName } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { GroupErrorsTemplateDirective } from '../../directives';
+import * as i0 from "@angular/core";
+/**
+ * Component used for rendering from group errors
+ */
+export declare class GroupErrorsComponent implements OnInit, OnDestroy {
+    protected formGroupDirective: FormGroupDirective;
+    protected formGroupName: FormGroupName;
+    protected _changeDetector: ChangeDetectorRef;
+    /**
+     * Instance of currently used form group
+     */
+    protected _formGroup?: FormGroup;
+    /**
+     * Subscriptions created during initialization
+     */
+    protected _initSubscriptions: Subscription;
+    /**
+     * Last state of form control
+     */
+    protected _lastState?: FormControlStatus;
+    /**
+     * Gets instance of currently used form group
+     * @internal
+     */
+    get formGroup(): FormGroup;
+    /**
+     * Css classes that are applied to default rendered divs
+     */
+    cssClass: string;
+    /**
+     * Custom template for rendering form group error
+     */
+    template?: GroupErrorsTemplateDirective;
+    constructor(formGroupDirective: FormGroupDirective, formGroupName: FormGroupName, _changeDetector: ChangeDetectorRef);
+    /**
+     * Initialize component
+     */
+    ngOnInit(): void;
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupErrorsComponent, [{ optional: true; }, { optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupErrorsComponent, "form-group-errors", never, { "cssClass": "cssClass"; }, {}, ["template"], never>;
+}
+//# sourceMappingURL=groupErrors.component.d.ts.map

package/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"groupErrors.component.d.ts","sourceRoot":"","sources":["groupErrors.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+C,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAsB,MAAM,eAAe,CAAC;AACtI,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,4BAA4B,EAAC,MAAM,kBAAkB,CAAC;;AAE9D;;GAEG;AACH,qBAMa,oBAAqB,YAAW,MAAM,EAAE,SAAS;IA+ClC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB;IAChD,SAAS,CAAC,aAAa,EAAE,aAAa;IAClD,SAAS,CAAC,eAAe,EAAE,iBAAiB;IA7CxD;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,YAAY,CAAsB;IAEhE;;OAEG;IACH,SAAS,CAAC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAIzC;;;OAGG;IACH,IAAW,SAAS,IAAI,SAAS,CAGhC;IAID;;OAEG;IAEI,QAAQ,EAAE,MAAM,CAAC;IAIxB;;OAEG;IAEI,QAAQ,CAAC,EAAE,4BAA4B,CAAC;gBAGb,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EACxC,eAAe,EAAE,iBAAiB;IAUxD;;OAEG;IACI,QAAQ,IAAI,IAAI;IAcvB;;OAEG;IACI,WAAW,IAAI,IAAI;yCA/EjB,oBAAoB;2CAApB,oBAAoB;CAoFhC"}

package/forms/src/modules/errorMessage/components/groupErrors/groupErrors.component.html ADDED Viewed

@@ -0,0 +1,7 @@
+<ng-template #defaultTemplate let-errorName>
+    <div [ngClass]="cssClass" [errorMessage]="errorName" [errors]="formGroup.errors"></div>
+</ng-template>
+<ng-container *ngFor="let errorName of formGroup.errors | keys | withErrorMessage; let first=first; let last=last; let index=index">
+    <ng-container *ngTemplateOutlet="template?.template ?? defaultTemplate; context: {$implicit: errorName, first, last, index, errors: formGroup.errors}"></ng-container>
+</ng-container>

package/forms/src/modules/errorMessage/components/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './groupErrors/groupErrors.component';
2	+ //# sourceMappingURL=index.d.ts.map

package/forms/src/modules/errorMessage/components/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC"}

package/forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.d.ts ADDED Viewed

@@ -0,0 +1,41 @@
+import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { StringLocalization } from '@anglr/common';
+import { Dictionary, StringDictionary } from '@jscrpt/common';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Directive used for displaying form error message
+ */
+export declare class ErrorMessageDirective implements OnChanges, OnDestroy {
+    protected _element: ElementRef<HTMLElement>;
+    protected _localization: StringLocalization;
+    protected _errorMessages: StringDictionary;
+    /**
+     * Subscriptions created during initialization
+     */
+    protected _initSubscriptions: Subscription;
+    /**
+     * Name/code of error message to be displayed
+     */
+    errorName: string;
+    /**
+     * Object storing all errors
+     */
+    errors: Dictionary;
+    constructor(_element: ElementRef<HTMLElement>, _localization: StringLocalization, _errorMessages: StringDictionary);
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    /**
+     * Shows message inside of element
+     */
+    protected _showMessage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ErrorMessageDirective, "[errorMessage]", ["errorMessage"], { "errorName": "errorMessage"; "errors": "errors"; }, {}, never>;
+}
+//# sourceMappingURL=errorMessage.directive.d.ts.map

package/forms/src/modules/errorMessage/directives/errorMessage/errorMessage.directive.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"errorMessage.directive.d.ts","sourceRoot":"","sources":["errorMessage.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAiB,SAAS,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,eAAe,CAAC;AACxG,OAAO,EAAC,kBAAkB,EAAsB,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,UAAU,EAAmB,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;;AAIlC;;GAEG;AACH,qBAKa,qBAAsB,YAAW,SAAS,EAAE,SAAS;IAwBlD,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACd,SAAS,CAAC,aAAa,EAAE,kBAAkB;IACrC,SAAS,CAAC,cAAc,EAAE,gBAAgB;IAtBzF;;OAEG;IACH,SAAS,CAAC,kBAAkB,EAAE,YAAY,CAAsB;IAIhE;;OAEG;IAEI,SAAS,EAAE,MAAM,CAAC;IAEzB;;OAEG;IAEI,MAAM,EAAE,UAAU,CAAC;gBAGJ,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,EACJ,aAAa,EAAE,kBAAkB,EAC3B,cAAc,EAAE,gBAAgB;IAOzF;;OAEG;IACI,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUhD;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;yCA5DrB,qBAAqB;2CAArB,qBAAqB;CA0EjC"}

package/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorsTemplate.context.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { Dictionary } from '@jscrpt/common';
+/**
+ * Context passed to template of group error
+ */
+export interface GroupErrorsTemplateContext {
+    /**
+     * Name/code of error
+     */
+    $implicit: string;
+    /**
+     * Indication whether rendered error is last
+     */
+    last: boolean;
+    /**
+     * Indication whether rendered error is first
+     */
+    first: boolean;
+    /**
+     * Index of currently rendered item
+     */
+    index: number;
+    /**
+     * Object storing all errors for form group
+     */
+    errors: Dictionary;
+}
+//# sourceMappingURL=groupErrorsTemplate.context.d.ts.map

package/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorsTemplate.context.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"groupErrorsTemplate.context.d.ts","sourceRoot":"","sources":["groupErrorsTemplate.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,0BAA0B;IAEvC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;CACtB"}

package/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorsTemplate.directive.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { TemplateRef } from '@angular/core';
+import { GroupErrorsTemplateContext } from './groupErrorsTemplate.context';
+import * as i0 from "@angular/core";
+/**
+ * Obtains template for displaying form group error
+ */
+export declare class GroupErrorsTemplateDirective {
+    template: TemplateRef<GroupErrorsTemplateContext>;
+    constructor(template: TemplateRef<GroupErrorsTemplateContext>);
+    /**
+     * Allows typechecking for template
+     */
+    static ngTemplateContextGuard(_dir: GroupErrorsTemplateDirective, _ctx: unknown): _ctx is GroupErrorsTemplateContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupErrorsTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GroupErrorsTemplateDirective, "[formGroupError]", never, {}, {}, never>;
+}
+//# sourceMappingURL=groupErrorsTemplate.directive.d.ts.map

package/forms/src/modules/errorMessage/directives/groupErrorsTemplate/groupErrorsTemplate.directive.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"groupErrorsTemplate.directive.d.ts","sourceRoot":"","sources":["groupErrorsTemplate.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAC,MAAM,eAAe,CAAC;AAErD,OAAO,EAAC,0BAA0B,EAAC,MAAM,+BAA+B,CAAC;;AAEzE;;GAEG;AACH,qBAIa,4BAA4B;IAGlB,QAAQ,EAAE,WAAW,CAAC,0BAA0B,CAAC;gBAAjD,QAAQ,EAAE,WAAW,CAAC,0BAA0B,CAAC;IAMpE;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,IAAI,EAAE,4BAA4B,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,0BAA0B;yCAZ3G,4BAA4B;2CAA5B,4BAA4B;CAgBxC"}

package/forms/src/modules/errorMessage/directives/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export * from './errorMessage/errorMessage.directive';
+export * from './groupErrorsTemplate/groupErrorsTemplate.directive';
+export * from './groupErrorsTemplate/groupErrorsTemplate.context';
+//# sourceMappingURL=index.d.ts.map

package/forms/src/modules/errorMessage/directives/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,qDAAqD,CAAC;AACpE,cAAc,mDAAmD,CAAC"}

package/forms/src/modules/errorMessage/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './directives';
+export * from './modules';
+export * from './pipes';
+//# sourceMappingURL=index.d.ts.map

package/forms/src/modules/errorMessage/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/forms/src/modules/errorMessage/modules/errorMessage.module.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../pipes/withErrorMessage/withErrorMessage.pipe";
+import * as i2 from "../directives/errorMessage/errorMessage.directive";
+import * as i3 from "../directives/groupErrorsTemplate/groupErrorsTemplate.directive";
+import * as i4 from "../components/groupErrors/groupErrors.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@anglr/common";
+/**
+ * Module for error message directives, pipes and components
+ */
+export declare class ErrorMessageModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorMessageModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ErrorMessageModule, [typeof i1.WithErrorMessagePipe, typeof i2.ErrorMessageDirective, typeof i3.GroupErrorsTemplateDirective, typeof i4.GroupErrorsComponent], [typeof i5.CommonModule, typeof i6.CommonUtilsModule], [typeof i1.WithErrorMessagePipe, typeof i2.ErrorMessageDirective, typeof i3.GroupErrorsTemplateDirective, typeof i4.GroupErrorsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ErrorMessageModule>;
+}
+//# sourceMappingURL=errorMessage.module.d.ts.map

package/forms/src/modules/errorMessage/modules/errorMessage.module.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"errorMessage.module.d.ts","sourceRoot":"","sources":["errorMessage.module.ts"],"names":[],"mappings":";;;;;;;AAQA;;GAEG;AACH,qBAsBa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAE9B"}

package/forms/src/modules/errorMessage/modules/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './errorMessage.module';
2	+ //# sourceMappingURL=index.d.ts.map

package/forms/src/modules/errorMessage/modules/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/forms/src/modules/errorMessage/pipes/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './withErrorMessage/withErrorMessage.pipe';
2	+ //# sourceMappingURL=index.d.ts.map

package/forms/src/modules/errorMessage/pipes/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC"}

package/forms/src/modules/errorMessage/pipes/withErrorMessage/withErrorMessage.pipe.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { PipeTransform } from '@angular/core';
+import { StringDictionary } from '@jscrpt/common';
+import * as i0 from "@angular/core";
+/**
+ * Filters array of errors with messages
+ */
+export declare class WithErrorMessagePipe implements PipeTransform {
+    protected _errorMessages: StringDictionary;
+    constructor(_errorMessages: StringDictionary);
+    /**
+     * Filters array of errors with messages
+     * @param value - Array of error names
+     */
+    transform(value: string[]): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<WithErrorMessagePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<WithErrorMessagePipe, "withErrorMessage">;
+}
+//# sourceMappingURL=withErrorMessage.pipe.d.ts.map

package/forms/src/modules/errorMessage/pipes/withErrorMessage/withErrorMessage.pipe.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withErrorMessage.pipe.d.ts","sourceRoot":"","sources":["withErrorMessage.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAC,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;;AAIhD;;GAEG;AACH,qBACa,oBAAqB,YAAW,aAAa;IAGP,SAAS,CAAC,cAAc,EAAE,gBAAgB;gBAAhC,cAAc,EAAE,gBAAgB;IAMzF;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;yCAblC,oBAAoB;uCAApB,oBAAoB;CAsBhC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/common",
-    "version": "11.3.0-beta.20220412054621",
+    "version": "11.3.0-beta.20220413080437",
     "description": "Angular module for common angular stuff",
     "type": "module",
     "sideEffects": false,

package/src/modules/clickOutside/directives/clickOutside/clickOutside.directive.d.ts CHANGED Viewed

@@ -4,12 +4,17 @@ import * as i0 from "@angular/core";
  * Directive that handles click outside of element
  */
 export declare class ClickOutsideDirective implements OnInit, OnDestroy {
-    private _element;
-    private _document;
+    protected _element: ElementRef<HTMLElement>;
+    protected _document: Document;
     /**
      * Variable that is used for displaying element that handles click outside
      */
-    clickOutsideCondition: boolean;
+    protected _clickOutsideCondition: boolean;
+    /**
+     * Variable that is used for displaying element that handles click outside
+     */
+    get clickOutsideCondition(): boolean;
+    set clickOutsideCondition(value: boolean);
     /**
      * Additional element that is checked for click
      */
@@ -32,6 +37,10 @@ export declare class ClickOutsideDirective implements OnInit, OnDestroy {
      * @param event - Mouse event object
      */
     protected _handleClickOutside: (event: MouseEvent) => void;
+    /**
+     * Custom input type for `clickOutsideCondition` input
+     */
+    static ngAcceptInputType_clickOutsideCondition: boolean | '';
     static ɵfac: i0.ɵɵFactoryDeclaration<ClickOutsideDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[clickOutside]", never, { "clickOutsideCondition": "clickOutside"; "clickOutsideElement": "clickOutsideElement"; }, { "clickOutsideConditionChange": "clickOutsideChange"; }, never>;
 }

package/src/modules/clickOutside/directives/clickOutside/clickOutside.directive.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clickOutside.directive.d.ts","sourceRoot":"","sources":["clickOutside.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,EAAE,SAAS,EAAS,YAAY,EAAU,UAAU,EAAS,MAAM,eAAe,CAAC;;AAI5G;;GAEG;AACH,qBAIa,qBAAsB,YAAW,MAAM,EAAE,SAAS;~~IAyB~~/C,~~OAAO~~,CAAC,QAAQ;~~IACE~~,~~OAAO~~,CAAC,SAAS;~~IAtB/C~~;;OAEG;~~IAEI~~,~~qBAAqB~~,EAAE,OAAO,CAAC;~~IAEtC~~;;OAEG;IAEI,mBAAmB,EAAE,WAAW,CAAC;IAIxC;;OAEG;IAEI,2BAA2B,EAAE,YAAY,CAAC,OAAO,CAAC,CAA+B;~~gBAGpE~~,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,EACf,SAAS,EAAE,QAAQ;~~IAMzD~~;;OAEG;IACI,QAAQ,IAAI,IAAI;IAOvB;;OAEG;IACI,WAAW,IAAI,IAAI;IAO1B;;;OAGG;IACH,SAAS,CAAC,mBAAmB,UAAW,UAAU,UAUjD;~~yCAlEQ~~,qBAAqB;2CAArB,qBAAqB;~~CAmEjC~~"}
1	+ {"version":3,"file":"clickOutside.directive.d.ts","sourceRoot":"","sources":["clickOutside.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,EAAE,SAAS,EAAS,YAAY,EAAU,UAAU,EAAS,MAAM,eAAe,CAAC;;AAI5G;;GAEG;AACH,qBAIa,qBAAsB,YAAW,MAAM,EAAE,SAAS;IA8C/C,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC;IACzB,SAAS,CAAC,SAAS,EAAE,QAAQ;IA3C3D;;OAEG;IACH,SAAS,CAAC,sBAAsB,EAAE,OAAO,CAAC;IAI1C;;OAEG;IACH,IACW,qBAAqB,IAAI,OAAO,CAG1C;IACD,IAAW,qBAAqB,CAAC,KAAK,EAAE,OAAO,EAU9C;IAED;;OAEG;IAEI,mBAAmB,EAAE,WAAW,CAAC;IAIxC;;OAEG;IAEI,2BAA2B,EAAE,YAAY,CAAC,OAAO,CAAC,CAA+B;gBAGlE,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,EACf,SAAS,EAAE,QAAQ;IAM3D;;OAEG;IACI,QAAQ,IAAI,IAAI;IAOvB;;OAEG;IACI,WAAW,IAAI,IAAI;IAO1B;;;OAGG;IACH,SAAS,CAAC,mBAAmB,UAAW,UAAU,UAUjD;IAID;;OAEG;IACH,OAAc,uCAAuC,EAAE,OAAO,GAAC,EAAE,CAAC;yCA9FzD,qBAAqB;2CAArB,qBAAqB;CA+FjC"}