jsuites 6.4.2 → 6.4.3
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/LICENSE +21 -21
- package/README.md +119 -119
- package/dist/jsuites.css +3424 -3424
- package/dist/jsuites.d.ts +10 -10
- package/dist/jsuites.js +22475 -22450
- package/dist/jsuites.webcomponents.js +501 -501
- package/dist/types/animation.d.ts +23 -23
- package/dist/types/calendar.d.ts +87 -87
- package/dist/types/color.d.ts +50 -50
- package/dist/types/contextmenu.d.ts +43 -43
- package/dist/types/dropdown.d.ts +177 -177
- package/dist/types/editor.d.ts +96 -96
- package/dist/types/floating.d.ts +23 -23
- package/dist/types/form.d.ts +57 -57
- package/dist/types/index.d.ts +59 -59
- package/dist/types/mask.d.ts +50 -50
- package/dist/types/modal.d.ts +35 -35
- package/dist/types/notification.d.ts +27 -27
- package/dist/types/picker.d.ts +45 -45
- package/dist/types/rating.d.ts +19 -19
- package/dist/types/search.d.ts +23 -23
- package/dist/types/slider.d.ts +31 -31
- package/dist/types/tabs.d.ts +79 -79
- package/dist/types/tags.d.ts +105 -105
- package/dist/types/toolbar.d.ts +70 -70
- package/dist/types/upload.d.ts +45 -45
- package/dist/types/validations.d.ts +39 -39
- package/package.json +4 -4
- package/react/calendar/index.d.ts +105 -105
- package/react/calendar/index.js +28 -28
- package/react/color/index.d.ts +84 -84
- package/react/color/index.js +28 -28
- package/react/contextmenu/index.d.ts +61 -61
- package/react/contextmenu/index.js +24 -24
- package/react/dropdown/index.d.ts +184 -184
- package/react/dropdown/index.js +25 -25
- package/react/editor/index.d.ts +114 -114
- package/react/editor/index.js +31 -31
- package/react/index.js +26 -26
- package/react/modal/index.d.ts +53 -53
- package/react/modal/index.js +30 -30
- package/react/picker/index.d.ts +64 -64
- package/react/picker/index.js +28 -28
- package/react/rating/index.d.ts +37 -37
- package/react/rating/index.js +28 -28
- package/react/slider/index.d.ts +49 -49
- package/react/slider/index.js +30 -30
- package/react/tabs/index.d.ts +97 -97
- package/react/tabs/index.js +29 -29
- package/react/tags/index.d.ts +121 -121
- package/react/tags/index.js +24 -24
- package/react/toolbar/index.d.ts +88 -88
- package/react/toolbar/index.js +24 -24
- package/vue/calendar/index.d.ts +105 -105
- package/vue/calendar/index.js +36 -36
- package/vue/color/index.d.ts +84 -84
- package/vue/color/index.js +36 -36
- package/vue/contextmenu/index.d.ts +61 -61
- package/vue/contextmenu/index.js +21 -21
- package/vue/dropdown/index.d.ts +184 -184
- package/vue/dropdown/index.js +25 -25
- package/vue/editor/index.d.ts +114 -114
- package/vue/editor/index.js +40 -40
- package/vue/index.js +40 -40
- package/vue/modal/index.d.ts +53 -53
- package/vue/modal/index.js +41 -41
- package/vue/picker/index.d.ts +64 -64
- package/vue/picker/index.js +36 -36
- package/vue/rating/index.d.ts +37 -37
- package/vue/rating/index.js +36 -36
- package/vue/slider/index.d.ts +49 -49
- package/vue/slider/index.js +33 -33
- package/vue/tabs/index.d.ts +97 -97
- package/vue/tabs/index.js +28 -28
- package/vue/tags/index.d.ts +121 -121
- package/vue/tags/index.js +21 -21
- package/vue/toolbar/index.d.ts +88 -88
- package/vue/toolbar/index.js +21 -21
package/dist/types/form.d.ts
CHANGED
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
/** Point the form to a backend server */
|
|
3
|
-
url: null,
|
|
4
|
-
/** Default message if the user tries to leave the form without saving. Default: 'Are you sure? There are unsaved information in your form' */
|
|
5
|
-
message: string,
|
|
6
|
-
/** Ignore changes in the form */
|
|
7
|
-
ignore: boolean,
|
|
8
|
-
/** Internal hash controller */
|
|
9
|
-
currentHash: null,
|
|
10
|
-
/** Submit button */
|
|
11
|
-
submitButton: HTMLElement,
|
|
12
|
-
/** Validations definitions */
|
|
13
|
-
validations: Record<string, Function>,
|
|
14
|
-
/** Before loading new data to the form */
|
|
15
|
-
onbeforeload: (el: HTMLElement, data: object) => void,
|
|
16
|
-
/** After loading data to the form */
|
|
17
|
-
onload: (el: HTMLElement, data: object) => void,
|
|
18
|
-
/** Before sending data to the backend to save. Return false to cancel the submission */
|
|
19
|
-
onbeforesave: (el: HTMLElement, data: object) => void | boolean,
|
|
20
|
-
/** After save new data to the server */
|
|
21
|
-
onsave: (el: HTMLElement, data: object) => void,
|
|
22
|
-
/** Before remove an item */
|
|
23
|
-
onbeforeremove: (el: HTMLElement, obj: Form) => void | boolean,
|
|
24
|
-
/** After remove an item */
|
|
25
|
-
onremove: (el: HTMLElement, obj: Form, result: object) => void,
|
|
26
|
-
/** Before loading new data to the form */
|
|
27
|
-
onerror: (el: HTMLElement, message: string) => void
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export type Form = (el: HTMLElement, options: Options) => {
|
|
31
|
-
/** Change the form backend server */
|
|
32
|
-
setUrl: () => void;
|
|
33
|
-
/** Load data from he server to the form */
|
|
34
|
-
load: () => void;
|
|
35
|
-
/** Save the data from the form to the server */
|
|
36
|
-
save: () => void;
|
|
37
|
-
/** Submit a remove Restful request to the server */
|
|
38
|
-
remove: () => void;
|
|
39
|
-
/** Valid a single HTML element */
|
|
40
|
-
validateElement: (element: HTMLElement) => boolean;
|
|
41
|
-
/** Reset the form */
|
|
42
|
-
reset: () => void;
|
|
43
|
-
/** Validate the form */
|
|
44
|
-
validate: () => string | boolean;
|
|
45
|
-
/** Get the error from the form */
|
|
46
|
-
getError: () => string;
|
|
47
|
-
/** Internal tracking control */
|
|
48
|
-
setHash: (str: string) => void;
|
|
49
|
-
/** Internal tracking control */
|
|
50
|
-
getHash: () => string;
|
|
51
|
-
/** Form has changed */
|
|
52
|
-
isChanged: () => boolean;
|
|
53
|
-
/** Reset the form tracking */
|
|
54
|
-
resetTracker: () => void;
|
|
55
|
-
/** Ignore changes in the form */
|
|
56
|
-
setIgnore: (flag: boolean) => void;
|
|
57
|
-
}
|
|
1
|
+
interface Options {
|
|
2
|
+
/** Point the form to a backend server */
|
|
3
|
+
url: null,
|
|
4
|
+
/** Default message if the user tries to leave the form without saving. Default: 'Are you sure? There are unsaved information in your form' */
|
|
5
|
+
message: string,
|
|
6
|
+
/** Ignore changes in the form */
|
|
7
|
+
ignore: boolean,
|
|
8
|
+
/** Internal hash controller */
|
|
9
|
+
currentHash: null,
|
|
10
|
+
/** Submit button */
|
|
11
|
+
submitButton: HTMLElement,
|
|
12
|
+
/** Validations definitions */
|
|
13
|
+
validations: Record<string, Function>,
|
|
14
|
+
/** Before loading new data to the form */
|
|
15
|
+
onbeforeload: (el: HTMLElement, data: object) => void,
|
|
16
|
+
/** After loading data to the form */
|
|
17
|
+
onload: (el: HTMLElement, data: object) => void,
|
|
18
|
+
/** Before sending data to the backend to save. Return false to cancel the submission */
|
|
19
|
+
onbeforesave: (el: HTMLElement, data: object) => void | boolean,
|
|
20
|
+
/** After save new data to the server */
|
|
21
|
+
onsave: (el: HTMLElement, data: object) => void,
|
|
22
|
+
/** Before remove an item */
|
|
23
|
+
onbeforeremove: (el: HTMLElement, obj: Form) => void | boolean,
|
|
24
|
+
/** After remove an item */
|
|
25
|
+
onremove: (el: HTMLElement, obj: Form, result: object) => void,
|
|
26
|
+
/** Before loading new data to the form */
|
|
27
|
+
onerror: (el: HTMLElement, message: string) => void
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export type Form = (el: HTMLElement, options: Options) => {
|
|
31
|
+
/** Change the form backend server */
|
|
32
|
+
setUrl: () => void;
|
|
33
|
+
/** Load data from he server to the form */
|
|
34
|
+
load: () => void;
|
|
35
|
+
/** Save the data from the form to the server */
|
|
36
|
+
save: () => void;
|
|
37
|
+
/** Submit a remove Restful request to the server */
|
|
38
|
+
remove: () => void;
|
|
39
|
+
/** Valid a single HTML element */
|
|
40
|
+
validateElement: (element: HTMLElement) => boolean;
|
|
41
|
+
/** Reset the form */
|
|
42
|
+
reset: () => void;
|
|
43
|
+
/** Validate the form */
|
|
44
|
+
validate: () => string | boolean;
|
|
45
|
+
/** Get the error from the form */
|
|
46
|
+
getError: () => string;
|
|
47
|
+
/** Internal tracking control */
|
|
48
|
+
setHash: (str: string) => void;
|
|
49
|
+
/** Internal tracking control */
|
|
50
|
+
getHash: () => string;
|
|
51
|
+
/** Form has changed */
|
|
52
|
+
isChanged: () => boolean;
|
|
53
|
+
/** Reset the form tracking */
|
|
54
|
+
resetTracker: () => void;
|
|
55
|
+
/** Ignore changes in the form */
|
|
56
|
+
setIgnore: (flag: boolean) => void;
|
|
57
|
+
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Official Type definitions for Jspreadsheet Pro v9
|
|
3
|
-
* https://jspreadsheet.com/v9
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import { Animation, Loading } from "./animation";
|
|
7
|
-
import { Calendar } from "./calendar";
|
|
8
|
-
import { Color } from "./color";
|
|
9
|
-
import { Contextmenu } from "./contextmenu";
|
|
10
|
-
import { Dropdown } from "./dropdown";
|
|
11
|
-
import { Editor } from "./editor";
|
|
12
|
-
import { Floating } from "./floating";
|
|
13
|
-
import { Form } from "./form";
|
|
14
|
-
import { Mask } from "./mask";
|
|
15
|
-
import { Modal } from "./modal";
|
|
16
|
-
import { Notification } from "./notification";
|
|
17
|
-
import { Picker } from "./picker";
|
|
18
|
-
import { Rating } from "./rating";
|
|
19
|
-
import { Search } from "./search";
|
|
20
|
-
import { Slider } from "./slider";
|
|
21
|
-
import { Tabs } from "./tabs";
|
|
22
|
-
import { Tags } from "./tags";
|
|
23
|
-
import { Toolbar } from "./toolbar";
|
|
24
|
-
import { Upload } from "./upload";
|
|
25
|
-
import { Validations } from "./validations";
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
export interface JSuites {
|
|
29
|
-
animation: Animation;
|
|
30
|
-
calendar: Calendar;
|
|
31
|
-
color: Color;
|
|
32
|
-
contextmenu: Contextmenu;
|
|
33
|
-
dropdown: Dropdown;
|
|
34
|
-
editor: Editor;
|
|
35
|
-
floating: Floating;
|
|
36
|
-
form: Form;
|
|
37
|
-
loading: Loading;
|
|
38
|
-
mask: Mask;
|
|
39
|
-
modal: Modal;
|
|
40
|
-
notification: Notification;
|
|
41
|
-
picker: Picker;
|
|
42
|
-
rating: Rating;
|
|
43
|
-
search: Search;
|
|
44
|
-
slider: Slider;
|
|
45
|
-
tabs: Tabs;
|
|
46
|
-
tags: Tags;
|
|
47
|
-
toolbar: Toolbar;
|
|
48
|
-
upload: Upload;
|
|
49
|
-
validations: Validations;
|
|
50
|
-
|
|
51
|
-
/** License string. Use setLicense to define the license */
|
|
52
|
-
version: string;
|
|
53
|
-
|
|
54
|
-
/** Define the translations from english to any other language. Ex.{ 'hello': 'Ola', 'Successfully Saved': 'Salvo com sucesso' } */
|
|
55
|
-
setDictionary(dictionary: object) : void;
|
|
56
|
-
|
|
57
|
-
/** Set extensions to the JSS spreadsheet. Example { formula, parser, render } */
|
|
58
|
-
setExtensions(extensions: object) : void;
|
|
59
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Official Type definitions for Jspreadsheet Pro v9
|
|
3
|
+
* https://jspreadsheet.com/v9
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
import { Animation, Loading } from "./animation";
|
|
7
|
+
import { Calendar } from "./calendar";
|
|
8
|
+
import { Color } from "./color";
|
|
9
|
+
import { Contextmenu } from "./contextmenu";
|
|
10
|
+
import { Dropdown } from "./dropdown";
|
|
11
|
+
import { Editor } from "./editor";
|
|
12
|
+
import { Floating } from "./floating";
|
|
13
|
+
import { Form } from "./form";
|
|
14
|
+
import { Mask } from "./mask";
|
|
15
|
+
import { Modal } from "./modal";
|
|
16
|
+
import { Notification } from "./notification";
|
|
17
|
+
import { Picker } from "./picker";
|
|
18
|
+
import { Rating } from "./rating";
|
|
19
|
+
import { Search } from "./search";
|
|
20
|
+
import { Slider } from "./slider";
|
|
21
|
+
import { Tabs } from "./tabs";
|
|
22
|
+
import { Tags } from "./tags";
|
|
23
|
+
import { Toolbar } from "./toolbar";
|
|
24
|
+
import { Upload } from "./upload";
|
|
25
|
+
import { Validations } from "./validations";
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
export interface JSuites {
|
|
29
|
+
animation: Animation;
|
|
30
|
+
calendar: Calendar;
|
|
31
|
+
color: Color;
|
|
32
|
+
contextmenu: Contextmenu;
|
|
33
|
+
dropdown: Dropdown;
|
|
34
|
+
editor: Editor;
|
|
35
|
+
floating: Floating;
|
|
36
|
+
form: Form;
|
|
37
|
+
loading: Loading;
|
|
38
|
+
mask: Mask;
|
|
39
|
+
modal: Modal;
|
|
40
|
+
notification: Notification;
|
|
41
|
+
picker: Picker;
|
|
42
|
+
rating: Rating;
|
|
43
|
+
search: Search;
|
|
44
|
+
slider: Slider;
|
|
45
|
+
tabs: Tabs;
|
|
46
|
+
tags: Tags;
|
|
47
|
+
toolbar: Toolbar;
|
|
48
|
+
upload: Upload;
|
|
49
|
+
validations: Validations;
|
|
50
|
+
|
|
51
|
+
/** License string. Use setLicense to define the license */
|
|
52
|
+
version: string;
|
|
53
|
+
|
|
54
|
+
/** Define the translations from english to any other language. Ex.{ 'hello': 'Ola', 'Successfully Saved': 'Salvo com sucesso' } */
|
|
55
|
+
setDictionary(dictionary: object) : void;
|
|
56
|
+
|
|
57
|
+
/** Set extensions to the JSS spreadsheet. Example { formula, parser, render } */
|
|
58
|
+
setExtensions(extensions: object) : void;
|
|
59
|
+
}
|
package/dist/types/mask.d.ts
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import NumberFormat = Intl.NumberFormat;
|
|
2
|
-
|
|
3
|
-
interface Return {
|
|
4
|
-
// Element
|
|
5
|
-
input: HTMLElement,
|
|
6
|
-
// Current value
|
|
7
|
-
value: any,
|
|
8
|
-
// Mask options
|
|
9
|
-
options: object,
|
|
10
|
-
// New values for each token found
|
|
11
|
-
values: string[] | number[],
|
|
12
|
-
// Token position
|
|
13
|
-
index: number,
|
|
14
|
-
// Character position
|
|
15
|
-
position: number,
|
|
16
|
-
// Date raw values
|
|
17
|
-
date: [number,number,number,number,number,number],
|
|
18
|
-
// Raw number for the numeric values
|
|
19
|
-
number: number,
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
interface Options {
|
|
23
|
-
/** Mask */
|
|
24
|
-
mask?: string;
|
|
25
|
-
options?: Options;
|
|
26
|
-
value?: any;
|
|
27
|
-
locale?: NumberFormat;
|
|
28
|
-
type?: 'currency' | 'percentage' | 'numeric' | 'general'
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export type Mask = (value: any, config: Options, returnObject?: boolean) => {
|
|
32
|
-
/** Get the type from a value */
|
|
33
|
-
getType: (str: string) => string;
|
|
34
|
-
/** Extract the tokens from a mask. This is an internal method */
|
|
35
|
-
prepare: (str: string, object: object) => void;
|
|
36
|
-
/** Apply the mask into an element */
|
|
37
|
-
apply: (e: MouseEvent) => void;
|
|
38
|
-
/** Run mask */
|
|
39
|
-
run: (value, mask, decimal) => void;
|
|
40
|
-
/** Extract a raw information from a formatted value */
|
|
41
|
-
extract: (v, options, returnObject) => void;
|
|
42
|
-
/** Render the mask from a value */
|
|
43
|
-
render: (value, options, fullMask) => void;
|
|
44
|
-
/** Set the mask into a Element */
|
|
45
|
-
set: (e, m) => void;
|
|
46
|
-
/** Extract the date from a formatted string */
|
|
47
|
-
extractDateFromString: (date: string, format?: string) => string;
|
|
48
|
-
/** Convert a date into a formatted date */
|
|
49
|
-
getDateString: (value, options) => string;
|
|
50
|
-
}
|
|
1
|
+
import NumberFormat = Intl.NumberFormat;
|
|
2
|
+
|
|
3
|
+
interface Return {
|
|
4
|
+
// Element
|
|
5
|
+
input: HTMLElement,
|
|
6
|
+
// Current value
|
|
7
|
+
value: any,
|
|
8
|
+
// Mask options
|
|
9
|
+
options: object,
|
|
10
|
+
// New values for each token found
|
|
11
|
+
values: string[] | number[],
|
|
12
|
+
// Token position
|
|
13
|
+
index: number,
|
|
14
|
+
// Character position
|
|
15
|
+
position: number,
|
|
16
|
+
// Date raw values
|
|
17
|
+
date: [number,number,number,number,number,number],
|
|
18
|
+
// Raw number for the numeric values
|
|
19
|
+
number: number,
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
interface Options {
|
|
23
|
+
/** Mask */
|
|
24
|
+
mask?: string;
|
|
25
|
+
options?: Options;
|
|
26
|
+
value?: any;
|
|
27
|
+
locale?: NumberFormat;
|
|
28
|
+
type?: 'currency' | 'percentage' | 'numeric' | 'general'
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export type Mask = (value: any, config: Options, returnObject?: boolean) => {
|
|
32
|
+
/** Get the type from a value */
|
|
33
|
+
getType: (str: string) => string;
|
|
34
|
+
/** Extract the tokens from a mask. This is an internal method */
|
|
35
|
+
prepare: (str: string, object: object) => void;
|
|
36
|
+
/** Apply the mask into an element */
|
|
37
|
+
apply: (e: MouseEvent) => void;
|
|
38
|
+
/** Run mask */
|
|
39
|
+
run: (value, mask, decimal) => void;
|
|
40
|
+
/** Extract a raw information from a formatted value */
|
|
41
|
+
extract: (v, options, returnObject) => void;
|
|
42
|
+
/** Render the mask from a value */
|
|
43
|
+
render: (value, options, fullMask) => void;
|
|
44
|
+
/** Set the mask into a Element */
|
|
45
|
+
set: (e, m) => void;
|
|
46
|
+
/** Extract the date from a formatted string */
|
|
47
|
+
extractDateFromString: (date: string, format?: string) => string;
|
|
48
|
+
/** Convert a date into a formatted date */
|
|
49
|
+
getDateString: (value, options) => string;
|
|
50
|
+
}
|
package/dist/types/modal.d.ts
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
/** Load the content of the modal from a remote URL */
|
|
3
|
-
url?: string;
|
|
4
|
-
/** When the modal is opened */
|
|
5
|
-
onopen?: (el: HTMLElement, instance: Modal) => void;
|
|
6
|
-
/** When the modal is closed */
|
|
7
|
-
onclose?: (el: HTMLElement, instance: Modal) => void;
|
|
8
|
-
/** When the modal is ready */
|
|
9
|
-
onload?: (instance: Modal) => void;
|
|
10
|
-
/** Create a modal with state closed. Default: false */
|
|
11
|
-
closed?: boolean;
|
|
12
|
-
/** Modal width */
|
|
13
|
-
width?: number;
|
|
14
|
-
/** Modal height */
|
|
15
|
-
height?: number;
|
|
16
|
-
/** Modal title */
|
|
17
|
-
title?: string;
|
|
18
|
-
/** Modal padding */
|
|
19
|
-
padding?: number;
|
|
20
|
-
/** Show backdrop. Default: true */
|
|
21
|
-
backdrop?: boolean;
|
|
22
|
-
/** Show title icon. Material icon keyword */
|
|
23
|
-
icon?: string;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export type Modal = (el: HTMLElement, options: Options) => {
|
|
27
|
-
/** Open the modal */
|
|
28
|
-
open: () => void;
|
|
29
|
-
/** Reset the modal position to the center */
|
|
30
|
-
resetPosition: () => void;
|
|
31
|
-
/** Modal is opened */
|
|
32
|
-
isOpen: () => boolean;
|
|
33
|
-
/** Close the modal */
|
|
34
|
-
close: () => void;
|
|
35
|
-
}
|
|
1
|
+
interface Options {
|
|
2
|
+
/** Load the content of the modal from a remote URL */
|
|
3
|
+
url?: string;
|
|
4
|
+
/** When the modal is opened */
|
|
5
|
+
onopen?: (el: HTMLElement, instance: Modal) => void;
|
|
6
|
+
/** When the modal is closed */
|
|
7
|
+
onclose?: (el: HTMLElement, instance: Modal) => void;
|
|
8
|
+
/** When the modal is ready */
|
|
9
|
+
onload?: (instance: Modal) => void;
|
|
10
|
+
/** Create a modal with state closed. Default: false */
|
|
11
|
+
closed?: boolean;
|
|
12
|
+
/** Modal width */
|
|
13
|
+
width?: number;
|
|
14
|
+
/** Modal height */
|
|
15
|
+
height?: number;
|
|
16
|
+
/** Modal title */
|
|
17
|
+
title?: string;
|
|
18
|
+
/** Modal padding */
|
|
19
|
+
padding?: number;
|
|
20
|
+
/** Show backdrop. Default: true */
|
|
21
|
+
backdrop?: boolean;
|
|
22
|
+
/** Show title icon. Material icon keyword */
|
|
23
|
+
icon?: string;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export type Modal = (el: HTMLElement, options: Options) => {
|
|
27
|
+
/** Open the modal */
|
|
28
|
+
open: () => void;
|
|
29
|
+
/** Reset the modal position to the center */
|
|
30
|
+
resetPosition: () => void;
|
|
31
|
+
/** Modal is opened */
|
|
32
|
+
isOpen: () => boolean;
|
|
33
|
+
/** Close the modal */
|
|
34
|
+
close: () => void;
|
|
35
|
+
}
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
/** Notification popup icon to be define inside google material icon options */
|
|
3
|
-
icon?: string;
|
|
4
|
-
/** Notification pop application name. Default: 'Notification' */
|
|
5
|
-
name?: string;
|
|
6
|
-
/** Notification date. */
|
|
7
|
-
date?: string;
|
|
8
|
-
/** The notification is an error. It will return a red popup */
|
|
9
|
-
error?: boolean;
|
|
10
|
-
/** Notification pop title. Default: 'Notification' */
|
|
11
|
-
title?: string;
|
|
12
|
-
/** notification message */
|
|
13
|
-
message: string;
|
|
14
|
-
/** Automatically timeout to hide the message */
|
|
15
|
-
timeout: 4000;
|
|
16
|
-
/** Auto hide the message */
|
|
17
|
-
autoHide: true;
|
|
18
|
-
/** Button to close the message */
|
|
19
|
-
closeable: true;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/** Toast Plugin */
|
|
23
|
-
export type Notification = (options: Options) => {
|
|
24
|
-
show: () => void;
|
|
25
|
-
hide: () => void;
|
|
26
|
-
options: Options;
|
|
27
|
-
}
|
|
1
|
+
interface Options {
|
|
2
|
+
/** Notification popup icon to be define inside google material icon options */
|
|
3
|
+
icon?: string;
|
|
4
|
+
/** Notification pop application name. Default: 'Notification' */
|
|
5
|
+
name?: string;
|
|
6
|
+
/** Notification date. */
|
|
7
|
+
date?: string;
|
|
8
|
+
/** The notification is an error. It will return a red popup */
|
|
9
|
+
error?: boolean;
|
|
10
|
+
/** Notification pop title. Default: 'Notification' */
|
|
11
|
+
title?: string;
|
|
12
|
+
/** notification message */
|
|
13
|
+
message: string;
|
|
14
|
+
/** Automatically timeout to hide the message */
|
|
15
|
+
timeout: 4000;
|
|
16
|
+
/** Auto hide the message */
|
|
17
|
+
autoHide: true;
|
|
18
|
+
/** Button to close the message */
|
|
19
|
+
closeable: true;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/** Toast Plugin */
|
|
23
|
+
export type Notification = (options: Options) => {
|
|
24
|
+
show: () => void;
|
|
25
|
+
hide: () => void;
|
|
26
|
+
options: Options;
|
|
27
|
+
}
|
package/dist/types/picker.d.ts
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
/** Data items */
|
|
3
|
-
data?: Record<number, string>;
|
|
4
|
-
/** Method for rendering the items */
|
|
5
|
-
render?: (label: string, item: object) => string;
|
|
6
|
-
/** Event when value is changed */
|
|
7
|
-
onchange?: (el: HTMLElement, instance: Picker, reservedValue: string, value: string, index: number, e: MouseEvent) => void;
|
|
8
|
-
/** Event when value is changed */
|
|
9
|
-
onopen?: (el: HTMLElement, instance: Picker) => void;
|
|
10
|
-
/** Event when value is changed */
|
|
11
|
-
onclose?: (el: HTMLElement, instance: Picker) => void;
|
|
12
|
-
/** Event when value is changed */
|
|
13
|
-
onload?: (el: HTMLElement, instance: Picker) => void;
|
|
14
|
-
/** Default width */
|
|
15
|
-
width?: number;
|
|
16
|
-
/** Show the header. Default: true */
|
|
17
|
-
header?: boolean;
|
|
18
|
-
/** Align right. Default: false */
|
|
19
|
-
right?: boolean;
|
|
20
|
-
/** Open picker from bottom to top direction. Default: false */
|
|
21
|
-
bottom?: boolean;
|
|
22
|
-
/** Replace the header value by an material icon keyword. Default: false */
|
|
23
|
-
content?: boolean;
|
|
24
|
-
/** Number elements per line. Default: null */
|
|
25
|
-
columns?: number;
|
|
26
|
-
/** Order elements in a grid. Default: null */
|
|
27
|
-
grid?: number;
|
|
28
|
-
/** Default height */
|
|
29
|
-
height?: null;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export type Picker = (el: HTMLElement, options: Options) => {
|
|
33
|
-
/** Get the current selected value */
|
|
34
|
-
getValue: () => void;
|
|
35
|
-
/** Set the current value for the component */
|
|
36
|
-
setValue: (v: number, event: MouseEvent | boolean) => void;
|
|
37
|
-
/** Internal method. Get the label */
|
|
38
|
-
getLabel: (v, item) => void;
|
|
39
|
-
/** Internal method. Set the label */
|
|
40
|
-
setLabel: (v) => void;
|
|
41
|
-
/** Open the picker */
|
|
42
|
-
open: () => void;
|
|
43
|
-
/** Close the picker */
|
|
44
|
-
close: () => void;
|
|
45
|
-
}
|
|
1
|
+
interface Options {
|
|
2
|
+
/** Data items */
|
|
3
|
+
data?: Record<number, string>;
|
|
4
|
+
/** Method for rendering the items */
|
|
5
|
+
render?: (label: string, item: object) => string;
|
|
6
|
+
/** Event when value is changed */
|
|
7
|
+
onchange?: (el: HTMLElement, instance: Picker, reservedValue: string, value: string, index: number, e: MouseEvent) => void;
|
|
8
|
+
/** Event when value is changed */
|
|
9
|
+
onopen?: (el: HTMLElement, instance: Picker) => void;
|
|
10
|
+
/** Event when value is changed */
|
|
11
|
+
onclose?: (el: HTMLElement, instance: Picker) => void;
|
|
12
|
+
/** Event when value is changed */
|
|
13
|
+
onload?: (el: HTMLElement, instance: Picker) => void;
|
|
14
|
+
/** Default width */
|
|
15
|
+
width?: number;
|
|
16
|
+
/** Show the header. Default: true */
|
|
17
|
+
header?: boolean;
|
|
18
|
+
/** Align right. Default: false */
|
|
19
|
+
right?: boolean;
|
|
20
|
+
/** Open picker from bottom to top direction. Default: false */
|
|
21
|
+
bottom?: boolean;
|
|
22
|
+
/** Replace the header value by an material icon keyword. Default: false */
|
|
23
|
+
content?: boolean;
|
|
24
|
+
/** Number elements per line. Default: null */
|
|
25
|
+
columns?: number;
|
|
26
|
+
/** Order elements in a grid. Default: null */
|
|
27
|
+
grid?: number;
|
|
28
|
+
/** Default height */
|
|
29
|
+
height?: null;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export type Picker = (el: HTMLElement, options: Options) => {
|
|
33
|
+
/** Get the current selected value */
|
|
34
|
+
getValue: () => void;
|
|
35
|
+
/** Set the current value for the component */
|
|
36
|
+
setValue: (v: number, event: MouseEvent | boolean) => void;
|
|
37
|
+
/** Internal method. Get the label */
|
|
38
|
+
getLabel: (v, item) => void;
|
|
39
|
+
/** Internal method. Set the label */
|
|
40
|
+
setLabel: (v) => void;
|
|
41
|
+
/** Open the picker */
|
|
42
|
+
open: () => void;
|
|
43
|
+
/** Close the picker */
|
|
44
|
+
close: () => void;
|
|
45
|
+
}
|
package/dist/types/rating.d.ts
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
/** Number of stars */
|
|
3
|
-
number?: 5,
|
|
4
|
-
/** Current value */
|
|
5
|
-
value?: number,
|
|
6
|
-
/** Example by default. [ 'Very bad', 'Bad', 'Average', 'Good', 'Very good' ] */
|
|
7
|
-
tooltip?: string[],
|
|
8
|
-
/** When the value changes */
|
|
9
|
-
onchange?: () => void,
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export type Rating = (el: HTMLElement, options: Options) => {
|
|
13
|
-
/** Change the value */
|
|
14
|
-
setValue: (index: number) => void;
|
|
15
|
-
/** Get the current value */
|
|
16
|
-
getValue: () => void;
|
|
17
|
-
/** Current options */
|
|
18
|
-
options: Options;
|
|
19
|
-
}
|
|
1
|
+
interface Options {
|
|
2
|
+
/** Number of stars */
|
|
3
|
+
number?: 5,
|
|
4
|
+
/** Current value */
|
|
5
|
+
value?: number,
|
|
6
|
+
/** Example by default. [ 'Very bad', 'Bad', 'Average', 'Good', 'Very good' ] */
|
|
7
|
+
tooltip?: string[],
|
|
8
|
+
/** When the value changes */
|
|
9
|
+
onchange?: () => void,
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export type Rating = (el: HTMLElement, options: Options) => {
|
|
13
|
+
/** Change the value */
|
|
14
|
+
setValue: (index: number) => void;
|
|
15
|
+
/** Get the current value */
|
|
16
|
+
getValue: () => void;
|
|
17
|
+
/** Current options */
|
|
18
|
+
options: Options;
|
|
19
|
+
}
|
package/dist/types/search.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
interface Options {
|
|
2
|
-
data: string[] | null;
|
|
3
|
-
input: HTMLElement | null;
|
|
4
|
-
searchByNode: boolean | null;
|
|
5
|
-
onselect: ((obj: Search, text: string, value: string, id: string, image: string) => void) | null;
|
|
6
|
-
forceSelect: boolean;
|
|
7
|
-
onbeforesearch: ((obj: Search, terms: string) => void) | null;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export type Search = (el: HTMLElement, options: Options) => {
|
|
11
|
-
/** Select the item by index */
|
|
12
|
-
selectIndex: (item: number) => void;
|
|
13
|
-
/** Open the picker */
|
|
14
|
-
open: () => void;
|
|
15
|
-
/** Close the picker */
|
|
16
|
-
close: () => void;
|
|
17
|
-
/** Picker is opened */
|
|
18
|
-
isOpened: () => boolean;
|
|
19
|
-
/** Keydown event */
|
|
20
|
-
keydown: (e: MouseEvent) => void;
|
|
21
|
-
/** Keyup event */
|
|
22
|
-
keyup: (e: MouseEvent) => void;
|
|
23
|
-
}
|
|
1
|
+
interface Options {
|
|
2
|
+
data: string[] | null;
|
|
3
|
+
input: HTMLElement | null;
|
|
4
|
+
searchByNode: boolean | null;
|
|
5
|
+
onselect: ((obj: Search, text: string, value: string, id: string, image: string) => void) | null;
|
|
6
|
+
forceSelect: boolean;
|
|
7
|
+
onbeforesearch: ((obj: Search, terms: string) => void) | null;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export type Search = (el: HTMLElement, options: Options) => {
|
|
11
|
+
/** Select the item by index */
|
|
12
|
+
selectIndex: (item: number) => void;
|
|
13
|
+
/** Open the picker */
|
|
14
|
+
open: () => void;
|
|
15
|
+
/** Close the picker */
|
|
16
|
+
close: () => void;
|
|
17
|
+
/** Picker is opened */
|
|
18
|
+
isOpened: () => boolean;
|
|
19
|
+
/** Keydown event */
|
|
20
|
+
keydown: (e: MouseEvent) => void;
|
|
21
|
+
/** Keyup event */
|
|
22
|
+
keyup: (e: MouseEvent) => void;
|
|
23
|
+
}
|