@digitalservicebund/ris-ui 3.9.0 → 3.11.0

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { markRaw as oe, createElementBlock as S, openBlock as m, createElementVNode as k, ref as ne, readonly as oi, getCurrentInstance as At, onMounted as ln, nextTick as ri, watch as ai, useId as St, mergeProps as b, createBlock as L, renderSlot as T, Transition as un, withCtx as D, withDirectives as $t, createCommentVNode as E, resolveDynamicComponent as Q, vShow as si, normalizeClass as U, resolveDirective as dn, resolveComponent as fe, Fragment as de, renderList as Te, createVNode as B, toDisplayString as q, defineComponent as ke, mergeModels as Le, useModel as Ge, computed as cn, unref as A, Teleport as li, normalizeStyle as ui, createSlots as di, createTextVNode as Ce, useCssVars as ci, useTemplateRef as pi, watchEffect as fi, withKeys as tt, withModifiers as nt } from "vue";
+import { markRaw as oe, createElementBlock as S, openBlock as m, createElementVNode as k, ref as ee, readonly as oi, getCurrentInstance as At, onMounted as ln, nextTick as ri, watch as ai, useId as St, mergeProps as b, createBlock as L, renderSlot as T, Transition as un, withCtx as D, withDirectives as $t, createCommentVNode as E, resolveDynamicComponent as Q, vShow as si, normalizeClass as U, resolveDirective as dn, resolveComponent as fe, Fragment as de, renderList as Te, createVNode as B, toDisplayString as q, defineComponent as ke, mergeModels as Le, useModel as Ge, computed as cn, unref as A, Teleport as li, normalizeStyle as ui, createSlots as di, createTextVNode as Ce, useCssVars as ci, useTemplateRef as pi, watchEffect as fi, withKeys as tt, withModifiers as nt } from "vue";
 import { Paginator as hi, Button as Vt, InputMask as mi, InputText as vi } from "primevue";
 const gi = {
   viewBox: "0 0 24 24",
@@ -272,9 +272,9 @@ function ji(t) {
 function Di(t, e, n = !0) {
   var i, r, o, s;
   if (t) {
-    const l = t.offsetParent ? { width: t.offsetWidth, height: t.offsetHeight } : fn(t), a = l.height, u = l.width, d = e.offsetHeight, c = e.offsetWidth, p = e.getBoundingClientRect(), f = Ei(), v = Mi(), g = hn();
-    let y, w, O = "top";
-    p.top + d + a > g.height ? (y = p.top + f - a, O = "bottom", y < 0 && (y = f)) : y = d + p.top + f, p.left + u > g.width ? w = Math.max(0, p.left + v + c - u) : w = p.left + v, ji(t) ? t.style.insetInlineEnd = w + "px" : t.style.insetInlineStart = w + "px", t.style.top = y + "px", t.style.transformOrigin = O, n && (t.style.marginTop = O === "bottom" ? `calc(${(r = (i = it(/-anchor-gutter$/)) == null ? void 0 : i.value) != null ? r : "2px"} * -1)` : (s = (o = it(/-anchor-gutter$/)) == null ? void 0 : o.value) != null ? s : "");
+    const l = t.offsetParent ? { width: t.offsetWidth, height: t.offsetHeight } : fn(t), a = l.height, u = l.width, d = e.offsetHeight, c = e.offsetWidth, p = e.getBoundingClientRect(), f = Ei(), v = Mi(), y = hn();
+    let g, $, O = "top";
+    p.top + d + a > y.height ? (g = p.top + f - a, O = "bottom", g < 0 && (g = f)) : g = d + p.top + f, p.left + u > y.width ? $ = Math.max(0, p.left + v + c - u) : $ = p.left + v, ji(t) ? t.style.insetInlineEnd = $ + "px" : t.style.insetInlineStart = $ + "px", t.style.top = g + "px", t.style.transformOrigin = O, n && (t.style.marginTop = O === "bottom" ? `calc(${(r = (i = it(/-anchor-gutter$/)) == null ? void 0 : i.value) != null ? r : "2px"} * -1)` : (s = (o = it(/-anchor-gutter$/)) == null ? void 0 : o.value) != null ? s : "");
   }
 }
 function Ri(t, e) {
@@ -563,12 +563,12 @@ function ce(t, ...e) {
 function ro(t, e = {}) {
   const n = M.defaults.variable, { prefix: i = n.prefix, selector: r = n.selector, excludedKeyRegex: o = n.excludedKeyRegex } = e, s = (u, d = "") => Object.entries(u).reduce(
     (c, [p, f]) => {
-      const v = he(p, o) ? vt(d) : vt(d, pn(p)), g = eo(f);
-      if (me(g)) {
-        const { variables: y, tokens: w } = s(g, v);
-        jt(c.tokens, w), jt(c.variables, y);
+      const v = he(p, o) ? vt(d) : vt(d, pn(p)), y = eo(f);
+      if (me(y)) {
+        const { variables: g, tokens: $ } = s(y, v);
+        jt(c.tokens, $), jt(c.variables, g);
       } else
-        c.tokens.push((i ? v.replace(`${i}-`, "") : v).replaceAll("-", ".")), io(c.variables, $n(v), wn(g, v, i, [o]));
+        c.tokens.push((i ? v.replace(`${i}-`, "") : v).replaceAll("-", ".")), io(c.variables, $n(v), wn(y, v, i, [o]));
       return c;
     },
     { variables: [], tokens: [] }
@@ -627,27 +627,27 @@ var re = {
   getCommon({ name: t = "", theme: e = {}, params: n, set: i, defaults: r }) {
     var o, s, l, a, u, d, c;
     const { preset: p, options: f } = e;
-    let v, g, y, w, O, $, h;
+    let v, y, g, $, O, w, h;
     if (x(p) && f.transform !== "strict") {
-      const { primitive: C, semantic: V, extend: R } = p, N = V || {}, { colorScheme: H } = N, G = pe(N, ["colorScheme"]), z = R || {}, { colorScheme: K } = z, X = pe(z, ["colorScheme"]), J = H || {}, { dark: F } = J, Z = pe(J, ["dark"]), ee = K || {}, { dark: ge } = ee, se = pe(ee, ["dark"]), te = x(C) ? this._toVariables({ primitive: C }, f) : {}, le = x(G) ? this._toVariables({ semantic: G }, f) : {}, Se = x(Z) ? this._toVariables({ light: Z }, f) : {}, Je = x(F) ? this._toVariables({ dark: F }, f) : {}, Ie = x(X) ? this._toVariables({ semantic: X }, f) : {}, Tt = x(se) ? this._toVariables({ light: se }, f) : {}, Lt = x(ge) ? this._toVariables({ dark: ge }, f) : {}, [Bn, Nn] = [(o = te.declarations) != null ? o : "", te.tokens], [Kn, Fn] = [(s = le.declarations) != null ? s : "", le.tokens || []], [Hn, Un] = [(l = Se.declarations) != null ? l : "", Se.tokens || []], [Wn, qn] = [(a = Je.declarations) != null ? a : "", Je.tokens || []], [Gn, Zn] = [(u = Ie.declarations) != null ? u : "", Ie.tokens || []], [Yn, Xn] = [(d = Tt.declarations) != null ? d : "", Tt.tokens || []], [Jn, Qn] = [(c = Lt.declarations) != null ? c : "", Lt.tokens || []];
-      v = this.transformCSS(t, Bn, "light", "variable", f, i, r), g = Nn;
+      const { primitive: C, semantic: V, extend: R } = p, N = V || {}, { colorScheme: H } = N, G = pe(N, ["colorScheme"]), z = R || {}, { colorScheme: K } = z, X = pe(z, ["colorScheme"]), J = H || {}, { dark: F } = J, Z = pe(J, ["dark"]), te = K || {}, { dark: ge } = te, se = pe(te, ["dark"]), ne = x(C) ? this._toVariables({ primitive: C }, f) : {}, le = x(G) ? this._toVariables({ semantic: G }, f) : {}, Se = x(Z) ? this._toVariables({ light: Z }, f) : {}, Je = x(F) ? this._toVariables({ dark: F }, f) : {}, Ie = x(X) ? this._toVariables({ semantic: X }, f) : {}, Tt = x(se) ? this._toVariables({ light: se }, f) : {}, Lt = x(ge) ? this._toVariables({ dark: ge }, f) : {}, [Bn, Nn] = [(o = ne.declarations) != null ? o : "", ne.tokens], [Kn, Fn] = [(s = le.declarations) != null ? s : "", le.tokens || []], [Hn, Un] = [(l = Se.declarations) != null ? l : "", Se.tokens || []], [Wn, qn] = [(a = Je.declarations) != null ? a : "", Je.tokens || []], [Gn, Zn] = [(u = Ie.declarations) != null ? u : "", Ie.tokens || []], [Yn, Xn] = [(d = Tt.declarations) != null ? d : "", Tt.tokens || []], [Jn, Qn] = [(c = Lt.declarations) != null ? c : "", Lt.tokens || []];
+      v = this.transformCSS(t, Bn, "light", "variable", f, i, r), y = Nn;
       const ei = this.transformCSS(t, `${Kn}${Hn}`, "light", "variable", f, i, r), ti = this.transformCSS(t, `${Wn}`, "dark", "variable", f, i, r);
-      y = `${ei}${ti}`, w = [.../* @__PURE__ */ new Set([...Fn, ...Un, ...qn])];
+      g = `${ei}${ti}`, $ = [.../* @__PURE__ */ new Set([...Fn, ...Un, ...qn])];
       const ni = this.transformCSS(t, `${Gn}${Yn}color-scheme:light`, "light", "variable", f, i, r), ii = this.transformCSS(t, `${Jn}color-scheme:dark`, "dark", "variable", f, i, r);
-      O = `${ni}${ii}`, $ = [.../* @__PURE__ */ new Set([...Zn, ...Xn, ...Qn])], h = ce`${p.css}`;
+      O = `${ni}${ii}`, w = [.../* @__PURE__ */ new Set([...Zn, ...Xn, ...Qn])], h = ce`${p.css}`;
     }
     return {
       primitive: {
         css: v,
-        tokens: g
+        tokens: y
       },
       semantic: {
-        css: y,
-        tokens: w
+        css: g,
+        tokens: $
       },
       global: {
         css: O,
-        tokens: $
+        tokens: w
       },
       style: h
     };
@@ -656,8 +656,8 @@ var re = {
     var l, a, u;
     let d, c, p;
     if (x(e) && n.transform !== "strict") {
-      const f = t.replace("-directive", ""), v = e, { colorScheme: g, extend: y, css: w } = v, O = pe(v, ["colorScheme", "extend", "css"]), $ = y || {}, { colorScheme: h } = $, C = pe($, ["colorScheme"]), V = g || {}, { dark: R } = V, N = pe(V, ["dark"]), H = h || {}, { dark: G } = H, z = pe(H, ["dark"]), K = x(O) ? this._toVariables({ [f]: ae(ae({}, O), C) }, n) : {}, X = x(N) ? this._toVariables({ [f]: ae(ae({}, N), z) }, n) : {}, J = x(R) ? this._toVariables({ [f]: ae(ae({}, R), G) }, n) : {}, [F, Z] = [(l = K.declarations) != null ? l : "", K.tokens || []], [ee, ge] = [(a = X.declarations) != null ? a : "", X.tokens || []], [se, te] = [(u = J.declarations) != null ? u : "", J.tokens || []], le = this.transformCSS(f, `${F}${ee}`, "light", "variable", n, r, o, s), Se = this.transformCSS(f, se, "dark", "variable", n, r, o, s);
-      d = `${le}${Se}`, c = [.../* @__PURE__ */ new Set([...Z, ...ge, ...te])], p = ce`${w}`;
+      const f = t.replace("-directive", ""), v = e, { colorScheme: y, extend: g, css: $ } = v, O = pe(v, ["colorScheme", "extend", "css"]), w = g || {}, { colorScheme: h } = w, C = pe(w, ["colorScheme"]), V = y || {}, { dark: R } = V, N = pe(V, ["dark"]), H = h || {}, { dark: G } = H, z = pe(H, ["dark"]), K = x(O) ? this._toVariables({ [f]: ae(ae({}, O), C) }, n) : {}, X = x(N) ? this._toVariables({ [f]: ae(ae({}, N), z) }, n) : {}, J = x(R) ? this._toVariables({ [f]: ae(ae({}, R), G) }, n) : {}, [F, Z] = [(l = K.declarations) != null ? l : "", K.tokens || []], [te, ge] = [(a = X.declarations) != null ? a : "", X.tokens || []], [se, ne] = [(u = J.declarations) != null ? u : "", J.tokens || []], le = this.transformCSS(f, `${F}${te}`, "light", "variable", n, r, o, s), Se = this.transformCSS(f, se, "dark", "variable", n, r, o, s);
+      d = `${le}${Se}`, c = [.../* @__PURE__ */ new Set([...Z, ...ge, ...ne])], p = ce`${$}`;
     }
     return {
       css: d,
@@ -719,12 +719,12 @@ var re = {
           const c = /{([^}]*)}/g;
           let p = s;
           if (d.name = this.path, d.binding || (d.binding = {}), he(s, c)) {
-            const v = s.trim().replaceAll(c, (w) => {
+            const v = s.trim().replaceAll(c, ($) => {
               var O;
-              const $ = w.replace(/{|}/g, ""), h = (O = r[$]) == null ? void 0 : O.computed(u, d);
+              const w = $.replace(/{|}/g, ""), h = (O = r[w]) == null ? void 0 : O.computed(u, d);
               return st(h) && h.length === 2 ? `light-dark(${h[0].value},${h[1].value})` : h == null ? void 0 : h.value;
-            }), g = /(\d+\w*\s+[\+\-\*\/]\s+\d+\w*)/g, y = /var\([^)]+\)/g;
-            p = he(v.replace(y, "0"), g) ? `calc(${v})` : v;
+            }), y = /(\d+\w*\s+[\+\-\*\/]\s+\d+\w*)/g, g = /var\([^)]+\)/g;
+            p = he(v.replace(g, "0"), y) ? `calc(${v})` : v;
           }
           return Ve(d.binding) && delete d.binding, {
             colorScheme: u,
@@ -1074,17 +1074,17 @@ function co(t) {
 }
 var po = 0;
 function fo(t) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = ne(!1), i = ne(t), r = ne(null), o = yn() ? window.document : void 0, s = e.document, l = s === void 0 ? o : s, a = e.immediate, u = a === void 0 ? !0 : a, d = e.manual, c = d === void 0 ? !1 : d, p = e.name, f = p === void 0 ? "style_".concat(++po) : p, v = e.id, g = v === void 0 ? void 0 : v, y = e.media, w = y === void 0 ? void 0 : y, O = e.nonce, $ = O === void 0 ? void 0 : O, h = e.first, C = h === void 0 ? !1 : h, V = e.onMounted, R = V === void 0 ? void 0 : V, N = e.onUpdated, H = N === void 0 ? void 0 : N, G = e.onLoad, z = G === void 0 ? void 0 : G, K = e.props, X = K === void 0 ? {} : K, J = function() {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = ee(!1), i = ee(t), r = ee(null), o = yn() ? window.document : void 0, s = e.document, l = s === void 0 ? o : s, a = e.immediate, u = a === void 0 ? !0 : a, d = e.manual, c = d === void 0 ? !1 : d, p = e.name, f = p === void 0 ? "style_".concat(++po) : p, v = e.id, y = v === void 0 ? void 0 : v, g = e.media, $ = g === void 0 ? void 0 : g, O = e.nonce, w = O === void 0 ? void 0 : O, h = e.first, C = h === void 0 ? !1 : h, V = e.onMounted, R = V === void 0 ? void 0 : V, N = e.onUpdated, H = N === void 0 ? void 0 : N, G = e.onLoad, z = G === void 0 ? void 0 : G, K = e.props, X = K === void 0 ? {} : K, J = function() {
   }, F = function(ge) {
     var se = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (l) {
-      var te = Rt(Rt({}, X), se), le = te.name || f, Se = te.id || g, Je = te.nonce || $;
+      var ne = Rt(Rt({}, X), se), le = ne.name || f, Se = ne.id || y, Je = ne.nonce || w;
       r.value = l.querySelector('style[data-primevue-style-id="'.concat(le, '"]')) || l.getElementById(Se) || l.createElement("style"), r.value.isConnected || (i.value = ge || t, ot(r.value, {
         type: "text/css",
         id: Se,
-        media: w,
+        media: $,
         nonce: Je
-      }), C ? l.head.prepend(r.value) : l.head.appendChild(r.value), qi(r.value, "data-primevue-style-id", le), ot(r.value, te), r.value.onload = function(Ie) {
+      }), C ? l.head.prepend(r.value) : l.head.appendChild(r.value), qi(r.value, "data-primevue-style-id", le), ot(r.value, ne), r.value.onload = function(Ie) {
         return z == null ? void 0 : z(Ie, {
           name: le
         });
@@ -1098,7 +1098,7 @@ function fo(t) {
     !l || !n.value || (J(), Ni(r.value) && l.head.removeChild(r.value), n.value = !1, r.value = null);
   };
   return u && !c && co(F), {
-    id: g,
+    id: y,
     name: f,
     el: r,
     css: i,
@@ -1445,8 +1445,8 @@ var ve = {
   beforeCreate: function() {
     var e, n, i, r, o, s, l, a, u, d, c, p = (e = this.pt) === null || e === void 0 ? void 0 : e._usept, f = p ? (n = this.pt) === null || n === void 0 || (n = n.originalValue) === null || n === void 0 ? void 0 : n[this.$.type.name] : void 0, v = p ? (i = this.pt) === null || i === void 0 || (i = i.value) === null || i === void 0 ? void 0 : i[this.$.type.name] : this.pt;
     (r = v || f) === null || r === void 0 || (r = r.hooks) === null || r === void 0 || (o = r.onBeforeCreate) === null || o === void 0 || o.call(r);
-    var g = (s = this.$primevueConfig) === null || s === void 0 || (s = s.pt) === null || s === void 0 ? void 0 : s._usept, y = g ? (l = this.$primevue) === null || l === void 0 || (l = l.config) === null || l === void 0 || (l = l.pt) === null || l === void 0 ? void 0 : l.originalValue : void 0, w = g ? (a = this.$primevue) === null || a === void 0 || (a = a.config) === null || a === void 0 || (a = a.pt) === null || a === void 0 ? void 0 : a.value : (u = this.$primevue) === null || u === void 0 || (u = u.config) === null || u === void 0 ? void 0 : u.pt;
-    (d = w || y) === null || d === void 0 || (d = d[this.$.type.name]) === null || d === void 0 || (d = d.hooks) === null || d === void 0 || (c = d.onBeforeCreate) === null || c === void 0 || c.call(d), this.$attrSelector = Co(), this.uid = this.$attrs.id || this.$attrSelector.replace("pc", "pv_id_");
+    var y = (s = this.$primevueConfig) === null || s === void 0 || (s = s.pt) === null || s === void 0 ? void 0 : s._usept, g = y ? (l = this.$primevue) === null || l === void 0 || (l = l.config) === null || l === void 0 || (l = l.pt) === null || l === void 0 ? void 0 : l.originalValue : void 0, $ = y ? (a = this.$primevue) === null || a === void 0 || (a = a.config) === null || a === void 0 || (a = a.pt) === null || a === void 0 ? void 0 : a.value : (u = this.$primevue) === null || u === void 0 || (u = u.config) === null || u === void 0 ? void 0 : u.pt;
+    (d = $ || g) === null || d === void 0 || (d = d[this.$.type.name]) === null || d === void 0 || (d = d.hooks) === null || d === void 0 || (c = d.onBeforeCreate) === null || c === void 0 || c.call(d), this.$attrSelector = Co(), this.uid = this.$attrs.id || this.$attrSelector.replace("pc", "pv_id_");
   },
   created: function() {
     this._hook("onCreated");
@@ -1517,16 +1517,16 @@ var ve = {
           }, this.$styleOptions), u), M.setLoadedStyleName("common");
         }
         if (!M.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)) || {}, g = v.css, y = v.style;
-          (p = this.$style) === null || p === void 0 || p.load(g, I({
+          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), y), M.setLoadedStyleName(this.$style.name);
+          }, this.$styleOptions), g), M.setLoadedStyleName(this.$style.name);
         }
         if (!M.isStyleNameLoaded("layer-order")) {
-          var w, O, $ = (w = this.$style) === null || w === void 0 || (O = w.getLayerOrderThemeCSS) === null || O === void 0 ? void 0 : O.call(w);
-          j.load($, I({
+          var $, O, w = ($ = this.$style) === null || $ === void 0 || (O = $.getLayerOrderThemeCSS) === null || O === void 0 ? void 0 : O.call($);
+          j.load(w, I({
             name: "layer-order",
             first: !0
           }, this.$styleOptions)), M.setLoadedStyleName("layer-order");
@@ -1600,8 +1600,8 @@ var ve = {
       } : o(e, !0);
     },
     _usePT: function(e, n, i, r) {
-      var o = function(g) {
-        return n(g, i, r);
+      var o = function(y) {
+        return n(y, i, r);
       };
       if (e != null && e.hasOwnProperty("_usept")) {
         var s, l = e._usept || ((s = this.$primevueConfig) === null || s === void 0 ? void 0 : s.ptOptions) || {}, a = l.mergeSections, u = a === void 0 ? !0 : a, d = l.mergeProps, c = d === void 0 ? !1 : d, p = o(e.originalValue), f = o(e.value);
@@ -2090,10 +2090,10 @@ var _ = {
       return Y(O) || st(O) ? {
         class: O
       } : O;
-    }, u = ((e = i.binding) === null || e === void 0 || (e = e.value) === null || e === void 0 ? void 0 : e.ptOptions) || ((n = i.$primevueConfig) === null || n === void 0 ? void 0 : n.ptOptions) || {}, d = u.mergeSections, c = d === void 0 ? !0 : d, p = u.mergeProps, f = p === void 0 ? !1 : p, v = l ? _._useDefaultPT(i, i.defaultPT(), a, o, s) : void 0, g = _._usePT(i, _._getPT(r, i.$name), a, o, P(P({}, s), {}, {
+    }, u = ((e = i.binding) === null || e === void 0 || (e = e.value) === null || e === void 0 ? void 0 : e.ptOptions) || ((n = i.$primevueConfig) === null || n === void 0 ? void 0 : n.ptOptions) || {}, d = u.mergeSections, c = d === void 0 ? !0 : d, p = u.mergeProps, f = p === void 0 ? !1 : p, v = l ? _._useDefaultPT(i, i.defaultPT(), a, o, s) : void 0, y = _._usePT(i, _._getPT(r, i.$name), a, o, P(P({}, s), {}, {
       global: v || {}
-    })), y = _._getPTDatasets(i, o);
-    return c || !c && g ? f ? _._mergeProps(i, f, v, g, y) : P(P(P({}, v), g), y) : P(P({}, g), y);
+    })), g = _._getPTDatasets(i, o);
+    return c || !c && y ? f ? _._mergeProps(i, f, v, y, g) : P(P(P({}, v), y), g) : P(P({}, y), g);
   },
   _getPTDatasets: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", i = "data-pc-";
@@ -2111,8 +2111,8 @@ var _ = {
     } : r(e);
   },
   _usePT: function() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 ? arguments[1] : void 0, i = arguments.length > 2 ? arguments[2] : void 0, r = arguments.length > 3 ? arguments[3] : void 0, o = arguments.length > 4 ? arguments[4] : void 0, s = function(y) {
-      return i(y, r, o);
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 ? arguments[1] : void 0, i = arguments.length > 2 ? arguments[2] : void 0, r = arguments.length > 3 ? arguments[3] : void 0, o = arguments.length > 4 ? arguments[4] : void 0, s = function(g) {
+      return i(g, r, o);
     };
     if (n && Object.hasOwn(n, "_usept")) {
       var l, a = n._usept || ((l = e.$primevueConfig) === null || l === void 0 ? void 0 : l.ptOptions) || {}, u = a.mergeSections, d = u === void 0 ? !0 : u, c = a.mergeProps, p = c === void 0 ? !1 : c, f = s(n.originalValue), v = s(n.value);
@@ -2155,12 +2155,12 @@ var _ = {
         }, o), p), M.setLoadedStyleName("common");
       }
       if (!M.isStyleNameLoaded((n = r.$style) === null || n === void 0 ? void 0 : n.name) && (i = r.$style) !== null && i !== void 0 && i.name) {
-        var f, v, g, y, w = ((f = r.$style) === null || f === void 0 || (v = f.getDirectiveTheme) === null || v === void 0 ? void 0 : v.call(f)) || {}, O = w.css, $ = w.style;
-        (g = r.$style) === null || g === void 0 || g.load(O, P({
+        var f, v, y, g, $ = ((f = r.$style) === null || f === void 0 || (v = f.getDirectiveTheme) === null || v === void 0 ? void 0 : v.call(f)) || {}, O = $.css, w = $.style;
+        (y = r.$style) === null || y === void 0 || y.load(O, P({
           name: "".concat(r.$style.name, "-variables")
-        }, o)), (y = r.$style) === null || y === void 0 || y.loadStyle(P({
+        }, o)), (g = r.$style) === null || g === void 0 || g.loadStyle(P({
           name: "".concat(r.$style.name, "-style")
-        }, o), $), M.setLoadedStyleName(r.$style.name);
+        }, o), w), M.setLoadedStyleName(r.$style.name);
       }
       if (!M.isStyleNameLoaded("layer-order")) {
         var h, C, V = (h = r.$style) === null || h === void 0 || (C = h.getLayerOrderThemeCSS) === null || C === void 0 ? void 0 : C.call(h);
@@ -2206,17 +2206,17 @@ var _ = {
   },
   _extend: function(e) {
     var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = function(l, a, u, d, c) {
-      var p, f, v, g;
+      var p, f, v, y;
       a._$instances = a._$instances || {};
-      var y = _._getConfig(u, d), w = a._$instances[e] || {}, O = Ve(w) ? P(P({}, n), n == null ? void 0 : n.methods) : {};
-      a._$instances[e] = P(P({}, w), {}, {
+      var g = _._getConfig(u, d), $ = a._$instances[e] || {}, O = Ve($) ? P(P({}, n), n == null ? void 0 : n.methods) : {};
+      a._$instances[e] = P(P({}, $), {}, {
         /* new instance variables to pass in directive methods */
         $name: e,
         $host: a,
         $binding: u,
         $modifiers: u == null ? void 0 : u.modifiers,
         $value: u == null ? void 0 : u.value,
-        $el: w.$el || a || void 0,
+        $el: $.$el || a || void 0,
         $style: P({
           classes: void 0,
           inlineStyles: void 0,
@@ -2227,18 +2227,18 @@ var _ = {
           loadStyle: function() {
           }
         }, n == null ? void 0 : n.style),
-        $primevueConfig: y,
+        $primevueConfig: g,
         $attrSelector: (p = a.$pd) === null || p === void 0 || (p = p[e]) === null || p === void 0 ? void 0 : p.attrSelector,
         /* computed instance variables */
         defaultPT: function() {
-          return _._getPT(y == null ? void 0 : y.pt, void 0, function(h) {
+          return _._getPT(g == null ? void 0 : g.pt, void 0, function(h) {
             var C;
             return h == null || (C = h.directives) === null || C === void 0 ? void 0 : C[e];
           });
         },
         isUnstyled: function() {
           var h, C;
-          return ((h = a._$instances[e]) === null || h === void 0 || (h = h.$binding) === null || h === void 0 || (h = h.value) === null || h === void 0 ? void 0 : h.unstyled) !== void 0 ? (C = a._$instances[e]) === null || C === void 0 || (C = C.$binding) === null || C === void 0 || (C = C.value) === null || C === void 0 ? void 0 : C.unstyled : y == null ? void 0 : y.unstyled;
+          return ((h = a._$instances[e]) === null || h === void 0 || (h = h.$binding) === null || h === void 0 || (h = h.value) === null || h === void 0 ? void 0 : h.unstyled) !== void 0 ? (C = a._$instances[e]) === null || C === void 0 || (C = C.$binding) === null || C === void 0 || (C = C.value) === null || C === void 0 ? void 0 : C.unstyled : g == null ? void 0 : g.unstyled;
         },
         theme: function() {
           var h;
@@ -2265,17 +2265,17 @@ var _ = {
           var h, C = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", V = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, R = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
           return V ? _._getOptionValue((h = a._$instances[e]) === null || h === void 0 || (h = h.$style) === null || h === void 0 ? void 0 : h.inlineStyles, C, P({}, R)) : void 0;
         }
-      }, O), a.$instance = a._$instances[e], (f = (v = a.$instance)[l]) === null || f === void 0 || f.call(v, a, u, d, c), a["$".concat(e)] = a.$instance, _._hook(e, l, a, u, d, c), a.$pd || (a.$pd = {}), a.$pd[e] = P(P({}, (g = a.$pd) === null || g === void 0 ? void 0 : g[e]), {}, {
+      }, O), a.$instance = a._$instances[e], (f = (v = a.$instance)[l]) === null || f === void 0 || f.call(v, a, u, d, c), a["$".concat(e)] = a.$instance, _._hook(e, l, a, u, d, c), a.$pd || (a.$pd = {}), a.$pd[e] = P(P({}, (y = a.$pd) === null || y === void 0 ? void 0 : y[e]), {}, {
         name: e,
         instance: a._$instances[e]
       });
     }, r = function(l) {
-      var a, u, d, c = l._$instances[e], p = c == null ? void 0 : c.watch, f = function(y) {
-        var w, O = y.newValue, $ = y.oldValue;
-        return p == null || (w = p.config) === null || w === void 0 ? void 0 : w.call(c, O, $);
-      }, v = function(y) {
-        var w, O = y.newValue, $ = y.oldValue;
-        return p == null || (w = p["config.ripple"]) === null || w === void 0 ? void 0 : w.call(c, O, $);
+      var a, u, d, c = l._$instances[e], p = c == null ? void 0 : c.watch, f = function(g) {
+        var $, O = g.newValue, w = g.oldValue;
+        return p == null || ($ = p.config) === null || $ === void 0 ? void 0 : $.call(c, O, w);
+      }, v = function(g) {
+        var $, O = g.newValue, w = g.oldValue;
+        return p == null || ($ = p["config.ripple"]) === null || $ === void 0 ? void 0 : $.call(c, O, w);
       };
       c.$watchersCallback = {
         config: f,
@@ -3061,7 +3061,7 @@ const yr = { class: "flex flex-col gap-4" }, br = { class: "flex flex-col gap-4"
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = ne(!1), n = t, i = Ge(t, "modelValue"), r = cn({
+    const e = ee(!1), n = t, i = Ge(t, "modelValue"), r = cn({
       get: () => i.value ? "0" : "",
       set: (o) => {
         i.value = o === "0";
@@ -4110,12 +4110,12 @@ var En = {
         return R > -1;
       }) : e > -1;
       if (s) {
-        var l = this.first, a = this.element, u = a.scrollTop, d = u === void 0 ? 0 : u, c = a.scrollLeft, p = c === void 0 ? 0 : c, f = this.calculateNumItems(), v = f.numToleratedItems, g = this.getContentPosition(), y = this.itemSize, w = function() {
+        var l = this.first, a = this.element, u = a.scrollTop, d = u === void 0 ? 0 : u, c = a.scrollLeft, p = c === void 0 ? 0 : c, f = this.calculateNumItems(), v = f.numToleratedItems, y = this.getContentPosition(), g = this.itemSize, $ = function() {
           var N = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, H = arguments.length > 1 ? arguments[1] : void 0;
           return N <= H ? 0 : N;
         }, O = function(N, H, G) {
           return N * H + G;
-        }, $ = function() {
+        }, w = function() {
           var N = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, H = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
           return n.scrollTo({
             left: N,
@@ -4127,22 +4127,22 @@ var En = {
           cols: 0
         } : 0, C = !1, V = !1;
         r ? (h = {
-          rows: w(e[0], v[0]),
-          cols: w(e[1], v[1])
-        }, $(O(h.cols, y[1], g.left), O(h.rows, y[0], g.top)), V = this.lastScrollPos.top !== d || this.lastScrollPos.left !== p, C = h.rows !== l.rows || h.cols !== l.cols) : (h = w(e, v), o ? $(O(h, y, g.left), d) : $(p, O(h, y, g.top)), V = this.lastScrollPos !== (o ? p : d), C = h !== l), this.isRangeChanged = C, V && (this.first = h);
+          rows: $(e[0], v[0]),
+          cols: $(e[1], v[1])
+        }, w(O(h.cols, g[1], y.left), O(h.rows, g[0], y.top)), V = this.lastScrollPos.top !== d || this.lastScrollPos.left !== p, C = h.rows !== l.rows || h.cols !== l.cols) : (h = $(e, v), o ? w(O(h, g, y.left), d) : w(p, O(h, g, y.top)), V = this.lastScrollPos !== (o ? p : d), C = h !== l), this.isRangeChanged = C, V && (this.first = h);
       }
     },
     scrollInView: function(e, n) {
       var i = this, r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "auto";
       if (n) {
-        var o = this.isBoth(), s = this.isHorizontal(), l = o ? e.every(function(y) {
-          return y > -1;
+        var o = this.isBoth(), s = this.isHorizontal(), l = o ? e.every(function(g) {
+          return g > -1;
         }) : e > -1;
         if (l) {
           var a = this.getRenderedRange(), u = a.first, d = a.viewport, c = function() {
-            var w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, O = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+            var $ = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, O = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
             return i.scrollTo({
-              left: w,
+              left: $,
               top: O,
               behavior: r
             });
@@ -4158,8 +4158,8 @@ var En = {
             if (o)
               d.last.rows - u.rows <= e[0] + 1 ? c(d.first.cols * this.itemSize[1], (d.first.rows + 1) * this.itemSize[0]) : d.last.cols - u.cols <= e[1] + 1 && c((d.first.cols + 1) * this.itemSize[1], d.first.rows * this.itemSize[0]);
             else if (d.last - u <= e + 1) {
-              var g = (d.first + 1) * this.itemSize;
-              s ? c(g, 0) : c(0, g);
+              var y = (d.first + 1) * this.itemSize;
+              s ? c(y, 0) : c(0, y);
             }
           }
         }
@@ -4316,34 +4316,34 @@ var En = {
         return Math.floor(z / (K || z));
       }, u = function(z, K, X, J, F, Z) {
         return z <= F ? F : Z ? X - J - F : K + F - 1;
-      }, d = function(z, K, X, J, F, Z, ee, ge) {
+      }, d = function(z, K, X, J, F, Z, te, ge) {
         if (z <= Z) return 0;
-        var se = Math.max(0, ee ? z < K ? X : z - Z : z > K ? X : z - 2 * Z), te = n.getLast(se, ge);
-        return se > te ? te - F : se;
+        var se = Math.max(0, te ? z < K ? X : z - Z : z > K ? X : z - 2 * Z), ne = n.getLast(se, ge);
+        return se > ne ? ne - F : se;
       }, c = function(z, K, X, J, F, Z) {
-        var ee = K + J + 2 * F;
-        return z >= F && (ee += F + 1), n.getLast(ee, Z);
+        var te = K + J + 2 * F;
+        return z >= F && (te += F + 1), n.getLast(te, Z);
       }, p = l(i.scrollTop, s.top), f = l(i.scrollLeft, s.left), v = r ? {
         rows: 0,
         cols: 0
-      } : 0, g = this.last, y = !1, w = this.lastScrollPos;
+      } : 0, y = this.last, g = !1, $ = this.lastScrollPos;
       if (r) {
-        var O = this.lastScrollPos.top <= p, $ = this.lastScrollPos.left <= f;
-        if (!this.appendOnly || this.appendOnly && (O || $)) {
+        var O = this.lastScrollPos.top <= p, w = this.lastScrollPos.left <= f;
+        if (!this.appendOnly || this.appendOnly && (O || w)) {
           var h = {
             rows: a(p, this.itemSize[0]),
             cols: a(f, this.itemSize[1])
           }, C = {
             rows: u(h.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], O),
-            cols: u(h.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], $)
+            cols: u(h.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], w)
           };
           v = {
             rows: d(h.rows, C.rows, this.first.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0], O),
-            cols: d(h.cols, C.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], $, !0)
-          }, g = {
+            cols: d(h.cols, C.cols, this.first.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], w, !0)
+          }, y = {
             rows: c(h.rows, v.rows, this.last.rows, this.numItemsInViewport.rows, this.d_numToleratedItems[0]),
             cols: c(h.cols, v.cols, this.last.cols, this.numItemsInViewport.cols, this.d_numToleratedItems[1], !0)
-          }, y = v.rows !== this.first.rows || g.rows !== this.last.rows || v.cols !== this.first.cols || g.cols !== this.last.cols || this.isRangeChanged, w = {
+          }, g = v.rows !== this.first.rows || y.rows !== this.last.rows || v.cols !== this.first.cols || y.cols !== this.last.cols || this.isRangeChanged, $ = {
             top: p,
             left: f
           };
@@ -4352,14 +4352,14 @@ var En = {
         var V = o ? f : p, R = this.lastScrollPos <= V;
         if (!this.appendOnly || this.appendOnly && R) {
           var N = a(V, this.itemSize), H = u(N, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, R);
-          v = d(N, H, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, R), g = c(N, v, this.last, this.numItemsInViewport, this.d_numToleratedItems), y = v !== this.first || g !== this.last || this.isRangeChanged, w = V;
+          v = d(N, H, this.first, this.last, this.numItemsInViewport, this.d_numToleratedItems, R), y = c(N, v, this.last, this.numItemsInViewport, this.d_numToleratedItems), g = v !== this.first || y !== this.last || this.isRangeChanged, $ = V;
         }
       }
       return {
         first: v,
-        last: g,
-        isRangeChanged: y,
-        scrollPos: w
+        last: y,
+        isRangeChanged: g,
+        scrollPos: $
       };
     },
     onScrollChange: function(e) {
@@ -5859,8 +5859,8 @@ function Aa(t, e, n, i, r, o) {
       class: t.cx("pcChip"),
       value: p,
       index: f,
-      removeCallback: function(g) {
-        return o.removeOption(g, f);
+      removeCallback: function(y) {
+        return o.removeOption(y, f);
       },
       ref_for: !0
     }, t.ptm("pcChip")), function() {
@@ -5870,8 +5870,8 @@ function Aa(t, e, n, i, r, o) {
         removeIcon: t.chipIcon || t.removeTokenIcon,
         removable: "",
         unstyled: t.unstyled,
-        onRemove: function(g) {
-          return o.removeOption(g, f);
+        onRemove: function(y) {
+          return o.removeOption(y, f);
         },
         "data-p-focused": r.focusedMultipleOptionIndex === f,
         pt: t.ptm("pcChip")
@@ -5880,8 +5880,8 @@ function Aa(t, e, n, i, r, o) {
           return [T(t.$slots, t.$slots.chipicon ? "chipicon" : "removetokenicon", {
             class: U(t.cx("chipIcon")),
             index: f,
-            removeCallback: function(g) {
-              return o.removeOption(g, f);
+            removeCallback: function(y) {
+              return o.removeOption(y, f);
             }
           })];
         }),
@@ -6017,22 +6017,22 @@ function Aa(t, e, n, i, r, o) {
             pt: t.ptm("virtualScroller")
           }), di({
             content: D(function(p) {
-              var f = p.styleClass, v = p.contentRef, g = p.items, y = p.getItemOptions, w = p.contentStyle, O = p.itemSize;
+              var f = p.styleClass, v = p.contentRef, y = p.items, g = p.getItemOptions, $ = p.contentStyle, O = p.itemSize;
               return [k("ul", b({
                 ref: function(h) {
                   return o.listRef(h, v);
                 },
                 id: t.$id + "_list",
                 class: [t.cx("list"), f],
-                style: w,
+                style: $,
                 role: "listbox",
                 "aria-label": o.listAriaLabel
-              }, t.ptm("list")), [(m(!0), S(de, null, Te(g, function($, h) {
+              }, t.ptm("list")), [(m(!0), S(de, null, Te(y, function(w, h) {
                 return m(), S(de, {
-                  key: o.getOptionRenderKey($, o.getOptionIndex(h, y))
-                }, [o.isOptionGroup($) ? (m(), S("li", b({
+                  key: o.getOptionRenderKey(w, o.getOptionIndex(h, g))
+                }, [o.isOptionGroup(w) ? (m(), S("li", b({
                   key: 0,
-                  id: t.$id + "_" + o.getOptionIndex(h, y),
+                  id: t.$id + "_" + o.getOptionIndex(h, g),
                   style: {
                     height: O ? O + "px" : void 0
                   },
@@ -6040,44 +6040,44 @@ function Aa(t, e, n, i, r, o) {
                   role: "option",
                   ref_for: !0
                 }, t.ptm("optionGroup")), [T(t.$slots, "optiongroup", {
-                  option: $.optionGroup,
-                  index: o.getOptionIndex(h, y)
+                  option: w.optionGroup,
+                  index: o.getOptionIndex(h, g)
                 }, function() {
-                  return [Ce(q(o.getOptionGroupLabel($.optionGroup)), 1)];
+                  return [Ce(q(o.getOptionGroupLabel(w.optionGroup)), 1)];
                 })], 16, Ta)) : $t((m(), S("li", b({
                   key: 1,
-                  id: t.$id + "_" + o.getOptionIndex(h, y),
+                  id: t.$id + "_" + o.getOptionIndex(h, g),
                   style: {
                     height: O ? O + "px" : void 0
                   },
                   class: t.cx("option", {
-                    option: $,
+                    option: w,
                     i: h,
-                    getItemOptions: y
+                    getItemOptions: g
                   }),
                   role: "option",
-                  "aria-label": o.getOptionLabel($),
-                  "aria-selected": o.isSelected($),
-                  "aria-disabled": o.isOptionDisabled($),
+                  "aria-label": o.getOptionLabel(w),
+                  "aria-selected": o.isSelected(w),
+                  "aria-disabled": o.isOptionDisabled(w),
                   "aria-setsize": o.ariaSetSize,
-                  "aria-posinset": o.getAriaPosInset(o.getOptionIndex(h, y)),
+                  "aria-posinset": o.getAriaPosInset(o.getOptionIndex(h, g)),
                   onClick: function(V) {
-                    return o.onOptionSelect(V, $);
+                    return o.onOptionSelect(V, w);
                   },
                   onMousemove: function(V) {
-                    return o.onOptionMouseMove(V, o.getOptionIndex(h, y));
+                    return o.onOptionMouseMove(V, o.getOptionIndex(h, g));
                   },
-                  "data-p-selected": o.isSelected($),
-                  "data-p-focused": r.focusedOptionIndex === o.getOptionIndex(h, y),
-                  "data-p-disabled": o.isOptionDisabled($),
+                  "data-p-selected": o.isSelected(w),
+                  "data-p-focused": r.focusedOptionIndex === o.getOptionIndex(h, g),
+                  "data-p-disabled": o.isOptionDisabled(w),
                   ref_for: !0
-                }, o.getPTOptions($, y, h, "option")), [T(t.$slots, "option", {
-                  option: $,
-                  index: o.getOptionIndex(h, y)
+                }, o.getPTOptions(w, g, h, "option")), [T(t.$slots, "option", {
+                  option: w,
+                  index: o.getOptionIndex(h, g)
                 }, function() {
-                  return [Ce(q(o.getOptionLabel($)), 1)];
+                  return [Ce(q(o.getOptionLabel(w)), 1)];
                 })], 16, La)), [[c]])], 64);
-              }), 128)), t.showEmptyMessage && (!g || g && g.length === 0) ? (m(), S("li", b({
+              }), 128)), t.showEmptyMessage && (!y || y && y.length === 0) ? (m(), S("li", b({
                 key: 0,
                 class: t.cx("emptyMessage"),
                 role: "option"
@@ -6292,9 +6292,9 @@ const Ka = ["data-variant"], Fa = { class: "ris-label1-regular" }, Ha = {
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: e }) {
-    const n = t, i = Ge(t, "modelValue"), r = (u) => u.id === i.value, o = ne(n.initialLabel ?? i.value), s = (u) => {
+    const n = t, i = Ge(t, "modelValue"), r = (u) => u.id === i.value, o = ee(n.initialLabel ?? i.value), s = (u) => {
       typeof u == "string" ? o.value = u : u && u.label && (o.value = u.label), u === "" && (i.value = void 0);
-    }, l = () => s(""), a = ne(null);
+    }, l = () => s(""), a = ee(null);
     return e({ autoCompleteRef: a }), (u, d) => (m(), L(A(jn), b({
       ref_key: "autoCompleteRef",
       ref: a
@@ -6392,7 +6392,7 @@ const Ya = oe({ name: "mdi-check", render: Za }), Xa = ["aria-label", "title"],
     name: { default: "Wert" }
   },
   setup(t) {
-    const e = t, n = ne(!1);
+    const e = t, n = ee(!1);
     async function i() {
       try {
         await navigator.clipboard.writeText(e.value ?? e.text), n.value = !0, setTimeout(() => {
@@ -6431,16 +6431,15 @@ const Ya = oe({ name: "mdi-check", render: Za }), Xa = ["aria-label", "title"],
   emits: ["update:expanded"],
   setup(t) {
     ci((o) => ({
-      "62963e56": o.length
+      "027069d3": o.length
     }));
-    const e = Ge(t, "expanded"), n = ne(!1), i = pi("textContent"), r = St();
+    const e = Ge(t, "expanded"), n = ee(!1), i = pi("textContent"), r = St();
     return fi(() => {
       i.value instanceof HTMLDivElement && (n.value = i.value.scrollHeight - t.tolerance > i.value.clientHeight);
     }), (o, s) => (m(), S("div", null, [
       k("div", {
         id: A(r),
-        ref_key: "textContent",
-        ref: i,
+        ref: "textContent",
         class: U({ [o.$style.truncate]: !e.value })
       }, [
         T(o.$slots, "default")
@@ -6597,7 +6596,7 @@ const gs = oe({ name: "ic-baseline-subdirectory-arrow-left", render: vs }), ys =
   }),
   emits: /* @__PURE__ */ Le(["complete"], ["update:modelValue"]),
   setup(t, { expose: e }) {
-    const n = t, i = Ge(t, "modelValue"), r = St(), o = ne(null);
+    const n = t, i = Ge(t, "modelValue"), r = St(), o = ee(null);
     function s() {
       var a;
       const l = (a = o.value) == null ? void 0 : a.$el;
@@ -6658,7 +6657,7 @@ const gs = oe({ name: "ic-baseline-subdirectory-arrow-left", render: vs }), ys =
       ])
     ]));
   }
-}), $s = ["aria-label"], ws = { class: "contents" }, Os = ["aria-label"], Cs = ["onDblclick", "onKeydown"], _s = ["onClick", "onKeydown"], Vs = /* @__PURE__ */ ke({
+}), $s = ["aria-label", "aria-invalid"], ws = { class: "contents" }, Os = ["aria-label"], Cs = ["onDblclick", "onKeydown"], _s = ["onClick", "onKeydown"], Vs = /* @__PURE__ */ ke({
   __name: "RisChipsInput",
   props: /* @__PURE__ */ Le({
     ariaLabel: {},
@@ -6671,34 +6670,35 @@ const gs = oe({ name: "ic-baseline-subdirectory-arrow-left", render: vs }), ys =
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = Ge(t, "modelValue"), i = ne(null), r = ne(null), o = ne("");
-    function s(p) {
-      r.value = p;
-    }
-    function l(p) {
-      p && (n.value = [...n.value, p.trim()], o.value = "");
+    const e = t, n = Ge(t, "modelValue"), i = ee(null), r = ee(null), o = ee(""), s = ee(0);
+    function l(f) {
+      r.value = f;
     }
     function a() {
+      o.value && (n.value = [...n.value, o.value.trim()], o.value = "", s.value += 1, c());
+    }
+    function u() {
       n.value = [...n.value].filter(Boolean), r.value = null;
     }
-    function u(p) {
-      n.value = n.value.filter((f, v) => v !== p), r.value = null;
+    function d(f) {
+      n.value = n.value.filter((v, y) => y !== f), r.value = null;
     }
-    function d() {
-      var p;
-      r.value || (p = i.value) == null || p.focus();
+    function c() {
+      var f;
+      r.value || (f = i.value) == null || f.focus();
     }
-    const c = cn(() => ({
+    const p = cn(() => ({
       "!shadow-red-800 !bg-red-200": e.hasError
     }));
-    return (p, f) => (m(), S("div", {
-      class: U(["ris-body2-regular shadow-blue flex min-h-48 w-full cursor-text flex-row flex-wrap gap-8 bg-white px-16 py-8", c.value]),
-      "aria-label": p.ariaLabel,
+    return (f, v) => (m(), S("div", {
+      class: U(["ris-body2-regular shadow-blue flex min-h-48 w-full cursor-text flex-row flex-wrap gap-8 bg-white px-16 py-8", p.value]),
+      "aria-label": f.ariaLabel,
+      "aria-invalid": f.hasError,
       role: "group",
-      onClick: d
+      onClick: c
     }, [
       k("ul", ws, [
-        (m(!0), S(de, null, Te(n.value, (v, g) => (m(), S("li", {
+        (m(!0), S(de, null, Te(n.value, (y, g) => (m(), S("li", {
           key: g,
           class: "flex items-center rounded-full bg-blue-300 py-6 pr-4 pl-16 outline-none",
           "aria-label": `${n.value[g]}`
@@ -6706,42 +6706,43 @@ const gs = oe({ name: "ic-baseline-subdirectory-arrow-left", render: vs }), ys =
           r.value === g ? (m(), L(sn, {
             key: 0,
             modelValue: n.value[g],
-            "onUpdate:modelValue": (y) => n.value[g] = y,
-            mask: p.mask,
+            "onUpdate:modelValue": ($) => n.value[g] = $,
+            mask: f.mask,
             "should-focus-on-mount": "",
-            onComplete: a
+            onComplete: u
           }, null, 8, ["modelValue", "onUpdate:modelValue", "mask"])) : (m(), S("button", {
             key: 1,
             "aria-label": "Eintrag bearbeiten",
             class: "cursor-pointer group-focus:bg-blue-900 group-focus:text-white",
             type: "button",
-            onDblclick: (y) => s(g),
-            onKeydown: tt(nt((y) => s(g), ["stop", "prevent"]), ["enter"])
+            onDblclick: ($) => l(g),
+            onKeydown: tt(nt(($) => l(g), ["stop", "prevent"]), ["enter"])
           }, [
-            k("span", null, q(v), 1)
+            k("span", null, q(y), 1)
           ], 40, Cs)),
           k("button", {
             "aria-label": "Eintrag löschen",
             class: "mx-6 flex h-full cursor-pointer items-center rounded-r-full group-focus:bg-blue-900 group-focus:text-white",
             type: "button",
-            onClick: (y) => u(g),
-            onKeydown: tt(nt((y) => u(g), ["stop", "prevent"]), ["enter"])
+            onClick: ($) => d(g),
+            onKeydown: tt(nt(($) => d(g), ["stop", "prevent"]), ["enter"])
           }, [
             B(A(hs))
           ], 40, _s)
         ], 8, Os))), 128))
       ]),
       r.value === null ? (m(), L(sn, {
-        key: 0,
+        key: s.value,
         ref_key: "newChipInputRef",
         ref: i,
         modelValue: o.value,
-        "onUpdate:modelValue": f[0] || (f[0] = (v) => o.value = v),
-        mask: p.mask,
+        "onUpdate:modelValue": v[0] || (v[0] = (y) => o.value = y),
+        mask: f.mask,
+        placeholder: f.placeholder,
+        "should-focus-on-mount": s.value > 0,
         "aria-label": "Eintrag hinzufügen",
-        placeholder: p.placeholder,
-        onComplete: f[1] || (f[1] = (v) => l(o.value))
-      }, null, 8, ["modelValue", "mask", "placeholder"])) : E("", !0)
+        onComplete: a
+      }, null, 8, ["modelValue", "mask", "placeholder", "should-focus-on-mount"])) : E("", !0)
     ], 10, $s));
   }
 });
@@ -6753,3 +6754,4 @@ export {
   As as RisPaginator,
   Ps as RisSingleAccordion
 };
+//# sourceMappingURL=index.js.map