fds-vue-core 2.1.10 → 2.1.15

package/components.d.ts

@@ -4,6 +4,7 @@
 export * from './src/index'
 export { default } from './src/index'
 
+import type { DefineComponent } from 'vue'
 import type { FdsAlertBlockProps } from './src/components/Blocks/FdsBlockAlert/types'
 import type { FdsContentBlockProps } from './src/components/Blocks/FdsBlockContent/types'
 import type { FdsExpanderBlockProps } from './src/components/Blocks/FdsBlockExpander/types'
@@ -11,6 +12,7 @@ import type { FdsBlockInfoProps } from './src/components/Blocks/FdsBlockInfo/typ
 import type { FdsInteractionBlockProps } from './src/components/Blocks/FdsBlockLink/types'
 import type { FdsButtonBaseProps } from './src/components/Buttons/ButtonBaseProps'
 import type { FdsCopyButtonProps } from './src/components/Buttons/FdsButtonCopy/types'
+import type { FdsButtonDownloadProps } from './src/components/Buttons/FdsButtonDownload/types'
 import type { FdsIconButtonProps } from './src/components/Buttons/FdsButtonIcon/types'
 import type { FdsIconProps } from './src/components/FdsIcon/types'
 import type { FdsModalProps } from './src/components/FdsModal/types'
@@ -18,7 +20,7 @@ import type { FdsPaginationProps } from './src/components/FdsPagination/types'
 import type { FdsSearchSelectProps } from './src/components/FdsSearchSelect/types'
 import type { FdsSpinnerProps } from './src/components/FdsSpinner/types'
 import type { FdsStickerProps } from './src/components/FdsSticker/types'
-import type { FdsTreeViewProps } from './src/components/FdsTreeView/types'
+import type { WrapperProps } from './src/components/FdsTreeView/types'
 import type { FdsTruncatedTextProps } from './src/components/FdsTruncatedText/types'
 import type { FdsCheckboxProps } from './src/components/Form/FdsCheckbox/types'
 import type { FdsInputProps } from './src/components/Form/FdsInput/types'
@@ -36,13 +38,13 @@ import type { FdsTextProps } from './src/components/Typography/FdsText/types'
 // Global component declarations visible in consuming projects
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    FdsTreeView: DefineComponent<FdsTreeViewProps>
+    FdsTreeView: DefineComponent<WrapperProps>
     FdsButtonPrimary: DefineComponent<FdsButtonBaseProps>
     FdsButtonSecondary: DefineComponent<FdsButtonBaseProps>
     FdsButtonMinor: DefineComponent<FdsButtonBaseProps>
     FdsButtonIcon: DefineComponent<FdsIconButtonProps>
     FdsButtonCopy: DefineComponent<FdsCopyButtonProps>
-    FdsButtonDownload: DefineComponent<FdsButtonBaseProps>
+    FdsButtonDownload: DefineComponent<FdsButtonDownloadProps>
     FdsIcon: DefineComponent<FdsIconProps>
     FdsSpinner: DefineComponent<FdsSpinnerProps>
     FdsRadio: DefineComponent<FdsRadioProps>

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

@@ -564,7 +564,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     type: { default: "button" },
     ariaLabel: { default: void 0 },
     id: {},
-    ariaDisabled: { type: Boolean }
+    ariaDisabled: { type: Boolean },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -575,13 +576,13 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       "inline-flex items-center justify-center rounded-md p-[2px] max-w-[48px] max-h-[48px] transition-colors duration-200 fill-blue-500 hover:bg-blue_t-100 active:bg-blue_t-200 focus-visible:outline-dashed focus-visible:outline-2 outline-blue-500",
       props.disabled ? "opacity-20 cursor-not-allowed" : "cursor-pointer"
     ]);
-    function onClick(ev) {
+    const onClick = (ev) => {
       if (props.disabled || props.loading) {
         ev.preventDefault();
         return;
       }
       emit("click", ev);
-    }
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         id: __props.id,
@@ -715,7 +716,7 @@ const _hoisted_2$j = {
 };
 const _hoisted_3$a = { class: "flex items-center gap-3" };
 const _hoisted_4$9 = { class: "flex items-start gap-3" };
-const _hoisted_5$8 = { class: "mb-0-last-child" };
+const _hoisted_5$9 = { class: "mb-0-last-child" };
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
@@ -762,33 +763,47 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "headerInfo")
           ])
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_5$8, [
+        vue.createElementVNode("div", _hoisted_5$9, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
       ], 14, _hoisted_1$n);
     };
   }
 });
-const _hoisted_1$m = { class: "inline-flex items-center" };
-const _hoisted_2$i = {
+const _hoisted_1$m = { class: "w-full flex justify-between items-start" };
+const _hoisted_2$i = { class: "inline-flex items-center" };
+const _hoisted_3$9 = {
   key: 0,
   class: "flex items-center mr-4"
 };
-const _hoisted_3$9 = { class: "inline-flex items-center" };
-const _hoisted_4$8 = ["aria-hidden"];
+const _hoisted_4$8 = { class: "inline-flex items-center" };
+const _hoisted_5$8 = {
+  key: 0,
+  class: "w-full flex mt-2"
+};
+const _hoisted_6$5 = ["aria-hidden"];
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsBlockExpander",
   props: {
     disabled: { type: Boolean, default: false },
     label: { default: "" },
     open: { type: Boolean, default: false },
-    preIcon: { default: void 0 }
+    preIcon: { default: void 0 },
+    id: { default: void 0 },
+    dataTestid: { default: void 0 }
   },
   emits: ["toggle"],
   setup(__props, { emit: __emit }) {
+    const attrs = vue.useAttrs();
     const props = __props;
+    const hasExtraRowSlot = useHasSlot("extra-row");
     const emit = __emit;
     const isOpen = vue.ref(props.open);
+    const autoId = `fds-block-expander-${Math.random().toString(36).slice(2, 9)}`;
+    const blockExpanderId = vue.computed(() => props.id ?? autoId);
     vue.watch(
       () => props.open,
       (newValue) => {
@@ -800,10 +815,17 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       props.disabled && "shadow-none border-2 border-gray-200 border-dashed"
     ]);
     const headerClasses = vue.computed(() => [
-      "flex w-full items-start text-left justify-between bg-white text-blue-600 rounded-2xl p-[calc(1rem-2px)] border-2 border-white transition-colors border-2 border-white hover:border-blue-500 active:bg-blue_t-100 active:border-white focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0",
+      "flex w-full flex-col text-left  bg-white text-blue-600 rounded-2xl p-[calc(1rem-2px)] border-2 border-white transition-colors border-2 border-white hover:border-blue-500 active:bg-blue_t-100 active:border-white focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0",
       props.disabled ? "cursor-not-allowed hover:border-2 hover:border-transparent  active:bg-white" : "cursor-pointer",
-      isOpen.value ? "rounded-b-none" : "rounded-b-2xl"
+      isOpen.value ? "rounded-b-none" : "rounded-b-2xl",
+      hasExtraRowSlot.value ? "" : ""
     ]);
+    const buttonRowClasses = vue.computed(() => ["flex justify-between items-start w-full", hasExtraRowSlot.value ? "" : ""]);
+    const buttonAttrs = vue.computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid,
+      id: blockExpanderId.value
+    }));
     function handleToggle() {
       if (props.disabled) return;
       isOpen.value = !isOpen.value;
@@ -813,37 +835,46 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(expanderClasses.value)
       }, [
-        vue.createElementVNode("button", {
+        vue.createElementVNode("button", vue.mergeProps(buttonAttrs.value, {
           type: "button",
-          class: vue.normalizeClass(headerClasses.value),
+          class: headerClasses.value,
           onClick: handleToggle
-        }, [
-          vue.createElementVNode("span", _hoisted_1$m, [
-            __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, [
+        }), [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(buttonRowClasses.value)
+          }, [
+            vue.createElementVNode("span", _hoisted_1$m, [
+              vue.createElementVNode("span", _hoisted_2$i, [
+                __props.preIcon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, [
+                  vue.createVNode(_sfc_main$w, {
+                    name: __props.preIcon,
+                    size: 24,
+                    class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": __props.disabled }])
+                  }, null, 8, ["name", "class"])
+                ])) : 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 }])
+                  }, vue.toDisplayString(__props.label), 3)
+                ])
+              ]),
               vue.createVNode(_sfc_main$w, {
-                name: __props.preIcon,
+                name: "arrowDown",
                 size: 24,
-                class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": __props.disabled }])
-              }, null, 8, ["name", "class"])
-            ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_3$9, [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": __props.disabled }])
-              }, vue.toDisplayString(__props.label), 3)
+                class: vue.normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": __props.disabled }])
+              }, null, 8, ["class"])
             ])
-          ]),
-          vue.createVNode(_sfc_main$w, {
-            name: "arrowDown",
-            size: 24,
-            class: vue.normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": __props.disabled }])
-          }, null, 8, ["class"])
-        ], 2),
+          ], 2),
+          vue.unref(hasExtraRowSlot) && !isOpen.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$8, [
+            vue.renderSlot(_ctx.$slots, "extra-row")
+          ])) : vue.createCommentVNode("", true)
+        ], 16),
         vue.withDirectives(vue.createElementVNode("div", {
           "aria-hidden": !isOpen.value,
           class: "mb-0-last-child block px-4 pb-6 rounded-b-2xl bg-white"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_4$8), [
+        ], 8, _hoisted_6$5), [
           [vue.vShow, isOpen.value]
         ])
       ], 2);
@@ -960,6 +991,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockLink",
   props: {
     label: {},
+    id: { default: void 0 },
     arrow: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     download: { default: void 0 },
@@ -968,6 +1000,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     rel: { default: void 0 },
     icon: { default: void 0 },
     interactive: { type: Boolean, default: true },
+    dataTestid: { default: void 0 },
     as: { default: "router-link" }
   },
   emits: ["click"],
@@ -977,6 +1010,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     const hasSlot = useHasSlot();
     const hasStickerSlot = useHasSlot("sticker");
     const emit = __emit;
+    const autoId = `fds-block-link-${Math.random().toString(36).slice(2, 9)}`;
+    const blockLinkId = vue.computed(() => props.id ?? autoId);
     const innerClasses = vue.computed(() => [
       props.disabled ? "cursor-not-allowed shadow-none hover:border-transparent active:bg-transparent" : "cursor-pointer",
       !props.interactive && "cursor-auto"
@@ -1016,7 +1051,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     });
     const componentAttrs = vue.computed(() => ({
       ...linkAttrs.value,
-      ...attrs
+      ...attrs,
+      "data-testid": props.dataTestid
     }));
     const componentType = vue.computed(() => {
       if (props.as) return props.as;
@@ -1024,6 +1060,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(componentType.value), vue.mergeProps(componentAttrs.value, {
+        id: blockLinkId.value,
         class: ["box-border appearance-none text-left w-full flex items-start bg-white p-[calc(1rem-2px)] mb-3 text-blue-600 shadow-lg shadow-blue-200 rounded-2xl no-underline border-2 border-transparent transition-all duration-200 hover:border-blue-600 hover:border-2 active:border-transparent active:shadow-none active:bg-blue_t-100 focus-visible:border-blue-500 focus-visible:border-dashed focus-visible:outline-0", innerClasses.value],
         target: componentType.value === "a" ? __props.target : void 0,
         rel: componentType.value === "a" ? __props.rel : void 0,
@@ -1073,7 +1110,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["class"])) : vue.createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["class", "target", "rel", "download", "disabled", "aria-disabled"]);
+      }, 16, ["id", "class", "target", "rel", "download", "disabled", "aria-disabled"]);
     };
   }
 });
@@ -1177,7 +1214,11 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     href: { default: void 0 },
     target: { default: void 0 },
     rel: { default: void 0 },
-    type: { default: "button" }
+    type: { default: "button" },
+    dataTestid: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    ariaExpanded: { type: Boolean, default: void 0 },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1203,13 +1244,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       props.textSelection && "select-text"
     ]);
     const iconFillClass2 = vue.computed(() => props.invert ? "fill-white" : "fill-blue-500");
-    function onClick(ev) {
+    const onClick = (ev) => {
       if (props.disabled || props.loading) {
         ev.preventDefault();
         return;
       }
       emit("click", ev);
-    }
+    };
     const linkAttrs = vue.computed(() => {
       if (props.as === "a") return { href: props.href };
       if (props.as === "router-link") return { to: props.href };
@@ -1269,7 +1310,8 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     label: { default: "Kopiera" },
     copiedLabel: { default: "Kopierat!" },
     timeoutMs: { default: 800 },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props) {
@@ -1345,22 +1387,19 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "FdsButtonDownload",
   props: {
-    text: {},
     loading: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
-    block: { type: Boolean },
-    state: {},
     iconPos: { default: "left" },
-    size: {},
-    textSelection: { type: Boolean },
     href: { default: void 0 },
-    target: {},
-    rel: {},
-    type: {},
-    downloadOptions: { default: void 0 }
+    downloadOptions: { default: void 0 },
+    text: { default: "" },
+    ariaLabel: { default: void 0 },
+    dataTestid: { default: void 0 },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
+    const attrs = vue.useAttrs();
     const props = __props;
     const emit = __emit;
     const isDownloading = vue.ref(false);
@@ -1386,6 +1425,11 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       isDownloading.value ? "cursor-not-allowed text-gray-500" : "cursor-pointer text-blue-600"
     ]);
     const iconFillClass2 = vue.computed(() => isDownloading.value ? "fill-gray-500" : "fill-blue-500");
+    const buttonAttrs = vue.computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid,
+      "aria-label": props.ariaLabel
+    }));
     async function handleDownload(ev) {
       if (props.disabled || props.loading || isDownloading.value) {
         ev.preventDefault();
@@ -1451,7 +1495,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         isDownloading.value = false;
       }
     }
-    function onClick(ev) {
+    const onClick = (ev) => {
       if (props.downloadOptions) {
         handleDownload(ev);
       } else {
@@ -1461,13 +1505,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         }
         emit("click", ev);
       }
-    }
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
         "aria-disabled": __props.disabled ? "true" : void 0
       }, [
-        vue.createElementVNode("button", vue.mergeProps(_ctx.$attrs, {
+        vue.createElementVNode("button", vue.mergeProps(buttonAttrs.value, {
           class: buttonClasses.value,
           disabled: __props.disabled || __props.loading || isDownloading.value,
           type: "button",
@@ -1510,7 +1554,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     href: { default: void 0 },
     target: {},
     rel: {},
-    type: { default: "button" }
+    type: { default: "button" },
+    invert: { type: Boolean },
+    dataTestid: {},
+    ariaLabel: {},
+    ariaExpanded: { type: Boolean },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1604,7 +1653,12 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     href: { default: void 0 },
     target: {},
     rel: {},
-    type: { default: "button" }
+    type: { default: "button" },
+    invert: { type: Boolean },
+    dataTestid: {},
+    ariaLabel: {},
+    ariaExpanded: { type: Boolean },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1630,13 +1684,13 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       props.textSelection && "select-text",
       (props.icon || props.text) && "gap-2"
     ]);
-    function onClick(ev) {
+    const onClick = (ev) => {
       if (props.disabled || props.loading) {
         ev.preventDefault();
         return;
       }
       emit("click", ev);
-    }
+    };
     const linkAttrs = vue.computed(() => {
       if (props.as === "a") return { href: props.href };
       if (props.as === "router-link") return { to: props.href };
@@ -1691,7 +1745,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     strict: { type: Boolean, default: false },
     lockScroll: { type: Boolean, default: false },
     info: { default: void 0 },
-    locale: { default: "sv" }
+    locale: { default: "sv" },
+    onClose: {}
   },
   emits: ["close", "update:open"],
   setup(__props, { emit: __emit }) {
@@ -5094,12 +5149,16 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     size: {},
     maxlength: {},
     mask: { default: void 0 },
-    maskOptions: { default: void 0 }
+    maskOptions: { default: void 0 },
+    modelValue: {},
+    onClearInput: {},
+    onKeyup: {},
+    onInput: {}
   }, {
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["input", "clearInput", "update:value"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["input", "clearInput", "update:value", "keyup", "keyup.enter"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
@@ -5234,7 +5293,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                 "aria-invalid": __props.valid === "false" ? "true" : void 0,
                 class: inputClasses.value
               }, _ctx.$attrs, {
-                onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
+                onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event)),
+                onKeyup: _cache[2] || (_cache[2] = (ev) => {
+                  _ctx.$emit("keyup", ev);
+                  if (ev.key === "Enter") _ctx.$emit("keyup.enter", ev);
+                })
               }), null, 16, _hoisted_4$6), [
                 [vue.vModelDynamic, internalValue.value]
               ]),
@@ -5282,7 +5345,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     id: { default: void 0 },
     current: {},
     max: {},
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    onPaginate: {}
   },
   emits: ["paginate"],
   setup(__props, { emit: __emit }) {
@@ -5529,7 +5593,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     marginless: { type: Boolean, default: false },
     maxListHeight: { default: void 0 },
     locale: { default: "sv" },
-    clearTrigger: { type: Boolean, default: false }
+    clearTrigger: { type: Boolean, default: false },
+    onChange: {},
+    onSearchSelected: {},
+    onPaginate: {},
+    onTotal: {}
   },
   emits: ["searchSelected", "paginate", "total", "change"],
   setup(__props, { emit: __emit }) {
@@ -6435,7 +6503,9 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     value: { default: void 0 },
     name: { default: void 0 },
     id: { default: void 0 },
-    required: { type: Boolean, default: false }
+    required: { type: Boolean, default: false },
+    modelValue: { type: [Boolean, Array] },
+    onChange: {}
   }, {
     "modelValue": { type: [Boolean, Array], ...{
       default: void 0,
@@ -6568,6 +6638,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     name: { default: void 0 },
     id: { default: void 0 },
     required: { type: Boolean, default: false },
+    modelValue: {},
     onKeydown: {},
     onBlur: {},
     onChange: {}
@@ -6686,7 +6757,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     searchCountTemplate: {},
     searchCountTemplateUnfiltered: {},
     titleTemplate: {},
-    getSearchContainerHeight: {}
+    onGetSearchContainerHeight: {},
+    selectedNodes: {}
   },
   setup(__props) {
     const props = __props;
@@ -7010,11 +7082,16 @@ function useElementFinalSize(elementRef, onFinalSize, delay = 100) {
   });
 }
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsText",
   props: {
-    type: { default: "default" }
+    type: { default: "default" },
+    dataTestid: { default: void 0 }
   },
   setup(__props) {
+    const attrs = vue.useAttrs();
     const props = __props;
     const textClasses = vue.computed(() => {
       const baseClasses = "inline-block";
@@ -7026,12 +7103,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       }
       return baseClasses;
     });
+    const spanAttrs = vue.computed(() => ({
+      ...attrs,
+      "data-testid": props.dataTestid
+    }));
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(textClasses.value)
-      }, [
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(spanAttrs.value, { class: textClasses.value }), [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -7071,9 +7150,9 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     searchCountTemplate: {},
     searchCountTemplateUnfiltered: {},
     titleTemplate: { default: "[[title]]" },
-    getSearchContainerHeight: {},
-    data: {},
-    selectedNodes: {}
+    onGetSearchContainerHeight: {},
+    selectedNodes: {},
+    data: {}
   },
   emits: ["update:selectedNodes", "getSearchContainerHeight"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -7521,9 +7600,10 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   props: {
     heading: { default: void 0 },
     align: { default: "left" },
-    icon: { default: void 0 }
+    icon: { default: void 0 },
+    onClick: {}
   },
-  emits: ["sort"],
+  emits: ["sort", "click"],
   setup(__props) {
     const props = __props;
     const hasSlot = useHasSlot();
@@ -7600,10 +7680,25 @@ 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 },
+    onClick: {}
   },
-  setup(__props) {
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
     const attrs = vue.useAttrs();
+    const emit = __emit;
+    const onClick = (ev) => {
+      if (props.disabled) {
+        ev.preventDefault();
+        return;
+      }
+      emit("click", ev);
+    };
+    const handleClick = (ev) => {
+      if (componentType.value === "button" && !props.disabled) {
+        onClick(ev);
+      }
+    };
     const instance = vue.getCurrentInstance();
     const route = vue.computed(() => {
       try {
@@ -7680,12 +7775,12 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         class: buttonClasses.value,
         disabled: componentType.value === "button" ? __props.disabled : void 0,
         "aria-disabled": __props.disabled,
-        "aria-current": isActive.value ? "page" : void 0
+        "aria-current": isActive.value ? "page" : void 0,
+        onClick: handleClick
       }), {
         default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(__props.label), 1)
-          ])
+          vue.createTextVNode(vue.toDisplayString(__props.label) + " ", 1),
+          vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
       }, 16, ["class", "disabled", "aria-disabled", "aria-current"]);