@ngneat/helipopper 10.0.0-alpha.1 → 10.2.0-alpha.0

package/README.md

@@ -49,12 +49,12 @@ $ pnpm i @ngneat/helipopper
 Configure it as shown below:
 
 ```ts
-import { provideTippyConfig, tooltipVariation, popperVariation } from '@ngneat/helipopper';
+import { provideTippyLoader provideTippyConfig, tooltipVariation, popperVariation } from '@ngneat/helipopper/config';
 
 bootstrapApplication(AppComponent, {
   providers: [
+    provideTippyLoader(() => import('tippy.js')),
     provideTippyConfig({
-      loader: () => import('tippy.js'),
       defaultVariation: 'tooltip',
       variations: {
         tooltip: tooltipVariation,
@@ -65,14 +65,12 @@ bootstrapApplication(AppComponent, {
 });
 ```
 
-Please note that the `loader` property is required, as it specifies how Tippy is loaded - either synchronously or asynchronously. When dynamic import is used, the library will load only when the first Tippy directive is rendered. If we want it to load synchronously, we use the following:
+Please note that the `provideTippyLoader` is required, as it specifies how Tippy is loaded - either synchronously or asynchronously. When dynamic import is used, the library will load only when the first Tippy directive is rendered. If we want it to load synchronously, we use the following:
 
 ```ts
 import tippy from 'tippy.js';
 
-provideTippyConfig({
-  loader: () => tippy,
-});
+provideTippyLoader(() => tippy);
 ```
 
 Add the styles you want to `styles.scss`:
@@ -85,7 +83,19 @@ Add the styles you want to `styles.scss`:
 
 You have the freedom to [customize](https://atomiks.github.io/tippyjs/v6/themes/) it if you need to.
 
-Import the standalone `TippyDirective` and use it in your templates:
+Import the standalone `TippyDirective` in your components:
+
+```ts
+import { TippyDirective } from '@ngneat/helipopper';
+
+@Component({
+  standalone: true,
+  imports: [TippyDirective],
+})
+class ExampleComponent {}
+```
+
+And use it in your templates:
 
 ```html
 <button tp="Helpful Message">I have a tooltip</button>
@@ -119,11 +129,11 @@ export const tooltipVariation = {
 ### Use `Component` as content
 
 ```ts
-import { TIPPY_REF, TippyInstance } from '@ngneat/helipopper';
+import { injectTippyRef, TippyInstance } from '@ngneat/helipopper/config';
 
 @Component()
 class MyComponent {
-  tippy = inject(TIPPY_REF);
+  tippy = injectTippyRef();
 }
 ```
 
@@ -137,7 +147,9 @@ You can pass the `onlyTextOverflow` input to show the tooltip only when the host
 
 ```html
 <div style="max-width: 100px;" class="overflow-hidden flex">
-  <p class="ellipsis" [tp]="text" tpPlacement="right" [tpOnlyTextOverflow]="true">{{ text }}</p>
+  <p class="ellipsis" [tp]="text" tpPlacement="right" [tpOnlyTextOverflow]="true">
+    {{ text }}
+  </p>
 </div>
 ```
 
@@ -185,7 +197,12 @@ Note that it's using [`IntersectionObserver`](https://caniuse.com/intersectionob
 First, define the `contextMenu` variation:
 
 ```ts
-import { popperVariation, tooltipVariation, provideTippyConfig, withContextMenuVariation } from '@ngneat/helipopper';
+import {
+  popperVariation,
+  tooltipVariation,
+  provideTippyConfig,
+  withContextMenuVariation,
+} from '@ngneat/helipopper/config';
 
 bootstrapApplication(AppComponent, {
   providers: [
@@ -212,7 +229,14 @@ Now you can use it in your template:
 </ng-template>
 
 <ul>
-  <li *ngFor="let item of list" [tp]="contextMenu" [tpData]="item" tpVariation="contextMenu">{{ item.label }}</li>
+  <li
+    *ngFor="let item of list"
+    [tp]="contextMenu"
+    [tpData]="item"
+    tpVariation="contextMenu"
+  >
+    {{ item.label }}
+  </li>
 </ul>
 ```
 
@@ -230,7 +254,9 @@ Now you can use it in your template:
 Use isVisible to trigger show and hide. Set trigger to manual.
 
 ```html
-<div tp="Helpful Message" tpTrigger="manual" [tpIsVisible]="visibility">Click Open to see me</div>
+<div tp="Helpful Message" tpTrigger="manual" [tpIsVisible]="visibility">
+  Click Open to see me
+</div>
 
 <button (click)="visibility = true">Open</button>
 <button (click)="visibility = false">Close</button>
@@ -296,9 +322,11 @@ class Component {
   tippy: TippyInstance;
   private tippyService = inject(TippyService);
 
-  show() {
+  async show() {
     if (!this.tippy) {
-      this.tippy = this.tippyService.create(this.inputName, 'this field is required');
+      this.tippy = await firstValueFrom(
+        this.tippyService.create(this.inputName, 'this field is required')
+      );
     }
 
     this.tippy.show();

package/config/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ngneat/helipopper/config" />
+export * from './public-api';

package/config/inject-tippy.d.ts

@@ -0,0 +1,2 @@
+import { type TippyInstance } from './tippy.types';
+export declare function injectTippyRef(): TippyInstance;

package/config/providers.d.ts

@@ -0,0 +1,4 @@
+import { type Provider } from '@angular/core';
+import { type TippyLoader, type TippyConfig } from './tippy.types';
+export declare function provideTippyLoader(loader: TippyLoader): import("@angular/core").EnvironmentProviders;
+export declare function provideTippyConfig(config: TippyConfig): Provider;

package/config/public-api.d.ts

@@ -0,0 +1,4 @@
+export { tooltipVariation, popperVariation, withContextMenuVariation } from './defaults';
+export { CreateOptions, TippyInstance, TippyProps, ExtendedTippyProps, TippyElement, ExtendedTippyInstance, TippyConfig, TippyLoader, TIPPY_LOADER, TIPPY_REF, TIPPY_CONFIG, } from './tippy.types';
+export { provideTippyLoader, provideTippyConfig } from './providers';
+export { injectTippyRef } from './inject-tippy';

package/{lib → config}/tippy.types.d.ts

@@ -8,7 +8,6 @@ export interface CreateOptions extends Partial<TippyProps>, ViewOptions {
     className: string | string[];
     data: any;
 }
-export declare const TIPPY_REF: InjectionToken<TippyInstance>;
 export interface TippyInstance extends Instance {
     data?: any;
 }
@@ -25,9 +24,10 @@ export interface ExtendedTippyInstance<T> extends TippyInstance {
     $viewOptions: ViewOptions;
     context?: ViewOptions['context'];
 }
-export interface TippyConfig extends Partial<ExtendedTippyProps> {
-    loader: () => typeof tippy | Promise<{
-        default: typeof tippy;
-    }>;
-}
-export declare const TIPPY_CONFIG: InjectionToken<TippyConfig>;
+export type TippyConfig = Partial<ExtendedTippyProps>;
+export type TippyLoader = () => typeof tippy | Promise<{
+    default: typeof tippy;
+}>;
+export declare const TIPPY_LOADER: InjectionToken<TippyLoader>;
+export declare const TIPPY_REF: InjectionToken<TippyInstance>;
+export declare const TIPPY_CONFIG: InjectionToken<Partial<ExtendedTippyProps>>;

package/fesm2022/ngneat-helipopper-config.mjs

@@ -0,0 +1,52 @@
+import { InjectionToken, makeEnvironmentProviders, inject } from '@angular/core';
+
+const tooltipVariation = {
+    theme: undefined,
+    arrow: false,
+    animation: 'scale',
+    trigger: 'mouseenter',
+    offset: [0, 5],
+};
+const popperVariation = {
+    theme: 'light',
+    arrow: true,
+    offset: [0, 10],
+    animation: undefined,
+    trigger: 'click',
+    interactive: true,
+};
+function withContextMenuVariation(baseVariation) {
+    return {
+        ...baseVariation,
+        placement: 'right-start',
+        trigger: 'manual',
+        arrow: false,
+        offset: [0, 0],
+    };
+}
+
+const TIPPY_LOADER = new InjectionToken('TIPPY_LOADER');
+const TIPPY_REF = /* @__PURE__ */ new InjectionToken('TIPPY_REF');
+const TIPPY_CONFIG = new InjectionToken('Tippy config');
+
+function provideTippyLoader(loader) {
+    return makeEnvironmentProviders([{ provide: TIPPY_LOADER, useValue: loader }]);
+}
+function provideTippyConfig(config) {
+    return { provide: TIPPY_CONFIG, useValue: config };
+}
+
+function injectTippyRef() {
+    const instance = inject(TIPPY_REF, { optional: true });
+    if (instance) {
+        return instance;
+    }
+    throw new Error('tp is not provided in the current context or on one of its ancestors');
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TIPPY_CONFIG, TIPPY_LOADER, TIPPY_REF, injectTippyRef, popperVariation, provideTippyConfig, provideTippyLoader, tooltipVariation, withContextMenuVariation };
+//# sourceMappingURL=ngneat-helipopper-config.mjs.map

package/fesm2022/ngneat-helipopper-config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneat-helipopper-config.mjs","sources":["../../../../projects/ngneat/helipopper/config/src/defaults.ts","../../../../projects/ngneat/helipopper/config/src/tippy.types.ts","../../../../projects/ngneat/helipopper/config/src/providers.ts","../../../../projects/ngneat/helipopper/config/src/inject-tippy.ts","../../../../projects/ngneat/helipopper/config/src/ngneat-helipopper-config.ts"],"sourcesContent":["import type { TippyProps } from './tippy.types';\n\n// A variation is a set of predefined tippy properties.\ntype Variation = Partial<TippyProps>;\n\nexport const tooltipVariation: Variation = {\n  theme: undefined,\n  arrow: false,\n  animation: 'scale',\n  trigger: 'mouseenter',\n  offset: [0, 5],\n};\n\nexport const popperVariation: Variation = {\n  theme: 'light',\n  arrow: true,\n  offset: [0, 10],\n  animation: undefined,\n  trigger: 'click',\n  interactive: true,\n};\n\nexport function withContextMenuVariation(baseVariation: Variation): Variation {\n  return {\n    ...baseVariation,\n    placement: 'right-start',\n    trigger: 'manual',\n    arrow: false,\n    offset: [0, 0],\n  };\n}\n","import type tippy from 'tippy.js';\nimport type { Instance, Props } from 'tippy.js';\nimport { ElementRef, InjectionToken } from '@angular/core';\nimport type { ResolveViewRef, ViewOptions } from '@ngneat/overview';\n\nexport interface CreateOptions extends Partial<TippyProps>, ViewOptions {\n  variation: string;\n  preserveView: boolean;\n  className: string | string[];\n  data: any;\n}\n\nexport interface TippyInstance extends Instance {\n  data?: any;\n}\n\nexport type TippyProps = Props;\n\nexport interface ExtendedTippyProps extends TippyProps {\n  variations: Record<string, Partial<TippyProps>>;\n  defaultVariation: keyof ExtendedTippyProps['variations'];\n  beforeRender?: (text: string) => string;\n  zIndexGetter?(): number;\n}\n\nexport type TippyElement = ElementRef | Element;\n\nexport interface ExtendedTippyInstance<T> extends TippyInstance {\n  view: ResolveViewRef<T> | null;\n  $viewOptions: ViewOptions;\n  context?: ViewOptions['context'];\n}\n\nexport type TippyConfig = Partial<ExtendedTippyProps>;\n\nexport type TippyLoader = () => typeof tippy | Promise<{ default: typeof tippy }>;\n\nexport const TIPPY_LOADER = new InjectionToken<TippyLoader>('TIPPY_LOADER');\n\nexport const TIPPY_REF = /* @__PURE__ */ new InjectionToken<TippyInstance>('TIPPY_REF');\n\nexport const TIPPY_CONFIG = new InjectionToken<TippyConfig>('Tippy config');\n","import { makeEnvironmentProviders, type Provider } from '@angular/core';\n\nimport {\n  TIPPY_CONFIG,\n  TIPPY_LOADER,\n  type TippyLoader,\n  type TippyConfig,\n} from './tippy.types';\n\nexport function provideTippyLoader(loader: TippyLoader) {\n  return makeEnvironmentProviders([{ provide: TIPPY_LOADER, useValue: loader }]);\n}\n\nexport function provideTippyConfig(config: TippyConfig): Provider {\n  return { provide: TIPPY_CONFIG, useValue: config };\n}\n","import { inject } from '@angular/core';\n\nimport { TIPPY_REF, type TippyInstance } from './tippy.types';\n\nexport function injectTippyRef(): TippyInstance {\n  const instance = inject(TIPPY_REF, { optional: true });\n\n  if (instance) {\n    return instance;\n  }\n\n  throw new Error('tp is not provided in the current context or on one of its ancestors');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAKa,MAAA,gBAAgB,GAAc;AACzC,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;;AAGH,MAAA,eAAe,GAAc;AACxC,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;AACf,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,WAAW,EAAE,IAAI;;AAGb,SAAU,wBAAwB,CAAC,aAAwB,EAAA;IAC/D,OAAO;AACL,QAAA,GAAG,aAAa;AAChB,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,OAAO,EAAE,QAAQ;AACjB,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KACf;AACH;;MCOa,YAAY,GAAG,IAAI,cAAc,CAAc,cAAc;AAE7D,MAAA,SAAS,mBAAmB,IAAI,cAAc,CAAgB,WAAW;MAEzE,YAAY,GAAG,IAAI,cAAc,CAAc,cAAc;;AChCpE,SAAU,kBAAkB,CAAC,MAAmB,EAAA;AACpD,IAAA,OAAO,wBAAwB,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AAChF;AAEM,SAAU,kBAAkB,CAAC,MAAmB,EAAA;IACpD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE;AACpD;;SCXgB,cAAc,GAAA;AAC5B,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAEtD,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,QAAQ;;AAGjB,IAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC;AACzF;;ACZA;;AAEG;;;;"}

package/fesm2022/ngneat-helipopper.mjs

@@ -1,11 +1,13 @@
 import * as i0 from '@angular/core';
-import { ElementRef, InjectionToken, inject, NgZone, Injectable, booleanAttribute, input, model, EventEmitter, computed, DestroyRef, PLATFORM_ID, Injector, effect, untracked, Directive, Inject, Output, makeEnvironmentProviders } from '@angular/core';
+import { ElementRef, inject, NgZone, Injectable, booleanAttribute, input, model, EventEmitter, computed, DestroyRef, PLATFORM_ID, Injector, effect, untracked, Directive, Inject, Output } from '@angular/core';
 import { isPlatformServer } from '@angular/common';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Observable, defer, from, map as map$1, of, shareReplay, Subject, fromEvent, merge } from 'rxjs';
 import { auditTime, map, switchMap, filter, takeUntil } from 'rxjs/operators';
 import * as i1 from '@ngneat/overview';
 import { isString as isString$1, isComponent, isTemplateRef } from '@ngneat/overview';
+import { TIPPY_LOADER, TIPPY_REF, TIPPY_CONFIG } from '@ngneat/helipopper/config';
+export { TIPPY_CONFIG, TIPPY_REF, injectTippyRef, popperVariation, provideTippyConfig, tooltipVariation, withContextMenuVariation } from '@ngneat/helipopper/config';
 
 // Let's retrieve the native `IntersectionObserver` implementation hidden by
 // `__zone_symbol__IntersectionObserver`. This would be the unpatched version of
@@ -141,9 +143,6 @@ function observeVisibility(host, hiddenHandler) {
     };
 }
 
-const TIPPY_REF = new InjectionToken('TIPPY_REF');
-const TIPPY_CONFIG = new InjectionToken('Tippy config');
-
 // We need to use `isPromise` instead of checking whether
 // `value instanceof Promise`. In zone.js patched environments, `global.Promise`
 // is the `ZoneAwarePromise`.
@@ -155,7 +154,7 @@ function isPromise(value) {
 class TippyFactory {
     constructor() {
         this._ngZone = inject(NgZone);
-        this._config = inject(TIPPY_CONFIG);
+        this._loader = inject(TIPPY_LOADER);
         this._tippyImpl$ = null;
     }
     /**
@@ -168,17 +167,19 @@ class TippyFactory {
         // synchronous and to avoid triggering the `defer` callback repeatedly
         // when new subscribers arrive.
         this._tippyImpl$ ||= defer(() => {
-            const maybeTippy = this._ngZone.runOutsideAngular(() => this._config.loader());
-            return isPromise(maybeTippy) ? from(maybeTippy).pipe(map$1((tippy) => tippy.default)) : of(maybeTippy);
+            const maybeTippy = this._ngZone.runOutsideAngular(() => this._loader());
+            return isPromise(maybeTippy)
+                ? from(maybeTippy).pipe(map$1((tippy) => tippy.default))
+                : of(maybeTippy);
         }).pipe(shareReplay());
         return this._tippyImpl$.pipe(map$1((tippy) => {
             return this._ngZone.runOutsideAngular(() => tippy(target, props));
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyFactory, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyFactory, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -319,10 +320,12 @@ class TippyDirective {
         this.destroyRef = inject(DestroyRef);
         this.isServer = isPlatformServer(inject(PLATFORM_ID));
         this.tippyFactory = inject(TippyFactory);
+        this.destroyed = false;
         if (this.isServer)
             return;
         this.setupListeners();
         this.destroyRef.onDestroy(() => {
+            this.destroyed = true;
             this.instance?.destroy();
             this.destroyView();
             this.visibilityObserverCleanup?.();
@@ -604,7 +607,12 @@ class TippyDirective {
     onHidden(instance = this.instance) {
         this.destroyView();
         const isVisible = false;
-        this.isVisible.set(isVisible);
+        // `model()` uses `OutputEmitterRef` internally to emit events when the
+        // signal changes. If the directive is destroyed, it will throw an error:
+        // "Unexpected emit for destroyed `OutputRef`".
+        if (!this.destroyed) {
+            this.isVisible.set(isVisible);
+        }
         this.visibleInternal.next(isVisible);
         if (this.visible.observed) {
             this.ngZone.run(() => this.visible.next(isVisible));
@@ -642,10 +650,10 @@ class TippyDirective {
             isVisible ? this.show() : this.hide();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyDirective, deps: [{ token: TIPPY_CONFIG }, { token: i0.Injector }, { token: i1.ViewService }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.6", type: TippyDirective, isStandalone: true, selector: "[tp]", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "tpAppendTo", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "tp", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "tpDelay", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "tpDuration", isSignal: true, isRequired: false, transformFunction: null }, hideOnClick: { classPropertyName: "hideOnClick", publicName: "tpHideOnClick", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "tpInteractive", isSignal: true, isRequired: false, transformFunction: null }, interactiveBorder: { classPropertyName: "interactiveBorder", publicName: "tpInteractiveBorder", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "tpMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "tpOffset", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "tpPlacement", isSignal: true, isRequired: false, transformFunction: null }, popperOptions: { classPropertyName: "popperOptions", publicName: "tpPopperOptions", isSignal: true, isRequired: false, transformFunction: null }, showOnCreate: { classPropertyName: "showOnCreate", publicName: "tpShowOnCreate", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "tpTrigger", isSignal: true, isRequired: false, transformFunction: null }, triggerTarget: { classPropertyName: "triggerTarget", publicName: "tpTriggerTarget", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "tpZIndex", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "tpAnimation", isSignal: true, isRequired: false, transformFunction: null }, useTextContent: { classPropertyName: "useTextContent", publicName: "tpUseTextContent", isSignal: true, isRequired: false, transformFunction: null }, isLazy: { classPropertyName: "isLazy", publicName: "tpIsLazy", isSignal: true, isRequired: false, transformFunction: null }, variation: { classPropertyName: "variation", publicName: "tpVariation", isSignal: true, isRequired: false, transformFunction: null }, isEnabled: { classPropertyName: "isEnabled", publicName: "tpIsEnabled", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "tpClassName", isSignal: true, isRequired: false, transformFunction: null }, onlyTextOverflow: { classPropertyName: "onlyTextOverflow", publicName: "tpOnlyTextOverflow", isSignal: true, isRequired: false, transformFunction: null }, staticWidthHost: { classPropertyName: "staticWidthHost", publicName: "tpStaticWidthHost", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "tpData", isSignal: true, isRequired: false, transformFunction: null }, useHostWidth: { classPropertyName: "useHostWidth", publicName: "tpUseHostWidth", isSignal: true, isRequired: false, transformFunction: null }, hideOnEscape: { classPropertyName: "hideOnEscape", publicName: "tpHideOnEscape", isSignal: true, isRequired: false, transformFunction: null }, detectChangesComponent: { classPropertyName: "detectChangesComponent", publicName: "tpDetectChangesComponent", isSignal: true, isRequired: false, transformFunction: null }, popperWidth: { classPropertyName: "popperWidth", publicName: "tpPopperWidth", isSignal: true, isRequired: false, transformFunction: null }, customHost: { classPropertyName: "customHost", publicName: "tpHost", isSignal: true, isRequired: false, transformFunction: null }, isVisible: { classPropertyName: "isVisible", publicName: "tpIsVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "tpIsVisibleChange", visible: "tpVisible" }, exportAs: ["tippy"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyDirective, deps: [{ token: TIPPY_CONFIG }, { token: i0.Injector }, { token: i1.ViewService }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: TippyDirective, isStandalone: true, selector: "[tp]", inputs: { appendTo: { classPropertyName: "appendTo", publicName: "tpAppendTo", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "tp", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "tpDelay", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "tpDuration", isSignal: true, isRequired: false, transformFunction: null }, hideOnClick: { classPropertyName: "hideOnClick", publicName: "tpHideOnClick", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "tpInteractive", isSignal: true, isRequired: false, transformFunction: null }, interactiveBorder: { classPropertyName: "interactiveBorder", publicName: "tpInteractiveBorder", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "tpMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "tpOffset", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "tpPlacement", isSignal: true, isRequired: false, transformFunction: null }, popperOptions: { classPropertyName: "popperOptions", publicName: "tpPopperOptions", isSignal: true, isRequired: false, transformFunction: null }, showOnCreate: { classPropertyName: "showOnCreate", publicName: "tpShowOnCreate", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "tpTrigger", isSignal: true, isRequired: false, transformFunction: null }, triggerTarget: { classPropertyName: "triggerTarget", publicName: "tpTriggerTarget", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "tpZIndex", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "tpAnimation", isSignal: true, isRequired: false, transformFunction: null }, useTextContent: { classPropertyName: "useTextContent", publicName: "tpUseTextContent", isSignal: true, isRequired: false, transformFunction: null }, isLazy: { classPropertyName: "isLazy", publicName: "tpIsLazy", isSignal: true, isRequired: false, transformFunction: null }, variation: { classPropertyName: "variation", publicName: "tpVariation", isSignal: true, isRequired: false, transformFunction: null }, isEnabled: { classPropertyName: "isEnabled", publicName: "tpIsEnabled", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "tpClassName", isSignal: true, isRequired: false, transformFunction: null }, onlyTextOverflow: { classPropertyName: "onlyTextOverflow", publicName: "tpOnlyTextOverflow", isSignal: true, isRequired: false, transformFunction: null }, staticWidthHost: { classPropertyName: "staticWidthHost", publicName: "tpStaticWidthHost", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "tpData", isSignal: true, isRequired: false, transformFunction: null }, useHostWidth: { classPropertyName: "useHostWidth", publicName: "tpUseHostWidth", isSignal: true, isRequired: false, transformFunction: null }, hideOnEscape: { classPropertyName: "hideOnEscape", publicName: "tpHideOnEscape", isSignal: true, isRequired: false, transformFunction: null }, detectChangesComponent: { classPropertyName: "detectChangesComponent", publicName: "tpDetectChangesComponent", isSignal: true, isRequired: false, transformFunction: null }, popperWidth: { classPropertyName: "popperWidth", publicName: "tpPopperWidth", isSignal: true, isRequired: false, transformFunction: null }, customHost: { classPropertyName: "customHost", publicName: "tpHost", isSignal: true, isRequired: false, transformFunction: null }, isVisible: { classPropertyName: "isVisible", publicName: "tpIsVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isVisible: "tpIsVisibleChange", visible: "tpVisible" }, exportAs: ["tippy"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -661,31 +669,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
                 args: ['tpVisible']
             }] } });
 
-const tooltipVariation = {
-    theme: undefined,
-    arrow: false,
-    animation: 'scale',
-    trigger: 'mouseenter',
-    offset: [0, 5],
-};
-const popperVariation = {
-    theme: 'light',
-    arrow: true,
-    offset: [0, 10],
-    animation: undefined,
-    trigger: 'click',
-    interactive: true,
-};
-function withContextMenuVariation(baseVariation) {
-    return {
-        ...baseVariation,
-        placement: 'right-start',
-        trigger: 'manual',
-        arrow: false,
-        offset: [0, 0],
-    };
-}
-
 class TippyService {
     constructor(globalConfig, view, injector) {
         this.globalConfig = globalConfig;
@@ -752,10 +735,10 @@ class TippyService {
         };
         return this._tippyFactory.create(host, config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyService, deps: [{ token: TIPPY_CONFIG }, { token: i1.ViewService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyService, deps: [{ token: TIPPY_CONFIG }, { token: i1.ViewService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: TippyService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TippyService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -763,20 +746,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
                     args: [TIPPY_CONFIG]
                 }] }, { type: i1.ViewService }, { type: i0.Injector }] });
 
-function provideTippyConfig(config) {
-    return makeEnvironmentProviders([{ provide: TIPPY_CONFIG, useValue: config }]);
-}
-function injectTippyRef() {
-    const instance = inject(TIPPY_REF, { optional: true });
-    if (instance) {
-        return instance;
-    }
-    throw new Error('tp is not provided in the current context or on one of its ancestors');
-}
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TIPPY_CONFIG, TIPPY_REF, TippyDirective, TippyService, inView, injectTippyRef, overflowChanges, popperVariation, provideTippyConfig, tooltipVariation, withContextMenuVariation };
+export { TippyDirective, TippyService, inView, overflowChanges };
 //# sourceMappingURL=ngneat-helipopper.mjs.map