fds-vue-core 2.0.21 → 2.0.23

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":"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"}
+{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA8EjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAwEF,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,7 +430,7 @@ 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 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"]);
     const checkboxClasses = vue.computed(() => [
       "rounded-md transition-colors duration-200 accent-blue-500 m-[3px]",
@@ -1131,7 +1131,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$l = ["id", "name", "value", "disabled", "required", "checked"];
+const _hoisted_1$l = ["id", "name", "value", "disabled", "required"];
 const _hoisted_2$d = ["for"];
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsRadio",
@@ -1159,7 +1159,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     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 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"]);
     const stateClasses = vue.computed(() => [
       "hover:bg-blue_t-100 active:bg-blue_t-200",
@@ -1171,11 +1171,18 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
       props.disabled && "cursor-not-allowed"
     ]);
     const groupModel = vue.computed({
-      get: () => modelValue.value,
-      set: (v) => {
-        modelValue.value = v;
-        emit("update:checked", true);
-        emit("change", true);
+      get: () => {
+        if (modelValue.value !== void 0 && props.value !== void 0) {
+          return modelValue.value === props.value ? props.value : void 0;
+        }
+        return props.checked ? props.value : void 0;
+      },
+      set: () => {
+        if (props.value !== void 0) {
+          modelValue.value = props.value;
+          emit("update:checked", true);
+          emit("change", true);
+        }
       }
     });
     const handleBlur = (event) => emit("blur", event);
@@ -1198,7 +1205,6 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             required: _ctx.required,
             type: "radio",
             class: vue.normalizeClass([inputClasses.value, "m-[3px]"]),
-            checked: props.checked,
             onBlur: handleBlur,
             onFocus: handleFocus,
             onKeydown: handleKeydown,
@@ -3555,7 +3561,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, {
@@ -3568,7 +3574,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"]))
         ]),
@@ -3602,7 +3608,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, {
@@ -3615,7 +3621,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"]))
         ])