@singularsystems/neo-react 1.0.0-alpha.2 → 1.0.0-beta.0

package/dist/ReactComponents/Tabs/TabManager.js

@@ -1,154 +1,154 @@
-import { Model } from '@singularsystems/neo-core';
-import { CancellableEvent } from '../Misc';
-/**
- * Tab manager used to manage a tab component.
- * @param T string union type of tab names.
- */
-var TabManager = /** @class */ (function () {
-    /**
-     * Creates a tab manager used to bind to a tab container.
-     * @param selectedTab Initially selected tab.
-     * @param autoSelectFirstTab Set to true if the first child tab should become selected.
-     */
-    function TabManager(selectedTab, autoSelectFirstTab) {
-        if (selectedTab === void 0) { selectedTab = ""; }
-        if (autoSelectFirstTab === void 0) { autoSelectFirstTab = false; }
-        this.autoSelectFirstTab = autoSelectFirstTab;
-        this.observable = new Model.ObservableValue("");
-        this.tabs = {};
-        this.observable.value = selectedTab;
-        this.onTabChanged = this.onTabChanged.bind(this);
-    }
-    /** Called by tab container. */
-    TabManager.prototype.initialise = function () {
-        if (this.selectedTab !== "") {
-            this.onTabChanged();
-        }
-    };
-    /** Called by tab container. */
-    TabManager.prototype.destroy = function () {
-    };
-    Object.defineProperty(TabManager.prototype, "selectedTab", {
-        get: function () {
-            return this.observable.value;
-        },
-        set: function (value) {
-            var _this = this;
-            if (!this.tabs[value]) {
-                // Probably different case, find the actual tab key.
-                var foundValue = Object.keys(this.tabs).find(function (t) { return t.toLowerCase() === value.toLowerCase(); });
-                if (foundValue) {
-                    value = foundValue;
-                }
-            }
-            var currentTabKey = this.observable.peek;
-            if (value !== currentTabKey) {
-                var cancellableEvent = new CancellableEvent(function () { return currentTabKey === _this.observable.peek; });
-                var currentTab = this.tabs[currentTabKey];
-                if ((currentTab === null || currentTab === void 0 ? void 0 : currentTab.onLeave) !== undefined) {
-                    currentTab.onLeave(cancellableEvent);
-                }
-                cancellableEvent.tryRunAction(function () {
-                    _this.observable.value = value;
-                    _this.onTabChanged();
-                });
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Registers a callback to run when the tab is first displayed, or when reset is called with reInitialise=true.
-     */
-    TabManager.prototype.onTabInitialise = function (tabKey, callback) {
-        var tab = this.getTab(tabKey, true);
-        tab.onInitialise = callback;
-        return this;
-    };
-    /**
-     * Registers a callback to run whenever the tab with this tab key is displayed.
-     */
-    TabManager.prototype.onTabDisplayed = function (tabKey, callback) {
-        var tab = this.getTab(tabKey, true);
-        tab.onDisplayed = callback;
-        return this;
-    };
-    TabManager.prototype.tabMounted = function (tabKey, onLeave) {
-        var tab = this.getTab(tabKey, true);
-        tab.onLeave = onLeave;
-        if (!this.selectedTab && this.autoSelectFirstTab) {
-            this.selectedTab = tabKey;
-        }
-    };
-    TabManager.prototype.getTab = function (tabKey, create) {
-        if (create === void 0) { create = false; }
-        var tab = this.tabs[tabKey];
-        if (!tab && create) {
-            tab = new Tab();
-            this.tabs[tabKey] = tab;
-        }
-        return tab;
-    };
-    /**
-     * Marks the tab as 'initial'.
-     * @param reInitialise True if the tabs onInitialise() should be invoked.
-     */
-    TabManager.prototype.reset = function (tabKey, reInitialise) {
-        if (reInitialise === void 0) { reInitialise = false; }
-        var tab = this.getTab(tabKey);
-        if (tab) {
-            if (reInitialise) {
-                tab.initialise();
-            }
-            else {
-                tab.hasFetched = false;
-            }
-        }
-    };
-    /** Calls onInitialise() if the tab has not yet initialised. */
-    TabManager.prototype.initialiseTab = function (tabKey) {
-        var tab = this.getTab(tabKey);
-        if (tab && !tab.hasFetched) {
-            tab.initialise();
-        }
-    };
-    /**
-     * Marks all tabs as 'initial', causing onInitialise() to be called the next time each is displayed.
-     * @param reInitialise True if the onInitialise() should be called on the currently displayed tab.
-     */
-    TabManager.prototype.resetAll = function (reInitialise) {
-        if (reInitialise === void 0) { reInitialise = false; }
-        var currentTabKey = this.observable.peek;
-        for (var tabKey in this.tabs) {
-            this.reset(tabKey, reInitialise && currentTabKey === tabKey);
-        }
-    };
-    TabManager.prototype.onTabChanged = function () {
-        var tab = this.getTab(this.observable.peek);
-        if (tab) {
-            if (!tab.hasFetched) {
-                tab.initialise();
-            }
-            if (tab.onDisplayed) {
-                tab.onDisplayed();
-            }
-        }
-    };
-    return TabManager;
-}());
-export { TabManager };
-var Tab = /** @class */ (function () {
-    function Tab() {
-        this.hasFetched = false;
-    }
-    /**
-     * Calls initialise without checking hasFetched.
-     */
-    Tab.prototype.initialise = function () {
-        if (this.onInitialise) {
-            this.onInitialise();
-        }
-        this.hasFetched = true;
-    };
-    return Tab;
-}());
+import { Model } from '@singularsystems/neo-core';
+import { CancellableEvent } from '../Misc';
+/**
+ * Tab manager used to manage a tab component.
+ * @param T string union type of tab names.
+ */
+var TabManager = /** @class */ (function () {
+    /**
+     * Creates a tab manager used to bind to a tab container.
+     * @param selectedTab Initially selected tab.
+     * @param autoSelectFirstTab Set to true if the first child tab should become selected.
+     */
+    function TabManager(selectedTab, autoSelectFirstTab) {
+        if (selectedTab === void 0) { selectedTab = ""; }
+        if (autoSelectFirstTab === void 0) { autoSelectFirstTab = false; }
+        this.autoSelectFirstTab = autoSelectFirstTab;
+        this.observable = new Model.ObservableValue("");
+        this.tabs = {};
+        this.observable.value = selectedTab;
+        this.onTabChanged = this.onTabChanged.bind(this);
+    }
+    /** Called by tab container. */
+    TabManager.prototype.initialise = function () {
+        if (this.selectedTab !== "") {
+            this.onTabChanged();
+        }
+    };
+    /** Called by tab container. */
+    TabManager.prototype.destroy = function () {
+    };
+    Object.defineProperty(TabManager.prototype, "selectedTab", {
+        get: function () {
+            return this.observable.value;
+        },
+        set: function (value) {
+            var _this = this;
+            if (!this.tabs[value]) {
+                // Probably different case, find the actual tab key.
+                var foundValue = Object.keys(this.tabs).find(function (t) { return t.toLowerCase() === value.toLowerCase(); });
+                if (foundValue) {
+                    value = foundValue;
+                }
+            }
+            var currentTabKey = this.observable.peek;
+            if (value !== currentTabKey) {
+                var cancellableEvent = new CancellableEvent(function () { return currentTabKey === _this.observable.peek; });
+                var currentTab = this.tabs[currentTabKey];
+                if ((currentTab === null || currentTab === void 0 ? void 0 : currentTab.onLeave) !== undefined) {
+                    currentTab.onLeave(cancellableEvent);
+                }
+                cancellableEvent.tryRunAction(function () {
+                    _this.observable.value = value;
+                    _this.onTabChanged();
+                });
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Registers a callback to run when the tab is first displayed, or when reset is called with reInitialise=true.
+     */
+    TabManager.prototype.onTabInitialise = function (tabKey, callback) {
+        var tab = this.getTab(tabKey, true);
+        tab.onInitialise = callback;
+        return this;
+    };
+    /**
+     * Registers a callback to run whenever the tab with this tab key is displayed.
+     */
+    TabManager.prototype.onTabDisplayed = function (tabKey, callback) {
+        var tab = this.getTab(tabKey, true);
+        tab.onDisplayed = callback;
+        return this;
+    };
+    TabManager.prototype.tabMounted = function (tabKey, onLeave) {
+        var tab = this.getTab(tabKey, true);
+        tab.onLeave = onLeave;
+        if (!this.selectedTab && this.autoSelectFirstTab) {
+            this.selectedTab = tabKey;
+        }
+    };
+    TabManager.prototype.getTab = function (tabKey, create) {
+        if (create === void 0) { create = false; }
+        var tab = this.tabs[tabKey];
+        if (!tab && create) {
+            tab = new Tab();
+            this.tabs[tabKey] = tab;
+        }
+        return tab;
+    };
+    /**
+     * Marks the tab as 'initial'.
+     * @param reInitialise True if the tabs onInitialise() should be invoked.
+     */
+    TabManager.prototype.reset = function (tabKey, reInitialise) {
+        if (reInitialise === void 0) { reInitialise = false; }
+        var tab = this.getTab(tabKey);
+        if (tab) {
+            if (reInitialise) {
+                tab.initialise();
+            }
+            else {
+                tab.hasFetched = false;
+            }
+        }
+    };
+    /** Calls onInitialise() if the tab has not yet initialised. */
+    TabManager.prototype.initialiseTab = function (tabKey) {
+        var tab = this.getTab(tabKey);
+        if (tab && !tab.hasFetched) {
+            tab.initialise();
+        }
+    };
+    /**
+     * Marks all tabs as 'initial', causing onInitialise() to be called the next time each is displayed.
+     * @param reInitialise True if the onInitialise() should be called on the currently displayed tab.
+     */
+    TabManager.prototype.resetAll = function (reInitialise) {
+        if (reInitialise === void 0) { reInitialise = false; }
+        var currentTabKey = this.observable.peek;
+        for (var tabKey in this.tabs) {
+            this.reset(tabKey, reInitialise && currentTabKey === tabKey);
+        }
+    };
+    TabManager.prototype.onTabChanged = function () {
+        var tab = this.getTab(this.observable.peek);
+        if (tab) {
+            if (!tab.hasFetched) {
+                tab.initialise();
+            }
+            if (tab.onDisplayed) {
+                tab.onDisplayed();
+            }
+        }
+    };
+    return TabManager;
+}());
+export { TabManager };
+var Tab = /** @class */ (function () {
+    function Tab() {
+        this.hasFetched = false;
+    }
+    /**
+     * Calls initialise without checking hasFetched.
+     */
+    Tab.prototype.initialise = function () {
+        if (this.onInitialise) {
+            this.onInitialise();
+        }
+        this.hasFetched = true;
+    };
+    return Tab;
+}());

package/dist/ReactComponents/Tooltip.d.ts

@@ -1,19 +1,20 @@
-import { Components } from '@singularsystems/neo-core';
-import React, { HTMLProps } from 'react';
-export interface ITooltipProps extends Components.Tooltip.ITooltipOptions<string | JSX.Element> {
-    /**
-     * True if the div wrapping the content must display inline.
-     */
-    inline?: boolean;
-}
-export default class Tooltip extends React.Component<ITooltipProps> {
-    private divRef;
-    private contentRef;
-    constructor(props: ITooltipProps);
-    componentWillUnmount(): void;
-    private onMouseEnter;
-    private onMouseLeave;
-    render(): JSX.Element;
-    static fromDataAttributes(element: JSX.Element, attributes: {}): JSX.Element;
-    static setDomProperties(dom: HTMLProps<HTMLElement>, tooltipOptions: string | Components.Tooltip.ITooltipOptions): void;
-}
+import { Components } from '@singularsystems/neo-core';
+import React, { HTMLProps } from 'react';
+export interface ITooltipProps extends Components.Tooltip.ITooltipOptions<string | JSX.Element> {
+    /**
+     * True if the div wrapping the content must display inline.
+     */
+    inline?: boolean;
+    children: React.ReactNode;
+}
+export default class Tooltip extends React.Component<ITooltipProps> {
+    private divRef;
+    private contentRef;
+    constructor(props: ITooltipProps);
+    componentWillUnmount(): void;
+    private onMouseEnter;
+    private onMouseLeave;
+    render(): JSX.Element;
+    static fromDataAttributes(element: JSX.Element, attributes: {}): JSX.Element;
+    static setDomProperties(dom: HTMLProps<HTMLElement>, tooltipOptions: string | Components.Tooltip.ITooltipOptions): void;
+}

package/dist/ReactComponents/Tooltip.js

@@ -1,51 +1,51 @@
-import { __extends } from "tslib";
-import React from 'react';
-import { TooltipHelper } from './TooltipHelper';
-var Tooltip = /** @class */ (function (_super) {
-    __extends(Tooltip, _super);
-    function Tooltip(props) {
-        var _this = _super.call(this, props) || this;
-        _this.divRef = React.createRef();
-        _this.contentRef = React.createRef();
-        _this.onMouseEnter = _this.onMouseEnter.bind(_this);
-        _this.onMouseLeave = _this.onMouseLeave.bind(_this);
-        return _this;
-    }
-    Tooltip.prototype.componentWillUnmount = function () {
-        TooltipHelper.hideTooltip();
-    };
-    Tooltip.prototype.onMouseEnter = function (e) {
-        if (this.divRef.current && this.contentRef.current) {
-            TooltipHelper.showTooltip(this.divRef.current, this.contentRef.current.innerHTML, true, this.props.alignment, this.props.position, this.props.className);
-        }
-    };
-    Tooltip.prototype.onMouseLeave = function (e) {
-        TooltipHelper.hideTooltip();
-    };
-    Tooltip.prototype.render = function () {
-        return React.createElement("div", { ref: this.divRef, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, style: { display: this.props.inline ? "inline-block" : "" } },
-            React.createElement("div", { style: { display: "none" }, ref: this.contentRef }, this.props.content),
-            this.props.children);
-    };
-    Tooltip.fromDataAttributes = function (element, attributes) {
-        if (attributes["data-tip"]) {
-            return React.createElement(Tooltip, { content: attributes["data-tip"], className: attributes["data-tip-class"], alignment: attributes["data-tip-align"], position: attributes["data-tip-pos"] }, element);
-        }
-        else {
-            return element;
-        }
-    };
-    Tooltip.setDomProperties = function (dom, tooltipOptions) {
-        if (typeof tooltipOptions === "string") {
-            dom["data-tip"] = tooltipOptions;
-        }
-        else {
-            dom["data-tip"] = tooltipOptions.content;
-            dom["data-tip-class"] = tooltipOptions.className;
-            dom["data-tip-align"] = tooltipOptions.alignment;
-            dom["data-tip-pos"] = tooltipOptions.position;
-        }
-    };
-    return Tooltip;
-}(React.Component));
-export default Tooltip;
+import { __extends } from "tslib";
+import React from 'react';
+import { TooltipHelper } from './TooltipHelper';
+var Tooltip = /** @class */ (function (_super) {
+    __extends(Tooltip, _super);
+    function Tooltip(props) {
+        var _this = _super.call(this, props) || this;
+        _this.divRef = React.createRef();
+        _this.contentRef = React.createRef();
+        _this.onMouseEnter = _this.onMouseEnter.bind(_this);
+        _this.onMouseLeave = _this.onMouseLeave.bind(_this);
+        return _this;
+    }
+    Tooltip.prototype.componentWillUnmount = function () {
+        TooltipHelper.hideTooltip();
+    };
+    Tooltip.prototype.onMouseEnter = function (e) {
+        if (this.divRef.current && this.contentRef.current) {
+            TooltipHelper.showTooltip(this.divRef.current, this.contentRef.current.innerHTML, true, this.props.alignment, this.props.position, this.props.className);
+        }
+    };
+    Tooltip.prototype.onMouseLeave = function (e) {
+        TooltipHelper.hideTooltip();
+    };
+    Tooltip.prototype.render = function () {
+        return React.createElement("div", { ref: this.divRef, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, style: { display: this.props.inline ? "inline-block" : "" } },
+            React.createElement("div", { style: { display: "none" }, ref: this.contentRef }, this.props.content),
+            this.props.children);
+    };
+    Tooltip.fromDataAttributes = function (element, attributes) {
+        if (attributes["data-tip"]) {
+            return React.createElement(Tooltip, { content: attributes["data-tip"], className: attributes["data-tip-class"], alignment: attributes["data-tip-align"], position: attributes["data-tip-pos"] }, element);
+        }
+        else {
+            return element;
+        }
+    };
+    Tooltip.setDomProperties = function (dom, tooltipOptions) {
+        if (typeof tooltipOptions === "string") {
+            dom["data-tip"] = tooltipOptions;
+        }
+        else {
+            dom["data-tip"] = tooltipOptions.content;
+            dom["data-tip-class"] = tooltipOptions.className;
+            dom["data-tip-align"] = tooltipOptions.alignment;
+            dom["data-tip-pos"] = tooltipOptions.position;
+        }
+    };
+    return Tooltip;
+}(React.Component));
+export default Tooltip;

package/dist/ReactComponents/TooltipHelper.d.ts

@@ -1,8 +1,8 @@
-import { Components } from '@singularsystems/neo-core';
-export declare class TooltipHelper {
-    private static toolTipContainer;
-    static showTooltip(on: HTMLElement, content: string, isHtml: boolean, aligmnent?: Components.Tooltip.Alignment, position?: Components.Tooltip.Position, className?: string): void;
-    static hideTooltip(): void;
-    private static positionTooltip;
-    private static getPrefixedStyleName;
-}
+import { Components } from '@singularsystems/neo-core';
+export declare class TooltipHelper {
+    private static toolTipContainer;
+    static showTooltip(on: HTMLElement, content: string, isHtml: boolean, aligmnent?: Components.Tooltip.Alignment, position?: Components.Tooltip.Position, className?: string): void;
+    static hideTooltip(): void;
+    private static positionTooltip;
+    private static getPrefixedStyleName;
+}

package/dist/ReactComponents/TooltipHelper.js

@@ -1,84 +1,84 @@
-import { Misc } from '@singularsystems/neo-core';
-import { containerId } from './TooltipProvider';
-var arrowHeight = 6;
-var TooltipHelper = /** @class */ (function () {
-    function TooltipHelper() {
-    }
-    TooltipHelper.showTooltip = function (on, content, isHtml, aligmnent, position, className) {
-        this.toolTipContainer = Misc.Globals.root.getElementById(containerId);
-        if (this.toolTipContainer) {
-            var ttText = this.toolTipContainer.firstChild;
-            if (isHtml) {
-                ttText.innerHTML = content;
-            }
-            else {
-                ttText.innerText = content;
-            }
-            TooltipHelper.positionTooltip(this.toolTipContainer, on, aligmnent, position, className);
-            this.toolTipContainer.classList.add("show");
-        }
-        else {
-            console.error("Tooltip: TooltipProvider has not been added to the app.");
-        }
-    };
-    TooltipHelper.hideTooltip = function () {
-        if (this.toolTipContainer) {
-            this.toolTipContainer.classList.remove("show");
-        }
-    };
-    TooltipHelper.positionTooltip = function (toolTipContainer, anchor, alignment, position, className) {
-        var isHorizontal = position === "left" || position === "right";
-        toolTipContainer.className = "neo-tooltip" + (isHorizontal ? " horizontal" : "");
-        if (className) {
-            toolTipContainer.classList.add(className);
-        }
-        var ttArrow = toolTipContainer.lastChild;
-        var bgColor = window.getComputedStyle(toolTipContainer).backgroundColor;
-        var startName = isHorizontal ? "top" : "left", endName = isHorizontal ? "bottom" : "right", dimensionName = isHorizontal ? "height" : "width", alignName = isHorizontal ? "left" : "top", endAlignName = isHorizontal ? "right" : "bottom", alignDimensionName = isHorizontal ? "width" : "height";
-        toolTipContainer.style.top = "0";
-        toolTipContainer.style.left = "0";
-        var ttRect = toolTipContainer.getBoundingClientRect();
-        var anchorRect = anchor.getBoundingClientRect();
-        if (alignment === "start-edge") {
-            alignment = (anchorRect[startName] + ttRect[dimensionName] + 20 > window[this.getPrefixedStyleName("inner", dimensionName)]) ? "end" : "start";
-        }
-        else if (alignment === "end-edge") {
-            alignment = (anchorRect[endName] - ttRect[dimensionName] < 15) ? "start" : "end";
-        }
-        var start = anchorRect[startName] + (anchorRect[dimensionName] - ttRect[dimensionName]) / 2;
-        var arrowPosition = anchorRect[dimensionName] / 2;
-        if (alignment === "start") {
-            start = anchorRect[startName];
-            arrowPosition = 20;
-        }
-        else if (alignment === "end") {
-            start = anchorRect[endName] - ttRect[dimensionName];
-            arrowPosition = anchorRect[dimensionName] - 20;
-        }
-        // Check if the tooltip is going to go off the edge of the screen.
-        var clampedStart = Math.max(Math.min(start, window[this.getPrefixedStyleName("inner", dimensionName)] - ttRect[dimensionName] - 20), 15);
-        var arrowOffset = anchorRect[startName] - clampedStart;
-        ttArrow.removeAttribute("style");
-        ttArrow.style[startName] = (arrowOffset + arrowPosition) + "px";
-        var align = anchorRect[alignName] - ttRect[alignDimensionName] - arrowHeight;
-        if ((align < 20 || position === endAlignName) && anchorRect[endAlignName] + ttRect[alignDimensionName] + arrowHeight + 20 < window[this.getPrefixedStyleName("inner", alignDimensionName)]) {
-            align = anchorRect[endAlignName] + arrowHeight;
-            ttArrow.style[this.getPrefixedStyleName("border", endAlignName)] = "5px solid " + bgColor;
-            ttArrow.style[this.getPrefixedStyleName("border", alignName)] = "none";
-            ttArrow.style[alignName] = "-5px";
-        }
-        else {
-            // Show above
-            ttArrow.style[this.getPrefixedStyleName("border", alignName)] = "5px solid " + bgColor;
-            ttArrow.style[this.getPrefixedStyleName("border", endAlignName)] = "none";
-            ttArrow.style[endAlignName] = "-5px";
-        }
-        toolTipContainer.style[alignName] = align + (isHorizontal ? window.scrollX : window.scrollY) + "px";
-        toolTipContainer.style[startName] = clampedStart + (isHorizontal ? window.scrollY : window.scrollX) + "px";
-    };
-    TooltipHelper.getPrefixedStyleName = function (prefix, styleName) {
-        return prefix + styleName[0].toUpperCase() + styleName.substring(1);
-    };
-    return TooltipHelper;
-}());
-export { TooltipHelper };
+import { Misc } from '@singularsystems/neo-core';
+import { containerId } from './TooltipProvider';
+var arrowHeight = 6;
+var TooltipHelper = /** @class */ (function () {
+    function TooltipHelper() {
+    }
+    TooltipHelper.showTooltip = function (on, content, isHtml, aligmnent, position, className) {
+        this.toolTipContainer = Misc.Globals.root.getElementById(containerId);
+        if (this.toolTipContainer) {
+            var ttText = this.toolTipContainer.firstChild;
+            if (isHtml) {
+                ttText.innerHTML = content;
+            }
+            else {
+                ttText.innerText = content;
+            }
+            TooltipHelper.positionTooltip(this.toolTipContainer, on, aligmnent, position, className);
+            this.toolTipContainer.classList.add("show");
+        }
+        else {
+            console.error("Tooltip: TooltipProvider has not been added to the app.");
+        }
+    };
+    TooltipHelper.hideTooltip = function () {
+        if (this.toolTipContainer) {
+            this.toolTipContainer.classList.remove("show");
+        }
+    };
+    TooltipHelper.positionTooltip = function (toolTipContainer, anchor, alignment, position, className) {
+        var isHorizontal = position === "left" || position === "right";
+        toolTipContainer.className = "neo-tooltip" + (isHorizontal ? " horizontal" : "");
+        if (className) {
+            toolTipContainer.classList.add(className);
+        }
+        var ttArrow = toolTipContainer.lastChild;
+        var bgColor = window.getComputedStyle(toolTipContainer).backgroundColor;
+        var startName = isHorizontal ? "top" : "left", endName = isHorizontal ? "bottom" : "right", dimensionName = isHorizontal ? "height" : "width", alignName = isHorizontal ? "left" : "top", endAlignName = isHorizontal ? "right" : "bottom", alignDimensionName = isHorizontal ? "width" : "height";
+        toolTipContainer.style.top = "0";
+        toolTipContainer.style.left = "0";
+        var ttRect = toolTipContainer.getBoundingClientRect();
+        var anchorRect = anchor.getBoundingClientRect();
+        if (alignment === "start-edge") {
+            alignment = (anchorRect[startName] + ttRect[dimensionName] + 20 > window[this.getPrefixedStyleName("inner", dimensionName)]) ? "end" : "start";
+        }
+        else if (alignment === "end-edge") {
+            alignment = (anchorRect[endName] - ttRect[dimensionName] < 15) ? "start" : "end";
+        }
+        var start = anchorRect[startName] + (anchorRect[dimensionName] - ttRect[dimensionName]) / 2;
+        var arrowPosition = anchorRect[dimensionName] / 2;
+        if (alignment === "start") {
+            start = anchorRect[startName];
+            arrowPosition = 20;
+        }
+        else if (alignment === "end") {
+            start = anchorRect[endName] - ttRect[dimensionName];
+            arrowPosition = anchorRect[dimensionName] - 20;
+        }
+        // Check if the tooltip is going to go off the edge of the screen.
+        var clampedStart = Math.max(Math.min(start, window[this.getPrefixedStyleName("inner", dimensionName)] - ttRect[dimensionName] - 20), 15);
+        var arrowOffset = anchorRect[startName] - clampedStart;
+        ttArrow.removeAttribute("style");
+        ttArrow.style[startName] = (arrowOffset + arrowPosition) + "px";
+        var align = anchorRect[alignName] - ttRect[alignDimensionName] - arrowHeight;
+        if ((align < 20 || position === endAlignName) && anchorRect[endAlignName] + ttRect[alignDimensionName] + arrowHeight + 20 < window[this.getPrefixedStyleName("inner", alignDimensionName)]) {
+            align = anchorRect[endAlignName] + arrowHeight;
+            ttArrow.style[this.getPrefixedStyleName("border", endAlignName)] = "5px solid " + bgColor;
+            ttArrow.style[this.getPrefixedStyleName("border", alignName)] = "none";
+            ttArrow.style[alignName] = "-5px";
+        }
+        else {
+            // Show above
+            ttArrow.style[this.getPrefixedStyleName("border", alignName)] = "5px solid " + bgColor;
+            ttArrow.style[this.getPrefixedStyleName("border", endAlignName)] = "none";
+            ttArrow.style[endAlignName] = "-5px";
+        }
+        toolTipContainer.style[alignName] = align + (isHorizontal ? window.scrollX : window.scrollY) + "px";
+        toolTipContainer.style[startName] = clampedStart + (isHorizontal ? window.scrollY : window.scrollX) + "px";
+    };
+    TooltipHelper.getPrefixedStyleName = function (prefix, styleName) {
+        return prefix + styleName[0].toUpperCase() + styleName.substring(1);
+    };
+    return TooltipHelper;
+}());
+export { TooltipHelper };