@adyen/bento-vue2 1.89.2 → 1.90.0

package/dist/code-snippet.js

@@ -1,4 +1,4 @@
-import { c as n, B as o, a as p, b as a } from "./chunks/code-snippet.YIm2oO_o.js";
+import { c as n, B as o, a as p, b as a } from "./chunks/code-snippet.4DX9iUV8.js";
 export {
   n as BentoCodeSnippet,
   o as BentoCodeSnippetEvent,

package/dist/country.js

@@ -1,6 +1,6 @@
-import { c as a } from "./chunks/country.D20NCLLG.js";
-import { B as r, a as n, u } from "./chunks/country.types.DxKjyd0S.js";
-import { u as C, a as y } from "./chunks/use-country-phon-code.C6orQNnM.js";
+import { c as a } from "./chunks/country.BEwW8TQo.js";
+import { B as r, a as n, u } from "./chunks/country.types.jjXwaoMl.js";
+import { u as C, a as y } from "./chunks/use-country-phon-code.ByqnuIni.js";
 export {
   a as BentoCountry,
   r as BentoCountryCode,

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { d as e, a as t } from "./chunks/dashboard-section.BubZyu8i.js";
+import { d as e, a as t } from "./chunks/dashboard-section.TWlLdQHG.js";
 export {
   e as BentoDashboardSection,
   t as BentoDashboardTemplate

package/dist/dashed-underline.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/dashed-underline.pjYTS0m1.js";
+import { B as o } from "./chunks/dashed-underline.CpDuQ3Fo.js";
 export {
   o as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.D8RhngPj.js";
+import { d as t } from "./chunks/data-grid-template.DZaE-kOS.js";
 export {
   t as BentoDataGridTemplate
 };

package/dist/data-grid.js

@@ -1,4 +1,4 @@
-import { B as e, d as o, a as r, b as i, c as n, e as d, f as B, g as l, h as s, i as D } from "./chunks/data-grid.DJG8Ty0A.js";
+import { B as e, d as o, a as r, b as i, c as n, e as d, f as B, g as l, h as s, i as D } from "./chunks/data-grid.x6cEW0az.js";
 export {
   e as BentoColumnOverflow,
   o as BentoDataGrid,

package/dist/date-picker.js

@@ -1,6 +1,6 @@
-import { B as a } from "./chunks/date-picker.CnazYcSX.js";
+import { B as a } from "./chunks/date-picker.Dln8ocL4.js";
 import { B as o } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { C as n, a as B } from "./chunks/calendar.CXKhBF2f.js";
+import { C as n, a as B } from "./chunks/calendar.uvIGF_jU.js";
 export {
   a as BentoDatePicker,
   o as BentoDatePickerEvent,

package/dist/date-range-picker.js

@@ -1,6 +1,6 @@
-import { B as t } from "./chunks/date-range-picker.Bf9pRNL7.js";
+import { B as t } from "./chunks/date-range-picker.DPGy2h-9.js";
 import { B as n } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
-import { C as i, a as B } from "./chunks/calendar.CXKhBF2f.js";
+import { C as i, a as B } from "./chunks/calendar.uvIGF_jU.js";
 export {
   t as BentoDateRangePicker,
   n as BentoDateRangePickerEvent,

package/dist/draggable-handle.js

@@ -1,56 +1,143 @@
-import { defineComponent as u, computed as s } from "vue";
-import { f as c } from "./chunks/button-actions.BLk114As.js";
-import { u as _ } from "./chunks/index.B6WW_F-J.js";
-import { G as f } from "./chunks/grab.BxiVZ1RZ.js";
+import { defineComponent as h, computed as s } from "vue";
+import { f as c } from "./chunks/button-actions.BmU1DngD.js";
+import { u } from "./chunks/index.B6WW_F-J.js";
+import { G as b } from "./chunks/grab.BxiVZ1RZ.js";
 /* empty css                     */
 import { n } from "./chunks/_plugin-vue2_normalizer.CeySl7Fu.js";
-import { A as b } from "./chunks/arrow-left.CRREfabP.js";
-import { A as h } from "./chunks/arrow-right.Dn3AYpUP.js";
+import { A as f } from "./chunks/arrow-left.CRREfabP.js";
+import { A as _ } from "./chunks/arrow-right.Dn3AYpUP.js";
 import "./assets/draggable-handle.css";
 let l = 0;
-const g = {
+const T = {
   beforeCreate() {
     this.uuid = l.toString(), l += 1;
   }
 };
-var w = 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: "M8.75023 3.81089L13.0001 8.06077L14.0608 7.00011L8.00011 0.939453L1.93945 7.00011L3.00011 8.06077L7.25023 3.81066V14.7502H8.75023V3.81089Z" } })]);
-}, L = [], M = /* @__PURE__ */ n(
+var g = function() {
+  var e = this, o = e._self._c;
+  return o("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"] ? o("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), o("path", { attrs: { fill: "#001222", d: "M8.75023 3.81089L13.0001 8.06077L14.0608 7.00011L8.00011 0.939453L1.93945 7.00011L3.00011 8.06077L7.25023 3.81066V14.7502H8.75023V3.81089Z" } })]);
+}, M = [], L = /* @__PURE__ */ n(
+  T,
   g,
-  w,
-  L,
+  M,
   !1,
   null,
   null
 );
-const d = M.exports;
+const v = L.exports;
 let i = 0;
-const T = {
+const w = {
   beforeCreate() {
     this.uuid = i.toString(), i += 1;
   }
 };
-var x = 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.25434 12.1937L3.00011 7.93952L1.93945 9.00018L8.00011 15.0608L14.0608 9.00018L13.0001 7.93952L8.75433 12.1853L8.74316 1.24951L7.24316 1.25104L7.25434 12.1937Z" } })]);
-}, $ = [], R = /* @__PURE__ */ n(
-  T,
-  x,
-  $,
+var R = function() {
+  var e = this, o = e._self._c;
+  return o("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"] ? o("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), o("path", { attrs: { fill: "#001222", d: "M7.25434 12.1937L3.00011 7.93952L1.93945 9.00018L8.00011 15.0608L14.0608 9.00018L13.0001 7.93952L8.75433 12.1853L8.74316 1.24951L7.24316 1.25104L7.25434 12.1937Z" } })]);
+}, D = [], B = /* @__PURE__ */ n(
+  w,
+  R,
+  D,
   !1,
   null,
   null
 );
-const m = R.exports, C = {
-  "en-US": { moveDown: "Move down", moveLeft: "Move left", moveRight: "Move right", moveToTheBottom: "Move to the bottom", moveToTheTop: "Move to the top", moveUp: "Move up", reorderLabel: "Reorder {label}" },
-  "ja-JP": { moveDown: "下に移動", moveLeft: "左に移動", moveRight: "右に移動", moveToTheBottom: "一番下に移動", moveToTheTop: "一番上に移動", moveUp: "上に移動", reorderLabel: "{label}を並べ替え" },
-  "pt-BR": { moveDown: "Mover para baixo", moveLeft: "Mover para a esquerda", moveRight: "Mover para a direita", moveToTheBottom: "Mover para embaixo", moveToTheTop: "Mover para o topo", moveUp: "Mover para cima", reorderLabel: "Reordenar {label}" }
-}, B = {
-  i18n: { messages: C },
+const m = B.exports, x = {
+  "de-DE": {
+    moveDown: "Nach unten",
+    moveLeft: "Nach links",
+    moveRight: "Nach rechts bewegen",
+    moveToTheBottom: "Nach unten",
+    moveToTheTop: "Nach oben",
+    moveUp: "Nach oben",
+    reorderLabel: "{label} neu anordnen"
+  },
+  "en-GB": {
+    moveDown: "Move down",
+    moveLeft: "Move left",
+    moveRight: "Move right",
+    moveToTheBottom: "Move to the bottom",
+    moveToTheTop: "Move to the top",
+    moveUp: "Move up",
+    reorderLabel: "Reorder {label}"
+  },
+  "en-US": {
+    moveDown: "Move down",
+    moveLeft: "Move left",
+    moveRight: "Move right",
+    moveToTheBottom: "Move to the bottom",
+    moveToTheTop: "Move to the top",
+    moveUp: "Move up",
+    reorderLabel: "Reorder {label}"
+  },
+  "es-ES": {
+    moveDown: "Mover hacia abajo",
+    moveLeft: "Mover a la izquierda",
+    moveRight: "Mover a la derecha",
+    moveToTheBottom: "Mover a la parte inferior",
+    moveToTheTop: "Mover a la parte superior",
+    moveUp: "Mover hacia arriba",
+    reorderLabel: "Reordenar {label}"
+  },
+  "es-MX": {
+    moveDown: "Mover hacia abajo",
+    moveLeft: "Mover a la izquierda",
+    moveRight: "Mover a la derecha",
+    moveToTheBottom: "Mover a la parte inferior",
+    moveToTheTop: "Mover a la parte superior",
+    moveUp: "Mover hacia arriba",
+    reorderLabel: "Reordenar {label}"
+  },
+  "fr-FR": {
+    moveDown: "Déplacer vers le bas",
+    moveLeft: "Déplacer à gauche",
+    moveRight: "Déplacer à droite",
+    moveToTheBottom: "Déplacer tout en bas",
+    moveToTheTop: "Déplacer tout en haut",
+    moveUp: "Déplacer vers le haut",
+    reorderLabel: "Réorganiser {label}"
+  },
+  "it-IT": {
+    moveDown: "Sposta giù",
+    moveLeft: "Sposta a sinistra",
+    moveRight: "Sposta a destra",
+    moveToTheBottom: "Sposta in fondo",
+    moveToTheTop: "Sposta in cima",
+    moveUp: "Sposta in alto",
+    reorderLabel: "Riordina {label}"
+  },
+  "ja-JP": {
+    moveDown: "下に移動",
+    moveLeft: "左に移動",
+    moveRight: "右に移動",
+    moveToTheBottom: "一番下に移動",
+    moveToTheTop: "一番上に移動",
+    moveUp: "上に移動",
+    reorderLabel: "{label}を並べ替え"
+  },
+  "pt-BR": {
+    moveDown: "Mover para baixo",
+    moveLeft: "Mover para a esquerda",
+    moveRight: "Mover para a direita",
+    moveToTheBottom: "Mover para embaixo",
+    moveToTheTop: "Mover para o topo",
+    moveUp: "Mover para cima",
+    reorderLabel: "Reordenar {label}"
+  },
+  "zh-CN": {
+    moveDown: "下移",
+    moveLeft: "左移",
+    moveRight: "右移",
+    moveToTheBottom: "移至底部",
+    moveToTheTop: "移至顶部",
+    moveUp: "上移",
+    reorderLabel: "重新排序 {label}"
+  }
+}, $ = {
+  i18n: { messages: x },
   name: "bento-draggable-handle"
-}, D = /* @__PURE__ */ u({
-  ...B,
+}, U = /* @__PURE__ */ h({
+  ...$,
   props: {
     condensed: { default: !1 },
     disabledMenus: { default: () => ({}) },
@@ -58,92 +145,92 @@ const m = R.exports, C = {
     variant: { default: "up-and-down" }
   },
   emits: ["move-bottom", "move-down", "move-left", "move-right", "move-top", "move-up"],
-  setup(a, { emit: e }) {
-    const t = a, { t: o } = _(), v = s(
+  setup(r, { emit: e }) {
+    const o = r, { t } = u(), d = s(
       () => ({
-        "aria-label": o("reorderLabel", { label: t.label }),
-        condensed: t.condensed,
+        "aria-label": t("reorderLabel", { label: o.label }),
+        condensed: o.condensed,
         variant: "tertiary"
       })
     ), p = s(() => {
-      const r = {
+      const a = {
         up: {
-          text: o("moveUp"),
+          text: t("moveUp"),
           handler: () => e("move-up"),
-          disabled: t.disabledMenus.up,
-          icon: d
+          disabled: o.disabledMenus.up,
+          icon: v
         },
         down: {
-          text: o("moveDown"),
+          text: t("moveDown"),
           handler: () => e("move-down"),
-          disabled: t.disabledMenus.down,
+          disabled: o.disabledMenus.down,
           icon: m
         },
         left: {
-          text: o("moveLeft"),
+          text: t("moveLeft"),
           handler: () => e("move-left"),
-          disabled: t.disabledMenus.left,
-          icon: b
+          disabled: o.disabledMenus.left,
+          icon: f
         },
         right: {
-          text: o("moveRight"),
+          text: t("moveRight"),
           handler: () => e("move-right"),
-          disabled: t.disabledMenus.right,
-          icon: h
+          disabled: o.disabledMenus.right,
+          icon: _
         },
         top: {
-          text: o("moveToTheTop"),
+          text: t("moveToTheTop"),
           handler: () => e("move-top"),
-          disabled: t.disabledMenus.top,
-          icon: d
+          disabled: o.disabledMenus.top,
+          icon: v
         },
         bottom: {
-          text: o("moveToTheBottom"),
+          text: t("moveToTheBottom"),
           handler: () => e("move-bottom"),
-          disabled: t.disabledMenus.bottom,
+          disabled: o.disabledMenus.bottom,
           icon: m
         }
       };
-      return t.variant === "up-and-down" ? [
-        r.up,
+      return o.variant === "up-and-down" ? [
+        a.up,
         // Divider added after "Move down"
         {
-          ...r.down,
+          ...a.down,
           addDivider: !0
         },
-        r.top,
-        r.bottom
+        a.top,
+        a.bottom
       ] : [
-        r.up,
-        r.down,
-        r.left,
+        a.up,
+        a.down,
+        a.left,
         // Divider added after "Move right"
         {
-          ...r.right,
+          ...a.right,
           addDivider: !0
         },
-        r.top,
-        r.bottom
+        a.top,
+        a.bottom
       ];
     });
-    return { __sfc: !0, t: o, props: t, emit: e, buttonComputedProps: v, menuData: p, BentoMenu: c, GrabIcon: f };
+    return { __sfc: !0, t, props: o, emit: e, buttonComputedProps: d, menuData: p, BentoMenu: c, GrabIcon: b };
   }
 });
-var I = function() {
-  var e = this, t = e._self._c, o = e._self._setupProxy;
-  return t(o.BentoMenu, { staticClass: "b-draggable-handle", attrs: { data: o.menuData, "menu-width": 250, button: o.buttonComputedProps }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t("span", { staticClass: "b-draggable-handle__icon" }, [t(o.GrabIcon, { attrs: { "aria-hidden": "true" } })], 1)];
+var S = function() {
+  var e = this, o = e._self._c, t = e._self._setupProxy;
+  return o(t.BentoMenu, { staticClass: "b-draggable-handle", attrs: { data: t.menuData, "menu-width": 250, button: t.buttonComputedProps }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [o("span", { staticClass: "b-draggable-handle__icon" }, [o(t.GrabIcon, { attrs: { "aria-hidden": "true" } })], 1)];
   }, proxy: !0 }]) });
-}, A = [], U = /* @__PURE__ */ n(
-  D,
-  I,
-  A,
+}, C = [], I = /* @__PURE__ */ n(
+  U,
+  S,
+  C,
   !1,
   null,
   "8b3d7ce1"
 );
-const j = U.exports;
+const q = I.exports;
 export {
-  j as BentoDraggableHandle
+  q as BentoDraggableHandle
 };
 //# sourceMappingURL=draggable-handle.js.map

package/dist/draggable-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggable-handle.js","sources":["../../ui-assets/icons-16/dist/vue/arrow-top.vue","../../ui-assets/icons-16/dist/vue/arrow-bottom.vue","../src/components/draggable-handle/draggable-handle.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M8.75023 3.81089L13.0001 8.06077L14.0608 7.00011L8.00011 0.939453L1.93945 7.00011L3.00011 8.06077L7.25023 3.81066V14.7502H8.75023V3.81089Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M7.25434 12.1937L3.00011 7.93952L1.93945 9.00018L8.00011 15.0608L14.0608 9.00018L13.0001 7.93952L8.75433 12.1853L8.74316 1.24951L7.24316 1.25104L7.25434 12.1937Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <bento-menu class=\"b-draggable-handle\" :data=\"menuData\" :menu-width=\"250\" :button=\"buttonComputedProps\">\n        <template #iconLeft>\n            <span class=\"b-draggable-handle__icon\">\n                <grab-icon aria-hidden=\"true\" />\n            </span>\n        </template>\n    </bento-menu>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed } from 'vue';\n    import { BentoMenu, type BentoMenuItem, type BentoMenuProps } from '@/components/menu';\n    import { type BentoDraggableHandleProps } from './draggable-handle.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import GrabIcon from '@adyen/ui-assets-icons-16/vue/grab';\n    import ArrowTopIcon from '@adyen/ui-assets-icons-16/vue/arrow-top';\n    import ArrowLeftIcon from '@adyen/ui-assets-icons-16/vue/arrow-left';\n    import ArrowRightIcon from '@adyen/ui-assets-icons-16/vue/arrow-right';\n    import ArrowBottomIcon from '@adyen/ui-assets-icons-16/vue/arrow-bottom';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = defineProps({\n  condensed: { default: false },\n  disabledMenus: { default: () => ({}) },\n  label: null,\n  variant: { default: 'up-and-down' }\n});\n    const emit = defineEmits([\"move-bottom\", \"move-down\", \"move-left\", \"move-right\", \"move-top\", \"move-up\"]);\n\n    const buttonComputedProps = computed(\n        () =>\n            ({\n                'aria-label': t('reorderLabel', { label: props.label }),\n                condensed: props.condensed,\n                variant: 'tertiary',\n            }) as BentoMenuProps['button']\n    );\n\n    /**\n     * Renders the menus for the draggable handle.\n     */\n    const menuData = computed(() => {\n        const MENUS: {\n            [key: string]: BentoMenuItem;\n        } = {\n            up: {\n                text: t('moveUp'),\n                handler: () => emit('move-up'),\n                disabled: props.disabledMenus.up,\n                icon: ArrowTopIcon,\n            },\n            down: {\n                text: t('moveDown'),\n                handler: () => emit('move-down'),\n                disabled: props.disabledMenus.down,\n                icon: ArrowBottomIcon,\n            },\n            left: {\n                text: t('moveLeft'),\n                handler: () => emit('move-left'),\n                disabled: props.disabledMenus.left,\n                icon: ArrowLeftIcon,\n            },\n            right: {\n                text: t('moveRight'),\n                handler: () => emit('move-right'),\n                disabled: props.disabledMenus.right,\n                icon: ArrowRightIcon,\n            },\n            top: {\n                text: t('moveToTheTop'),\n                handler: () => emit('move-top'),\n                disabled: props.disabledMenus.top,\n                icon: ArrowTopIcon,\n            },\n            bottom: {\n                text: t('moveToTheBottom'),\n                handler: () => emit('move-bottom'),\n                disabled: props.disabledMenus.bottom,\n                icon: ArrowBottomIcon,\n            },\n        };\n\n        // Render the menus and dividers according to the variant\n        return props.variant === 'up-and-down'\n            ? [\n                  MENUS.up,\n                  // Divider added after \"Move down\"\n                  {\n                      ...MENUS.down,\n                      addDivider: true,\n                  },\n                  MENUS.top,\n                  MENUS.bottom,\n              ]\n            : [\n                  MENUS.up,\n                  MENUS.down,\n                  MENUS.left,\n                  // Divider added after \"Move right\"\n                  {\n                      ...MENUS.right,\n                      addDivider: true,\n                  },\n                  MENUS.top,\n                  MENUS.bottom,\n              ];\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Bento drag and drop handle component.\n     *\n     * @example\n     * import { BentoDraggableHandle } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDraggableHandle },\n     *     template: `\n     *          <bento-draggable-handle\n     *              bottom\n     *              condensed\n     *              down\n     *              left\n     *              right\n     *              top\n     *              up\n     *              \\@move-bottom=\"moveBottom(index)\"\n     *              \\@move-down=\"moveDown(index)\"\n     *              \\@move-left=\"moveLeft(index)\"\n     *              \\@move-right=\"moveRight(index)\"\n     *              \\@move-top=\"moveTop(index)\"\n     *              \\@move-up=\"moveUp(index)\"\n     *          />\n     *     `,\n     *     setup() {\n     *          const moveBottom = () => {}\n     *          const moveDown = () => {}\n     *          const moveLeft = () => {}\n     *          const moveRight = () => {}\n     *          const moveTop = () => {}\n     *          const moveUp = () => {}\n     *     }\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-draggable-handle',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./draggable-handle.scss\" />\n"],"names":["uuid$1","_sfc_main$2","uuid","_sfc_main$1","__default__","messages","t","useI18n","buttonComputedProps","computed","props","menuData","MENUS","emit","ArrowTopIcon","ArrowBottomIcon","ArrowLeftIcon","ArrowRightIcon"],"mappings":";;;;;;;;;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;GCyIIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;iBAlIA,EAAA,GAAAC,EAAA,IAAAC,EAAA,GAUAC,IAAAC;AAAA,MAA4B,OAAA;AAAA,QAEnB,cAAAH,EAAA,gBAAA,EAAA,OAAAI,EAAA,MAAA,CAAA;AAAA,QACyD,WAAAA,EAAA;AAAA,QACrC,SAAA;AAAA,MACR;AAAA,IACb,GAMRC,IAAAF,EAAA,MAAA;AACI,YAAAG,IAAA;AAAA,QAEI,IAAA;AAAA,UACI,MAAAN,EAAA,QAAA;AAAA,UACgB,SAAA,MAAAO,EAAA,SAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACC,MAAAI;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAAR,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAO,EAAA,WAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACD,MAAAK;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAAT,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAO,EAAA,WAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACD,MAAAM;AAAA,QACxB;AAAA,QACV,OAAA;AAAA,UACO,MAAAV,EAAA,WAAA;AAAA,UACgB,SAAA,MAAAO,EAAA,YAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACF,MAAAO;AAAA,QACxB;AAAA,QACV,KAAA;AAAA,UACK,MAAAX,EAAA,cAAA;AAAA,UACqB,SAAA,MAAAO,EAAA,UAAA;AAAA,UACQ,UAAAH,EAAA,cAAA;AAAA,UACA,MAAAI;AAAA,QACxB;AAAA,QACV,QAAA;AAAA,UACQ,MAAAR,EAAA,iBAAA;AAAA,UACqB,SAAA,MAAAO,EAAA,aAAA;AAAA,UACQ,UAAAH,EAAA,cAAA;AAAA,UACH,MAAAK;AAAA,QACxB;AAAA,MACV;AAIJ,aAAAL,EAAA,YAAA,gBAAA;AAAA,QACME,EAAA;AAAA;AAAA,QACU;AAAA,UAEN,GAAAA,EAAA;AAAA,UACa,YAAA;AAAA,QACG;AAAA,QAChBA,EAAA;AAAA,QACMA,EAAA;AAAA,MACA,IAAA;AAAA,QAEVA,EAAA;AAAA,QACUA,EAAA;AAAA,QACAA,EAAA;AAAA;AAAA,QACA;AAAA,UAEN,GAAAA,EAAA;AAAA,UACa,YAAA;AAAA,QACG;AAAA,QAChBA,EAAA;AAAA,QACMA,EAAA;AAAA,MACA;AAAA,IACV,CAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"draggable-handle.js","sources":["../../ui-assets/icons-16/dist/vue/arrow-top.vue","../../ui-assets/icons-16/dist/vue/arrow-bottom.vue","../src/components/draggable-handle/draggable-handle.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M8.75023 3.81089L13.0001 8.06077L14.0608 7.00011L8.00011 0.939453L1.93945 7.00011L3.00011 8.06077L7.25023 3.81066V14.7502H8.75023V3.81089Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M7.25434 12.1937L3.00011 7.93952L1.93945 9.00018L8.00011 15.0608L14.0608 9.00018L13.0001 7.93952L8.75433 12.1853L8.74316 1.24951L7.24316 1.25104L7.25434 12.1937Z\"/></svg>\n</template>\n<script>\n    import '../css/main.css';\n\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n","<template>\n    <bento-menu class=\"b-draggable-handle\" :data=\"menuData\" :menu-width=\"250\" :button=\"buttonComputedProps\">\n        <template #iconLeft>\n            <span class=\"b-draggable-handle__icon\">\n                <grab-icon aria-hidden=\"true\" />\n            </span>\n        </template>\n    </bento-menu>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed } from 'vue';\n    import { BentoMenu, type BentoMenuItem, type BentoMenuProps } from '@/components/menu';\n    import { type BentoDraggableHandleProps } from './draggable-handle.types';\n    import { useI18n } from '@/utils/ts/i18n';\n    import GrabIcon from '@adyen/ui-assets-icons-16/vue/grab';\n    import ArrowTopIcon from '@adyen/ui-assets-icons-16/vue/arrow-top';\n    import ArrowLeftIcon from '@adyen/ui-assets-icons-16/vue/arrow-left';\n    import ArrowRightIcon from '@adyen/ui-assets-icons-16/vue/arrow-right';\n    import ArrowBottomIcon from '@adyen/ui-assets-icons-16/vue/arrow-bottom';\n\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const props = defineProps({\n  condensed: { default: false },\n  disabledMenus: { default: () => ({}) },\n  label: null,\n  variant: { default: 'up-and-down' }\n});\n    const emit = defineEmits([\"move-bottom\", \"move-down\", \"move-left\", \"move-right\", \"move-top\", \"move-up\"]);\n\n    const buttonComputedProps = computed(\n        () =>\n            ({\n                'aria-label': t('reorderLabel', { label: props.label }),\n                condensed: props.condensed,\n                variant: 'tertiary',\n            }) as BentoMenuProps['button']\n    );\n\n    /**\n     * Renders the menus for the draggable handle.\n     */\n    const menuData = computed(() => {\n        const MENUS: {\n            [key: string]: BentoMenuItem;\n        } = {\n            up: {\n                text: t('moveUp'),\n                handler: () => emit('move-up'),\n                disabled: props.disabledMenus.up,\n                icon: ArrowTopIcon,\n            },\n            down: {\n                text: t('moveDown'),\n                handler: () => emit('move-down'),\n                disabled: props.disabledMenus.down,\n                icon: ArrowBottomIcon,\n            },\n            left: {\n                text: t('moveLeft'),\n                handler: () => emit('move-left'),\n                disabled: props.disabledMenus.left,\n                icon: ArrowLeftIcon,\n            },\n            right: {\n                text: t('moveRight'),\n                handler: () => emit('move-right'),\n                disabled: props.disabledMenus.right,\n                icon: ArrowRightIcon,\n            },\n            top: {\n                text: t('moveToTheTop'),\n                handler: () => emit('move-top'),\n                disabled: props.disabledMenus.top,\n                icon: ArrowTopIcon,\n            },\n            bottom: {\n                text: t('moveToTheBottom'),\n                handler: () => emit('move-bottom'),\n                disabled: props.disabledMenus.bottom,\n                icon: ArrowBottomIcon,\n            },\n        };\n\n        // Render the menus and dividers according to the variant\n        return props.variant === 'up-and-down'\n            ? [\n                  MENUS.up,\n                  // Divider added after \"Move down\"\n                  {\n                      ...MENUS.down,\n                      addDivider: true,\n                  },\n                  MENUS.top,\n                  MENUS.bottom,\n              ]\n            : [\n                  MENUS.up,\n                  MENUS.down,\n                  MENUS.left,\n                  // Divider added after \"Move right\"\n                  {\n                      ...MENUS.right,\n                      addDivider: true,\n                  },\n                  MENUS.top,\n                  MENUS.bottom,\n              ];\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Bento drag and drop handle component.\n     *\n     * @example\n     * import { BentoDraggableHandle } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDraggableHandle },\n     *     template: `\n     *          <bento-draggable-handle\n     *              bottom\n     *              condensed\n     *              down\n     *              left\n     *              right\n     *              top\n     *              up\n     *              \\@move-bottom=\"moveBottom(index)\"\n     *              \\@move-down=\"moveDown(index)\"\n     *              \\@move-left=\"moveLeft(index)\"\n     *              \\@move-right=\"moveRight(index)\"\n     *              \\@move-top=\"moveTop(index)\"\n     *              \\@move-up=\"moveUp(index)\"\n     *          />\n     *     `,\n     *     setup() {\n     *          const moveBottom = () => {}\n     *          const moveDown = () => {}\n     *          const moveLeft = () => {}\n     *          const moveRight = () => {}\n     *          const moveTop = () => {}\n     *          const moveUp = () => {}\n     *     }\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-draggable-handle',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./draggable-handle.scss\" />\n"],"names":["uuid$1","_sfc_main$2","uuid","_sfc_main$1","__default__","messages","useI18n","buttonComputedProps","computed","props","menuData","MENUS","emit","ArrowTopIcon","ArrowBottomIcon","ArrowLeftIcon","ArrowRightIcon"],"mappings":";;;;;;;;;AAOA,IAAAA,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCyIIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;iBAlIA,EAAA,EAAA,IAAAC,EAAA,GAUAC,IAAAC;AAAA,MAA4B,OAAA;AAAA,QAEnB,cAAA,EAAA,gBAAA,EAAA,OAAAC,EAAA,MAAA,CAAA;AAAA,QACyD,WAAAA,EAAA;AAAA,QACrC,SAAA;AAAA,MACR;AAAA,IACb,GAMRC,IAAAF,EAAA,MAAA;AACI,YAAAG,IAAA;AAAA,QAEI,IAAA;AAAA,UACI,MAAA,EAAA,QAAA;AAAA,UACgB,SAAA,MAAAC,EAAA,SAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACC,MAAAI;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAA,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAD,EAAA,WAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACD,MAAAK;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAA,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAF,EAAA,WAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACD,MAAAM;AAAA,QACxB;AAAA,QACV,OAAA;AAAA,UACO,MAAA,EAAA,WAAA;AAAA,UACgB,SAAA,MAAAH,EAAA,YAAA;AAAA,UACa,UAAAH,EAAA,cAAA;AAAA,UACF,MAAAO;AAAA,QACxB;AAAA,QACV,KAAA;AAAA,UACK,MAAA,EAAA,cAAA;AAAA,UACqB,SAAA,MAAAJ,EAAA,UAAA;AAAA,UACQ,UAAAH,EAAA,cAAA;AAAA,UACA,MAAAI;AAAA,QACxB;AAAA,QACV,QAAA;AAAA,UACQ,MAAA,EAAA,iBAAA;AAAA,UACqB,SAAA,MAAAD,EAAA,aAAA;AAAA,UACQ,UAAAH,EAAA,cAAA;AAAA,UACH,MAAAK;AAAA,QACxB;AAAA,MACV;AAIJ,aAAAL,EAAA,YAAA,gBAAA;AAAA,QACME,EAAA;AAAA;AAAA,QACU;AAAA,UAEN,GAAAA,EAAA;AAAA,UACa,YAAA;AAAA,QACG;AAAA,QAChBA,EAAA;AAAA,QACMA,EAAA;AAAA,MACA,IAAA;AAAA,QAEVA,EAAA;AAAA,QACUA,EAAA;AAAA,QACAA,EAAA;AAAA;AAAA,QACA;AAAA,UAEN,GAAAA,EAAA;AAAA,UACa,YAAA;AAAA,QACG;AAAA,QAChBA,EAAA;AAAA,QACMA,EAAA;AAAA,MACA;AAAA,IACV,CAAA;;;;;;;;;;;;;;;;;;"}

package/dist/dropdown.js

@@ -1,7 +1,7 @@
-import { B as r } from "./chunks/dropdown.Ct7uhPr6.js";
-import { B as t } from "./chunks/dropdown-default-textbox.Dvzg0StF.js";
-import { d as p, a as d, b as B, c as s, e as w } from "./chunks/dropdown-tag.BRB-emd1.js";
-import { B as m, a as y } from "./chunks/use-cached-selected-values.DqX2qsMC.js";
+import { B as r } from "./chunks/dropdown.CvNI2V33.js";
+import { B as t } from "./chunks/dropdown-default-textbox.CjhLIxVq.js";
+import { d as p, a as d, b as B, c as s, e as w } from "./chunks/dropdown-tag.t3FlJUSy.js";
+import { B as m, a as y } from "./chunks/use-cached-selected-values.Bn3Y8Iuq.js";
 export {
   r as BentoDropdown,
   p as BentoDropdownAvatar,

package/dist/empty-state.js

@@ -1,4 +1,4 @@
-import { B as e, a as m, b as n, c as o } from "./chunks/empty-state.D_Ac-XXH.js";
+import { B as e, a as m, b as n, c as o } from "./chunks/empty-state.DMV23IZy.js";
 export {
   e as BentoEmptyState,
   m as BentoEmptyStateImage,

package/dist/file-uploader.js

@@ -1,4 +1,4 @@
-import { f as r } from "./chunks/file-uploader.D5Rjsx4k.js";
+import { f as r } from "./chunks/file-uploader.Cig5gDXT.js";
 export {
   r as BentoFileUploader
 };

package/dist/filter-bar.js

@@ -1,4 +1,4 @@
-import { B as a, a as r, b as B, c as n, d as o } from "./chunks/filter-bar.zD_ctViU.js";
+import { B as a, a as r, b as B, c as n, d as o } from "./chunks/filter-bar.x445KK3y.js";
 export {
   a as BentoBaseFilter,
   r as BentoFilterBar,

package/dist/form-layout.js

@@ -1,4 +1,4 @@
-import { f as a, a as e, b as r, c as m } from "./chunks/form-layout-title.Bw7VgOO5.js";
+import { f as a, a as e, b as r, c as m } from "./chunks/form-layout-title.DR5M7GP3.js";
 export {
   a as BentoFormLayout,
   e as BentoFormLayoutFieldTip,

package/dist/header-with-views.js

@@ -1,4 +1,4 @@
-import { h as r } from "./chunks/header-with-views.DaEhkSS8.js";
+import { h as r } from "./chunks/header-with-views.-cvdi9-L.js";
 export {
   r as BentoHeaderWithViews
 };

package/dist/header.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/header.DkC-KKWa.js";
+import { B as r } from "./chunks/header.DtmZjxiU.js";
 export {
   r as BentoHeader
 };