fds-vue-core 2.0.20 → 2.0.22

package/dist/components/FdsTreeView/TreeNode.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsTreeView/TreeNode.vue"],"names":[],"mappings":"AA0XA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;AAE1D,KAAK,WAAW,GAAG,KAAK,CAAC;;;;;;;;;;;;;;;;;AA+rBzB,wBAGG"}
+{"version":3,"file":"TreeNode.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsTreeView/TreeNode.vue"],"names":[],"mappings":"AA2XA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO5C,KAAK,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;AAE1D,KAAK,WAAW,GAAG,KAAK,CAAC;;;;;;;;;;;;;;;;;AAisBzB,wBAGG"}

package/dist/components/Form/FdsCheckbox/FdsCheckbox.vue.d.ts

@@ -5,7 +5,7 @@ type __VLS_PublicProps = __VLS_Props & {
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean | (string | number)[]) => any;

package/dist/components/Form/FdsCheckbox/FdsCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.vue"],"names":[],"mappings":"AAkJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAS/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAwHpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC7C,CAAC;AAsEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB7C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.vue"],"names":[],"mappings":"AAuJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAS/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC7C,CAAC;AAkEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts

@@ -5,7 +5,7 @@ type __VLS_PublicProps = __VLS_Props & {
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => any;

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA6DjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAqEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB7C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AAqGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAqEjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAyEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA4B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -430,16 +430,20 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
+    const wrapperClasses = vue.computed(() => ["block relative flex items-center"]);
+    const innerWrapperClasses = vue.computed(() => ["flex p-0.5 items-start rounded-md"]);
     const checkboxClasses = vue.computed(() => [
-      "border-2 border-gray-300 rounded-md cursor-pointer transition-colors duration-200",
-      props.disabled && "opacity-50 cursor-not-allowed outline-dashed outline-1 -outline-offset-1 border-none rounded-none",
-      props.checked || props.indeterminate ? "bg-blue-600 border-blue-600" : "hover:border-blue-400",
-      "focus:outline-none focus:border-none"
+      "rounded-md transition-colors duration-200 accent-blue-500 m-[3px]",
+      "peer z-40 bg-white min-w-[18px] min-h-[18px]",
+      props.disabled && "cursor-not-allowed"
+    ]);
+    const stateClasses = vue.computed(() => [
+      "hover:bg-blue_t-100 active:bg-blue_t-200",
+      "focus-visible:outline-2 focus-visible:outline-dashed focus-visible:-outline-offset-2 focus-visible:outline-blue-500",
+      props.disabled && "hover:bg-transparent active:bg-transparent"
     ]);
-    const accentClass = vue.computed(() => props.disabled ? "accent-gray-600" : "accent-blue-500");
-    const wrapperClasses = vue.computed(() => ["block p-[2px] relative min-h-[28px]"]);
     const slots = vue.useSlots();
-    const hasLabelSlot = vue.computed(() => !!slots.label);
+    const hasLabelSlot = vue.computed(() => !!slots.default);
     const inputId = vue.computed(() => props.id);
     const internalChecked = vue.computed({
       get: () => {
@@ -501,31 +505,33 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
       }, [
-        vue.withDirectives(vue.createElementVNode("input", {
-          id: inputId.value,
-          name: _ctx.name,
-          value: _ctx.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
-          disabled: _ctx.disabled,
-          required: _ctx.required,
-          type: "checkbox",
-          class: vue.normalizeClass([
-            "absolute z-40 bg-white w-[18px] h-[18px] m-[3px] flex-none focus-visible:outline-none",
-            accentClass.value,
-            checkboxClasses.value
-          ])
-        }, null, 10, _hoisted_1$o), [
-          [vue.vModelCheckbox, internalChecked.value]
-        ]),
-        hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
-          key: 0,
-          for: inputId.value || void 0,
-          class: vue.normalizeClass(["relative inline-block pl-7 pr-0.5 rounded-md leading-md select-none hover:bg-blue_t-100 active:bg-blue_t-200 peer-focus-visible:outline-dashed peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-blue-500", _ctx.disabled ? "cursor-not-allowed" : "cursor-pointer"])
+        vue.createElementVNode("div", {
+          tabindex: "0",
+          class: vue.normalizeClass([innerWrapperClasses.value, stateClasses.value])
         }, [
-          vue.renderSlot(_ctx.$slots, "label", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-          ])
-        ], 10, _hoisted_2$e)) : vue.createCommentVNode("", true)
+          vue.withDirectives(vue.createElementVNode("input", {
+            id: inputId.value,
+            name: _ctx.name,
+            value: _ctx.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
+            disabled: _ctx.disabled,
+            required: _ctx.required,
+            type: "checkbox",
+            class: vue.normalizeClass([checkboxClasses.value]),
+            tabindex: "-1"
+          }, null, 10, _hoisted_1$o), [
+            [vue.vModelCheckbox, internalChecked.value]
+          ]),
+          hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            for: inputId.value || void 0,
+            class: vue.normalizeClass(["relative inline-block leading-6 pl-2 select-none", { "cursor-not-allowed": _ctx.disabled }])
+          }, [
+            hasLabelSlot.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ], 64)) : vue.createCommentVNode("", true)
+          ], 10, _hoisted_2$e)) : vue.createCommentVNode("", true)
+        ], 2)
       ], 2);
     };
   }
@@ -1125,9 +1131,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "block p-[2px] mb-2 last:mb-0 relative min-h-[28px]" };
-const _hoisted_2$d = ["id", "name", "value", "disabled", "required", "checked"];
-const _hoisted_3$b = ["for"];
+const _hoisted_1$l = ["id", "name", "value", "disabled", "required", "checked"];
+const _hoisted_2$d = ["for"];
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsRadio",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -1152,13 +1157,19 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const autoId = `fds-radio-${Math.random().toString(36).slice(2, 9)}`;
     const inputId = vue.computed(() => props.id ?? autoId);
+    const slots = vue.useSlots();
+    const hasLabelSlot = vue.computed(() => !!slots.default);
+    const wrapperClasses = vue.computed(() => ["block relative flex items-center"]);
+    const innerWrapperClasses = vue.computed(() => ["flex p-0.5 items-start rounded-l-xl rounded-r-md"]);
+    const stateClasses = vue.computed(() => [
+      "hover:bg-blue_t-100 active:bg-blue_t-200",
+      "focus-visible:outline-2 focus-visible:outline-dashed focus-visible:-outline-offset-2 focus-visible:outline-blue-500",
+      props.disabled && "hover:bg-transparent active:bg-transparent"
+    ]);
     const inputClasses = vue.computed(() => [
-      "absolute bg-white z-40 bg-white w-[20px] h-[20px] m-[2px] flex-none focus-visible:outline-none",
-      "rounded-full accent-blue-500",
+      "peer z-40 bg-white min-w-[18px] min-h-[18px] focus-visible:outline-none rounded-full accent-blue-500",
       props.disabled && "cursor-not-allowed"
     ]);
-    const slots = vue.useSlots();
-    const hasLabelSlot = vue.computed(() => !!slots.label);
     const groupModel = vue.computed({
       get: () => modelValue.value,
       set: (v) => {
@@ -1171,51 +1182,56 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     const handleFocus = (event) => emit("focus", event);
     const handleKeydown = (event) => emit("keydown", event);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-        vue.withDirectives(vue.createElementVNode("input", {
-          id: inputId.value,
-          name: _ctx.name,
-          value: _ctx.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => groupModel.value = $event),
-          disabled: _ctx.disabled,
-          required: _ctx.required,
-          type: "radio",
-          class: vue.normalizeClass(inputClasses.value),
-          checked: props.checked,
-          onBlur: handleBlur,
-          onFocus: handleFocus,
-          onKeydown: handleKeydown
-        }, null, 42, _hoisted_2$d), [
-          [vue.vModelRadio, groupModel.value]
-        ]),
-        hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
-          key: 0,
-          for: inputId.value || void 0,
-          class: vue.normalizeClass(["relative z-30 leading-6 inline-block pl-7 pr-0.5 rounded-r-md rounded-l-full select-none hover:bg-blue_t-100 active:bg-blue_t-200 peer-focus-visible:outline-dashed peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-blue-500", { "cursor-not-allowed": _ctx.disabled }])
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(wrapperClasses.value)
+      }, [
+        vue.createElementVNode("div", {
+          tabindex: "0",
+          class: vue.normalizeClass([innerWrapperClasses.value, stateClasses.value])
         }, [
-          vue.renderSlot(_ctx.$slots, "label", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-          ])
-        ], 10, _hoisted_3$b)) : vue.createCommentVNode("", true)
-      ]);
+          vue.withDirectives(vue.createElementVNode("input", {
+            id: inputId.value,
+            name: _ctx.name,
+            value: _ctx.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => groupModel.value = $event),
+            disabled: _ctx.disabled,
+            required: _ctx.required,
+            type: "radio",
+            class: vue.normalizeClass([inputClasses.value, "m-[3px]"]),
+            checked: props.checked,
+            onBlur: handleBlur,
+            onFocus: handleFocus,
+            onKeydown: handleKeydown,
+            tabindex: "-1"
+          }, null, 42, _hoisted_1$l), [
+            [vue.vModelRadio, groupModel.value]
+          ]),
+          hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            for: inputId.value || void 0,
+            tabindex: "0",
+            class: vue.normalizeClass(["relative inline-block leading-6 pl-2 select-none", { "cursor-not-allowed": _ctx.disabled }])
+          }, [
+            hasLabelSlot.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+            ], 64)) : vue.createCommentVNode("", true)
+          ], 10, _hoisted_2$d)) : vue.createCommentVNode("", true)
+        ], 2)
+      ], 2);
     };
   }
 });
-const _hoisted_1$k = { class: "flex items-start" };
-const _hoisted_2$c = { style: { "line-height": "25px" } };
-const _hoisted_3$a = ["innerHTML"];
-const _hoisted_4$9 = { key: 1 };
+const _hoisted_1$k = { class: "flex items-center" };
+const _hoisted_2$c = ["innerHTML"];
+const _hoisted_3$a = { key: 1 };
+const _hoisted_4$9 = { key: 0 };
 const _hoisted_5$6 = {
-  key: 0,
-  style: { "line-height": "25px" }
-};
-const _hoisted_6$4 = {
   key: 2,
-  style: { "max-height": "28px" }
+  class: "items-center max-h-[28px]"
 };
-const _hoisted_7$3 = { class: "flex flex-col gap-2" };
-const _hoisted_8$2 = ["onClick"];
-const _hoisted_9$2 = { key: 0 };
+const _hoisted_6$4 = { class: "flex flex-col gap-2" };
+const _hoisted_7$3 = ["onClick"];
+const _hoisted_8$2 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
@@ -1416,7 +1432,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               ariaLabel: childrenToggleAriaLabel(props.title),
               icon: vue.unref(treeState)?.getNodeIcon(props.nodeId, props.nodeExpandIcon, props.nodeCollapseIcon) ?? props.nodeExpandIcon,
               size: "24px",
-              class: "fill-blue-500 mr-3"
+              class: "fill-blue-500 mr-3 items-center"
             }, null, 8, ["ariaLabel", "icon"])) : vue.createCommentVNode("", true),
             !hasChildrenNodes.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
@@ -1427,27 +1443,28 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
               indeterminate: _ctx.showIndeterminate && (vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false),
               onChange: _cache[1] || (_cache[1] = ($event) => vue.unref(treeState)?.toggleSelectNode(props.nodeId, props.title, props.data)),
-              class: "pl-0 flex-1 flex items-start"
+              class: "flex-1 flex"
             }, {
               label: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_2$c, [
+                vue.createElementVNode("span", null, [
                   shouldHighlightSearch.value && _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: vue.unref(treeState)?.highlightText(_ctx.title, vue.unref(treeState)?.searchTerm?.value)
-                  }, null, 8, _hoisted_3$a)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(_ctx.title), 1))
+                  }, null, 8, _hoisted_2$c)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(_ctx.title), 1))
                 ]),
-                childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
+                childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
               ]),
               _: 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$4, [
+            vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
               vue.createVNode(_sfc_main$s, {
                 ref_key: "triggerRef",
                 ref: triggerRef,
                 icon: "more",
                 size: "24px",
                 onClick: togglePopover,
-                ariaLabel: `Fler val för ${_ctx.title}`
+                ariaLabel: `Fler val för ${_ctx.title}`,
+                class: "items-center"
               }, null, 8, ["ariaLabel"]),
               vue.createVNode(vue.Transition, {
                 "enter-active-class": "transition-opacity duration-200 ease-in-out",
@@ -1479,7 +1496,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                       }, ["stop"])),
                       onFocusout: onPanelFocusOut
                     }, [
-                      vue.createElementVNode("div", _hoisted_7$3, [
+                      vue.createElementVNode("div", _hoisted_6$4, [
                         (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
                           return vue.createElementVNode("div", {
                             key: option.value,
@@ -1503,7 +1520,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                               ],
                               label: option.label
                             }, null, 8, ["checked", "id", "name", "value", "onChange", "onKeydown", "label"])
-                          ], 8, _hoisted_8$2);
+                          ], 8, _hoisted_7$3);
                         }), 64))
                       ]),
                       vue.createVNode(_sfc_main$s, {
@@ -1522,7 +1539,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])
         ], 4),
-        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [
+        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredNodes.value, (child) => {
             return vue.openBlock(), vue.createBlock(_component_TreeNode, {
               key: child.nodeId,
@@ -2647,7 +2664,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const headerClasses = vue.computed(() => [
-      "appearance-none bg-transparent flex items-center border-none text-left p-4 w-full bg-transparent text-gray-800 whitespace-nowrap text-base font-bold leading-5 tracking-normal",
+      "appearance-none bg-transparent flex items-center border-none text-left w-full bg-transparent text-gray-800 whitespace-nowrap text-base font-bold leading-5 tracking-normal",
       props.align === "center" && "text-center justify-center",
       props.align === "right" && "text-right justify-end",
       props.sortable && "text-blue-600! hover:bg-blue_t-200 cursor-pointer focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-500 active:bg-blue_t-300"
@@ -3538,7 +3555,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             size: "24px",
             disabled: _ctx.current === 1,
             ariaDisabled: _ctx.current === 1,
-            class: vue.normalizeClass([{ hidden: _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            class: vue.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"])),
           _ctx.loading && loadingIndicator.value === "prev" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
@@ -3551,7 +3568,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             size: "24px",
             disabled: _ctx.current === 1,
             ariaDisabled: _ctx.current === 1,
-            class: vue.normalizeClass([{ hidden: _ctx.current === 1 }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            class: vue.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"]))
         ]),
@@ -3585,7 +3602,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             size: "24px",
             disabled: _ctx.current === _ctx.max,
             ariaDisabled: _ctx.current === _ctx.max,
-            class: vue.normalizeClass([{ hidden: _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            class: vue.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"])),
           _ctx.loading && loadingIndicator.value === "end" ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
@@ -3598,7 +3615,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             size: "24px",
             disabled: _ctx.current === _ctx.max,
             ariaDisabled: _ctx.current === _ctx.max,
-            class: vue.normalizeClass([{ hidden: _ctx.current === _ctx.max }, "w-8 h-8 sm:w-12 sm:h-12"]),
+            class: vue.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"]))
         ])