@adyen/bento-vue3 2.1.1 → 2.2.0

package/dist/chunks/{header-with-views.LJ3oCsMN.js → header-with-views.Bux_-bM4.js}

@@ -1,30 +1,30 @@
-import { getCurrentInstance as L, openBlock as a, createElementBlock as r, mergeProps as h, toDisplayString as p, createCommentVNode as v, createElementVNode as l, unref as s, createStaticVNode as Je, ref as w, reactive as g1, computed as K, watch as ie, nextTick as He, defineComponent as Te, toRef as C1, withKeys as G, withModifiers as ve, createVNode as k, withCtx as M, createBlock as N, Fragment as fe, renderList as he, normalizeClass as se, createTextVNode as X, resolveDynamicComponent as re, onMounted as Xe, useSlots as w1, createSlots as Ce, renderSlot as qe } from "vue";
+import { getCurrentInstance as L, openBlock as a, createElementBlock as r, mergeProps as h, toDisplayString as p, createCommentVNode as v, createElementVNode as l, unref as s, createStaticVNode as Je, ref as w, reactive as g1, computed as K, watch as ie, nextTick as He, defineComponent as ke, toRef as C1, withKeys as G, withModifiers as ve, createVNode as T, withCtx as M, createBlock as N, Fragment as fe, renderList as he, normalizeClass as se, createTextVNode as X, resolveDynamicComponent as re, onMounted as Xe, useSlots as w1, createSlots as Ce, renderSlot as qe } from "vue";
 import { B as pe } from "./button.DAcwNdtP.js";
-import { B as Qe } from "./checkbox.BN7ttBqd.js";
-import { u as me, c as Ae, h as _e, f as We, B as f1 } from "./button-actions.DvuGEQxM.js";
-import { _ as Be } from "./modal.vue_vue_type_script_setup_true_lang.BwmYlzFm.js";
+import { B as Qe } from "./checkbox.DpT4DfSl.js";
+import { u as me, c as Ae, h as _e, f as We, B as f1 } from "./button-actions.BYoctIth.js";
+import { _ as Ye } from "./modal.vue_vue_type_script_setup_true_lang.DkjMGIP8.js";
 import { B as le } from "./typography.B6elnWpr.js";
 import { u as h1 } from "./use-has-slot.CyMiImRQ.js";
 import { u as m1 } from "./use-bento-toast-controller.CkpBtweL.js";
-import { g as be } from "./generate-uid.DBWe4g6T.js";
-import { B as _1 } from "./button-actions-with-menu.BsCmJeKU.js";
-import { u as Me, g as Ye, a as b1 } from "./index.CGBfMQdv.js";
-import { _ as V1 } from "./bin.BhoGy_Oh.js";
+import { g as Ve } from "./generate-uid.DBWe4g6T.js";
+import { B as _1 } from "./button-actions-with-menu.DkPSfKO9.js";
+import { u as Me, g as Be, a as V1 } from "./index.CGBfMQdv.js";
+import { _ as b1 } from "./bin.BhoGy_Oh.js";
 import { _ as L1 } from "./dot.BPmlsJv1.js";
 /* empty css              */
 import { _ as $1 } from "./refresh.DjN1EulV.js";
 import { h as e1, p as H1 } from "./index.DCpihRYV.js";
-import { I as M1 } from "./info-icon-with-popover.DqnQnwMI.js";
+import { I as M1 } from "./info-icon-with-popover.BRl6sC0B.js";
 import { _ as y1 } from "./grab.D4FEiPrL.js";
 import { u as we } from "./on-click-outside.BgIzQ2G1.js";
-import { _ as ke } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { T as D1 } from "./title-details.8cyCeaLf.js";
-import { B as Z1 } from "./divider.BlxQCxkM.js";
-import { B as S1 } from "./input-field.BBSr4o-k.js";
-import { g as T1 } from "./dropdown.BvrZG8Za.js";
-import { F as A1 } from "./field-label.vrUwhoOg.js";
+import { _ as Te } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { T as D1 } from "./title-details.Ccs_ltkI.js";
+import { B as S1 } from "./divider.BlxQCxkM.js";
+import { B as Z1 } from "./input-field.B-Nta-en.js";
+import { g as k1 } from "./dropdown.BJ0cJ9Ea.js";
+import { F as A1 } from "./field-label.Dm9I8IDI.js";
 import "../assets/header-with-views.css";
-const k1 = { key: 0 }, R1 = {
+const T1 = { key: 0 }, R1 = {
   __name: "download",
   setup(o) {
     const i = L();
@@ -35,7 +35,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      t.$attrs["svg-title"] ? (a(), r("title", k1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
+      t.$attrs["svg-title"] ? (a(), r("title", T1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
       e[0] || (e[0] = l("path", {
         fill: "#001222",
         d: "M2.75 12C2.75 12.6904 3.30964 13.25 4 13.25H12C12.6904 13.25 13.25 12.6904 13.25 12V10.25H14.75V12C14.75 13.5188 13.5188 14.75 12 14.75H4C2.48122 14.75 1.25 13.5188 1.25 12V10.25H2.75V12Z"
@@ -68,7 +68,7 @@ const k1 = { key: 0 }, R1 = {
       }, null, -1))
     ], 16));
   }
-}, P1 = { key: 0 }, t1 = {
+}, z1 = { key: 0 }, t1 = {
   __name: "heart",
   setup(o) {
     const i = L();
@@ -79,14 +79,14 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      t.$attrs["svg-title"] ? (a(), r("title", P1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
+      t.$attrs["svg-title"] ? (a(), r("title", z1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
       e[0] || (e[0] = l("path", {
         fill: "#001222",
         d: "M8 13.8501L7.65 13.6701C7.39 13.5301 1.25 10.2901 1.25 6.14015C1.25 5.50015 1.4 4.29015 2.4 3.33015C2.61 3.12015 3.73 2.14015 5.39 2.26015C6.41 2.33015 7.33 2.80015 8 3.53015C8.67 2.80015 9.6 2.33015 10.61 2.26015C12.27 2.14015 13.39 3.12015 13.6 3.32015C14.6 4.27015 14.75 5.49015 14.75 6.13015C14.75 10.2801 8.61 13.5301 8.35 13.6601L8 13.8401V13.8501ZM5.11 3.75015C4.16 3.75015 3.51 4.34015 3.43 4.41015C2.84 4.98015 2.75 5.73015 2.75 6.13015C2.75 8.64015 6.26 11.1601 8 12.1401C9.74 11.1501 13.25 8.64015 13.25 6.13015C13.25 5.73015 13.16 4.98015 12.57 4.41015C12.49 4.33015 11.77 3.67015 10.73 3.76015C9.84 3.82015 9.06 4.37015 8.69 5.19015L8.01 6.71015L7.33 5.19015C6.96 4.37015 6.18 3.82015 5.29 3.76015C5.23 3.76015 5.18 3.76015 5.12 3.76015L5.11 3.75015Z"
       }, null, -1))
     ], 16));
   }
-}, I1 = { key: 0 }, i1 = {
+}, P1 = { key: 0 }, i1 = {
   __name: "options-horizontal",
   setup(o) {
     const i = L();
@@ -97,7 +97,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      t.$attrs["svg-title"] ? (a(), r("title", I1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
+      t.$attrs["svg-title"] ? (a(), r("title", P1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
       e[0] || (e[0] = l("path", {
         fill: "#001222",
         d: "M12 8C12 7.60217 12.158 7.22064 12.4393 6.93934C12.7206 6.65803 13.1022 6.5 13.5 6.5C13.7967 6.5 14.0867 6.58797 14.3334 6.75279C14.58 6.91762 14.7723 7.15189 14.8858 7.42597C14.9993 7.70006 15.0291 8.00166 14.9712 8.29264C14.9133 8.58361 14.7704 8.85088 14.5607 9.06066C14.3509 9.27044 14.0836 9.4133 13.7926 9.47118C13.5017 9.52906 13.2001 9.49935 12.926 9.38582C12.6519 9.27229 12.4176 9.08003 12.2528 8.83335C12.088 8.58668 12 8.29667 12 8Z"
@@ -112,7 +112,7 @@ const k1 = { key: 0 }, R1 = {
       }, null, -1))
     ], 16));
   }
-}, z1 = { key: 0 }, U1 = {
+}, I1 = { key: 0 }, U1 = {
   __name: "plus",
   setup(o) {
     const i = L();
@@ -123,7 +123,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      t.$attrs["svg-title"] ? (a(), r("title", z1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
+      t.$attrs["svg-title"] ? (a(), r("title", I1, p(t.$attrs["svg-title"]), 1)) : v("", !0),
       e[0] || (e[0] = l("path", {
         fill: "#001222",
         d: "M8.75 7.25V2.25H7.25V7.25H2.25V8.75H7.25V13.75H8.75V8.75H13.75V7.25H8.75Z"
@@ -184,7 +184,7 @@ const k1 = { key: 0 }, R1 = {
       }, null, -1))
     ], 16));
   }
-}, B1 = { key: 0 }, Y1 = ["clip-path"], j1 = ["id"], J1 = {
+}, Y1 = { key: 0 }, B1 = ["clip-path"], j1 = ["id"], J1 = {
   __name: "car",
   setup(o) {
     const i = L(), t = String(i?.uid ?? i?.proxy?._uid);
@@ -195,7 +195,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      e.$attrs["svg-title"] ? (a(), r("title", B1, p(e.$attrs["svg-title"]), 1)) : v("", !0),
+      e.$attrs["svg-title"] ? (a(), r("title", Y1, p(e.$attrs["svg-title"]), 1)) : v("", !0),
       l("g", {
         fill: "#001222",
         "clip-path": "url(#uia-ui-assets/icons-16-car__a" + s(t) + ")"
@@ -203,7 +203,7 @@ const k1 = { key: 0 }, R1 = {
         l("path", { d: "M5.75 10.25H3.25V8.75H5.75V10.25Z" }, null, -1),
         l("path", { d: "M12.75 10.25H10.25V8.75H12.75V10.25Z" }, null, -1),
         l("path", { d: "M10.3604 0.75C11.6685 0.750165 12.7941 1.67303 13.0547 2.96094L13.0557 2.96289L13.6143 5.75H15.75V7.25H14.8105L15.75 8.18945V15.25H11.25V13.25H4.75V15.25H0.25V8.18945L1.18945 7.25H0.25V5.75H2.38477L2.94434 2.96289L2.94531 2.95996C3.20547 1.68654 4.32777 0.750167 5.63965 0.75H10.3604ZM1.75 8.81055V13.75H3.25V11.75H12.75V13.75H14.25V8.81055L12.6895 7.25H3.31055L1.75 8.81055ZM5.63965 2.25C5.05195 2.25017 4.53498 2.67362 4.41504 3.25977L3.91504 5.75H12.085L11.585 3.25879L11.5576 3.14941C11.4004 2.6164 10.9146 2.25015 10.3604 2.25H5.63965Z" }, null, -1)
-      ]), 8, Y1),
+      ]), 8, B1),
       l("defs", null, [
         l("clipPath", {
           id: "uia-ui-assets/icons-16-car__a" + s(t)
@@ -420,7 +420,7 @@ const k1 = { key: 0 }, R1 = {
       }, null, -1))
     ], 16));
   }
-}, bt = { key: 0 }, Vt = {
+}, Vt = { key: 0 }, bt = {
   __name: "hand-rock",
   setup(o) {
     const i = L();
@@ -431,7 +431,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      t.$attrs["svg-title"] ? (a(), r("title", bt, p(t.$attrs["svg-title"]), 1)) : v("", !0),
+      t.$attrs["svg-title"] ? (a(), r("title", Vt, p(t.$attrs["svg-title"]), 1)) : v("", !0),
       e[0] || (e[0] = l("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"
@@ -500,7 +500,7 @@ const k1 = { key: 0 }, R1 = {
       }, null, -1))
     ], 16));
   }
-}, Zt = { key: 0 }, St = ["clip-path"], Tt = ["id"], At = {
+}, St = { key: 0 }, Zt = ["clip-path"], kt = ["id"], At = {
   __name: "leaf",
   setup(o) {
     const i = L(), t = String(i?.uid ?? i?.proxy?._uid);
@@ -511,7 +511,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      e.$attrs["svg-title"] ? (a(), r("title", Zt, p(e.$attrs["svg-title"]), 1)) : v("", !0),
+      e.$attrs["svg-title"] ? (a(), r("title", St, p(e.$attrs["svg-title"]), 1)) : v("", !0),
       l("g", {
         "clip-path": "url(#uia-ui-assets/icons-16-leaf__a" + s(t) + ")"
       }, n[0] || (n[0] = [
@@ -519,7 +519,7 @@ const k1 = { key: 0 }, R1 = {
           fill: "#001222",
           d: "M15.75 8.16992C15.75 8.89401 15.4634 9.59536 14.9395 10.1094L13.1104 11.9404C12.5927 12.458 11.9031 12.75 11.1699 12.75H4.31055L1.53027 15.5303L0.469727 14.4697L3.25 11.6895V4.83008C3.25 4.106 3.53561 3.40366 4.05957 2.88965L5.88965 1.05957C6.40726 0.54198 7.09693 0.25 7.83008 0.25H15.75V8.16992ZM5.81055 11.25H11.1699C11.4967 11.25 11.8074 11.1222 12.0498 10.8799L13.8867 9.04297C13.975 8.957 14.0489 8.85806 14.1064 8.75H8.31055L5.81055 11.25ZM7.25 1.89551C7.14218 1.95356 7.04144 2.02888 6.9502 2.12012L5.11328 3.95703C4.88182 4.1824 4.75 4.49747 4.75 4.83008V10.1895L7.25 7.68945V1.89551ZM9.81055 7.25H14.25V2.81055L9.81055 7.25ZM8.75 6.18945L13.1895 1.75H8.75V6.18945Z"
         }, null, -1)
-      ]), 8, St),
+      ]), 8, Zt),
       l("defs", null, [
         l("clipPath", {
           id: "uia-ui-assets/icons-16-leaf__a" + s(t)
@@ -529,11 +529,11 @@ const k1 = { key: 0 }, R1 = {
             height: "16",
             fill: "#fff"
           }, null, -1)
-        ]), 8, Tt)
+        ]), 8, kt)
       ])
     ], 16));
   }
-}, kt = { key: 0 }, Rt = {
+}, Tt = { key: 0 }, Rt = {
   __name: "lightning",
   setup(o) {
     const i = L();
@@ -544,7 +544,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      t.$attrs["svg-title"] ? (a(), r("title", kt, p(t.$attrs["svg-title"]), 1)) : v("", !0),
+      t.$attrs["svg-title"] ? (a(), r("title", Tt, p(t.$attrs["svg-title"]), 1)) : v("", !0),
       e[0] || (e[0] = l("path", {
         fill: "#001222",
         d: "M9.75 6.25V0.25H8.63L1.5 9.75H6.25V15.75H7.38L14.5 6.25H9.75ZM4.5 8.25L8.25 3.25V7.75H11.5L7.75 12.75V8.25H4.5Z"
@@ -573,7 +573,7 @@ const k1 = { key: 0 }, R1 = {
       }, null, -1))
     ], 16));
   }
-}, Pt = { key: 0 }, It = ["clip-path"], zt = ["id"], Ut = {
+}, zt = { key: 0 }, Pt = ["clip-path"], It = ["id"], Ut = {
   __name: "news",
   setup(o) {
     const i = L(), t = String(i?.uid ?? i?.proxy?._uid);
@@ -584,7 +584,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      e.$attrs["svg-title"] ? (a(), r("title", Pt, p(e.$attrs["svg-title"]), 1)) : v("", !0),
+      e.$attrs["svg-title"] ? (a(), r("title", zt, p(e.$attrs["svg-title"]), 1)) : v("", !0),
       l("g", {
         fill: "#001222",
         "clip-path": "url(#uia-ui-assets/icons-16-news__a" + s(t) + ")"
@@ -592,7 +592,7 @@ const k1 = { key: 0 }, R1 = {
         l("path", { d: "M12.75 12.75H7.25V6.25H12.75V12.75ZM8.75 11.25H11.25V7.75H8.75V11.25Z" }, null, -1),
         l("path", { d: "M10.75 4.75H7.25V3.25H10.75V4.75Z" }, null, -1),
         l("path", { d: "M13 0.25C14.5188 0.25 15.75 1.48122 15.75 3V13C15.75 14.5188 14.5188 15.75 13 15.75H3.25V15.7363C3.16759 15.7438 3.08435 15.75 3 15.75C1.48122 15.75 0.25 14.5188 0.25 13V8C0.25 6.48122 1.48122 5.25 3 5.25H4.25V3C4.25 1.48122 5.48122 0.25 7 0.25H13ZM3 6.75C2.30964 6.75 1.75 7.30964 1.75 8V13C1.75 13.6904 2.30964 14.25 3 14.25C3.69036 14.25 4.25 13.6904 4.25 13V6.75H3ZM7 1.75C6.30964 1.75 5.75 2.30964 5.75 3V13C5.75 13.4506 5.63935 13.8747 5.44727 14.25H13C13.6904 14.25 14.25 13.6904 14.25 13V3C14.25 2.30964 13.6904 1.75 13 1.75H7Z" }, null, -1)
-      ]), 8, It),
+      ]), 8, Pt),
       l("defs", null, [
         l("clipPath", {
           id: "uia-ui-assets/icons-16-news__a" + s(t)
@@ -603,7 +603,7 @@ const k1 = { key: 0 }, R1 = {
             fill: "#fff",
             transform: "matrix(1 0 0 -1 0 16)"
           }, null, -1)
-        ]), 8, zt)
+        ]), 8, It)
       ])
     ], 16));
   }
@@ -658,7 +658,7 @@ const k1 = { key: 0 }, R1 = {
       ])
     ], 16));
   }
-}, Bt = { key: 0 }, Yt = {
+}, Yt = { key: 0 }, Bt = {
   __name: "retail",
   setup(o) {
     const i = L();
@@ -669,7 +669,7 @@ const k1 = { key: 0 }, R1 = {
       height: "16",
       fill: "none"
     }), [
-      t.$attrs["svg-title"] ? (a(), r("title", Bt, p(t.$attrs["svg-title"]), 1)) : v("", !0),
+      t.$attrs["svg-title"] ? (a(), r("title", Yt, p(t.$attrs["svg-title"]), 1)) : v("", !0),
       e[0] || (e[0] = l("path", {
         fill: "#001222",
         d: "M8 1.25C6.48579 1.25 5.25 2.48579 5.25 4H6.75C6.75 3.31421 7.31421 2.75 8 2.75C8.68579 2.75 9.25 3.31421 9.25 4C9.25 4.68579 8.68579 5.25 8 5.25H7.25V7.53638L2.68655 9.8181C1.79233 10.2592 1.25 11.1753 1.25 12.1499C1.25 13.5841 2.41579 14.7499 3.85 14.7499H12.15C13.5842 14.7499 14.75 13.5841 14.75 12.1499C14.75 11.1624 14.1872 10.2689 13.324 9.82338L8.75 7.53638V6.64569C9.90191 6.31773 10.75 5.25441 10.75 4C10.75 2.48579 9.51421 1.25 8 1.25ZM3.35114 11.1629L8 8.83843L12.6398 11.1583C13.0144 11.3534 13.25 11.7388 13.25 12.1499C13.25 12.7557 12.7558 13.2499 12.15 13.2499H3.85C3.24421 13.2499 2.75 12.7557 2.75 12.1499C2.75 11.7253 2.98674 11.3422 3.35114 11.1629Z"
@@ -890,7 +890,7 @@ const k1 = { key: 0 }, R1 = {
       }, null, -1))
     ], 16));
   }
-}, m5 = { key: 0 }, _5 = ["clip-path"], b5 = ["id"], V5 = {
+}, m5 = { key: 0 }, _5 = ["clip-path"], V5 = ["id"], b5 = {
   __name: "warning-diamond",
   setup(o) {
     const i = L(), t = String(i?.uid ?? i?.proxy?._uid);
@@ -919,7 +919,7 @@ const k1 = { key: 0 }, R1 = {
             height: "16",
             fill: "#fff"
           }, null, -1)
-        ]), 8, b5)
+        ]), 8, V5)
       ])
     ], 16));
   }
@@ -955,11 +955,11 @@ const k1 = { key: 0 }, R1 = {
     ], 16));
   }
 };
-var Ve = /* @__PURE__ */ ((o) => (o.BLUE = "blue", o.GREEN = "green", o.ORANGE = "orange", o.PRIMARY = "primary", o.RED = "red", o.YELLOW = "yellow", o))(Ve || {}), Le = /* @__PURE__ */ ((o) => (o.STACK = "stack", o.LEAF = "leaf", o.HAND_ROCK = "hand-rock", o.CAR = "car", o.EDUCATION = "education", o.HOTEL = "hotel", o.TRAVEL_BAG = "travel-bag", o.LIGHTNING = "lightning", o.NEWS = "news", o.PRIZE = "prize", o.LOCK = "lock", o.BAG = "bag", o.DIAMOND = "diamond", o.TARGET = "target", o.GIFT = "gift", o.CASH_STACK = "cash-stack", o.HASHTAG = "hashtag", o.CLOUD = "cloud", o.HOSPITALITY = "hospitality", o.SHOPPING_CART = "shopping-cart", o.SLEEP = "sleep", o.NOTIFICATION = "notification", o.THUMBS_UP = "thumb-up", o.THUMBS_DOWN = "thumb-down", o.STAR = "star", o.WARNING_DIAMOND = "warning-diamond", o.RETAIL = "retail", o.EMOTICON_HAPPY = "emoticon-happy", o.GAMING = "gaming", o.SUPPORT = "support", o.HEART = "heart", o.HOURGLASS = "hourglass", o.WORLD = "world", o))(Le || {});
+var be = /* @__PURE__ */ ((o) => (o.BLUE = "blue", o.GREEN = "green", o.ORANGE = "orange", o.PRIMARY = "primary", o.RED = "red", o.YELLOW = "yellow", o))(be || {}), Le = /* @__PURE__ */ ((o) => (o.STACK = "stack", o.LEAF = "leaf", o.HAND_ROCK = "hand-rock", o.CAR = "car", o.EDUCATION = "education", o.HOTEL = "hotel", o.TRAVEL_BAG = "travel-bag", o.LIGHTNING = "lightning", o.NEWS = "news", o.PRIZE = "prize", o.LOCK = "lock", o.BAG = "bag", o.DIAMOND = "diamond", o.TARGET = "target", o.GIFT = "gift", o.CASH_STACK = "cash-stack", o.HASHTAG = "hashtag", o.CLOUD = "cloud", o.HOSPITALITY = "hospitality", o.SHOPPING_CART = "shopping-cart", o.SLEEP = "sleep", o.NOTIFICATION = "notification", o.THUMBS_UP = "thumb-up", o.THUMBS_DOWN = "thumb-down", o.STAR = "star", o.WARNING_DIAMOND = "warning-diamond", o.RETAIL = "retail", o.EMOTICON_HAPPY = "emoticon-happy", o.GAMING = "gaming", o.SUPPORT = "support", o.HEART = "heart", o.HOURGLASS = "hourglass", o.WORLD = "world", o))(Le || {});
 const $e = {
   stack: i5,
   leaf: At,
-  "hand-rock": Vt,
+  "hand-rock": bt,
   car: J1,
   education: rt,
   hotel: wt,
@@ -982,8 +982,8 @@ const $e = {
   "thumb-up": w5,
   "thumb-down": g5,
   star: n5,
-  "warning-diamond": V5,
-  retail: Yt,
+  "warning-diamond": b5,
+  retail: Bt,
   "emoticon-happy": vt,
   gaming: ht,
   support: d5,
@@ -1017,61 +1017,61 @@ const $e = {
     ], 16));
   }
 }, Re = {
-  "de-DE": { cancel: "Abbrechen", createView: "Ansicht erstellen", createViewToast: "„{label}“ wurde erfolgreich erstellt.", delete: "Löschen", deleteViewAction: "Ansicht löschen", deleteViewDescription: "Ihre Ansicht „{label}“ kann nach dem Löschen nicht wiederhergestellt werden.", deleteViewTitle: "„{label}“ löschen?", duplicate: "Duplizieren", edit: "Bearbeiten", editDetails: "Details bearbeiten", labelNoDuplicateError: "Ansichtstitel existiert bereits", labelRequiredError: "Titel anzeigen ist erforderlich", leave: "Verlassen", openViewOptions: "{label} Optionen öffnen", restoreChanges: "Änderungen wiederherstellen", saveChanges: "Änderungen speichern", saveChangesToast: "Änderungen gespeichert in „{label}“", setAsDefault: "Als Standard festlegen", setAsDefaultToast: "„{label}“ wurde erfolgreich als Standardansicht festgelegt", undo: "Rückgängig machen", unsavedChangesDescription: "Ungespeicherte Änderungen werden gelöscht", unsavedChangesTitle: "„{label}“ ohne Speichern der Änderungen belassen?", viewListLabel: "Ansichten", withUnsavedChanges: "Mit nicht gespeicherten Änderungen" },
-  "en-GB": { cancel: "Cancel", createView: "Create view", createViewToast: "Successfully created '{label}'", delete: "Delete", deleteViewAction: "Delete view", deleteViewDescription: "Your '{label}' view cannot be recovered once it is deleted.", deleteViewTitle: "Delete '{label}'?", duplicate: "Duplicate", edit: "Edit", editDetails: "Edit details", labelNoDuplicateError: "View title already exists", labelRequiredError: "View title is required", leave: "Leave", openViewOptions: "Open {label} options", restoreChanges: "Restore changes", saveChanges: "Save changes", saveChangesToast: "Changes saved to '{label}'", setAsDefault: "Set as default", setAsDefaultToast: "Successfully set '{label}' as default view", undo: "Undo", unsavedChangesDescription: "Unsaved changes will be deleted", unsavedChangesTitle: "Leave '{label}' without saving changes?", viewListLabel: "Views", withUnsavedChanges: "With unsaved changes" },
+  "de-DE": { cancel: "Abbrechen", createView: "Ansicht erstellen", createViewToast: "„{label}“ wurde erfolgreich erstellt.", delete: "Löschen", deleteView: "Ansicht löschen?", deleteViewDescription: "Sie sind dabei, die Ansicht {label} zu löschen. Sie können sie nicht wiederherstellen.", duplicate: "Duplizieren", edit: "Bearbeiten", editDetails: "Details bearbeiten", labelNoDuplicateError: "Ansichtstitel existiert bereits", labelRequiredError: "Titel anzeigen ist erforderlich", leave: "Verlassen", leaveView: "Ansicht verlassen?", leaveViewDescription: "Sie haben Änderungen an der Ansicht {label} vorgenommen. Wenn Sie die Seite verlassen, ohne zu speichern, gehen diese Änderungen verloren.", openViewOptions: "{label} Optionen öffnen", restoreChanges: "Änderungen wiederherstellen", saveChanges: "Änderungen speichern", saveChangesToast: "Änderungen gespeichert in „{label}“", setAsDefault: "Als Standard festlegen", setAsDefaultToast: "„{label}“ wurde erfolgreich als Standardansicht festgelegt", undo: "Rückgängig machen", viewListLabel: "Ansichten", withUnsavedChanges: "Mit nicht gespeicherten Änderungen" },
+  "en-GB": { cancel: "Cancel", createView: "Create view", createViewToast: "Successfully created '{label}'", delete: "Delete", deleteView: "Delete view?", deleteViewDescription: "You're about to delete the view {label}. You won't be able to restore it.", duplicate: "Duplicate", edit: "Edit", editDetails: "Edit details", labelNoDuplicateError: "View title already exists", labelRequiredError: "View title is required", leave: "Leave", leaveView: "Leave view?", leaveViewDescription: "You've made changes to the view {label}. If you leave without saving, they will be lost.", openViewOptions: "Open {label} options", restoreChanges: "Restore changes", saveChanges: "Save changes", saveChangesToast: "Changes saved to '{label}'", setAsDefault: "Set as default", setAsDefaultToast: "Successfully set '{label}' as default view", undo: "Undo", viewListLabel: "Views", withUnsavedChanges: "With unsaved changes" },
   "en-US": { cancel: "Cancel", createView: "Create view", createViewToast: "Successfully created “{label}”", delete: "Delete", deleteView: "Delete view?", deleteViewDescription: "You're about to delete the view {label}. You won't be able to restore it.", duplicate: "Duplicate", edit: "Edit", editDetails: "Edit details", labelNoDuplicateError: "View title already exists", labelRequiredError: "View title is required", leave: "Leave", leaveView: "Leave view?", leaveViewDescription: "You've made changes to the view {label}. If you leave without saving, they will be lost.", openViewOptions: "Open {label} options", restoreChanges: "Restore changes", saveChanges: "Save changes", saveChangesToast: "Changes saved to “{label}”", setAsDefault: "Set as default", setAsDefaultToast: "Successfully set “{label}” as default view", undo: "Undo", viewListLabel: "Views", withUnsavedChanges: "With unsaved changes" },
-  "es-419": { cancel: "Cancelar", createView: "Crear vista", createViewToast: "Se creó con éxito “{label}”", delete: "Eliminar", deleteViewAction: "Eliminar vista", deleteViewDescription: "Tu vista “{label}” no se puede recuperar una vez eliminada.", deleteViewTitle: "¿Eliminar “{label}”?", duplicate: "Duplicar", edit: "Editar", editDetails: "Editar detalles", labelNoDuplicateError: "El título de la vista ya existe", labelRequiredError: "El título de la vista es obligatorio", leave: "Salir", openViewOptions: "Abrir opciones de {label}", restoreChanges: "Restaurar cambios", saveChanges: "Guardar cambios", saveChangesToast: "Cambios guardados en “{label}”", setAsDefault: "Establecer como predeterminado", setAsDefaultToast: "“{label}” se estableció correctamente como vista predeterminada", undo: "Deshacer", unsavedChangesDescription: "Los cambios no guardados se borrarán", unsavedChangesTitle: "¿Salir de “{label}” sin guardar los cambios?", viewListLabel: "Vistas", withUnsavedChanges: "Con cambios no guardados" },
-  "es-ES": { cancel: "Cancelar", createView: "Crear vista", createViewToast: '"{label}" creada correctamente', delete: "Eliminar", deleteViewAction: "Eliminar vista", deleteViewDescription: 'Tu vista "{label}" no se puede recuperar una vez eliminada.', deleteViewTitle: '¿Eliminar "{label}"?', duplicate: "Duplicar", edit: "Editar", editDetails: "Editar detalles", labelNoDuplicateError: "El título de la vista ya existe", labelRequiredError: "El título de la vista es obligatorio", leave: "Dejar", openViewOptions: "Abrir opciones de {label}", restoreChanges: "Restaurar cambios", saveChanges: "Guardar cambios", saveChangesToast: "Cambios guardados en “{label}”", setAsDefault: "Establecer como predeterminado", setAsDefaultToast: 'Se ha establecido correctamente "{label}" como vista predeterminada', undo: "Deshacer", unsavedChangesDescription: "Los cambios no guardados se eliminarán", unsavedChangesTitle: '¿Dejar "{label}" sin guardar los cambios?', viewListLabel: "Vistas", withUnsavedChanges: "Con cambios no guardados" },
+  "es-419": { cancel: "Cancelar", createView: "Crear vista", createViewToast: "Se creó con éxito “{label}”", delete: "Eliminar", deleteView: "¿Eliminar vista?", deleteViewDescription: "Está a punto de eliminar la vista {label}. No podrá restaurarla.", duplicate: "Duplicar", edit: "Editar", editDetails: "Editar detalles", labelNoDuplicateError: "El título de la vista ya existe", labelRequiredError: "El título de la vista es obligatorio", leave: "Salir", leaveView: "¿Salir de la vista?", leaveViewDescription: "Ha realizado cambios en la vista {label}. Si sale sin guardar, se perderán.", openViewOptions: "Abrir opciones de {label}", restoreChanges: "Restaurar cambios", saveChanges: "Guardar cambios", saveChangesToast: "Cambios guardados en “{label}”", setAsDefault: "Establecer como predeterminado", setAsDefaultToast: "“{label}” se estableció correctamente como vista predeterminada", undo: "Deshacer", viewListLabel: "Vistas", withUnsavedChanges: "Con cambios no guardados" },
+  "es-ES": { cancel: "Cancelar", createView: "Crear vista", createViewToast: '"{label}" creada correctamente', delete: "Eliminar", deleteView: "¿Eliminar vista?", deleteViewDescription: "Está a punto de eliminar la vista {label}. No podrá restaurarla.", duplicate: "Duplicar", edit: "Editar", editDetails: "Editar detalles", labelNoDuplicateError: "El título de la vista ya existe", labelRequiredError: "El título de la vista es obligatorio", leave: "Dejar", leaveView: "¿Salir de la vista?", leaveViewDescription: "Ha realizado cambios en la vista {label}. Si sale sin guardar, se perderán.", openViewOptions: "Abrir opciones de {label}", restoreChanges: "Restaurar cambios", saveChanges: "Guardar cambios", saveChangesToast: "Cambios guardados en “{label}”", setAsDefault: "Establecer como predeterminado", setAsDefaultToast: 'Se ha establecido correctamente "{label}" como vista predeterminada', undo: "Deshacer", viewListLabel: "Vistas", withUnsavedChanges: "Con cambios no guardados" },
   "es-MX": { cancel: "Cancelar", createView: "Crear vista", createViewToast: "Se creó con éxito “{label}”", delete: "Eliminar", deleteViewAction: "Eliminar vista", deleteViewDescription: "Tu vista “{label}” no se puede recuperar una vez eliminada.", deleteViewTitle: "¿Eliminar “{label}”?", duplicate: "Duplicar", edit: "Editar", editDetails: "Editar detalles", labelNoDuplicateError: "El título de la vista ya existe", labelRequiredError: "Se requiere el título de la vista", leave: "Salir", openViewOptions: "Abrir opciones de {label}", restoreChanges: "Restaurar cambios", saveChanges: "Guardar cambios", saveChangesToast: "Cambios almacenados en “{label}”", setAsDefault: "Establecer como predeterminado", setAsDefaultToast: "Establecer correctamente “{label}” como vista predeterminada", undo: "Deshacer", unsavedChangesDescription: "Los cambios no guardados se borrarán", unsavedChangesTitle: "¿Salir de “{label}” sin guardar los cambios?", viewListLabel: "Vistas", withUnsavedChanges: "Con cambios no guardados" },
-  "fr-FR": { cancel: "Annuler", createView: "Créer une vue", createViewToast: "« {label} » créé", delete: "Supprimer", deleteViewAction: "Supprimer la vue", deleteViewDescription: "Votre vue « {label} » ne peut plus être récupérée une fois supprimée.", deleteViewTitle: "Supprimer « {label} » ?", duplicate: "Dupliquer", edit: "Modifier", editDetails: "Modifier les détails", labelNoDuplicateError: "Le titre de la vue existe déjà", labelRequiredError: "Le titre de la vue est obligatoire", leave: "Quitter", openViewOptions: "Ouvrir les options {label}", restoreChanges: "Restaurer les modifications", saveChanges: "Enregistrer les modifications", saveChangesToast: "Modifications enregistrées dans « {label} »", setAsDefault: "Définir comme valeur par défaut", setAsDefaultToast: "« {label} » défini comme vue par défaut", undo: "Annuler", unsavedChangesDescription: "Les modifications non enregistrées seront supprimées", unsavedChangesTitle: "Quitter « {label} » sans enregistrer les modifications ?", viewListLabel: "Vues", withUnsavedChanges: "Avec des modifications non enregistrées" },
-  "it-IT": { cancel: "Annulla", createView: "Crea visualizzazione", createViewToast: 'Etichetta "{label}" creata correttamente', delete: "Elimina", deleteViewAction: "Elimina visualizzazione", deleteViewDescription: "La tua visualizzazione “{label}” non può essere recuperata una volta eliminata.", deleteViewTitle: "Eliminare “{label}”?", duplicate: "Duplicato", edit: "Modifica", editDetails: "Modifica dettagli", labelNoDuplicateError: "Il titolo della visualizzazione esiste già", labelRequiredError: "È necessario un titolo per la visualizzazione", leave: "Lascia", openViewOptions: "Apri le opzioni {label}", restoreChanges: "Ripristina le modifiche", saveChanges: "Salva le modifiche", saveChangesToast: "Modifiche salvate in “{label}”", setAsDefault: "Imposta come predefinito", setAsDefaultToast: '"{label}" impostato correttamente come visualizzazione predefinita', undo: "Annulla", unsavedChangesDescription: "Le modifiche non salvate verranno cancellate", unsavedChangesTitle: "Lasciare “{label}” senza salvare le modifiche?", viewListLabel: "Visualizzazioni", withUnsavedChanges: "Con le modifiche non salvate" },
-  "ja-JP": { cancel: "キャンセル", createView: "ビューを作成", createViewToast: "「{label}」が正常に作成されました", delete: "削除", deleteViewAction: "ビューを削除", deleteViewDescription: "一度削除された「{label}」ビューは復元できません。", deleteViewTitle: "「{label}」を削除しますか？", duplicate: "複製", edit: "編集", editDetails: "詳細を編集", labelNoDuplicateError: "ビュータイトルはすでに存在します", labelRequiredError: "ビュータイトルは必須です", leave: "離れる", openViewOptions: "{label}オプションを開く", restoreChanges: "変更を復元", saveChanges: "変更を保存", saveChangesToast: "「{label}」に変更を保存しました", setAsDefault: "デフォルトとして設定", setAsDefaultToast: "「{label}」をデフォルトビューとして設定しました", undo: "元に戻す", unsavedChangesDescription: "保存されていない変更は削除されます", unsavedChangesTitle: "変更を保存せずに「{label}」を離れますか？", viewListLabel: "ビュー", withUnsavedChanges: "未保存の変更あり" },
-  "pt-BR": { cancel: "Cancelar", createView: "Criar visualização", createViewToast: '"{label}" foi criado', delete: "Excluir", deleteViewAction: "Apagar visualização", deleteViewDescription: 'Sua visualização de "{label}" não pode ser recuperada depois de apagada.', deleteViewTitle: "Apagar “{label}”?", duplicate: "Duplicar", edit: "Editar", editDetails: "Editar detalhes", labelNoDuplicateError: "O título da visualização já existe", labelRequiredError: "É necessário o título da visualização", leave: "Sair", openViewOptions: "Abrir opções de {label}", restoreChanges: "Restaurar alterações", saveChanges: "Salvar alterações", saveChangesToast: "Alterações salvas em “{label}”", setAsDefault: "Deixar como padrão", setAsDefaultToast: "“{label}” agora é a visualização padrão", undo: "Desfazer", unsavedChangesDescription: "As alterações não salvas serão apagadas", unsavedChangesTitle: "Deixar “{label}” sem salvar alterações?", viewListLabel: "Visualizações", withUnsavedChanges: "Com alterações não salvas" },
-  "zh-CN": { cancel: "取消", createView: "创建视图", createViewToast: "已成功创建“{label}”", delete: "删除", deleteViewAction: "删除视图", deleteViewDescription: "删除后，您的“{label}”视图将无法恢复。", deleteViewTitle: "删除“{label}”？", duplicate: "复制", edit: "编辑", editDetails: "编辑详情", labelNoDuplicateError: "视图标题已经存在", labelRequiredError: "视图标题为必填项", leave: "离开", openViewOptions: "打开{label}选项", restoreChanges: "恢复更改", saveChanges: "保存更改", saveChangesToast: "更改已保存到“{label}”", setAsDefault: "设为默认", setAsDefaultToast: "成功将“{label}”设置为默认视图", undo: "撤销", unsavedChangesDescription: "未保存的更改将被删除", unsavedChangesTitle: "不保存更改就离开“{label}”？", viewListLabel: "浏览量", withUnsavedChanges: "有未保存的更改" }
-}, Z5 = (o) => {
+  "fr-FR": { cancel: "Annuler", createView: "Créer une vue", createViewToast: "« {label} » créé", delete: "Supprimer", deleteView: "Supprimer la vue ?", deleteViewDescription: "Vous êtes sur le point de supprimer la vue {label}. Vous ne pourrez pas la restaurer.", duplicate: "Dupliquer", edit: "Modifier", editDetails: "Modifier les détails", labelNoDuplicateError: "Le titre de la vue existe déjà", labelRequiredError: "Le titre de la vue est obligatoire", leave: "Quitter", leaveView: "Quitter la vue ?", leaveViewDescription: "Vous avez apporté des modifications à la vue {label}. Si vous quittez sans enregistrer, elles seront perdues.", openViewOptions: "Ouvrir les options {label}", restoreChanges: "Restaurer les modifications", saveChanges: "Enregistrer les modifications", saveChangesToast: "Modifications enregistrées dans « {label} »", setAsDefault: "Définir comme valeur par défaut", setAsDefaultToast: "« {label} » défini comme vue par défaut", undo: "Annuler", viewListLabel: "Vues", withUnsavedChanges: "Avec des modifications non enregistrées" },
+  "it-IT": { cancel: "Annulla", createView: "Crea visualizzazione", createViewToast: 'Etichetta "{label}" creata correttamente', delete: "Elimina", deleteView: "Eliminare visualizzazione?", deleteViewDescription: "Stai per eliminare la visualizzazione {label}. Non potrai ripristinarla.", duplicate: "Duplicato", edit: "Modifica", editDetails: "Modifica dettagli", labelNoDuplicateError: "Il titolo della visualizzazione esiste già", labelRequiredError: "È necessario un titolo per la visualizzazione", leave: "Lascia", leaveView: "Mantenere la visualizzazione?", leaveViewDescription: "Ha apportato modifiche alla vista {label}. Se esce senza salvare, andranno perse.", openViewOptions: "Apri le opzioni {label}", restoreChanges: "Ripristina le modifiche", saveChanges: "Salva le modifiche", saveChangesToast: "Modifiche salvate in “{label}”", setAsDefault: "Imposta come predefinito", setAsDefaultToast: '"{label}" impostato correttamente come visualizzazione predefinita', undo: "Annulla", viewListLabel: "Visualizzazioni", withUnsavedChanges: "Con le modifiche non salvate" },
+  "ja-JP": { cancel: "キャンセル", createView: "ビューを作成", createViewToast: "「{label}」が正常に作成されました", delete: "削除", deleteView: "ビューを削除しますか？", deleteViewDescription: "ビュー「{label}」を削除しようとしています。復元できなくなります。", duplicate: "複製", edit: "編集", editDetails: "詳細を編集", labelNoDuplicateError: "ビュータイトルはすでに存在します", labelRequiredError: "ビュータイトルは必須です", leave: "離れる", leaveView: "ビューから離れますか？", leaveViewDescription: "「{label}」ビューに変更を加えました。 保存せずに離れると、変更内容は失われます。", openViewOptions: "{label}オプションを開く", restoreChanges: "変更を復元", saveChanges: "変更を保存", saveChangesToast: "「{label}」に変更を保存しました", setAsDefault: "デフォルトとして設定", setAsDefaultToast: "「{label}」をデフォルトビューとして設定しました", undo: "元に戻す", viewListLabel: "ビュー", withUnsavedChanges: "未保存の変更あり" },
+  "pt-BR": { cancel: "Cancelar", createView: "Criar visualização", createViewToast: '"{label}" foi criado', delete: "Excluir", deleteView: "Apagar visualização?", deleteViewDescription: "Você está prestes a apagar a visualização {label}. Você não poderá restaurá-la.", duplicate: "Duplicar", edit: "Editar", editDetails: "Editar detalhes", labelNoDuplicateError: "O título da visualização já existe", labelRequiredError: "É necessário o título da visualização", leave: "Sair", leaveView: "Sair da visualização?", leaveViewDescription: "Você fez alterações na visualização {label}. Se você sair sem salvar, elas serão perdidas.", openViewOptions: "Abrir opções de {label}", restoreChanges: "Restaurar alterações", saveChanges: "Salvar alterações", saveChangesToast: "Alterações salvas em “{label}”", setAsDefault: "Deixar como padrão", setAsDefaultToast: "“{label}” agora é a visualização padrão", undo: "Desfazer", viewListLabel: "Visualizações", withUnsavedChanges: "Com alterações não salvas" },
+  "zh-CN": { cancel: "取消", createView: "创建视图", createViewToast: "已成功创建“{label}”", delete: "删除", deleteView: "删除视图？", deleteViewDescription: "您即将删除视图 {label}。删除后即无法恢复。", duplicate: "复制", edit: "编辑", editDetails: "编辑详情", labelNoDuplicateError: "视图标题已经存在", labelRequiredError: "视图标题为必填项", leave: "离开", leaveView: "离开视图？", leaveViewDescription: "您对视图 {label} 做了更改。如果不保存就离开，更改将丢失。", openViewOptions: "打开{label}选项", restoreChanges: "恢复更改", saveChanges: "保存更改", saveChangesToast: "更改已保存到“{label}”", setAsDefault: "设为默认", setAsDefaultToast: "成功将“{label}”设置为默认视图", undo: "撤销", viewListLabel: "浏览量", withUnsavedChanges: "有未保存的更改" }
+}, S5 = (o) => {
   const i = w(o.views), t = g1({ label: "" }), { t: e } = Me({ messages: Re }), n = K(
-    () => i.value.map((V) => ({
-      ...V,
-      iconColor: V.iconColor ?? Ve.PRIMARY,
-      icon: V.icon ?? Le.STACK,
-      label: V.label,
-      ...V.isDefault !== null ? { isDefault: V.isDefault } : null,
+    () => i.value.map((b) => ({
+      ...b,
+      iconColor: b.iconColor ?? be.PRIMARY,
+      icon: b.icon ?? Le.STACK,
+      label: b.label,
+      ...b.isDefault !== null ? { isDefault: b.isDefault } : null,
       ...o?.additionalViewSetting ? {
         additionalViewSetting: {
           label: o.additionalViewSetting.label,
-          value: V.additionalViewSetting?.value ?? o.additionalViewSetting.value
+          value: b.additionalViewSetting?.value ?? o.additionalViewSetting.value
         }
       } : []
     }))
-  ), C = (V, T) => {
+  ), C = (b, k) => {
     let m = [...i.value];
-    const Z = [...i.value];
+    const S = [...i.value];
     let O;
-    return m[T] ? V ? (V.isDefault && (m = m.map((I) => I.isDefault ? { ...I, isDefault: !1 } : I)), m[T] = {
-      ...m[T],
-      ...V
-    }, O = m[T].label) : (m.splice(T, 1), O = Z[T].label) : (m.push(V), O = V.label), i.value = [...m], {
+    return m[k] ? b ? (b.isDefault && (m = m.map((P) => P.isDefault ? { ...P, isDefault: !1 } : P)), m[k] = {
+      ...m[k],
+      ...b
+    }, O = m[k].label) : (m.splice(k, 1), O = S[k].label) : (m.push(b), O = b.label), i.value = [...m], {
       newViews: i.value,
-      oldViews: Z,
+      oldViews: S,
       targetViewLabel: O
     };
-  }, b = (V) => {
-    const T = n.value[V].label;
-    let m = `(1) - ${T}`, Z = 1;
-    for (; n.value.some((I) => I.label === m); )
-      Z++, m = `(${Z}) - ${n.value[V].label}`;
+  }, V = (b) => {
+    const k = n.value[b].label;
+    let m = `(1) - ${k}`, S = 1;
+    for (; n.value.some((P) => P.label === m); )
+      S++, m = `(${S}) - ${n.value[b].label}`;
     const O = {
-      ...n.value[V],
+      ...n.value[b],
       label: m
     };
     return {
       ...C(O),
-      targetViewLabel: T
+      targetViewLabel: k
     };
-  }, P = (V) => {
-    const T = i.value;
-    return i.value = V, { oldViews: T, newViews: V };
-  }, S = () => {
+  }, z = (b) => {
+    const k = i.value;
+    return i.value = b, { oldViews: k, newViews: b };
+  }, Z = () => {
     t.label = "";
   };
   return {
@@ -1079,35 +1079,35 @@ const $e = {
     computedViews: n,
     errors: t,
     // modify
-    clearError: S,
-    duplicateView: b,
-    setViews: P,
+    clearError: Z,
+    duplicateView: V,
+    setViews: z,
     updateView: C,
     // validations
-    validateLabel: (V, T) => {
-      const m = V.trim().length === 0, Z = n.value.some(
-        (O, I) => O.label === V && T !== I
+    validateLabel: (b, k) => {
+      const m = b.trim().length === 0, S = n.value.some(
+        (O, P) => O.label === b && k !== P
       );
-      m ? t.label = e("labelRequiredError") : Z ? t.label = e("labelNoDuplicateError") : S();
+      m ? t.label = e("labelRequiredError") : S ? t.label = e("labelNoDuplicateError") : Z();
     }
   };
 };
-var Ze = /* @__PURE__ */ ((o) => (o.UP = "up", o.DOWN = "down", o))(Ze || {});
-const S5 = (o) => {
-  const { itemRefs: i, items: t, onDrop: e } = o, n = w(null), C = w(null), b = w(0), P = w(!1), S = w(0), f = w(null), V = w(0), T = w(0), m = w([]), Z = (g) => C.value === g, O = (g, _) => {
+var Se = /* @__PURE__ */ ((o) => (o.UP = "up", o.DOWN = "down", o))(Se || {});
+const Z5 = (o) => {
+  const { itemRefs: i, items: t, onDrop: e } = o, n = w(null), C = w(null), V = w(0), z = w(!1), Z = w(0), f = w(null), b = w(0), k = w(0), m = w([]), S = (g) => C.value === g, O = (g, _) => {
     if (!_.target.closest("[data-drag-trigger]"))
       return;
-    C.value = g, z();
+    C.value = g, I();
     const y = i.value[g];
-    y && (typeof _.clientY == "number" ? b.value = _.clientY : typeof _.key == "string" && (P.value = !0), S.value = y.clientHeight, V.value = S.value * (i.value.length - g - 1), T.value = -(S.value * g), document.documentElement.style.cursor = "grabbing", document.documentElement.style.userSelect = "none");
-  }, I = (g, _) => {
-    if (!P.value) {
+    y && (typeof _.clientY == "number" ? V.value = _.clientY : typeof _.key == "string" && (z.value = !0), Z.value = y.clientHeight, b.value = Z.value * (i.value.length - g - 1), k.value = -(Z.value * g), document.documentElement.style.cursor = "grabbing", document.documentElement.style.userSelect = "none");
+  }, P = (g, _) => {
+    if (!z.value) {
       f.value = g, O(g, _);
       return;
     }
     E();
   }, x = (g, _) => {
-    if (!P.value)
+    if (!z.value)
       return;
     _.preventDefault();
     const y = i.value.length - 1, D = 0, d = g === "down", $ = g === "up";
@@ -1121,10 +1121,10 @@ const S5 = (o) => {
     if (A > y || A < D)
       return;
     const ge = () => {
-      const ue = i.value[C.value], W = Y((f.value - C.value) * S.value);
+      const ue = i.value[C.value], W = B((f.value - C.value) * Z.value);
       ue.style.transform = `translateY(${W}px)`;
     }, ae = () => {
-      const ue = i.value[f.value], W = d ? -S.value : S.value;
+      const ue = i.value[f.value], W = d ? -Z.value : Z.value;
       ue.style.transform = Q ? "translateY(0px)" : `translateY(${W}px)`;
     };
     if (!Q) {
@@ -1133,14 +1133,14 @@ const S5 = (o) => {
     }
     ae(), f.value = A, ge();
   }, F = (g) => {
-    g && P.value && (g.stopPropagation(), g.preventDefault()), n.value = requestAnimationFrame(() => {
+    g && z.value && (g.stopPropagation(), g.preventDefault()), n.value = requestAnimationFrame(() => {
       i.value.forEach((_) => {
         const y = _;
         y.style.transform = "";
       }), n.value = null;
-    }), f.value = null, C.value = null, document.documentElement.style.cursor = "", document.documentElement.style.userSelect = "", P.value = null;
+    }), f.value = null, C.value = null, document.documentElement.style.cursor = "", document.documentElement.style.userSelect = "", z.value = null;
   }, J = (g) => {
-    C.value === null || n.value || P.value || (n.value = requestAnimationFrame(() => {
+    C.value === null || n.value || z.value || (n.value = requestAnimationFrame(() => {
       const _ = g.clientY, y = m.value.findIndex(
         (D, d) => _ >= D.top && _ <= D.bottom || _ <= D.top && d === 0 || _ >= D.bottom && d === m.value.length - 1
       );
@@ -1154,12 +1154,12 @@ const S5 = (o) => {
       return;
     }
     const y = t.value[C.value], D = [...t.value];
-    D.splice(C.value, 1), D.splice(f.value, 0, y), B(), F(), e(D);
+    D.splice(C.value, 1), D.splice(f.value, 0, y), Y(), F(), e(D);
   }, q = (g) => {
     const _ = i.value[C.value];
     if (!_)
       return;
-    _.style.transform = `translateY(${Y(g - b.value)}px)`;
+    _.style.transform = `translateY(${B(g - V.value)}px)`;
     const y = 0.25, D = C.value < f.value, d = C.value > f.value;
     for (let $ = 0; $ < m.value.length; $++) {
       if ($ === C.value)
@@ -1168,17 +1168,17 @@ const S5 = (o) => {
       if (Q >= y && D) {
         if ($ < C.value)
           continue;
-        A.style.transform = `translateY(-${S.value}px)`;
+        A.style.transform = `translateY(-${Z.value}px)`;
       } else if (Q <= 1 - y && d) {
         if ($ > C.value)
           continue;
-        A.style.transform = `translateY(${S.value}px)`;
+        A.style.transform = `translateY(${Z.value}px)`;
       } else
         A.style.transform = "translateY(0px)";
     }
-  }, B = () => {
+  }, Y = () => {
     document.activeElement?.closest("[data-drag-item]") && i.value[f.value]?.querySelector("[data-drag-trigger]")?.focus();
-  }, Y = (g) => Math.max(T.value, Math.min(V.value, g)), z = () => {
+  }, B = (g) => Math.max(k.value, Math.min(b.value, g)), I = () => {
     m.value = i.value.map((g) => {
       const { top: _, bottom: y, height: D } = g.getBoundingClientRect();
       return {
@@ -1191,56 +1191,56 @@ const S5 = (o) => {
   return we(document, "pointermove", J), we(document, "pointerup", E, { capture: !0 }), we(document, "keydown", (g) => {
     g.key !== "Tab" || C.value === null || g.preventDefault();
   }), we(document, "pointerdown", () => {
-    P.value && F();
+    z.value && F();
   }), {
     draggedViewIndex: C,
     draggingOverViewIndex: f,
-    isItemDragged: Z,
-    handleDragKeyboardToggle: I,
+    isItemDragged: S,
+    handleDragKeyboardToggle: P,
     handleDragKeyboardMove: x,
     handleDragStart: O,
     handleDragStop: F
   };
-}, T5 = (o) => {
-  const { container: i, children: t, offset: e, activeViewIndex: n } = o, C = w(t.value.length), { width: b } = e1(i);
+}, k5 = (o) => {
+  const { container: i, children: t, offset: e, activeViewIndex: n } = o, C = w(t.value.length), { width: V } = e1(i);
   return ie(
-    [b, n, t],
-    async ([P, S, f], [, V]) => {
-      const T = f.length;
-      if (T === 0)
+    [V, n, t],
+    async ([z, Z, f], [, b]) => {
+      const k = f.length;
+      if (k === 0)
         return;
       let m = e.value.offsetWidth;
-      C.value = T;
-      const Z = f[V];
-      Z && (Z.style.display = "none");
-      for (let x = 0; x < T; x++) {
+      C.value = k;
+      const S = f[b];
+      S && (S.style.display = "none");
+      for (let x = 0; x < k; x++) {
         const F = f[x];
-        if (F.style.display = "inline-flex", m + F.offsetWidth <= P)
+        if (F.style.display = "inline-flex", m + F.offsetWidth <= z)
           m += F.offsetWidth;
         else {
           C.value = x, F.style.display = "none";
           break;
         }
       }
-      if (S < C.value || S === null)
+      if (Z < C.value || Z === null)
         return;
       await He();
       let O = C.value - 1;
-      const I = f[S];
-      if (I.style.display = "inline-flex", m += I.offsetWidth, O < 0 && m > P) {
-        I.style.display = "none";
+      const P = f[Z];
+      if (P.style.display = "inline-flex", m += P.offsetWidth, O < 0 && m > z) {
+        P.style.display = "none";
         return;
       }
-      for (; m > P && O >= 0; ) {
+      for (; m > z && O >= 0; ) {
         const x = t.value[O];
         m -= x.offsetWidth, x.style.display = "none", O--;
       }
     },
     { immediate: !0 }
-  ), ie([C, () => t.value.length], ([P, S]) => {
-    for (let f = P; f < S; f++) {
-      const V = t.value[f];
-      V.style.display = "none";
+  ), ie([C, () => t.value.length], ([z, Z]) => {
+    for (let f = z; f < Z; f++) {
+      const b = t.value[f];
+      b.style.display = "none";
     }
   }), {
     maxDisplayedViews: C
@@ -1257,12 +1257,12 @@ const S5 = (o) => {
   "ja-JP": { movingDraggedToPosition: "{dragged}を{draggingOver}の位置に移動しています", openViewOptions: "{label}オプションを開く", reorderView: "{label}を並べ替え", toggleAllViews: "すべてのビューを切り替え" },
   "pt-BR": { movingDraggedToPosition: "Movendo {dragged} para a posição de {draggingOver}", openViewOptions: "Abrir opções de {label}", reorderView: "Reordenar {label}", toggleAllViews: "Alternar todas as visualizações" },
   "zh-CN": { movingDraggedToPosition: "将 {dragged} 移动到 {draggingOver} 位置", openViewOptions: "打开 {label} 选项", reorderView: "重新排序 {label}", toggleAllViews: "切换所有视图" }
-}, A5 = ["onKeydown"], k5 = {
+}, A5 = ["onKeydown"], T5 = {
   key: 0,
   class: "b-header-with-views-all-views__popover-status"
 }, R5 = ["onPointerdown"], O5 = { class: "b-header-with-views-all-views__popover-menu-item-content" }, E5 = {
   i18n: { messages: l1 }
-}, P5 = /* @__PURE__ */ Te({
+}, z5 = /* @__PURE__ */ ke({
   ...E5,
   __name: "header-with-views-all-views",
   props: {
@@ -1272,52 +1272,52 @@ const S5 = (o) => {
   },
   emits: ["close:all-views", "close:view-menu", "open:all-views", "open:view-menu", "select:view", "reorder:view"],
   setup(o, { emit: i }) {
-    const t = o, e = i, n = w(!1), C = w(null), b = w(null), P = w(null), S = w(null), f = w(null), V = w(null), T = be("menu-popover"), { t: m } = Me({ messages: l1 });
-    me(b, () => O(), {
+    const t = o, e = i, n = w(!1), C = w(null), V = w(null), z = w(null), Z = w(null), f = w(null), b = w(null), k = Ve("menu-popover"), { t: m } = Me({ messages: l1 });
+    me(V, () => O(), {
       ignore: [C, ...t.menuCloseOnClickOutsideOptions?.ignore ?? []]
     });
-    const Z = () => {
+    const S = () => {
       n.value = !0, e("open:all-views");
     }, O = async () => {
       n.value && (n.value = !1, e("close:all-views"), await He(), C.value.$el.focus());
-    }, I = (_) => {
-      _.stopPropagation(), n.value ? O() : Z();
+    }, P = (_) => {
+      _.stopPropagation(), n.value ? O() : S();
     }, {
       draggedViewIndex: x,
       draggingOverViewIndex: F,
       isItemDragged: J,
       handleDragKeyboardMove: E,
       handleDragKeyboardToggle: q,
-      handleDragStart: B,
-      handleDragStop: Y
-    } = S5({
+      handleDragStart: Y,
+      handleDragStop: B
+    } = Z5({
       items: C1(t, "menuItems"),
       itemRefs: f,
       onDrop: (_) => e("reorder:view", _)
-    }), z = (_) => ({
+    }), I = (_) => ({
       "b-header-with-views-all-views__popover-menu-item--dragging": J(_)
     }), g = (_) => {
-      V.value[_].closeMenu(!1);
+      b.value[_].closeMenu(!1);
     };
     return (_, y) => (a(), r("div", {
       ref_key: "allViewsRef",
-      ref: P,
+      ref: z,
       class: "b-header-with-views-all-views",
       "data-testid": "header-with-views-all-views",
       onKeydown: G(ve(O, ["stop", "prevent"]), ["esc"])
     }, [
-      k(s(Ae), {
+      T(s(Ae), {
         ref_key: "allViewsMenuToggleRef",
         ref: C,
         "aria-haspopup": "true",
         "aria-expanded": n.value,
-        "aria-controls": n.value ? s(T) : null,
+        "aria-controls": n.value ? s(k) : null,
         variant: "tertiary",
         toggled: n.value,
-        onClick: I
+        onClick: P
       }, {
         iconLeft: M(() => [
-          k(s(D5), {
+          T(s(D5), {
             "svg-title": s(m)("toggleAllViews")
           }, null, 8, ["svg-title"])
         ]),
@@ -1325,9 +1325,9 @@ const S5 = (o) => {
       }, 8, ["aria-expanded", "aria-controls", "toggled"]),
       C.value ? (a(), N(s(_e), {
         key: 0,
-        id: s(T),
+        id: s(k),
         ref_key: "allViewsMenuPopoverRef",
-        ref: b,
+        ref: V,
         class: "b-header-with-views-all-views__popover",
         open: n.value,
         "target-element": C.value,
@@ -1337,13 +1337,13 @@ const S5 = (o) => {
         "without-space": ""
       }, {
         default: M(() => [
-          s(x) !== null && s(F) !== null ? (a(), r("output", k5, p(s(m)("movingDraggedToPosition", {
+          s(x) !== null && s(F) !== null ? (a(), r("output", T5, p(s(m)("movingDraggedToPosition", {
             dragged: _.menuItems[s(x)].label,
             draggingOver: _.menuItems[s(F)].label
           })), 1)) : v("", !0),
           l("ul", {
             ref_key: "menuRef",
-            ref: S,
+            ref: Z,
             class: "b-header-with-views-all-views__popover-menu"
           }, [
             (a(!0), r(fe, null, he(_.menuItems, (D, d) => (a(), r("li", {
@@ -1352,11 +1352,11 @@ const S5 = (o) => {
               ref: f,
               key: d,
               "data-drag-item": "",
-              class: se(["b-header-with-views-all-views__popover-menu-item", z(d)]),
-              onPointerdown: ($) => s(B)(d, $)
+              class: se(["b-header-with-views-all-views__popover-menu-item", I(d)]),
+              onPointerdown: ($) => s(Y)(d, $)
             }, [
               l("div", O5, [
-                k(s(pe), {
+                T(s(pe), {
                   "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",
@@ -1364,19 +1364,19 @@ const S5 = (o) => {
                   onKeydown: [
                     G(($) => s(q)(d, $), ["enter", "native"]),
                     G(($) => s(q)(d, $), ["space", "native"]),
-                    y[0] || (y[0] = G(($) => s(E)(s(Ze).DOWN, $), ["down", "native"])),
-                    y[1] || (y[1] = G(($) => s(E)(s(Ze).UP, $), ["up", "native"])),
-                    G(s(Y), ["esc", "native"])
+                    y[0] || (y[0] = G(($) => s(E)(s(Se).DOWN, $), ["down", "native"])),
+                    y[1] || (y[1] = G(($) => s(E)(s(Se).UP, $), ["up", "native"])),
+                    G(s(B), ["esc", "native"])
                   ]
                 }, {
                   iconLeft: M(() => [
-                    k(s(y1), {
+                    T(s(y1), {
                       "svg-title": s(m)("reorderView", { label: D.label })
                     }, null, 8, ["svg-title"])
                   ]),
                   _: 2
                 }, 1032, ["aria-pressed", "onKeydown"]),
-                k(s(pe), {
+                T(s(pe), {
                   "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",
@@ -1391,7 +1391,7 @@ const S5 = (o) => {
                     ], 2)
                   ]),
                   default: M(() => [
-                    k(s(le), {
+                    T(s(le), {
                       el: "span",
                       variant: "body",
                       class: "b-header-with-views-all-views__popover-menu-item-button-text"
@@ -1404,10 +1404,10 @@ const S5 = (o) => {
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                k(s(We), {
+                T(s(We), {
                   ref_for: !0,
                   ref_key: "editViewMenuRefs",
-                  ref: V,
+                  ref: b,
                   "data-view-menu": "",
                   class: "b-header-with-views-all-views__popover-menu-item-button",
                   button: {
@@ -1423,7 +1423,7 @@ const S5 = (o) => {
                   onKeydownCapture: G(($) => g(d), ["tab", "native"])
                 }, {
                   iconLeft: M(() => [
-                    k(s(i1), { "aria-hidden": !0 })
+                    T(s(i1), { "aria-hidden": !0 })
                   ]),
                   _: 2
                 }, 1032, ["button", "close-on-click-outside-options", "data", "onOpen", "onClose", "onKeydownCapture"])
@@ -1435,7 +1435,7 @@ const S5 = (o) => {
       }, 8, ["id", "open", "target-element"])) : v("", !0)
     ], 40, A5));
   }
-}), I5 = /* @__PURE__ */ ke(P5, [["__scopeId", "data-v-6053b1b2"]]), z5 = { key: 0 }, U5 = ["clip-path"], N5 = ["id"], x5 = {
+}), P5 = /* @__PURE__ */ Te(z5, [["__scopeId", "data-v-6053b1b2"]]), I5 = { key: 0 }, U5 = ["clip-path"], N5 = ["id"], x5 = {
   __name: "circle-filled",
   setup(o) {
     const i = L(), t = String(i?.uid ?? i?.proxy?._uid);
@@ -1446,7 +1446,7 @@ const S5 = (o) => {
       height: "16",
       fill: "none"
     }), [
-      e.$attrs["svg-title"] ? (a(), r("title", z5, p(e.$attrs["svg-title"]), 1)) : v("", !0),
+      e.$attrs["svg-title"] ? (a(), r("title", I5, p(e.$attrs["svg-title"]), 1)) : v("", !0),
       l("g", {
         "clip-path": "url(#uia-ui-assets/icons-16-circle_filled__a" + s(t) + ")"
       }, n[0] || (n[0] = [
@@ -1469,7 +1469,7 @@ const S5 = (o) => {
     ], 16));
   }
 };
-var Se = /* @__PURE__ */ ((o) => (o.EDIT = "edit", o.CREATE = "create", o))(Se || {});
+var Ze = /* @__PURE__ */ ((o) => (o.EDIT = "edit", o.CREATE = "create", o))(Ze || {});
 const s1 = {
   "de-DE": { cancel: "Abbrechen", color: "Farbe", create: "Erstellen", icon: "Symbol", save: "Speichern", selectIcon: "Wählen Sie das Symbol {icon}", selectIconColor: "Wählen Sie die Farbe {color} des Symbols aus", selected: "Ausgewählt", title: "Titel", viewIcons: "Symbole anzeigen", viewLabel: "Label anzeigen" },
   "en-GB": { cancel: "Cancel", color: "Colour", create: "Create", icon: "Icon", save: "Save", selectIcon: "Select {icon} icon", selectIconColor: "Select {colour} icon colour", selected: "Selected", title: "Title", viewIcons: "View icons", viewLabel: "View label" },
@@ -1485,33 +1485,33 @@ const s1 = {
 }, F5 = { class: "b-header-with-views-edit-form" }, K5 = {
   class: "b-header-with-views-edit-form__icon-choice-alert",
   role: "alert"
-}, G5 = { class: "b-header-with-views-edit-form__icon-selector" }, q5 = { class: "b-header-with-views-edit-form__icon-panel" }, B5 = { class: "b-header-with-views-edit-form__icon-color-options" }, Y5 = { class: "b-header-with-views-edit-form__icon-options" }, j5 = {
+}, G5 = { class: "b-header-with-views-edit-form__icon-selector" }, q5 = { class: "b-header-with-views-edit-form__icon-panel" }, Y5 = { class: "b-header-with-views-edit-form__icon-color-options" }, B5 = { class: "b-header-with-views-edit-form__icon-options" }, j5 = {
   i18n: { messages: s1 }
-}, J5 = /* @__PURE__ */ Te({
+}, J5 = /* @__PURE__ */ ke({
   ...j5,
   __name: "header-with-views-edit-form",
   props: {
     additionalFormItem: { default: null },
-    context: { default: Se.CREATE },
+    context: { default: Ze.CREATE },
     disableCustomization: { type: Boolean, default: !1 },
     errors: { default: null },
     icon: { default: Le.STACK },
-    iconColor: { default: Ve.PRIMARY },
+    iconColor: { default: be.PRIMARY },
     label: { default: "" }
   },
   emits: ["cancel", "update", "delete", "input:label", "blur:label", "keydown:enter"],
   setup(o, { emit: i }) {
-    const t = o, e = i, n = w(t.label), C = w(t.icon), b = w(t.iconColor), P = w(t.additionalFormItem?.value ?? !1), S = w(!1), f = w(null), V = w(null), T = w(null), m = be("iconPopover"), Z = w(!1), O = K(() => Object.values(Le)), I = K(() => Object.values(Ve)), x = K(() => Object.values(t.errors).some((d) => d.length > 0)), F = K(
-      () => `${E("selected")}: ${C.value} ${E("icon")}, ${E("color")} ${b.value}`
+    const t = o, e = i, n = w(t.label), C = w(t.icon), V = w(t.iconColor), z = w(t.additionalFormItem?.value ?? !1), Z = w(!1), f = w(null), b = w(null), k = w(null), m = Ve("iconPopover"), S = w(!1), O = K(() => Object.values(Le)), P = K(() => Object.values(be)), x = K(() => Object.values(t.errors).some((d) => d.length > 0)), F = K(
+      () => `${E("selected")}: ${C.value} ${E("icon")}, ${E("color")} ${V.value}`
     ), J = K(() => [
-      ...t.context === Se.EDIT ? (
+      ...t.context === Ze.EDIT ? (
         // edit mode
         [
           {
             title: E("save"),
             type: "submit",
             event: () => {
-              x.value || z();
+              x.value || I();
             }
           }
         ]
@@ -1522,7 +1522,7 @@ const s1 = {
             title: E("create"),
             type: "submit",
             event: () => {
-              !S.value || x.value || z();
+              !Z.value || x.value || I();
             }
           }
         ]
@@ -1532,39 +1532,39 @@ const s1 = {
         event: g
       }
     ]), { t: E } = Me({ messages: s1 }), q = K(() => ({
-      iconColor: b.value,
+      iconColor: V.value,
       icon: C.value,
       label: n.value,
       ...t.additionalFormItem ? {
         additionalViewSetting: {
           label: t.additionalFormItem.label,
-          value: P.value
+          value: z.value
         }
       } : []
-    })), B = K(
-      () => t.disableCustomization ? "" : `b-header-with-views-edit-form__icon-color--${b.value}`
-    ), Y = () => {
-      Z.value = !1;
-    }, z = () => {
+    })), Y = K(
+      () => t.disableCustomization ? "" : `b-header-with-views-edit-form__icon-color--${V.value}`
+    ), B = () => {
+      S.value = !1;
+    }, I = () => {
       e("update", q.value);
     }, g = () => {
-      C.value = t.icon, b.value = t.iconColor, n.value = t.label, e("cancel");
-    }, _ = T1((d) => {
-      n.value = d, S.value = !0;
+      C.value = t.icon, V.value = t.iconColor, n.value = t.label, e("cancel");
+    }, _ = k1((d) => {
+      n.value = d, Z.value = !0;
     }, 200), y = (d) => {
-      n.value = d.target.value, S.value = !0, e("keydown:enter", q.value);
+      n.value = d.target.value, Z.value = !0, e("keydown:enter", q.value);
     }, D = (d) => {
-      P.value = d, S.value = !0;
+      z.value = d, Z.value = !0;
     };
-    return me(V, Y, {
+    return me(b, B, {
       ignore: [f]
-    }), H1("Escape", Y, {
-      target: V,
+    }), H1("Escape", B, {
+      target: b,
       eventName: "keydown"
     }), ie(n, (d) => e("input:label", d)), Xe(async () => {
-      await He(), T.value.$refs.inputFieldElement.focus();
+      await He(), k.value.$refs.inputFieldElement.focus();
     }), (d, $) => (a(), r("form", F5, [
-      k(s(A1), null, {
+      T(s(A1), null, {
         default: M(() => [
           X(p(s(E)("title")), 1)
         ]),
@@ -1572,19 +1572,19 @@ const s1 = {
       }),
       l("div", K5, p(F.value), 1),
       l("div", G5, [
-        k(s(Ae), {
+        T(s(Ae), {
           ref_key: "iconSelectorButtonRef",
           ref: f,
           variant: "secondary",
-          "aria-expanded": Z.value,
-          "aria-controls": Z.value ? s(m) : null,
+          "aria-expanded": S.value,
+          "aria-controls": S.value ? s(m) : null,
           disabled: t.disableCustomization,
-          toggled: Z.value,
-          onClick: $[0] || ($[0] = (A) => Z.value = !Z.value)
+          toggled: S.value,
+          onClick: $[0] || ($[0] = (A) => S.value = !S.value)
         }, {
           iconLeft: M(() => [
             (a(), N(re(s($e)[C.value]), {
-              class: se(B.value),
+              class: se(Y.value),
               "svg-title": s(E)("viewIcons")
             }, null, 8, ["class", "svg-title"]))
           ]),
@@ -1594,32 +1594,32 @@ const s1 = {
           key: 0,
           id: s(m),
           ref_key: "iconPopoverRef",
-          ref: V,
+          ref: b,
           class: "b-header-with-views-edit-form__icon-selector-popover",
           "target-element": f.value,
-          open: Z.value,
+          open: S.value,
           "fallback-position": ["bottom-end"],
           "fixed-positioning": !0,
           "overflow-visible": !0,
           position: "bottom-end",
-          onDismiss: $[1] || ($[1] = (A) => Z.value = !1),
-          onKeydownCapture: $[2] || ($[2] = G(ve((A) => Z.value = !1, ["stop", "prevent"]), ["escape", "native"]))
+          onDismiss: $[1] || ($[1] = (A) => S.value = !1),
+          onKeydownCapture: $[2] || ($[2] = G(ve((A) => S.value = !1, ["stop", "prevent"]), ["escape", "native"]))
         }, {
           default: M(() => [
             l("div", q5, [
-              l("div", B5, [
-                (a(!0), r(fe, null, he(I.value, (A, j) => (a(), r("div", {
+              l("div", Y5, [
+                (a(!0), r(fe, null, he(P.value, (A, j) => (a(), r("div", {
                   key: j,
                   class: "b-header-with-views-edit-form__icon-options-wrapper"
                 }, [
-                  k(s(pe), {
+                  T(s(pe), {
                     class: se(["b-header-with-views-edit-form__icon-color-options-button", `b-header-with-views-edit-form__icon-color--${A}`]),
-                    "aria-selected": b.value === A,
+                    "aria-selected": V.value === A,
                     variant: "tertiary",
-                    onClick: (R) => b.value = A
+                    onClick: (R) => V.value = A
                   }, {
                     iconLeft: M(() => [
-                      k(s(x5), {
+                      T(s(x5), {
                         "svg-title": s(E)("selectIconColor", { color: A })
                       }, null, 8, ["svg-title"])
                     ]),
@@ -1627,8 +1627,8 @@ const s1 = {
                   }, 1032, ["class", "aria-selected", "onClick"])
                 ]))), 128))
               ]),
-              k(s(Z1)),
-              l("div", Y5, [
+              T(s(S1)),
+              l("div", B5, [
                 (a(!0), r(fe, null, he(O.value, (A, j) => (a(), N(s(pe), {
                   key: j,
                   class: "b-header-with-views-edit-form__icon-options-button",
@@ -1648,9 +1648,9 @@ const s1 = {
           ]),
           _: 1
         }, 8, ["id", "target-element", "open"])) : v("", !0),
-        k(s(S1), {
+        T(s(Z1), {
           ref_key: "inputFieldRef",
-          ref: T,
+          ref: k,
           class: "b-header-with-views-edit-form__icon-selector-input",
           "aria-label": s(E)("viewLabel"),
           "error-message": d.errors.label,
@@ -1662,7 +1662,7 @@ const s1 = {
       ]),
       d.additionalFormItem ? (a(), N(s(Qe), {
         key: 0,
-        "model-value": P.value,
+        "model-value": z.value,
         class: "b-header-with-views-edit-form__additional-config",
         "onUpdate:modelValue": D
       }, {
@@ -1671,17 +1671,17 @@ const s1 = {
         ]),
         _: 1
       }, 8, ["model-value"])) : v("", !0),
-      k(s(f1), {
+      T(s(f1), {
         class: "b-header-with-views-edit-form__actions",
         actions: J.value,
         layout: "buttons-end"
       }, null, 8, ["actions"])
     ]));
   }
-}), je = /* @__PURE__ */ ke(J5, [["__scopeId", "data-v-934f6e91"]]), X5 = { class: "b-header-with-views__title" }, Q5 = ["aria-label"], W5 = { class: "b-header-with-views__bar-tab-button--unsaved" }, ei = { class: "b-header-with-views__modal-description" }, ti = { class: "b-header-with-views__modal-description" }, ii = {
+}), je = /* @__PURE__ */ Te(J5, [["__scopeId", "data-v-934f6e91"]]), X5 = { class: "b-header-with-views__title" }, Q5 = ["aria-label"], W5 = { class: "b-header-with-views__bar-tab-button--unsaved" }, ei = { class: "b-header-with-views__modal-description" }, ti = { class: "b-header-with-views__modal-description" }, ii = {
   i18n: { messages: Re },
   name: "bento-header-with-views"
-}, li = /* @__PURE__ */ Te({
+}, li = /* @__PURE__ */ ke({
   ...ii,
   props: {
     actions: { default: () => [] },
@@ -1700,57 +1700,57 @@ const s1 = {
   },
   emits: ["add:view", "delete:view", "duplicate:view", "reorder:view", "restore:view", "save:view", "select:view", "update:view", "update:skip-unsaved-changes", "update:active-view-index"],
   setup(o, { emit: i }) {
-    const t = o, e = i, n = 573, C = b1(), { t: b } = Me({ messages: Re }), P = w1(), S = h1(P), f = w(null), V = w(null), T = w(null), m = w([]), Z = w(null), O = w(null), I = w(null), x = w([]), F = w(null), J = w(null), E = w(!1), q = w(!1), B = w(!1), Y = w(!1), z = w(null), g = w(null), _ = w(null), y = w(null), D = w(null), d = K({
+    const t = o, e = i, n = 573, C = V1(), { t: V } = Me({ messages: Re }), z = w1(), Z = h1(z), f = w(null), b = w(null), k = w(null), m = w([]), S = w(null), O = w(null), P = w(null), x = w([]), F = w(null), J = w(null), E = w(!1), q = w(!1), Y = w(!1), B = w(!1), I = w(null), g = w(null), _ = w(null), y = w(null), D = w(null), d = K({
       get: () => _.value,
       set: (u) => {
         _.value = u, e("update:active-view-index", u);
       }
-    }), $ = w(!1), A = be("createViewPopover"), j = be("editViewPopover");
-    T5({
-      container: I,
+    }), $ = w(!1), A = Ve("createViewPopover"), j = Ve("editViewPopover");
+    k5({
+      container: P,
       children: x,
       offset: F,
       activeViewIndex: d
     });
-    const { computedViews: R, clearError: Q, duplicateView: ge, errors: ae, setViews: ue, updateView: W, validateLabel: de } = Z5({
+    const { computedViews: R, clearError: Q, duplicateView: ge, errors: ae, setViews: ue, updateView: W, validateLabel: de } = S5({
       additionalViewSetting: t.additionalViewSetting,
       views: t.views
     }), ce = async (u = !0) => {
       E.value = !1, u && (await He(), f.value.$el.focus()), Q();
     }, Oe = () => {
-      (q.value ? J.value.$refs.editViewMenuRefs[z.value] : m.value[0])?.closeMenu();
+      (q.value ? J.value.$refs.editViewMenuRefs[I.value] : m.value[0])?.closeMenu();
     };
-    me(V, () => ce(!1), {
+    me(b, () => ce(!1), {
       ignore: [f]
-    }), me(T, () => ne(), {
-      ignore: [Z]
+    }), me(k, () => ne(), {
+      ignore: [S]
     });
     const { width: a1 } = e1(O), { addToast: ye } = m1(), n1 = K(() => [
       {
-        title: b("leave"),
+        title: V("leave"),
         event: Ke
       },
       {
-        title: b("saveChanges"),
+        title: V("saveChanges"),
         event: Fe
       }
     ]), o1 = K(() => [
       {
-        title: b("delete"),
+        title: V("delete"),
         event: async () => {
-          Y.value = !1;
+          B.value = !1;
           const u = W(null, D.value);
           e("delete:view", u), ee(), !(d.value < D.value) && (d.value > D.value ? d.value -= 1 : d.value === D.value && (u.newViews.length === 0 ? d.value = null : d.value >= u.newViews.length && (d.value -= 1)), D.value = null);
         }
       },
       {
-        title: b("cancel"),
+        title: V("cancel"),
         event: () => {
-          Y.value = !1;
+          B.value = !1;
         }
       }
-    ]), r1 = K(() => R.value[D.value]?.label), Ee = K(() => t.description || S("description") || t.lastUpdated), Pe = K(() => a1.value <= n), u1 = K(() => ({
-      "b-header-with-views__container--is-compact": Pe.value,
+    ]), r1 = K(() => R.value[D.value]?.label), Ee = K(() => t.description || Z("description") || t.lastUpdated), ze = K(() => a1.value <= n), u1 = K(() => ({
+      "b-header-with-views__container--is-compact": ze.value,
       "b-header-with-views__container--has-meta": Ee.value
     }));
     ie([d, R], ([u, c], [H, U]) => {
@@ -1760,15 +1760,15 @@ const s1 = {
       ne();
     }), ie(q, (u) => {
       u || ee();
-    }), ie(z, (u) => {
+    }), ie(I, (u) => {
       const c = De(u) ? 2 : 0;
       if (q.value) {
         const U = J.value.$refs.editViewMenuRefs[g.value]?.$refs?.menuItemListRef;
-        Z.value = J.value.$refs.editViewMenuRefs[g.value]?.$refs?.menuItemListRef?.$refs?.menuItemRef?.[c] ?? null, u || (U?.focusItem(), Q());
+        S.value = J.value.$refs.editViewMenuRefs[g.value]?.$refs?.menuItemListRef?.$refs?.menuItemRef?.[c] ?? null, u || (U?.focusItem(), Q());
         return;
       }
       const H = m.value.find((U) => U.$refs.menuItemListRef)?.$refs?.menuItemListRef;
-      Z.value = H?.$refs?.menuItemRef?.[c] ?? null, u || (H?.focusItem(), Q());
+      S.value = H?.$refs?.menuItemRef?.[c] ?? null, u || (H?.focusItem(), Q());
     }), ie(
       () => t.activeViewIndex,
       (u) => {
@@ -1782,23 +1782,23 @@ const s1 = {
         d.value = u >= 0 ? u : 0;
       }
     });
-    const Ie = (u) => [
+    const Pe = (u) => [
       ...De(u) ? [
         {
-          text: b("saveChanges"),
+          text: V("saveChanges"),
           handler: Fe,
           icon: R1
         },
         {
           addDivider: !0,
-          text: b("restoreChanges"),
+          text: V("restoreChanges"),
           handler: Ke,
           icon: $1
         }
       ] : [],
       ...R.value[u]?.isFixed ? [] : [
         {
-          text: b("edit"),
+          text: V("edit"),
           handler: () => {
             ne(g.value);
           },
@@ -1807,17 +1807,17 @@ const s1 = {
         }
       ],
       {
-        text: b("setAsDefault"),
+        text: V("setAsDefault"),
         handler: () => {
           const c = W({ isDefault: !0 }, g.value);
           e("update:view", c), ye({
-            text: b("setAsDefaultToast", { label: c.targetViewLabel })
+            text: V("setAsDefaultToast", { label: c.targetViewLabel })
           }), ee();
         },
         icon: t1
       },
       {
-        text: b("duplicate"),
+        text: V("duplicate"),
         handler: () => {
           const c = ge(g.value);
           e("duplicate:view", c), ee(), oe(c.newViews.length - 1);
@@ -1826,30 +1826,30 @@ const s1 = {
       },
       ...R.value[u]?.isFixed ? [] : [
         {
-          text: b("delete"),
+          text: V("delete"),
           handler: () => {
-            D.value = g.value, Y.value = !0;
+            D.value = g.value, B.value = !0;
           },
           critical: !0,
-          icon: V1
+          icon: b1
         }
       ]
-    ], ze = (u) => {
+    ], Ie = (u) => {
       g.value = u;
     }, ee = () => {
       g.value = null, ne();
     }, ne = (u) => {
-      u === z.value ? z.value = null : z.value = u ?? null;
+      u === I.value ? I.value = null : I.value = u ?? null;
     }, Ue = (u) => {
       const c = W(u);
       e("add:view", c), ce(), oe(c.newViews.findIndex((H) => c.targetViewLabel === H.label)), ye({
-        text: b("createViewToast", { label: c.targetViewLabel })
+        text: V("createViewToast", { label: c.targetViewLabel })
       });
     }, Ne = (u) => {
-      e("update:view", W(u, z.value)), Oe();
+      e("update:view", W(u, I.value)), Oe();
     }, xe = (u) => {
       if (de(u.label, g.value), !Object.values(ae).some((c) => c.length > 0)) {
-        if (z.value) {
+        if (I.value) {
           Ne(u);
           return;
         }
@@ -1860,7 +1860,7 @@ const s1 = {
         d.value !== null && e("restore:view", R.value[d.value].label), d.value = u;
         return;
       }
-      y.value = u, B.value = !0;
+      y.value = u, Y.value = !0;
     }, d1 = (u) => {
       const c = d.value !== null ? R.value[d.value]?.label : null, H = ue(u);
       if (c) {
@@ -1874,15 +1874,15 @@ const s1 = {
       m.value[0].closeMenu(!1);
     }, Fe = () => {
       const u = R.value[d.value].label;
-      e("save:view", u), B.value ? (e("update:skip-unsaved-changes", $.value), d.value = y.value, y.value = null, B.value = !1) : ee(), ye({
-        text: b("saveChangesToast", { label: u }),
+      e("save:view", u), Y.value ? (e("update:skip-unsaved-changes", $.value), d.value = y.value, y.value = null, Y.value = !1) : ee(), ye({
+        text: V("saveChangesToast", { label: u }),
         action: {
           handler: () => e("restore:view", u),
-          text: b("undo")
+          text: V("undo")
         }
       });
     }, Ke = () => {
-      e("restore:view", R.value[d.value].label), B.value ? (e("update:skip-unsaved-changes", $.value), d.value = y.value, y.value = null, B.value = !1) : ee();
+      e("restore:view", R.value[d.value].label), Y.value ? (e("update:skip-unsaved-changes", $.value), d.value = y.value, y.value = null, Y.value = !1) : ee();
     }, Ge = (u) => d.value === u, De = (u) => Ge(u) && t.hasChanges;
     return (u, c) => (a(), r("div", {
       ref_key: "hostRef",
@@ -1893,7 +1893,7 @@ const s1 = {
         class: se(["b-header-with-views__container", u1.value])
       }, [
         l("div", X5, [
-          k(s(le), {
+          T(s(le), {
             el: "h2",
             variant: "title"
           }, {
@@ -1902,12 +1902,12 @@ const s1 = {
             ]),
             _: 1
           }),
-          u.infoIconTooltipText || s(S)("infoIconTooltipContent") ? (a(), N(s(M1), {
+          u.infoIconTooltipText || s(Z)("infoIconTooltipContent") ? (a(), N(s(M1), {
             key: 0,
             "popover-text": u.infoIconTooltipText,
             class: "b-header-with-views__title-icon"
           }, Ce({ _: 2 }, [
-            s(S)("infoIconTooltipContent") ? {
+            s(Z)("infoIconTooltipContent") ? {
               name: "default",
               fn: M(() => [
                 qe(u.$slots, "infoIconTooltipContent", {}, void 0, !0)
@@ -1918,9 +1918,9 @@ const s1 = {
         ]),
         l("fieldset", {
           ref_key: "viewsRef",
-          ref: I,
+          ref: P,
           class: "b-header-with-views__bar",
-          "aria-label": s(b)("viewListLabel")
+          "aria-label": s(V)("viewListLabel")
         }, [
           (a(!0), r(fe, null, he(s(R), (H, U) => (a(), r("div", {
             key: U,
@@ -1929,7 +1929,7 @@ const s1 = {
             ref: x,
             class: se(["b-header-with-views__bar-tab", Ge(U) ? "b-header-with-views__bar-tab--active" : null])
           }, [
-            k(s(pe), {
+            T(s(pe), {
               class: "b-header-with-views__bar-tab-button",
               variant: "tertiary-with-background",
               "aria-current": d.value === U ? "true" : "false",
@@ -1948,7 +1948,7 @@ const s1 = {
                 ], 2)
               ]),
               default: M(() => [
-                k(s(le), {
+                T(s(le), {
                   el: "span",
                   variant: "body",
                   stronger: "",
@@ -1966,8 +1966,8 @@ const s1 = {
                 name: "iconRight",
                 fn: M(() => [
                   l("span", W5, [
-                    k(s(L1), {
-                      "svg-title": s(b)("withUnsavedChanges")
+                    T(s(L1), {
+                      "svg-title": s(V)("withUnsavedChanges")
                     }, null, 8, ["svg-title"])
                   ])
                 ]),
@@ -1980,18 +1980,18 @@ const s1 = {
               ref_key: "editViewMenuRefs",
               ref: m,
               class: "b-header-with-views__bar-tab-menu",
-              button: { variant: "tertiary", "aria-label": s(b)("openViewOptions", { label: H.label }) },
-              data: Ie(U),
+              button: { variant: "tertiary", "aria-label": s(V)("openViewOptions", { label: H.label }) },
+              data: Pe(U),
               "close-on-click-outside-options": {
                 ignore: [`#${s(j)}`]
               },
               "menu-fixed-positioning": !0,
-              onOpen: (te) => ze(U),
+              onOpen: (te) => Ie(U),
               onClose: c[0] || (c[0] = (te) => ee()),
               onKeydownCapture: G(v1, ["tab", "native"])
             }, {
               iconLeft: M(() => [
-                k(s(i1), { "aria-hidden": !0 })
+                T(s(i1), { "aria-hidden": !0 })
               ]),
               _: 2
             }, 1032, ["button", "data", "close-on-click-outside-options", "onOpen"])) : v("", !0)
@@ -2001,21 +2001,21 @@ const s1 = {
             ref: F,
             class: "b-header-with-views__bar-control"
           }, [
-            s(R).length ? (a(), N(s(I5), {
+            s(R).length ? (a(), N(s(P5), {
               key: 0,
               ref_key: "viewControlAllViewsRef",
               ref: J,
               "menu-items": s(R),
-              "menu-items-actions": Ie(g.value),
+              "menu-items-actions": Pe(g.value),
               "menu-close-on-click-outside-options": { ignore: [`#${s(j)}`] },
               "onClose:viewMenu": c[1] || (c[1] = (H) => ee()),
               "onClose:allViews": c[2] || (c[2] = (H) => q.value = !1),
               "onOpen:allViews": c[3] || (c[3] = (H) => q.value = !0),
-              "onOpen:viewMenu": c[4] || (c[4] = (H) => ze(H)),
+              "onOpen:viewMenu": c[4] || (c[4] = (H) => Ie(H)),
               "onReorder:view": c[5] || (c[5] = (H) => d1(H)),
               "onSelect:view": c[6] || (c[6] = (H) => oe(H))
             }, null, 8, ["menu-items", "menu-items-actions", "menu-close-on-click-outside-options"])) : v("", !0),
-            k(s(Ae), {
+            T(s(Ae), {
               ref_key: "createViewButtonRef",
               ref: f,
               "aria-expanded": E.value,
@@ -2025,8 +2025,8 @@ const s1 = {
               onClick: c[7] || (c[7] = (H) => E.value = !E.value)
             }, Ce({
               iconLeft: M(() => [
-                k(s(U1), {
-                  "svg-title": s(b)("createView"),
+                T(s(U1), {
+                  "svg-title": s(V)("createView"),
                   "aria-hidden": s(R).length === 0
                 }, null, 8, ["svg-title", "aria-hidden"])
               ]),
@@ -2035,7 +2035,7 @@ const s1 = {
               s(R).length === 0 ? {
                 name: "default",
                 fn: M(() => [
-                  X(p(s(b)("createView")), 1)
+                  X(p(s(V)("createView")), 1)
                 ]),
                 key: "0"
               } : void 0
@@ -2049,7 +2049,7 @@ const s1 = {
           "last-updated": u.lastUpdated,
           "reload-button": u.reloadButton
         }, Ce({ _: 2 }, [
-          s(S)("description") ? {
+          s(Z)("description") ? {
             name: "description",
             fn: M(() => [
               qe(u.$slots, "description", {}, void 0, !0)
@@ -2060,7 +2060,7 @@ const s1 = {
         u.actions ? (a(), N(_1, {
           key: 1,
           actions: u.actions,
-          "actions-layout": Pe.value ? "buttons-start" : "buttons-end",
+          "actions-layout": ze.value ? "buttons-start" : "buttons-end",
           "displayed-actions": 2,
           "disable-responsive-behavior": !0,
           "hide-displayed-actions-breakpoint": n,
@@ -2071,11 +2071,11 @@ const s1 = {
         key: 0,
         id: s(A),
         ref_key: "createViewPopoverRef",
-        ref: V,
+        ref: b,
         dismissible: !0,
         "fixed-positioning": !0,
         "target-element": f.value,
-        title: s(b)("createView"),
+        title: s(V)("createView"),
         open: E.value,
         "overflow-visible": !0,
         position: "bottom-start",
@@ -2083,7 +2083,7 @@ const s1 = {
         onKeydownCapture: G(ve(ce, ["stop", "prevent"]), ["esc", "native"])
       }, {
         default: M(() => [
-          k(s(je), {
+          T(s(je), {
             context: "create",
             errors: s(ae),
             "additional-form-item": u.additionalViewSetting,
@@ -2097,31 +2097,31 @@ const s1 = {
         ]),
         _: 1
       }, 8, ["id", "target-element", "title", "open", "onKeydownCapture"])) : v("", !0),
-      g.value !== null && Z.value ? (a(), N(s(_e), {
+      g.value !== null && S.value ? (a(), N(s(_e), {
         key: 1,
         id: s(j),
         ref_key: "editViewPopoverRef",
-        ref: T,
+        ref: k,
         "disable-focus-trap": !1,
         dismissible: !0,
         "fixed-positioning": !0,
-        "target-element": Z.value,
-        title: s(b)("editDetails"),
-        open: z.value !== null,
+        "target-element": S.value,
+        title: s(V)("editDetails"),
+        open: I.value !== null,
         "overflow-visible": !0,
         position: "right-start",
         onDismiss: c[12] || (c[12] = (H) => ne()),
         onKeydownCapture: c[13] || (c[13] = G(ve((H) => ne(), ["stop", "prevent"]), ["esc", "native"]))
       }, {
         default: M(() => [
-          s(R)[z.value] ? (a(), N(s(je), {
+          s(R)[I.value] ? (a(), N(s(je), {
             key: 0,
             context: "edit",
-            "additional-form-item": s(R)[z.value].additionalViewSetting,
+            "additional-form-item": s(R)[I.value].additionalViewSetting,
             errors: s(ae),
-            icon: s(R)[z.value].icon,
-            "icon-color": s(R)[z.value].iconColor,
-            label: s(R)[z.value].label,
+            icon: s(R)[I.value].icon,
+            "icon-color": s(R)[I.value].iconColor,
+            label: s(R)[I.value].label,
             "disable-customization": u.disableCustomization,
             "onBlur:label": c[10] || (c[10] = (H) => s(de)(H, g.value)),
             "onInput:label": c[11] || (c[11] = (H) => s(de)(H, g.value)),
@@ -2132,22 +2132,22 @@ const s1 = {
         ]),
         _: 1
       }, 8, ["id", "target-element", "title", "open"])) : v("", !0),
-      k(Be, {
+      T(Ye, {
         actions: n1.value,
         "is-dismissible": !1,
-        "is-open": B.value,
-        onCloseModal: c[15] || (c[15] = (H) => B.value = !1)
+        "is-open": Y.value,
+        onCloseModal: c[15] || (c[15] = (H) => Y.value = !1)
       }, {
         default: M(() => [
-          X(p(s(b)("leaveView")), 1)
+          X(p(s(V)("leaveView")), 1)
         ]),
         content: M(() => [
           l("div", ei, [
-            k(s(le), null, {
+            T(s(le), null, {
               default: M(() => [
-                (a(), N(re(s(C)), h(s(Ye)("leaveViewDescription"), { tag: "span" }), {
+                (a(), N(re(s(C)), h(s(Be)("leaveViewDescription"), { tag: "span" }), {
                   label: M(() => [
-                    k(s(le), {
+                    T(s(le), {
                       strongest: "",
                       el: "span"
                     }, {
@@ -2176,24 +2176,24 @@ const s1 = {
         ]),
         _: 1
       }, 8, ["actions", "is-open"]),
-      k(Be, {
+      T(Ye, {
         actions: o1.value,
-        "is-open": Y.value,
+        "is-open": B.value,
         "is-dismissible": !1,
         "destructive-actions": "",
         onClickCapture: c1,
-        onCloseModal: c[16] || (c[16] = (H) => Y.value = !1)
+        onCloseModal: c[16] || (c[16] = (H) => B.value = !1)
       }, {
         default: M(() => [
-          X(p(s(b)("deleteView")), 1)
+          X(p(s(V)("deleteView")), 1)
         ]),
         content: M(() => [
           l("div", ti, [
-            k(s(le), null, {
+            T(s(le), null, {
               default: M(() => [
-                (a(), N(re(s(C)), h(s(Ye)("deleteViewDescription"), { tag: "span" }), {
+                (a(), N(re(s(C)), h(s(Be)("deleteViewDescription"), { tag: "span" }), {
                   label: M(() => [
-                    k(s(le), {
+                    T(s(le), {
                       strongest: "",
                       el: "span"
                     }, {
@@ -2214,8 +2214,8 @@ const s1 = {
       }, 8, ["actions", "is-open"])
     ], 512));
   }
-}), Zi = /* @__PURE__ */ ke(li, [["__scopeId", "data-v-07845e6e"]]);
+}), Si = /* @__PURE__ */ Te(li, [["__scopeId", "data-v-07845e6e"]]);
 export {
-  Zi as h
+  Si as h
 };
-//# sourceMappingURL=header-with-views.LJ3oCsMN.js.map
+//# sourceMappingURL=header-with-views.Bux_-bM4.js.map