@adyen/bento-vue3 1.1.0 → 1.2.0

package/dist/index.js

@@ -1,61 +1,61 @@
 var S = Object.defineProperty;
-var k = (t, e, r) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var f = (t, e, r) => (k(t, typeof e != "symbol" ? e + "" : e, r), r);
-import { reactive as v, defineComponent as b, computed as D, openBlock as i, createElementBlock as I, mergeProps as m, unref as n, createBlock as l, withCtx as d, renderSlot as s, createElementVNode as E } from "vue";
+var k = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var f = (t, e, n) => (k(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { reactive as v, defineComponent as b, computed as D, openBlock as i, createElementBlock as I, mergeProps as m, unref as r, createBlock as l, withCtx as d, renderSlot as s, createElementVNode as E } from "vue";
 import { g as P } from "./chunks/unique-id.a2a2b458.js";
 import { BentoAlert as W, BentoAlertEvent as Y, BentoAlertTypeOption as H, BentoAlertVariant as j } from "./alert.js";
-import { B as X, b as Z, a as ee } from "./chunks/button.4ccc3a72.js";
-import { BentoCard as oe, BentoCardBackground as re, BentoCardTitleSize as ne } from "./card.js";
+import { B as X, b as Z, a as ee } from "./chunks/button.1f630b6e.js";
+import { BentoCard as oe, BentoCardBackground as ne, BentoCardTitleSize as re } from "./card.js";
 import { BentoColumnOverflow as ie, BentoDataGrid as se, BentoDatagridAriaSortValue as Be, BentoDatagridEvent as me, BentoDatagridSortDirection as le, BentoDatagridStyleState as de } from "./data-grid.js";
 import { BentoDatePicker as ue, BentoDatePickerEvent as fe } from "./date-picker.js";
-import { B as ye, a as xe } from "./chunks/index.b2d970f6.js";
-import { B as Ce, u as he } from "./chunks/dropdown.374481a8.js";
+import { B as ye, a as xe } from "./chunks/index.b46a5047.js";
+import { B as Ce, u as Te } from "./chunks/dropdown.f9997464.js";
 import { BentoDropdownAvatar as Se, BentoDropdownCountry as ke, BentoDropdownCurrency as ve, BentoDropdownPaymentMethod as be, BentoDropdownTag as De } from "./dropdown.js";
-import { B as Ee, b as Pe, a as _e } from "./chunks/checkbox.39fa87c7.js";
+import { B as Ee, b as Pe, a as _e } from "./chunks/checkbox.cfb8b8df.js";
 import { BentoClickOutside as we } from "./click-outside.js";
-import { BentoCodeSnippet as Ae, BentoCodeSnippetEvent as Ve, BentoCodeSnippetSupportedLanguage as Ge, BentoCodeSnippetVariant as Me } from "./code-snippet.js";
+import { BentoCodeSnippet as Ve, BentoCodeSnippetEvent as Ae, BentoCodeSnippetSupportedLanguage as Ge, BentoCodeSnippetVariant as Me } from "./code-snippet.js";
 import { BentoCountry as $e, BentoCountryCode as Ne, BentoCountryVariant as Re, useCountryCapital as Ue, useCountryFlag as qe, useCountryName as ze, useCountryPhoneCode as Ke } from "./country.js";
 import { BentoCurrency as We, BentoCurrencyISOCode as Ye } from "./currency.js";
-import { B as je, a as Je } from "./chunks/index.c25bbcc8.js";
+import { B as je, a as Je } from "./chunks/index.7dd953ea.js";
 import { BentoDivider as Ze } from "./divider.js";
-import { BentoFilterBar as tt, BentoFilterBarEvent as ot, BentoFilterEvent as rt, BentoFilterItemType as nt } from "./filter-bar.js";
+import { BentoFilterBar as tt, BentoFilterBarEvent as ot, BentoFilterEvent as nt, BentoFilterItemType as rt } from "./filter-bar.js";
 import { BentoInfoIcon as it } from "./info-icon.js";
 import { BentoInputField as Bt, BentoInputFieldElementPosition as mt, BentoInputFieldEvent as lt, BentoInputFieldStateClass as dt, BentoInputFieldType as pt, BentoInputFieldVariant as ut } from "./input-field.js";
 import { BentoLoadingIndicator as ct, BentoLoadingIndicatorEvent as yt } from "./loading-indicator.js";
 import { BentoMenu as gt, BentoMenuEvent as Ct } from "./menu.js";
-import { BentoModal as Tt, BentoModalColumnLayoutVariant as St, BentoModalDialogType as kt, BentoModalEvent as vt, BentoModalRole as bt, BentoModalSize as Dt, BentoModalVariant as It } from "./modal.js";
+import { BentoModal as ht, BentoModalColumnLayoutVariant as St, BentoModalDialogType as kt, BentoModalEvent as vt, BentoModalRole as bt, BentoModalSize as Dt, BentoModalVariant as It } from "./modal.js";
 import { BentoHeader as Pt } from "./header.js";
 import { BentoPagination as Lt } from "./pagination.js";
-import { BentoPaymentMethod as Ft, BentoPaymentMethodType as At } from "./payment-method.js";
+import { BentoPaymentMethod as Ft, BentoPaymentMethodType as Vt } from "./payment-method.js";
 import { BentoPopover as Gt, BentoPopoverPositions as Mt } from "./popover.js";
 import { BentoRadioGroup as $t, BentoRadioGroupVariant as Nt } from "./radio-group.js";
 import { BentoSearchBar as Ut, BentoSearchBarEvent as qt, BentoSearchBarInternalEvent as zt } from "./search-bar.js";
 import { BentoSegmentedControl as Qt, BentoSegmentedControlEvent as Wt } from "./segmented-control.js";
 import { BentoStatus as Ht, BentoStatusVariant as jt } from "./status.js";
-import { B as Xt, a as Zt } from "./chunks/index.05d4c01b.js";
-import { BentoSummaryGrid as to, BentoSummaryGridItemAmount as oo, BentoSummaryGridItemCustom as ro, BentoSummaryGridItemNumeric as no, BentoSummaryGridItemPercentage as ao, BentoSummaryGridItemSize as io, BentoSummaryGridItemText as so, BentoSummaryGridItemTrendDirection as Bo } from "./summary-grid.js";
+import { B as Xt, a as Zt } from "./chunks/index.64b7b3cc.js";
+import { BentoSummaryGrid as to, BentoSummaryGridItemAmount as oo, BentoSummaryGridItemCustom as no, BentoSummaryGridItemNumeric as ro, BentoSummaryGridItemPercentage as ao, BentoSummaryGridItemSize as io, BentoSummaryGridItemText as so, BentoSummaryGridItemTrendDirection as Bo } from "./summary-grid.js";
 import { BentoTab as lo, BentoTabs as po } from "./tabs.js";
 import { BentoTag as fo, BentoTagVariant as co } from "./tag.js";
 import { BentoTextarea as xo } from "./textarea.js";
-import { BentoTimeline as Co, BentoTimelineGapUnit as ho, BentoTimelineItem as To, BentoTimelineItemVariant as So, BentoTimelineShowMorePlacement as ko } from "./timeline.js";
+import { BentoTimeline as Co, BentoTimelineGapUnit as To, BentoTimelineItem as ho, BentoTimelineItemVariant as So, BentoTimelineShowMorePlacement as ko } from "./timeline.js";
 import { BentoToast as bo } from "./toast.js";
 import { u as Io } from "./chunks/toastController.0b01d2e8.js";
-import { A as Po, B as _o, a as Lo } from "./chunks/index.0b6c7187.js";
-import { B as c, a as y, b as x } from "./chunks/index.92f7d550.js";
-import { c as Fo } from "./chunks/index.92f7d550.js";
-import { D as Vo } from "./chunks/date-input.9186a0bf.js";
+import { BentoToggle as Po, BentoToggleLabelPosition as _o, BentoTogglePropClass as Lo } from "./toggle.js";
+import { B as c, a as y, b as x } from "./chunks/index.ebf5f6cf.js";
+import { c as Fo } from "./chunks/index.ebf5f6cf.js";
+import { D as Ao } from "./chunks/date-input.9186a0bf.js";
 import { a as Mo, B as Oo } from "./chunks/debounce.f8d92e44.js";
-import { a as No, b as Ro } from "./chunks/listbox.ceacb0ca.js";
+import { a as No, b as Ro } from "./chunks/listbox.7b5e0eee.js";
 import { B as qo } from "./chunks/directive.0408e565.js";
-import { b as Ko, B as Qo, a as Wo } from "./chunks/tooltip.ca53a83a.js";
-import { B as Ho, c as jo, a as Jo, b as Xo } from "./chunks/button-actions.59449cda.js";
-import { B as er, a as tr } from "./chunks/loading-button.5b8db3dc.js";
-import { b as rr, b as nr } from "./chunks/calendar.1fb0d5b2.js";
-import { BentoCheckboxGroup as ir, BentoCheckboxGroupVariant as sr } from "./checkbox.js";
+import { b as Ko, B as Qo, a as Wo } from "./chunks/tooltip.53290a34.js";
+import { B as Ho, c as jo, a as Jo, b as Xo } from "./chunks/button-actions.a6e541ad.js";
+import { B as en, a as tn } from "./chunks/loading-button.426d89b9.js";
+import { b as nn, b as rn } from "./chunks/calendar.08885a56.js";
+import { BentoCheckboxGroup as sn, BentoCheckboxGroupVariant as Bn } from "./checkbox.js";
 import { BentoLinkVariant as p } from "./link.js";
 import { RouterLink as g } from "vue-router";
 import { _ } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index36.css";
+import "./assets/index32.css";
 class L {
   constructor() {
     f(this, "_state");
@@ -68,9 +68,9 @@ class L {
     this._state.queue.splice(this._state.queue.indexOf(e), 1);
   }
   addToast(e) {
-    const r = P("toast"), a = {
+    const n = P("toast"), a = {
       ...e,
-      id: r,
+      id: n,
       dismiss: () => this.dismissToast(a)
     };
     return this._state.queue.push(a), {
@@ -90,7 +90,7 @@ const C = (t) => {
       /* STYLEGUIDE */
     ), await import("@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css?used")) : await import("@adyen/bento-design-tokens/dist/css/bento/variables.css?used"), e != null && e.withUtilityClasses && await import("@adyen/bento-design-tokens/dist/css/bento/utility.css?used");
   }
-}, w = ["href"], F = ["href", "onClick"], A = /* @__PURE__ */ b({
+}, w = ["href"], F = ["href", "onClick"], V = /* @__PURE__ */ b({
   __name: "link",
   props: {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -112,41 +112,41 @@ const C = (t) => {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const r = t, a = D(() => ({
-      [`b-link--${p.QUIET}`]: r.variant === p.QUIET
+    const n = t, a = D(() => ({
+      [`b-link--${p.QUIET}`]: n.variant === p.QUIET
     })), u = (o, B) => {
       e("click", o), B && B();
     };
     return (o, B) => t.external ? (i(), I("a", m({ key: 0 }, o.$attrs, {
       href: o.to,
       target: "_blank",
-      class: ["b-link", n(a)],
+      class: ["b-link", r(a)],
       onClick: u
     }), [
       t.disableTypography ? s(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
         key: 0,
-        el: n(y).SPAN,
-        variant: n(x).BODY
+        el: r(y).SPAN,
+        variant: r(x).BODY
       }, {
         default: d(() => [
           s(o.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["el", "variant"]))
-    ], 16, w)) : (i(), l(n(g), m({ key: 1 }, o.$props, {
+    ], 16, w)) : (i(), l(r(g), m({ key: 1 }, o.$props, {
       custom: "",
       onClick: u
     }), {
-      default: d(({ href: h, navigate: T }) => [
+      default: d(({ href: T, navigate: h }) => [
         E("a", m(o.$attrs, {
-          href: h,
-          class: ["b-link", n(a)],
-          onClick: T
+          href: T,
+          class: ["b-link", r(a)],
+          onClick: h
         }), [
           t.disableTypography ? s(o.$slots, "default", { key: 1 }, void 0, !0) : (i(), l(c, {
             key: 0,
-            el: n(y).SPAN,
-            variant: n(x).BODY
+            el: r(y).SPAN,
+            variant: r(x).BODY
           }, {
             default: d(() => [
               s(o.$slots, "default", {}, void 0, !0)
@@ -159,9 +159,8 @@ const C = (t) => {
     }, 16));
   }
 });
-const q = /* @__PURE__ */ _(A, [["__scopeId", "data-v-3a8d44b1"]]);
+const q = /* @__PURE__ */ _(V, [["__scopeId", "data-v-3a8d44b1"]]);
 export {
-  Po as AdlLabelPosition,
   W as BentoAlert,
   Y as BentoAlertEvent,
   H as BentoAlertTypeOption,
@@ -174,17 +173,17 @@ export {
   Z as BentoButtonPropClass,
   ee as BentoButtonVariant,
   oe as BentoCard,
-  re as BentoCardBackground,
-  ne as BentoCardTitleSize,
+  ne as BentoCardBackground,
+  re as BentoCardTitleSize,
   Ee as BentoCheckbox,
   Pe as BentoCheckboxEvent,
-  ir as BentoCheckboxGroup,
-  sr as BentoCheckboxGroupVariant,
+  sn as BentoCheckboxGroup,
+  Bn as BentoCheckboxGroupVariant,
   _e as BentoCheckboxState,
   we as BentoClickOutside,
   qo as BentoClickOutsideDirective,
-  Ae as BentoCodeSnippet,
-  Ve as BentoCodeSnippetEvent,
+  Ve as BentoCodeSnippet,
+  Ae as BentoCodeSnippetEvent,
   Ge as BentoCodeSnippetSupportedLanguage,
   Me as BentoCodeSnippetVariant,
   ie as BentoColumnOverflow,
@@ -202,10 +201,10 @@ export {
   Je as BentoDateFormat,
   ue as BentoDatePicker,
   fe as BentoDatePickerEvent,
-  rr as BentoDatePickerFirstDayOfWeek,
+  nn as BentoDatePickerFirstDayOfWeek,
   ye as BentoDateRangePicker,
   xe as BentoDateRangePickerEvent,
-  nr as BentoDateRangePickerFirstDayOfWeek,
+  rn as BentoDateRangePickerFirstDayOfWeek,
   Ze as BentoDivider,
   Ce as BentoDropdown,
   Se as BentoDropdownAvatar,
@@ -215,8 +214,8 @@ export {
   De as BentoDropdownTag,
   tt as BentoFilterBar,
   ot as BentoFilterBarEvent,
-  rt as BentoFilterEvent,
-  nt as BentoFilterItemType,
+  nt as BentoFilterEvent,
+  rt as BentoFilterItemType,
   Pt as BentoHeader,
   it as BentoInfoIcon,
   Bt as BentoInputField,
@@ -230,13 +229,13 @@ export {
   q as BentoLink,
   No as BentoListboxEvent,
   Ro as BentoListboxLazyLoadType,
-  er as BentoLoadingButton,
-  tr as BentoLoadingButtonState,
+  en as BentoLoadingButton,
+  tn as BentoLoadingButtonState,
   ct as BentoLoadingIndicator,
   yt as BentoLoadingIndicatorEvent,
   gt as BentoMenu,
   Ct as BentoMenuEvent,
-  Tt as BentoModal,
+  ht as BentoModal,
   St as BentoModalColumnLayoutVariant,
   kt as BentoModalDialogType,
   vt as BentoModalEvent,
@@ -245,7 +244,7 @@ export {
   It as BentoModalVariant,
   Lt as BentoPagination,
   Ft as BentoPaymentMethod,
-  At as BentoPaymentMethodType,
+  Vt as BentoPaymentMethodType,
   Gt as BentoPopover,
   Mt as BentoPopoverPositions,
   $t as BentoRadioGroup,
@@ -261,8 +260,8 @@ export {
   Zt as BentoStructuredListItem,
   to as BentoSummaryGrid,
   oo as BentoSummaryGridItemAmount,
-  ro as BentoSummaryGridItemCustom,
-  no as BentoSummaryGridItemNumeric,
+  no as BentoSummaryGridItemCustom,
+  ro as BentoSummaryGridItemNumeric,
   ao as BentoSummaryGridItemPercentage,
   io as BentoSummaryGridItemSize,
   so as BentoSummaryGridItemText,
@@ -273,12 +272,13 @@ export {
   co as BentoTagVariant,
   xo as BentoTextarea,
   Co as BentoTimeline,
-  ho as BentoTimelineGapUnit,
-  To as BentoTimelineItem,
+  To as BentoTimelineGapUnit,
+  ho as BentoTimelineItem,
   So as BentoTimelineItemVariant,
   ko as BentoTimelineShowMorePlacement,
   bo as BentoToast,
-  _o as BentoToggle,
+  Po as BentoToggle,
+  _o as BentoToggleLabelPosition,
   Lo as BentoTogglePropClass,
   Ko as BentoTooltipDirective,
   Qo as BentoTooltipPosition,
@@ -287,13 +287,13 @@ export {
   y as BentoTypographyElement,
   Fo as BentoTypographyModifier,
   x as BentoTypographyVariant,
-  Vo as DateFormat,
+  Ao as DateFormat,
   U as default,
   Io as useBentoToastController,
   Ue as useCountryCapital,
   qe as useCountryFlag,
   ze as useCountryName,
   Ke as useCountryPhoneCode,
-  he as useSearchBarFilter
+  Te as useSearchBarFilter
 };
 //# sourceMappingURL=index.js.map

package/dist/info-icon.js

@@ -1,14 +1,14 @@
-import { openBlock as i, createElementBlock as n, mergeProps as f, toDisplayString as u, createCommentVNode as h, createElementVNode as e, pushScopeId as v, popScopeId as m, defineComponent as g, resolveComponent as $, resolveDirective as b, withDirectives as I, createVNode as w } from "vue";
-import { PopperContainerPosition as y } from "./popper-container.js";
-import { b as S } from "./chunks/tooltip.ca53a83a.js";
+import { openBlock as i, createElementBlock as n, mergeProps as f, toDisplayString as h, createCommentVNode as v, createElementVNode as e, pushScopeId as m, popScopeId as g, defineComponent as $, resolveComponent as b, resolveDirective as I, withDirectives as w, createVNode as y } from "vue";
+import { PopperContainerPosition as s } from "./popper-container.js";
+import { b as S } from "./chunks/tooltip.53290a34.js";
 import { _ as r } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import "./assets/index30.css";
-let s = 0;
+import "./assets/index12.css";
+let c = 0;
 const P = {
   beforeCreate() {
-    this.uuid = s.toString(), s += 1;
+    this.uuid = c.toString(), c += 1;
   }
-}, o = (t) => (v("data-v-20ae506d"), t = t(), m(), t), T = { key: 0 }, H = ["clip-path"], V = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z" }, null, -1)), B = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z" }, null, -1)), D = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z" }, null, -1)), M = [
+}, o = (t) => (m("data-v-20ae506d"), t = t(), g(), t), T = { key: 0 }, H = ["clip-path"], V = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z" }, null, -1)), B = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z" }, null, -1)), D = /* @__PURE__ */ o(() => /* @__PURE__ */ e("path", { d: "M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z" }, null, -1)), M = [
   V,
   B,
   D
@@ -19,14 +19,14 @@ const P = {
 }, null, -1)), x = [
   k
 ];
-function N(t, c, _, l, p, d) {
+function N(t, l, _, d, p, a) {
   return i(), n("svg", f({ role: "img" }, t.$attrs, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    t.$attrs["svg-title"] ? (i(), n("title", T, u(t.$attrs["svg-title"]), 1)) : h("", !0),
+    t.$attrs["svg-title"] ? (i(), n("title", T, h(t.$attrs["svg-title"]), 1)) : v("", !0),
     e("g", {
       fill: "#00112C",
       "fill-rule": "evenodd",
@@ -40,7 +40,7 @@ function N(t, c, _, l, p, d) {
     ])
   ], 16);
 }
-const E = /* @__PURE__ */ r(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]), q = g({
+const E = /* @__PURE__ */ r(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]), O = $({
   name: "bento-info-icon",
   components: { InfoIcon: E },
   directives: { BentoTooltipDirective: S },
@@ -54,27 +54,28 @@ const E = /* @__PURE__ */ r(P, [["render", N], ["__scopeId", "data-v-20ae506d"]]
      */
     tooltipPosition: {
       type: String,
-      default: y.AUTO
+      default: s.AUTO,
+      validator: (t) => Object.values(s).includes(t)
     }
   }
 });
-const A = ["aria-label"];
-function O(t, c, _, l, p, d) {
-  const a = $("info-icon", !0), C = b("bento-tooltip-directive");
-  return I((i(), n("span", {
+const j = ["aria-label"];
+function q(t, l, _, d, p, a) {
+  const C = b("info-icon", !0), u = I("bento-tooltip-directive");
+  return w((i(), n("span", {
     class: "b-info-icon",
     "aria-label": t.tooltipText,
     tabindex: "0"
   }, [
-    w(a, {
+    y(C, {
       "svg-title": t.tooltipText,
       class: "b-info-icon__svg"
     }, null, 8, ["svg-title"])
-  ], 8, A)), [
-    [C, t.tooltipText, t.tooltipPosition]
+  ], 8, j)), [
+    [u, t.tooltipText, t.tooltipPosition]
   ]);
 }
-const G = /* @__PURE__ */ r(q, [["render", O], ["__scopeId", "data-v-f5e2e395"]]);
+const G = /* @__PURE__ */ r(O, [["render", q], ["__scopeId", "data-v-8307ca10"]]);
 export {
   G as BentoInfoIcon
 };

package/dist/info-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"info-icon.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue","../../vue2/src/components/info-icon/info-icon.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" fill-rule=\"evenodd\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\" clip-rule=\"evenodd\"><path d=\"M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z\"/><path d=\"M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-info-icon\"\n        :aria-label=\"tooltipText\"\n        tabindex=\"0\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    /**\n     * @example\n     * import { BentoInfoIcon } from '@adyen/adl-vue-components';\n     *\n     * export default {\n     *     components: { BentoInfoIcon },\n     *     template: `\n     *          <bento-info-icon tooltip-text=\"Text on hover\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-info-icon',\n        components: { InfoIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            tooltipText: { type: String, required: true },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'auto'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition>,\n                default: PopperContainerPosition.AUTO,\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_sfc_main","defineComponent","InfoIcon","BentoTooltipDirective","PopperContainerPosition","withDirectives"],"mappings":";;;;;AAKI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;;;;;EARggE,OAAA;AAAA,EAAW,QAAA;AAAA,EAAY,MAAA;;;;;AAA/hE,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;MAAsE,MAAA;AAAA,MAAe,aAAA;AAAA,MAAqB,aAAA,8BAAAA,EAAA,OAAA;AAAA,MAAqD,aAAA;AAAA;;;QAA0tD,IAAA,yBAAAA,EAAA;AAAA;;;;mFC0B/9DG,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,UAAAC,EAAA;AAAA,EACiB,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACa,OAAA;AAAA;AAAA;AAAA;AAAA,IAC7B,aAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIyC,iBAAA;AAAA,MAK3B,MAAA;AAAA,MACP,SAAAC,EAAA;AAAA,IAC2B;AAAA,EACrC;AAER,CAAA;;;;AA1CK,SAAAC,GAAAX,EAAA,GAAAC,EAAA,QAAA;AAAA,IAAuB,OAAA;AAAA,IACxB,cAAAE,EAAA;AAAA,IAEA,UAAA;AAAA,EAAA,GAAA;AAAA;MAA4D,aAAAA,EAAA;AAAA;;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"info-icon.js","sources":["../../../node_modules/@adyen/ui-assets-icons-16/dist/vue/info.vue","../../vue2/src/components/info-icon/info-icon.vue"],"sourcesContent":["\n<template>\n    <svg role=\"img\" v-bind=\"$attrs\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g fill=\"#00112C\" fill-rule=\"evenodd\" :clip-path=\"'url(#uia-icons-16-info__a' + uuid + ')'\" clip-rule=\"evenodd\"><path d=\"M8.58147 5.05557C8.47159 5.22002 8.31541 5.34819 8.13268 5.42388C7.94996 5.49957 7.74889 5.51937 7.55491 5.48079C7.36093 5.4422 7.18275 5.34696 7.04289 5.20711C6.90304 5.06725 6.8078 4.88907 6.76922 4.69509C6.73063 4.50111 6.75043 4.30004 6.82612 4.11732C6.90181 3.93459 7.02998 3.77841 7.19443 3.66853C7.35888 3.55865 7.55222 3.5 7.75 3.5C8.01522 3.5 8.26957 3.60536 8.45711 3.79289C8.64464 3.98043 8.75 4.23478 8.75 4.5C8.75 4.69778 8.69135 4.89112 8.58147 5.05557Z\"/><path d=\"M6.25 7C6.25 6.58579 6.58579 6.25 7 6.25H8C8.41421 6.25 8.75 6.58579 8.75 7V10.25H9C9.41421 10.25 9.75 10.5858 9.75 11C9.75 11.4142 9.41421 11.75 9 11.75H7C6.58579 11.75 6.25 11.4142 6.25 11C6.25 10.5858 6.58579 10.25 7 10.25H7.25V7.75H7C6.58579 7.75 6.25 7.41421 6.25 7Z\"/><path d=\"M9.51195 0.398918C8.0086 0.0998821 6.45033 0.253358 5.0342 0.839937C3.61808 1.42652 2.40769 2.41985 1.55611 3.69433C0.70453 4.96881 0.25 6.4672 0.25 8C0.25 10.0554 1.06652 12.0267 2.51992 13.4801C3.97333 14.9335 5.94457 15.75 8 15.75C9.53281 15.75 11.0312 15.2955 12.3057 14.4439C13.5801 13.5923 14.5735 12.3819 15.1601 10.9658C15.7466 9.54967 15.9001 7.99141 15.6011 6.48805C15.3021 4.9847 14.5639 3.60378 13.4801 2.51993C12.3962 1.43607 11.0153 0.697953 9.51195 0.398918ZM5.60823 2.22576C6.75027 1.75271 8.00693 1.62894 9.21931 1.8701C10.4317 2.11125 11.5453 2.70651 12.4194 3.58059C13.2935 4.45466 13.8888 5.56831 14.1299 6.78069C14.3711 7.99307 14.2473 9.24974 13.7742 10.3918C13.3012 11.5338 12.5001 12.5099 11.4723 13.1967C10.4445 13.8834 9.23613 14.25 8 14.25C6.3424 14.25 4.75268 13.5915 3.58058 12.4194C2.40848 11.2473 1.75 9.65761 1.75 8C1.75 6.76387 2.11656 5.5555 2.80331 4.52769C3.49007 3.49988 4.46619 2.6988 5.60823 2.22576Z\"/></g><defs><clipPath :id=\"'uia-icons-16-info__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n    let uuid = 0;\n\n    export default {\n        beforeCreate() {\n            this.uuid = uuid.toString();\n            uuid += 1;\n        },\n    };\n</script>\n<style scoped lang=\"scss\">\n    svg {\n        display: inline-flex;\n        flex-shrink: 0;\n    }\n    \n    svg,\n    svg * {\n        fill: currentcolor;\n    }\n</style>\n","<template>\n    <span\n        v-bento-tooltip-directive:[tooltipPosition]=\"tooltipText\"\n        class=\"b-info-icon\"\n        :aria-label=\"tooltipText\"\n        tabindex=\"0\"\n    >\n        <info-icon :svg-title=\"tooltipText\" class=\"b-info-icon__svg\" />\n    </span>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, PropType } from 'vue';\n    import { PopperContainerPosition } from '@/components/popper-container';\n    import { BentoTooltipDirective } from '@/directives';\n    import InfoIcon from '@adyen/ui-assets-icons-16/vue/info';\n\n    /**\n     * @example\n     * import { BentoInfoIcon } from '@adyen/adl-vue-components';\n     *\n     * export default {\n     *     components: { BentoInfoIcon },\n     *     template: `\n     *          <bento-info-icon tooltip-text=\"Text on hover\" />\n     *     `\n     * }\n     */\n    export default defineComponent({\n        name: 'bento-info-icon',\n        components: { InfoIcon },\n        directives: { BentoTooltipDirective },\n        props: {\n            /**\n             * Text showed in the info-icon tooltip on hover\n             */\n            tooltipText: { type: String, required: true },\n\n            /**\n             * Position the tooltip should take if space is available. Defaults to 'auto'\n             */\n            tooltipPosition: {\n                type: String as PropType<PopperContainerPosition | `${PopperContainerPosition}`>,\n                default: PopperContainerPosition.AUTO,\n                validator: (value: PopperContainerPosition) => Object.values(PopperContainerPosition).includes(value),\n            },\n        },\n    });\n</script>\n\n<style lang=\"scss\" scoped src=\"./info-icon.scss\" />\n"],"names":["uuid","openBlock","createElementBlock","mergeProps","_ctx","_hoisted_1$1","toDisplayString","_sfc_main","defineComponent","InfoIcon","BentoTooltipDirective","PopperContainerPosition","value","withDirectives"],"mappings":";;;;;AAKI,IAAAA,IAAA;;EAGI,eAAA;8BAEIA,KAAA;AAAA;;;;;;EARggE,OAAA;AAAA,EAAW,QAAA;AAAA,EAAY,MAAA;;;;;AAA/hE,SAAAC,EAAA,GAAAC,EAAA,OAAAC,EAAA,EAAA,MAAA,MAAA,GAAAC,EAAA,QAAA;AAAA,IAAgC,OAAA;AAAA,IAAmC,OAAA;AAAA,IAAW,QAAA;AAAA,IAAY,MAAA;AAAA;6BAAYH,EAAA,GAAAC,EAAA,SAAAG,GAAAC,EAAAF,EAAA,OAAA,WAAA,CAAA,GAAA,CAAA;;MAAsE,MAAA;AAAA,MAAe,aAAA;AAAA,MAAqB,aAAA,8BAAAA,EAAA,OAAA;AAAA,MAAqD,aAAA;AAAA;;;QAA0tD,IAAA,yBAAAA,EAAA;AAAA;;;;mFC0B/9DG,IAAAC,EAAA;AAAA,EAA+B,MAAA;AAAA,EACrB,YAAA,EAAA,UAAAC,EAAA;AAAA,EACiB,YAAA,EAAA,uBAAAC,EAAA;AAAA,EACa,OAAA;AAAA;AAAA;AAAA;AAAA,IAC7B,aAAA,EAAA,MAAA,QAAA,UAAA,GAAA;AAAA;AAAA;AAAA;AAAA,IAIyC,iBAAA;AAAA,MAK3B,MAAA;AAAA,MACP,SAAAC,EAAA;AAAA,MAC2B,WAAA,CAAAC,MAAA,OAAA,OAAAD,CAAA,EAAA,SAAAC,CAAA;AAAA,IACmE;AAAA,EACxG;AAER,CAAA;;;;AA3CK,SAAAC,GAAAZ,EAAA,GAAAC,EAAA,QAAA;AAAA,IAAuB,OAAA;AAAA,IACxB,cAAAE,EAAA;AAAA,IAEA,UAAA;AAAA,EAAA,GAAA;AAAA;MAA4D,aAAAA,EAAA;AAAA;;;;;;;","x_google_ignoreList":[0]}