@adyen/bento-vue3 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.DgAuuZF5.js";
+import { c as n, B as o, a as p, b as a } from "./chunks/code-snippet.BePxxR3q.js";
 export {
   n as BentoCodeSnippet,
   o as BentoCodeSnippetEvent,

package/dist/country.js

@@ -1,6 +1,6 @@
-import { c as a } from "./chunks/country.CaGc08Ps.js";
-import { B as r, a as n, u } from "./chunks/country.types.DjpMGz7a.js";
-import { u as C, a as y } from "./chunks/use-country-phon-code.DoqTGkNr.js";
+import { c as a } from "./chunks/country.15m_ATbO.js";
+import { B as r, a as n, u } from "./chunks/country.types.6a7xxZIR.js";
+import { u as C, a as y } from "./chunks/use-country-phon-code.BzcawGpE.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.UafHRkMa.js";
+import { d as e, a as t } from "./chunks/dashboard-section.CiNDItU2.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.CcDV2Aks.js";
+import { B as o } from "./chunks/dashed-underline.CwdpUz76.js";
 export {
   o as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.CnC4TQvk.js";
+import { d as t } from "./chunks/data-grid-template.nXn1dLCw.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.BSIXLRm7.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.CXWaoqzi.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.dlzZ_-5f.js";
+import { B as a } from "./chunks/date-picker.DPjCROIP.js";
 import { B as o } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { C as n, a as B } from "./chunks/calendar.DcCqkSNJ.js";
+import { C as n, a as B } from "./chunks/calendar.CH-1Vgeb.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.DC6CK0As.js";
+import { B as t } from "./chunks/date-range-picker.fyrfFd04.js";
 import { B as n } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
-import { C as i, a as B } from "./chunks/calendar.DcCqkSNJ.js";
+import { C as i, a as B } from "./chunks/calendar.CH-1Vgeb.js";
 export {
   t as BentoDateRangePicker,
   n as BentoDateRangePickerEvent,

package/dist/draggable-handle.js

@@ -1,64 +1,71 @@
-import { openBlock as s, createElementBlock as d, mergeProps as f, toDisplayString as g, createCommentVNode as w, createElementVNode as l, defineComponent as M, computed as p, createBlock as T, unref as v, withCtx as $, createVNode as B } from "vue";
-import { f as x } from "./chunks/button-actions.cMQWyZne.js";
-import { u as D } from "./chunks/index.B875RXHM.js";
-import { G as R } from "./chunks/grab.DJYL4kBq.js";
+import { openBlock as i, createElementBlock as m, mergeProps as T, toDisplayString as f, createCommentVNode as g, createElementVNode as s, defineComponent as w, computed as v, createBlock as _, unref as p, withCtx as D, createVNode as R } from "vue";
+import { f as B } from "./chunks/button-actions.Bh_PZ_fV.js";
+import { u as $ } from "./chunks/index.B875RXHM.js";
+import { G as U } from "./chunks/grab.DJYL4kBq.js";
 /* empty css                     */
-import { _ as m } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import { A as I } from "./chunks/arrow-left.C6UiqO-c.js";
-import { A } from "./chunks/arrow-right.fSdLV_ho.js";
+import { _ as d } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import { A as S } from "./chunks/arrow-left.C6UiqO-c.js";
+import { A as N } from "./chunks/arrow-right.fSdLV_ho.js";
 import "./assets/draggable-handle.css";
-let u = 0;
-const C = {
+let h = 0;
+const x = {
   beforeCreate() {
-    this.uuid = u.toString(), u += 1;
+    this.uuid = h.toString(), h += 1;
   }
-}, U = { key: 0 };
-function k(t, n, a, e, r, i) {
-  return s(), d("svg", f({ role: "img" }, t.$attrs, {
+}, I = { key: 0 };
+function C(t, n, a, e, r, l) {
+  return i(), m("svg", T({ role: "img" }, t.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    t.$attrs["svg-title"] ? (s(), d("title", U, g(t.$attrs["svg-title"]), 1)) : w("", !0),
-    n[0] || (n[0] = l("path", {
+    t.$attrs["svg-title"] ? (i(), m("title", I, f(t.$attrs["svg-title"]), 1)) : g("", !0),
+    n[0] || (n[0] = s("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"
     }, null, -1))
   ], 16);
 }
-const c = /* @__PURE__ */ m(C, [["render", k]]);
-let b = 0;
-const y = {
+const c = /* @__PURE__ */ d(x, [["render", C]]);
+let u = 0;
+const k = {
   beforeCreate() {
-    this.uuid = b.toString(), b += 1;
+    this.uuid = u.toString(), u += 1;
   }
-}, S = { key: 0 };
-function V(t, n, a, e, r, i) {
-  return s(), d("svg", f({ role: "img" }, t.$attrs, {
+}, A = { key: 0 };
+function y(t, n, a, e, r, l) {
+  return i(), m("svg", T({ role: "img" }, t.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    t.$attrs["svg-title"] ? (s(), d("title", S, g(t.$attrs["svg-title"]), 1)) : w("", !0),
-    n[0] || (n[0] = l("path", {
+    t.$attrs["svg-title"] ? (i(), m("title", A, f(t.$attrs["svg-title"]), 1)) : g("", !0),
+    n[0] || (n[0] = s("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"
     }, null, -1))
   ], 16);
 }
-const h = /* @__PURE__ */ m(y, [["render", V]]), L = {
+const b = /* @__PURE__ */ d(k, [["render", y]]), M = {
+  "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}" }
-}, N = { class: "b-draggable-handle__icon" }, E = {
-  i18n: { messages: L },
+  "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}" }
+}, E = { class: "b-draggable-handle__icon" }, V = {
+  i18n: { messages: M },
   name: "bento-draggable-handle"
-}, H = /* @__PURE__ */ M({
-  ...E,
+}, j = /* @__PURE__ */ w({
+  ...V,
   props: {
     condensed: { type: Boolean, default: !1 },
     disabledMenus: { default: () => ({}) },
@@ -67,13 +74,13 @@ const h = /* @__PURE__ */ m(y, [["render", V]]), L = {
   },
   emits: ["move-bottom", "move-down", "move-left", "move-right", "move-top", "move-up"],
   setup(t, { emit: n }) {
-    const { t: a } = D({ messages: L }), e = t, r = n, i = p(
+    const { t: a } = $({ messages: M }), e = t, r = n, l = v(
       () => ({
         "aria-label": a("reorderLabel", { label: e.label }),
         condensed: e.condensed,
         variant: "tertiary"
       })
-    ), _ = p(() => {
+    ), L = v(() => {
       const o = {
         up: {
           text: a("moveUp"),
@@ -85,19 +92,19 @@ const h = /* @__PURE__ */ m(y, [["render", V]]), L = {
           text: a("moveDown"),
           handler: () => r("move-down"),
           disabled: e.disabledMenus.down,
-          icon: h
+          icon: b
         },
         left: {
           text: a("moveLeft"),
           handler: () => r("move-left"),
           disabled: e.disabledMenus.left,
-          icon: I
+          icon: S
         },
         right: {
           text: a("moveRight"),
           handler: () => r("move-right"),
           disabled: e.disabledMenus.right,
-          icon: A
+          icon: N
         },
         top: {
           text: a("moveToTheTop"),
@@ -109,7 +116,7 @@ const h = /* @__PURE__ */ m(y, [["render", V]]), L = {
           text: a("moveToTheBottom"),
           handler: () => r("move-bottom"),
           disabled: e.disabledMenus.bottom,
-          icon: h
+          icon: b
         }
       };
       return e.variant === "up-and-down" ? [
@@ -134,22 +141,22 @@ const h = /* @__PURE__ */ m(y, [["render", V]]), L = {
         o.bottom
       ];
     });
-    return (o, P) => (s(), T(v(x), {
+    return (o, q) => (i(), _(p(B), {
       class: "b-draggable-handle",
-      data: _.value,
+      data: L.value,
       "menu-width": 250,
-      button: i.value
+      button: l.value
     }, {
-      iconLeft: $(() => [
-        l("span", N, [
-          B(v(R), { "aria-hidden": "true" })
+      iconLeft: D(() => [
+        s("span", E, [
+          R(p(U), { "aria-hidden": "true" })
         ])
       ]),
       _: 1
     }, 8, ["data", "button"]));
   }
-}), O = /* @__PURE__ */ m(H, [["__scopeId", "data-v-5e65c9c5"]]);
+}), K = /* @__PURE__ */ d(j, [["__scopeId", "data-v-5e65c9c5"]]);
 export {
-  O as BentoDraggableHandle
+  K 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","../../vue2/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 = withDefaults(defineProps<BentoDraggableHandleProps>(), {\n        condensed: false,\n        disabledMenus: () => ({}),\n        variant: 'up-and-down',\n    });\n    const emit = defineEmits<{\n        /**\n         * Emitted when the \"Move to bottom\" action is fired.\n         */\n        (e: 'move-bottom'): void;\n        /**\n         * Emitted when the \"Move down\" action is fired.\n         */\n        (e: 'move-down'): void;\n        /**\n         * Emitted when the \"Move left\" action is fired. (Only in `all-directions` variant)\n         */\n        (e: 'move-left'): void;\n        /**\n         * Emitted when the \"Move right\" action is fired. (Only in `all-directions` variant)\n         */\n        (e: 'move-right'): void;\n        /**\n         * Emitted when the \"Move to top\" action is fired.\n         */\n        (e: 'move-top'): void;\n        /**\n         * Emitted when the \"Move up\" action is fired.\n         */\n        (e: 'move-up'): void;\n    }>();\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","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","uuid","__default__","messages","t","useI18n","props","__props","emit","__emit","buttonComputedProps","computed","menuData","MENUS","ArrowTopIcon","ArrowBottomIcon","ArrowLeftIcon","ArrowRightIcon"],"mappings":";;;;;;;;;AAOI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;;AAVR,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE8M,MAAA;AAAA,MAAe,GAAA;AAAA;;;;ACKzN,IAAAC,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;;AAVR,SAAAL,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE8M,MAAA;AAAA,MAAe,GAAA;AAAA;;;;;;;8CC6KzNE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;AA1JA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA,GAEAG,IAAAC,GAKAC,IAAAC,GA2BAC,IAAAC;AAAA,MAA4B,OAAA;AAAA,QAEnB,cAAAP,EAAA,gBAAA,EAAA,OAAAE,EAAA,MAAA,CAAA;AAAA,QACyD,WAAAA,EAAA;AAAA,QACrC,SAAA;AAAA,MACR;AAAA,IACb,GAMRM,IAAAD,EAAA,MAAA;AACI,YAAAE,IAAA;AAAA,QAEI,IAAA;AAAA,UACI,MAAAT,EAAA,QAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,SAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACC,MAAAQ;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAAV,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,WAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACD,MAAAS;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAAX,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,WAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACD,MAAAU;AAAA,QACxB;AAAA,QACV,OAAA;AAAA,UACO,MAAAZ,EAAA,WAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,YAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACF,MAAAW;AAAA,QACxB;AAAA,QACV,KAAA;AAAA,UACK,MAAAb,EAAA,cAAA;AAAA,UACqB,SAAA,MAAAI,EAAA,UAAA;AAAA,UACQ,UAAAF,EAAA,cAAA;AAAA,UACA,MAAAQ;AAAA,QACxB;AAAA,QACV,QAAA;AAAA,UACQ,MAAAV,EAAA,iBAAA;AAAA,UACqB,SAAA,MAAAI,EAAA,aAAA;AAAA,UACQ,UAAAF,EAAA,cAAA;AAAA,UACH,MAAAS;AAAA,QACxB;AAAA,MACV;AAIJ,aAAAT,EAAA,YAAA,gBAAA;AAAA,QACMO,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","../../vue2/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 = withDefaults(defineProps<BentoDraggableHandleProps>(), {\n        condensed: false,\n        disabledMenus: () => ({}),\n        variant: 'up-and-down',\n    });\n    const emit = defineEmits<{\n        /**\n         * Emitted when the \"Move to bottom\" action is fired.\n         */\n        (e: 'move-bottom'): void;\n        /**\n         * Emitted when the \"Move down\" action is fired.\n         */\n        (e: 'move-down'): void;\n        /**\n         * Emitted when the \"Move left\" action is fired. (Only in `all-directions` variant)\n         */\n        (e: 'move-left'): void;\n        /**\n         * Emitted when the \"Move right\" action is fired. (Only in `all-directions` variant)\n         */\n        (e: 'move-right'): void;\n        /**\n         * Emitted when the \"Move to top\" action is fired.\n         */\n        (e: 'move-top'): void;\n        /**\n         * Emitted when the \"Move up\" action is fired.\n         */\n        (e: 'move-up'): void;\n    }>();\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","openBlock","createElementBlock","mergeProps","_ctx","createCommentVNode","uuid","__default__","messages","t","useI18n","props","__props","emit","__emit","buttonComputedProps","computed","menuData","MENUS","ArrowTopIcon","ArrowBottomIcon","ArrowLeftIcon","ArrowRightIcon"],"mappings":";;;;;;;;;AAOI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;;AAVR,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE8M,MAAA;AAAA,MAAe,GAAA;AAAA;;;;ACKzN,IAAAC,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;;AAVR,SAAAL,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAA2B,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;gFAFzHC,EAAA,IAAA,EAAA;AAAA;MAE8M,MAAA;AAAA,MAAe,GAAA;AAAA;;;;;;;;;;;;;;8CC6KzNE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;;AA1JA,UAAA,EAAA,GAAAC,EAAA,IAAAC,EAAA,EAAA,UAAAF,EAAA,CAAA,GAEAG,IAAAC,GAKAC,IAAAC,GA2BAC,IAAAC;AAAA,MAA4B,OAAA;AAAA,QAEnB,cAAAP,EAAA,gBAAA,EAAA,OAAAE,EAAA,MAAA,CAAA;AAAA,QACyD,WAAAA,EAAA;AAAA,QACrC,SAAA;AAAA,MACR;AAAA,IACb,GAMRM,IAAAD,EAAA,MAAA;AACI,YAAAE,IAAA;AAAA,QAEI,IAAA;AAAA,UACI,MAAAT,EAAA,QAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,SAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACC,MAAAQ;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAAV,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,WAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACD,MAAAS;AAAA,QACxB;AAAA,QACV,MAAA;AAAA,UACM,MAAAX,EAAA,UAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,WAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACD,MAAAU;AAAA,QACxB;AAAA,QACV,OAAA;AAAA,UACO,MAAAZ,EAAA,WAAA;AAAA,UACgB,SAAA,MAAAI,EAAA,YAAA;AAAA,UACa,UAAAF,EAAA,cAAA;AAAA,UACF,MAAAW;AAAA,QACxB;AAAA,QACV,KAAA;AAAA,UACK,MAAAb,EAAA,cAAA;AAAA,UACqB,SAAA,MAAAI,EAAA,UAAA;AAAA,UACQ,UAAAF,EAAA,cAAA;AAAA,UACA,MAAAQ;AAAA,QACxB;AAAA,QACV,QAAA;AAAA,UACQ,MAAAV,EAAA,iBAAA;AAAA,UACqB,SAAA,MAAAI,EAAA,aAAA;AAAA,UACQ,UAAAF,EAAA,cAAA;AAAA,UACH,MAAAS;AAAA,QACxB;AAAA,MACV;AAIJ,aAAAT,EAAA,YAAA,gBAAA;AAAA,QACMO,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.MhmX1P9o.js";
-import { B as t } from "./chunks/dropdown-default-textbox.bq9AlGzJ.js";
-import { _ as p, a as d, b as B, d as s, c as w } from "./chunks/dropdown-tag.Ysrac5GN.js";
-import { B as m, a as y } from "./chunks/use-cached-selected-values.ClEJRFAd.js";
+import { B as r } from "./chunks/dropdown.Do-mZiI6.js";
+import { B as t } from "./chunks/dropdown-default-textbox.aYsTZDZ7.js";
+import { _ as p, a as d, b as B, d as s, c as w } from "./chunks/dropdown-tag.B7OA_Yv9.js";
+import { B as m, a as y } from "./chunks/use-cached-selected-values.DIbfa5F1.js";
 export {
   r as BentoDropdown,
   p as BentoDropdownAvatar,

package/dist/file-uploader.js

@@ -1,4 +1,4 @@
-import { f as r } from "./chunks/file-uploader.Bfd1uUMe.js";
+import { f as r } from "./chunks/file-uploader.BUvDU_cn.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.CkAjLQol.js";
+import { B as a, a as r, b as B, c as n, d as o } from "./chunks/filter-bar.fowl40RS.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.DW5Kg1rh.js";
+import { f as a, a as e, b as r, c as m } from "./chunks/form-layout-title.Cr3wdpK_.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.Djba6iol.js";
+import { h as r } from "./chunks/header-with-views.B2pPBcTf.js";
 export {
   r as BentoHeaderWithViews
 };

package/dist/header.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/header.o-7SyHtU.js";
+import { B as r } from "./chunks/header.BVM8Usdi.js";
 export {
   r as BentoHeader
 };