fds-vue-core 2.0.88 → 2.0.89

package/README.md

@@ -36,3 +36,4 @@ After you are done editing the fds-vue-core project you want to publish your cha
 1. Bump the version in `package.json` (Use the [Semver](https://semver.org/) set of rules for versioning).
 2. Push your changes to github.
 3. Publish the new version to npm: `npm publish --access-public`. (You might need to login: `npm login`)
+4. Authenticate your account

package/dist/components/Buttons/FdsButtonPrimary/FdsButtonPrimary.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsButtonPrimary.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonPrimary/FdsButtonPrimary.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AAmM5D,wBAIG"}
+{"version":3,"file":"FdsButtonPrimary.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonPrimary/FdsButtonPrimary.vue"],"names":[],"mappings":"AAqGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AAuM5D,wBAIG"}

package/dist/components/Buttons/FdsButtonSecondary/FdsButtonSecondary.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsButtonSecondary.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonSecondary/FdsButtonSecondary.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AAmM5D,wBAIG"}
+{"version":3,"file":"FdsButtonSecondary.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonSecondary/FdsButtonSecondary.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AAuM5D,wBAIG"}

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

@@ -415,7 +415,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__ */ vue.defineComponent({
   __name: "FdsCheckbox",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -531,7 +531,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             required: _ctx.required,
             type: "checkbox",
             class: vue.normalizeClass([checkboxClasses.value])
-          }, null, 10, _hoisted_2$i), [
+          }, null, 10, _hoisted_2$k), [
             [vue.vModelCheckbox, internalChecked.value]
           ]),
           vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -1144,7 +1144,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "FdsRadio",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -1208,7 +1208,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             required: _ctx.required,
             type: "radio",
             class: vue.normalizeClass([inputClasses.value, "m-[2px]"])
-          }, null, 10, _hoisted_2$h), [
+          }, null, 10, _hoisted_2$j), [
             [vue.vModelRadio, radioModel.value]
           ]),
           vue.unref(hasLabelSlot) || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -1225,7 +1225,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.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 };
@@ -1455,7 +1455,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               key: 1,
               style: vue.normalizeStyle({ minWidth: `${_ctx.indentation}px` })
             }, null, 4)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2$g, [
+            vue.createElementVNode("div", _hoisted_2$i, [
               vue.createVNode(_sfc_main$w, {
                 id: `checkbox-${props.nodeId}`,
                 checked: vue.unref(treeState)?.isNodeSelected(props.nodeId),
@@ -4849,7 +4849,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   ...{
@@ -4943,7 +4943,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                 size: 24
               }, null, 8, ["class", "name"])
             ], 2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_2$f, vue.toDisplayString(_ctx.text), 1)
+            vue.createElementVNode("span", _hoisted_2$h, vue.toDisplayString(_ctx.text), 1)
           ]),
           _: 1
         }, 16, ["type", "disabled", "target", "rel", "class"]))
@@ -4952,7 +4952,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.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 = {
@@ -5091,7 +5091,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               for: inputId.value,
               class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
-            }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$e)) : vue.createCommentVNode("", true),
+            }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$g)) : vue.createCommentVNode("", true),
             _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !_ctx.labelLeft }])
@@ -5153,7 +5153,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$i = ["id"];
-const _hoisted_2$d = {
+const _hoisted_2$f = {
   key: 0,
   class: "flex items-start justify-between gap-4"
 };
@@ -5199,7 +5199,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(contentClasses.value),
         style: vue.normalizeStyle(borderLeftStyle.value)
       }, [
-        _ctx.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$d, [
+        _ctx.heading ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$f, [
           vue.createElementVNode("div", _hoisted_3$9, [
             vue.createElementVNode("h3", {
               class: vue.normalizeClass(headerClasses.value)
@@ -5243,7 +5243,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$h = { key: 0 };
-const _hoisted_2$c = {
+const _hoisted_2$e = {
   key: 0,
   class: "text-xl"
 };
@@ -5346,7 +5346,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["value", "label"]),
           props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
-            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$c, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$8, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
+            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$e, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$8, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
           ])) : vue.createCommentVNode("", true)
         ], 512)) : vue.createCommentVNode("", true),
         vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
@@ -5401,6 +5401,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.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";
@@ -5438,14 +5439,15 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
     const blockElClasses = vue.computed(() => props.block && "w-full justify-center");
     const iconOrderClasses = vue.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 = vue.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) {
@@ -5473,7 +5475,6 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
               key: 0,
-              class: "mr-2",
               size: "24px",
               color: "inherit"
             })) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -5487,7 +5488,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
+            _ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$d, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))
@@ -5496,6 +5497,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.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";
@@ -5533,14 +5535,15 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
     const blockElClasses = vue.computed(() => props.block && "w-full justify-center");
     const iconOrderClasses = vue.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 = vue.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) {
@@ -5568,7 +5571,6 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
               key: 0,
-              class: "mr-2",
               size: "24px",
               color: "inherit"
             })) : _ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -5582,7 +5584,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                 size: 24
               }, null, 8, ["name"])
             ], 2)) : vue.createCommentVNode("", true),
-            vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
+            _ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$c, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["type", "disabled", "class"]))