@sebgroup/green-angular 4.4.1 → 4.6.0

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

@@ -0,0 +1,295 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Input, Output, HostListener, NgModule } from '@angular/core';
+import { NgvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n';
+
+/**
+ * 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 NgvTooltipDirective {
+    /** @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.ngvShow = new EventEmitter();
+        /** Emits a hide event triggered changing visibility state of the tooltip. */
+        this.ngvHide = 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 (NgvTooltipDirective.shouldUpdate(changes.ngvTooltip) ||
+            NgvTooltipDirective.shouldUpdate(changes.placement) ||
+            NgvTooltipDirective.shouldUpdate(changes.thook)) {
+            this.shown ? this.show(true) : this.hide(true);
+        }
+        if (NgvTooltipDirective.shouldUpdate(changes.shown)) {
+            this.shown ? this.show() : this.hide();
+        }
+        if (NgvTooltipDirective.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.ngvTooltip || this.ngvTooltip.length === 0)
+            return;
+        if (recreate || !this.tooltipElement) {
+            this.hide(true);
+            this.create(this.ngvTooltip);
+        }
+        else {
+            this.renderer.appendChild(this.parentElement, this.tooltipElement);
+        }
+        this.updatePosition();
+        this.shown = true;
+        this.ngvShow.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.ngvHide.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.setStyle(this.tooltipElement, 'position', 'absolute');
+        this.renderer.setStyle(this.tooltipElement, 'z-index', '1040');
+        this.renderer.setStyle(this.tooltipElement, 'border-radius', '.25rem');
+        this.renderer.setStyle(this.tooltipElement, 'padding', '.5rem 1rem');
+        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);
+        });
+    }
+    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: "16.2.12", ngImport: i0, type: NgvTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NgvTooltipDirective, selector: "[ngvTooltip]", inputs: { ngvTooltip: "ngvTooltip", thook: "thook", placement: "placement", shown: "shown", offset: "offset", resizeThrottle: "resizeThrottle", maxWidth: "maxWidth" }, outputs: { ngvShow: "ngvShow", ngvHide: "ngvHide" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:resize": "resize()" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgvTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngvTooltip]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ngvTooltip: [{
+                type: Input
+            }], thook: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], shown: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], resizeThrottle: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], ngvShow: [{
+                type: Output
+            }], ngvHide: [{
+                type: Output
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], resize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+class NgvTooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgvTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgvTooltipModule, declarations: [NgvTooltipDirective], imports: [NgvI18nModule], exports: [NgvTooltipDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgvTooltipModule, imports: [NgvI18nModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgvTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NgvTooltipDirective],
+                    exports: [NgvTooltipDirective],
+                    imports: [NgvI18nModule],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgvTooltipDirective, NgvTooltipModule };
+//# 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.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":["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\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: '[ngvTooltip]',\n})\nexport class NgvTooltipDirective\n  implements AfterViewInit, OnChanges, OnDestroy\n{\n  /** The text that will be shown in the tooltip. */\n  @Input() ngvTooltip?: 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  /** Numeric max-width for tooltip. */\n  @Input() maxWidth = 343\n\n  /** Emits a show event triggered changing visibility state of the tooltip. */\n  @Output() ngvShow = new EventEmitter<HTMLElement>()\n  /** Emits a hide event triggered changing visibility state of the tooltip. */\n  @Output() ngvHide = 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      NgvTooltipDirective.shouldUpdate(changes.ngvTooltip) ||\n      NgvTooltipDirective.shouldUpdate(changes.placement) ||\n      NgvTooltipDirective.shouldUpdate(changes.thook)\n    ) {\n      this.shown ? this.show(true) : this.hide(true)\n    }\n\n    if (NgvTooltipDirective.shouldUpdate(changes.shown)) {\n      this.shown ? this.show() : this.hide()\n    }\n\n    if (NgvTooltipDirective.shouldUpdate(changes.offset)) {\n      this.updatePosition()\n    }\n  }\n\n  ngOnDestroy() {\n    this.hide(true)\n  }\n\n  /** @internal */\n  @HostListener('mouseenter')\n  onMouseEnter() {\n    this.show()\n  }\n\n  /** @internal */\n  @HostListener('mouseleave')\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.ngvTooltip || this.ngvTooltip.length === 0) return\n\n    if (recreate || !this.tooltipElement) {\n      this.hide(true)\n      this.create(this.ngvTooltip)\n    } else {\n      this.renderer.appendChild(this.parentElement, this.tooltipElement)\n    }\n\n    this.updatePosition()\n    this.shown = true\n    this.ngvShow.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    if (destroy) this.destroy()\n    this.shown = false\n    this.ngvHide.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.setStyle(this.tooltipElement, 'position', 'absolute')\n    this.renderer.setStyle(this.tooltipElement, 'z-index', '1040')\n    this.renderer.setStyle(this.tooltipElement, 'border-radius', '.25rem')\n    this.renderer.setStyle(this.tooltipElement, 'padding', '.5rem 1rem')\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\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'\nimport { NgvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n'\nimport { NgvTooltipDirective } from './tooltip.directive'\n\n@NgModule({\n  declarations: [NgvTooltipDirective],\n  exports: [NgvTooltipDirective],\n  imports: [NgvI18nModule],\n})\nexport class NgvTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}