@materializecss/materialize 2.0.4 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/materialize.css +831 -1280
- package/dist/css/materialize.min.css +7 -5
- package/dist/css/materialize.min.css.map +1 -0
- package/dist/js/materialize.cjs.js +7593 -0
- package/dist/js/materialize.d.ts +2333 -0
- package/dist/js/materialize.js +6638 -6744
- package/dist/js/materialize.min.js +5 -6
- package/dist/js/materialize.mjs +7563 -0
- package/dist/materialize-src-v2.1.1.zip +0 -0
- package/dist/materialize-v2.1.1.zip +0 -0
- package/package.json +26 -26
- package/sass/components/_badges.scss +17 -12
- package/sass/components/_buttons.scss +137 -126
- package/sass/components/_cards.scss +12 -14
- package/sass/components/_carousel.scss +8 -6
- package/sass/components/_chips.scss +10 -11
- package/sass/components/_collapsible.scss +6 -8
- package/sass/components/_collection.scss +15 -15
- package/sass/components/_datepicker.scss +15 -15
- package/sass/components/_dropdown.scss +15 -24
- package/sass/components/_global.scss +65 -137
- package/sass/components/_grid.scss +14 -4
- package/sass/components/_materialbox.scss +1 -1
- package/sass/components/_modal.scss +14 -9
- package/sass/components/_navbar.scss +31 -25
- package/sass/components/_preloader.scss +5 -6
- package/sass/components/_sidenav.scss +42 -26
- package/sass/components/_slider.scss +5 -5
- package/sass/components/_table_of_contents.scss +7 -8
- package/sass/components/_tabs.scss +16 -17
- package/sass/components/_tapTarget.scss +3 -3
- package/sass/components/_timepicker.scss +12 -12
- package/sass/components/_toast.scss +17 -10
- package/sass/components/_tooltip.scss +13 -6
- package/sass/components/_variables.scss +13 -377
- package/sass/components/colors.module.scss +74 -180
- package/sass/components/forms/_checkboxes.scss +22 -22
- package/sass/components/forms/_file-input.scss +2 -5
- package/sass/components/forms/_forms.scss +5 -3
- package/sass/components/forms/_input-fields.scss +40 -41
- package/sass/components/forms/_radio-buttons.scss +11 -14
- package/sass/components/forms/_range.scss +16 -24
- package/sass/components/forms/_select.scss +35 -49
- package/sass/components/forms/_switches.scss +9 -12
- package/sass/components/theme.module.scss +140 -0
- package/sass/materialize.scss +6 -3
- package/dist/js/materialize.min.js.map +0 -1
- package/dist/src/autocomplete.d.ts +0 -143
- package/dist/src/autocomplete.d.ts.map +0 -1
- package/dist/src/bounding.d.ts +0 -7
- package/dist/src/bounding.d.ts.map +0 -1
- package/dist/src/buttons.d.ts +0 -65
- package/dist/src/buttons.d.ts.map +0 -1
- package/dist/src/cards.d.ts +0 -4
- package/dist/src/cards.d.ts.map +0 -1
- package/dist/src/carousel.d.ts +0 -131
- package/dist/src/carousel.d.ts.map +0 -1
- package/dist/src/characterCounter.d.ts +0 -37
- package/dist/src/characterCounter.d.ts.map +0 -1
- package/dist/src/chips.d.ts +0 -131
- package/dist/src/chips.d.ts.map +0 -1
- package/dist/src/collapsible.d.ts +0 -75
- package/dist/src/collapsible.d.ts.map +0 -1
- package/dist/src/component.d.ts +0 -74
- package/dist/src/component.d.ts.map +0 -1
- package/dist/src/datepicker.d.ts +0 -248
- package/dist/src/datepicker.d.ts.map +0 -1
- package/dist/src/dropdown.d.ts +0 -149
- package/dist/src/dropdown.d.ts.map +0 -1
- package/dist/src/edges.d.ts +0 -7
- package/dist/src/edges.d.ts.map +0 -1
- package/dist/src/forms.d.ts +0 -12
- package/dist/src/forms.d.ts.map +0 -1
- package/dist/src/global.d.ts +0 -60
- package/dist/src/global.d.ts.map +0 -1
- package/dist/src/index.d.ts +0 -27
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/materialbox.d.ts +0 -96
- package/dist/src/materialbox.d.ts.map +0 -1
- package/dist/src/modal.d.ts +0 -119
- package/dist/src/modal.d.ts.map +0 -1
- package/dist/src/parallax.d.ts +0 -40
- package/dist/src/parallax.d.ts.map +0 -1
- package/dist/src/pushpin.d.ts +0 -52
- package/dist/src/pushpin.d.ts.map +0 -1
- package/dist/src/range.d.ts +0 -41
- package/dist/src/range.d.ts.map +0 -1
- package/dist/src/scrollspy.d.ts +0 -62
- package/dist/src/scrollspy.d.ts.map +0 -1
- package/dist/src/select.d.ts +0 -77
- package/dist/src/select.d.ts.map +0 -1
- package/dist/src/sidenav.d.ts +0 -122
- package/dist/src/sidenav.d.ts.map +0 -1
- package/dist/src/slider.d.ts +0 -103
- package/dist/src/slider.d.ts.map +0 -1
- package/dist/src/tabs.d.ts +0 -80
- package/dist/src/tabs.d.ts.map +0 -1
- package/dist/src/tapTarget.d.ts +0 -59
- package/dist/src/tapTarget.d.ts.map +0 -1
- package/dist/src/timepicker.d.ts +0 -208
- package/dist/src/timepicker.d.ts.map +0 -1
- package/dist/src/toasts.d.ts +0 -95
- package/dist/src/toasts.d.ts.map +0 -1
- package/dist/src/tooltip.d.ts +0 -118
- package/dist/src/tooltip.d.ts.map +0 -1
- package/dist/src/utils.d.ts +0 -97
- package/dist/src/utils.d.ts.map +0 -1
- package/dist/src/waves.d.ts +0 -16
- package/dist/src/waves.d.ts.map +0 -1
- package/sass/components/_theme_variables.scss +0 -78
- package/sass/components/theme.dark.module.scss +0 -32
- package/sass/components/theme.light.module.scss +0 -32
package/dist/src/slider.d.ts
DELETED
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
/// <reference types="node" />
|
|
2
|
-
import { Component, BaseOptions, InitElements, MElement } from "./component";
|
|
3
|
-
export interface SliderOptions extends BaseOptions {
|
|
4
|
-
/**
|
|
5
|
-
* Set to false to hide slide indicators.
|
|
6
|
-
* @default true
|
|
7
|
-
*/
|
|
8
|
-
indicators: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Set height of slider.
|
|
11
|
-
* @default 400
|
|
12
|
-
*/
|
|
13
|
-
height: number;
|
|
14
|
-
/**
|
|
15
|
-
* Set the duration of the transition animation in ms.
|
|
16
|
-
* @default 500
|
|
17
|
-
*/
|
|
18
|
-
duration: number;
|
|
19
|
-
/**
|
|
20
|
-
* Set the duration between transitions in ms.
|
|
21
|
-
* @default 6000
|
|
22
|
-
*/
|
|
23
|
-
interval: number;
|
|
24
|
-
/**
|
|
25
|
-
* If slider should pause when keyboard focus is received.
|
|
26
|
-
* @default true
|
|
27
|
-
*/
|
|
28
|
-
pauseOnFocus: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* If slider should pause when is hovered by a pointer.
|
|
31
|
-
* @default true
|
|
32
|
-
*/
|
|
33
|
-
pauseOnHover: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Optional function used to generate ARIA label to indicators (for accessibility purposes).
|
|
36
|
-
* @param index Current index, starting from "1".
|
|
37
|
-
* @param current A which indicates whether it is the current element or not
|
|
38
|
-
* @returns a string to be used as label indicator.
|
|
39
|
-
* @default null
|
|
40
|
-
*/
|
|
41
|
-
indicatorLabelFunc: (index: number, current: boolean) => string;
|
|
42
|
-
}
|
|
43
|
-
export declare class Slider extends Component<SliderOptions> {
|
|
44
|
-
/** Index of current slide. */
|
|
45
|
-
activeIndex: number;
|
|
46
|
-
interval: string | number | NodeJS.Timeout;
|
|
47
|
-
eventPause: any;
|
|
48
|
-
_slider: HTMLUListElement;
|
|
49
|
-
_slides: HTMLLIElement[];
|
|
50
|
-
_activeSlide: HTMLLIElement;
|
|
51
|
-
_indicators: HTMLLIElement[];
|
|
52
|
-
_hovered: boolean;
|
|
53
|
-
_focused: boolean;
|
|
54
|
-
_focusCurrent: boolean;
|
|
55
|
-
_sliderId: string;
|
|
56
|
-
constructor(el: HTMLElement, options: Partial<SliderOptions>);
|
|
57
|
-
static get defaults(): SliderOptions;
|
|
58
|
-
/**
|
|
59
|
-
* Initializes instance of Slider.
|
|
60
|
-
* @param el HTML element.
|
|
61
|
-
* @param options Component options.
|
|
62
|
-
*/
|
|
63
|
-
static init(el: HTMLElement, options?: Partial<SliderOptions>): Slider;
|
|
64
|
-
/**
|
|
65
|
-
* Initializes instances of Slider.
|
|
66
|
-
* @param els HTML elements.
|
|
67
|
-
* @param options Component options.
|
|
68
|
-
*/
|
|
69
|
-
static init(els: InitElements<MElement>, options?: Partial<SliderOptions>): Slider[];
|
|
70
|
-
static getInstance(el: HTMLElement): Slider;
|
|
71
|
-
destroy(): void;
|
|
72
|
-
private _setupEventHandlers;
|
|
73
|
-
private _removeEventHandlers;
|
|
74
|
-
private _handleIndicatorClick;
|
|
75
|
-
private _handleAutoPauseHover;
|
|
76
|
-
private _handleAutoPauseFocus;
|
|
77
|
-
private _handleAutoStartHover;
|
|
78
|
-
private _handleAutoStartFocus;
|
|
79
|
-
private _handleInterval;
|
|
80
|
-
private _animateSlide;
|
|
81
|
-
private _setSliderHeight;
|
|
82
|
-
private _setupIndicators;
|
|
83
|
-
private _removeIndicators;
|
|
84
|
-
set(index: number): void;
|
|
85
|
-
_pause(fromEvent: boolean): void;
|
|
86
|
-
/**
|
|
87
|
-
* Pause slider autoslide.
|
|
88
|
-
*/
|
|
89
|
-
pause: () => void;
|
|
90
|
-
/**
|
|
91
|
-
* Start slider autoslide.
|
|
92
|
-
*/
|
|
93
|
-
start: () => void;
|
|
94
|
-
/**
|
|
95
|
-
* Move to next slider.
|
|
96
|
-
*/
|
|
97
|
-
next: () => void;
|
|
98
|
-
/**
|
|
99
|
-
* Move to prev slider.
|
|
100
|
-
*/
|
|
101
|
-
prev: () => void;
|
|
102
|
-
}
|
|
103
|
-
//# sourceMappingURL=slider.d.ts.map
|
package/dist/src/slider.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/slider.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7E,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,MAAM,CAAA;CAChE;AAYD,qBAAa,MAAO,SAAQ,SAAS,CAAC,aAAa,CAAC;IAClD,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;IAC3C,UAAU,EAAE,GAAG,CAAC;IAChB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,YAAY,EAAE,aAAa,CAAC;IAC5B,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;gBAEN,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC;IA+E5D,MAAM,KAAK,QAAQ,kBAElB;IAED;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,MAAM;IACtE;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,MAAM,EAAE;IAUpF,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,MAAM;IAI3C,OAAO;IAOP,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,qBAAqB,CAK5B;IAED,OAAO,CAAC,qBAAqB,CAK5B;IAED,OAAO,CAAC,qBAAqB,CAK5B;IAED,OAAO,CAAC,qBAAqB,CAK5B;IAED,OAAO,CAAC,qBAAqB,CAK5B;IAED,OAAO,CAAC,eAAe,CAQtB;IAED,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,gBAAgB;IAsBxB,OAAO,CAAC,iBAAiB;IAIzB,GAAG,CAAC,KAAK,EAAE,MAAM;IAwDjB,MAAM,CAAC,SAAS,EAAE,OAAO;IAMzB;;OAEG;IACH,KAAK,aAEJ;IAED;;OAEG;IACH,KAAK,aAOJ;IAED;;OAEG;IACH,IAAI,aAMH;IAED;;OAEG;IACH,IAAI,aAMH;CACF"}
|
package/dist/src/tabs.d.ts
DELETED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import { Component, BaseOptions, InitElements, MElement } from "./component";
|
|
2
|
-
export interface TabsOptions extends BaseOptions {
|
|
3
|
-
/**
|
|
4
|
-
* Transition duration in milliseconds.
|
|
5
|
-
* @default 300
|
|
6
|
-
*/
|
|
7
|
-
duration: number;
|
|
8
|
-
/**
|
|
9
|
-
* Callback for when a new tab content is shown.
|
|
10
|
-
* @default null
|
|
11
|
-
*/
|
|
12
|
-
onShow: (newContent: Element) => void;
|
|
13
|
-
/**
|
|
14
|
-
* Set to true to enable swipeable tabs.
|
|
15
|
-
* This also uses the responsiveThreshold option.
|
|
16
|
-
* @default false
|
|
17
|
-
*/
|
|
18
|
-
swipeable: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* The maximum width of the screen, in pixels,
|
|
21
|
-
* where the swipeable functionality initializes.
|
|
22
|
-
* @default infinity
|
|
23
|
-
*/
|
|
24
|
-
responsiveThreshold: number;
|
|
25
|
-
}
|
|
26
|
-
export declare class Tabs extends Component<TabsOptions> {
|
|
27
|
-
_tabLinks: NodeListOf<HTMLAnchorElement>;
|
|
28
|
-
_index: number;
|
|
29
|
-
_indicator: HTMLLIElement;
|
|
30
|
-
_tabWidth: number;
|
|
31
|
-
_tabsWidth: number;
|
|
32
|
-
_tabsCarousel: any;
|
|
33
|
-
_activeTabLink: any;
|
|
34
|
-
_content: any;
|
|
35
|
-
constructor(el: HTMLElement, options: Partial<TabsOptions>);
|
|
36
|
-
static get defaults(): TabsOptions;
|
|
37
|
-
/**
|
|
38
|
-
* Initializes instance of Tabs.
|
|
39
|
-
* @param el HTML element.
|
|
40
|
-
* @param options Component options.
|
|
41
|
-
*/
|
|
42
|
-
static init(el: HTMLElement, options?: Partial<TabsOptions>): Tabs;
|
|
43
|
-
/**
|
|
44
|
-
* Initializes instances of Tabs.
|
|
45
|
-
* @param els HTML elements.
|
|
46
|
-
* @param options Component options.
|
|
47
|
-
*/
|
|
48
|
-
static init(els: InitElements<MElement>, options?: Partial<TabsOptions>): Tabs[];
|
|
49
|
-
static getInstance(el: HTMLElement): Tabs;
|
|
50
|
-
destroy(): void;
|
|
51
|
-
/**
|
|
52
|
-
* The index of tab that is currently shown.
|
|
53
|
-
*/
|
|
54
|
-
get index(): number;
|
|
55
|
-
_setupEventHandlers(): void;
|
|
56
|
-
_removeEventHandlers(): void;
|
|
57
|
-
_handleWindowResize: () => void;
|
|
58
|
-
_handleTabClick: (e: MouseEvent) => void;
|
|
59
|
-
_createIndicator(): void;
|
|
60
|
-
_setupActiveTabLink(): void;
|
|
61
|
-
_setupSwipeableTabs(): void;
|
|
62
|
-
_teardownSwipeableTabs(): void;
|
|
63
|
-
_setupNormalTabs(): void;
|
|
64
|
-
_teardownNormalTabs(): void;
|
|
65
|
-
_setTabsAndTabWidth(): void;
|
|
66
|
-
_calcRightPos(el: any): number;
|
|
67
|
-
_calcLeftPos(el: any): number;
|
|
68
|
-
/**
|
|
69
|
-
* Recalculate tab indicator position. This is useful when
|
|
70
|
-
* the indicator position is not correct.
|
|
71
|
-
*/
|
|
72
|
-
updateTabIndicator(): void;
|
|
73
|
-
_animateIndicator(prevIndex: any): void;
|
|
74
|
-
/**
|
|
75
|
-
* Show tab content that corresponds to the tab with the id.
|
|
76
|
-
* @param tabId The id of the tab that you want to switch to.
|
|
77
|
-
*/
|
|
78
|
-
select(tabId: string): void;
|
|
79
|
-
}
|
|
80
|
-
//# sourceMappingURL=tabs.d.ts.map
|
package/dist/src/tabs.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AASD,qBAAa,IAAK,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9C,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,aAAa,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,GAAG,CAAC;IACnB,cAAc,EAAE,GAAG,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;gBAEF,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC;IAuB1D,MAAM,KAAK,QAAQ,IAAI,WAAW,CAEjC;IAED;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI;IAClE;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,EAAE;IAUhF,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI;IAIzC,OAAO;IAYP;;OAEG;IACH,IAAI,KAAK,WAAyB;IAElC,mBAAmB;IAKnB,oBAAoB;IAKpB,mBAAmB,aAMlB;IAED,eAAe,MAAO,UAAU,UAkD/B;IAED,gBAAgB;IAShB,mBAAmB;IAqBnB,mBAAmB;IA+CnB,sBAAsB;IAQtB,gBAAgB;IAWhB,mBAAmB;IAUnB,mBAAmB;IAKnB,aAAa,CAAC,EAAE,KAAA;IAIhB,YAAY,CAAC,EAAE,KAAA;IAIf;;;OAGG;IACH,kBAAkB;IAKlB,iBAAiB,CAAC,SAAS,KAAA;IAkB3B;;;OAGG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM;CAIrB"}
|
package/dist/src/tapTarget.d.ts
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { Component, BaseOptions, InitElements, MElement, Openable } from "./component";
|
|
2
|
-
export interface TapTargetOptions extends BaseOptions {
|
|
3
|
-
/**
|
|
4
|
-
* Callback function called when Tap Target is opened.
|
|
5
|
-
* @default null
|
|
6
|
-
*/
|
|
7
|
-
onOpen: (origin: HTMLElement) => void;
|
|
8
|
-
/**
|
|
9
|
-
* Callback function called when Tap Target is closed.
|
|
10
|
-
* @default null
|
|
11
|
-
*/
|
|
12
|
-
onClose: (origin: HTMLElement) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare class TapTarget extends Component<TapTargetOptions> implements Openable {
|
|
15
|
-
/**
|
|
16
|
-
* If the tap target is open.
|
|
17
|
-
*/
|
|
18
|
-
isOpen: boolean;
|
|
19
|
-
private wrapper;
|
|
20
|
-
private _origin;
|
|
21
|
-
private originEl;
|
|
22
|
-
private waveEl;
|
|
23
|
-
private contentEl;
|
|
24
|
-
constructor(el: HTMLElement, options: Partial<TapTargetOptions>);
|
|
25
|
-
static get defaults(): TapTargetOptions;
|
|
26
|
-
/**
|
|
27
|
-
* Initializes instance of TapTarget.
|
|
28
|
-
* @param el HTML element.
|
|
29
|
-
* @param options Component options.
|
|
30
|
-
*/
|
|
31
|
-
static init(el: HTMLElement, options?: Partial<TapTargetOptions>): TapTarget;
|
|
32
|
-
/**
|
|
33
|
-
* Initializes instances of TapTarget.
|
|
34
|
-
* @param els HTML elements.
|
|
35
|
-
* @param options Component options.
|
|
36
|
-
*/
|
|
37
|
-
static init(els: InitElements<MElement>, options?: Partial<TapTargetOptions>): TapTarget[];
|
|
38
|
-
static getInstance(el: HTMLElement): TapTarget;
|
|
39
|
-
destroy(): void;
|
|
40
|
-
_setupEventHandlers(): void;
|
|
41
|
-
_removeEventHandlers(): void;
|
|
42
|
-
_handleThrottledResize: () => void;
|
|
43
|
-
_handleTargetClick: () => void;
|
|
44
|
-
_handleOriginClick: () => void;
|
|
45
|
-
_handleResize: () => void;
|
|
46
|
-
_handleDocumentClick: (e: MouseEvent | TouchEvent) => void;
|
|
47
|
-
_setup(): void;
|
|
48
|
-
private _offset;
|
|
49
|
-
_calculatePositioning(): void;
|
|
50
|
-
/**
|
|
51
|
-
* Open Tap Target.
|
|
52
|
-
*/
|
|
53
|
-
open: () => void;
|
|
54
|
-
/**
|
|
55
|
-
* Close Tap Target.
|
|
56
|
-
*/
|
|
57
|
-
close: () => void;
|
|
58
|
-
}
|
|
59
|
-
//# sourceMappingURL=tapTarget.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tapTarget.d.ts","sourceRoot":"","sources":["../../src/tapTarget.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvF,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;OAGG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC;AAOD,qBAAa,SAAU,SAAQ,SAAS,CAAC,gBAAgB,CAAE,YAAW,QAAQ;IAC5E;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,SAAS,CAAc;gBAEnB,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAiB/D,MAAM,KAAK,QAAQ,IAAI,gBAAgB,CAEtC;IAED;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS;IAC5E;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,SAAS,EAAE;IAU1F,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,SAAS;IAI9C,OAAO;IAKP,mBAAmB;IAOnB,oBAAoB;IAMpB,sBAAsB,EAAE,MAAM,IAAI,CAAuE;IAEzG,kBAAkB,aAEjB;IAED,kBAAkB,aAEjB;IAED,aAAa,aAEZ;IAED,oBAAoB,MAAO,UAAU,GAAG,UAAU,UAMjD;IAED,MAAM;IAmCN,OAAO,CAAC,OAAO;IASf,qBAAqB;IAgFrB;;OAEG;IACH,IAAI,aAUF;IAEF;;OAEG;IACH,KAAK,aAUH;CACH"}
|
package/dist/src/timepicker.d.ts
DELETED
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
/// <reference types="node" />
|
|
2
|
-
import { Modal } from "./modal";
|
|
3
|
-
import { Component, BaseOptions, InitElements, MElement, I18nOptions } from "./component";
|
|
4
|
-
export type Views = "hours" | "minutes";
|
|
5
|
-
export interface TimepickerOptions extends BaseOptions {
|
|
6
|
-
/**
|
|
7
|
-
* Dial radius.
|
|
8
|
-
* @default 135
|
|
9
|
-
*/
|
|
10
|
-
dialRadius: number;
|
|
11
|
-
/**
|
|
12
|
-
* Outer radius.
|
|
13
|
-
* @default 105
|
|
14
|
-
*/
|
|
15
|
-
outerRadius: number;
|
|
16
|
-
/**
|
|
17
|
-
* Inner radius.
|
|
18
|
-
* @default 70
|
|
19
|
-
*/
|
|
20
|
-
innerRadius: number;
|
|
21
|
-
/**
|
|
22
|
-
* Tick radius.
|
|
23
|
-
* @default 20
|
|
24
|
-
*/
|
|
25
|
-
tickRadius: number;
|
|
26
|
-
/**
|
|
27
|
-
* Duration of the transition from/to the hours/minutes view.
|
|
28
|
-
* @default 350
|
|
29
|
-
*/
|
|
30
|
-
duration: number;
|
|
31
|
-
/**
|
|
32
|
-
* Specify a DOM element OR selector for a DOM element to render
|
|
33
|
-
* the time picker in, by default it will be placed before the input.
|
|
34
|
-
* @default null
|
|
35
|
-
*/
|
|
36
|
-
container: HTMLElement | string | null;
|
|
37
|
-
/**
|
|
38
|
-
* Show the clear button in the Timepicker.
|
|
39
|
-
* @default false
|
|
40
|
-
*/
|
|
41
|
-
showClearBtn: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Default time to set on the timepicker 'now' or '13:14'.
|
|
44
|
-
* @default 'now';
|
|
45
|
-
*/
|
|
46
|
-
defaultTime: string;
|
|
47
|
-
/**
|
|
48
|
-
* Millisecond offset from the defaultTime.
|
|
49
|
-
* @default 0
|
|
50
|
-
*/
|
|
51
|
-
fromNow: number;
|
|
52
|
-
/**
|
|
53
|
-
* Internationalization options.
|
|
54
|
-
*/
|
|
55
|
-
i18n: Partial<I18nOptions>;
|
|
56
|
-
/**
|
|
57
|
-
* Automatically close picker when minute is selected.
|
|
58
|
-
* @default false;
|
|
59
|
-
*/
|
|
60
|
-
autoClose: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Use 12 hour AM/PM clock instead of 24 hour clock.
|
|
63
|
-
* @default true
|
|
64
|
-
*/
|
|
65
|
-
twelveHour: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* Vibrate device when dragging clock hand.
|
|
68
|
-
* @default true
|
|
69
|
-
*/
|
|
70
|
-
vibrate: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Callback function called before modal is opened.
|
|
73
|
-
* @default null
|
|
74
|
-
*/
|
|
75
|
-
onOpenStart: (el: HTMLElement) => void;
|
|
76
|
-
/**
|
|
77
|
-
* Callback function called after modal is opened.
|
|
78
|
-
* @default null
|
|
79
|
-
*/
|
|
80
|
-
onOpenEnd: (el: HTMLElement) => void;
|
|
81
|
-
/**
|
|
82
|
-
* Callback function called before modal is closed.
|
|
83
|
-
* @default null
|
|
84
|
-
*/
|
|
85
|
-
onCloseStart: (el: HTMLElement) => void;
|
|
86
|
-
/**
|
|
87
|
-
* Callback function called after modal is closed.
|
|
88
|
-
* @default null
|
|
89
|
-
*/
|
|
90
|
-
onCloseEnd: (el: HTMLElement) => void;
|
|
91
|
-
/**
|
|
92
|
-
* Callback function when a time is selected.
|
|
93
|
-
* @default null
|
|
94
|
-
*/
|
|
95
|
-
onSelect: (hour: number, minute: number) => void;
|
|
96
|
-
}
|
|
97
|
-
type Point = {
|
|
98
|
-
x: number;
|
|
99
|
-
y: number;
|
|
100
|
-
};
|
|
101
|
-
export declare class Timepicker extends Component<TimepickerOptions> {
|
|
102
|
-
el: HTMLInputElement;
|
|
103
|
-
id: string;
|
|
104
|
-
modal: Modal;
|
|
105
|
-
modalEl: HTMLElement;
|
|
106
|
-
plate: any;
|
|
107
|
-
digitalClock: any;
|
|
108
|
-
inputHours: HTMLInputElement;
|
|
109
|
-
inputMinutes: HTMLInputElement;
|
|
110
|
-
x0: number;
|
|
111
|
-
y0: number;
|
|
112
|
-
moved: boolean;
|
|
113
|
-
dx: number;
|
|
114
|
-
dy: number;
|
|
115
|
-
/**
|
|
116
|
-
* Current view on the timepicker.
|
|
117
|
-
* @default 'hours'
|
|
118
|
-
*/
|
|
119
|
-
currentView: Views;
|
|
120
|
-
hand: any;
|
|
121
|
-
minutesView: HTMLElement;
|
|
122
|
-
hours: any;
|
|
123
|
-
minutes: any;
|
|
124
|
-
/** The selected time. */
|
|
125
|
-
time: string;
|
|
126
|
-
/**
|
|
127
|
-
* If the time is AM or PM on twelve-hour clock.
|
|
128
|
-
* @default 'PM'
|
|
129
|
-
*/
|
|
130
|
-
amOrPm: "AM" | "PM";
|
|
131
|
-
static _template: any;
|
|
132
|
-
/** If the picker is open. */
|
|
133
|
-
isOpen: boolean;
|
|
134
|
-
/** Vibrate device when dragging clock hand. */
|
|
135
|
-
vibrate: "vibrate" | "webkitVibrate" | null;
|
|
136
|
-
_canvas: HTMLElement;
|
|
137
|
-
hoursView: any;
|
|
138
|
-
spanAmPm: HTMLSpanElement;
|
|
139
|
-
footer: HTMLElement;
|
|
140
|
-
private _amBtn;
|
|
141
|
-
private _pmBtn;
|
|
142
|
-
bg: Element;
|
|
143
|
-
bearing: Element;
|
|
144
|
-
g: Element;
|
|
145
|
-
toggleViewTimer: string | number | NodeJS.Timeout;
|
|
146
|
-
canvas: any;
|
|
147
|
-
vibrateTimer: any;
|
|
148
|
-
constructor(el: HTMLInputElement, options: Partial<TimepickerOptions>);
|
|
149
|
-
static get defaults(): TimepickerOptions;
|
|
150
|
-
/**
|
|
151
|
-
* Initializes instance of Timepicker.
|
|
152
|
-
* @param el HTML element.
|
|
153
|
-
* @param options Component options.
|
|
154
|
-
*/
|
|
155
|
-
static init(el: HTMLInputElement, options?: Partial<TimepickerOptions>): Timepicker;
|
|
156
|
-
/**
|
|
157
|
-
* Initializes instances of Timepicker.
|
|
158
|
-
* @param els HTML elements.
|
|
159
|
-
* @param options Component options.
|
|
160
|
-
*/
|
|
161
|
-
static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<TimepickerOptions>): Timepicker[];
|
|
162
|
-
static _addLeadingZero(num: number): string;
|
|
163
|
-
static _createSVGEl(name: string): Element;
|
|
164
|
-
static _Pos(e: TouchEvent | MouseEvent): Point;
|
|
165
|
-
static getInstance(el: HTMLElement): Timepicker;
|
|
166
|
-
destroy(): void;
|
|
167
|
-
_setupEventHandlers(): void;
|
|
168
|
-
_removeEventHandlers(): void;
|
|
169
|
-
_handleInputClick: () => void;
|
|
170
|
-
_handleInputKeydown: (e: KeyboardEvent) => void;
|
|
171
|
-
_handleTimeInputEnterKey: (e: KeyboardEvent) => void;
|
|
172
|
-
_handleClockClickStart: (e: any) => void;
|
|
173
|
-
_handleDocumentClickMove: (e: any) => void;
|
|
174
|
-
_handleDocumentClickEnd: (e: any) => void;
|
|
175
|
-
_insertHTMLIntoDOM(): void;
|
|
176
|
-
_setupModal(): void;
|
|
177
|
-
_setupVariables(): void;
|
|
178
|
-
private _createButton;
|
|
179
|
-
_pickerSetup(): void;
|
|
180
|
-
_clockSetup(): void;
|
|
181
|
-
_buildSVGClock(): void;
|
|
182
|
-
_buildHoursView(): void;
|
|
183
|
-
_buildMinutesView(): void;
|
|
184
|
-
_handleAmPmClick: (e: any) => void;
|
|
185
|
-
_updateAmPmView(): void;
|
|
186
|
-
_updateTimeFromInput(): void;
|
|
187
|
-
/**
|
|
188
|
-
* Show hours or minutes view on timepicker.
|
|
189
|
-
* @param view The name of the view you want to switch to, 'hours' or 'minutes'.
|
|
190
|
-
*/
|
|
191
|
-
showView: (view: Views, delay?: number) => void;
|
|
192
|
-
resetClock(delay: any): void;
|
|
193
|
-
_inputFromTextField: () => void;
|
|
194
|
-
drawClockFromTimeInput(value: any, isHours: any): void;
|
|
195
|
-
setHand(x: any, y: any, roundBy5?: boolean): void;
|
|
196
|
-
/**
|
|
197
|
-
* Open timepicker.
|
|
198
|
-
*/
|
|
199
|
-
open: () => void;
|
|
200
|
-
/**
|
|
201
|
-
* Close timepicker.
|
|
202
|
-
*/
|
|
203
|
-
close: () => void;
|
|
204
|
-
done: (e?: any, clearValue?: any) => void;
|
|
205
|
-
clear: () => void;
|
|
206
|
-
}
|
|
207
|
-
export {};
|
|
208
|
-
//# sourceMappingURL=timepicker.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"timepicker.d.ts","sourceRoot":"","sources":["../../src/timepicker.ts"],"names":[],"mappings":"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"}
|
package/dist/src/toasts.d.ts
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/// <reference types="node" />
|
|
2
|
-
import { BaseOptions } from "./component";
|
|
3
|
-
export interface ToastOptions extends BaseOptions {
|
|
4
|
-
/**
|
|
5
|
-
* The content of the Toast.
|
|
6
|
-
* @default ""
|
|
7
|
-
*/
|
|
8
|
-
text: string;
|
|
9
|
-
/**
|
|
10
|
-
* Element Id for the tooltip.
|
|
11
|
-
* @default ""
|
|
12
|
-
*/
|
|
13
|
-
toastId?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Length in ms the Toast stays before dismissal.
|
|
16
|
-
* @default 4000
|
|
17
|
-
*/
|
|
18
|
-
displayLength: number;
|
|
19
|
-
/**
|
|
20
|
-
* Transition in duration in milliseconds.
|
|
21
|
-
* @default 300
|
|
22
|
-
*/
|
|
23
|
-
inDuration: number;
|
|
24
|
-
/**
|
|
25
|
-
* Transition out duration in milliseconds.
|
|
26
|
-
* @default 375
|
|
27
|
-
*/
|
|
28
|
-
outDuration: number;
|
|
29
|
-
/**
|
|
30
|
-
* Classes to be added to the toast element.
|
|
31
|
-
* @default ""
|
|
32
|
-
*/
|
|
33
|
-
classes: string;
|
|
34
|
-
/**
|
|
35
|
-
* Callback function called when toast is dismissed.
|
|
36
|
-
* @default null
|
|
37
|
-
*/
|
|
38
|
-
completeCallback: () => void;
|
|
39
|
-
/**
|
|
40
|
-
* The percentage of the toast's width it takes fora drag
|
|
41
|
-
* to dismiss a Toast.
|
|
42
|
-
* @default 0.8
|
|
43
|
-
*/
|
|
44
|
-
activationPercent: number;
|
|
45
|
-
}
|
|
46
|
-
export declare class Toast {
|
|
47
|
-
/** The toast element. */
|
|
48
|
-
el: HTMLElement;
|
|
49
|
-
/**
|
|
50
|
-
* The remaining amount of time in ms that the toast
|
|
51
|
-
* will stay before dismissal.
|
|
52
|
-
*/
|
|
53
|
-
timeRemaining: number;
|
|
54
|
-
/**
|
|
55
|
-
* Describes the current pan state of the Toast.
|
|
56
|
-
*/
|
|
57
|
-
panning: boolean;
|
|
58
|
-
options: ToastOptions;
|
|
59
|
-
message: string;
|
|
60
|
-
counterInterval: NodeJS.Timeout;
|
|
61
|
-
wasSwiped: boolean;
|
|
62
|
-
startingXPos: number;
|
|
63
|
-
xPos: number;
|
|
64
|
-
time: number;
|
|
65
|
-
deltaX: number;
|
|
66
|
-
velocityX: number;
|
|
67
|
-
static _toasts: Toast[];
|
|
68
|
-
static _container: any;
|
|
69
|
-
static _draggedToast: Toast;
|
|
70
|
-
constructor(options: Partial<ToastOptions>);
|
|
71
|
-
static get defaults(): ToastOptions;
|
|
72
|
-
static getInstance(el: HTMLElement): Toast;
|
|
73
|
-
static _createContainer(): void;
|
|
74
|
-
static _removeContainer(): void;
|
|
75
|
-
static _onDragStart(e: TouchEvent | MouseEvent): void;
|
|
76
|
-
static _onDragMove(e: TouchEvent | MouseEvent): void;
|
|
77
|
-
static _onDragEnd(): void;
|
|
78
|
-
static _xPos(e: TouchEvent | MouseEvent): number;
|
|
79
|
-
/**
|
|
80
|
-
* dismiss all toasts.
|
|
81
|
-
*/
|
|
82
|
-
static dismissAll(): void;
|
|
83
|
-
_createToast(): HTMLElement;
|
|
84
|
-
_animateIn(): void;
|
|
85
|
-
/**
|
|
86
|
-
* Create setInterval which automatically removes toast when timeRemaining >= 0
|
|
87
|
-
* has been reached.
|
|
88
|
-
*/
|
|
89
|
-
_setTimer(): void;
|
|
90
|
-
/**
|
|
91
|
-
* Dismiss toast with animation.
|
|
92
|
-
*/
|
|
93
|
-
dismiss(): void;
|
|
94
|
-
}
|
|
95
|
-
//# sourceMappingURL=toasts.d.ts.map
|
package/dist/src/toasts.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toasts.d.ts","sourceRoot":"","sources":["../../src/toasts.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAYD,qBAAa,KAAK;IAChB,yBAAyB;IACzB,EAAE,EAAE,WAAW,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAElB,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC;IACvB,MAAM,CAAC,aAAa,EAAE,KAAK,CAAC;gBAEhB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC;IAoB1C,MAAM,KAAK,QAAQ,IAAI,YAAY,CAElC;IAED,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,WAAW,GAAG,KAAK;IAI1C,MAAM,CAAC,gBAAgB;IAcvB,MAAM,CAAC,gBAAgB;IAOvB,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU;IAc9C,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU;IAgB7C,MAAM,CAAC,UAAU;IAyBjB,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU;IAQvC;;OAEG;IACH,MAAM,CAAC,UAAU;IAMjB,YAAY;IAiBZ,UAAU;IAeV;;;OAGG;IACH,SAAS;IAeT;;OAEG;IACH,OAAO;CAyCR"}
|
package/dist/src/tooltip.d.ts
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { Component, BaseOptions, InitElements, MElement } from "./component";
|
|
2
|
-
export type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
|
|
3
|
-
export interface TooltipOptions extends BaseOptions {
|
|
4
|
-
/**
|
|
5
|
-
* Delay time before tooltip disappears.
|
|
6
|
-
* @default 200
|
|
7
|
-
*/
|
|
8
|
-
exitDelay: number;
|
|
9
|
-
/**
|
|
10
|
-
* Delay time before tooltip appears.
|
|
11
|
-
* @default 0
|
|
12
|
-
*/
|
|
13
|
-
enterDelay: number;
|
|
14
|
-
/**
|
|
15
|
-
* Element Id for the tooltip.
|
|
16
|
-
* @default ""
|
|
17
|
-
*/
|
|
18
|
-
tooltipId?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Text string for the tooltip.
|
|
21
|
-
* @default ""
|
|
22
|
-
*/
|
|
23
|
-
text: string;
|
|
24
|
-
/**
|
|
25
|
-
* Set distance tooltip appears away from its activator
|
|
26
|
-
* excluding transitionMovement.
|
|
27
|
-
* @default 5
|
|
28
|
-
*/
|
|
29
|
-
margin: number;
|
|
30
|
-
/**
|
|
31
|
-
* Enter transition duration.
|
|
32
|
-
* @default 300
|
|
33
|
-
*/
|
|
34
|
-
inDuration: number;
|
|
35
|
-
/**
|
|
36
|
-
* Opacity of the tooltip.
|
|
37
|
-
* @default 1
|
|
38
|
-
*/
|
|
39
|
-
opacity: number;
|
|
40
|
-
/**
|
|
41
|
-
* Exit transition duration.
|
|
42
|
-
* @default 250
|
|
43
|
-
*/
|
|
44
|
-
outDuration: number;
|
|
45
|
-
/**
|
|
46
|
-
* Set the direction of the tooltip.
|
|
47
|
-
* @default 'bottom'
|
|
48
|
-
*/
|
|
49
|
-
position: TooltipPosition;
|
|
50
|
-
/**
|
|
51
|
-
* Amount in px that the tooltip moves during its transition.
|
|
52
|
-
* @default 10
|
|
53
|
-
*/
|
|
54
|
-
transitionMovement: number;
|
|
55
|
-
}
|
|
56
|
-
export declare class Tooltip extends Component<TooltipOptions> {
|
|
57
|
-
/**
|
|
58
|
-
* If tooltip is open.
|
|
59
|
-
*/
|
|
60
|
-
isOpen: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* If tooltip is hovered.
|
|
63
|
-
*/
|
|
64
|
-
isHovered: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* If tooltip is focused.
|
|
67
|
-
*/
|
|
68
|
-
isFocused: boolean;
|
|
69
|
-
tooltipEl: HTMLElement;
|
|
70
|
-
private _exitDelayTimeout;
|
|
71
|
-
private _enterDelayTimeout;
|
|
72
|
-
xMovement: number;
|
|
73
|
-
yMovement: number;
|
|
74
|
-
constructor(el: HTMLElement, options: Partial<TooltipOptions>);
|
|
75
|
-
static get defaults(): TooltipOptions;
|
|
76
|
-
/**
|
|
77
|
-
* Initializes instance of Tooltip.
|
|
78
|
-
* @param el HTML element.
|
|
79
|
-
* @param options Component options.
|
|
80
|
-
*/
|
|
81
|
-
static init(el: HTMLElement, options?: Partial<TooltipOptions>): Tooltip;
|
|
82
|
-
/**
|
|
83
|
-
* Initializes instances of Tooltip.
|
|
84
|
-
* @param els HTML elements.
|
|
85
|
-
* @param options Component options.
|
|
86
|
-
*/
|
|
87
|
-
static init(els: InitElements<MElement>, options?: Partial<TooltipOptions>): Tooltip[];
|
|
88
|
-
static getInstance(el: HTMLElement): Tooltip;
|
|
89
|
-
destroy(): void;
|
|
90
|
-
_appendTooltipEl(): void;
|
|
91
|
-
_setTooltipContent(tooltipContentEl: HTMLElement): void;
|
|
92
|
-
_updateTooltipContent(): void;
|
|
93
|
-
_setupEventHandlers(): void;
|
|
94
|
-
_removeEventHandlers(): void;
|
|
95
|
-
/**
|
|
96
|
-
* Show tooltip.
|
|
97
|
-
*/
|
|
98
|
-
open: (isManual: boolean) => void;
|
|
99
|
-
/**
|
|
100
|
-
* Hide tooltip.
|
|
101
|
-
*/
|
|
102
|
-
close: () => void;
|
|
103
|
-
_setExitDelayTimeout(): void;
|
|
104
|
-
_setEnterDelayTimeout(isManual: any): void;
|
|
105
|
-
_positionTooltip(): void;
|
|
106
|
-
_repositionWithinScreen(x: number, y: number, width: number, height: number): {
|
|
107
|
-
x: number;
|
|
108
|
-
y: number;
|
|
109
|
-
};
|
|
110
|
-
_animateIn(): void;
|
|
111
|
-
_animateOut(): void;
|
|
112
|
-
_handleMouseEnter: () => void;
|
|
113
|
-
_handleMouseLeave: () => void;
|
|
114
|
-
_handleFocus: () => void;
|
|
115
|
-
_handleBlur: () => void;
|
|
116
|
-
_getAttributeOptions(): Partial<TooltipOptions>;
|
|
117
|
-
}
|
|
118
|
-
//# sourceMappingURL=tooltip.d.ts.map
|