@sebgroup/green-angular 0.0.0-v-angular-20250113082841

package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs

@@ -0,0 +1,374 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, NgModule } from '@angular/core';
+import { NggvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n';
+
+const tooltipBoxStyles = new Map([
+    ['position', 'absolute'],
+    ['z-index', '1040'],
+    ['border-radius', '.25rem'],
+    ['padding', '.5rem 1rem'],
+    ['background-color', '#1a1a1a'],
+    ['color', '#fff'],
+    ['font-size', '0.875rem'],
+    ['font-weight', '400'],
+    ['line-height', '1.5'],
+    ['padding', '0.5rem'],
+    ['pointer-events', 'none'],
+]);
+const tooltipArrowTopStyles = new Map([
+    ['position', 'absolute'],
+    ['width', '0'],
+    ['height', '0'],
+    ['border', '0.5rem solid transparent'],
+    ['bottom', '-1rem'],
+    ['left', '50%'],
+    ['transform', 'translateX(-50%)'],
+    ['border-color', '#1a1a1a transparent transparent'],
+]);
+const tooltipArrowBottomStyles = new Map([
+    ['position', 'absolute'],
+    ['width', '0'],
+    ['height', '0'],
+    ['border', '0.5rem solid transparent'],
+    ['top', '-1rem'],
+    ['left', '50%'],
+    ['transform', 'translateX(-50%)'],
+    ['border-color', 'transparent transparent #1a1a1a'],
+]);
+const tooltipArrowLeftStyles = new Map([
+    ['position', 'absolute'],
+    ['width', '0'],
+    ['height', '0'],
+    ['border', '0.5rem solid transparent'],
+    ['right', '-1rem'],
+    ['top', '50%'],
+    ['transform', 'translateY(-50%)'],
+    ['border-color', 'transparent transparent transparent #1a1a1a'],
+]);
+const tooltipArrowRightStyles = new Map([
+    ['position', 'absolute'],
+    ['width', '0'],
+    ['height', '0'],
+    ['border', '0.5rem solid transparent'],
+    ['left', '-1rem'],
+    ['top', '50%'],
+    ['transform', 'translateY(-50%)'],
+    ['border-color', 'transparent #1a1a1a transparent transparent'],
+]);
+const tooltipArrowStyles = {
+    top: tooltipArrowTopStyles,
+    bottom: tooltipArrowBottomStyles,
+    left: tooltipArrowLeftStyles,
+    right: tooltipArrowRightStyles,
+};
+
+/**
+ * A tooltip is a text label that acts as a helper to a specific item.
+ * Recommended to use value `top` or `bottom` with `placement` for responsive design.
+ * Dynamic resizing and tooltip position are a work in progress.
+ * https://designlibrary.sebgroup.com/components/component-tooltip
+ */
+class NggvTooltipDirective {
+    /** @internal Check if changes should trigger a re-render */
+    static shouldUpdate(change) {
+        return (change &&
+            !change.firstChange &&
+            change.previousValue !== change.currentValue);
+    }
+    constructor(anchorElementRef, renderer) {
+        this.anchorElementRef = anchorElementRef;
+        this.renderer = renderer;
+        /** Special property used for selecting DOM elements during automated UI testing. */
+        this.thook = 'tooltip';
+        /** The side of the anchor which the tooltip will be rendered.
+         * Recommended `top` and `bottom` for responsive designs as these are more stable.
+         */
+        this.placement = 'top';
+        /** Initial state and subsequent updates on wether the tooltip is visible. */
+        this.shown = false;
+        /** How far off from the text the tooltip will be rendered. */
+        this.offset = 10;
+        /** How frequently the tooltip will be re-rendered when the page size changes. */
+        this.resizeThrottle = 50;
+        /** Numeric max-width for tooltip. */
+        this.maxWidth = 343;
+        /** Emits a show event triggered changing visibility state of the tooltip. */
+        this.nggvShow = new EventEmitter();
+        /** Emits a hide event triggered changing visibility state of the tooltip. */
+        this.nggvHide = new EventEmitter();
+        /** @internal */
+        this.timeout = 0;
+        this.anchorElement = this.anchorElementRef.nativeElement;
+        this.parentElement = document.body;
+    }
+    ngAfterViewInit() {
+        // Set a timeout to allow view to fully render before creating tooltip.
+        setTimeout(() => (this.shown ? this.show(true) : this.hide(true)));
+    }
+    ngOnChanges(changes) {
+        if (NggvTooltipDirective.shouldUpdate(changes.nggvTooltip) ||
+            NggvTooltipDirective.shouldUpdate(changes.placement) ||
+            NggvTooltipDirective.shouldUpdate(changes.thook)) {
+            this.shown ? this.show(true) : this.hide(true);
+        }
+        if (NggvTooltipDirective.shouldUpdate(changes.shown)) {
+            this.shown ? this.show() : this.hide();
+        }
+        if (NggvTooltipDirective.shouldUpdate(changes.offset)) {
+            this.updatePosition();
+        }
+    }
+    ngOnDestroy() {
+        this.hide(true);
+    }
+    /** @internal */
+    onMouseEnter() {
+        this.show();
+    }
+    /** @internal */
+    onMouseLeave() {
+        this.hide();
+    }
+    /** @internal */
+    resize() {
+        if (this.timeout)
+            return;
+        this.timeout = window.setTimeout(() => {
+            this.timeout = 0;
+            this.updatePosition();
+        }, this.resizeThrottle);
+    }
+    /**
+     * Sets the visibility state of the tooltip to true and creates a new tooltip if it doesn't exist or `recreate` is set.
+     * @param recreate if set to true, destroy any existing tooltip and create a new one.
+     */
+    show(recreate = false) {
+        // Require tooltip text to create
+        if (!this.nggvTooltip || this.nggvTooltip.length === 0)
+            return;
+        if (recreate || !this.tooltipElement) {
+            this.hide(true);
+            this.create(this.nggvTooltip);
+        }
+        else {
+            this.renderer.appendChild(this.parentElement, this.tooltipElement);
+        }
+        this.updatePosition();
+        this.shown = true;
+        this.nggvShow.emit(this.tooltipElement);
+    }
+    /**
+     * Sets the visibility state of the tooltip to false and destroys an existing tooltip if `destroy` is set.
+     * @param destroy if set to true, destroy any existing tooltip.
+     */
+    hide(destroy = false) {
+        if (!this.tooltipElement)
+            return;
+        if (this.parentElement.contains(this.tooltipElement)) {
+            this.renderer.removeChild(this.parentElement, this.tooltipElement);
+        }
+        if (destroy)
+            this.destroy();
+        this.shown = false;
+        this.nggvHide.emit(this.tooltipElement);
+    }
+    /**
+     * @internal
+     * Creates a new tooltip with the set placement and a given text as its body.
+     * @param text the string to be displayed in the tooltip body.
+     */
+    create(text) {
+        this.tooltipElement = this.renderer.createElement('div');
+        this.renderer.addClass(this.tooltipElement, 'gds-tooltip');
+        this.renderer.setAttribute(this.tooltipElement, 'data-thook', this.thook);
+        this.renderer.setAttribute(this.tooltipElement, 'role', 'tooltip');
+        if (this.tooltipId) {
+            this.renderer.setAttribute(this.tooltipElement, 'id', this.tooltipId);
+        }
+        // set styling
+        Array.from(tooltipBoxStyles.entries()).forEach(([style, value]) => {
+            this.renderer.setStyle(this.tooltipElement, style, value);
+        });
+        const relativeMaxWidth = this.pxToRem(this.maxWidth);
+        this.renderer.setStyle(this.tooltipElement, 'max-width', relativeMaxWidth);
+        this.renderer.appendChild(this.tooltipElement, this.renderer.createText(text));
+        // add tooltip to DOM
+        this.renderer.appendChild(this.parentElement, this.tooltipElement);
+        this.arrowElement = this.renderer.createElement('div');
+        this.renderer.addClass(this.arrowElement, `gds-tooltip__arrow-${this.placement}`);
+        // add arrow to tooltip element
+        this.renderer.appendChild(this.tooltipElement, this.arrowElement);
+    }
+    /**
+     * @internal
+     * Destroys the current tooltip by un-setting variables, should only be used after detaching elements from the DOM.
+     */
+    destroy() {
+        this.tooltipElement = undefined;
+        this.arrowElement = undefined;
+    }
+    /**
+     * @internal
+     * Recalculates the position of the tooltip.
+     */
+    updatePosition() {
+        if (!this.tooltipElement || !this.arrowElement)
+            return;
+        const scrollPos = window.pageYOffset ||
+            document.documentElement.scrollTop ||
+            this.parentElement.scrollTop ||
+            0;
+        const anchorRect = this.anchorElement.getBoundingClientRect();
+        const tooltipRect = this.tooltipElement.getBoundingClientRect();
+        const arrowRect = this.arrowElement.getBoundingClientRect();
+        switch (this.placement) {
+            case 'top':
+                this.alignVertical(true, scrollPos, anchorRect, tooltipRect.width, tooltipRect.height, arrowRect.width);
+                break;
+            case 'bottom':
+                this.alignVertical(false, scrollPos, anchorRect, tooltipRect.width, tooltipRect.height, arrowRect.width);
+                break;
+            case 'left':
+                this.alignHorizontal(true, scrollPos, anchorRect, tooltipRect.height);
+                break;
+            case 'right':
+                this.alignHorizontal(false, scrollPos, anchorRect, tooltipRect.height);
+                break;
+            default:
+                return;
+        }
+    }
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `top` or `bottom`.
+     */
+    alignVertical(above, scrollPos, anchor, tooltipWidth, tooltipHeight, arrowWidth) {
+        const width = this.parentElement.clientWidth;
+        const anchorMidX = anchor.left + anchor.width / 2;
+        const tooltip = {};
+        const arrow = {};
+        if (above)
+            tooltip.top = anchor.top - tooltipHeight - this.offset + scrollPos;
+        else
+            tooltip.top = anchor.bottom + this.offset + scrollPos;
+        if (anchorMidX < width / 2) {
+            tooltip.left = Math.max(0, anchorMidX - tooltipWidth / 2);
+            arrow.left = anchorMidX - tooltip.left;
+        }
+        else {
+            tooltip.right = Math.max(0, width - (anchorMidX + tooltipWidth / 2));
+            arrow.right = width - anchorMidX - tooltip.right - arrowWidth;
+        }
+        this.setStyle(tooltip, arrow);
+    }
+    /**
+     * @internal
+     * Calculates and set the position of the tooltip when the placement is `left` or `right`.
+     */
+    alignHorizontal(before, scrollPos, anchor, tooltipHeight) {
+        const width = this.parentElement.clientWidth;
+        const top = anchor.top + (anchor.height - tooltipHeight) / 2 + scrollPos;
+        const tooltip = { top };
+        const arrow = { top: tooltipHeight / 2 };
+        if (before)
+            tooltip.right = width - anchor.left + this.offset;
+        else
+            tooltip.left = anchor.right + this.offset;
+        this.setStyle(tooltip, arrow);
+    }
+    /**
+     * @internal
+     * Updates the CSS properties for the tooltip position.
+     */
+    setStyle(tooltip, arrow) {
+        // Tooltip
+        Object.entries(tooltip).forEach(([prop, value]) => {
+            const position = this.pxToRem(value);
+            this.renderer.setStyle(this.tooltipElement, prop, position);
+        });
+        // Arrow
+        Object.entries(arrow).forEach(([prop, value]) => {
+            const position = this.pxToRem(value);
+            this.renderer.setStyle(this.arrowElement, prop, position);
+        });
+        Array.from(tooltipArrowStyles[this.placement].entries()).forEach(([style, value]) => {
+            this.renderer.setStyle(this.arrowElement, style, value);
+        });
+    }
+    pxToRem(value) {
+        const fontSizePx = window
+            ?.getComputedStyle(this.parentElement)
+            ?.getPropertyValue('font-size');
+        const fontSizeNumberMatch = fontSizePx?.match(/\d{1,}/);
+        const fontSize = fontSizeNumberMatch ? +fontSizeNumberMatch[0] : 16;
+        const remValue = value / fontSize;
+        return `${remValue}rem`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NggvTooltipDirective, selector: "[nggvTooltip]", inputs: { nggvTooltip: "nggvTooltip", thook: "thook", placement: "placement", shown: "shown", offset: "offset", resizeThrottle: "resizeThrottle", tooltipId: "tooltipId", maxWidth: "maxWidth" }, outputs: { nggvShow: "nggvShow", nggvHide: "nggvHide" }, host: { listeners: { "mouseenter": "onMouseEnter()", "focus": "onMouseEnter()", "mouseleave": "onMouseLeave()", "blur": "onMouseLeave()", "keyup.escape": "onMouseLeave()", "window:resize": "resize()" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nggvTooltip]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { nggvTooltip: [{
+                type: Input
+            }], thook: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], shown: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], resizeThrottle: [{
+                type: Input
+            }], tooltipId: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], nggvShow: [{
+                type: Output
+            }], nggvHide: [{
+                type: Output
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }, {
+                type: HostListener,
+                args: ['focus']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }, {
+                type: HostListener,
+                args: ['blur']
+            }, {
+                type: HostListener,
+                args: ['keyup.escape']
+            }], resize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+class NggvTooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NggvTooltipModule, declarations: [NggvTooltipDirective], imports: [NggvI18nModule], exports: [NggvTooltipDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTooltipModule, imports: [NggvI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NggvTooltipDirective],
+                    exports: [NggvTooltipDirective],
+                    imports: [NggvI18nModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NggvTooltipDirective, NggvTooltipModule };
+//# sourceMappingURL=sebgroup-green-angular-src-v-angular-tooltip.mjs.map

package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sebgroup-green-angular-src-v-angular-tooltip.mjs","sources":["../../../../libs/angular/src/v-angular/tooltip/tooltip.styles.ts","../../../../libs/angular/src/v-angular/tooltip/tooltip.directive.ts","../../../../libs/angular/src/v-angular/tooltip/tooltip.module.ts","../../../../libs/angular/src/v-angular/tooltip/sebgroup-green-angular-src-v-angular-tooltip.ts"],"sourcesContent":["export const tooltipBoxStyles = new Map<string, any>([\n  ['position', 'absolute'],\n  ['z-index', '1040'],\n  ['border-radius', '.25rem'],\n  ['padding', '.5rem 1rem'],\n  ['background-color', '#1a1a1a'],\n  ['color', '#fff'],\n  ['font-size', '0.875rem'],\n  ['font-weight', '400'],\n  ['line-height', '1.5'],\n  ['padding', '0.5rem'],\n  ['pointer-events', 'none'],\n])\n\nexport const tooltipArrowTopStyles = new Map<string, any>([\n  ['position', 'absolute'],\n  ['width', '0'],\n  ['height', '0'],\n  ['border', '0.5rem solid transparent'],\n  ['bottom', '-1rem'],\n  ['left', '50%'],\n  ['transform', 'translateX(-50%)'],\n  ['border-color', '#1a1a1a transparent transparent'],\n])\n\nexport const tooltipArrowBottomStyles = new Map<string, any>([\n  ['position', 'absolute'],\n  ['width', '0'],\n  ['height', '0'],\n  ['border', '0.5rem solid transparent'],\n  ['top', '-1rem'],\n  ['left', '50%'],\n  ['transform', 'translateX(-50%)'],\n  ['border-color', 'transparent transparent #1a1a1a'],\n])\n\nexport const tooltipArrowLeftStyles = new Map<string, any>([\n  ['position', 'absolute'],\n  ['width', '0'],\n  ['height', '0'],\n  ['border', '0.5rem solid transparent'],\n  ['right', '-1rem'],\n  ['top', '50%'],\n  ['transform', 'translateY(-50%)'],\n  ['border-color', 'transparent transparent transparent #1a1a1a'],\n])\n\nexport const tooltipArrowRightStyles = new Map<string, any>([\n  ['position', 'absolute'],\n  ['width', '0'],\n  ['height', '0'],\n  ['border', '0.5rem solid transparent'],\n  ['left', '-1rem'],\n  ['top', '50%'],\n  ['transform', 'translateY(-50%)'],\n  ['border-color', 'transparent #1a1a1a transparent transparent'],\n])\n\nexport const tooltipArrowStyles = {\n  top: tooltipArrowTopStyles,\n  bottom: tooltipArrowBottomStyles,\n  left: tooltipArrowLeftStyles,\n  right: tooltipArrowRightStyles,\n}\n","import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  Renderer2,\n  SimpleChange,\n  SimpleChanges,\n} from '@angular/core'\n\nimport { tooltipArrowStyles, tooltipBoxStyles } from './tooltip.styles'\n\nexport type Placement = 'top' | 'right' | 'bottom' | 'left'\n\ntype Position = {\n  top?: number\n  right?: number\n  bottom?: number\n  left?: number\n}\n\n/**\n * A tooltip is a text label that acts as a helper to a specific item.\n * Recommended to use value `top` or `bottom` with `placement` for responsive design.\n * Dynamic resizing and tooltip position are a work in progress.\n * https://designlibrary.sebgroup.com/components/component-tooltip\n */\n@Directive({\n  selector: '[nggvTooltip]',\n})\nexport class NggvTooltipDirective\n  implements AfterViewInit, OnChanges, OnDestroy\n{\n  /** The text that will be shown in the tooltip. */\n  @Input() nggvTooltip?: string\n  /** Special property used for selecting DOM elements during automated UI testing. */\n  @Input() thook = 'tooltip'\n  /** The side of the anchor which the tooltip will be rendered.\n   * Recommended `top` and `bottom` for responsive designs as these are more stable.\n   */\n  @Input() placement: Placement = 'top'\n  /** Initial state and subsequent updates on wether the tooltip is visible. */\n  @Input() shown = false\n  /** How far off from the text the tooltip will be rendered. */\n  @Input() offset = 10\n  /** How frequently the tooltip will be re-rendered when the page size changes. */\n  @Input() resizeThrottle = 50\n  /** Id of tooltip element. */\n  @Input() tooltipId?: string\n  /** Numeric max-width for tooltip. */\n  @Input() maxWidth = 343\n\n  /** Emits a show event triggered changing visibility state of the tooltip. */\n  @Output() nggvShow = new EventEmitter<HTMLElement>()\n  /** Emits a hide event triggered changing visibility state of the tooltip. */\n  @Output() nggvHide = new EventEmitter<HTMLElement>()\n\n  /** @internal */\n  protected timeout = 0\n\n  /** @internal */\n  protected parentElement: HTMLElement\n\n  /** @internal */\n  protected anchorElement: HTMLElement\n\n  /** @internal */\n  protected tooltipElement: HTMLElement | undefined\n\n  /** @internal */\n  protected arrowElement: HTMLElement | undefined\n\n  /** @internal Check if changes should trigger a re-render */\n  static shouldUpdate(change: SimpleChange) {\n    return (\n      change &&\n      !change.firstChange &&\n      change.previousValue !== change.currentValue\n    )\n  }\n\n  constructor(\n    private anchorElementRef: ElementRef,\n    private renderer: Renderer2,\n  ) {\n    this.anchorElement = this.anchorElementRef.nativeElement\n    this.parentElement = document.body\n  }\n\n  ngAfterViewInit() {\n    // Set a timeout to allow view to fully render before creating tooltip.\n    setTimeout(() => (this.shown ? this.show(true) : this.hide(true)))\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      NggvTooltipDirective.shouldUpdate(changes.nggvTooltip) ||\n      NggvTooltipDirective.shouldUpdate(changes.placement) ||\n      NggvTooltipDirective.shouldUpdate(changes.thook)\n    ) {\n      this.shown ? this.show(true) : this.hide(true)\n    }\n\n    if (NggvTooltipDirective.shouldUpdate(changes.shown)) {\n      this.shown ? this.show() : this.hide()\n    }\n\n    if (NggvTooltipDirective.shouldUpdate(changes.offset)) {\n      this.updatePosition()\n    }\n  }\n\n  ngOnDestroy() {\n    this.hide(true)\n  }\n\n  /** @internal */\n  @HostListener('mouseenter')\n  @HostListener('focus')\n  onMouseEnter() {\n    this.show()\n  }\n\n  /** @internal */\n  @HostListener('mouseleave')\n  @HostListener('blur')\n  @HostListener('keyup.escape')\n  onMouseLeave() {\n    this.hide()\n  }\n\n  /** @internal */\n  @HostListener('window:resize')\n  resize() {\n    if (this.timeout) return\n    this.timeout = window.setTimeout(() => {\n      this.timeout = 0\n      this.updatePosition()\n    }, this.resizeThrottle)\n  }\n\n  /**\n   * Sets the visibility state of the tooltip to true and creates a new tooltip if it doesn't exist or `recreate` is set.\n   * @param recreate if set to true, destroy any existing tooltip and create a new one.\n   */\n  show(recreate = false) {\n    // Require tooltip text to create\n    if (!this.nggvTooltip || this.nggvTooltip.length === 0) return\n\n    if (recreate || !this.tooltipElement) {\n      this.hide(true)\n      this.create(this.nggvTooltip)\n    } else {\n      this.renderer.appendChild(this.parentElement, this.tooltipElement)\n    }\n\n    this.updatePosition()\n    this.shown = true\n    this.nggvShow.emit(this.tooltipElement)\n  }\n\n  /**\n   * Sets the visibility state of the tooltip to false and destroys an existing tooltip if `destroy` is set.\n   * @param destroy if set to true, destroy any existing tooltip.\n   */\n  hide(destroy = false) {\n    if (!this.tooltipElement) return\n    if (this.parentElement.contains(this.tooltipElement)) {\n      this.renderer.removeChild(this.parentElement, this.tooltipElement)\n    }\n    if (destroy) this.destroy()\n    this.shown = false\n    this.nggvHide.emit(this.tooltipElement)\n  }\n\n  /**\n   * @internal\n   * Creates a new tooltip with the set placement and a given text as its body.\n   * @param text the string to be displayed in the tooltip body.\n   */\n  create(text: string) {\n    this.tooltipElement = this.renderer.createElement('div')\n    this.renderer.addClass(this.tooltipElement, 'gds-tooltip')\n    this.renderer.setAttribute(this.tooltipElement, 'data-thook', this.thook)\n    this.renderer.setAttribute(this.tooltipElement, 'role', 'tooltip')\n    if (this.tooltipId) {\n      this.renderer.setAttribute(this.tooltipElement, 'id', this.tooltipId)\n    }\n    // set styling\n    Array.from(tooltipBoxStyles.entries()).forEach(([style, value]) => {\n      this.renderer.setStyle(this.tooltipElement, style, value)\n    })\n    const relativeMaxWidth = this.pxToRem(this.maxWidth)\n    this.renderer.setStyle(this.tooltipElement, 'max-width', relativeMaxWidth)\n    this.renderer.appendChild(\n      this.tooltipElement,\n      this.renderer.createText(text),\n    )\n\n    // add tooltip to DOM\n    this.renderer.appendChild(this.parentElement, this.tooltipElement)\n\n    this.arrowElement = this.renderer.createElement('div')\n    this.renderer.addClass(\n      this.arrowElement,\n      `gds-tooltip__arrow-${this.placement}`,\n    )\n\n    // add arrow to tooltip element\n    this.renderer.appendChild(this.tooltipElement, this.arrowElement)\n  }\n\n  /**\n   * @internal\n   * Destroys the current tooltip by un-setting variables, should only be used after detaching elements from the DOM.\n   */\n  destroy() {\n    this.tooltipElement = undefined\n    this.arrowElement = undefined\n  }\n\n  /**\n   * @internal\n   * Recalculates the position of the tooltip.\n   */\n  updatePosition() {\n    if (!this.tooltipElement || !this.arrowElement) return\n    const scrollPos =\n      window.pageYOffset ||\n      document.documentElement.scrollTop ||\n      this.parentElement.scrollTop ||\n      0\n    const anchorRect = this.anchorElement.getBoundingClientRect()\n    const tooltipRect = this.tooltipElement.getBoundingClientRect()\n    const arrowRect = this.arrowElement.getBoundingClientRect()\n\n    switch (this.placement) {\n      case 'top':\n        this.alignVertical(\n          true,\n          scrollPos,\n          anchorRect,\n          tooltipRect.width,\n          tooltipRect.height,\n          arrowRect.width,\n        )\n        break\n\n      case 'bottom':\n        this.alignVertical(\n          false,\n          scrollPos,\n          anchorRect,\n          tooltipRect.width,\n          tooltipRect.height,\n          arrowRect.width,\n        )\n        break\n\n      case 'left':\n        this.alignHorizontal(true, scrollPos, anchorRect, tooltipRect.height)\n        break\n\n      case 'right':\n        this.alignHorizontal(false, scrollPos, anchorRect, tooltipRect.height)\n        break\n\n      default:\n        return\n    }\n  }\n\n  /**\n   * @internal\n   * Calculates and set the position of the tooltip when the placement is `top` or `bottom`.\n   */\n  alignVertical(\n    above: boolean,\n    scrollPos: number,\n    anchor: DOMRect,\n    tooltipWidth: number,\n    tooltipHeight: number,\n    arrowWidth: number,\n  ) {\n    const width = this.parentElement.clientWidth\n    const anchorMidX = anchor.left + anchor.width / 2\n    const tooltip: Position = {}\n    const arrow: Position = {}\n\n    if (above)\n      tooltip.top = anchor.top - tooltipHeight - this.offset + scrollPos\n    else tooltip.top = anchor.bottom + this.offset + scrollPos\n\n    if (anchorMidX < width / 2) {\n      tooltip.left = Math.max(0, anchorMidX - tooltipWidth / 2)\n      arrow.left = anchorMidX - tooltip.left\n    } else {\n      tooltip.right = Math.max(0, width - (anchorMidX + tooltipWidth / 2))\n      arrow.right = width - anchorMidX - tooltip.right - arrowWidth\n    }\n\n    this.setStyle(tooltip, arrow)\n  }\n\n  /**\n   * @internal\n   * Calculates and set the position of the tooltip when the placement is `left` or `right`.\n   */\n  alignHorizontal(\n    before: boolean,\n    scrollPos: number,\n    anchor: DOMRect,\n    tooltipHeight: number,\n  ) {\n    const width = this.parentElement.clientWidth\n    const top = anchor.top + (anchor.height - tooltipHeight) / 2 + scrollPos\n    const tooltip: Position = { top }\n    const arrow: Position = { top: tooltipHeight / 2 }\n\n    if (before) tooltip.right = width - anchor.left + this.offset\n    else tooltip.left = anchor.right + this.offset\n\n    this.setStyle(tooltip, arrow)\n  }\n\n  /**\n   * @internal\n   * Updates the CSS properties for the tooltip position.\n   */\n  setStyle(tooltip: Position, arrow: Position) {\n    // Tooltip\n    Object.entries(tooltip).forEach(([prop, value]) => {\n      const position = this.pxToRem(value)\n      this.renderer.setStyle(this.tooltipElement, prop, position)\n    })\n\n    // Arrow\n    Object.entries(arrow).forEach(([prop, value]) => {\n      const position = this.pxToRem(value)\n      this.renderer.setStyle(this.arrowElement, prop, position)\n    })\n\n    Array.from(tooltipArrowStyles[this.placement].entries()).forEach(\n      ([style, value]) => {\n        this.renderer.setStyle(this.arrowElement, style, value)\n      },\n    )\n  }\n\n  private pxToRem(value: number): string {\n    const fontSizePx = window\n      ?.getComputedStyle(this.parentElement)\n      ?.getPropertyValue('font-size')\n    const fontSizeNumberMatch = fontSizePx?.match(/\\d{1,}/)\n    const fontSize = fontSizeNumberMatch ? +fontSizeNumberMatch[0] : 16\n    const remValue = value / fontSize\n    return `${remValue}rem`\n  }\n}\n","import { NgModule } from '@angular/core'\n\nimport { NggvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n'\nimport { NggvTooltipDirective } from './tooltip.directive'\n\n@NgModule({\n  declarations: [NggvTooltipDirective],\n  exports: [NggvTooltipDirective],\n  imports: [NggvI18nModule],\n})\nexport class NggvTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}