fds-vue-core 4.4.3 → 4.5.1

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

@@ -540,7 +540,7 @@ const icons = {
       </defs>
     </svg>`
 };
-const _hoisted_1$q = ["innerHTML"];
+const _hoisted_1$r = ["innerHTML"];
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsIcon",
   props: {
@@ -574,7 +574,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
         class: "flex items-center justify-center align-middle",
         style: { width: pixelSize.value, height: pixelSize.value }
-      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$q);
+      }, rootAttrs.value, { innerHTML: svgHtml.value }), null, 16, _hoisted_1$r);
     };
   }
 });
@@ -638,7 +638,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$p = { class: "flex items-start gap-2" };
+const _hoisted_1$q = { class: "flex items-start gap-2" };
 const _hoisted_2$k = { class: "h-7 flex items-center" };
 const _hoisted_3$c = { class: "leading-7" };
 const _hoisted_4$b = { class: "relative h-7" };
@@ -702,7 +702,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               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) }])
             }, [
-              vue.createElementVNode("div", _hoisted_1$p, [
+              vue.createElementVNode("div", _hoisted_1$q, [
                 vue.createElementVNode("div", _hoisted_2$k, [
                   vue.createVNode(_sfc_main$D, {
                     name: "alert",
@@ -742,7 +742,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["id"];
+const _hoisted_1$p = ["id"];
 const _hoisted_2$j = {
   key: 0,
   class: "flex items-start justify-between gap-4 mb-4"
@@ -807,7 +807,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_5$9, [
           vue.renderSlot(_ctx.$slots, "default")
         ])
-      ], 16, _hoisted_1$o);
+      ], 16, _hoisted_1$p);
     };
   }
 });
@@ -859,7 +859,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "leading-6 w-full flex justify-between gap-4" };
+const _hoisted_1$o = { class: "leading-6 w-full flex justify-between gap-4" };
 const _hoisted_2$i = {
   key: 0,
   class: "flex items-center mr-4"
@@ -941,7 +941,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("span", {
             class: vue.normalizeClass(buttonRowClasses.value)
           }, [
-            vue.createElementVNode("span", _hoisted_1$n, [
+            vue.createElementVNode("span", _hoisted_1$o, [
               vue.createElementVNode("span", {
                 class: vue.normalizeClass({ "inline-flex items-start": __props.preIcon })
               }, [
@@ -992,7 +992,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$m = ["id"];
+const _hoisted_1$n = ["id"];
 const _hoisted_2$h = {
   key: 0,
   class: "flex items-start gap-4"
@@ -1092,11 +1092,11 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
             vue.renderSlot(_ctx.$slots, "default")
           ])
         ]))
-      ], 16, _hoisted_1$m);
+      ], 16, _hoisted_1$n);
     };
   }
 });
-const _hoisted_1$l = { class: "mb-0-last-child" };
+const _hoisted_1$m = { class: "mb-0-last-child" };
 const _hoisted_2$g = {
   key: 0,
   class: "flex items-end"
@@ -1209,7 +1209,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(slotWrapperClasses.value)
               }, [
-                vue.createElementVNode("div", _hoisted_1$l, [
+                vue.createElementVNode("div", _hoisted_1$m, [
                   vue.renderSlot(_ctx.$slots, "default")
                 ]),
                 vue.unref(hasStickerSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
@@ -1230,7 +1230,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = ["aria-label"];
+const _hoisted_1$l = ["aria-label"];
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSpinner",
   props: {
@@ -1311,11 +1311,11 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: vue.normalizeClass(__props.labelPosition === "bottom" ? "font-bold" : "")
         }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$k);
+      ], 16, _hoisted_1$l);
     };
   }
 });
-const _hoisted_1$j = ["aria-disabled"];
+const _hoisted_1$k = ["aria-disabled"];
 const _hoisted_2$f = { class: "pt-0.5" };
 const elBase$2 = "box-border appearance-none inline-flex items-start justify-center w-fit 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$u = /* @__PURE__ */ vue.defineComponent({
@@ -1418,11 +1418,11 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "target", "rel", "data-testid", "class"]))
-      ], 10, _hoisted_1$j);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "flex items-center gap-2 h-7"
 };
@@ -1488,7 +1488,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+      return isCopied.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
         vue.createVNode(_sfc_main$D, { name: "bigSuccess" }),
         vue.createElementVNode("span", null, vue.toDisplayString(props.copiedText), 1)
       ])) : (vue.openBlock(), vue.createBlock(_sfc_main$u, {
@@ -1568,7 +1568,12 @@ const isFormData = (thing) => {
   kind === "object" && isFunction$1(thing.toString) && thing.toString() === "[object FormData]"));
 };
 const isURLSearchParams = kindOfTest("URLSearchParams");
-const [isReadableStream, isRequest, isResponse, isHeaders] = ["ReadableStream", "Request", "Response", "Headers"].map(kindOfTest);
+const [isReadableStream, isRequest, isResponse, isHeaders] = [
+  "ReadableStream",
+  "Request",
+  "Response",
+  "Headers"
+].map(kindOfTest);
 const trim = (str) => str.trim ? str.trim() : str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function forEach(obj, fn, { allOwnKeys = false } = {}) {
   if (obj === null || typeof obj === "undefined") {
@@ -1621,6 +1626,9 @@ function merge() {
   const { caseless, skipUndefined } = isContextDefined(this) && this || {};
   const result = {};
   const assignValue = (val, key) => {
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return;
+    }
     const targetKey = caseless && findKey(result, key) || key;
     if (isPlainObject(result[targetKey]) && isPlainObject(val)) {
       result[targetKey] = merge(result[targetKey], val);
@@ -1638,13 +1646,27 @@ function merge() {
   return result;
 }
 const extend = (a, b, thisArg, { allOwnKeys } = {}) => {
-  forEach(b, (val, key) => {
-    if (thisArg && isFunction$1(val)) {
-      a[key] = bind(val, thisArg);
-    } else {
-      a[key] = val;
-    }
-  }, { allOwnKeys });
+  forEach(
+    b,
+    (val, key) => {
+      if (thisArg && isFunction$1(val)) {
+        Object.defineProperty(a, key, {
+          value: bind(val, thisArg),
+          writable: true,
+          enumerable: true,
+          configurable: true
+        });
+      } else {
+        Object.defineProperty(a, key, {
+          value: val,
+          writable: true,
+          enumerable: true,
+          configurable: true
+        });
+      }
+    },
+    { allOwnKeys }
+  );
   return a;
 };
 const stripBOM = (content) => {
@@ -1653,9 +1675,17 @@ const stripBOM = (content) => {
   }
   return content;
 };
-const inherits = (constructor, superConstructor, props, descriptors2) => {
-  constructor.prototype = Object.create(superConstructor.prototype, descriptors2);
-  constructor.prototype.constructor = constructor;
+const inherits = (constructor, superConstructor, props, descriptors) => {
+  constructor.prototype = Object.create(
+    superConstructor.prototype,
+    descriptors
+  );
+  Object.defineProperty(constructor.prototype, "constructor", {
+    value: constructor,
+    writable: true,
+    enumerable: false,
+    configurable: true
+  });
   Object.defineProperty(constructor, "super", {
     value: superConstructor.prototype
   });
@@ -1726,19 +1756,16 @@ const matchAll = (regExp, str) => {
 };
 const isHTMLForm = kindOfTest("HTMLFormElement");
 const toCamelCase = (str) => {
-  return str.toLowerCase().replace(
-    /[-_\s]([a-z\d])(\w*)/g,
-    function replacer(m, p1, p2) {
-      return p1.toUpperCase() + p2;
-    }
-  );
+  return str.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g, function replacer(m, p1, p2) {
+    return p1.toUpperCase() + p2;
+  });
 };
 const hasOwnProperty = (({ hasOwnProperty: hasOwnProperty2 }) => (obj, prop) => hasOwnProperty2.call(obj, prop))(Object.prototype);
 const isRegExp = kindOfTest("RegExp");
 const reduceDescriptors = (obj, reducer) => {
-  const descriptors2 = Object.getOwnPropertyDescriptors(obj);
+  const descriptors = Object.getOwnPropertyDescriptors(obj);
   const reducedDescriptors = {};
-  forEach(descriptors2, (descriptor, name) => {
+  forEach(descriptors, (descriptor, name) => {
     let ret;
     if ((ret = reducer(descriptor, name, obj)) !== false) {
       reducedDescriptors[name] = ret || descriptor;
@@ -1815,20 +1842,21 @@ const _setImmediate = ((setImmediateSupported, postMessageSupported) => {
     return setImmediate;
   }
   return postMessageSupported ? ((token, callbacks) => {
-    _global.addEventListener("message", ({ source, data }) => {
-      if (source === _global && data === token) {
-        callbacks.length && callbacks.shift()();
-      }
-    }, false);
+    _global.addEventListener(
+      "message",
+      ({ source, data }) => {
+        if (source === _global && data === token) {
+          callbacks.length && callbacks.shift()();
+        }
+      },
+      false
+    );
     return (cb) => {
       callbacks.push(cb);
       _global.postMessage(token, "*");
     };
   })(`axios@${Math.random()}`, []) : (cb) => setTimeout(cb);
-})(
-  typeof setImmediate === "function",
-  isFunction$1(_global.postMessage)
-);
+})(typeof setImmediate === "function", isFunction$1(_global.postMessage));
 const asap = typeof queueMicrotask !== "undefined" ? queueMicrotask.bind(_global) : typeof process !== "undefined" && process.nextTick || _setImmediate;
 const isIterable = (thing) => thing != null && isFunction$1(thing[iterator]);
 const utils$1 = {
@@ -1891,25 +1919,38 @@ const utils$1 = {
   asap,
   isIterable
 };
-function AxiosError$1(message, code, config, request, response) {
-  Error.call(this);
-  if (Error.captureStackTrace) {
-    Error.captureStackTrace(this, this.constructor);
-  } else {
-    this.stack = new Error().stack;
-  }
-  this.message = message;
-  this.name = "AxiosError";
-  code && (this.code = code);
-  config && (this.config = config);
-  request && (this.request = request);
-  if (response) {
-    this.response = response;
-    this.status = response.status ? response.status : null;
+let AxiosError$1 = class AxiosError extends Error {
+  static from(error, code, config, request, response, customProps) {
+    const axiosError = new AxiosError(error.message, code || error.code, config, request, response);
+    axiosError.cause = error;
+    axiosError.name = error.name;
+    customProps && Object.assign(axiosError, customProps);
+    return axiosError;
   }
-}
-utils$1.inherits(AxiosError$1, Error, {
-  toJSON: function toJSON() {
+  /**
+   * Create an Error with the specified message, config, error code, request and response.
+   *
+   * @param {string} message The error message.
+   * @param {string} [code] The error code (for example, 'ECONNABORTED').
+   * @param {Object} [config] The config.
+   * @param {Object} [request] The request.
+   * @param {Object} [response] The response.
+   *
+   * @returns {Error} The created error.
+   */
+  constructor(message, code, config, request, response) {
+    super(message);
+    this.name = "AxiosError";
+    this.isAxiosError = true;
+    code && (this.code = code);
+    config && (this.config = config);
+    request && (this.request = request);
+    if (response) {
+      this.response = response;
+      this.status = response.status;
+    }
+  }
+  toJSON() {
     return {
       // Standard
       message: this.message,
@@ -1928,45 +1969,19 @@ utils$1.inherits(AxiosError$1, Error, {
       status: this.status
     };
   }
-});
-const prototype$1 = AxiosError$1.prototype;
-const descriptors = {};
-[
-  "ERR_BAD_OPTION_VALUE",
-  "ERR_BAD_OPTION",
-  "ECONNABORTED",
-  "ETIMEDOUT",
-  "ERR_NETWORK",
-  "ERR_FR_TOO_MANY_REDIRECTS",
-  "ERR_DEPRECATED",
-  "ERR_BAD_RESPONSE",
-  "ERR_BAD_REQUEST",
-  "ERR_CANCELED",
-  "ERR_NOT_SUPPORT",
-  "ERR_INVALID_URL"
-  // eslint-disable-next-line func-names
-].forEach((code) => {
-  descriptors[code] = { value: code };
-});
-Object.defineProperties(AxiosError$1, descriptors);
-Object.defineProperty(prototype$1, "isAxiosError", { value: true });
-AxiosError$1.from = (error, code, config, request, response, customProps) => {
-  const axiosError = Object.create(prototype$1);
-  utils$1.toFlatObject(error, axiosError, function filter2(obj) {
-    return obj !== Error.prototype;
-  }, (prop) => {
-    return prop !== "isAxiosError";
-  });
-  const msg = error && error.message ? error.message : "Error";
-  const errCode = code == null && error ? error.code : code;
-  AxiosError$1.call(axiosError, msg, errCode, config, request, response);
-  if (error && axiosError.cause == null) {
-    Object.defineProperty(axiosError, "cause", { value: error, configurable: true });
-  }
-  axiosError.name = error && error.name || "Error";
-  customProps && Object.assign(axiosError, customProps);
-  return axiosError;
 };
+AxiosError$1.ERR_BAD_OPTION_VALUE = "ERR_BAD_OPTION_VALUE";
+AxiosError$1.ERR_BAD_OPTION = "ERR_BAD_OPTION";
+AxiosError$1.ECONNABORTED = "ECONNABORTED";
+AxiosError$1.ETIMEDOUT = "ETIMEDOUT";
+AxiosError$1.ERR_NETWORK = "ERR_NETWORK";
+AxiosError$1.ERR_FR_TOO_MANY_REDIRECTS = "ERR_FR_TOO_MANY_REDIRECTS";
+AxiosError$1.ERR_DEPRECATED = "ERR_DEPRECATED";
+AxiosError$1.ERR_BAD_RESPONSE = "ERR_BAD_RESPONSE";
+AxiosError$1.ERR_BAD_REQUEST = "ERR_BAD_REQUEST";
+AxiosError$1.ERR_CANCELED = "ERR_CANCELED";
+AxiosError$1.ERR_NOT_SUPPORT = "ERR_NOT_SUPPORT";
+AxiosError$1.ERR_INVALID_URL = "ERR_INVALID_URL";
 const httpAdapter = null;
 function isVisitable(thing) {
   return utils$1.isPlainObject(thing) || utils$1.isArray(thing);
@@ -2118,17 +2133,15 @@ function buildURL(url, params, options) {
     return url;
   }
   const _encode = options && options.encode || encode;
-  if (utils$1.isFunction(options)) {
-    options = {
-      serialize: options
-    };
-  }
-  const serializeFn = options && options.serialize;
+  const _options = utils$1.isFunction(options) ? {
+    serialize: options
+  } : options;
+  const serializeFn = _options && _options.serialize;
   let serializedParams;
   if (serializeFn) {
-    serializedParams = serializeFn(params, options);
+    serializedParams = serializeFn(params, _options);
   } else {
-    serializedParams = utils$1.isURLSearchParams(params) ? params.toString() : new AxiosURLSearchParams(params, options).toString(_encode);
+    serializedParams = utils$1.isURLSearchParams(params) ? params.toString() : new AxiosURLSearchParams(params, _options).toString(_encode);
   }
   if (serializedParams) {
     const hashmarkIndex = url.indexOf("#");
@@ -2148,6 +2161,7 @@ class InterceptorManager {
    *
    * @param {Function} fulfilled The function to handle `then` for a `Promise`
    * @param {Function} rejected The function to handle `reject` for a `Promise`
+   * @param {Object} options The options for the interceptor, synchronous and runWhen
    *
    * @return {Number} An ID used to remove interceptor later
    */
@@ -2203,7 +2217,8 @@ class InterceptorManager {
 const transitionalDefaults = {
   silentJSONParsing: true,
   forcedJSONParsing: true,
-  clarifyTimeoutError: false
+  clarifyTimeoutError: false,
+  legacyInterceptorReqResOrdering: true
 };
 const URLSearchParams$1 = typeof URLSearchParams !== "undefined" ? URLSearchParams : AxiosURLSearchParams;
 const FormData$1 = typeof FormData !== "undefined" ? FormData : null;
@@ -2688,13 +2703,22 @@ function transformData(fns, response) {
 function isCancel$1(value) {
   return !!(value && value.__CANCEL__);
 }
-function CanceledError$1(message, config, request) {
-  AxiosError$1.call(this, message == null ? "canceled" : message, AxiosError$1.ERR_CANCELED, config, request);
-  this.name = "CanceledError";
-}
-utils$1.inherits(CanceledError$1, AxiosError$1, {
-  __CANCEL__: true
-});
+let CanceledError$1 = class CanceledError extends AxiosError$1 {
+  /**
+   * A `CanceledError` is an object that is thrown when an operation is canceled.
+   *
+   * @param {string=} message The message.
+   * @param {Object=} config The config.
+   * @param {Object=} request The request.
+   *
+   * @returns {CanceledError} The created error.
+   */
+  constructor(message, config, request) {
+    super(message == null ? "canceled" : message, AxiosError$1.ERR_CANCELED, config, request);
+    this.name = "CanceledError";
+    this.__CANCEL__ = true;
+  }
+};
 function settle(resolve, reject, response) {
   const validateStatus2 = response.config.validateStatus;
   if (!response.status || !validateStatus2 || validateStatus2(response.status)) {
@@ -2863,6 +2887,9 @@ const cookies = platform.hasStandardBrowserEnv ? (
   }
 );
 function isAbsoluteURL(url) {
+  if (typeof url !== "string") {
+    return false;
+  }
   return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url);
 }
 function combineURLs(baseURL, relativeURL) {
@@ -2946,11 +2973,16 @@ function mergeConfig$1(config1, config2) {
     validateStatus: mergeDirectKeys,
     headers: (a, b, prop) => mergeDeepProperties(headersToObject(a), headersToObject(b), prop, true)
   };
-  utils$1.forEach(Object.keys({ ...config1, ...config2 }), function computeConfigValue(prop) {
-    const merge2 = mergeMap[prop] || mergeDeepProperties;
-    const configValue = merge2(config1[prop], config2[prop], prop);
-    utils$1.isUndefined(configValue) && merge2 !== mergeDirectKeys || (config[prop] = configValue);
-  });
+  utils$1.forEach(
+    Object.keys({ ...config1, ...config2 }),
+    function computeConfigValue(prop) {
+      if (prop === "__proto__" || prop === "constructor" || prop === "prototype")
+        return;
+      const merge2 = utils$1.hasOwnProp(mergeMap, prop) ? mergeMap[prop] : mergeDeepProperties;
+      const configValue = merge2(config1[prop], config2[prop], prop);
+      utils$1.isUndefined(configValue) && merge2 !== mergeDirectKeys || (config[prop] = configValue);
+    }
+  );
   return config;
 }
 const resolveConfig = (config) => {
@@ -3131,7 +3163,7 @@ const composeSignals = (signals, timeout) => {
     };
     let timer = timeout && setTimeout(() => {
       timer = null;
-      onabort(new AxiosError$1(`timeout ${timeout} of ms exceeded`, AxiosError$1.ETIMEDOUT));
+      onabort(new AxiosError$1(`timeout of ${timeout}ms exceeded`, AxiosError$1.ETIMEDOUT));
     }, timeout);
     const unsubscribe = () => {
       if (signals) {
@@ -3402,13 +3434,13 @@ const factory = (env) => {
       unsubscribe && unsubscribe();
       if (err && err.name === "TypeError" && /Load failed|fetch/i.test(err.message)) {
         throw Object.assign(
-          new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, config, request),
+          new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, config, request, err && err.response),
           {
             cause: err.cause || err
           }
         );
       }
-      throw AxiosError$1.from(err, err && err.code, config, request);
+      throw AxiosError$1.from(err, err && err.code, config, request, err && err.response);
     }
   };
 };
@@ -3537,7 +3569,7 @@ function dispatchRequest(config) {
     return Promise.reject(reason);
   });
 }
-const VERSION$1 = "1.13.2";
+const VERSION$1 = "1.13.5";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type, i) => {
   validators$1[type] = function validator2(thing) {
@@ -3650,7 +3682,8 @@ let Axios$1 = class Axios {
       validator.assertOptions(transitional2, {
         silentJSONParsing: validators.transitional(validators.boolean),
         forcedJSONParsing: validators.transitional(validators.boolean),
-        clarifyTimeoutError: validators.transitional(validators.boolean)
+        clarifyTimeoutError: validators.transitional(validators.boolean),
+        legacyInterceptorReqResOrdering: validators.transitional(validators.boolean)
       }, false);
     }
     if (paramsSerializer != null) {
@@ -3694,7 +3727,13 @@ let Axios$1 = class Axios {
         return;
       }
       synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous;
-      requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected);
+      const transitional3 = config.transitional || transitionalDefaults;
+      const legacyInterceptorReqResOrdering = transitional3 && transitional3.legacyInterceptorReqResOrdering;
+      if (legacyInterceptorReqResOrdering) {
+        requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected);
+      } else {
+        requestInterceptorChain.push(interceptor.fulfilled, interceptor.rejected);
+      }
     });
     const responseInterceptorChain = [];
     this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {
@@ -3978,8 +4017,8 @@ axios.HttpStatusCode = HttpStatusCode$1;
 axios.default = axios;
 const {
   Axios: Axios2,
-  AxiosError,
-  CanceledError,
+  AxiosError: AxiosError2,
+  CanceledError: CanceledError2,
   isCancel,
   CancelToken: CancelToken2,
   VERSION,
@@ -4126,7 +4165,7 @@ function useDownload() {
     isDownloading
   };
 }
-const _hoisted_1$h = ["disabled", "aria-disabled"];
+const _hoisted_1$i = ["disabled", "aria-disabled"];
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsButtonDownload",
   props: {
@@ -4235,11 +4274,11 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           }, null, 8, ["class"])
         ], 2),
         vue.createTextVNode(" " + vue.toDisplayString(__props.text), 1)
-      ], 16, _hoisted_1$h);
+      ], 16, _hoisted_1$i);
     };
   }
 });
-const _hoisted_1$g = ["aria-disabled"];
+const _hoisted_1$h = ["aria-disabled"];
 const _hoisted_2$e = { key: 2 };
 const elBase$1 = "fds-button-primary box-border appearance-none inline-flex items-center justify-center 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";
@@ -4342,11 +4381,11 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$h);
     };
   }
 });
-const _hoisted_1$f = ["aria-disabled"];
+const _hoisted_1$g = ["aria-disabled"];
 const _hoisted_2$d = { key: 2 };
 const elBase = "fds-button-secondary box-border appearance-none inline-flex items-center justify-center 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:bg-blue_t-100 hover:border-blue-500 hover:text-blue-600 active:bg-blue_t-200 active:border-blue-500 active:text-blue-600";
@@ -4450,7 +4489,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         }, 16, ["type", "disabled", "data-testid", "class"]))
-      ], 10, _hoisted_1$f);
+      ], 10, _hoisted_1$g);
     };
   }
 });
@@ -4518,7 +4557,7 @@ function useViewportBreakpoint() {
     breakpoints
   };
 }
-const _hoisted_1$e = ["title"];
+const _hoisted_1$f = ["title"];
 const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBreakpointIndicator",
   props: {
@@ -4556,7 +4595,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
           class: "px-2 py-1 rounded text-xs bg-white bg-opacity-20 text-black hover:bg-opacity-30 cursor-pointer",
           title: `${vue.unref(windowWidth)}px`,
           onClick: toggleBreakpointList
-        }, vue.toDisplayString(vue.unref(currentBreakpoint)), 9, _hoisted_1$e),
+        }, vue.toDisplayString(vue.unref(currentBreakpoint)), 9, _hoisted_1$f),
         showBreakpointList.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["absolute bottom-full left-0 mb-2 rounded-lg shadow-lg p-2 text-xs font-mono whitespace-nowrap z-10", __props.popoverClass])
@@ -4583,6 +4622,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
 });
 const MIN_WIDTH = 288;
 const MIN_HEIGHT = 200;
+const getStorageKey = (key) => `fds-modal-${key}`;
 function useModalDragResize(options) {
   const isDragging = vue.ref(false);
   const isResizing = vue.ref(false);
@@ -4595,6 +4635,36 @@ function useModalDragResize(options) {
   const resizeStart = vue.ref({ x: 0, y: 0, width: 0, height: 0, left: 0, top: 0 });
   const lastInteractionEnd = vue.ref(0);
   const isCustomPositioned = vue.computed(() => hasBeenDragged.value || hasBeenResized.value);
+  const canPersist = () => (options.movable.value || options.resizable.value) && !!options.heading.value && typeof window !== "undefined";
+  const save = () => {
+    if (!canPersist()) return;
+    const data = {};
+    if (modalPosition.value) data.position = modalPosition.value;
+    if (modalSize.value) data.size = modalSize.value;
+    try {
+      window.localStorage.setItem(getStorageKey(options.heading.value), JSON.stringify(data));
+    } catch {
+    }
+  };
+  const restore = () => {
+    if (!canPersist()) return false;
+    try {
+      const raw = window.localStorage.getItem(getStorageKey(options.heading.value));
+      if (!raw) return false;
+      const data = JSON.parse(raw);
+      if (data.position) {
+        modalPosition.value = data.position;
+        hasBeenDragged.value = true;
+      }
+      if (data.size) {
+        modalSize.value = data.size;
+        hasBeenResized.value = true;
+      }
+      return true;
+    } catch {
+      return false;
+    }
+  };
   const style = vue.computed(() => {
     if (!isCustomPositioned.value) return void 0;
     const s = {};
@@ -4650,6 +4720,7 @@ function useModalDragResize(options) {
     document.removeEventListener("selectstart", preventSelection);
     document.removeEventListener("mousemove", onDragMove);
     document.removeEventListener("mouseup", onDragEnd);
+    save();
   };
   const onResizeStart = (e, direction) => {
     if (!options.resizable.value) return;
@@ -4703,6 +4774,7 @@ function useModalDragResize(options) {
     document.removeEventListener("selectstart", preventSelection);
     document.removeEventListener("mousemove", onResizeMove);
     document.removeEventListener("mouseup", onResizeEnd);
+    save();
   };
   const reset = () => {
     hasBeenDragged.value = false;
@@ -4726,11 +4798,12 @@ function useModalDragResize(options) {
     onDragStart,
     onResizeStart,
     reset,
+    restore,
     cleanup,
     shouldBlockBackdropClick
   };
 }
-const _hoisted_1$d = { class: "flex justify-between mb-4" };
+const _hoisted_1$e = { class: "flex justify-between mb-4" };
 const _hoisted_2$c = { class: "mb-0-last-child" };
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsModal",
@@ -4765,17 +4838,20 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       onDragStart,
       onResizeStart,
       reset: resetDragResize,
+      restore: restoreDragResize,
       cleanup: cleanupDragResize,
       shouldBlockBackdropClick
     } = useModalDragResize({
       movable: vue.computed(() => props.movable),
       resizable: vue.computed(() => props.resizable),
-      elementRef: modalInnerRef
+      elementRef: modalInnerRef,
+      heading: vue.computed(() => props.heading)
     });
     const modalOuterClasses = vue.computed(() => ["fixed top-0 left-0 w-full h-full overflow-auto z-100"]);
     const modalInnerClasses = vue.computed(() => {
       const base = [
-        "bg-white rounded-lg overflow-auto z-[99999] shadow-lg px-6 pt-6.5",
+        "bg-white rounded-lg z-[99999] shadow-lg px-6 pt-6.5",
+        props.resizable ? "overflow-hidden flex flex-col" : "overflow-auto",
         props.stickyFooter ? "pb-0" : "pb-8"
       ];
       if (isCustomPositioned.value) {
@@ -4888,6 +4964,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
         isOpen.value = newValue;
         if (newValue) {
           previouslyFocusedElement.value = document.activeElement;
+          restoreDragResize();
           if (props.lockScroll) {
             setHtmlOverflow("hidden");
           }
@@ -4912,6 +4989,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       document.addEventListener("keydown", handleKeyDown, true);
       if (props.open) {
         previouslyFocusedElement.value = document.activeElement;
+        restoreDragResize();
         if (props.lockScroll) {
           setHtmlOverflow("hidden");
         }
@@ -4954,36 +5032,40 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             onMousedown: _cache[10] || (_cache[10] = //@ts-ignore
             (...args) => vue.unref(onDragStart) && vue.unref(onDragStart)(...args))
           }), [
-            vue.createElementVNode("div", _hoisted_1$d, [
-              vue.createElementVNode("h3", {
-                tabindex: "-1",
-                class: vue.normalizeClass(headerTitleClasses.value)
-              }, [
-                iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(__props.resizable ? "overflow-auto flex-1 min-h-0" : "")
+            }, [
+              vue.createElementVNode("div", _hoisted_1$e, [
+                vue.createElementVNode("h3", {
+                  tabindex: "-1",
+                  class: vue.normalizeClass(headerTitleClasses.value)
+                }, [
+                  iconName.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
+                    key: 0,
+                    name: iconName.value,
+                    size: 24,
+                    class: vue.normalizeClass(iconClasses.value)
+                  }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
+                  vue.createTextVNode(" " + vue.toDisplayString(__props.heading), 1)
+                ], 2),
+                !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
                   key: 0,
-                  name: iconName.value,
-                  size: 24,
-                  class: vue.normalizeClass(iconClasses.value)
-                }, null, 8, ["name", "class"])) : vue.createCommentVNode("", true),
-                vue.createTextVNode(" " + vue.toDisplayString(__props.heading), 1)
-              ], 2),
-              !__props.strict ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
+                  icon: "cross",
+                  size: 28,
+                  onClick: _cache[0] || (_cache[0] = ($event) => handleClose())
+                }, { "aria-label": closeLabel.value }, { class: "ml-4" }), null, 16)) : vue.createCommentVNode("", true)
+              ]),
+              vue.createElementVNode("div", _hoisted_2$c, [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                icon: "cross",
-                size: 28,
-                onClick: _cache[0] || (_cache[0] = ($event) => handleClose())
-              }, { "aria-label": closeLabel.value }, { class: "ml-4" }), null, 16)) : vue.createCommentVNode("", true)
-            ]),
-            vue.createElementVNode("div", _hoisted_2$c, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            vue.unref(hasFooterSlot) ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(footerClasses.value)
-            }, [
-              vue.renderSlot(_ctx.$slots, "modal-footer")
-            ], 2)) : vue.createCommentVNode("", true),
-            __props.resizable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                class: vue.normalizeClass(footerClasses.value)
+              }, [
+                vue.renderSlot(_ctx.$slots, "modal-footer")
+              ], 2)) : vue.createCommentVNode("", true)
+            ], 2),
+            __props.resizable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createElementVNode("div", {
                 class: "absolute top-0 left-3 right-3 h-1.5 cursor-n-resize z-100000",
                 onMousedown: _cache[1] || (_cache[1] = ($event) => vue.unref(onResizeStart)($event, "n"))
@@ -8228,7 +8310,7 @@ try {
   globalThis.IMask = IMask;
 } catch {
 }
-const _hoisted_1$c = ["for"];
+const _hoisted_1$d = ["for"];
 const _hoisted_2$b = { class: "relative" };
 const _hoisted_3$8 = ["type", "required", "value", "disabled", "tabindex", "aria-invalid", "aria-label", "autocomplete", "pattern", "searchIcon"];
 const _hoisted_4$7 = {
@@ -8475,7 +8557,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
               key: 0,
               for: inputId.value,
               class: ["block font-bold text-gray-900 cursor-pointer", { "mb-0": props.meta, "mb-1": !props.meta }]
-            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$c)) : vue.createCommentVNode("", true),
+            }, labelAttrs.value), vue.toDisplayString(props.label), 17, _hoisted_1$d)) : vue.createCommentVNode("", true),
             props.meta ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !props.labelLeft }])
@@ -8697,7 +8779,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "space-y-6" };
+const _hoisted_1$c = { class: "space-y-6" };
 const _hoisted_2$a = {
   key: 0,
   class: "text-sm text-gray-600"
@@ -8958,7 +9040,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
         onClose: _cache[11] || (_cache[11] = () => handleOpenChange(false))
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$b, [
+          vue.createElementVNode("div", _hoisted_1$c, [
             vue.createVNode(_sfc_main$m, {
               variant: "secondary",
               class: "flex-wrap overflow-visible! *:w-auto!"
@@ -9261,7 +9343,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$a = { class: "flex items-center gap-1" };
+const _hoisted_1$b = { class: "flex items-center gap-1" };
 const _hoisted_2$9 = { class: "flex items-center gap-1" };
 const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevMode",
@@ -9324,7 +9406,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: vue.normalizeClass(["fixed bottom-0 right-0 sm:right-12 font-bold m-3 sm:m-6 px-3 py-2 sm:py-1 rounded-xl z-50 flex flex-col sm:flex-row items-center gap-2 sm:gap-1", envBannerClasses.value])
         }, [
-          vue.createElementVNode("div", _hoisted_1$a, [
+          vue.createElementVNode("div", _hoisted_1$b, [
             vue.createVNode(_sfc_main$p, { "popover-class": envBannerClasses.value }, null, 8, ["popover-class"]),
             vue.createElementVNode("span", null, vue.toDisplayString(environmentText.value), 1)
           ]),
@@ -9357,7 +9439,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["id"];
+const _hoisted_1$a = ["id"];
 const _hoisted_2$8 = { class: "flex items-center justify-start gap-1 w-[100px]" };
 const _hoisted_3$6 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
 const _hoisted_4$5 = { class: "whitespace-nowrap" };
@@ -9536,7 +9618,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[3] || (_cache[3] = ($event) => handlePagination("end"))
           }), null, 16, ["aria-label", "disabled", "class"]))
         ])
-      ], 16, _hoisted_1$9);
+      ], 16, _hoisted_1$a);
     };
   }
 });
@@ -9579,7 +9661,7 @@ function useIsPid(value) {
     isPid
   };
 }
-const _hoisted_1$8 = { class: "relative block" };
+const _hoisted_1$9 = { class: "relative block" };
 const _hoisted_2$7 = {
   key: 0,
   class: "relative"
@@ -10011,7 +10093,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         ref: componentRef,
         class: "fds-search-select block mb-6"
       }, rootAttrs.value), [
-        vue.createElementVNode("div", _hoisted_1$8, [
+        vue.createElementVNode("div", _hoisted_1$9, [
           !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
             vue.createElementVNode("div", _hoisted_3$5, [
               vue.createVNode(_sfc_main$n, vue.mergeProps({
@@ -10512,7 +10594,7 @@ const useTreeState = (options = {}) => {
     isEmptySearchResult
   };
 };
-const _hoisted_1$7 = ["for"];
+const _hoisted_1$8 = ["for"];
 const _hoisted_2$6 = ["value", "disabled", "required"];
 const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -10683,12 +10765,12 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$7)
+        ], 16, _hoisted_1$8)
       ], 2);
     };
   }
 });
-const _hoisted_1$6 = ["for"];
+const _hoisted_1$7 = ["for"];
 const _hoisted_2$5 = ["value", "checked", "disabled", "required"];
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -10819,12 +10901,12 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               vue.createTextVNode(vue.toDisplayString(props.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
-        ], 16, _hoisted_1$6)
+        ], 16, _hoisted_1$7)
       ], 2);
     };
   }
 });
-const _hoisted_1$5 = { class: "flex items-start" };
+const _hoisted_1$6 = { class: "flex items-start" };
 const _hoisted_2$4 = { class: "flex-1 flex" };
 const _hoisted_3$4 = ["innerHTML"];
 const _hoisted_4$3 = { key: 1 };
@@ -11040,7 +11122,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(indent.value),
           class: vue.normalizeClass("pt-2 pb-2")
         }, [
-          vue.createElementVNode("div", _hoisted_1$5, [
+          vue.createElementVNode("div", _hoisted_1$6, [
             hasChildrenNodes.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
               key: 0,
               onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(treeState)?.toggleExpandNode(props.nodeId))
@@ -11220,7 +11302,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { key: 0 };
+const _hoisted_1$5 = { key: 0 };
 const _hoisted_2$3 = {
   key: 0,
   class: "text-xl"
@@ -11329,7 +11411,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             ])]),
             _: 1
           }, 8, ["value", "label"]),
-          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+          props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
             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$3, 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$3, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
           ])) : vue.createCommentVNode("", true)
         ], 512)) : vue.createCommentVNode("", true),
@@ -11384,31 +11466,33 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$4 = { key: 1 };
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTruncatedText",
   props: {
     open: { type: Boolean, default: false },
-    content: {},
+    content: { default: void 0 },
     btnExpand: { default: "Visa mer" },
     btnCollapse: { default: "Visa mindre" },
+    previewLength: { default: 150 },
+    minHiddenChars: { default: 25 },
     dataTestid: { default: void 0 }
   },
   emits: ["toggleHandler"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const contentClasses = vue.computed(() => [
-      { "max-h-[1.3rem] overflow-hidden text-ellipsis mb-2 text-nowrap": !isOpen.value }
-    ]);
     const isOpen = vue.ref(props.open);
-    const contentRef = vue.ref(null);
-    const hasSlotContent = useHasSlot();
-    const containerWidth = vue.ref(0);
-    const truncated = vue.ref(false);
-    const slotContentRef = vue.ref(null);
-    const shouldShowButton = vue.computed(() => {
-      if (hasSlotContent.value) return true;
-      return truncated.value;
+    const hasContent = vue.computed(() => props.content !== void 0);
+    const isTruncated = vue.computed(() => {
+      const description = props.content ?? "";
+      const hiddenChars = description.length - props.previewLength;
+      return hiddenChars >= props.minHiddenChars;
+    });
+    const truncatedText = vue.computed(() => {
+      const description = props.content ?? "";
+      if (isOpen.value || !isTruncated.value) return description;
+      return `${description.slice(0, props.previewLength).trimEnd()}...`;
     });
     const toggleComponent = () => {
       isOpen.value = !isOpen.value;
@@ -11420,22 +11504,6 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         isOpen.value = newValue;
       }
     );
-    vue.onMounted(() => {
-      if (hasSlotContent.value && slotContentRef.value?.parentElement) {
-        containerWidth.value = slotContentRef.value.parentElement.offsetWidth;
-        const threshold = slotContentRef.value.offsetWidth / 8;
-        const slotText = slotContentRef.value.textContent || "";
-        if (threshold <= slotText.length) {
-          truncated.value = true;
-        }
-      } else if (contentRef.value?.parentElement) {
-        containerWidth.value = contentRef.value.parentElement.offsetWidth;
-        const threshold = contentRef.value.offsetWidth / 8;
-        if (threshold <= props.content.length) {
-          truncated.value = true;
-        }
-      }
-    });
     const rootAttrs = vue.computed(() => {
       const attrs = {};
       if (props.dataTestid) {
@@ -11445,28 +11513,19 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "block mb-4" }, rootAttrs.value), [
-        vue.unref(hasSlotContent) ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          ref_key: "slotContentRef",
-          ref: slotContentRef,
-          class: vue.normalizeClass([contentClasses.value, { open: isOpen.value }]),
-          style: vue.normalizeStyle({ maxWidth: `${containerWidth.value}px` })
-        }, [
+        hasContent.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createElementVNode("span", null, vue.toDisplayString(truncatedText.value), 1),
+          isTruncated.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+            key: 0,
+            icon: isOpen.value ? "arrowUp" : "arrowDown",
+            iconPos: "right",
+            text: isOpen.value ? __props.btnCollapse : __props.btnExpand,
+            onClick: toggleComponent,
+            class: "inline! ml-2"
+          }, null, 8, ["icon", "text"])) : vue.createCommentVNode("", true)
+        ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 6)) : (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          ref_key: "contentRef",
-          ref: contentRef,
-          class: vue.normalizeClass([contentClasses.value, { open: isOpen.value }]),
-          style: vue.normalizeStyle({ maxWidth: `${containerWidth.value}px` })
-        }, vue.toDisplayString(__props.content), 7)),
-        shouldShowButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
-          key: 2,
-          icon: isOpen.value ? "arrowUp" : "arrowDown",
-          iconPos: "right",
-          text: isOpen.value ? __props.btnCollapse : __props.btnExpand,
-          onClick: toggleComponent
-        }, null, 8, ["icon", "text"])) : vue.createCommentVNode("", true)
+        ]))
       ], 16);
     };
   }