fds-vue-core 2.1.9 → 2.1.11

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

@@ -562,7 +562,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     type: { default: "button" },
     ariaLabel: { default: void 0 },
     id: {},
-    ariaDisabled: { type: Boolean }
+    ariaDisabled: { type: Boolean },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -573,27 +574,27 @@ const _sfc_main$v = /* @__PURE__ */ 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 openBlock(), createElementBlock("button", {
-        id: __props.id,
-        type: __props.type,
-        disabled: __props.disabled,
-        "aria-label": __props.ariaLabel,
-        "aria-disabled": __props.ariaDisabled,
+        id: _ctx.id,
+        type: _ctx.type,
+        disabled: _ctx.disabled,
+        "aria-label": _ctx.ariaLabel,
+        "aria-disabled": _ctx.ariaDisabled,
         class: normalizeClass(buttonClasses.value),
         onClick
       }, [
-        !__props.loading ? (openBlock(), createBlock(_sfc_main$w, {
+        !_ctx.loading ? (openBlock(), createBlock(_sfc_main$w, {
           key: 0,
           size: iconSize.value,
-          name: __props.icon
+          name: _ctx.icon
         }, null, 8, ["size", "name"])) : (openBlock(), createBlock(_sfc_main$w, {
           key: 1,
           size: iconSize.value,
@@ -662,9 +663,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", null, [
           createElementVNode("div", null, [
-            __props.label ? (openBlock(), createElementBlock("div", {
+            _ctx.label ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !__props.collapsable) && unref(hasSlot) }])
+              class: normalizeClass(["font-bold w-full justify-between items-center h-[24px] flex gap-2", { "mb-4": (isExpanded.value || !_ctx.collapsable) && unref(hasSlot) }])
             }, [
               createElementVNode("div", _hoisted_2$k, [
                 createVNode(_sfc_main$w, {
@@ -672,10 +673,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   size: 24,
                   class: "fill-yellow-700"
                 }),
-                createElementVNode("span", null, toDisplayString(__props.label), 1)
+                createElementVNode("span", null, toDisplayString(_ctx.label), 1)
               ]),
               createElementVNode("div", _hoisted_3$b, [
-                __props.closeable ? (openBlock(), createBlock(_sfc_main$v, {
+                _ctx.closeable ? (openBlock(), createBlock(_sfc_main$v, {
                   key: 0,
                   icon: "cross",
                   size: 24,
@@ -683,7 +684,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   ariaLabel: closeLabel.value,
                   class: normalizeClass(["fill-gray-900! hover:bg-gray-100 active:bg-gray-200"])
                 }, null, 8, ["ariaLabel"])) : createCommentVNode("", true),
-                __props.collapsable ? (openBlock(), createBlock(_sfc_main$v, {
+                _ctx.collapsable ? (openBlock(), createBlock(_sfc_main$v, {
                   key: 1,
                   icon: "arrowDown",
                   size: 24,
@@ -697,7 +698,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["ariaLabel", "class"])) : createCommentVNode("", true)
               ])
             ], 2)) : createCommentVNode("", true),
-            isExpanded.value || !__props.collapsable ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
+            isExpanded.value || !_ctx.collapsable ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
               renderSlot(_ctx.$slots, "default")
             ])) : createCommentVNode("", true)
           ])
@@ -750,11 +751,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         class: normalizeClass(contentClasses.value),
         style: normalizeStyle(borderLeftStyle.value)
       }, [
-        __props.heading ? (openBlock(), createElementBlock("header", _hoisted_2$j, [
+        _ctx.heading ? (openBlock(), createElementBlock("header", _hoisted_2$j, [
           createElementVNode("div", _hoisted_3$a, [
             createElementVNode("h3", {
               class: normalizeClass(headerClasses.value)
-            }, toDisplayString(__props.heading), 3)
+            }, toDisplayString(_ctx.heading), 3)
           ]),
           createElementVNode("div", _hoisted_4$9, [
             renderSlot(_ctx.$slots, "headerInfo")
@@ -817,23 +818,23 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           onClick: handleToggle
         }, [
           createElementVNode("span", _hoisted_1$m, [
-            __props.preIcon ? (openBlock(), createElementBlock("span", _hoisted_2$i, [
+            _ctx.preIcon ? (openBlock(), createElementBlock("span", _hoisted_2$i, [
               createVNode(_sfc_main$w, {
-                name: __props.preIcon,
+                name: _ctx.preIcon,
                 size: 24,
-                class: normalizeClass(["fill-blue-500", { "fill-gray-500": __props.disabled }])
+                class: normalizeClass(["fill-blue-500", { "fill-gray-500": _ctx.disabled }])
               }, null, 8, ["name", "class"])
             ])) : createCommentVNode("", true),
             createElementVNode("span", _hoisted_3$9, [
               createElementVNode("span", {
-                class: normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": __props.disabled }])
-              }, toDisplayString(__props.label), 3)
+                class: normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-500": _ctx.disabled }])
+              }, toDisplayString(_ctx.label), 3)
             ])
           ]),
           createVNode(_sfc_main$w, {
             name: "arrowDown",
             size: 24,
-            class: 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 }])
+            class: normalizeClass(["ml-4 transition-transform duration-200 fill-blue-500 min-w-6 min-h-6", { "rotate-180": isOpen.value, "fill-gray-500": _ctx.disabled }])
           }, null, 8, ["class"])
         ], 2),
         withDirectives(createElementVNode("div", {
@@ -899,16 +900,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         id: contentBlockId.value,
         class: normalizeClass(contentClasses.value)
       }, [
-        __props.size === "large" && __props.icon ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+        _ctx.size === "large" && _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
           createVNode(_sfc_main$w, {
-            name: __props.icon,
+            name: _ctx.icon,
             size: largeIconSize,
             class: "fill-blue-500"
           }, null, 8, ["name"]),
           createElementVNode("div", _hoisted_3$8, [
-            __props.heading ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+            _ctx.heading ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
               createElementVNode("header", _hoisted_5$7, [
-                createElementVNode("h3", _hoisted_6$4, toDisplayString(__props.heading), 1),
+                createElementVNode("h3", _hoisted_6$4, toDisplayString(_ctx.heading), 1),
                 createElementVNode("div", _hoisted_7$4, [
                   renderSlot(_ctx.$slots, "headerInfo")
                 ])
@@ -919,19 +920,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ])) : (openBlock(), createElementBlock("div", _hoisted_9$3, [
-          __props.heading ? (openBlock(), createElementBlock("div", {
+          _ctx.heading ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass({ "mb-4": unref(hasSlot) })
           }, [
             createElementVNode("header", _hoisted_10$1, [
               createElementVNode("div", _hoisted_11$1, [
-                __props.icon && __props.size === "small" ? (openBlock(), createBlock(_sfc_main$w, {
+                _ctx.icon && _ctx.size === "small" ? (openBlock(), createBlock(_sfc_main$w, {
                   key: 0,
-                  name: __props.icon,
+                  name: _ctx.icon,
                   size: smallIconSize,
                   class: "fill-blue-500"
                 }, null, 8, ["name"])) : createCommentVNode("", true),
-                createElementVNode("h3", _hoisted_12$1, toDisplayString(__props.heading), 1)
+                createElementVNode("h3", _hoisted_12$1, toDisplayString(_ctx.heading), 1)
               ]),
               createElementVNode("div", _hoisted_13$1, [
                 renderSlot(_ctx.$slots, "headerInfo")
@@ -958,6 +959,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "FdsBlockLink",
   props: {
     label: {},
+    id: { default: void 0 },
     arrow: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     download: { default: void 0 },
@@ -966,6 +968,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     rel: { default: void 0 },
     icon: { default: void 0 },
     interactive: { type: Boolean, default: true },
+    dataTestid: { default: void 0 },
     as: { default: "router-link" }
   },
   emits: ["click"],
@@ -975,6 +978,8 @@ const _sfc_main$q = /* @__PURE__ */ 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 = computed(() => props.id ?? autoId);
     const innerClasses = computed(() => [
       props.disabled ? "cursor-not-allowed shadow-none hover:border-transparent active:bg-transparent" : "cursor-pointer",
       !props.interactive && "cursor-auto"
@@ -1022,22 +1027,24 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(componentType.value), 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,
-        download: componentType.value === "a" ? __props.download : void 0,
-        disabled: componentType.value === "button" ? __props.disabled : void 0,
-        "aria-disabled": __props.disabled,
+        target: componentType.value === "a" ? _ctx.target : void 0,
+        rel: componentType.value === "a" ? _ctx.rel : void 0,
+        download: componentType.value === "a" ? _ctx.download : void 0,
+        disabled: componentType.value === "button" ? _ctx.disabled : void 0,
+        "aria-disabled": _ctx.disabled,
         onClick: handleClick,
-        onKeydown: handleKeydown
+        onKeydown: handleKeydown,
+        "data-testid": _ctx.dataTestid
       }), {
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["flex w-full flex-1", contentClasses.value])
           }, [
-            __props.icon ? (openBlock(), createBlock(_sfc_main$w, {
+            _ctx.icon ? (openBlock(), createBlock(_sfc_main$w, {
               key: 0,
-              name: __props.icon,
+              name: _ctx.icon,
               size: 24,
               class: normalizeClass(["flex items-center justify-center w-6 h-6 fill-blue-500", iconClasses.value])
             }, null, 8, ["name", "class"])) : createCommentVNode("", true),
@@ -1049,7 +1056,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("h3", {
                   class: normalizeClass(["flex-1 font-heading text-lg tracking-normal m-0 leading-md", headerTextClasses.value])
-                }, toDisplayString(__props.label), 3)
+                }, toDisplayString(_ctx.label), 3)
               ], 2),
               createElementVNode("div", {
                 class: normalizeClass(slotWrapperClasses.value)
@@ -1063,7 +1070,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               ], 2)
             ], 2)
           ], 2),
-          __props.arrow ? (openBlock(), createBlock(_sfc_main$w, {
+          _ctx.arrow ? (openBlock(), createBlock(_sfc_main$w, {
             key: 0,
             name: "arrowRight",
             size: 20,
@@ -1071,7 +1078,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class"])) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16, ["class", "target", "rel", "download", "disabled", "aria-disabled"]);
+      }, 16, ["id", "class", "target", "rel", "download", "disabled", "aria-disabled", "data-testid"]);
     };
   }
 });
@@ -1107,7 +1114,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(wrapperClasses.value),
         role: "status",
-        "aria-label": __props.label || "Laddar"
+        "aria-label": _ctx.label || "Laddar"
       }, [
         createElementVNode("div", {
           class: "relative",
@@ -1144,10 +1151,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             }, null, -1)
           ])], 2))
         ], 4),
-        __props.label ? (openBlock(), createElementBlock("div", {
+        _ctx.label ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
-        }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+          class: normalizeClass(_ctx.labelPosition === "bottom" ? "font-bold" : "")
+        }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
       ], 10, _hoisted_1$j);
     };
   }
@@ -1175,7 +1182,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     href: { default: void 0 },
     target: { default: void 0 },
     rel: { default: void 0 },
-    type: { default: "button" }
+    type: { default: "button" },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1201,13 +1209,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       props.textSelection && "select-text"
     ]);
     const iconFillClass2 = 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 = computed(() => {
       if (props.as === "a") return { href: props.href };
       if (props.as === "router-link") return { to: props.href };
@@ -1220,34 +1228,34 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": __props.disabled ? "true" : void 0
+        "aria-disabled": _ctx.disabled ? "true" : void 0
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(componentAttrs.value, {
-          type: __props.as === "button" ? __props.type : void 0,
-          disabled: __props.as === "button" ? __props.disabled : void 0,
-          target: __props.as === "a" ? __props.target : void 0,
-          rel: __props.as === "a" ? __props.rel : void 0,
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps(componentAttrs.value, {
+          type: _ctx.as === "button" ? _ctx.type : void 0,
+          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
+          target: _ctx.as === "a" ? _ctx.target : void 0,
+          rel: _ctx.as === "a" ? _ctx.rel : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: withCtx(() => [
-            __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
+            _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               class: "mr-2",
               size: "24px",
               color: "inherit"
-            })) : __props.icon ? (openBlock(), createElementBlock("span", {
+            })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               createVNode(_sfc_main$w, {
                 class: normalizeClass(iconFillClass2.value),
-                name: __props.icon,
+                name: _ctx.icon,
                 size: 24
               }, null, 8, ["class", "name"])
             ], 2)) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_2$f, toDisplayString(__props.text), 1)
+            createElementVNode("span", _hoisted_2$f, toDisplayString(_ctx.text), 1)
           ]),
           _: 1
         }, 16, ["type", "disabled", "target", "rel", "class"]))
@@ -1267,7 +1275,8 @@ const _sfc_main$n = /* @__PURE__ */ 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) {
@@ -1343,19 +1352,13 @@ const _sfc_main$m = /* @__PURE__ */ 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: "" },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1449,7 +1452,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         isDownloading.value = false;
       }
     }
-    function onClick(ev) {
+    const onClick = (ev) => {
       if (props.downloadOptions) {
         handleDownload(ev);
       } else {
@@ -1459,15 +1462,15 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         }
         emit("click", ev);
       }
-    }
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": __props.disabled ? "true" : void 0
+        "aria-disabled": _ctx.disabled ? "true" : void 0
       }, [
         createElementVNode("button", mergeProps(_ctx.$attrs, {
           class: buttonClasses.value,
-          disabled: __props.disabled || __props.loading || isDownloading.value,
+          disabled: _ctx.disabled || _ctx.loading || isDownloading.value,
           type: "button",
           onClick
         }), [
@@ -1481,7 +1484,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               size: 24
             }, null, 8, ["class"])
           ], 2),
-          createTextVNode(" " + toDisplayString(__props.text), 1)
+          createTextVNode(" " + toDisplayString(_ctx.text), 1)
         ], 16, _hoisted_2$e)
       ], 10, _hoisted_1$g);
     };
@@ -1508,7 +1511,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     href: { default: void 0 },
     target: {},
     rel: {},
-    type: { default: "button" }
+    type: { default: "button" },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1539,6 +1543,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         ev.preventDefault();
         return;
       }
+      if (props.onClick) {
+        const handlers = Array.isArray(props.onClick) ? props.onClick : [props.onClick];
+        handlers.forEach((handler) => handler(ev));
+      }
       emit("click", ev);
     }
     const linkAttrs = computed(() => {
@@ -1549,31 +1557,31 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": __props.disabled ? "true" : void 0
+        "aria-disabled": _ctx.disabled ? "true" : void 0
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(linkAttrs.value, {
-          type: __props.as === "button" ? __props.type : void 0,
-          disabled: __props.as === "button" ? __props.disabled : void 0,
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps(linkAttrs.value, {
+          type: _ctx.as === "button" ? _ctx.type : void 0,
+          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: withCtx(() => [
-            __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
+            _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               size: "24px",
               color: "inherit"
-            })) : __props.icon ? (openBlock(), createElementBlock("span", {
+            })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               createVNode(_sfc_main$w, {
                 class: normalizeClass(iconFillClass$1),
-                name: __props.icon,
+                name: _ctx.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : createCommentVNode("", true),
-            __props.text ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
+            _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
@@ -1602,7 +1610,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     href: { default: void 0 },
     target: {},
     rel: {},
-    type: { default: "button" }
+    type: { default: "button" },
+    onClick: {}
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -1628,13 +1637,13 @@ const _sfc_main$k = /* @__PURE__ */ 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 = computed(() => {
       if (props.as === "a") return { href: props.href };
       if (props.as === "router-link") return { to: props.href };
@@ -1643,31 +1652,31 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(rootClasses.value),
-        "aria-disabled": __props.disabled ? "true" : void 0
+        "aria-disabled": _ctx.disabled ? "true" : void 0
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(linkAttrs.value, {
-          type: __props.as === "button" ? __props.type : void 0,
-          disabled: __props.as === "button" ? __props.disabled : void 0,
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps(linkAttrs.value, {
+          type: _ctx.as === "button" ? _ctx.type : void 0,
+          disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
           class: buttonClasses.value,
           onClick
         }), {
           default: withCtx(() => [
-            __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
+            _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               size: "24px",
               color: "inherit"
-            })) : __props.icon ? (openBlock(), createElementBlock("span", {
+            })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: normalizeClass(iconOrderClasses.value),
               "aria-hidden": "true"
             }, [
               createVNode(_sfc_main$w, {
                 class: normalizeClass(iconFillClass),
-                name: __props.icon,
+                name: _ctx.icon,
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : createCommentVNode("", true),
-            __props.text ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
+            _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
@@ -1689,7 +1698,8 @@ const _sfc_main$j = /* @__PURE__ */ 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 }) {
@@ -1866,9 +1876,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   size: 24,
                   class: normalizeClass(iconClasses.value)
                 }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                createTextVNode(" " + toDisplayString(__props.heading), 1)
+                createTextVNode(" " + toDisplayString(_ctx.heading), 1)
               ], 2),
-              !__props.strict ? (openBlock(), createBlock(_sfc_main$v, {
+              !_ctx.strict ? (openBlock(), createBlock(_sfc_main$v, {
                 key: 0,
                 icon: "cross",
                 size: 28,
@@ -5092,7 +5102,11 @@ const _sfc_main$i = /* @__PURE__ */ 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": {}
@@ -5201,35 +5215,35 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", {
-          class: normalizeClass({ "flex flex-row gap-4": __props.labelLeft })
+          class: normalizeClass({ "flex flex-row gap-4": _ctx.labelLeft })
         }, [
           createElementVNode("div", null, [
-            __props.label ? (openBlock(), createElementBlock("label", {
+            _ctx.label ? (openBlock(), createElementBlock("label", {
               key: 0,
               for: inputId.value,
-              class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
-            }, toDisplayString(__props.label), 11, _hoisted_2$a)) : createCommentVNode("", true),
-            __props.meta ? (openBlock(), createElementBlock("div", {
+              class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
+            }, toDisplayString(_ctx.label), 11, _hoisted_2$a)) : createCommentVNode("", true),
+            _ctx.meta ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: normalizeClass(["font-thin", { "mb-1": !__props.labelLeft }])
-            }, toDisplayString(__props.meta), 3)) : createCommentVNode("", true)
+              class: normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
+            }, toDisplayString(_ctx.meta), 3)) : createCommentVNode("", true)
           ]),
           createElementVNode("div", {
-            class: normalizeClass({ "flex-1": __props.labelLeft })
+            class: normalizeClass({ "flex-1": _ctx.labelLeft })
           }, [
             createElementVNode("div", _hoisted_3$7, [
               withDirectives(createElementVNode("input", mergeProps({
                 ref_key: "inputRef",
                 ref: inputRef,
                 id: inputId.value,
-                name: __props.name || void 0,
-                type: isPasswordType.value ? showPassword.value ? "text" : "password" : __props.type,
-                disabled: __props.disabled,
-                required: __props.required,
-                size: __props.size,
-                maxlength: __props.maxlength,
+                name: _ctx.name || void 0,
+                type: isPasswordType.value ? showPassword.value ? "text" : "password" : _ctx.type,
+                disabled: _ctx.disabled,
+                required: _ctx.required,
+                size: _ctx.size,
+                maxlength: _ctx.maxlength,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
-                "aria-invalid": __props.valid === "false" ? "true" : void 0,
+                "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
                 class: inputClasses.value
               }, _ctx.$attrs, {
                 onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
@@ -5248,7 +5262,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   key: 1,
                   name: "bigSuccess"
                 })) : createCommentVNode("", true),
-                __props.clearButton && !!internalValue.value && !__props.disabled ? (openBlock(), createBlock(_sfc_main$v, {
+                _ctx.clearButton && !!internalValue.value && !_ctx.disabled ? (openBlock(), createBlock(_sfc_main$v, {
                   key: 2,
                   icon: "cross",
                   ariaLabel: clearButtonLabel.value,
@@ -5264,7 +5278,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             ])
           ], 2)
         ], 2),
-        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString(__props.invalidMessage), 1)) : createCommentVNode("", true)
+        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString(_ctx.invalidMessage), 1)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -5280,7 +5294,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     id: { default: void 0 },
     current: {},
     max: {},
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    onPaginate: {}
   },
   emits: ["paginate"],
   setup(__props, { emit: __emit }) {
@@ -5357,7 +5372,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         id: inputId.value
       }, [
         createElementVNode("div", _hoisted_2$9, [
-          __props.loading && loadingIndicator.value === "start" ? (openBlock(), createBlock(_sfc_main$p, {
+          _ctx.loading && loadingIndicator.value === "start" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 0,
             size: "32px",
             color: "blue"
@@ -5365,12 +5380,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 1,
             icon: "first",
             size: 28,
-            disabled: __props.current === 1,
-            ariaDisabled: __props.current === 1,
-            class: normalizeClass([{ "hidden!": __props.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: _ctx.current === 1,
+            ariaDisabled: _ctx.current === 1,
+            class: normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[0] || (_cache[0] = ($event) => handlePagination("start"))
           }, null, 8, ["disabled", "ariaDisabled", "class"])),
-          __props.loading && loadingIndicator.value === "prev" ? (openBlock(), createBlock(_sfc_main$p, {
+          _ctx.loading && loadingIndicator.value === "prev" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 2,
             size: "24px",
             color: "blue"
@@ -5378,14 +5393,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 3,
             icon: "arrowLeft",
             size: 28,
-            disabled: __props.current === 1,
-            ariaDisabled: __props.current === 1,
-            class: normalizeClass([{ "hidden!": __props.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: _ctx.current === 1,
+            ariaDisabled: _ctx.current === 1,
+            class: normalizeClass([{ "hidden!": _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[1] || (_cache[1] = ($event) => handlePagination("prev"))
           }, null, 8, ["disabled", "ariaDisabled", "class"]))
         ]),
         createElementVNode("div", _hoisted_3$6, [
-          __props.loading && loadingIndicator.value === "input" ? (openBlock(), createBlock(_sfc_main$p, {
+          _ctx.loading && loadingIndicator.value === "input" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 0,
             size: "24px",
             color: "blue",
@@ -5395,16 +5410,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$i, {
               value: inputValue.value,
               type: "text",
-              size: __props.max.toString().length,
-              maxlength: __props.max.toString().length,
+              size: _ctx.max.toString().length,
+              maxlength: _ctx.max.toString().length,
               onInput: unref(handlePageChange),
               class: "mb-0! text-center"
             }, null, 8, ["value", "size", "maxlength", "onInput"]),
-            createElementVNode("div", _hoisted_4$5, "/ " + toDisplayString(__props.max), 1)
+            createElementVNode("div", _hoisted_4$5, "/ " + toDisplayString(_ctx.max), 1)
           ], 64))
         ]),
         createElementVNode("div", _hoisted_5$5, [
-          __props.loading && loadingIndicator.value === "next" ? (openBlock(), createBlock(_sfc_main$p, {
+          _ctx.loading && loadingIndicator.value === "next" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 0,
             size: "24px",
             color: "blue"
@@ -5412,12 +5427,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 1,
             icon: "arrowRight",
             size: 28,
-            disabled: __props.current === __props.max,
-            ariaDisabled: __props.current === __props.max,
-            class: normalizeClass([{ "hidden!": __props.current === __props.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: _ctx.current === _ctx.max,
+            ariaDisabled: _ctx.current === _ctx.max,
+            class: normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[2] || (_cache[2] = ($event) => handlePagination("next"))
           }, null, 8, ["disabled", "ariaDisabled", "class"])),
-          __props.loading && loadingIndicator.value === "end" ? (openBlock(), createBlock(_sfc_main$p, {
+          _ctx.loading && loadingIndicator.value === "end" ? (openBlock(), createBlock(_sfc_main$p, {
             key: 2,
             size: "24px",
             color: "blue"
@@ -5425,9 +5440,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             key: 3,
             icon: "last",
             size: 28,
-            disabled: __props.current === __props.max,
-            ariaDisabled: __props.current === __props.max,
-            class: normalizeClass([{ "hidden!": __props.current === __props.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            disabled: _ctx.current === _ctx.max,
+            ariaDisabled: _ctx.current === _ctx.max,
+            class: normalizeClass([{ "hidden!": _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
             onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
           }, null, 8, ["disabled", "ariaDisabled", "class"]))
         ])
@@ -5527,7 +5542,11 @@ const _sfc_main$g = /* @__PURE__ */ 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 }) {
@@ -5879,14 +5898,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           !singleItemName.value.length ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
             createElementVNode("div", _hoisted_3$5, [
               createVNode(_sfc_main$i, {
-                label: __props.label,
-                meta: __props.meta ?? void 0,
-                labelLeft: __props.labelLeft,
+                label: _ctx.label,
+                meta: _ctx.meta ?? void 0,
+                labelLeft: _ctx.labelLeft,
                 class: "relative mb-0! w-full!",
                 valid: valid.value,
-                invalidMessage: __props.invalidMessage,
-                disabled: __props.disabled,
-                locale: __props.locale,
+                invalidMessage: _ctx.invalidMessage,
+                disabled: _ctx.disabled,
+                locale: _ctx.locale,
                 type: "search",
                 value: searchTerm.value,
                 id: inputId,
@@ -5896,7 +5915,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 onInput: handleInput,
                 onClearInput: handleClear
               }, null, 8, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "locale", "value", "clearButton", "mask"]),
-              !__props.disabled && !hasInputValue.value ? (openBlock(), createBlock(_sfc_main$w, {
+              !_ctx.disabled && !hasInputValue.value ? (openBlock(), createBlock(_sfc_main$w, {
                 key: 0,
                 name: "search",
                 size: 24,
@@ -5904,10 +5923,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ])
           ])) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
-            createElementVNode("div", _hoisted_5$4, toDisplayString(__props.singleItemLabel), 1),
+            createElementVNode("div", _hoisted_5$4, toDisplayString(_ctx.singleItemLabel), 1),
             createElementVNode("div", null, toDisplayString(singleItemName.value), 1)
           ])),
-          dropdownVisible.value && !singleItemName.value.length && !__props.disabled ? (openBlock(), createElementBlock("div", {
+          dropdownVisible.value && !singleItemName.value.length && !_ctx.disabled ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: normalizeClass(listWrapperClasses.value),
             style: normalizeStyle(listWrapperStyle.value),
@@ -5915,13 +5934,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             "aria-expanded": "false",
             "aria-controls": "select-dropdown"
           }, [
-            __props.loading ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+            _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
               createVNode(_sfc_main$p, {
                 color: "blue",
                 size: "48px"
               })
             ])) : displayedItems.value && displayedItems.value.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              searchTerm.value && searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(displayedItems.value.length) + " " + toDisplayString(__props.searchContext.linkWord) + " " + toDisplayString(totalCount.value) + " " + toDisplayString(__props.searchContext.context), 1)) : !searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_8$2, toDisplayString(totalCount.value) + " " + toDisplayString(__props.searchContext.context), 1)) : createCommentVNode("", true),
+              searchTerm.value && searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(displayedItems.value.length) + " " + toDisplayString(_ctx.searchContext.linkWord) + " " + toDisplayString(totalCount.value) + " " + toDisplayString(_ctx.searchContext.context), 1)) : !searchTerm.value.length ? (openBlock(), createElementBlock("div", _hoisted_8$2, toDisplayString(totalCount.value) + " " + toDisplayString(_ctx.searchContext.context), 1)) : createCommentVNode("", true),
               createElementVNode("ul", {
                 class: "block m-0 list-none p-0",
                 role: "listbox",
@@ -5960,15 +5979,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   ], 42, _hoisted_9$2);
                 }), 128))
               ], 32),
-              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (openBlock(), createBlock(_sfc_main$h, {
+              _ctx.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (openBlock(), createBlock(_sfc_main$h, {
                 key: 2,
-                current: __props.page,
+                current: _ctx.page,
                 max: totalPages.value,
                 onPaginate: handlePagination,
                 class: "my-4! px-2"
               }, null, 8, ["current", "max"])) : createCommentVNode("", true)
-            ], 64)) : !__props.loading ? (openBlock(), createElementBlock("ul", _hoisted_12, [
-              createElementVNode("li", _hoisted_13, toDisplayString(__props.noResultPrompt), 1)
+            ], 64)) : !_ctx.loading ? (openBlock(), createElementBlock("ul", _hoisted_12, [
+              createElementVNode("li", _hoisted_13, toDisplayString(_ctx.noResultPrompt), 1)
             ])) : createCommentVNode("", true)
           ], 6)) : createCommentVNode("", true)
         ])
@@ -6009,7 +6028,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("span", {
         class: normalizeClass(stickerClasses.value)
       }, [
-        __props.bullet ? (openBlock(), createElementBlock("span", {
+        _ctx.bullet ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(bulletDotClasses.value)
         }, null, 2)) : createCommentVNode("", true),
@@ -6433,7 +6452,9 @@ const _sfc_main$e = /* @__PURE__ */ 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,
@@ -6527,26 +6548,26 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("label", mergeProps({
           for: inputId.value,
-          class: [innerWrapperClasses.value, { "cursor-not-allowed": __props.disabled }]
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
         }, _ctx.$attrs), [
           withDirectives(createElementVNode("input", {
             id: inputId.value,
-            name: __props.name,
-            value: __props.value,
+            name: _ctx.name,
+            value: _ctx.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
-            disabled: __props.disabled,
-            required: __props.required,
+            disabled: _ctx.disabled,
+            required: _ctx.required,
             type: "checkbox",
             class: normalizeClass([checkboxClasses.value])
           }, null, 10, _hoisted_2$7), [
             [vModelCheckbox, internalChecked.value]
           ]),
-          unref(hasLabelSlot) || __props.label ? (openBlock(), createElementBlock("span", {
+          unref(hasLabelSlot) || _ctx.label ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": __props.disabled }])
+            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
           }, [
-            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : __props.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(__props.label), 1)
+            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(_ctx.label), 1)
             ], 64)) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true)
         ], 16, _hoisted_1$9)
@@ -6566,6 +6587,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     name: { default: void 0 },
     id: { default: void 0 },
     required: { type: Boolean, default: false },
+    modelValue: {},
     onKeydown: {},
     onBlur: {},
     onChange: {}
@@ -6608,26 +6630,26 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("label", mergeProps({
           for: inputId.value,
-          class: [innerWrapperClasses.value, { "cursor-not-allowed": __props.disabled }]
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
         }, _ctx.$attrs), [
           withDirectives(createElementVNode("input", {
             id: inputId.value,
-            name: __props.name,
-            value: __props.value,
+            name: _ctx.name,
+            value: _ctx.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioModel.value = $event),
-            disabled: __props.disabled,
-            required: __props.required,
+            disabled: _ctx.disabled,
+            required: _ctx.required,
             type: "radio",
             class: normalizeClass([inputClasses.value, "m-[2px]"])
           }, null, 10, _hoisted_2$6), [
             [vModelRadio, radioModel.value]
           ]),
-          unref(hasLabelSlot) || __props.label ? (openBlock(), createElementBlock("span", {
+          unref(hasLabelSlot) || _ctx.label ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": __props.disabled }])
+            class: normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": _ctx.disabled }])
           }, [
-            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : __props.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(__props.label), 1)
+            unref(hasLabelSlot) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(_ctx.label), 1)
             ], 64)) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true)
         ], 16, _hoisted_1$8)
@@ -6684,7 +6706,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     searchCountTemplate: {},
     searchCountTemplateUnfiltered: {},
     titleTemplate: {},
-    getSearchContainerHeight: {}
+    onGetSearchContainerHeight: {},
+    selectedNodes: {}
   },
   setup(__props) {
     const props = __props;
@@ -6860,21 +6883,21 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, null, 8, ["ariaLabel", "icon"])) : createCommentVNode("", true),
             !hasChildrenNodes.value ? (openBlock(), createElementBlock("div", {
               key: 1,
-              style: normalizeStyle({ minWidth: `${__props.indentation}px` })
+              style: normalizeStyle({ minWidth: `${_ctx.indentation}px` })
             }, null, 4)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_2$5, [
               createVNode(_sfc_main$e, {
                 id: `checkbox-${props.nodeId}`,
                 checked: unref(treeState)?.isNodeSelected(props.nodeId),
-                indeterminate: __props.showIndeterminate && (unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
+                indeterminate: _ctx.showIndeterminate && (unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
                 onChange: _cache[1] || (_cache[1] = ($event) => unref(treeState)?.toggleSelectNode(props.nodeId, props.title, props.data))
               }, {
                 default: withCtx(() => [
                   createElementVNode("span", null, [
-                    shouldHighlightSearch.value && __props.title ? (openBlock(), createElementBlock("span", {
+                    shouldHighlightSearch.value && _ctx.title ? (openBlock(), createElementBlock("span", {
                       key: 0,
-                      innerHTML: unref(treeState)?.highlightText(__props.title, unref(treeState)?.searchTerm?.value)
-                    }, null, 8, _hoisted_3$4)) : (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(__props.title), 1))
+                      innerHTML: unref(treeState)?.highlightText(_ctx.title, unref(treeState)?.searchTerm?.value)
+                    }, null, 8, _hoisted_3$4)) : (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(_ctx.title), 1))
                   ]),
                   childCount.value !== null ? (openBlock(), createElementBlock("span", _hoisted_5$3, " (+" + toDisplayString(childCount.value) + ")", 1)) : createCommentVNode("", true)
                 ]),
@@ -6888,7 +6911,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 icon: "more",
                 size: 24,
                 onClick: togglePopover,
-                ariaLabel: `Fler val för ${__props.title}`,
+                ariaLabel: `Fler val för ${_ctx.title}`,
                 class: "items-center"
               }, null, 8, ["ariaLabel"]),
               createVNode(Transition, {
@@ -6972,17 +6995,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               indentation: props.indentation,
               nodeExpandIcon: props.nodeExpandIcon,
               nodeCollapseIcon: props.nodeCollapseIcon,
-              showNodeDescription: __props.showNodeDescription,
-              showChildrenCount: __props.showChildrenCount,
-              expandChildrenOnSelect: __props.expandChildrenOnSelect,
-              showIndeterminate: __props.showIndeterminate,
-              showIndeterminateOnlyOnChildrenSelection: __props.showIndeterminateOnlyOnChildrenSelection,
-              expandChildrenOnParentCheck: __props.expandChildrenOnParentCheck,
-              expandAllChildrenOnParentCheck: __props.expandAllChildrenOnParentCheck,
-              searchEnabled: __props.searchEnabled,
-              searchExpandNodes: __props.searchExpandNodes,
-              searchMatchParams: __props.searchMatchParams,
-              searchHighlighting: __props.searchHighlighting,
+              showNodeDescription: _ctx.showNodeDescription,
+              showChildrenCount: _ctx.showChildrenCount,
+              expandChildrenOnSelect: _ctx.expandChildrenOnSelect,
+              showIndeterminate: _ctx.showIndeterminate,
+              showIndeterminateOnlyOnChildrenSelection: _ctx.showIndeterminateOnlyOnChildrenSelection,
+              expandChildrenOnParentCheck: _ctx.expandChildrenOnParentCheck,
+              expandAllChildrenOnParentCheck: _ctx.expandAllChildrenOnParentCheck,
+              searchEnabled: _ctx.searchEnabled,
+              searchExpandNodes: _ctx.searchExpandNodes,
+              searchMatchParams: _ctx.searchMatchParams,
+              searchHighlighting: _ctx.searchHighlighting,
               titleTemplate: props.titleTemplate,
               popoverLabels: props.popoverLabels
             }, null, 8, ["nodes", "title", "nodeId", "data", "depth", "indentation", "nodeExpandIcon", "nodeCollapseIcon", "showNodeDescription", "showChildrenCount", "expandChildrenOnSelect", "showIndeterminate", "showIndeterminateOnlyOnChildrenSelection", "expandChildrenOnParentCheck", "expandAllChildrenOnParentCheck", "searchEnabled", "searchExpandNodes", "searchMatchParams", "searchHighlighting", "titleTemplate", "popoverLabels"]);
@@ -7069,9 +7092,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     searchCountTemplate: {},
     searchCountTemplateUnfiltered: {},
     titleTemplate: { default: "[[title]]" },
-    getSearchContainerHeight: {},
-    data: {},
-    selectedNodes: {}
+    onGetSearchContainerHeight: {},
+    selectedNodes: {},
+    data: {}
   },
   emits: ["update:selectedNodes", "getSearchContainerHeight"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -7254,12 +7277,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ref: contentRef,
           class: normalizeClass(["content", { open: isOpen.value }]),
           style: normalizeStyle({ maxWidth: `${containerWidth.value}px` })
-        }, toDisplayString(__props.content), 7)),
+        }, toDisplayString(_ctx.content), 7)),
         shouldShowButton.value ? (openBlock(), createBlock(_sfc_main$o, {
           key: 2,
           icon: isOpen.value ? "arrowUp" : "arrowDown",
           iconPos: "right",
-          text: isOpen.value ? __props.btnCollapse : __props.btnExpand,
+          text: isOpen.value ? _ctx.btnCollapse : _ctx.btnExpand,
           onClick: toggleComponent
         }, null, 8, ["icon", "text"])) : createCommentVNode("", true)
       ]);
@@ -7338,26 +7361,26 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        __props.label ? (openBlock(), createElementBlock("label", {
+        _ctx.label ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: selectId.value,
-          class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
-        }, toDisplayString(__props.label), 11, _hoisted_2$3)) : createCommentVNode("", true),
-        __props.meta ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(__props.meta), 1)) : createCommentVNode("", true),
+          class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
+        }, toDisplayString(_ctx.label), 11, _hoisted_2$3)) : createCommentVNode("", true),
+        _ctx.meta ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(_ctx.meta), 1)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4$2, [
           withDirectives(createElementVNode("select", mergeProps({
             id: selectId.value,
-            name: __props.name || void 0,
-            disabled: __props.disabled,
+            name: _ctx.name || void 0,
+            disabled: _ctx.disabled,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
-            "aria-invalid": __props.valid === "false" ? "true" : void 0,
+            "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
             class: selectClasses.value
           }, _ctx.$attrs, {
             onChange: handleChange,
             onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
           }), [
-            __props.placeholder && !hasDefaultSlot.value ? (openBlock(), createElementBlock("option", _hoisted_6$1, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
-            !hasDefaultSlot.value && __props.options ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.options, (option) => {
+            _ctx.placeholder && !hasDefaultSlot.value ? (openBlock(), createElementBlock("option", _hoisted_6$1, toDisplayString(_ctx.placeholder), 1)) : createCommentVNode("", true),
+            !hasDefaultSlot.value && _ctx.options ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.options, (option) => {
               return openBlock(), createElementBlock("option", {
                 key: option.value,
                 value: option.value,
@@ -7372,14 +7395,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               name: "arrowDown",
               size: 24,
               class: normalizeClass({
-                "fill-gray-500": __props.disabled,
-                "fill-red-500": isInvalid.value && !__props.disabled,
-                "fill-blue-500": !__props.disabled && !isInvalid.value
+                "fill-gray-500": _ctx.disabled,
+                "fill-red-500": isInvalid.value && !_ctx.disabled,
+                "fill-blue-500": !_ctx.disabled && !isInvalid.value
               })
             }, null, 8, ["class"])
           ])
         ]),
-        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(__props.invalidMessage), 1)) : createCommentVNode("", true)
+        showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(_ctx.invalidMessage), 1)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -7446,20 +7469,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1$3, [
-          __props.label ? (openBlock(), createElementBlock("label", {
+          _ctx.label ? (openBlock(), createElementBlock("label", {
             key: 0,
             for: textareaId.value,
-            class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
-          }, toDisplayString(__props.label), 11, _hoisted_2$2)) : createCommentVNode("", true),
-          __props.meta ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(__props.meta), 1)) : createCommentVNode("", true),
+            class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
+          }, toDisplayString(_ctx.label), 11, _hoisted_2$2)) : createCommentVNode("", true),
+          _ctx.meta ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(_ctx.meta), 1)) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_4$1, [
             withDirectives(createElementVNode("textarea", mergeProps({
               id: textareaId.value,
-              name: __props.name || void 0,
-              disabled: __props.disabled,
-              rows: __props.rows,
+              name: _ctx.name || void 0,
+              disabled: _ctx.disabled,
+              rows: _ctx.rows,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
-              "aria-invalid": __props.valid === "false" ? "true" : void 0,
+              "aria-invalid": _ctx.valid === "false" ? "true" : void 0,
               class: inputClasses.value
             }, _ctx.$attrs, {
               onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
@@ -7480,7 +7503,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ], 2)
           ]),
-          showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(__props.invalidMessage), 1)) : createCommentVNode("", true)
+          showInvalidMessage.value ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.invalidMessage), 1)) : createCommentVNode("", true)
         ]),
         isValid.value ? (openBlock(), createElementBlock("div", _hoisted_7, "OK")) : createCommentVNode("", true)
       ], 64);
@@ -7541,7 +7564,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }, [
           unref(hasSlot) ? (openBlock(), createElementBlock("span", _hoisted_2$1, [
             renderSlot(_ctx.$slots, "default")
-          ])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.heading), 1)),
+          ])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.heading), 1)),
           createVNode(_sfc_main$w, {
             name: iconName.value,
             size: "24px",
@@ -7553,7 +7576,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }, [
           unref(hasSlot) ? (openBlock(), createElementBlock("span", _hoisted_4, [
             renderSlot(_ctx.$slots, "default")
-          ])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.heading), 1))
+          ])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(_ctx.heading), 1))
         ], 2))
       ]);
     };
@@ -7676,13 +7699,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps(componentAttrs.value, {
         class: buttonClasses.value,
-        disabled: componentType.value === "button" ? __props.disabled : void 0,
-        "aria-disabled": __props.disabled,
+        disabled: componentType.value === "button" ? _ctx.disabled : void 0,
+        "aria-disabled": _ctx.disabled,
         "aria-current": isActive.value ? "page" : void 0
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.label), 1)
+            createTextVNode(toDisplayString(_ctx.label), 1)
           ])
         ]),
         _: 3
@@ -7729,11 +7752,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return responsiveMap[element];
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(__props.type), {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.type), {
         class: normalizeClass(headingClasses.value)
       }, {
         default: withCtx(() => [
-          createTextVNode(toDisplayString(__props.text), 1)
+          createTextVNode(toDisplayString(_ctx.text), 1)
         ]),
         _: 1
       }, 8, ["class"]);
@@ -7783,7 +7806,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        __props.loading ? (openBlock(), createBlock(_sfc_main$p, {
+        _ctx.loading ? (openBlock(), createBlock(_sfc_main$p, {
           key: 0,
           size: "24px",
           color: "blue",