@adyen/bento-vue2 1.57.1 → 1.58.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@types/components.d.ts +2 -0
- package/dist/@types/index.d.ts +190 -51
- package/dist/action-bar.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid-template.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/input-field-password.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{action-bar.nUvnRVwP.js → action-bar.CErJh_wJ.js} +4 -4
- package/dist/chunks/{action-bar.nUvnRVwP.js.map → action-bar.CErJh_wJ.js.map} +1 -1
- package/dist/chunks/{avatar.CP1oL5W2.js → avatar.BgwjpLQO.js} +4 -3
- package/dist/chunks/{avatar.CP1oL5W2.js.map → avatar.BgwjpLQO.js.map} +1 -1
- package/dist/chunks/{base-modal.DdznUtgC.js → base-modal.D4x_tmYO.js} +2 -2
- package/dist/chunks/{base-modal.DdznUtgC.js.map → base-modal.D4x_tmYO.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.CDLJMdJh.js → button-actions-with-menu.BHmj0Xvn.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.CDLJMdJh.js.map → button-actions-with-menu.BHmj0Xvn.js.map} +1 -1
- package/dist/chunks/{button-actions.DUn_iPDm.js → button-actions.V0te_IrY.js} +2 -2
- package/dist/chunks/{button-actions.DUn_iPDm.js.map → button-actions.V0te_IrY.js.map} +1 -1
- package/dist/chunks/calendar.C7onA58P.js +1166 -0
- package/dist/chunks/calendar.C7onA58P.js.map +1 -0
- package/dist/chunks/{card.BYUqSnBy.js → card.CC4BEw-7.js} +2 -2
- package/dist/chunks/{card.BYUqSnBy.js.map → card.CC4BEw-7.js.map} +1 -1
- package/dist/chunks/{checkbox-group.HhNN-r-o.js → checkbox-group.Bev3ogYa.js} +4 -4
- package/dist/chunks/{checkbox-group.HhNN-r-o.js.map → checkbox-group.Bev3ogYa.js.map} +1 -1
- package/dist/chunks/{checkbox.CkaV8-b-.js → checkbox.DCIphKqu.js} +3 -3
- package/dist/chunks/{checkbox.CkaV8-b-.js.map → checkbox.DCIphKqu.js.map} +1 -1
- package/dist/chunks/{code-snippet.BdwtKOEj.js → code-snippet.BjtPvt9m.js} +5 -5
- package/dist/chunks/{code-snippet.BdwtKOEj.js.map → code-snippet.BjtPvt9m.js.map} +1 -1
- package/dist/chunks/{controls-group.CG5RvOSi.js → controls-group.CtpaKQIg.js} +2 -2
- package/dist/chunks/{controls-group.CG5RvOSi.js.map → controls-group.CtpaKQIg.js.map} +1 -1
- package/dist/chunks/{copy.MTsLLiC0.js → copy.BggvtZCO.js} +2 -2
- package/dist/chunks/{copy.MTsLLiC0.js.map → copy.BggvtZCO.js.map} +1 -1
- package/dist/chunks/{dashboard-section.DYk4LVm8.js → dashboard-section.D9LPEZ88.js} +2 -2
- package/dist/chunks/{dashboard-section.DYk4LVm8.js.map → dashboard-section.D9LPEZ88.js.map} +1 -1
- package/dist/chunks/{dashed-underline.lDp966e8.js → dashed-underline.DGRnOVkG.js} +3 -3
- package/dist/chunks/{dashed-underline.lDp966e8.js.map → dashed-underline.DGRnOVkG.js.map} +1 -1
- package/dist/chunks/{data-grid-template.Dcnw2_Du.js → data-grid-template.CwqfhYua.js} +2 -2
- package/dist/chunks/{data-grid-template.Dcnw2_Du.js.map → data-grid-template.CwqfhYua.js.map} +1 -1
- package/dist/chunks/{data-grid.DwdO-UCB.js → data-grid.Dl3xh62_.js} +1163 -1098
- package/dist/chunks/data-grid.Dl3xh62_.js.map +1 -0
- package/dist/chunks/{date-picker.oVG4b_5b.js → date-picker.DgF85qSC.js} +7 -6
- package/dist/chunks/{date-picker.oVG4b_5b.js.map → date-picker.DgF85qSC.js.map} +1 -1
- package/dist/chunks/date-range-picker.CAQY6v7g.js +967 -0
- package/dist/chunks/date-range-picker.CAQY6v7g.js.map +1 -0
- package/dist/chunks/{dropdown-tag.CqcduQgK.js → dropdown-tag.Cn6lz_lG.js} +4 -4
- package/dist/chunks/{dropdown-tag.CqcduQgK.js.map → dropdown-tag.Cn6lz_lG.js.map} +1 -1
- package/dist/chunks/{dropdown.sRIb4drl.js → dropdown.C01pOog2.js} +4 -4
- package/dist/chunks/{dropdown.sRIb4drl.js.map → dropdown.C01pOog2.js.map} +1 -1
- package/dist/chunks/{error-message.JskAm-Td.js → error-message.dQtl9mYG.js} +2 -2
- package/dist/chunks/{error-message.JskAm-Td.js.map → error-message.dQtl9mYG.js.map} +1 -1
- package/dist/chunks/{es6.BtaxuP0b.js → es6.BA9GH7QZ.js} +2 -2
- package/dist/chunks/{es6.BtaxuP0b.js.map → es6.BA9GH7QZ.js.map} +1 -1
- package/dist/chunks/{file-uploader.DhOTdtfm.js → file-uploader.D81zRKpY.js} +3 -3
- package/dist/chunks/{file-uploader.DhOTdtfm.js.map → file-uploader.D81zRKpY.js.map} +1 -1
- package/dist/chunks/{filter-bar.DRDC6mhJ.js → filter-bar.CcsUi7Xg.js} +604 -575
- package/dist/chunks/filter-bar.CcsUi7Xg.js.map +1 -0
- package/dist/chunks/{footer-actions.CWOEDPKJ.js → footer-actions.Cn-793_Z.js} +2 -2
- package/dist/chunks/{footer-actions.CWOEDPKJ.js.map → footer-actions.Cn-793_Z.js.map} +1 -1
- package/dist/chunks/{header-with-views.B8ncHkZt.js → header-with-views.BTd57MWZ.js} +13 -12
- package/dist/chunks/{header-with-views.B8ncHkZt.js.map → header-with-views.BTd57MWZ.js.map} +1 -1
- package/dist/chunks/{header.byOrhnHk.js → header.Rr0lnNYz.js} +4 -4
- package/dist/chunks/{header.byOrhnHk.js.map → header.Rr0lnNYz.js.map} +1 -1
- package/dist/chunks/{info-icon-with-popover.Cfng_pMj.js → info-icon-with-popover.B9QgNl-S.js} +2 -2
- package/dist/chunks/{info-icon-with-popover.Cfng_pMj.js.map → info-icon-with-popover.B9QgNl-S.js.map} +1 -1
- package/dist/chunks/{info-icon.DgCYoVE3.js → info-icon.BL55W9hd.js} +2 -2
- package/dist/chunks/{info-icon.DgCYoVE3.js.map → info-icon.BL55W9hd.js.map} +1 -1
- package/dist/chunks/input-field-password.DMcXkdVE.js +251 -0
- package/dist/chunks/input-field-password.DMcXkdVE.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.DFt3iS_A.js → input-field-phone-number.Cfy_o9aE.js} +3 -3
- package/dist/chunks/{input-field-phone-number.DFt3iS_A.js.map → input-field-phone-number.Cfy_o9aE.js.map} +1 -1
- package/dist/chunks/{input-field.rHXIJKN8.js → input-field.CP8Qui6G.js} +3 -3
- package/dist/chunks/{input-field.rHXIJKN8.js.map → input-field.CP8Qui6G.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.CBGk4m-_.js → listbox-option-tag.DDmqT1rs.js} +2 -2
- package/dist/chunks/{listbox-option-tag.CBGk4m-_.js.map → listbox-option-tag.DDmqT1rs.js.map} +1 -1
- package/dist/chunks/{menu.DZEDTBYV.js → menu.Dkesc658.js} +2 -2
- package/dist/chunks/{menu.DZEDTBYV.js.map → menu.Dkesc658.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.DRQ4V5tT.js → modal-fullscreen.D1pHbGYd.js} +2 -2
- package/dist/chunks/{modal-fullscreen.DRQ4V5tT.js.map → modal-fullscreen.D1pHbGYd.js.map} +1 -1
- package/dist/chunks/{modal.DDF63uBR.js → modal.bgya0ObK.js} +4 -4
- package/dist/chunks/{modal.DDF63uBR.js.map → modal.bgya0ObK.js.map} +1 -1
- package/dist/chunks/{pagination.BJ4qwHJn.js → pagination.CaHPf-Ye.js} +2 -2
- package/dist/chunks/{pagination.BJ4qwHJn.js.map → pagination.CaHPf-Ye.js.map} +1 -1
- package/dist/chunks/{popover.DXo3nXew.js → popover.CuOrBXcF.js} +2 -2
- package/dist/chunks/{popover.DXo3nXew.js.map → popover.CuOrBXcF.js.map} +1 -1
- package/dist/chunks/{radio-group.DtCgLBuL.js → radio-group.9jAj6AKb.js} +4 -4
- package/dist/chunks/{radio-group.DtCgLBuL.js.map → radio-group.9jAj6AKb.js.map} +1 -1
- package/dist/chunks/rich-text-editor.Ch-ETIRi.js +6203 -0
- package/dist/chunks/rich-text-editor.Ch-ETIRi.js.map +1 -0
- package/dist/chunks/{search-bar.Cc8VBCjQ.js → search-bar.Cs60bUZc.js} +3 -3
- package/dist/chunks/{search-bar.Cc8VBCjQ.js.map → search-bar.Cs60bUZc.js.map} +1 -1
- package/dist/chunks/{secondary-nav.DEDQjtj6.js → secondary-nav.i_Bb4wQF.js} +3 -3
- package/dist/chunks/{secondary-nav.DEDQjtj6.js.map → secondary-nav.i_Bb4wQF.js.map} +1 -1
- package/dist/chunks/{segmented-control.BQlmGv2x.js → segmented-control.BffWAGrf.js} +2 -2
- package/dist/chunks/{segmented-control.BQlmGv2x.js.map → segmented-control.BffWAGrf.js.map} +1 -1
- package/dist/chunks/{selection-card-group.BniN7KWU.js → selection-card-group.DTz7k_M7.js} +4 -4
- package/dist/chunks/{selection-card-group.BniN7KWU.js.map → selection-card-group.DTz7k_M7.js.map} +1 -1
- package/dist/chunks/{sidepanel.DfQaLZEA.js → sidepanel.DuTesKDW.js} +2 -2
- package/dist/chunks/{sidepanel.DfQaLZEA.js.map → sidepanel.DuTesKDW.js.map} +1 -1
- package/dist/chunks/{structured-list-item.xaedKywV.js → structured-list-item.-vyqAp4Y.js} +4 -4
- package/dist/chunks/{structured-list-item.xaedKywV.js.map → structured-list-item.-vyqAp4Y.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.CNEeGgWh.js → summary-grid.types.fm_VmUVA.js} +5 -5
- package/dist/chunks/{summary-grid.types.CNEeGgWh.js.map → summary-grid.types.fm_VmUVA.js.map} +1 -1
- package/dist/chunks/{tag.C7kJJ5Ki.js → tag.DczYlfXd.js} +2 -2
- package/dist/chunks/{tag.C7kJJ5Ki.js.map → tag.DczYlfXd.js.map} +1 -1
- package/dist/chunks/{textarea.CdA36VsY.js → textarea.B7BgCn_l.js} +2 -2
- package/dist/chunks/{textarea.CdA36VsY.js.map → textarea.B7BgCn_l.js.map} +1 -1
- package/dist/chunks/{timeline-item.D87PFH_o.js → timeline-item.DdF6EN2w.js} +5 -5
- package/dist/chunks/{timeline-item.D87PFH_o.js.map → timeline-item.DdF6EN2w.js.map} +1 -1
- package/dist/chunks/{toast.BuxfqZJb.js → toast.B2u2W_TQ.js} +4 -3
- package/dist/chunks/{toast.BuxfqZJb.js.map → toast.B2u2W_TQ.js.map} +1 -1
- package/dist/chunks/{tooltip.8KbMqaXP.js → tooltip.Bm5S2goP.js} +65 -65
- package/dist/chunks/{tooltip.8KbMqaXP.js.map → tooltip.Bm5S2goP.js.map} +1 -1
- package/dist/chunks/{tutorial.D74hJVBb.js → tutorial.DIYd-V8c.js} +4 -4
- package/dist/chunks/{tutorial.D74hJVBb.js.map → tutorial.DIYd-V8c.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.CSVs_E5A.js → use-cached-selected-values.BrkzIuaE.js} +3 -3
- package/dist/chunks/{use-cached-selected-values.CSVs_E5A.js.map → use-cached-selected-values.BrkzIuaE.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +2 -2
- package/dist/date-range-picker.js +2 -2
- package/dist/dropdown.js +3 -3
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +149 -147
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +1 -1
- package/dist/input-field-phone-number.js +1 -1
- package/dist/input-field.js +1 -1
- package/dist/internal.js +10 -10
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.js +2 -6200
- package/dist/rich-text-editor.js.map +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +15 -15
- package/dist/styles/bento-light.css +95 -95
- package/dist/styles/bento.css +95 -95
- package/dist/styles/legacy.css +96 -96
- package/dist/styles/styleguide.css +96 -96
- package/dist/styles/utility.css +64 -64
- package/dist/summary-grid.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/toast.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +43 -7
- package/package.json +4 -4
- package/dist/chunks/calendar.C0iatn5N.js +0 -1127
- package/dist/chunks/calendar.C0iatn5N.js.map +0 -1
- package/dist/chunks/data-grid.DwdO-UCB.js.map +0 -1
- package/dist/chunks/date-range-picker.CbLz3jJx.js +0 -905
- package/dist/chunks/date-range-picker.CbLz3jJx.js.map +0 -1
- package/dist/chunks/filter-bar.DRDC6mhJ.js.map +0 -1
- package/dist/chunks/input-field-password.GhHsOaiD.js +0 -233
- package/dist/chunks/input-field-password.GhHsOaiD.js.map +0 -1
package/dist/code-snippet.js
CHANGED
package/dist/dashed-underline.js
CHANGED
package/dist/data-grid.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.
|
|
1
|
+
import { B as e, d as o, a as r, f as n, e as i, c as B, b as d } from "./chunks/data-grid.Dl3xh62_.js";
|
|
2
2
|
export {
|
|
3
3
|
e as BentoColumnOverflow,
|
|
4
4
|
o as BentoDataGrid,
|
package/dist/date-picker.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as a, a as r } from "./chunks/date-picker.
|
|
2
|
-
import { C as i } from "./chunks/calendar.
|
|
1
|
+
import { B as a, a as r } from "./chunks/date-picker.DgF85qSC.js";
|
|
2
|
+
import { C as i } from "./chunks/calendar.C7onA58P.js";
|
|
3
3
|
export {
|
|
4
4
|
a as BentoDatePicker,
|
|
5
5
|
r as BentoDatePickerEvent,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as t, a as r } from "./chunks/date-range-picker.
|
|
2
|
-
import { C as o } from "./chunks/calendar.
|
|
1
|
+
import { B as t, a as r } from "./chunks/date-range-picker.CAQY6v7g.js";
|
|
2
|
+
import { C as o } from "./chunks/calendar.C7onA58P.js";
|
|
3
3
|
export {
|
|
4
4
|
t as BentoDateRangePicker,
|
|
5
5
|
r as BentoDateRangePickerEvent,
|
package/dist/dropdown.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { B as r } from "./chunks/dropdown.
|
|
1
|
+
import { B as r } from "./chunks/dropdown.C01pOog2.js";
|
|
2
2
|
import { B as t } from "./chunks/dropdown-default-textbox.AUsF-RIc.js";
|
|
3
|
-
import { a as p, B as d } from "./chunks/use-cached-selected-values.
|
|
4
|
-
import { d as s, a as w, b as D, c as m, e as y } from "./chunks/dropdown-tag.
|
|
3
|
+
import { a as p, B as d } from "./chunks/use-cached-selected-values.BrkzIuaE.js";
|
|
4
|
+
import { d as s, a as w, b as D, c as m, e as y } from "./chunks/dropdown-tag.Cn6lz_lG.js";
|
|
5
5
|
export {
|
|
6
6
|
r as BentoDropdown,
|
|
7
7
|
s as BentoDropdownAvatar,
|
package/dist/file-uploader.js
CHANGED
package/dist/filter-bar.js
CHANGED
package/dist/header.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,89 +1,90 @@
|
|
|
1
1
|
import "./chunks/index.Cl4_42j5.js";
|
|
2
|
-
import { c as
|
|
2
|
+
import { c as S, t as y } from "./chunks/use-bento-toast-controller.Cn_2Eogn.js";
|
|
3
3
|
import { u as N } from "./chunks/use-bento-toast-controller.Cn_2Eogn.js";
|
|
4
4
|
import { p as g, d } from "./chunks/typography.J1v_SPG3.js";
|
|
5
5
|
import { B as _, c as Y, b as j, a as U } from "./chunks/typography.J1v_SPG3.js";
|
|
6
6
|
import { a as K, b as H } from "./chunks/accordion-item.C4tyRMCt.js";
|
|
7
|
-
import { B as W } from "./chunks/action-bar.
|
|
7
|
+
import { B as W } from "./chunks/action-bar.CErJh_wJ.js";
|
|
8
8
|
import { B as J, c as Q, b as X, a as $ } from "./chunks/alert.Du9NfW-V.js";
|
|
9
|
-
import { B as te } from "./chunks/avatar.
|
|
9
|
+
import { B as te } from "./chunks/avatar.BgwjpLQO.js";
|
|
10
10
|
import { B as ae, b as ne, a as re } from "./chunks/button.BuD-IsW5.js";
|
|
11
|
-
import { B as Be } from "./chunks/dashed-underline.
|
|
12
|
-
import { B as me, d as pe, a as ue, f as de, e as le, c as ce, b as fe } from "./chunks/data-grid.
|
|
13
|
-
import { c as
|
|
14
|
-
import { B as he, a as be } from "./chunks/date-picker.
|
|
15
|
-
import { B as Ce, a as De } from "./chunks/date-range-picker.
|
|
16
|
-
import { B as ve, u as Le } from "./chunks/dropdown.
|
|
11
|
+
import { B as Be } from "./chunks/dashed-underline.DGRnOVkG.js";
|
|
12
|
+
import { B as me, d as pe, a as ue, f as de, e as le, c as ce, b as fe } from "./chunks/data-grid.Dl3xh62_.js";
|
|
13
|
+
import { c as Te, B as Se, a as ye } from "./chunks/card.CC4BEw-7.js";
|
|
14
|
+
import { B as he, a as be } from "./chunks/date-picker.DgF85qSC.js";
|
|
15
|
+
import { B as Ce, a as De } from "./chunks/date-range-picker.CAQY6v7g.js";
|
|
16
|
+
import { B as ve, u as Le } from "./chunks/dropdown.C01pOog2.js";
|
|
17
17
|
import { B as Fe } from "./chunks/dropdown-default-textbox.AUsF-RIc.js";
|
|
18
|
-
import { B as Oe, a as ke } from "./chunks/checkbox.
|
|
18
|
+
import { B as Oe, a as ke } from "./chunks/checkbox.DCIphKqu.js";
|
|
19
19
|
import { B as Me } from "./chunks/chip.BeK9uqmW.js";
|
|
20
20
|
import { B as Ae } from "./chunks/click-outside.C1Ud8AA2.js";
|
|
21
|
-
import { c as Re, b as _e, a as Ye, B as je } from "./chunks/code-snippet.
|
|
21
|
+
import { c as Re, b as _e, a as Ye, B as je } from "./chunks/code-snippet.BjtPvt9m.js";
|
|
22
22
|
import { c as ze } from "./chunks/country.Df7erZov.js";
|
|
23
23
|
import { a as He, B as qe, u as We } from "./chunks/country.types.C0Q_hhgJ.js";
|
|
24
24
|
import { c as Je, B as Qe } from "./chunks/currency.B1F9YOIx.js";
|
|
25
25
|
import { B as $e, a as et } from "./chunks/date.dYFFEunA.js";
|
|
26
26
|
import { B as ot } from "./chunks/divider.Cc4JFWG_.js";
|
|
27
27
|
import { B as nt, b as rt, c as st, a as Bt } from "./chunks/empty-state.IvvHHQ35.js";
|
|
28
|
-
import { f as mt } from "./chunks/file-uploader.
|
|
29
|
-
import { B as ut, b as dt, a as lt, c as ct } from "./chunks/filter-bar.
|
|
30
|
-
import { f as xt, a as
|
|
31
|
-
import { h as ht } from "./chunks/header-with-views.
|
|
28
|
+
import { f as mt } from "./chunks/file-uploader.D81zRKpY.js";
|
|
29
|
+
import { B as ut, b as dt, a as lt, c as ct } from "./chunks/filter-bar.CcsUi7Xg.js";
|
|
30
|
+
import { f as xt, a as Tt, c as St, b as yt } from "./chunks/form-layout-title.DBCY18f8.js";
|
|
31
|
+
import { h as ht } from "./chunks/header-with-views.BTd57MWZ.js";
|
|
32
32
|
import { B as Et, a as Ct, b as Dt } from "./chunks/image.C2D2hKat.js";
|
|
33
|
-
import { B as vt } from "./chunks/info-icon.
|
|
34
|
-
import { B as Pt, b as Ft, e as Gt, c as Ot, d as kt, a as wt } from "./chunks/input-field.
|
|
35
|
-
import { i as Vt, m as At, r as Nt, b as Rt, c as _t, a as Yt } from "./chunks/input-field-password.
|
|
36
|
-
import { i as Ut } from "./chunks/input-field-phone-number.
|
|
33
|
+
import { B as vt } from "./chunks/info-icon.BL55W9hd.js";
|
|
34
|
+
import { B as Pt, b as Ft, e as Gt, c as Ot, d as kt, a as wt } from "./chunks/input-field.CP8Qui6G.js";
|
|
35
|
+
import { i as Vt, m as At, r as Nt, b as Rt, c as _t, a as Yt } from "./chunks/input-field-password.DMcXkdVE.js";
|
|
36
|
+
import { i as Ut } from "./chunks/input-field-phone-number.Cfy_o9aE.js";
|
|
37
37
|
import { i as Kt, B as Ht } from "./chunks/inspector.types.Dab4xYKV.js";
|
|
38
38
|
import { l as Wt, a as Zt } from "./chunks/layout-row.c0ugsIw6.js";
|
|
39
39
|
import { B as Qt, a as Xt } from "./chunks/loading-indicator.z8COalOc.js";
|
|
40
40
|
import { B as eo, a as to } from "./chunks/link.D0P79Toh.js";
|
|
41
|
-
import { B as ao, a as no } from "./chunks/menu.
|
|
42
|
-
import { d as so, f as Bo, g as io, B as mo, e as po, c as uo, a as lo, b as co } from "./chunks/base-modal.
|
|
43
|
-
import { B as xo } from "./chunks/modal.
|
|
44
|
-
import { m as
|
|
45
|
-
import { B as ho } from "./chunks/header.
|
|
46
|
-
import { B as Eo } from "./chunks/pagination.
|
|
41
|
+
import { B as ao, a as no } from "./chunks/menu.Dkesc658.js";
|
|
42
|
+
import { d as so, f as Bo, g as io, B as mo, e as po, c as uo, a as lo, b as co } from "./chunks/base-modal.D4x_tmYO.js";
|
|
43
|
+
import { B as xo } from "./chunks/modal.bgya0ObK.js";
|
|
44
|
+
import { m as So, B as yo } from "./chunks/modal-fullscreen.D1pHbGYd.js";
|
|
45
|
+
import { B as ho } from "./chunks/header.Rr0lnNYz.js";
|
|
46
|
+
import { B as Eo } from "./chunks/pagination.CaHPf-Ye.js";
|
|
47
47
|
import { B as Do } from "./chunks/payment-method.Cx4nPDtE.js";
|
|
48
48
|
import { B as vo } from "./chunks/payment-method.types.BqtH7RM2.js";
|
|
49
|
-
import { B as Po, a as Fo } from "./chunks/popover.
|
|
49
|
+
import { B as Po, a as Fo } from "./chunks/popover.CuOrBXcF.js";
|
|
50
50
|
import { p as Oo, B as ko, a as wo } from "./chunks/promo-banner.BpLrkuMc.js";
|
|
51
|
-
import { b as Vo, B as Ao, a as No } from "./chunks/radio-group.
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import { B as Jo } from "./chunks/
|
|
56
|
-
import { B as Xo } from "./chunks/segmented-control.
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import { B as
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import { B as
|
|
64
|
-
import { B as Fa } from "./chunks/
|
|
65
|
-
import {
|
|
66
|
-
import { t as Ra } from "./chunks/
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import { d as Ja } from "./chunks/
|
|
71
|
-
import {
|
|
72
|
-
import { B as rn } from "./chunks/
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
51
|
+
import { b as Vo, B as Ao, a as No } from "./chunks/radio-group.9jAj6AKb.js";
|
|
52
|
+
import { r as _o } from "./chunks/rich-text-editor.Ch-ETIRi.js";
|
|
53
|
+
import { B as jo, b as Uo, a as zo } from "./chunks/search-bar.Cs60bUZc.js";
|
|
54
|
+
import { s as Ho } from "./chunks/secondary-nav.i_Bb4wQF.js";
|
|
55
|
+
import { B as Wo, s as Zo, a as Jo } from "./chunks/selection-card-group.DTz7k_M7.js";
|
|
56
|
+
import { B as Xo } from "./chunks/segmented-control.BffWAGrf.js";
|
|
57
|
+
import { B as ea } from "./chunks/segmented-control.types.BHRLV8KU.js";
|
|
58
|
+
import { a as oa, B as aa, s as na } from "./chunks/sidepanel.DuTesKDW.js";
|
|
59
|
+
import { s as sa, B as Ba } from "./chunks/status.types.p_TCvoo0.js";
|
|
60
|
+
import { a as ma, s as pa, B as ua, b as da } from "./chunks/step.CuOpi-Ye.js";
|
|
61
|
+
import { B as ca, a as fa } from "./chunks/structured-list-item.-vyqAp4Y.js";
|
|
62
|
+
import { s as Ta, a as Sa, e as ya, b as ga, c as ha, B as ba, d as Ea, f as Ca } from "./chunks/summary-grid.types.fm_VmUVA.js";
|
|
63
|
+
import { B as Ia, a as va } from "./chunks/tabs.DX_Gq12z.js";
|
|
64
|
+
import { B as Pa, a as Fa } from "./chunks/tag.DczYlfXd.js";
|
|
65
|
+
import { B as Oa } from "./chunks/textarea.B7BgCn_l.js";
|
|
66
|
+
import { t as wa, b as Ma, a as Va, c as Aa, B as Na, d as Ra } from "./chunks/timeline-item.DdF6EN2w.js";
|
|
67
|
+
import { t as Ya } from "./chunks/toast.B2u2W_TQ.js";
|
|
68
|
+
import { B as Ua, b as za, a as Ka } from "./chunks/toggle.Q52IIKfi.js";
|
|
69
|
+
import { t as qa } from "./chunks/tutorial.DIYd-V8c.js";
|
|
70
|
+
import { a as Za, d as Ja } from "./chunks/dashboard-section.D9LPEZ88.js";
|
|
71
|
+
import { d as Xa } from "./chunks/data-grid-template.CwqfhYua.js";
|
|
72
|
+
import { B as en, c as tn, a as on, b as an, d as nn, e as rn } from "./chunks/button-actions.V0te_IrY.js";
|
|
73
|
+
import { B as Bn } from "./chunks/toggle-button.ChDbeBZ8.js";
|
|
74
|
+
import { C as pn, C as un } from "./chunks/calendar.C7onA58P.js";
|
|
75
|
+
import { a as ln, B as cn, a as fn, B as xn } from "./chunks/use-cached-selected-values.BrkzIuaE.js";
|
|
76
|
+
import { d as Sn, a as yn, b as gn, c as hn, e as bn } from "./chunks/dropdown-tag.Cn6lz_lG.js";
|
|
77
|
+
import { C as Cn } from "./chunks/checkbox-input.Dr1GS2BZ.js";
|
|
78
|
+
import { c as In, B as vn } from "./chunks/checkbox-group.Bev3ogYa.js";
|
|
79
|
+
import { u as Pn, a as Fn } from "./chunks/use-country-phon-code.DVgE19zT.js";
|
|
80
|
+
import { R as On } from "./chunks/radio-input.uJAhxKRs.js";
|
|
80
81
|
import { shallowRef as h, ref as l, getCurrentInstance as b } from "vue";
|
|
81
82
|
import * as s from "zod";
|
|
82
|
-
import { u as
|
|
83
|
-
import { D as
|
|
84
|
-
import { a as
|
|
85
|
-
import { B as
|
|
86
|
-
import { B as
|
|
83
|
+
import { u as wn } from "./chunks/use-click-outside.BnhTgpSt.js";
|
|
84
|
+
import { D as Vn } from "./chunks/date-input.BqBdAO1E.js";
|
|
85
|
+
import { a as Nn, B as Rn } from "./chunks/keyboard-navigation.pB8weElW.js";
|
|
86
|
+
import { B as Yn } from "./chunks/directive.Cbdox5VL.js";
|
|
87
|
+
import { B as Un, a as zn, b as Kn } from "./chunks/tooltip.Bm5S2goP.js";
|
|
87
88
|
function O(e) {
|
|
88
89
|
return e;
|
|
89
90
|
}
|
|
@@ -111,10 +112,10 @@ function k({
|
|
|
111
112
|
values: n,
|
|
112
113
|
// Methods
|
|
113
114
|
handleReset: () => x(),
|
|
114
|
-
submitForm: (
|
|
115
|
+
submitForm: (T) => () => {
|
|
115
116
|
i();
|
|
116
117
|
const u = e.safeParse(n.value);
|
|
117
|
-
u.success ?
|
|
118
|
+
u.success ? T(n.value) : u.error.issues.forEach((m) => {
|
|
118
119
|
const B = E(m);
|
|
119
120
|
t.value[B] || (t.value[B] = m.message), a.value[B] ? a.value[B].push(m.message) : a.value[B] = [m.message];
|
|
120
121
|
});
|
|
@@ -133,7 +134,7 @@ function w() {
|
|
|
133
134
|
});
|
|
134
135
|
}
|
|
135
136
|
const C = (e) => {
|
|
136
|
-
e.prototype[y] =
|
|
137
|
+
e.prototype[y] = S();
|
|
137
138
|
}, f = () => {
|
|
138
139
|
var e;
|
|
139
140
|
return ((e = document.body.className.match(/b-\w+-theme/)) == null ? void 0 : e[0]) ?? "";
|
|
@@ -174,23 +175,23 @@ export {
|
|
|
174
175
|
$ as BentoAlertVariant,
|
|
175
176
|
te as BentoAvatar,
|
|
176
177
|
ae as BentoButton,
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
178
|
+
en as BentoButtonActions,
|
|
179
|
+
tn as BentoButtonActionsLayout,
|
|
180
|
+
on as BentoButtonActionsLayoutBasic,
|
|
181
|
+
an as BentoButtonActionsLayoutExtended,
|
|
181
182
|
ne as BentoButtonPropClass,
|
|
182
183
|
re as BentoButtonVariant,
|
|
183
|
-
|
|
184
|
-
|
|
184
|
+
Te as BentoCard,
|
|
185
|
+
Se as BentoCardBackground,
|
|
185
186
|
ye as BentoCardTitleSize,
|
|
186
187
|
Oe as BentoCheckbox,
|
|
187
188
|
ke as BentoCheckboxEvent,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
189
|
+
In as BentoCheckboxGroup,
|
|
190
|
+
vn as BentoCheckboxGroupVariant,
|
|
191
|
+
Cn as BentoCheckboxState,
|
|
191
192
|
Me as BentoChip,
|
|
192
193
|
Ae as BentoClickOutside,
|
|
193
|
-
|
|
194
|
+
Yn as BentoClickOutsideDirective,
|
|
194
195
|
Re as BentoCodeSnippet,
|
|
195
196
|
_e as BentoCodeSnippetEvent,
|
|
196
197
|
Ye as BentoCodeSnippetSupportedLanguage,
|
|
@@ -201,12 +202,12 @@ export {
|
|
|
201
202
|
qe as BentoCountryVariant,
|
|
202
203
|
Je as BentoCurrency,
|
|
203
204
|
Qe as BentoCurrencyISOCode,
|
|
204
|
-
|
|
205
|
-
|
|
205
|
+
Za as BentoDashboardSection,
|
|
206
|
+
Ja as BentoDashboardTemplate,
|
|
206
207
|
Be as BentoDashedUnderline,
|
|
207
208
|
pe as BentoDataGrid,
|
|
208
209
|
ue as BentoDataGridStaticIcon,
|
|
209
|
-
|
|
210
|
+
Xa as BentoDataGridTemplate,
|
|
210
211
|
de as BentoDatagridAriaSortValue,
|
|
211
212
|
le as BentoDatagridEvent,
|
|
212
213
|
ce as BentoDatagridSortDirection,
|
|
@@ -215,20 +216,20 @@ export {
|
|
|
215
216
|
et as BentoDateFormat,
|
|
216
217
|
he as BentoDatePicker,
|
|
217
218
|
be as BentoDatePickerEvent,
|
|
218
|
-
|
|
219
|
+
pn as BentoDatePickerFirstDayOfWeek,
|
|
219
220
|
Ce as BentoDateRangePicker,
|
|
220
221
|
De as BentoDateRangePickerEvent,
|
|
221
|
-
|
|
222
|
+
un as BentoDateRangePickerFirstDayOfWeek,
|
|
222
223
|
ot as BentoDivider,
|
|
223
224
|
ve as BentoDropdown,
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
225
|
+
Sn as BentoDropdownAvatar,
|
|
226
|
+
yn as BentoDropdownCountry,
|
|
227
|
+
gn as BentoDropdownCurrency,
|
|
228
|
+
ln as BentoDropdownEvent,
|
|
229
|
+
cn as BentoDropdownLazyLoadType,
|
|
230
|
+
hn as BentoDropdownPaymentMethod,
|
|
230
231
|
Fe as BentoDropdownSize,
|
|
231
|
-
|
|
232
|
+
bn as BentoDropdownTag,
|
|
232
233
|
nt as BentoEmptyState,
|
|
233
234
|
rt as BentoEmptyStateImage,
|
|
234
235
|
st as BentoEmptyStateImageVariant,
|
|
@@ -239,8 +240,8 @@ export {
|
|
|
239
240
|
lt as BentoFilterEvent,
|
|
240
241
|
ct as BentoFilterItemType,
|
|
241
242
|
xt as BentoFormLayout,
|
|
242
|
-
|
|
243
|
-
|
|
243
|
+
Tt as BentoFormLayoutFieldTip,
|
|
244
|
+
St as BentoFormLayoutGroup,
|
|
244
245
|
yt as BentoFormLayoutTitle,
|
|
245
246
|
ho as BentoHeader,
|
|
246
247
|
ht as BentoHeaderWithViews,
|
|
@@ -258,16 +259,16 @@ export {
|
|
|
258
259
|
wt as BentoInputFieldVariant,
|
|
259
260
|
Kt as BentoInspector,
|
|
260
261
|
Ht as BentoInspectorSizeOptions,
|
|
261
|
-
|
|
262
|
-
|
|
262
|
+
Nn as BentoKeyboardNavigationDirective,
|
|
263
|
+
Rn as BentoKeyboardNavigationKeyDownEvent,
|
|
263
264
|
Wt as BentoLayout,
|
|
264
265
|
Zt as BentoLayoutRow,
|
|
265
266
|
eo as BentoLink,
|
|
266
267
|
to as BentoLinkVariant,
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
268
|
+
fn as BentoListboxEvent,
|
|
269
|
+
xn as BentoListboxLazyLoadType,
|
|
270
|
+
nn as BentoLoadingButton,
|
|
271
|
+
rn as BentoLoadingButtonState,
|
|
271
272
|
Qt as BentoLoadingIndicator,
|
|
272
273
|
Xt as BentoLoadingIndicatorEvent,
|
|
273
274
|
ao as BentoMenu,
|
|
@@ -276,7 +277,7 @@ export {
|
|
|
276
277
|
so as BentoModalColumnLayoutVariant,
|
|
277
278
|
Bo as BentoModalDialogType,
|
|
278
279
|
io as BentoModalEvent,
|
|
279
|
-
|
|
280
|
+
So as BentoModalFullscreen,
|
|
280
281
|
yo as BentoModalFullscreenPage,
|
|
281
282
|
mo as BentoModalPage,
|
|
282
283
|
po as BentoModalRole,
|
|
@@ -292,63 +293,64 @@ export {
|
|
|
292
293
|
ko as BentoPromoBannerColor,
|
|
293
294
|
wo as BentoPromoBannerLayout,
|
|
294
295
|
Vo as BentoRadioButton,
|
|
295
|
-
|
|
296
|
+
On as BentoRadioButtonStateClass,
|
|
296
297
|
Ao as BentoRadioGroup,
|
|
297
298
|
No as BentoRadioGroupVariant,
|
|
298
|
-
_o as
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
zo as
|
|
302
|
-
|
|
303
|
-
Xo as
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
na as
|
|
311
|
-
|
|
312
|
-
Ba as
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
da as
|
|
317
|
-
|
|
318
|
-
fa as
|
|
319
|
-
|
|
320
|
-
Sa as
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
Ca as
|
|
327
|
-
|
|
328
|
-
va as
|
|
329
|
-
|
|
330
|
-
Fa as
|
|
299
|
+
_o as BentoRichTextEditor,
|
|
300
|
+
jo as BentoSearchBar,
|
|
301
|
+
Uo as BentoSearchBarEvent,
|
|
302
|
+
zo as BentoSearchBarInternalEvent,
|
|
303
|
+
Ho as BentoSecondaryNav,
|
|
304
|
+
Xo as BentoSegmentedControl,
|
|
305
|
+
ea as BentoSegmentedControlEvent,
|
|
306
|
+
Wo as BentoSelectionCard,
|
|
307
|
+
Zo as BentoSelectionCardGroup,
|
|
308
|
+
Jo as BentoSelectionCardState,
|
|
309
|
+
oa as BentoSidepanel,
|
|
310
|
+
aa as BentoSidepanelEvent,
|
|
311
|
+
na as BentoSidepanelPage,
|
|
312
|
+
sa as BentoStatus,
|
|
313
|
+
Ba as BentoStatusVariant,
|
|
314
|
+
ma as BentoStep,
|
|
315
|
+
pa as BentoStepper,
|
|
316
|
+
ua as BentoStepperTypeOption,
|
|
317
|
+
da as BentoStepperVariantOption,
|
|
318
|
+
ca as BentoStructuredList,
|
|
319
|
+
fa as BentoStructuredListItem,
|
|
320
|
+
Ta as BentoSummaryGrid,
|
|
321
|
+
Sa as BentoSummaryGridItemAmount,
|
|
322
|
+
ya as BentoSummaryGridItemCustom,
|
|
323
|
+
ga as BentoSummaryGridItemNumeric,
|
|
324
|
+
ha as BentoSummaryGridItemPercentage,
|
|
325
|
+
ba as BentoSummaryGridItemSize,
|
|
326
|
+
Ea as BentoSummaryGridItemText,
|
|
327
|
+
Ca as BentoSummaryGridItemTrendDirection,
|
|
328
|
+
Ia as BentoTab,
|
|
329
|
+
va as BentoTabs,
|
|
330
|
+
Pa as BentoTag,
|
|
331
|
+
Fa as BentoTagVariant,
|
|
332
|
+
Oa as BentoTextarea,
|
|
331
333
|
o as BentoTheme,
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
334
|
+
wa as BentoTimeline,
|
|
335
|
+
Ma as BentoTimelineGapUnit,
|
|
336
|
+
Va as BentoTimelineItem,
|
|
337
|
+
Aa as BentoTimelineItemVariant,
|
|
338
|
+
Na as BentoTimelineShowMorePlacement,
|
|
339
|
+
Ra as BentoTimelineStatus,
|
|
340
|
+
Ya as BentoToast,
|
|
341
|
+
Ua as BentoToggle,
|
|
342
|
+
Bn as BentoToggleButton,
|
|
343
|
+
za as BentoToggleLabelPosition,
|
|
344
|
+
Ka as BentoTogglePropClass,
|
|
345
|
+
Un as BentoTooltipDirective,
|
|
346
|
+
zn as BentoTooltipPosition,
|
|
347
|
+
Kn as BentoTooltipState,
|
|
348
|
+
qa as BentoTutorial,
|
|
347
349
|
_ as BentoTypography,
|
|
348
350
|
Y as BentoTypographyElement,
|
|
349
351
|
j as BentoTypographyModifier,
|
|
350
352
|
U as BentoTypographyVariant,
|
|
351
|
-
|
|
353
|
+
Vn as DateFormat,
|
|
352
354
|
M as default,
|
|
353
355
|
At as minLength,
|
|
354
356
|
Nt as requireLowercase,
|
|
@@ -359,10 +361,10 @@ export {
|
|
|
359
361
|
w as useBentoTheme,
|
|
360
362
|
c as useBentoThemeKey,
|
|
361
363
|
N as useBentoToastController,
|
|
362
|
-
|
|
364
|
+
wn as useClickOutside,
|
|
363
365
|
We as useCountryCapital,
|
|
364
|
-
|
|
365
|
-
|
|
366
|
+
Pn as useCountryName,
|
|
367
|
+
Fn as useCountryPhoneCode,
|
|
366
368
|
k as useForm,
|
|
367
369
|
Le as useSearchBarFilter
|
|
368
370
|
};
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/composables/use-bento-theme/use-bento-theme.types.ts","../src/composables/use-bento-theme/use-bento-theme.ts","../src/composables/use-bento-toast-controller/install.ts","../src/composables/use-bento-theme/install.ts","../src/install.ts"],"sourcesContent":["import { type Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { allKeys, ErrorBag, UseForm } from './use-form.types';\n\n/**\n * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n * z.object({\n * name: z\n * .string()\n * .min(3, { message: 'Name is required' })\n * .startsWith('Jane')\n * .max(4, { message: 'Name cannot be longer than 4 characters' })\n * .default('Joe'),\n * })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n * name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n if (!!z && schema instanceof z.ZodObject) {\n return Object.fromEntries(\n Object.entries(schema.shape).map(([key, value]) => {\n if (!!z && value instanceof z.ZodDefault) {\n // eslint-disable-next-line no-underscore-dangle\n return [key, value._def.defaultValue()];\n }\n\n if (!!z && value instanceof z.ZodObject) {\n return [key, getInitialFormValues(value)];\n }\n\n return [key, undefined];\n })\n ) as z.infer<typeof schema>;\n }\n\n return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param props Form configuration object\n * @param extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns response.errors Object with all the form values and the first error found for that field (if any)\n * @returns response.values Object with all the form values and their current value\n * @returns response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n * When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n * z.object({\n * name: z\n * .string()\n * .min(3, { message: 'Name is required' })\n * .startsWith('Jane')\n * .max(4, { message: 'Name cannot be longer than 4 characters' })\n * .default('Joe'),\n * })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n * validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n * // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({\n validationSchema,\n}: UseForm<T>): {\n errorBag: Ref<{\n [P in allKeys<(typeof validationSchema)['_type']>]?: string[];\n }>;\n errors: Ref<{\n [P in allKeys<(typeof validationSchema)['_type']>]?: string;\n }>;\n values: Ref<(typeof validationSchema)['_type']>;\n handleReset: () => void;\n submitForm: (submitted: any) => () => void;\n} {\n // Errors per field\n const errors = shallowRef<z.infer<typeof validationSchema>>({});\n // All errors per field\n const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n const values: Ref<z.TypeOf<T>> = ref(getInitialFormValues<T>(validationSchema));\n\n const cleanErrors = () => {\n errors.value = {};\n errorBag.value = {};\n };\n\n const resetForm = () => {\n cleanErrors();\n values.value = getInitialFormValues<T>(validationSchema);\n };\n\n const submitForm = submitted => () => {\n cleanErrors();\n\n // Run validations on the form data through the schema\n const validSchema = validationSchema.safeParse(values.value);\n\n // Update errors\n if (!validSchema.success) {\n (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n const path = normalizeFormPath(error);\n\n // Add the first ocurrance of a fild error to the \"errors\" object\n if (!errors.value[path]) {\n errors.value[path] = error.message;\n }\n\n // Add each error to the \"errorBag\" per field array\n if (!errorBag.value[path]) {\n errorBag.value[path] = [error.message];\n } else {\n errorBag.value[path].push(error.message);\n }\n });\n } else {\n submitted(values.value);\n }\n };\n\n return {\n // Values\n errorBag,\n errors,\n values,\n\n // Methods\n handleReset: () => resetForm(),\n submitForm,\n };\n}\n","import { BentoTheme } from './install';\n\nexport const useBentoThemeKey = Symbol('use-bento-theme');\n\nexport interface UseBentoTheme {\n getTheme: () => string;\n setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;\n}\n","import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { getCurrentInstance, inject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { UseBentoTheme, useBentoThemeKey } from './use-bento-theme.types';\n\n/**\n * Composable that handles theming-related capabilities for the Bento component library.\n * Requires the use of `BentoPlugin`.\n *\n * @example\n * <script setup lang=\"ts\">\n * import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';\n *\n * const { setTheme } = useBentoTheme();\n *\n * setTheme(BentoTheme.BENTO_DARK)\n * </script>\n *\n * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.\n * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.\n * @returns {Function} setTheme - Sets the theme of the Bento component library.\n *\n */\nexport function useBentoTheme(): UseBentoTheme {\n const bentoThemeController = isVue2\n ? getCurrentInstance()?.proxy[useBentoThemeKey]\n : inject(useBentoThemeKey, null);\n\n if (!bentoThemeController) {\n printDevelopmentWarning('useBentoTheme does not work without Vue.use(BentoPlugin)');\n\n // Return placeholder functions so client code won't break, but theme won't toggle\n return {\n getTheme: () => undefined,\n setTheme: () => undefined,\n };\n }\n\n // Return a new object so unintentional reassigning its properties won't override a global state\n return { ...bentoThemeController };\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n if (isVue2) {\n // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n } else {\n (Vue as App).provide(toastStackInjectionKey, createToastStack());\n }\n};\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { useBentoThemeKey } from './use-bento-theme.types';\n\nconst getTheme = () => document.body.className.match(/b-\\w+-theme/)?.[0] ?? '';\nconst getThemeForSystemPreference = () => {\n const preferredDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n if (preferredDarkMode) {\n return BentoTheme.BENTO_DARK;\n }\n\n return BentoTheme.BENTO_LIGHT;\n};\n\nexport enum BentoTheme {\n LEGACY = 'b-legacy-theme',\n STYLEGUIDE = 'b-styleguide-theme',\n\n /**\n * @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.\n */\n BENTO = '',\n\n BENTO_LIGHT = 'b-light-theme',\n BENTO_DARK = 'b-dark-theme',\n BENTO_SYSTEM = 'b-system',\n}\n\nexport const setTheme = (theme: BentoTheme) => {\n const currentTheme = getTheme();\n const systemTheme = getThemeForSystemPreference();\n const themeToSet = theme === BentoTheme.BENTO_SYSTEM ? systemTheme : theme;\n\n if (themeToSet === BentoTheme.BENTO_LIGHT || themeToSet === BentoTheme.BENTO) {\n document.documentElement.style.colorScheme = 'light';\n } else if (themeToSet === BentoTheme.BENTO_DARK) {\n document.documentElement.style.colorScheme = 'dark';\n }\n\n // if theme is different from current and it is not `BentoTheme.BENTO`\n if (currentTheme.length && currentTheme !== themeToSet) {\n document.body.classList.remove(currentTheme);\n }\n\n // if theme is not `BentoTheme.BENTO`\n if (themeToSet.length) {\n document.body.classList.add(themeToSet);\n }\n};\n\n/**\n * This function is used to create and register global reactive state necessary for theme to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n const themeProvider = {\n getTheme,\n setTheme,\n };\n\n if (isVue2) {\n // Add theme as a global property as there is no \"app.provide\" functionality in Vue2\n // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n (Vue as typeof Vue2).prototype[useBentoThemeKey] = themeProvider;\n } else {\n (Vue as App).provide(useBentoThemeKey, themeProvider);\n }\n};\n","import type { PluginObject } from 'vue';\nimport installToast from './composables/use-bento-toast-controller/install';\nimport installTheme, { BentoTheme, setTheme } from './composables/use-bento-theme/install';\nimport { deprecate } from './utils/ts/deprecate';\n\ninterface BentoVuePlugin {\n theme?: BentoTheme;\n withToast?: boolean;\n withUtilityClasses?: boolean;\n withDesignTokensCSSInjection?: boolean;\n}\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n name: 'BentoVue',\n install: async (\n Vue,\n {\n theme = BentoTheme.BENTO_LIGHT,\n withToast = false,\n withUtilityClasses = false,\n withDesignTokensCSSInjection = true,\n }: BentoVuePlugin\n ) => {\n installTheme(Vue);\n\n if (withToast) {\n installToast(Vue);\n }\n if (withDesignTokensCSSInjection) {\n deprecate(\n 'Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin',\n 'Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:\\nhttps://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables',\n '2.0.0'\n );\n // Make sure to put all awaited CSS imports below this point and not above!\n if (theme === BentoTheme.LEGACY) {\n await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n } else if (theme === BentoTheme.STYLEGUIDE) {\n await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n } else {\n await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n }\n\n if (withUtilityClasses) {\n await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n }\n }\n\n if (theme === BentoTheme.LEGACY) {\n setTheme(BentoTheme.LEGACY);\n } else if (theme === BentoTheme.STYLEGUIDE) {\n setTheme(BentoTheme.STYLEGUIDE);\n } else if (theme === BentoTheme.BENTO_SYSTEM) {\n setTheme(BentoTheme.BENTO_SYSTEM);\n } else if (theme === BentoTheme.BENTO_DARK) {\n setTheme(BentoTheme.BENTO_DARK);\n } else if (theme === BentoTheme.BENTO) {\n deprecate('Using `BentoTheme.BENTO`', 'Please use `BentoTheme.BENTO_LIGHT` instead', '2.0.0');\n setTheme(BentoTheme.BENTO_LIGHT);\n } else {\n setTheme(BentoTheme.BENTO_LIGHT);\n }\n },\n};\n\nexport { BentoTheme };\nexport default plugin;\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","error","path","useBentoThemeKey","useBentoTheme","bentoThemeController","_a","getCurrentInstance","printDevelopmentWarning","installToast","Vue","toastStackInjectionKey","createToastStack","getTheme","getThemeForSystemPreference","BentoTheme","setTheme","theme","currentTheme","systemTheme","themeToSet","installTheme","themeProvider","plugin","withToast","withUtilityClasses","withDesignTokensCSSInjection","deprecate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/composables/use-form-validate/use-form.ts","../src/composables/use-bento-theme/use-bento-theme.types.ts","../src/composables/use-bento-theme/use-bento-theme.ts","../src/composables/use-bento-toast-controller/install.ts","../src/composables/use-bento-theme/install.ts","../src/install.ts"],"sourcesContent":["import { type Ref, ref, shallowRef } from 'vue';\nimport * as z from 'zod';\nimport type { ZodSchema } from 'zod';\nimport { allKeys, ErrorBag, UseForm } from './use-form.types';\n\n/**\n * Composable that tansforms a Zod schema into a Typed Schema that can be used alongside with {@see useForm}.\n *\n * This is meant to simulate the behavior of {@link @vee-validate/zod} {@see https://vee-validate.logaretm.com/v4/integrations/zod-schema-validation}.\n * Function that transform Zod’s schemas into something that can be understood by vee-validate\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param formSchema Zod schema to be transformed into a `vee-validate` schema\n * @returns Schema transformed\n */\nexport function toTypedSchema<T extends ZodSchema>(formSchema: T) {\n return formSchema;\n}\n\n/**\n * Finds and returns the initial values of each of the values defined in the schema so that they\n * can be transformed into a reactive element.\n * @param schema Zod validation schema containing the definitions of each value to be used in the form\n * @returns Object with the items defined in the schema and their (default) values\n *\n * @example\n * const validationSchema = toTypedSchema(\n * z.object({\n * name: z\n * .string()\n * .min(3, { message: 'Name is required' })\n * .startsWith('Jane')\n * .max(4, { message: 'Name cannot be longer than 4 characters' })\n * .default('Joe'),\n * })\n * );\n * getInitialFormValues(validationSchema)\n *\n * Will return:\n *\n * {\n * name: 'Joe'\n * }\n *\n */\nfunction getInitialFormValues<T extends ZodSchema>(schema: T): z.infer<typeof schema> {\n if (!!z && schema instanceof z.ZodObject) {\n return Object.fromEntries(\n Object.entries(schema.shape).map(([key, value]) => {\n if (!!z && value instanceof z.ZodDefault) {\n // eslint-disable-next-line no-underscore-dangle\n return [key, value._def.defaultValue()];\n }\n\n if (!!z && value instanceof z.ZodObject) {\n return [key, getInitialFormValues(value)];\n }\n\n return [key, undefined];\n })\n ) as z.infer<typeof schema>;\n }\n\n return undefined;\n}\n\n/**\n * Constructs a path with dot paths for arrays to use brackets to be compatible with vee-validate path syntax\n * @param issue List of nested path elements\n * @returns Path with dots\n */\nfunction normalizeFormPath(issue: z.ZodIssue) {\n return issue.path.join('.');\n}\n\n/**\n * Composable that facilitates validating form data for Vue2 & Vue3 implementations with FormLayout\n * to ease the migration to Vue3.\n *\n * For Vue3 implementations use Vee-Validate.\n *\n * This provides a simplified version of Vee-Validate v4 implemented with Zod to validate a form schema.\n * It returns reactive values that can be used directly in form input elements with 'v-model' alongside\n * with functions to \"reset\" the data (sets values to default value) and a function to execute the\n * successful form validation process (through a callback).\n *\n * @deprecated For usage with Zod/v3. Migrate to Zod/v4 and use `@adyen/bento-vue2/use-form-v4' instead or migrate to Vue3 and use Vee-Validate instead.\n *\n * @param props Form configuration object\n * @param extends ZodSchema} props.validationSchema Zod typed validation schema\n * @returns response - Composable with reactive form values and errors, and functions to handle the reactive data\n * @returns response.errorBag Object with all the form values and an array of each one of the errors (if any) per value\n * @returns response.errors Object with all the form values and the first error found for that field (if any)\n * @returns response.values Object with all the form values and their current value\n * @returns response.handleReset Resets the form values to default (initial values) when it gets called\n * @returns response.submitForm Validates the data set in {response.values} and sets errors (if found) inside {response.errors} and {response.errorBag}.\n * When the validation is successful it calls the callback so the submit process can continue\n *\n * @example\n * const validationSchema = toTypedSchema(\n * z.object({\n * name: z\n * .string()\n * .min(3, { message: 'Name is required' })\n * .startsWith('Jane')\n * .max(4, { message: 'Name cannot be longer than 4 characters' })\n * .default('Joe'),\n * })\n * );\n *\n * const { values, errors, errorBag, submitForm, handleReset } = useForm({\n * validationSchema\n * });\n * const handleSubmit = submitForm(() => {\n * // Send data to API here\n * })\n *\n */\nexport function useForm<T extends ZodSchema>({\n validationSchema,\n}: UseForm<T>): {\n errorBag: Ref<{\n [P in allKeys<(typeof validationSchema)['_type']>]?: string[];\n }>;\n errors: Ref<{\n [P in allKeys<(typeof validationSchema)['_type']>]?: string;\n }>;\n values: Ref<(typeof validationSchema)['_type']>;\n handleReset: () => void;\n submitForm: (submitted: any) => () => void;\n} {\n // Errors per field\n const errors = shallowRef<z.infer<typeof validationSchema>>({});\n // All errors per field\n const errorBag: Ref<ErrorBag<z.infer<typeof validationSchema>>> = ref({});\n const values: Ref<z.TypeOf<T>> = ref(getInitialFormValues<T>(validationSchema));\n\n const cleanErrors = () => {\n errors.value = {};\n errorBag.value = {};\n };\n\n const resetForm = () => {\n cleanErrors();\n values.value = getInitialFormValues<T>(validationSchema);\n };\n\n const submitForm = submitted => () => {\n cleanErrors();\n\n // Run validations on the form data through the schema\n const validSchema = validationSchema.safeParse(values.value);\n\n // Update errors\n if (!validSchema.success) {\n (validSchema as z.SafeParseError<T>).error.issues.forEach(error => {\n const path = normalizeFormPath(error);\n\n // Add the first ocurrance of a fild error to the \"errors\" object\n if (!errors.value[path]) {\n errors.value[path] = error.message;\n }\n\n // Add each error to the \"errorBag\" per field array\n if (!errorBag.value[path]) {\n errorBag.value[path] = [error.message];\n } else {\n errorBag.value[path].push(error.message);\n }\n });\n } else {\n submitted(values.value);\n }\n };\n\n return {\n // Values\n errorBag,\n errors,\n values,\n\n // Methods\n handleReset: () => resetForm(),\n submitForm,\n };\n}\n","import { BentoTheme } from './install';\n\nexport const useBentoThemeKey = Symbol('use-bento-theme');\n\nexport interface UseBentoTheme {\n getTheme: () => string;\n setTheme: (theme: BentoTheme | `${BentoTheme}`) => void;\n}\n","import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\nimport { getCurrentInstance, inject } from 'vue';\nimport { isVue2 } from 'vue-demi';\nimport { UseBentoTheme, useBentoThemeKey } from './use-bento-theme.types';\n\n/**\n * Composable that handles theming-related capabilities for the Bento component library.\n * Requires the use of `BentoPlugin`.\n *\n * @example\n * <script setup lang=\"ts\">\n * import { useBentoTheme, BentoTheme } from '@adyen/bento-vue2';\n *\n * const { setTheme } = useBentoTheme();\n *\n * setTheme(BentoTheme.BENTO_DARK)\n * </script>\n *\n * @returns {UseBentoTheme} An object with getter and setter method for the Bento theme.\n * @returns {Function} getTheme - Returns the current theme in the string form of BentoTheme enum.\n * @returns {Function} setTheme - Sets the theme of the Bento component library.\n *\n */\nexport function useBentoTheme(): UseBentoTheme {\n const bentoThemeController = isVue2\n ? getCurrentInstance()?.proxy[useBentoThemeKey]\n : inject(useBentoThemeKey, null);\n\n if (!bentoThemeController) {\n printDevelopmentWarning('useBentoTheme does not work without Vue.use(BentoPlugin)');\n\n // Return placeholder functions so client code won't break, but theme won't toggle\n return {\n getTheme: () => undefined,\n setTheme: () => undefined,\n };\n }\n\n // Return a new object so unintentional reassigning its properties won't override a global state\n return { ...bentoThemeController };\n}\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { createToastStack, toastStackInjectionKey } from './toast-stack';\n\n/**\n * This function is used to create and register global reactive state necessary fro the Toasts to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n if (isVue2) {\n // Add toast stack as a global property as there is no \"app.provide\" functionality in Vue2\n // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n (Vue as typeof Vue2).prototype[toastStackInjectionKey] = createToastStack();\n } else {\n (Vue as App).provide(toastStackInjectionKey, createToastStack());\n }\n};\n","import { type App, isVue2, type Vue2 } from 'vue-demi';\nimport { useBentoThemeKey } from './use-bento-theme.types';\n\nconst getTheme = () => document.body.className.match(/b-\\w+-theme/)?.[0] ?? '';\nconst getThemeForSystemPreference = () => {\n const preferredDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n if (preferredDarkMode) {\n return BentoTheme.BENTO_DARK;\n }\n\n return BentoTheme.BENTO_LIGHT;\n};\n\nexport enum BentoTheme {\n LEGACY = 'b-legacy-theme',\n STYLEGUIDE = 'b-styleguide-theme',\n\n /**\n * @deprecated in favor of {@link BENTO_LIGHT}. To be removed in v2.0.0.\n */\n BENTO = '',\n\n BENTO_LIGHT = 'b-light-theme',\n BENTO_DARK = 'b-dark-theme',\n BENTO_SYSTEM = 'b-system',\n}\n\nexport const setTheme = (theme: BentoTheme) => {\n const currentTheme = getTheme();\n const systemTheme = getThemeForSystemPreference();\n const themeToSet = theme === BentoTheme.BENTO_SYSTEM ? systemTheme : theme;\n\n if (themeToSet === BentoTheme.BENTO_LIGHT || themeToSet === BentoTheme.BENTO) {\n document.documentElement.style.colorScheme = 'light';\n } else if (themeToSet === BentoTheme.BENTO_DARK) {\n document.documentElement.style.colorScheme = 'dark';\n }\n\n // if theme is different from current and it is not `BentoTheme.BENTO`\n if (currentTheme.length && currentTheme !== themeToSet) {\n document.body.classList.remove(currentTheme);\n }\n\n // if theme is not `BentoTheme.BENTO`\n if (themeToSet.length) {\n document.body.classList.add(themeToSet);\n }\n};\n\n/**\n * This function is used to create and register global reactive state necessary for theme to operate.\n * @param {Vue} Vue A context application to register global state with.\n */\nexport default Vue => {\n const themeProvider = {\n getTheme,\n setTheme,\n };\n\n if (isVue2) {\n // Add theme as a global property as there is no \"app.provide\" functionality in Vue2\n // eslint-disable-next-line no-param-reassign -- this is an official way of setting up instance properties on Vue\n (Vue as typeof Vue2).prototype[useBentoThemeKey] = themeProvider;\n } else {\n (Vue as App).provide(useBentoThemeKey, themeProvider);\n }\n};\n","import type { PluginObject } from 'vue';\nimport installToast from './composables/use-bento-toast-controller/install';\nimport installTheme, { BentoTheme, setTheme } from './composables/use-bento-theme/install';\nimport { deprecate } from './utils/ts/deprecate';\n\ninterface BentoVuePlugin {\n theme?: BentoTheme;\n withToast?: boolean;\n withUtilityClasses?: boolean;\n withDesignTokensCSSInjection?: boolean;\n}\n\nconst plugin: PluginObject<BentoVuePlugin> = {\n name: 'BentoVue',\n install: async (\n Vue,\n {\n theme = BentoTheme.BENTO_LIGHT,\n withToast = false,\n withUtilityClasses = false,\n withDesignTokensCSSInjection = true,\n }: BentoVuePlugin\n ) => {\n installTheme(Vue);\n\n if (withToast) {\n installToast(Vue);\n }\n if (withDesignTokensCSSInjection) {\n deprecate(\n 'Using default setting withDesignTokensCSSInjection set to true in BentoVue plugin',\n 'Please disable CSS injection by setting withDesignTokensCSSInjection to false in BentoVue plugin options as highlighted here:\\nhttps://adyen-bento.netlify.app/?path=/docs/welcome-getting-started--docs#import-css-variables',\n '2.0.0'\n );\n // Make sure to put all awaited CSS imports below this point and not above!\n if (theme === BentoTheme.LEGACY) {\n await import('@adyen/bento-design-tokens/dist/css/bento/variables-legacy.css');\n } else if (theme === BentoTheme.STYLEGUIDE) {\n await import('@adyen/bento-design-tokens/dist/css/bento/variables-styleguide.css');\n } else {\n await import('@adyen/bento-design-tokens/dist/css/bento/variables.css');\n }\n\n if (withUtilityClasses) {\n await import('@adyen/bento-design-tokens/dist/css/bento/utility.css');\n }\n }\n\n if (theme === BentoTheme.LEGACY) {\n setTheme(BentoTheme.LEGACY);\n } else if (theme === BentoTheme.STYLEGUIDE) {\n setTheme(BentoTheme.STYLEGUIDE);\n } else if (theme === BentoTheme.BENTO_SYSTEM) {\n setTheme(BentoTheme.BENTO_SYSTEM);\n } else if (theme === BentoTheme.BENTO_DARK) {\n setTheme(BentoTheme.BENTO_DARK);\n } else if (theme === BentoTheme.BENTO) {\n deprecate('Using `BentoTheme.BENTO`', 'Please use `BentoTheme.BENTO_LIGHT` instead', '2.0.0');\n setTheme(BentoTheme.BENTO_LIGHT);\n } else {\n setTheme(BentoTheme.BENTO_LIGHT);\n }\n },\n};\n\nexport { BentoTheme };\nexport default plugin;\n"],"names":["toTypedSchema","formSchema","getInitialFormValues","schema","z","key","value","normalizeFormPath","issue","useForm","validationSchema","errors","shallowRef","errorBag","ref","values","cleanErrors","resetForm","validSchema","submitted","error","path","useBentoThemeKey","useBentoTheme","bentoThemeController","_a","getCurrentInstance","printDevelopmentWarning","installToast","Vue","toastStackInjectionKey","createToastStack","getTheme","getThemeForSystemPreference","BentoTheme","setTheme","theme","currentTheme","systemTheme","themeToSet","installTheme","themeProvider","plugin","withToast","withUtilityClasses","withDesignTokensCSSInjection","deprecate"],"mappings":"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"}
|
package/dist/info-icon.js
CHANGED