fds-vue-core 2.1.40 → 2.1.41

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

@@ -10120,7 +10120,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
     const emit = __emit;
-    const { id, placeholder, attrs } = useAttrsWithDefaults(props);
+    const { id, placeholder, attrs, disabled } = useAttrsWithDefaults(props);
     const autoId = `fds-select-${Math.random().toString(36).slice(2, 9)}`;
     const selectId = vue.computed(() => id.value && id.value.trim() !== "" ? id.value : autoId);
     const labelAttrs = vue.computed(() => {
@@ -10143,7 +10143,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       return {
         ...filtered,
         id: selectId.value,
-        disabled: props.disabled,
+        disabled: disabled.value,
         "aria-invalid": props.valid === false ? "true" : void 0
       };
     });
@@ -10151,15 +10151,15 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     const hasDefaultSlot = vue.computed(() => !!slots.default);
     const externalClass = vue.computed(() => attrs.class);
     const showInvalidMessage = vue.computed(
-      () => props.valid === false && !props.optional && props.invalidMessage && !props.disabled
+      () => props.valid === false && !props.optional && props.invalidMessage && !disabled.value
     );
-    const isInvalid = vue.computed(() => props.valid === false && !props.optional && !props.disabled);
+    const isInvalid = vue.computed(() => props.valid === false && !props.optional && !disabled.value);
     const selectClasses = vue.computed(() => [
       "block w-full rounded-md border border-gray-500 px-3 py-2 pr-10 h-12",
       "focus:outline-2 focus:outline-blue-500 focus:border-transparent",
       "appearance-none",
-      props.disabled ? "outline-dashed text-gray-600 outline-2 -outline-offset-2 outline-gray-400 cursor-not-allowed border-transparent" : "bg-white cursor-pointer",
-      isInvalid.value && !props.disabled && "outline-2 -outline-offset-2 outline-red-600 text-red-600"
+      disabled.value ? "outline-dashed text-gray-600 outline-2 -outline-offset-2 outline-gray-400 cursor-not-allowed border-transparent" : "bg-white cursor-pointer",
+      isInvalid.value && !disabled.value && "outline-2 -outline-offset-2 outline-red-600 text-red-600"
     ]);
     const internalValue = vue.computed({
       get: () => modelValue.value !== void 0 ? modelValue.value : props.value ?? "",
@@ -10208,9 +10208,9 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
               name: "arrowDown",
               size: 24,
               class: vue.normalizeClass({
-                "fill-gray-500": props.disabled,
-                "fill-red-500": isInvalid.value && !props.disabled,
-                "fill-blue-500": !props.disabled && !isInvalid.value
+                "fill-gray-500": vue.unref(disabled),
+                "fill-red-500": isInvalid.value && !vue.unref(disabled),
+                "fill-blue-500": !vue.unref(disabled) && !isInvalid.value
               })
             }, null, 8, ["class"])
           ])