@frollo/frollo-web-ui 4.0.1 → 5.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 +800 -446
- package/esm/fw-accordion.js +61 -28
- package/esm/fw-animations.js +2 -2
- package/esm/fw-bar-chart.js +2 -1
- package/esm/{fw-button-7902ae9e.js → fw-button-beaf20f4.js} +1 -1
- package/esm/fw-button.js +3 -3
- package/esm/fw-checkbox.js +25 -9
- package/esm/fw-drawer.js +225 -0
- package/esm/fw-dropdown.js +1 -1
- package/esm/{fw-image-c829ed20.js → fw-image-161b667a.js} +65 -59
- package/esm/fw-image.js +4 -4
- package/esm/fw-input.js +2 -2
- package/esm/{fw-loading-spinner-7462e0b2.js → fw-loading-spinner-51deaa3d.js} +1 -1
- package/esm/fw-modal.js +3 -3
- package/esm/fw-navigation-menu.js +3 -3
- package/esm/fw-sidebar-menu.js +3 -3
- package/esm/fw-table.js +9 -9
- package/esm/fw-tag.js +93 -18
- package/esm/fw-toast.js +1 -1
- package/esm/fw-transactions-card.js +4 -4
- package/esm/get-root-colours-e2a1cb28.js +21 -0
- package/esm/{index-f0510452.js → index-2766bfe4.js} +12 -11
- package/esm/{index-dbe0534d.js → index-3624f1c9.js} +115 -101
- package/esm/index.js +40 -36
- package/frollo-web-ui.esm.js +861 -494
- package/icons/index.ts +3 -1
- package/icons/xmark.svg +3 -0
- package/index.d.ts +393 -140
- package/package.json +1 -1
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +22 -4
- package/types/components/fw-accordion/index.types.d.ts +1 -0
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +35 -3
- package/types/components/fw-checkbox/index.types.d.ts +2 -0
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +165 -0
- package/types/components/fw-drawer/index.d.ts +2 -0
- package/types/components/fw-drawer/index.types.d.ts +14 -0
- package/types/components/fw-input/fw-input.vue.d.ts +2 -2
- package/types/components/fw-tag/fw-tag.vue.d.ts +30 -8
- package/types/components/fw-tag/index.types.d.ts +4 -2
- package/types/components/index.d.ts +1 -0
- package/types/components/index.types.d.ts +1 -0
- package/types/helpers/get-root-colours.d.ts +9 -0
- package/types/icons/index.d.ts +2 -1
- package/web-components/index.js +863 -496
package/index.d.ts
CHANGED
|
@@ -22,7 +22,7 @@ declare interface FwInputProps {
|
|
|
22
22
|
enableErrors?: boolean;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
declare const _default$
|
|
25
|
+
declare const _default$l: vue.DefineComponent<{
|
|
26
26
|
/**
|
|
27
27
|
* The input v-model
|
|
28
28
|
*/
|
|
@@ -85,7 +85,7 @@ declare const _default$m: vue.DefineComponent<{
|
|
|
85
85
|
};
|
|
86
86
|
/**
|
|
87
87
|
* The logical tab order of the input.
|
|
88
|
-
* Defaults to
|
|
88
|
+
* Defaults to 0
|
|
89
89
|
*/
|
|
90
90
|
tabindex: {
|
|
91
91
|
type: StringConstructor;
|
|
@@ -174,7 +174,7 @@ declare const _default$m: vue.DefineComponent<{
|
|
|
174
174
|
};
|
|
175
175
|
/**
|
|
176
176
|
* The logical tab order of the input.
|
|
177
|
-
* Defaults to
|
|
177
|
+
* Defaults to 0
|
|
178
178
|
*/
|
|
179
179
|
tabindex: {
|
|
180
180
|
type: StringConstructor;
|
|
@@ -208,14 +208,22 @@ declare const _default$m: vue.DefineComponent<{
|
|
|
208
208
|
enableErrors: boolean;
|
|
209
209
|
}>;
|
|
210
210
|
|
|
211
|
-
declare const _default$
|
|
211
|
+
declare const _default$k: vue.DefineComponent<{
|
|
212
212
|
/**
|
|
213
|
-
* The name of the input field.
|
|
213
|
+
* The name of the checkbox input field.
|
|
214
|
+
* Multiple checkboxes can use the same name with a unique value.
|
|
214
215
|
*/
|
|
215
216
|
name: {
|
|
216
217
|
type: StringConstructor;
|
|
217
218
|
required: true;
|
|
218
219
|
};
|
|
220
|
+
/**
|
|
221
|
+
* The value of the input field. Must be unique per name.
|
|
222
|
+
*/
|
|
223
|
+
value: {
|
|
224
|
+
type: StringConstructor;
|
|
225
|
+
required: false;
|
|
226
|
+
};
|
|
219
227
|
/**
|
|
220
228
|
* Label for the input. Also renders to an aria-label attribute
|
|
221
229
|
*/
|
|
@@ -234,16 +242,31 @@ declare const _default$l: vue.DefineComponent<{
|
|
|
234
242
|
hint: {
|
|
235
243
|
type: StringConstructor;
|
|
236
244
|
};
|
|
245
|
+
/**
|
|
246
|
+
* Enable or disable the error hidden element
|
|
247
|
+
*/
|
|
248
|
+
enableErrors: {
|
|
249
|
+
type: BooleanConstructor;
|
|
250
|
+
default: boolean;
|
|
251
|
+
};
|
|
237
252
|
}, {
|
|
238
253
|
uuid: string;
|
|
239
254
|
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
240
255
|
/**
|
|
241
|
-
* The name of the input field.
|
|
256
|
+
* The name of the checkbox input field.
|
|
257
|
+
* Multiple checkboxes can use the same name with a unique value.
|
|
242
258
|
*/
|
|
243
259
|
name: {
|
|
244
260
|
type: StringConstructor;
|
|
245
261
|
required: true;
|
|
246
262
|
};
|
|
263
|
+
/**
|
|
264
|
+
* The value of the input field. Must be unique per name.
|
|
265
|
+
*/
|
|
266
|
+
value: {
|
|
267
|
+
type: StringConstructor;
|
|
268
|
+
required: false;
|
|
269
|
+
};
|
|
247
270
|
/**
|
|
248
271
|
* Label for the input. Also renders to an aria-label attribute
|
|
249
272
|
*/
|
|
@@ -262,7 +285,16 @@ declare const _default$l: vue.DefineComponent<{
|
|
|
262
285
|
hint: {
|
|
263
286
|
type: StringConstructor;
|
|
264
287
|
};
|
|
265
|
-
|
|
288
|
+
/**
|
|
289
|
+
* Enable or disable the error hidden element
|
|
290
|
+
*/
|
|
291
|
+
enableErrors: {
|
|
292
|
+
type: BooleanConstructor;
|
|
293
|
+
default: boolean;
|
|
294
|
+
};
|
|
295
|
+
}>>, {
|
|
296
|
+
enableErrors: boolean;
|
|
297
|
+
}>;
|
|
266
298
|
|
|
267
299
|
declare interface FwDropdownOption {
|
|
268
300
|
label: string;
|
|
@@ -277,7 +309,7 @@ declare interface FwDropdownProps {
|
|
|
277
309
|
placeholder?: string;
|
|
278
310
|
}
|
|
279
311
|
|
|
280
|
-
declare const _default$
|
|
312
|
+
declare const _default$j: vue.DefineComponent<{
|
|
281
313
|
/**
|
|
282
314
|
* The select v-model
|
|
283
315
|
*/
|
|
@@ -388,7 +420,7 @@ declare const _default$k: vue.DefineComponent<{
|
|
|
388
420
|
placeholder: string;
|
|
389
421
|
}>;
|
|
390
422
|
|
|
391
|
-
declare const _default$
|
|
423
|
+
declare const _default$i: vue.DefineComponent<{
|
|
392
424
|
/**
|
|
393
425
|
* The header title of the card
|
|
394
426
|
*/
|
|
@@ -497,7 +529,7 @@ declare interface FwButtonProps {
|
|
|
497
529
|
external?: boolean;
|
|
498
530
|
}
|
|
499
531
|
|
|
500
|
-
declare const _default$
|
|
532
|
+
declare const _default$h: vue.DefineComponent<{
|
|
501
533
|
/**
|
|
502
534
|
* A `router-link` path or object
|
|
503
535
|
*/
|
|
@@ -678,7 +710,7 @@ declare interface NavMenuItem {
|
|
|
678
710
|
external?: boolean;
|
|
679
711
|
}
|
|
680
712
|
|
|
681
|
-
declare const _default$
|
|
713
|
+
declare const _default$g: vue.DefineComponent<{
|
|
682
714
|
/**
|
|
683
715
|
* An array of menu items
|
|
684
716
|
* `{ to?: string | object; href?: string; label: string; }`
|
|
@@ -733,7 +765,7 @@ declare const _default$h: vue.DefineComponent<{
|
|
|
733
765
|
containerClass: string;
|
|
734
766
|
}>;
|
|
735
767
|
|
|
736
|
-
declare const _default$
|
|
768
|
+
declare const _default$f: vue.DefineComponent<{
|
|
737
769
|
/**
|
|
738
770
|
* The active tab v-model
|
|
739
771
|
*/
|
|
@@ -757,7 +789,7 @@ declare const _default$g: vue.DefineComponent<{
|
|
|
757
789
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
758
790
|
}, {}>;
|
|
759
791
|
|
|
760
|
-
declare const _default$
|
|
792
|
+
declare const _default$e: vue.DefineComponent<{
|
|
761
793
|
/**
|
|
762
794
|
* The label of the tab component used as the button panel label
|
|
763
795
|
*/
|
|
@@ -789,7 +821,7 @@ declare const _default$f: vue.DefineComponent<{
|
|
|
789
821
|
};
|
|
790
822
|
}>>, {}>;
|
|
791
823
|
|
|
792
|
-
declare const _default$
|
|
824
|
+
declare const _default$d: vue.DefineComponent<{
|
|
793
825
|
/**
|
|
794
826
|
* The modal's v-model. Controls the visibility of the modal.
|
|
795
827
|
*/
|
|
@@ -968,7 +1000,7 @@ declare interface ProgressBarStep {
|
|
|
968
1000
|
subSteps: number;
|
|
969
1001
|
}
|
|
970
1002
|
|
|
971
|
-
declare const _default$
|
|
1003
|
+
declare const _default$c: vue.DefineComponent<{
|
|
972
1004
|
/**
|
|
973
1005
|
* An array of menu progress steps.
|
|
974
1006
|
* `{ label: string; position: number; subSteps: number; }`
|
|
@@ -1018,15 +1050,48 @@ declare const _default$d: vue.DefineComponent<{
|
|
|
1018
1050
|
};
|
|
1019
1051
|
}>>, {}>;
|
|
1020
1052
|
|
|
1021
|
-
declare
|
|
1053
|
+
declare interface FwCardProps {
|
|
1054
|
+
title?: string;
|
|
1055
|
+
prefixTitle?: string;
|
|
1056
|
+
to?: string | object;
|
|
1057
|
+
href?: string;
|
|
1058
|
+
slotPadding?: boolean;
|
|
1059
|
+
isBordered?: boolean;
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
declare interface FwCheckboxProps {
|
|
1063
|
+
name: string;
|
|
1064
|
+
value?: string;
|
|
1065
|
+
label?: string;
|
|
1066
|
+
rules?: string | Record<string, unknown> | (() => boolean);
|
|
1067
|
+
hint?: string;
|
|
1068
|
+
enableErrors?: boolean;
|
|
1069
|
+
}
|
|
1070
|
+
|
|
1071
|
+
declare interface FwModalProps {
|
|
1072
|
+
modelValue: boolean;
|
|
1073
|
+
header?: string;
|
|
1074
|
+
element?: string;
|
|
1075
|
+
body?: string;
|
|
1076
|
+
role?: string;
|
|
1077
|
+
showCancel?: boolean;
|
|
1078
|
+
showConfirm?: boolean;
|
|
1079
|
+
cancelButtonText?: string;
|
|
1080
|
+
cancelButtonType?: ButtonVariantName;
|
|
1081
|
+
confirmButtonText?: string;
|
|
1082
|
+
confirmButtonType?: ButtonVariantName;
|
|
1083
|
+
}
|
|
1084
|
+
|
|
1085
|
+
declare type TagVariantName = 'primary' | 'secondary' | 'alert' | 'error' | 'success';
|
|
1022
1086
|
declare interface TagDefinition {
|
|
1023
1087
|
text: string;
|
|
1024
1088
|
background: string;
|
|
1089
|
+
iconType: FwButtonProps['variant'];
|
|
1025
1090
|
}
|
|
1026
1091
|
declare type TagDefinitionList = {
|
|
1027
1092
|
[key in TagVariantName]: TagDefinition;
|
|
1028
1093
|
};
|
|
1029
|
-
declare type TagSize = 'xs' | 'sm';
|
|
1094
|
+
declare type TagSize = 'xs' | 'sm' | 'md';
|
|
1030
1095
|
declare type TagSizes = {
|
|
1031
1096
|
[key in TagSize]: string;
|
|
1032
1097
|
};
|
|
@@ -1035,9 +1100,97 @@ declare interface FwTagProps {
|
|
|
1035
1100
|
variant?: TagVariantName;
|
|
1036
1101
|
}
|
|
1037
1102
|
|
|
1038
|
-
declare
|
|
1103
|
+
declare type FwTableItem = Record<string, string | number>;
|
|
1104
|
+
declare type FwTableFormatFunction = (value: string | number | object) => string;
|
|
1105
|
+
declare type FwTableSort = 'asc' | 'desc';
|
|
1106
|
+
declare type FwTableItemOptions = Record<string, {
|
|
1107
|
+
formatter?: FwTableFormatFunction;
|
|
1108
|
+
isSortable?: boolean;
|
|
1109
|
+
disabled?: boolean;
|
|
1110
|
+
initSortOrder?: FwTableSort;
|
|
1111
|
+
}>;
|
|
1112
|
+
declare interface FwTableProps {
|
|
1113
|
+
items: FwTableItem[];
|
|
1114
|
+
options?: FwTableItemOptions;
|
|
1115
|
+
loading?: boolean;
|
|
1116
|
+
clickableRows?: boolean;
|
|
1117
|
+
autoSortColumn?: number;
|
|
1118
|
+
}
|
|
1119
|
+
|
|
1120
|
+
declare interface FwAccordionProps {
|
|
1121
|
+
title?: string;
|
|
1122
|
+
suffixTitle?: string;
|
|
1123
|
+
isOpened?: boolean;
|
|
1124
|
+
iconPositionStart?: boolean;
|
|
1125
|
+
}
|
|
1126
|
+
|
|
1127
|
+
declare interface FwImageProps {
|
|
1128
|
+
src?: string;
|
|
1129
|
+
alt?: string;
|
|
1130
|
+
type?: 'native' | 'background';
|
|
1131
|
+
rounded?: boolean;
|
|
1132
|
+
imageClass?: string;
|
|
1133
|
+
threshold?: number;
|
|
1134
|
+
}
|
|
1135
|
+
|
|
1136
|
+
declare type ToastType = 'success' | 'error' | 'warning';
|
|
1137
|
+
declare type ToastTypes = {
|
|
1138
|
+
[key in ToastType]: string;
|
|
1139
|
+
};
|
|
1140
|
+
declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
1141
|
+
declare interface FwToastProps {
|
|
1142
|
+
modelValue: boolean;
|
|
1143
|
+
type?: ToastType;
|
|
1144
|
+
position?: ToastPosition;
|
|
1145
|
+
content?: string;
|
|
1146
|
+
element?: string;
|
|
1147
|
+
timeout?: number;
|
|
1148
|
+
}
|
|
1149
|
+
|
|
1150
|
+
declare interface FwTransactionsCardProps {
|
|
1151
|
+
title: string;
|
|
1152
|
+
subTitle?: string;
|
|
1153
|
+
imageUrl?: string;
|
|
1154
|
+
amount?: string;
|
|
1155
|
+
}
|
|
1156
|
+
|
|
1157
|
+
declare interface FwBarGraphData {
|
|
1158
|
+
name: string;
|
|
1159
|
+
value: string | number;
|
|
1160
|
+
}
|
|
1161
|
+
declare interface FwBarChartProps {
|
|
1162
|
+
title?: string;
|
|
1163
|
+
yMarker?: string;
|
|
1164
|
+
x?: string[] | string;
|
|
1165
|
+
y?: (string | number)[] | string;
|
|
1166
|
+
graphData?: FwBarGraphData[] | string;
|
|
1167
|
+
}
|
|
1168
|
+
|
|
1169
|
+
declare interface FwSidebarMenuItem {
|
|
1170
|
+
to?: string | object;
|
|
1171
|
+
href?: string;
|
|
1172
|
+
label: string;
|
|
1173
|
+
external?: boolean;
|
|
1174
|
+
disabled?: boolean;
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
declare interface FwDrawerProps {
|
|
1178
|
+
modelValue: boolean;
|
|
1179
|
+
header?: string;
|
|
1180
|
+
element?: string;
|
|
1181
|
+
body?: string;
|
|
1182
|
+
role?: string;
|
|
1183
|
+
showCancel?: boolean;
|
|
1184
|
+
showConfirm?: boolean;
|
|
1185
|
+
cancelButtonText?: string;
|
|
1186
|
+
cancelButtonType?: ButtonVariantName;
|
|
1187
|
+
confirmButtonText?: string;
|
|
1188
|
+
confirmButtonType?: ButtonVariantName;
|
|
1189
|
+
}
|
|
1190
|
+
|
|
1191
|
+
declare const __default__$4: vue.DefineComponent<{
|
|
1039
1192
|
/**
|
|
1040
|
-
* The size of the tag. Accepts: 'xs' & '
|
|
1193
|
+
* The size of the tag. Accepts: 'xs', 'sm' & 'md'
|
|
1041
1194
|
*/
|
|
1042
1195
|
size: {
|
|
1043
1196
|
type: PropType<TagSize>;
|
|
@@ -1046,21 +1199,32 @@ declare const _default$c: vue.DefineComponent<{
|
|
|
1046
1199
|
};
|
|
1047
1200
|
/**
|
|
1048
1201
|
* The colour variant of the tag.
|
|
1049
|
-
* Accepts 'primary', 'alert', 'error', 'success'
|
|
1202
|
+
* Accepts 'primary', 'secondary', 'alert', 'error', 'success'
|
|
1050
1203
|
*/
|
|
1051
1204
|
variant: {
|
|
1052
1205
|
type: PropType<TagVariantName>;
|
|
1053
1206
|
default: string;
|
|
1054
1207
|
validator: (value: string) => boolean;
|
|
1055
1208
|
};
|
|
1209
|
+
/**
|
|
1210
|
+
* Whether the tag can be dismissed or closed.
|
|
1211
|
+
* Emits the @dismissed event
|
|
1212
|
+
*/
|
|
1213
|
+
dismissable: {
|
|
1214
|
+
type: BooleanConstructor;
|
|
1215
|
+
default: boolean;
|
|
1216
|
+
};
|
|
1056
1217
|
}, {
|
|
1057
1218
|
baseClass: vue.Ref<string>;
|
|
1058
1219
|
textColorClass: vue.ComputedRef<string>;
|
|
1059
1220
|
bgColorClass: vue.ComputedRef<string>;
|
|
1060
1221
|
sizeClass: vue.ComputedRef<string>;
|
|
1061
|
-
|
|
1222
|
+
iconSizeClass: vue.ComputedRef<string>;
|
|
1223
|
+
iconButtonType: vue.ComputedRef<ButtonVariantName | undefined>;
|
|
1224
|
+
primaryFade5: string;
|
|
1225
|
+
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "dismissed"[], "dismissed", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
1062
1226
|
/**
|
|
1063
|
-
* The size of the tag. Accepts: 'xs' & '
|
|
1227
|
+
* The size of the tag. Accepts: 'xs', 'sm' & 'md'
|
|
1064
1228
|
*/
|
|
1065
1229
|
size: {
|
|
1066
1230
|
type: PropType<TagSize>;
|
|
@@ -1069,36 +1233,30 @@ declare const _default$c: vue.DefineComponent<{
|
|
|
1069
1233
|
};
|
|
1070
1234
|
/**
|
|
1071
1235
|
* The colour variant of the tag.
|
|
1072
|
-
* Accepts 'primary', 'alert', 'error', 'success'
|
|
1236
|
+
* Accepts 'primary', 'secondary', 'alert', 'error', 'success'
|
|
1073
1237
|
*/
|
|
1074
1238
|
variant: {
|
|
1075
1239
|
type: PropType<TagVariantName>;
|
|
1076
1240
|
default: string;
|
|
1077
1241
|
validator: (value: string) => boolean;
|
|
1078
1242
|
};
|
|
1079
|
-
|
|
1243
|
+
/**
|
|
1244
|
+
* Whether the tag can be dismissed or closed.
|
|
1245
|
+
* Emits the @dismissed event
|
|
1246
|
+
*/
|
|
1247
|
+
dismissable: {
|
|
1248
|
+
type: BooleanConstructor;
|
|
1249
|
+
default: boolean;
|
|
1250
|
+
};
|
|
1251
|
+
}>> & {
|
|
1252
|
+
onDismissed?: ((...args: any[]) => any) | undefined;
|
|
1253
|
+
}, {
|
|
1080
1254
|
size: TagSize;
|
|
1081
1255
|
variant: TagVariantName;
|
|
1256
|
+
dismissable: boolean;
|
|
1082
1257
|
}>;
|
|
1083
1258
|
|
|
1084
|
-
declare
|
|
1085
|
-
declare type FwTableFormatFunction = (value: string | number | object) => string;
|
|
1086
|
-
declare type FwTableSort = 'asc' | 'desc';
|
|
1087
|
-
declare type FwTableItemOptions = Record<string, {
|
|
1088
|
-
formatter?: FwTableFormatFunction;
|
|
1089
|
-
isSortable?: boolean;
|
|
1090
|
-
disabled?: boolean;
|
|
1091
|
-
initSortOrder?: FwTableSort;
|
|
1092
|
-
}>;
|
|
1093
|
-
declare interface FwTableProps {
|
|
1094
|
-
items: FwTableItem[];
|
|
1095
|
-
options?: FwTableItemOptions;
|
|
1096
|
-
loading?: boolean;
|
|
1097
|
-
clickableRows?: boolean;
|
|
1098
|
-
autoSortColumn?: number;
|
|
1099
|
-
}
|
|
1100
|
-
|
|
1101
|
-
declare const __default__$2: vue.DefineComponent<{
|
|
1259
|
+
declare const __default__$3: vue.DefineComponent<{
|
|
1102
1260
|
items: {
|
|
1103
1261
|
type: PropType<FwTableItem[]>;
|
|
1104
1262
|
required: true;
|
|
@@ -1170,7 +1328,7 @@ declare const _default$b: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentO
|
|
|
1170
1328
|
|
|
1171
1329
|
declare const _default$a: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
|
|
1172
1330
|
|
|
1173
|
-
declare const
|
|
1331
|
+
declare const __default__$2: vue.DefineComponent<{
|
|
1174
1332
|
/**
|
|
1175
1333
|
* The header title of the accordion
|
|
1176
1334
|
*/
|
|
@@ -1190,10 +1348,20 @@ declare const _default$9: vue.DefineComponent<{
|
|
|
1190
1348
|
type: BooleanConstructor;
|
|
1191
1349
|
default: boolean;
|
|
1192
1350
|
};
|
|
1351
|
+
/**
|
|
1352
|
+
* Whether the accordion open icon should be at the start or end
|
|
1353
|
+
*/
|
|
1354
|
+
iconPositionStart: {
|
|
1355
|
+
type: BooleanConstructor;
|
|
1356
|
+
default: boolean;
|
|
1357
|
+
};
|
|
1193
1358
|
}, {
|
|
1194
1359
|
isOpen: vue.Ref<boolean>;
|
|
1195
|
-
|
|
1196
|
-
|
|
1360
|
+
beforeEnter: (el: Element) => void;
|
|
1361
|
+
enter: (el: Element) => void;
|
|
1362
|
+
beforeLeave: (el: Element) => void;
|
|
1363
|
+
leave: (el: Element) => void;
|
|
1364
|
+
bgHoverColor: string;
|
|
1197
1365
|
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
1198
1366
|
/**
|
|
1199
1367
|
* The header title of the accordion
|
|
@@ -1214,11 +1382,19 @@ declare const _default$9: vue.DefineComponent<{
|
|
|
1214
1382
|
type: BooleanConstructor;
|
|
1215
1383
|
default: boolean;
|
|
1216
1384
|
};
|
|
1385
|
+
/**
|
|
1386
|
+
* Whether the accordion open icon should be at the start or end
|
|
1387
|
+
*/
|
|
1388
|
+
iconPositionStart: {
|
|
1389
|
+
type: BooleanConstructor;
|
|
1390
|
+
default: boolean;
|
|
1391
|
+
};
|
|
1217
1392
|
}>>, {
|
|
1218
1393
|
isOpened: boolean;
|
|
1394
|
+
iconPositionStart: boolean;
|
|
1219
1395
|
}>;
|
|
1220
1396
|
|
|
1221
|
-
declare const _default$
|
|
1397
|
+
declare const _default$9: vue.DefineComponent<{
|
|
1222
1398
|
/**
|
|
1223
1399
|
* The src attribute of the image
|
|
1224
1400
|
*/
|
|
@@ -1301,11 +1477,11 @@ declare const _default$8: vue.DefineComponent<{
|
|
|
1301
1477
|
threshold: number;
|
|
1302
1478
|
}>;
|
|
1303
1479
|
|
|
1304
|
-
declare const _default$
|
|
1480
|
+
declare const _default$8: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
|
|
1305
1481
|
|
|
1306
|
-
declare const _default$
|
|
1482
|
+
declare const _default$7: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
|
|
1307
1483
|
|
|
1308
|
-
declare const _default$
|
|
1484
|
+
declare const _default$6: vue.DefineComponent<{
|
|
1309
1485
|
columns: {
|
|
1310
1486
|
type: NumberConstructor;
|
|
1311
1487
|
default: number;
|
|
@@ -1330,21 +1506,7 @@ declare const _default$5: vue.DefineComponent<{
|
|
|
1330
1506
|
rows: number;
|
|
1331
1507
|
}>;
|
|
1332
1508
|
|
|
1333
|
-
declare
|
|
1334
|
-
declare type ToastTypes = {
|
|
1335
|
-
[key in ToastType]: string;
|
|
1336
|
-
};
|
|
1337
|
-
declare type ToastPosition = 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
1338
|
-
declare interface FwToastProps {
|
|
1339
|
-
modelValue: boolean;
|
|
1340
|
-
type?: ToastType;
|
|
1341
|
-
position?: ToastPosition;
|
|
1342
|
-
content?: string;
|
|
1343
|
-
element?: string;
|
|
1344
|
-
timeout?: number;
|
|
1345
|
-
}
|
|
1346
|
-
|
|
1347
|
-
declare const _default$4: vue.DefineComponent<{
|
|
1509
|
+
declare const _default$5: vue.DefineComponent<{
|
|
1348
1510
|
/**
|
|
1349
1511
|
* The toast's v-model. Controls the visibility of the toast.
|
|
1350
1512
|
*/
|
|
@@ -1463,7 +1625,7 @@ declare const _default$4: vue.DefineComponent<{
|
|
|
1463
1625
|
timeout: number;
|
|
1464
1626
|
}>;
|
|
1465
1627
|
|
|
1466
|
-
declare const _default$
|
|
1628
|
+
declare const _default$4: vue.DefineComponent<{
|
|
1467
1629
|
/**
|
|
1468
1630
|
* The transaction title of the card
|
|
1469
1631
|
*/
|
|
@@ -1521,19 +1683,7 @@ declare const _default$3: vue.DefineComponent<{
|
|
|
1521
1683
|
};
|
|
1522
1684
|
}>>, {}>;
|
|
1523
1685
|
|
|
1524
|
-
declare
|
|
1525
|
-
name: string;
|
|
1526
|
-
value: string | number;
|
|
1527
|
-
}
|
|
1528
|
-
declare interface FwBarChartProps {
|
|
1529
|
-
title?: string;
|
|
1530
|
-
yMarker?: string;
|
|
1531
|
-
x?: string[] | string;
|
|
1532
|
-
y?: (string | number)[] | string;
|
|
1533
|
-
graphData?: FwBarGraphData[] | string;
|
|
1534
|
-
}
|
|
1535
|
-
|
|
1536
|
-
declare const _default$2: vue.DefineComponent<{
|
|
1686
|
+
declare const _default$3: vue.DefineComponent<{
|
|
1537
1687
|
/**
|
|
1538
1688
|
* The transaction title of the chart
|
|
1539
1689
|
*/
|
|
@@ -1614,15 +1764,7 @@ declare const _default$2: vue.DefineComponent<{
|
|
|
1614
1764
|
};
|
|
1615
1765
|
}>>, {}>;
|
|
1616
1766
|
|
|
1617
|
-
declare
|
|
1618
|
-
to?: string | object;
|
|
1619
|
-
href?: string;
|
|
1620
|
-
label: string;
|
|
1621
|
-
external?: boolean;
|
|
1622
|
-
disabled?: boolean;
|
|
1623
|
-
}
|
|
1624
|
-
|
|
1625
|
-
declare const _default$1: vue.DefineComponent<{
|
|
1767
|
+
declare const _default$2: vue.DefineComponent<{
|
|
1626
1768
|
/**
|
|
1627
1769
|
* An array of menu items
|
|
1628
1770
|
* `{ to?: string | object; href?: string; label: string; }`
|
|
@@ -1692,6 +1834,169 @@ declare const _default$1: vue.DefineComponent<{
|
|
|
1692
1834
|
closedWidth: string;
|
|
1693
1835
|
}>;
|
|
1694
1836
|
|
|
1837
|
+
declare const _default$1: vue.DefineComponent<{
|
|
1838
|
+
/**
|
|
1839
|
+
* The drawer's v-model. Controls the visibility of the drawer.
|
|
1840
|
+
*/
|
|
1841
|
+
modelValue: {
|
|
1842
|
+
type: BooleanConstructor;
|
|
1843
|
+
};
|
|
1844
|
+
/**
|
|
1845
|
+
* The header title of the drawer
|
|
1846
|
+
*/
|
|
1847
|
+
header: {
|
|
1848
|
+
type: StringConstructor;
|
|
1849
|
+
};
|
|
1850
|
+
/**
|
|
1851
|
+
* The body description of the drawer
|
|
1852
|
+
*/
|
|
1853
|
+
body: {
|
|
1854
|
+
type: StringConstructor;
|
|
1855
|
+
};
|
|
1856
|
+
/**
|
|
1857
|
+
* The aria role of the drawer container. Defaults to `dialog`
|
|
1858
|
+
*/
|
|
1859
|
+
role: {
|
|
1860
|
+
type: StringConstructor;
|
|
1861
|
+
default: string;
|
|
1862
|
+
};
|
|
1863
|
+
/**
|
|
1864
|
+
* Whether to show the cancel button
|
|
1865
|
+
*/
|
|
1866
|
+
showCancel: {
|
|
1867
|
+
type: BooleanConstructor;
|
|
1868
|
+
default: boolean;
|
|
1869
|
+
};
|
|
1870
|
+
/**
|
|
1871
|
+
* Whether to show the confirm button
|
|
1872
|
+
*/
|
|
1873
|
+
showConfirm: {
|
|
1874
|
+
type: BooleanConstructor;
|
|
1875
|
+
default: boolean;
|
|
1876
|
+
};
|
|
1877
|
+
/**
|
|
1878
|
+
* Custom text for the cancel button
|
|
1879
|
+
*/
|
|
1880
|
+
cancelButtonText: {
|
|
1881
|
+
type: StringConstructor;
|
|
1882
|
+
default: string;
|
|
1883
|
+
};
|
|
1884
|
+
/**
|
|
1885
|
+
* Button variant for the cancel button
|
|
1886
|
+
*/
|
|
1887
|
+
cancelButtonType: {
|
|
1888
|
+
type: PropType<ButtonVariantName>;
|
|
1889
|
+
default: string;
|
|
1890
|
+
validator: (value: string) => boolean;
|
|
1891
|
+
};
|
|
1892
|
+
/**
|
|
1893
|
+
* Custom text for the confirm button
|
|
1894
|
+
*/
|
|
1895
|
+
confirmButtonText: {
|
|
1896
|
+
type: StringConstructor;
|
|
1897
|
+
default: string;
|
|
1898
|
+
};
|
|
1899
|
+
/**
|
|
1900
|
+
* Button variant for the confirm button
|
|
1901
|
+
*/
|
|
1902
|
+
confirmButtonType: {
|
|
1903
|
+
type: PropType<ButtonVariantName>;
|
|
1904
|
+
default: string;
|
|
1905
|
+
validator: (value: string) => boolean;
|
|
1906
|
+
};
|
|
1907
|
+
}, {
|
|
1908
|
+
baseDrawerClass: string;
|
|
1909
|
+
drawerFooterClass: string;
|
|
1910
|
+
isOpen: vue.WritableComputedRef<boolean>;
|
|
1911
|
+
uuid: string;
|
|
1912
|
+
isMounted: vue.Ref<boolean>;
|
|
1913
|
+
onConfirmed: () => void;
|
|
1914
|
+
onCancelled: () => void;
|
|
1915
|
+
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
1916
|
+
/**
|
|
1917
|
+
* The drawer's v-model. Controls the visibility of the drawer.
|
|
1918
|
+
*/
|
|
1919
|
+
modelValue: {
|
|
1920
|
+
type: BooleanConstructor;
|
|
1921
|
+
};
|
|
1922
|
+
/**
|
|
1923
|
+
* The header title of the drawer
|
|
1924
|
+
*/
|
|
1925
|
+
header: {
|
|
1926
|
+
type: StringConstructor;
|
|
1927
|
+
};
|
|
1928
|
+
/**
|
|
1929
|
+
* The body description of the drawer
|
|
1930
|
+
*/
|
|
1931
|
+
body: {
|
|
1932
|
+
type: StringConstructor;
|
|
1933
|
+
};
|
|
1934
|
+
/**
|
|
1935
|
+
* The aria role of the drawer container. Defaults to `dialog`
|
|
1936
|
+
*/
|
|
1937
|
+
role: {
|
|
1938
|
+
type: StringConstructor;
|
|
1939
|
+
default: string;
|
|
1940
|
+
};
|
|
1941
|
+
/**
|
|
1942
|
+
* Whether to show the cancel button
|
|
1943
|
+
*/
|
|
1944
|
+
showCancel: {
|
|
1945
|
+
type: BooleanConstructor;
|
|
1946
|
+
default: boolean;
|
|
1947
|
+
};
|
|
1948
|
+
/**
|
|
1949
|
+
* Whether to show the confirm button
|
|
1950
|
+
*/
|
|
1951
|
+
showConfirm: {
|
|
1952
|
+
type: BooleanConstructor;
|
|
1953
|
+
default: boolean;
|
|
1954
|
+
};
|
|
1955
|
+
/**
|
|
1956
|
+
* Custom text for the cancel button
|
|
1957
|
+
*/
|
|
1958
|
+
cancelButtonText: {
|
|
1959
|
+
type: StringConstructor;
|
|
1960
|
+
default: string;
|
|
1961
|
+
};
|
|
1962
|
+
/**
|
|
1963
|
+
* Button variant for the cancel button
|
|
1964
|
+
*/
|
|
1965
|
+
cancelButtonType: {
|
|
1966
|
+
type: PropType<ButtonVariantName>;
|
|
1967
|
+
default: string;
|
|
1968
|
+
validator: (value: string) => boolean;
|
|
1969
|
+
};
|
|
1970
|
+
/**
|
|
1971
|
+
* Custom text for the confirm button
|
|
1972
|
+
*/
|
|
1973
|
+
confirmButtonText: {
|
|
1974
|
+
type: StringConstructor;
|
|
1975
|
+
default: string;
|
|
1976
|
+
};
|
|
1977
|
+
/**
|
|
1978
|
+
* Button variant for the confirm button
|
|
1979
|
+
*/
|
|
1980
|
+
confirmButtonType: {
|
|
1981
|
+
type: PropType<ButtonVariantName>;
|
|
1982
|
+
default: string;
|
|
1983
|
+
validator: (value: string) => boolean;
|
|
1984
|
+
};
|
|
1985
|
+
}>> & {
|
|
1986
|
+
onCancel?: ((...args: any[]) => any) | undefined;
|
|
1987
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
1988
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
1989
|
+
}, {
|
|
1990
|
+
modelValue: boolean;
|
|
1991
|
+
role: string;
|
|
1992
|
+
showCancel: boolean;
|
|
1993
|
+
showConfirm: boolean;
|
|
1994
|
+
cancelButtonText: string;
|
|
1995
|
+
cancelButtonType: ButtonVariantName;
|
|
1996
|
+
confirmButtonText: string;
|
|
1997
|
+
confirmButtonType: ButtonVariantName;
|
|
1998
|
+
}>;
|
|
1999
|
+
|
|
1695
2000
|
declare const __default__$1: vue.DefineComponent<{
|
|
1696
2001
|
/**
|
|
1697
2002
|
* The animation-iteration-count CSS property of the pulse animation.
|
|
@@ -1742,20 +2047,6 @@ declare const __default__: vue.DefineComponent<{
|
|
|
1742
2047
|
|
|
1743
2048
|
declare const _default: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
|
|
1744
2049
|
|
|
1745
|
-
declare interface FwModalProps {
|
|
1746
|
-
modelValue: boolean;
|
|
1747
|
-
header?: string;
|
|
1748
|
-
element?: string;
|
|
1749
|
-
body?: string;
|
|
1750
|
-
role?: string;
|
|
1751
|
-
showCancel?: boolean;
|
|
1752
|
-
showConfirm?: boolean;
|
|
1753
|
-
cancelButtonText?: string;
|
|
1754
|
-
cancelButtonType?: ButtonVariantName;
|
|
1755
|
-
confirmButtonText?: string;
|
|
1756
|
-
confirmButtonType?: ButtonVariantName;
|
|
1757
|
-
}
|
|
1758
|
-
|
|
1759
2050
|
declare interface ModalServiceProps extends Omit<FwModalProps, 'modelValue'> {
|
|
1760
2051
|
onConfirm?: () => void;
|
|
1761
2052
|
onCancel?: () => void;
|
|
@@ -1776,44 +2067,6 @@ declare const toastService: () => {
|
|
|
1776
2067
|
|
|
1777
2068
|
declare const install: Exclude<Plugin['install'], undefined>;
|
|
1778
2069
|
|
|
1779
|
-
declare interface FwCardProps {
|
|
1780
|
-
title?: string;
|
|
1781
|
-
prefixTitle?: string;
|
|
1782
|
-
to?: string | object;
|
|
1783
|
-
href?: string;
|
|
1784
|
-
slotPadding?: boolean;
|
|
1785
|
-
isBordered?: boolean;
|
|
1786
|
-
}
|
|
1787
|
-
|
|
1788
|
-
declare interface FwCheckboxProps {
|
|
1789
|
-
name: string;
|
|
1790
|
-
label?: string;
|
|
1791
|
-
rules?: string | Record<string, unknown> | (() => boolean);
|
|
1792
|
-
hint?: string;
|
|
1793
|
-
}
|
|
1794
|
-
|
|
1795
|
-
declare interface FwAccordionProps {
|
|
1796
|
-
title?: string;
|
|
1797
|
-
suffixTitle?: string;
|
|
1798
|
-
isOpened?: boolean;
|
|
1799
|
-
}
|
|
1800
|
-
|
|
1801
|
-
declare interface FwImageProps {
|
|
1802
|
-
src?: string;
|
|
1803
|
-
alt?: string;
|
|
1804
|
-
type?: 'native' | 'background';
|
|
1805
|
-
rounded?: boolean;
|
|
1806
|
-
imageClass?: string;
|
|
1807
|
-
threshold?: number;
|
|
1808
|
-
}
|
|
1809
|
-
|
|
1810
|
-
declare interface FwTransactionsCardProps {
|
|
1811
|
-
title: string;
|
|
1812
|
-
subTitle?: string;
|
|
1813
|
-
imageUrl?: string;
|
|
1814
|
-
amount?: string;
|
|
1815
|
-
}
|
|
1816
|
-
|
|
1817
2070
|
declare module '@frollo/frollo-web-ui/icons' { }
|
|
1818
2071
|
|
|
1819
|
-
export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName,
|
|
2072
|
+
export { ButtonAnimation, ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, __default__$2 as FwAccordion, FwAccordionProps, _default$3 as FwBarChart, FwBarChartProps, FwBarGraphData, _default$h as FwButton, FwButtonProps, _default$i as FwCard, FwCardProps, _default$k as FwCheckbox, FwCheckboxProps, _default$1 as FwDrawer, FwDrawerProps, _default$j as FwDropdown, FwDropdownOption, FwDropdownProps, __default__$1 as FwEmailPulse, _default$9 as FwImage, FwImageProps, _default$l as FwInput, FwInputProps, FwInputType, _default$8 as FwLoadingBar, _default$7 as FwLoadingCard, _default as FwLoadingSpinner, _default$6 as FwLoadingTable, _default$d as FwModal, FwModalProps, _default$g as FwNavigationMenu, _default$c as FwProgressBar, _default$2 as FwSidebarMenu, FwSidebarMenuItem, __default__ as FwSuccessPulse, _default$e as FwTab, __default__$3 as FwTable, FwTableFormatFunction, _default$b as FwTableHead, FwTableItem, FwTableItemOptions, FwTableProps, _default$a as FwTableRow, FwTableSort, _default$f as FwTabs, __default__$4 as FwTag, FwTagProps, _default$5 as FwToast, FwToastProps, _default$4 as FwTransactionsCard, FwTransactionsCardProps, ModalServiceProps, NavMenuItem, ProgressBarStep, TagDefinition, TagDefinitionList, TagSize, TagSizes, TagVariantName, ToastPosition, ToastServiceProps, ToastType, ToastTypes, install as default, modalService, toastService };
|