@adyen/bento-vue2 1.72.0 → 1.74.0

package/dist/chunks/{header-with-views.DjZa4Wob.js → header-with-views.t5Fr63SD.js}

@@ -1,13 +1,13 @@
 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.CilT7NmM.js";
-import { B as ge } from "./checkbox.D7-f9Y6w.js";
-import { u as s1, h as C1, f as he, c as p1, B as Te } from "./button-actions.55vIvDsX.js";
-import { B as Fe } from "./modal.qybFapnI.js";
+import { B as f1 } from "./button.CS_kdxYh.js";
+import { B as ge } from "./checkbox.BPtHAAEa.js";
+import { u as s1, h as C1, f as he, c as p1, B as Te } from "./button-actions.B81vY51z.js";
+import { B as Fe } from "./modal.Bp5twyjz.js";
 import { B as we } from "./typography.hlOAxsEn.js";
 import { u as Oe } from "./use-has-slot.C9lQZ6nz.js";
 import { g as a1 } from "./generate-uid.NJ8tVoha.js";
-import { B as Ae } from "./button-actions-with-menu.BtWUxmSL.js";
-import { u as r1 } from "./i18n.BQkEbtPM.js";
+import { B as Ae } from "./button-actions-with-menu.BFRkPi6g.js";
+import { u as r1 } from "./index.B6WW_F-J.js";
 import { B as Ee } from "./bin.Ddb69cr1.js";
 import { D as Be } from "./dot.BW9SneIk.js";
 /* empty css              */
@@ -15,12 +15,12 @@ import { n as d } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
 import { R as Ue } from "./refresh.arF7jP-l.js";
 import { b as me, o as Ne } from "./index.BDK4hwK_.js";
 import { B as Ge } from "./divider.CFbtmKeQ.js";
-import { B as ze } from "./input-field.CwF6ldRY.js";
+import { B as ze } from "./input-field.D52XYEzU.js";
 import "./index.Cl4_42j5.js";
 import { d as Ke } from "./debounce.DUTu11PS.js";
-import { F as Ye } from "./field-label.BKzuCnXr.js";
+import { F as Ye } from "./field-label.Auq-Pzho.js";
 import { u as t1 } from "./on-click-outside.D9aY9g8G.js";
-import { I as je, H as qe } from "./header-meta.DZYH-qg-.js";
+import { I as je, H as qe } from "./header-meta.uiIO1wHP.js";
 import { u as Je } from "./use-bento-toast-controller.BKHU1qBv.js";
 import "../assets/header-with-views.css";
 let x1 = 0;
@@ -778,7 +778,50 @@ var xs = function() {
   null,
   null
 );
-const Rs = Ss.exports, Ps = (i) => {
+const Rs = Ss.exports, Ps = {
+  "en-US": {
+    cancel: "Cancel",
+    createView: "Create view",
+    createViewToast: "Successfully created “{label}”",
+    delete: "Delete",
+    deleteViewAction: "Delete view",
+    deleteViewDescription: "Your “{label}” view can't 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"
+  },
+  "ja-JP": {
+    cancel: "キャンセル",
+    delete: "削除",
+    edit: "編集",
+    editDetails: "詳細を編集する",
+    saveChanges: "変更を保存",
+    undo: "元に戻す"
+  },
+  "pt-BR": {
+    cancel: "Cancelar",
+    delete: "Excluir",
+    edit: "Editar",
+    editDetails: "Editar detalhes",
+    saveChanges: "Salvar alterações",
+    undo: "Desfazer"
+  }
+}, Ds = (i) => {
   const e = o(i.views), t = Pe({ label: "" }), { t: s } = r1(), a = D(
     () => e.value.map((v) => {
       var C;
@@ -846,7 +889,7 @@ const Rs = Ss.exports, Ps = (i) => {
   };
 };
 var $e = /* @__PURE__ */ ((i) => (i.UP = "up", i.DOWN = "down", i))($e || {});
-const Ds = (i) => {
+const Is = (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([]), $ = (u) => n.value === u, V = (u, c) => {
     if (!c.target.closest("[data-drag-trigger]"))
       return;
@@ -956,7 +999,7 @@ const Ds = (i) => {
     handleDragStart: V,
     handleDragStop: Z
   };
-}, Is = (i) => {
+}, Ts = (i) => {
   const { container: e, children: t, offset: s, activeViewIndex: a } = i, n = o(t.value.length), { width: l } = me(e);
   return N(
     [l, a, t],
@@ -1000,17 +1043,17 @@ const Ds = (i) => {
   }), {
     maxDisplayedViews: n
   };
-}, Ts = {
+}, Fs = {
   "en-US": {
     movingDraggedToPosition: "Moving {dragged} to position of {draggingOver}",
     openViewOptions: "Open {label} options",
     reorderView: "Reorder {label}",
     toggleAllViews: "Toggle all views"
   }
-}, Fs = {
-  i18n: { messages: Ts }
-}, Os = /* @__PURE__ */ _1({
-  ...Fs,
+}, Os = {
+  i18n: { messages: Fs }
+}, As = /* @__PURE__ */ _1({
+  ...Os,
   __name: "header-with-views-all-views",
   props: {
     menuCloseOnClickOutsideOptions: null,
@@ -1038,7 +1081,7 @@ const Ds = (i) => {
       handleDragKeyboardToggle: R,
       handleDragStart: T,
       handleDragStop: S
-    } = Ds({
+    } = Is({
       items: De(t, "menuItems"),
       itemRefs: h,
       onDrop: (c) => e("reorder:view", c)
@@ -1050,7 +1093,7 @@ const Ds = (i) => {
     }, BentoButton: f1, BentoToggleButton: p1, BentoHeaderWithViewsItemIconElement: g1, BentoMenu: he, BentoPopover: C1, BentoTypography: we, GrabIcon: ys, MenuIcon: Rs, OptionsHorizontalIcon: be, UseDragAndDropViewsDirectionEnum: $e };
   }
 });
-var As = function() {
+var Es = function() {
   var e = this, t = e._self._c, s = e._self._setupProxy;
   return t("div", { ref: "allViewsRef", staticClass: "b-header-with-views-all-views", attrs: { "data-testid": "header-with-views-all-views" }, on: { keydown: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : (a.stopPropagation(), a.preventDefault(), s.closeMenu.apply(null, arguments));
@@ -1085,35 +1128,35 @@ 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);
-}, Es = [], Bs = /* @__PURE__ */ d(
-  Os,
+}, Bs = [], Us = /* @__PURE__ */ d(
   As,
   Es,
+  Bs,
   !1,
   null,
-  "60e654f2"
+  "9dd3998e"
 );
-const Us = Bs.exports;
+const Ns = Us.exports;
 let Ce = 0;
-const Ns = {
+const Gs = {
   beforeCreate() {
     this.uuid = Ce.toString(), Ce += 1;
   }
 };
-var Gs = function() {
+var zs = 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-circle_filled__a" + e.uuid + ")" } }, [t("path", { attrs: { 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" } })]), t("defs", [t("clipPath", { attrs: { id: "uia-ui-assets/icons-16-circle_filled__a" + e.uuid } }, [t("rect", { attrs: { width: "16", height: "16", fill: "#fff" } })])])]);
-}, zs = [], Ks = /* @__PURE__ */ d(
-  Ns,
+}, Ks = [], Ys = /* @__PURE__ */ d(
   Gs,
   zs,
+  Ks,
   !1,
   null,
   null
 );
-const Ys = Ks.exports;
+const js = Ys.exports;
 var v1 = /* @__PURE__ */ ((i) => (i.EDIT = "edit", i.CREATE = "create", i))(v1 || {});
-const js = {
+const qs = {
   "en-US": {
     cancel: "Cancel",
     color: "Color",
@@ -1137,10 +1180,10 @@ const js = {
     save: "Salvar",
     selected: "Selecionado"
   }
-}, qs = {
-  i18n: { messages: js }
-}, Js = /* @__PURE__ */ _1({
-  ...qs,
+}, Js = {
+  i18n: { messages: qs }
+}, Ws = /* @__PURE__ */ _1({
+  ...Js,
   __name: "header-with-views-edit-form",
   props: {
     additionalFormItem: { default: null },
@@ -1214,10 +1257,10 @@ const js = {
       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: $, iconColorOptions: V, hasErrors: b, computedAlert: M, computedActions: Z, t: k, computedFormValues: R, conditionalIconClass: T, hideIconSelectorPopover: S, updateView: H, resetView: m, handleInput: u, handleAdditionalFormItemChange: c, BentoButton: f1, BentoButtonActions: Te, BentoToggleButton: p1, BentoCheckbox: ge, BentoDivider: Ge, BentoInputField: ze, BentoPopover: C1, FieldLabel: Ye, 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: $, iconColorOptions: V, hasErrors: b, computedAlert: M, computedActions: Z, t: k, computedFormValues: R, conditionalIconClass: T, hideIconSelectorPopover: S, updateView: H, resetView: m, handleInput: u, handleAdditionalFormItemChange: c, BentoButton: f1, BentoButtonActions: Te, BentoToggleButton: p1, BentoCheckbox: ge, BentoDivider: Ge, BentoInputField: ze, BentoPopover: C1, FieldLabel: Ye, CircleFilledIcon: js, BentoHeaderWithViewsItemIconElement: g1 };
   }
 });
-var Ws = function() {
+var Qs = function() {
   var e = this, t = e._self._c, s = e._self._setupProxy;
   return t("form", { staticClass: "b-header-with-views-edit-form" }, [t(s.FieldLabel, [e._v(e._s(s.t("title")))]), t("div", { staticClass: "b-header-with-views-edit-form__icon-choice-alert", attrs: { role: "alert" } }, [e._v(e._s(s.computedAlert))]), t("div", { staticClass: "b-header-with-views-edit-form__icon-selector" }, [t(s.BentoToggleButton, { ref: "iconSelectorButtonRef", attrs: { variant: "secondary", "aria-expanded": s.showIconSelectorPopover, "aria-controls": s.showIconSelectorPopover ? s.iconPopoverId : null, disabled: s.props.disableCustomization, toggled: s.showIconSelectorPopover }, on: { click: function(a) {
     s.showIconSelectorPopover = !s.showIconSelectorPopover;
@@ -1245,59 +1288,16 @@ var Ws = function() {
   }, input: s.handleInput, blur: function(a) {
     return s.emit("blur:label", s.labelValue);
   } } })], 1), e.additionalFormItem ? t(s.BentoCheckbox, { staticClass: "b-header-with-views-edit-form__additional-config", attrs: { "model-value": s.additionalFormItemValue }, on: { "update:model-value": s.handleAdditionalFormItemChange } }, [e._v(" " + e._s(e.additionalFormItem.label) + " ")]) : e._e(), t(s.BentoButtonActions, { staticClass: "b-header-with-views-edit-form__actions", attrs: { actions: s.computedActions, layout: "buttons-end" } })], 1);
-}, Qs = [], Xs = /* @__PURE__ */ d(
-  Js,
+}, Xs = [], ea = /* @__PURE__ */ d(
   Ws,
   Qs,
+  Xs,
   !1,
   null,
   "ca3817d6"
 );
-const ea = Xs.exports, ta = {
-  "en-US": {
-    cancel: "Cancel",
-    createView: "Create view",
-    createViewToast: "Successfully created “{label}”",
-    delete: "Delete",
-    deleteViewAction: "Delete view",
-    deleteViewDescription: "Your “{label}” view can't 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"
-  },
-  "ja-JP": {
-    cancel: "キャンセル",
-    delete: "削除",
-    edit: "編集",
-    editDetails: "詳細を編集する",
-    saveChanges: "変更を保存",
-    undo: "元に戻す"
-  },
-  "pt-BR": {
-    cancel: "Cancelar",
-    delete: "Excluir",
-    edit: "Editar",
-    editDetails: "Editar detalhes",
-    saveChanges: "Salvar alterações",
-    undo: "Desfazer"
-  }
-}, sa = {
-  i18n: { messages: ta }
+const ta = ea.exports, sa = {
+  i18n: { messages: Ps }
 }, aa = /* @__PURE__ */ _1({
   ...sa,
   __name: "header-with-views",
@@ -1317,13 +1317,13 @@ 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 = Oe(n), g = o(null), h = o(null), _ = o(null), v = o([]), C = o(null), f = o(null), $ = o(null), V = o([]), b = o(null), M = o(null), Z = o(!1), k = o(!1), R = o(!1), T = o(!1), S = o(null), H = o(null), m = o(null), u = o(null), c = o(null), p = o(!1), w = a1("createViewPopover"), F = a1("editViewPopover");
-    Is({
+    Ts({
       container: $,
       children: V,
       offset: b,
       activeViewIndex: m
     });
-    const { computedViews: L, clearError: x, duplicateView: A, errors: z, setViews: E, updateView: O, validateLabel: K } = Ps({
+    const { computedViews: L, clearError: x, duplicateView: A, errors: z, setViews: E, updateView: O, validateLabel: K } = Ds({
       additionalViewSetting: t.additionalViewSetting,
       views: t.views
     }), B = async (r = !0) => {
@@ -1488,7 +1488,7 @@ const ea = Xs.exports, ta = {
     }, c1 = () => {
       e("restore:view", L.value[m.value].label), R.value ? (e("update:skip-unsaved-changes", p.value), m.value = u.value, u.value = null, R.value = !1) : U();
     }, $1 = (r) => m.value === r, d1 = (r) => $1(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: $, viewRefs: V, viewControlRef: b, viewControlAllViewsRef: M, showCreateViewPopover: Z, showAllViewsPopover: k, showUnsavedModalWarning: R, showDeleteModalWarning: T, activeEditViewPopover: S, activeViewMenuPopover: H, activeView: m, nextActiveView: u, viewToBeDeleted: c, skipUnsavedChangesReminder: p, createViewPopoverId: w, editViewPopoverId: F, computedViews: L, clearError: x, duplicateView: A, errors: z, setViews: E, updateView: O, validateLabel: K, hideCreateViewPopover: B, hideEditViewPopover: G, hostWidth: h1, addToast: Q, computedUnsavedViewModalActions: Le, computedDeleteViewModalActions: He, computedViewToBeDeletedLabel: Me, 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: $1, 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 };
+    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: $, viewRefs: V, viewControlRef: b, viewControlAllViewsRef: M, showCreateViewPopover: Z, showAllViewsPopover: k, showUnsavedModalWarning: R, showDeleteModalWarning: T, activeEditViewPopover: S, activeViewMenuPopover: H, activeView: m, nextActiveView: u, viewToBeDeleted: c, skipUnsavedChangesReminder: p, createViewPopoverId: w, editViewPopoverId: F, computedViews: L, clearError: x, duplicateView: A, errors: z, setViews: E, updateView: O, validateLabel: K, hideCreateViewPopover: B, hideEditViewPopover: G, hostWidth: h1, addToast: Q, computedUnsavedViewModalActions: Le, computedDeleteViewModalActions: He, computedViewToBeDeletedLabel: Me, 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: $1, 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: Ns, HeaderWithViewsEditForm: ta, BentoHeaderWithViewsItemIconElement: g1 };
   }
 });
 var ia = function() {
@@ -1558,10 +1558,10 @@ var ia = function() {
   na,
   !1,
   null,
-  "a22e7820"
+  "64087786"
 );
 const Sa = la.exports;
 export {
   Sa as h
 };
-//# sourceMappingURL=header-with-views.DjZa4Wob.js.map
+//# sourceMappingURL=header-with-views.t5Fr63SD.js.map