@i-cell/ids-angular 0.1.0

package/tooltip/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './types/tooltip-position.type';
+export * from './types/tooltip-variant.type';
+export * from './types/tooltip.type';
+export * from './tooltip-defaults';
+export * from './tooltip.directive';

package/tooltip/tooltip-defaults.d.ts

@@ -0,0 +1,18 @@
+import { IdsTooltipPositionType } from './types/tooltip-position.type';
+import { IdsTooltipVariantType } from './types/tooltip-variant.type';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType } from '@i-cell/ids-angular/core';
+export interface IdsTooltipDefaultConfig {
+    position?: IdsTooltipPositionType;
+    size?: IdsSizeType;
+    variant?: IdsTooltipVariantType;
+    showPointer?: boolean;
+    showDelay?: number;
+    hideDelay?: number;
+    touchLongPressShowDelay?: number;
+    viewPortMargin?: number;
+    touchendHideDelay?: number;
+    scrollDebounceTime?: number;
+}
+export declare const IDS_TOOLTIP_DEFAULT_CONFIG: InjectionToken<IdsTooltipDefaultConfig>;
+export declare function IDS_TOOLTIP_DEFAULT_CONFIG_FACTORY(): Required<IdsTooltipDefaultConfig>;

package/tooltip/tooltip-position-strategies.d.ts

@@ -0,0 +1,3 @@
+import { IdsTooltipPositionType } from './types/tooltip-position.type';
+import { FlexibleConnectedPositionStrategy } from '@angular/cdk/overlay';
+export declare function setTooltipFlexibleConnectedPositionStrategy(connectedTo: FlexibleConnectedPositionStrategy, tooltipPosition: IdsTooltipPositionType): FlexibleConnectedPositionStrategy;

package/tooltip/tooltip.component.d.ts

@@ -0,0 +1,31 @@
+import { IdsTooltipPositionType } from './types/tooltip-position.type';
+import { IdsTooltipVariantType } from './types/tooltip-variant.type';
+import { IdsTooltipTextAlign } from './types/tooltip.type';
+import { OnDestroy } from '@angular/core';
+import { IdsSizeType, ComponentBase } from '@i-cell/ids-angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class IdsTooltipComponent extends ComponentBase implements OnDestroy {
+    protected get _hostName(): string;
+    private readonly _onHide;
+    message: import("@angular/core").InputSignal<string | undefined>;
+    position: import("@angular/core").InputSignal<IdsTooltipPositionType | undefined>;
+    size: import("@angular/core").InputSignal<IdsSizeType | undefined>;
+    variant: import("@angular/core").InputSignal<IdsTooltipVariantType | undefined>;
+    textAlign: import("@angular/core").InputSignal<IdsTooltipTextAlign | undefined>;
+    mouseLeaveHideDelay: import("@angular/core").InputSignal<number>;
+    tooltipClass: import("@angular/core").InputSignal<string | undefined>;
+    showPointer: import("@angular/core").InputSignal<boolean | undefined>;
+    triggerElement?: HTMLElement;
+    private _hideTimeout?;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    get isHideTimerTicking(): boolean;
+    hide(delay: number): void;
+    afterHidden(): Observable<void>;
+    abortHide(): void;
+    private _handleMouseEnter;
+    private _handleMouseLeave;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsTooltipComponent, "ids-tooltip", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "mouseLeaveHideDelay": { "alias": "mouseLeaveHideDelay"; "required": false; "isSignal": true; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; "isSignal": true; }; "showPointer": { "alias": "showPointer"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/tooltip/tooltip.directive.d.ts

@@ -0,0 +1,60 @@
+import { IdsTooltipDefaultConfig } from './tooltip-defaults';
+import { IdsTooltipPositionType } from './types/tooltip-position.type';
+import { IdsTooltipVariantType } from './types/tooltip-variant.type';
+import { IdsTooltipTextAlign, IdsTooltipTouchGestures } from './types/tooltip.type';
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import { DirectiveBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsTooltipDirective extends DirectiveBaseWithDefaults<IdsTooltipDefaultConfig> implements AfterViewInit, OnDestroy {
+    protected get _hostName(): string;
+    private readonly _focusMonitor;
+    private readonly _platform;
+    private readonly _ngZone;
+    private readonly _elementRef;
+    private readonly _viewContainerRef;
+    private readonly _scrollDispatcher;
+    private readonly _overlay;
+    private readonly _document;
+    protected readonly _defaultConfig: Required<IdsTooltipDefaultConfig>;
+    private readonly _passiveListeners;
+    private _overlayRef;
+    private _portal?;
+    private _componentRef?;
+    private _tooltipInstance;
+    private _touchstartTimeout?;
+    private _showTimeout?;
+    private _pointerExitEventsInitialized;
+    private _viewportMargin;
+    private _currentPosition;
+    message: import("@angular/core").InputSignalWithTransform<string, string>;
+    position: import("@angular/core").InputSignal<IdsTooltipPositionType>;
+    size: import("@angular/core").InputSignal<IdsSizeType>;
+    variant: import("@angular/core").InputSignal<IdsTooltipVariantType>;
+    showDelay: import("@angular/core").InputSignal<number>;
+    hideDelay: import("@angular/core").InputSignal<number>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    touchGestures: import("@angular/core").InputSignal<IdsTooltipTouchGestures>;
+    textAlign: import("@angular/core").InputSignal<IdsTooltipTextAlign>;
+    tooltipClass: import("@angular/core").InputSignal<string | undefined>;
+    showPointer: import("@angular/core").InputSignal<boolean>;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    private _tooltipClassEffect;
+    ngAfterViewInit(): void;
+    show(): void;
+    hide(delay?: number): void;
+    toggle(): void;
+    private _createOverlay;
+    private _detach;
+    private _updatePosition;
+    private _updateCurrentPositionClass;
+    private _setTooltipInputs;
+    private _setupPointerEnterEventsIfNeeded;
+    private _wheelListener;
+    private _setupPointerExitEventsIfNeeded;
+    private _addListeners;
+    private _disableNativeGesturesIfNecessary;
+    private _platformSupportsMouseEvents;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsTooltipDirective, "[idsTooltip]", never, { "message": { "alias": "idsTooltip"; "required": false; "isSignal": true; }; "position": { "alias": "idsTooltipPosition"; "required": false; "isSignal": true; }; "size": { "alias": "idsTooltipSize"; "required": false; "isSignal": true; }; "variant": { "alias": "idsTooltipVariant"; "required": false; "isSignal": true; }; "showDelay": { "alias": "idsTooltipShowDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "idsTooltipHideDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "idsTooltipDisabled"; "required": false; "isSignal": true; }; "touchGestures": { "alias": "idsTooltipTouchGestures"; "required": false; "isSignal": true; }; "textAlign": { "alias": "idsTooltipTextAlign"; "required": false; "isSignal": true; }; "tooltipClass": { "alias": "idsTooltipClass"; "required": false; "isSignal": true; }; "showPointer": { "alias": "idsTooltipShowPointer"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/tooltip/types/tooltip-position.type.d.ts

@@ -0,0 +1,11 @@
+export declare const IdsTooltipPosition: {
+    readonly NORTH: "north";
+    readonly NORTHEAST: "northeast";
+    readonly EAST: "east";
+    readonly SOUTHEAST: "southeast";
+    readonly SOUTH: "south";
+    readonly SOUTHWEST: "southwest";
+    readonly WEST: "west";
+    readonly NORTHWEST: "northwest";
+};
+export type IdsTooltipPositionType = (typeof IdsTooltipPosition)[keyof typeof IdsTooltipPosition];

package/tooltip/types/tooltip-variant.type.d.ts

@@ -0,0 +1,5 @@
+export declare const IdsTooltipVariant: {
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+export type IdsTooltipVariantType = (typeof IdsTooltipVariant)[keyof typeof IdsTooltipVariant];

package/tooltip/types/tooltip.type.d.ts

@@ -0,0 +1,2 @@
+export type IdsTooltipTouchGestures = 'auto' | 'on' | 'off';
+export type IdsTooltipTextAlign = 'auto' | 'center' | 'left' | 'right';

package/tooltip/utils/tooltip-converters.d.ts

@@ -0,0 +1,3 @@
+import { IdsTooltipPositionType } from '../types/tooltip-position.type';
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+export declare function connectedPositionPairToTooltipPosition(positionPair: ConnectionPositionPair): IdsTooltipPositionType;