fds-vue-core 2.1.27 → 2.1.29

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

@@ -7819,10 +7819,25 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     const inputType = vue.computed(() => type.value ?? props.type ?? "text");
     const autoId = `fds-input-${Math.random().toString(36).slice(2, 9)}`;
     const inputId = vue.computed(() => id.value ?? autoId);
+    const labelAttrs = vue.computed(() => {
+      const eventHandlers = {};
+      for (const key in attrs) {
+        if (key.startsWith("on") && typeof attrs[key] === "function") {
+          eventHandlers[key] = attrs[key];
+        }
+      }
+      return eventHandlers;
+    });
     const inputAttrs = vue.computed(() => {
       const { class: _, type: _type, id: _id, ...rest } = attrs;
+      const filtered = {};
+      for (const key in rest) {
+        if (!key.startsWith("on") || typeof rest[key] !== "function") {
+          filtered[key] = rest[key];
+        }
+      }
       return {
-        ...rest,
+        ...filtered,
         id: inputId.value
       };
     });
@@ -7952,11 +7967,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass({ "flex flex-row gap-4": props.labelLeft })
         }, [
           vue.createElementVNode("div", null, [
-            props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            props.label ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
               key: 0,
               for: inputId.value,
-              class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": props.meta, "mb-1": !props.meta }])
-            }, vue.toDisplayString(props.label), 11, _hoisted_1$c)) : vue.createCommentVNode("", true),
+              class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": props.meta, "mb-1": !props.meta }]
+            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$c)) : vue.createCommentVNode("", true),
             props.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !props.labelLeft }])
@@ -8138,12 +8153,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             "label-position": "right"
           })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createVNode(_sfc_main$h, {
+              style: { "text-align": "center" },
               value: inputValue.value,
               type: "text",
               size: __props.max.toString().length,
               maxlength: __props.max.toString().length,
               onInput: vue.unref(handlePageChange),
-              class: "mb-0! text-center!"
+              class: "mb-0!"
             }, null, 8, ["value", "size", "maxlength", "onInput"]),
             vue.createElementVNode("div", _hoisted_4$5, "/ " + vue.toDisplayString(__props.max), 1)
           ], 64))
@@ -9133,6 +9149,9 @@ const useTreeState = (options = {}) => {
 const _hoisted_1$9 = ["for"];
 const _hoisted_2$7 = ["value", "disabled", "required"];
 const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
   __name: "FdsCheckbox",
   props: /* @__PURE__ */ vue.mergeModels({
     label: { default: void 0 },
@@ -9155,6 +9174,31 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const { id, attrs } = useAttrsWithDefaults(props);
+    const autoId = `fds-checkbox-${Math.random().toString(36).slice(2, 9)}`;
+    const inputId = vue.computed(() => id.value ?? autoId);
+    const labelAttrs = vue.computed(() => {
+      const eventHandlers = {};
+      for (const key in attrs) {
+        if (key.startsWith("on") && typeof attrs[key] === "function") {
+          eventHandlers[key] = attrs[key];
+        }
+      }
+      return eventHandlers;
+    });
+    const inputAttrs = vue.computed(() => {
+      const { id: _, ...rest } = attrs;
+      const filtered = {};
+      for (const key in rest) {
+        if (!key.startsWith("on") || typeof rest[key] !== "function") {
+          filtered[key] = rest[key];
+        }
+      }
+      return {
+        ...filtered,
+        id: inputId.value
+      };
+    });
+    const hasLabelSlot = useHasSlot();
     const wrapperClasses = vue.computed(() => ["block relative flex items-center mb-2 last:mb-0"]);
     const innerWrapperClasses = vue.computed(() => [
       "flex p-0.5 items-start rounded-md",
@@ -9167,16 +9211,6 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       "peer z-2 bg-white min-w-[18px] min-h-[18px] focus-visible:outline-none",
       props.disabled && "cursor-not-allowed"
     ]);
-    const autoId = `fds-checkbox-${Math.random().toString(36).slice(2, 9)}`;
-    const inputId = vue.computed(() => id.value ?? autoId);
-    const inputAttrs = vue.computed(() => {
-      const { id: _, ...rest } = attrs;
-      return {
-        ...rest,
-        id: inputId.value
-      };
-    });
-    const hasLabelSlot = useHasSlot();
     const internalChecked = vue.computed({
       get: () => {
         if (modelValue.value === void 0) {
@@ -9243,10 +9277,10 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
       }, [
-        vue.createElementVNode("label", {
+        vue.createElementVNode("label", vue.mergeProps({
           for: inputId.value,
-          class: vue.normalizeClass([innerWrapperClasses.value, { "cursor-not-allowed": props.disabled }])
-        }, [
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": props.disabled }]
+        }, labelAttrs.value), [
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
             value: props.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
@@ -9265,7 +9299,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$9)
+        ], 16, _hoisted_1$9)
       ], 2);
     };
   }
@@ -9296,10 +9330,25 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     const { id, name, attrs } = useAttrsWithDefaults(props);
     const autoId = `fds-radio-${Math.random().toString(36).slice(2, 9)}`;
     const inputId = vue.computed(() => id.value ?? autoId);
+    const labelAttrs = vue.computed(() => {
+      const eventHandlers = {};
+      for (const key in attrs) {
+        if (key.startsWith("on") && typeof attrs[key] === "function") {
+          eventHandlers[key] = attrs[key];
+        }
+      }
+      return eventHandlers;
+    });
     const inputAttrs = vue.computed(() => {
       const { id: _, ...rest } = attrs;
+      const filtered = {};
+      for (const key in rest) {
+        if (!key.startsWith("on") || typeof rest[key] !== "function") {
+          filtered[key] = rest[key];
+        }
+      }
       return {
-        ...rest,
+        ...filtered,
         id: inputId.value
       };
     });
@@ -9329,10 +9378,10 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
       }, [
-        vue.createElementVNode("label", {
+        vue.createElementVNode("label", vue.mergeProps({
           for: inputId.value,
-          class: vue.normalizeClass([innerWrapperClasses.value, { "cursor-not-allowed": props.disabled }])
-        }, [
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": props.disabled }]
+        }, labelAttrs.value), [
           vue.withDirectives(vue.createElementVNode("input", vue.mergeProps(inputAttrs.value, {
             name: vue.unref(name),
             value: props.value,
@@ -9352,7 +9401,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_1$8)
+        ], 16, _hoisted_1$8)
       ], 2);
     };
   }
@@ -10042,11 +10091,26 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const { id, placeholder, attrs } = useAttrsWithDefaults(props);
     const autoId = `fds-select-${Math.random().toString(36).slice(2, 9)}`;
-    const selectId = vue.computed(() => id.value ?? autoId);
+    const selectId = vue.computed(() => id.value && id.value.trim() !== "" ? id.value : autoId);
+    const labelAttrs = vue.computed(() => {
+      const eventHandlers = {};
+      for (const key in attrs) {
+        if (key.startsWith("on") && typeof attrs[key] === "function") {
+          eventHandlers[key] = attrs[key];
+        }
+      }
+      return eventHandlers;
+    });
     const selectAttrs = vue.computed(() => {
-      const { class: _class, ...rest } = attrs;
+      const { class: _class, id: _id, ...rest } = attrs;
+      const filtered = {};
+      for (const key in rest) {
+        if (!key.startsWith("on") || typeof rest[key] !== "function") {
+          filtered[key] = rest[key];
+        }
+      }
       return {
-        ...rest,
+        ...filtered,
         id: selectId.value,
         disabled: props.disabled,
         "aria-invalid": props.valid === false ? "true" : void 0
@@ -10080,11 +10144,11 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-        __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
           key: 0,
           for: selectId.value,
-          class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
-        }, vue.toDisplayString(__props.label), 11, _hoisted_2$3)) : vue.createCommentVNode("", true),
+          class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }]
+        }, labelAttrs.value), vue.toDisplayString(__props.label), 17, _hoisted_2$3)) : vue.createCommentVNode("", true),
         __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_4$2, [
           vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
@@ -10158,20 +10222,35 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
-    const { id, attrs } = useAttrsWithDefaults(props);
+    const { id, rows, attrs } = useAttrsWithDefaults(props);
     const wrapperClass = vue.computed(() => attrs.class);
+    const autoId = `fds-textarea-${Math.random().toString(36).slice(2, 9)}`;
+    const textareaId = vue.computed(() => id.value && id.value.trim() !== "" ? id.value : autoId);
+    const labelAttrs = vue.computed(() => {
+      const eventHandlers = {};
+      for (const key in attrs) {
+        if (key.startsWith("on") && typeof attrs[key] === "function") {
+          eventHandlers[key] = attrs[key];
+        }
+      }
+      return eventHandlers;
+    });
     const textareaAttrs = vue.computed(() => {
-      const { class: _, ...rest } = attrs;
+      const { class: _, id: _id, rows: _rows, ...rest } = attrs;
+      const filtered = {};
+      for (const key in rest) {
+        if (!key.startsWith("on") || typeof rest[key] !== "function") {
+          filtered[key] = rest[key];
+        }
+      }
       return {
-        ...rest,
+        ...filtered,
         id: textareaId.value,
         disabled: props.disabled,
-        rows: props.rows,
+        rows: rows.value ?? 4,
         "aria-invalid": props.valid === false ? true : void 0
       };
     });
-    const autoId = `fds-textarea-${Math.random().toString(36).slice(2, 9)}`;
-    const textareaId = vue.computed(() => id.value ?? autoId);
     const isLazy = vue.computed(() => props.modelModifiers?.lazy === true);
     const showInvalidMessage = vue.computed(() => props.valid === false && !props.optional && props.invalidMessage);
     const isInvalid = vue.computed(() => props.valid === false && !props.optional && !props.disabled);
@@ -10209,11 +10288,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["w-full mb-4", wrapperClass.value])
       }, [
-        __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
           key: 0,
           for: textareaId.value,
-          class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }])
-        }, vue.toDisplayString(__props.label), 11, _hoisted_1$3)) : vue.createCommentVNode("", true),
+          class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": __props.meta, "mb-1": !__props.meta }]
+        }, labelAttrs.value), vue.toDisplayString(__props.label), 17, _hoisted_1$3)) : vue.createCommentVNode("", true),
         __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_3$1, [
           vue.createElementVNode("textarea", vue.mergeProps({