@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,157 +1,157 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
declare const __default__: import("vue").DefineComponent<{
|
|
3
|
-
/**
|
|
4
|
-
* The title of the popover
|
|
5
|
-
*/
|
|
6
|
-
title: StringConstructor;
|
|
7
|
-
/**
|
|
8
|
-
* The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
|
|
9
|
-
*/
|
|
10
|
-
placement: {
|
|
11
|
-
type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
|
|
12
|
-
default: string;
|
|
13
|
-
validator: (value: string) => boolean;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* Whether to use `fixed` or `absolute` positioning.
|
|
17
|
-
* Absolute is more performant if you have a lot of popovers; fixed is more robust
|
|
18
|
-
*/
|
|
19
|
-
position: {
|
|
20
|
-
type:
|
|
21
|
-
default: string;
|
|
22
|
-
validator: (value: string) => boolean;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* The input event which causes the popover to show. Accepts 'click' and 'hover'
|
|
26
|
-
*/
|
|
27
|
-
trigger: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
default: string;
|
|
30
|
-
validator: (value: string) => boolean;
|
|
31
|
-
};
|
|
32
|
-
/**
|
|
33
|
-
* Whether to show component on top of all components by setting the highest z-index
|
|
34
|
-
*/
|
|
35
|
-
showOnTop: {
|
|
36
|
-
type: BooleanConstructor;
|
|
37
|
-
default: boolean;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* Close the popover automatically when the user clicks inside of the popover
|
|
41
|
-
*/
|
|
42
|
-
closeOnClick: {
|
|
43
|
-
type: BooleanConstructor;
|
|
44
|
-
default: boolean;
|
|
45
|
-
};
|
|
46
|
-
/**
|
|
47
|
-
* Close the popover automatically when the user clicks outside of the popover
|
|
48
|
-
*/
|
|
49
|
-
closeOnClickOutside: {
|
|
50
|
-
type: BooleanConstructor;
|
|
51
|
-
default: boolean;
|
|
52
|
-
};
|
|
53
|
-
/**
|
|
54
|
-
* The text alignment of the popover content should be placed against. Accepts 'center', 'right' and 'left'
|
|
55
|
-
*/
|
|
56
|
-
textAlign: {
|
|
57
|
-
type: StringConstructor;
|
|
58
|
-
default: string;
|
|
59
|
-
validator: (value: string) => boolean;
|
|
60
|
-
};
|
|
61
|
-
/**
|
|
62
|
-
* Whether to show the arrow
|
|
63
|
-
**/
|
|
64
|
-
showArrow: {
|
|
65
|
-
type: BooleanConstructor;
|
|
66
|
-
default: boolean;
|
|
67
|
-
};
|
|
68
|
-
}, {
|
|
69
|
-
targetElement: import("vue").Ref<HTMLElement | undefined>;
|
|
70
|
-
contentElement: import("vue").Ref<HTMLElement | undefined>;
|
|
71
|
-
contentElementId: string;
|
|
72
|
-
computedVisible: import("vue").ComputedRef<string | false | import("vue").Slot | undefined>;
|
|
73
|
-
onHover: () => void;
|
|
74
|
-
onClick: () => void;
|
|
75
|
-
onLeave: () => void;
|
|
76
|
-
autoCloseContent: (e: Event) => void;
|
|
77
|
-
visible: import("vue").Ref<boolean>;
|
|
78
|
-
spacingSize: import("vue").ComputedRef<"12px" | "2px">;
|
|
79
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closed"[], "closed", import("vue").
|
|
80
|
-
/**
|
|
81
|
-
* The title of the popover
|
|
82
|
-
*/
|
|
83
|
-
title: StringConstructor;
|
|
84
|
-
/**
|
|
85
|
-
* The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
|
|
86
|
-
*/
|
|
87
|
-
placement: {
|
|
88
|
-
type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
|
|
89
|
-
default: string;
|
|
90
|
-
validator: (value: string) => boolean;
|
|
91
|
-
};
|
|
92
|
-
/**
|
|
93
|
-
* Whether to use `fixed` or `absolute` positioning.
|
|
94
|
-
* Absolute is more performant if you have a lot of popovers; fixed is more robust
|
|
95
|
-
*/
|
|
96
|
-
position: {
|
|
97
|
-
type:
|
|
98
|
-
default: string;
|
|
99
|
-
validator: (value: string) => boolean;
|
|
100
|
-
};
|
|
101
|
-
/**
|
|
102
|
-
* The input event which causes the popover to show. Accepts 'click' and 'hover'
|
|
103
|
-
*/
|
|
104
|
-
trigger: {
|
|
105
|
-
type: StringConstructor;
|
|
106
|
-
default: string;
|
|
107
|
-
validator: (value: string) => boolean;
|
|
108
|
-
};
|
|
109
|
-
/**
|
|
110
|
-
* Whether to show component on top of all components by setting the highest z-index
|
|
111
|
-
*/
|
|
112
|
-
showOnTop: {
|
|
113
|
-
type: BooleanConstructor;
|
|
114
|
-
default: boolean;
|
|
115
|
-
};
|
|
116
|
-
/**
|
|
117
|
-
* Close the popover automatically when the user clicks inside of the popover
|
|
118
|
-
*/
|
|
119
|
-
closeOnClick: {
|
|
120
|
-
type: BooleanConstructor;
|
|
121
|
-
default: boolean;
|
|
122
|
-
};
|
|
123
|
-
/**
|
|
124
|
-
* Close the popover automatically when the user clicks outside of the popover
|
|
125
|
-
*/
|
|
126
|
-
closeOnClickOutside: {
|
|
127
|
-
type: BooleanConstructor;
|
|
128
|
-
default: boolean;
|
|
129
|
-
};
|
|
130
|
-
/**
|
|
131
|
-
* The text alignment of the popover content should be placed against. Accepts 'center', 'right' and 'left'
|
|
132
|
-
*/
|
|
133
|
-
textAlign: {
|
|
134
|
-
type: StringConstructor;
|
|
135
|
-
default: string;
|
|
136
|
-
validator: (value: string) => boolean;
|
|
137
|
-
};
|
|
138
|
-
/**
|
|
139
|
-
* Whether to show the arrow
|
|
140
|
-
**/
|
|
141
|
-
showArrow: {
|
|
142
|
-
type: BooleanConstructor;
|
|
143
|
-
default: boolean;
|
|
144
|
-
};
|
|
145
|
-
}>> & {
|
|
146
|
-
onClosed?: ((...args: any[]) => any) | undefined;
|
|
147
|
-
}, {
|
|
148
|
-
placement: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
149
|
-
position:
|
|
150
|
-
trigger: string;
|
|
151
|
-
showOnTop: boolean;
|
|
152
|
-
closeOnClick: boolean;
|
|
153
|
-
closeOnClickOutside: boolean;
|
|
154
|
-
textAlign: string;
|
|
155
|
-
showArrow: boolean;
|
|
156
|
-
}>;
|
|
157
|
-
export default __default__;
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare const __default__: import("vue").DefineComponent<{
|
|
3
|
+
/**
|
|
4
|
+
* The title of the popover
|
|
5
|
+
*/
|
|
6
|
+
title: StringConstructor;
|
|
7
|
+
/**
|
|
8
|
+
* The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
|
|
9
|
+
*/
|
|
10
|
+
placement: {
|
|
11
|
+
type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
|
|
12
|
+
default: string;
|
|
13
|
+
validator: (value: string) => boolean;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Whether to use `fixed` or `absolute` positioning.
|
|
17
|
+
* Absolute is more performant if you have a lot of popovers; fixed is more robust
|
|
18
|
+
*/
|
|
19
|
+
position: {
|
|
20
|
+
type: PropType<"fixed" | "absolute">;
|
|
21
|
+
default: string;
|
|
22
|
+
validator: (value: string) => boolean;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* The input event which causes the popover to show. Accepts 'click' and 'hover'
|
|
26
|
+
*/
|
|
27
|
+
trigger: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: string;
|
|
30
|
+
validator: (value: string) => boolean;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Whether to show component on top of all components by setting the highest z-index
|
|
34
|
+
*/
|
|
35
|
+
showOnTop: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Close the popover automatically when the user clicks inside of the popover
|
|
41
|
+
*/
|
|
42
|
+
closeOnClick: {
|
|
43
|
+
type: BooleanConstructor;
|
|
44
|
+
default: boolean;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Close the popover automatically when the user clicks outside of the popover
|
|
48
|
+
*/
|
|
49
|
+
closeOnClickOutside: {
|
|
50
|
+
type: BooleanConstructor;
|
|
51
|
+
default: boolean;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* The text alignment of the popover content should be placed against. Accepts 'center', 'right' and 'left'
|
|
55
|
+
*/
|
|
56
|
+
textAlign: {
|
|
57
|
+
type: StringConstructor;
|
|
58
|
+
default: string;
|
|
59
|
+
validator: (value: string) => boolean;
|
|
60
|
+
};
|
|
61
|
+
/**
|
|
62
|
+
* Whether to show the arrow
|
|
63
|
+
**/
|
|
64
|
+
showArrow: {
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
68
|
+
}, {
|
|
69
|
+
targetElement: import("vue").Ref<HTMLElement | undefined>;
|
|
70
|
+
contentElement: import("vue").Ref<HTMLElement | undefined>;
|
|
71
|
+
contentElementId: string;
|
|
72
|
+
computedVisible: import("vue").ComputedRef<string | false | import("vue").Slot<any> | undefined>;
|
|
73
|
+
onHover: () => void;
|
|
74
|
+
onClick: () => void;
|
|
75
|
+
onLeave: () => void;
|
|
76
|
+
autoCloseContent: (e: Event) => void;
|
|
77
|
+
visible: import("vue").Ref<boolean>;
|
|
78
|
+
spacingSize: import("vue").ComputedRef<"12px" | "2px">;
|
|
79
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closed"[], "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
80
|
+
/**
|
|
81
|
+
* The title of the popover
|
|
82
|
+
*/
|
|
83
|
+
title: StringConstructor;
|
|
84
|
+
/**
|
|
85
|
+
* The side of the target element the popover should be placed against. Accepts 'top', 'right', 'bottom' and 'left'
|
|
86
|
+
*/
|
|
87
|
+
placement: {
|
|
88
|
+
type: PropType<"top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
|
|
89
|
+
default: string;
|
|
90
|
+
validator: (value: string) => boolean;
|
|
91
|
+
};
|
|
92
|
+
/**
|
|
93
|
+
* Whether to use `fixed` or `absolute` positioning.
|
|
94
|
+
* Absolute is more performant if you have a lot of popovers; fixed is more robust
|
|
95
|
+
*/
|
|
96
|
+
position: {
|
|
97
|
+
type: PropType<"fixed" | "absolute">;
|
|
98
|
+
default: string;
|
|
99
|
+
validator: (value: string) => boolean;
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* The input event which causes the popover to show. Accepts 'click' and 'hover'
|
|
103
|
+
*/
|
|
104
|
+
trigger: {
|
|
105
|
+
type: StringConstructor;
|
|
106
|
+
default: string;
|
|
107
|
+
validator: (value: string) => boolean;
|
|
108
|
+
};
|
|
109
|
+
/**
|
|
110
|
+
* Whether to show component on top of all components by setting the highest z-index
|
|
111
|
+
*/
|
|
112
|
+
showOnTop: {
|
|
113
|
+
type: BooleanConstructor;
|
|
114
|
+
default: boolean;
|
|
115
|
+
};
|
|
116
|
+
/**
|
|
117
|
+
* Close the popover automatically when the user clicks inside of the popover
|
|
118
|
+
*/
|
|
119
|
+
closeOnClick: {
|
|
120
|
+
type: BooleanConstructor;
|
|
121
|
+
default: boolean;
|
|
122
|
+
};
|
|
123
|
+
/**
|
|
124
|
+
* Close the popover automatically when the user clicks outside of the popover
|
|
125
|
+
*/
|
|
126
|
+
closeOnClickOutside: {
|
|
127
|
+
type: BooleanConstructor;
|
|
128
|
+
default: boolean;
|
|
129
|
+
};
|
|
130
|
+
/**
|
|
131
|
+
* The text alignment of the popover content should be placed against. Accepts 'center', 'right' and 'left'
|
|
132
|
+
*/
|
|
133
|
+
textAlign: {
|
|
134
|
+
type: StringConstructor;
|
|
135
|
+
default: string;
|
|
136
|
+
validator: (value: string) => boolean;
|
|
137
|
+
};
|
|
138
|
+
/**
|
|
139
|
+
* Whether to show the arrow
|
|
140
|
+
**/
|
|
141
|
+
showArrow: {
|
|
142
|
+
type: BooleanConstructor;
|
|
143
|
+
default: boolean;
|
|
144
|
+
};
|
|
145
|
+
}>> & {
|
|
146
|
+
onClosed?: ((...args: any[]) => any) | undefined;
|
|
147
|
+
}, {
|
|
148
|
+
placement: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
149
|
+
position: "fixed" | "absolute";
|
|
150
|
+
trigger: string;
|
|
151
|
+
showOnTop: boolean;
|
|
152
|
+
closeOnClick: boolean;
|
|
153
|
+
closeOnClickOutside: boolean;
|
|
154
|
+
textAlign: string;
|
|
155
|
+
showArrow: boolean;
|
|
156
|
+
}, {}>;
|
|
157
|
+
export default __default__;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwPopover from './fw-popover.vue';
|
|
2
|
-
export { FwPopover };
|
|
1
|
+
import FwPopover from './fw-popover.vue';
|
|
2
|
+
export { FwPopover };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export interface FwPopoverProps {
|
|
2
|
-
title: string;
|
|
3
|
-
placement: 'top' | 'right' | 'bottom' | 'left' | 'auto' | 'auto-start' | 'auto-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
|
|
4
|
-
trigger: 'click' | 'hover' | 'focus';
|
|
5
|
-
position: 'fixed' | 'absolute';
|
|
6
|
-
closeOnClick?: boolean;
|
|
7
|
-
closeOnClickOutside?: boolean;
|
|
8
|
-
showOnTop?: boolean;
|
|
9
|
-
showArrow?: boolean;
|
|
10
|
-
textAlign?: 'center' | 'left' | 'right';
|
|
11
|
-
}
|
|
1
|
+
export interface FwPopoverProps {
|
|
2
|
+
title: string;
|
|
3
|
+
placement: 'top' | 'right' | 'bottom' | 'left' | 'auto' | 'auto-start' | 'auto-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
|
|
4
|
+
trigger: 'click' | 'hover' | 'focus';
|
|
5
|
+
position: 'fixed' | 'absolute';
|
|
6
|
+
closeOnClick?: boolean;
|
|
7
|
+
closeOnClickOutside?: boolean;
|
|
8
|
+
showOnTop?: boolean;
|
|
9
|
+
showArrow?: boolean;
|
|
10
|
+
textAlign?: 'center' | 'left' | 'right';
|
|
11
|
+
}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { ProgressBarStep } from './index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* An array of menu progress steps.
|
|
6
|
-
* `{ label: string; position: number; subSteps: number; }`
|
|
7
|
-
*/
|
|
8
|
-
steps: {
|
|
9
|
-
type: PropType<ProgressBarStep[]>;
|
|
10
|
-
required: true;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* An current active step.
|
|
14
|
-
*/
|
|
15
|
-
activeStep: {
|
|
16
|
-
type: NumberConstructor;
|
|
17
|
-
required: true;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* An current active sub-step.
|
|
21
|
-
*/
|
|
22
|
-
activeSubStep: {
|
|
23
|
-
type: NumberConstructor;
|
|
24
|
-
required: true;
|
|
25
|
-
};
|
|
26
|
-
}, {
|
|
27
|
-
calculatedProgressBar: (step: ProgressBarStep) => string;
|
|
28
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
29
|
-
/**
|
|
30
|
-
* An array of menu progress steps.
|
|
31
|
-
* `{ label: string; position: number; subSteps: number; }`
|
|
32
|
-
*/
|
|
33
|
-
steps: {
|
|
34
|
-
type: PropType<ProgressBarStep[]>;
|
|
35
|
-
required: true;
|
|
36
|
-
};
|
|
37
|
-
/**
|
|
38
|
-
* An current active step.
|
|
39
|
-
*/
|
|
40
|
-
activeStep: {
|
|
41
|
-
type: NumberConstructor;
|
|
42
|
-
required: true;
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* An current active sub-step.
|
|
46
|
-
*/
|
|
47
|
-
activeSubStep: {
|
|
48
|
-
type: NumberConstructor;
|
|
49
|
-
required: true;
|
|
50
|
-
};
|
|
51
|
-
}>>, {}>;
|
|
52
|
-
export default _default;
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { ProgressBarStep } from './index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* An array of menu progress steps.
|
|
6
|
+
* `{ label: string; position: number; subSteps: number; }`
|
|
7
|
+
*/
|
|
8
|
+
steps: {
|
|
9
|
+
type: PropType<ProgressBarStep[]>;
|
|
10
|
+
required: true;
|
|
11
|
+
};
|
|
12
|
+
/**
|
|
13
|
+
* An current active step.
|
|
14
|
+
*/
|
|
15
|
+
activeStep: {
|
|
16
|
+
type: NumberConstructor;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* An current active sub-step.
|
|
21
|
+
*/
|
|
22
|
+
activeSubStep: {
|
|
23
|
+
type: NumberConstructor;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
}, {
|
|
27
|
+
calculatedProgressBar: (step: ProgressBarStep) => string;
|
|
28
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
29
|
+
/**
|
|
30
|
+
* An array of menu progress steps.
|
|
31
|
+
* `{ label: string; position: number; subSteps: number; }`
|
|
32
|
+
*/
|
|
33
|
+
steps: {
|
|
34
|
+
type: PropType<ProgressBarStep[]>;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* An current active step.
|
|
39
|
+
*/
|
|
40
|
+
activeStep: {
|
|
41
|
+
type: NumberConstructor;
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
/**
|
|
45
|
+
* An current active sub-step.
|
|
46
|
+
*/
|
|
47
|
+
activeSubStep: {
|
|
48
|
+
type: NumberConstructor;
|
|
49
|
+
required: true;
|
|
50
|
+
};
|
|
51
|
+
}>>, {}, {}>;
|
|
52
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import FwProgressBar from './fw-progress-bar.vue';
|
|
2
|
-
export { FwProgressBar };
|
|
1
|
+
import FwProgressBar from './fw-progress-bar.vue';
|
|
2
|
+
export { FwProgressBar };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare interface ProgressBarStep {
|
|
2
|
-
label: string;
|
|
3
|
-
position: number;
|
|
4
|
-
subSteps: number;
|
|
5
|
-
}
|
|
1
|
+
export declare interface ProgressBarStep {
|
|
2
|
+
label: string;
|
|
3
|
+
position: number;
|
|
4
|
+
subSteps: number;
|
|
5
|
+
}
|
|
@@ -1,100 +1,100 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import FwProviderListItem from './index.types';
|
|
3
|
-
declare const _default: import("vue").DefineComponent<{
|
|
4
|
-
/**
|
|
5
|
-
* The header heading of the list.
|
|
6
|
-
*/
|
|
7
|
-
heading: {
|
|
8
|
-
type: StringConstructor;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* The list items of the table items.
|
|
12
|
-
*/
|
|
13
|
-
items: {
|
|
14
|
-
type: PropType<FwProviderListItem[]>;
|
|
15
|
-
required: true;
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* The table header title.
|
|
19
|
-
*/
|
|
20
|
-
tableHeaderName: {
|
|
21
|
-
type: StringConstructor;
|
|
22
|
-
default: string;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* The placeholder text for the search input.
|
|
26
|
-
*/
|
|
27
|
-
searchPlaceholder: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
default: string;
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* The label text for the search input.
|
|
33
|
-
*/
|
|
34
|
-
searchLabel: {
|
|
35
|
-
type: StringConstructor;
|
|
36
|
-
default: string;
|
|
37
|
-
};
|
|
38
|
-
/**
|
|
39
|
-
* The label text for the status filter dropdown.
|
|
40
|
-
*/
|
|
41
|
-
statusFilterLabel: {
|
|
42
|
-
type: StringConstructor;
|
|
43
|
-
default: string;
|
|
44
|
-
};
|
|
45
|
-
}, {
|
|
46
|
-
options: import("../fw-table/index.types").FwTableItemOptions;
|
|
47
|
-
sortedTableItems: import("vue").ComputedRef<import("../fw-table/index.types").FwTableItem[]>;
|
|
48
|
-
searchFilterModel: import("vue").Ref<string>;
|
|
49
|
-
statusFilterModel: import("vue").Ref<string>;
|
|
50
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changed"[], "changed", import("vue").
|
|
51
|
-
/**
|
|
52
|
-
* The header heading of the list.
|
|
53
|
-
*/
|
|
54
|
-
heading: {
|
|
55
|
-
type: StringConstructor;
|
|
56
|
-
};
|
|
57
|
-
/**
|
|
58
|
-
* The list items of the table items.
|
|
59
|
-
*/
|
|
60
|
-
items: {
|
|
61
|
-
type: PropType<FwProviderListItem[]>;
|
|
62
|
-
required: true;
|
|
63
|
-
};
|
|
64
|
-
/**
|
|
65
|
-
* The table header title.
|
|
66
|
-
*/
|
|
67
|
-
tableHeaderName: {
|
|
68
|
-
type: StringConstructor;
|
|
69
|
-
default: string;
|
|
70
|
-
};
|
|
71
|
-
/**
|
|
72
|
-
* The placeholder text for the search input.
|
|
73
|
-
*/
|
|
74
|
-
searchPlaceholder: {
|
|
75
|
-
type: StringConstructor;
|
|
76
|
-
default: string;
|
|
77
|
-
};
|
|
78
|
-
/**
|
|
79
|
-
* The label text for the search input.
|
|
80
|
-
*/
|
|
81
|
-
searchLabel: {
|
|
82
|
-
type: StringConstructor;
|
|
83
|
-
default: string;
|
|
84
|
-
};
|
|
85
|
-
/**
|
|
86
|
-
* The label text for the status filter dropdown.
|
|
87
|
-
*/
|
|
88
|
-
statusFilterLabel: {
|
|
89
|
-
type: StringConstructor;
|
|
90
|
-
default: string;
|
|
91
|
-
};
|
|
92
|
-
}>> & {
|
|
93
|
-
onChanged?: ((...args: any[]) => any) | undefined;
|
|
94
|
-
}, {
|
|
95
|
-
tableHeaderName: string;
|
|
96
|
-
searchPlaceholder: string;
|
|
97
|
-
searchLabel: string;
|
|
98
|
-
statusFilterLabel: string;
|
|
99
|
-
}>;
|
|
100
|
-
export default _default;
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { FwProviderListItem } from './index.types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/**
|
|
5
|
+
* The header heading of the list.
|
|
6
|
+
*/
|
|
7
|
+
heading: {
|
|
8
|
+
type: StringConstructor;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* The list items of the table items.
|
|
12
|
+
*/
|
|
13
|
+
items: {
|
|
14
|
+
type: PropType<FwProviderListItem[]>;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* The table header title.
|
|
19
|
+
*/
|
|
20
|
+
tableHeaderName: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* The placeholder text for the search input.
|
|
26
|
+
*/
|
|
27
|
+
searchPlaceholder: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* The label text for the search input.
|
|
33
|
+
*/
|
|
34
|
+
searchLabel: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* The label text for the status filter dropdown.
|
|
40
|
+
*/
|
|
41
|
+
statusFilterLabel: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
default: string;
|
|
44
|
+
};
|
|
45
|
+
}, {
|
|
46
|
+
options: import("../fw-table/index.types").FwTableItemOptions;
|
|
47
|
+
sortedTableItems: import("vue").ComputedRef<import("../fw-table/index.types").FwTableItem[]>;
|
|
48
|
+
searchFilterModel: import("vue").Ref<string>;
|
|
49
|
+
statusFilterModel: import("vue").Ref<string>;
|
|
50
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changed"[], "changed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
51
|
+
/**
|
|
52
|
+
* The header heading of the list.
|
|
53
|
+
*/
|
|
54
|
+
heading: {
|
|
55
|
+
type: StringConstructor;
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* The list items of the table items.
|
|
59
|
+
*/
|
|
60
|
+
items: {
|
|
61
|
+
type: PropType<FwProviderListItem[]>;
|
|
62
|
+
required: true;
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* The table header title.
|
|
66
|
+
*/
|
|
67
|
+
tableHeaderName: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
default: string;
|
|
70
|
+
};
|
|
71
|
+
/**
|
|
72
|
+
* The placeholder text for the search input.
|
|
73
|
+
*/
|
|
74
|
+
searchPlaceholder: {
|
|
75
|
+
type: StringConstructor;
|
|
76
|
+
default: string;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* The label text for the search input.
|
|
80
|
+
*/
|
|
81
|
+
searchLabel: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: string;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* The label text for the status filter dropdown.
|
|
87
|
+
*/
|
|
88
|
+
statusFilterLabel: {
|
|
89
|
+
type: StringConstructor;
|
|
90
|
+
default: string;
|
|
91
|
+
};
|
|
92
|
+
}>> & {
|
|
93
|
+
onChanged?: ((...args: any[]) => any) | undefined;
|
|
94
|
+
}, {
|
|
95
|
+
tableHeaderName: string;
|
|
96
|
+
searchPlaceholder: string;
|
|
97
|
+
searchLabel: string;
|
|
98
|
+
statusFilterLabel: string;
|
|
99
|
+
}, {}>;
|
|
100
|
+
export default _default;
|