@adyen/bento-vue2 1.68.2 → 1.69.0

package/dist/chunks/{header-with-views.BUQ-MlAq.js → header-with-views.Dzifal09.js}

@@ -1,31 +1,27 @@
 import { ref as o, reactive as Pe, computed as D, watch as N, nextTick as l1, defineComponent as _1, toRef as De, onMounted as pe, useSlots as Ie } from "vue";
-import { B as f1 } from "./button.hF-nD1Og.js";
-import { B as ge } from "./checkbox.DCD6SSXC.js";
-import { B as he } from "./menu.D0OQgk40.js";
-import { B as Te } from "./modal.eoNQ6E3U.js";
-import { B as C1 } from "./popover.Bo4Bkudr.js";
-import { B as we } from "./typography.J1v_SPG3.js";
-import { u as s1 } from "./use-click-outside.BnhTgpSt.js";
-import { u as Fe } from "./use-has-slot.C9lQZ6nz.js";
+import { B as f1 } from "./button.B0hSQWOR.js";
+import { B as ge } from "./checkbox.JhfbjDfJ.js";
+import { u as s1, h as C1, f as he, c as p1, B as Te } from "./toggle-button.DeECoGRn.js";
+import { B as Fe } from "./modal.DMqbIDcX.js";
+import { B as we } from "./typography.w3m-EY4E.js";
+import { u as Oe } from "./use-has-slot.C9lQZ6nz.js";
 import { g as a1 } from "./generate-uid.NJ8tVoha.js";
-import { B as Oe } from "./button-actions-with-menu.nPj7sdGE.js";
+import { B as Ae } from "./button-actions-with-menu.DIpUg6BF.js";
 import { u as r1 } from "./i18n.BQkEbtPM.js";
-import { B as Ae } from "./bin.DLXkAVvw.js";
+import { B as Ee } from "./bin.DLXkAVvw.js";
 import { D as Be } from "./dot.BW9SneIk.js";
 /* empty css              */
 import { n as d } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { R as Ee } from "./refresh.arF7jP-l.js";
-import { b as me, o as Ue } from "./index.BdrLbvtJ.js";
-import { B as Ne } from "./divider.Cc4JFWG_.js";
-import { B as Ge } from "./input-field.5S-pUNxA.js";
+import { R as Ue } from "./refresh.arF7jP-l.js";
+import { b as me, o as Ne } from "./index.BdrLbvtJ.js";
+import { B as Ge } from "./divider.CFbtmKeQ.js";
+import { B as ze } from "./input-field.DnnXXill.js";
 import "./index.Cl4_42j5.js";
-import { d as ze } from "./debounce.DUTu11PS.js";
-import { F as Ke } from "./error-message.BgxnwPLF.js";
-import { B as p1 } from "./toggle-button.DEVVvpkw.js";
-import { B as Ye } from "./button-actions.Ju27CRNG.js";
+import { d as Ke } from "./debounce.DUTu11PS.js";
+import { F as Ye } from "./error-message.PWgUfpvo.js";
 import { u as t1 } from "./on-click-outside.D9aY9g8G.js";
-import { I as je, H as qe } from "./header-meta.CfloYa86.js";
-import { u as Je } from "./use-bento-toast-controller.Cn_2Eogn.js";
+import { I as je, H as qe } from "./header-meta.C75OXHwb.js";
+import { u as Je } from "./use-bento-toast-controller.uglKlMjv.js";
 import "../assets/header-with-views.css";
 let x1 = 0;
 const We = {
@@ -72,15 +68,15 @@ const rt = {
 var ot = function() {
   var e = this, t = e._self._c;
   return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#001222", d: "M1.25 6.2223C1.25 3.83785 3.2086 1.91675 5.6 1.91675C6.46743 1.91675 7.29702 2.16881 8 2.63398C8.70298 2.16881 9.53257 1.91675 10.4 1.91675C12.7914 1.91675 14.75 3.83785 14.75 6.2223C14.75 8.49101 13.1609 10.4102 11.7348 11.6963C10.282 13.0064 8.80579 13.8313 8.65555 13.9135C8.44821 14.0281 8.22767 14.0834 8 14.0834C7.77233 14.0834 7.55179 14.0281 7.34445 13.9135C7.19421 13.8313 5.71797 13.0064 4.26522 11.6963C2.83912 10.4102 1.25 8.49101 1.25 6.2223ZM5.6 3.41675C4.0194 3.41675 2.75 4.68379 2.75 6.2223C2.75 7.81138 3.89988 9.34697 5.26978 10.5824C6.47055 11.6652 7.6982 12.3901 8 12.5615C8.3018 12.3901 9.52945 11.6652 10.7302 10.5824C12.1001 9.34697 13.25 7.81138 13.25 6.2223C13.25 4.68379 11.9806 3.41675 10.4 3.41675C9.68369 3.41675 9.01634 3.67518 8.50081 4.13763L8 4.58688L7.49919 4.13763C6.98366 3.67518 6.31631 3.41675 5.6 3.41675Z" } })]);
-}, ut = [], ct = /* @__PURE__ */ d(
+}, ct = [], ut = /* @__PURE__ */ d(
   rt,
   ot,
-  ut,
+  ct,
   !1,
   null,
   null
 );
-const Ve = ct.exports;
+const Ve = ut.exports;
 let R1 = 0;
 const dt = {
   beforeCreate() {
@@ -190,17 +186,17 @@ var Tt = function() {
 );
 const At = Ot.exports;
 let O1 = 0;
-const Bt = {
+const Et = {
   beforeCreate() {
     this.uuid = O1.toString(), O1 += 1;
   }
 };
-var Et = function() {
+var Bt = function() {
   var e = this, t = e._self._c;
   return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#001222", d: "M10.23 4.29004C9.3156 4.29004 8.51242 4.80018 8.09842 5.55918L7.71295 6.26587L7.03525 5.83145C6.76488 5.65813 6.44513 5.56004 6.1 5.56004C5.10421 5.56004 4.3 6.36425 4.3 7.36004V8.11004H3.55C2.55421 8.11004 1.75 8.91425 1.75 9.91004C1.75 10.9058 2.55421 11.71 3.55 11.71L12.45 11.71C13.4458 11.71 14.25 10.9058 14.25 9.91004V9.90004C14.25 9.12172 13.7547 8.45577 13.0664 8.21937L12.4036 7.99175L12.5858 7.31506C12.6366 7.12648 12.66 6.93285 12.66 6.72004C12.66 5.38272 11.5743 4.29004 10.23 4.29004ZM7.18175 4.24438C7.9021 3.35751 9.0015 2.79004 10.23 2.79004C12.4057 2.79004 14.16 4.55736 14.16 6.72004C14.16 6.83797 14.1552 6.95579 14.145 7.07378C15.113 7.64637 15.75 8.70715 15.75 9.90004V9.91004C15.75 11.7343 14.2742 13.21 12.45 13.21L3.55 13.21C1.72579 13.21 0.25 11.7343 0.25 9.91004C0.25 8.31898 1.37265 6.99297 2.86997 6.68001C3.18293 5.18269 4.50894 4.06004 6.1 4.06004C6.47667 4.06004 6.84115 4.12407 7.18175 4.24438Z" } })]);
 }, Ut = [], Nt = /* @__PURE__ */ d(
-  Bt,
   Et,
+  Bt,
   Ut,
   !1,
   null,
@@ -225,10 +221,10 @@ var Kt = function() {
   null
 );
 const qt = jt.exports;
-let B1 = 0;
+let E1 = 0;
 const Jt = {
   beforeCreate() {
-    this.uuid = B1.toString(), B1 += 1;
+    this.uuid = E1.toString(), E1 += 1;
   }
 };
 var Wt = function() {
@@ -243,10 +239,10 @@ var Wt = function() {
   null
 );
 const e5 = Xt.exports;
-let E1 = 0;
+let B1 = 0;
 const t5 = {
   beforeCreate() {
-    this.uuid = E1.toString(), E1 += 1;
+    this.uuid = B1.toString(), B1 += 1;
   }
 };
 var s5 = function() {
@@ -270,7 +266,7 @@ const l5 = {
 var r5 = function() {
   var e = this, t = e._self._c;
   return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-gambling__a" + e.uuid + ")" } }, [t("path", { attrs: { fill: "#001222", d: "M7.25 0.285553C5.66909 0.436349 4.23359 1.05951 3.07538 2.01472L3.04992 1.98926L1.98926 3.04992L2.01472 3.07538C1.05951 4.23359 0.436349 5.66909 0.285553 7.25H0.25V8.75H0.285553C0.436346 10.3309 1.05949 11.7664 2.01468 12.9246L1.98926 12.95L3.04992 14.0106L3.07533 13.9852C4.23355 14.9405 5.66907 15.5636 7.25 15.7144V15.75H8.75V15.7144C10.331 15.5636 11.7665 14.9404 12.9248 13.9852L12.9502 14.0106L14.0109 12.95L13.9854 12.9245C14.9405 11.7663 15.5637 10.3308 15.7144 8.75H15.75V7.25H15.7144C15.5637 5.66913 14.9405 4.23366 13.9853 3.07546L14.0109 3.04992L12.9502 1.98926L12.9247 2.01479C11.7665 1.05954 10.3309 0.436353 8.75 0.285553V0.25H7.25V0.285553ZM12.9187 11.8578L11.1275 10.0666C11.3873 9.67434 11.5766 9.22909 11.6745 8.75H14.206C14.0676 9.91739 13.6097 10.9798 12.9187 11.8578ZM10.0668 11.1273L11.8581 12.9185C10.98 13.6097 9.91751 14.0676 8.75 14.206V11.6745C9.22921 11.5766 9.67456 11.3872 10.0668 11.1273ZM1.79405 7.25C1.93236 6.08255 2.3903 5.02006 3.0814 4.14206L4.87264 5.9333C4.61275 6.32555 4.4234 6.77085 4.32554 7.25H1.79405ZM4.14206 3.0814C5.02006 2.3903 6.08255 1.93236 7.25 1.79405V4.32554C6.77085 4.4234 6.32555 4.61275 5.9333 4.87264L4.14206 3.0814ZM14.206 7.25H11.6745C11.5766 6.77088 11.3873 6.32561 11.1274 5.93339L12.9187 4.14214C13.6097 5.02013 14.0676 6.08259 14.206 7.25ZM10.25 8C10.25 8.62119 9.99617 9.18317 9.58967 9.58967C9.18317 9.99617 8.62119 10.25 8 10.25C7.37881 10.25 6.81683 9.99617 6.41033 9.58967C6.00383 9.18317 5.75 8.62119 5.75 8C5.75 7.37881 6.00383 6.81683 6.41033 6.41033C6.81683 6.00383 7.37881 5.75 8 5.75C8.62119 5.75 9.18317 6.00383 9.58967 6.41033C9.99617 6.81683 10.25 7.37881 10.25 8ZM3.08136 11.8579C2.39028 10.9799 1.93236 9.91743 1.79405 8.75H4.32554C4.42339 9.22913 4.61273 9.67441 4.8726 10.0666L3.08136 11.8579ZM11.858 3.08147L10.0668 4.8727C9.67452 4.61278 9.22919 4.4234 8.75 4.32554V1.79405C9.91749 1.93236 10.98 2.39033 11.858 3.08147ZM7.25 14.206C6.08253 14.0676 5.02002 13.6097 4.14201 12.9186L5.93324 11.1273C6.3255 11.3872 6.77082 11.5766 7.25 11.6745V14.206Z" } })]), t("defs", [t("clipPath", { attrs: { id: "uia-ui-assets/icons-16-gambling__a" + e.uuid } }, [t("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, o5 = [], u5 = /* @__PURE__ */ d(
+}, o5 = [], c5 = /* @__PURE__ */ d(
   l5,
   r5,
   o5,
@@ -278,7 +274,7 @@ var r5 = function() {
   null,
   null
 );
-const c5 = u5.exports;
+const u5 = c5.exports;
 let N1 = 0;
 const d5 = {
   beforeCreate() {
@@ -386,9 +382,9 @@ var F5 = function() {
   null,
   null
 );
-const B5 = A5.exports;
+const E5 = A5.exports;
 let q1 = 0;
-const E5 = {
+const B5 = {
   beforeCreate() {
     this.uuid = q1.toString(), q1 += 1;
   }
@@ -397,7 +393,7 @@ var U5 = function() {
   var e = this, t = e._self._c;
   return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-leaf__a" + e.uuid + ")" } }, [t("path", { attrs: { 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" } })]), t("defs", [t("clipPath", { attrs: { id: "uia-ui-assets/icons-16-leaf__a" + e.uuid } }, [t("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
 }, N5 = [], G5 = /* @__PURE__ */ d(
-  E5,
+  B5,
   U5,
   N5,
   !1,
@@ -468,15 +464,15 @@ const r2 = {
 var o2 = function() {
   var e = this, t = e._self._c;
   return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#001222", d: "M7.99047 0.25C6.85765 0.25 5.89704 0.935208 5.47759 1.9044C4.03119 2.68871 2.96599 4.13012 2.7463 5.87663L2.4163 8.50663L2.41589 8.51C2.32636 9.25062 1.98383 9.94416 1.45427 10.4656L1.23047 10.6859V13.75H5.35431C5.68227 14.9019 6.74559 15.75 8 15.75C9.25441 15.75 10.3177 14.9019 10.6457 13.75H14.7305V10.6893L14.5108 10.4697C14.0619 10.0208 13.7524 9.46107 13.6074 8.8473L13.2346 5.8764C13.0151 4.13169 11.9599 2.68854 10.5029 1.90326C10.0831 0.934672 9.12284 0.25 7.99047 0.25ZM13.2305 12.25H2.73047V11.2985C3.37295 10.5734 3.78718 9.66208 3.90483 8.69177L4.23463 6.06337C4.4008 4.74299 5.24843 3.65649 6.3979 3.11951L6.70638 2.97541L6.80095 2.64833C6.95173 2.12691 7.42704 1.75 7.99047 1.75C8.5539 1.75 9.02921 2.12691 9.17999 2.64833L9.27491 2.97662L9.58492 3.12039C10.7406 3.65634 11.5799 4.74095 11.7463 6.0636L11.9705 7.85H11.9451L12.0569 8.69805C12.1842 9.6635 12.5895 10.5649 13.2305 11.2958V12.25ZM7.00274 13.75H8.99726C8.76827 14.0529 8.40537 14.25 8 14.25C7.59463 14.25 7.23173 14.0529 7.00274 13.75Z" } })]);
-}, u2 = [], c2 = /* @__PURE__ */ d(
+}, c2 = [], u2 = /* @__PURE__ */ d(
   r2,
   o2,
-  u2,
+  c2,
   !1,
   null,
   null
 );
-const d2 = c2.exports;
+const d2 = u2.exports;
 let ee = 0;
 const v2 = {
   beforeCreate() {
@@ -576,7 +572,7 @@ const F2 = {
 var O2 = function() {
   var e = this, t = e._self._c;
   return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("g", { attrs: { "clip-path": "url(#uia-ui-assets/icons-16-star__a" + e.uuid + ")" } }, [t("path", { attrs: { fill: "#001222", d: "M7.99981 0.322998L10.4998 5.32304L15.4723 6.15178L11.8252 10.2041L13.1419 15.4004L8.00327 12.8397L2.97162 15.399L4.18057 10.2109L0.527344 6.15178L5.49979 5.32304L7.99981 0.322998ZM7.99981 3.6771L6.49983 6.67706L3.47227 7.18165L5.81904 9.78917L5.16379 12.6011L7.99635 11.1604L10.8848 12.5997L10.1744 9.79603L12.5273 7.18165L9.49979 6.67706L7.99981 3.6771Z" } })]), t("defs", [t("clipPath", { attrs: { id: "uia-ui-assets/icons-16-star__a" + e.uuid } }, [t("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, A2 = [], B2 = /* @__PURE__ */ d(
+}, A2 = [], E2 = /* @__PURE__ */ d(
   F2,
   O2,
   A2,
@@ -584,7 +580,7 @@ var O2 = function() {
   null,
   null
 );
-const E2 = B2.exports;
+const B2 = E2.exports;
 let le = 0;
 const U2 = {
   beforeCreate() {
@@ -639,10 +635,10 @@ var X2 = function() {
   null
 );
 const ss = ts.exports;
-let ue = 0;
+let ce = 0;
 const as = {
   beforeCreate() {
-    this.uuid = ue.toString(), ue += 1;
+    this.uuid = ce.toString(), ce += 1;
   }
 };
 var is = function() {
@@ -657,19 +653,19 @@ var is = function() {
   null
 );
 const rs = ls.exports;
-let ce = 0;
+let ue = 0;
 const os = {
   beforeCreate() {
-    this.uuid = ce.toString(), ce += 1;
+    this.uuid = ue.toString(), ue += 1;
   }
 };
-var us = function() {
+var cs = function() {
   var e = this, t = e._self._c;
   return t("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#001222", d: "M10.75 4.25H12C13.5188 4.25 14.75 5.48122 14.75 7V12C14.75 13.5188 13.5188 14.75 12 14.75H4C2.48122 14.75 1.25 13.5188 1.25 12V7C1.25 5.48122 2.48122 4.25 4 4.25H5.25V1.25H10.75V4.25ZM11.75 13.25H12C12.6904 13.25 13.25 12.6904 13.25 12V7C13.25 6.30964 12.6904 5.75 12 5.75H11.75V13.25ZM5.75 13.25H10.25V5.75H5.75V13.25ZM4 5.75C3.30964 5.75 2.75 6.30964 2.75 7V12C2.75 12.6904 3.30964 13.25 4 13.25H4.25V5.75H4ZM6.75 4.25H9.25V2.75H6.75V4.25Z" } })]);
-}, cs = [], ds = /* @__PURE__ */ d(
+}, us = [], ds = /* @__PURE__ */ d(
   os,
-  us,
   cs,
+  us,
   !1,
   null,
   null
@@ -718,7 +714,7 @@ const g1 = {
   "hand-rock": M5,
   car: Dt,
   education: e5,
-  hotel: c5,
+  hotel: u5,
   "travel-bag": vs,
   lightning: J5,
   news: l2,
@@ -737,14 +733,14 @@ const g1 = {
   notification: d2,
   "thumb-up": rs,
   "thumb-down": ss,
-  star: E2,
+  star: B2,
   "warning-diamond": gs,
   retail: V2,
   "emoticon-happy": n5,
   gaming: C5,
   support: K2,
   heart: Ve,
-  hourglass: B5,
+  hourglass: E5,
   world: bs
 };
 let _e = 0;
@@ -851,57 +847,57 @@ const Rs = Ss.exports, Ps = (i) => {
 };
 var Le = /* @__PURE__ */ ((i) => (i.UP = "up", i.DOWN = "down", i))(Le || {});
 const Ds = (i) => {
-  const { itemRefs: e, items: t, onDrop: s } = i, a = o(null), n = o(null), l = o(0), g = o(!1), h = o(0), _ = o(null), v = o(0), C = o(0), f = o([]), L = (u) => n.value === u, V = (u, c) => {
-    if (!c.target.closest("[data-drag-trigger]"))
+  const { itemRefs: e, items: t, onDrop: s } = i, a = o(null), n = o(null), l = o(0), g = o(!1), h = o(0), _ = o(null), v = o(0), C = o(0), f = o([]), L = (c) => n.value === c, V = (c, u) => {
+    if (!u.target.closest("[data-drag-trigger]"))
       return;
-    n.value = u, m();
-    const p = e.value[u];
-    p && (typeof c.clientY == "number" ? l.value = c.clientY : typeof c.key == "string" && (g.value = !0), h.value = p.clientHeight, v.value = h.value * (e.value.length - u - 1), C.value = -(h.value * u), document.documentElement.style.cursor = "grabbing", document.documentElement.style.userSelect = "none");
-  }, b = (u, c) => {
+    n.value = c, m();
+    const p = e.value[c];
+    p && (typeof u.clientY == "number" ? l.value = u.clientY : typeof u.key == "string" && (g.value = !0), h.value = p.clientHeight, v.value = h.value * (e.value.length - c - 1), C.value = -(h.value * c), document.documentElement.style.cursor = "grabbing", document.documentElement.style.userSelect = "none");
+  }, b = (c, u) => {
     if (!g.value) {
-      _.value = u, V(u, c);
+      _.value = c, V(c, u);
       return;
     }
     R();
-  }, H = (u, c) => {
+  }, H = (c, u) => {
     if (!g.value)
       return;
-    c.preventDefault();
-    const p = e.value.length - 1, w = 0, F = u === "down", $ = u === "up";
+    u.preventDefault();
+    const p = e.value.length - 1, w = 0, F = c === "down", $ = c === "up";
     if ($ && _.value === w || F && _.value === p)
       return;
     let x = _.value + 1;
     $ && (x = _.value - 1);
-    const A = n.value < x, z = n.value > x, B = F && z || $ && A || // This doesn't typically need transformation, but in a "reversed" direction,
+    const A = n.value < x, z = n.value > x, E = F && z || $ && A || // This doesn't typically need transformation, but in a "reversed" direction,
     // it may potentially need to pass through it's original position
     n.value === x;
     if (x > p || x < w)
       return;
     const O = () => {
-      const E = e.value[n.value], G = M((_.value - n.value) * h.value);
-      E.style.transform = `translateY(${G}px)`;
+      const B = e.value[n.value], G = M((_.value - n.value) * h.value);
+      B.style.transform = `translateY(${G}px)`;
     }, K = () => {
-      const E = e.value[_.value], G = F ? -h.value : h.value;
-      E.style.transform = B ? "translateY(0px)" : `translateY(${G}px)`;
+      const B = e.value[_.value], G = F ? -h.value : h.value;
+      B.style.transform = E ? "translateY(0px)" : `translateY(${G}px)`;
     };
-    if (!B) {
+    if (!E) {
       _.value = x, O(), K();
       return;
     }
     K(), _.value = x, O();
-  }, Z = (u) => {
-    u && g.value && (u.stopPropagation(), u.preventDefault()), a.value = requestAnimationFrame(() => {
-      e.value.forEach((c) => {
-        const p = c;
+  }, Z = (c) => {
+    c && g.value && (c.stopPropagation(), c.preventDefault()), a.value = requestAnimationFrame(() => {
+      e.value.forEach((u) => {
+        const p = u;
         p.style.transform = "";
       }), a.value = null;
     }), _.value = null, n.value = null, document.documentElement.style.cursor = "", document.documentElement.style.userSelect = "", g.value = null;
-  }, k = (u) => {
+  }, k = (c) => {
     n.value === null || a.value || g.value || (a.value = requestAnimationFrame(() => {
-      const c = u.clientY, p = f.value.findIndex(
-        (w, F) => c >= w.top && c <= w.bottom || c <= w.top && F === 0 || c >= w.bottom && F === f.value.length - 1
+      const u = c.clientY, p = f.value.findIndex(
+        (w, F) => u >= w.top && u <= w.bottom || u <= w.top && F === 0 || u >= w.bottom && F === f.value.length - 1
       );
-      p !== -1 && p !== _.value && (_.value = p), T(c), a.value = null;
+      p !== -1 && p !== _.value && (_.value = p), T(u), a.value = null;
     }));
   }, R = () => {
     if (n.value === null || !e.value[n.value])
@@ -912,21 +908,21 @@ const Ds = (i) => {
     }
     const p = t.value[n.value], w = [...t.value];
     w.splice(n.value, 1), w.splice(_.value, 0, p), S(), Z(), s(w);
-  }, T = (u) => {
-    const c = e.value[n.value];
-    if (!c)
+  }, T = (c) => {
+    const u = e.value[n.value];
+    if (!u)
       return;
-    c.style.transform = `translateY(${M(u - l.value)}px)`;
+    u.style.transform = `translateY(${M(c - l.value)}px)`;
     const p = 0.25, w = n.value < _.value, F = n.value > _.value;
     for (let $ = 0; $ < f.value.length; $++) {
       if ($ === n.value)
         continue;
-      const x = e.value[$], A = f.value[$], B = (u - A.top) / A.height;
-      if (B >= p && w) {
+      const x = e.value[$], A = f.value[$], E = (c - A.top) / A.height;
+      if (E >= p && w) {
         if ($ < n.value)
           continue;
         x.style.transform = `translateY(-${h.value}px)`;
-      } else if (B <= 1 - p && F) {
+      } else if (E <= 1 - p && F) {
         if ($ > n.value)
           continue;
         x.style.transform = `translateY(${h.value}px)`;
@@ -934,21 +930,21 @@ const Ds = (i) => {
         x.style.transform = "translateY(0px)";
     }
   }, S = () => {
-    var c, p;
-    const u = document.activeElement;
-    u != null && u.closest("[data-drag-item]") && ((p = (c = e.value[_.value]) == null ? void 0 : c.querySelector("[data-drag-trigger]")) == null || p.focus());
-  }, M = (u) => Math.max(C.value, Math.min(v.value, u)), m = () => {
-    f.value = e.value.map((u) => {
-      const { top: c, bottom: p, height: w } = u.getBoundingClientRect();
+    var u, p;
+    const c = document.activeElement;
+    c != null && c.closest("[data-drag-item]") && ((p = (u = e.value[_.value]) == null ? void 0 : u.querySelector("[data-drag-trigger]")) == null || p.focus());
+  }, M = (c) => Math.max(C.value, Math.min(v.value, c)), m = () => {
+    f.value = e.value.map((c) => {
+      const { top: u, bottom: p, height: w } = c.getBoundingClientRect();
       return {
-        top: c,
+        top: u,
         bottom: p,
         height: w
       };
     });
   };
-  return t1(document, "pointermove", k), t1(document, "pointerup", R, { capture: !0 }), t1(document, "keydown", (u) => {
-    u.key !== "Tab" || n.value === null || u.preventDefault();
+  return t1(document, "pointermove", k), t1(document, "pointerup", R, { capture: !0 }), t1(document, "keydown", (c) => {
+    c.key !== "Tab" || n.value === null || c.preventDefault();
   }), t1(document, "pointerdown", () => {
     g.value && Z();
   }), {
@@ -1023,17 +1019,17 @@ const Ds = (i) => {
   },
   emits: ["close:all-views", "close:view-menu", "open:all-views", "open:view-menu", "select:view", "reorder:view"],
   setup(i, { emit: e }) {
-    var u;
+    var c;
     const t = i, s = o(!1), a = o(null), n = o(null), l = o(null), g = o(null), h = o(null), _ = o(null), v = a1("menu-popover"), { t: C } = r1();
     s1(n, () => L(), {
-      ignore: [a, ...((u = t.menuCloseOnClickOutsideOptions) == null ? void 0 : u.ignore) ?? []]
+      ignore: [a, ...((c = t.menuCloseOnClickOutsideOptions) == null ? void 0 : c.ignore) ?? []]
     });
     const f = () => {
       s.value = !0, e("open:all-views");
     }, L = async () => {
       s.value && (s.value = !1, e("close:all-views"), await l1(), a.value.$el.focus());
-    }, V = (c) => {
-      c.stopPropagation(), s.value ? L() : f();
+    }, V = (u) => {
+      u.stopPropagation(), s.value ? L() : f();
     }, {
       draggedViewIndex: b,
       draggingOverViewIndex: H,
@@ -1045,12 +1041,12 @@ const Ds = (i) => {
     } = Ds({
       items: De(t, "menuItems"),
       itemRefs: h,
-      onDrop: (c) => e("reorder:view", c)
+      onDrop: (u) => e("reorder:view", u)
     });
-    return { __sfc: !0, props: t, emit: e, showMenu: s, allViewsMenuToggleRef: a, allViewsMenuPopoverRef: n, allViewsRef: l, menuRef: g, menuItemRefs: h, editViewMenuRefs: _, menuPopoverId: v, t: C, openMenu: f, closeMenu: L, toggleShowMenu: V, draggedViewIndex: b, draggingOverViewIndex: H, isItemDragged: Z, handleDragKeyboardMove: k, handleDragKeyboardToggle: R, handleDragStart: T, handleDragStop: S, conditionalDraggableItemClass: (c) => ({
-      "b-header-with-views-all-views__popover-menu-item--dragging": Z(c)
-    }), closeViewMenuNatively: (c) => {
-      _.value[c].closeMenu(!1);
+    return { __sfc: !0, props: t, emit: e, showMenu: s, allViewsMenuToggleRef: a, allViewsMenuPopoverRef: n, allViewsRef: l, menuRef: g, menuItemRefs: h, editViewMenuRefs: _, menuPopoverId: v, t: C, openMenu: f, closeMenu: L, toggleShowMenu: V, draggedViewIndex: b, draggingOverViewIndex: H, isItemDragged: Z, handleDragKeyboardMove: k, handleDragKeyboardToggle: R, handleDragStart: T, handleDragStop: S, conditionalDraggableItemClass: (u) => ({
+      "b-header-with-views-all-views__popover-menu-item--dragging": Z(u)
+    }), closeViewMenuNatively: (u) => {
+      _.value[u].closeMenu(!1);
     }, BentoButton: f1, BentoToggleButton: p1, BentoHeaderWithViewsItemIconElement: g1, BentoMenu: he, BentoPopover: C1, BentoTypography: we, GrabIcon: ys, MenuIcon: Rs, OptionsHorizontalIcon: be, UseDragAndDropViewsDirectionEnum: Le };
   }
 });
@@ -1089,15 +1085,15 @@ var As = function() {
       return [t(s.OptionsHorizontalIcon, { attrs: { "svg-title": s.t("openViewOptions", { label: a.label }) } })];
     }, proxy: !0 }], null, !0) })], 1)]);
   }), 0)]) : e._e()], 1);
-}, Bs = [], Es = /* @__PURE__ */ d(
+}, Es = [], Bs = /* @__PURE__ */ d(
   Os,
   As,
-  Bs,
+  Es,
   !1,
   null,
-  "0d452007"
+  "60e654f2"
 );
-const Us = Es.exports;
+const Us = Bs.exports;
 let Ce = 0;
 const Ns = {
   beforeCreate() {
@@ -1206,19 +1202,19 @@ const js = {
       e("update", R.value);
     }, m = () => {
       a.value = t.icon, n.value = t.iconColor, s.value = t.label, e("cancel");
-    }, u = ze((w) => {
+    }, c = Ke((w) => {
       s.value = w, g.value = !0;
-    }, 200), c = (w) => {
+    }, 200), u = (w) => {
       l.value = w, g.value = !0;
     };
     return s1(_, S, {
       ignore: [h]
-    }), Ue("Escape", S, {
+    }), Ne("Escape", S, {
       target: _,
       eventName: "keydown"
     }), N(s, (w) => e("input:label", w)), pe(async () => {
       await l1(), v.value.$refs.inputFieldElement.focus();
-    }), { __sfc: !0, props: t, emit: e, labelValue: s, iconValue: a, iconColorValue: n, additionalFormItemValue: l, isFormDirty: g, iconSelectorButtonRef: h, iconPopoverRef: _, inputFieldRef: v, iconPopoverId: C, showIconSelectorPopover: f, iconOptions: L, iconColorOptions: V, hasErrors: b, computedAlert: H, computedActions: Z, t: k, computedFormValues: R, conditionalIconClass: T, hideIconSelectorPopover: S, updateView: M, resetView: m, handleInput: u, handleAdditionalFormItemChange: c, BentoButton: f1, BentoButtonActions: Ye, BentoToggleButton: p1, BentoCheckbox: ge, BentoDivider: Ne, BentoInputField: Ge, BentoPopover: C1, FieldLabel: Ke, CircleFilledIcon: Ys, BentoHeaderWithViewsItemIconElement: g1 };
+    }), { __sfc: !0, props: t, emit: e, labelValue: s, iconValue: a, iconColorValue: n, additionalFormItemValue: l, isFormDirty: g, iconSelectorButtonRef: h, iconPopoverRef: _, inputFieldRef: v, iconPopoverId: C, showIconSelectorPopover: f, iconOptions: L, iconColorOptions: V, hasErrors: b, computedAlert: H, computedActions: Z, t: k, computedFormValues: R, conditionalIconClass: T, hideIconSelectorPopover: S, updateView: M, resetView: m, handleInput: c, handleAdditionalFormItemChange: u, BentoButton: f1, BentoButtonActions: Te, BentoToggleButton: p1, BentoCheckbox: ge, BentoDivider: Ge, BentoInputField: ze, BentoPopover: C1, FieldLabel: Ye, CircleFilledIcon: Ys, BentoHeaderWithViewsItemIconElement: g1 };
   }
 });
 var Ws = function() {
@@ -1255,7 +1251,7 @@ var Ws = function() {
   Qs,
   !1,
   null,
-  "506be24e"
+  "ca3817d6"
 );
 const ea = Xs.exports, ta = {
   "en-US": {
@@ -1320,23 +1316,23 @@ const ea = Xs.exports, ta = {
   },
   emits: ["add:view", "delete:view", "duplicate:view", "reorder:view", "restore:view", "save:view", "select:view", "update:view", "update:skip-unsaved-changes"],
   setup(i, { emit: e }) {
-    const t = i, s = 573, { t: a } = r1(), n = Ie(), l = Fe(n), g = o(null), h = o(null), _ = o(null), v = o([]), C = o(null), f = o(null), L = o(null), V = o([]), b = o(null), H = o(null), Z = o(!1), k = o(!1), R = o(!1), T = o(!1), S = o(null), M = o(null), m = o(null), u = o(null), c = o(null), p = o(!1), w = a1("createViewPopover"), F = a1("editViewPopover");
+    const t = i, s = 573, { t: a } = r1(), n = Ie(), l = Oe(n), g = o(null), h = o(null), _ = o(null), v = o([]), C = o(null), f = o(null), L = o(null), V = o([]), b = o(null), H = o(null), Z = o(!1), k = o(!1), R = o(!1), T = o(!1), S = o(null), M = o(null), m = o(null), c = o(null), u = o(null), p = o(!1), w = a1("createViewPopover"), F = a1("editViewPopover");
     Is({
       container: L,
       children: V,
       offset: b,
       activeViewIndex: m
     });
-    const { computedViews: $, clearError: x, duplicateView: A, errors: z, setViews: B, updateView: O, validateLabel: K } = Ps({
+    const { computedViews: $, clearError: x, duplicateView: A, errors: z, setViews: E, updateView: O, validateLabel: K } = Ps({
       additionalViewSetting: t.additionalViewSetting,
       views: t.views
-    }), E = async (r = !0) => {
+    }), B = async (r = !0) => {
       Z.value = !1, r && (await l1(), g.value.$el.focus()), x();
     }, G = () => {
       const r = k.value ? H.value.$refs.editViewMenuRefs[S.value] : v.value[0];
       r == null || r.closeMenu();
     };
-    s1(h, () => E(!1), {
+    s1(h, () => B(!1), {
       ignore: [g]
     }), s1(_, () => Y(), {
       ignore: [C]
@@ -1344,19 +1340,19 @@ const ea = Xs.exports, ta = {
     const { width: h1 } = me(f), { addToast: Q } = Je(), $e = D(() => [
       {
         title: a("saveChanges"),
-        event: u1
+        event: c1
       },
       {
         title: a("leave"),
-        event: c1
+        event: u1
       }
     ]), Me = D(() => [
       {
         title: a("deleteViewAction"),
         event: async () => {
           T.value = !1;
-          const r = O(null, c.value);
-          e("delete:view", r), U(), !(m.value < c.value) && (m.value > c.value ? m.value -= 1 : m.value === c.value && (r.newViews.length === 0 ? m.value = null : m.value >= r.newViews.length && (m.value -= 1)), c.value = null);
+          const r = O(null, u.value);
+          e("delete:view", r), U(), !(m.value < u.value) && (m.value > u.value ? m.value -= 1 : m.value === u.value && (r.newViews.length === 0 ? m.value = null : m.value >= r.newViews.length && (m.value -= 1)), u.value = null);
         }
       },
       {
@@ -1367,7 +1363,7 @@ const ea = Xs.exports, ta = {
       }
     ]), He = D(() => {
       var r;
-      return (r = $.value[c.value]) == null ? void 0 : r.label;
+      return (r = $.value[u.value]) == null ? void 0 : r.label;
     }), w1 = D(() => t.description || l("description") || t.lastUpdated), m1 = D(() => h1.value <= s), ye = D(() => ({
       "b-header-with-views__container--is-compact": m1.value,
       "b-header-with-views__container--has-meta": w1.value
@@ -1400,14 +1396,14 @@ const ea = Xs.exports, ta = {
         ...d1(r) ? [
           {
             text: a("saveChanges"),
-            handler: u1,
+            handler: c1,
             icon: tt
           },
           {
             addDivider: !0,
             text: a("restoreChanges"),
-            handler: c1,
-            icon: Ee
+            handler: u1,
+            icon: Ue
           }
         ] : [],
         ...(y = $.value[r]) != null && y.isFixed ? [] : [
@@ -1442,10 +1438,10 @@ const ea = Xs.exports, ta = {
           {
             text: a("delete"),
             handler: () => {
-              c.value = M.value, T.value = !0;
+              u.value = M.value, T.value = !0;
             },
             critical: !0,
-            icon: Ae
+            icon: Ee
           }
         ]
       ];
@@ -1457,7 +1453,7 @@ const ea = Xs.exports, ta = {
       r === S.value ? S.value = null : S.value = r ?? null;
     }, V1 = (r) => {
       const y = O(r);
-      e("add:view", y), E(), o1(y.newViews.findIndex((P) => y.targetViewLabel === P.label)), Q({
+      e("add:view", y), B(), o1(y.newViews.findIndex((P) => y.targetViewLabel === P.label)), Q({
         text: a("createViewToast", { label: y.targetViewLabel })
       });
     }, b1 = (r) => {
@@ -1475,24 +1471,24 @@ const ea = Xs.exports, ta = {
         e("restore:view", $.value[m.value].label), m.value = r;
         return;
       }
-      u.value = r, R.value = !0;
+      c.value = r, R.value = !0;
     }, Se = (r) => {
       r.target.closest("button") || (r.stopPropagation(), r.preventDefault());
     }, Re = () => {
       v.value[0].closeMenu(!1);
-    }, u1 = () => {
+    }, c1 = () => {
       const r = $.value[m.value].label;
-      e("save:view", r), R.value ? (e("update:skip-unsaved-changes", p.value), m.value = u.value, u.value = null, R.value = !1) : U(), Q({
+      e("save:view", r), R.value ? (e("update:skip-unsaved-changes", p.value), m.value = c.value, c.value = null, R.value = !1) : U(), Q({
         text: a("saveChangesToast", { label: r }),
         action: {
           handler: () => e("restore:view", r),
           text: a("undo")
         }
       });
-    }, c1 = () => {
-      e("restore:view", $.value[m.value].label), R.value ? (e("update:skip-unsaved-changes", p.value), m.value = u.value, u.value = null, R.value = !1) : U();
+    }, u1 = () => {
+      e("restore:view", $.value[m.value].label), R.value ? (e("update:skip-unsaved-changes", p.value), m.value = c.value, c.value = null, R.value = !1) : U();
     }, L1 = (r) => m.value === r, d1 = (r) => L1(r) && t.hasChanges;
-    return { __sfc: !0, props: t, emit: e, STACKED_LAYOUT_BREAKPOINT: s, t: a, slots: n, hasSlot: l, createViewButtonRef: g, createViewPopoverRef: h, editViewPopoverRef: _, editViewMenuRefs: v, editViewTargetElementRef: C, hostRef: f, viewsRef: L, viewRefs: V, viewControlRef: b, viewControlAllViewsRef: H, showCreateViewPopover: Z, showAllViewsPopover: k, showUnsavedModalWarning: R, showDeleteModalWarning: T, activeEditViewPopover: S, activeViewMenuPopover: M, activeView: m, nextActiveView: u, viewToBeDeleted: c, skipUnsavedChangesReminder: p, createViewPopoverId: w, editViewPopoverId: F, computedViews: $, clearError: x, duplicateView: A, errors: z, setViews: B, updateView: O, validateLabel: K, hideCreateViewPopover: E, hideEditViewPopover: G, hostWidth: h1, addToast: Q, computedUnsavedViewModalActions: $e, computedDeleteViewModalActions: Me, computedViewToBeDeletedLabel: He, hasMetaSection: w1, isCompact: m1, conditionalContainerClass: ye, getViewMenuData: Ze, showViewMenuPopover: xe, hideViewMenuPopover: U, setActiveEditViewPopover: Y, handleCreateViewItem: V1, handleUpdateViewItem: b1, handleKeydownEnterViewItem: ke, handleViewSelect: o1, handleClickModal: Se, handleTabEditViewPopover: Re, handleSaveChanges: u1, handleRestoreChanges: c1, isViewActive: L1, isViewUnsaved: d1, BentoButton: f1, BentoToggleButton: p1, BentoCheckbox: ge, BentoMenu: he, BentoModal: Te, BentoPopover: C1, BentoTypography: we, HeaderMeta: qe, ButtonActionsWithMenu: Oe, InfoIconWithPopover: je, DotIcon: Be, OptionsHorizontalIcon: be, PlusIcon: wt, HeaderWithViewsAllViews: Us, HeaderWithViewsEditForm: ea, BentoHeaderWithViewsItemIconElement: g1 };
+    return { __sfc: !0, props: t, emit: e, STACKED_LAYOUT_BREAKPOINT: s, t: a, slots: n, hasSlot: l, createViewButtonRef: g, createViewPopoverRef: h, editViewPopoverRef: _, editViewMenuRefs: v, editViewTargetElementRef: C, hostRef: f, viewsRef: L, viewRefs: V, viewControlRef: b, viewControlAllViewsRef: H, showCreateViewPopover: Z, showAllViewsPopover: k, showUnsavedModalWarning: R, showDeleteModalWarning: T, activeEditViewPopover: S, activeViewMenuPopover: M, activeView: m, nextActiveView: c, viewToBeDeleted: u, skipUnsavedChangesReminder: p, createViewPopoverId: w, editViewPopoverId: F, computedViews: $, clearError: x, duplicateView: A, errors: z, setViews: E, updateView: O, validateLabel: K, hideCreateViewPopover: B, hideEditViewPopover: G, hostWidth: h1, addToast: Q, computedUnsavedViewModalActions: $e, computedDeleteViewModalActions: Me, computedViewToBeDeletedLabel: He, hasMetaSection: w1, isCompact: m1, conditionalContainerClass: ye, getViewMenuData: Ze, showViewMenuPopover: xe, hideViewMenuPopover: U, setActiveEditViewPopover: Y, handleCreateViewItem: V1, handleUpdateViewItem: b1, handleKeydownEnterViewItem: ke, handleViewSelect: o1, handleClickModal: Se, handleTabEditViewPopover: Re, handleSaveChanges: c1, handleRestoreChanges: u1, isViewActive: L1, isViewUnsaved: d1, BentoButton: f1, BentoToggleButton: p1, BentoCheckbox: ge, BentoMenu: he, BentoModal: Fe, BentoPopover: C1, BentoTypography: we, HeaderMeta: qe, ButtonActionsWithMenu: Ae, InfoIconWithPopover: je, DotIcon: Be, OptionsHorizontalIcon: be, PlusIcon: wt, HeaderWithViewsAllViews: Us, HeaderWithViewsEditForm: ea, BentoHeaderWithViewsItemIconElement: g1 };
   }
 });
 var ia = function() {
@@ -1562,10 +1558,10 @@ var ia = function() {
   na,
   !1,
   null,
-  "b4e96652"
+  "121f954b"
 );
-const Ia = la.exports;
+const Sa = la.exports;
 export {
-  Ia as h
+  Sa as h
 };
-//# sourceMappingURL=header-with-views.BUQ-MlAq.js.map
+//# sourceMappingURL=header-with-views.Dzifal09.js.map