@digitalservicebund/ris-ui 3.11.1 → 3.13.0

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { markRaw as oe, createElementBlock as S, openBlock as m, createElementVNode as P, ref as J, readonly as si, getCurrentInstance as jt, onMounted as cn, nextTick as ui, watch as di, useId as $t, mergeProps as b, createBlock as T, renderSlot as x, Transition as pn, withCtx as B, withDirectives as wt, createCommentVNode as V, resolveDynamicComponent as Q, vShow as ci, normalizeClass as U, resolveDirective as fn, resolveComponent as pe, Fragment as de, renderList as xe, createVNode as N, toDisplayString as G, defineComponent as ke, mergeModels as Te, useModel as We, computed as hn, unref as A, Teleport as pi, normalizeStyle as fi, createSlots as hi, createTextVNode as $e, useCssVars as mi, useTemplateRef as vi, watchEffect as gi, withKeys as nt, withModifiers as it } from "vue";
+import { markRaw as oe, createElementBlock as S, openBlock as m, createElementVNode as P, ref as Y, readonly as si, getCurrentInstance as jt, onMounted as cn, nextTick as ui, watch as di, useId as $t, mergeProps as b, createBlock as T, renderSlot as x, Transition as pn, withCtx as B, withDirectives as wt, createCommentVNode as z, resolveDynamicComponent as J, vShow as ci, normalizeClass as U, resolveDirective as fn, resolveComponent as pe, Fragment as de, renderList as xe, createVNode as N, toDisplayString as G, defineComponent as ke, mergeModels as Te, useModel as We, computed as hn, unref as A, Teleport as pi, normalizeStyle as fi, createSlots as hi, createTextVNode as $e, useCssVars as mi, useTemplateRef as vi, watchEffect as gi, withKeys as nt, withModifiers as it } from "vue";
 import { Paginator as yi, Button as Mt, InputMask as bi, InputText as Si } from "primevue";
 const $i = {
   viewBox: "0 0 24 24",
@@ -492,10 +492,10 @@ function In(t, e) {
   }
   return t;
 }
-var Oe = (...t) => co(z.getTheme(), ...t), co = (t = {}, e, n, i) => {
+var Oe = (...t) => co(V.getTheme(), ...t), co = (t = {}, e, n, i) => {
   if (e) {
-    let { variable: r, options: o } = z.defaults || {}, { prefix: a, transform: s } = t?.options || o || {}, l = _e(e, vt) ? e : `{${e}}`;
-    return i === "value" || Ge(i) && s === "strict" ? z.getTokenValue(e) : Pn(l, void 0, a, [r.excludedKeyRegex], n);
+    let { variable: r, options: o } = V.defaults || {}, { prefix: a, transform: s } = t?.options || o || {}, l = _e(e, vt) ? e : `{${e}}`;
+    return i === "value" || Ge(i) && s === "strict" ? V.getTokenValue(e) : Pn(l, void 0, a, [r.excludedKeyRegex], n);
   }
   return "";
 };
@@ -510,7 +510,7 @@ function Je(t, ...e) {
   return ee(t, { dt: Oe });
 }
 function po(t, e = {}) {
-  let n = z.defaults.variable, { prefix: i = n.prefix, selector: r = n.selector, excludedKeyRegex: o = n.excludedKeyRegex } = e, a = [], s = [], l = [{ node: t, path: i }];
+  let n = V.defaults.variable, { prefix: i = n.prefix, selector: r = n.selector, excludedKeyRegex: o = n.excludedKeyRegex } = e, a = [], s = [], l = [{ node: t, path: i }];
   for (; l.length; ) {
     let { node: d, path: c } = l.pop();
     for (let p in d) {
@@ -549,7 +549,7 @@ var re = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
   var o, a, s, l, u, d, c;
   let { preset: p, options: f } = e, v, y, g, $, w, O, h;
   if (L(p) && f.transform !== "strict") {
-    let { primitive: C, semantic: j, extend: D } = p, K = j || {}, { colorScheme: H } = K, q = ce(K, ["colorScheme"]), M = D || {}, { colorScheme: R } = M, Y = ce(M, ["colorScheme"]), X = H || {}, { dark: F } = X, Z = ce(X, ["dark"]), ne = R || {}, { dark: he } = ne, le = ce(ne, ["dark"]), ie = L(C) ? this._toVariables({ primitive: C }, f) : {}, se = L(q) ? this._toVariables({ semantic: q }, f) : {}, ge = L(Z) ? this._toVariables({ light: Z }, f) : {}, Xe = L(F) ? this._toVariables({ dark: F }, f) : {}, Pe = L(Y) ? this._toVariables({ semantic: Y }, f) : {}, Lt = L(le) ? this._toVariables({ light: le }, f) : {}, At = L(he) ? this._toVariables({ dark: he }, f) : {}, [Hn, Un] = [(o = ie.declarations) != null ? o : "", ie.tokens], [Wn, Gn] = [(a = se.declarations) != null ? a : "", se.tokens || []], [qn, Zn] = [(s = ge.declarations) != null ? s : "", ge.tokens || []], [Yn, Xn] = [(l = Xe.declarations) != null ? l : "", Xe.tokens || []], [Qn, Jn] = [(u = Pe.declarations) != null ? u : "", Pe.tokens || []], [ei, ti] = [(d = Lt.declarations) != null ? d : "", Lt.tokens || []], [ni, ii] = [(c = At.declarations) != null ? c : "", At.tokens || []];
+    let { primitive: C, semantic: j, extend: D } = p, K = j || {}, { colorScheme: H } = K, q = ce(K, ["colorScheme"]), M = D || {}, { colorScheme: R } = M, X = ce(M, ["colorScheme"]), Q = H || {}, { dark: F } = Q, Z = ce(Q, ["dark"]), ne = R || {}, { dark: he } = ne, le = ce(ne, ["dark"]), ie = L(C) ? this._toVariables({ primitive: C }, f) : {}, se = L(q) ? this._toVariables({ semantic: q }, f) : {}, ge = L(Z) ? this._toVariables({ light: Z }, f) : {}, Xe = L(F) ? this._toVariables({ dark: F }, f) : {}, Pe = L(X) ? this._toVariables({ semantic: X }, f) : {}, Lt = L(le) ? this._toVariables({ light: le }, f) : {}, At = L(he) ? this._toVariables({ dark: he }, f) : {}, [Hn, Un] = [(o = ie.declarations) != null ? o : "", ie.tokens], [Wn, Gn] = [(a = se.declarations) != null ? a : "", se.tokens || []], [qn, Zn] = [(s = ge.declarations) != null ? s : "", ge.tokens || []], [Yn, Xn] = [(l = Xe.declarations) != null ? l : "", Xe.tokens || []], [Qn, Jn] = [(u = Pe.declarations) != null ? u : "", Pe.tokens || []], [ei, ti] = [(d = Lt.declarations) != null ? d : "", Lt.tokens || []], [ni, ii] = [(c = At.declarations) != null ? c : "", At.tokens || []];
     v = this.transformCSS(t, Hn, "light", "variable", f, i, r), y = Un;
     let oi = this.transformCSS(t, `${Wn}${qn}`, "light", "variable", f, i, r), ri = this.transformCSS(t, `${Yn}`, "dark", "variable", f, i, r);
     g = `${oi}${ri}`, $ = [.../* @__PURE__ */ new Set([...Gn, ...Zn, ...Xn])];
@@ -561,7 +561,7 @@ var re = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
   var s, l, u;
   let d, c, p;
   if (L(e) && n.transform !== "strict") {
-    let f = t.replace("-directive", ""), v = e, { colorScheme: y, extend: g, css: $ } = v, w = ce(v, ["colorScheme", "extend", "css"]), O = g || {}, { colorScheme: h } = O, C = ce(O, ["colorScheme"]), j = y || {}, { dark: D } = j, K = ce(j, ["dark"]), H = h || {}, { dark: q } = H, M = ce(H, ["dark"]), R = L(w) ? this._toVariables({ [f]: ae(ae({}, w), C) }, n) : {}, Y = L(K) ? this._toVariables({ [f]: ae(ae({}, K), M) }, n) : {}, X = L(D) ? this._toVariables({ [f]: ae(ae({}, D), q) }, n) : {}, [F, Z] = [(s = R.declarations) != null ? s : "", R.tokens || []], [ne, he] = [(l = Y.declarations) != null ? l : "", Y.tokens || []], [le, ie] = [(u = X.declarations) != null ? u : "", X.tokens || []], se = this.transformCSS(f, `${F}${ne}`, "light", "variable", n, r, o, a), ge = this.transformCSS(f, le, "dark", "variable", n, r, o, a);
+    let f = t.replace("-directive", ""), v = e, { colorScheme: y, extend: g, css: $ } = v, w = ce(v, ["colorScheme", "extend", "css"]), O = g || {}, { colorScheme: h } = O, C = ce(O, ["colorScheme"]), j = y || {}, { dark: D } = j, K = ce(j, ["dark"]), H = h || {}, { dark: q } = H, M = ce(H, ["dark"]), R = L(w) ? this._toVariables({ [f]: ae(ae({}, w), C) }, n) : {}, X = L(K) ? this._toVariables({ [f]: ae(ae({}, K), M) }, n) : {}, Q = L(D) ? this._toVariables({ [f]: ae(ae({}, D), q) }, n) : {}, [F, Z] = [(s = R.declarations) != null ? s : "", R.tokens || []], [ne, he] = [(l = X.declarations) != null ? l : "", X.tokens || []], [le, ie] = [(u = Q.declarations) != null ? u : "", Q.tokens || []], se = this.transformCSS(f, `${F}${ne}`, "light", "variable", n, r, o, a), ge = this.transformCSS(f, le, "dark", "variable", n, r, o, a);
     d = `${se}${ge}`, c = [.../* @__PURE__ */ new Set([...Z, ...he, ...ie])], p = ee($, { dt: Oe });
   }
   return { css: d, tokens: c, style: p };
@@ -619,7 +619,7 @@ var re = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
     return e;
   }
   return "";
-} }, z = { defaults: { variable: { prefix: "p", selector: ":root", excludedKeyRegex: /^(primitive|semantic|components|directives|variables|colorscheme|light|dark|common|root|states|extend|css)$/gi }, options: { prefix: "p", darkModeSelector: "system", cssLayer: !1 } }, _theme: void 0, _layerNames: /* @__PURE__ */ new Set(), _loadedStyleNames: /* @__PURE__ */ new Set(), _loadingStyles: /* @__PURE__ */ new Set(), _tokens: {}, update(t = {}) {
+} }, V = { defaults: { variable: { prefix: "p", selector: ":root", excludedKeyRegex: /^(primitive|semantic|components|directives|variables|colorscheme|light|dark|common|root|states|extend|css)$/gi }, options: { prefix: "p", darkModeSelector: "system", cssLayer: !1 } }, _theme: void 0, _layerNames: /* @__PURE__ */ new Set(), _loadedStyleNames: /* @__PURE__ */ new Set(), _loadingStyles: /* @__PURE__ */ new Set(), _tokens: {}, update(t = {}) {
   let { theme: e } = t;
   e && (this._theme = dt(ae({}, e), { options: ae(ae({}, this.defaults.options), e.options) }), this._tokens = re.createTokens(this.preset, this.defaults), this.clearLoadedStyleNames());
 }, get theme() {
@@ -878,11 +878,11 @@ function go(t) {
 }
 var yo = 0;
 function bo(t) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = J(!1), i = J(t), r = J(null), o = wn() ? window.document : void 0, a = e.document, s = a === void 0 ? o : a, l = e.immediate, u = l === void 0 ? !0 : l, d = e.manual, c = d === void 0 ? !1 : d, p = e.name, f = p === void 0 ? "style_".concat(++yo) : p, v = e.id, y = v === void 0 ? void 0 : v, g = e.media, $ = g === void 0 ? void 0 : g, w = e.nonce, O = w === void 0 ? void 0 : w, h = e.first, C = h === void 0 ? !1 : h, j = e.onMounted, D = j === void 0 ? void 0 : j, K = e.onUpdated, H = K === void 0 ? void 0 : K, q = e.onLoad, M = q === void 0 ? void 0 : q, R = e.props, Y = R === void 0 ? {} : R, X = function() {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = Y(!1), i = Y(t), r = Y(null), o = wn() ? window.document : void 0, a = e.document, s = a === void 0 ? o : a, l = e.immediate, u = l === void 0 ? !0 : l, d = e.manual, c = d === void 0 ? !1 : d, p = e.name, f = p === void 0 ? "style_".concat(++yo) : p, v = e.id, y = v === void 0 ? void 0 : v, g = e.media, $ = g === void 0 ? void 0 : g, w = e.nonce, O = w === void 0 ? void 0 : w, h = e.first, C = h === void 0 ? !1 : h, j = e.onMounted, D = j === void 0 ? void 0 : j, K = e.onUpdated, H = K === void 0 ? void 0 : K, q = e.onLoad, M = q === void 0 ? void 0 : q, R = e.props, X = R === void 0 ? {} : R, Q = function() {
   }, F = function(he) {
     var le = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (s) {
-      var ie = Bt(Bt({}, Y), le), se = ie.name || f, ge = ie.id || y, Xe = ie.nonce || O;
+      var ie = Bt(Bt({}, X), le), se = ie.name || f, ge = ie.id || y, Xe = ie.nonce || O;
       r.value = s.querySelector('style[data-primevue-style-id="'.concat(se, '"]')) || s.getElementById(ge) || s.createElement("style"), r.value.isConnected || (i.value = he || t, ot(r.value, {
         type: "text/css",
         id: ge,
@@ -892,14 +892,14 @@ function bo(t) {
         return M?.(Pe, {
           name: se
         });
-      }, D?.(se)), !n.value && (X = di(i, function(Pe) {
+      }, D?.(se)), !n.value && (Q = di(i, function(Pe) {
         r.value.textContent = Pe, H?.(se);
       }, {
         immediate: !0
       }), n.value = !0);
     }
   }, Z = function() {
-    !s || !n.value || (X(), Ui(r.value) && s.head.removeChild(r.value), n.value = !1, r.value = null);
+    !s || !n.value || (Q(), Ui(r.value) && s.head.removeChild(r.value), n.value = !1, r.value = null);
   };
   return u && !c && go(F), {
     id: y,
@@ -1045,23 +1045,23 @@ var Io = function(e) {
     var e = this, n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
     return this.load(this.style, n, function() {
       var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-      return z.transformCSS(n.name || e.name, "".concat(r).concat(Je(Nt || (Nt = et(["", ""])), i)));
+      return V.transformCSS(n.name || e.name, "".concat(r).concat(Je(Nt || (Nt = et(["", ""])), i)));
     });
   },
   getCommonTheme: function(e) {
-    return z.getCommon(this.name, e);
+    return V.getCommon(this.name, e);
   },
   getComponentTheme: function(e) {
-    return z.getComponent(this.name, e);
+    return V.getComponent(this.name, e);
   },
   getDirectiveTheme: function(e) {
-    return z.getDirective(this.name, e);
+    return V.getDirective(this.name, e);
   },
   getPresetTheme: function(e, n, i) {
-    return z.getCustomPreset(this.name, e, n, i);
+    return V.getCustomPreset(this.name, e, n, i);
   },
   getLayerOrderThemeCSS: function() {
-    return z.getLayerOrderCSS(this.name);
+    return V.getLayerOrderCSS(this.name);
   },
   getStyleSheet: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
@@ -1078,14 +1078,14 @@ var Io = function(e) {
   },
   getCommonThemeStyleSheet: function(e) {
     var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    return z.getCommonStyleSheet(this.name, e, n);
+    return V.getCommonStyleSheet(this.name, e, n);
   },
   getThemeStyleSheet: function(e) {
-    var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = [z.getStyleSheet(this.name, e, n)];
+    var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = [V.getStyleSheet(this.name, e, n)];
     if (this.style) {
       var r = this.name === "base" ? "global-style" : "".concat(this.name, "-style"), o = Je(Rt || (Rt = et(["", ""])), ee(this.style, {
         dt: Oe
-      })), a = ze(z.transformCSS(r, o)), s = Object.entries(n).reduce(function(l, u) {
+      })), a = ze(V.transformCSS(r, o)), s = Object.entries(n).reduce(function(l, u) {
         var d = Ft(u, 2), c = d[0], p = d[1];
         return l.push("".concat(c, '="').concat(p, '"')) && l;
       }, []).join(" ");
@@ -1310,7 +1310,7 @@ var fe = {
     _loadThemeStyles: function() {
       var e, n;
       if (!(this.isUnstyled || this.$theme === "none")) {
-        if (!z.isStyleNameLoaded("common")) {
+        if (!V.isStyleNameLoaded("common")) {
           var i, r, o = ((i = this.$style) === null || i === void 0 || (r = i.getCommonTheme) === null || r === void 0 ? void 0 : r.call(i)) || {}, a = o.primitive, s = o.semantic, l = o.global, u = o.style;
           E.load(a?.css, I({
             name: "primitive-variables"
@@ -1320,22 +1320,22 @@ var fe = {
             name: "global-variables"
           }, this.$styleOptions)), E.loadStyle(I({
             name: "global-style"
-          }, this.$styleOptions), u), z.setLoadedStyleName("common");
+          }, this.$styleOptions), u), V.setLoadedStyleName("common");
         }
-        if (!z.isStyleNameLoaded((e = this.$style) === null || e === void 0 ? void 0 : e.name) && (n = this.$style) !== null && n !== void 0 && n.name) {
+        if (!V.isStyleNameLoaded((e = this.$style) === null || e === void 0 ? void 0 : e.name) && (n = this.$style) !== null && n !== void 0 && n.name) {
           var d, c, p, f, v = ((d = this.$style) === null || d === void 0 || (c = d.getComponentTheme) === null || c === void 0 ? void 0 : c.call(d)) || {}, y = v.css, g = v.style;
           (p = this.$style) === null || p === void 0 || p.load(y, I({
             name: "".concat(this.$style.name, "-variables")
           }, this.$styleOptions)), (f = this.$style) === null || f === void 0 || f.loadStyle(I({
             name: "".concat(this.$style.name, "-style")
-          }, this.$styleOptions), g), z.setLoadedStyleName(this.$style.name);
+          }, this.$styleOptions), g), V.setLoadedStyleName(this.$style.name);
         }
-        if (!z.isStyleNameLoaded("layer-order")) {
+        if (!V.isStyleNameLoaded("layer-order")) {
           var $, w, O = ($ = this.$style) === null || $ === void 0 || (w = $.getLayerOrderThemeCSS) === null || w === void 0 ? void 0 : w.call($);
           E.load(O, I({
             name: "layer-order",
             first: !0
-          }, this.$styleOptions)), z.setLoadedStyleName("layer-order");
+          }, this.$styleOptions)), V.setLoadedStyleName("layer-order");
         }
       }
     },
@@ -1761,7 +1761,7 @@ function Wo(t, e, n, i, r, o) {
     name: "p-toggleable-content"
   }, t.ptm("transition", o.ptParams)), {
     default: B(function() {
-      return [!o.$pcAccordion.lazy || o.$pcAccordionPanel.active ? wt((m(), T(Q(t.as), b({
+      return [!o.$pcAccordion.lazy || o.$pcAccordionPanel.active ? wt((m(), T(J(t.as), b({
         key: 0,
         class: t.cx("root")
       }, o.attrs), {
@@ -1771,7 +1771,7 @@ function Wo(t, e, n, i, r, o) {
           }, t.ptm("content", o.ptParams)), [x(t.$slots, "default")], 16)];
         }),
         _: 3
-      }, 16, ["class"])), [[ci, o.$pcAccordion.lazy ? !0 : o.$pcAccordionPanel.active]]) : V("", !0)];
+      }, 16, ["class"])), [[ci, o.$pcAccordion.lazy ? !0 : o.$pcAccordionPanel.active]]) : z("", !0)];
     }),
     _: 3
   }, 16));
@@ -1948,7 +1948,7 @@ var k = {
   _loadThemeStyles: function() {
     var e, n, i, r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, o = arguments.length > 1 ? arguments[1] : void 0;
     if (!(r != null && r.isUnstyled() || (r == null || (e = r.theme) === null || e === void 0 ? void 0 : e.call(r)) === "none")) {
-      if (!z.isStyleNameLoaded("common")) {
+      if (!V.isStyleNameLoaded("common")) {
         var a, s, l = ((a = r.$style) === null || a === void 0 || (s = a.getCommonTheme) === null || s === void 0 ? void 0 : s.call(a)) || {}, u = l.primitive, d = l.semantic, c = l.global, p = l.style;
         E.load(u?.css, _({
           name: "primitive-variables"
@@ -1958,22 +1958,22 @@ var k = {
           name: "global-variables"
         }, o)), E.loadStyle(_({
           name: "global-style"
-        }, o), p), z.setLoadedStyleName("common");
+        }, o), p), V.setLoadedStyleName("common");
       }
-      if (!z.isStyleNameLoaded((n = r.$style) === null || n === void 0 ? void 0 : n.name) && (i = r.$style) !== null && i !== void 0 && i.name) {
+      if (!V.isStyleNameLoaded((n = r.$style) === null || n === void 0 ? void 0 : n.name) && (i = r.$style) !== null && i !== void 0 && i.name) {
         var f, v, y, g, $ = ((f = r.$style) === null || f === void 0 || (v = f.getDirectiveTheme) === null || v === void 0 ? void 0 : v.call(f)) || {}, w = $.css, O = $.style;
         (y = r.$style) === null || y === void 0 || y.load(w, _({
           name: "".concat(r.$style.name, "-variables")
         }, o)), (g = r.$style) === null || g === void 0 || g.loadStyle(_({
           name: "".concat(r.$style.name, "-style")
-        }, o), O), z.setLoadedStyleName(r.$style.name);
+        }, o), O), V.setLoadedStyleName(r.$style.name);
       }
-      if (!z.isStyleNameLoaded("layer-order")) {
+      if (!V.isStyleNameLoaded("layer-order")) {
         var h, C, j = (h = r.$style) === null || h === void 0 || (C = h.getLayerOrderThemeCSS) === null || C === void 0 ? void 0 : C.call(h);
         E.load(j, _({
           name: "layer-order",
           first: !0
-        }, o)), z.setLoadedStyleName("layer-order");
+        }, o)), V.setLoadedStyleName("layer-order");
       }
     }
   },
@@ -2428,7 +2428,7 @@ function hr(t, e, n, i, r, o) {
     active: o.$pcAccordionPanel.active,
     a11yAttrs: o.a11yAttrs,
     onClick: o.onClick
-  }) : wt((m(), T(Q(t.as), b({
+  }) : wt((m(), T(J(t.as), b({
     key: 0,
     "data-p": o.dataP,
     class: t.cx("root"),
@@ -2441,11 +2441,11 @@ function hr(t, e, n, i, r, o) {
         active: o.$pcAccordionPanel.active,
         class: U(t.cx("toggleicon"))
       }, function() {
-        return [o.$pcAccordionPanel.active ? (m(), T(Q(o.$pcAccordion.$slots.collapseicon ? o.$pcAccordion.$slots.collapseicon : o.$pcAccordion.collapseIcon ? "span" : "ChevronUpIcon"), b({
+        return [o.$pcAccordionPanel.active ? (m(), T(J(o.$pcAccordion.$slots.collapseicon ? o.$pcAccordion.$slots.collapseicon : o.$pcAccordion.collapseIcon ? "span" : "ChevronUpIcon"), b({
           key: 0,
           class: [o.$pcAccordion.collapseIcon, t.cx("toggleicon")],
           "aria-hidden": "true"
-        }, t.ptm("toggleicon", o.ptParams)), null, 16, ["class"])) : (m(), T(Q(o.$pcAccordion.$slots.expandicon ? o.$pcAccordion.$slots.expandicon : o.$pcAccordion.expandIcon ? "span" : "ChevronDownIcon"), b({
+        }, t.ptm("toggleicon", o.ptParams)), null, 16, ["class"])) : (m(), T(J(o.$pcAccordion.$slots.expandicon ? o.$pcAccordion.$slots.expandicon : o.$pcAccordion.expandIcon ? "span" : "ChevronDownIcon"), b({
           key: 1,
           class: [o.$pcAccordion.expandIcon, t.cx("toggleicon")],
           "aria-hidden": "true"
@@ -2529,7 +2529,7 @@ function yr(t, e, n, i, r, o) {
     class: U(t.cx("root")),
     active: o.active,
     a11yAttrs: o.a11yAttrs
-  }) : (m(), T(Q(t.as), b({
+  }) : (m(), T(J(t.as), b({
     key: 0,
     class: t.cx("root")
   }, o.attrs), {
@@ -2814,13 +2814,13 @@ function Or(t, e, n, i, r, o) {
           pt: o.getHeaderPT(u, d)
         }, {
           toggleicon: B(function(c) {
-            return [c.active ? (m(), T(Q(t.$slots.collapseicon ? t.$slots.collapseicon : t.collapseIcon ? "span" : "ChevronDownIcon"), b({
+            return [c.active ? (m(), T(J(t.$slots.collapseicon ? t.$slots.collapseicon : t.collapseIcon ? "span" : "ChevronDownIcon"), b({
               key: 0,
               class: [t.collapseIcon, c.class],
               "aria-hidden": "true"
             }, {
               ref_for: !0
-            }, o.getTabPT(u, "headericon", d)), null, 16, ["class"])) : (m(), T(Q(t.$slots.expandicon ? t.$slots.expandicon : t.expandIcon ? "span" : "ChevronUpIcon"), b({
+            }, o.getTabPT(u, "headericon", d)), null, 16, ["class"])) : (m(), T(J(t.$slots.expandicon ? t.$slots.expandicon : t.expandIcon ? "span" : "ChevronUpIcon"), b({
               key: 1,
               class: [t.expandIcon, c.class],
               "aria-hidden": "true"
@@ -2829,24 +2829,24 @@ function Or(t, e, n, i, r, o) {
             }, o.getTabPT(u, "headericon", d)), null, 16, ["class"]))];
           }),
           default: B(function() {
-            return [u.children && u.children.headericon ? (m(), T(Q(u.children.headericon), {
+            return [u.children && u.children.headericon ? (m(), T(J(u.children.headericon), {
               key: 0,
               isTabActive: o.isItemActive("".concat(d)),
               active: o.isItemActive("".concat(d)),
               index: d
-            }, null, 8, ["isTabActive", "active", "index"])) : V("", !0), u.props && u.props.header ? (m(), S("span", b({
+            }, null, 8, ["isTabActive", "active", "index"])) : z("", !0), u.props && u.props.header ? (m(), S("span", b({
               key: 1,
               ref_for: !0
-            }, o.getTabPT(u, "headertitle", d)), G(u.props.header), 17)) : V("", !0), u.children && u.children.header ? (m(), T(Q(u.children.header), {
+            }, o.getTabPT(u, "headertitle", d)), G(u.props.header), 17)) : z("", !0), u.children && u.children.header ? (m(), T(J(u.children.header), {
               key: 2
-            })) : V("", !0)];
+            })) : z("", !0)];
           }),
           _: 2
         }, 1032, ["class", "pt"]), N(s, {
           pt: o.getContentPT(u, d)
         }, {
           default: B(function() {
-            return [(m(), T(Q(u)))];
+            return [(m(), T(J(u)))];
           }),
           _: 2
         }, 1032, ["pt"])];
@@ -2869,7 +2869,7 @@ const Cr = { class: "flex flex-col gap-4" }, kr = { class: "flex flex-col gap-4"
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = J(!1), n = t, i = We(t, "modelValue"), r = hn({
+    const e = Y(!1), n = t, i = We(t, "modelValue"), r = hn({
       get: () => i.value ? "0" : "",
       set: (o) => {
         i.value = o === "0";
@@ -3184,27 +3184,27 @@ function qr(t, e, n, i, r, o) {
       src: t.image
     }, t.ptm("image"), {
       class: t.cx("image")
-    }), null, 16, Gr)) : t.$slots.icon ? (m(), T(Q(t.$slots.icon), b({
+    }), null, 16, Gr)) : t.$slots.icon ? (m(), T(J(t.$slots.icon), b({
       key: 1,
       class: t.cx("icon")
     }, t.ptm("icon")), null, 16, ["class"])) : t.icon ? (m(), S("span", b({
       key: 2,
       class: [t.cx("icon"), t.icon]
-    }, t.ptm("icon")), null, 16)) : V("", !0), t.label !== null ? (m(), S("div", b({
+    }, t.ptm("icon")), null, 16)) : z("", !0), t.label !== null ? (m(), S("div", b({
       key: 3,
       class: t.cx("label")
-    }, t.ptm("label")), G(t.label), 17)) : V("", !0)];
+    }, t.ptm("label")), G(t.label), 17)) : z("", !0)];
   }), t.removable ? x(t.$slots, "removeicon", {
     key: 0,
     removeCallback: o.close,
     keydownCallback: o.onKeydown
   }, function() {
-    return [(m(), T(Q(t.removeIcon ? "span" : "TimesCircleIcon"), b({
+    return [(m(), T(J(t.removeIcon ? "span" : "TimesCircleIcon"), b({
       class: [t.cx("removeIcon"), t.removeIcon],
       onClick: o.close,
       onKeydown: o.onKeydown
     }, t.ptm("removeIcon")), null, 16, ["class", "onClick", "onKeydown"]))];
-  }) : V("", !0)], 16, Wr)) : V("", !0);
+  }) : z("", !0)], 16, Wr)) : z("", !0);
 }
 zn.render = qr;
 var Zr = {
@@ -3583,7 +3583,7 @@ function aa(t, e, n, i, r, o) {
   }) : r.mounted ? (m(), T(pi, {
     key: 1,
     to: n.appendTo
-  }, [x(t.$slots, "default")], 8, ["to"])) : V("", !0);
+  }, [x(t.$slots, "default")], 8, ["to"])) : z("", !0);
 }
 Bn.render = aa;
 var la = `
@@ -4122,14 +4122,14 @@ var Nn = {
         return M ? M > R ? M - R : M : 0;
       }, l = function(M, R) {
         return Math.floor(M / (R || M));
-      }, u = function(M, R, Y, X, F, Z) {
-        return M <= F ? F : Z ? Y - X - F : R + F - 1;
-      }, d = function(M, R, Y, X, F, Z, ne, he) {
+      }, u = function(M, R, X, Q, F, Z) {
+        return M <= F ? F : Z ? X - Q - F : R + F - 1;
+      }, d = function(M, R, X, Q, F, Z, ne, he) {
         if (M <= Z) return 0;
-        var le = Math.max(0, ne ? M < R ? Y : M - Z : M > R ? Y : M - 2 * Z), ie = n.getLast(le, he);
+        var le = Math.max(0, ne ? M < R ? X : M - Z : M > R ? X : M - 2 * Z), ie = n.getLast(le, he);
         return le > ie ? ie - F : le;
-      }, c = function(M, R, Y, X, F, Z) {
-        var ne = R + X + 2 * F;
+      }, c = function(M, R, X, Q, F, Z) {
+        var ne = R + Q + 2 * F;
         return M >= F && (ne += F + 1), n.getLast(ne, Z);
       }, p = s(i.scrollTop, a.top), f = s(i.scrollLeft, a.left), v = r ? {
         rows: 0,
@@ -4345,7 +4345,7 @@ function fa(t, e, n, i, r, o) {
     key: 0,
     class: "p-virtualscroller-spacer",
     style: r.spacerStyle
-  }, t.ptm("spacer")), null, 16)) : V("", !0), !t.loaderDisabled && t.showLoader && r.d_loading ? (m(), S("div", b({
+  }, t.ptm("spacer")), null, 16)) : z("", !0), !t.loaderDisabled && t.showLoader && r.d_loading ? (m(), S("div", b({
     key: 1,
     class: o.loaderClass
   }, t.ptm("loader")), [t.$slots && t.$slots.loader ? (m(!0), S(de, {
@@ -4357,12 +4357,12 @@ function fa(t, e, n, i, r, o) {
         numCols: t.d_numItemsInViewport.cols
       })
     });
-  }), 128)) : V("", !0), x(t.$slots, "loadingicon", {}, function() {
+  }), 128)) : z("", !0), x(t.$slots, "loadingicon", {}, function() {
     return [N(a, b({
       spin: "",
       class: "p-virtualscroller-loading-icon"
     }, t.ptm("loadingIcon")), null, 16)];
-  })], 16)) : V("", !0)], 16, pa));
+  })], 16)) : z("", !0)], 16, pa));
 }
 Nn.render = fa;
 var ha = `
@@ -5614,7 +5614,7 @@ function Ba(t, e, n, i, r, o) {
       return o.onContainerClick && o.onContainerClick.apply(o, arguments);
     }),
     "data-p": o.containerDataP
-  }, t.ptmi("root")), [t.multiple ? V("", !0) : (m(), T(a, {
+  }, t.ptmi("root")), [t.multiple ? z("", !0) : (m(), T(a, {
     key: 0,
     ref: "focusInput",
     id: t.inputId,
@@ -5751,7 +5751,7 @@ function Ba(t, e, n, i, r, o) {
     onChange: e[4] || (e[4] = function() {
       return o.onChange && o.onChange.apply(o, arguments);
     })
-  }, t.ptm("input")), null, 16, La)], 16)], 16, xa)) : V("", !0), r.searching || t.loading ? x(t.$slots, t.$slots.loader ? "loader" : "loadingicon", {
+  }, t.ptm("input")), null, 16, La)], 16)], 16, xa)) : z("", !0), r.searching || t.loading ? x(t.$slots, t.$slots.loader ? "loader" : "loadingicon", {
     key: 2,
     class: U(t.cx("loader"))
   }, function() {
@@ -5767,7 +5767,7 @@ function Ba(t, e, n, i, r, o) {
       "aria-hidden": "true",
       "data-p-has-dropdown": t.dropdown
     }, t.ptm("loader")), null, 16, ["class", "data-p-has-dropdown"]))];
-  }) : V("", !0), x(t.$slots, t.$slots.dropdown ? "dropdown" : "dropdownbutton", {
+  }) : z("", !0), x(t.$slots, t.$slots.dropdown ? "dropdown" : "dropdownbutton", {
     toggleCallback: function(f) {
       return o.onDropdownClick(f);
     }
@@ -5787,10 +5787,10 @@ function Ba(t, e, n, i, r, o) {
     }, t.ptm("dropdown")), [x(t.$slots, "dropdownicon", {
       class: U(t.dropdownIcon)
     }, function() {
-      return [(m(), T(Q(t.dropdownIcon ? "span" : "ChevronDownIcon"), b({
+      return [(m(), T(J(t.dropdownIcon ? "span" : "ChevronDownIcon"), b({
         class: t.dropdownIcon
       }, t.ptm("dropdownIcon")), null, 16, ["class"]))];
-    })], 16, ja)) : V("", !0)];
+    })], 16, ja)) : z("", !0)];
   }), t.typeahead ? (m(), S("span", b({
     key: 3,
     role: "status",
@@ -5798,7 +5798,7 @@ function Ba(t, e, n, i, r, o) {
     class: "p-hidden-accessible"
   }, t.ptm("hiddenSearchResult"), {
     "data-p-hidden-accessible": !0
-  }), G(o.searchResultMessageText), 17)) : V("", !0), N(d, {
+  }), G(o.searchResultMessageText), 17)) : z("", !0), N(d, {
     appendTo: t.appendTo
   }, {
     default: B(function() {
@@ -5911,7 +5911,7 @@ function Ba(t, e, n, i, r, o) {
                 role: "option"
               }, t.ptm("emptyMessage")), [x(t.$slots, "empty", {}, function() {
                 return [$e(G(o.searchResultMessageText), 1)];
-              })], 16)) : V("", !0)], 16, za)];
+              })], 16)) : z("", !0)], 16, za)];
             }),
             _: 2
           }, [t.$slots.loader ? {
@@ -5932,7 +5932,7 @@ function Ba(t, e, n, i, r, o) {
             class: "p-hidden-accessible"
           }, t.ptm("hiddenSelectedMessage"), {
             "data-p-hidden-accessible": !0
-          }), G(o.selectedMessageText), 17)], 16, Ma)) : V("", !0)];
+          }), G(o.selectedMessageText), 17)], 16, Ma)) : z("", !0)];
         }),
         _: 3
       }, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];
@@ -6112,6 +6112,7 @@ const qa = ["data-variant"], Za = { class: "ris-label1-regular" }, Ya = {
     forceSelection: { type: Boolean },
     autoOptionFocus: { type: Boolean },
     selectOnFocus: { type: Boolean },
+    focusOnHover: { type: Boolean },
     suggestions: {},
     initialLabel: {}
   }, {
@@ -6120,9 +6121,9 @@ const qa = ["data-variant"], Za = { class: "ris-label1-regular" }, Ya = {
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: e }) {
-    const n = t, i = We(t, "modelValue"), r = (u) => u.id === i.value, o = J(n.initialLabel ?? i.value), a = (u) => {
+    const n = t, i = We(t, "modelValue"), r = (u) => u.id === i.value, o = Y(n.initialLabel ?? i.value), a = (u) => {
       typeof u == "string" ? o.value = u : u && u.label && (o.value = u.label), u === "" && (i.value = void 0);
-    }, s = () => a(""), l = J(null);
+    }, s = () => a(""), l = Y(null);
     return e({ autoCompleteRef: l }), (u, d) => (m(), T(A(Kn), b({
       ref_key: "autoCompleteRef",
       ref: l
@@ -6144,10 +6145,12 @@ const qa = ["data-variant"], Za = { class: "ris-label1-regular" }, Ya = {
       invalid: n.invalid,
       "auto-option-focus": n.autoOptionFocus,
       "select-on-focus": n.selectOnFocus,
+      "focus-on-hover": n.focusOnHover,
       fluid: !0,
       "option-disabled": n.optionDisabled,
       "option-label": "label",
       "data-key": "value",
+      "append-to": "self",
       "onUpdate:modelValue": a,
       onOptionSelect: d[0] || (d[0] = (c) => i.value = c.value.id)
     }), {
@@ -6164,7 +6167,7 @@ const qa = ["data-variant"], Za = { class: "ris-label1-regular" }, Ya = {
             N(A(jr))
           ]),
           _: 1
-        })) : V("", !0),
+        })) : z("", !0),
         N(un, {
           onClick: c.toggleCallback
         }, {
@@ -6177,14 +6180,14 @@ const qa = ["data-variant"], Za = { class: "ris-label1-regular" }, Ya = {
       option: B((c) => [
         P("div", {
           "data-variant": r(c.option) && "active",
-          class: "flex min-h-48 flex-col justify-center gap-2 border-l-4 border-transparent px-12 py-10 data-[variant=active]:border-blue-800 data-[variant=active]:bg-blue-200"
+          class: "flex min-h-48 flex-col justify-center gap-2 border-l-4 border-transparent px-12 py-10 data-[variant=active]:-ml-4 data-[variant=active]:border-blue-800 data-[variant=active]:bg-blue-200"
         }, [
           P("div", Za, G(c.option.label), 1),
-          c.option.secondaryLabel ? (m(), S("div", Ya, G(c.option.secondaryLabel), 1)) : V("", !0)
+          c.option.secondaryLabel ? (m(), S("div", Ya, G(c.option.secondaryLabel), 1)) : z("", !0)
         ], 8, qa)
       ]),
       _: 1
-    }, 16, ["suggestions", "model-value", "dropdown", "dropdown-mode", "disabled", "force-selection", "placeholder", "aria-label", "aria-labelledby", "delay", "complete-on-focus", "typeahead", "scroll-height", "loading", "invalid", "auto-option-focus", "select-on-focus", "option-disabled"]));
+    }, 16, ["suggestions", "model-value", "dropdown", "dropdown-mode", "disabled", "force-selection", "placeholder", "aria-label", "aria-labelledby", "delay", "complete-on-focus", "typeahead", "scroll-height", "loading", "invalid", "auto-option-focus", "select-on-focus", "focus-on-hover", "option-disabled"]));
   }
 }), Xa = {
   viewBox: "0 0 24 24",
@@ -6220,7 +6223,7 @@ const nl = oe({ name: "mdi-check", render: tl }), il = ["aria-label", "title"],
     name: { default: "Wert" }
   },
   setup(t) {
-    const e = t, n = J(!1);
+    const e = t, n = Y(!1);
     async function i() {
       try {
         await navigator.clipboard.writeText(e.value ?? e.text), n.value = !0, setTimeout(() => {
@@ -6261,7 +6264,7 @@ const nl = oe({ name: "mdi-check", render: tl }), il = ["aria-label", "title"],
     mi((o) => ({
       "027069d3": o.length
     }));
-    const e = We(t, "expanded"), n = J(!1), i = vi("textContent"), r = $t();
+    const e = We(t, "expanded"), n = Y(!1), i = vi("textContent"), r = $t();
     return gi(() => {
       i.value instanceof HTMLDivElement && (n.value = i.value.scrollHeight - t.tolerance > i.value.clientHeight);
     }), (o, a) => (m(), S("div", null, [
@@ -6281,11 +6284,11 @@ const nl = oe({ name: "mdi-check", render: tl }), il = ["aria-label", "title"],
       }, [
         e.value ? (m(), S(de, { key: 0 }, [
           $e("Weniger anzeigen")
-        ], 64)) : V("", !0),
-        e.value ? V("", !0) : (m(), S(de, { key: 1 }, [
+        ], 64)) : z("", !0),
+        e.value ? z("", !0) : (m(), S(de, { key: 1 }, [
           $e("Mehr anzeigen")
         ], 64))
-      ], 8, rl)) : V("", !0)
+      ], 8, rl)) : z("", !0)
     ]));
   }
 }), ll = "_truncate_186wk_2", sl = {
@@ -6410,7 +6413,10 @@ function wl(t, e) {
     }, null, -1)
   ]));
 }
-const Ol = oe({ name: "ic-baseline-subdirectory-arrow-left", render: wl }), Cl = { class: "flex items-center justify-start" }, kl = ["id"], Pl = { class: "ml-6 text-gray-900" }, dn = /* @__PURE__ */ ke({
+const Ol = oe({ name: "ic-baseline-subdirectory-arrow-left", render: wl }), Cl = { class: "flex items-center justify-start" }, kl = ["id"], Pl = {
+  key: 2,
+  class: "ml-6 text-gray-900"
+}, dn = /* @__PURE__ */ ke({
   __name: "ChipInput",
   props: /* @__PURE__ */ Te({
     ariaLabel: {},
@@ -6423,32 +6429,38 @@ const Ol = oe({ name: "ic-baseline-subdirectory-arrow-left", render: wl }), Cl =
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Te(["complete"], ["update:modelValue"]),
-  setup(t, { expose: e }) {
-    const n = t, i = We(t, "modelValue"), r = $t(), o = J(null);
-    function a() {
-      const s = o.value?.$el;
-      s && s.focus();
+  setup(t, { expose: e, emit: n }) {
+    const i = t, r = n, o = We(t, "modelValue"), a = $t(), s = Y(null), l = Y(!1);
+    function u() {
+      const p = s.value?.$el;
+      p && p.focus();
+    }
+    function d() {
+      l.value = !1, r("complete");
+    }
+    function c() {
+      l.value = !0;
     }
     return cn(() => {
-      n.shouldFocusOnMount && a();
+      i.shouldFocusOnMount && u();
     }), e({
-      focus: () => a()
-    }), (s, l) => (m(), S("span", Cl, [
+      focus: () => u()
+    }), (p, f) => (m(), S("span", Cl, [
       P("span", {
-        id: `enter-note-for-${A(r)}`,
+        id: `enter-note-for-${A(a)}`,
         class: "sr-only"
       }, " Enter drücken, um die Eingabe zu bestätigen ", 8, kl),
-      s.mask ? (m(), T(A(bi), {
+      p.mask ? (m(), T(A(bi), {
         key: 0,
-        id: A(r),
+        id: A(a),
         ref_key: "inputRef",
-        ref: o,
-        modelValue: i.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (u) => i.value = u),
-        "aria-describedby": `enter-note-for-${A(r)}`,
-        "aria-label": s.ariaLabel,
-        mask: s.mask,
-        placeholder: s.placeholder,
+        ref: s,
+        modelValue: o.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (v) => o.value = v),
+        "aria-describedby": `enter-note-for-${A(a)}`,
+        "aria-label": p.ariaLabel,
+        mask: p.mask,
+        placeholder: p.placeholder,
         pt: {
           pcInputText: {
             root: {
@@ -6456,32 +6468,34 @@ const Ol = oe({ name: "ic-baseline-subdirectory-arrow-left", render: wl }), Cl =
             }
           }
         },
-        onBlur: l[1] || (l[1] = (u) => s.$emit("complete")),
-        onKeydown: l[2] || (l[2] = nt(it((u) => s.$emit("complete"), ["stop", "prevent"]), ["enter"]))
+        onFocus: c,
+        onBlur: d,
+        onKeydown: f[1] || (f[1] = nt(it((v) => p.$emit("complete"), ["stop", "prevent"]), ["enter"]))
       }, null, 8, ["id", "modelValue", "aria-describedby", "aria-label", "mask", "placeholder"])) : (m(), T(A(Si), {
         key: 1,
-        id: A(r),
+        id: A(a),
         ref_key: "inputRef",
-        ref: o,
-        modelValue: i.value,
-        "onUpdate:modelValue": l[3] || (l[3] = (u) => i.value = u),
-        "aria-describedby": `enter-note-for-${A(r)}`,
-        "aria-label": s.ariaLabel,
+        ref: s,
+        modelValue: o.value,
+        "onUpdate:modelValue": f[2] || (f[2] = (v) => o.value = v),
+        "aria-describedby": `enter-note-for-${A(a)}`,
+        "aria-label": p.ariaLabel,
         pt: {
           root: {
             class: "bg-transparent inline-block w-auto outline-none field-sizing-content"
           }
         },
-        placeholder: s.placeholder,
-        onBlur: l[4] || (l[4] = (u) => s.$emit("complete")),
-        onKeydown: l[5] || (l[5] = nt(it((u) => s.$emit("complete"), ["stop", "prevent"]), ["enter"]))
+        placeholder: p.placeholder,
+        onFocus: c,
+        onBlur: d,
+        onKeydown: f[3] || (f[3] = nt(it((v) => p.$emit("complete"), ["stop", "prevent"]), ["enter"]))
       }, null, 8, ["id", "modelValue", "aria-describedby", "aria-label", "placeholder"])),
-      P("span", Pl, [
+      l.value ? (m(), S("span", Pl, [
         N(A(Ol), {
           height: "16px",
           width: "16px"
         })
-      ])
+      ])) : z("", !0)
     ]));
   }
 }), Il = ["aria-label", "aria-invalid"], _l = { class: "contents" }, xl = ["aria-label"], Tl = ["onDblclick", "onKeydown"], Ll = ["onClick", "onKeydown"], Dl = /* @__PURE__ */ ke({
@@ -6497,7 +6511,7 @@ const Ol = oe({ name: "ic-baseline-subdirectory-arrow-left", render: wl }), Cl =
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = We(t, "modelValue"), i = J(null), r = J(null), o = J(""), a = J(0);
+    const e = t, n = We(t, "modelValue"), i = Y(null), r = Y(null), o = Y(""), a = Y(0);
     function s(f) {
       r.value = f;
     }
@@ -6568,7 +6582,7 @@ const Ol = oe({ name: "ic-baseline-subdirectory-arrow-left", render: wl }), Cl =
         "should-focus-on-mount": a.value > 0,
         "aria-label": "Eintrag hinzufügen",
         onComplete: l
-      }, null, 8, ["modelValue", "mask", "placeholder", "should-focus-on-mount"])) : V("", !0)
+      }, null, 8, ["modelValue", "mask", "placeholder", "should-focus-on-mount"])) : z("", !0)
     ], 10, Il));
   }
 });