@adyen/bento-vue2 1.61.0 → 1.62.0

package/dist/link.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/link.D0P79Toh.js";
+import { B as o, a as t } from "./chunks/link.CXy_LoFI.js";
 export {
   o as BentoLink,
   t as BentoLinkVariant

package/dist/menu.js

@@ -1,4 +1,4 @@
-import { B as o, a as t } from "./chunks/menu.B_DCBdeN.js";
+import { B as o, a as t } from "./chunks/menu.CTVbNfuo.js";
 export {
   o as BentoMenu,
   t as BentoMenuEvent

package/dist/modal-fullscreen.js

@@ -1,4 +1,4 @@
-import { m as o, B as a } from "./chunks/modal-fullscreen.cBUMfJhU.js";
+import { m as o, B as a } from "./chunks/modal-fullscreen.1OdCgyca.js";
 export {
   o as BentoModalFullscreen,
   a as BentoModalFullscreenPage

package/dist/modal.js

@@ -1,5 +1,5 @@
-import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.BKjjZPZw.js";
-import { B as i } from "./chunks/modal.DWkmyvRc.js";
+import { d as e, f as t, g as n, B as l, e as B, c as d, a as M, b as s } from "./chunks/base-modal.3OptY7u_.js";
+import { B as i } from "./chunks/modal.xY5aFhAO.js";
 export {
   i as BentoModal,
   e as BentoModalColumnLayoutVariant,

package/dist/pagination.js

@@ -1,4 +1,4 @@
-import { B as n } from "./chunks/pagination.pzY_1Qqp.js";
+import { B as n } from "./chunks/pagination.BvhUFgsT.js";
 export {
   n as BentoPagination
 };

package/dist/popover.js

@@ -1,4 +1,4 @@
-import { B as r, a as s } from "./chunks/popover.BN2VK6KG.js";
+import { B as r, a as s } from "./chunks/popover.B05xkQ4e.js";
 export {
   r as BentoPopover,
   s as BentoPopoverPositions

package/dist/promo-banner.js

@@ -1,4 +1,4 @@
-import { p as r, B as a, a as e } from "./chunks/promo-banner.Cua4uX1x.js";
+import { p as r, B as a, a as e } from "./chunks/promo-banner.Bbc2U3S3.js";
 export {
   r as BentoPromoBanner,
   a as BentoPromoBannerColor,

package/dist/radio-group.js

@@ -1,4 +1,4 @@
-import { b as t, B as e, a as n } from "./chunks/radio-group.CzsbH4_F.js";
+import { b as t, B as e, a as n } from "./chunks/radio-group.CRDMTTyM.js";
 import { R as B } from "./chunks/radio-input.uJAhxKRs.js";
 export {
   t as BentoRadioButton,

package/dist/rich-text-editor.js

@@ -1,4 +1,4 @@
-import { r as t } from "./chunks/rich-text-editor.BRlygI8q.js";
+import { r as t } from "./chunks/rich-text-editor.BTJpOiYL.js";
 export {
   t as BentoRichTextEditor
 };

package/dist/search-bar.js

@@ -1,5 +1,5 @@
-import { B as r, b as t, a as B } from "./chunks/search-bar.C10szx9Q.js";
-import { u as o } from "./chunks/dropdown.3c5SsPV1.js";
+import { B as r, b as t, a as B } from "./chunks/search-bar.Ch1dLZAb.js";
+import { u as o } from "./chunks/dropdown.BNLPzKbr.js";
 export {
   r as BentoSearchBar,
   t as BentoSearchBarEvent,

package/dist/secondary-nav.js

@@ -1,4 +1,4 @@
-import { s as e } from "./chunks/secondary-nav.Bdxei6WP.js";
+import { s as e } from "./chunks/secondary-nav.DBssP9fQ.js";
 export {
   e as BentoSecondaryNav
 };

package/dist/selection-card.js

@@ -1,4 +1,4 @@
-import { B as t, s as a, a as n } from "./chunks/selection-card-group.CnvREAh5.js";
+import { B as t, s as a, a as n } from "./chunks/selection-card-group.CjFm-cAm.js";
 export {
   t as BentoSelectionCard,
   a as BentoSelectionCardGroup,

package/dist/sidepanel.js

@@ -1,4 +1,4 @@
-import { a as n, B as o, s as t } from "./chunks/sidepanel.X5Te2FiT.js";
+import { a as n, B as o, s as t } from "./chunks/sidepanel.CI8fu1Q3.js";
 export {
   n as BentoSidepanel,
   o as BentoSidepanelEvent,

package/dist/stepper.js

@@ -1,4 +1,4 @@
-import { a as p, s as o, B as a, b as n } from "./chunks/step.CuOpi-Ye.js";
+import { a as p, s as o, B as a, b as n } from "./chunks/step.dNTg2rtW.js";
 export {
   p as BentoStep,
   o as BentoStepper,

package/dist/structured-list.js

@@ -1,4 +1,4 @@
-import { B as r, a as o } from "./chunks/structured-list-item.n5vrbuW9.js";
+import { B as r, a as o } from "./chunks/structured-list-item.DKEwF8n7.js";
 export {
   r as BentoStructuredList,
   o as BentoStructuredListItem

package/dist/styles/bento-dark.css

@@ -103,6 +103,7 @@
   --b-loading-button-tertiary-loading-text-decoration: underline;
   --b-loading-button-tertiary-loading-background-color: rgba(0, 0, 0, 0);
   --b-loading-button-secondary-success-hover-box-shadow: unset;
+  --b-listbox-option-focus-box-shadow: inset 0 0 0 2px rgba(15, 117, 220, 0.8), inset 0 0 0 3px #111111;
   --b-link-hover-text-decoration: none;
   --b-link-text-decoration: underline;
   --b-input-field-input-box-focus-border-width: 1.5px;
@@ -1600,11 +1601,13 @@
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);
+  --b-data-grid-summary-cell-item-highlighted-background-color: var(--b-color-background-highlight-weak);
   --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
   --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
   --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
+  --b-dashed-underline-focus-border-radius: var(--b-border-radius-xs);
   --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);

package/dist/styles/bento-light.css

@@ -102,6 +102,7 @@
   --b-loading-button-tertiary-loading-text-decoration: underline;
   --b-loading-button-tertiary-loading-background-color: rgba(0, 0, 0, 0);
   --b-loading-button-secondary-success-hover-box-shadow: unset;
+  --b-listbox-option-focus-box-shadow: inset 0 0 0 2px rgba(15, 117, 220, 0.8), inset 0 0 0 3px #ffffff;
   --b-link-hover-text-decoration: none;
   --b-link-text-decoration: underline;
   --b-input-field-input-box-focus-border-width: 1.5px;
@@ -1598,11 +1599,13 @@
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);
+  --b-data-grid-summary-cell-item-highlighted-background-color: var(--b-color-background-highlight-weak);
   --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
   --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
   --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
+  --b-dashed-underline-focus-border-radius: var(--b-border-radius-xs);
   --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);

package/dist/styles/bento.css

@@ -102,6 +102,7 @@
   --b-loading-button-tertiary-loading-text-decoration: underline;
   --b-loading-button-tertiary-loading-background-color: rgba(0, 0, 0, 0);
   --b-loading-button-secondary-success-hover-box-shadow: unset;
+  --b-listbox-option-focus-box-shadow: inset 0 0 0 2px rgba(15, 117, 220, 0.8), inset 0 0 0 3px #ffffff;
   --b-link-hover-text-decoration: none;
   --b-link-text-decoration: underline;
   --b-input-field-input-box-focus-border-width: 1.5px;
@@ -1598,11 +1599,13 @@
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);
+  --b-data-grid-summary-cell-item-highlighted-background-color: var(--b-color-background-highlight-weak);
   --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
   --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
   --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
+  --b-dashed-underline-focus-border-radius: var(--b-border-radius-xs);
   --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);

package/dist/styles/legacy.css

@@ -964,6 +964,7 @@
   --b-listbox-option-tag-label-padding: 0 0 0 var(--b-spacer-040);
   --b-listbox-option-tag-label-color: var(--b-color-label-primary);
   --b-listbox-option-description-margin-top: var(--b-spacer-020);
+  --b-listbox-option-focus-box-shadow: inset 0 0 0 var(--b-border-width-m) var(--b-color-focus), inset 0 0 0 var(--b-border-width-l) var(--b-color-background-primary);
   --b-listbox-option-focus-background-color: var(--b-color-background-primary-active);
   --b-listbox-option-disabled-font-color: var(--b-color-label-disabled);
   --b-listbox-option-padding: var(--b-spacer-040) var(--b-spacer-070);
@@ -1536,11 +1537,13 @@
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);
+  --b-data-grid-summary-cell-item-highlighted-background-color: var(--b-color-background-highlight-weak);
   --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
   --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
   --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
+  --b-dashed-underline-focus-border-radius: var(--b-border-radius-xs);
   --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);

package/dist/styles/styleguide.css

@@ -102,6 +102,7 @@
   --b-loading-button-tertiary-loading-text-decoration: underline;
   --b-loading-button-tertiary-loading-background-color: rgba(0, 0, 0, 0);
   --b-loading-button-secondary-success-hover-box-shadow: unset;
+  --b-listbox-option-focus-box-shadow: inset 0 0 0 2px rgba(15, 117, 220, 0.8), inset 0 0 0 3px #ffffff;
   --b-link-hover-text-decoration: none;
   --b-link-text-decoration: underline;
   --b-input-field-input-box-focus-border-width: 1.5px;
@@ -1653,11 +1654,13 @@
   --b-data-grid-template-header-z-index: var(--b-z-index-local-tier-3);
   --b-data-grid-template-header-margin: var(--b-spacer-080) var(--b-spacer-090) var(--b-spacer-000) var(--b-spacer-090);
   --b-data-grid-template-gap: var(--b-spacer-060);
+  --b-data-grid-summary-cell-item-highlighted-background-color: var(--b-color-background-highlight-weak);
   --b-data-grid-static-icon-warning-colored-color: var(--b-color-label-warning);
   --b-data-grid-static-icon-no-value-color: var(--b-color-label-tertiary);
   --b-data-grid-static-icon-error-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-cross-colored-color: var(--b-color-label-critical);
   --b-data-grid-static-icon-checkmark-colored-color: var(--b-color-label-success);
+  --b-dashed-underline-focus-border-radius: var(--b-border-radius-xs);
   --b-dashed-underline-hover-text-decoration-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-hover-border-color: var(--b-color-outline-tertiary-active);
   --b-dashed-underline-text-decoration-color: var(--b-color-outline-tertiary);

package/dist/summary-grid.js

@@ -1,4 +1,4 @@
-import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.D23lQ-e5.js";
+import { s as r, a as t, e as a, b as o, c as i, B as n, d as u, f as d } from "./chunks/summary-grid.types.BgFtV5Qh.js";
 export {
   r as BentoSummaryGrid,
   t as BentoSummaryGridItemAmount,

package/dist/tabs.js

@@ -1,4 +1,4 @@
-import { B as e, a as s } from "./chunks/tabs.DKehFLDL.js";
+import { B as e, a as s } from "./chunks/tabs.zkTl2PQR.js";
 export {
   e as BentoTab,
   s as BentoTabs

package/dist/tag.js

@@ -1,4 +1,4 @@
-import { B as t, a as e } from "./chunks/tag.DDjyf2hd.js";
+import { B as t, a as e } from "./chunks/tag.BaSi2GVV.js";
 export {
   t as BentoTag,
   e as BentoTagVariant

package/dist/textarea.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/textarea.D09495Nz.js";
+import { B as o } from "./chunks/textarea.D7M7Jerq.js";
 export {
   o as BentoTextarea
 };

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.DKPI-4iu.js";
+import { t, b as i, a, c as m, B as o, d as l } from "./chunks/timeline-item.njO0X8KL.js";
 export {
   t as BentoTimeline,
   i as BentoTimelineGapUnit,

package/dist/toast.js

@@ -1,4 +1,4 @@
-import { t as a } from "./chunks/toast.C_uVjJnK.js";
+import { t as a } from "./chunks/toast.BOyeuS19.js";
 export {
   a as BentoToast
 };

package/dist/toggle.js

@@ -1,4 +1,4 @@
-import { B as a, b as g, a as s } from "./chunks/toggle.Q52IIKfi.js";
+import { B as a, b as g, a as s } from "./chunks/toggle.DyXL09-x.js";
 export {
   a as BentoToggle,
   g as BentoToggleLabelPosition,

package/dist/tutorial.js

@@ -1,4 +1,4 @@
-import { t as r } from "./chunks/tutorial.DgmK5EEo.js";
+import { t as r } from "./chunks/tutorial.C9PYfB4z.js";
 export {
   r as BentoTutorial
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@adyen/bento-vue2",
-  "version": "1.61.0",
+  "version": "1.62.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -4203,6 +4203,16 @@
                 "type": "number"
               },
               "default": "undefined"
+            },
+            {
+              "name": "currencySign",
+              "required": false,
+              "description": "Determines how the currency symbol and negative values are displayed.\nThis is only applicable to certain countries such as `en-US`.\n\n- `'standard'`: Default format (e.g., `-1,234.56 USD`).\n- `'accounting'`: Uses accounting conventions, such as wrapping negative numbers in parentheses (e.g., `(1,234.56) USD`).",
+              "value": {
+                "kind": "expression",
+                "type": "TSIndexedAccessType"
+              },
+              "default": "'standard'"
             }
           ],
           "source": {
@@ -5542,6 +5552,72 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "data-grid-summary-cell",
+          "description": "",
+          "attributes": [
+            {
+              "name": "label",
+              "required": true,
+              "description": "The summary text to display when there are multiple items.\ne.g. \"2 merchants\"",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "items",
+              "required": true,
+              "description": "An array of strings to display. If there is only one item, it will be displayed as plain text.\nIf there are multiple items, they will be displayed in a popover.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              }
+            },
+            {
+              "name": "dashedUnderline",
+              "required": false,
+              "description": "Props to pass to the underlying `BentoDashedUnderline` component, allowing for customization of the popover.",
+              "value": {
+                "kind": "expression",
+                "type": "BentoDashedUnderlineProps"
+              },
+              "default": "() => ({})"
+            },
+            {
+              "name": "searchTerm",
+              "required": false,
+              "description": "An optional search term. If provided, any items in the popover that include this term will be highlighted.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "tooltipText",
+              "required": false,
+              "description": "Overrides and displays text in a tooltip when the user hovers over the summary label.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "null"
+            }
+          ],
+          "source": {
+            "module": "./src/components/data-grid/components/data-grid-summary-cell/data-grid-summary-cell.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "data-grid-summary-cell-stub",
+          "description": "",
+          "source": {
+            "module": "./src/components/data-grid/__tests__/data-grid-summary-cell-stub.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "data-grid.test",
           "description": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/bento-vue2",
-  "version": "1.61.0",
+  "version": "1.62.0",
   "description": "Adyen Bento Vue2 components",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -46,7 +46,7 @@
     "unified": "11.0.5",
     "uuid": "11.0.5",
     "vue-demi": "0.14.10",
-    "@adyen/bento-design-tokens": "1.61.0"
+    "@adyen/bento-design-tokens": "1.62.0"
   },
   "peerDependencies": {
     "vue": "~2.7",
@@ -87,7 +87,7 @@
     "@storybook/vue": "7.6.20",
     "@storybook/vue-vite": "7.6.20",
     "@stylistic/eslint-plugin-js": "4.4.1",
-    "@testing-library/dom": "10.1.0",
+    "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/user-event": "14.4.3",
     "@testing-library/vue": "5.9.0",
@@ -131,16 +131,16 @@
     "vue-demi": "0.14.10",
     "vue-docgen-web-types": "0.1.8",
     "vue-eslint-parser": "9.3.2",
-    "vue-i18n-bridge": "9.14.3",
+    "vue-i18n-bridge": "9.14.5",
     "vue-router": "3.6.4",
     "vue-style-loader": "4.1.3",
     "vue-template-compiler": "2.7.16",
     "vue-tsc": "1.0.24",
-    "@adyen/bento-cli": "0.3.0",
+    "@adyen/bento-cli": "0.4.0",
     "@adyen/bento-core": "0.0.1",
-    "@adyen/bento-tailwind": "0.3.11",
-    "@adyen/ui-assets-icons-16": "6.3.0",
-    "@adyen/ui-assets-payment-method-icons": "9.2.0"
+    "@adyen/bento-tailwind": "0.4.0",
+    "@adyen/ui-assets-icons-16": "6.4.0",
+    "@adyen/ui-assets-payment-method-icons": "9.3.0"
   },
   "optionalDependencies": {
     "vue-router": "~3.6"

package/dist/chunks/currency.B1F9YOIx.js

@@ -1,106 +0,0 @@
-import { defineComponent as m, useSlots as G, computed as i, onMounted as f } from "vue";
-import { d as E, B as U } from "./typography.J1v_SPG3.js";
-import { g as P } from "./get-slot-text.BQS5Olxm.js";
-import { n as _ } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import "../assets/currency.css";
-const p = [
-  {
-    exponent: 0,
-    currencies: [
-      "CVE",
-      "DJF",
-      "GNF",
-      "IDR",
-      "JPY",
-      "KMF",
-      "KRW",
-      "PYG",
-      "RWF",
-      "UGX",
-      "VND",
-      "VUV",
-      "XAF",
-      "XOF",
-      "XPF"
-    ]
-  },
-  {
-    exponent: 1,
-    currencies: ["MRO"]
-  },
-  {
-    exponent: 3,
-    currencies: ["BHD", "IQD", "JOD", "KWD", "LYD", "OMR", "TND"]
-  }
-], L = (D) => {
-  var a;
-  return ((a = p.find((s) => s.currencies.includes(D))) == null ? void 0 : a.exponent) ?? 2;
-}, H = (D) => {
-  const a = L(D.currency), s = Number(D.value);
-  return Math.round(s * 10 ** a);
-}, Y = (D, a) => (
-  // Amount is in minor units and have to be converted to number with fraction digits
-  // return (amount.value * 100) / 10 ** exp;
-  D.value / 10 ** a
-);
-function Z(D, a = {}, s = !1) {
-  const R = (a == null ? void 0 : a.exponent) ?? L(D.currency), K = s ? H(D) : D.value, M = { ...D, value: K }, l = Y(M, R), T = l < 0 ? "decimal" : (a == null ? void 0 : a.style) || "currency", A = a != null && a.optionalFractions ? 0 : R, F = a != null && a.highPrecision ? 10 : R;
-  return {
-    value: l,
-    format: {
-      style: T,
-      currency: D.currency,
-      currencyDisplay: "symbol",
-      minimumFractionDigits: A,
-      maximumFractionDigits: F
-    }
-  };
-}
-const v = (D, a, s) => {
-  const R = { value: parseFloat(D), currency: a }, K = Z(R, { style: "decimal" }, s);
-  return new Intl.NumberFormat("en-US", K.format).format(K.value);
-};
-var N = /* @__PURE__ */ ((D) => (D.AFA = "AFA", D.ALL = "ALL", D.DZD = "DZD", D.AOA = "AOA", D.ARS = "ARS", D.AMD = "AMD", D.AWG = "AWG", D.AUD = "AUD", D.AZN = "AZN", D.BSD = "BSD", D.BHD = "BHD", D.BDT = "BDT", D.BBD = "BBD", D.BYR = "BYR", D.BEF = "BEF", D.BZD = "BZD", D.BMD = "BMD", D.BTN = "BTN", D.BTC = "BTC", D.BOB = "BOB", D.BAM = "BAM", D.BWP = "BWP", D.BRL = "BRL", D.GBP = "GBP", D.BND = "BND", D.BGN = "BGN", D.BIF = "BIF", D.KHR = "KHR", D.CAD = "CAD", D.CVE = "CVE", D.KYD = "KYD", D.XOF = "XOF", D.XAF = "XAF", D.XPF = "XPF", D.CLP = "CLP", D.CLF = "CLF", D.CNY = "CNY", D.COP = "COP", D.KMF = "KMF", D.CDF = "CDF", D.CRC = "CRC", D.HRK = "HRK", D.CUC = "CUC", D.CZK = "CZK", D.DKK = "DKK", D.DJF = "DJF", D.DOP = "DOP", D.XCD = "XCD", D.EGP = "EGP", D.ERN = "ERN", D.EEK = "EEK", D.ETB = "ETB", D.EUR = "EUR", D.FKP = "FKP", D.FJD = "FJD", D.GMD = "GMD", D.GEL = "GEL", D.DEM = "DEM", D.GHS = "GHS", D.GIP = "GIP", D.GRD = "GRD", D.GTQ = "GTQ", D.GNF = "GNF", D.GYD = "GYD", D.HTG = "HTG", D.HNL = "HNL", D.HKD = "HKD", D.HUF = "HUF", D.ISK = "ISK", D.INR = "INR", D.IDR = "IDR", D.IRR = "IRR", D.IQD = "IQD", D.ILS = "ILS", D.ITL = "ITL", D.JMD = "JMD", D.JPY = "JPY", D.JOD = "JOD", D.KZT = "KZT", D.KES = "KES", D.KWD = "KWD", D.KGS = "KGS", D.LAK = "LAK", D.LVL = "LVL", D.LBP = "LBP", D.LSL = "LSL", D.LRD = "LRD", D.LYD = "LYD", D.LTC = "LTC", D.LTL = "LTL", D.MOP = "MOP", D.MKD = "MKD", D.MGA = "MGA", D.MWK = "MWK", D.MYR = "MYR", D.MVR = "MVR", D.MRO = "MRO", D.MUR = "MUR", D.MXN = "MXN", D.MDL = "MDL", D.MNT = "MNT", D.MAD = "MAD", D.MZM = "MZM", D.MMK = "MMK", D.NAD = "NAD", D.NPR = "NPR", D.ANG = "ANG", D.TWD = "TWD", D.NZD = "NZD", D.NIO = "NIO", D.NGN = "NGN", D.KPW = "KPW", D.NOK = "NOK", D.OMR = "OMR", D.PKR = "PKR", D.PAB = "PAB", D.PGK = "PGK", D.PYG = "PYG", D.PEN = "PEN", D.PHP = "PHP", D.PLN = "PLN", D.QAR = "QAR", D.RON = "RON", D.RUB = "RUB", D.RWF = "RWF", D.SVC = "SVC", D.WST = "WST", D.STD = "STD", D.SAR = "SAR", D.RSD = "RSD", D.SCR = "SCR", D.SLL = "SLL", D.SGD = "SGD", D.SKK = "SKK", D.SBD = "SBD", D.SOS = "SOS", D.ZAR = "ZAR", D.KRW = "KRW", D.SSP = "SSP", D.XDR = "XDR", D.LKR = "LKR", D.SHP = "SHP", D.SDG = "SDG", D.SRD = "SRD", D.SZL = "SZL", D.SEK = "SEK", D.CHF = "CHF", D.SYP = "SYP", D.TJS = "TJS", D.TZS = "TZS", D.THB = "THB", D.TOP = "TOP", D.TTD = "TTD", D.TND = "TND", D.TRY = "TRY", D.TMT = "TMT", D.UGX = "UGX", D.UAH = "UAH", D.AED = "AED", D.UYU = "UYU", D.USD = "USD", D.UZS = "UZS", D.VUV = "VUV", D.VEF = "VEF", D.VND = "VND", D.YER = "YER", D.ZMK = "ZMK", D.ZWL = "ZWL", D))(N || {});
-const W = {
-  name: "bento-currency"
-}, V = /* @__PURE__ */ m({
-  ...W,
-  props: {
-    currency: { default: N.EUR },
-    disableTypography: { type: Boolean, default: !1 },
-    majorUnits: { type: Boolean, default: !1 },
-    value: { default: void 0 }
-  },
-  setup(D) {
-    const a = D, s = G(), R = i(() => {
-      const K = a.value || P(s)("default");
-      return v(K, a.currency, a.majorUnits);
-    });
-    return f(() => {
-      P(s)("default") && E(
-        'BentoCurrency "default" slot',
-        `The use of "default" slot in "BentoCurrency" is no longer supported as it causes issues with dynamic content.
-                Use the "value" property instead.
-                <bento-currency :value="12345.67" currency="USD" major-units="false" />`,
-        "2.0.0"
-      );
-    }), { __sfc: !0, slots: s, props: a, formattedCurrency: R, BentoTypography: U };
-  }
-});
-var X = function() {
-  var a = this, s = a._self._c, R = a._self._setupProxy;
-  return s("div", { staticClass: "b-currency" }, [a.disableTypography ? [a._v(a._s(R.formattedCurrency) + " " + a._s(a.currency))] : s(R.BentoTypography, { staticClass: "b-currency__amount", attrs: { el: "span", variant: "body", strong: "" } }, [a._v(" " + a._s(R.formattedCurrency) + " " + a._s(a.currency) + " ")])], 2);
-}, g = [], J = /* @__PURE__ */ _(
-  V,
-  X,
-  g,
-  !1,
-  null,
-  "3cdd791b"
-);
-const j = J.exports;
-export {
-  N as B,
-  j as c
-};
-//# sourceMappingURL=currency.B1F9YOIx.js.map

package/dist/chunks/currency.B1F9YOIx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"currency.B1F9YOIx.js","sources":["../../src/utils/ts/currency/countries-list.ts","../../src/utils/ts/currency/currency.ts","../../../core/src/components/currency/currency.types.ts","../../src/components/currency/currency.vue"],"sourcesContent":["/**\n * Contains mapping configuration between currency code and exponent for amount in the corresponding currency.\n * Since the majority of the currencies have an exponent equal to 2, they are not listed here.\n * https://docs.adyen.com/development-resources/currency-codes\n * @type {Array}\n * @internal\n */\nexport const currencyExponentMap = [\n    {\n        exponent: 0,\n        currencies: [\n            'CVE',\n            'DJF',\n            'GNF',\n            'IDR',\n            'JPY',\n            'KMF',\n            'KRW',\n            'PYG',\n            'RWF',\n            'UGX',\n            'VND',\n            'VUV',\n            'XAF',\n            'XOF',\n            'XPF',\n        ],\n    },\n    {\n        exponent: 1,\n        currencies: ['MRO'],\n    },\n    {\n        exponent: 3,\n        currencies: ['BHD', 'IQD', 'JOD', 'KWD', 'LYD', 'OMR', 'TND'],\n    },\n];\n","import { CurrencyAmount, CurrencyOptions, NumberFormatOptionsResult } from './currency.types';\nimport { currencyExponentMap } from './countries-list';\n\n/**\n * Returns exponent for specified currency code.\n */\nexport const getExponent = (currencyCode: string): number =>\n    currencyExponentMap.find(obj => obj.currencies.includes(currencyCode))?.exponent ?? 2;\n\n/**\n * Converts passed amount from regular to minor units, based on currency exponent\n */\nexport const getMinorUnitsAmount = (amount: CurrencyAmount): number => {\n    const exponent = getExponent(amount.currency);\n    const value = Number(amount.value);\n\n    return Math.round(value * 10 ** exponent);\n};\n\n/**\n * Returns normalized amount value from minor units as decimal point number (when exponent is more than zero).\n */\nexport const getNormalizedAmount = (amount: CurrencyAmount, exponent: number) =>\n    // Amount is in minor units and have to be converted to number with fraction digits\n    // return (amount.value * 100) / 10 ** exp;\n    amount.value / 10 ** exponent;\n\n/**\n * /**\n * Prepares amount to be rendered by Intl.NumberFormat function.\n * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat\n *\n * It enables language-sensitive number formatting.\n * Adds currency symbol and ISO code based on provided options\n * The result of execution - is a configuration object that is used in 'getLocalizedCurrencyValue' function\n *\n * @param amount - the value and currency to format.\n * @param options - the formatting options that are passed to the Intl.NumberFormat function.\n * @param majorUnits - if set to true, then currency major units will be used instead of minor ones\n */\nexport function getNumberFormatOptions(\n    amount: CurrencyAmount,\n    options: CurrencyOptions = {},\n    majorUnits = false\n): NumberFormatOptionsResult {\n    // Exponent is based on currency, if not specified explicitly.\n    const exp = options?.exponent ?? getExponent(amount.currency);\n    // Minor Units have to be retrieved from component passed amount\n    const minorAmount = majorUnits ? getMinorUnitsAmount(amount) : amount.value;\n    const amountInMinorUnits: CurrencyAmount = { ...amount, value: minorAmount };\n    // Amount is in minor units and have to be converted to number with fraction digits\n    const value = getNormalizedAmount(amountInMinorUnits, exp);\n    // This is the requirement for currency component - to remove currency symbol for negative values\n    const style = value < 0 ? 'decimal' : options?.style || 'currency';\n    // If optionalFractions is true, numbers will not contain fraction digits when they are zero (e.g. 100.00 will be 100)\n    const minimumFractionDigits = options?.optionalFractions ? 0 : exp;\n    // If highPrecision is true, numbers can contain 10 fraction digits (highest precision in Adyen is about 5)\n    const maximumFractionDigits = options?.highPrecision ? 10 : exp;\n\n    return {\n        value,\n        format: {\n            style,\n            currency: amount.currency,\n            currencyDisplay: 'symbol',\n            minimumFractionDigits,\n            maximumFractionDigits,\n        },\n    };\n}\n\n/**\n * Get a formatted and localised currency string given an amount and currency type.\n *\n * @param amountValue - the amount of the currency.\n * @param currency - the ISO 4217 currency code.\n * @param majorUnits - if set to true, then currency major units will be used instead of minor ones\n */\nexport const getLocalizedCurrencyValue = (amountValue: string, currency: string, majorUnits?: boolean): string => {\n    const amount: CurrencyAmount = { value: parseFloat(amountValue), currency };\n    const numberFormatOptions = getNumberFormatOptions(amount, { style: 'decimal' }, majorUnits);\n    // TODO replace hardcoded locale with dynamic one, when i18n strategy is defined\n    const formatter = new Intl.NumberFormat('en-US', numberFormatOptions.format as Intl.NumberFormatOptions);\n\n    return formatter.format(numberFormatOptions.value);\n};\n","export interface BentoCurrencyProps {\n    /**\n     * Currency code based on the ISO 4217 standard\n     */\n    currency?: BentoCurrencyISOCode | `${BentoCurrencyISOCode}`;\n\n    /**\n     * Disable the default typography for the component. Only use this when the component is inside another typography component.\n     */\n    disableTypography?: boolean;\n\n    /**\n     * Accepts currency value in major units instead of minor ones\n     */\n    majorUnits?: boolean;\n\n    /**\n     * Currency value to be formatted\n     */\n    value?: number;\n}\n\nexport enum BentoCurrencyISOCode {\n    AFA = 'AFA',\n    ALL = 'ALL',\n    DZD = 'DZD',\n    AOA = 'AOA',\n    ARS = 'ARS',\n    AMD = 'AMD',\n    AWG = 'AWG',\n    AUD = 'AUD',\n    AZN = 'AZN',\n    BSD = 'BSD',\n    BHD = 'BHD',\n    BDT = 'BDT',\n    BBD = 'BBD',\n    BYR = 'BYR',\n    BEF = 'BEF',\n    BZD = 'BZD',\n    BMD = 'BMD',\n    BTN = 'BTN',\n    BTC = 'BTC',\n    BOB = 'BOB',\n    BAM = 'BAM',\n    BWP = 'BWP',\n    BRL = 'BRL',\n    GBP = 'GBP',\n    BND = 'BND',\n    BGN = 'BGN',\n    BIF = 'BIF',\n    KHR = 'KHR',\n    CAD = 'CAD',\n    CVE = 'CVE',\n    KYD = 'KYD',\n    XOF = 'XOF',\n    XAF = 'XAF',\n    XPF = 'XPF',\n    CLP = 'CLP',\n    CLF = 'CLF',\n    CNY = 'CNY',\n    COP = 'COP',\n    KMF = 'KMF',\n    CDF = 'CDF',\n    CRC = 'CRC',\n    HRK = 'HRK',\n    CUC = 'CUC',\n    CZK = 'CZK',\n    DKK = 'DKK',\n    DJF = 'DJF',\n    DOP = 'DOP',\n    XCD = 'XCD',\n    EGP = 'EGP',\n    ERN = 'ERN',\n    EEK = 'EEK',\n    ETB = 'ETB',\n    EUR = 'EUR',\n    FKP = 'FKP',\n    FJD = 'FJD',\n    GMD = 'GMD',\n    GEL = 'GEL',\n    DEM = 'DEM',\n    GHS = 'GHS',\n    GIP = 'GIP',\n    GRD = 'GRD',\n    GTQ = 'GTQ',\n    GNF = 'GNF',\n    GYD = 'GYD',\n    HTG = 'HTG',\n    HNL = 'HNL',\n    HKD = 'HKD',\n    HUF = 'HUF',\n    ISK = 'ISK',\n    INR = 'INR',\n    IDR = 'IDR',\n    IRR = 'IRR',\n    IQD = 'IQD',\n    ILS = 'ILS',\n    ITL = 'ITL',\n    JMD = 'JMD',\n    JPY = 'JPY',\n    JOD = 'JOD',\n    KZT = 'KZT',\n    KES = 'KES',\n    KWD = 'KWD',\n    KGS = 'KGS',\n    LAK = 'LAK',\n    LVL = 'LVL',\n    LBP = 'LBP',\n    LSL = 'LSL',\n    LRD = 'LRD',\n    LYD = 'LYD',\n    LTC = 'LTC',\n    LTL = 'LTL',\n    MOP = 'MOP',\n    MKD = 'MKD',\n    MGA = 'MGA',\n    MWK = 'MWK',\n    MYR = 'MYR',\n    MVR = 'MVR',\n    MRO = 'MRO',\n    MUR = 'MUR',\n    MXN = 'MXN',\n    MDL = 'MDL',\n    MNT = 'MNT',\n    MAD = 'MAD',\n    MZM = 'MZM',\n    MMK = 'MMK',\n    NAD = 'NAD',\n    NPR = 'NPR',\n    ANG = 'ANG',\n    TWD = 'TWD',\n    NZD = 'NZD',\n    NIO = 'NIO',\n    NGN = 'NGN',\n    KPW = 'KPW',\n    NOK = 'NOK',\n    OMR = 'OMR',\n    PKR = 'PKR',\n    PAB = 'PAB',\n    PGK = 'PGK',\n    PYG = 'PYG',\n    PEN = 'PEN',\n    PHP = 'PHP',\n    PLN = 'PLN',\n    QAR = 'QAR',\n    RON = 'RON',\n    RUB = 'RUB',\n    RWF = 'RWF',\n    SVC = 'SVC',\n    WST = 'WST',\n    STD = 'STD',\n    SAR = 'SAR',\n    RSD = 'RSD',\n    SCR = 'SCR',\n    SLL = 'SLL',\n    SGD = 'SGD',\n    SKK = 'SKK',\n    SBD = 'SBD',\n    SOS = 'SOS',\n    ZAR = 'ZAR',\n    KRW = 'KRW',\n    SSP = 'SSP',\n    XDR = 'XDR',\n    LKR = 'LKR',\n    SHP = 'SHP',\n    SDG = 'SDG',\n    SRD = 'SRD',\n    SZL = 'SZL',\n    SEK = 'SEK',\n    CHF = 'CHF',\n    SYP = 'SYP',\n    TJS = 'TJS',\n    TZS = 'TZS',\n    THB = 'THB',\n    TOP = 'TOP',\n    TTD = 'TTD',\n    TND = 'TND',\n    TRY = 'TRY',\n    TMT = 'TMT',\n    UGX = 'UGX',\n    UAH = 'UAH',\n    AED = 'AED',\n    UYU = 'UYU',\n    USD = 'USD',\n    UZS = 'UZS',\n    VUV = 'VUV',\n    VEF = 'VEF',\n    VND = 'VND',\n    YER = 'YER',\n    ZMK = 'ZMK',\n    ZWL = 'ZWL',\n}\n","<template>\n    <div class=\"b-currency\">\n        <bento-typography v-if=\"!disableTypography\" class=\"b-currency__amount\" el=\"span\" variant=\"body\" strong>\n            {{ formattedCurrency }} {{ currency }}\n        </bento-typography>\n        <template v-else>{{ formattedCurrency }} {{ currency }}</template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, useSlots } from 'vue';\n    import { getLocalizedCurrencyValue } from '@/utils/ts/currency/currency';\n    import { BentoTypography } from '@/components/typography';\n    import { BentoCurrencyISOCode, BentoCurrencyProps } from './currency.types';\n    import { getSlotText } from '@/utils/ts/get-slot-text';\n    import { deprecate } from '@/utils/ts/deprecate';\n\n    const slots = useSlots();\n\n    const props = defineProps({\n  currency: { default: BentoCurrencyISOCode.EUR },\n  disableTypography: { type: Boolean, default: false },\n  majorUnits: { type: Boolean, default: false },\n  value: { default: undefined }\n});\n\n    const formattedCurrency = computed<string>(() => {\n        const value = props.value || getSlotText(slots)('default');\n        return getLocalizedCurrencyValue(value as string, props.currency, props.majorUnits);\n    });\n\n    onMounted(() => {\n        if (getSlotText(slots)('default')) {\n            deprecate(\n                'BentoCurrency \"default\" slot',\n                `The use of \"default\" slot in \"BentoCurrency\" is no longer supported as it causes issues with dynamic content.\n                Use the \"value\" property instead.\n                <bento-currency :value=\"12345.67\" currency=\"USD\" major-units=\"false\" />`,\n                '2.0.0'\n            );\n        }\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * A Currency component is used to display a formatted currency value.\n     *\n     * @example\n     * import { BentoCurrency, BentoCurrencyISOCode } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoCurrency },\n     *     template: `\n     *          <bento-currency\n     *              :currency=\"BentoCurrencyISOCode.USD\"\n     *              :value=\"76.33\"\n     *          />\n     *     `\n     * }\n     */\n    export default {\n        name: 'bento-currency',\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./currency.scss\" />\n"],"names":["currencyExponentMap","getExponent","currencyCode","_a","obj","getMinorUnitsAmount","amount","exponent","value","getNormalizedAmount","getNumberFormatOptions","options","majorUnits","exp","minorAmount","amountInMinorUnits","style","minimumFractionDigits","maximumFractionDigits","getLocalizedCurrencyValue","amountValue","currency","numberFormatOptions","BentoCurrencyISOCode","BentoCurrencyISOCode2","__default__","slots","useSlots","formattedCurrency","computed","props","getSlotText","onMounted","deprecate"],"mappings":";;;;;AAOO,MAAAA,IAAA;AAAA,EAA4B;AAAA,IAC/B,UAAA;AAAA,IACc,YAAA;AAAA,MACE;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACA;AAAA,EACJ;AAAA,EACJ;AAAA,IACA,UAAA;AAAA,IACc,YAAA,CAAA,KAAA;AAAA,EACQ;AAAA,EACtB;AAAA,IACA,UAAA;AAAA,IACc,YAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,OAAA,KAAA;AAAA,EACkD;AAEpE,GC9BOC,IAAA,CAAAC,MAAA;;AAAA,WAAAC,IAAAH,EAAA,KAAA,CAAAI,MAAAA,EAAA,WAAA,SAAAF,CAAA,CAAA,MAAA,gBAAAC,EAAA,aAAA;AAAA,GAMME,IAAA,CAAAC,MAAA;AACT,QAAAC,IAAAN,EAAAK,EAAA,QAAA,GACAE,IAAA,OAAAF,EAAA,KAAA;AAEA,SAAA,KAAA,MAAAE,IAAA,MAAAD,CAAA;AACJ,GAKaE,IAAA,CAAAH,GAAAC;AAAA;AAAA;AAAA,EAA+CD,EAAA,QAAA,MAAAC;AAAA;AAkBrD,SAAAG,EAAAJ,GAAAK,IAAA,CAAA,GAAAC,IAAA,IAAA;AAMH,QAAAC,KAAAF,KAAA,gBAAAA,EAAA,aAAAV,EAAAK,EAAA,QAAA,GAEAQ,IAAAF,IAAAP,EAAAC,CAAA,IAAAA,EAAA,OACAS,IAAA,EAAA,GAAAT,GAAA,OAAAQ,EAAA,GAEAN,IAAAC,EAAAM,GAAAF,CAAA,GAEAG,IAAAR,IAAA,IAAA,aAAAG,KAAA,gBAAAA,EAAA,UAAA,YAEAM,IAAAN,KAAA,QAAAA,EAAA,oBAAA,IAAAE,GAEAK,IAAAP,KAAA,QAAAA,EAAA,gBAAA,KAAAE;AAEA,SAAA;AAAA,IAAO,OAAAL;AAAA,IACH,QAAA;AAAA,MACQ,OAAAQ;AAAA,MACJ,UAAAV,EAAA;AAAA,MACiB,iBAAA;AAAA,MACA,uBAAAW;AAAA,MACjB,uBAAAC;AAAA,IACA;AAAA,EACJ;AAER;AASO,MAAAC,IAAA,CAAAC,GAAAC,GAAAT,MAAA;AACH,QAAAN,IAAA,EAAA,OAAA,WAAAc,CAAA,GAAA,UAAAC,EAAA,GACAC,IAAAZ,EAAAJ,GAAA,EAAA,OAAA,UAAA,GAAAM,CAAA;AAIA,SAFA,IAAA,KAAA,aAAA,SAAAU,EAAA,MAAA,EAEA,OAAAA,EAAA,KAAA;AACJ;AC/DY,IAAAC,IAAA,kBAAAC,OACRA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OACAA,EAAA,MAAA,OAxKQA,IAAAD,KAAA,CAAA,CAAA;ACuCR,MAAAE,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;iBA9CAC,IAAAC,EAAA,GASAC,IAAAC,EAAA,MAAA;AACI,YAAArB,IAAAsB,EAAA,SAAAC,EAAAL,CAAA,EAAA,SAAA;AACA,aAAAP,EAAAX,GAAAsB,EAAA,UAAAA,EAAA,UAAA;AAAA,IAAkF,CAAA;AAGtF,WAAAE,EAAA,MAAA;AACI,MAAAD,EAAAL,CAAA,EAAA,SAAA,KACIO;AAAA,QAAA;AAAA,QACI;AAAA;AAAA;AAAA,QACA;AAAA,MAGA;AAAA,IAER,CAAA;;;;;;;;;;;;;;;"}

package/dist/chunks/dashed-underline._q5UFPSC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dashed-underline._q5UFPSC.js","sources":["../../src/components/dashed-underline/dashed-underline.vue"],"sourcesContent":["<template>\n    <span\n        ref=\"element\"\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-dashed-underline\"\n        tabindex=\"0\"\n        @mouseenter=\"openPopover\"\n        @mouseleave=\"closePopover\"\n        @focus=\"dashedUnderlineOnFocus\"\n        @focusout=\"dashedUnderlineOnFocusOut\"\n    >\n        <slot></slot>\n        <bento-teleport v-if=\"element && hasPopover\" :disabled=\"teleport?.disabled\" :to=\"teleport?.to\">\n            <span v-on=\"computedPopoverContainerEvents\">\n                <bento-popover\n                    :open=\"isOpen\"\n                    :target-element=\"element\"\n                    :position=\"popoverPosition\"\n                    role=\"tooltip\"\n                    :fit-content=\"popoverSize === 'fit-content' || undefined\"\n                    :large=\"popoverSize === 'large' || undefined\"\n                    :small=\"popoverSize === 'small' || undefined\"\n                    :title=\"popoverTitle\"\n                    disable-focus-trap\n                >\n                    <slot name=\"popover-content\">\n                        <bento-typography>\n                            {{ popoverText }}\n                        </bento-typography>\n                    </slot>\n                </bento-popover>\n            </span>\n        </bento-teleport>\n    </span>\n</template>\n\n<script lang=\"ts\" setup>\n    import { computed, ref, useSlots, watch } from 'vue';\n    import { BentoPopover } from '@/components/popover';\n    import { BentoTooltipDirective as vBentoTooltipDirective } from '@/directives/tooltip/index';\n    import { BentoTypography } from '@/components/typography';\n    import { useHasSlot } from '@/composables';\n    import { BentoTeleport } from '@/internal';\n    import { BentoDashedUnderlineProps } from './dashed-underline.types';\n\n    const CLOSING_POPOVER_DELAY_MS = 200;\n\n    const props = defineProps({\n  popoverText: { default: null },\n  popoverTitle: { default: null },\n  popoverPosition: { default: 'top' },\n  popoverSize: { default: 'fit-content' },\n  teleport: { default: () => ({\n            disabled: true,\n        }) },\n  tooltipText: { default: null },\n  tooltipPosition: { default: 'top' }\n});\n\n    const slots = useSlots();\n    const hasSlot = useHasSlot(slots);\n\n    const element = ref<HTMLSpanElement>(null);\n    const isOpen = ref(false);\n\n    const closingTimeOutId = ref();\n\n    const openPopover = () => {\n        isOpen.value = true;\n        if (closingTimeOutId.value) {\n            clearTimeout(closingTimeOutId.value);\n        }\n    };\n\n    const closePopover = () => {\n        // We want to delay closing for a couple of seconds so\n        // it doesn't flicker if a user hovers over the icon and then inside the popover.\n        const timeOutId = setTimeout(() => {\n            isOpen.value = false;\n        }, CLOSING_POPOVER_DELAY_MS);\n        closingTimeOutId.value = timeOutId;\n    };\n\n    const dashedUnderlineOnFocus = () => {\n        openPopover();\n    };\n\n    /**\n     * Only close popover on blur if the newly focus element is not a child of this element\n     * @param e - the event that contains the newly focused element\n     */\n    const dashedUnderlineOnFocusOut = (e: FocusEvent) => {\n        if (!element.value || !(e?.relatedTarget instanceof Element) || !element.value.contains(e.relatedTarget)) {\n            closePopover();\n        }\n    };\n\n    const hasPopover = computed(() => props.popoverText || hasSlot('popover-content'));\n\n    const shouldShowTooltipPopoverError = computed(() => !props.tooltipText && !hasPopover.value);\n\n    watch(\n        shouldShowTooltipPopoverError,\n        value => {\n            if (value) {\n                throw new Error(\n                    'BentoDashedUnderline requires either a tooltip or a popover to be configured. Check the docs for more info.'\n                );\n            }\n        },\n        { immediate: true }\n    );\n\n    /**\n     * When the popover is teleported, it is no longer a DOM descendant of the trigger element.\n     * We add these event listeners to the popover's container to keep the popover open when\n     * the user moves their mouse or focuses out from the trigger to the popover BUT then mouses over\n     * or focuses on the popover content.\n     */\n    const computedPopoverContainerEvents = computed(() =>\n        props.teleport?.disabled === false\n            ? {\n                  mouseenter: openPopover,\n                  mouseleave: closePopover,\n                  focus: dashedUnderlineOnFocus,\n                  focusout: dashedUnderlineOnFocusOut,\n              }\n            : {}\n    );\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Provides a dashed underline to text, indicating that more information is available on\n     * hover or focus. The additional information is displayed in a tooltip or a popover.\n     *\n     * @example\n     * import { BentoDashedUnderline } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDashedUnderline },\n     *     template: `\n     *       <p>\n     *         This is some <bento-dashed-underline tooltip-text=\"A short explanation\">annotated text</bento-dashed-underline>.\n     *       </p>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./dashed-underline.scss\" />\n"],"names":["__default__","CLOSING_POPOVER_DELAY_MS","slots","useSlots","hasSlot","useHasSlot","element","ref","isOpen","closingTimeOutId","openPopover","closePopover","timeOutId","dashedUnderlineOnFocus","dashedUnderlineOnFocusOut","e","hasPopover","computed","props","shouldShowTooltipPopoverError","watch","value","computedPopoverContainerEvents","_a"],"mappings":";;;;;;;;AAoJI,MAAAA,IAAA,CAAA;;;;;;;;;;;;;;;iBAvGAC,IAAA,KAcAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,EAAA,GAEAE,IAAAF,EAAA,GAEAG,IAAA,MAAA;AACI,MAAAF,EAAA,QAAA,IACAC,EAAA,SACI,aAAAA,EAAA,KAAA;AAAA,IACJ,GAGJE,IAAA,MAAA;AAGI,YAAAC,IAAA,WAAA,MAAA;AACI,QAAAJ,EAAA,QAAA;AAAA,MAAe,GAAAP,CAAA;AAEnB,MAAAQ,EAAA,QAAAG;AAAA,IAAyB,GAG7BC,IAAA,MAAA;AACI,MAAAH,EAAA;AAAA,IAAY,GAOhBI,IAAA,CAAAC,MAAA;AACI,OAAA,CAAAT,EAAA,SAAA,GAAAS,KAAA,gBAAAA,EAAA,0BAAA,YAAA,CAAAT,EAAA,MAAA,SAAAS,EAAA,aAAA,MACIJ,EAAA;AAAA,IACJ,GAGJK,IAAAC,EAAA,MAAAC,EAAA,eAAAd,EAAA,iBAAA,CAAA,GAEAe,IAAAF,EAAA,MAAA,CAAAC,EAAA,eAAA,CAAAF,EAAA,KAAA;AAEA,IAAAI;AAAA,MAAAD;AAAA,MACI,CAAAE,MAAA;AAEI,YAAAA;AACI,gBAAA,IAAA;AAAA,YAAU;AAAA,UACN;AAAA,MAER;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;AAStB,UAAAC,IAAAL;AAAA,MAAuC,MAAA;;AAAA,iBAAAM,IAAAL,EAAA,aAAA,gBAAAK,EAAA,cAAA,KAAA;AAAA,UAE7B,YAAAb;AAAA,UACgB,YAAAC;AAAA,UACA,OAAAE;AAAA,UACL,UAAAC;AAAA,QACG,IAAA,CAAA;AAAA;AAAA,IAEb;;;;;;;;;;;;;;;;;;;"}