fds-vue-core 2.3.3 → 3.0.1

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

@@ -659,7 +659,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     closeable: { type: Boolean, default: false },
     collapsable: { type: Boolean, default: false },
     expanded: { type: Boolean, default: false },
-    label: { default: "" },
+    heading: { default: "" },
     locale: { default: "sv" },
     icon: {},
     dataTestid: { default: void 0 }
@@ -704,7 +704,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ key: 0 }, rootAttrs.value, { class: alertClasses.value }), [
         vue.createElementVNode("div", null, [
           vue.createElementVNode("div", null, [
-            __props.label ? (vue.openBlock(), vue.createElementBlock("div", {
+            __props.heading ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: vue.normalizeClass(["font-bold w-full justify-between items-start flex gap-2", { "mb-2": (isExpanded.value || !__props.collapsable) && vue.unref(hasSlot) }])
             }, [
@@ -716,7 +716,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                     class: "fill-yellow-700"
                   })
                 ]),
-                vue.createElementVNode("span", _hoisted_3$c, vue.toDisplayString(__props.label), 1)
+                vue.createElementVNode("span", _hoisted_3$c, vue.toDisplayString(__props.heading), 1)
               ]),
               vue.createElementVNode("div", _hoisted_4$b, [
                 __props.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$x, vue.mergeProps({
@@ -883,7 +883,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockExpander",
   props: {
     disabled: { type: Boolean, default: false },
-    label: { default: "" },
+    heading: { default: "" },
     open: { type: Boolean, default: false },
     preIcon: { default: void 0 },
     stickerColor: { default: void 0 },
@@ -961,7 +961,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("span", _hoisted_3$a, [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(["font-bold font-heading text-lg leading-md", { "text-gray-700": __props.disabled }])
-                  }, vue.toDisplayString(__props.label), 3)
+                  }, vue.toDisplayString(__props.heading), 3)
                 ])
               ], 2),
               vue.createElementVNode("span", null, [
@@ -1028,7 +1028,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   props: {
     heading: { default: void 0 },
     icon: { default: void 0 },
-    size: { default: "small" },
+    iconSize: { default: "small" },
     dataTestid: { default: void 0 }
   },
   setup(__props) {
@@ -1037,9 +1037,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     const contentClasses = vue.computed(() => [
       "rounded-md bg-blue_t-100 mb-4",
       !hasSlot.value && "mb-0!",
-      props.size === "small" && "p-4",
-      props.size === "small" && hasSlot.value && "pb-6",
-      props.size === "large" && props.icon && "p-6"
+      props.iconSize === "small" && "p-4",
+      props.iconSize === "small" && hasSlot.value && "pb-6",
+      props.iconSize === "large" && props.icon && "p-6"
     ]);
     const autoId = `fds-content-block-${Math.random().toString(36).slice(2, 9)}`;
     const contentBlockId = vue.computed(() => props.id ?? autoId);
@@ -1055,7 +1055,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         id: contentBlockId.value,
         class: contentClasses.value
       }, rootAttrs.value), [
-        __props.size === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
+        __props.iconSize === "large" && __props.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
           vue.createVNode(_sfc_main$y, {
             name: __props.icon,
             size: largeIconSize,
@@ -1081,7 +1081,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("header", _hoisted_10$2, [
               vue.createElementVNode("div", _hoisted_11$2, [
-                __props.icon && __props.size === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+                __props.icon && __props.iconSize === "small" ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: 0,
                   name: __props.icon,
                   size: smallIconSize,
@@ -1113,7 +1113,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   },
   __name: "FdsBlockLink",
   props: {
-    label: {},
+    heading: {},
     arrow: { type: Boolean, default: false },
     download: {},
     href: {},
@@ -1210,7 +1210,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               }, [
                 vue.createElementVNode("h3", {
                   class: vue.normalizeClass(["flex-1 font-heading text-lg tracking-normal m-0 leading-md", headerTextClasses.value])
-                }, vue.toDisplayString(__props.label), 3)
+                }, vue.toDisplayString(__props.heading), 3)
               ], 2),
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(slotWrapperClasses.value)
@@ -1436,8 +1436,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   props: {
     value: { default: "" },
     targetId: {},
-    label: { default: "Kopiera" },
-    copiedLabel: { default: "Kopierat!" },
+    text: { default: "Kopiera" },
+    copiedText: { default: "Kopierat!" },
     timeoutMs: { default: 800 },
     disabled: { type: Boolean, default: false },
     dataTestid: { default: void 0 }
@@ -1495,13 +1495,13 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
         vue.createVNode(_sfc_main$y, { name: "bigSuccess" }),
-        vue.createElementVNode("span", null, vue.toDisplayString(props.copiedLabel), 1)
+        vue.createElementVNode("span", null, vue.toDisplayString(props.copiedText), 1)
       ])) : (vue.openBlock(), vue.createBlock(_sfc_main$p, {
         key: 1,
         type: "button",
         disabled: props.disabled,
         icon: "copy",
-        text: isCopied.value ? props.copiedLabel : props.label,
+        text: isCopied.value ? props.copiedText : props.text,
         dataTestid: __props.dataTestid,
         onClick
       }, null, 8, ["disabled", "text", "dataTestid"]));
@@ -5118,7 +5118,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               heading: "localStorage",
               icon: "information",
-              size: "small"
+              iconSize: "small"
             }, {
               default: vue.withCtx(() => [
                 !localStorageEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, "Inga värden i localStorage.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
@@ -5186,7 +5186,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               key: 1,
               heading: "sessionStorage",
               icon: "information",
-              size: "small"
+              iconSize: "small"
             }, {
               default: vue.withCtx(() => [
                 !sessionStorageEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, "Inga värden i sessionStorage.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
@@ -5254,7 +5254,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               key: 2,
               heading: "Cookies",
               icon: "information",
-              size: "small"
+              iconSize: "small"
             }, {
               default: vue.withCtx(() => [
                 !cookieEntries.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, "Inga cookies satta för domänen.")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, [
@@ -5322,7 +5322,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
               key: 3,
               heading: "Placeholder",
               icon: "information",
-              size: "small",
+              iconSize: "small",
               class: "min-h-[200px] flex items-center justify-center text-sm text-gray-500"
             }, {
               default: vue.withCtx(() => [..._cache[21] || (_cache[21] = [
@@ -9206,7 +9206,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     onInput: {}
   },
   emits: ["searchSelected", "paginate", "total", "change", "input", "clearInput"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const searchFields = vue.computed(() => props.searchFields ?? []);
     const emit = __emit;
@@ -9247,6 +9247,17 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         input?.focus();
       });
     };
+    const handleBlurInput = () => {
+      const input = getInputElement();
+      input?.blur();
+    };
+    const handleBlurAndClear = () => {
+      const input = getInputElement();
+      input?.blur();
+      searchTerm.value = "";
+      selectedItem.value = null;
+      valid.value = null;
+    };
     const uncheckAllRadios = () => {
       if (!dropdownRef.value) return;
       const checkedRadio = dropdownRef.value.querySelector(
@@ -9560,6 +9571,12 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       }
       return attrs;
     });
+    __expose({
+      blur: handleBlurInput,
+      clear: handleClear,
+      blurAndClear: handleBlurAndClear,
+      focus: focusInput
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "componentRef",