@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-tooltip.mjs

@@ -0,0 +1,386 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, HostListener, Renderer2, ViewContainerRef, inject, input } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+import { OverlayStackService } from "@lifecorner/angular-ui-kit/internal/overlay";
+var TooltipContentComponent = class TooltipContentComponent {
+	content = "";
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: TooltipContentComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: TooltipContentComponent,
+		isStandalone: true,
+		selector: "lc-tooltip-content",
+		host: {
+			attributes: { "role": "tooltip" },
+			classAttribute: "lc-tooltip"
+		},
+		ngImport: i0,
+		template: `<div class="lc-tooltip-inner">{{ content }}</div>`,
+		isInline: true,
+		styles: [":host{display:block;background-color:var(--color-text-primary);color:var(--color-surface);padding:.5rem .75rem;border-radius:var(--border-radius-md, .375rem);font-size:var(--font-size-sm, .875rem);line-height:1.25rem;max-width:300px;word-wrap:break-word;box-shadow:var(--elevation-2)}.lc-tooltip-inner{position:relative}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: TooltipContentComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-tooltip-content",
+			standalone: true,
+			imports: [],
+			template: `<div class="lc-tooltip-inner">{{ content }}</div>`,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "lc-tooltip",
+				role: "tooltip"
+			},
+			styles: [":host{display:block;background-color:var(--color-text-primary);color:var(--color-surface);padding:.5rem .75rem;border-radius:var(--border-radius-md, .375rem);font-size:var(--font-size-sm, .875rem);line-height:1.25rem;max-width:300px;word-wrap:break-word;box-shadow:var(--elevation-2)}.lc-tooltip-inner{position:relative}\n"]
+		}]
+	}]
+});
+const POSITIONS = {
+	top: {
+		originX: "center",
+		originY: "top",
+		overlayX: "center",
+		overlayY: "bottom",
+		offsetY: -8,
+		panelClass: "lc-tooltip--top"
+	},
+	bottom: {
+		originX: "center",
+		originY: "bottom",
+		overlayX: "center",
+		overlayY: "top",
+		offsetY: 8,
+		panelClass: "lc-tooltip--bottom"
+	},
+	left: {
+		originX: "start",
+		originY: "center",
+		overlayX: "end",
+		overlayY: "center",
+		offsetX: -8,
+		panelClass: "lc-tooltip--left"
+	},
+	right: {
+		originX: "end",
+		originY: "center",
+		overlayX: "start",
+		overlayY: "center",
+		offsetX: 8,
+		panelClass: "lc-tooltip--right"
+	}
+};
+const POSITION_NAMES = Object.keys(POSITIONS);
+const FALLBACKS = {
+	top: [
+		"bottom",
+		"right",
+		"left"
+	],
+	bottom: [
+		"top",
+		"right",
+		"left"
+	],
+	left: [
+		"right",
+		"top",
+		"bottom"
+	],
+	right: [
+		"left",
+		"top",
+		"bottom"
+	]
+};
+var TooltipDirective = class TooltipDirective {
+	static nextId = 0;
+	lcTooltip = input.required(...ngDevMode ? [{ debugName: "lcTooltip" }] : /* istanbul ignore next */ []);
+	tooltipPosition = input("top", ...ngDevMode ? [{ debugName: "tooltipPosition" }] : /* istanbul ignore next */ []);
+	tooltipShowDelay = input(0, ...ngDevMode ? [{ debugName: "tooltipShowDelay" }] : /* istanbul ignore next */ []);
+	tooltipHideDelay = input(0, ...ngDevMode ? [{ debugName: "tooltipHideDelay" }] : /* istanbul ignore next */ []);
+	tooltipDisabled = input(false, ...ngDevMode ? [{ debugName: "tooltipDisabled" }] : /* istanbul ignore next */ []);
+	tooltipId = `lc-tooltip-${++TooltipDirective.nextId}`;
+	overlayRef;
+	tooltipRef;
+	positionSubscription;
+	showTimeout;
+	hideTimeout;
+	escapeListener;
+	elementRef = inject(ElementRef);
+	overlay = inject(Overlay);
+	viewContainerRef = inject(ViewContainerRef);
+	renderer = inject(Renderer2);
+	overlayStack = inject(OverlayStackService);
+	ngOnDestroy() {
+		this.hide();
+		this.cleanup();
+	}
+	onMouseEnter() {
+		this.showWithDelay();
+	}
+	onMouseLeave() {
+		this.hideWithDelay();
+	}
+	onFocus() {
+		this.showWithDelay();
+	}
+	onBlur() {
+		this.hideWithDelay();
+	}
+	show() {
+		if (this.tooltipDisabled() || !this.lcTooltip()) return;
+		this.clearTimeouts();
+		if (!this.overlayRef) this.createOverlay();
+		if (!this.tooltipRef && this.overlayRef) {
+			const portal = new ComponentPortal(TooltipContentComponent, this.viewContainerRef);
+			this.tooltipRef = this.overlayRef.attach(portal);
+			this.tooltipRef.instance.content = this.lcTooltip();
+			const tooltipEl = this.tooltipRef.location.nativeElement;
+			this.renderer.setAttribute(tooltipEl, "id", this.tooltipId);
+			this.addDescribedBy();
+			this.setPositionClass(this.tooltipPosition());
+			this.overlayStack.push(this.tooltipId);
+			if (typeof document !== "undefined") {
+				this.escapeListener = (event) => {
+					if (event.key !== "Escape" || !this.overlayStack.claim(this.tooltipId, event)) return;
+					event.stopPropagation();
+					this.hide();
+				};
+				document.addEventListener("keydown", this.escapeListener);
+			}
+		}
+	}
+	hide() {
+		this.clearTimeouts();
+		if (this.escapeListener) {
+			document.removeEventListener("keydown", this.escapeListener);
+			this.escapeListener = void 0;
+		}
+		this.overlayStack.remove(this.tooltipId);
+		if (this.tooltipRef) {
+			this.tooltipRef.destroy();
+			this.tooltipRef = void 0;
+		}
+		if (this.overlayRef) this.overlayRef.detach();
+		this.removeDescribedBy();
+	}
+	toggle() {
+		if (this.tooltipRef) this.hide();
+		else this.show();
+	}
+	showWithDelay() {
+		this.clearTimeouts();
+		const delay = this.tooltipShowDelay();
+		if (delay > 0) this.showTimeout = window.setTimeout(() => this.show(), delay);
+		else this.show();
+	}
+	hideWithDelay() {
+		this.clearTimeouts();
+		const delay = this.tooltipHideDelay();
+		if (delay > 0) this.hideTimeout = window.setTimeout(() => this.hide(), delay);
+		else this.hide();
+	}
+	createOverlay() {
+		const positionStrategy = this.overlay.position().flexibleConnectedTo(this.elementRef).withPositions(this.getPositions());
+		this.positionSubscription = positionStrategy.positionChanges.subscribe((change) => {
+			const applied = POSITION_NAMES.find((p) => POSITIONS[p] === change.connectionPair);
+			if (applied) this.setPositionClass(applied);
+		});
+		this.overlayRef = this.overlay.create({
+			positionStrategy,
+			scrollStrategy: this.overlay.scrollStrategies.reposition()
+		});
+	}
+	getPositions() {
+		const position = this.tooltipPosition();
+		return [position, ...FALLBACKS[position]].map((p) => POSITIONS[p]);
+	}
+	setPositionClass(position) {
+		const tooltipEl = this.tooltipRef?.location.nativeElement;
+		if (!tooltipEl) return;
+		for (const p of POSITION_NAMES) this.renderer.removeClass(tooltipEl, `lc-tooltip--${p}`);
+		this.renderer.addClass(tooltipEl, `lc-tooltip--${position}`);
+	}
+	addDescribedBy() {
+		const host = this.elementRef.nativeElement;
+		const ids = (host.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean);
+		if (!ids.includes(this.tooltipId)) ids.push(this.tooltipId);
+		this.renderer.setAttribute(host, "aria-describedby", ids.join(" "));
+	}
+	removeDescribedBy() {
+		const host = this.elementRef.nativeElement;
+		const ids = (host.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean);
+		if (!ids.includes(this.tooltipId)) return;
+		const rest = ids.filter((id) => id !== this.tooltipId);
+		if (rest.length) this.renderer.setAttribute(host, "aria-describedby", rest.join(" "));
+		else this.renderer.removeAttribute(host, "aria-describedby");
+	}
+	clearTimeouts() {
+		if (this.showTimeout) {
+			window.clearTimeout(this.showTimeout);
+			this.showTimeout = void 0;
+		}
+		if (this.hideTimeout) {
+			window.clearTimeout(this.hideTimeout);
+			this.hideTimeout = void 0;
+		}
+	}
+	cleanup() {
+		this.clearTimeouts();
+		this.positionSubscription?.unsubscribe();
+		this.positionSubscription = void 0;
+		if (this.overlayRef) {
+			this.overlayRef.dispose();
+			this.overlayRef = void 0;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: TooltipDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: TooltipDirective,
+		isStandalone: true,
+		selector: "[lcTooltip]",
+		inputs: {
+			lcTooltip: {
+				classPropertyName: "lcTooltip",
+				publicName: "lcTooltip",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tooltipPosition: {
+				classPropertyName: "tooltipPosition",
+				publicName: "tooltipPosition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltipShowDelay: {
+				classPropertyName: "tooltipShowDelay",
+				publicName: "tooltipShowDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltipHideDelay: {
+				classPropertyName: "tooltipHideDelay",
+				publicName: "tooltipHideDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltipDisabled: {
+				classPropertyName: "tooltipDisabled",
+				publicName: "tooltipDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { listeners: {
+			"mouseenter": "onMouseEnter()",
+			"mouseleave": "onMouseLeave()",
+			"focus": "onFocus()",
+			"blur": "onBlur()"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: TooltipDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[lcTooltip]",
+			standalone: true
+		}]
+	}],
+	propDecorators: {
+		lcTooltip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "lcTooltip",
+				required: true
+			}]
+		}],
+		tooltipPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipPosition",
+				required: false
+			}]
+		}],
+		tooltipShowDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipShowDelay",
+				required: false
+			}]
+		}],
+		tooltipHideDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipHideDelay",
+				required: false
+			}]
+		}],
+		tooltipDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipDisabled",
+				required: false
+			}]
+		}],
+		onMouseEnter: [{
+			type: HostListener,
+			args: ["mouseenter"]
+		}],
+		onMouseLeave: [{
+			type: HostListener,
+			args: ["mouseleave"]
+		}],
+		onFocus: [{
+			type: HostListener,
+			args: ["focus"]
+		}],
+		onBlur: [{
+			type: HostListener,
+			args: ["blur"]
+		}]
+	}
+});
+export { TooltipContentComponent, TooltipDirective };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-tooltip.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-tooltip.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/tooltip/tooltip.directive.ts"],"sourcesContent":["import {\n  Directive,\n  input,\n  ElementRef,\n  OnDestroy,\n  Renderer2,\n  ViewContainerRef,\n  ComponentRef,\n  HostListener,\n  Component,\n  ChangeDetectionStrategy,\n  inject,\n} from '@angular/core';\nimport { Overlay, OverlayRef, ConnectedPosition } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Subscription } from 'rxjs';\nimport { OverlayStackService } from '@lifecorner/angular-ui-kit/internal/overlay';\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * Internal tooltip content component\n */\n@Component({\n  selector: 'lc-tooltip-content',\n  standalone: true,\n  imports: [],\n  template: `<div class=\"lc-tooltip-inner\">{{ content }}</div>`,\n  styles: [\n    `\n      :host {\n        display: block;\n        /* Inverted surface: reads as a tooltip in both themes and keeps AAA\n           contrast — near-white on the dark theme, near-black on the light one. */\n        background-color: var(--color-text-primary);\n        color: var(--color-surface);\n        padding: 0.5rem 0.75rem;\n        border-radius: var(--border-radius-md, 0.375rem);\n        font-size: var(--font-size-sm, 0.875rem);\n        line-height: 1.25rem;\n        max-width: 300px;\n        word-wrap: break-word;\n        box-shadow: var(--elevation-2);\n      }\n\n      .lc-tooltip-inner {\n        position: relative;\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'lc-tooltip',\n    role: 'tooltip',\n  },\n})\nexport class TooltipContentComponent {\n  content = '';\n}\n\nconst POSITIONS: Record<TooltipPosition, ConnectedPosition> = {\n  top: {\n    originX: 'center',\n    originY: 'top',\n    overlayX: 'center',\n    overlayY: 'bottom',\n    offsetY: -8,\n    panelClass: 'lc-tooltip--top',\n  },\n  bottom: {\n    originX: 'center',\n    originY: 'bottom',\n    overlayX: 'center',\n    overlayY: 'top',\n    offsetY: 8,\n    panelClass: 'lc-tooltip--bottom',\n  },\n  left: {\n    originX: 'start',\n    originY: 'center',\n    overlayX: 'end',\n    overlayY: 'center',\n    offsetX: -8,\n    panelClass: 'lc-tooltip--left',\n  },\n  right: {\n    originX: 'end',\n    originY: 'center',\n    overlayX: 'start',\n    overlayY: 'center',\n    offsetX: 8,\n    panelClass: 'lc-tooltip--right',\n  },\n};\n\nconst POSITION_NAMES = Object.keys(POSITIONS) as TooltipPosition[];\n\n/** Fallback order when the preferred side does not fit the viewport. */\nconst FALLBACKS: Record<TooltipPosition, TooltipPosition[]> = {\n  top: ['bottom', 'right', 'left'],\n  bottom: ['top', 'right', 'left'],\n  left: ['right', 'top', 'bottom'],\n  right: ['left', 'top', 'bottom'],\n};\n\n/**\n * Tooltip directive for displaying contextual information.\n * Uses Angular CDK Overlay for positioning; flips to the opposite side when\n * the preferred one does not fit the viewport, and can be dismissed with\n * Escape (WCAG 1.4.13).\n *\n * @example\n * ```html\n * <button lcTooltip=\"Click me!\" tooltipPosition=\"top\">\n *   Hover or focus\n * </button>\n * ```\n */\n@Directive({\n  selector: '[lcTooltip]',\n  standalone: true,\n})\nexport class TooltipDirective implements OnDestroy {\n  private static nextId = 0;\n\n  /**\n   * Tooltip content text\n   */\n  lcTooltip = input.required<string>();\n\n  /**\n   * Tooltip position\n   * @default 'top'\n   */\n  tooltipPosition = input<TooltipPosition>('top');\n\n  /**\n   * Show delay in milliseconds\n   * @default 0\n   */\n  tooltipShowDelay = input<number>(0);\n\n  /**\n   * Hide delay in milliseconds\n   * @default 0\n   */\n  tooltipHideDelay = input<number>(0);\n\n  /**\n   * Whether tooltip is disabled\n   * @default false\n   */\n  tooltipDisabled = input<boolean>(false);\n\n  /** Id of the tooltip element; the host's `aria-describedby` points at it while shown. */\n  readonly tooltipId = `lc-tooltip-${++TooltipDirective.nextId}`;\n\n  private overlayRef?: OverlayRef;\n  private tooltipRef?: ComponentRef<TooltipContentComponent>;\n  private positionSubscription?: Subscription;\n  private showTimeout?: number;\n  private hideTimeout?: number;\n  private escapeListener?: (event: KeyboardEvent) => void;\n\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(Overlay);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly renderer = inject(Renderer2);\n  private readonly overlayStack = inject(OverlayStackService);\n\n  ngOnDestroy(): void {\n    this.hide();\n    this.cleanup();\n  }\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    this.showWithDelay();\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    this.hideWithDelay();\n  }\n\n  @HostListener('focus')\n  onFocus(): void {\n    this.showWithDelay();\n  }\n\n  @HostListener('blur')\n  onBlur(): void {\n    this.hideWithDelay();\n  }\n\n  /**\n   * Show tooltip programmatically\n   */\n  show(): void {\n    if (this.tooltipDisabled() || !this.lcTooltip()) {\n      return;\n    }\n\n    this.clearTimeouts();\n\n    if (!this.overlayRef) {\n      this.createOverlay();\n    }\n\n    if (!this.tooltipRef && this.overlayRef) {\n      const portal = new ComponentPortal(TooltipContentComponent, this.viewContainerRef);\n      this.tooltipRef = this.overlayRef.attach(portal) as ComponentRef<TooltipContentComponent>;\n      this.tooltipRef.instance.content = this.lcTooltip();\n\n      const tooltipEl = this.tooltipRef.location.nativeElement as HTMLElement;\n      // The id is what the host's aria-describedby points at\n      this.renderer.setAttribute(tooltipEl, 'id', this.tooltipId);\n      this.addDescribedBy();\n      this.setPositionClass(this.tooltipPosition());\n\n      // Escape dismisses the tooltip (WCAG 1.4.13) — only when it is the\n      // top-most overlay, so a modal underneath is not closed by the same key\n      this.overlayStack.push(this.tooltipId);\n      if (typeof document !== 'undefined') {\n        this.escapeListener = (event: KeyboardEvent) => {\n          if (event.key !== 'Escape' || !this.overlayStack.claim(this.tooltipId, event)) return;\n          event.stopPropagation();\n          this.hide();\n        };\n        document.addEventListener('keydown', this.escapeListener);\n      }\n    }\n  }\n\n  /**\n   * Hide tooltip programmatically\n   */\n  hide(): void {\n    this.clearTimeouts();\n\n    if (this.escapeListener) {\n      document.removeEventListener('keydown', this.escapeListener);\n      this.escapeListener = undefined;\n    }\n    this.overlayStack.remove(this.tooltipId);\n\n    if (this.tooltipRef) {\n      this.tooltipRef.destroy();\n      this.tooltipRef = undefined;\n    }\n\n    if (this.overlayRef) {\n      this.overlayRef.detach();\n    }\n\n    this.removeDescribedBy();\n  }\n\n  /**\n   * Toggle tooltip visibility\n   */\n  toggle(): void {\n    if (this.tooltipRef) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private showWithDelay(): void {\n    this.clearTimeouts();\n    const delay = this.tooltipShowDelay();\n\n    if (delay > 0) {\n      this.showTimeout = window.setTimeout(() => this.show(), delay);\n    } else {\n      this.show();\n    }\n  }\n\n  private hideWithDelay(): void {\n    this.clearTimeouts();\n    const delay = this.tooltipHideDelay();\n\n    if (delay > 0) {\n      this.hideTimeout = window.setTimeout(() => this.hide(), delay);\n    } else {\n      this.hide();\n    }\n  }\n\n  private createOverlay(): void {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.elementRef)\n      .withPositions(this.getPositions());\n\n    // Keep the tooltip element's position class in sync with the side the\n    // overlay actually chose (it flips at viewport edges)\n    this.positionSubscription = positionStrategy.positionChanges.subscribe((change) => {\n      const applied = POSITION_NAMES.find((p) => POSITIONS[p] === change.connectionPair);\n      if (applied) this.setPositionClass(applied);\n    });\n\n    this.overlayRef = this.overlay.create({\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n    }) as OverlayRef;\n  }\n\n  /** Preferred position first, then the fallbacks the overlay may flip to. */\n  private getPositions(): ConnectedPosition[] {\n    const position = this.tooltipPosition();\n    return [position, ...FALLBACKS[position]].map((p) => POSITIONS[p]);\n  }\n\n  private setPositionClass(position: TooltipPosition): void {\n    const tooltipEl = this.tooltipRef?.location.nativeElement as HTMLElement | undefined;\n    if (!tooltipEl) return;\n    for (const p of POSITION_NAMES) {\n      this.renderer.removeClass(tooltipEl, `lc-tooltip--${p}`);\n    }\n    this.renderer.addClass(tooltipEl, `lc-tooltip--${position}`);\n  }\n\n  /** Append the tooltip id to the host's aria-describedby without clobbering ids the caller set. */\n  private addDescribedBy(): void {\n    const host = this.elementRef.nativeElement;\n    const ids = (host.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean);\n    if (!ids.includes(this.tooltipId)) ids.push(this.tooltipId);\n    this.renderer.setAttribute(host, 'aria-describedby', ids.join(' '));\n  }\n\n  private removeDescribedBy(): void {\n    const host = this.elementRef.nativeElement;\n    const ids = (host.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean);\n    if (!ids.includes(this.tooltipId)) return;\n    const rest = ids.filter((id) => id !== this.tooltipId);\n    if (rest.length) {\n      this.renderer.setAttribute(host, 'aria-describedby', rest.join(' '));\n    } else {\n      this.renderer.removeAttribute(host, 'aria-describedby');\n    }\n  }\n\n  private clearTimeouts(): void {\n    if (this.showTimeout) {\n      window.clearTimeout(this.showTimeout);\n      this.showTimeout = undefined;\n    }\n    if (this.hideTimeout) {\n      window.clearTimeout(this.hideTimeout);\n      this.hideTimeout = undefined;\n    }\n  }\n\n  private cleanup(): void {\n    this.clearTimeouts();\n    this.positionSubscription?.unsubscribe();\n    this.positionSubscription = undefined;\n    if (this.overlayRef) {\n      this.overlayRef.dispose();\n      this.overlayRef = undefined;\n    }\n  }\n}\n"],"mappings":"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"}