fds-vue-core 2.0.88 → 2.0.89

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

@@ -413,7 +413,7 @@ function useHasSlot(name = "default") {
   });
 }
 const _hoisted_1$q = ["for"];
-const _hoisted_2$i = ["id", "name", "value", "disabled", "required"];
+const _hoisted_2$k = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "FdsCheckbox",
   props: /* @__PURE__ */ mergeModels({
@@ -529,7 +529,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             required: _ctx.required,
             type: "checkbox",
             class: normalizeClass([checkboxClasses.value])
-          }, null, 10, _hoisted_2$i), [
+          }, null, 10, _hoisted_2$k), [
             [vModelCheckbox, internalChecked.value]
           ]),
           unref(hasLabelSlot) || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -1142,7 +1142,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$n = ["for"];
-const _hoisted_2$h = ["id", "name", "value", "disabled", "required"];
+const _hoisted_2$j = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FdsRadio",
   props: /* @__PURE__ */ mergeModels({
@@ -1206,7 +1206,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             required: _ctx.required,
             type: "radio",
             class: normalizeClass([inputClasses.value, "m-[2px]"])
-          }, null, 10, _hoisted_2$h), [
+          }, null, 10, _hoisted_2$j), [
             [vModelRadio, radioModel.value]
           ]),
           unref(hasLabelSlot) || _ctx.label ? (openBlock(), createElementBlock("span", {
@@ -1223,7 +1223,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$m = { class: "flex items-start" };
-const _hoisted_2$g = { class: "flex-1 flex" };
+const _hoisted_2$i = { class: "flex-1 flex" };
 const _hoisted_3$b = ["innerHTML"];
 const _hoisted_4$a = { key: 1 };
 const _hoisted_5$8 = { key: 0 };
@@ -1453,7 +1453,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               key: 1,
               style: normalizeStyle({ minWidth: `${_ctx.indentation}px` })
             }, null, 4)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2$g, [
+            createElementVNode("div", _hoisted_2$i, [
               createVNode(_sfc_main$w, {
                 id: `checkbox-${props.nodeId}`,
                 checked: unref(treeState)?.isNodeSelected(props.nodeId),
@@ -4847,7 +4847,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$k = ["aria-disabled"];
-const _hoisted_2$f = { class: "pt-0.5" };
+const _hoisted_2$h = { class: "pt-0.5" };
 const elBase$2 = "box-border appearance-none inline-flex items-start justify-center w-fit cursor-pointer shadow-none p-0.5 text-base select-none m-0 rounded-md text-left align-start no-underline transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
@@ -4941,7 +4941,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 size: 24
               }, null, 8, ["class", "name"])
             ], 2)) : createCommentVNode("", true),
-            createElementVNode("span", _hoisted_2$f, toDisplayString(_ctx.text), 1)
+            createElementVNode("span", _hoisted_2$h, toDisplayString(_ctx.text), 1)
           ]),
           _: 1
         }, 16, ["type", "disabled", "target", "rel", "class"]))
@@ -4950,7 +4950,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$j = { class: "w-full mb-4" };
-const _hoisted_2$e = ["for"];
+const _hoisted_2$g = ["for"];
 const _hoisted_3$a = { class: "relative" };
 const _hoisted_4$9 = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
 const _hoisted_5$7 = {
@@ -5089,7 +5089,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               key: 0,
               for: inputId.value,
               class: normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-            }, toDisplayString(_ctx.label), 11, _hoisted_2$e)) : createCommentVNode("", true),
+            }, toDisplayString(_ctx.label), 11, _hoisted_2$g)) : createCommentVNode("", true),
             _ctx.meta ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
@@ -5151,7 +5151,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$i = ["id"];
-const _hoisted_2$d = {
+const _hoisted_2$f = {
   key: 0,
   class: "flex items-start justify-between gap-4"
 };
@@ -5197,7 +5197,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         class: normalizeClass(contentClasses.value),
         style: normalizeStyle(borderLeftStyle.value)
       }, [
-        _ctx.heading ? (openBlock(), createElementBlock("header", _hoisted_2$d, [
+        _ctx.heading ? (openBlock(), createElementBlock("header", _hoisted_2$f, [
           createElementVNode("div", _hoisted_3$9, [
             createElementVNode("h3", {
               class: normalizeClass(headerClasses.value)
@@ -5241,7 +5241,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$h = { key: 0 };
-const _hoisted_2$c = {
+const _hoisted_2$e = {
   key: 0,
   class: "text-xl"
 };
@@ -5344,7 +5344,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["value", "label"]),
           props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
-            props.searchCountTemplate && unref(treeState)?.searchTerm?.value && String(unref(treeState)?.searchTerm?.value || "").trim().length >= (unref(treeState)?.triggerLength ?? 1) ? (openBlock(), createElementBlock("h2", _hoisted_2$c, toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (openBlock(), createElementBlock("h2", _hoisted_3$8, toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
+            props.searchCountTemplate && unref(treeState)?.searchTerm?.value && String(unref(treeState)?.searchTerm?.value || "").trim().length >= (unref(treeState)?.triggerLength ?? 1) ? (openBlock(), createElementBlock("h2", _hoisted_2$e, toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (openBlock(), createElementBlock("h2", _hoisted_3$8, toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
           ])) : createCommentVNode("", true)
         ], 512)) : createCommentVNode("", true),
         unref(treeState)?.isEmptySearchResult?.value ? (openBlock(), createBlock(_sfc_main$o, {
@@ -5399,6 +5399,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$g = ["aria-disabled"];
+const _hoisted_2$d = { key: 2 };
 const elBase$1 = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses$1 = "bg-red-600 border border-red-700 text-white hover:bg-red-700 active:bg-red-800 active:border-red-800";
 const iconFillClass$1 = "fill-white";
@@ -5436,14 +5437,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
     const blockElClasses = computed(() => props.block && "w-full justify-center");
     const iconOrderClasses = computed(
-      () => props.icon && props.iconPos === "right" ? "order-2 ml-2 mr-0" : props.icon && "mr-2"
+      () => props.icon && props.iconPos === "right" ? "order-2" : ""
     );
     const buttonClasses = computed(() => [
       elBase$1,
       sizeClasses[props.size || "m"],
       variantClasses$1,
       blockElClasses.value,
-      props.textSelection && "select-text"
+      props.textSelection && "select-text",
+      (props.icon || props.text) && "gap-2"
     ]);
     function onClick(ev) {
       if (props.disabled || props.loading) {
@@ -5471,7 +5473,6 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             _ctx.loading ? (openBlock(), createBlock(_sfc_main$r, {
               key: 0,
-              class: "mr-2",
               size: "24px",
               color: "inherit"
             })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
@@ -5485,7 +5486,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : createCommentVNode("", true),
-            createTextVNode(" " + toDisplayString(_ctx.text), 1)
+            _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
@@ -5494,6 +5495,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$f = ["aria-disabled"];
+const _hoisted_2$c = { key: 2 };
 const elBase = "box-border appearance-none inline-flex items-center justify-center cursor-pointer select-none w-full min-h-0 min-w-12 m-0 rounded-lg text-center align-middle whitespace-nowrap no-underline shadow-[0_2px_4px_rgba(12,72,153,0.12)] transition-[box-shadow,border-color,background-color] duration-200 font-main font-bold text-base leading-5 tracking-normal focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-500";
 const variantClasses = "bg-white border-2 border-blue-500 text-blue-600 hover:border-blue-600 active:bg-blue-600 active:border-blue-600 active:text-white";
 const iconFillClass = "fill-blue-500";
@@ -5531,14 +5533,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
     const blockElClasses = computed(() => props.block && "w-full justify-center");
     const iconOrderClasses = computed(
-      () => props.icon && props.iconPos === "right" ? "order-2 ml-2 mr-0" : props.icon && "mr-2"
+      () => props.icon && props.iconPos === "right" ? "order-2" : ""
     );
     const buttonClasses = computed(() => [
       elBase,
       sizeClasses[props.size || "m"],
       variantClasses,
       blockElClasses.value,
-      props.textSelection && "select-text"
+      props.textSelection && "select-text",
+      (props.icon || props.text) && "gap-2"
     ]);
     function onClick(ev) {
       if (props.disabled || props.loading) {
@@ -5566,7 +5569,6 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             _ctx.loading ? (openBlock(), createBlock(_sfc_main$r, {
               key: 0,
-              class: "mr-2",
               size: "24px",
               color: "inherit"
             })) : _ctx.icon ? (openBlock(), createElementBlock("span", {
@@ -5580,7 +5582,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : createCommentVNode("", true),
-            createTextVNode(" " + toDisplayString(_ctx.text), 1)
+            _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(_ctx.text), 1)) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))