@ngneat/helipopper
Version:
A Powerful Tooltip and Popover for Angular Applications
59 lines (53 loc) • 1.97 kB
JavaScript
import { InjectionToken, makeEnvironmentProviders } from '@angular/core';
import { of } from 'rxjs';
const tooltipVariation = {
theme: undefined,
arrow: false,
animation: 'scale',
trigger: 'mouseenter focus',
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],
isContextMenu: true, // signals the directive to attach the right-click listener
};
}
const TIPPY_LOADER = new InjectionToken(ngDevMode ? 'TIPPY_LOADER' : '');
const TIPPY_CONFIG = new InjectionToken(ngDevMode ? 'TIPPY_CONFIG' : '');
const TIPPY_LOADER_COMPONENT = new InjectionToken(ngDevMode ? 'TIPPY_LOADER_COMPONENT' : '');
const TIPPY_LOADER_TIMING = new InjectionToken(ngDevMode ? 'TIPPY_LOADER_TIMING' : '', { factory: () => of(undefined) });
function provideTippyLoader(loader, ...features) {
return makeEnvironmentProviders([
{ provide: TIPPY_LOADER, useValue: loader },
...features,
]);
}
function provideTippyConfig(config) {
return { provide: TIPPY_CONFIG, useValue: config };
}
function withTippyLoaderComponent(component) {
return makeEnvironmentProviders([
{ provide: TIPPY_LOADER_COMPONENT, useValue: component },
]);
}
function withTippyLoaderTiming(timing) {
return makeEnvironmentProviders([{ provide: TIPPY_LOADER_TIMING, useFactory: timing }]);
}
/**
* Generated bundle index. Do not edit.
*/
export { TIPPY_CONFIG, TIPPY_LOADER, TIPPY_LOADER_COMPONENT, TIPPY_LOADER_TIMING, popperVariation, provideTippyConfig, provideTippyLoader, tooltipVariation, withContextMenuVariation, withTippyLoaderComponent, withTippyLoaderTiming };
//# sourceMappingURL=ngneat-helipopper-config.mjs.map