@frollo/frollo-web-ui 8.5.4 → 9.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 +29798 -28754
- package/esm/{_rollupPluginBabelHelpers-DpC_oIQV.js → _rollupPluginBabelHelpers-DODWUb5N.js} +307 -345
- package/esm/fw-accordion.js +59 -56
- package/esm/fw-alert.js +68 -0
- package/esm/fw-bar-chart.js +4 -4
- package/esm/fw-button-YMoW4x4c.js +296 -0
- package/esm/fw-button.js +2 -4
- package/esm/{fw-card-bsYbpPmW.js → fw-card-D45R4kN-.js} +33 -9
- package/esm/fw-card.js +3 -1
- package/esm/fw-checkbox.js +39 -20
- package/esm/fw-date-picker.js +110 -78
- package/esm/fw-drawer.js +119 -83
- package/esm/{fw-dropdown-CbgOvgOt.js → fw-dropdown-58wyuzsW.js} +80 -61
- package/esm/fw-dropdown.js +5 -5
- package/esm/fw-icons.js +34 -0
- package/esm/{fw-image-Dl96Dc27.js → fw-image-D-OHafdw.js} +30 -13
- package/esm/fw-image.js +4 -4
- package/esm/{fw-input-XeI-IKly.js → fw-input-C2-cZ-BY.js} +65 -43
- package/esm/fw-input.js +2 -2
- package/esm/fw-loading-bar-DecYSBC_.js +45 -0
- package/esm/fw-loading.js +34 -15
- package/esm/fw-media-picker.js +43 -31
- package/esm/fw-modal.js +102 -48
- package/esm/fw-navigation-menu.js +180 -52
- package/esm/fw-popover-B4bsfuxm.js +620 -0
- package/esm/fw-popover.js +6 -293
- package/esm/fw-progress-bar.js +3 -2
- package/esm/fw-provider-list.js +59 -35
- package/esm/fw-sidebar-menu.js +22 -13
- package/esm/fw-slider.js +4 -4
- package/esm/fw-switch.js +147 -0
- package/esm/{fw-table-row-Db7951fr.js → fw-table-row-Cgi8871h.js} +57 -55
- package/esm/fw-table.js +8 -7
- package/esm/fw-tabs.js +7 -7
- package/esm/{fw-tag-V0jMl-It.js → fw-tag-fDo50Nw7.js} +37 -26
- package/esm/fw-tag.js +4 -6
- package/esm/fw-toast.js +14 -15
- package/esm/fw-transactions-card.js +8 -8
- package/esm/get-root-colours-DCjlYelc.js +62 -0
- package/esm/{index-CzZMBMV_.js → index-BsEH8YYr.js} +433 -130
- package/esm/index.js +76 -68
- package/esm/{uniqueId-DK6xzFd8.js → uniqueId-DZdGzBh8.js} +1 -1
- package/frollo-web-ui.esm.js +30113 -29019
- package/icons/arrow-connect.svg +3 -0
- package/icons/arrow-left.svg +3 -0
- package/icons/arrow-out-square.svg +3 -0
- package/icons/arrow-right.svg +3 -0
- package/icons/circle-exclamation.svg +5 -0
- package/icons/clock.svg +10 -0
- package/icons/default-provider.svg +5 -0
- package/icons/desktop.svg +8 -0
- package/icons/error.svg +3 -0
- package/icons/folder-arrow-down.svg +3 -0
- package/icons/index.ts +35 -3
- package/icons/loading.svg +0 -1
- package/icons/manual-account.svg +3 -0
- package/icons/mobile.svg +3 -0
- package/icons/paper-plane.svg +3 -0
- package/icons/pending.svg +10 -0
- package/icons/success-hill.svg +5 -0
- package/icons/user-plus.svg +3 -0
- package/index.d.ts +807 -571
- package/package.json +24 -30
- package/styles/tailwind.css +52 -0
- package/styles/typography.scss +24 -7
- package/styles/web-components.scss +85 -2
- package/tailwind.config.js +128 -22
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +20 -20
- package/types/components/fw-alert/fw-alert.vue.d.ts +43 -0
- package/types/components/fw-alert/index.d.ts +2 -0
- package/types/components/fw-alert/index.types.d.ts +4 -0
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +8 -8
- package/types/components/fw-button/fw-button.vue.d.ts +15 -17
- package/types/components/fw-button/index.d.ts +2 -0
- package/types/components/fw-button/index.types.d.ts +1 -3
- package/types/components/fw-card/fw-card.vue.d.ts +3 -2
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +8 -5
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +14 -19
- package/types/components/fw-date-picker/index.types.d.ts +5 -4
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +26 -10
- package/types/components/fw-drawer/index.types.d.ts +1 -1
- package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +11 -9
- package/types/components/fw-icons/index.d.ts +2 -0
- package/types/components/fw-image/fw-image.vue.d.ts +7 -5
- package/types/components/fw-input/fw-input.vue.d.ts +11 -17
- package/types/components/fw-input/index.types.d.ts +1 -1
- package/types/components/fw-loading/fw-loading-bar.vue.d.ts +5 -2
- package/types/components/fw-loading/fw-loading-dots.vue.d.ts +2 -0
- package/types/components/fw-loading/index.d.ts +2 -1
- package/types/components/fw-modal/fw-modal.vue.d.ts +51 -11
- package/types/components/fw-modal/index.types.d.ts +1 -1
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +77 -6
- package/types/components/fw-navigation-menu/index.types.d.ts +11 -0
- package/types/components/fw-popover/fw-popover.vue.d.ts +10 -5
- package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +8 -5
- package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +20 -3
- package/types/components/fw-sidebar-menu/index.types.d.ts +9 -0
- package/types/components/fw-switch/fw-switch.vue.d.ts +101 -0
- package/types/components/fw-switch/index.d.ts +2 -0
- package/types/components/fw-switch/index.types.d.ts +8 -0
- package/types/components/fw-table/fw-table.vue.d.ts +7 -7
- package/types/components/fw-table/index.types.d.ts +0 -3
- package/types/components/fw-tabs/fw-tabs.vue.d.ts +1 -1
- package/types/components/fw-tabs/index.types.d.ts +1 -1
- package/types/components/fw-tag/fw-tag.vue.d.ts +2 -2
- package/types/components/fw-tag/index.types.d.ts +3 -3
- package/types/components/fw-toast/fw-toast.vue.d.ts +2 -2
- package/types/components/index.d.ts +4 -3
- package/types/components/index.types.d.ts +1 -0
- package/types/helpers/get-root-colours.d.ts +3 -0
- package/types/helpers/index.d.ts +2 -0
- package/types/helpers/vue-component-to-html.d.ts +2 -0
- package/types/icons/index.d.ts +18 -2
- package/types/index-types.esm.d.ts +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.esm.d.ts +1 -0
- package/types/services/toast.d.ts +1 -1
- package/web-components/index.js +30112 -29026
- package/esm/check--YD4Ts6g.js +0 -17
- package/esm/fw-animations.js +0 -123
- package/esm/fw-button-DNozvo7B.js +0 -286
- package/esm/fw-loading-bar-DThRjdw1.js +0 -22
- package/esm/fw-loading-spinner-BFpFFRJm.js +0 -20
- package/esm/fw-period-selector.js +0 -90
- package/esm/get-root-colours-DYEoJPEb.js +0 -37
- package/icons/icons.stories.ts +0 -28
- package/styles/tailwind.scss +0 -68
- package/types/components/fw-animations/fw-email-pulse.vue.d.ts +0 -24
- package/types/components/fw-animations/fw-success-pulse.vue.d.ts +0 -24
- package/types/components/fw-animations/index.d.ts +0 -4
- package/types/components/fw-period-selector/fw-period-selector.vue.d.ts +0 -56
- package/types/components/fw-period-selector/index.d.ts +0 -2
- package/types/components/fw-period-selector/index.types.d.ts +0 -1
- /package/icons/{arrows-rotate.svg → arrow-rotate.svg} +0 -0
- /package/types/components/{fw-animations/fw-loading-spinner.vue.d.ts → fw-icons/fw-success-animation.vue.d.ts} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { FwBarChartProps } from './index.types';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
5
5
|
* The transaction title of the chart
|
|
@@ -17,25 +17,25 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
17
17
|
* The x axis data.
|
|
18
18
|
*/
|
|
19
19
|
x: {
|
|
20
|
-
type: PropType<
|
|
20
|
+
type: PropType<FwBarChartProps["x"]>;
|
|
21
21
|
};
|
|
22
22
|
/**
|
|
23
23
|
* The y axis data.
|
|
24
24
|
*/
|
|
25
25
|
y: {
|
|
26
|
-
type: PropType<
|
|
26
|
+
type: PropType<FwBarChartProps["y"]>;
|
|
27
27
|
};
|
|
28
28
|
/**
|
|
29
29
|
* The x and y axis data.
|
|
30
30
|
*/
|
|
31
31
|
graphData: {
|
|
32
|
-
type: PropType<
|
|
32
|
+
type: PropType<FwBarChartProps["graphData"]>;
|
|
33
33
|
};
|
|
34
34
|
}, {
|
|
35
35
|
uuid: string;
|
|
36
36
|
xModel: import("vue").ComputedRef<string[]>;
|
|
37
37
|
yModel: import("vue").ComputedRef<number[]>;
|
|
38
|
-
chartOptions: import("vue").ComputedRef<import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<
|
|
38
|
+
chartOptions: import("vue").ComputedRef<import("chart.js/dist/types/utils")._DeepPartialObject<import("chart.js").CoreChartOptions<"bar"> & import("chart.js").ElementChartOptions<"bar"> & import("chart.js").PluginChartOptions<"bar"> & import("chart.js").DatasetChartOptions<"bar"> & import("chart.js").ScaleChartOptions<"bar"> & import("chart.js").BarControllerChartOptions>>;
|
|
39
39
|
chartData: import("vue").ComputedRef<{
|
|
40
40
|
labels: string[];
|
|
41
41
|
datasets: {
|
|
@@ -65,19 +65,19 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
65
65
|
* The x axis data.
|
|
66
66
|
*/
|
|
67
67
|
x: {
|
|
68
|
-
type: PropType<
|
|
68
|
+
type: PropType<FwBarChartProps["x"]>;
|
|
69
69
|
};
|
|
70
70
|
/**
|
|
71
71
|
* The y axis data.
|
|
72
72
|
*/
|
|
73
73
|
y: {
|
|
74
|
-
type: PropType<
|
|
74
|
+
type: PropType<FwBarChartProps["y"]>;
|
|
75
75
|
};
|
|
76
76
|
/**
|
|
77
77
|
* The x and y axis data.
|
|
78
78
|
*/
|
|
79
79
|
graphData: {
|
|
80
|
-
type: PropType<
|
|
80
|
+
type: PropType<FwBarChartProps["graphData"]>;
|
|
81
81
|
};
|
|
82
82
|
}>>, {}, {}>;
|
|
83
83
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { ButtonSize, ButtonVariantName, ButtonTypeAttribute, ButtonAnimation } from './index.types';
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import type { ButtonSize, ButtonVariantName, ButtonTypeAttribute, ButtonAnimation } from './index.types.ts';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
5
5
|
* The label text of the button.
|
|
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
28
28
|
};
|
|
29
29
|
/**
|
|
30
30
|
* The colour variant of the button.
|
|
31
|
-
* Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
|
|
31
|
+
* Accepts 'primary', 'secondary', 'tertiary', 'quaternary', 'error', 'success', 'link', 'text', 'transparent', 'gradient'
|
|
32
32
|
*/
|
|
33
33
|
variant: {
|
|
34
34
|
type: PropType<ButtonVariantName>;
|
|
@@ -73,16 +73,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
73
73
|
type: BooleanConstructor;
|
|
74
74
|
};
|
|
75
75
|
/**
|
|
76
|
-
* Whether the button
|
|
76
|
+
* Whether the button selected state is active
|
|
77
77
|
*/
|
|
78
|
-
|
|
78
|
+
selected: {
|
|
79
79
|
type: BooleanConstructor;
|
|
80
|
-
default: boolean;
|
|
81
80
|
};
|
|
82
81
|
/**
|
|
83
|
-
* Whether the button is
|
|
82
|
+
* Whether the button is disabled
|
|
84
83
|
*/
|
|
85
|
-
|
|
84
|
+
disabled: {
|
|
86
85
|
type: BooleanConstructor;
|
|
87
86
|
default: boolean;
|
|
88
87
|
};
|
|
@@ -98,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
98
97
|
onFocusin: (e: FocusEvent) => void;
|
|
99
98
|
onFocusout: (e: FocusEvent) => void;
|
|
100
99
|
tagName: import("vue").ComputedRef<"button" | "router-link" | "a">;
|
|
101
|
-
|
|
100
|
+
iconSize: import("vue").ComputedRef<{
|
|
102
101
|
spacing: string;
|
|
103
102
|
size: string;
|
|
104
103
|
} | {
|
|
@@ -142,7 +141,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
142
141
|
};
|
|
143
142
|
/**
|
|
144
143
|
* The colour variant of the button.
|
|
145
|
-
* Accepts 'primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text', 'transparent'
|
|
144
|
+
* Accepts 'primary', 'secondary', 'tertiary', 'quaternary', 'error', 'success', 'link', 'text', 'transparent', 'gradient'
|
|
146
145
|
*/
|
|
147
146
|
variant: {
|
|
148
147
|
type: PropType<ButtonVariantName>;
|
|
@@ -187,16 +186,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
187
186
|
type: BooleanConstructor;
|
|
188
187
|
};
|
|
189
188
|
/**
|
|
190
|
-
* Whether the button
|
|
189
|
+
* Whether the button selected state is active
|
|
191
190
|
*/
|
|
192
|
-
|
|
191
|
+
selected: {
|
|
193
192
|
type: BooleanConstructor;
|
|
194
|
-
default: boolean;
|
|
195
193
|
};
|
|
196
194
|
/**
|
|
197
|
-
* Whether the button is
|
|
195
|
+
* Whether the button is disabled
|
|
198
196
|
*/
|
|
199
|
-
|
|
197
|
+
disabled: {
|
|
200
198
|
type: BooleanConstructor;
|
|
201
199
|
default: boolean;
|
|
202
200
|
};
|
|
@@ -208,13 +206,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
208
206
|
onFocusout?: ((...args: any[]) => any) | undefined;
|
|
209
207
|
}, {
|
|
210
208
|
size: ButtonSize;
|
|
211
|
-
disabled: boolean;
|
|
212
209
|
variant: ButtonVariantName;
|
|
213
210
|
buttonType: ButtonTypeAttribute;
|
|
214
211
|
animation: ButtonAnimation;
|
|
215
212
|
rounded: boolean;
|
|
216
213
|
loading: boolean;
|
|
217
214
|
external: boolean;
|
|
218
|
-
|
|
215
|
+
selected: boolean;
|
|
216
|
+
disabled: boolean;
|
|
219
217
|
}, {}>;
|
|
220
218
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'error' | 'success' | 'link' | 'text' | 'transparent' | '
|
|
1
|
+
export type ButtonVariantName = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'error' | 'success' | 'link' | 'text' | 'transparent' | 'gradient';
|
|
2
2
|
export declare interface ButtonDefinition {
|
|
3
3
|
text: string;
|
|
4
4
|
background: string;
|
|
@@ -24,6 +24,4 @@ export declare interface FwButtonProps {
|
|
|
24
24
|
rounded?: boolean;
|
|
25
25
|
loading?: boolean;
|
|
26
26
|
external?: boolean;
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
active?: boolean;
|
|
29
27
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
2
2
|
/**
|
|
3
3
|
* The header title of the card
|
|
4
4
|
*/
|
|
@@ -38,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
38
38
|
}, {
|
|
39
39
|
componentName: import("vue").ComputedRef<"router-link" | "a" | "div">;
|
|
40
40
|
linkClass: import("vue").Ref<string>;
|
|
41
|
+
cardHeaderBg: string;
|
|
41
42
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
42
43
|
/**
|
|
43
44
|
* The header title of the card
|
|
@@ -79,4 +80,4 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
80
|
slotPadding: boolean;
|
|
80
81
|
isBordered: boolean;
|
|
81
82
|
}, {}>;
|
|
82
|
-
export default
|
|
83
|
+
export default __default__;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import type { FwCheckboxProps } from './index.types';
|
|
3
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
3
4
|
/**
|
|
4
5
|
* The name of the checkbox input field.
|
|
5
6
|
* Multiple checkboxes can use the same name with a unique value.
|
|
@@ -25,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
26
|
* Validation rules. Accepts an object, stringm schema or validation function.
|
|
26
27
|
*/
|
|
27
28
|
rules: {
|
|
28
|
-
type: PropType<
|
|
29
|
+
type: PropType<FwCheckboxProps["rules"]>;
|
|
29
30
|
};
|
|
30
31
|
/**
|
|
31
32
|
* The hint text shown below the input
|
|
@@ -51,6 +52,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
51
52
|
};
|
|
52
53
|
}, {
|
|
53
54
|
uuid: string;
|
|
55
|
+
primaryFade5: string;
|
|
56
|
+
colorErrorTextFade5: string;
|
|
54
57
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
55
58
|
/**
|
|
56
59
|
* The name of the checkbox input field.
|
|
@@ -77,7 +80,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
77
80
|
* Validation rules. Accepts an object, stringm schema or validation function.
|
|
78
81
|
*/
|
|
79
82
|
rules: {
|
|
80
|
-
type: PropType<
|
|
83
|
+
type: PropType<FwCheckboxProps["rules"]>;
|
|
81
84
|
};
|
|
82
85
|
/**
|
|
83
86
|
* The hint text shown below the input
|
|
@@ -105,4 +108,4 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
105
108
|
enableErrors: boolean;
|
|
106
109
|
isChecked: boolean;
|
|
107
110
|
}, {}>;
|
|
108
|
-
export default
|
|
111
|
+
export default __default__;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import { FwDatePickerModel, type FwDatePickerProps } from './index.types';
|
|
2
3
|
import 'v-calendar/style.css';
|
|
3
4
|
declare const __default__: import("vue").DefineComponent<{
|
|
4
5
|
/**
|
|
5
6
|
* The date-picker v-model
|
|
6
7
|
*/
|
|
7
8
|
modelValue: {
|
|
8
|
-
type: PropType<
|
|
9
|
-
|
|
10
|
-
end: string;
|
|
11
|
-
}>;
|
|
9
|
+
type: PropType<FwDatePickerModel>;
|
|
10
|
+
default: null;
|
|
12
11
|
};
|
|
13
12
|
/**
|
|
14
13
|
* The name of the input field. Must be unique per form.
|
|
@@ -95,27 +94,24 @@ declare const __default__: import("vue").DefineComponent<{
|
|
|
95
94
|
* The minimum selectable date
|
|
96
95
|
*/
|
|
97
96
|
minDate: {
|
|
98
|
-
type: PropType<
|
|
97
|
+
type: PropType<FwDatePickerProps["minDate"]>;
|
|
99
98
|
};
|
|
100
99
|
/**
|
|
101
100
|
* The maximum selectable date
|
|
102
101
|
*/
|
|
103
102
|
maxDate: {
|
|
104
|
-
type: PropType<
|
|
103
|
+
type: PropType<FwDatePickerProps["maxDate"]>;
|
|
105
104
|
};
|
|
106
105
|
/**
|
|
107
106
|
* Validation rules. Accepts an object, string schema or validation function.
|
|
108
107
|
*/
|
|
109
108
|
rules: {
|
|
110
|
-
type: PropType<
|
|
109
|
+
type: PropType<FwDatePickerProps["rules"]>;
|
|
111
110
|
};
|
|
112
111
|
}, {
|
|
113
112
|
uuid: string;
|
|
114
113
|
inputBaseClass: import("vue").Ref<string>;
|
|
115
|
-
dateModel: import("vue").WritableComputedRef<
|
|
116
|
-
start: string;
|
|
117
|
-
end: string;
|
|
118
|
-
} | undefined>;
|
|
114
|
+
dateModel: import("vue").WritableComputedRef<FwDatePickerModel>;
|
|
119
115
|
errors: import("vue").Ref<string[]>;
|
|
120
116
|
errorMessage: import("vue").Ref<string | undefined>;
|
|
121
117
|
meta: import("vee-validate").FieldMeta<unknown>;
|
|
@@ -133,10 +129,8 @@ declare const __default__: import("vue").DefineComponent<{
|
|
|
133
129
|
* The date-picker v-model
|
|
134
130
|
*/
|
|
135
131
|
modelValue: {
|
|
136
|
-
type: PropType<
|
|
137
|
-
|
|
138
|
-
end: string;
|
|
139
|
-
}>;
|
|
132
|
+
type: PropType<FwDatePickerModel>;
|
|
133
|
+
default: null;
|
|
140
134
|
};
|
|
141
135
|
/**
|
|
142
136
|
* The name of the input field. Must be unique per form.
|
|
@@ -223,23 +217,24 @@ declare const __default__: import("vue").DefineComponent<{
|
|
|
223
217
|
* The minimum selectable date
|
|
224
218
|
*/
|
|
225
219
|
minDate: {
|
|
226
|
-
type: PropType<
|
|
220
|
+
type: PropType<FwDatePickerProps["minDate"]>;
|
|
227
221
|
};
|
|
228
222
|
/**
|
|
229
223
|
* The maximum selectable date
|
|
230
224
|
*/
|
|
231
225
|
maxDate: {
|
|
232
|
-
type: PropType<
|
|
226
|
+
type: PropType<FwDatePickerProps["maxDate"]>;
|
|
233
227
|
};
|
|
234
228
|
/**
|
|
235
229
|
* Validation rules. Accepts an object, string schema or validation function.
|
|
236
230
|
*/
|
|
237
231
|
rules: {
|
|
238
|
-
type: PropType<
|
|
232
|
+
type: PropType<FwDatePickerProps["rules"]>;
|
|
239
233
|
};
|
|
240
234
|
}>> & {
|
|
241
235
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
242
236
|
}, {
|
|
237
|
+
modelValue: FwDatePickerModel;
|
|
243
238
|
isRange: boolean;
|
|
244
239
|
tabindex: string;
|
|
245
240
|
rounded: boolean;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
export type FwDatePickerModel = string | Date | {
|
|
2
|
+
start: string | Date;
|
|
3
|
+
end: string | Date;
|
|
4
|
+
} | null;
|
|
1
5
|
export declare interface FwDatePickerProps {
|
|
2
|
-
modelValue:
|
|
3
|
-
start: string;
|
|
4
|
-
end: string;
|
|
5
|
-
} | Date;
|
|
6
|
+
modelValue: FwDatePickerModel;
|
|
6
7
|
name: string;
|
|
7
8
|
label?: string;
|
|
8
9
|
placeholder?: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
declare const
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import type { FwDrawerProps } from './index.types';
|
|
3
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
5
5
|
* The drawer's v-model. Controls the visibility of the drawer.
|
|
6
6
|
*/
|
|
@@ -26,6 +26,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
26
26
|
type: StringConstructor;
|
|
27
27
|
default: string;
|
|
28
28
|
};
|
|
29
|
+
/**
|
|
30
|
+
* The element to attach the modal too. Defaults to `#app` element.
|
|
31
|
+
*/
|
|
32
|
+
element: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
29
36
|
/**
|
|
30
37
|
* Whether to show the cancel button
|
|
31
38
|
*/
|
|
@@ -51,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
51
58
|
* Button variant for the cancel button
|
|
52
59
|
*/
|
|
53
60
|
cancelButtonType: {
|
|
54
|
-
type: PropType<
|
|
61
|
+
type: PropType<FwDrawerProps["cancelButtonType"]>;
|
|
55
62
|
default: string;
|
|
56
63
|
validator: (value: string) => boolean;
|
|
57
64
|
};
|
|
@@ -66,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
73
|
* Button variant for the confirm button
|
|
67
74
|
*/
|
|
68
75
|
confirmButtonType: {
|
|
69
|
-
type: PropType<
|
|
76
|
+
type: PropType<FwDrawerProps["confirmButtonType"]>;
|
|
70
77
|
default: string;
|
|
71
78
|
validator: (value: string) => boolean;
|
|
72
79
|
};
|
|
@@ -78,6 +85,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
78
85
|
isMounted: import("vue").Ref<boolean>;
|
|
79
86
|
onConfirmed: () => void;
|
|
80
87
|
onCancelled: () => void;
|
|
88
|
+
drawerBgColour: string;
|
|
81
89
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
82
90
|
/**
|
|
83
91
|
* The drawer's v-model. Controls the visibility of the drawer.
|
|
@@ -104,6 +112,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
104
112
|
type: StringConstructor;
|
|
105
113
|
default: string;
|
|
106
114
|
};
|
|
115
|
+
/**
|
|
116
|
+
* The element to attach the modal too. Defaults to `#app` element.
|
|
117
|
+
*/
|
|
118
|
+
element: {
|
|
119
|
+
type: StringConstructor;
|
|
120
|
+
default: string;
|
|
121
|
+
};
|
|
107
122
|
/**
|
|
108
123
|
* Whether to show the cancel button
|
|
109
124
|
*/
|
|
@@ -129,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
129
144
|
* Button variant for the cancel button
|
|
130
145
|
*/
|
|
131
146
|
cancelButtonType: {
|
|
132
|
-
type: PropType<
|
|
147
|
+
type: PropType<FwDrawerProps["cancelButtonType"]>;
|
|
133
148
|
default: string;
|
|
134
149
|
validator: (value: string) => boolean;
|
|
135
150
|
};
|
|
@@ -144,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
144
159
|
* Button variant for the confirm button
|
|
145
160
|
*/
|
|
146
161
|
confirmButtonType: {
|
|
147
|
-
type: PropType<
|
|
162
|
+
type: PropType<FwDrawerProps["confirmButtonType"]>;
|
|
148
163
|
default: string;
|
|
149
164
|
validator: (value: string) => boolean;
|
|
150
165
|
};
|
|
@@ -153,13 +168,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
153
168
|
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
154
169
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
155
170
|
}, {
|
|
171
|
+
cancelButtonType: import("../index.types").ButtonVariantName | undefined;
|
|
172
|
+
confirmButtonType: import("../index.types").ButtonVariantName | undefined;
|
|
156
173
|
modelValue: boolean;
|
|
157
174
|
role: string;
|
|
175
|
+
element: string;
|
|
158
176
|
showCancel: boolean;
|
|
159
177
|
showConfirm: boolean;
|
|
160
178
|
cancelButtonText: string;
|
|
161
|
-
cancelButtonType: ButtonVariantName;
|
|
162
179
|
confirmButtonText: string;
|
|
163
|
-
confirmButtonType: ButtonVariantName;
|
|
164
180
|
}, {}>;
|
|
165
|
-
export default
|
|
181
|
+
export default __default__;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { FwDropdownOption } from './index.types';
|
|
3
|
-
declare const
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import type { FwDropdownOption, FwDropdownProps } from './index.types';
|
|
3
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
5
5
|
* The select v-model
|
|
6
6
|
*/
|
|
@@ -24,13 +24,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
24
24
|
* Validation rules. Accepts an object, string schema or validation function.
|
|
25
25
|
*/
|
|
26
26
|
rules: {
|
|
27
|
-
type: PropType<
|
|
27
|
+
type: PropType<FwDropdownProps["rules"]>;
|
|
28
28
|
};
|
|
29
29
|
/**
|
|
30
30
|
* An array of options for the dropdown menu.
|
|
31
31
|
*/
|
|
32
32
|
options: {
|
|
33
|
-
type: PropType<
|
|
33
|
+
type: PropType<FwDropdownProps["options"]>;
|
|
34
34
|
required: true;
|
|
35
35
|
};
|
|
36
36
|
/**
|
|
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
67
67
|
menuButtonClass: string;
|
|
68
68
|
menuClass: string;
|
|
69
69
|
menuItemClass: string;
|
|
70
|
-
menuItemActiveClass: (option: FwDropdownOption) => "
|
|
70
|
+
menuItemActiveClass: (option: FwDropdownOption) => "fw-dropdown--open" | "bg-none";
|
|
71
71
|
errors: import("vue").Ref<string[]>;
|
|
72
72
|
errorMessage: import("vue").Ref<string | undefined>;
|
|
73
73
|
meta: import("vee-validate").FieldMeta<unknown>;
|
|
@@ -81,6 +81,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
81
81
|
image_url?: string | undefined;
|
|
82
82
|
description?: string | undefined;
|
|
83
83
|
} | null>;
|
|
84
|
+
primaryFade5: string;
|
|
85
|
+
colorErrorTextFade5: string;
|
|
84
86
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
85
87
|
/**
|
|
86
88
|
* The select v-model
|
|
@@ -105,13 +107,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
105
107
|
* Validation rules. Accepts an object, string schema or validation function.
|
|
106
108
|
*/
|
|
107
109
|
rules: {
|
|
108
|
-
type: PropType<
|
|
110
|
+
type: PropType<FwDropdownProps["rules"]>;
|
|
109
111
|
};
|
|
110
112
|
/**
|
|
111
113
|
* An array of options for the dropdown menu.
|
|
112
114
|
*/
|
|
113
115
|
options: {
|
|
114
|
-
type: PropType<
|
|
116
|
+
type: PropType<FwDropdownProps["options"]>;
|
|
115
117
|
required: true;
|
|
116
118
|
};
|
|
117
119
|
/**
|
|
@@ -151,4 +153,4 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
151
153
|
enableErrors: boolean;
|
|
152
154
|
required: boolean;
|
|
153
155
|
}, {}>;
|
|
154
|
-
export default
|
|
156
|
+
export default __default__;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import type { FwImageProps } from './index.types';
|
|
3
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
3
4
|
/**
|
|
4
5
|
* The src attribute of the image
|
|
5
6
|
*/
|
|
@@ -12,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12
13
|
* The type of component. Accepts 'background' and defaults to the native html5 element.
|
|
13
14
|
*/
|
|
14
15
|
type: {
|
|
15
|
-
type: PropType<"
|
|
16
|
+
type: PropType<FwImageProps["type"]>;
|
|
16
17
|
default: string;
|
|
17
18
|
validator: (value: string) => boolean;
|
|
18
19
|
};
|
|
@@ -46,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
46
47
|
}, {
|
|
47
48
|
fwImageRef: import("vue").Ref<null>;
|
|
48
49
|
isBackground: import("vue").ComputedRef<boolean>;
|
|
50
|
+
colorErrorTextFade5: string;
|
|
49
51
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover" | "mouseout")[], "click" | "mouseover" | "mouseout", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
50
52
|
/**
|
|
51
53
|
* The src attribute of the image
|
|
@@ -59,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
59
61
|
* The type of component. Accepts 'background' and defaults to the native html5 element.
|
|
60
62
|
*/
|
|
61
63
|
type: {
|
|
62
|
-
type: PropType<"
|
|
64
|
+
type: PropType<FwImageProps["type"]>;
|
|
63
65
|
default: string;
|
|
64
66
|
validator: (value: string) => boolean;
|
|
65
67
|
};
|
|
@@ -100,4 +102,4 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
100
102
|
threshold: number;
|
|
101
103
|
enableErrors: boolean;
|
|
102
104
|
}, {}>;
|
|
103
|
-
export default
|
|
105
|
+
export default __default__;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { FwInputType } from './index.types';
|
|
3
|
-
declare const
|
|
1
|
+
import { type PropType } from 'vue';
|
|
2
|
+
import type { FwInputProps, FwInputType } from './index.types';
|
|
3
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
4
4
|
/**
|
|
5
5
|
* The input v-model
|
|
6
6
|
*/
|
|
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
39
|
* Validation rules. Accepts an object, string schema or validation function.
|
|
40
40
|
*/
|
|
41
41
|
rules: {
|
|
42
|
-
type: PropType<
|
|
42
|
+
type: PropType<FwInputProps["rules"]>;
|
|
43
43
|
};
|
|
44
44
|
/**
|
|
45
45
|
* Converts the input into a readonly disabled field
|
|
@@ -98,17 +98,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
98
98
|
type: BooleanConstructor;
|
|
99
99
|
default: boolean;
|
|
100
100
|
};
|
|
101
|
-
centerAlignInput: {
|
|
102
|
-
type: BooleanConstructor;
|
|
103
|
-
default: boolean;
|
|
104
|
-
};
|
|
105
101
|
}, {
|
|
106
|
-
uuid: string;
|
|
107
102
|
inputBaseClass: import("vue").Ref<string>;
|
|
108
103
|
inputValue: import("vue").WritableComputedRef<string>;
|
|
104
|
+
onInput: (e: Event) => void;
|
|
109
105
|
onFocus: (e: FocusEvent) => void;
|
|
110
106
|
onBlur: (e: FocusEvent) => void;
|
|
111
|
-
|
|
107
|
+
primaryFade5: string;
|
|
108
|
+
colorErrorTextFade5: string;
|
|
109
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "input" | "focus" | "blur")[], "update:modelValue" | "input" | "focus" | "blur", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
112
110
|
/**
|
|
113
111
|
* The input v-model
|
|
114
112
|
*/
|
|
@@ -147,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
147
145
|
* Validation rules. Accepts an object, string schema or validation function.
|
|
148
146
|
*/
|
|
149
147
|
rules: {
|
|
150
|
-
type: PropType<
|
|
148
|
+
type: PropType<FwInputProps["rules"]>;
|
|
151
149
|
};
|
|
152
150
|
/**
|
|
153
151
|
* Converts the input into a readonly disabled field
|
|
@@ -206,12 +204,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
206
204
|
type: BooleanConstructor;
|
|
207
205
|
default: boolean;
|
|
208
206
|
};
|
|
209
|
-
centerAlignInput: {
|
|
210
|
-
type: BooleanConstructor;
|
|
211
|
-
default: boolean;
|
|
212
|
-
};
|
|
213
207
|
}>> & {
|
|
214
208
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
209
|
+
onInput?: ((...args: any[]) => any) | undefined;
|
|
215
210
|
onFocus?: ((...args: any[]) => any) | undefined;
|
|
216
211
|
onBlur?: ((...args: any[]) => any) | undefined;
|
|
217
212
|
}, {
|
|
@@ -222,6 +217,5 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
222
217
|
tabindex: string;
|
|
223
218
|
rounded: boolean;
|
|
224
219
|
enableErrors: boolean;
|
|
225
|
-
centerAlignInput: boolean;
|
|
226
220
|
}, {}>;
|
|
227
|
-
export default
|
|
221
|
+
export default __default__;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
declare const
|
|
2
|
-
|
|
1
|
+
declare const __default__: import("vue").DefineComponent<{}, {
|
|
2
|
+
primaryFade5: string;
|
|
3
|
+
primaryFade20: string;
|
|
4
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
5
|
+
export default __default__;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import FwLoadingBar from './fw-loading-bar.vue';
|
|
2
2
|
import FwLoadingCard from './fw-loading-card.vue';
|
|
3
3
|
import FwLoadingTable from './fw-loading-table.vue';
|
|
4
|
-
|
|
4
|
+
import FwLoadingDots from './fw-loading-dots.vue';
|
|
5
|
+
export { FwLoadingBar, FwLoadingCard, FwLoadingTable, FwLoadingDots };
|