@adyen/bento-vue3 1.78.2 → 1.79.0

package/dist/chunks/{header-with-views.CzLcYeW5.js → header-with-views.b1gt2wud.js}

@@ -1,13 +1,13 @@
 import { createElementBlock as o, openBlock as l, mergeProps as V, createCommentVNode as v, createElementVNode as s, toDisplayString as c, createStaticVNode as P1, ref as g, reactive as ne, computed as Y, watch as i1, nextTick as Z1, defineComponent as A1, toRef as oe, withKeys as j, withModifiers as v1, createVNode as P, createBlock as F, unref as n, withCtx as y, Fragment as $1, renderList as m1, normalizeClass as l1, createTextVNode as Q, resolveDynamicComponent as V1, onMounted as G5, useSlots as ae, createSlots as h1, renderSlot as t5 } from "vue";
 import { B as c1 } from "./button.DhcxX2GJ.js";
-import { B as Y5 } from "./checkbox.SffuKyNj.js";
-import { u as L1, c as I1, h as _1, f as j5, B as re } from "./button-actions.BQ3AFQqt.js";
-import { _ as s5 } from "./modal.vue_vue_type_script_setup_true_lang.c3Ma1oAL.js";
+import { B as Y5 } from "./checkbox.BRTK_DHj.js";
+import { u as L1, c as O1, g as _1, e as j5, B as re } from "./button-actions.Bg38lywL.js";
+import { _ as s5 } from "./modal.vue_vue_type_script_setup_true_lang.BYqbdsty.js";
 import { B as p1 } from "./typography.yBEME_Gu.js";
 import { u as ue } from "./use-has-slot.B7eQSabc.js";
-import { u as de } from "./use-bento-toast-controller.Kri_h7jS.js";
+import { u as de } from "./use-bento-toast-controller.DK1PV3YW.js";
 import { g as b1 } from "./generate-uid.NJ8tVoha.js";
-import { B as Ce } from "./button-actions-with-menu.BeQ-j1bv.js";
+import { B as Ce } from "./button-actions-with-menu.B8qBBN82.js";
 import { u as k1 } from "./index.pdBj0KQU.js";
 import { B as pe } from "./bin.DuHlEQBO.js";
 import { D as ve } from "./dot.ob6N-5Um.js";
@@ -15,12 +15,12 @@ import { D as ve } from "./dot.ob6N-5Um.js";
 import { _ as w } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { R as ce } from "./refresh.BB4ouvz_.js";
 import { b as q5, o as fe } from "./index.E60QniEu.js";
-import { I as ge, H as he } from "./header-meta.BE6QfUNi.js";
+import { I as ge, H as he } from "./header-meta.DZ8Gx4XE.js";
 import { u as w1 } from "./on-click-outside.D9aY9g8G.js";
-import { B as we } from "./divider.DnKNNyWB.js";
-import { B as $e } from "./input-field.B6nL7d8O.js";
+import { B as we } from "./divider.Dho4_hQ7.js";
+import { B as $e } from "./input-field.C9ABE4cI.js";
 import { d as me } from "./debounce.DUTu11PS.js";
-import { F as Ve } from "./field-label.C97CrBI_.js";
+import { F as Ve } from "./field-label.B1rMWIWY.js";
 import "../assets/header-with-views.css";
 let i5 = 0;
 const Le = {
@@ -127,11 +127,11 @@ function Ae(e, t, a, r, u, i) {
 }
 const Q5 = /* @__PURE__ */ w(Te, [["render", Ae]]);
 let a5 = 0;
-const Ie = {
+const Oe = {
   beforeCreate() {
     this.uuid = a5.toString(), a5 += 1;
   }
-}, Oe = { key: 0 };
+}, Ie = { key: 0 };
 function Ue(e, t, a, r, u, i) {
   return l(), o("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
@@ -140,14 +140,14 @@ function Ue(e, t, a, r, u, i) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (l(), o("title", Oe, c(e.$attrs["svg-title"]), 1)) : v("", !0),
+    e.$attrs["svg-title"] ? (l(), o("title", Ie, c(e.$attrs["svg-title"]), 1)) : v("", !0),
     t[0] || (t[0] = s("path", {
       fill: "#001222",
       d: "M8.75 7.25V2.25H7.25V7.25H2.25V8.75H7.25V13.75H8.75V8.75H13.75V7.25H8.75Z"
     }, null, -1))
   ], 16);
 }
-const Ee = /* @__PURE__ */ w(Ie, [["render", Ue]]);
+const Ee = /* @__PURE__ */ w(Oe, [["render", Ue]]);
 let r5 = 0;
 const Ne = {
   beforeCreate() {
@@ -447,7 +447,7 @@ const P2 = {
     this.uuid = h5.toString(), h5 += 1;
   }
 }, A2 = { key: 0 };
-function I2(e, t, a, r, u, i) {
+function O2(e, t, a, r, u, i) {
   return l(), o("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -459,7 +459,7 @@ function I2(e, t, a, r, u, i) {
     t[0] || (t[0] = P1('<path fill="#001222" d="M5.49968 5.25C6.74232 5.25 7.74968 6.25736 7.74968 7.5C7.74968 8.74264 6.74232 9.75 5.49968 9.75C4.25723 9.74978 3.24968 8.7425 3.24968 7.5C3.24968 6.2575 4.25723 5.25022 5.49968 5.25ZM5.49968 6.75C5.08565 6.75022 4.74968 7.08592 4.74968 7.5C4.74968 7.91408 5.08565 8.24978 5.49968 8.25C5.91389 8.25 6.24968 7.91421 6.24968 7.5C6.24968 7.08579 5.91389 6.75 5.49968 6.75Z"></path><path fill="#001222" d="M10.9401 7.75C11.2201 7.27002 11.8302 7.09989 12.3102 7.37988C12.7901 7.65989 12.9602 8.27006 12.6803 8.75C12.4004 9.22992 11.7902 9.39993 11.3102 9.12012C10.8302 8.84012 10.6601 8.23 10.9401 7.75Z"></path><path fill="#001222" d="M8.69987 7.37988C9.17985 7.1099 9.78997 7.27006 10.07 7.75C10.34 8.23 10.1799 8.85012 9.69987 9.12012C9.2199 9.38997 8.59972 9.22994 8.32975 8.75C8.05991 8.27006 8.22 7.64988 8.69987 7.37988Z"></path><path fill="#001222" d="M10.4997 5C11.0497 5 11.4997 5.45 11.4997 6C11.4997 6.55 11.0497 7 10.4997 7C9.94986 6.99977 9.49968 6.54986 9.49968 6C9.49968 5.45014 9.94986 5.00023 10.4997 5Z"></path><path fill="#001222" d="M8.74968 2.25H12.1598C13.5856 2.25017 14.7834 3.34511 14.8962 4.76758L15.5671 12.7666L15.5758 12.916C15.6251 14.4583 14.3889 15.7499 12.8298 15.75H12.4499C11.27 15.7499 10.2102 14.9957 9.83757 13.8652L9.46745 12.75H6.55143L6.18132 13.8633L6.18229 13.8643C5.80991 14.9951 4.74998 15.7498 3.56999 15.75H3.18913C1.58008 15.7496 0.314762 14.3738 0.451824 12.7666L1.12175 4.76758L1.12272 4.76562C1.24556 3.34623 2.41796 2.26124 3.83952 2.25098L7.24968 2.25V0.25H8.74968V2.25ZM3.85905 3.75C3.21015 3.7504 2.67349 4.24103 2.61686 4.89453L1.94694 12.8926C1.88439 13.6247 2.45905 14.2496 3.18913 14.25H3.56999C4.10954 14.2498 4.58991 13.9043 4.75749 13.3955L5.46745 11.25H10.5514L11.2614 13.3945C11.429 13.9034 11.9102 14.2499 12.4499 14.25H12.8298C13.5601 14.2499 14.1345 13.6258 14.0719 12.8936L13.402 4.89258V4.8877C13.3525 4.25272 12.8121 3.75017 12.1598 3.75H3.85905Z"></path>', 5))
   ], 16);
 }
-const O2 = /* @__PURE__ */ w(P2, [["render", I2]]);
+const I2 = /* @__PURE__ */ w(P2, [["render", O2]]);
 let w5 = 0;
 const U2 = {
   beforeCreate() {
@@ -766,7 +766,7 @@ const Pt = {
     this.uuid = k5.toString(), k5 += 1;
   }
 }, At = { key: 0 };
-function It(e, t, a, r, u, i) {
+function Ot(e, t, a, r, u, i) {
   return l(), o("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -781,7 +781,7 @@ function It(e, t, a, r, u, i) {
     }, null, -1))
   ], 16);
 }
-const Ot = /* @__PURE__ */ w(Pt, [["render", It]]);
+const It = /* @__PURE__ */ w(Pt, [["render", Ot]]);
 let S5 = 0;
 const Ut = {
   beforeCreate() {
@@ -966,10 +966,10 @@ function p0(e, t, a, r, u, i) {
   ], 16);
 }
 const v0 = /* @__PURE__ */ w(d0, [["render", p0]]);
-let I5 = 0;
+let O5 = 0;
 const c0 = {
   beforeCreate() {
-    this.uuid = I5.toString(), I5 += 1;
+    this.uuid = O5.toString(), O5 += 1;
   }
 }, f0 = { key: 0 };
 function g0(e, t, a, r, u, i) {
@@ -988,10 +988,10 @@ function g0(e, t, a, r, u, i) {
   ], 16);
 }
 const h0 = /* @__PURE__ */ w(c0, [["render", g0]]);
-let O5 = 0;
+let I5 = 0;
 const w0 = {
   beforeCreate() {
-    this.uuid = O5.toString(), O5 += 1;
+    this.uuid = I5.toString(), I5 += 1;
   }
 }, $0 = { key: 0 };
 function m0(e, t, a, r, u, i) {
@@ -1075,7 +1075,7 @@ const R0 = {
     this.uuid = N5.toString(), N5 += 1;
   }
 }, T0 = { key: 0 }, P0 = ["clip-path"], A0 = ["id"];
-function I0(e, t, a, r, u, i) {
+function O0(e, t, a, r, u, i) {
   return l(), o("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1103,7 +1103,7 @@ function I0(e, t, a, r, u, i) {
     ])
   ], 16);
 }
-const O0 = /* @__PURE__ */ w(R0, [["render", I0]]);
+const I0 = /* @__PURE__ */ w(R0, [["render", O0]]);
 var H1 = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.GREEN = "green", e.ORANGE = "orange", e.PRIMARY = "primary", e.RED = "red", e.YELLOW = "yellow", e))(H1 || {}), M1 = /* @__PURE__ */ ((e) => (e.STACK = "stack", e.LEAF = "leaf", e.HAND_ROCK = "hand-rock", e.CAR = "car", e.EDUCATION = "education", e.HOTEL = "hotel", e.TRAVEL_BAG = "travel-bag", e.LIGHTNING = "lightning", e.NEWS = "news", e.PRIZE = "prize", e.LOCK = "lock", e.BAG = "bag", e.DIAMOND = "diamond", e.TARGET = "target", e.GIFT = "gift", e.CASH_STACK = "cash-stack", e.HASHTAG = "hashtag", e.CLOUD = "cloud", e.HOSPITALITY = "hospitality", e.SHOPPING_CART = "shopping-cart", e.SLEEP = "sleep", e.NOTIFICATION = "notification", e.THUMBS_UP = "thumb-up", e.THUMBS_DOWN = "thumb-down", e.STAR = "star", e.WARNING_DIAMOND = "warning-diamond", e.RETAIL = "retail", e.EMOTICON_HAPPY = "emoticon-happy", e.GAMING = "gaming", e.SUPPORT = "support", e.HEART = "heart", e.HOURGLASS = "hourglass", e.WORLD = "world", e))(M1 || {});
 const y1 = {
   stack: Xt,
@@ -1132,13 +1132,13 @@ const y1 = {
   "thumb-down": h0,
   star: i0,
   "warning-diamond": D0,
-  retail: Ot,
+  retail: It,
   "emoticon-happy": y2,
-  gaming: O2,
+  gaming: I2,
   support: u0,
   heart: J5,
   hourglass: it,
-  world: O0
+  world: I0
 };
 let F5 = 0;
 const U0 = {
@@ -1188,7 +1188,7 @@ function B0(e, t, a, r, u, i) {
     }, null, -1))
   ], 16);
 }
-const G0 = /* @__PURE__ */ w(K0, [["render", B0]]), O1 = {
+const G0 = /* @__PURE__ */ w(K0, [["render", B0]]), I1 = {
   "en-US": {
     cancel: "Cancel",
     createView: "Create view",
@@ -1232,7 +1232,7 @@ const G0 = /* @__PURE__ */ w(K0, [["render", B0]]), O1 = {
     undo: "Desfazer"
   }
 }, Y0 = (e) => {
-  const t = g(e.views), a = ne({ label: "" }), { t: r } = k1({ messages: O1 }), u = Y(
+  const t = g(e.views), a = ne({ label: "" }), { t: r } = k1({ messages: I1 }), u = Y(
     () => t.value.map((L) => {
       var M;
       return {
@@ -1311,7 +1311,7 @@ const j0 = (e) => {
       _.value = p, T(p, H);
       return;
     }
-    I();
+    O();
   }, z = (p, H) => {
     if (!R.value)
       return;
@@ -1352,7 +1352,7 @@ const j0 = (e) => {
       );
       h !== -1 && h !== _.value && (_.value = h), B(H), u.value = null;
     }));
-  }, I = () => {
+  }, O = () => {
     if (i.value === null || !t.value[i.value])
       return;
     if (i.value === _.value) {
@@ -1396,7 +1396,7 @@ const j0 = (e) => {
       };
     });
   };
-  return w1(document, "pointermove", G), w1(document, "pointerup", I, { capture: !0 }), w1(document, "keydown", (p) => {
+  return w1(document, "pointermove", G), w1(document, "pointerup", O, { capture: !0 }), w1(document, "keydown", (p) => {
     p.key !== "Tab" || i.value === null || p.preventDefault();
   }), w1(document, "pointerdown", () => {
     R.value && N();
@@ -1465,7 +1465,7 @@ const j0 = (e) => {
   class: "b-header-with-views-all-views__popover-status"
 }, X0 = ["onPointerdown"], W0 = { class: "b-header-with-views-all-views__popover-menu-item-content" }, x0 = {
   i18n: { messages: X5 }
-}, e7 = /* @__PURE__ */ A1({
+}, e4 = /* @__PURE__ */ A1({
   ...x0,
   __name: "header-with-views-all-views",
   props: {
@@ -1490,7 +1490,7 @@ const j0 = (e) => {
       draggedViewIndex: z,
       draggingOverViewIndex: N,
       isItemDragged: G,
-      handleDragKeyboardMove: I,
+      handleDragKeyboardMove: O,
       handleDragKeyboardToggle: B,
       handleDragStart: q,
       handleDragStop: U
@@ -1510,7 +1510,7 @@ const j0 = (e) => {
       "data-testid": "header-with-views-all-views",
       onKeydown: j(v1(T, ["stop", "prevent"]), ["esc"])
     }, [
-      P(n(I1), {
+      P(n(O1), {
         ref_key: "allViewsMenuToggleRef",
         ref: i,
         "aria-haspopup": "true",
@@ -1568,8 +1568,8 @@ const j0 = (e) => {
                   onKeydown: [
                     j((C) => n(B)(b, C), ["enter", "native"]),
                     j((C) => n(B)(b, C), ["space", "native"]),
-                    S[0] || (S[0] = j((C) => n(I)(n(R1).DOWN, C), ["down", "native"])),
-                    S[1] || (S[1] = j((C) => n(I)(n(R1).UP, C), ["up", "native"])),
+                    S[0] || (S[0] = j((C) => n(O)(n(R1).DOWN, C), ["down", "native"])),
+                    S[1] || (S[1] = j((C) => n(O)(n(R1).UP, C), ["up", "native"])),
                     j(n(U), ["esc", "native"])
                   ]
                 }, {
@@ -1637,14 +1637,14 @@ const j0 = (e) => {
       }, 8, ["id", "open", "target-element"])) : v("", !0)
     ], 40, J0));
   }
-}), t7 = /* @__PURE__ */ w(e7, [["__scopeId", "data-v-6d9e6be6"]]);
+}), t4 = /* @__PURE__ */ w(e4, [["__scopeId", "data-v-6d9e6be6"]]);
 let z5 = 0;
-const s7 = {
+const s4 = {
   beforeCreate() {
     this.uuid = z5.toString(), z5 += 1;
   }
-}, i7 = { key: 0 }, l7 = ["clip-path"], n7 = ["id"];
-function o7(e, t, a, r, u, i) {
+}, i4 = { key: 0 }, l4 = ["clip-path"], n4 = ["id"];
+function o4(e, t, a, r, u, i) {
   return l(), o("svg", V({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
@@ -1652,7 +1652,7 @@ function o7(e, t, a, r, u, i) {
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (l(), o("title", i7, c(e.$attrs["svg-title"]), 1)) : v("", !0),
+    e.$attrs["svg-title"] ? (l(), o("title", i4, c(e.$attrs["svg-title"]), 1)) : v("", !0),
     s("g", {
       "clip-path": "url(#uia-ui-assets/icons-16-circle_filled__a" + e.uuid + ")"
     }, t[0] || (t[0] = [
@@ -1660,7 +1660,7 @@ function o7(e, t, a, r, u, i) {
         fill: "#001222",
         d: "M8 0.25C3.71979 0.25 0.25 3.71979 0.25 8C0.25 12.2802 3.71979 15.75 8 15.75C12.2802 15.75 15.75 12.2802 15.75 8C15.75 3.71979 12.2802 0.25 8 0.25Z"
       }, null, -1)
-    ]), 8, l7),
+    ]), 8, l4),
     s("defs", null, [
       s("clipPath", {
         id: "uia-ui-assets/icons-16-circle_filled__a" + e.uuid
@@ -1670,11 +1670,11 @@ function o7(e, t, a, r, u, i) {
           height: "16",
           fill: "#fff"
         }, null, -1)
-      ]), 8, n7)
+      ]), 8, n4)
     ])
   ], 16);
 }
-const a7 = /* @__PURE__ */ w(s7, [["render", o7]]);
+const a4 = /* @__PURE__ */ w(s4, [["render", o4]]);
 var T1 = /* @__PURE__ */ ((e) => (e.EDIT = "edit", e.CREATE = "create", e))(T1 || {});
 const W5 = {
   "en-US": {
@@ -1700,13 +1700,13 @@ const W5 = {
     save: "Salvar",
     selected: "Selecionado"
   }
-}, r7 = { class: "b-header-with-views-edit-form" }, u7 = {
+}, r4 = { class: "b-header-with-views-edit-form" }, u4 = {
   class: "b-header-with-views-edit-form__icon-choice-alert",
   role: "alert"
-}, d7 = { class: "b-header-with-views-edit-form__icon-selector" }, C7 = { class: "b-header-with-views-edit-form__icon-panel" }, p7 = { class: "b-header-with-views-edit-form__icon-color-options" }, v7 = { class: "b-header-with-views-edit-form__icon-options" }, c7 = {
+}, d4 = { class: "b-header-with-views-edit-form__icon-selector" }, C4 = { class: "b-header-with-views-edit-form__icon-panel" }, p4 = { class: "b-header-with-views-edit-form__icon-color-options" }, v4 = { class: "b-header-with-views-edit-form__icon-options" }, c4 = {
   i18n: { messages: W5 }
-}, f7 = /* @__PURE__ */ A1({
-  ...c7,
+}, f4 = /* @__PURE__ */ A1({
+  ...c4,
   __name: "header-with-views-edit-form",
   props: {
     additionalFormItem: { default: null },
@@ -1721,13 +1721,13 @@ const W5 = {
   setup(e, { emit: t }) {
     var S;
     const a = e, r = t, u = g(a.label), i = g(a.icon), K = g(a.iconColor), R = g(((S = a.additionalFormItem) == null ? void 0 : S.value) ?? !1), Z = g(!1), _ = g(null), L = g(null), M = g(null), m = b1("iconPopover"), D = g(!1), T = Y(() => Object.values(M1)), E = Y(() => Object.values(H1)), z = Y(() => Object.values(a.errors).some((k) => k.length > 0)), N = Y(
-      () => `${I("selected")}: ${i.value} ${I("icon")}, ${I("color")} ${K.value}`
+      () => `${O("selected")}: ${i.value} ${O("icon")}, ${O("color")} ${K.value}`
     ), G = Y(() => [
       ...a.context === T1.EDIT ? (
         // edit mode
         [
           {
-            title: I("save"),
+            title: O("save"),
             type: "submit",
             event: () => {
               z.value || A();
@@ -1738,7 +1738,7 @@ const W5 = {
         // create mode
         [
           {
-            title: I("create"),
+            title: O("create"),
             type: "submit",
             event: () => {
               !Z.value || z.value || A();
@@ -1747,10 +1747,10 @@ const W5 = {
         ]
       ),
       {
-        title: I("cancel"),
+        title: O("cancel"),
         event: p
       }
-    ]), { t: I } = k1({ messages: W5 }), B = Y(() => ({
+    ]), { t: O } = k1({ messages: W5 }), B = Y(() => ({
       iconColor: K.value,
       icon: i.value,
       label: u.value,
@@ -1780,16 +1780,16 @@ const W5 = {
       eventName: "keydown"
     }), i1(u, (k) => r("input:label", k)), G5(async () => {
       await Z1(), M.value.$refs.inputFieldElement.focus();
-    }), (k, b) => (l(), o("form", r7, [
+    }), (k, b) => (l(), o("form", r4, [
       P(n(Ve), null, {
         default: y(() => [
-          Q(c(n(I)("title")), 1)
+          Q(c(n(O)("title")), 1)
         ]),
         _: 1
       }),
-      s("div", u7, c(N.value), 1),
-      s("div", d7, [
-        P(n(I1), {
+      s("div", u4, c(N.value), 1),
+      s("div", d4, [
+        P(n(O1), {
           ref_key: "iconSelectorButtonRef",
           ref: _,
           variant: "secondary",
@@ -1802,7 +1802,7 @@ const W5 = {
           iconLeft: y(() => [
             (l(), F(V1(n(y1)[i.value]), {
               class: l1(q.value),
-              "svg-title": n(I)("viewIcons")
+              "svg-title": n(O)("viewIcons")
             }, null, 8, ["class", "svg-title"]))
           ]),
           _: 1
@@ -1823,8 +1823,8 @@ const W5 = {
           onKeydownCapture: b[2] || (b[2] = j(v1((C) => D.value = !1, ["stop", "prevent"]), ["escape", "native"]))
         }, {
           default: y(() => [
-            s("div", C7, [
-              s("div", p7, [
+            s("div", C4, [
+              s("div", p4, [
                 (l(!0), o($1, null, m1(E.value, (C, J) => (l(), o("div", {
                   key: J,
                   class: "b-header-with-views-edit-form__icon-options-wrapper"
@@ -1836,8 +1836,8 @@ const W5 = {
                     onClick: (n1) => K.value = C
                   }, {
                     iconLeft: y(() => [
-                      P(n(a7), {
-                        "svg-title": n(I)("selectIconColor", { color: C })
+                      P(n(a4), {
+                        "svg-title": n(O)("selectIconColor", { color: C })
                       }, null, 8, ["svg-title"])
                     ]),
                     _: 2
@@ -1845,7 +1845,7 @@ const W5 = {
                 ]))), 128))
               ]),
               P(n(we)),
-              s("div", v7, [
+              s("div", v4, [
                 (l(!0), o($1, null, m1(T.value, (C, J) => (l(), F(n(c1), {
                   key: J,
                   class: "b-header-with-views-edit-form__icon-options-button",
@@ -1855,7 +1855,7 @@ const W5 = {
                 }, {
                   iconLeft: y(() => [
                     (l(), F(V1(n(y1)[C]), {
-                      "svg-title": n(I)("selectIcon", { icon: C })
+                      "svg-title": n(O)("selectIcon", { icon: C })
                     }, null, 8, ["svg-title"]))
                   ]),
                   _: 2
@@ -1869,13 +1869,13 @@ const W5 = {
           ref_key: "inputFieldRef",
           ref: M,
           class: "b-header-with-views-edit-form__icon-selector-input",
-          "aria-label": n(I)("viewLabel"),
+          "aria-label": n(O)("viewLabel"),
           "error-message": k.errors.label,
-          value: u.value,
+          "model-value": u.value,
           onKeydown: b[3] || (b[3] = j(v1((C) => r("keydown:enter", B.value), ["prevent"]), ["enter"])),
-          onInput: n(H),
+          "onUpdate:modelValue": n(H),
           onBlur: b[4] || (b[4] = (C) => r("blur:label", u.value))
-        }, null, 8, ["aria-label", "error-message", "value", "onInput"])
+        }, null, 8, ["aria-label", "error-message", "model-value", "onUpdate:modelValue"])
       ]),
       k.additionalFormItem ? (l(), F(n(Y5), {
         key: 0,
@@ -1895,10 +1895,10 @@ const W5 = {
       }, null, 8, ["actions"])
     ]));
   }
-}), B5 = /* @__PURE__ */ w(f7, [["__scopeId", "data-v-db7b8b79"]]), g7 = { class: "b-header-with-views__title" }, h7 = ["aria-label"], w7 = { class: "b-header-with-views__bar-tab-button--unsaved" }, $7 = { class: "b-header-with-views__modal-description" }, m7 = { class: "b-header-with-views__modal-description" }, V7 = {
-  i18n: { messages: O1 }
-}, L7 = /* @__PURE__ */ A1({
-  ...V7,
+}), B5 = /* @__PURE__ */ w(f4, [["__scopeId", "data-v-4e446190"]]), g4 = { class: "b-header-with-views__title" }, h4 = ["aria-label"], w4 = { class: "b-header-with-views__bar-tab-button--unsaved" }, $4 = { class: "b-header-with-views__modal-description" }, m4 = { class: "b-header-with-views__modal-description" }, V4 = {
+  i18n: { messages: I1 }
+}, L4 = /* @__PURE__ */ A1({
+  ...V4,
   __name: "header-with-views",
   props: {
     actions: { default: () => [] },
@@ -1915,7 +1915,7 @@ const W5 = {
   },
   emits: ["add:view", "delete:view", "duplicate:view", "reorder:view", "restore:view", "save:view", "select:view", "update:view", "update:skip-unsaved-changes"],
   setup(e, { emit: t }) {
-    const a = e, r = t, u = 573, { t: i } = k1({ messages: O1 }), K = ae(), R = ue(K), Z = g(null), _ = g(null), L = g(null), M = g([]), m = g(null), D = g(null), T = g(null), E = g([]), z = g(null), N = g(null), G = g(!1), I = g(!1), B = g(!1), q = g(!1), U = g(null), A = g(null), p = g(null), H = g(null), h = g(null), S = g(!1), k = b1("createViewPopover"), b = b1("editViewPopover");
+    const a = e, r = t, u = 573, { t: i } = k1({ messages: I1 }), K = ae(), R = ue(K), Z = g(null), _ = g(null), L = g(null), M = g([]), m = g(null), D = g(null), T = g(null), E = g([]), z = g(null), N = g(null), G = g(!1), O = g(!1), B = g(!1), q = g(!1), U = g(null), A = g(null), p = g(null), H = g(null), h = g(null), S = g(!1), k = b1("createViewPopover"), b = b1("editViewPopover");
     q0({
       container: T,
       children: E,
@@ -1928,7 +1928,7 @@ const W5 = {
     }), x = async (d = !0) => {
       G.value = !1, d && (await Z1(), Z.value.$el.focus()), J();
     }, U1 = () => {
-      const d = I.value ? N.value.$refs.editViewMenuRefs[U.value] : M.value[0];
+      const d = O.value ? N.value.$refs.editViewMenuRefs[U.value] : M.value[0];
       d == null || d.closeMenu();
     };
     L1(_, () => x(!1), {
@@ -1967,19 +1967,19 @@ const W5 = {
       "b-header-with-views__container--is-compact": F1.value,
       "b-header-with-views__container--has-meta": N1.value
     }));
-    i1([p, C], ([d, f], [$, O]) => {
+    i1([p, C], ([d, f], [$, I]) => {
       var r1, u1, d1;
-      const e1 = d === $ && f.length === O.length, g1 = ((r1 = f[d]) == null ? void 0 : r1.label) === ((u1 = O[$]) == null ? void 0 : u1.label);
+      const e1 = d === $ && f.length === I.length, g1 = ((r1 = f[d]) == null ? void 0 : r1.label) === ((u1 = I[$]) == null ? void 0 : u1.label);
       e1 || g1 || r("select:view", ((d1 = f[d]) == null ? void 0 : d1.label) ?? null);
     }), i1(A, () => {
       o1();
-    }), i1(I, (d) => {
+    }), i1(O, (d) => {
       d || t1();
     }), i1(U, (d) => {
-      var O, e1, g1, r1, u1, d1, Q1, X1, W1, x1, e5;
+      var I, e1, g1, r1, u1, d1, Q1, X1, W1, x1, e5;
       const f = D1(d) ? 2 : 0;
-      if (I.value) {
-        const C1 = (e1 = (O = N.value.$refs.editViewMenuRefs[A.value]) == null ? void 0 : O.$refs) == null ? void 0 : e1.menuItemListRef;
+      if (O.value) {
+        const C1 = (e1 = (I = N.value.$refs.editViewMenuRefs[A.value]) == null ? void 0 : I.$refs) == null ? void 0 : e1.menuItemListRef;
         m.value = ((Q1 = (d1 = (u1 = (r1 = (g1 = N.value.$refs.editViewMenuRefs[A.value]) == null ? void 0 : g1.$refs) == null ? void 0 : r1.menuItemListRef) == null ? void 0 : u1.$refs) == null ? void 0 : d1.menuItemRef) == null ? void 0 : Q1[f]) ?? null, d || (C1 == null || C1.focusItem(), J());
         return;
       }
@@ -2018,9 +2018,9 @@ const W5 = {
         {
           text: i("setAsDefault"),
           handler: () => {
-            const O = s1({ isDefault: !0 }, A.value);
-            r("update:view", O), S1({
-              text: i("setAsDefaultToast", { label: O.targetViewLabel })
+            const I = s1({ isDefault: !0 }, A.value);
+            r("update:view", I), S1({
+              text: i("setAsDefaultToast", { label: I.targetViewLabel })
             }), t1();
           },
           icon: J5
@@ -2028,8 +2028,8 @@ const W5 = {
         {
           text: i("duplicate"),
           handler: () => {
-            const O = n1(A.value);
-            r("duplicate:view", O), t1(), a1(O.newViews.length - 1);
+            const I = n1(A.value);
+            r("duplicate:view", I), t1(), a1(I.newViews.length - 1);
           },
           icon: Ge
         },
@@ -2095,7 +2095,7 @@ const W5 = {
       s("div", {
         class: l1(["b-header-with-views__container", se.value])
       }, [
-        s("div", g7, [
+        s("div", g4, [
           P(n(p1), {
             el: "h2",
             variant: "title"
@@ -2125,21 +2125,21 @@ const W5 = {
           class: "b-header-with-views__bar",
           "aria-label": n(i)("viewListLabel")
         }, [
-          (l(!0), o($1, null, m1(n(C), ($, O) => (l(), o("div", {
-            key: O,
+          (l(!0), o($1, null, m1(n(C), ($, I) => (l(), o("div", {
+            key: I,
             ref_for: !0,
             ref_key: "viewRefs",
             ref: E,
-            class: l1(["b-header-with-views__bar-tab", J1(O) ? "b-header-with-views__bar-tab--active" : null])
+            class: l1(["b-header-with-views__bar-tab", J1(I) ? "b-header-with-views__bar-tab--active" : null])
           }, [
             P(n(c1), {
               class: "b-header-with-views__bar-tab-button",
               variant: "tertiary-with-background",
-              "aria-current": p.value === O ? "true" : "false",
-              onClick: (e1) => a1(O),
+              "aria-current": p.value === I ? "true" : "false",
+              onClick: (e1) => a1(I),
               onKeydown: [
-                j((e1) => a1(O), ["enter", "native"]),
-                j((e1) => a1(O), ["space", "native"])
+                j((e1) => a1(I), ["enter", "native"]),
+                j((e1) => a1(I), ["space", "native"])
               ]
             }, h1({
               iconLeft: y(() => [
@@ -2165,10 +2165,10 @@ const W5 = {
               ]),
               _: 2
             }, [
-              D1(O) ? {
+              D1(I) ? {
                 name: "iconRight",
                 fn: y(() => [
-                  s("span", w7, [
+                  s("span", w4, [
                     P(n(ve), {
                       "svg-title": n(i)("withUnsavedChanges")
                     }, null, 8, ["svg-title"])
@@ -2177,19 +2177,19 @@ const W5 = {
                 key: "0"
               } : void 0
             ]), 1032, ["aria-current", "onClick", "onKeydown"]),
-            p.value === O ? (l(), F(n(j5), {
+            p.value === I ? (l(), F(n(j5), {
               key: 0,
               ref_for: !0,
               ref_key: "editViewMenuRefs",
               ref: M,
               class: "b-header-with-views__bar-tab-menu",
               button: { variant: "tertiary" },
-              data: K1(O),
+              data: K1(I),
               "close-on-click-outside-options": {
                 ignore: [`#${n(b)}`]
               },
               "menu-fixed-positioning": !0,
-              onOpen: (e1) => z1(O),
+              onOpen: (e1) => z1(I),
               onClose: f[0] || (f[0] = (e1) => t1()),
               onKeydownCapture: j(le, ["tab", "native"])
             }, {
@@ -2206,7 +2206,7 @@ const W5 = {
             ref: z,
             class: "b-header-with-views__bar-control"
           }, [
-            n(C).length ? (l(), F(n(t7), {
+            n(C).length ? (l(), F(n(t4), {
               key: 0,
               ref_key: "viewControlAllViewsRef",
               ref: N,
@@ -2214,13 +2214,13 @@ const W5 = {
               "menu-items-actions": K1(A.value),
               "menu-close-on-click-outside-options": { ignore: [`#${n(b)}`] },
               "onClose:viewMenu": f[1] || (f[1] = ($) => t1()),
-              "onClose:allViews": f[2] || (f[2] = ($) => I.value = !1),
-              "onOpen:allViews": f[3] || (f[3] = ($) => I.value = !0),
+              "onClose:allViews": f[2] || (f[2] = ($) => O.value = !1),
+              "onOpen:allViews": f[3] || (f[3] = ($) => O.value = !0),
               "onOpen:viewMenu": f[4] || (f[4] = ($) => z1($)),
               "onReorder:view": f[5] || (f[5] = ($) => r("reorder:view", n(f1)($))),
               "onSelect:view": f[6] || (f[6] = ($) => a1($))
             }, null, 8, ["menu-items", "menu-items-actions", "menu-close-on-click-outside-options"])) : v("", !0),
-            P(n(I1), {
+            P(n(O1), {
               ref_key: "createViewButtonRef",
               ref: Z,
               "aria-expanded": G.value,
@@ -2246,7 +2246,7 @@ const W5 = {
               } : void 0
             ]), 1032, ["aria-expanded", "aria-controls", "toggled"])
           ], 512)
-        ], 8, h7),
+        ], 8, h4),
         N1.value ? (l(), F(n(he), {
           key: 0,
           class: "b-header-with-views__meta-container",
@@ -2348,7 +2348,7 @@ const W5 = {
           Q(c(n(i)("unsavedChangesTitle", { label: n(C)[p.value].label })), 1)
         ]),
         content: y(() => [
-          s("div", $7, [
+          s("div", $4, [
             P(n(p1), null, {
               default: y(() => [
                 Q(c(n(i)("unsavedChangesDescription")), 1)
@@ -2382,7 +2382,7 @@ const W5 = {
           Q(c(n(i)("deleteViewTitle", { label: E1.value })), 1)
         ]),
         content: y(() => [
-          s("div", m7, [
+          s("div", m4, [
             P(n(p1), null, {
               default: y(() => [
                 Q(c(n(i)("deleteViewDescription", { label: E1.value })), 1)
@@ -2395,8 +2395,8 @@ const W5 = {
       }, 8, ["actions", "is-open"])) : v("", !0)
     ], 512));
   }
-}), Y7 = /* @__PURE__ */ w(L7, [["__scopeId", "data-v-85e51e46"]]);
+}), Y4 = /* @__PURE__ */ w(L4, [["__scopeId", "data-v-85e51e46"]]);
 export {
-  Y7 as h
+  Y4 as h
 };
-//# sourceMappingURL=header-with-views.CzLcYeW5.js.map
+//# sourceMappingURL=header-with-views.b1gt2wud.js.map