fds-vue-core 2.0.3 → 2.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"FdsButtonMinor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonMinor/FdsButtonMinor.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAI5D,UAAU,mBAAoB,SAAQ,kBAAkB;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;YADU,OAAO;;;;;;;;AAuLlB,wBAIG"}
+{"version":3,"file":"FdsButtonMinor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonMinor/FdsButtonMinor.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAI5D,UAAU,mBAAoB,SAAQ,kBAAkB;IACtD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;YADU,OAAO;;;;;;;;AA8LlB,wBAIG"}

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":"AA8FA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AA4L5D,wBAIG"}
+{"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"}

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":"AA8FA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AA4L5D,wBAIG"}
+{"version":3,"file":"FdsButtonSecondary.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/FdsButtonSecondary/FdsButtonSecondary.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;;;;;;;;;;;;;;;;;;AAmM5D,wBAIG"}

package/dist/components/FdsTreeView/TreeNode.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsTreeView/TreeNode.vue"],"names":[],"mappings":"AAiXA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,KAAK,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;AAE1D,KAAK,WAAW,GAAG,KAAK,CAAC;;;;;;;;;;;;;;;;;AAgrBzB,wBAGG"}
+{"version":3,"file":"TreeNode.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FdsTreeView/TreeNode.vue"],"names":[],"mappings":"AAkYA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQ5C,KAAK,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;AAE1D,KAAK,WAAW,GAAG,KAAK,CAAC;;;;;;;;;;;;;;;;;AAktBzB,wBAGG"}

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

@@ -1188,7 +1188,8 @@ const _hoisted_4$8 = {
   style: { "max-height": "28px" }
 };
 const _hoisted_5$6 = { class: "flex flex-col gap-2" };
-const _hoisted_6$5 = { key: 0 };
+const _hoisted_6$5 = ["onClick"];
+const _hoisted_7$3 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
@@ -1303,13 +1304,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       firstRadio?.focus();
     };
     const closePopover = () => {
-      setTimeout(() => {
-        isOpen.value = false;
-        window.removeEventListener("scroll", computePopoverCoords, true);
-        window.removeEventListener("resize", computePopoverCoords);
-        document.removeEventListener("pointerdown", handleGlobalPointerDown);
-        document.removeEventListener("keydown", handleGlobalKeydown);
-      }, 300);
+      isOpen.value = false;
+    };
+    const onAfterPopoverLeave = () => {
+      window.removeEventListener("scroll", computePopoverCoords, true);
+      window.removeEventListener("resize", computePopoverCoords);
+      document.removeEventListener("pointerdown", handleGlobalPointerDown);
+      document.removeEventListener("keydown", handleGlobalKeydown);
     };
     const togglePopover = () => {
       if (isOpen.value) closePopover();
@@ -1356,14 +1357,12 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       return "";
     });
     const handleOptionClick = (option) => {
-      setTimeout(() => {
-        if (option === "parent_and_children") {
-          treeState?.selectNodeAndAllChildren(props.nodeId);
-        } else if (option === "parent") {
-          treeState?.deselectChildrenOnly(props.nodeId);
-        }
-        isOpen.value = false;
-      }, 300);
+      if (option === "parent_and_children") {
+        treeState?.selectNodeAndAllChildren(props.nodeId);
+      } else if (option === "parent") {
+        treeState?.deselectChildrenOnly(props.nodeId);
+      }
+      closePopover();
     };
     return (_ctx, _cache) => {
       const _component_TreeNode = vue.resolveComponent("TreeNode", true);
@@ -1432,65 +1431,84 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                 onClick: togglePopover,
                 ariaLabel: `Fler val för ${_ctx.title}`
               }, null, 8, ["ariaLabel"]),
-              isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: "fixed z-9999",
-                style: vue.normalizeStyle({
-                  top: popoverCoords.top + "px",
-                  left: popoverCoords.right - popoverWidth - (popoverCoords.right - popoverCoords.left) + "px"
-                })
-              }, [
-                vue.createElementVNode("div", {
-                  ref_key: "popoverPanelRef",
-                  ref: popoverPanelRef,
-                  class: "bg-white rounded-md p-4 shadow-lg flex flex-row justify-between items-start gap-3",
-                  style: vue.normalizeStyle({
-                    width: popoverWidth + "px",
-                    minHeight: popoverHeight + "px"
-                  }),
-                  onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
-                  }, ["stop"])),
-                  onFocusout: onPanelFocusOut
-                }, [
-                  vue.createElementVNode("div", _hoisted_5$6, [
-                    (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
-                      return vue.createElementVNode("div", {
-                        key: option.value
-                      }, [
-                        vue.createVNode(_sfc_main$p, {
-                          checked: currentOption.value === option.value,
-                          id: `tree-popover-${props.nodeId}-${option.value}`,
-                          name: `tree-popover-${props.nodeId}`,
-                          value: option.value,
-                          onChange: ($event) => handleOptionClick(option.value),
-                          onBlur: closePopover,
-                          onKeydown: [
-                            vue.withKeys(vue.withModifiers(($event) => handleOptionClick(option.value), ["prevent"]), ["enter"]),
-                            vue.withKeys(vue.withModifiers(($event) => handleOptionClick(option.value), ["prevent"]), ["space"])
-                          ]
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(option.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["checked", "id", "name", "value", "onChange", "onKeydown"])
-                      ]);
-                    }), 64))
-                  ]),
-                  vue.createVNode(_sfc_main$r, {
-                    icon: "cross",
-                    id: "tree-popover-close-button",
-                    size: "24px",
-                    onClick: _cache[2] || (_cache[2] = ($event) => closePopover()),
-                    class: "fill-blue-500",
-                    ariaLabel: "Stäng"
-                  })
-                ], 36)
-              ], 4)) : vue.createCommentVNode("", true)
+              vue.createVNode(vue.Transition, {
+                "enter-active-class": "transition-opacity duration-200 ease-in-out",
+                "enter-from-class": "opacity-0",
+                "enter-to-class": "opacity-100",
+                "leave-active-class": "transition-opacity duration-500 ease-in-out",
+                "leave-from-class": "opacity-100",
+                "leave-to-class": "opacity-0",
+                onAfterLeave: onAfterPopoverLeave
+              }, {
+                default: vue.withCtx(() => [
+                  isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "fixed z-9999",
+                    style: vue.normalizeStyle({
+                      top: popoverCoords.top + "px",
+                      left: popoverCoords.right - popoverWidth - (popoverCoords.right - popoverCoords.left) + "px"
+                    })
+                  }, [
+                    vue.createElementVNode("div", {
+                      ref_key: "popoverPanelRef",
+                      ref: popoverPanelRef,
+                      class: "bg-white rounded-md p-4 shadow-lg flex flex-row justify-between items-start gap-3",
+                      style: vue.normalizeStyle({
+                        width: popoverWidth + "px",
+                        minHeight: popoverHeight + "px"
+                      }),
+                      onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
+                      }, ["stop"])),
+                      onFocusout: onPanelFocusOut
+                    }, [
+                      vue.createElementVNode("div", _hoisted_5$6, [
+                        (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
+                          return vue.createElementVNode("div", {
+                            key: option.value,
+                            onClick: (e) => {
+                              if (e.target.tagName !== "INPUT") {
+                                handleOptionClick(option.value);
+                              }
+                            },
+                            class: "cursor-pointer"
+                          }, [
+                            vue.createVNode(_sfc_main$p, {
+                              checked: currentOption.value === option.value,
+                              id: `tree-popover-${props.nodeId}-${option.value}`,
+                              name: `tree-popover-${props.nodeId}`,
+                              value: option.value,
+                              onChange: () => handleOptionClick(option.value),
+                              onBlur: closePopover,
+                              onKeydown: [
+                                vue.withKeys(vue.withModifiers(($event) => handleOptionClick(option.value), ["prevent"]), ["enter"]),
+                                vue.withKeys(vue.withModifiers(($event) => handleOptionClick(option.value), ["prevent"]), ["space"])
+                              ]
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode(vue.toDisplayString(option.label), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["checked", "id", "name", "value", "onChange", "onKeydown"])
+                          ], 8, _hoisted_6$5);
+                        }), 64))
+                      ]),
+                      vue.createVNode(_sfc_main$r, {
+                        icon: "cross",
+                        id: "tree-popover-close-button",
+                        size: "24px",
+                        onClick: _cache[2] || (_cache[2] = ($event) => closePopover()),
+                        class: "fill-blue-500",
+                        ariaLabel: "Stäng"
+                      })
+                    ], 36)
+                  ], 4)) : vue.createCommentVNode("", true)
+                ]),
+                _: 1
+              })
             ])) : vue.createCommentVNode("", true)
           ])
         ], 4),
-        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
+        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredNodes.value, (child) => {
             return vue.openBlock(), vue.createBlock(_component_TreeNode, {
               key: child.nodeId,
@@ -1663,12 +1681,17 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
       }
       emit("click", ev);
     }
+    const linkAttrs = vue.computed(() => {
+      if (props.as === "a") return { href: props.href };
+      if (props.as === "router-link") return { to: props.href };
+      return {};
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
         "aria-disabled": _ctx.disabled ? "true" : null
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps({ href: _ctx.as === "a" ? _ctx.href : void 0, to: _ctx.as === "router-link" ? _ctx.href : void 0 }, {
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
           type: _ctx.as === "button" ? _ctx.type : void 0,
           disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
           class: buttonClasses.value,
@@ -2174,18 +2197,22 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       }
       emit("click", ev);
     }
+    const linkAttrs = vue.computed(() => {
+      if (props.as === "a") return { href: props.href };
+      if (props.as === "router-link") return { to: props.href };
+      return {};
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
         "aria-disabled": _ctx.disabled ? "true" : null
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), {
-          href: _ctx.as === "a" ? _ctx.href : void 0,
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
           type: _ctx.as === "button" ? _ctx.type : void 0,
           disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
-          class: vue.normalizeClass(buttonClasses.value),
+          class: buttonClasses.value,
           onClick
-        }, {
+        }), {
           default: vue.withCtx(() => [
             _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
               key: 0,
@@ -2206,7 +2233,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
           ]),
           _: 1
-        }, 8, ["href", "type", "disabled", "class"]))
+        }, 16, ["type", "disabled", "class"]))
       ], 10, _hoisted_1$d);
     };
   }
@@ -2263,18 +2290,22 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       }
       emit("click", ev);
     }
+    const linkAttrs = vue.computed(() => {
+      if (props.as === "a") return { href: props.href };
+      if (props.as === "router-link") return { to: props.href };
+      return {};
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(rootClasses.value),
         "aria-disabled": _ctx.disabled ? "true" : null
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), {
-          href: _ctx.as === "a" ? _ctx.href : void 0,
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.as), vue.mergeProps(linkAttrs.value, {
           type: _ctx.as === "button" ? _ctx.type : void 0,
           disabled: _ctx.as === "button" ? _ctx.disabled : void 0,
-          class: vue.normalizeClass(buttonClasses.value),
+          class: buttonClasses.value,
           onClick
-        }, {
+        }), {
           default: vue.withCtx(() => [
             _ctx.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
               key: 0,
@@ -2295,7 +2326,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(" " + vue.toDisplayString(_ctx.text), 1)
           ]),
           _: 1
-        }, 8, ["href", "type", "disabled", "class"]))
+        }, 16, ["type", "disabled", "class"]))
       ], 10, _hoisted_1$c);
     };
   }