@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs

@@ -1,287 +1,407 @@
-import { NgClass, NgTemplateOutlet, AsyncPipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, ElementRef, NgZone, Injector, HostListener, Input, Directive, booleanAttribute, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-
+import { AsyncPipe, CommonModule, NgClass, NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, HostListener, Inject, Injector, Input, NgModule, NgZone, Optional, booleanAttribute, inject } from "@angular/core";
+import { MatTooltip, MatTooltipModule } from "@angular/material/tooltip";
+import { EllipseTextDirective, UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import { FocusMonitor } from "@angular/cdk/a11y";
+import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 var TooltipPositionType;
-(function (TooltipPositionType) {
-    TooltipPositionType["TOP"] = "top";
-    TooltipPositionType["BOTTOM"] = "bottom";
-    TooltipPositionType["LEFT"] = "left";
-    TooltipPositionType["RIGHT"] = "right";
+(function(TooltipPositionType) {
+	TooltipPositionType["TOP"] = "top";
+	TooltipPositionType["BOTTOM"] = "bottom";
+	TooltipPositionType["LEFT"] = "left";
+	TooltipPositionType["RIGHT"] = "right";
 })(TooltipPositionType || (TooltipPositionType = {}));
-
-class TooltipTemplateDirective {
-    constructor() {
-        this.tooltipPosition = TooltipPositionType.RIGHT;
-        this.showTooltip = true;
-        this._overlay = inject(Overlay);
-        this._overlayPositionBuilder = inject(OverlayPositionBuilder);
-        this._elementRef = inject(ElementRef);
-        this.focusMonitor = inject(FocusMonitor);
-        this.ngZone = inject(NgZone);
-        this.injector = inject(Injector);
-        this.tooltipComponentToken = inject('TooltipComponentToken');
-        if (this._elementRef.nativeElement) {
-            this.focusMonitor
-                .monitor(this._elementRef.nativeElement)
-                .pipe(takeUntilDestroyed())
-                .subscribe(origin => this.ngZone.run(() => {
-                if (origin === 'keyboard') {
-                    this.show();
-                }
-                else {
-                    this.hide();
-                }
-            }));
-        }
-    }
-    ngOnChanges() {
-        this.setPosition(this.tooltipPosition);
-    }
-    show() {
-        if (!this.showTooltip) {
-            return;
-        }
-        if (this._overlayRef && !this._overlayRef.hasAttached()) {
-            const tooltipRef = this._overlayRef.attach(new ComponentPortal(this.tooltipComponentToken, null, this.injector));
-            tooltipRef.instance.templateRef = this.templateRef;
-            tooltipRef.instance.position = this.tooltipPosition;
-        }
-    }
-    hide() {
-        this.closeToolTip();
-    }
-    ngOnDestroy() {
-        this.closeToolTip();
-    }
-    closeToolTip() {
-        if (this._overlayRef) {
-            this._overlayRef.detach();
-        }
-    }
-    setPosition(position) {
-        const positions = {
-            [TooltipPositionType.TOP]: {
-                originX: 'center',
-                originY: 'top',
-                overlayX: 'center',
-                overlayY: 'bottom',
-                offsetX: 0,
-                offsetY: -8,
-                panelClass: TooltipPositionType.TOP,
-            },
-            [TooltipPositionType.BOTTOM]: {
-                originX: 'center',
-                originY: 'bottom',
-                overlayX: 'center',
-                overlayY: 'top',
-                offsetX: 0,
-                offsetY: 8,
-                panelClass: TooltipPositionType.BOTTOM,
-            },
-            [TooltipPositionType.LEFT]: {
-                originX: 'start',
-                originY: 'center',
-                overlayX: 'end',
-                overlayY: 'center',
-                offsetX: -8,
-                offsetY: 0,
-                panelClass: TooltipPositionType.LEFT,
-            },
-            [TooltipPositionType.RIGHT]: {
-                originX: 'end',
-                originY: 'center',
-                overlayX: 'start',
-                overlayY: 'center',
-                offsetX: 8,
-                offsetY: 0,
-                panelClass: TooltipPositionType.RIGHT,
-            },
-        };
-        const fallbackPositions = {
-            [TooltipPositionType.TOP]: positions[TooltipPositionType.BOTTOM],
-            [TooltipPositionType.BOTTOM]: positions[TooltipPositionType.TOP],
-            [TooltipPositionType.LEFT]: positions[TooltipPositionType.RIGHT],
-            [TooltipPositionType.RIGHT]: positions[TooltipPositionType.BOTTOM],
-        };
-        const positionConfig = positions[position];
-        const fallbackPositionConfig = fallbackPositions[position];
-        const positionStrategy = this._overlayPositionBuilder
-            .flexibleConnectedTo(this._elementRef)
-            .withPositions([positionConfig, fallbackPositionConfig])
-            .withPush(true);
-        this._overlayRef = this._overlay.create({ positionStrategy });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TooltipTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: TooltipTemplateDirective, isStandalone: true, selector: "[uiTooltipTemplate]", inputs: { tooltipPosition: "tooltipPosition", showTooltip: "showTooltip", templateRef: ["uiTooltipTemplate", "templateRef"] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TooltipTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[uiTooltipTemplate]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [], propDecorators: { tooltipPosition: [{
-                type: Input
-            }], showTooltip: [{
-                type: Input
-            }], templateRef: [{
-                type: Input,
-                args: ['uiTooltipTemplate']
-            }], show: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], hide: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
-
-class TooltipComponent {
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         * Allows the user to define the position of the tooltip relative to the parent element.
-         *
-         * @type {TooltipPositionType}
-         * @memberof TooltipComponent
-         */
-        this.position = TooltipPositionType.TOP;
-        /**
-         * Disables the display of the tooltip.
-         *
-         * @type {boolean}
-         * @memberof TooltipComponent
-         */
-        this.disabled = false;
-        /**
-         * The message to be displayed in the tooltip.
-         *
-         * @type {string}
-         * @memberof TooltipComponent
-         */
-        this.message = '';
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof TooltipComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         * The label for definition variant
-         * @type {string}
-         * @memberof TooltipComponent
-         */
-        this.labelForDefinition = '';
-        /**
-         * Defines size for definition variant
-         * @type {string}
-         * @memberof TooltipComponent
-         */
-        this.definitionTooltipSize = 'medium';
-        /**
-         * Variant render tooltip
-         * @type {string}
-         * @memberof TooltipComponent
-         */
-        this.variant = 'basic';
-        this.isLabelEllipse = false;
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    ngOnInit() {
-        this.setPosition();
-    }
-    //set position
-    setPosition() {
-        switch (this.position) {
-            case TooltipPositionType.TOP:
-                this.matPosition = 'above';
-                break;
-            case TooltipPositionType.BOTTOM:
-                this.matPosition = 'below';
-                break;
-            case TooltipPositionType.LEFT:
-            case TooltipPositionType.RIGHT:
-            default:
-                this.matPosition = this.position;
-                break;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TooltipComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: TooltipComponent, isStandalone: true, selector: "ui-tooltip", inputs: { position: "position", disabled: ["disabled", "disabled", booleanAttribute], message: "message", applicationTheme: "applicationTheme", labelForDefinition: "labelForDefinition", definitionTooltipSize: "definitionTooltipSize", variant: "variant" }, ngImport: i0, template: "@if (variant === 'definition') {\n  <div\n    [tabindex]=\"0\"\n    class=\"definition-tooltip\"\n    [attr.aria-label]=\"labelForDefinition + ', ' + ('TOOLTIP.DETAILS' | uiTranslate | async) + ':' + message\"\n    style=\"position: relative\"\n    [tooltipPosition]=\"position\"\n    [uiTooltipTemplate]=\"dif\"\n  >\n    <span\n      class=\"label-definition-outside\"\n      [ngClass]=\"'tooltip-size-' + definitionTooltipSize\"\n      uiEllipseText\n      (onChangeTextState)=\"isLabelEllipse = $event\"\n    >\n      {{ labelForDefinition }}\n    </span>\n  </div>\n\n  <ng-template #dif>\n    <div [attr.aria-label]=\"labelForDefinition + ' ' + message\"></div>\n    @if (isLabelEllipse) {\n      <div class=\"label-definition-inner\">\n        {{ labelForDefinition }}\n      </div>\n    }\n    <div class=\"text-definition\">\n      {{ message }}\n    </div>\n  </ng-template>\n} @else {\n  <div\n    [matTooltip]=\"message\"\n    [matTooltipDisabled]=\"disabled\"\n    [matTooltipPosition]=\"matPosition\"\n    [matTooltipClass]=\"applicationTheme\"\n    [attr.aria-label]=\"message\"\n    tabindex=\"0\"\n    style=\"position: relative\"\n  >\n    <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">{{ message }}</div>\n    <ng-content></ng-content>\n    @if (templateRef) {\n      <div [class]=\"'template-tooltip'\">\n        <ng-container *ngTemplateOutlet=\"templateRef\"></ng-container>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: TooltipTemplateDirective, selector: "[uiTooltipTemplate]", inputs: ["tooltipPosition", "showTooltip", "uiTooltipTemplate"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        TooltipTemplateDirective,
-                        EllipseTextDirective,
-                        NgClass,
-                        MatTooltip,
-                        NgTemplateOutlet,
-                        AsyncPipe,
-                        UiTranslatePipe,
-                    ], template: "@if (variant === 'definition') {\n  <div\n    [tabindex]=\"0\"\n    class=\"definition-tooltip\"\n    [attr.aria-label]=\"labelForDefinition + ', ' + ('TOOLTIP.DETAILS' | uiTranslate | async) + ':' + message\"\n    style=\"position: relative\"\n    [tooltipPosition]=\"position\"\n    [uiTooltipTemplate]=\"dif\"\n  >\n    <span\n      class=\"label-definition-outside\"\n      [ngClass]=\"'tooltip-size-' + definitionTooltipSize\"\n      uiEllipseText\n      (onChangeTextState)=\"isLabelEllipse = $event\"\n    >\n      {{ labelForDefinition }}\n    </span>\n  </div>\n\n  <ng-template #dif>\n    <div [attr.aria-label]=\"labelForDefinition + ' ' + message\"></div>\n    @if (isLabelEllipse) {\n      <div class=\"label-definition-inner\">\n        {{ labelForDefinition }}\n      </div>\n    }\n    <div class=\"text-definition\">\n      {{ message }}\n    </div>\n  </ng-template>\n} @else {\n  <div\n    [matTooltip]=\"message\"\n    [matTooltipDisabled]=\"disabled\"\n    [matTooltipPosition]=\"matPosition\"\n    [matTooltipClass]=\"applicationTheme\"\n    [attr.aria-label]=\"message\"\n    tabindex=\"0\"\n    style=\"position: relative\"\n  >\n    <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">{{ message }}</div>\n    <ng-content></ng-content>\n    @if (templateRef) {\n      <div [class]=\"'template-tooltip'\">\n        <ng-container *ngTemplateOutlet=\"templateRef\"></ng-container>\n      </div>\n    }\n  </div>\n}\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { position: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], message: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], labelForDefinition: [{
-                type: Input
-            }], definitionTooltipSize: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }] } });
-
-class TooltipComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TooltipComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: TooltipComponentModule, imports: [MatTooltipModule,
-            CommonModule,
-            TooltipTemplateDirective,
-            EllipseTextDirective,
-            UiTranslatePipe,
-            TooltipComponent], exports: [TooltipComponent, TooltipTemplateDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TooltipComponentModule, providers: [{ provide: 'TooltipComponentToken', useValue: TooltipComponent }], imports: [MatTooltipModule,
-            CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TooltipComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        MatTooltipModule,
-                        CommonModule,
-                        TooltipTemplateDirective,
-                        EllipseTextDirective,
-                        UiTranslatePipe,
-                        TooltipComponent,
-                    ],
-                    exports: [TooltipComponent, TooltipTemplateDirective],
-                    providers: [{ provide: 'TooltipComponentToken', useValue: TooltipComponent }],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var TooltipTemplateDirective = class TooltipTemplateDirective {
+	constructor() {
+		this.tooltipPosition = TooltipPositionType.RIGHT;
+		this.showTooltip = true;
+		this._overlay = inject(Overlay);
+		this._overlayPositionBuilder = inject(OverlayPositionBuilder);
+		this._elementRef = inject(ElementRef);
+		this.focusMonitor = inject(FocusMonitor);
+		this.ngZone = inject(NgZone);
+		this.injector = inject(Injector);
+		this.tooltipComponentToken = inject("TooltipComponentToken");
+		if (this._elementRef.nativeElement) this.focusMonitor.monitor(this._elementRef.nativeElement).pipe(takeUntilDestroyed()).subscribe((origin) => this.ngZone.run(() => {
+			if (origin === "keyboard") this.show();
+			else this.hide();
+		}));
+	}
+	ngOnChanges() {
+		this.setPosition(this.tooltipPosition);
+	}
+	show() {
+		if (!this.showTooltip) return;
+		if (this._overlayRef && !this._overlayRef.hasAttached()) {
+			const tooltipRef = this._overlayRef.attach(new ComponentPortal(this.tooltipComponentToken, null, this.injector));
+			tooltipRef.instance.templateRef = this.templateRef;
+			tooltipRef.instance.position = this.tooltipPosition;
+		}
+	}
+	hide() {
+		this.closeToolTip();
+	}
+	ngOnDestroy() {
+		this.closeToolTip();
+	}
+	closeToolTip() {
+		if (this._overlayRef) this._overlayRef.detach();
+	}
+	setPosition(position) {
+		const positions = {
+			[TooltipPositionType.TOP]: {
+				originX: "center",
+				originY: "top",
+				overlayX: "center",
+				overlayY: "bottom",
+				offsetX: 0,
+				offsetY: -8,
+				panelClass: TooltipPositionType.TOP
+			},
+			[TooltipPositionType.BOTTOM]: {
+				originX: "center",
+				originY: "bottom",
+				overlayX: "center",
+				overlayY: "top",
+				offsetX: 0,
+				offsetY: 8,
+				panelClass: TooltipPositionType.BOTTOM
+			},
+			[TooltipPositionType.LEFT]: {
+				originX: "start",
+				originY: "center",
+				overlayX: "end",
+				overlayY: "center",
+				offsetX: -8,
+				offsetY: 0,
+				panelClass: TooltipPositionType.LEFT
+			},
+			[TooltipPositionType.RIGHT]: {
+				originX: "end",
+				originY: "center",
+				overlayX: "start",
+				overlayY: "center",
+				offsetX: 8,
+				offsetY: 0,
+				panelClass: TooltipPositionType.RIGHT
+			}
+		};
+		const fallbackPositions = {
+			[TooltipPositionType.TOP]: positions[TooltipPositionType.BOTTOM],
+			[TooltipPositionType.BOTTOM]: positions[TooltipPositionType.TOP],
+			[TooltipPositionType.LEFT]: positions[TooltipPositionType.RIGHT],
+			[TooltipPositionType.RIGHT]: positions[TooltipPositionType.BOTTOM]
+		};
+		const positionConfig = positions[position];
+		const fallbackPositionConfig = fallbackPositions[position];
+		const positionStrategy = this._overlayPositionBuilder.flexibleConnectedTo(this._elementRef).withPositions([positionConfig, fallbackPositionConfig]).withPush(true);
+		this._overlayRef = this._overlay.create({ positionStrategy });
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: TooltipTemplateDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			type: TooltipTemplateDirective,
+			isStandalone: true,
+			selector: "[uiTooltipTemplate]",
+			inputs: {
+				tooltipPosition: "tooltipPosition",
+				showTooltip: "showTooltip",
+				templateRef: ["uiTooltipTemplate", "templateRef"]
+			},
+			host: { listeners: {
+				"mouseenter": "show()",
+				"mouseleave": "hide()"
+			} },
+			usesOnChanges: true,
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: TooltipTemplateDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiTooltipTemplate]",
+			standalone: true
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		tooltipPosition: [{ type: Input }],
+		showTooltip: [{ type: Input }],
+		templateRef: [{
+			type: Input,
+			args: ["uiTooltipTemplate"]
+		}],
+		show: [{
+			type: HostListener,
+			args: ["mouseenter"]
+		}],
+		hide: [{
+			type: HostListener,
+			args: ["mouseleave"]
+		}]
+	}
+});
+var TooltipComponent = class TooltipComponent {
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.position = TooltipPositionType.TOP;
+		this.disabled = false;
+		this.message = "";
+		this.applicationTheme = "light";
+		this.labelForDefinition = "";
+		this.definitionTooltipSize = "medium";
+		this.variant = "basic";
+		this.isLabelEllipse = false;
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	ngOnInit() {
+		this.setPosition();
+	}
+	setPosition() {
+		switch (this.position) {
+			case TooltipPositionType.TOP:
+				this.matPosition = "above";
+				break;
+			case TooltipPositionType.BOTTOM:
+				this.matPosition = "below";
+				break;
+			case TooltipPositionType.LEFT:
+			case TooltipPositionType.RIGHT:
+			default: this.matPosition = this.position;
+		}
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: TooltipComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: TooltipComponent,
+			isStandalone: true,
+			selector: "ui-tooltip",
+			inputs: {
+				position: "position",
+				disabled: [
+					"disabled",
+					"disabled",
+					booleanAttribute
+				],
+				message: "message",
+				applicationTheme: "applicationTheme",
+				labelForDefinition: "labelForDefinition",
+				definitionTooltipSize: "definitionTooltipSize",
+				variant: "variant"
+			},
+			ngImport: i0,
+			template: "@if (variant === 'definition') {\n  <div\n    [tabindex]=\"0\"\n    class=\"definition-tooltip\"\n    [attr.aria-label]=\"labelForDefinition + ', ' + ('TOOLTIP.DETAILS' | uiTranslate | async) + ':' + message\"\n    style=\"position: relative\"\n    [tooltipPosition]=\"position\"\n    [uiTooltipTemplate]=\"dif\"\n  >\n    <span\n      class=\"label-definition-outside\"\n      [ngClass]=\"'tooltip-size-' + definitionTooltipSize\"\n      uiEllipseText\n      (onChangeTextState)=\"isLabelEllipse = $event\"\n    >\n      {{ labelForDefinition }}\n    </span>\n  </div>\n\n  <ng-template #dif>\n    <div [attr.aria-label]=\"labelForDefinition + ' ' + message\"></div>\n    @if (isLabelEllipse) {\n      <div class=\"label-definition-inner\">\n        {{ labelForDefinition }}\n      </div>\n    }\n    <div class=\"text-definition\">\n      {{ message }}\n    </div>\n  </ng-template>\n} @else {\n  <div\n    [matTooltip]=\"message\"\n    [matTooltipDisabled]=\"disabled\"\n    [matTooltipPosition]=\"matPosition\"\n    [matTooltipClass]=\"applicationTheme\"\n    [attr.aria-label]=\"message\"\n    tabindex=\"0\"\n    style=\"position: relative\"\n  >\n    <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">{{ message }}</div>\n    <ng-content></ng-content>\n    @if (templateRef) {\n      <div [class]=\"'template-tooltip'\">\n        <ng-container *ngTemplateOutlet=\"templateRef\"></ng-container>\n      </div>\n    }\n  </div>\n}\n",
+			dependencies: [
+				{
+					kind: "directive",
+					type: TooltipTemplateDirective,
+					selector: "[uiTooltipTemplate]",
+					inputs: [
+						"tooltipPosition",
+						"showTooltip",
+						"uiTooltipTemplate"
+					]
+				},
+				{
+					kind: "directive",
+					type: EllipseTextDirective,
+					selector: "[uiEllipseText]",
+					inputs: [
+						"isMultiline",
+						"maxDiffPixels",
+						"refresh"
+					],
+					outputs: ["onChangeTextState"]
+				},
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: TooltipComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-tooltip",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				TooltipTemplateDirective,
+				EllipseTextDirective,
+				NgClass,
+				MatTooltip,
+				NgTemplateOutlet,
+				AsyncPipe,
+				UiTranslatePipe
+			],
+			template: "@if (variant === 'definition') {\n  <div\n    [tabindex]=\"0\"\n    class=\"definition-tooltip\"\n    [attr.aria-label]=\"labelForDefinition + ', ' + ('TOOLTIP.DETAILS' | uiTranslate | async) + ':' + message\"\n    style=\"position: relative\"\n    [tooltipPosition]=\"position\"\n    [uiTooltipTemplate]=\"dif\"\n  >\n    <span\n      class=\"label-definition-outside\"\n      [ngClass]=\"'tooltip-size-' + definitionTooltipSize\"\n      uiEllipseText\n      (onChangeTextState)=\"isLabelEllipse = $event\"\n    >\n      {{ labelForDefinition }}\n    </span>\n  </div>\n\n  <ng-template #dif>\n    <div [attr.aria-label]=\"labelForDefinition + ' ' + message\"></div>\n    @if (isLabelEllipse) {\n      <div class=\"label-definition-inner\">\n        {{ labelForDefinition }}\n      </div>\n    }\n    <div class=\"text-definition\">\n      {{ message }}\n    </div>\n  </ng-template>\n} @else {\n  <div\n    [matTooltip]=\"message\"\n    [matTooltipDisabled]=\"disabled\"\n    [matTooltipPosition]=\"matPosition\"\n    [matTooltipClass]=\"applicationTheme\"\n    [attr.aria-label]=\"message\"\n    tabindex=\"0\"\n    style=\"position: relative\"\n  >\n    <div style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">{{ message }}</div>\n    <ng-content></ng-content>\n    @if (templateRef) {\n      <div [class]=\"'template-tooltip'\">\n        <ng-container *ngTemplateOutlet=\"templateRef\"></ng-container>\n      </div>\n    }\n  </div>\n}\n"
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		position: [{ type: Input }],
+		disabled: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		message: [{ type: Input }],
+		applicationTheme: [{ type: Input }],
+		labelForDefinition: [{ type: Input }],
+		definitionTooltipSize: [{ type: Input }],
+		variant: [{ type: Input }]
+	}
+});
+var TooltipComponentModule = class TooltipComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: TooltipComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: TooltipComponentModule,
+			imports: [
+				MatTooltipModule,
+				CommonModule,
+				TooltipTemplateDirective,
+				EllipseTextDirective,
+				UiTranslatePipe,
+				TooltipComponent
+			],
+			exports: [TooltipComponent, TooltipTemplateDirective]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: TooltipComponentModule,
+			providers: [{
+				provide: "TooltipComponentToken",
+				useValue: TooltipComponent
+			}],
+			imports: [MatTooltipModule, CommonModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: TooltipComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				MatTooltipModule,
+				CommonModule,
+				TooltipTemplateDirective,
+				EllipseTextDirective,
+				UiTranslatePipe,
+				TooltipComponent
+			],
+			exports: [TooltipComponent, TooltipTemplateDirective],
+			providers: [{
+				provide: "TooltipComponentToken",
+				useValue: TooltipComponent
+			}]
+		}]
+	}]
+});
 export { TooltipComponent, TooltipComponentModule, TooltipPositionType, TooltipTemplateDirective };
-//# sourceMappingURL=testgorilla-tgo-ui-components-tooltip.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-tooltip.mjs.map