@adyen/bento-vue3 1.52.0 → 1.53.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 +474 -75
- 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/checkbox.css +1 -1
- package/dist/assets/dashed-underline.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/file-uploader.css +1 -1
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/header-with-views.css +1 -0
- 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/assets/summary-grid-item-custom.css +1 -1
- package/dist/assets/use-cached-selected-values.css +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{action-bar.eo5EXYmg.js → action-bar.PIz6tShf.js} +4 -4
- package/dist/chunks/{action-bar.eo5EXYmg.js.map → action-bar.PIz6tShf.js.map} +1 -1
- package/dist/chunks/{base-modal.BlC6TZNz.js → base-modal.D4INiJGX.js} +3 -3
- package/dist/chunks/{base-modal.BlC6TZNz.js.map → base-modal.D4INiJGX.js.map} +1 -1
- package/dist/chunks/bin.CA6UQCNZ.js +37 -0
- package/dist/chunks/bin.CA6UQCNZ.js.map +1 -0
- package/dist/chunks/{button-actions-with-menu.DQaq1bkf.js → button-actions-with-menu.DFD7gbdT.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.DQaq1bkf.js.map → button-actions-with-menu.DFD7gbdT.js.map} +1 -1
- package/dist/chunks/{calendar.D2X834TU.js → calendar.DKHNrb9_.js} +2 -2
- package/dist/chunks/{calendar.D2X834TU.js.map → calendar.DKHNrb9_.js.map} +1 -1
- package/dist/chunks/{checkbox-group.BVJfN48k.js → checkbox-group.X2fi2jkS.js} +4 -4
- package/dist/chunks/{checkbox-group.BVJfN48k.js.map → checkbox-group.X2fi2jkS.js.map} +1 -1
- package/dist/chunks/{checkbox.erdZ58Kk.js → checkbox.CXZQtFhM.js} +81 -74
- package/dist/chunks/checkbox.CXZQtFhM.js.map +1 -0
- package/dist/chunks/{click-outside.DSszkIvs.js → click-outside.C1Ud8AA2.js} +2 -2
- package/dist/chunks/{click-outside.DSszkIvs.js.map → click-outside.C1Ud8AA2.js.map} +1 -1
- package/dist/chunks/{code-snippet.Bb4_r0C8.js → code-snippet.CcdsPxT7.js} +5 -5
- package/dist/chunks/{code-snippet.Bb4_r0C8.js.map → code-snippet.CcdsPxT7.js.map} +1 -1
- package/dist/chunks/{controls-group.BaDhGB9H.js → controls-group.ClMNznTz.js} +2 -2
- package/dist/chunks/{controls-group.BaDhGB9H.js.map → controls-group.ClMNznTz.js.map} +1 -1
- package/dist/chunks/{copy.gmSTAqHY.js → copy.BYG9aoNO.js} +2 -2
- package/dist/chunks/{copy.gmSTAqHY.js.map → copy.BYG9aoNO.js.map} +1 -1
- package/dist/chunks/{dashboard-section.MAHmbUDG.js → dashboard-section.Dz9GpOvy.js} +3 -3
- package/dist/chunks/{dashboard-section.MAHmbUDG.js.map → dashboard-section.Dz9GpOvy.js.map} +1 -1
- package/dist/chunks/{dashed-underline.DY8xR9GH.js → dashed-underline.BuCIjMch.js} +11 -11
- package/dist/chunks/{dashed-underline.DY8xR9GH.js.map → dashed-underline.BuCIjMch.js.map} +1 -1
- package/dist/chunks/{data-grid-template.Dievz913.js → data-grid-template.B4jxtwoW.js} +2 -2
- package/dist/chunks/{data-grid-template.Dievz913.js.map → data-grid-template.B4jxtwoW.js.map} +1 -1
- package/dist/chunks/{data-grid.KZqjmRvk.js → data-grid.CLu8mvil.js} +29 -17
- package/dist/chunks/data-grid.CLu8mvil.js.map +1 -0
- package/dist/chunks/{date-picker.BWJYkSmo.js → date-picker.CA2i6QxD.js} +17 -17
- package/dist/chunks/{date-picker.BWJYkSmo.js.map → date-picker.CA2i6QxD.js.map} +1 -1
- package/dist/chunks/{date-range-picker.1Vbf9Zk8.js → date-range-picker.DVQ-j-JX.js} +25 -25
- package/dist/chunks/{date-range-picker.1Vbf9Zk8.js.map → date-range-picker.DVQ-j-JX.js.map} +1 -1
- package/dist/chunks/{directive.O3yEdalv.js → directive.Cbdox5VL.js} +2 -2
- package/dist/chunks/{directive.O3yEdalv.js.map → directive.Cbdox5VL.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.C9nM0YHC.js → dropdown-tag.DFWV7Zj_.js} +3 -3
- package/dist/chunks/{dropdown-tag.C9nM0YHC.js.map → dropdown-tag.DFWV7Zj_.js.map} +1 -1
- package/dist/chunks/{dropdown.qw5oXFYs.js → dropdown.RVt9T6j5.js} +115 -105
- package/dist/chunks/dropdown.RVt9T6j5.js.map +1 -0
- package/dist/chunks/{error-message.DAjisbU1.js → error-message.BQ5MlnLg.js} +2 -2
- package/dist/chunks/{error-message.DAjisbU1.js.map → error-message.BQ5MlnLg.js.map} +1 -1
- package/dist/chunks/es6.BtaxuP0b.js.map +1 -1
- package/dist/chunks/{file-uploader.BLJpDgAZ.js → file-uploader.DJLGEmtF.js} +464 -475
- package/dist/chunks/file-uploader.DJLGEmtF.js.map +1 -0
- package/dist/chunks/{filter-bar.DYrXBQDF.js → filter-bar.GGHRoo6O.js} +492 -486
- package/dist/chunks/filter-bar.GGHRoo6O.js.map +1 -0
- package/dist/chunks/{focus-trap.DMgm-9f7.js → focus-trap.D-HSKa_Q.js} +2 -2
- package/dist/chunks/{focus-trap.DMgm-9f7.js.map → focus-trap.D-HSKa_Q.js.map} +1 -1
- package/dist/chunks/header-with-views.BkcFu7QW.js +2354 -0
- package/dist/chunks/header-with-views.BkcFu7QW.js.map +1 -0
- package/dist/chunks/{header.BASKzNwu.js → header.CyTcPWF4.js} +3 -3
- package/dist/chunks/{header.BASKzNwu.js.map → header.CyTcPWF4.js.map} +1 -1
- package/dist/chunks/index.C5sL_d0I.js +386 -0
- package/dist/chunks/{index.CMGT-6mh.js.map → index.C5sL_d0I.js.map} +1 -1
- package/dist/chunks/{info-icon-with-popover.BJccyOFx.js → info-icon-with-popover.DgZh2mnN.js} +2 -2
- package/dist/chunks/{info-icon-with-popover.BJccyOFx.js.map → info-icon-with-popover.DgZh2mnN.js.map} +1 -1
- package/dist/chunks/{info-icon.L8AexnZg.js → info-icon.DxOAiUg4.js} +2 -2
- package/dist/chunks/{info-icon.L8AexnZg.js.map → info-icon.DxOAiUg4.js.map} +1 -1
- package/dist/chunks/{input-field-password.CZNUHo6s.js → input-field-password.BSJMbPHf.js} +94 -90
- package/dist/chunks/input-field-password.BSJMbPHf.js.map +1 -0
- package/dist/chunks/{input-field-phone-number.D1zlBh3R.js → input-field-phone-number.BtRMkC84.js} +3 -3
- package/dist/chunks/{input-field-phone-number.D1zlBh3R.js.map → input-field-phone-number.BtRMkC84.js.map} +1 -1
- package/dist/chunks/{input-field.DqMdqM2u.js → input-field.CRlXtS3z.js} +3 -3
- package/dist/chunks/{input-field.DqMdqM2u.js.map → input-field.CRlXtS3z.js.map} +1 -1
- package/dist/chunks/{inspector.types.Dwt3V80X.js → inspector.types.s0va--Nn.js} +3 -3
- package/dist/chunks/{inspector.types.Dwt3V80X.js.map → inspector.types.s0va--Nn.js.map} +1 -1
- package/dist/chunks/{layout-row.Drm_y8e3.js → layout-row.CwwbWO7s.js} +2 -2
- package/dist/chunks/{layout-row.Drm_y8e3.js.map → layout-row.CwwbWO7s.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.YSvtcy4P.js → listbox-option-tag.2k0hRv0z.js} +2 -2
- package/dist/chunks/{listbox-option-tag.YSvtcy4P.js.map → listbox-option-tag.2k0hRv0z.js.map} +1 -1
- package/dist/chunks/{menu.DfzP2nRU.js → menu.DBRBVdsd.js} +106 -105
- package/dist/chunks/menu.DBRBVdsd.js.map +1 -0
- package/dist/chunks/{modal-fullscreen.T1x_vroe.js → modal-fullscreen.POY-6qYC.js} +2 -2
- package/dist/chunks/{modal-fullscreen.T1x_vroe.js.map → modal-fullscreen.POY-6qYC.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.BAuxqA66.js → modal.vue_vue_type_script_setup_true_lang.CGV0E6eK.js} +2 -2
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.BAuxqA66.js.map → modal.vue_vue_type_script_setup_true_lang.CGV0E6eK.js.map} +1 -1
- package/dist/chunks/{on-click-outside.MUWbmGDn.js → on-click-outside.D9aY9g8G.js} +3 -2
- package/dist/chunks/{on-click-outside.MUWbmGDn.js.map → on-click-outside.D9aY9g8G.js.map} +1 -1
- package/dist/chunks/{pagination.Bt8DNme-.js → pagination.TWtayPVy.js} +2 -2
- package/dist/chunks/{pagination.Bt8DNme-.js.map → pagination.TWtayPVy.js.map} +1 -1
- package/dist/chunks/{popover.COzLcAET.js → popover.BBnUL5Y_.js} +2 -2
- package/dist/chunks/{popover.COzLcAET.js.map → popover.BBnUL5Y_.js.map} +1 -1
- package/dist/chunks/{popper-container.CEtaux25.js → popper-container.Be3h7X17.js} +2 -2
- package/dist/chunks/{popper-container.CEtaux25.js.map → popper-container.Be3h7X17.js.map} +1 -1
- package/dist/chunks/{promo-banner.BCpw2tDD.js → promo-banner.BdaUFMsl.js} +2 -2
- package/dist/chunks/{promo-banner.BCpw2tDD.js.map → promo-banner.BdaUFMsl.js.map} +1 -1
- package/dist/chunks/{radio-group.rxg-4rF_.js → radio-group.BUazlUAi.js} +4 -4
- package/dist/chunks/{radio-group.rxg-4rF_.js.map → radio-group.BUazlUAi.js.map} +1 -1
- package/dist/chunks/{search-bar.DlihXfPt.js → search-bar.21CWuOHb.js} +3 -3
- package/dist/chunks/{search-bar.DlihXfPt.js.map → search-bar.21CWuOHb.js.map} +1 -1
- package/dist/chunks/{secondary-nav.D2loVonk.js → secondary-nav.CUQi4Ybt.js} +3 -3
- package/dist/chunks/{secondary-nav.D2loVonk.js.map → secondary-nav.CUQi4Ybt.js.map} +1 -1
- package/dist/chunks/{segmented-control.Wn-miTIl.js → segmented-control.BZJ9DzRF.js} +2 -2
- package/dist/chunks/{segmented-control.Wn-miTIl.js.map → segmented-control.BZJ9DzRF.js.map} +1 -1
- package/dist/chunks/{selection-card-group.CtQaeZFM.js → selection-card-group.Bdrx1b6M.js} +4 -4
- package/dist/chunks/{selection-card-group.CtQaeZFM.js.map → selection-card-group.Bdrx1b6M.js.map} +1 -1
- package/dist/chunks/{sidepanel.CjaHQEin.js → sidepanel.D_bGUcyi.js} +3 -3
- package/dist/chunks/{sidepanel.CjaHQEin.js.map → sidepanel.D_bGUcyi.js.map} +1 -1
- package/dist/chunks/{structured-list-item.DAwADFpI.js → structured-list-item.r1jYiX6Y.js} +4 -4
- package/dist/chunks/{structured-list-item.DAwADFpI.js.map → structured-list-item.r1jYiX6Y.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.DTCzOBBy.js → summary-grid-item-custom.ACP0RH0N.js} +299 -198
- package/dist/chunks/summary-grid-item-custom.ACP0RH0N.js.map +1 -0
- package/dist/chunks/{tag.B1hW92hG.js → tag.DVkBzXMx.js} +2 -2
- package/dist/chunks/{tag.B1hW92hG.js.map → tag.DVkBzXMx.js.map} +1 -1
- package/dist/chunks/{teleport.B1NhF5-O.js → teleport.DfTpEQBR.js} +2 -2
- package/dist/chunks/{teleport.B1NhF5-O.js.map → teleport.DfTpEQBR.js.map} +1 -1
- package/dist/chunks/{textarea.DMA29yQA.js → textarea.C8R71Q4l.js} +2 -2
- package/dist/chunks/{textarea.DMA29yQA.js.map → textarea.C8R71Q4l.js.map} +1 -1
- package/dist/chunks/{timeline-item.kWg3dTy1.js → timeline-item.DBeAlt3N.js} +4 -4
- package/dist/chunks/{timeline-item.kWg3dTy1.js.map → timeline-item.DBeAlt3N.js.map} +1 -1
- package/dist/chunks/{tooltip.Y730-n-n.js → tooltip.Cbs_YIap.js} +2 -2
- package/dist/chunks/{tooltip.Y730-n-n.js.map → tooltip.Cbs_YIap.js.map} +1 -1
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js → tutorial.vue_vue_type_script_setup_true_lang.4smMvopK.js} +4 -4
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CUmJbMsw.js.map → tutorial.vue_vue_type_script_setup_true_lang.4smMvopK.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.DDP7LJoI.js → use-cached-selected-values.Chb18cq_.js} +145 -136
- package/dist/chunks/{use-cached-selected-values.DDP7LJoI.js.map → use-cached-selected-values.Chb18cq_.js.map} +1 -1
- package/dist/click-outside.js +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +2 -2
- 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/focus-trap.js +1 -1
- package/dist/header-with-views.js +5 -0
- package/dist/header-with-views.js.map +1 -0
- package/dist/header.js +1 -1
- package/dist/index.js +196 -194
- 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/inspector.js +1 -1
- package/dist/internal.js +10 -10
- package/dist/layout.js +1 -1
- 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/popper-container.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +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 +47 -1
- package/dist/styles/bento-light.css +47 -1
- package/dist/styles/bento.css +47 -1
- package/dist/styles/legacy.css +47 -1
- package/dist/styles/styleguide.css +47 -1
- 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/tutorial.js +1 -1
- package/dist/use-form-v4.js +8300 -0
- package/dist/use-form-v4.js.map +1 -0
- package/dist/web-types.json +1 -1
- package/package.json +7 -6
- package/dist/chunks/checkbox.erdZ58Kk.js.map +0 -1
- package/dist/chunks/data-grid.KZqjmRvk.js.map +0 -1
- package/dist/chunks/dropdown.qw5oXFYs.js.map +0 -1
- package/dist/chunks/file-uploader.BLJpDgAZ.js.map +0 -1
- package/dist/chunks/filter-bar.DYrXBQDF.js.map +0 -1
- package/dist/chunks/index.CMGT-6mh.js +0 -369
- package/dist/chunks/input-field-password.CZNUHo6s.js.map +0 -1
- package/dist/chunks/menu.DfzP2nRU.js.map +0 -1
- package/dist/chunks/summary-grid-item-custom.DTCzOBBy.js.map +0 -1
package/dist/web-types.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adyen/bento-vue3",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.53.0",
|
|
4
4
|
"description": "Adyen Bento Vue 3 components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"default": "./dist/index.js"
|
|
19
19
|
},
|
|
20
20
|
"./fonts.css": "./dist/fonts/fonts.css",
|
|
21
|
-
"./styles/*": "./dist/styles/*.css"
|
|
21
|
+
"./styles/*": "./dist/styles/*.css",
|
|
22
|
+
"./use-form-v4": "./dist/use-form-v4.js"
|
|
22
23
|
},
|
|
23
24
|
"author": "Design System",
|
|
24
25
|
"license": "MIT",
|
|
@@ -36,13 +37,13 @@
|
|
|
36
37
|
"mime": "4.0.6",
|
|
37
38
|
"uuid": "11.0.5",
|
|
38
39
|
"vue-demi": "0.14.10",
|
|
39
|
-
"@adyen/bento-design-tokens": "1.
|
|
40
|
+
"@adyen/bento-design-tokens": "1.53.0",
|
|
40
41
|
"@adyen/ui-assets-icons-16": "6.1.0"
|
|
41
42
|
},
|
|
42
43
|
"peerDependencies": {
|
|
43
44
|
"vue": "^3.2.47",
|
|
44
45
|
"vue-i18n": ">=9",
|
|
45
|
-
"zod": "^3.
|
|
46
|
+
"zod": "^3.25"
|
|
46
47
|
},
|
|
47
48
|
"optionalDependencies": {
|
|
48
49
|
"vue-router": ">=4"
|
|
@@ -113,9 +114,9 @@
|
|
|
113
114
|
"vue-router": "~4.1",
|
|
114
115
|
"vue-style-loader": "4.1.3",
|
|
115
116
|
"vue-tsc": "1.0.24",
|
|
117
|
+
"@adyen/bento-tailwind": "0.3.4",
|
|
116
118
|
"@adyen/bento-core": "0.0.1",
|
|
117
|
-
"@adyen/ui-assets-payment-method-icons": "8.2.0"
|
|
118
|
-
"@adyen/bento-tailwind": "0.3.3"
|
|
119
|
+
"@adyen/ui-assets-payment-method-icons": "8.2.0"
|
|
119
120
|
},
|
|
120
121
|
"scripts": {
|
|
121
122
|
"build": "pnpm run build:prod",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.erdZ58Kk.js","sources":["../../../core/src/components/checkbox/checkbox.types.ts","../../../vue2/src/components/checkbox/checkbox.vue"],"sourcesContent":["import type { BentoTagProps } from '@/core/components/tag/tag.types';\nimport type {\n CheckboxInputType as BentoCheckboxType,\n MultiCheckboxInputType as BentoMultiCheckboxType,\n} from '@/core/components/internal/checkbox-input/checkbox-input.types';\nimport { CheckboxInputState as BentoCheckboxState } from '@/core/components/internal/checkbox-input/checkbox-input.types';\n\nexport { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };\n\nexport enum BentoCheckboxEvent {\n UPDATE = 'update:model-value',\n INPUT = 'input',\n}\n\nexport type BentoCheckboxTag = BentoTagProps;\n","<template>\n <label class=\"b-checkbox\" :class=\"conditionalClass\" v-bind=\"styleAttrs\">\n <checkbox-input\n ref=\"input\"\n v-bind=\"$attrs\"\n :aria-label=\"computedAriaLabel\"\n :aria-describedby=\"ariaDescribedBy\"\n :disabled=\"disabled\"\n :has-error=\"shouldShowError\"\n :indeterminate=\"isIndeterminate\"\n :value=\"value\"\n :model-value=\"modelValue\"\n :readonly=\"readonly\"\n @update:model-value=\"onChange\"\n />\n <span v-if=\"hasSlot('default') || shouldShowErrorMessage\" class=\"b-checkbox__text\">\n <bento-typography v-if=\"hasSlot('default')\" class=\"b-checkbox__label\" el=\"span\" variant=\"body\">\n <span><slot /></span>\n <bento-typography v-if=\"optional\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('optional') }})</bento-typography\n >\n <bento-typography v-else-if=\"required\" class=\"b-checkbox__label-requirement\" el=\"span\"\n >({{ t('required') }})</bento-typography\n >\n <bento-tag v-if=\"tag\" class=\"b-checkbox__label-tag\" v-bind=\"tag\" />\n </bento-typography>\n <bento-typography\n v-if=\"hasSlot('default') && hasSlot('description')\"\n :id=\"descriptionId\"\n class=\"b-checkbox__description\"\n el=\"span\"\n variant=\"body\"\n >\n <slot name=\"description\"></slot>\n </bento-typography>\n <error-message v-if=\"shouldShowErrorMessage\" :id=\"errorId\" :error-message=\"errorMessage\" />\n\n <bento-typography v-if=\"contentSlotAvailable\" class=\"b-checkbox__content\" el=\"span\" variant=\"body\">\n <slot name=\"content\"></slot>\n </bento-typography>\n </span>\n </label>\n</template>\n\n<script lang=\"ts\">\n import { computed, defineComponent, PropType, ref, toRefs, useAttrs } from 'vue';\n import {\n BentoCheckboxEvent,\n BentoCheckboxState,\n BentoCheckboxTag,\n BentoCheckboxType,\n BentoMultiCheckboxType,\n } from '@/core/components/checkbox/checkbox.types';\n import { BentoTypography } from '@/components/typography';\n import { CheckboxInput } from '@/components/internal/checkbox-input';\n import { ErrorMessage } from '@/components/internal/error-message';\n import type { HTMLAttributes } from 'vue/types/jsx.d.ts';\n import { useDefaultSlotValidator, useHasSlot } from '@/composables';\n import { generateUid } from '@/core/utils/ts';\n import { getSlotText } from '@/utils/ts/get-slot-text';\n import { useI18n } from '@/utils/ts/i18n';\n import { useAriaLabel } from '@/utils/ts/aria-label';\n import { BentoTag } from '@/components/tag';\n import { BentoCheckboxGroupItems } from '@/core/components/checkbox-group/checkbox-group.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n /**\n * Checkboxes are used to make a binary choice about an option.\n * The label tag area is also clickable.\n *\n * @usage\n * import { BentoCheckbox } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoCheckbox },\n * template: `\n * <bento-checkbox>\n * Label text\n * <template #description>Sub label text</template>\n * </bento-checkbox>\n * `,\n * }\n */\n export default defineComponent({\n name: 'bento-checkbox',\n i18n: { messages },\n components: {\n BentoTag,\n BentoTypography,\n CheckboxInput,\n ErrorMessage,\n },\n inheritAttrs: false,\n model: { prop: 'modelValue' },\n props: {\n /**\n * @deprecated from version 2.0.0. Use the aria-label attribute instead.\n */\n /**\n * Accessible name for the radio button component. It is strongly recommended to pas this value in case this component is used without a label.\n */\n ariaLabel: { type: String, default: null },\n\n /**\n * Setting this property to true will disable the checkbox in your form.\n */\n disabled: { type: Boolean, default: false },\n\n /**\n * Renders the checkbox in an error state with an error message.\n */\n errorMessage: { type: String, default: null },\n\n /**\n * Setting this property to true will show the checkbox in error state.\n */\n hasError: { type: Boolean, default: false },\n\n /**\n * The :indeterminate CSS pseudo-class represents any form element\n * whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute\n * set to true, radio buttons which are members of a group in which all radio buttons are unchecked,\n * and indeterminate <progress> elements. https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate\n * This property lets you control the input.indeterminate native property.\n */\n indeterminate: { type: Boolean, default: false },\n\n /**\n * When handling a single checkbox with a singular state, use a boolean.\n *\n * When handling multiple checkboxes, use an array of keys.\n * These keys exist as a set \"value\" prop for each checkbox.\n */\n modelValue: {\n type: [Boolean, Array] as PropType<BentoCheckboxType | BentoCheckboxGroupItems>,\n default: false,\n },\n\n /**\n * Highlights the checkbox is optional.\n */\n optional: { type: Boolean, default: false },\n\n /**\n * Setting this property to true will set the checkbox to read only state.\n */\n readonly: { type: Boolean, default: false },\n\n /**\n * Highlights the checkbox is required.\n */\n required: { type: Boolean, default: false },\n\n /**\n * Sets the properties of the BentoTag component that is placed next to the label.\n * {@see BentoTag}\n */\n tag: { type: Object as PropType<BentoCheckboxTag>, default: undefined },\n\n /**\n * The value of the component. The DOM API casts this to a string.\n * The browser uses \"on\" as the default value.\n *\n * In the case of multiple checkboxes this value is used as a unique key.\n */\n value: { type: [String, Number], default: null },\n },\n emits: [BentoCheckboxEvent.UPDATE, BentoCheckboxEvent.INPUT],\n setup(props, { attrs, emit, slots }) {\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n const descriptionId = generateUid('description');\n const errorId = generateUid('error');\n const hasSlot = useHasSlot(slots);\n\n const { disabled, indeterminate, modelValue, readonly, value } = toRefs(props);\n\n const defaultSlotValue = getSlotText(slots)('default');\n const descriptionSlotValue = getSlotText(slots)('description');\n\n useDefaultSlotValidator('bento-checkbox', slots.default, slots.description);\n\n const isCheckboxGroup = computed(() => Array.isArray(modelValue.value));\n const isChecked = computed(() => {\n if (!isCheckboxGroup.value) {\n return modelValue.value as boolean;\n }\n\n return (modelValue.value as BentoMultiCheckboxType).some(item => item === value.value);\n });\n const isIndeterminate = computed(() => indeterminate.value);\n\n const shouldShowError = computed(\n () => !props.disabled && !props.readonly && (props.hasError || !!props.errorMessage)\n );\n const shouldShowErrorMessage = computed(() => !props.disabled && !props.readonly && !!props.errorMessage);\n\n // Content slot logic\n const hasContentSlot = computed(() => hasSlot('content'));\n const isCheckedOrIntermediate = computed(() => isIndeterminate?.value || isChecked?.value);\n const contentSlotAvailable = computed(\n () => hasContentSlot?.value && isCheckboxGroup?.value && isCheckedOrIntermediate?.value\n );\n\n // ARIA fields\n const ariaDescribedBy = computed<HTMLAttributes['aria-describedby']>(\n () =>\n `${shouldShowErrorMessage.value ? errorId : ''} ${\n defaultSlotValue && descriptionSlotValue ? descriptionId : ''\n }`.trim() || null\n );\n\n const ariaLabelAttribute = ref(attrs['aria-label']);\n const { ariaLabel } = toRefs(props);\n const computedAriaLabel = useAriaLabel({\n ariaLabel: ariaLabelAttribute.value as string,\n // TODO: take this line away when the aria-label props is removed\n label: ariaLabel,\n defaultFallback: hasSlot('default') ? (getSlotText(slots)('default') as string) : t('checkbox'),\n });\n\n const styleAttrs = computed(() => {\n const { style, class: cls } = useAttrs();\n return {\n class: cls as HTMLAttributes['class'],\n style: style as HTMLAttributes['style'],\n };\n });\n\n const conditionalClass = computed(() => ({\n [`b-checkbox--${BentoCheckboxState.DISABLED}`]: disabled.value,\n [`b-checkbox--${BentoCheckboxState.READONLY}`]: readonly.value,\n }));\n\n const onChange = (newValue: BentoCheckboxType | BentoCheckboxGroupItems) => {\n if (disabled.value) {\n return;\n }\n emit(BentoCheckboxEvent.UPDATE, newValue);\n emit(BentoCheckboxEvent.INPUT, newValue);\n };\n\n return {\n // Values\n descriptionId,\n errorId,\n ariaDescribedBy,\n computedAriaLabel,\n conditionalClass,\n defaultSlotValue,\n descriptionSlotValue,\n isIndeterminate,\n shouldShowError,\n shouldShowErrorMessage,\n contentSlotAvailable,\n hasContentSlot,\n styleAttrs,\n\n // Methods\n hasSlot,\n onChange,\n\n t,\n };\n },\n });\n</script>\n\n<style lang=\"scss\" scoped src=\"@/core/components/checkbox/checkbox.scss\" />\n"],"names":["BentoCheckboxEvent","BentoCheckboxEvent2","_sfc_main","defineComponent","messages","BentoTag","BentoTypography","CheckboxInput","ErrorMessage","props","attrs","emit","slots","t","useI18n","descriptionId","generateUid","errorId","hasSlot","useHasSlot","disabled","indeterminate","modelValue","readonly","value","toRefs","defaultSlotValue","getSlotText","descriptionSlotValue","useDefaultSlotValidator","isCheckboxGroup","computed","isChecked","item","isIndeterminate","shouldShowError","shouldShowErrorMessage","hasContentSlot","isCheckedOrIntermediate","contentSlotAvailable","ariaDescribedBy","ariaLabelAttribute","ref","ariaLabel","computedAriaLabel","useAriaLabel","styleAttrs","style","cls","useAttrs","conditionalClass","CheckboxInputState","newValue","_ctx","openBlock","createElementBlock","_hoisted_1","createBlock","_component_bento_typography","createElementVNode","createTextVNode","toDisplayString","required","createCommentVNode","_component_bento_tag","mergeProps","tag","renderSlot","_component_error_message"],"mappings":"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"}
|