Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: -adjustmentOffset });
break;
case RelativePosition.TopRight:
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: -adjustmentOffset });
break;
case RelativePosition.Right:
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: 0 });
break;
case RelativePosition.BottomRight:
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: adjustmentOffset });
break;
case RelativePosition.Bottom:
tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: adjustmentOffset });
break;
case RelativePosition.BottomLeft:
tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: adjustmentOffset });
break;
case RelativePosition.Left:
tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: 0 });
break;
case RelativePosition.TopLeft:
tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: -adjustmentOffset });
break;
}
return tooltipAdjustment;
}
}
private _adjustTooltipPosition(): any {
let tooltipAdjustment = offsetAndContainInContainer();
if (!this.state)
return tooltipAdjustment;
const adjustmentOffset = 50;
switch (this.state.relativePosition) {
case RelativePosition.Top:
tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: -adjustmentOffset });
break;
case RelativePosition.TopRight:
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: -adjustmentOffset });
break;
case RelativePosition.Right:
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: 0 });
break;
case RelativePosition.BottomRight:
el?: HTMLElement;
pt?: XAndY;
options?: ToolTipOptions;
}
/** [[ElementTooltipChangedEvent]] arguments.
*/
export interface ElementTooltipChangedEventArgs {
isTooltipVisible: boolean;
message: HTMLElement | string;
el?: HTMLElement;
pt?: XAndY;
options?: ToolTipOptions;
}
const adjustPosition = offsetAndContainInContainer({ x: 8, y: 8 });
/** ElementTooltip Changed Event class.
*/
export class ElementTooltipChangedEvent extends UiEvent { }
/** ElementTooltip React component.
*/
export class ElementTooltip extends React.Component {
private static _elementTooltipChangedEvent: ElementTooltipChangedEvent = new ElementTooltipChangedEvent();
private static _isTooltipVisible: boolean;
public static get onElementTooltipChangedEvent(): ElementTooltipChangedEvent { return ElementTooltip._elementTooltipChangedEvent; }
public static get isTooltipVisible(): boolean { return ElementTooltip._isTooltipVisible; }
public static showTooltip(el: HTMLElement, message: HTMLElement | string, pt?: XAndY, options?: ToolTipOptions): void {
ElementTooltip._isTooltipVisible = true;
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: -adjustmentOffset });
break;
case RelativePosition.Right:
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: 0 });
break;
case RelativePosition.BottomRight:
tooltipAdjustment = offsetAndContainInContainer({ x: adjustmentOffset, y: adjustmentOffset });
break;
case RelativePosition.Bottom:
tooltipAdjustment = offsetAndContainInContainer({ x: 0, y: adjustmentOffset });
break;
case RelativePosition.BottomLeft:
tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: adjustmentOffset });
break;
case RelativePosition.Left:
tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: 0 });
break;
case RelativePosition.TopLeft:
tooltipAdjustment = offsetAndContainInContainer({ x: -adjustmentOffset, y: -adjustmentOffset });
break;
}
return tooltipAdjustment;
}
}