@fkui/vue 5.36.3 → 5.37.1

package/dist/types/index.d.ts

@@ -211,6 +211,22 @@ type: BooleanConstructor;
 required: false;
 default: boolean;
 };
+/**
+* Display bullets in the error list component.
+*/
+errorListBullets: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+*Optional callback function to the error list component for performing actions before navigation.
+*/
+errorListBeforeNavigate: {
+type: PropType<BeforeNavigate>;
+required: false;
+default(): BeforeNavigate;
+};
 }, unknown, {
 validity: GroupValidityEvent;
 submitted: boolean;
@@ -265,6 +281,22 @@ type: BooleanConstructor;
 required: false;
 default: boolean;
 };
+/**
+* Display bullets in the error list component.
+*/
+errorListBullets: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+*Optional callback function to the error list component for performing actions before navigation.
+*/
+errorListBeforeNavigate: {
+type: PropType<BeforeNavigate>;
+required: false;
+default(): BeforeNavigate;
+};
 }>> & {
 onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
@@ -272,6 +304,8 @@ beforeSubmit: FValidationFormCallback;
 id: string;
 beforeValidation: FValidationFormCallback;
 useErrorList: boolean;
+errorListBullets: boolean;
+errorListBeforeNavigate: BeforeNavigate;
 }, {}>;
 export { _default as FValidationForm }
 export { _default as IValidationForm }
@@ -311,8 +345,8 @@ type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstruc
 required: true;
 };
 }, {
-showDetails: "never" | "always" | "when-selected";
-getFieldsetLabelText: () => string;
+showDetails: "always" | "never" | "when-selected";
+getFieldsetLabelText: () => string | undefined;
 }, {
 expanded: boolean;
 height: number;
@@ -426,8 +460,8 @@ required: true;
 };
 }, {
 sharedName: string | undefined;
-showDetails: "never" | "always" | "when-selected";
-getFieldsetLabelText: () => string;
+showDetails: "always" | "never" | "when-selected";
+getFieldsetLabelText: () => string | undefined;
 }, {
 height: number;
 initialStyle: {
@@ -500,11 +534,6 @@ disabled: boolean;
 export { _default_3 as FRadioField }
 export { _default_3 as FRadioGroupField }
 
-declare interface DialogueTreeData {
-    currentStep: FDialogueTreeQuestion;
-    steps: number[];
-}
-
 /* Excluded from this release type: dispatchComponentUnmountEvent */
 
 /**
@@ -631,7 +660,10 @@ export declare const EventBus: EventBus;
 export declare interface EventBusMap {
 }
 
-declare interface ExpandableTable {
+/**
+ * @public
+ */
+export declare interface ExpandableTable {
     expandedRows: Ref<ListArray>;
     isExpandableTable: ComputedRef<boolean>;
     hasExpandableSlot: ComputedRef<boolean>;
@@ -1818,7 +1850,10 @@ modifyModalHeader: string;
 deleteModalHeader: string;
 }, {}>;
 
-declare interface FCrudDatasetData {
+/**
+ * @public
+ */
+export declare interface FCrudDatasetData {
     result: ListArray;
     Operation: typeof Operation;
     operation: Operation;
@@ -2197,7 +2232,6 @@ isDateEnabled(day: FDate): boolean;
 isDaySelected(date: FDate): boolean;
 highlightDay(date: FDate): boolean;
 updateTextFieldValue(newValue: string): Promise<void>;
-updateCalendarValue: typeof updateCalendarValue;
 }, ComponentOptions, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", PublicProps, Readonly<ExtractPropTypes<    {
 /** Selected day.
 * @model
@@ -2292,7 +2326,7 @@ dialogueTree: {
 type: PropType<FDialogueTreeQuestion>;
 required: true;
 };
-}, unknown, DialogueTreeData, {
+}, unknown, FDialogueTreeData, {
 userData(): unknown;
 options(): FDialogueTreeOption[];
 }, {
@@ -2319,6 +2353,14 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 
+/**
+ * @public
+ */
+export declare interface FDialogueTreeData {
+    currentStep: FDialogueTreeQuestion;
+    steps: number[];
+}
+
 /**
  * @public
  */
@@ -2884,11 +2926,11 @@ required: false;
 * - `always` - Always show item details.
 */
 showDetails: {
-type: StringConstructor;
+type: PropType<"never" | "when-selected" | "always">;
 default: string;
 validator(value: string): boolean;
 };
-}, unknown, {
+}, void, {
 validity: ValidityEvent;
 descriptionClass: string[];
 discreteDescriptionClass: string[];
@@ -2990,7 +3032,7 @@ required: false;
 * - `always` - Always show item details.
 */
 showDetails: {
-type: StringConstructor;
+type: PropType<"never" | "when-selected" | "always">;
 default: string;
 validator(value: string): boolean;
 };
@@ -2998,9 +3040,9 @@ validator(value: string): boolean;
 name: string;
 horizontal: boolean;
 id: string;
-showDetails: string;
 labelClass: string;
 contentClass: string;
+showDetails: "always" | "never" | "when-selected";
 chip: boolean;
 border: boolean;
 }, {}>;
@@ -3050,7 +3092,7 @@ default: undefined;
 }, unknown, unknown, {
 isMimeTypeChanged(): boolean;
 mimeTypeChangedText(): string;
-iconName(): IconName;
+iconName(): FFileItemIconName;
 }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * The id for the input id attribute.
@@ -3100,6 +3142,11 @@ originalMimeType: string;
 changedMimeTypeText: string;
 }, {}>;
 
+/**
+ * @public
+ */
+export declare type FFileItemIconName = "doc" | "file" | "pic" | "pdf";
+
 export declare const FFileSelector: DefineComponent<    {
 /**
 * The id for the input id attribute.
@@ -3226,7 +3273,10 @@ displayError: boolean;
 errorScroll: "center" | "top";
 }, {}>;
 
-declare interface FFormData {
+/**
+ * @public
+ */
+export declare interface FFormData {
     errorMessageSlotClass: string[];
     components: Record<string, Reference<FormErrorList | FormStep>>;
 }
@@ -3930,7 +3980,10 @@ expandableAttribute: string;
 expandableDescribedby: string;
 }, {}>;
 
-declare interface FInteractiveTableData {
+/**
+ * @public
+ */
+export declare interface FInteractiveTableData {
     activeRow: ListItem | undefined;
     columns: FTableColumnData[];
     emptyRow: Record<string, unknown>;
@@ -4283,7 +4336,10 @@ active: UnknownItem | undefined;
 selectable: boolean;
 }, {}>;
 
-declare interface FListData {
+/**
+ * @public
+ */
+export declare interface FListData {
     selectedItems: ListArray;
     activeItem: ListItem | undefined;
 }
@@ -4631,7 +4687,10 @@ export declare interface FModalButtonDescriptor {
     submitButton?: boolean;
 }
 
-declare interface FModalData {
+/**
+ * @public
+ */
+export declare interface FModalData {
     nonModalFocusableElements: HTMLElement[];
     savedFocus: StackHandle | null;
     savedScroll: number | null;
@@ -5215,7 +5274,24 @@ export declare class FormErrorList implements FormErrorList {
  * @param options - Component options.
  * @returns A promise resolved with values from input fields or rejected if user cancels.
  */
-export declare function formModal<T>(callingInstance: MaybeWithFKUIContext, Component: MaybeComponent, options?: MaybeOptions): Promise<T>;
+export declare function formModal<T>(callingInstance: MaybeWithFKUIContext, Component: MaybeComponent, options?: FormModalMaybeOptions): Promise<T>;
+
+/**
+ * @public
+ */
+export declare type FormModalMaybeOptions = Partial<FormModalModalOptions>;
+
+/**
+ * @public
+ */
+export declare interface FormModalModalOptions {
+    /** Modal size */
+    size: "large" | "fullscreen";
+    /** Modal beforeSubmit callback */
+    beforeSubmit?: FValidationFormCallback;
+    /** Modal props */
+    props: Record<string, unknown | undefined>;
+}
 
 /**
  * @public
@@ -5295,14 +5371,26 @@ validator(value: string): boolean;
 };
 /**
 * Render skiplink.
+*
+* When set to a non-empty string thethe skiplink feature is enabled.
+* The string is the id of the element to move focus to.
+*
+* When set to `true` the deprecated `skipLinkHref` prop is used to
+* set the element id to move focus to.
+*
+* When set to `false` or empty string the skiplink feature is disabled.
+*
+* Using a boolean is deprecated. Leave unset or a non-empty string.
 */
 skipLink: {
-type: BooleanConstructor;
+type: PropType<string | boolean>;
 required: false;
-default: boolean;
+default: string;
 };
 /**
 * Target for skiplink.
+*
+* @deprecated Use `skipLink` prop with a non-empty string instead.
 */
 skipLinkHref: {
 type: StringConstructor;
@@ -5347,6 +5435,7 @@ default: string;
 logoClass(): string;
 hasRouterLink(): boolean;
 routerLinkTo(): RouteLocationPathRaw | RouteLocationNamedRaw | null;
+skipLinkAnchor(): string | null;
 altLogoText(): string;
 }, {}, ComponentOptions, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /** Setting the logo sizes small, large or responsive. */
@@ -5358,14 +5447,26 @@ validator(value: string): boolean;
 };
 /**
 * Render skiplink.
+*
+* When set to a non-empty string thethe skiplink feature is enabled.
+* The string is the id of the element to move focus to.
+*
+* When set to `true` the deprecated `skipLinkHref` prop is used to
+* set the element id to move focus to.
+*
+* When set to `false` or empty string the skiplink feature is disabled.
+*
+* Using a boolean is deprecated. Leave unset or a non-empty string.
 */
 skipLink: {
-type: BooleanConstructor;
+type: PropType<string | boolean>;
 required: false;
-default: boolean;
+default: string;
 };
 /**
 * Target for skiplink.
+*
+* @deprecated Use `skipLink` prop with a non-empty string instead.
 */
 skipLinkHref: {
 type: StringConstructor;
@@ -5409,7 +5510,7 @@ default: string;
 }>>, {
 headerTag: string;
 logoSize: string;
-skipLink: boolean;
+skipLink: string | boolean;
 skipLinkHref: string;
 routerLinkPath: string;
 routerLinkName: string;
@@ -6824,7 +6925,10 @@ rowHeader: boolean;
 expand: boolean;
 }, {}>;
 
-declare interface FTableColumnData {
+/**
+ * @public
+ */
+export declare interface FTableColumnData {
     id: string;
     name: string;
     title: string;
@@ -6836,12 +6940,18 @@ declare interface FTableColumnData {
     sort: FTableColumnSort;
 }
 
-declare enum FTableColumnSize {
+/**
+ * @public
+ */
+export declare enum FTableColumnSize {
     EXPAND = "table__column--expand",
     SHRINK = "table__column--shrink"
 }
 
-declare enum FTableColumnSort {
+/**
+ * @public
+ */
+export declare enum FTableColumnSort {
     UNSORTED = "unsorted",
     ASCENDING = "ascending",
     DESCENDING = "descending"
@@ -8139,8 +8249,6 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 
-declare type IconName = "doc" | "file" | "pic" | "pdf";
-
 export declare const IFlex: DefineComponent<    {
 /**
 * Set gap (gutter) between items.
@@ -8684,7 +8792,10 @@ focusElement: () => HTMLElement | null;
 setFocus: boolean;
 }, {}>;
 
-declare interface IPopupData {
+/**
+ * @public
+ */
+export declare interface IPopupData {
     teleportDisabled: boolean;
     placement: Placement;
     focus: StackHandle | null;
@@ -8756,7 +8867,10 @@ anchor: HTMLElement | null | undefined;
 errorMessage: string;
 }, {}>;
 
-declare interface IPopupErrorData {
+/**
+ * @public
+ */
+export declare interface IPopupErrorData {
     teleportDisabled: boolean;
     placement: Placement;
     arrowPosition: string;
@@ -8990,10 +9104,6 @@ export declare type ListItem<T extends object = UnknownItem> = T;
  */
 export declare type MaybeComponent = Component | undefined;
 
-declare type MaybeOptions = Partial<ModalOptions_2>;
-
-declare type MaybeOptions_2 = Partial<ModalOptions>;
-
 /**
  * @public
  */
@@ -9012,26 +9122,6 @@ export declare enum MenuAction {
     ACTIVATE = 4
 }
 
-/**
- * @public
- */
-export declare interface ModalOptions {
-    /**
-     * Element to mount modal under. Default `<body>`.
-     */
-    attachTo: string | Element;
-    props: Record<string, unknown | undefined>;
-}
-
-declare interface ModalOptions_2 {
-    /** Modal size */
-    size: "large" | "fullscreen";
-    /** Modal beforeSubmit callback */
-    beforeSubmit?: FValidationFormCallback;
-    /** Modal props */
-    props: Record<string, unknown | undefined>;
-}
-
 /**
  * Predefined reasons the modal was closed.
  *
@@ -9133,9 +9223,28 @@ export declare function openModal<T = void>(callingInstance: MaybeWithFKUIContex
 /**
  * @public
  */
-export declare function openModal<T = void>(callingInstance: MaybeWithFKUIContext, Component: MaybeComponent, options?: MaybeOptions_2): AsyncModalResult<T>;
+export declare function openModal<T = void>(callingInstance: MaybeWithFKUIContext, Component: MaybeComponent, options?: OpenModalMaybeOptions): AsyncModalResult<T>;
 
-declare enum Operation {
+/**
+ * @public
+ */
+export declare type OpenModalMaybeOptions = Partial<OpenModalModaloptions>;
+
+/**
+ * @public
+ */
+export declare interface OpenModalModaloptions {
+    /**
+     * Element to mount modal under. Default `<body>`.
+     */
+    attachTo: string | Element;
+    props: Record<string, unknown | undefined>;
+}
+
+/**
+ * @public
+ */
+export declare enum Operation {
     ADD = 0,
     DELETE = 1,
     MODIFY = 2,
@@ -9159,7 +9268,10 @@ export declare interface PanelLayoutComposable {
  */
 export declare type ParseFunction<TModel> = (viewValue: string) => TModel | undefined;
 
-declare enum Placement {
+/**
+ * @public
+ */
+export declare enum Placement {
     /** popup below and alignment towards the left edge. */
     "A" = "A",
     /** popup below and alignment towards the right edge. */
@@ -9389,11 +9501,6 @@ export declare const UNHANDLED_ERROR_EVENT: "unhandled-error";
  */
 export declare type UnknownItem = Record<string, unknown>;
 
-/**
- * @public
- */
-export declare function updateCalendarValue(this: InstanceType<typeof FDatepickerField>, newValue: string): void;
-
 /**
  * Translation function.
  * @public

package/htmlvalidate/elements/components.js

@@ -1357,10 +1357,21 @@ module.exports = defineMetadata({
             "logo-size": {
                 enum: ["small", "large", "responsive"],
             },
-            "skip-link": {},
+            "skip-link": {
+                enum: ["/.+/"],
+                /* for backwards compatiblity allow the skiplink value to be
+                 * omitted (e.g. same as setting it to true) */
+                omit: true,
+            },
             "skip-link-href": {
                 enum: ["/^[#].*/"],
                 required: false,
+                deprecated: "use skip-link prop with string instead",
+                allowed(node) {
+                    return node.hasAttribute("skip-link")
+                        ? null
+                        : "requires skip-link prop to be set";
+                },
             },
             "header-tag": {
                 enum: ["span", "h1"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "5.36.3",
+  "version": "5.37.1",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -73,25 +73,25 @@
     "lodash": "^4.17.20"
   },
   "devDependencies": {
-    "@fkui/css-variables": "5.36.3",
-    "@fkui/date": "5.36.3",
-    "@fkui/design": "5.36.3",
-    "@fkui/icon-lib-default": "5.36.0",
-    "@fkui/logic": "5.36.3",
-    "@fkui/test-utils": "5.36.0",
+    "@fkui/css-variables": "5.37.0",
+    "@fkui/date": "5.37.1",
+    "@fkui/design": "5.37.0",
+    "@fkui/icon-lib-default": "5.37.0",
+    "@fkui/logic": "5.37.1",
+    "@fkui/test-utils": "5.37.0",
     "@forsakringskassan/vite-lib-config": "2.0.3",
     "@vue/test-utils": "2.4.6",
-    "cypress": "13.14.2",
+    "cypress": "13.15.0",
     "flush-promises": "1.0.2",
-    "vite": "5.4.6",
+    "vite": "5.4.8",
     "vue": "3.4.38",
     "vue-router": "4.4.5"
   },
   "peerDependencies": {
     "@babel/runtime": "^7",
-    "@fkui/date": "^5.36.3",
+    "@fkui/date": "^5.37.1",
     "@fkui/design": "^5.36.0",
-    "@fkui/logic": "^5.36.3",
+    "@fkui/logic": "^5.37.1",
     "core-js": "^3.24",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
@@ -109,5 +109,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "b0910a06ce23eb3e735c34ec95366a44d87008e1"
+  "gitHead": "82f7f5e33c2ccf22f8190f6ee945dd3baf195ce7"
 }