fds-vue-core 2.1.47 → 2.1.49

package/dist/fds-vue-core.cjs.js

@@ -548,13 +548,14 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$p = ["innerHTML"];
+const _hoisted_1$o = ["innerHTML"];
 const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
     name: {},
     size: { default: 24 },
-    title: { default: void 0 }
+    title: { default: void 0 },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -570,12 +571,18 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       return normalizeSvg(withTitle);
     });
     const pixelSize = vue.computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         class: "inline-flex items-center justify-center align-middle",
-        style: vue.normalizeStyle({ width: pixelSize.value, height: pixelSize.value }),
-        innerHTML: svgHtml.value
-      }, null, 12, _hoisted_1$p);
+        style: { width: pixelSize.value, height: pixelSize.value }
+      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$o);
     };
   }
 });
@@ -584,18 +591,27 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   props: {
     icon: {},
     size: { default: 24 },
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    dataTestid: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const { disabled, attrs } = useAttrsWithDefaults(props);
-    const buttonAttrs = vue.computed(() => ({
-      ...attrs,
-      type: props.type,
-      disabled: disabled.value,
-      "aria-disabled": disabled.value || props.loading ? true : void 0
-    }));
+    const generateAriaLabel = (iconName) => iconName.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).trim();
+    const buttonAttrs = vue.computed(() => {
+      const providedAriaLabel = typeof attrs["aria-label"] === "string" ? attrs["aria-label"] : void 0;
+      const ariaLabel = providedAriaLabel || (props.loading ? "Loading" : generateAriaLabel(props.icon));
+      const result = {
+        ...attrs,
+        type: props.type,
+        disabled: disabled.value,
+        "aria-label": ariaLabel,
+        "aria-disabled": disabled.value || props.loading ? true : void 0,
+        "data-testid": props.dataTestid ?? void 0
+      };
+      return result;
+    });
     const iconSize = vue.computed(() => props.size - 4);
     const emit = __emit;
     const buttonClasses = vue.computed(() => [
@@ -617,23 +633,24 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
         !__props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
           key: 0,
           size: iconSize.value,
-          name: __props.icon
+          name: __props.icon,
+          "aria-hidden": "true"
         }, null, 8, ["size", "name"])) : (vue.openBlock(), vue.createBlock(_sfc_main$w, {
           key: 1,
           size: iconSize.value,
           name: "spinner",
-          class: "animate-spin"
+          class: "animate-spin",
+          "aria-hidden": "true"
         }, null, 8, ["size"]))
       ], 16);
     };
   }
 });
-const _hoisted_1$o = ["id"];
-const _hoisted_2$j = { class: "flex items-start gap-2" };
-const _hoisted_3$b = { class: "h-7 flex items-center" };
-const _hoisted_4$a = { class: "leading-7" };
-const _hoisted_5$9 = { class: "relative h-7" };
-const _hoisted_6$6 = {
+const _hoisted_1$n = { class: "flex items-start gap-2" };
+const _hoisted_2$i = { class: "h-7 flex items-center" };
+const _hoisted_3$b = { class: "leading-7" };
+const _hoisted_4$a = { class: "relative h-7" };
+const _hoisted_5$9 = {
   key: 1,
   class: "fds-block-alert-slot mb-0-last-child"
 };
@@ -646,7 +663,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     expanded: { type: Boolean, default: false },
     label: { default: "" },
     locale: { default: "sv" },
-    icon: {}
+    icon: {},
+    dataTestid: { default: void 0 }
   },
   emits: ["close", "toggle", "update:visible"],
   setup(__props, { emit: __emit }) {
@@ -671,6 +689,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ]);
     const autoId = `fds-alert-${Math.random().toString(36).slice(2, 9)}`;
     const alertId = vue.computed(() => id.value ?? autoId);
+    const rootAttrs = vue.computed(() => ({
+      id: alertId.value,
+      ...props.dataTestid && { "data-testid": props.dataTestid }
+    }));
     function handleClose() {
       isVisible.value = false;
       emit("update:visible", false);
@@ -681,28 +703,24 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       emit("toggle");
     }
     return (_ctx, _cache) => {
-      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        id: alertId.value,
-        class: vue.normalizeClass(alertClasses.value)
-      }, [
+      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ key: 0 }, rootAttrs.value, { class: alertClasses.value }), [
         vue.createElementVNode("div", null, [
           vue.createElementVNode("div", null, [
             __props.label ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: vue.normalizeClass(["font-bold w-full justify-between items-start flex gap-2", { "mb-4": (isExpanded.value || !__props.collapsable) && vue.unref(hasSlot) }])
             }, [
-              vue.createElementVNode("div", _hoisted_2$j, [
-                vue.createElementVNode("div", _hoisted_3$b, [
+              vue.createElementVNode("div", _hoisted_1$n, [
+                vue.createElementVNode("div", _hoisted_2$i, [
                   vue.createVNode(_sfc_main$w, {
                     name: "alert",
                     size: 24,
                     class: "fill-yellow-700"
                   })
                 ]),
-                vue.createElementVNode("span", _hoisted_4$a, vue.toDisplayString(__props.label), 1)
+                vue.createElementVNode("span", _hoisted_3$b, vue.toDisplayString(__props.label), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_5$9, [
+              vue.createElementVNode("div", _hoisted_4$a, [
                 __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
                   key: 0,
                   icon: "cross",
@@ -723,17 +741,17 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 }), null, 16, ["class"])) : vue.createCommentVNode("", true)
               ])
             ], 2)) : vue.createCommentVNode("", true),
-            isExpanded.value || !__props.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [
+            isExpanded.value || !__props.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
         ])
-      ], 10, _hoisted_1$o)) : vue.createCommentVNode("", true);
+      ], 16)) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$n = ["id"];
-const _hoisted_2$i = {
+const _hoisted_1$m = ["id"];
+const _hoisted_2$h = {
   key: 0,
   class: "flex items-start justify-between gap-4"
 };
@@ -745,7 +763,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   props: {
     heading: { default: void 0 },
     borderLeft: { default: void 0 },
-    tight: { type: Boolean, default: false }
+    tight: { type: Boolean, default: false },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -770,13 +789,20 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     });
     const autoId = `fds-content-block-${Math.random().toString(36).slice(2, 9)}`;
     const contentBlockId = vue.computed(() => id.value ?? autoId);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         id: contentBlockId.value,
-        class: vue.normalizeClass(contentClasses.value),
-        style: vue.normalizeStyle(borderLeftStyle.value)
-      }, [
-        __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$i, [
+        class: contentClasses.value,
+        style: borderLeftStyle.value
+      }, rootAttrs.value), [
+        __props.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$h, [
           vue.createElementVNode("div", _hoisted_3$a, [
             vue.createElementVNode("h3", {
               class: vue.normalizeClass(headerClasses.value)
@@ -789,7 +815,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_5$8, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 14, _hoisted_1$n);
+      ], 16, _hoisted_1$m);
     };
   }
 });
@@ -797,7 +823,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSticker",
   props: {
     variant: { default: "blue" },
-    bullet: { type: Boolean, default: false }
+    bullet: { type: Boolean, default: false },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -822,21 +849,26 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       props.variant === "gray" && "bg-gray-400",
       props.variant === "t_blue" && "bg-blue-200 border border-blue-300"
     ]);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(stickerClasses.value)
-      }, [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: stickerClasses.value }, rootAttrs.value), [
         __props.bullet ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: vue.normalizeClass(bulletDotClasses.value)
         }, null, 2)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 16);
     };
   }
 });
-const _hoisted_1$m = { class: "w-full flex justify-between items-start" };
-const _hoisted_2$h = { class: "inline-flex items-center" };
+const _hoisted_1$l = { class: "w-full flex justify-between items-start" };
+const _hoisted_2$g = { class: "inline-flex items-center" };
 const _hoisted_3$9 = {
   key: 0,
   class: "flex items-center mr-4"
@@ -846,7 +878,7 @@ const _hoisted_5$7 = {
   key: 0,
   class: "w-full flex mt-2"
 };
-const _hoisted_6$5 = ["aria-hidden"];
+const _hoisted_6$4 = ["aria-hidden"];
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -858,7 +890,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     open: { type: Boolean, default: false },
     preIcon: { default: void 0 },
     stickerColor: { default: void 0 },
-    stickerText: { default: void 0 }
+    stickerText: { default: void 0 },
+    dataTestid: { default: void 0 }
   },
   emits: ["toggle"],
   setup(__props, { emit: __emit }) {
@@ -877,6 +910,13 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const wrapperClass = vue.computed(() => attrs.class);
+    const rootAttrs = vue.computed(() => {
+      const attrs2 = {};
+      if (props.dataTestid) {
+        attrs2["data-testid"] = props.dataTestid;
+      }
+      return attrs2;
+    });
     vue.watch(
       () => props.open,
       (newValue) => {
@@ -899,9 +939,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       emit("toggle");
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([expanderClasses.value, wrapperClass.value])
-      }, [
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [expanderClasses.value, wrapperClass.value]
+      }, rootAttrs.value), [
         vue.createElementVNode("button", vue.mergeProps(buttonAttrs.value, {
           type: "button",
           class: headerClasses.value,
@@ -910,8 +950,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("span", {
             class: vue.normalizeClass(buttonRowClasses.value)
           }, [
-            vue.createElementVNode("span", _hoisted_1$m, [
-              vue.createElementVNode("span", _hoisted_2$h, [
+            vue.createElementVNode("span", _hoisted_1$l, [
+              vue.createElementVNode("span", _hoisted_2$g, [
                 __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, [
                   vue.createVNode(_sfc_main$w, {
                     name: __props.preIcon,
@@ -921,7 +961,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                 ])) : vue.createCommentVNode("", true),
                 vue.createElementVNode("span", _hoisted_4$8, [
                   vue.createElementVNode("span", {
-                    class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": __props.disabled }])
+                    class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-700": __props.disabled }])
                   }, vue.toDisplayString(__props.label), 3)
                 ])
               ]),
@@ -952,15 +992,15 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           class: "mb-0-last-child block px-4 pb-6 rounded-b-2xl bg-white"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_6$5), [
+        ], 8, _hoisted_6$4), [
           [vue.vShow, isOpen.value]
         ])
-      ], 2);
+      ], 16);
     };
   }
 });
-const _hoisted_1$l = ["id"];
-const _hoisted_2$g = {
+const _hoisted_1$k = ["id"];
+const _hoisted_2$f = {
   key: 0,
   class: "flex items-start gap-4"
 };
@@ -970,7 +1010,7 @@ const _hoisted_4$7 = {
   class: "mb-1"
 };
 const _hoisted_5$6 = { class: "flex items-start justify-between gap-4" };
-const _hoisted_6$4 = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_6$3 = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_7$3 = { class: "flex items-start gap-3" };
 const _hoisted_8$2 = {
   key: 1,
@@ -989,7 +1029,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   props: {
     heading: { default: void 0 },
     icon: { default: void 0 },
-    size: { default: "small" }
+    size: { default: "small" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -1003,12 +1044,19 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ]);
     const autoId = `fds-content-block-${Math.random().toString(36).slice(2, 9)}`;
     const contentBlockId = vue.computed(() => props.id ?? autoId);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         id: contentBlockId.value,
-        class: vue.normalizeClass(contentClasses.value)
-      }, [
-        __props.size === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
+        class: contentClasses.value
+      }, rootAttrs.value), [
+        __props.size === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
           vue.createVNode(_sfc_main$w, {
             name: __props.icon,
             size: largeIconSize,
@@ -1017,7 +1065,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_3$8, [
             __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, [
               vue.createElementVNode("header", _hoisted_5$6, [
-                vue.createElementVNode("h3", _hoisted_6$4, vue.toDisplayString(__props.heading), 1),
+                vue.createElementVNode("h3", _hoisted_6$3, vue.toDisplayString(__props.heading), 1),
                 vue.createElementVNode("div", _hoisted_7$3, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
@@ -1051,12 +1099,12 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ]))
-      ], 10, _hoisted_1$l);
+      ], 16, _hoisted_1$k);
     };
   }
 });
-const _hoisted_1$k = { class: "mb-0-last-child" };
-const _hoisted_2$f = {
+const _hoisted_1$j = { class: "mb-0-last-child" };
+const _hoisted_2$e = {
   key: 0,
   class: "flex items-end"
 };
@@ -1075,7 +1123,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     icon: { default: void 0 },
     interactive: { type: Boolean, default: true },
     as: { default: "router-link" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    dataTestid: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1140,6 +1189,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         download: componentType.value === "a" ? vue.unref(download) : void 0,
         disabled: componentType.value === "button" ? props.disabled : void 0,
         "aria-disabled": props.disabled,
+        "data-testid": __props.dataTestid,
         onClick: handleClick,
         onKeydown: handleKeydown
       }), {
@@ -1166,10 +1216,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(slotWrapperClasses.value)
               }, [
-                vue.createElementVNode("div", _hoisted_1$k, [
+                vue.createElementVNode("div", _hoisted_1$j, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ]),
-                vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+                vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
                   vue.renderSlot(_ctx.$slots, "sticker")
                 ])) : vue.createCommentVNode("", true)
               ], 2)
@@ -1183,18 +1233,19 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["class"])) : vue.createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["id", "class", "target", "rel", "download", "disabled", "aria-disabled"]);
+      }, 16, ["id", "class", "target", "rel", "download", "disabled", "aria-disabled", "data-testid"]);
     };
   }
 });
-const _hoisted_1$j = ["aria-label"];
+const _hoisted_1$i = ["aria-label"];
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
     size: { default: "48px" },
     color: { default: "inherit" },
     label: { default: "" },
-    labelPosition: { default: "bottom" }
+    labelPosition: { default: "bottom" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -1215,12 +1266,19 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     const wrapperClasses = vue.computed(
       () => props.label ? props.labelPosition === "right" ? "flex items-center gap-2" : "inline-flex flex-col items-center gap-2" : "inline-block"
     );
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(wrapperClasses.value),
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: wrapperClasses.value,
         role: "status",
         "aria-label": __props.label || "Laddar"
-      }, [
+      }, rootAttrs.value), [
         vue.createElementVNode("div", {
           class: "relative",
           style: vue.normalizeStyle(boxStyle.value)
@@ -1260,12 +1318,12 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: vue.normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
         }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$j);
+      ], 16, _hoisted_1$i);
     };
   }
 });
-const _hoisted_1$i = ["aria-disabled"];
-const _hoisted_2$e = { class: "pt-0.5" };
+const _hoisted_1$h = ["aria-disabled"];
+const _hoisted_2$d = { class: "pt-0.5" };
 const elBase$2 = "box-border appearance-none inline-flex items-start justify-center w-fit shadow-none p-0.5 text-base select-none m-0 rounded-md text-left align-start no-underline transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -1287,7 +1345,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     href: {},
     target: {},
     rel: {},
-    type: { default: "button" }
+    type: { default: "button" },
+    dataTestid: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1336,6 +1395,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           disabled: __props.as === "button" ? vue.unref(disabled) : void 0,
           target: __props.as === "a" ? vue.unref(target) : void 0,
           rel: __props.as === "a" ? vue.unref(rel) : void 0,
+          "data-testid": __props.dataTestid,
           class: buttonClasses.value,
           onClick
         }), {
@@ -1356,15 +1416,15 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 size: 24
               }, null, 8, ["class", "name"])
             ], 2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_2$e, vue.toDisplayString(__props.text), 1)
+            vue.createElementVNode("span", _hoisted_2$d, vue.toDisplayString(__props.text), 1)
           ]),
           _: 1
-        }, 16, ["type", "disabled", "target", "rel", "class"]))
-      ], 10, _hoisted_1$i);
+        }, 16, ["type", "disabled", "target", "rel", "data-testid", "class"]))
+      ], 10, _hoisted_1$h);
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$g = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
@@ -1376,7 +1436,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     label: { default: "Kopiera" },
     copiedLabel: { default: "Kopierat!" },
     timeoutMs: { default: 800 },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -1429,7 +1490,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
         vue.createVNode(_sfc_main$w, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedLabel), 1)
       ])) : (vue.openBlock(), vue.createBlock(_sfc_main$n, {
@@ -1438,8 +1499,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         disabled: props.disabled,
         icon: "copy",
         text: isCopied.value ? props.copiedLabel : props.label,
+        dataTestid: __props.dataTestid,
         onClick
-      }, null, 8, ["disabled", "text"]));
+      }, null, 8, ["disabled", "text", "dataTestid"]));
     };
   }
 });
@@ -4066,7 +4128,7 @@ function useDownload() {
     isDownloading
   };
 }
-const _hoisted_1$g = ["disabled", "aria-disabled"];
+const _hoisted_1$f = ["disabled", "aria-disabled"];
 const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonDownload",
   props: {
@@ -4075,7 +4137,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     href: { default: void 0 },
     downloadOptions: { default: void 0 },
     text: { default: "" },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    dataTestid: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4146,8 +4209,17 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
         emit("click", ev);
       }
     };
+    const buttonAttrs = vue.computed(() => {
+      const result = {
+        ...attrs
+      };
+      if (props.dataTestid) {
+        result["data-testid"] = props.dataTestid;
+      }
+      return result;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("button", vue.mergeProps(vue.unref(attrs), {
+      return vue.openBlock(), vue.createElementBlock("button", vue.mergeProps(buttonAttrs.value, {
         class: buttonClasses.value,
         disabled: vue.unref(disabled) || __props.loading || vue.unref(isDownloading),
         type: "button",
@@ -4165,12 +4237,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["class"])
         ], 2),
         vue.createTextVNode(" " + vue.toDisplayString(__props.text), 1)
-      ], 16, _hoisted_1$g);
+      ], 16, _hoisted_1$f);
     };
   }
 });
-const _hoisted_1$f = ["aria-disabled"];
-const _hoisted_2$d = { key: 2 };
+const _hoisted_1$e = ["aria-disabled"];
+const _hoisted_2$c = { key: 2 };
 const elBase$1 = "box-border appearance-none inline-flex items-center justify-center select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses$1 = "bg-red-600 border border-red-700 text-white hover:bg-red-700 active:bg-red-800 active:border-red-800";
 const iconFillClass$1 = "fill-white";
@@ -4194,7 +4266,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     target: {},
     rel: {},
     type: { default: "button" },
-    invert: { type: Boolean }
+    invert: { type: Boolean },
+    dataTestid: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4243,6 +4316,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.as), vue.mergeProps(componentAttrs.value, {
           type: __props.as === "button" ? props.type : void 0,
           disabled: __props.as === "button" ? vue.unref(disabled) : void 0,
+          "data-testid": __props.dataTestid,
           class: buttonClasses.value,
           onClick
         }), {
@@ -4262,16 +4336,16 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 16, ["type", "disabled", "class"]))
-      ], 10, _hoisted_1$f);
+        }, 16, ["type", "disabled", "data-testid", "class"]))
+      ], 10, _hoisted_1$e);
     };
   }
 });
-const _hoisted_1$e = ["aria-disabled"];
-const _hoisted_2$c = { key: 2 };
+const _hoisted_1$d = ["aria-disabled"];
+const _hoisted_2$b = { key: 2 };
 const elBase = "box-border appearance-none inline-flex items-center justify-center select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses = "bg-white border-2 border-blue-500 text-blue-600 hover:border-blue-600 active:bg-blue-600 active:border-blue-600 active:text-white";
 const iconFillClass = "fill-blue-500";
@@ -4295,7 +4369,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     target: {},
     rel: {},
     type: { default: "button" },
-    invert: { type: Boolean }
+    invert: { type: Boolean },
+    dataTestid: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4344,6 +4419,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.as), vue.mergeProps(componentAttrs.value, {
           type: __props.as === "button" ? props.type : void 0,
           disabled: __props.as === "button" ? vue.unref(disabled) : void 0,
+          "data-testid": __props.dataTestid,
           class: buttonClasses.value,
           onClick
         }), {
@@ -4363,16 +4439,16 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
+            __props.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$b, vue.toDisplayString(__props.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 16, ["type", "disabled", "class"]))
-      ], 10, _hoisted_1$e);
+        }, 16, ["type", "disabled", "data-testid", "class"]))
+      ], 10, _hoisted_1$d);
     };
   }
 });
-const _hoisted_1$d = { class: "flex justify-between mb-4" };
-const _hoisted_2$b = { class: "mb-0-last-child" };
+const _hoisted_1$c = { class: "flex justify-between mb-4" };
+const _hoisted_2$a = { class: "mb-0-last-child" };
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
   props: {
@@ -4386,6 +4462,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     lockScroll: { type: Boolean, default: false },
     info: { default: void 0 },
     locale: { default: "sv" },
+    dataTestid: { default: void 0 },
     onClose: {}
   },
   emits: ["close", "update:open"],
@@ -4537,6 +4614,13 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         cleanupFocusTrap();
       }
     });
+    const modalAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
         isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -4545,14 +4629,15 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(modalOuterClasses.value)
         }, [
           _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "fixed top-0 left-0 w-full h-full bg-black/34 z-99" }, null, -1)),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(["fds-modal-inner", modalInnerClasses.value]),
+          vue.createElementVNode("div", vue.mergeProps({
+            class: ["fds-modal-inner", modalInnerClasses.value],
             role: "alertdialog",
-            "aria-modal": "true",
+            "aria-modal": "true"
+          }, modalAttrs.value, {
             onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
             }, ["stop"]))
-          }, [
-            vue.createElementVNode("div", _hoisted_1$d, [
+          }), [
+            vue.createElementVNode("div", _hoisted_1$c, [
               vue.createElementVNode("h3", {
                 tabindex: "-1",
                 class: vue.normalizeClass(headerTitleClasses.value)
@@ -4572,7 +4657,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                 onClick: _cache[0] || (_cache[0] = ($event) => handleClose("icon"))
               }, { "aria-label": closeLabel.value }, { class: "ml-4" }), null, 16)) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_2$b, [
+            vue.createElementVNode("div", _hoisted_2$a, [
               vue.renderSlot(_ctx.$slots, "default")
             ]),
             vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -4581,7 +4666,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.renderSlot(_ctx.$slots, "modal-footer")
             ], 2)) : vue.createCommentVNode("", true)
-          ], 2)
+          ], 16)
         ], 2)) : vue.createCommentVNode("", true)
       ]);
     };
@@ -7758,9 +7843,9 @@ try {
   globalThis.IMask = IMask;
 } catch {
 }
-const _hoisted_1$c = ["for"];
-const _hoisted_2$a = { class: "relative" };
-const _hoisted_3$7 = ["type", "required", "value", "disabled", "tabindex", "aria-invalid"];
+const _hoisted_1$b = ["for"];
+const _hoisted_2$9 = { class: "relative" };
+const _hoisted_3$7 = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label"];
 const _hoisted_4$6 = {
   key: 0,
   class: "text-red-600 font-bold mt-1"
@@ -7792,6 +7877,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
+    ariaLabel: { default: void 0 },
     onClearInput: {},
     maskOptions: { default: void 0 },
     modelModifiers: { default: () => ({}) },
@@ -7800,6 +7886,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     tabindex: {},
     id: {},
     name: {},
+    dataTestid: { default: void 0 },
     onInput: {},
     onChange: {},
     onFocus: {},
@@ -7840,7 +7927,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       return {
         ...filtered,
         id: inputId.value,
-        class: props.class ?? attrs.class
+        class: props.class ?? attrs.class,
+        "data-testid": props.dataTestid ?? void 0
       };
     });
     const clearButtonLabel = vue.computed(() => props.locale === "sv" ? "Rensa input" : "Clear input");
@@ -7973,7 +8061,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               for: inputId.value,
               class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": props.meta, "mb-1": !props.meta }]
-            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$c)) : vue.createCommentVNode("", true),
+            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$b)) : vue.createCommentVNode("", true),
             props.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !props.labelLeft }])
@@ -7982,7 +8070,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass({ "flex-1": props.labelLeft })
           }, [
-            vue.createElementVNode("div", _hoisted_2$a, [
+            vue.createElementVNode("div", _hoisted_2$9, [
               vue.createElementVNode("input", vue.mergeProps({
                 ref_key: "inputRef",
                 ref: inputRef,
@@ -7993,7 +8081,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 tabindex: props.disabled ? -1 : void 0,
                 "aria-invalid": props.valid === false ? "true" : void 0,
                 class: inputClasses.value,
-                style: inputStyle.value
+                style: inputStyle.value,
+                "aria-label": props.ariaLabel
               }, inputAttrs.value, {
                 onInput: handleInputChange,
                 onChange: handleInputChange,
@@ -8034,8 +8123,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["id"];
-const _hoisted_2$9 = { class: "flex items-center justify-start gap-1 w-[100px]" };
+const _hoisted_1$a = ["id"];
+const _hoisted_2$8 = { class: "flex items-center justify-start gap-1 w-[100px]" };
 const _hoisted_3$6 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
 const _hoisted_4$5 = { class: "whitespace-nowrap" };
 const _hoisted_5$5 = { class: "flex items-center justify-end gap-1 order-2 sm:order-0 w-[100px]" };
@@ -8045,6 +8134,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     current: {},
     max: {},
     loading: { type: Boolean, default: false },
+    locale: { default: "sv" },
+    dataTestid: { default: void 0 },
     onPaginate: {}
   },
   emits: ["paginate"],
@@ -8056,7 +8147,19 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     const internalValue = vue.ref(props.current);
     const autoId = `fds-pagination-${Math.random().toString(36).slice(2, 9)}`;
     const inputId = vue.computed(() => id.value ?? autoId);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     const inputValue = vue.computed(() => String(internalValue.value));
+    const nextPageLabel = vue.computed(() => props.locale === "sv" ? "Gå till nästa sida" : "Go to next page");
+    const prevPageLabel = vue.computed(() => props.locale === "sv" ? "Gå till föregående sida" : "Go to previous page");
+    const firstPageLabel = vue.computed(() => props.locale === "sv" ? "Gå till första sidan" : "Go to first page");
+    const lastPageLabel = vue.computed(() => props.locale === "sv" ? "Gå till sista sidan" : "Go to last page");
+    const inputAriaLabel = vue.computed(() => props.locale === "sv" ? "Aktuell sida" : "Current page");
     vue.watch(
       () => props.current,
       (newValue) => {
@@ -8118,33 +8221,35 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       emit("paginate", { target: { id: inputId.value }, detail: page });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: "my-6 flex items-between justify-between gap-2",
         id: inputId.value
-      }, [
-        vue.createElementVNode("div", _hoisted_2$9, [
+      }, rootAttrs.value), [
+        vue.createElementVNode("div", _hoisted_2$8, [
           __props.loading && loadingIndicator.value === "start" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
             key: 0,
             size: "32px",
             color: "blue"
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({ key: 1 }, { "aria-disabled": __props.current === 1 }, {
+            "aria-label": firstPageLabel.value,
             icon: "first",
             size: 28,
             disabled: __props.current === 1,
             class: [{ "hidden!": __props.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"],
             onClick: _cache[0] || (_cache[0] = ($event) => handlePagination("start"))
-          }), null, 16, ["disabled", "class"])),
+          }), null, 16, ["aria-label", "disabled", "class"])),
           __props.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
             key: 2,
             size: "24px",
             color: "blue"
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({ key: 3 }, { "aria-disabled": __props.current === 1 }, {
+            "aria-label": prevPageLabel.value,
             icon: "arrowLeft",
             size: 28,
             disabled: __props.current === 1,
             class: [{ "hidden!": __props.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"],
             onClick: _cache[1] || (_cache[1] = ($event) => handlePagination("prev"))
-          }), null, 16, ["disabled", "class"]))
+          }), null, 16, ["aria-label", "disabled", "class"]))
         ]),
         vue.createElementVNode("div", _hoisted_3$6, [
           __props.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
@@ -8160,9 +8265,10 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               type: "text",
               size: __props.max.toString().length,
               maxlength: __props.max.toString().length,
+              ariaLabel: inputAriaLabel.value,
               onInput: vue.unref(handlePageChange),
               class: "mb-0!"
-            }, null, 8, ["value", "size", "maxlength", "onInput"]),
+            }, null, 8, ["value", "size", "maxlength", "ariaLabel", "onInput"]),
             vue.createElementVNode("div", _hoisted_4$5, "/ " + vue.toDisplayString(__props.max), 1)
           ], 64))
         ]),
@@ -8173,28 +8279,30 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             color: "blue"
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
             key: 1,
+            "aria-label": nextPageLabel.value,
             icon: "arrowRight",
             size: 28,
             disabled: __props.current === __props.max
           }, { "aria-disabled": __props.current === __props.max }, {
             class: [{ "hidden!": __props.current === __props.max }, "w-8 h-8 sm:w-12 sm:h-12"],
             onClick: _cache[2] || (_cache[2] = ($event) => handlePagination("next"))
-          }), null, 16, ["disabled", "class"])),
+          }), null, 16, ["aria-label", "disabled", "class"])),
           __props.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
             key: 2,
             size: "24px",
             color: "blue"
           })) : (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
             key: 3,
+            "aria-label": lastPageLabel.value,
             icon: "last",
             size: 28,
             disabled: __props.current === __props.max
           }, { "aria-disabled": __props.current === __props.max }, {
             class: [{ "hidden!": __props.current === __props.max }, "w-8 h-8 sm:w-12 sm:h-12"],
             onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
-          }), null, 16, ["disabled", "class"]))
+          }), null, 16, ["aria-label", "disabled", "class"]))
         ])
-      ], 8, _hoisted_1$b);
+      ], 16, _hoisted_1$a);
     };
   }
 });
@@ -8237,15 +8345,15 @@ function useIsPid(value) {
     isPid
   };
 }
-const _hoisted_1$a = { class: "relative block" };
-const _hoisted_2$8 = {
+const _hoisted_1$9 = { class: "relative block" };
+const _hoisted_2$7 = {
   key: 0,
   class: "relative"
 };
 const _hoisted_3$5 = { class: "relative" };
 const _hoisted_4$4 = { key: 1 };
 const _hoisted_5$4 = { class: "font-bold mb-2 tracking-wide" };
-const _hoisted_6$3 = {
+const _hoisted_6$2 = {
   key: 0,
   class: "flex justify-center p-4"
 };
@@ -8291,12 +8399,15 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     maxListHeight: { default: void 0 },
     locale: { default: "sv" },
     clearTrigger: { type: Boolean, default: false },
+    dataTestid: { default: void 0 },
     onChange: {},
+    onClearInput: {},
     onSearchSelected: {},
     onPaginate: {},
-    onTotal: {}
+    onTotal: {},
+    onInput: {}
   },
-  emits: ["searchSelected", "paginate", "total", "change"],
+  emits: ["searchSelected", "paginate", "total", "change", "input", "clearInput"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const searchFields = vue.computed(() => props.searchFields ?? []);
@@ -8389,7 +8500,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       selectedItem.value = null;
       valid.value = null;
       emit("searchSelected", null);
-      dropdownVisible.value = false;
+      emit("clearInput", new Event("clearInput"));
       filterAndPaginate();
     };
     vue.watch(
@@ -8424,6 +8535,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       const formattedValue = formatPidWithDash(value);
       emit("change", formattedValue);
     }, 500);
+    const debouncedEmitInput = debounce((ev) => {
+      emit("input", ev);
+    }, 500);
     vue.watch(
       () => searchTerm.value,
       (newValue) => {
@@ -8470,6 +8584,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       focusedIndex.value = -1;
       valid.value = null;
       filterAndPaginate();
+      debouncedEmitInput(e);
     };
     const { isPid } = useIsPid(searchTerm);
     const { boldQuery } = useBoldQuery(searchTerm);
@@ -8639,14 +8754,21 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         input.removeEventListener("focus", handleInputFocus);
       }
     });
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "componentRef",
         ref: componentRef,
         class: "fds-search-select block mb-6"
-      }, [
-        vue.createElementVNode("div", _hoisted_1$a, [
-          !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
+      }, rootAttrs.value), [
+        vue.createElementVNode("div", _hoisted_1$9, [
+          !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
             vue.createElementVNode("div", _hoisted_3$5, [
               vue.createVNode(_sfc_main$h, {
                 label: __props.label,
@@ -8685,7 +8807,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             "aria-expanded": "false",
             "aria-controls": "select-dropdown"
           }, [
-            __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+            __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
               vue.createVNode(_sfc_main$o, {
                 color: "blue",
                 size: "48px"
@@ -8742,7 +8864,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 6)) : vue.createCommentVNode("", true)
         ])
-      ], 512);
+      ], 16);
     };
   }
 });
@@ -9149,8 +9271,8 @@ const useTreeState = (options = {}) => {
     isEmptySearchResult
   };
 };
-const _hoisted_1$9 = ["for"];
-const _hoisted_2$7 = ["value", "disabled", "required"];
+const _hoisted_1$8 = ["for"];
+const _hoisted_2$6 = ["value", "disabled", "required"];
 const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -9170,6 +9292,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     autofocus: { type: Boolean },
     id: {},
     name: {},
+    dataTestid: { default: void 0 },
     onInput: {},
     onChange: {},
     onFocus: {},
@@ -9212,7 +9335,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       return {
         ...filtered,
         id: inputId.value,
-        class: props.class ?? attrs.class
+        class: props.class ?? attrs.class,
+        "data-testid": props.dataTestid ?? void 0
       };
     });
     const hasLabelSlot = useHasSlot();
@@ -9306,7 +9430,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             required: props.required,
             type: "checkbox",
             class: [checkboxClasses.value]
-          }, inputAttrs.value), null, 16, _hoisted_2$7), [
+          }, inputAttrs.value), null, 16, _hoisted_2$6), [
             [vue.vModelCheckbox, internalChecked.value]
           ]),
           vue.unref(hasLabelSlot) || props.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -9317,13 +9441,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$9)
+        ], 16, _hoisted_1$8)
       ], 2);
     };
   }
 });
-const _hoisted_1$8 = ["for"];
-const _hoisted_2$6 = ["value", "checked", "disabled", "required"];
+const _hoisted_1$7 = ["for"];
+const _hoisted_2$5 = ["value", "checked", "disabled", "required"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -9338,6 +9462,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     value: { type: [String, Number, Boolean, null], default: void 0 },
     name: { default: void 0 },
     id: { default: void 0 },
+    dataTestid: { default: void 0 },
     class: { default: void 0 },
     style: {},
     tabindex: {},
@@ -9382,7 +9507,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         ...filtered,
         id: inputId.value,
         name: props.name ?? attrs.name,
-        class: props.class ?? attrs.class
+        class: props.class ?? attrs.class,
+        "data-testid": props.dataTestid ?? void 0
       };
     });
     const hasLabelSlot = useHasSlot();
@@ -9441,7 +9567,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
             required: props.required,
             type: "radio",
             class: [inputClasses.value, "m-[2px]"]
-          }), null, 16, _hoisted_2$6),
+          }), null, 16, _hoisted_2$5),
           vue.unref(hasLabelSlot) || props.label ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": props.disabled }])
@@ -9450,17 +9576,17 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$8)
+        ], 16, _hoisted_1$7)
       ], 2);
     };
   }
 });
-const _hoisted_1$7 = { class: "flex items-start" };
-const _hoisted_2$5 = { class: "flex-1 flex" };
+const _hoisted_1$6 = { class: "flex items-start" };
+const _hoisted_2$4 = { class: "flex-1 flex" };
 const _hoisted_3$4 = ["innerHTML"];
 const _hoisted_4$3 = { key: 1 };
 const _hoisted_5$3 = { key: 0 };
-const _hoisted_6$2 = {
+const _hoisted_6$1 = {
   key: 2,
   class: "items-center max-h-[28px]"
 };
@@ -9505,7 +9631,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     searchCountTemplateUnfiltered: {},
     titleTemplate: {},
     onGetSearchContainerHeight: {},
-    selectedNodes: {}
+    selectedNodes: {},
+    dataTestid: {}
   },
   setup(__props) {
     const props = __props;
@@ -9670,7 +9797,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(indent.value),
           class: vue.normalizeClass("pt-2 pb-2")
         }, [
-          vue.createElementVNode("div", _hoisted_1$7, [
+          vue.createElementVNode("div", _hoisted_1$6, [
             hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.toggleExpandNode(props.nodeId))
@@ -9683,7 +9810,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               key: 1,
               style: vue.normalizeStyle({ minWidth: `${__props.indentation}px` })
             }, null, 4)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2$5, [
+            vue.createElementVNode("div", _hoisted_2$4, [
               vue.createVNode(_sfc_main$e, {
                 id: `checkbox-${props.nodeId}`,
                 checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
@@ -9702,7 +9829,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                 _: 1
               }, 8, ["id", "checked", "indeterminate"])
             ]),
-            vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+            vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
               vue.createVNode(_sfc_main$v, vue.mergeProps({
                 ref_key: "triggerRef",
                 ref: triggerRef,
@@ -9828,7 +9955,8 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsText",
   props: {
-    type: { default: "default" }
+    type: { default: "default" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -9842,17 +9970,22 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       }
       return baseClasses;
     });
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(textClasses.value)
-      }, [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: textClasses.value }, rootAttrs.value), [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 16);
     };
   }
 });
-const _hoisted_1$6 = { key: 0 };
-const _hoisted_2$4 = {
+const _hoisted_1$5 = { key: 0 };
+const _hoisted_2$3 = {
   key: 0,
   class: "text-xl"
 };
@@ -9889,6 +10022,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     titleTemplate: { default: "[[title]]" },
     onGetSearchContainerHeight: {},
     selectedNodes: {},
+    dataTestid: { default: void 0 },
     data: {}
   },
   emits: ["update:selectedNodes", "getSearchContainerHeight"],
@@ -9931,8 +10065,15 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       { deep: true }
     );
     const totalNodeCount = vue.computed(() => 1 + (treeState?.totalNodeCount.value ?? 0));
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, [
+      return vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.guardReactiveProps(rootAttrs.value)), [
         props.searchEnabled ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           ref_key: "searchContainerRef",
@@ -9952,8 +10093,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             ])]),
             _: 1
           }, 8, ["value", "label"]),
-          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$4, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$3, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
+          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$3, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$3, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
           ])) : vue.createCommentVNode("", true)
         ], 512)) : vue.createCommentVNode("", true),
         vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
@@ -10003,18 +10144,18 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             popoverLabels: props.popoverLabels
           }, null, 8, ["nodes", "title", "nodeId", "data", "indentation", "showNodeDescription", "showChildrenCount", "expandChildrenOnSelect", "showIndeterminate", "expandChildrenOnParentCheck", "expandAllChildrenOnParentCheck", "showIndeterminateOnlyOnChildrenSelection", "searchEnabled", "searchLabel", "searchExpandNodes", "searchMatchParams", "horizontalScroll", "nodeExpandIcon", "nodeCollapseIcon", "searchHighlighting", "titleTemplate", "popoverLabels"])) : vue.createCommentVNode("", true)
         ], 2)
-      ]);
+      ], 16);
     };
   }
 });
-const _hoisted_1$5 = { class: "block mb-4" };
 const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTruncatedText",
   props: {
     open: { type: Boolean, default: false },
     content: {},
     btnExpand: { default: "Visa mer" },
-    btnCollapse: { default: "Visa mindre" }
+    btnCollapse: { default: "Visa mindre" },
+    dataTestid: { default: void 0 }
   },
   emits: ["toggleHandler"],
   setup(__props, { emit: __emit }) {
@@ -10059,8 +10200,15 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         }
       }
     });
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "block mb-4" }, rootAttrs.value), [
         vue.unref(hasSlotContent) ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           ref_key: "slotContentRef",
@@ -10083,12 +10231,12 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
           text: isOpen.value ? __props.btnCollapse : __props.btnExpand,
           onClick: toggleComponent
         }, null, 8, ["icon", "text"])) : vue.createCommentVNode("", true)
-      ]);
+      ], 16);
     };
   }
 });
 const _hoisted_1$4 = ["for"];
-const _hoisted_2$3 = {
+const _hoisted_2$2 = {
   key: 1,
   class: "font-thin mb-1"
 };
@@ -10099,7 +10247,7 @@ const _hoisted_4$2 = {
   disabled: ""
 };
 const _hoisted_5$2 = ["value", "disabled"];
-const _hoisted_6$1 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
+const _hoisted_6 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
 const _hoisted_7 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
@@ -10117,6 +10265,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     invalidMessage: { default: void 0 },
     options: { default: void 0 },
     modelValue: {},
+    dataTestid: { default: void 0 },
     value: { default: void 0 }
   }, {
     "modelValue": { default: void 0, required: false },
@@ -10151,7 +10300,8 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         ...filtered,
         id: selectId.value,
         disabled: disabled.value,
-        "aria-invalid": props.valid === false ? "true" : void 0
+        "aria-invalid": props.valid === false ? "true" : void 0,
+        "data-testid": props.dataTestid ?? void 0
       };
     });
     const slots = vue.useSlots();
@@ -10190,7 +10340,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           for: selectId.value,
           class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }]
         }, labelAttrs.value), vue.toDisplayString(__props.label), 17, _hoisted_1$4)) : vue.createCommentVNode("", true),
-        __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
+        __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_3$2, [
           vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
@@ -10210,7 +10360,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
           ], 16), [
             [vue.vModelSelect, internalValue.value]
           ]),
-          vue.createElementVNode("div", _hoisted_6$1, [
+          vue.createElementVNode("div", _hoisted_6, [
             vue.createVNode(_sfc_main$w, {
               name: "arrowDown",
               size: 24,
@@ -10228,7 +10378,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$3 = ["for"];
-const _hoisted_2$2 = {
+const _hoisted_2$1 = {
   key: 1,
   class: "font-thin mb-1"
 };
@@ -10251,6 +10401,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     invalidMessage: {},
     modelValue: {},
     modelModifiers: { default: () => ({}) },
+    dataTestid: { default: void 0 },
     value: { default: void 0 }
   }, {
     "modelValue": { default: void 0, required: false },
@@ -10286,7 +10437,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         ...filtered,
         id: textareaId.value,
         rows: rows.value ?? 4,
-        "aria-invalid": props.valid === false ? true : void 0
+        "aria-invalid": props.valid === false ? true : void 0,
+        "data-testid": props.dataTestid ?? void 0
       };
     });
     const isLazy = vue.computed(() => props.modelModifiers?.lazy === true);
@@ -10331,7 +10483,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           for: textareaId.value,
           class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }]
         }, labelAttrs.value), vue.toDisplayString(__props.label), 17, _hoisted_1$3)) : vue.createCommentVNode("", true),
-        __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
+        __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_3$1, [
           vue.createElementVNode("textarea", vue.mergeProps({
             value: internalValue.value,
@@ -10364,7 +10516,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTable",
   props: {
     bordered: { type: Boolean, default: false },
-    compact: { type: Boolean, default: false }
+    compact: { type: Boolean, default: false },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -10373,27 +10526,32 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       props.bordered && "fds-table-wrapper--bordered",
       props.compact && "fds-table-wrapper--compact"
     ]);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(wrapperClasses.value)
-      }, [
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: wrapperClasses.value }, rootAttrs.value), [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 16);
     };
   }
 });
-const _hoisted_1$2 = { class: "fds-table-head" };
-const _hoisted_2$1 = ["onKeydown"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { key: 1 };
+const _hoisted_1$2 = ["onKeydown"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 1 };
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTableHead",
   props: {
     heading: { default: void 0 },
     align: { default: "left" },
-    icon: { default: void 0 }
+    icon: { default: void 0 },
+    dataTestid: { default: void 0 }
   },
   emits: ["sort"],
   setup(__props, { emit: __emit }) {
@@ -10410,8 +10568,15 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const handleSort = (ev) => {
       emit("sort", ev);
     };
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("th", _hoisted_1$2, [
+      return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({ class: "fds-table-head" }, rootAttrs.value), [
         iconName.value ? (vue.openBlock(), vue.createElementBlock("button", {
           key: 0,
           class: vue.normalizeClass(headerClasses.value),
@@ -10421,23 +10586,23 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
             vue.withKeys(vue.withModifiers(handleSort, ["prevent"]), ["space"])
           ]
         }, [
-          vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
+          vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.heading), 1)),
+          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.heading), 1)),
           vue.createVNode(_sfc_main$w, {
             name: iconName.value,
             size: "24px",
             class: "fill-blue-500"
           }, null, 8, ["name"])
-        ], 42, _hoisted_2$1)) : (vue.openBlock(), vue.createElementBlock("div", {
+        ], 42, _hoisted_1$2)) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: vue.normalizeClass(headerClasses.value)
         }, [
-          vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
+          vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, vue.toDisplayString(__props.heading), 1))
+          ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(__props.heading), 1))
         ], 2))
-      ]);
+      ], 16);
     };
   }
 });
@@ -10445,7 +10610,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTabs",
   props: {
     block: { type: Boolean, default: false },
-    variant: { default: "primary" }
+    variant: { default: "primary" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -10457,14 +10623,19 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         "gap-2 mb-4": props.variant === "secondary"
       }
     ]);
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     vue.provide("tabsVariant", props.variant);
     vue.provide("tabsBlock", props.block);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(tabsClasses.value)
-      }, [
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: tabsClasses.value }, rootAttrs.value), [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -10480,7 +10651,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     active: { type: Boolean, default: void 0 },
     exact: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    label: { default: void 0 }
+    label: { default: void 0 },
+    dataTestid: { default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -10556,7 +10728,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       } else {
         return [
           "text-blue-700 py-1 px-2 rounded-md border-none",
-          isActive.value ? "bg-blue-500 text-white" : "hover:bg-blue_t-100 active:bg-blue_t-200",
+          isActive.value ? "bg-blue-600 text-white" : "hover:bg-blue_t-100 active:bg-blue_t-200",
           "focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-blue-500",
           "tracking-[0.002em]"
         ];
@@ -10570,6 +10742,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         disabled: componentType.value === "button" ? props.disabled : void 0,
         "aria-disabled": props.disabled ? "true" : void 0,
         "aria-current": isActive.value ? "page" : void 0,
+        "data-testid": __props.dataTestid,
         onClick: handleClick
       }), {
         default: vue.withCtx(() => [
@@ -10577,7 +10750,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["class", "disabled", "aria-disabled", "aria-current"]);
+      }, 16, ["class", "disabled", "aria-disabled", "aria-current", "data-testid"]);
     };
   }
 });
@@ -10586,7 +10759,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   props: {
     type: {},
     size: { default: "responsive" },
-    text: {}
+    text: {},
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -10619,20 +10793,24 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       };
       return responsiveMap[element];
     }
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.type), {
-        class: vue.normalizeClass(headingClasses.value)
-      }, {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.type), vue.mergeProps({ class: headingClasses.value }, rootAttrs.value), {
         default: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(__props.text), 1)
         ]),
         _: 1
-      }, 8, ["class"]);
+      }, 16, ["class"]);
     };
   }
 });
-const _hoisted_1$1 = { class: "inline-block mb-3 h-7 font-bold text-xl" };
-const _hoisted_2 = {
+const _hoisted_1$1 = {
   key: 1,
   class: "heading font-heading text-xl m-0"
 };
@@ -10644,7 +10822,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     total: {},
     unfiltered: {},
     text: {},
-    language: { default: "sv" }
+    language: { default: "sv" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
@@ -10672,16 +10851,23 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       }
       return props.language === "sv" ? "Laddar..." : "Loading...";
     };
+    const rootAttrs = vue.computed(() => {
+      const attrs = {};
+      if (props.dataTestid) {
+        attrs["data-testid"] = props.dataTestid;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "inline-block mb-3 h-7 font-bold text-xl" }, rootAttrs.value), [
         __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
           key: 0,
           size: "24px",
           color: "blue",
           label: handleLoadingText(),
           "label-position": "right"
-        }, null, 8, ["label"])) : (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2, vue.toDisplayString(headingText.value), 1))
-      ]);
+        }, null, 8, ["label"])) : (vue.openBlock(), vue.createElementBlock("h3", _hoisted_1$1, vue.toDisplayString(headingText.value), 1))
+      ], 16);
     };
   }
 });