fds-vue-core 2.1.45 → 2.1.46

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

@@ -7795,7 +7795,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     onClearInput: {},
     maskOptions: { default: void 0 },
     modelModifiers: { default: () => ({}) },
-    class: {},
+    class: { default: void 0 },
     style: {},
     tabindex: {},
     id: {},
@@ -7839,7 +7839,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       }
       return {
         ...filtered,
-        id: inputId.value
+        id: inputId.value,
+        class: props.class ?? attrs.class
       };
     });
     const clearButtonLabel = vue.computed(() => props.locale === "sv" ? "Rensa input" : "Clear input");
@@ -7851,7 +7852,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     const showPasswordToggle = vue.computed(
       () => inputType.value === "password" && internalValue.value !== void 0 && internalValue.value !== null && String(internalValue.value).length > 0
     );
-    const externalClass = vue.computed(() => attrs.class);
+    const externalClass = vue.computed(() => props.class ?? attrs.class);
     const inputClasses = vue.computed(() => [
       "block rounded-md border border-gray-500 px-3 py-[calc(0.75rem-1px)]",
       maxlength.value ? "" : "w-full",
@@ -9163,7 +9164,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     modelValue: { type: [Boolean, Array] },
     checked: { type: Boolean, default: false },
     value: { default: void 0 },
-    class: {},
+    class: { default: void 0 },
     style: {},
     tabindex: {},
     autofocus: { type: Boolean },
@@ -9201,7 +9202,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       return eventHandlers;
     });
     const inputAttrs = vue.computed(() => {
-      const { id: _, ...rest } = attrs;
+      const { class: _, id: _id, ...rest } = attrs;
       const filtered = {};
       for (const key in rest) {
         if (!key.startsWith("on") || typeof rest[key] !== "function") {
@@ -9210,11 +9211,12 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       }
       return {
         ...filtered,
-        id: inputId.value
+        id: inputId.value,
+        class: props.class ?? attrs.class
       };
     });
     const hasLabelSlot = useHasSlot();
-    const externalClass = vue.computed(() => attrs.class);
+    const externalClass = vue.computed(() => props.class ?? attrs.class);
     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",
@@ -9301,7 +9303,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             value: props.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalChecked.value = $event),
             disabled: props.disabled,
-            required: __props.required,
+            required: props.required,
             type: "checkbox",
             class: [checkboxClasses.value]
           }, inputAttrs.value), null, 16, _hoisted_2$7), [
@@ -9336,7 +9338,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     value: { default: void 0 },
     name: { default: void 0 },
     id: { default: void 0 },
-    class: {},
+    class: { default: void 0 },
     style: {},
     tabindex: {},
     autofocus: { type: Boolean },
@@ -9369,7 +9371,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       return eventHandlers;
     });
     const inputAttrs = vue.computed(() => {
-      const { id: _id, name: _name, disabled: _disabled, ...rest } = attrs;
+      const { class: _, id: _id, name: _name, disabled: _disabled, ...rest } = attrs;
       const filtered = {};
       for (const key in rest) {
         if (!key.startsWith("on") || typeof rest[key] !== "function") {
@@ -9379,11 +9381,12 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       return {
         ...filtered,
         id: inputId.value,
-        name: props.name ?? attrs.name
+        name: props.name ?? attrs.name,
+        class: props.class ?? attrs.class
       };
     });
     const hasLabelSlot = useHasSlot();
-    const externalClass = vue.computed(() => attrs.class);
+    const externalClass = vue.computed(() => props.class ?? attrs.class);
     const isChecked = vue.computed(() => {
       if (modelValue.value === void 0) {
         return props.checked ?? false;