@componyx/ui 0.0.0-stage → 1.0.3

package/types/TabStrip.d.ts

@@ -0,0 +1,185 @@
+declare namespace componyx 
+{
+    namespace UI
+    {
+        /**
+        * <p>Namespace for tabstrip modules.</p>
+        */
+        namespace tabStrip_modules
+        {
+            /**
+             * <p>Promise that resolves when all form modules are loaded asynchronously.</p>
+             */
+            var loaded: Promise<void>;
+        }
+
+        interface TabStrip extends componyx.UI.base.methods { }
+        /**
+         * <p>TabStrip class.</p>
+         */
+        class TabStrip extends componyx.UI.base.Component implements componyx.UI.base.methods
+        {
+            /**
+             * Creates a new TabStrip instance.
+             * @param id - <p>The id of the component.</p>
+             * @param properties - <p>The properties used to initialize the component or the container element.</p>
+             */
+            constructor(id: string, properties: Partial<TabStrip> | HTMLElement);
+            /**
+             * <p>TabStrip events</p>
+             */
+            events: componyx.UI.TabStrip.TabStripEvents;
+            /**
+             * <p>Renders the component</p>
+             */
+            render(): void;
+            /**
+             * <p>Gets or sets a value indicating whether the PostBack event is automatically fired</p>
+            */
+            cssClassStrip: string;
+            /**
+             * <p>Gets or sets the default css class of an tab item button.</p>
+            */
+            cssClassItem: string;
+            /**
+             * <p>Gets or sets the default css class of the tab item button icon.</p>
+            */
+            cssClassItemIcon: string;
+            /**
+             * <p>Gets or sets the selected item id.</p>
+            */
+            selectedItemId: string;
+            /**
+             * <p>Gets or sets the tab alignment.</p>
+            */
+            alignment: componyx.UI.TabStrip.AlignmentOption;
+            /**
+             * <p>Gets or sets the id of the component from which the settings are cloned.</p>
+            */
+            buttonId: string | null;
+            /**
+             * <p>Gets or sets the list of items.</p>
+            */
+            itemList: componyx.UI.TabStrip.Item[];
+        }
+        namespace TabStrip
+        {
+            /**
+             * @property onItemSelect - <p>Event which fires when a tab item is selected.</p>
+             * @property onItemDeselect - <p>Event which fires when a tab item is deselected.</p>
+             */
+            class TabStripEvents extends componyx.UI.base.Events<componyx.UI.TabStrip>
+            {
+                constructor();
+                /**
+                 * <p>Event which fires when a tab item is selected.</p>
+                */
+                onItemSelect: componyx.UI.base.Event<componyx.UI.TabStrip, componyx.UI.TabStrip.ItemEventArgs>;
+                /**
+                 * <p>Event which fires when a tab item is deselected.</p>
+                */
+                onItemDeselect: componyx.UI.base.Event<componyx.UI.TabStrip, componyx.UI.TabStrip.ItemEventArgs>;
+            }
+            /**
+             * <p>TabStrip item event arguments.</p>
+             */
+            type ItemEventArgs = {
+                /** <p>The tab button.</p> */
+                button: componyx.UI.Button;
+                /** <p>The tab item.</p> */
+                item: componyx.UI.TabStrip.Item;
+                /** <p>The original event object.</p> */
+                event: Event;
+            };
+            /**
+             * <p>AlignmentOption</p>
+             */
+            enum AlignmentOption
+            {
+                TOP = 0,
+                BOTTOM = 1
+            }
+            namespace AlignmentOption
+            {
+                /**
+                 * <p>Gets the lowercase name of the option value.</p>
+                 * @param value - <p>The enum value.</p>
+                 */
+                function getName(value: componyx.UI.TabStrip.AlignmentOption): string;
+            }
+            /**
+             * <p>Creates an instance of the TabStrip item.</p>
+             * @property content - <p>Gets or sets the content template of the item.</p>
+             * @property hasIcon - <p>Gets or sets a value indicating if the item has an icon.</p>
+             * @property cssClassIcon - <p>Gets or sets the css class of the icon.</p>
+             * @property iconURL - <p>Gets or sets the URL of the icon.</p>
+             * @property split - <p>Gets or sets a value indicating if the button has two actions.</p>
+             * @property transparent - <p>Gets or sets a value indicating if the button's default background color is transparent.</p>
+             * @property transparentBorder - <p>Gets or sets a value indicating if the button's default border color is transparent.</p>
+             * @property primary - <p>Gets or sets a value indicating if the button is a primary button. When disabled the button's default style will be less prominent (basic) unless styled otherwise.</p>
+             * @property decoration - <p>Gets or sets the decoration type used when the button is hovered/selected.</p>
+             * @property menuId - <p>Gets or sets the id of the menu component.</p>
+             * @property menuItemId - <p>Gets or sets the id of the menu item.</p>
+             * @property boxId - <p>Gets or sets the id of the box component.</p>
+             * @property buttonId - <p>Gets or sets the id of the button component.</p>
+             * @param properties - <p>The properties used to initialize the object.</p>
+             */
+            class Item extends componyx.UI.base.static.Item
+            {
+                constructor(properties: any);
+                /**
+                 * <p>Gets or sets the content template of the item.</p>
+                */
+                content: HTMLElement[] | HTMLElement;
+                /**
+                 * <p>Gets or sets a value indicating if the item has an icon.</p>
+                */
+                hasIcon: boolean;
+                /**
+                 * <p>Gets or sets the css class of the icon.</p>
+                */
+                cssClassIcon: string;
+                /**
+                 * <p>Gets or sets the URL of the icon.</p>
+                */
+                iconURL: string;
+                /**
+                 * <p>Gets or sets a value indicating if the button has two actions.</p>
+                */
+                split: boolean;
+                /**
+                 * <p>Gets or sets a value indicating if the button's default background color is transparent.</p>
+                */
+                transparent: boolean;
+                /**
+                 * <p>Gets or sets a value indicating if the button's default border color is transparent.</p>
+                */
+                transparentBorder: boolean;
+                /**
+                 * <p>Gets or sets a value indicating if the button is a primary button. When disabled the button's default style will be less prominent (basic) unless styled otherwise.</p>
+                */
+                primary: boolean;
+                /**
+                 * <p>Gets or sets the decoration type used when the button is hovered/selected.</p>
+                */
+                decoration: Button.DecorationOption;
+                /**
+                 * <p>Gets or sets the id of the menu component.</p>
+                */
+                menuId: string;
+                /**
+                 * <p>Gets or sets the id of the menu item.</p>
+                */
+                menuItemId: string;
+                /**
+                 * <p>Gets or sets the id of the box component.</p>
+                */
+                boxId: string;
+                /**
+                 * <p>Gets or sets the id of the button component.</p>
+                */
+                buttonId: string;
+            }
+        }
+    }
+}

package/types/TimePicker.d.ts

@@ -0,0 +1,265 @@
+declare namespace componyx 
+{
+    namespace UI
+    {
+        interface TimePicker extends componyx.UI.base.methods { }
+        /**
+         * <p>TimePicker class.</p>
+         * @property cssClassNumericBox - <p>Gets or sets the css class of the numericbox.</p>
+         * @property cssClassHour - <p>Gets or sets the css class of the hour input.</p>
+         * @property cssClassMinute - <p>Gets or sets the css class of the minute input.</p>
+         * @property hourPlaceholder - <p>Gets or sets the placeholder which is visible when the hour input box has no value. Default: HH.</p>
+         * @property minutePlaceholder - <p>Gets or sets the placeholder which is visible when the minute input box has no value. Default: MM.</p>
+         * @property readOnly - <p>Gets or sets a value indicating whether the timepicker is readonly.</p>
+         * @property disabled - <p>Gets or sets a value indicating whether the timepicker is disabled.</p>
+         * @property autoFocus - <p>Gets or sets a value indicating whether focus on an input field is automaticly moved to the next field while typing.</p>
+         * @property hourLeadingZero - <p>Gets or sets a value indicating whether a leading zero is added to the hour input box if it is not provided. Default: true.</p>
+         * @property is24HourClock - <p>Gets or sets a value indicating whether a 12 or 24 hour clock is used.</p>
+         * @property meridiemValue - <p>Gets or sets the meridiem value if its not set to a 24 hour clock.</p>
+         * @property name - <p>Gets or sets the hidden input field name which contains the selected time value.</p>
+         * @property value - <p>Gets or sets the the selected time value in format 'HH:MM'.</p>
+         * @property minValue - <p>Gets or sets the minimum allowed time in format 'HH:MM'. Minutes must be divisible by 5.</p>
+         * @property maxValue - <p>Gets or sets the maximum allowed time in format 'HH:MM'. Minutes must be divisible by 5.</p>
+         * @property incrementalValue - <p>Gets or sets the incremental value in minutes. Minutes must be divisible by 5.</p>
+         * @property allowedTimes - <p>Gets or sets a list of allowed clock times (format 'HH:MM'). Separate two date strings with a space to specify allowed range. When allowed times are set, date input fields are rendered in readonly mode.</p>
+         * @property disallowTimes - <p>Gets or sets a value indicating if the times specified in the times property are disallowed instead of the default allowed.</p>
+         * @property viewMode - <p>Gets or sets the view mode in which the time picker is rendered.</p>
+         * @property hourNumericBoxId - <p>Gets or sets the id of the hour numeric box from which the settings are cloned.</p>
+         * @property minuteNumericBoxId - <p>Gets or sets the id of the minute numeric box from which the settings are cloned.</p>
+         * @property clockDialogId - <p>Gets or sets the id of the clock dialog from which the settings are cloned.</p>
+         * @property pmButtonId - <p>Gets or sets the id of the post meridiem (PM) button from which the settings are cloned.</p>
+         * @property amButtonId - <p>Gets or sets the id of the ante meridiem (AM) button from which the settings are cloned.</p>
+         * @property pickerButtonId - <p>Gets or sets the id of the picker button from which the settings are cloned.</p>
+         * @property hiddenInputId - <p>Gets or sets the id of the hidden input from which the settings are cloned.</p>
+         * @param id - <p>The id of the component.</p>
+         * @param properties - <p>The properties used to initialize the component or the container element.</p>
+         */
+        class TimePicker extends componyx.UI.base.Component implements componyx.UI.base.methods
+        {
+            constructor(id: string, properties: any | HTMLElement);
+            /**
+             * <p>TimePicker events</p>
+             */
+            events: componyx.UI.TimePicker.TimePickerEvents;
+            /**
+             * <p>Resets the inputs to the initial value.</p>
+             * @param [fireEvent = false] - <p>A value indicating if the onChanged event is fired.</p>
+             */
+            reset(fireEvent?: boolean): void;
+            /**
+             * <p>Clears the input values.</p>
+             * @param [fireEvent = false] - <p>A value indicating if the onChanged event is fired.</p>
+             */
+            clear(fireEvent?: boolean): void;
+            /**
+             * <p>Selects the text of the first input field of the timepicker.</p>
+             */
+            select(): void;
+            /**
+             * <p>Gets the hour value from the timepicker.</p>
+             * @returns <p>Hour value.</p>
+             */
+            getHour(): number;
+            /**
+             * @returns <p>Minute value.</p>
+             */
+            getMinute(): number;
+            /**
+             * <p>Gets the time value in string format.</p>
+             * @returns <p>Time value in the format 'hour:minute'.</p>
+             */
+            getValue(): string;
+            /**
+             * <p>Sets the time value.</p>
+             * @param value - <p>The time value in the format hour:minute.</p>
+             * @param [fireEvent = false] - <p>A value indicating if the onChanged event is fired.</p>
+             */
+            setValue(value: string, fireEvent?: boolean): void;
+            /**
+             * <p>Gets a value indicating if the time is before or after noon.</p>
+             * @returns <p>PM or AM.</p>
+             */
+            getMeridiemValue(): string;
+            /**
+             * <p>Sets a value indicating if the time is before or after noon.</p>
+             * @param value - <p>PM or AM.</p>
+             */
+            setMeridiemValue(value: string): void;
+            /**
+             * <p>Shows the clock.</p>
+             */
+            showClock(): void;
+            /**
+             * <p>Hides the clock.</p>
+             */
+            hideClock(): void;
+            /**
+             * <p>Selects the hour clock.</p>
+             */
+            selectHourClock(): void;
+            /**
+             * <p>Selects the minute clock.</p>
+             */
+            selectMinuteClock(): void;
+            /**
+             * <p>Renders the component</p>
+             */
+            render(): void;
+            /**
+             * <p>Handles the post render procedure.</p>
+             */
+            postRender(): void;
+            /**
+             * <p>Destroys the component.</p>
+             * @param keepEvents - <p>A value indicating if the events must be kept.</p>
+             * @param [removeElement = true] - <p>A value indicating if the element must be removed.</p>
+             */
+            destroy(keepEvents: boolean, removeElement?: boolean): void;
+            /**
+             * <p>Gets or sets the css class of the numericbox.</p>
+            */
+            cssClassNumericBox: string;
+            /**
+             * <p>Gets or sets the css class of the hour input.</p>
+            */
+            cssClassHour: string;
+            /**
+             * <p>Gets or sets the css class of the minute input.</p>
+            */
+            cssClassMinute: string;
+            /**
+             * <p>Gets or sets the placeholder which is visible when the hour input box has no value. Default: HH.</p>
+            */
+            hourPlaceholder: string;
+            /**
+             * <p>Gets or sets the placeholder which is visible when the minute input box has no value. Default: MM.</p>
+            */
+            minutePlaceholder: string;
+            /**
+             * <p>Gets or sets a value indicating whether the timepicker is readonly.</p>
+            */
+            readOnly: boolean;
+            /**
+             * <p>Gets or sets a value indicating whether the timepicker is disabled.</p>
+            */
+            disabled: boolean;
+            /**
+             * <p>Gets or sets a value indicating whether focus on an input field is automaticly moved to the next field while typing.</p>
+            */
+            autoFocus: boolean;
+            /**
+             * <p>Gets or sets a value indicating whether a leading zero is added to the hour input box if it is not provided. Default: true.</p>
+            */
+            hourLeadingZero: boolean;
+            /**
+             * <p>Gets or sets a value indicating whether a 12 or 24 hour clock is used.</p>
+            */
+            is24HourClock: boolean;
+            /**
+             * <p>Gets or sets the meridiem value if its not set to a 24 hour clock.</p>
+            */
+            meridiemValue: string;
+            /**
+             * <p>Gets or sets the hidden input field name which contains the selected time value.</p>
+            */
+            name: string;
+            /**
+             * <p>Gets or sets the the selected time value in format 'HH:MM'.</p>
+            */
+            value: string | null;
+            /**
+             * <p>Gets or sets the minimum allowed time in format 'HH:MM'. Minutes must be divisible by 5.</p>
+            */
+            minValue: string | null;
+            /**
+             * <p>Gets or sets the maximum allowed time in format 'HH:MM'. Minutes must be divisible by 5.</p>
+            */
+            maxValue: string | null;
+            /**
+             * <p>Gets or sets the incremental value in minutes. Minutes must be divisible by 5.</p>
+            */
+            incrementalValue: number | null;
+            /**
+             * <p>Gets or sets a list of allowed clock times (format 'HH:MM'). Separate two date strings with a space to specify allowed range. When allowed times are set, date input fields are rendered in readonly mode.</p>
+            */
+            allowedTimes: String[];
+            /**
+             * <p>Gets or sets a value indicating if the times specified in the times property are disallowed instead of the default allowed.</p>
+            */
+            disallowTimes: boolean;
+            /**
+             * <p>Gets or sets the view mode in which the time picker is rendered.</p>
+            */
+            viewMode: componyx.UI.TimePicker.ViewModeOption;
+            /**
+             * <p>Gets or sets the id of the hour numeric box from which the settings are cloned.</p>
+            */
+            hourNumericBoxId: string | null;
+            /**
+             * <p>Gets or sets the id of the minute numeric box from which the settings are cloned.</p>
+            */
+            minuteNumericBoxId: string | null;
+            /**
+             * <p>Gets or sets the id of the clock dialog from which the settings are cloned.</p>
+            */
+            clockDialogId: string | null;
+            /**
+             * <p>Gets or sets the id of the post meridiem (PM) button from which the settings are cloned.</p>
+            */
+            pmButtonId: string | null;
+            /**
+             * <p>Gets or sets the id of the ante meridiem (AM) button from which the settings are cloned.</p>
+            */
+            amButtonId: string | null;
+            /**
+             * <p>Gets or sets the id of the picker button from which the settings are cloned.</p>
+            */
+            pickerButtonId: string | null;
+            /**
+             * <p>Gets or sets the id of the hidden input from which the settings are cloned.</p>
+            */
+            hiddenInputId: string | null;
+        }
+        namespace TimePicker
+        {
+            /**
+             * @property onFocus - <p>Event which fires when the time picker is focused.</p>
+             * @property onBlur - <p>Event which fires when the time picker is blurred.</p>
+             * @property onChanged - <p>Event which fires when the value has changed.</p>
+             */
+            class TimePickerEvents extends componyx.UI.base.Events<componyx.UI.TimePicker>
+            {
+                constructor();
+                /**
+                 * <p>Event which fires when the time picker is focused.</p>
+                */
+                onFocus: componyx.UI.base.Event<componyx.UI.TimePicker, undefined>;
+                /**
+                 * <p>Event which fires when the time picker is blurred.</p>
+                */
+                onBlur: componyx.UI.base.Event<componyx.UI.TimePicker, undefined>;
+                /**
+                 * <p>Event which fires when the value has changed.</p>
+                */
+                onChanged: componyx.UI.base.Event<componyx.UI.TimePicker, componyx.UI.TimePicker.ChangedEventArgs>;
+            }
+            /**
+             * <p>TimePicker changed event arguments.</p>
+             */
+            type ChangedEventArgs = {
+                /** <p>The time value in the format 'HH:MM'.</p> */
+                value: string;
+            };
+            /**
+             * <p>ViewModeOption</p>
+             */
+            enum ViewModeOption
+            {
+                INPUT_CLOCK_POPUP = 0,
+                INPUT_CLOCK_STATIC = 1,
+                INPUT = 2,
+                CLOCK = 3
+            }
+        }
+    }
+}

package/types/TooltipManager.d.ts

@@ -0,0 +1,178 @@
+declare namespace componyx 
+{
+    namespace UI
+    {
+        interface TooltipManager extends componyx.UI.base.methods { }
+        /**
+         * <p>TooltipManager class.</p>
+         */
+        class TooltipManager extends componyx.UI.base.Component implements componyx.UI.base.methods
+        {
+            /**
+             * Creates a new TooltipManager instance.
+             * @param id - <p>The id of the component.</p>
+             * @param properties - <p>The properties used to initialize the component or the container element.</p>
+             */
+            constructor(id: string, properties: Partial<TooltipManager> | HTMLElement);
+            /**
+             * <p>Gets the instance of the Box component used to display the tooltips.</p>
+             * @param [tooltipId] - <p>Id of the tooltip template.</p>
+             * @returns <p>The Box component used to display the tooltips.</p>
+             */
+            getBox(tooltipId?: string): componyx.UI.Box;
+            /**
+             * <p>Gets the active trigger id.</p>
+             * @param [tooltipId] - <p>Id of the tooltip template.</p>
+             * @returns <p>The active trigger id.</p>
+             */
+            activeTriggerId(tooltipId?: string): string | HTMLElement;
+            /**
+             * <p>Adds a tooltip template.</p>
+             * @param id - <p>Id of the tooltip template.</p>
+             * @param content - <p>Template content.</p>
+             * @param [cloneable] - <p>Defines if the template can be cloned for multiple views. Defaults to true.</p>
+             */
+            addTooltip(id: string, content: HTMLElement | HTMLElement[] | DocumentFragment | string, cloneable?: boolean): void;
+            /**
+             * <p>Removes a tooltip template.</p>
+             * @param id - <p>Id of the tooltip template.</p>
+             * @param [keepTriggers = false] - <p>A value indicating if the tooltip triggers should be kept.</p>
+             */
+            removeTooltip(id: string, keepTriggers?: boolean): void;
+            /**
+             * <p>Adds a tooltip trigger.</p>
+             * @param triggerId - <p>The trigger element or element id that triggers the tooltip display.</p>
+             * @param tooltipId - <p>The id of the tooltip template.</p>
+             * @param [showOnPointerEvent] - <p>Gets or sets a value which defines on which pointer event the tooltip is shown.</p>
+             * @param [showOnFocus] - <p>Sets a value indicating if the tooltip is shown on a focus event.</p>
+             * @param [showOnBlur] - <p>Sets a value indicating if the tooltip is shown on a blur event.</p>
+             */
+            addTrigger(triggerId: string | HTMLElement, tooltipId: string, showOnPointerEvent?: componyx.UI.TooltipManager.PointerEventOption, showOnFocus?: boolean, showOnBlur?: boolean): void;
+            /**
+             * <p>Removes a tooltip trigger.</p>
+             * @param triggerId - <p>The trigger element or element id that triggers the tooltip display.</p>
+             */
+            removeTrigger(triggerId: string | HTMLElement): void;
+            /**
+             * <p>Shows the tooltip with the specified triggerId.</p>
+             * @param triggerId - <p>The trigger element or element id that triggers the tooltip display.</p>
+             * @param [fromPointerDown] - <p>Set to true when called from a pointerdown handler, so the tooltip is not hidden by the pointerdown on the document that follows. Defaults to false.</p>
+             */
+            showTooltip(triggerId: string | HTMLElement, fromPointerDown?: boolean): void;
+            /**
+             * <p>Hides the tooltip with the specified triggerId.</p>
+             * @param [triggerId] - <p>The trigger element or element id that triggered the tooltip. When a value is provided the tooltip is hidden only if current trigger id matches the specified value.</p>
+             * @param [instant] - <p>A value indicating if the tooltip should be hidden instantly without animation.</p>
+             */
+            hideTooltip(triggerId?: string, instant?: boolean): void;
+            /**
+             * <p>Hides all tooltips.</p>
+             * @param [instant] - <p>A value indicating if the tooltip should be hidden instantly without animation.</p>
+             */
+            hideAllTooltips(instant?: boolean): void;
+            /**
+             * <p>Sets a value indicating if tooltip hiding is allowed.</p>
+             * @param [value] - <p>A value indicating if tooltip hiding is allowed.</p>
+             */
+            allowHide(value?: boolean): void;
+            /**
+             * <p>Renders the component.</p>
+             */
+            render(): void;
+            /**
+             * <p>Destroys the component.</p>
+             * @param keepEvents - <p>A value indicating if component events should be kept.</p>
+             * @param [removeElement = true] - <p>A value indicating if the corresponding HTML Element should be removed.</p>
+             */
+            destroy(keepEvents: boolean, removeElement?: boolean): void;
+            /**
+             * <p>Gets or sets the css class of the tooltip box.</p>
+            */
+            cssClassBox: string;
+            /**
+             * <p>Gets or sets the time in ms that tooltips remains visible (0 to keep visible).</p>
+            */
+            visibleDuration: number | null;
+            /**
+             * <p>Gets or sets a value which defines on which pointer event the tooltip is shown.</p>
+            */
+            showOnPointerEvent: componyx.UI.TooltipManager.PointerEventOption;
+            /**
+             * <p>Gets or sets a value indicating if the tooltip is shown on a focus event.</p>
+            */
+            showOnFocus: boolean;
+            /**
+             * <p>Gets or sets a value indicating if the tooltip is shown on a blur event.</p>
+            */
+            showOnBlur: boolean;
+            /**
+             * <p>Gets or sets a value indicating if tooltip content is selectable, which means that the tooltip will remain visible on a pointer enter/click event.</p>
+            */
+            selectableTooltipContent: boolean;
+            /**
+             * <p>Gets or sets the time in ms before the tooltip is displayed.</p>
+            */
+            showDelay: number;
+            /**
+             * <p>Gets or sets the time in ms before the tooltip is hidden.</p>
+            */
+            hideDelay: number;
+            /**
+             * <p>Gets or sets a value indicating if the direction arrow styles should be applied.</p>
+            */
+            arrowless: boolean;
+            /**
+             * <p>Gets or sets a value indicating if a single box instance is used to display tooltips (defaults to true). When set to false multiple tooltips can be visible at the same time. Only set to false when required because a single instance has less overhead.</p>
+            */
+            singleBoxInstance: boolean;
+            /**
+             * <p>Gets or sets the list of tooltip triggers.</p>
+            */
+            triggers: componyx.UI.TooltipManager.Trigger[];
+            /**
+             * <p>Gets or sets the clientid of the tooltip box.</p>
+            */
+            boxId: string | null;
+        }
+        namespace TooltipManager
+        {
+            /**
+             * <p>PointerEventOption</p>
+             */
+            enum PointerEventOption
+            {
+                NONE = 0,
+                ENTER = 1,
+                DOWN = 2,
+                CONTEXT = 3
+            }
+            /**
+             * <p>Creates an instance of the Trigger.</p>
+             */
+            class Trigger
+            {
+                constructor();
+                /**
+                 * <p>Gets or sets the id of the trigger element.</p>
+                */
+                triggerId: string;
+                /**
+                 * <p>Gets or sets the id of the tooltip template.</p>
+                */
+                tooltipId: string;
+                /**
+                 * <p>Gets or sets a value which defines on which pointer event the tooltip is shown.</p>
+                */
+                showOnPointerEvent: PointerEventOption;
+                /**
+                 * <p>Gets or sets a value indicating if the tooltip is shown on a focus event.</p>
+                */
+                showOnFocus: boolean;
+                /**
+                 * <p>Gets or sets a value indicating if the tooltip is shown on a blur event.</p>
+                */
+                showOnBlur: boolean;
+            }
+        }
+    }
+}

package/types/UI.d.ts

@@ -0,0 +1,29 @@
+/// <reference path="Library.d.ts" />
+/// <reference path="Bindary.d.ts" />
+/// <reference path="Base.d.ts" />
+/// <reference path="AppSkin.d.ts" />
+/// <reference path="BookmarkSpy.d.ts" />
+/// <reference path="Box.d.ts" />
+/// <reference path="Button.d.ts" />
+/// <reference path="Carousel.d.ts" />
+/// <reference path="ColorButton.d.ts" />
+/// <reference path="ColorPicker.d.ts" />
+/// <reference path="ComboBox.d.ts" />
+/// <reference path="DataPager.d.ts" />
+/// <reference path="DatePicker.d.ts" />
+/// <reference path="Dialog.d.ts" />
+/// <reference path="Editor.d.ts" />
+/// <reference path="FileUpload.d.ts" />
+/// <reference path="Form.d.ts" />
+/// <reference path="FormField.d.ts" />
+/// <reference path="Grid.d.ts" />
+/// <reference path="MaskedTextBox.d.ts" />
+/// <reference path="Menu.d.ts" />
+/// <reference path="NumericBox.d.ts" />
+/// <reference path="PanelBar.d.ts" />
+/// <reference path="PieChart.d.ts" />
+/// <reference path="Slider.d.ts" />
+/// <reference path="TabStrip.d.ts" />
+/// <reference path="TimePicker.d.ts" />
+/// <reference path="TooltipManager.d.ts" />
+/// <reference path="Validator.d.ts" />