@frollo/frollo-web-ui 7.0.1 → 8.0.0
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/cjs/index.js +34615 -34451
- package/esm/_rollupPluginBabelHelpers-DpC_oIQV.js +2566 -0
- package/esm/{check-94a5917a.js → check--YD4Ts6g.js} +4 -4
- package/esm/fw-accordion.js +27 -26
- package/esm/fw-animations.js +23 -26
- package/esm/fw-bar-chart.js +15289 -19
- package/esm/{fw-button-c8502414.js → fw-button-4QLZlu0U.js} +44 -44
- package/esm/fw-button.js +5 -10
- package/esm/{fw-card-1b6a67fe.js → fw-card-bsYbpPmW.js} +12 -12
- package/esm/fw-card.js +1 -1
- package/esm/fw-checkbox.js +23 -32
- package/esm/fw-date-picker.js +137 -80
- package/esm/fw-drawer.js +31 -34
- package/esm/fw-dropdown-nLtzu2fS.js +277 -0
- package/esm/fw-dropdown.js +7 -15
- package/esm/fw-form.js +1 -1
- package/esm/fw-image-DOgM8i8X.js +200 -0
- package/esm/fw-image.js +5 -21
- package/esm/{fw-input-8969b226.js → fw-input-Qiy53nRk.js} +61 -53
- package/esm/fw-input.js +6 -19
- package/esm/fw-loading-bar-DThRjdw1.js +22 -0
- package/esm/{fw-loading-spinner-72d70258.js → fw-loading-spinner-Dn52RI5h.js} +1 -1
- package/esm/fw-loading.js +3 -7
- package/esm/fw-modal.js +79 -53
- package/esm/fw-navigation-menu.js +15 -20
- package/esm/fw-popover.js +39 -375
- package/esm/fw-progress-bar.js +8 -11
- package/esm/fw-provider-list.js +41 -84
- package/esm/fw-sidebar-menu.js +33 -24
- package/esm/{fw-table-row-23f78218.js → fw-table-row-DkZaaMmE.js} +15 -301
- package/esm/fw-table.js +6 -16
- package/esm/fw-tabs.js +21 -103
- package/esm/{fw-tag-ac28200a.js → fw-tag-CPp1P480.js} +29 -20
- package/esm/fw-tag.js +7 -12
- package/esm/fw-toast.js +22 -37
- package/esm/fw-transactions-card.js +14 -30
- package/esm/index-CUPvK0Aa.js +586 -0
- package/esm/index.js +66 -228
- package/esm/vee-validate.esm-3ptvCDR1.js +4071 -0
- package/frollo-web-ui.esm.js +34134 -34388
- package/icons/chart-line-up.svg +3 -0
- package/icons/icons.stories.ts +24 -29
- package/icons/index.ts +5 -1
- package/icons/sack-dollar.svg +3 -0
- package/icons/xmark.svg +2 -2
- package/index.d.ts +2789 -2573
- package/package.json +75 -73
- package/styles/tailwind.scss +6 -0
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +128 -128
- package/types/components/fw-accordion/index.d.ts +2 -2
- package/types/components/fw-accordion/index.types.d.ts +10 -10
- package/types/components/fw-animations/fw-email-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/fw-loading-spinner.vue.d.ts +2 -2
- package/types/components/fw-animations/fw-success-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/index.d.ts +4 -4
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +83 -83
- package/types/components/fw-bar-chart/index.d.ts +2 -2
- package/types/components/fw-bar-chart/index.types.d.ts +11 -11
- package/types/components/fw-button/fw-button.vue.d.ts +190 -176
- package/types/components/fw-button/index.d.ts +2 -2
- package/types/components/fw-button/index.types.d.ts +27 -26
- package/types/components/fw-card/fw-card.vue.d.ts +82 -82
- package/types/components/fw-card/index.d.ts +2 -2
- package/types/components/fw-card/index.types.d.ts +8 -8
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +108 -108
- package/types/components/fw-checkbox/index.d.ts +2 -2
- package/types/components/fw-checkbox/index.types.d.ts +9 -9
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +249 -177
- package/types/components/fw-date-picker/index.d.ts +2 -2
- package/types/components/fw-date-picker/index.types.d.ts +21 -16
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +165 -165
- package/types/components/fw-drawer/index.d.ts +2 -2
- package/types/components/fw-drawer/index.types.d.ts +13 -13
- package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +154 -130
- package/types/components/fw-dropdown/index.d.ts +2 -2
- package/types/components/fw-dropdown/index.types.d.ts +16 -13
- package/types/components/fw-form/index.d.ts +2 -2
- package/types/components/fw-image/fw-image.vue.d.ts +103 -84
- package/types/components/fw-image/index.d.ts +2 -2
- package/types/components/fw-image/index.types.d.ts +9 -8
- package/types/components/fw-input/fw-input.vue.d.ts +214 -197
- package/types/components/fw-input/index.d.ts +2 -2
- package/types/components/fw-input/index.types.d.ts +18 -16
- package/types/components/fw-loading/fw-loading-bar.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-card.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-table.vue.d.ts +25 -25
- package/types/components/fw-loading/index.d.ts +4 -4
- package/types/components/fw-modal/fw-modal.vue.d.ts +205 -175
- package/types/components/fw-modal/index.d.ts +2 -2
- package/types/components/fw-modal/index.types.d.ts +16 -14
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +57 -57
- package/types/components/fw-navigation-menu/index.d.ts +2 -2
- package/types/components/fw-navigation-menu/index.types.d.ts +7 -7
- package/types/components/fw-popover/fw-popover.vue.d.ts +157 -157
- package/types/components/fw-popover/index.d.ts +2 -2
- package/types/components/fw-popover/index.types.d.ts +11 -11
- package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts +52 -52
- package/types/components/fw-progress-bar/index.d.ts +2 -2
- package/types/components/fw-progress-bar/index.types.d.ts +5 -5
- package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +100 -100
- package/types/components/fw-provider-list/index.d.ts +2 -2
- package/types/components/fw-provider-list/index.types.d.ts +11 -11
- package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +88 -72
- package/types/components/fw-sidebar-menu/index.d.ts +2 -2
- package/types/components/fw-sidebar-menu/index.types.d.ts +9 -8
- package/types/components/fw-table/fw-table-head.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table-row.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table.vue.d.ts +71 -71
- package/types/components/fw-table/index.d.ts +4 -4
- package/types/components/fw-table/index.types.d.ts +16 -16
- package/types/components/fw-tabs/fw-tab.vue.d.ts +24 -32
- package/types/components/fw-tabs/fw-tabs.vue.d.ts +24 -24
- package/types/components/fw-tabs/index.d.ts +3 -3
- package/types/components/fw-tabs/index.types.d.ts +8 -0
- package/types/components/fw-tag/fw-tag.vue.d.ts +80 -70
- package/types/components/fw-tag/index.d.ts +2 -2
- package/types/components/fw-tag/index.types.d.ts +18 -18
- package/types/components/fw-toast/fw-toast.vue.d.ts +121 -121
- package/types/components/fw-toast/index.d.ts +2 -2
- package/types/components/fw-toast/index.types.d.ts +13 -13
- package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +58 -58
- package/types/components/fw-transactions-card/index.d.ts +2 -2
- package/types/components/fw-transactions-card/index.types.d.ts +6 -6
- package/types/components/index.d.ts +24 -24
- package/types/components/index.types.d.ts +21 -20
- package/types/directives/index.d.ts +2 -2
- package/types/directives/lazy-loader.d.ts +3 -3
- package/types/helpers/get-root-colours.d.ts +17 -17
- package/types/icons/index.d.ts +43 -41
- package/types/index-types.esm.d.ts +6 -6
- package/types/index.browser-umd.d.ts +2 -1
- package/types/index.d.ts +3 -3
- package/types/index.esm.d.ts +5 -5
- package/types/services/index.d.ts +2 -2
- package/types/services/modal.d.ts +9 -9
- package/types/services/toast.d.ts +9 -9
- package/web-components/index.js +19662 -19720
- package/esm/add-to-unscopables-ee05b58f.js +0 -25
- package/esm/array-iteration-8267bf22.js +0 -92
- package/esm/array-method-has-species-support-6c675094.js +0 -23
- package/esm/array-method-is-strict-d313436f.js +0 -14
- package/esm/array-species-create-1c67e297.js +0 -97
- package/esm/classof-d44bf093.js +0 -42
- package/esm/create-property-eb329361.js +0 -14
- package/esm/defineProperty-b85f2e0f.js +0 -42
- package/esm/does-not-exceed-safe-integer-de37ce28.js +0 -11
- package/esm/es.array.concat-99b85557.js +0 -69
- package/esm/es.array.find-1ded15d5.js +0 -28
- package/esm/es.array.includes-08e25019.js +0 -27
- package/esm/es.array.map-c56ebffd.js +0 -22
- package/esm/es.date.to-string-15eb9936.js +0 -23
- package/esm/es.function.name-6cafd747.js +0 -29
- package/esm/es.number.constructor-fb16fe05.js +0 -204
- package/esm/es.object.to-string-4b07c4d1.js +0 -24
- package/esm/es.string.includes-061e8272.js +0 -66
- package/esm/es.string.iterator-25db8cd2.js +0 -469
- package/esm/export-10c4adbc.js +0 -95
- package/esm/function-apply-e17cf65b.js +0 -14
- package/esm/fw-dropdown-6856e66e.js +0 -224
- package/esm/fw-image-aca2c61d.js +0 -296
- package/esm/fw-loading-bar-f5ca605c.js +0 -22
- package/esm/index-6758f755.js +0 -15797
- package/esm/index-bced3b35.js +0 -560
- package/esm/is-forced-7cb3ee8f.js +0 -927
- package/esm/object-create-51bf02dc.js +0 -125
- package/esm/regexp-flags-c09864e5.js +0 -50
- package/esm/vee-validate.esm-a17a23c3.js +0 -3192
- package/esm/web.timers-e406c8e6.js +0 -72
- /package/esm/{get-root-colours-865a52ba.js → get-root-colours-DYEoJPEb.js} +0 -0
- /package/esm/{index-0c5cae4f.js → index-BVcOAKar.js} +0 -0
- /package/esm/{style-inject.es-1f59c1d0.js → style-inject.es-tgCJW-Cu.js} +0 -0
- /package/esm/{uniqueId-fe08534a.js → uniqueId-DK6xzFd8.js} +0 -0
|
@@ -1,70 +1,80 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { TagSize, TagVariantName } from './index.types';
|
|
3
|
-
declare const __default__: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* The
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { TagSize, TagVariantName } from './index.types';
|
|
3
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The label text of the tag.
|
|
6
|
+
* Overrides the default slot content.
|
|
7
|
+
*/
|
|
8
|
+
label: {
|
|
9
|
+
type: StringConstructor;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* The size of the tag. Accepts: 'xs', 'sm' & 'md'
|
|
13
|
+
*/
|
|
14
|
+
size: {
|
|
15
|
+
type: PropType<TagSize>;
|
|
16
|
+
default: string;
|
|
17
|
+
validator: (value: string) => boolean;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* The colour variant of the tag. Accepts 'primary', 'secondary', 'alert', 'error', 'success'
|
|
21
|
+
*/
|
|
22
|
+
variant: {
|
|
23
|
+
type: PropType<TagVariantName>;
|
|
24
|
+
default: string;
|
|
25
|
+
validator: (value: string) => boolean;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Whether the tag can be dismissed or closed.
|
|
29
|
+
*/
|
|
30
|
+
dismissable: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
34
|
+
}, {
|
|
35
|
+
baseClass: import("vue").Ref<string>;
|
|
36
|
+
textColorClass: import("vue").ComputedRef<string>;
|
|
37
|
+
bgColorClass: import("vue").ComputedRef<string>;
|
|
38
|
+
sizeClass: import("vue").ComputedRef<string>;
|
|
39
|
+
iconSizeClass: import("vue").ComputedRef<string>;
|
|
40
|
+
iconButtonType: import("vue").ComputedRef<import("../index.types").ButtonVariantName | undefined>;
|
|
41
|
+
primaryFade5: string;
|
|
42
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "dismissed"[], "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
|
+
/**
|
|
44
|
+
* The label text of the tag.
|
|
45
|
+
* Overrides the default slot content.
|
|
46
|
+
*/
|
|
47
|
+
label: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* The size of the tag. Accepts: 'xs', 'sm' & 'md'
|
|
52
|
+
*/
|
|
53
|
+
size: {
|
|
54
|
+
type: PropType<TagSize>;
|
|
55
|
+
default: string;
|
|
56
|
+
validator: (value: string) => boolean;
|
|
57
|
+
};
|
|
58
|
+
/**
|
|
59
|
+
* The colour variant of the tag. Accepts 'primary', 'secondary', 'alert', 'error', 'success'
|
|
60
|
+
*/
|
|
61
|
+
variant: {
|
|
62
|
+
type: PropType<TagVariantName>;
|
|
63
|
+
default: string;
|
|
64
|
+
validator: (value: string) => boolean;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* Whether the tag can be dismissed or closed.
|
|
68
|
+
*/
|
|
69
|
+
dismissable: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
}>> & {
|
|
74
|
+
onDismissed?: ((...args: any[]) => any) | undefined;
|
|
75
|
+
}, {
|
|
76
|
+
size: TagSize;
|
|
77
|
+
variant: TagVariantName;
|
|
78
|
+
dismissable: boolean;
|
|
79
|
+
}, {}>;
|
|
80
|
+
export default __default__;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwTag from './fw-tag.vue';
|
|
2
|
-
export { FwTag };
|
|
1
|
+
import FwTag from './fw-tag.vue';
|
|
2
|
+
export { FwTag };
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { FwButtonProps } from '../fw-button/index.types';
|
|
2
|
-
export
|
|
3
|
-
export declare interface TagDefinition {
|
|
4
|
-
text: string;
|
|
5
|
-
background: string;
|
|
6
|
-
iconType: FwButtonProps['variant'];
|
|
7
|
-
}
|
|
8
|
-
export
|
|
9
|
-
[key in TagVariantName]: TagDefinition;
|
|
10
|
-
};
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
[key in TagSize]: string;
|
|
14
|
-
};
|
|
15
|
-
export declare interface FwTagProps {
|
|
16
|
-
size?: TagSize;
|
|
17
|
-
variant?: TagVariantName;
|
|
18
|
-
}
|
|
1
|
+
import { FwButtonProps } from '../fw-button/index.types';
|
|
2
|
+
export type TagVariantName = 'primary' | 'secondary' | 'alert' | 'error' | 'success';
|
|
3
|
+
export declare interface TagDefinition {
|
|
4
|
+
text: string;
|
|
5
|
+
background: string;
|
|
6
|
+
iconType: FwButtonProps['variant'];
|
|
7
|
+
}
|
|
8
|
+
export type TagDefinitionList = {
|
|
9
|
+
[key in TagVariantName]: TagDefinition;
|
|
10
|
+
};
|
|
11
|
+
export type TagSize = 'xs' | 'sm' | 'md';
|
|
12
|
+
export type TagSizes = {
|
|
13
|
+
[key in TagSize]: string;
|
|
14
|
+
};
|
|
15
|
+
export declare interface FwTagProps {
|
|
16
|
+
size?: TagSize;
|
|
17
|
+
variant?: TagVariantName;
|
|
18
|
+
}
|
|
@@ -1,121 +1,121 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { ToastType, ToastPosition } from './index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* The toast's v-model. Controls the visibility of the toast.
|
|
6
|
-
*/
|
|
7
|
-
modelValue: {
|
|
8
|
-
type: BooleanConstructor;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* The type of the toast.
|
|
12
|
-
* Accepts: 'success', 'error', 'warning'
|
|
13
|
-
*/
|
|
14
|
-
type: {
|
|
15
|
-
type: PropType<ToastType>;
|
|
16
|
-
default: string;
|
|
17
|
-
validator: (value: string) => boolean;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* The position of the toast on the screen.
|
|
21
|
-
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
22
|
-
*/
|
|
23
|
-
position: {
|
|
24
|
-
type: PropType<ToastPosition>;
|
|
25
|
-
default: string;
|
|
26
|
-
validator: (value: string) => boolean;
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* The content of the toast.
|
|
30
|
-
*/
|
|
31
|
-
content: {
|
|
32
|
-
type: StringConstructor;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* The base container to attach to. Defaults to `#app` element.
|
|
36
|
-
*/
|
|
37
|
-
element: {
|
|
38
|
-
type: StringConstructor;
|
|
39
|
-
default: string;
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* The duration timeout before the toast is dismissed.
|
|
43
|
-
*/
|
|
44
|
-
timeout: {
|
|
45
|
-
type: NumberConstructor;
|
|
46
|
-
default: number;
|
|
47
|
-
};
|
|
48
|
-
}, {
|
|
49
|
-
containerEl: import("vue").ComputedRef<string>;
|
|
50
|
-
baseClass: string;
|
|
51
|
-
typeClasses: import("vue").Ref<{
|
|
52
|
-
success: string;
|
|
53
|
-
error: string;
|
|
54
|
-
warning: string;
|
|
55
|
-
}>;
|
|
56
|
-
svgComponent: import("vue").Ref<{
|
|
57
|
-
success: string;
|
|
58
|
-
error: string;
|
|
59
|
-
warning: string;
|
|
60
|
-
}>;
|
|
61
|
-
isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean>>;
|
|
62
|
-
uuid: string;
|
|
63
|
-
isMounted: import("vue").Ref<boolean>;
|
|
64
|
-
mountContainer: import("vue").Ref<boolean>;
|
|
65
|
-
isLeftRightorCenter: import("vue").ComputedRef<"Right" | "Left" | "Center">;
|
|
66
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", import("vue").
|
|
67
|
-
/**
|
|
68
|
-
* The toast's v-model. Controls the visibility of the toast.
|
|
69
|
-
*/
|
|
70
|
-
modelValue: {
|
|
71
|
-
type: BooleanConstructor;
|
|
72
|
-
};
|
|
73
|
-
/**
|
|
74
|
-
* The type of the toast.
|
|
75
|
-
* Accepts: 'success', 'error', 'warning'
|
|
76
|
-
*/
|
|
77
|
-
type: {
|
|
78
|
-
type: PropType<ToastType>;
|
|
79
|
-
default: string;
|
|
80
|
-
validator: (value: string) => boolean;
|
|
81
|
-
};
|
|
82
|
-
/**
|
|
83
|
-
* The position of the toast on the screen.
|
|
84
|
-
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
85
|
-
*/
|
|
86
|
-
position: {
|
|
87
|
-
type: PropType<ToastPosition>;
|
|
88
|
-
default: string;
|
|
89
|
-
validator: (value: string) => boolean;
|
|
90
|
-
};
|
|
91
|
-
/**
|
|
92
|
-
* The content of the toast.
|
|
93
|
-
*/
|
|
94
|
-
content: {
|
|
95
|
-
type: StringConstructor;
|
|
96
|
-
};
|
|
97
|
-
/**
|
|
98
|
-
* The base container to attach to. Defaults to `#app` element.
|
|
99
|
-
*/
|
|
100
|
-
element: {
|
|
101
|
-
type: StringConstructor;
|
|
102
|
-
default: string;
|
|
103
|
-
};
|
|
104
|
-
/**
|
|
105
|
-
* The duration timeout before the toast is dismissed.
|
|
106
|
-
*/
|
|
107
|
-
timeout: {
|
|
108
|
-
type: NumberConstructor;
|
|
109
|
-
default: number;
|
|
110
|
-
};
|
|
111
|
-
}>> & {
|
|
112
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
113
|
-
onDismissed?: ((...args: any[]) => any) | undefined;
|
|
114
|
-
}, {
|
|
115
|
-
modelValue: boolean;
|
|
116
|
-
type: ToastType;
|
|
117
|
-
position: ToastPosition;
|
|
118
|
-
element: string;
|
|
119
|
-
timeout: number;
|
|
120
|
-
}>;
|
|
121
|
-
export default _default;
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ToastType, ToastPosition } from './index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The toast's v-model. Controls the visibility of the toast.
|
|
6
|
+
*/
|
|
7
|
+
modelValue: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* The type of the toast.
|
|
12
|
+
* Accepts: 'success', 'error', 'warning'
|
|
13
|
+
*/
|
|
14
|
+
type: {
|
|
15
|
+
type: PropType<ToastType>;
|
|
16
|
+
default: string;
|
|
17
|
+
validator: (value: string) => boolean;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* The position of the toast on the screen.
|
|
21
|
+
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
22
|
+
*/
|
|
23
|
+
position: {
|
|
24
|
+
type: PropType<ToastPosition>;
|
|
25
|
+
default: string;
|
|
26
|
+
validator: (value: string) => boolean;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* The content of the toast.
|
|
30
|
+
*/
|
|
31
|
+
content: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* The base container to attach to. Defaults to `#app` element.
|
|
36
|
+
*/
|
|
37
|
+
element: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* The duration timeout before the toast is dismissed.
|
|
43
|
+
*/
|
|
44
|
+
timeout: {
|
|
45
|
+
type: NumberConstructor;
|
|
46
|
+
default: number;
|
|
47
|
+
};
|
|
48
|
+
}, {
|
|
49
|
+
containerEl: import("vue").ComputedRef<string>;
|
|
50
|
+
baseClass: string;
|
|
51
|
+
typeClasses: import("vue").Ref<{
|
|
52
|
+
success: string;
|
|
53
|
+
error: string;
|
|
54
|
+
warning: string;
|
|
55
|
+
}>;
|
|
56
|
+
svgComponent: import("vue").Ref<{
|
|
57
|
+
success: string;
|
|
58
|
+
error: string;
|
|
59
|
+
warning: string;
|
|
60
|
+
}>;
|
|
61
|
+
isOpen: import("vue").WritableComputedRef<import("vue").Ref<boolean>>;
|
|
62
|
+
uuid: string;
|
|
63
|
+
isMounted: import("vue").Ref<boolean>;
|
|
64
|
+
mountContainer: import("vue").Ref<boolean>;
|
|
65
|
+
isLeftRightorCenter: import("vue").ComputedRef<"Right" | "Left" | "Center">;
|
|
66
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "dismissed")[], "update:modelValue" | "dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
67
|
+
/**
|
|
68
|
+
* The toast's v-model. Controls the visibility of the toast.
|
|
69
|
+
*/
|
|
70
|
+
modelValue: {
|
|
71
|
+
type: BooleanConstructor;
|
|
72
|
+
};
|
|
73
|
+
/**
|
|
74
|
+
* The type of the toast.
|
|
75
|
+
* Accepts: 'success', 'error', 'warning'
|
|
76
|
+
*/
|
|
77
|
+
type: {
|
|
78
|
+
type: PropType<ToastType>;
|
|
79
|
+
default: string;
|
|
80
|
+
validator: (value: string) => boolean;
|
|
81
|
+
};
|
|
82
|
+
/**
|
|
83
|
+
* The position of the toast on the screen.
|
|
84
|
+
* Accepts: 'top', 'bottom', 'top-left', 'top-right', 'bottom-left', 'bottom-right'
|
|
85
|
+
*/
|
|
86
|
+
position: {
|
|
87
|
+
type: PropType<ToastPosition>;
|
|
88
|
+
default: string;
|
|
89
|
+
validator: (value: string) => boolean;
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* The content of the toast.
|
|
93
|
+
*/
|
|
94
|
+
content: {
|
|
95
|
+
type: StringConstructor;
|
|
96
|
+
};
|
|
97
|
+
/**
|
|
98
|
+
* The base container to attach to. Defaults to `#app` element.
|
|
99
|
+
*/
|
|
100
|
+
element: {
|
|
101
|
+
type: StringConstructor;
|
|
102
|
+
default: string;
|
|
103
|
+
};
|
|
104
|
+
/**
|
|
105
|
+
* The duration timeout before the toast is dismissed.
|
|
106
|
+
*/
|
|
107
|
+
timeout: {
|
|
108
|
+
type: NumberConstructor;
|
|
109
|
+
default: number;
|
|
110
|
+
};
|
|
111
|
+
}>> & {
|
|
112
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
113
|
+
onDismissed?: ((...args: any[]) => any) | undefined;
|
|
114
|
+
}, {
|
|
115
|
+
modelValue: boolean;
|
|
116
|
+
type: ToastType;
|
|
117
|
+
position: ToastPosition;
|
|
118
|
+
element: string;
|
|
119
|
+
timeout: number;
|
|
120
|
+
}, {}>;
|
|
121
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwToast from './fw-toast.vue';
|
|
2
|
-
export { FwToast };
|
|
1
|
+
import FwToast from './fw-toast.vue';
|
|
2
|
+
export { FwToast };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
[key in ToastType]: string;
|
|
4
|
-
};
|
|
5
|
-
export
|
|
6
|
-
export declare interface FwToastProps {
|
|
7
|
-
modelValue: boolean;
|
|
8
|
-
type?: ToastType;
|
|
9
|
-
position?: ToastPosition;
|
|
10
|
-
content?: string;
|
|
11
|
-
element?: string;
|
|
12
|
-
timeout?: number;
|
|
13
|
-
}
|
|
1
|
+
export type ToastType = 'success' | 'error' | 'warning';
|
|
2
|
+
export type ToastTypes = {
|
|
3
|
+
[key in ToastType]: string;
|
|
4
|
+
};
|
|
5
|
+
export type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
6
|
+
export declare interface FwToastProps {
|
|
7
|
+
modelValue: boolean;
|
|
8
|
+
type?: ToastType;
|
|
9
|
+
position?: ToastPosition;
|
|
10
|
+
content?: string;
|
|
11
|
+
element?: string;
|
|
12
|
+
timeout?: number;
|
|
13
|
+
}
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
/**
|
|
3
|
-
* The transaction title of the card
|
|
4
|
-
*/
|
|
5
|
-
title: {
|
|
6
|
-
type: StringConstructor;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* The transaction sub-title of the card
|
|
10
|
-
*/
|
|
11
|
-
subTitle: {
|
|
12
|
-
type: StringConstructor;
|
|
13
|
-
required: false;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* The transaction amount.
|
|
17
|
-
*/
|
|
18
|
-
amount: {
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
required: false;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* The src url for the image.
|
|
24
|
-
*/
|
|
25
|
-
imageUrl: {
|
|
26
|
-
type: StringConstructor;
|
|
27
|
-
required: false;
|
|
28
|
-
};
|
|
29
|
-
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
30
|
-
/**
|
|
31
|
-
* The transaction title of the card
|
|
32
|
-
*/
|
|
33
|
-
title: {
|
|
34
|
-
type: StringConstructor;
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* The transaction sub-title of the card
|
|
38
|
-
*/
|
|
39
|
-
subTitle: {
|
|
40
|
-
type: StringConstructor;
|
|
41
|
-
required: false;
|
|
42
|
-
};
|
|
43
|
-
/**
|
|
44
|
-
* The transaction amount.
|
|
45
|
-
*/
|
|
46
|
-
amount: {
|
|
47
|
-
type: StringConstructor;
|
|
48
|
-
required: false;
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* The src url for the image.
|
|
52
|
-
*/
|
|
53
|
-
imageUrl: {
|
|
54
|
-
type: StringConstructor;
|
|
55
|
-
required: false;
|
|
56
|
-
};
|
|
57
|
-
}>>, {}>;
|
|
58
|
-
export default _default;
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* The transaction title of the card
|
|
4
|
+
*/
|
|
5
|
+
title: {
|
|
6
|
+
type: StringConstructor;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* The transaction sub-title of the card
|
|
10
|
+
*/
|
|
11
|
+
subTitle: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
required: false;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* The transaction amount.
|
|
17
|
+
*/
|
|
18
|
+
amount: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* The src url for the image.
|
|
24
|
+
*/
|
|
25
|
+
imageUrl: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
required: false;
|
|
28
|
+
};
|
|
29
|
+
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
30
|
+
/**
|
|
31
|
+
* The transaction title of the card
|
|
32
|
+
*/
|
|
33
|
+
title: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* The transaction sub-title of the card
|
|
38
|
+
*/
|
|
39
|
+
subTitle: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
required: false;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* The transaction amount.
|
|
45
|
+
*/
|
|
46
|
+
amount: {
|
|
47
|
+
type: StringConstructor;
|
|
48
|
+
required: false;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* The src url for the image.
|
|
52
|
+
*/
|
|
53
|
+
imageUrl: {
|
|
54
|
+
type: StringConstructor;
|
|
55
|
+
required: false;
|
|
56
|
+
};
|
|
57
|
+
}>>, {}, {}>;
|
|
58
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwTransactionsCard from './fw-transactions-card.vue';
|
|
2
|
-
export { FwTransactionsCard };
|
|
1
|
+
import FwTransactionsCard from './fw-transactions-card.vue';
|
|
2
|
+
export { FwTransactionsCard };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare interface FwTransactionsCardProps {
|
|
2
|
-
title: string;
|
|
3
|
-
subTitle?: string;
|
|
4
|
-
imageUrl?: string;
|
|
5
|
-
amount?: string;
|
|
6
|
-
}
|
|
1
|
+
export declare interface FwTransactionsCardProps {
|
|
2
|
+
title: string;
|
|
3
|
+
subTitle?: string;
|
|
4
|
+
imageUrl?: string;
|
|
5
|
+
amount?: string;
|
|
6
|
+
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
export * from './fw-form';
|
|
2
|
-
export * from './fw-input';
|
|
3
|
-
export * from './fw-checkbox';
|
|
4
|
-
export * from './fw-dropdown';
|
|
5
|
-
export * from './fw-card';
|
|
6
|
-
export * from './fw-button';
|
|
7
|
-
export * from './fw-navigation-menu';
|
|
8
|
-
export * from './fw-tabs';
|
|
9
|
-
export * from './fw-modal';
|
|
10
|
-
export * from './fw-progress-bar';
|
|
11
|
-
export * from './fw-tag';
|
|
12
|
-
export * from './fw-table';
|
|
13
|
-
export * from './fw-accordion';
|
|
14
|
-
export * from './fw-image';
|
|
15
|
-
export * from './fw-loading';
|
|
16
|
-
export * from './fw-toast';
|
|
17
|
-
export * from './fw-transactions-card';
|
|
18
|
-
export * from './fw-bar-chart';
|
|
19
|
-
export * from './fw-sidebar-menu';
|
|
20
|
-
export * from './fw-drawer';
|
|
21
|
-
export * from './fw-provider-list';
|
|
22
|
-
export * from './fw-date-picker';
|
|
23
|
-
export * from './fw-popover';
|
|
24
|
-
export * from './fw-animations';
|
|
1
|
+
export * from './fw-form';
|
|
2
|
+
export * from './fw-input';
|
|
3
|
+
export * from './fw-checkbox';
|
|
4
|
+
export * from './fw-dropdown';
|
|
5
|
+
export * from './fw-card';
|
|
6
|
+
export * from './fw-button';
|
|
7
|
+
export * from './fw-navigation-menu';
|
|
8
|
+
export * from './fw-tabs';
|
|
9
|
+
export * from './fw-modal';
|
|
10
|
+
export * from './fw-progress-bar';
|
|
11
|
+
export * from './fw-tag';
|
|
12
|
+
export * from './fw-table';
|
|
13
|
+
export * from './fw-accordion';
|
|
14
|
+
export * from './fw-image';
|
|
15
|
+
export * from './fw-loading';
|
|
16
|
+
export * from './fw-toast';
|
|
17
|
+
export * from './fw-transactions-card';
|
|
18
|
+
export * from './fw-bar-chart';
|
|
19
|
+
export * from './fw-sidebar-menu';
|
|
20
|
+
export * from './fw-drawer';
|
|
21
|
+
export * from './fw-provider-list';
|
|
22
|
+
export * from './fw-date-picker';
|
|
23
|
+
export * from './fw-popover';
|
|
24
|
+
export * from './fw-animations';
|