@adyen/bento-vue3 1.68.2 → 1.69.0

package/dist/chunks/{header-with-views.BUed3ocZ.js → header-with-views.Drzq84zs.js}

@@ -1,30 +1,26 @@
-import { createElementBlock as o, openBlock as l, mergeProps as L, createCommentVNode as v, createElementVNode as s, toDisplayString as c, createStaticVNode as P1, ref as g, reactive as ne, computed as Y, watch as i1, nextTick as Z1, defineComponent as A1, toRef as oe, withKeys as j, withModifiers as v1, createVNode as P, createBlock as F, unref as n, withCtx as y, Fragment as $1, renderList as m1, normalizeClass as l1, createTextVNode as Q, resolveDynamicComponent as L1, onMounted as z5, useSlots as ae, createSlots as h1, renderSlot as e5 } from "vue";
-import { B as c1 } from "./button.AB0SOQMn.js";
-import { B as G5 } from "./checkbox.DGrG3GN1.js";
-import { B as Y5 } from "./menu.EtjeOPXX.js";
-import { _ as t5 } from "./modal.vue_vue_type_script_setup_true_lang.Cd-mQUJ8.js";
-import { B as V1 } from "./popover.DYgCCUCJ.js";
-import { B as p1 } from "./typography.DN5eC5ch.js";
-import { u as _1 } from "./use-click-outside.BnhTgpSt.js";
-import { u as re } from "./use-has-slot.B7eQSabc.js";
-import { u as ue } from "./use-bento-toast-controller.D3LA1FCd.js";
+import { createElementBlock as o, openBlock as l, mergeProps as L, createCommentVNode as v, createElementVNode as s, toDisplayString as c, createStaticVNode as P1, ref as g, reactive as ne, computed as Y, watch as i1, nextTick as Z1, defineComponent as A1, toRef as oe, withKeys as j, withModifiers as v1, createVNode as P, createBlock as F, unref as n, withCtx as y, Fragment as $1, renderList as m1, normalizeClass as l1, createTextVNode as Q, resolveDynamicComponent as L1, onMounted as B5, useSlots as ae, createSlots as h1, renderSlot as e5 } from "vue";
+import { B as c1 } from "./button.wMNce6wZ.js";
+import { B as G5 } from "./checkbox.C62ek8A8.js";
+import { u as V1, c as I1, h as _1, f as Y5, B as re } from "./toggle-button.ByyLw0Yf.js";
+import { _ as t5 } from "./modal.vue_vue_type_script_setup_true_lang.CqDhzFJ9.js";
+import { B as p1 } from "./typography.CFHvBR7L.js";
+import { u as ue } from "./use-has-slot.B7eQSabc.js";
+import { u as de } from "./use-bento-toast-controller.BzKbXZPO.js";
 import { g as b1 } from "./generate-uid.NJ8tVoha.js";
-import { B as de } from "./button-actions-with-menu.8ZYh7-9s.js";
+import { B as Ce } from "./button-actions-with-menu.zdsGh7un.js";
 import { u as k1 } from "./i18n.B6g5VX0q.js";
-import { B as Ce } from "./bin.CiGG2V4b.js";
-import { D as pe } from "./dot.ob6N-5Um.js";
+import { B as pe } from "./bin.CiGG2V4b.js";
+import { D as ve } from "./dot.ob6N-5Um.js";
 /* empty css              */
 import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { R as ve } from "./refresh.BB4ouvz_.js";
-import { b as j5, o as ce } from "./index.FNUaPG4G.js";
-import { I as fe, H as ge } from "./header-meta.Yt43-cUI.js";
+import { R as ce } from "./refresh.BB4ouvz_.js";
+import { b as j5, o as fe } from "./index.FNUaPG4G.js";
+import { I as ge, H as he } from "./header-meta.BJGF0E3r.js";
 import { u as w1 } from "./on-click-outside.D9aY9g8G.js";
-import { B as I1 } from "./toggle-button.NQwrfSr1.js";
-import { B as he } from "./divider.qUOSAbU6.js";
-import { B as we } from "./input-field.su5Cq8Dt.js";
-import { d as $e } from "./debounce.DUTu11PS.js";
-import { F as me } from "./error-message.DHMHq9bR.js";
-import { B as Le } from "./button-actions.CZdO9YOk.js";
+import { B as we } from "./divider.DnKNNyWB.js";
+import { B as $e } from "./input-field.6bH4yGb2.js";
+import { d as me } from "./debounce.DUTu11PS.js";
+import { F as Le } from "./error-message.Cu4cIfdg.js";
 import "../assets/header-with-views.css";
 let s5 = 0;
 const Ve = {
@@ -157,8 +153,8 @@ const Ne = {
   beforeCreate() {
     this.uuid = a5.toString(), a5 += 1;
   }
-}, Fe = { key: 0 }, Ke = ["clip-path"], Be = ["id"];
-function ze(e, t, a, r, u, i) {
+}, Fe = { key: 0 }, Ke = ["clip-path"], ze = ["id"];
+function Be(e, t, a, r, u, i) {
   return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -183,11 +179,11 @@ function ze(e, t, a, r, u, i) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Be)
+      ]), 8, ze)
     ])
   ], 16);
 }
-const Ge = /* @__PURE__ */ w(Ne, [["render", ze]]);
+const Ge = /* @__PURE__ */ w(Ne, [["render", Be]]);
 let r5 = 0;
 const Ye = {
   beforeCreate() {
@@ -487,8 +483,8 @@ const K2 = {
   beforeCreate() {
     this.uuid = w5.toString(), w5 += 1;
   }
-}, B2 = { key: 0 };
-function z2(e, t, a, r, u, i) {
+}, z2 = { key: 0 };
+function B2(e, t, a, r, u, i) {
   return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -496,14 +492,14 @@ function z2(e, t, a, r, u, i) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (l(), o("title", B2, c(e.$attrs["svg-title"]), 1)) : v("", !0),
+    e.$attrs["svg-title"] ? (l(), o("title", z2, c(e.$attrs["svg-title"]), 1)) : v("", !0),
     t[0] || (t[0] = s("path", {
       fill: "#001222",
       d: "M4.17969 0.25C5.29369 0.250066 6.19994 1.15557 6.2002 2.26953V3.50293C6.36912 3.45695 6.54617 3.42973 6.72949 3.42969C7.21332 3.42969 7.65762 3.60125 8.00586 3.88574C8.35205 3.60723 8.79147 3.44054 9.26953 3.44043C9.45359 3.44043 9.63122 3.46738 9.80078 3.51367C9.82025 2.41618 10.7182 1.53027 11.8203 1.53027C12.9342 1.53042 13.8396 2.4359 13.8398 3.5498V13C13.8397 14.5141 12.6039 15.7499 11.0898 15.75H4.91016C3.39602 15.75 2.16029 14.5141 2.16016 13V2.26953C2.16041 1.15569 3.06584 0.250254 4.17969 0.25ZM11.8203 3.03027C11.5347 3.03027 11.3001 3.26423 11.2998 3.5498V8.39062H11.29V8.64062C11.2897 9.75453 10.3835 10.6602 9.26953 10.6602C8.78871 10.66 8.3471 10.4903 8 10.209C7.65292 10.4905 7.21133 10.6601 6.73047 10.6602H4.70996V9.16016H6.73047C7.01602 9.15992 7.24993 8.92523 7.25 8.63965C7.24974 8.35422 7.0159 8.12035 6.73047 8.12012H4.17969C3.89427 8.12037 3.66041 8.35423 3.66016 8.63965V13C3.66029 13.6857 4.22445 14.25 4.91016 14.25H11.0898C11.7755 14.2499 12.3397 13.6856 12.3398 13V3.5498C12.3396 3.26432 12.1058 3.03043 11.8203 3.03027ZM9.26953 4.94043C8.98411 4.94069 8.75026 5.17454 8.75 5.45996V8.64062C8.75037 8.92594 8.98418 9.1599 9.26953 9.16016C9.55509 9.16016 9.78967 8.9261 9.79004 8.64062V5.45996C9.78978 5.17439 9.55516 4.94043 9.26953 4.94043ZM4.17969 1.75C3.89427 1.75026 3.66041 1.98411 3.66016 2.26953V6.68945C3.82606 6.64523 4.00001 6.62016 4.17969 6.62012H4.7002V2.26953C4.69994 1.984 4.46526 1.75007 4.17969 1.75ZM6.72949 4.92969C6.4442 4.92994 6.21042 5.16397 6.20996 5.44922V6.62012H6.73047C6.91019 6.62016 7.08406 6.64521 7.25 6.68945V5.44922C7.24954 5.16381 7.015 4.92969 6.72949 4.92969Z"
     }, null, -1))
   ], 16);
 }
-const G2 = /* @__PURE__ */ w(K2, [["render", z2]]);
+const G2 = /* @__PURE__ */ w(K2, [["render", B2]]);
 let $5 = 0;
 const Y2 = {
   beforeCreate() {
@@ -817,7 +813,7 @@ const Kt = {
   beforeCreate() {
     this.uuid = S5.toString(), S5 += 1;
   }
-}, Bt = { key: 0 }, zt = ["clip-path"], Gt = ["id"];
+}, zt = { key: 0 }, Bt = ["clip-path"], Gt = ["id"];
 function Yt(e, t, a, r, u, i) {
   return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
@@ -826,14 +822,14 @@ function Yt(e, t, a, r, u, i) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (l(), o("title", Bt, c(e.$attrs["svg-title"]), 1)) : v("", !0),
+    e.$attrs["svg-title"] ? (l(), o("title", zt, c(e.$attrs["svg-title"]), 1)) : v("", !0),
     s("g", {
       fill: "#001222",
       "clip-path": "url(#uia-ui-assets/icons-16-sleep__a" + e.uuid + ")"
     }, t[0] || (t[0] = [
       s("path", { d: "M13.81 3.25L15.75 1.31V0.25H11.25V1.75H13.19L11.25 3.69V4.75H15.75V3.25H13.81Z" }, null, -1),
       s("path", { d: "M9.86 9.25H11.69C11.73 9.5 11.75 9.74 11.75 10C11.75 11.14 11.42 12.25 10.78 13.2C10.15 14.14 9.25 14.88 8.2 15.31C7.5 15.6 6.75 15.75 6 15.75C5.63 15.75 5.25 15.71 4.88 15.64C3.76 15.42 2.74 14.87 1.93 14.07C1.13 13.26 0.58 12.24 0.36 11.12C0.14 10 0.25 8.85 0.69 7.8C1.12 6.74 1.86 5.85 2.81 5.22C3.75 4.58 4.86 4.25 6 4.25C6.25 4.25 6.5 4.27 6.75 4.31V6.14C6.61 6.22 6.49 6.33 6.37 6.45C6.1 6.73 5.91 7.08 5.81 7.45C5.72 7.83 5.72 8.23 5.82 8.6C5.93 8.98 6.13 9.32 6.4 9.6C6.68 9.87 7.02 10.07 7.4 10.17C7.77 10.28 8.17 10.28 8.55 10.19C8.92 10.09 9.27 9.9 9.55 9.63C9.67 9.51 9.78 9.39 9.86 9.25ZM7.63 13.93C8.41 13.6 9.07 13.06 9.53 12.36C9.79 11.97 9.99 11.55 10.1 11.11C9.74 11.35 9.34 11.53 8.92 11.64C8.29 11.8 7.63 11.79 7 11.62C6.37 11.45 5.8 11.12 5.34 10.66C4.88 10.2 4.55 9.63 4.38 9C4.21 8.38 4.2 7.71 4.36 7.08C4.47 6.66 4.65 6.26 4.89 5.9C4.45 6.02 4.03 6.21 3.64 6.47C2.94 6.93 2.4 7.59 2.07 8.37C1.75 9.15 1.67 10 1.83 10.83C2 11.66 2.4 12.41 2.99 13C3.59 13.6 4.34 14 5.17 14.17C6 14.33 6.85 14.25 7.63 13.93Z" }, null, -1)
-    ]), 8, zt),
+    ]), 8, Bt),
     s("defs", null, [
       s("clipPath", {
         id: "uia-ui-assets/icons-16-sleep__a" + e.uuid
@@ -1164,8 +1160,8 @@ const K0 = {
   beforeCreate() {
     this.uuid = F5.toString(), F5 += 1;
   }
-}, B0 = { key: 0 };
-function z0(e, t, a, r, u, i) {
+}, z0 = { key: 0 };
+function B0(e, t, a, r, u, i) {
   return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1173,7 +1169,7 @@ function z0(e, t, a, r, u, i) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (l(), o("title", B0, c(e.$attrs["svg-title"]), 1)) : v("", !0),
+    e.$attrs["svg-title"] ? (l(), o("title", z0, c(e.$attrs["svg-title"]), 1)) : v("", !0),
     t[0] || (t[0] = s("path", {
       fill: "#001222",
       d: "M1.25 2.58325H14.75V4.08325H1.25V2.58325Z"
@@ -1188,7 +1184,7 @@ function z0(e, t, a, r, u, i) {
     }, null, -1))
   ], 16);
 }
-const G0 = /* @__PURE__ */ w(K0, [["render", z0]]), Y0 = (e) => {
+const G0 = /* @__PURE__ */ w(K0, [["render", B0]]), Y0 = (e) => {
   const t = g(e.views), a = ne({ label: "" }), { t: r } = k1(), u = Y(
     () => t.value.map((V) => {
       var H;
@@ -1269,7 +1265,7 @@ const j0 = (e) => {
       return;
     }
     I();
-  }, B = (p, M) => {
+  }, z = (p, M) => {
     if (!R.value)
       return;
     M.preventDefault();
@@ -1307,7 +1303,7 @@ const j0 = (e) => {
       const M = p.clientY, h = m.value.findIndex(
         (S, k) => M >= S.top && M <= S.bottom || M <= S.top && k === 0 || M >= S.bottom && k === m.value.length - 1
       );
-      h !== -1 && h !== _.value && (_.value = h), z(M), u.value = null;
+      h !== -1 && h !== _.value && (_.value = h), B(M), u.value = null;
     }));
   }, I = () => {
     if (i.value === null || !t.value[i.value])
@@ -1318,7 +1314,7 @@ const j0 = (e) => {
     }
     const h = a.value[i.value], S = [...a.value];
     S.splice(i.value, 1), S.splice(_.value, 0, h), q(), N(), r(S);
-  }, z = (p) => {
+  }, B = (p) => {
     const M = t.value[i.value];
     if (!M)
       return;
@@ -1362,7 +1358,7 @@ const j0 = (e) => {
     draggingOverViewIndex: _,
     isItemDragged: D,
     handleDragKeyboardToggle: E,
-    handleDragKeyboardMove: B,
+    handleDragKeyboardMove: z,
     handleDragStart: T,
     handleDragStop: N
   };
@@ -1378,12 +1374,12 @@ const j0 = (e) => {
       i.value = H;
       const D = _[V];
       D && (D.style.display = "none");
-      for (let B = 0; B < H; B++) {
-        const N = _[B];
+      for (let z = 0; z < H; z++) {
+        const N = _[z];
         if (N.style.display = "inline-flex", m + N.offsetWidth <= R)
           m += N.offsetWidth;
         else {
-          i.value = B, N.style.display = "none";
+          i.value = z, N.style.display = "none";
           break;
         }
       }
@@ -1397,8 +1393,8 @@ const j0 = (e) => {
         return;
       }
       for (; m > R && T >= 0; ) {
-        const B = a.value[T];
-        m -= B.offsetWidth, B.style.display = "none", T--;
+        const z = a.value[T];
+        m -= z.offsetWidth, z.style.display = "none", T--;
       }
     },
     { immediate: !0 }
@@ -1434,7 +1430,7 @@ const j0 = (e) => {
   setup(e, { emit: t }) {
     var M;
     const a = e, r = t, u = g(!1), i = g(null), K = g(null), R = g(null), Z = g(null), _ = g(null), V = g(null), H = b1("menu-popover"), { t: m } = k1({ messages: Q5 });
-    _1(K, () => T(), {
+    V1(K, () => T(), {
       ignore: [i, ...((M = a.menuCloseOnClickOutsideOptions) == null ? void 0 : M.ignore) ?? []]
     });
     const D = () => {
@@ -1444,11 +1440,11 @@ const j0 = (e) => {
     }, E = (h) => {
       h.stopPropagation(), u.value ? T() : D();
     }, {
-      draggedViewIndex: B,
+      draggedViewIndex: z,
       draggingOverViewIndex: N,
       isItemDragged: G,
       handleDragKeyboardMove: I,
-      handleDragKeyboardToggle: z,
+      handleDragKeyboardToggle: B,
       handleDragStart: q,
       handleDragStop: U
     } = j0({
@@ -1484,7 +1480,7 @@ const j0 = (e) => {
         ]),
         _: 1
       }, 8, ["aria-expanded", "aria-controls", "toggled"]),
-      i.value ? (l(), F(n(V1), {
+      i.value ? (l(), F(n(_1), {
         key: 0,
         id: n(H),
         ref_key: "allViewsMenuPopoverRef",
@@ -1498,8 +1494,8 @@ const j0 = (e) => {
         "without-space": ""
       }, {
         default: y(() => [
-          n(B) !== null && n(N) !== null ? (l(), o("output", Q0, c(n(m)("movingDraggedToPosition", {
-            dragged: h.menuItems[n(B)].label,
+          n(z) !== null && n(N) !== null ? (l(), o("output", Q0, c(n(m)("movingDraggedToPosition", {
+            dragged: h.menuItems[n(z)].label,
             draggingOver: h.menuItems[n(N)].label
           })), 1)) : v("", !0),
           s("ul", {
@@ -1523,8 +1519,8 @@ const j0 = (e) => {
                   variant: "tertiary",
                   "aria-pressed": n(G)(b),
                   onKeydown: [
-                    j((C) => n(z)(b, C), ["enter", "native"]),
-                    j((C) => n(z)(b, C), ["space", "native"]),
+                    j((C) => n(B)(b, C), ["enter", "native"]),
+                    j((C) => n(B)(b, C), ["space", "native"]),
                     S[0] || (S[0] = j((C) => n(I)(n(R1).DOWN, C), ["down", "native"])),
                     S[1] || (S[1] = j((C) => n(I)(n(R1).UP, C), ["up", "native"])),
                     j(n(U), ["esc", "native"])
@@ -1594,7 +1590,7 @@ const j0 = (e) => {
       }, 8, ["id", "open", "target-element"])) : v("", !0)
     ], 40, J0));
   }
-}), t7 = /* @__PURE__ */ w(e7, [["__scopeId", "data-v-d62447fc"]]);
+}), t7 = /* @__PURE__ */ w(e7, [["__scopeId", "data-v-ad8db1ac"]]);
 let K5 = 0;
 const s7 = {
   beforeCreate() {
@@ -1677,7 +1673,7 @@ const X5 = {
   emits: ["cancel", "update", "delete", "input:label", "blur:label", "keydown:enter"],
   setup(e, { emit: t }) {
     var S;
-    const a = e, r = t, u = g(a.label), i = g(a.icon), K = g(a.iconColor), R = g(((S = a.additionalFormItem) == null ? void 0 : S.value) ?? !1), Z = g(!1), _ = g(null), V = g(null), H = g(null), m = b1("iconPopover"), D = g(!1), T = Y(() => Object.values(H1)), E = Y(() => Object.values(M1)), B = Y(() => Object.values(a.errors).some((k) => k.length > 0)), N = Y(
+    const a = e, r = t, u = g(a.label), i = g(a.icon), K = g(a.iconColor), R = g(((S = a.additionalFormItem) == null ? void 0 : S.value) ?? !1), Z = g(!1), _ = g(null), V = g(null), H = g(null), m = b1("iconPopover"), D = g(!1), T = Y(() => Object.values(H1)), E = Y(() => Object.values(M1)), z = Y(() => Object.values(a.errors).some((k) => k.length > 0)), N = Y(
       () => `${I("selected")}: ${i.value} ${I("icon")}, ${I("color")} ${K.value}`
     ), G = Y(() => [
       ...a.context === T1.EDIT ? (
@@ -1687,7 +1683,7 @@ const X5 = {
             title: I("save"),
             type: "submit",
             event: () => {
-              B.value || A();
+              z.value || A();
             }
           }
         ]
@@ -1698,7 +1694,7 @@ const X5 = {
             title: I("create"),
             type: "submit",
             event: () => {
-              !Z.value || B.value || A();
+              !Z.value || z.value || A();
             }
           }
         ]
@@ -1707,7 +1703,7 @@ const X5 = {
         title: I("cancel"),
         event: p
       }
-    ]), { t: I } = k1({ messages: X5 }), z = Y(() => ({
+    ]), { t: I } = k1({ messages: X5 }), B = Y(() => ({
       iconColor: K.value,
       icon: i.value,
       label: u.value,
@@ -1722,23 +1718,23 @@ const X5 = {
     ), U = () => {
       D.value = !1;
     }, A = () => {
-      r("update", z.value);
+      r("update", B.value);
     }, p = () => {
       i.value = a.icon, K.value = a.iconColor, u.value = a.label, r("cancel");
-    }, M = $e((k) => {
+    }, M = me((k) => {
       u.value = k, Z.value = !0;
     }, 200), h = (k) => {
       R.value = k, Z.value = !0;
     };
-    return _1(V, U, {
+    return V1(V, U, {
       ignore: [_]
-    }), ce("Escape", U, {
+    }), fe("Escape", U, {
       target: V,
       eventName: "keydown"
-    }), i1(u, (k) => r("input:label", k)), z5(async () => {
+    }), i1(u, (k) => r("input:label", k)), B5(async () => {
       await Z1(), H.value.$refs.inputFieldElement.focus();
     }), (k, b) => (l(), o("form", r7, [
-      P(n(me), null, {
+      P(n(Le), null, {
         default: y(() => [
           Q(c(n(I)("title")), 1)
         ]),
@@ -1764,7 +1760,7 @@ const X5 = {
           ]),
           _: 1
         }, 8, ["aria-expanded", "aria-controls", "disabled", "toggled"]),
-        _.value && !a.disableCustomization ? (l(), F(n(V1), {
+        _.value && !a.disableCustomization ? (l(), F(n(_1), {
           key: 0,
           id: n(m),
           ref_key: "iconPopoverRef",
@@ -1801,7 +1797,7 @@ const X5 = {
                   }, 1032, ["class", "aria-selected", "onClick"])
                 ]))), 128))
               ]),
-              P(n(he)),
+              P(n(we)),
               s("div", v7, [
                 (l(!0), o($1, null, m1(T.value, (C, J) => (l(), F(n(c1), {
                   key: J,
@@ -1822,14 +1818,14 @@ const X5 = {
           ]),
           _: 1
         }, 8, ["id", "target-element", "open"])) : v("", !0),
-        P(n(we), {
+        P(n($e), {
           ref_key: "inputFieldRef",
           ref: H,
           class: "b-header-with-views-edit-form__icon-selector-input",
           "aria-label": n(I)("viewLabel"),
           "error-message": k.errors.label,
           value: u.value,
-          onKeydown: b[3] || (b[3] = j(v1((C) => r("keydown:enter", z.value), ["prevent"]), ["enter"])),
+          onKeydown: b[3] || (b[3] = j(v1((C) => r("keydown:enter", B.value), ["prevent"]), ["enter"])),
           onInput: n(M),
           onBlur: b[4] || (b[4] = (C) => r("blur:label", u.value))
         }, null, 8, ["aria-label", "error-message", "value", "onInput"])
@@ -1845,14 +1841,14 @@ const X5 = {
         ]),
         _: 1
       }, 8, ["model-value"])) : v("", !0),
-      P(n(Le), {
+      P(n(re), {
         class: "b-header-with-views-edit-form__actions",
         actions: G.value,
         layout: "buttons-end"
       }, null, 8, ["actions"])
     ]));
   }
-}), B5 = /* @__PURE__ */ w(f7, [["__scopeId", "data-v-45fb14b4"]]), W5 = {
+}), z5 = /* @__PURE__ */ w(f7, [["__scopeId", "data-v-db7b8b79"]]), W5 = {
   "en-US": {
     cancel: "Cancel",
     createView: "Create view",
@@ -1915,11 +1911,11 @@ const X5 = {
   },
   emits: ["add:view", "delete:view", "duplicate:view", "reorder:view", "restore:view", "save:view", "select:view", "update:view", "update:skip-unsaved-changes"],
   setup(e, { emit: t }) {
-    const a = e, r = t, u = 573, { t: i } = k1({ messages: W5 }), K = ae(), R = re(K), Z = g(null), _ = g(null), V = g(null), H = g([]), m = g(null), D = g(null), T = g(null), E = g([]), B = g(null), N = g(null), G = g(!1), I = g(!1), z = g(!1), q = g(!1), U = g(null), A = g(null), p = g(null), M = g(null), h = g(null), S = g(!1), k = b1("createViewPopover"), b = b1("editViewPopover");
+    const a = e, r = t, u = 573, { t: i } = k1({ messages: W5 }), K = ae(), R = ue(K), Z = g(null), _ = g(null), V = g(null), H = g([]), m = g(null), D = g(null), T = g(null), E = g([]), z = g(null), N = g(null), G = g(!1), I = g(!1), B = g(!1), q = g(!1), U = g(null), A = g(null), p = g(null), M = g(null), h = g(null), S = g(!1), k = b1("createViewPopover"), b = b1("editViewPopover");
     q0({
       container: T,
       children: E,
-      offset: B,
+      offset: z,
       activeViewIndex: p
     });
     const { computedViews: C, clearError: J, duplicateView: n1, errors: X, setViews: f1, updateView: s1, validateLabel: W } = Y0({
@@ -1931,12 +1927,12 @@ const X5 = {
       const d = I.value ? N.value.$refs.editViewMenuRefs[U.value] : H.value[0];
       d == null || d.closeMenu();
     };
-    _1(_, () => x(!1), {
+    V1(_, () => x(!1), {
       ignore: [Z]
-    }), _1(V, () => o1(), {
+    }), V1(V, () => o1(), {
       ignore: [m]
     });
-    const { width: x5 } = j5(D), { addToast: S1 } = ue(), ee = Y(() => [
+    const { width: x5 } = j5(D), { addToast: S1 } = de(), ee = Y(() => [
       {
         title: i("saveChanges"),
         event: Y1
@@ -1985,7 +1981,7 @@ const X5 = {
       }
       const $ = (X1 = (Q1 = H.value.find((C1) => C1.$refs.menuItemListRef)) == null ? void 0 : Q1.$refs) == null ? void 0 : X1.menuItemListRef;
       m.value = ((x1 = (W1 = $ == null ? void 0 : $.$refs) == null ? void 0 : W1.menuItemRef) == null ? void 0 : x1[f]) ?? null, d || ($ == null || $.focusItem(), J());
-    }), z5(() => {
+    }), B5(() => {
       const d = C.value.findIndex((f) => f.isDefault);
       p.value = d >= 0 ? d : 0;
     });
@@ -2002,7 +1998,7 @@ const X5 = {
             addDivider: !0,
             text: i("restoreChanges"),
             handler: j1,
-            icon: ve
+            icon: ce
           }
         ] : [],
         ...(f = C.value[d]) != null && f.isFixed ? [] : [
@@ -2040,7 +2036,7 @@ const X5 = {
               h.value = A.value, q.value = !0;
             },
             critical: !0,
-            icon: Ce
+            icon: pe
           }
         ]
       ];
@@ -2050,34 +2046,34 @@ const X5 = {
       A.value = null, o1();
     }, o1 = (d) => {
       d === U.value ? U.value = null : U.value = d ?? null;
-    }, B1 = (d) => {
+    }, z1 = (d) => {
       const f = s1(d);
       r("add:view", f), x(), a1(f.newViews.findIndex(($) => f.targetViewLabel === $.label)), S1({
         text: i("createViewToast", { label: f.targetViewLabel })
       });
-    }, z1 = (d) => {
+    }, B1 = (d) => {
       r("update:view", s1(d, U.value)), O1();
     }, G1 = (d) => {
       if (W(d.label, A.value), !Object.values(X).some((f) => f.length > 0)) {
         if (U.value) {
-          z1(d);
+          B1(d);
           return;
         }
-        B1(d);
+        z1(d);
       }
     }, a1 = (d) => {
       if (!a.hasChanges || a.skipUnsavedChangesText === null) {
         r("restore:view", C.value[p.value].label), p.value = d;
         return;
       }
-      M.value = d, z.value = !0;
+      M.value = d, B.value = !0;
     }, ie = (d) => {
       d.target.closest("button") || (d.stopPropagation(), d.preventDefault());
     }, le = () => {
       H.value[0].closeMenu(!1);
     }, Y1 = () => {
       const d = C.value[p.value].label;
-      r("save:view", d), z.value ? (r("update:skip-unsaved-changes", S.value), p.value = M.value, M.value = null, z.value = !1) : t1(), S1({
+      r("save:view", d), B.value ? (r("update:skip-unsaved-changes", S.value), p.value = M.value, M.value = null, B.value = !1) : t1(), S1({
         text: i("saveChangesToast", { label: d }),
         action: {
           handler: () => r("restore:view", d),
@@ -2085,7 +2081,7 @@ const X5 = {
         }
       });
     }, j1 = () => {
-      r("restore:view", C.value[p.value].label), z.value ? (r("update:skip-unsaved-changes", S.value), p.value = M.value, M.value = null, z.value = !1) : t1();
+      r("restore:view", C.value[p.value].label), B.value ? (r("update:skip-unsaved-changes", S.value), p.value = M.value, M.value = null, B.value = !1) : t1();
     }, q1 = (d) => p.value === d, D1 = (d) => q1(d) && a.hasChanges;
     return (d, f) => (l(), o("div", {
       ref_key: "hostRef",
@@ -2105,7 +2101,7 @@ const X5 = {
             ]),
             _: 1
           }),
-          d.infoIconTooltipText || n(R)("infoIconTooltipContent") ? (l(), F(n(fe), {
+          d.infoIconTooltipText || n(R)("infoIconTooltipContent") ? (l(), F(n(ge), {
             key: 0,
             "popover-text": d.infoIconTooltipText,
             class: "b-header-with-views__title-icon"
@@ -2169,7 +2165,7 @@ const X5 = {
                 name: "iconRight",
                 fn: y(() => [
                   s("span", w7, [
-                    P(n(pe), {
+                    P(n(ve), {
                       "svg-title": n(i)("withUnsavedChanges")
                     }, null, 8, ["svg-title"])
                   ])
@@ -2203,7 +2199,7 @@ const X5 = {
           ], 2))), 128)),
           s("div", {
             ref_key: "viewControlRef",
-            ref: B,
+            ref: z,
             class: "b-header-with-views__bar-control"
           }, [
             n(C).length ? (l(), F(n(t7), {
@@ -2247,7 +2243,7 @@ const X5 = {
             ]), 1032, ["aria-expanded", "aria-controls", "toggled"])
           ], 512)
         ], 8, h7),
-        E1.value ? (l(), F(n(ge), {
+        E1.value ? (l(), F(n(he), {
           key: 0,
           class: "b-header-with-views__meta-container",
           description: d.description,
@@ -2262,7 +2258,7 @@ const X5 = {
             key: "0"
           } : void 0
         ]), 1032, ["description", "last-updated", "reload-button"])) : v("", !0),
-        d.actions ? (l(), F(de, {
+        d.actions ? (l(), F(Ce, {
           key: 1,
           actions: d.actions,
           "actions-layout": N1.value ? "buttons-start" : "buttons-end",
@@ -2272,7 +2268,7 @@ const X5 = {
           class: "b-header-with-views__actions"
         }, null, 8, ["actions", "actions-layout"])) : v("", !0)
       ], 2),
-      A.value === null && Z.value ? (l(), F(n(V1), {
+      A.value === null && Z.value ? (l(), F(n(_1), {
         key: 0,
         id: n(k),
         ref_key: "createViewPopoverRef",
@@ -2288,7 +2284,7 @@ const X5 = {
         onKeydownCapture: j(v1(x, ["stop", "prevent"]), ["esc", "native"])
       }, {
         default: y(() => [
-          P(n(B5), {
+          P(n(z5), {
             context: "create",
             errors: n(X),
             "additional-form-item": d.additionalViewSetting,
@@ -2296,13 +2292,13 @@ const X5 = {
             "onBlur:label": f[8] || (f[8] = ($) => n(W)($, A.value)),
             "onInput:label": f[9] || (f[9] = ($) => n(W)($, A.value)),
             "onKeydown:enter": G1,
-            onUpdate: B1,
+            onUpdate: z1,
             onCancel: x
           }, null, 8, ["errors", "additional-form-item", "disable-customization"])
         ]),
         _: 1
       }, 8, ["id", "target-element", "title", "open", "onKeydownCapture"])) : v("", !0),
-      A.value !== null && m.value ? (l(), F(n(V1), {
+      A.value !== null && m.value ? (l(), F(n(_1), {
         key: 1,
         id: n(b),
         ref_key: "editViewPopoverRef",
@@ -2319,7 +2315,7 @@ const X5 = {
         onKeydownCapture: f[13] || (f[13] = j(v1(($) => o1(), ["stop", "prevent"]), ["esc", "native"]))
       }, {
         default: y(() => [
-          n(C)[U.value] ? (l(), F(n(B5), {
+          n(C)[U.value] ? (l(), F(n(z5), {
             key: 0,
             context: "edit",
             "additional-form-item": n(C)[U.value].additionalViewSetting,
@@ -2331,18 +2327,18 @@ const X5 = {
             "onBlur:label": f[10] || (f[10] = ($) => n(W)($, A.value)),
             "onInput:label": f[11] || (f[11] = ($) => n(W)($, A.value)),
             "onKeydown:enter": G1,
-            onUpdate: z1,
+            onUpdate: B1,
             onCancel: O1
           }, null, 8, ["additional-form-item", "errors", "icon", "icon-color", "label", "disable-customization"])) : v("", !0)
         ]),
         _: 1
       }, 8, ["id", "target-element", "title", "open"])) : v("", !0),
-      z.value ? (l(), F(n(t5), {
+      B.value ? (l(), F(n(t5), {
         key: 2,
         actions: ee.value,
         "is-dismissible": !1,
-        "is-open": z.value,
-        onCloseModal: f[15] || (f[15] = ($) => z.value = !1)
+        "is-open": B.value,
+        onCloseModal: f[15] || (f[15] = ($) => B.value = !1)
       }, {
         default: y(() => [
           Q(c(n(i)("unsavedChangesTitle", { label: n(C)[p.value].label })), 1)
@@ -2395,8 +2391,8 @@ const X5 = {
       }, 8, ["actions", "is-open"])) : v("", !0)
     ], 512));
   }
-}), Q7 = /* @__PURE__ */ w(V7, [["__scopeId", "data-v-ee9b92c4"]]);
+}), Y7 = /* @__PURE__ */ w(V7, [["__scopeId", "data-v-3260c479"]]);
 export {
-  Q7 as h
+  Y7 as h
 };
-//# sourceMappingURL=header-with-views.BUed3ocZ.js.map
+//# sourceMappingURL=header-with-views.Drzq84zs.js.map