@fkui/vue 5.37.0 → 5.37.2
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/dist/cjs/index.cjs.js +59 -34
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/esm/index.esm.js +60 -35
- package/dist/esm/index.esm.js.map +1 -1
- package/dist/types/index.d.ts +82 -60
- package/package.json +10 -10
package/dist/types/index.d.ts
CHANGED
|
@@ -345,8 +345,8 @@ type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstruc
|
|
|
345
345
|
required: true;
|
|
346
346
|
};
|
|
347
347
|
}, {
|
|
348
|
-
showDetails: "
|
|
349
|
-
getFieldsetLabelText: () => string;
|
|
348
|
+
showDetails: "always" | "never" | "when-selected";
|
|
349
|
+
getFieldsetLabelText: () => string | undefined;
|
|
350
350
|
}, {
|
|
351
351
|
expanded: boolean;
|
|
352
352
|
height: number;
|
|
@@ -460,8 +460,8 @@ required: true;
|
|
|
460
460
|
};
|
|
461
461
|
}, {
|
|
462
462
|
sharedName: string | undefined;
|
|
463
|
-
showDetails: "
|
|
464
|
-
getFieldsetLabelText: () => string;
|
|
463
|
+
showDetails: "always" | "never" | "when-selected";
|
|
464
|
+
getFieldsetLabelText: () => string | undefined;
|
|
465
465
|
}, {
|
|
466
466
|
height: number;
|
|
467
467
|
initialStyle: {
|
|
@@ -2232,7 +2232,6 @@ isDateEnabled(day: FDate): boolean;
|
|
|
2232
2232
|
isDaySelected(date: FDate): boolean;
|
|
2233
2233
|
highlightDay(date: FDate): boolean;
|
|
2234
2234
|
updateTextFieldValue(newValue: string): Promise<void>;
|
|
2235
|
-
updateCalendarValue: typeof updateCalendarValue;
|
|
2236
2235
|
}, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", PublicProps, Readonly<ExtractPropTypes< {
|
|
2237
2236
|
/** Selected day.
|
|
2238
2237
|
* @model
|
|
@@ -2927,11 +2926,11 @@ required: false;
|
|
|
2927
2926
|
* - `always` - Always show item details.
|
|
2928
2927
|
*/
|
|
2929
2928
|
showDetails: {
|
|
2930
|
-
type:
|
|
2929
|
+
type: PropType<"never" | "when-selected" | "always">;
|
|
2931
2930
|
default: string;
|
|
2932
2931
|
validator(value: string): boolean;
|
|
2933
2932
|
};
|
|
2934
|
-
},
|
|
2933
|
+
}, void, {
|
|
2935
2934
|
validity: ValidityEvent;
|
|
2936
2935
|
descriptionClass: string[];
|
|
2937
2936
|
discreteDescriptionClass: string[];
|
|
@@ -3033,7 +3032,7 @@ required: false;
|
|
|
3033
3032
|
* - `always` - Always show item details.
|
|
3034
3033
|
*/
|
|
3035
3034
|
showDetails: {
|
|
3036
|
-
type:
|
|
3035
|
+
type: PropType<"never" | "when-selected" | "always">;
|
|
3037
3036
|
default: string;
|
|
3038
3037
|
validator(value: string): boolean;
|
|
3039
3038
|
};
|
|
@@ -3041,9 +3040,9 @@ validator(value: string): boolean;
|
|
|
3041
3040
|
name: string;
|
|
3042
3041
|
horizontal: boolean;
|
|
3043
3042
|
id: string;
|
|
3044
|
-
showDetails: string;
|
|
3045
3043
|
labelClass: string;
|
|
3046
3044
|
contentClass: string;
|
|
3045
|
+
showDetails: "always" | "never" | "when-selected";
|
|
3047
3046
|
chip: boolean;
|
|
3048
3047
|
border: boolean;
|
|
3049
3048
|
}, {}>;
|
|
@@ -3093,7 +3092,7 @@ default: undefined;
|
|
|
3093
3092
|
}, unknown, unknown, {
|
|
3094
3093
|
isMimeTypeChanged(): boolean;
|
|
3095
3094
|
mimeTypeChangedText(): string;
|
|
3096
|
-
iconName():
|
|
3095
|
+
iconName(): FFileItemIconName;
|
|
3097
3096
|
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
3098
3097
|
/**
|
|
3099
3098
|
* The id for the input id attribute.
|
|
@@ -3143,6 +3142,11 @@ originalMimeType: string;
|
|
|
3143
3142
|
changedMimeTypeText: string;
|
|
3144
3143
|
}, {}>;
|
|
3145
3144
|
|
|
3145
|
+
/**
|
|
3146
|
+
* @public
|
|
3147
|
+
*/
|
|
3148
|
+
export declare type FFileItemIconName = "doc" | "file" | "pic" | "pdf";
|
|
3149
|
+
|
|
3146
3150
|
export declare const FFileSelector: DefineComponent< {
|
|
3147
3151
|
/**
|
|
3148
3152
|
* The id for the input id attribute.
|
|
@@ -3269,7 +3273,10 @@ displayError: boolean;
|
|
|
3269
3273
|
errorScroll: "center" | "top";
|
|
3270
3274
|
}, {}>;
|
|
3271
3275
|
|
|
3272
|
-
|
|
3276
|
+
/**
|
|
3277
|
+
* @public
|
|
3278
|
+
*/
|
|
3279
|
+
export declare interface FFormData {
|
|
3273
3280
|
errorMessageSlotClass: string[];
|
|
3274
3281
|
components: Record<string, Reference<FormErrorList | FormStep>>;
|
|
3275
3282
|
}
|
|
@@ -4680,7 +4687,10 @@ export declare interface FModalButtonDescriptor {
|
|
|
4680
4687
|
submitButton?: boolean;
|
|
4681
4688
|
}
|
|
4682
4689
|
|
|
4683
|
-
|
|
4690
|
+
/**
|
|
4691
|
+
* @public
|
|
4692
|
+
*/
|
|
4693
|
+
export declare interface FModalData {
|
|
4684
4694
|
nonModalFocusableElements: HTMLElement[];
|
|
4685
4695
|
savedFocus: StackHandle | null;
|
|
4686
4696
|
savedScroll: number | null;
|
|
@@ -7896,11 +7906,12 @@ export declare function hasParentByName(vm: ComponentPublicInstance | undefined
|
|
|
7896
7906
|
* @param vm - Component instance.
|
|
7897
7907
|
* @param name - Name of the slot to check for.
|
|
7898
7908
|
* @param props - Props required by a scoped slot.
|
|
7909
|
+
* @param options - Render options.
|
|
7899
7910
|
* @returns true if the slot is implemented and have non-empty content.
|
|
7900
7911
|
*/
|
|
7901
7912
|
export declare function hasSlot(vm: {
|
|
7902
7913
|
$slots: Slots;
|
|
7903
|
-
}, name: string, props?: Record<string, unknown>): boolean;
|
|
7914
|
+
}, name: string, props?: Record<string, unknown>, options?: Partial<RenderSlotOptions>): boolean;
|
|
7904
7915
|
|
|
7905
7916
|
export declare const IAnimateExpand: DefineComponent< {
|
|
7906
7917
|
/**
|
|
@@ -8239,8 +8250,6 @@ onChange?: ((...args: any[]) => any) | undefined;
|
|
|
8239
8250
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
8240
8251
|
}, {}, {}>;
|
|
8241
8252
|
|
|
8242
|
-
declare type IconName = "doc" | "file" | "pic" | "pdf";
|
|
8243
|
-
|
|
8244
8253
|
export declare const IFlex: DefineComponent< {
|
|
8245
8254
|
/**
|
|
8246
8255
|
* Set gap (gutter) between items.
|
|
@@ -8784,7 +8793,10 @@ focusElement: () => HTMLElement | null;
|
|
|
8784
8793
|
setFocus: boolean;
|
|
8785
8794
|
}, {}>;
|
|
8786
8795
|
|
|
8787
|
-
|
|
8796
|
+
/**
|
|
8797
|
+
* @public
|
|
8798
|
+
*/
|
|
8799
|
+
export declare interface IPopupData {
|
|
8788
8800
|
teleportDisabled: boolean;
|
|
8789
8801
|
placement: Placement;
|
|
8790
8802
|
focus: StackHandle | null;
|
|
@@ -8856,7 +8868,10 @@ anchor: HTMLElement | null | undefined;
|
|
|
8856
8868
|
errorMessage: string;
|
|
8857
8869
|
}, {}>;
|
|
8858
8870
|
|
|
8859
|
-
|
|
8871
|
+
/**
|
|
8872
|
+
* @public
|
|
8873
|
+
*/
|
|
8874
|
+
export declare interface IPopupErrorData {
|
|
8860
8875
|
teleportDisabled: boolean;
|
|
8861
8876
|
placement: Placement;
|
|
8862
8877
|
arrowPosition: string;
|
|
@@ -8865,6 +8880,27 @@ declare interface IPopupErrorData {
|
|
|
8865
8880
|
|
|
8866
8881
|
export declare const IPopupMenu: DefineComponent< {
|
|
8867
8882
|
/**
|
|
8883
|
+
* Key of the currently selected and highlighted item.
|
|
8884
|
+
*
|
|
8885
|
+
* @model
|
|
8886
|
+
*/
|
|
8887
|
+
modelValue: {
|
|
8888
|
+
type: StringConstructor;
|
|
8889
|
+
required: false;
|
|
8890
|
+
default: string;
|
|
8891
|
+
};
|
|
8892
|
+
/**
|
|
8893
|
+
* Key of the currently focused item.
|
|
8894
|
+
* Sets focus on matching item element when value changes.
|
|
8895
|
+
*
|
|
8896
|
+
* @model
|
|
8897
|
+
*/
|
|
8898
|
+
focusedItem: {
|
|
8899
|
+
type: StringConstructor;
|
|
8900
|
+
required: false;
|
|
8901
|
+
default: string;
|
|
8902
|
+
};
|
|
8903
|
+
/**
|
|
8868
8904
|
* Toggle open/closed popup.
|
|
8869
8905
|
*/
|
|
8870
8906
|
isOpen: {
|
|
@@ -8879,15 +8915,6 @@ type: PropType<HTMLElement | undefined>;
|
|
|
8879
8915
|
default: undefined;
|
|
8880
8916
|
};
|
|
8881
8917
|
/**
|
|
8882
|
-
* The currently highlighted menu item key
|
|
8883
|
-
* @model
|
|
8884
|
-
*/
|
|
8885
|
-
modelValue: {
|
|
8886
|
-
type: StringConstructor;
|
|
8887
|
-
required: false;
|
|
8888
|
-
default: string;
|
|
8889
|
-
};
|
|
8890
|
-
/**
|
|
8891
8918
|
* The items to be diplayed in the menu
|
|
8892
8919
|
*/
|
|
8893
8920
|
items: {
|
|
@@ -8895,14 +8922,6 @@ type: PropType<IMenuItem[]>;
|
|
|
8895
8922
|
required: true;
|
|
8896
8923
|
};
|
|
8897
8924
|
/**
|
|
8898
|
-
* The key of the currently selected focused item
|
|
8899
|
-
*/
|
|
8900
|
-
focusedItemKey: {
|
|
8901
|
-
type: StringConstructor;
|
|
8902
|
-
required: false;
|
|
8903
|
-
default: string;
|
|
8904
|
-
};
|
|
8905
|
-
/**
|
|
8906
8925
|
* If true, enable built-in keyboard navigation
|
|
8907
8926
|
*/
|
|
8908
8927
|
enableKeyboardNavigation: {
|
|
@@ -8935,13 +8954,34 @@ focusElement(): HTMLElement | null;
|
|
|
8935
8954
|
findItemByKey(key: string): IMenuItem | undefined;
|
|
8936
8955
|
indexOfItemByKey(key: string): number;
|
|
8937
8956
|
onClickItem(item: IMenuItem, doClick?: boolean): Promise<void>;
|
|
8938
|
-
|
|
8957
|
+
itemClasses(item: IMenuItem): string[];
|
|
8939
8958
|
setFocusOnItem(index: number): Promise<void>;
|
|
8940
8959
|
activateItem(index: number): Promise<void>;
|
|
8941
8960
|
setFocusedItemIndex(index: number): void;
|
|
8942
8961
|
onKeyUp(event: KeyboardEvent): void;
|
|
8943
8962
|
onKeyDown(event: KeyboardEvent): Promise<void>;
|
|
8944
|
-
}, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "close" | "update:modelValue")[], "select" | "close" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes< {
|
|
8963
|
+
}, ComponentOptionsMixin, ComponentOptionsMixin, ("select" | "close" | "update:modelValue" | "update:focusedItem")[], "select" | "close" | "update:modelValue" | "update:focusedItem", PublicProps, Readonly<ExtractPropTypes< {
|
|
8964
|
+
/**
|
|
8965
|
+
* Key of the currently selected and highlighted item.
|
|
8966
|
+
*
|
|
8967
|
+
* @model
|
|
8968
|
+
*/
|
|
8969
|
+
modelValue: {
|
|
8970
|
+
type: StringConstructor;
|
|
8971
|
+
required: false;
|
|
8972
|
+
default: string;
|
|
8973
|
+
};
|
|
8974
|
+
/**
|
|
8975
|
+
* Key of the currently focused item.
|
|
8976
|
+
* Sets focus on matching item element when value changes.
|
|
8977
|
+
*
|
|
8978
|
+
* @model
|
|
8979
|
+
*/
|
|
8980
|
+
focusedItem: {
|
|
8981
|
+
type: StringConstructor;
|
|
8982
|
+
required: false;
|
|
8983
|
+
default: string;
|
|
8984
|
+
};
|
|
8945
8985
|
/**
|
|
8946
8986
|
* Toggle open/closed popup.
|
|
8947
8987
|
*/
|
|
@@ -8957,15 +8997,6 @@ type: PropType<HTMLElement | undefined>;
|
|
|
8957
8997
|
default: undefined;
|
|
8958
8998
|
};
|
|
8959
8999
|
/**
|
|
8960
|
-
* The currently highlighted menu item key
|
|
8961
|
-
* @model
|
|
8962
|
-
*/
|
|
8963
|
-
modelValue: {
|
|
8964
|
-
type: StringConstructor;
|
|
8965
|
-
required: false;
|
|
8966
|
-
default: string;
|
|
8967
|
-
};
|
|
8968
|
-
/**
|
|
8969
9000
|
* The items to be diplayed in the menu
|
|
8970
9001
|
*/
|
|
8971
9002
|
items: {
|
|
@@ -8973,14 +9004,6 @@ type: PropType<IMenuItem[]>;
|
|
|
8973
9004
|
required: true;
|
|
8974
9005
|
};
|
|
8975
9006
|
/**
|
|
8976
|
-
* The key of the currently selected focused item
|
|
8977
|
-
*/
|
|
8978
|
-
focusedItemKey: {
|
|
8979
|
-
type: StringConstructor;
|
|
8980
|
-
required: false;
|
|
8981
|
-
default: string;
|
|
8982
|
-
};
|
|
8983
|
-
/**
|
|
8984
9007
|
* If true, enable built-in keyboard navigation
|
|
8985
9008
|
*/
|
|
8986
9009
|
enableKeyboardNavigation: {
|
|
@@ -9008,13 +9031,14 @@ default: string;
|
|
|
9008
9031
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
9009
9032
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
9010
9033
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
9034
|
+
"onUpdate:focusedItem"?: ((...args: any[]) => any) | undefined;
|
|
9011
9035
|
}, {
|
|
9012
9036
|
anchor: HTMLElement | undefined;
|
|
9013
9037
|
modelValue: string;
|
|
9014
9038
|
ariaLabel: string;
|
|
9015
|
-
focusedItemKey: string;
|
|
9016
9039
|
enableKeyboardNavigation: boolean;
|
|
9017
9040
|
selectedMenuItemScreenReaderText: string;
|
|
9041
|
+
focusedItem: string;
|
|
9018
9042
|
}, {}>;
|
|
9019
9043
|
|
|
9020
9044
|
/**
|
|
@@ -9254,7 +9278,10 @@ export declare interface PanelLayoutComposable {
|
|
|
9254
9278
|
*/
|
|
9255
9279
|
export declare type ParseFunction<TModel> = (viewValue: string) => TModel | undefined;
|
|
9256
9280
|
|
|
9257
|
-
|
|
9281
|
+
/**
|
|
9282
|
+
* @public
|
|
9283
|
+
*/
|
|
9284
|
+
export declare enum Placement {
|
|
9258
9285
|
/** popup below and alignment towards the left edge. */
|
|
9259
9286
|
"A" = "A",
|
|
9260
9287
|
/** popup below and alignment towards the right edge. */
|
|
@@ -9484,11 +9511,6 @@ export declare const UNHANDLED_ERROR_EVENT: "unhandled-error";
|
|
|
9484
9511
|
*/
|
|
9485
9512
|
export declare type UnknownItem = Record<string, unknown>;
|
|
9486
9513
|
|
|
9487
|
-
/**
|
|
9488
|
-
* @public
|
|
9489
|
-
*/
|
|
9490
|
-
export declare function updateCalendarValue(this: InstanceType<typeof FDatepickerField>, newValue: string): void;
|
|
9491
|
-
|
|
9492
9514
|
/**
|
|
9493
9515
|
* Translation function.
|
|
9494
9516
|
* @public
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fkui/vue",
|
|
3
|
-
"version": "5.37.
|
|
3
|
+
"version": "5.37.2",
|
|
4
4
|
"description": "Vue implementation of FKUI components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"fkui",
|
|
@@ -73,25 +73,25 @@
|
|
|
73
73
|
"lodash": "^4.17.20"
|
|
74
74
|
},
|
|
75
75
|
"devDependencies": {
|
|
76
|
-
"@fkui/css-variables": "5.37.
|
|
77
|
-
"@fkui/date": "5.37.
|
|
78
|
-
"@fkui/design": "5.37.
|
|
76
|
+
"@fkui/css-variables": "5.37.2",
|
|
77
|
+
"@fkui/date": "5.37.2",
|
|
78
|
+
"@fkui/design": "5.37.2",
|
|
79
79
|
"@fkui/icon-lib-default": "5.37.0",
|
|
80
|
-
"@fkui/logic": "5.37.
|
|
80
|
+
"@fkui/logic": "5.37.2",
|
|
81
81
|
"@fkui/test-utils": "5.37.0",
|
|
82
82
|
"@forsakringskassan/vite-lib-config": "2.0.3",
|
|
83
83
|
"@vue/test-utils": "2.4.6",
|
|
84
|
-
"cypress": "13.
|
|
84
|
+
"cypress": "13.15.0",
|
|
85
85
|
"flush-promises": "1.0.2",
|
|
86
|
-
"vite": "5.4.
|
|
86
|
+
"vite": "5.4.8",
|
|
87
87
|
"vue": "3.4.38",
|
|
88
88
|
"vue-router": "4.4.5"
|
|
89
89
|
},
|
|
90
90
|
"peerDependencies": {
|
|
91
91
|
"@babel/runtime": "^7",
|
|
92
|
-
"@fkui/date": "^5.
|
|
92
|
+
"@fkui/date": "^5.36.0",
|
|
93
93
|
"@fkui/design": "^5.36.0",
|
|
94
|
-
"@fkui/logic": "^5.
|
|
94
|
+
"@fkui/logic": "^5.36.0",
|
|
95
95
|
"core-js": "^3.24",
|
|
96
96
|
"fk-icons": "^4.30.1",
|
|
97
97
|
"html-validate": ">= 7.9.0",
|
|
@@ -109,5 +109,5 @@
|
|
|
109
109
|
"node": ">= 20",
|
|
110
110
|
"npm": ">= 7"
|
|
111
111
|
},
|
|
112
|
-
"gitHead": "
|
|
112
|
+
"gitHead": "58ab8a4ceea399b130d5eb98b946bd117699d23b"
|
|
113
113
|
}
|