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

package/es2022/src/modules/tooltip/components/tooltip/tooltip.component.js

@@ -0,0 +1,89 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Component used for displaying tooltip content
+ */
+class TooltipComponent {
+    _changeDetector;
+    _element;
+    //######################### protected fields #########################
+    /**
+     * Called when mouse enter tooltip component, hover
+     */
+    _enterFn = () => null;
+    /**
+     * Called when mouse leaves tooltip component
+     */
+    _leaveFn = () => null;
+    //######################### public properties - implementation of TooltipRenderer #########################
+    /**
+     * Data that are rendered in tooltip
+     */
+    data;
+    /**
+     * Template used for rendering tooltip
+     */
+    template;
+    /**
+     * Indication whether are html tags allowed in tooltip text
+     */
+    allowHtml = false;
+    /**
+     * Css class that is applied to tooltip renderer component
+     */
+    cssClass;
+    //######################### constructor #########################
+    constructor(_changeDetector, _element) {
+        this._changeDetector = _changeDetector;
+        this._element = _element;
+    }
+    //######################### public methods - implementation of TooltipRenderer #########################
+    /**
+     * Registers handlers that allows reaction to entering or leaving tooltip
+     * @param enter - Called when mouse enter tooltip component, hover
+     * @param leave - Called when mouse leaves tooltip component
+     */
+    registerHoverEvents(enter, leave) {
+        this._enterFn = enter;
+        this._leaveFn = leave;
+    }
+    /**
+     * Explicitly runs invalidation of content (change detection)
+     */
+    invalidateVisuals() {
+        if (this.cssClass) {
+            this._element.nativeElement.classList.add(this.cssClass);
+        }
+        this._changeDetector.detectChanges();
+    }
+    //######################### public methods - host #########################
+    /**
+     * Handles mouse enter event over tooltip
+     * @internal
+     */
+    mouseEnter() {
+        this._enterFn();
+    }
+    /**
+     * Handles mouse leave event over tooltip
+     * @internal
+     */
+    mouseLeave() {
+        this._leaveFn();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: TooltipComponent, selector: "tooltip-popup", host: { listeners: { "mouseenter": "mouseEnter()", "mouseleave": "mouseLeave()" } }, ngImport: i0, template: "<div *ngIf=\"!template && !allowHtml\">{{data}}</div>\r\n<div *ngIf=\"!template && allowHtml\" [innerHTML]=\"data\"></div>\r\n\r\n<ng-template [ngIf]=\"template\">\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"></ng-container>\r\n</ng-template>", styles: [":host\r\n{\r\n    display: block;\r\n    position: absolute;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    font-size: 0.9em;\r\n    max-width: 300px;\r\n    user-select: text;\r\n}"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+export { TooltipComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tooltip-popup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!template && !allowHtml\">{{data}}</div>\r\n<div *ngIf=\"!template && allowHtml\" [innerHTML]=\"data\"></div>\r\n\r\n<ng-template [ngIf]=\"template\">\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"></ng-container>\r\n</ng-template>", styles: [":host\r\n{\r\n    display: block;\r\n    position: absolute;\r\n    padding: 2px 4px;\r\n    border-radius: 3px;\r\n    font-size: 0.9em;\r\n    max-width: 300px;\r\n    user-select: text;\r\n}"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { mouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], mouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+//# sourceMappingURL=tooltip.component.js.map

package/es2022/src/modules/tooltip/components/tooltip/tooltip.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.ts","../../../../../../src/modules/tooltip/components/tooltip/tooltip.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAe,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;;;AAK3H;;GAEG;AACH,MAOa,gBAAgB;IAqCH;IACA;IApCtB,sEAAsE;IAEtE;;OAEG;IACO,QAAQ,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;IAE5C;;OAEG;IACO,QAAQ,GAAe,GAAG,EAAE,CAAC,IAAI,CAAC;IAE5C,2GAA2G;IAE3G;;OAEG;IACI,IAAI,CAAuB;IAElC;;OAEG;IACI,QAAQ,CAA4D;IAE3E;;OAEG;IACI,SAAS,GAAY,KAAK,CAAC;IAElC;;OAEG;IACI,QAAQ,CAAwB;IAEvC,iEAAiE;IACjE,YAAsB,eAAkC,EAClC,QAAiC;QADjC,oBAAe,GAAf,eAAe,CAAmB;QAClC,aAAQ,GAAR,QAAQ,CAAyB;IAEvD,CAAC;IAED,wGAAwG;IAExG;;;;OAIG;IACI,mBAAmB,CAAC,KAAiB,EAAE,KAAiB;QAE3D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED;;OAEG;IACI,iBAAiB;QAEpB,IAAG,IAAI,CAAC,QAAQ,EAChB;YACI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC5D;QAED,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,CAAC;IACzC,CAAC;IAED,2EAA2E;IAE3E;;;OAGG;IAEI,UAAU;QAEb,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED;;;OAGG;IAEI,UAAU;QAEb,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;uGAxFQ,gBAAgB;2FAAhB,gBAAgB,0ICf7B,uRAKc;;SDUD,gBAAgB;2FAAhB,gBAAgB;kBAP5B,SAAS;+BAEI,eAAe,mBAGR,uBAAuB,CAAC,MAAM;iIA6ExC,UAAU;sBADhB,YAAY;uBAAC,YAAY;gBAWnB,UAAU;sBADhB,YAAY;uBAAC,YAAY","sourcesContent":["import {Component, ChangeDetectionStrategy, TemplateRef, ChangeDetectorRef, ElementRef, HostListener} from '@angular/core';\n\nimport {TooltipTemplateContext} from '../../directives';\nimport {TooltipRenderer} from '../../misc/tooltip.interface';\n\n/**\n * Component used for displaying tooltip content\n */\n@Component(\n{\n    selector: 'tooltip-popup',\n    templateUrl: 'tooltip.component.html',\n    styleUrls: ['tooltip.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TooltipComponent<TData = any> implements TooltipRenderer<TData>\n{\n    //######################### protected fields #########################\n\n    /**\n     * Called when mouse enter tooltip component, hover\n     */\n    protected _enterFn: () => void = () => null;\n\n    /**\n     * Called when mouse leaves tooltip component\n     */\n    protected _leaveFn: () => void = () => null;\n\n    //######################### public properties - implementation of TooltipRenderer #########################\n\n    /**\n     * Data that are rendered in tooltip\n     */\n    public data: TData|null|undefined;\n\n    /**\n     * Template used for rendering tooltip\n     */\n    public template: TemplateRef<TooltipTemplateContext<TData>>|null|undefined;\n\n    /**\n     * Indication whether are html tags allowed in tooltip text\n     */\n    public allowHtml: boolean = false;\n\n    /**\n     * Css class that is applied to tooltip renderer component\n     */\n    public cssClass: string|null|undefined;\n\n    //######################### constructor #########################\n    constructor(protected _changeDetector: ChangeDetectorRef,\n                protected _element: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of TooltipRenderer #########################\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    public registerHoverEvents(enter: () => void, leave: () => void): void\n    {\n        this._enterFn = enter;\n        this._leaveFn = leave;\n    }\n\n    /**\n     * Explicitly runs invalidation of content (change detection)\n     */\n    public invalidateVisuals(): void\n    {\n        if(this.cssClass)\n        {\n            this._element.nativeElement.classList.add(this.cssClass);\n        }\n\n        this._changeDetector.detectChanges();\n    }\n\n    //######################### public methods - host #########################\n\n    /**\n     * Handles mouse enter event over tooltip\n     * @internal\n     */\n    @HostListener('mouseenter')\n    public mouseEnter(): void\n    {\n        this._enterFn();\n    }\n\n    /**\n     * Handles mouse leave event over tooltip\n     * @internal\n     */\n    @HostListener('mouseleave')\n    public mouseLeave(): void\n    {\n        this._leaveFn();\n    }\n}","<div *ngIf=\"!template && !allowHtml\">{{data}}</div>\r\n<div *ngIf=\"!template && allowHtml\" [innerHTML]=\"data\"></div>\r\n\r\n<ng-template [ngIf]=\"template\">\r\n    <ng-container *ngTemplateOutlet=\"template; context: {$implicit: data}\"></ng-container>\r\n</ng-template>"]}

package/es2022/src/modules/tooltip/directives/tooltip/tooltip.directive.js

@@ -0,0 +1,334 @@
+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, renderToBody } from '@jscrpt/common';
+import { lastValueFrom } from 'rxjs';
+import { TooltipComponent } from '../../components/tooltip/tooltip.component';
+import { TOOLTIP_OPTIONS } from '../../misc/tokens';
+import { applyPositionResult, PositionPlacement } from '../../../../services/position';
+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
+ */
+const defaultOptions = {
+    delay: 200,
+    position: {
+        offset: nameof('MouseEnter'),
+        placement: PositionPlacement.TopStart,
+    },
+    allowSelection: false,
+    tooltipRenderer: TooltipComponent,
+    tooltipCssClass: null,
+    stopPropagation: false,
+    enterAnimation: fadeInAnimation,
+    exitAnimation: fadeOutAnimation,
+    containerElement: undefined,
+};
+/**
+ * Directive used for rendering tooltip
+ */
+class TooltipDirective {
+    _viewContainerRef;
+    _injector;
+    _element;
+    _animationsPlayer;
+    _document;
+    _position;
+    //######################### protected fields #########################
+    /**
+     * Instance of component used for rendering tooltip
+     */
+    _tooltipComponent;
+    /**
+     * Instance of HTML element for tooltip renderer
+     */
+    _tooltipElement;
+    /**
+     * Animation factory used for enter animation of tooltip
+     */
+    _enterAnimation;
+    /**
+     * Animation factory used for exit animation of tooltip
+     */
+    _exitAnimation;
+    /**
+     * Instance of options provided for this tooltip
+     */
+    _options;
+    /**
+     * Indication whether there is active show tooltip request
+     */
+    _showRequest = false;
+    /**
+     * Indication whether keep open tooltip component
+     */
+    _keepOpen = false;
+    /**
+     * Timeout that is used for handling mouse move
+     */
+    _timeout = null;
+    //######################### public properties - inputs #########################
+    /**
+     * Tooltip text that is displayed, or any data that could be passed to template
+     */
+    tooltip;
+    /**
+     * Indication whether are html tags allowed in tooltip text
+     */
+    allowHtml = false;
+    /**
+     * Instance of tooltip template that is used for rendering
+     */
+    template;
+    /**
+     * Options used for displaying tooltip
+     */
+    get tooltipOptions() {
+        return this._options;
+    }
+    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);
+        if (this._options.containerElement && !this.containerElement) {
+            this.containerElement = this._options.containerElement;
+        }
+    }
+    /**
+     * Gets or sets indication whether is tooltip visible, if has boolean value, mouse events cant override this
+     */
+    tooltipVisible;
+    /**
+     * String that defines element in which should be tooltip rendered, if not specified, body is used
+     *
+     * Allows also css classes to be specified (div.body-box)
+     */
+    containerElement;
+    //######################### public properties - children #########################
+    /**
+     * Instance of template from element content, used for rendering
+     */
+    tooltipTemplateChild;
+    //######################### constructor #########################
+    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;
+        this._options = extend(true, {}, defaultOptions, options);
+        this._enterAnimation = this._animationsPlayer.build(this._options.enterAnimation);
+        this._exitAnimation = this._animationsPlayer.build(this._options.exitAnimation);
+        if (this._options.containerElement) {
+            this.containerElement = this._options.containerElement;
+        }
+    }
+    //######################### public methods - implementation of OnChanges #########################
+    /**
+     * Called when input value changes
+     */
+    ngOnChanges(changes) {
+        if (nameof('tooltipVisible') in changes) {
+            if (this.tooltipVisible) {
+                this._showTooltip();
+            }
+            else {
+                this._hideTooltip();
+            }
+        }
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        if (this._timeout) {
+            clearTimeout(this._timeout);
+        }
+        this._destroyTooltip();
+    }
+    //######################### public methods - host #########################
+    /**
+     * Handles mouse leave event, hover ends
+     * @param event - Mouse event that occured
+     * @internal
+     */
+    mouseLeave(event) {
+        if (this._options.stopPropagation) {
+            event.stopPropagation();
+        }
+        if (isBlank(this.tooltipVisible)) {
+            setTimeout(() => {
+                if (!this._keepOpen) {
+                    this._showRequest = false;
+                    this._hideTooltip();
+                }
+            }, 10);
+        }
+    }
+    /**
+     * Handles mouse move event, displaying tooltip
+     * @param event - Mouse event that occured
+     * @internal
+     */
+    mouseMove(event) {
+        if (this._options.stopPropagation) {
+            event.stopPropagation();
+        }
+        this._showRequest = true;
+        //do nothing if tooltip is visible
+        if (this._tooltipComponent || isPresent(this.tooltipVisible)) {
+            return;
+        }
+        if (isPresent(this._timeout)) {
+            clearTimeout(this._timeout);
+        }
+        this._timeout = setTimeout(() => {
+            this._timeout = null;
+            if (this._showRequest) {
+                this._showTooltip(event);
+                this._showRequest = false;
+            }
+        }, this._options.delay);
+    }
+    //######################### protected methods #########################
+    /**
+     * Shows tooltip
+     * @param event - Mouse event
+     */
+    _showTooltip(event) {
+        this._createTooltip();
+        //if element was not created do nothing
+        if (!this._tooltipElement) {
+            return;
+        }
+        this._showData();
+        lastValueFrom(this._position.placeElement(this._tooltipElement, this._element.nativeElement, {
+            placement: this._options.position.placement,
+            offset: this._options.position.offset,
+            flip: true,
+            mouseEvent: event,
+            autoUpdate: false
+        }))
+            .then(result => applyPositionResult(result));
+    }
+    /**
+     * Hides tooltip
+     */
+    _hideTooltip() {
+        this._destroyTooltip();
+    }
+    /**
+     * Destroys tooltip component
+     */
+    _destroyTooltip() {
+        if (this._tooltipComponent) {
+            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();
+        }
+    }
+    /**
+     * Creates tooltip renderer component
+     */
+    _createTooltip() {
+        // 0. Destroys tooltip if it exists
+        this._destroyTooltip();
+        // 1. Create a component reference from the component
+        this._tooltipComponent = this._viewContainerRef
+            .createComponent(this._options.tooltipRenderer, {
+            injector: this._injector
+        });
+        // 3. Get DOM element from component
+        this._tooltipElement = this._tooltipComponent.hostView
+            .rootNodes[0];
+        // 4. Append DOM element to the body
+        renderToBody(this._document, this._tooltipElement, this.containerElement);
+        this._enterAnimation.create(this._tooltipElement).play();
+    }
+    /**
+     * Sets data to tooltip component and shows them
+     */
+    _showData() {
+        if (this._tooltipComponent) {
+            this._tooltipComponent.instance.allowHtml = this.allowHtml;
+            this._tooltipComponent.instance.data = this.tooltip;
+            this._tooltipComponent.instance.template = this.template ?? this.tooltipTemplateChild?.template;
+            this._tooltipComponent.instance.cssClass = this._options.tooltipCssClass;
+            this._tooltipComponent.instance.registerHoverEvents(() => {
+                if (this._options.allowSelection) {
+                    this._keepOpen = true;
+                    this._showRequest = false;
+                }
+            }, () => {
+                setTimeout(() => {
+                    this._keepOpen = false;
+                    if (!this._showRequest) {
+                        this._hideTooltip();
+                    }
+                    this._showRequest = false;
+                }, 5);
+            });
+            this._tooltipComponent.instance.invalidateVisuals();
+        }
+    }
+    //######################### ng language server #########################
+    /**
+     * Custom input type for `tooltip` input
+     */
+    static ngAcceptInputType_tooltip;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", 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 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: TooltipDirective, selector: "[tooltip]", inputs: { tooltip: "tooltip", allowHtml: "allowHtml", template: "template", tooltipOptions: "tooltipOptions", tooltipVisible: "tooltipVisible", containerElement: "containerElement" }, host: { listeners: { "mouseleave": "mouseLeave($event)", "mousemove": "mouseMove($event)" } }, queries: [{ propertyName: "tooltipTemplateChild", first: true, predicate: TooltipTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0 });
+}
+export { TooltipDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tooltip]'
+                }]
+        }], 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: [{
+                    type: Inject,
+                    args: [POSITION]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TOOLTIP_OPTIONS]
+                }] }]; }, propDecorators: { tooltip: [{
+                type: Input
+            }], allowHtml: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], tooltipOptions: [{
+                type: Input
+            }], tooltipVisible: [{
+                type: Input
+            }], containerElement: [{
+                type: Input
+            }], tooltipTemplateChild: [{
+                type: ContentChild,
+                args: [TooltipTemplateDirective]
+            }], mouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave', ['$event']]
+            }], mouseMove: [{
+                type: HostListener,
+                args: ['mousemove', ['$event']]
+            }] } });
+//# sourceMappingURL=tooltip.directive.js.map

package/es2022/src/modules/tooltip/directives/tooltip/tooltip.directive.js.map

@@ -0,0 +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, renderToBody} from '@jscrpt/common';\nimport {lastValueFrom} from 'rxjs';\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, PositionOffsetString, 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: nameof<typeof PositionOffset>('MouseEnter') as PositionOffsetString,\n        placement: PositionPlacement.TopStart,\n    },\n    allowSelection: false,\n    tooltipRenderer: TooltipComponent,\n    tooltipCssClass: null,\n    stopPropagation: false,\n    enterAnimation: fadeInAnimation,\n    exitAnimation: fadeOutAnimation,\n    containerElement: undefined,\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 template?: 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        if(this._options.containerElement && !this.containerElement)\n        {\n            this.containerElement = this._options.containerElement;\n        }\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    /**\n     * String that defines element in which should be tooltip rendered, if not specified, body is used\n     * \n     * Allows also css classes to be specified (div.body-box)\n     */\n    @Input()\n    public containerElement: string|undefined|null;\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        if(this._options.containerElement)\n        {\n            this.containerElement = this._options.containerElement;\n        }\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        if(this._timeout)\n        {\n            clearTimeout(this._timeout);\n        }\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        lastValueFrom(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            .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        renderToBody(this._document, this._tooltipElement, this.containerElement);\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.template ?? 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/es2022/src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.directive.js

@@ -0,0 +1,29 @@
+import { Directive, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive used for obtaining custom tooltip template
+ */
+class TooltipTemplateDirective {
+    template;
+    //######################### constructor #########################
+    constructor(template) {
+        this.template = template;
+    }
+    //######################### ng language server #########################
+    /**
+     * Allows typechecking for template
+     */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.4", type: TooltipTemplateDirective, selector: "[tooltipTemplate]", ngImport: i0 });
+}
+export { TooltipTemplateDirective };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tooltipTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+//# sourceMappingURL=tooltipTemplate.directive.js.map

package/es2022/src/modules/tooltip/directives/tooltipTemplate/tooltipTemplate.directive.js.map

@@ -0,0 +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;AACH,MAIa,wBAAwB;IAGd;IADnB,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;uGAfQ,wBAAwB;2FAAxB,wBAAwB;;SAAxB,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/es2022/src/modules/tooltip/modules/tooltip.module.js

@@ -0,0 +1,35 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TooltipDirective, TooltipTemplateDirective } from '../directives';
+import { TooltipComponent } from '../components';
+import * as i0 from "@angular/core";
+/**
+ * Module for rendering tooltips
+ */
+class TooltipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective,
+            TooltipTemplateDirective,
+            TooltipComponent], imports: [CommonModule], exports: [TooltipDirective,
+            TooltipTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipModule, imports: [CommonModule] });
+}
+export { TooltipModule };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: TooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        TooltipDirective,
+                        TooltipTemplateDirective,
+                        TooltipComponent,
+                    ],
+                    exports: [
+                        TooltipDirective,
+                        TooltipTemplateDirective,
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=tooltip.module.js.map

package/es2022/src/modules/tooltip/modules/tooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.module.js","sourceRoot":"","sources":["../../../../../src/modules/tooltip/modules/tooltip.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,eAAe,CAAC;AACzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;;AAE/C;;GAEG;AACH,MAkBa,aAAa;uGAAb,aAAa;wGAAb,aAAa,iBAVlB,gBAAgB;YAChB,wBAAwB;YACxB,gBAAgB,aANhB,YAAY,aAUZ,gBAAgB;YAChB,wBAAwB;wGAGnB,aAAa,YAdlB,YAAY;;SAcP,aAAa;2FAAb,aAAa;kBAlBzB,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,gBAAgB;wBAChB,wBAAwB;wBACxB,gBAAgB;qBACnB;oBACD,OAAO,EACP;wBACI,gBAAgB;wBAChB,wBAAwB;qBAC3B;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {TooltipDirective, TooltipTemplateDirective} from '../directives';\nimport {TooltipComponent} from '../components';\n\n/**\n * Module for rendering tooltips\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        TooltipDirective,\n        TooltipTemplateDirective,\n        TooltipComponent,\n    ],\n    exports:\n    [\n        TooltipDirective,\n        TooltipTemplateDirective,\n    ]\n})\nexport class TooltipModule\n{\n}\n"]}

package/es2022/src/pipes/displayProperties/displayProperties.pipe.js

@@ -0,0 +1,40 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Transforms array of objects or object properties into string
+ */
+class DisplayPropertiesSAPipe {
+    /**
+     * Transforms array of objects or object properties into string
+     * @param value - Array of objects or object to be converted
+     * @param separators - Array of separators, or single separator for properties
+     * @param itemSeparator - Separator used for separating items
+     */
+    transform(value, values, separators = [' '], itemSeparator = ', ') {
+        if (!value) {
+            return '';
+        }
+        if (!Array.isArray(value)) {
+            value = [value];
+        }
+        return value.map(itm => {
+            let result = '';
+            for (let x = 0; x < values.length - 1; x++) {
+                result += itm[values[0]] + separators[0];
+            }
+            result += itm[values[values.length - 1]];
+            return result;
+        }).join(itemSeparator);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DisplayPropertiesSAPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: DisplayPropertiesSAPipe, isStandalone: true, name: "displayProperties" });
+}
+export { DisplayPropertiesSAPipe };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: DisplayPropertiesSAPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'displayProperties',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=displayProperties.pipe.js.map

package/es2022/src/pipes/displayProperties/displayProperties.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"displayProperties.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/displayProperties/displayProperties.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAElD;;GAEG;AACH,MAKa,uBAAuB;IAEhC;;;;;OAKG;IACI,SAAS,CAAC,KAAoB,EAAE,MAA0B,EAAE,aAAuB,CAAC,GAAG,CAAC,EAAE,gBAAwB,IAAI;QAEzH,IAAG,CAAC,KAAK,EACT;YACI,OAAO,EAAE,CAAC;SACb;QAED,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EACxB;YACI,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;SACnB;QAED,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAEnB,IAAI,MAAM,GAAW,EAAE,CAAC;YAExB,KAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EACzC;gBACI,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;aAC5C;YAED,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YAEzC,OAAO,MAAM,CAAC;QAClB,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC;uGAjCQ,uBAAuB;qGAAvB,uBAAuB;;SAAvB,uBAAuB;2FAAvB,uBAAuB;kBALnC,IAAI;mBACL;oBACI,IAAI,EAAE,mBAAmB;oBACzB,UAAU,EAAE,IAAI;iBACnB","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\n\n/**\n * Transforms array of objects or object properties into string\n */\n@Pipe(\n{\n    name: 'displayProperties',\n    standalone: true,\n})\nexport class DisplayPropertiesSAPipe<TItem> implements PipeTransform\n{\n    /**\n     * Transforms array of objects or object properties into string\n     * @param value - Array of objects or object to be converted\n     * @param separators - Array of separators, or single separator for properties\n     * @param itemSeparator - Separator used for separating items\n     */\n    public transform(value: TItem|TItem[], values: Array<keyof TItem>, separators: string[] = [' '], itemSeparator: string = ', '): string\n    {\n        if(!value)\n        {\n            return '';\n        }\n\n        if(!Array.isArray(value))\n        {\n            value = [value];\n        }\n\n        return value.map(itm =>\n        {\n            let result: string = '';\n\n            for(let x = 0; x < values.length - 1; x++)\n            {\n                result += itm[values[0]] + separators[0];\n            }\n\n            result += itm[values[values.length - 1]];\n\n            return result;\n        }).join(itemSeparator);\n    }\n}"]}

package/es2022/src/pipes/firstUppercase/firstUppercase.pipe.js

@@ -0,0 +1,28 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Converts first letter of text to uppercase
+ */
+class FirstUppercaseSAPipe {
+    /**
+     * Converts first letter of text to uppercase
+     * @param value - Value to be converted
+     */
+    transform(value) {
+        if (!value) {
+            return value;
+        }
+        return value[0].toUpperCase() + value.substring(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FirstUppercaseSAPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: FirstUppercaseSAPipe, isStandalone: true, name: "firstUppercase" });
+}
+export { FirstUppercaseSAPipe };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: FirstUppercaseSAPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'firstUppercase',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=firstUppercase.pipe.js.map

package/es2022/src/pipes/firstUppercase/firstUppercase.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firstUppercase.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/firstUppercase/firstUppercase.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAElD;;GAEG;AACH,MAKa,oBAAoB;IAE7B;;;OAGG;IACI,SAAS,CAAC,KAA4B;QAEzC,IAAG,CAAC,KAAK,EACT;YACI,OAAO,KAAK,CAAC;SAChB;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC;uGAdQ,oBAAoB;qGAApB,oBAAoB;;SAApB,oBAAoB;2FAApB,oBAAoB;kBALhC,IAAI;mBACL;oBACI,IAAI,EAAE,gBAAgB;oBACtB,UAAU,EAAE,IAAI;iBACnB","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\n\n/**\n * Converts first letter of text to uppercase\n */\n@Pipe(\n{\n    name: 'firstUppercase',\n    standalone: true,\n})\nexport class FirstUppercaseSAPipe implements PipeTransform\n{\n    /**\n     * Converts first letter of text to uppercase\n     * @param value - Value to be converted\n     */\n    public transform(value: string|undefined|null): string|undefined|null \n    {\n        if(!value)\n        {\n            return value;\n        }\n\n        return value[0].toUpperCase() + value.substring(1);\n    }\n}"]}