@fkui/vue 5.36.1 → 5.37.0

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 }
@@ -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;
@@ -2292,7 +2327,7 @@ dialogueTree: {
 type: PropType<FDialogueTreeQuestion>;
 required: true;
 };
-}, unknown, DialogueTreeData, {
+}, unknown, FDialogueTreeData, {
 userData(): unknown;
 options(): FDialogueTreeOption[];
 }, {
@@ -2319,6 +2354,14 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 
+/**
+ * @public
+ */
+export declare interface FDialogueTreeData {
+    currentStep: FDialogueTreeQuestion;
+    steps: number[];
+}
+
 /**
  * @public
  */
@@ -3930,7 +3973,10 @@ expandableAttribute: string;
 expandableDescribedby: string;
 }, {}>;
 
-declare interface FInteractiveTableData {
+/**
+ * @public
+ */
+export declare interface FInteractiveTableData {
     activeRow: ListItem | undefined;
     columns: FTableColumnData[];
     emptyRow: Record<string, unknown>;
@@ -4283,7 +4329,10 @@ active: UnknownItem | undefined;
 selectable: boolean;
 }, {}>;
 
-declare interface FListData {
+/**
+ * @public
+ */
+export declare interface FListData {
     selectedItems: ListArray;
     activeItem: ListItem | undefined;
 }
@@ -5215,7 +5264,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 +5361,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 +5425,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 +5437,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 +5500,7 @@ default: string;
 }>>, {
 headerTag: string;
 logoSize: string;
-skipLink: boolean;
+skipLink: string | boolean;
 skipLinkHref: string;
 routerLinkPath: string;
 routerLinkName: string;
@@ -6824,7 +6915,10 @@ rowHeader: boolean;
 expand: boolean;
 }, {}>;
 
-declare interface FTableColumnData {
+/**
+ * @public
+ */
+export declare interface FTableColumnData {
     id: string;
     name: string;
     title: string;
@@ -6836,12 +6930,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"
@@ -8990,10 +9090,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 +9108,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 +9209,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,

package/dist/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.47.7"
+      "packageVersion": "7.47.9"
     }
   ]
 }

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.1",
+  "version": "5.37.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -73,25 +73,25 @@
     "lodash": "^4.17.20"
   },
   "devDependencies": {
-    "@fkui/css-variables": "5.36.0",
-    "@fkui/date": "5.36.0",
-    "@fkui/design": "5.36.1",
-    "@fkui/icon-lib-default": "5.36.0",
-    "@fkui/logic": "5.36.0",
-    "@fkui/test-utils": "5.36.0",
-    "@forsakringskassan/vite-lib-config": "2.0.1",
+    "@fkui/css-variables": "5.37.0",
+    "@fkui/date": "5.37.0",
+    "@fkui/design": "5.37.0",
+    "@fkui/icon-lib-default": "5.37.0",
+    "@fkui/logic": "5.37.0",
+    "@fkui/test-utils": "5.37.0",
+    "@forsakringskassan/vite-lib-config": "2.0.3",
     "@vue/test-utils": "2.4.6",
     "cypress": "13.14.2",
     "flush-promises": "1.0.2",
-    "vite": "5.4.3",
+    "vite": "5.4.7",
     "vue": "3.4.38",
-    "vue-router": "4.4.3"
+    "vue-router": "4.4.5"
   },
   "peerDependencies": {
     "@babel/runtime": "^7",
-    "@fkui/date": "^5",
-    "@fkui/design": "^5",
-    "@fkui/logic": "^5",
+    "@fkui/date": "^5.37.0",
+    "@fkui/design": "^5.36.0",
+    "@fkui/logic": "^5.37.0",
     "core-js": "^3.24",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
@@ -109,5 +109,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "ed943d99b4d9d70f204f07ce6a30b01d8f8205f3"
+  "gitHead": "8ba82e02a3d8d293ce0e8601424dbd039df44306"
 }