@adyen/bento-vue3 1.62.0 → 1.63.0

package/dist/chunks/{header-with-views.B3WWqTtt.js → header-with-views.go02TaiU.js}

@@ -1,15 +1,15 @@
-import { createElementBlock as o, openBlock as l, mergeProps as $, createCommentVNode as v, createElementVNode as s, toDisplayString as c, createStaticVNode as T1, ref as g, reactive as i2, computed as J, watch as i1, nextTick as y1, defineComponent as P1, toRef as l2, withKeys as q, withModifiers as p1, createVNode as R, createBlock as F, unref as n, withCtx as Z, Fragment as w1, renderList as $1, normalizeClass as l1, createTextVNode as Q, resolveDynamicComponent as m1, onMounted as F5, useSlots as n2, createSlots as S1, renderSlot as o2 } from "vue";
+import { createElementBlock as o, openBlock as l, mergeProps as L, createCommentVNode as v, createElementVNode as s, toDisplayString as c, createStaticVNode as T1, ref as g, reactive as i2, computed as q, watch as i1, nextTick as y1, defineComponent as P1, toRef as l2, withKeys as j, withModifiers as p1, createVNode as T, createBlock as F, unref as n, withCtx as Z, Fragment as w1, renderList as $1, normalizeClass as l1, createTextVNode as J, resolveDynamicComponent as m1, onMounted as F5, useSlots as n2, createSlots as S1, renderSlot as o2 } from "vue";
 import { B as v1 } from "./button.AB0SOQMn.js";
-import { B as G5 } from "./checkbox.C4dJVYbB.js";
-import { B as B5 } from "./menu.DOKYXlFy.js";
+import { B as G5 } from "./checkbox.Hl6-8Sai.js";
+import { B as B5 } from "./menu.CCDxWQPw.js";
 import { _ as x1 } from "./modal.vue_vue_type_script_setup_true_lang.LnD61fHp.js";
 import { B as L1 } from "./popover.maCMPyz8.js";
 import { B as C1 } from "./typography.DN5eC5ch.js";
-import { u as _1 } from "./use-click-outside.BnhTgpSt.js";
+import { u as V1 } from "./use-click-outside.BnhTgpSt.js";
 import { u as a2 } from "./use-has-slot.B7eQSabc.js";
 import { u as r2 } from "./use-bento-toast-controller.D3LA1FCd.js";
-import { g as V1 } from "./generate-uid.NJ8tVoha.js";
-import { B as u2 } from "./button-actions-with-menu.DhqEdBBQ.js";
+import { g as _1 } from "./generate-uid.NJ8tVoha.js";
+import { B as u2 } from "./button-actions-with-menu.BS4gewjn.js";
 import { u as Z1 } from "./i18n.B6g5VX0q.js";
 import { B as d2 } from "./bin.CiGG2V4b.js";
 import { D as C2 } from "./dot.ob6N-5Um.js";
@@ -21,7 +21,7 @@ import { I as c2 } from "./info-icon-with-popover.Duk1tj5G.js";
 import { u as h1 } from "./on-click-outside.D9aY9g8G.js";
 import { B as A1 } from "./toggle-button.NQwrfSr1.js";
 import { B as f2 } from "./divider.qUOSAbU6.js";
-import { B as g2 } from "./input-field.D3z0nJ43.js";
+import { B as g2 } from "./input-field.CfsdWr4t.js";
 import { d as h2 } from "./debounce.DUTu11PS.js";
 import { F as w2 } from "./error-message.C9YtK-P0.js";
 import { B as $2 } from "./button-actions.D1pXI1AJ.js";
@@ -32,8 +32,8 @@ const m2 = {
     this.uuid = e5.toString(), e5 += 1;
   }
 }, L2 = { key: 0 };
-function _2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+function V2(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",
     width: "16",
@@ -51,7 +51,7 @@ function _2(e, t, a, r, u, i) {
     }, null, -1))
   ], 16);
 }
-const V2 = /* @__PURE__ */ w(m2, [["render", _2]]);
+const _2 = /* @__PURE__ */ w(m2, [["render", V2]]);
 let t5 = 0;
 const b2 = {
   beforeCreate() {
@@ -59,7 +59,7 @@ const b2 = {
   }
 }, M2 = { key: 0 };
 function H2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -85,7 +85,7 @@ const Z2 = {
   }
 }, k2 = { key: 0 };
 function S2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -107,7 +107,7 @@ const D2 = {
   }
 }, R2 = { key: 0 };
 function T2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -137,7 +137,7 @@ const P2 = {
   }
 }, A2 = { key: 0 };
 function O2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -159,7 +159,7 @@ const E2 = {
   }
 }, U2 = { key: 0 }, N2 = ["clip-path"], K2 = ["id"];
 function F2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -195,7 +195,7 @@ const B2 = {
   }
 }, Y2 = { key: 0 };
 function j2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -217,7 +217,7 @@ const q2 = {
   }
 }, J2 = { key: 0 }, Q2 = ["clip-path"], X2 = ["id"];
 function W2(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -254,7 +254,7 @@ const ee = {
   }
 }, te = { key: 0 }, se = ["clip-path"], ie = ["id"];
 function le(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -292,7 +292,7 @@ const oe = {
   }
 }, ae = { key: 0 };
 function re(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -314,7 +314,7 @@ const de = {
   }
 }, Ce = { key: 0 }, pe = ["clip-path"], ve = ["id"];
 function ce(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -351,7 +351,7 @@ const ge = {
   }
 }, he = { key: 0 };
 function we(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -371,9 +371,9 @@ const me = {
   beforeCreate() {
     this.uuid = p5.toString(), p5 += 1;
   }
-}, Le = { key: 0 }, _e = ["clip-path"], Ve = ["id"];
+}, Le = { key: 0 }, Ve = ["clip-path"], _e = ["id"];
 function be(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -389,7 +389,7 @@ function be(e, t, a, r, u, i) {
       s("path", { d: "M5 6.75C4.58421 6.75 4.25 7.08421 4.25 7.5H2.75C2.75 6.25579 3.75579 5.25 5 5.25C6.24421 5.25 7.25 6.25579 7.25 7.5H5.75C5.75 7.08421 5.41579 6.75 5 6.75Z" }, null, -1),
       s("path", { d: "M10.25 7.5C10.25 7.08421 10.5842 6.75 11 6.75C11.4158 6.75 11.75 7.08421 11.75 7.5H13.25C13.25 6.25579 12.2442 5.25 11 5.25C9.75579 5.25 8.75 6.25579 8.75 7.5H10.25Z" }, null, -1),
       s("path", { d: "M8 0.25C3.71579 0.25 0.25 3.71579 0.25 8C0.25 12.2842 3.71579 15.75 8 15.75C12.2842 15.75 15.75 12.2842 15.75 8C15.75 3.71579 12.2842 0.25 8 0.25ZM1.75 8C1.75 4.54421 4.54421 1.75 8 1.75C11.4558 1.75 14.25 4.54421 14.25 8C14.25 11.4558 11.4558 14.25 8 14.25C4.54421 14.25 1.75 11.4558 1.75 8Z" }, null, -1)
-    ]), 8, _e),
+    ]), 8, Ve),
     s("defs", null, [
       s("clipPath", {
         id: "uia-ui-assets/icons-16-emoticon_happy__a" + e.uuid
@@ -399,7 +399,7 @@ function be(e, t, a, r, u, i) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, Ve)
+      ]), 8, _e)
     ])
   ], 16);
 }
@@ -411,7 +411,7 @@ const He = {
   }
 }, ye = { key: 0 }, Ze = ["clip-path"], ke = ["id"];
 function Se(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -448,7 +448,7 @@ const Re = {
   }
 }, Te = { key: 0 };
 function Pe(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -467,7 +467,7 @@ const Oe = {
   }
 }, Ie = { key: 0 };
 function Ee(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -489,7 +489,7 @@ const Ne = {
   }
 }, Ke = { key: 0 };
 function Fe(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -511,7 +511,7 @@ const Be = {
   }
 }, Ye = { key: 0 };
 function je(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -537,7 +537,7 @@ const qe = {
   }
 }, Je = { key: 0 };
 function Qe(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -563,7 +563,7 @@ const We = {
   }
 }, xe = { key: 0 };
 function et(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -585,7 +585,7 @@ const st = {
   }
 }, it = { key: 0 }, lt = ["clip-path"], nt = ["id"];
 function ot(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -622,7 +622,7 @@ const rt = {
   }
 }, ut = { key: 0 };
 function dt(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -637,14 +637,14 @@ function dt(e, t, a, r, u, i) {
   ], 16);
 }
 const Ct = /* @__PURE__ */ w(rt, [["render", dt]]);
-let _5 = 0;
+let V5 = 0;
 const pt = {
   beforeCreate() {
-    this.uuid = _5.toString(), _5 += 1;
+    this.uuid = V5.toString(), V5 += 1;
   }
 }, vt = { key: 0 };
 function ct(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -663,14 +663,14 @@ function ct(e, t, a, r, u, i) {
   ], 16);
 }
 const ft = /* @__PURE__ */ w(pt, [["render", ct]]);
-let V5 = 0;
+let _5 = 0;
 const gt = {
   beforeCreate() {
-    this.uuid = V5.toString(), V5 += 1;
+    this.uuid = _5.toString(), _5 += 1;
   }
 }, ht = { key: 0 }, wt = ["clip-path"], $t = ["id"];
 function mt(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -702,27 +702,27 @@ function mt(e, t, a, r, u, i) {
 }
 const Lt = /* @__PURE__ */ w(gt, [["render", mt]]);
 let b5 = 0;
-const _t = {
+const Vt = {
   beforeCreate() {
     this.uuid = b5.toString(), b5 += 1;
   }
-}, Vt = { key: 0 };
+}, _t = { key: 0 };
 function bt(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (l(), o("title", Vt, c(e.$attrs["svg-title"]), 1)) : v("", !0),
+    e.$attrs["svg-title"] ? (l(), o("title", _t, c(e.$attrs["svg-title"]), 1)) : v("", !0),
     t[0] || (t[0] = s("path", {
       fill: "#001222",
       d: "M7.99047 0.25C6.85765 0.25 5.89704 0.935208 5.47759 1.9044C4.03119 2.68871 2.96599 4.13012 2.7463 5.87663L2.4163 8.50663L2.41589 8.51C2.32636 9.25062 1.98383 9.94416 1.45427 10.4656L1.23047 10.6859V13.75H5.35431C5.68227 14.9019 6.74559 15.75 8 15.75C9.25441 15.75 10.3177 14.9019 10.6457 13.75H14.7305V10.6893L14.5108 10.4697C14.0619 10.0208 13.7524 9.46107 13.6074 8.8473L13.2346 5.8764C13.0151 4.13169 11.9599 2.68854 10.5029 1.90326C10.0831 0.934672 9.12284 0.25 7.99047 0.25ZM13.2305 12.25H2.73047V11.2985C3.37295 10.5734 3.78718 9.66208 3.90483 8.69177L4.23463 6.06337C4.4008 4.74299 5.24843 3.65649 6.3979 3.11951L6.70638 2.97541L6.80095 2.64833C6.95173 2.12691 7.42704 1.75 7.99047 1.75C8.5539 1.75 9.02921 2.12691 9.17999 2.64833L9.27491 2.97662L9.58492 3.12039C10.7406 3.65634 11.5799 4.74095 11.7463 6.0636L11.9705 7.85H11.9451L12.0569 8.69805C12.1842 9.6635 12.5895 10.5649 13.2305 11.2958V12.25ZM7.00274 13.75H8.99726C8.76827 14.0529 8.40537 14.25 8 14.25C7.59463 14.25 7.23173 14.0529 7.00274 13.75Z"
     }, null, -1))
   ], 16);
 }
-const Mt = /* @__PURE__ */ w(_t, [["render", bt]]);
+const Mt = /* @__PURE__ */ w(Vt, [["render", bt]]);
 let M5 = 0;
 const Ht = {
   beforeCreate() {
@@ -730,7 +730,7 @@ const Ht = {
   }
 }, yt = { key: 0 }, Zt = ["clip-path"], kt = ["id"];
 function St(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -767,7 +767,7 @@ const Rt = {
   }
 }, Tt = { key: 0 };
 function Pt(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -789,7 +789,7 @@ const Ot = {
   }
 }, It = { key: 0 };
 function Et(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -819,7 +819,7 @@ const Nt = {
   }
 }, Kt = { key: 0 }, Ft = ["clip-path"], Gt = ["id"];
 function Bt(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -855,7 +855,7 @@ const jt = {
   }
 }, zt = { key: 0 };
 function qt(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -877,7 +877,7 @@ const Qt = {
   }
 }, Xt = { key: 0 }, Wt = ["clip-path"], xt = ["id"];
 function e0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -914,7 +914,7 @@ const s0 = {
   }
 }, i0 = { key: 0 }, l0 = ["clip-path"], n0 = ["id"];
 function o0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -951,7 +951,7 @@ const r0 = {
   }
 }, u0 = { key: 0 };
 function d0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -973,7 +973,7 @@ const p0 = {
   }
 }, v0 = { key: 0 };
 function c0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -995,7 +995,7 @@ const g0 = {
   }
 }, h0 = { key: 0 };
 function w0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -1016,8 +1016,8 @@ const m0 = {
     this.uuid = A5.toString(), A5 += 1;
   }
 }, L0 = { key: 0 };
-function _0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+function V0(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",
     width: "16",
@@ -1031,7 +1031,7 @@ function _0(e, t, a, r, u, i) {
     }, null, -1))
   ], 16);
 }
-const V0 = /* @__PURE__ */ w(m0, [["render", _0]]);
+const _0 = /* @__PURE__ */ w(m0, [["render", V0]]);
 let O5 = 0;
 const b0 = {
   beforeCreate() {
@@ -1039,7 +1039,7 @@ const b0 = {
   }
 }, M0 = { key: 0 }, H0 = ["clip-path"], y0 = ["id"];
 function Z0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -1076,7 +1076,7 @@ const S0 = {
   }
 }, D0 = { key: 0 }, R0 = ["clip-path"], T0 = ["id"];
 function P0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -1112,7 +1112,7 @@ const H1 = {
   car: x2,
   education: $e,
   hotel: De,
-  "travel-bag": V0,
+  "travel-bag": _0,
   lightning: Ct,
   news: Lt,
   prize: Dt,
@@ -1147,7 +1147,7 @@ const O0 = {
   }
 }, I0 = { key: 0 };
 function E0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -1166,7 +1166,7 @@ const N0 = {
   }
 }, K0 = { key: 0 };
 function F0(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -1189,7 +1189,7 @@ function F0(e, t, a, r, u, i) {
   ], 16);
 }
 const G0 = /* @__PURE__ */ w(N0, [["render", F0]]), B0 = (e) => {
-  const t = g(e.views), a = i2({ label: "" }), { t: r } = Z1(), u = J(
+  const t = g(e.views), a = i2({ label: "" }), { t: r } = Z1(), u = q(
     () => t.value.map((V) => {
       var y;
       return {
@@ -1207,30 +1207,31 @@ const G0 = /* @__PURE__ */ w(N0, [["render", F0]]), B0 = (e) => {
       };
     })
   ), i = (V, y) => {
-    const m = [...t.value], S = [...t.value];
-    let A;
-    return m[y] ? V ? (m[y] = {
-      ...m[y],
+    let $ = [...t.value];
+    const D = [...t.value];
+    let R;
+    return $[y] ? V ? (V.isDefault && ($ = $.map((E) => E.isDefault ? { ...E, isDefault: !1 } : E)), $[y] = {
+      ...$[y],
       ...V
-    }, A = m[y].label) : (m.splice(y, 1), A = S[y].label) : (m.push(V), A = V.label), t.value = [...m], {
+    }, R = $[y].label) : ($.splice(y, 1), R = D[y].label) : ($.push(V), R = V.label), t.value = [...$], {
       newViews: t.value,
-      oldViews: S,
-      targetViewLabel: A
+      oldViews: D,
+      targetViewLabel: R
     };
-  }, U = (V) => {
+  }, N = (V) => {
     const y = u.value[V].label;
-    let m = `(1) - ${y}`, S = 1;
-    for (; u.value.some((N) => N.label === m); )
-      S++, m = `(${S}) - ${u.value[V].label}`;
-    const A = {
+    let $ = `(1) - ${y}`, D = 1;
+    for (; u.value.some((E) => E.label === $); )
+      D++, $ = `(${D}) - ${u.value[V].label}`;
+    const R = {
       ...u.value[V],
-      label: m
+      label: $
     };
     return {
-      ...i(A),
+      ...i(R),
       targetViewLabel: y
     };
-  }, T = (V) => {
+  }, P = (V) => {
     const y = t.value;
     return t.value = V, { oldViews: y, newViews: V };
   }, k = () => {
@@ -1242,168 +1243,168 @@ const G0 = /* @__PURE__ */ w(N0, [["render", F0]]), B0 = (e) => {
     errors: a,
     // modify
     clearError: k,
-    duplicateView: U,
-    setViews: T,
+    duplicateView: N,
+    setViews: P,
     updateView: i,
     // validations
     validateLabel: (V, y) => {
-      const m = V.trim().length === 0, S = u.value.some(
-        (A, N) => A.label === V && y !== N
+      const $ = V.trim().length === 0, D = u.value.some(
+        (R, E) => R.label === V && y !== E
       );
-      m ? a.label = r("labelRequiredError") : S ? a.label = r("labelNoDuplicateError") : k();
+      $ ? a.label = r("labelRequiredError") : D ? a.label = r("labelNoDuplicateError") : k();
     }
   };
 };
 var D1 = /* @__PURE__ */ ((e) => (e.UP = "up", e.DOWN = "down", e))(D1 || {});
 const Y0 = (e) => {
-  const { itemRefs: t, items: a, onDrop: r } = e, u = g(null), i = g(null), U = g(0), T = g(!1), k = g(0), _ = g(null), V = g(0), y = g(0), m = g([]), S = (C) => i.value === C, A = (C, M) => {
-    if (!M.target.closest("[data-drag-trigger]"))
+  const { itemRefs: t, items: a, onDrop: r } = e, u = g(null), i = g(null), N = g(0), P = g(!1), k = g(0), b = g(null), V = g(0), y = g(0), $ = g([]), D = (C) => i.value === C, R = (C, H) => {
+    if (!H.target.closest("[data-drag-trigger]"))
       return;
-    i.value = C, I();
-    const H = t.value[C];
-    H && (typeof M.clientY == "number" ? U.value = M.clientY : typeof M.key == "string" && (T.value = !0), k.value = H.clientHeight, V.value = k.value * (t.value.length - C - 1), y.value = -(k.value * C), document.documentElement.style.cursor = "grabbing", document.documentElement.style.userSelect = "none");
-  }, N = (C, M) => {
-    if (!T.value) {
-      _.value = C, A(C, M);
+    i.value = C, O();
+    const h = t.value[C];
+    h && (typeof H.clientY == "number" ? N.value = H.clientY : typeof H.key == "string" && (P.value = !0), k.value = h.clientHeight, V.value = k.value * (t.value.length - C - 1), y.value = -(k.value * C), document.documentElement.style.cursor = "grabbing", document.documentElement.style.userSelect = "none");
+  }, E = (C, H) => {
+    if (!P.value) {
+      b.value = C, R(C, H);
       return;
     }
-    O();
-  }, G = (C, M) => {
-    if (!T.value)
+    A();
+  }, K = (C, H) => {
+    if (!P.value)
       return;
-    M.preventDefault();
-    const H = t.value.length - 1, f = 0, D = C === "down", b = C === "up";
-    if (b && _.value === f || D && _.value === H)
+    H.preventDefault();
+    const h = t.value.length - 1, M = 0, S = C === "down", m = C === "up";
+    if (m && b.value === M || S && b.value === h)
       return;
-    let h = _.value + 1;
-    b && (h = _.value - 1);
-    const P = i.value < h, c1 = i.value > h, X = D && c1 || b && P || // This doesn't typically need transformation, but in a "reversed" direction,
+    let f = b.value + 1;
+    m && (f = b.value - 1);
+    const Q = i.value < f, c1 = i.value > f, X = S && c1 || m && Q || // This doesn't typically need transformation, but in a "reversed" direction,
     // it may potentially need to pass through it's original position
-    i.value === h;
-    if (h > H || h < f)
+    i.value === f;
+    if (f > h || f < M)
       return;
     const f1 = () => {
-      const W = t.value[i.value], x = E((_.value - i.value) * k.value);
+      const W = t.value[i.value], x = I((b.value - i.value) * k.value);
       W.style.transform = `translateY(${x}px)`;
     }, s1 = () => {
-      const W = t.value[_.value], x = D ? -k.value : k.value;
+      const W = t.value[b.value], x = S ? -k.value : k.value;
       W.style.transform = X ? "translateY(0px)" : `translateY(${x}px)`;
     };
     if (!X) {
-      _.value = h, f1(), s1();
+      b.value = f, f1(), s1();
       return;
     }
-    s1(), _.value = h, f1();
-  }, K = (C) => {
-    C && T.value && (C.stopPropagation(), C.preventDefault()), u.value = requestAnimationFrame(() => {
-      t.value.forEach((M) => {
-        const H = M;
-        H.style.transform = "";
+    s1(), b.value = f, f1();
+  }, U = (C) => {
+    C && P.value && (C.stopPropagation(), C.preventDefault()), u.value = requestAnimationFrame(() => {
+      t.value.forEach((H) => {
+        const h = H;
+        h.style.transform = "";
       }), u.value = null;
-    }), _.value = null, i.value = null, document.documentElement.style.cursor = "", document.documentElement.style.userSelect = "", T.value = null;
-  }, j = (C) => {
-    i.value === null || u.value || T.value || (u.value = requestAnimationFrame(() => {
-      const M = C.clientY, H = m.value.findIndex(
-        (f, D) => M >= f.top && M <= f.bottom || M <= f.top && D === 0 || M >= f.bottom && D === m.value.length - 1
+    }), b.value = null, i.value = null, document.documentElement.style.cursor = "", document.documentElement.style.userSelect = "", P.value = null;
+  }, Y = (C) => {
+    i.value === null || u.value || P.value || (u.value = requestAnimationFrame(() => {
+      const H = C.clientY, h = $.value.findIndex(
+        (M, S) => H >= M.top && H <= M.bottom || H <= M.top && S === 0 || H >= M.bottom && S === $.value.length - 1
       );
-      H !== -1 && H !== _.value && (_.value = H), B(M), u.value = null;
+      h !== -1 && h !== b.value && (b.value = h), G(H), u.value = null;
     }));
-  }, O = () => {
+  }, A = () => {
     if (i.value === null || !t.value[i.value])
       return;
-    if (i.value === _.value) {
-      K();
+    if (i.value === b.value) {
+      U();
       return;
     }
-    const H = a.value[i.value], f = [...a.value];
-    f.splice(i.value, 1), f.splice(_.value, 0, H), z(), K(), r(f);
-  }, B = (C) => {
-    const M = t.value[i.value];
-    if (!M)
+    const h = a.value[i.value], M = [...a.value];
+    M.splice(i.value, 1), M.splice(b.value, 0, h), z(), U(), r(M);
+  }, G = (C) => {
+    const H = t.value[i.value];
+    if (!H)
       return;
-    M.style.transform = `translateY(${E(C - U.value)}px)`;
-    const H = 0.25, f = i.value < _.value, D = i.value > _.value;
-    for (let b = 0; b < m.value.length; b++) {
-      if (b === i.value)
+    H.style.transform = `translateY(${I(C - N.value)}px)`;
+    const h = 0.25, M = i.value < b.value, S = i.value > b.value;
+    for (let m = 0; m < $.value.length; m++) {
+      if (m === i.value)
         continue;
-      const h = t.value[b], P = m.value[b], X = (C - P.top) / P.height;
-      if (X >= H && f) {
-        if (b < i.value)
+      const f = t.value[m], Q = $.value[m], X = (C - Q.top) / Q.height;
+      if (X >= h && M) {
+        if (m < i.value)
           continue;
-        h.style.transform = `translateY(-${k.value}px)`;
-      } else if (X <= 1 - H && D) {
-        if (b > i.value)
+        f.style.transform = `translateY(-${k.value}px)`;
+      } else if (X <= 1 - h && S) {
+        if (m > i.value)
           continue;
-        h.style.transform = `translateY(${k.value}px)`;
+        f.style.transform = `translateY(${k.value}px)`;
       } else
-        h.style.transform = "translateY(0px)";
+        f.style.transform = "translateY(0px)";
     }
   }, z = () => {
-    var M, H;
+    var H, h;
     const C = document.activeElement;
-    C != null && C.closest("[data-drag-item]") && ((H = (M = t.value[_.value]) == null ? void 0 : M.querySelector("[data-drag-trigger]")) == null || H.focus());
-  }, E = (C) => Math.max(y.value, Math.min(V.value, C)), I = () => {
-    m.value = t.value.map((C) => {
-      const { top: M, bottom: H, height: f } = C.getBoundingClientRect();
+    C != null && C.closest("[data-drag-item]") && ((h = (H = t.value[b.value]) == null ? void 0 : H.querySelector("[data-drag-trigger]")) == null || h.focus());
+  }, I = (C) => Math.max(y.value, Math.min(V.value, C)), O = () => {
+    $.value = t.value.map((C) => {
+      const { top: H, bottom: h, height: M } = C.getBoundingClientRect();
       return {
-        top: M,
-        bottom: H,
-        height: f
+        top: H,
+        bottom: h,
+        height: M
       };
     });
   };
-  return h1(document, "pointermove", j), h1(document, "pointerup", O, { capture: !0 }), h1(document, "keydown", (C) => {
+  return h1(document, "pointermove", Y), h1(document, "pointerup", A, { capture: !0 }), h1(document, "keydown", (C) => {
     C.key !== "Tab" || i.value === null || C.preventDefault();
   }), h1(document, "pointerdown", () => {
-    T.value && K();
+    P.value && U();
   }), {
     draggedViewIndex: i,
-    draggingOverViewIndex: _,
-    isItemDragged: S,
-    handleDragKeyboardToggle: N,
-    handleDragKeyboardMove: G,
-    handleDragStart: A,
-    handleDragStop: K
+    draggingOverViewIndex: b,
+    isItemDragged: D,
+    handleDragKeyboardToggle: E,
+    handleDragKeyboardMove: K,
+    handleDragStart: R,
+    handleDragStop: U
   };
 }, j0 = (e) => {
-  const { container: t, children: a, offset: r, activeViewIndex: u } = e, i = g(a.value.length), { width: U } = Y5(t);
+  const { container: t, children: a, offset: r, activeViewIndex: u } = e, i = g(a.value.length), { width: N } = Y5(t);
   return i1(
-    [U, u, a],
-    async ([T, k, _], [, V]) => {
-      const y = _.length;
+    [N, u, a],
+    async ([P, k, b], [, V]) => {
+      const y = b.length;
       if (y === 0)
         return;
-      let m = r.value.offsetWidth;
+      let $ = r.value.offsetWidth;
       i.value = y;
-      const S = _[V];
-      S && (S.style.display = "none");
-      for (let G = 0; G < y; G++) {
-        const K = _[G];
-        if (K.style.display = "inline-flex", m + K.offsetWidth <= T)
-          m += K.offsetWidth;
+      const D = b[V];
+      D && (D.style.display = "none");
+      for (let K = 0; K < y; K++) {
+        const U = b[K];
+        if (U.style.display = "inline-flex", $ + U.offsetWidth <= P)
+          $ += U.offsetWidth;
         else {
-          i.value = G, K.style.display = "none";
+          i.value = K, U.style.display = "none";
           break;
         }
       }
       if (k < i.value || k === null)
         return;
       await y1();
-      let A = i.value - 1;
-      const N = _[k];
-      if (N.style.display = "inline-flex", m += N.offsetWidth, A < 0 && m > T) {
-        N.style.display = "none";
+      let R = i.value - 1;
+      const E = b[k];
+      if (E.style.display = "inline-flex", $ += E.offsetWidth, R < 0 && $ > P) {
+        E.style.display = "none";
         return;
       }
-      for (; m > T && A >= 0; ) {
-        const G = a.value[A];
-        m -= G.offsetWidth, G.style.display = "none", A--;
+      for (; $ > P && R >= 0; ) {
+        const K = a.value[R];
+        $ -= K.offsetWidth, K.style.display = "none", R--;
       }
     },
     { immediate: !0 }
-  ), i1([i, () => a.value.length], ([T, k]) => {
-    for (let _ = T; _ < k; _++) {
-      const V = a.value[_];
+  ), i1([i, () => a.value.length], ([P, k]) => {
+    for (let b = P; b < k; b++) {
+      const V = a.value[b];
       V.style.display = "none";
     }
   }), {
@@ -1432,43 +1433,41 @@ const Y0 = (e) => {
   emits: ["close:all-views", "close:view-menu", "open:all-views", "open:view-menu", "select:view", "reorder:view"],
   setup(e, { emit: t }) {
     var H;
-    const a = e, r = t, u = g(!1), i = g(null), U = g(null), T = g(null), k = g(null), _ = g(null), V = g(null), y = V1("menu-popover"), { t: m } = Z1({ messages: q5 }), S = J(
-      () => a.menuItemsActions.map((f) => ({ ...f, skipClose: !0 }))
-    );
-    _1(U, () => N(), {
+    const a = e, r = t, u = g(!1), i = g(null), N = g(null), P = g(null), k = g(null), b = g(null), V = g(null), y = _1("menu-popover"), { t: $ } = Z1({ messages: q5 });
+    V1(N, () => R(), {
       ignore: [i, ...((H = a.menuCloseOnClickOutsideOptions) == null ? void 0 : H.ignore) ?? []]
     });
-    const A = () => {
+    const D = () => {
       u.value = !0, r("open:all-views");
-    }, N = async () => {
+    }, R = async () => {
       u.value && (u.value = !1, r("close:all-views"), await y1(), i.value.$el.focus());
-    }, G = (f) => {
-      f.stopPropagation(), u.value ? N() : A();
+    }, E = (h) => {
+      h.stopPropagation(), u.value ? R() : D();
     }, {
       draggedViewIndex: K,
-      draggingOverViewIndex: j,
-      isItemDragged: O,
-      handleDragKeyboardMove: B,
-      handleDragKeyboardToggle: z,
-      handleDragStart: E,
+      draggingOverViewIndex: U,
+      isItemDragged: Y,
+      handleDragKeyboardMove: A,
+      handleDragKeyboardToggle: G,
+      handleDragStart: z,
       handleDragStop: I
     } = Y0({
       items: l2(a, "menuItems"),
-      itemRefs: _,
-      onDrop: (f) => r("reorder:view", f)
-    }), C = (f) => ({
-      "b-header-with-views-all-views__popover-menu-item--dragging": O(f)
-    }), M = (f) => {
-      V.value[f].closeMenu(!1);
+      itemRefs: b,
+      onDrop: (h) => r("reorder:view", h)
+    }), O = (h) => ({
+      "b-header-with-views-all-views__popover-menu-item--dragging": Y(h)
+    }), C = (h) => {
+      V.value[h].closeMenu(!1);
     };
-    return (f, D) => (l(), o("div", {
+    return (h, M) => (l(), o("div", {
       ref_key: "allViewsRef",
-      ref: T,
+      ref: P,
       class: "b-header-with-views-all-views",
       "data-testid": "header-with-views-all-views",
-      onKeydown: q(p1(N, ["stop", "prevent"]), ["esc"])
+      onKeydown: j(p1(R, ["stop", "prevent"]), ["esc"])
     }, [
-      R(n(A1), {
+      T(n(A1), {
         ref_key: "allViewsMenuToggleRef",
         ref: i,
         "aria-haspopup": "true",
@@ -1476,11 +1475,11 @@ const Y0 = (e) => {
         "aria-controls": u.value ? n(y) : null,
         variant: "tertiary",
         toggled: u.value,
-        onClick: G
+        onClick: E
       }, {
         iconLeft: Z(() => [
-          R(n(G0), {
-            "svg-title": n(m)("toggleAllViews")
+          T(n(G0), {
+            "svg-title": n($)("toggleAllViews")
           }, null, 8, ["svg-title"])
         ]),
         _: 1
@@ -1489,7 +1488,7 @@ const Y0 = (e) => {
         key: 0,
         id: n(y),
         ref_key: "allViewsMenuPopoverRef",
-        ref: U,
+        ref: N,
         class: "b-header-with-views-all-views__popover",
         open: u.value,
         "target-element": i.value,
@@ -1499,90 +1498,90 @@ const Y0 = (e) => {
         "without-space": ""
       }, {
         default: Z(() => [
-          n(K) !== null && n(j) !== null ? (l(), o("output", q0, c(n(m)("movingDraggedToPosition", {
-            dragged: f.menuItems[n(K)].label,
-            draggingOver: f.menuItems[n(j)].label
+          n(K) !== null && n(U) !== null ? (l(), o("output", q0, c(n($)("movingDraggedToPosition", {
+            dragged: h.menuItems[n(K)].label,
+            draggingOver: h.menuItems[n(U)].label
           })), 1)) : v("", !0),
           s("ul", {
             ref_key: "menuRef",
             ref: k,
             class: "b-header-with-views-all-views__popover-menu"
           }, [
-            (l(!0), o(w1, null, $1(f.menuItems, (b, h) => (l(), o("li", {
+            (l(!0), o(w1, null, $1(h.menuItems, (S, m) => (l(), o("li", {
               ref_for: !0,
               ref_key: "menuItemRefs",
-              ref: _,
-              key: h,
+              ref: b,
+              key: m,
               "data-drag-item": "",
-              class: l1(["b-header-with-views-all-views__popover-menu-item", C(h)]),
-              onPointerdown: (P) => n(E)(h, P)
+              class: l1(["b-header-with-views-all-views__popover-menu-item", O(m)]),
+              onPointerdown: (f) => n(z)(m, f)
             }, [
               s("div", Q0, [
-                R(n(v1), {
+                T(n(v1), {
                   "data-drag-trigger": "",
                   class: "b-header-with-views-all-views__popover-menu-item-button b-header-with-views-all-views__popover-menu-item-button-reorder",
                   variant: "tertiary",
-                  "aria-pressed": n(O)(h),
+                  "aria-pressed": n(Y)(m),
                   onKeydown: [
-                    q((P) => n(z)(h, P), ["enter", "native"]),
-                    q((P) => n(z)(h, P), ["space", "native"]),
-                    D[0] || (D[0] = q((P) => n(B)(n(D1).DOWN, P), ["down", "native"])),
-                    D[1] || (D[1] = q((P) => n(B)(n(D1).UP, P), ["up", "native"])),
-                    q(n(I), ["esc", "native"])
+                    j((f) => n(G)(m, f), ["enter", "native"]),
+                    j((f) => n(G)(m, f), ["space", "native"]),
+                    M[0] || (M[0] = j((f) => n(A)(n(D1).DOWN, f), ["down", "native"])),
+                    M[1] || (M[1] = j((f) => n(A)(n(D1).UP, f), ["up", "native"])),
+                    j(n(I), ["esc", "native"])
                   ]
                 }, {
                   iconLeft: Z(() => [
-                    R(n(U0), {
-                      "svg-title": n(m)("reorderView", { label: b.label })
+                    T(n(U0), {
+                      "svg-title": n($)("reorderView", { label: S.label })
                     }, null, 8, ["svg-title"])
                   ]),
                   _: 2
                 }, 1032, ["aria-pressed", "onKeydown"]),
-                R(n(v1), {
+                T(n(v1), {
                   "data-view-select": "",
                   class: "b-header-with-views-all-views__popover-menu-item-button b-header-with-views-all-views__popover-menu-item-button-select",
                   variant: "tertiary",
-                  onClick: (P) => r("select:view", h)
+                  onClick: (f) => r("select:view", m)
                 }, {
                   iconLeft: Z(() => [
                     s("span", {
-                      class: l1(["b-header-with-views-all-views__popover-menu-item-button-icon", `b-header-with-views-all-views__popover-menu-item-button-icon--${b.iconColor}`]),
+                      class: l1(["b-header-with-views-all-views__popover-menu-item-button-icon", `b-header-with-views-all-views__popover-menu-item-button-icon--${S.iconColor}`]),
                       "aria-hidden": "true"
                     }, [
-                      (l(), F(m1(n(H1)[b.icon])))
+                      (l(), F(m1(n(H1)[S.icon])))
                     ], 2)
                   ]),
                   default: Z(() => [
-                    R(n(C1), {
+                    T(n(C1), {
                       el: "span",
                       variant: "body",
                       class: "b-header-with-views-all-views__popover-menu-item-button-text"
                     }, {
                       default: Z(() => [
-                        Q(c(b.label), 1)
+                        J(c(S.label), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                R(n(B5), {
+                T(n(B5), {
                   ref_for: !0,
                   ref_key: "editViewMenuRefs",
                   ref: V,
                   "data-view-menu": "",
                   class: "b-header-with-views-all-views__popover-menu-item-button",
                   button: { variant: "tertiary", condensed: !0 },
-                  "close-on-click-outside-options": f.menuCloseOnClickOutsideOptions,
-                  data: S.value,
+                  "close-on-click-outside-options": h.menuCloseOnClickOutsideOptions,
+                  data: h.menuItemsActions,
                   "menu-position": "right-start",
-                  onOpen: (P) => r("open:view-menu", h),
-                  onClose: (P) => r("close:view-menu", h),
-                  onKeydownCapture: q((P) => M(h), ["tab", "native"])
+                  onOpen: (f) => r("open:view-menu", m),
+                  onClose: (f) => r("close:view-menu", m),
+                  onKeydownCapture: j((f) => C(m), ["tab", "native"])
                 }, {
                   iconLeft: Z(() => [
-                    R(n(z5), {
-                      "svg-title": n(m)("openViewOptions", { label: b.label })
+                    T(n(z5), {
+                      "svg-title": n($)("openViewOptions", { label: S.label })
                     }, null, 8, ["svg-title"])
                   ]),
                   _: 2
@@ -1595,7 +1594,7 @@ const Y0 = (e) => {
       }, 8, ["id", "open", "target-element"])) : v("", !0)
     ], 40, z0));
   }
-}), x0 = /* @__PURE__ */ w(W0, [["__scopeId", "data-v-0b744d04"]]);
+}), x0 = /* @__PURE__ */ w(W0, [["__scopeId", "data-v-d62447fc"]]);
 let N5 = 0;
 const e7 = {
   beforeCreate() {
@@ -1603,7 +1602,7 @@ const e7 = {
   }
 }, t7 = { key: 0 }, s7 = ["clip-path"], i7 = ["id"];
 function l7(e, t, a, r, u, i) {
-  return l(), o("svg", $({ role: "img" }, e.$attrs, {
+  return l(), o("svg", L({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
@@ -1676,18 +1675,18 @@ const J5 = {
   },
   emits: ["cancel", "update", "delete", "input:label", "blur:label", "keydown:enter"],
   setup(e, { emit: t }) {
-    var H;
-    const a = e, r = t, u = g(a.label), i = g(a.icon), U = g(a.iconColor), T = g(((H = a.additionalFormItem) == null ? void 0 : H.value) ?? !1), k = g(!1), _ = g(null), V = g(null), y = g(null), m = V1("iconPopover"), S = g(!1), A = J(() => Object.values(M1)), N = J(() => Object.values(b1)), G = J(() => Object.values(a.errors).some((f) => f.length > 0)), K = J(
-      () => `${O("selected")}: ${i.value} ${O("icon")}, ${O("color")} ${U.value}`
-    ), j = J(() => [
+    var h;
+    const a = e, r = t, u = g(a.label), i = g(a.icon), N = g(a.iconColor), P = g(((h = a.additionalFormItem) == null ? void 0 : h.value) ?? !1), k = g(!1), b = g(null), V = g(null), y = g(null), $ = _1("iconPopover"), D = g(!1), R = q(() => Object.values(M1)), E = q(() => Object.values(b1)), K = q(() => Object.values(a.errors).some((M) => M.length > 0)), U = q(
+      () => `${A("selected")}: ${i.value} ${A("icon")}, ${A("color")} ${N.value}`
+    ), Y = q(() => [
       ...a.context === R1.EDIT ? (
         // edit mode
         [
           {
-            title: O("save"),
+            title: A("save"),
             type: "submit",
             event: () => {
-              G.value || E();
+              K.value || I();
             }
           }
         ]
@@ -1695,121 +1694,121 @@ const J5 = {
         // create mode
         [
           {
-            title: O("create"),
+            title: A("create"),
             type: "submit",
             event: () => {
-              !k.value || G.value || E();
+              !k.value || K.value || I();
             }
           }
         ]
       ),
       {
-        title: O("cancel"),
-        event: I
+        title: A("cancel"),
+        event: O
       }
-    ]), { t: O } = Z1({ messages: J5 }), B = J(() => ({
-      iconColor: U.value,
+    ]), { t: A } = Z1({ messages: J5 }), G = q(() => ({
+      iconColor: N.value,
       icon: i.value,
       label: u.value,
       ...a.additionalFormItem ? {
         additionalViewSetting: {
           label: a.additionalFormItem.label,
-          value: T.value
+          value: P.value
         }
       } : []
     })), z = () => {
-      S.value = !1;
-    }, E = () => {
-      r("update", B.value);
+      D.value = !1;
     }, I = () => {
-      i.value = a.icon, U.value = a.iconColor, u.value = a.label, r("cancel");
-    }, C = h2((f) => {
-      u.value = f, k.value = !0;
-    }, 200), M = (f) => {
-      T.value = f, k.value = !0;
+      r("update", G.value);
+    }, O = () => {
+      i.value = a.icon, N.value = a.iconColor, u.value = a.label, r("cancel");
+    }, C = h2((M) => {
+      u.value = M, k.value = !0;
+    }, 200), H = (M) => {
+      P.value = M, k.value = !0;
     };
-    return _1(V, z, {
-      ignore: [_]
+    return V1(V, z, {
+      ignore: [b]
     }), v2("Escape", z, {
       target: V,
       eventName: "keydown"
-    }), i1(u, (f) => r("input:label", f)), F5(async () => {
+    }), i1(u, (M) => r("input:label", M)), F5(async () => {
       await y1(), y.value.$refs.inputFieldElement.focus();
-    }), (f, D) => (l(), o("form", o7, [
-      R(n(w2), null, {
+    }), (M, S) => (l(), o("form", o7, [
+      T(n(w2), null, {
         default: Z(() => [
-          Q(c(n(O)("title")), 1)
+          J(c(n(A)("title")), 1)
         ]),
         _: 1
       }),
-      s("div", a7, c(K.value), 1),
+      s("div", a7, c(U.value), 1),
       s("div", r7, [
-        R(n(A1), {
+        T(n(A1), {
           ref_key: "iconSelectorButtonRef",
-          ref: _,
+          ref: b,
           variant: "secondary",
-          "aria-expanded": S.value,
-          "aria-controls": S.value ? n(m) : null,
-          toggled: S.value,
-          onClick: D[0] || (D[0] = (b) => S.value = !S.value)
+          "aria-expanded": D.value,
+          "aria-controls": D.value ? n($) : null,
+          toggled: D.value,
+          onClick: S[0] || (S[0] = (m) => D.value = !D.value)
         }, {
           iconLeft: Z(() => [
             (l(), F(m1(n(H1)[i.value]), {
-              class: l1(`b-header-with-views-edit-form__icon-color--${U.value}`),
-              "svg-title": n(O)("viewIcons")
+              class: l1(`b-header-with-views-edit-form__icon-color--${N.value}`),
+              "svg-title": n(A)("viewIcons")
             }, null, 8, ["class", "svg-title"]))
           ]),
           _: 1
         }, 8, ["aria-expanded", "aria-controls", "toggled"]),
-        _.value ? (l(), F(n(L1), {
+        b.value ? (l(), F(n(L1), {
           key: 0,
-          id: n(m),
+          id: n($),
           ref_key: "iconPopoverRef",
           ref: V,
           class: "b-header-with-views-edit-form__icon-selector-popover",
-          "target-element": _.value,
-          open: S.value,
+          "target-element": b.value,
+          open: D.value,
           "fallback-position": ["bottom-end"],
           "fixed-positioning": !0,
           "overflow-visible": !0,
           position: "bottom-end",
-          onDismiss: D[1] || (D[1] = (b) => S.value = !1),
-          onKeydownCapture: D[2] || (D[2] = q(p1((b) => S.value = !1, ["stop", "prevent"]), ["escape", "native"]))
+          onDismiss: S[1] || (S[1] = (m) => D.value = !1),
+          onKeydownCapture: S[2] || (S[2] = j(p1((m) => D.value = !1, ["stop", "prevent"]), ["escape", "native"]))
         }, {
           default: Z(() => [
             s("div", u7, [
               s("div", d7, [
-                (l(!0), o(w1, null, $1(N.value, (b, h) => (l(), o("div", {
-                  key: h,
+                (l(!0), o(w1, null, $1(E.value, (m, f) => (l(), o("div", {
+                  key: f,
                   class: "b-header-with-views-edit-form__icon-options-wrapper"
                 }, [
-                  R(n(v1), {
-                    class: l1(["b-header-with-views-edit-form__icon-color-options-button", `b-header-with-views-edit-form__icon-color--${b}`]),
-                    "aria-selected": U.value === b,
+                  T(n(v1), {
+                    class: l1(["b-header-with-views-edit-form__icon-color-options-button", `b-header-with-views-edit-form__icon-color--${m}`]),
+                    "aria-selected": N.value === m,
                     variant: "tertiary",
-                    onClick: (P) => U.value = b
+                    onClick: (Q) => N.value = m
                   }, {
                     iconLeft: Z(() => [
-                      R(n(n7), {
-                        "svg-title": n(O)("selectIconColor", { color: b })
+                      T(n(n7), {
+                        "svg-title": n(A)("selectIconColor", { color: m })
                       }, null, 8, ["svg-title"])
                     ]),
                     _: 2
                   }, 1032, ["class", "aria-selected", "onClick"])
                 ]))), 128))
               ]),
-              R(n(f2)),
+              T(n(f2)),
               s("div", C7, [
-                (l(!0), o(w1, null, $1(A.value, (b, h) => (l(), F(n(v1), {
-                  key: h,
+                (l(!0), o(w1, null, $1(R.value, (m, f) => (l(), F(n(v1), {
+                  key: f,
                   class: "b-header-with-views-edit-form__icon-options-button",
-                  "aria-selected": i.value === b,
+                  "aria-selected": i.value === m,
                   variant: "tertiary",
-                  onClick: (P) => i.value = b
+                  onClick: (Q) => i.value = m
                 }, {
                   iconLeft: Z(() => [
-                    (l(), F(m1(n(H1)[b]), {
-                      "svg-title": n(O)("selectIcon", { icon: b })
+                    (l(), F(m1(n(H1)[m]), {
+                      "svg-title": n(A)("selectIcon", { icon: m })
                     }, null, 8, ["svg-title"]))
                   ]),
                   _: 2
@@ -1819,32 +1818,32 @@ const J5 = {
           ]),
           _: 1
         }, 8, ["id", "target-element", "open"])) : v("", !0),
-        R(n(g2), {
+        T(n(g2), {
           ref_key: "inputFieldRef",
           ref: y,
           class: "b-header-with-views-edit-form__icon-selector-input",
-          "aria-label": n(O)("viewLabel"),
-          "error-message": f.errors.label,
+          "aria-label": n(A)("viewLabel"),
+          "error-message": M.errors.label,
           value: u.value,
-          onKeydown: D[3] || (D[3] = q(p1((b) => r("keydown:enter", B.value), ["prevent"]), ["enter"])),
+          onKeydown: S[3] || (S[3] = j(p1((m) => r("keydown:enter", G.value), ["prevent"]), ["enter"])),
           onInput: n(C),
-          onBlur: D[4] || (D[4] = (b) => r("blur:label", u.value))
+          onBlur: S[4] || (S[4] = (m) => r("blur:label", u.value))
         }, null, 8, ["aria-label", "error-message", "value", "onInput"])
       ]),
-      f.additionalFormItem ? (l(), F(n(G5), {
+      M.additionalFormItem ? (l(), F(n(G5), {
         key: 0,
-        "model-value": T.value,
+        "model-value": P.value,
         class: "b-header-with-views-edit-form__additional-config",
-        "onUpdate:modelValue": M
+        "onUpdate:modelValue": H
       }, {
         default: Z(() => [
-          Q(c(f.additionalFormItem.label), 1)
+          J(c(M.additionalFormItem.label), 1)
         ]),
         _: 1
       }, 8, ["model-value"])) : v("", !0),
-      R(n($2), {
+      T(n($2), {
         class: "b-header-with-views-edit-form__actions",
-        actions: j.value,
+        actions: Y.value,
         layout: "buttons-end"
       }, null, 8, ["actions"])
     ]));
@@ -1907,27 +1906,28 @@ const J5 = {
   },
   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 } = Z1({ messages: Q5 }), U = n2(), T = a2(U), k = g(null), _ = g(null), V = g(null), y = g([]), m = g(null), S = g(null), A = g(null), N = g([]), G = g(null), K = g(null), j = g(!1), O = g(!1), B = g(!1), z = g(!1), E = g(null), I = g(null), C = g(null), M = g(null), H = g(null), f = g(!1), D = V1("createViewPopover"), b = V1("editViewPopover");
+    const a = e, r = t, u = 573, { t: i } = Z1({ messages: Q5 }), N = n2(), P = a2(N), k = g(null), b = g(null), V = g(null), y = g([]), $ = g(null), D = g(null), R = g(null), E = g([]), K = g(null), U = g(null), Y = g(!1), A = g(!1), G = g(!1), z = g(!1), I = g(null), O = g(null), C = g(null), H = g(null), h = g(null), M = g(!1), S = _1("createViewPopover"), m = _1("editViewPopover");
     j0({
-      container: A,
-      children: N,
-      offset: G,
+      container: R,
+      children: E,
+      offset: K,
       activeViewIndex: C
     });
-    const { computedViews: h, clearError: P, duplicateView: c1, errors: X, setViews: f1, updateView: s1, validateLabel: W } = B0({
+    const { computedViews: f, clearError: Q, duplicateView: c1, errors: X, setViews: f1, updateView: s1, validateLabel: W } = B0({
       additionalViewSetting: a.additionalViewSetting,
       views: a.views
     }), x = async (d = !0) => {
-      j.value = !1, d && (await y1(), k.value.$el.focus()), P();
+      Y.value = !1, d && (await y1(), k.value.$el.focus()), Q();
     }, O1 = () => {
-      y.value[0].closeMenu();
+      const d = A.value ? U.value.$refs.editViewMenuRefs[I.value] : y.value[0];
+      d == null || d.closeMenu();
     };
-    _1(_, () => x(!1), {
+    V1(b, () => x(!1), {
       ignore: [k]
-    }), _1(V, () => n1(), {
-      ignore: [m]
+    }), V1(V, () => n1(), {
+      ignore: [$]
     });
-    const { width: X5 } = Y5(S), { addToast: I1 } = r2(), W5 = J(() => [
+    const { width: X5 } = Y5(D), { addToast: I1 } = r2(), W5 = q(() => [
       {
         title: i("saveChanges"),
         event: Y1
@@ -1936,13 +1936,13 @@ const J5 = {
         title: i("leave"),
         event: j1
       }
-    ]), x5 = J(() => [
+    ]), x5 = q(() => [
       {
         title: i("deleteViewAction"),
         event: async () => {
           z.value = !1;
-          const d = s1(null, H.value);
-          r("delete:view", d), t1(), !(C.value < H.value) && (C.value > H.value ? C.value -= 1 : C.value === H.value && (d.newViews.length === 0 ? C.value = null : C.value >= d.newViews.length && (C.value -= 1)), H.value = null);
+          const d = s1(null, h.value);
+          r("delete:view", d), t1(), !(C.value < h.value) && (C.value > h.value ? C.value -= 1 : C.value === h.value && (d.newViews.length === 0 ? C.value = null : C.value >= d.newViews.length && (C.value -= 1)), h.value = null);
         }
       },
       {
@@ -1951,32 +1951,32 @@ const J5 = {
           z.value = !1;
         }
       }
-    ]), E1 = J(() => {
+    ]), E1 = q(() => {
       var d;
-      return (d = h.value[H.value]) == null ? void 0 : d.label;
-    }), e2 = J(() => ({
+      return (d = f.value[h.value]) == null ? void 0 : d.label;
+    }), e2 = q(() => ({
       "b-header-with-views__container--is-compact": U1.value
-    })), U1 = J(() => X5.value <= u);
-    i1([C, h], ([d, p], [L, Y]) => {
+    })), U1 = q(() => X5.value <= u);
+    i1([C, f], ([d, p], [_, B]) => {
       var a1, r1, u1;
-      const e1 = d === L && p.length === Y.length, g1 = ((a1 = p[d]) == null ? void 0 : a1.label) === ((r1 = Y[L]) == null ? void 0 : r1.label);
+      const e1 = d === _ && p.length === B.length, g1 = ((a1 = p[d]) == null ? void 0 : a1.label) === ((r1 = B[_]) == null ? void 0 : r1.label);
       e1 || g1 || r("select:view", ((u1 = p[d]) == null ? void 0 : u1.label) ?? null);
-    }), i1(I, () => {
+    }), i1(O, () => {
       n1();
-    }), i1(O, (d) => {
+    }), i1(A, (d) => {
       d || t1();
-    }), i1(E, (d) => {
-      var Y, e1, g1, a1, r1, u1, q1, J1, Q1, X1, W1;
+    }), i1(I, (d) => {
+      var B, e1, g1, a1, r1, u1, q1, J1, Q1, X1, W1;
       const p = k1(d) ? 2 : 0;
-      if (O.value) {
-        const d1 = (e1 = (Y = K.value.$refs.editViewMenuRefs[I.value]) == null ? void 0 : Y.$refs) == null ? void 0 : e1.menuItemListRef;
-        m.value = ((q1 = (u1 = (r1 = (a1 = (g1 = K.value.$refs.editViewMenuRefs[I.value]) == null ? void 0 : g1.$refs) == null ? void 0 : a1.menuItemListRef) == null ? void 0 : r1.$refs) == null ? void 0 : u1.menuItemRef) == null ? void 0 : q1[p]) ?? null, d || (d1 == null || d1.focusItem(), P());
+      if (A.value) {
+        const d1 = (e1 = (B = U.value.$refs.editViewMenuRefs[O.value]) == null ? void 0 : B.$refs) == null ? void 0 : e1.menuItemListRef;
+        $.value = ((q1 = (u1 = (r1 = (a1 = (g1 = U.value.$refs.editViewMenuRefs[O.value]) == null ? void 0 : g1.$refs) == null ? void 0 : a1.menuItemListRef) == null ? void 0 : r1.$refs) == null ? void 0 : u1.menuItemRef) == null ? void 0 : q1[p]) ?? null, d || (d1 == null || d1.focusItem(), Q());
         return;
       }
-      const L = (Q1 = (J1 = y.value.find((d1) => d1.$refs.menuItemListRef)) == null ? void 0 : J1.$refs) == null ? void 0 : Q1.menuItemListRef;
-      m.value = ((W1 = (X1 = L == null ? void 0 : L.$refs) == null ? void 0 : X1.menuItemRef) == null ? void 0 : W1[p]) ?? null, d || (L == null || L.focusItem(), P());
+      const _ = (Q1 = (J1 = y.value.find((d1) => d1.$refs.menuItemListRef)) == null ? void 0 : J1.$refs) == null ? void 0 : Q1.menuItemListRef;
+      $.value = ((W1 = (X1 = _ == null ? void 0 : _.$refs) == null ? void 0 : X1.menuItemRef) == null ? void 0 : W1[p]) ?? null, d || (_ == null || _.focusItem(), Q());
     }), F5(() => {
-      const d = h.value.findIndex((p) => p.isDefault);
+      const d = f.value.findIndex((p) => p.isDefault);
       C.value = d >= 0 ? d : 0;
     });
     const N1 = (d) => [
@@ -1984,7 +1984,7 @@ const J5 = {
         {
           text: i("saveChanges"),
           handler: Y1,
-          icon: V2
+          icon: _2
         },
         {
           addDivider: !0,
@@ -1996,7 +1996,7 @@ const J5 = {
       {
         text: i("edit"),
         handler: () => {
-          n1(I.value);
+          n1(O.value);
         },
         icon: y2,
         skipClose: !0
@@ -2004,7 +2004,7 @@ const J5 = {
       {
         text: i("setAsDefault"),
         handler: () => {
-          const p = s1({ isDefault: !0 }, I.value);
+          const p = s1({ isDefault: !0 }, O.value);
           r("update:view", p), t1();
         },
         icon: j5
@@ -2012,7 +2012,7 @@ const J5 = {
       {
         text: i("duplicate"),
         handler: () => {
-          const p = c1(I.value);
+          const p = c1(O.value);
           r("duplicate:view", p), t1(), o1(p.newViews.length - 1);
         },
         icon: G2
@@ -2020,27 +2020,27 @@ const J5 = {
       {
         text: i("delete"),
         handler: () => {
-          H.value = I.value, z.value = !0;
+          h.value = O.value, z.value = !0;
         },
         critical: !0,
         icon: d2
       }
     ], K1 = (d) => {
-      I.value = d;
+      O.value = d;
     }, t1 = () => {
-      I.value = null, n1();
+      O.value = null, n1();
     }, n1 = (d) => {
-      d === E.value ? E.value = null : E.value = d ?? null;
+      d === I.value ? I.value = null : I.value = d ?? null;
     }, F1 = (d) => {
       const p = s1(d);
-      r("add:view", p), x(), o1(p.newViews.findIndex((L) => p.targetViewLabel === L.label)), I1({
+      r("add:view", p), x(), o1(p.newViews.findIndex((_) => p.targetViewLabel === _.label)), I1({
         text: i("createViewToast", { label: p.targetViewLabel })
       });
     }, G1 = (d) => {
-      r("update:view", s1(d, E.value)), O1();
+      r("update:view", s1(d, I.value)), O1();
     }, B1 = (d) => {
-      if (W(d.label, I.value), !Object.values(X).some((p) => p.length > 0)) {
-        if (E.value) {
+      if (W(d.label, O.value), !Object.values(X).some((p) => p.length > 0)) {
+        if (I.value) {
           G1(d);
           return;
         }
@@ -2048,17 +2048,17 @@ const J5 = {
       }
     }, o1 = (d) => {
       if (!a.hasChanges || a.skipUnsavedChangesText === null) {
-        r("restore:view", h.value[C.value].label), C.value = d;
+        r("restore:view", f.value[C.value].label), C.value = d;
         return;
       }
-      M.value = d, B.value = !0;
+      H.value = d, G.value = !0;
     }, t2 = (d) => {
       d.target.closest("button") || (d.stopPropagation(), d.preventDefault());
     }, s2 = () => {
       y.value[0].closeMenu(!1);
     }, Y1 = () => {
-      const d = h.value[C.value].label;
-      r("save:view", d), B.value ? (r("update:skip-unsaved-changes", f.value), C.value = M.value, M.value = null, B.value = !1) : t1(), I1({
+      const d = f.value[C.value].label;
+      r("save:view", d), G.value ? (r("update:skip-unsaved-changes", M.value), C.value = H.value, H.value = null, G.value = !1) : t1(), I1({
         text: i("saveChangesToast", { label: d }),
         action: {
           handler: () => r("restore:view", d),
@@ -2066,32 +2066,32 @@ const J5 = {
         }
       });
     }, j1 = () => {
-      r("restore:view", h.value[C.value].label), B.value ? (r("update:skip-unsaved-changes", f.value), C.value = M.value, M.value = null, B.value = !1) : t1();
+      r("restore:view", f.value[C.value].label), G.value ? (r("update:skip-unsaved-changes", M.value), C.value = H.value, H.value = null, G.value = !1) : t1();
     }, z1 = (d) => C.value === d, k1 = (d) => z1(d) && a.hasChanges;
     return (d, p) => (l(), o("div", {
       ref_key: "hostRef",
-      ref: S,
+      ref: D,
       class: "b-header-with-views"
     }, [
       s("div", {
         class: l1(["b-header-with-views__container", e2.value])
       }, [
         s("div", c7, [
-          R(n(C1), {
+          T(n(C1), {
             el: "h2",
             variant: "title"
           }, {
             default: Z(() => [
-              Q(c(d.title), 1)
+              J(c(d.title), 1)
             ]),
             _: 1
           }),
-          d.description || n(T)("infoIconTooltipContent") ? (l(), F(n(c2), {
+          d.description || n(P)("infoIconTooltipContent") ? (l(), F(n(c2), {
             key: 0,
             "popover-text": d.description,
             class: "b-header-with-views__title-icon"
           }, S1({ _: 2 }, [
-            n(T)("infoIconTooltipContent") ? {
+            n(P)("infoIconTooltipContent") ? {
               name: "default",
               fn: Z(() => [
                 o2(d.$slots, "infoIconTooltipContent", {}, void 0, !0)
@@ -2102,55 +2102,55 @@ const J5 = {
         ]),
         s("fieldset", {
           ref_key: "viewsRef",
-          ref: A,
+          ref: R,
           class: "b-header-with-views__bar",
           "aria-label": n(i)("viewListLabel")
         }, [
-          (l(!0), o(w1, null, $1(n(h), (L, Y) => (l(), o("div", {
-            key: Y,
+          (l(!0), o(w1, null, $1(n(f), (_, B) => (l(), o("div", {
+            key: B,
             ref_for: !0,
             ref_key: "viewRefs",
-            ref: N,
-            class: l1(["b-header-with-views__bar-tab", z1(Y) ? "b-header-with-views__bar-tab--active" : null])
+            ref: E,
+            class: l1(["b-header-with-views__bar-tab", z1(B) ? "b-header-with-views__bar-tab--active" : null])
           }, [
-            R(n(v1), {
+            T(n(v1), {
               class: "b-header-with-views__bar-tab-button",
               variant: "tertiary-with-background",
-              "aria-current": C.value === Y ? "true" : "false",
-              onClick: (e1) => o1(Y),
+              "aria-current": C.value === B ? "true" : "false",
+              onClick: (e1) => o1(B),
               onKeydown: [
-                q((e1) => o1(Y), ["enter", "native"]),
-                q((e1) => o1(Y), ["space", "native"])
+                j((e1) => o1(B), ["enter", "native"]),
+                j((e1) => o1(B), ["space", "native"])
               ]
             }, S1({
               iconLeft: Z(() => [
                 s("span", {
-                  class: l1(["b-header-with-views__bar-tab-button-icon", `b-header-with-views__bar-tab-button-icon--${L.iconColor}`]),
+                  class: l1(["b-header-with-views__bar-tab-button-icon", `b-header-with-views__bar-tab-button-icon--${_.iconColor}`]),
                   "aria-hidden": "true"
                 }, [
-                  (l(), F(m1(n(H1)[L.icon])))
+                  (l(), F(m1(n(H1)[_.icon])))
                 ], 2)
               ]),
               default: Z(() => [
-                R(n(C1), {
+                T(n(C1), {
                   el: "span",
                   variant: "body",
                   stronger: "",
                   class: "b-header-with-views__bar-tab-button-text"
                 }, {
                   default: Z(() => [
-                    Q(c(L.label), 1)
+                    J(c(_.label), 1)
                   ]),
                   _: 2
                 }, 1024)
               ]),
               _: 2
             }, [
-              k1(Y) ? {
+              k1(B) ? {
                 name: "iconRight",
                 fn: Z(() => [
                   s("span", g7, [
-                    R(n(C2), {
+                    T(n(C2), {
                       "svg-title": n(i)("withUnsavedChanges")
                     }, null, 8, ["svg-title"])
                   ])
@@ -2158,25 +2158,25 @@ const J5 = {
                 key: "0"
               } : void 0
             ]), 1032, ["aria-current", "onClick", "onKeydown"]),
-            C.value === Y ? (l(), F(n(B5), {
+            C.value === B ? (l(), F(n(B5), {
               key: 0,
               ref_for: !0,
               ref_key: "editViewMenuRefs",
               ref: y,
               class: "b-header-with-views__bar-tab-menu",
               button: { variant: "tertiary" },
-              data: N1(k1(Y)),
+              data: N1(k1(B)),
               "close-on-click-outside-options": {
-                ignore: [`#${n(b)}`]
+                ignore: [`#${n(m)}`]
               },
               "menu-fixed-positioning": !0,
-              onOpen: (e1) => K1(Y),
+              onOpen: (e1) => K1(B),
               onClose: p[0] || (p[0] = (e1) => t1()),
-              onKeydownCapture: q(s2, ["tab", "native"])
+              onKeydownCapture: j(s2, ["tab", "native"])
             }, {
               iconLeft: Z(() => [
-                R(n(z5), {
-                  "svg-title": n(i)("openViewOptions", { label: L.label })
+                T(n(z5), {
+                  "svg-title": n(i)("openViewOptions", { label: _.label })
                 }, null, 8, ["svg-title"])
               ]),
               _: 2
@@ -2184,44 +2184,44 @@ const J5 = {
           ], 2))), 128)),
           s("div", {
             ref_key: "viewControlRef",
-            ref: G,
+            ref: K,
             class: "b-header-with-views__bar-control"
           }, [
-            n(h).length ? (l(), F(n(x0), {
+            n(f).length ? (l(), F(n(x0), {
               key: 0,
               ref_key: "viewControlAllViewsRef",
-              ref: K,
-              "menu-items": n(h),
+              ref: U,
+              "menu-items": n(f),
               "menu-items-actions": N1(!1),
-              "menu-close-on-click-outside-options": { ignore: [`#${n(b)}`] },
-              "onClose:viewMenu": p[1] || (p[1] = (L) => t1()),
-              "onClose:allViews": p[2] || (p[2] = (L) => O.value = !1),
-              "onOpen:allViews": p[3] || (p[3] = (L) => O.value = !0),
-              "onOpen:viewMenu": p[4] || (p[4] = (L) => K1(L)),
-              "onReorder:view": p[5] || (p[5] = (L) => r("reorder:view", n(f1)(L))),
-              "onSelect:view": p[6] || (p[6] = (L) => o1(L))
+              "menu-close-on-click-outside-options": { ignore: [`#${n(m)}`] },
+              "onClose:viewMenu": p[1] || (p[1] = (_) => t1()),
+              "onClose:allViews": p[2] || (p[2] = (_) => A.value = !1),
+              "onOpen:allViews": p[3] || (p[3] = (_) => A.value = !0),
+              "onOpen:viewMenu": p[4] || (p[4] = (_) => K1(_)),
+              "onReorder:view": p[5] || (p[5] = (_) => r("reorder:view", n(f1)(_))),
+              "onSelect:view": p[6] || (p[6] = (_) => o1(_))
             }, null, 8, ["menu-items", "menu-items-actions", "menu-close-on-click-outside-options"])) : v("", !0),
-            R(n(A1), {
+            T(n(A1), {
               ref_key: "createViewButtonRef",
               ref: k,
-              "aria-expanded": j.value,
-              "aria-controls": j.value ? n(D) : null,
-              toggled: j.value,
+              "aria-expanded": Y.value,
+              "aria-controls": Y.value ? n(S) : null,
+              toggled: Y.value,
               variant: "tertiary",
-              onClick: p[7] || (p[7] = (L) => j.value = !j.value)
+              onClick: p[7] || (p[7] = (_) => Y.value = !Y.value)
             }, S1({
               iconLeft: Z(() => [
-                R(n(I2), {
+                T(n(I2), {
                   "svg-title": n(i)("createView"),
-                  "aria-hidden": n(h).length === 0
+                  "aria-hidden": n(f).length === 0
                 }, null, 8, ["svg-title", "aria-hidden"])
               ]),
               _: 2
             }, [
-              n(h).length === 0 ? {
+              n(f).length === 0 ? {
                 name: "default",
                 fn: Z(() => [
-                  Q(c(n(i)("createView")), 1)
+                  J(c(n(i)("createView")), 1)
                 ]),
                 key: "0"
               } : void 0
@@ -2238,28 +2238,28 @@ const J5 = {
           class: "b-header-with-views__actions"
         }, null, 8, ["actions", "actions-layout"])) : v("", !0)
       ], 2),
-      I.value === null && k.value ? (l(), F(n(L1), {
+      O.value === null && k.value ? (l(), F(n(L1), {
         key: 0,
-        id: n(D),
+        id: n(S),
         ref_key: "createViewPopoverRef",
-        ref: _,
+        ref: b,
         dismissible: !0,
         "fixed-positioning": !0,
         "target-element": k.value,
         title: n(i)("createView"),
-        open: j.value,
+        open: Y.value,
         "overflow-visible": !0,
         position: "bottom-start",
         onDismiss: x,
-        onKeydownCapture: q(p1(x, ["stop", "prevent"]), ["esc", "native"])
+        onKeydownCapture: j(p1(x, ["stop", "prevent"]), ["esc", "native"])
       }, {
         default: Z(() => [
-          R(n(K5), {
+          T(n(K5), {
             context: "create",
             errors: n(X),
             "additional-form-item": d.additionalViewSetting,
-            "onBlur:label": p[8] || (p[8] = (L) => n(W)(L, I.value)),
-            "onInput:label": p[9] || (p[9] = (L) => n(W)(L, I.value)),
+            "onBlur:label": p[8] || (p[8] = (_) => n(W)(_, O.value)),
+            "onInput:label": p[9] || (p[9] = (_) => n(W)(_, O.value)),
             "onKeydown:enter": B1,
             onUpdate: F1,
             onCancel: x
@@ -2267,33 +2267,33 @@ const J5 = {
         ]),
         _: 1
       }, 8, ["id", "target-element", "title", "open", "onKeydownCapture"])) : v("", !0),
-      I.value !== null && m.value ? (l(), F(n(L1), {
+      O.value !== null && $.value ? (l(), F(n(L1), {
         key: 1,
-        id: n(b),
+        id: n(m),
         ref_key: "editViewPopoverRef",
         ref: V,
         "disable-focus-trap": !1,
         dismissible: !0,
         "fixed-positioning": !0,
-        "target-element": m.value,
+        "target-element": $.value,
         title: n(i)("editDetails"),
-        open: E.value !== null,
+        open: I.value !== null,
         "overflow-visible": !0,
         position: "right-start",
-        onDismiss: p[12] || (p[12] = (L) => n1()),
-        onKeydownCapture: p[13] || (p[13] = q(p1((L) => n1(), ["stop", "prevent"]), ["esc", "native"]))
+        onDismiss: p[12] || (p[12] = (_) => n1()),
+        onKeydownCapture: p[13] || (p[13] = j(p1((_) => n1(), ["stop", "prevent"]), ["esc", "native"]))
       }, {
         default: Z(() => [
-          n(h)[E.value] ? (l(), F(n(K5), {
+          n(f)[I.value] ? (l(), F(n(K5), {
             key: 0,
             context: "edit",
-            "additional-form-item": n(h)[E.value].additionalViewSetting,
+            "additional-form-item": n(f)[I.value].additionalViewSetting,
             errors: n(X),
-            icon: n(h)[E.value].icon,
-            "icon-color": n(h)[E.value].iconColor,
-            label: n(h)[E.value].label,
-            "onBlur:label": p[10] || (p[10] = (L) => n(W)(L, I.value)),
-            "onInput:label": p[11] || (p[11] = (L) => n(W)(L, I.value)),
+            icon: n(f)[I.value].icon,
+            "icon-color": n(f)[I.value].iconColor,
+            label: n(f)[I.value].label,
+            "onBlur:label": p[10] || (p[10] = (_) => n(W)(_, O.value)),
+            "onInput:label": p[11] || (p[11] = (_) => n(W)(_, O.value)),
             "onKeydown:enter": B1,
             onUpdate: G1,
             onCancel: O1
@@ -2301,31 +2301,31 @@ const J5 = {
         ]),
         _: 1
       }, 8, ["id", "target-element", "title", "open"])) : v("", !0),
-      B.value ? (l(), F(n(x1), {
+      G.value ? (l(), F(n(x1), {
         key: 2,
         actions: W5.value,
         "is-dismissible": !1,
-        "is-open": B.value,
-        onCloseModal: p[15] || (p[15] = (L) => B.value = !1)
+        "is-open": G.value,
+        onCloseModal: p[15] || (p[15] = (_) => G.value = !1)
       }, {
         default: Z(() => [
-          Q(c(n(i)("unsavedChangesTitle", { label: n(h)[C.value].label })), 1)
+          J(c(n(i)("unsavedChangesTitle", { label: n(f)[C.value].label })), 1)
         ]),
         content: Z(() => [
           s("div", h7, [
-            R(n(C1), null, {
+            T(n(C1), null, {
               default: Z(() => [
-                Q(c(n(i)("unsavedChangesDescription")), 1)
+                J(c(n(i)("unsavedChangesDescription")), 1)
               ]),
               _: 1
             }),
             d.skipUnsavedChangesText ? (l(), F(n(G5), {
               key: 0,
-              "model-value": f.value,
-              "onUpdate:modelValue": p[14] || (p[14] = (L) => f.value = L)
+              "model-value": M.value,
+              "onUpdate:modelValue": p[14] || (p[14] = (_) => M.value = _)
             }, {
               default: Z(() => [
-                Q(c(d.skipUnsavedChangesText), 1)
+                J(c(d.skipUnsavedChangesText), 1)
               ]),
               _: 1
             }, 8, ["model-value"])) : v("", !0)
@@ -2340,16 +2340,16 @@ const J5 = {
         "is-dismissible": !1,
         "destructive-actions": "",
         onClickCapture: t2,
-        onCloseModal: p[16] || (p[16] = (L) => z.value = !1)
+        onCloseModal: p[16] || (p[16] = (_) => z.value = !1)
       }, {
         default: Z(() => [
-          Q(c(n(i)("deleteViewTitle", { label: E1.value })), 1)
+          J(c(n(i)("deleteViewTitle", { label: E1.value })), 1)
         ]),
         content: Z(() => [
           s("div", w7, [
-            R(n(C1), null, {
+            T(n(C1), null, {
               default: Z(() => [
-                Q(c(n(i)("deleteViewDescription", { label: E1.value })), 1)
+                J(c(n(i)("deleteViewDescription", { label: E1.value })), 1)
               ]),
               _: 1
             })
@@ -2359,8 +2359,8 @@ const J5 = {
       }, 8, ["actions", "is-open"])) : v("", !0)
     ], 512));
   }
-}), q7 = /* @__PURE__ */ w(m7, [["__scopeId", "data-v-a0d4b702"]]);
+}), q7 = /* @__PURE__ */ w(m7, [["__scopeId", "data-v-c504ba5d"]]);
 export {
   q7 as h
 };
-//# sourceMappingURL=header-with-views.B3WWqTtt.js.map
+//# sourceMappingURL=header-with-views.go02TaiU.js.map