fds-vue-core 2.1.31 → 2.1.33

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

@@ -980,7 +980,7 @@ const _hoisted_4$7 = {
 const _hoisted_5$6 = { class: "flex items-start justify-between gap-4" };
 const _hoisted_6$4 = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_7$3 = { class: "flex items-start gap-3" };
-const _hoisted_8$3 = {
+const _hoisted_8$2 = {
   key: 1,
   class: "mb-0-last-child"
 };
@@ -1033,7 +1033,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                 ])
               ])
             ])) : vue.createCommentVNode("", true),
-            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$3, [
+            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
@@ -7850,7 +7850,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 wrapperClass = vue.computed(() => attrs.class);
+    const externalClass = vue.computed(() => attrs.class);
     const inputClasses = vue.computed(() => [
       "block rounded-md border border-gray-500 px-3 py-[calc(0.75rem-1px)]",
       maxlength.value ? "" : "w-full",
@@ -7961,7 +7961,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["w-full mb-4", wrapperClass.value])
+        class: vue.normalizeClass(["w-full mb-6", externalClass.value])
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass({ "flex flex-row gap-4": props.labelLeft })
@@ -8251,7 +8251,7 @@ const _hoisted_7$2 = {
   key: 0,
   class: "block m-0 font-light p-6 border-b border-gray-200 rounded-t-md"
 };
-const _hoisted_8$2 = {
+const _hoisted_8$1 = {
   key: 1,
   class: "block m-0 font-light p-4 border-b border-gray-200 rounded-t-md"
 };
@@ -8688,7 +8688,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 size: "48px"
               })
             ])) : displayedItems.value && displayedItems.value.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(__props.searchContext.linkWord) + " " + vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : !searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$2, vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : vue.createCommentVNode("", true),
+              searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(__props.searchContext.linkWord) + " " + vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : !searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("ul", {
                 class: "block m-0 list-none p-0",
                 role: "listbox",
@@ -9199,6 +9199,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const hasLabelSlot = useHasSlot();
+    const externalClass = vue.computed(() => 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",
@@ -9275,7 +9276,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(wrapperClasses.value)
+        class: vue.normalizeClass([wrapperClasses.value, externalClass.value])
       }, [
         vue.createElementVNode("label", vue.mergeProps({
           for: inputId.value,
@@ -9305,7 +9306,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$8 = ["for"];
-const _hoisted_2$6 = ["name", "value", "disabled", "required"];
+const _hoisted_2$6 = ["name", "value", "checked", "disabled", "required"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -9322,7 +9323,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "change", "input"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "update:checked", "change", "input"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
@@ -9353,16 +9354,34 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const hasLabelSlot = useHasSlot();
-    const radioModel = vue.computed({
-      get() {
-        return modelValue.value;
-      },
-      set(newChecked) {
-        emit("update:modelValue", newChecked);
-        emit("change", newChecked);
-        emit("input", newChecked);
+    const externalClass = vue.computed(() => attrs.class);
+    const isChecked = vue.computed(() => {
+      if (modelValue.value === void 0) {
+        return props.checked ?? false;
       }
+      if (props.value !== void 0) {
+        return modelValue.value === props.value;
+      }
+      return false;
     });
+    function handleChange(e) {
+      const target = e.target;
+      const val = props.value;
+      if (modelValue.value === void 0) {
+        if (target.checked && val !== void 0) {
+          emit("update:checked", true);
+          emit("change", val);
+          emit("input", val);
+        } else {
+          emit("update:checked", false);
+          emit("change", val ?? false);
+        }
+      } else if (target.checked && val !== void 0) {
+        emit("update:modelValue", val);
+        emit("change", val);
+        emit("input", val);
+      }
+    }
     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-l-xl rounded-r-md",
@@ -9376,23 +9395,22 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ]);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(wrapperClasses.value)
+        class: vue.normalizeClass([wrapperClasses.value, externalClass.value])
       }, [
         vue.createElementVNode("label", vue.mergeProps({
           for: inputId.value,
           class: [innerWrapperClasses.value, { "cursor-not-allowed": props.disabled }]
         }, labelAttrs.value), [
-          vue.withDirectives(vue.createElementVNode("input", vue.mergeProps(inputAttrs.value, {
+          vue.createElementVNode("input", vue.mergeProps(inputAttrs.value, {
             name: vue.unref(name),
             value: props.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioModel.value = $event),
+            checked: isChecked.value,
+            onChange: handleChange,
             disabled: props.disabled,
             required: props.required,
             type: "radio",
             class: [inputClasses.value, "m-[2px]"]
-          }), null, 16, _hoisted_2$6), [
-            [vue.vModelRadio, radioModel.value]
-          ]),
+          }), null, 16, _hoisted_2$6),
           vue.unref(hasLabelSlot) || props.label ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
             class: vue.normalizeClass(["relative inline-block leading-6 pl-1 select-none", { "cursor-not-allowed": props.disabled }])
@@ -9416,7 +9434,7 @@ const _hoisted_6$2 = {
   class: "items-center max-h-[28px]"
 };
 const _hoisted_7$1 = { class: "flex flex-col gap-2" };
-const _hoisted_8$1 = ["onClick"];
+const _hoisted_8 = ["onClick"];
 const _hoisted_9 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
@@ -9713,7 +9731,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                               onBlur: closePopover,
                               label: option.label
                             }, null, 8, ["modelValue", "id", "name", "value", "label"])
-                          ], 8, _hoisted_8$1);
+                          ], 8, _hoisted_8);
                         }), 64))
                       ]),
                       vue.createVNode(_sfc_main$v, vue.mergeProps({
@@ -10046,21 +10064,20 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "w-fit mb-4" };
-const _hoisted_2$3 = ["for"];
-const _hoisted_3$2 = {
+const _hoisted_1$4 = ["for"];
+const _hoisted_2$3 = {
   key: 1,
   class: "font-thin mb-1"
 };
-const _hoisted_4$2 = { class: "flex relative" };
-const _hoisted_5$2 = {
+const _hoisted_3$2 = { class: "flex relative" };
+const _hoisted_4$2 = {
   key: 0,
   value: "",
   disabled: ""
 };
-const _hoisted_6$1 = ["value", "disabled"];
-const _hoisted_7 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
-const _hoisted_8 = {
+const _hoisted_5$2 = ["value", "disabled"];
+const _hoisted_6$1 = { class: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" };
+const _hoisted_7 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
@@ -10118,6 +10135,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     });
     const slots = vue.useSlots();
     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
     );
@@ -10143,14 +10161,16 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       emit("input", ev);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["w-fit mb-6", externalClass.value])
+      }, [
         __props.label ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
           key: 0,
           for: selectId.value,
           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, [
+        }, labelAttrs.value), vue.toDisplayString(__props.label), 17, _hoisted_1$4)) : vue.createCommentVNode("", true),
+        __props.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, vue.toDisplayString(__props.meta), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3$2, [
           vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
             class: selectClasses.value
@@ -10158,18 +10178,18 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             onChange: handleChange,
             onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
           }), [
-            vue.unref(placeholder) && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_5$2, vue.toDisplayString(vue.unref(placeholder)), 1)) : vue.createCommentVNode("", true),
+            vue.unref(placeholder) && !hasDefaultSlot.value ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_4$2, vue.toDisplayString(vue.unref(placeholder)), 1)) : vue.createCommentVNode("", true),
             !hasDefaultSlot.value && __props.options ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(__props.options, (option) => {
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.value,
                 value: option.value,
                 disabled: option.disabled
-              }, vue.toDisplayString(option.label), 9, _hoisted_6$1);
+              }, vue.toDisplayString(option.label), 9, _hoisted_5$2);
             }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 2 })
           ], 16), [
             [vue.vModelSelect, internalValue.value]
           ]),
-          vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_6$1, [
             vue.createVNode(_sfc_main$w, {
               name: "arrowDown",
               size: 24,
@@ -10181,8 +10201,8 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["class"])
           ])
         ]),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, vue.toDisplayString(__props.invalidMessage), 1)) : vue.createCommentVNode("", true)
-      ]);
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, vue.toDisplayString(__props.invalidMessage), 1)) : vue.createCommentVNode("", true)
+      ], 2);
     };
   }
 });
@@ -10223,7 +10243,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const { id, rows, attrs } = useAttrsWithDefaults(props);
-    const wrapperClass = vue.computed(() => attrs.class);
+    const externalClass = 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(() => {
@@ -10286,7 +10306,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["w-full mb-4", wrapperClass.value])
+        class: vue.normalizeClass(["w-full mb-6", externalClass.value])
       }, [
         __props.label ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
           key: 0,