@frollo/frollo-web-ui 7.0.1 → 8.0.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/cjs/index.js +34629 -34457
- 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 +134 -80
- package/esm/fw-drawer.js +32 -35
- 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 +93 -56
- 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 +34401 -34647
- 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 +2815 -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 +229 -175
- package/types/components/fw-modal/index.d.ts +2 -2
- package/types/components/fw-modal/index.types.d.ts +18 -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 +19670 -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,16 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import { RuleExpression } from 'vee-validate';
|
|
2
|
+
export type FwInputType = 'text' | 'password' | 'email' | 'tel' | 'time' | 'url' | 'week' | 'month';
|
|
3
|
+
export declare interface FwInputProps {
|
|
4
|
+
value: string;
|
|
5
|
+
name: string;
|
|
6
|
+
type?: FwInputType;
|
|
7
|
+
label?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
rules?: RuleExpression<unknown>;
|
|
10
|
+
readonly?: boolean;
|
|
11
|
+
hint?: string;
|
|
12
|
+
autocomplete?: string;
|
|
13
|
+
tabindex?: string;
|
|
14
|
+
rounded?: boolean;
|
|
15
|
+
enableErrors?: boolean;
|
|
16
|
+
maxLength?: number;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
2
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
2
|
+
export default _default;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
columns: {
|
|
3
|
-
type: NumberConstructor;
|
|
4
|
-
default: number;
|
|
5
|
-
};
|
|
6
|
-
rows: {
|
|
7
|
-
type: NumberConstructor;
|
|
8
|
-
default: number;
|
|
9
|
-
};
|
|
10
|
-
}, {
|
|
11
|
-
tableClass: string;
|
|
12
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
13
|
-
columns: {
|
|
14
|
-
type: NumberConstructor;
|
|
15
|
-
default: number;
|
|
16
|
-
};
|
|
17
|
-
rows: {
|
|
18
|
-
type: NumberConstructor;
|
|
19
|
-
default: number;
|
|
20
|
-
};
|
|
21
|
-
}>>, {
|
|
22
|
-
columns: number;
|
|
23
|
-
rows: number;
|
|
24
|
-
}>;
|
|
25
|
-
export default _default;
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
columns: {
|
|
3
|
+
type: NumberConstructor;
|
|
4
|
+
default: number;
|
|
5
|
+
};
|
|
6
|
+
rows: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
default: number;
|
|
9
|
+
};
|
|
10
|
+
}, {
|
|
11
|
+
tableClass: string;
|
|
12
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
13
|
+
columns: {
|
|
14
|
+
type: NumberConstructor;
|
|
15
|
+
default: number;
|
|
16
|
+
};
|
|
17
|
+
rows: {
|
|
18
|
+
type: NumberConstructor;
|
|
19
|
+
default: number;
|
|
20
|
+
};
|
|
21
|
+
}>>, {
|
|
22
|
+
columns: number;
|
|
23
|
+
rows: number;
|
|
24
|
+
}, {}>;
|
|
25
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import FwLoadingBar from './fw-loading-bar.vue';
|
|
2
|
-
import FwLoadingCard from './fw-loading-card.vue';
|
|
3
|
-
import FwLoadingTable from './fw-loading-table.vue';
|
|
4
|
-
export { FwLoadingBar, FwLoadingCard, FwLoadingTable };
|
|
1
|
+
import FwLoadingBar from './fw-loading-bar.vue';
|
|
2
|
+
import FwLoadingCard from './fw-loading-card.vue';
|
|
3
|
+
import FwLoadingTable from './fw-loading-table.vue';
|
|
4
|
+
export { FwLoadingBar, FwLoadingCard, FwLoadingTable };
|
|
@@ -1,175 +1,229 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { ButtonVariantName } from '../fw-button/index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* The modal's v-model. Controls the visibility of the modal.
|
|
6
|
-
*/
|
|
7
|
-
modelValue: {
|
|
8
|
-
type: BooleanConstructor;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* The header title of the modal
|
|
12
|
-
*/
|
|
13
|
-
header: {
|
|
14
|
-
type: StringConstructor;
|
|
15
|
-
};
|
|
16
|
-
/**
|
|
17
|
-
* The element to attach the modal too. Defaults to `#app` element.
|
|
18
|
-
*/
|
|
19
|
-
element: {
|
|
20
|
-
type: StringConstructor;
|
|
21
|
-
default: string;
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* The body description of the modal
|
|
25
|
-
*/
|
|
26
|
-
body: {
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* The aria role of the modal container. Defaults to `dialog`
|
|
31
|
-
*/
|
|
32
|
-
role: {
|
|
33
|
-
type: StringConstructor;
|
|
34
|
-
default: string;
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* Whether to show the cancel button
|
|
38
|
-
*/
|
|
39
|
-
showCancel: {
|
|
40
|
-
type: BooleanConstructor;
|
|
41
|
-
default: boolean;
|
|
42
|
-
};
|
|
43
|
-
/**
|
|
44
|
-
* Whether to show the confirm button
|
|
45
|
-
*/
|
|
46
|
-
showConfirm: {
|
|
47
|
-
type: BooleanConstructor;
|
|
48
|
-
default: boolean;
|
|
49
|
-
};
|
|
50
|
-
/**
|
|
51
|
-
* Custom text for the cancel button
|
|
52
|
-
*/
|
|
53
|
-
cancelButtonText: {
|
|
54
|
-
type: StringConstructor;
|
|
55
|
-
default: string;
|
|
56
|
-
};
|
|
57
|
-
/**
|
|
58
|
-
* Button variant for the cancel button
|
|
59
|
-
*/
|
|
60
|
-
cancelButtonType: {
|
|
61
|
-
type: PropType<ButtonVariantName>;
|
|
62
|
-
default: string;
|
|
63
|
-
validator: (value: string) => boolean;
|
|
64
|
-
};
|
|
65
|
-
/**
|
|
66
|
-
* Custom text for the confirm button
|
|
67
|
-
*/
|
|
68
|
-
confirmButtonText: {
|
|
69
|
-
type: StringConstructor;
|
|
70
|
-
default: string;
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* Button variant for the confirm button
|
|
74
|
-
*/
|
|
75
|
-
confirmButtonType: {
|
|
76
|
-
type: PropType<ButtonVariantName>;
|
|
77
|
-
default: string;
|
|
78
|
-
validator: (value: string) => boolean;
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
};
|
|
117
|
-
/**
|
|
118
|
-
*
|
|
119
|
-
*/
|
|
120
|
-
|
|
121
|
-
type:
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ButtonVariantName } from '../fw-button/index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The modal's v-model. Controls the visibility of the modal.
|
|
6
|
+
*/
|
|
7
|
+
modelValue: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* The header title of the modal
|
|
12
|
+
*/
|
|
13
|
+
header: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* The element to attach the modal too. Defaults to `#app` element.
|
|
18
|
+
*/
|
|
19
|
+
element: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* The body description of the modal
|
|
25
|
+
*/
|
|
26
|
+
body: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* The aria role of the modal container. Defaults to `dialog`
|
|
31
|
+
*/
|
|
32
|
+
role: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* Whether to show the cancel button
|
|
38
|
+
*/
|
|
39
|
+
showCancel: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Whether to show the confirm button
|
|
45
|
+
*/
|
|
46
|
+
showConfirm: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* Custom text for the cancel button
|
|
52
|
+
*/
|
|
53
|
+
cancelButtonText: {
|
|
54
|
+
type: StringConstructor;
|
|
55
|
+
default: string;
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* Button variant for the cancel button
|
|
59
|
+
*/
|
|
60
|
+
cancelButtonType: {
|
|
61
|
+
type: PropType<ButtonVariantName>;
|
|
62
|
+
default: string;
|
|
63
|
+
validator: (value: string) => boolean;
|
|
64
|
+
};
|
|
65
|
+
/**
|
|
66
|
+
* Custom text for the confirm button
|
|
67
|
+
*/
|
|
68
|
+
confirmButtonText: {
|
|
69
|
+
type: StringConstructor;
|
|
70
|
+
default: string;
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* Button variant for the confirm button
|
|
74
|
+
*/
|
|
75
|
+
confirmButtonType: {
|
|
76
|
+
type: PropType<ButtonVariantName>;
|
|
77
|
+
default: string;
|
|
78
|
+
validator: (value: string) => boolean;
|
|
79
|
+
};
|
|
80
|
+
/**
|
|
81
|
+
* Controls the outer padding of the modal
|
|
82
|
+
*/
|
|
83
|
+
padding: {
|
|
84
|
+
type: BooleanConstructor;
|
|
85
|
+
default: boolean;
|
|
86
|
+
};
|
|
87
|
+
/**
|
|
88
|
+
* Controls the visibility of the 'X' close button.
|
|
89
|
+
*/
|
|
90
|
+
showCloseButton: {
|
|
91
|
+
type: BooleanConstructor;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
94
|
+
/**
|
|
95
|
+
* Custom class for the modal container.
|
|
96
|
+
*/
|
|
97
|
+
containerClass: {
|
|
98
|
+
type: StringConstructor;
|
|
99
|
+
};
|
|
100
|
+
/**
|
|
101
|
+
* Custom class for the footer container.
|
|
102
|
+
*/
|
|
103
|
+
footerClass: {
|
|
104
|
+
type: StringConstructor;
|
|
105
|
+
};
|
|
106
|
+
}, {
|
|
107
|
+
isOpen: import("vue").ComputedRef<boolean>;
|
|
108
|
+
uuid: string;
|
|
109
|
+
isMounted: import("vue").Ref<boolean>;
|
|
110
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
111
|
+
/**
|
|
112
|
+
* The modal's v-model. Controls the visibility of the modal.
|
|
113
|
+
*/
|
|
114
|
+
modelValue: {
|
|
115
|
+
type: BooleanConstructor;
|
|
116
|
+
};
|
|
117
|
+
/**
|
|
118
|
+
* The header title of the modal
|
|
119
|
+
*/
|
|
120
|
+
header: {
|
|
121
|
+
type: StringConstructor;
|
|
122
|
+
};
|
|
123
|
+
/**
|
|
124
|
+
* The element to attach the modal too. Defaults to `#app` element.
|
|
125
|
+
*/
|
|
126
|
+
element: {
|
|
127
|
+
type: StringConstructor;
|
|
128
|
+
default: string;
|
|
129
|
+
};
|
|
130
|
+
/**
|
|
131
|
+
* The body description of the modal
|
|
132
|
+
*/
|
|
133
|
+
body: {
|
|
134
|
+
type: StringConstructor;
|
|
135
|
+
};
|
|
136
|
+
/**
|
|
137
|
+
* The aria role of the modal container. Defaults to `dialog`
|
|
138
|
+
*/
|
|
139
|
+
role: {
|
|
140
|
+
type: StringConstructor;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
/**
|
|
144
|
+
* Whether to show the cancel button
|
|
145
|
+
*/
|
|
146
|
+
showCancel: {
|
|
147
|
+
type: BooleanConstructor;
|
|
148
|
+
default: boolean;
|
|
149
|
+
};
|
|
150
|
+
/**
|
|
151
|
+
* Whether to show the confirm button
|
|
152
|
+
*/
|
|
153
|
+
showConfirm: {
|
|
154
|
+
type: BooleanConstructor;
|
|
155
|
+
default: boolean;
|
|
156
|
+
};
|
|
157
|
+
/**
|
|
158
|
+
* Custom text for the cancel button
|
|
159
|
+
*/
|
|
160
|
+
cancelButtonText: {
|
|
161
|
+
type: StringConstructor;
|
|
162
|
+
default: string;
|
|
163
|
+
};
|
|
164
|
+
/**
|
|
165
|
+
* Button variant for the cancel button
|
|
166
|
+
*/
|
|
167
|
+
cancelButtonType: {
|
|
168
|
+
type: PropType<ButtonVariantName>;
|
|
169
|
+
default: string;
|
|
170
|
+
validator: (value: string) => boolean;
|
|
171
|
+
};
|
|
172
|
+
/**
|
|
173
|
+
* Custom text for the confirm button
|
|
174
|
+
*/
|
|
175
|
+
confirmButtonText: {
|
|
176
|
+
type: StringConstructor;
|
|
177
|
+
default: string;
|
|
178
|
+
};
|
|
179
|
+
/**
|
|
180
|
+
* Button variant for the confirm button
|
|
181
|
+
*/
|
|
182
|
+
confirmButtonType: {
|
|
183
|
+
type: PropType<ButtonVariantName>;
|
|
184
|
+
default: string;
|
|
185
|
+
validator: (value: string) => boolean;
|
|
186
|
+
};
|
|
187
|
+
/**
|
|
188
|
+
* Controls the outer padding of the modal
|
|
189
|
+
*/
|
|
190
|
+
padding: {
|
|
191
|
+
type: BooleanConstructor;
|
|
192
|
+
default: boolean;
|
|
193
|
+
};
|
|
194
|
+
/**
|
|
195
|
+
* Controls the visibility of the 'X' close button.
|
|
196
|
+
*/
|
|
197
|
+
showCloseButton: {
|
|
198
|
+
type: BooleanConstructor;
|
|
199
|
+
default: boolean;
|
|
200
|
+
};
|
|
201
|
+
/**
|
|
202
|
+
* Custom class for the modal container.
|
|
203
|
+
*/
|
|
204
|
+
containerClass: {
|
|
205
|
+
type: StringConstructor;
|
|
206
|
+
};
|
|
207
|
+
/**
|
|
208
|
+
* Custom class for the footer container.
|
|
209
|
+
*/
|
|
210
|
+
footerClass: {
|
|
211
|
+
type: StringConstructor;
|
|
212
|
+
};
|
|
213
|
+
}>> & {
|
|
214
|
+
onCancel?: ((...args: any[]) => any) | undefined;
|
|
215
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
216
|
+
}, {
|
|
217
|
+
modelValue: boolean;
|
|
218
|
+
element: string;
|
|
219
|
+
role: string;
|
|
220
|
+
showCancel: boolean;
|
|
221
|
+
showConfirm: boolean;
|
|
222
|
+
cancelButtonText: string;
|
|
223
|
+
cancelButtonType: ButtonVariantName;
|
|
224
|
+
confirmButtonText: string;
|
|
225
|
+
confirmButtonType: ButtonVariantName;
|
|
226
|
+
padding: boolean;
|
|
227
|
+
showCloseButton: boolean;
|
|
228
|
+
}, {}>;
|
|
229
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwModal from './fw-modal.vue';
|
|
2
|
-
export { FwModal };
|
|
1
|
+
import FwModal from './fw-modal.vue';
|
|
2
|
+
export { FwModal };
|
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import { ButtonVariantName } from '../fw-button/index.types';
|
|
2
|
-
export declare interface FwModalProps {
|
|
3
|
-
modelValue: boolean;
|
|
4
|
-
header?: string;
|
|
5
|
-
element?: string;
|
|
6
|
-
body?: string;
|
|
7
|
-
role?: string;
|
|
8
|
-
showCancel?: boolean;
|
|
9
|
-
showConfirm?: boolean;
|
|
10
|
-
cancelButtonText?: string;
|
|
11
|
-
cancelButtonType?: ButtonVariantName;
|
|
12
|
-
confirmButtonText?: string;
|
|
13
|
-
confirmButtonType?: ButtonVariantName;
|
|
14
|
-
|
|
1
|
+
import { ButtonVariantName } from '../fw-button/index.types';
|
|
2
|
+
export declare interface FwModalProps {
|
|
3
|
+
modelValue: boolean;
|
|
4
|
+
header?: string;
|
|
5
|
+
element?: string;
|
|
6
|
+
body?: string;
|
|
7
|
+
role?: string;
|
|
8
|
+
showCancel?: boolean;
|
|
9
|
+
showConfirm?: boolean;
|
|
10
|
+
cancelButtonText?: string;
|
|
11
|
+
cancelButtonType?: ButtonVariantName;
|
|
12
|
+
confirmButtonText?: string;
|
|
13
|
+
confirmButtonType?: ButtonVariantName;
|
|
14
|
+
padding?: boolean;
|
|
15
|
+
showCloseButton?: boolean;
|
|
16
|
+
containerClass?: string;
|
|
17
|
+
footerClass?: string;
|
|
18
|
+
}
|
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { NavMenuItem } from './index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* An array of menu items
|
|
6
|
-
* `{ to?: string | object; href?: string; label: string; }`
|
|
7
|
-
*/
|
|
8
|
-
menuItems: {
|
|
9
|
-
type: PropType<NavMenuItem[]>;
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* The label for the action button.
|
|
13
|
-
* Also emits the `action` event.
|
|
14
|
-
*/
|
|
15
|
-
actionLabel: {
|
|
16
|
-
type: StringConstructor;
|
|
17
|
-
};
|
|
18
|
-
/**
|
|
19
|
-
* The class for the container wrapper.
|
|
20
|
-
*/
|
|
21
|
-
containerClass: {
|
|
22
|
-
type: StringConstructor;
|
|
23
|
-
default: string;
|
|
24
|
-
};
|
|
25
|
-
}, {
|
|
26
|
-
mobileMenuClass: import("vue").Ref<string>;
|
|
27
|
-
isMobileMenuOpen: import("vue").Ref<boolean>;
|
|
28
|
-
toggleMobileMenu: () => boolean;
|
|
29
|
-
actionClicked: () => void;
|
|
30
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").
|
|
31
|
-
/**
|
|
32
|
-
* An array of menu items
|
|
33
|
-
* `{ to?: string | object; href?: string; label: string; }`
|
|
34
|
-
*/
|
|
35
|
-
menuItems: {
|
|
36
|
-
type: PropType<NavMenuItem[]>;
|
|
37
|
-
};
|
|
38
|
-
/**
|
|
39
|
-
* The label for the action button.
|
|
40
|
-
* Also emits the `action` event.
|
|
41
|
-
*/
|
|
42
|
-
actionLabel: {
|
|
43
|
-
type: StringConstructor;
|
|
44
|
-
};
|
|
45
|
-
/**
|
|
46
|
-
* The class for the container wrapper.
|
|
47
|
-
*/
|
|
48
|
-
containerClass: {
|
|
49
|
-
type: StringConstructor;
|
|
50
|
-
default: string;
|
|
51
|
-
};
|
|
52
|
-
}>> & {
|
|
53
|
-
onAction?: ((...args: any[]) => any) | undefined;
|
|
54
|
-
}, {
|
|
55
|
-
containerClass: string;
|
|
56
|
-
}>;
|
|
57
|
-
export default _default;
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { NavMenuItem } from './index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* An array of menu items
|
|
6
|
+
* `{ to?: string | object; href?: string; label: string; }`
|
|
7
|
+
*/
|
|
8
|
+
menuItems: {
|
|
9
|
+
type: PropType<NavMenuItem[]>;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* The label for the action button.
|
|
13
|
+
* Also emits the `action` event.
|
|
14
|
+
*/
|
|
15
|
+
actionLabel: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* The class for the container wrapper.
|
|
20
|
+
*/
|
|
21
|
+
containerClass: {
|
|
22
|
+
type: StringConstructor;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
}, {
|
|
26
|
+
mobileMenuClass: import("vue").Ref<string>;
|
|
27
|
+
isMobileMenuOpen: import("vue").Ref<boolean>;
|
|
28
|
+
toggleMobileMenu: () => boolean;
|
|
29
|
+
actionClicked: () => void;
|
|
30
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
|
+
/**
|
|
32
|
+
* An array of menu items
|
|
33
|
+
* `{ to?: string | object; href?: string; label: string; }`
|
|
34
|
+
*/
|
|
35
|
+
menuItems: {
|
|
36
|
+
type: PropType<NavMenuItem[]>;
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* The label for the action button.
|
|
40
|
+
* Also emits the `action` event.
|
|
41
|
+
*/
|
|
42
|
+
actionLabel: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* The class for the container wrapper.
|
|
47
|
+
*/
|
|
48
|
+
containerClass: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: string;
|
|
51
|
+
};
|
|
52
|
+
}>> & {
|
|
53
|
+
onAction?: ((...args: any[]) => any) | undefined;
|
|
54
|
+
}, {
|
|
55
|
+
containerClass: string;
|
|
56
|
+
}, {}>;
|
|
57
|
+
export default _default;
|