@adyen/bento-vue3 1.89.2 → 1.90.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 +403 -298
- package/dist/accordion.js +1 -1
- package/dist/action-bar.js +1 -1
- package/dist/ai-tag.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/anchor-scroller.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/button-actions.css +1 -1
- package/dist/assets/card.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/input-time.css +1 -0
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/secondary-nav.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chip.js +1 -1
- package/dist/chunks/accordion-item.CZIxxSsH.js +141 -0
- package/dist/chunks/{accordion-item.BX1KrLMl.js.map → accordion-item.CZIxxSsH.js.map} +1 -1
- package/dist/chunks/action-bar.Pe_hvtja.js +336 -0
- package/dist/chunks/{action-bar.DLMaIUWW.js.map → action-bar.Pe_hvtja.js.map} +1 -1
- package/dist/chunks/ai-tag.BSlc78DU.js +137 -0
- package/dist/chunks/{ai-tag.DK63ExDc.js.map → ai-tag.BSlc78DU.js.map} +1 -1
- package/dist/chunks/{alert.C_8-VNi_.js → alert.CFWN2E0b.js} +86 -79
- package/dist/chunks/{alert.C_8-VNi_.js.map → alert.CFWN2E0b.js.map} +1 -1
- package/dist/chunks/anchor-scroller.DSfXK6vK.js +214 -0
- package/dist/chunks/{anchor-scroller.NhjLDBZI.js.map → anchor-scroller.DSfXK6vK.js.map} +1 -1
- package/dist/chunks/{base-modal.C2-JyHC_.js → base-modal.BjjDrx0z.js} +132 -125
- package/dist/chunks/{base-modal.C2-JyHC_.js.map → base-modal.BjjDrx0z.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.BQFAgAI2.js → button-actions-with-menu.DvkS16ur.js} +2 -2
- package/dist/chunks/{button-actions-with-menu.BQFAgAI2.js.map → button-actions-with-menu.DvkS16ur.js.map} +1 -1
- package/dist/chunks/{button-actions.cMQWyZne.js → button-actions.Bh_PZ_fV.js} +202 -188
- package/dist/chunks/{button-actions.cMQWyZne.js.map → button-actions.Bh_PZ_fV.js.map} +1 -1
- package/dist/chunks/{calendar.DcCqkSNJ.js → calendar.CH-1Vgeb.js} +343 -329
- package/dist/chunks/{calendar.DcCqkSNJ.js.map → calendar.CH-1Vgeb.js.map} +1 -1
- package/dist/chunks/card.BzCGCCzH.js +223 -0
- package/dist/chunks/{card.CoxQ_L0w.js.map → card.BzCGCCzH.js.map} +1 -1
- package/dist/chunks/{checkbox-group.96n9Cc3W.js → checkbox-group.D_fN6Glu.js} +4 -4
- package/dist/chunks/{checkbox-group.96n9Cc3W.js.map → checkbox-group.D_fN6Glu.js.map} +1 -1
- package/dist/chunks/{checkbox.C6ATh8f5.js → checkbox.BlAhQl9N.js} +78 -71
- package/dist/chunks/{checkbox.C6ATh8f5.js.map → checkbox.BlAhQl9N.js.map} +1 -1
- package/dist/chunks/chip.DFldnqfz.js +72 -0
- package/dist/chunks/{chip.CdgpQyXN.js.map → chip.DFldnqfz.js.map} +1 -1
- package/dist/chunks/{code-snippet.DgAuuZF5.js → code-snippet.BePxxR3q.js} +113 -106
- package/dist/chunks/{code-snippet.DgAuuZF5.js.map → code-snippet.BePxxR3q.js.map} +1 -1
- package/dist/chunks/{controls-group.C7hOE1F4.js → controls-group.Cxk-0fCy.js} +2 -2
- package/dist/chunks/{controls-group.C7hOE1F4.js.map → controls-group.Cxk-0fCy.js.map} +1 -1
- package/dist/chunks/copy.CL893i9-.js +114 -0
- package/dist/chunks/{copy.C2kQ1PbI.js.map → copy.CL893i9-.js.map} +1 -1
- package/dist/chunks/{country.CaGc08Ps.js → country.15m_ATbO.js} +3 -3
- package/dist/chunks/{country.CaGc08Ps.js.map → country.15m_ATbO.js.map} +1 -1
- package/dist/chunks/country.types.6a7xxZIR.js +26 -0
- package/dist/chunks/{country.types.DjpMGz7a.js.map → country.types.6a7xxZIR.js.map} +1 -1
- package/dist/chunks/{dashboard-section.UafHRkMa.js → dashboard-section.CiNDItU2.js} +3 -3
- package/dist/chunks/{dashboard-section.UafHRkMa.js.map → dashboard-section.CiNDItU2.js.map} +1 -1
- package/dist/chunks/{dashed-underline.CcDV2Aks.js → dashed-underline.CwdpUz76.js} +3 -3
- package/dist/chunks/{dashed-underline.CcDV2Aks.js.map → dashed-underline.CwdpUz76.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CnC4TQvk.js → data-grid-template.nXn1dLCw.js} +4 -4
- package/dist/chunks/{data-grid-template.CnC4TQvk.js.map → data-grid-template.nXn1dLCw.js.map} +1 -1
- package/dist/chunks/data-grid.CXWaoqzi.js +4242 -0
- package/dist/chunks/data-grid.CXWaoqzi.js.map +1 -0
- package/dist/chunks/date-picker.DPjCROIP.js +238 -0
- package/dist/chunks/{date-picker.dlzZ_-5f.js.map → date-picker.DPjCROIP.js.map} +1 -1
- package/dist/chunks/date-range-picker.fyrfFd04.js +998 -0
- package/dist/chunks/date-range-picker.fyrfFd04.js.map +1 -0
- package/dist/chunks/dialog-page.Bh-7RAwX.js +163 -0
- package/dist/chunks/{dialog-page.COfKqjT-.js.map → dialog-page.Bh-7RAwX.js.map} +1 -1
- package/dist/chunks/{dropdown-default-textbox.bq9AlGzJ.js → dropdown-default-textbox.aYsTZDZ7.js} +69 -62
- package/dist/chunks/{dropdown-default-textbox.bq9AlGzJ.js.map → dropdown-default-textbox.aYsTZDZ7.js.map} +1 -1
- package/dist/chunks/{dropdown-tag.Ysrac5GN.js → dropdown-tag.B7OA_Yv9.js} +5 -5
- package/dist/chunks/{dropdown-tag.Ysrac5GN.js.map → dropdown-tag.B7OA_Yv9.js.map} +1 -1
- package/dist/chunks/{dropdown.MhmX1P9o.js → dropdown.Do-mZiI6.js} +285 -271
- package/dist/chunks/{dropdown.MhmX1P9o.js.map → dropdown.Do-mZiI6.js.map} +1 -1
- package/dist/chunks/error-message.849uzpkq.js +157 -0
- package/dist/chunks/{error-message.DCgo8q20.js.map → error-message.849uzpkq.js.map} +1 -1
- package/dist/chunks/{file-uploader.Bfd1uUMe.js → file-uploader.BUvDU_cn.js} +604 -583
- package/dist/chunks/{file-uploader.Bfd1uUMe.js.map → file-uploader.BUvDU_cn.js.map} +1 -1
- package/dist/chunks/{filter-bar.CkAjLQol.js → filter-bar.fowl40RS.js} +998 -928
- package/dist/chunks/{filter-bar.CkAjLQol.js.map → filter-bar.fowl40RS.js.map} +1 -1
- package/dist/chunks/fixed-scroller.yVsaQzy5.js +157 -0
- package/dist/chunks/{fixed-scroller.DtkaGyMD.js.map → fixed-scroller.yVsaQzy5.js.map} +1 -1
- package/dist/chunks/{footer-actions.BcYSsoUg.js → footer-actions.uoNbOGAQ.js} +2 -2
- package/dist/chunks/{footer-actions.BcYSsoUg.js.map → footer-actions.uoNbOGAQ.js.map} +1 -1
- package/dist/chunks/form-layout-title.Cr3wdpK_.js +239 -0
- package/dist/chunks/{form-layout-title.DW5Kg1rh.js.map → form-layout-title.Cr3wdpK_.js.map} +1 -1
- package/dist/chunks/{header-meta.Bym9AlQm.js → header-meta.CmH6SnjE.js} +98 -84
- package/dist/chunks/{header-meta.Bym9AlQm.js.map → header-meta.CmH6SnjE.js.map} +1 -1
- package/dist/chunks/{header-with-views.Djba6iol.js → header-with-views.B2pPBcTf.js} +1091 -1070
- package/dist/chunks/{header-with-views.Djba6iol.js.map → header-with-views.B2pPBcTf.js.map} +1 -1
- package/dist/chunks/{header.o-7SyHtU.js → header.BVM8Usdi.js} +3 -3
- package/dist/chunks/{header.o-7SyHtU.js.map → header.BVM8Usdi.js.map} +1 -1
- package/dist/chunks/{info-icon.BUala_wq.js → info-icon.B3MDsjMu.js} +2 -2
- package/dist/chunks/{info-icon.BUala_wq.js.map → info-icon.B3MDsjMu.js.map} +1 -1
- package/dist/chunks/input-field-password.CHb2Ros_.js +353 -0
- package/dist/chunks/{input-field-password.DZytmp_p.js.map → input-field-password.CHb2Ros_.js.map} +1 -1
- package/dist/chunks/{input-field-phone-number.CxblrmaU.js → input-field-phone-number.DM2rmZkQ.js} +12 -5
- package/dist/chunks/{input-field-phone-number.CxblrmaU.js.map → input-field-phone-number.DM2rmZkQ.js.map} +1 -1
- package/dist/chunks/{input-field.CfU0ZKtL.js → input-field.DnYjM6yy.js} +118 -111
- package/dist/chunks/{input-field.CfU0ZKtL.js.map → input-field.DnYjM6yy.js.map} +1 -1
- package/dist/chunks/input-time.DeJ8lDio.js +103 -0
- package/dist/chunks/input-time.DeJ8lDio.js.map +1 -0
- package/dist/chunks/{inspector.B9k4tJWe.js → inspector.DMhKNW1K.js} +70 -63
- package/dist/chunks/{inspector.B9k4tJWe.js.map → inspector.DMhKNW1K.js.map} +1 -1
- package/dist/chunks/{list-item.DO5uULke.js → list-item.BHvXpqaS.js} +2 -2
- package/dist/chunks/{list-item.DO5uULke.js.map → list-item.BHvXpqaS.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.Cvplth7d.js → listbox-option-tag.CVxaZqbc.js} +2 -2
- package/dist/chunks/{listbox-option-tag.Cvplth7d.js.map → listbox-option-tag.CVxaZqbc.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.CuKVyTWb.js → modal-fullscreen.9CSTqFQc.js} +54 -47
- package/dist/chunks/{modal-fullscreen.CuKVyTWb.js.map → modal-fullscreen.9CSTqFQc.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.DmPw0l5Y.js → modal.vue_vue_type_script_setup_true_lang.BAxTkaQM.js} +48 -41
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.DmPw0l5Y.js.map → modal.vue_vue_type_script_setup_true_lang.BAxTkaQM.js.map} +1 -1
- package/dist/chunks/pagination.DL-h8OLF.js +413 -0
- package/dist/chunks/{pagination.dpVc6Yt0.js.map → pagination.DL-h8OLF.js.map} +1 -1
- package/dist/chunks/{promo-banner.BzveHNOI.js → promo-banner.-H4r_cwj.js} +39 -32
- package/dist/chunks/{promo-banner.BzveHNOI.js.map → promo-banner.-H4r_cwj.js.map} +1 -1
- package/dist/chunks/{radio-group.Cuiq4mxy.js → radio-group.DzhQgXv9.js} +4 -4
- package/dist/chunks/{radio-group.Cuiq4mxy.js.map → radio-group.DzhQgXv9.js.map} +1 -1
- package/dist/chunks/{rich-text-editor.DLMiT4f5.js → rich-text-editor.Ij2t4pyI.js} +418 -411
- package/dist/chunks/{rich-text-editor.DLMiT4f5.js.map → rich-text-editor.Ij2t4pyI.js.map} +1 -1
- package/dist/chunks/search-bar.DfNwnjes.js +114 -0
- package/dist/chunks/{search-bar.CsFyP0_I.js.map → search-bar.DfNwnjes.js.map} +1 -1
- package/dist/chunks/secondary-nav.CvipTDRh.js +285 -0
- package/dist/chunks/secondary-nav.CvipTDRh.js.map +1 -0
- package/dist/chunks/{segmented-control.KeQ5kuR1.js → segmented-control.CQWOO1-J.js} +2 -2
- package/dist/chunks/{segmented-control.KeQ5kuR1.js.map → segmented-control.CQWOO1-J.js.map} +1 -1
- package/dist/chunks/{selection-card-group.XM11Kk-4.js → selection-card-group.CcOWQAUC.js} +11 -11
- package/dist/chunks/{selection-card-group.XM11Kk-4.js.map → selection-card-group.CcOWQAUC.js.map} +1 -1
- package/dist/chunks/{sidepanel.b2QZ1Jsx.js → sidepanel.BObSv8UU.js} +56 -49
- package/dist/chunks/{sidepanel.b2QZ1Jsx.js.map → sidepanel.BObSv8UU.js.map} +1 -1
- package/dist/chunks/step.AsX2jAeL.js +268 -0
- package/dist/chunks/{step.BlwoLfdw.js.map → step.AsX2jAeL.js.map} +1 -1
- package/dist/chunks/structured-list-item.CgJR_ufh.js +112 -0
- package/dist/chunks/{structured-list-item.e-8kRleh.js.map → structured-list-item.CgJR_ufh.js.map} +1 -1
- package/dist/chunks/{summary-grid.types.CcvOC03H.js → summary-grid.types.DKPhtHw3.js} +5 -5
- package/dist/chunks/{summary-grid.types.CcvOC03H.js.map → summary-grid.types.DKPhtHw3.js.map} +1 -1
- package/dist/chunks/{tab.mR5uUSdp.js → tab.9nyNZiGw.js} +2 -2
- package/dist/chunks/{tab.mR5uUSdp.js.map → tab.9nyNZiGw.js.map} +1 -1
- package/dist/chunks/{tag.DujMVFh-.js → tag.YN2r-Pp3.js} +2 -2
- package/dist/chunks/{tag.DujMVFh-.js.map → tag.YN2r-Pp3.js.map} +1 -1
- package/dist/chunks/textarea.C-sBemuo.js +256 -0
- package/dist/chunks/{textarea.CHV6Z8nt.js.map → textarea.C-sBemuo.js.map} +1 -1
- package/dist/chunks/timeline-item.CHk8wXeT.js +433 -0
- package/dist/chunks/{timeline-item.CaGcRZbt.js.map → timeline-item.CHk8wXeT.js.map} +1 -1
- package/dist/chunks/{toast.C2oehk9P.js → toast.De4MTkiH.js} +64 -57
- package/dist/chunks/{toast.C2oehk9P.js.map → toast.De4MTkiH.js.map} +1 -1
- package/dist/chunks/{tooltip.CbADa_4p.js → tooltip.DHfG2aRt.js} +40 -38
- package/dist/chunks/tooltip.DHfG2aRt.js.map +1 -0
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BOruzlTt.js → tutorial.vue_vue_type_script_setup_true_lang.CUDeriBU.js} +120 -113
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.BOruzlTt.js.map → tutorial.vue_vue_type_script_setup_true_lang.CUDeriBU.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.ClEJRFAd.js → use-cached-selected-values.DIbfa5F1.js} +381 -360
- package/dist/chunks/{use-cached-selected-values.ClEJRFAd.js.map → use-cached-selected-values.DIbfa5F1.js.map} +1 -1
- package/dist/chunks/{use-country-items.D_3LBe2I.js → use-country-items.Dp7X1r2e.js} +3 -3
- package/dist/chunks/{use-country-items.D_3LBe2I.js.map → use-country-items.Dp7X1r2e.js.map} +1 -1
- package/dist/chunks/{use-country-phon-code.DoqTGkNr.js → use-country-phon-code.BzcawGpE.js} +107 -104
- package/dist/chunks/{use-country-phon-code.DoqTGkNr.js.map → use-country-phon-code.BzcawGpE.js.map} +1 -1
- package/dist/chunks/{use-date-input-formatter.CDRzd-hW.js → use-date-input-formatter.BiIraXZZ.js} +2 -2
- package/dist/chunks/{use-date-input-formatter.CDRzd-hW.js.map → use-date-input-formatter.BiIraXZZ.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/country.js +3 -3
- 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/draggable-handle.js +51 -44
- package/dist/draggable-handle.js.map +1 -1
- package/dist/dropdown.js +4 -4
- package/dist/file-uploader.js +1 -1
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header-with-views.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +205 -203
- 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/input-time.js +5 -0
- package/dist/input-time.js.map +1 -0
- package/dist/inspector.js +1 -1
- package/dist/internal.js +12 -12
- package/dist/list.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/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.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/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +1 -1
- package/dist/tabs.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 +1 -1
- package/package.json +4 -4
- package/dist/chunks/accordion-item.BX1KrLMl.js +0 -134
- package/dist/chunks/action-bar.DLMaIUWW.js +0 -329
- package/dist/chunks/ai-tag.DK63ExDc.js +0 -130
- package/dist/chunks/anchor-scroller.NhjLDBZI.js +0 -207
- package/dist/chunks/card.CoxQ_L0w.js +0 -216
- package/dist/chunks/chip.CdgpQyXN.js +0 -65
- package/dist/chunks/copy.C2kQ1PbI.js +0 -107
- package/dist/chunks/country.types.DjpMGz7a.js +0 -19
- package/dist/chunks/data-grid.BSIXLRm7.js +0 -4014
- package/dist/chunks/data-grid.BSIXLRm7.js.map +0 -1
- package/dist/chunks/date-picker.dlzZ_-5f.js +0 -231
- package/dist/chunks/date-range-picker.DC6CK0As.js +0 -995
- package/dist/chunks/date-range-picker.DC6CK0As.js.map +0 -1
- package/dist/chunks/dialog-page.COfKqjT-.js +0 -156
- package/dist/chunks/error-message.DCgo8q20.js +0 -143
- package/dist/chunks/fixed-scroller.DtkaGyMD.js +0 -150
- package/dist/chunks/form-layout-title.DW5Kg1rh.js +0 -230
- package/dist/chunks/input-field-password.DZytmp_p.js +0 -346
- package/dist/chunks/pagination.dpVc6Yt0.js +0 -401
- package/dist/chunks/search-bar.CsFyP0_I.js +0 -107
- package/dist/chunks/secondary-nav.CLBdq98c.js +0 -138
- package/dist/chunks/secondary-nav.CLBdq98c.js.map +0 -1
- package/dist/chunks/step.BlwoLfdw.js +0 -259
- package/dist/chunks/structured-list-item.e-8kRleh.js +0 -105
- package/dist/chunks/textarea.CHV6Z8nt.js +0 -247
- package/dist/chunks/timeline-item.CaGcRZbt.js +0 -419
- package/dist/chunks/tooltip.CbADa_4p.js.map +0 -1
|
@@ -1,259 +0,0 @@
|
|
|
1
|
-
import { defineComponent as Z, ref as o, computed as n, watch as T, provide as j, readonly as se, openBlock as x, createElementBlock as h, withDirectives as G, mergeProps as ne, toHandlers as ae, unref as l, renderSlot as w, createVNode as O, withCtx as C, createTextVNode as M, toDisplayString as q, useSlots as oe, inject as le, onMounted as re, onBeforeUnmount as ue, normalizeClass as ie, createBlock as U, Fragment as pe, createElementVNode as ce, vShow as ve } from "vue";
|
|
2
|
-
import { B as H } from "./typography.B3J6_tYk.js";
|
|
3
|
-
import { B, a as de } from "./keyboard-navigation.DWmhelVv.js";
|
|
4
|
-
import { u as me } from "./index.B875RXHM.js";
|
|
5
|
-
import { _ as J } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
6
|
-
import { B as be } from "./base-button.CvHl36Ue.js";
|
|
7
|
-
import { C as fe } from "./checkmark-small.CRuZauJc.js";
|
|
8
|
-
import { D as Se } from "./dot.DBmwmOUN.js";
|
|
9
|
-
import "../assets/step.css";
|
|
10
|
-
const _e = (t) => {
|
|
11
|
-
function r(c) {
|
|
12
|
-
return ({ detail: b }) => {
|
|
13
|
-
b.preventDefault();
|
|
14
|
-
const d = t.value.indexOf(document.activeElement);
|
|
15
|
-
d < 0 || t.value[d + c]?.focus();
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
const p = r(-1), s = r(1);
|
|
19
|
-
return {
|
|
20
|
-
[B.ARROW_DOWN]: s,
|
|
21
|
-
[B.ARROW_RIGHT]: s,
|
|
22
|
-
[B.ARROW_UP]: p,
|
|
23
|
-
[B.ARROW_LEFT]: p
|
|
24
|
-
};
|
|
25
|
-
}, xe = (t) => {
|
|
26
|
-
const r = t.buttonElement.value.parentElement, p = r.parentElement;
|
|
27
|
-
return Array.from(p.children).indexOf(r);
|
|
28
|
-
}, Q = (t) => ({ registerStep: (s) => {
|
|
29
|
-
const c = xe(s);
|
|
30
|
-
t.value.splice(c, 0, {
|
|
31
|
-
stepContent: s.stepContent,
|
|
32
|
-
buttonElement: s.buttonElement,
|
|
33
|
-
substeps: s.substeps
|
|
34
|
-
});
|
|
35
|
-
}, removeStep: (s) => {
|
|
36
|
-
t.value.splice(
|
|
37
|
-
t.value.findIndex((c) => c.buttonElement === s.buttonElement.value),
|
|
38
|
-
1
|
|
39
|
-
);
|
|
40
|
-
} }), W = /* @__PURE__ */ Symbol("stepper state");
|
|
41
|
-
var z = /* @__PURE__ */ ((t) => (t.LINEAR = "linear", t.NON_LINEAR = "non-linear", t))(z || {}), F = /* @__PURE__ */ ((t) => (t.HORIZONTAL = "horizontal", t.VERTICAL = "vertical", t))(F || {});
|
|
42
|
-
const X = {
|
|
43
|
-
"en-US": { step: "Step {currentIndex}/{totalSteps} {content}" }
|
|
44
|
-
}, ye = { class: "b-stepper" }, ge = {
|
|
45
|
-
i18n: { messages: X },
|
|
46
|
-
name: "stepper"
|
|
47
|
-
}, Ee = /* @__PURE__ */ Z({
|
|
48
|
-
...ge,
|
|
49
|
-
props: {
|
|
50
|
-
/**
|
|
51
|
-
* Type of stepper; defines how the stepper should behave. Default: linear
|
|
52
|
-
* @values linear, non-linear
|
|
53
|
-
*/
|
|
54
|
-
type: {
|
|
55
|
-
type: String,
|
|
56
|
-
default: "linear"
|
|
57
|
-
},
|
|
58
|
-
/**
|
|
59
|
-
* Stepper variant; defines how the stepper should be displayed. Default: vertical
|
|
60
|
-
* @values vertical, horizontal
|
|
61
|
-
*/
|
|
62
|
-
variant: {
|
|
63
|
-
type: String,
|
|
64
|
-
default: "vertical"
|
|
65
|
-
},
|
|
66
|
-
/**
|
|
67
|
-
* Active step index
|
|
68
|
-
*/
|
|
69
|
-
index: {
|
|
70
|
-
type: Number,
|
|
71
|
-
default: 0
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
emits: ["update:index"],
|
|
75
|
-
setup(t, { expose: r, emit: p }) {
|
|
76
|
-
const s = t, c = p, { t: b, n: d } = me({ messages: X }), u = o([]), e = o(s.index), m = o(e.value), v = (a) => {
|
|
77
|
-
a > m.value && (m.value = a), e.value = a;
|
|
78
|
-
}, A = n(() => u.value[e.value]?.stepContent), k = n(() => u.value.length), f = n(() => u.value.map(({ buttonElement: a }) => a)), S = n(() => s.variant === F.HORIZONTAL), N = n(
|
|
79
|
-
() => u.value.map(({ buttonElement: a, substeps: E }, I) => {
|
|
80
|
-
const $ = e.value === I;
|
|
81
|
-
return !S.value && $ ? [a].concat(E.map((P) => P.buttonElement)) : [a];
|
|
82
|
-
}).flat()
|
|
83
|
-
), { registerStep: L, removeStep: V } = Q(u), D = o({
|
|
84
|
-
activeStepIndex: e,
|
|
85
|
-
latestActiveStep: m,
|
|
86
|
-
steps: f,
|
|
87
|
-
type: s.type,
|
|
88
|
-
variant: s.variant,
|
|
89
|
-
navigateToStep: v,
|
|
90
|
-
registerStep: L,
|
|
91
|
-
removeStep: V
|
|
92
|
-
}), _ = n(() => ({
|
|
93
|
-
"b-stepper__list--horizontal": S.value
|
|
94
|
-
}));
|
|
95
|
-
T(() => s.index, v), T(e, (a) => {
|
|
96
|
-
c("update:index", a);
|
|
97
|
-
});
|
|
98
|
-
const y = _e(N);
|
|
99
|
-
return j(W, se(D)), r({
|
|
100
|
-
reset: () => {
|
|
101
|
-
e.value = 0, m.value = 0;
|
|
102
|
-
}
|
|
103
|
-
}), (a, E) => (x(), h("nav", ye, [
|
|
104
|
-
G((x(), h("ol", ne({
|
|
105
|
-
class: ["b-stepper__list", _.value]
|
|
106
|
-
}, ae(l(y), !0)), [
|
|
107
|
-
w(a.$slots, "default", {}, void 0, !0)
|
|
108
|
-
], 16)), [
|
|
109
|
-
[l(de)]
|
|
110
|
-
]),
|
|
111
|
-
O(l(H), {
|
|
112
|
-
el: "span",
|
|
113
|
-
variant: "body",
|
|
114
|
-
stronger: "",
|
|
115
|
-
class: "b-stepper__text-stepper"
|
|
116
|
-
}, {
|
|
117
|
-
default: C(() => [
|
|
118
|
-
M(q(l(b)("step", {
|
|
119
|
-
currentIndex: l(d)(e.value + 1),
|
|
120
|
-
totalSteps: l(d)(k.value),
|
|
121
|
-
content: A.value
|
|
122
|
-
})), 1)
|
|
123
|
-
]),
|
|
124
|
-
_: 1
|
|
125
|
-
})
|
|
126
|
-
]));
|
|
127
|
-
}
|
|
128
|
-
}), Ve = /* @__PURE__ */ J(Ee, [["__scopeId", "data-v-3da3f65a"]]), Ie = {
|
|
129
|
-
ref: "substepList",
|
|
130
|
-
class: "b-step__substep-list"
|
|
131
|
-
}, Ce = {
|
|
132
|
-
name: "step"
|
|
133
|
-
}, Ae = /* @__PURE__ */ Z({
|
|
134
|
-
...Ce,
|
|
135
|
-
props: {
|
|
136
|
-
/**
|
|
137
|
-
* Completed status. Used on non-linear steppers to indicate if the step is completed.
|
|
138
|
-
*/
|
|
139
|
-
completed: {
|
|
140
|
-
type: Boolean,
|
|
141
|
-
default: !1
|
|
142
|
-
},
|
|
143
|
-
/**
|
|
144
|
-
* Active substep index
|
|
145
|
-
*/
|
|
146
|
-
substepIndex: {
|
|
147
|
-
type: Number,
|
|
148
|
-
default: 0
|
|
149
|
-
}
|
|
150
|
-
},
|
|
151
|
-
emits: ["update:substep-index"],
|
|
152
|
-
setup(t, { emit: r }) {
|
|
153
|
-
const p = oe(), s = t, c = r, b = o(null), d = o(null), u = o([]), e = le(W), m = n(() => b.value?.$el), v = n(() => e?.value.steps.indexOf(m.value)), A = n(() => d.value?.$el.textContent), k = n(() => u.value.map(({ buttonElement: i }) => i)), f = o(s.substepIndex), S = o(f.value), N = (i) => {
|
|
154
|
-
i > S.value && (S.value = i), f.value = i;
|
|
155
|
-
}, { registerStep: L, removeStep: V } = Q(u), D = o({
|
|
156
|
-
activeStepIndex: f,
|
|
157
|
-
latestActiveStep: S,
|
|
158
|
-
type: e.value.type,
|
|
159
|
-
variant: e.value.variant,
|
|
160
|
-
steps: k,
|
|
161
|
-
isParentStep: !0,
|
|
162
|
-
navigateToStep: N,
|
|
163
|
-
registerStep: L,
|
|
164
|
-
removeStep: V
|
|
165
|
-
});
|
|
166
|
-
j(W, D), T(() => s.substepIndex, N), T(f, (i) => {
|
|
167
|
-
c("update:substep-index", i);
|
|
168
|
-
}), re(() => {
|
|
169
|
-
if (!e)
|
|
170
|
-
throw new Error(
|
|
171
|
-
"BentoStep components should only be used inside BentoStepper or other BentoStep components."
|
|
172
|
-
);
|
|
173
|
-
e.value.registerStep({
|
|
174
|
-
buttonElement: m,
|
|
175
|
-
stepContent: A,
|
|
176
|
-
substeps: u
|
|
177
|
-
});
|
|
178
|
-
}), ue(() => {
|
|
179
|
-
e.value.removeStep({
|
|
180
|
-
buttonElement: m,
|
|
181
|
-
stepContent: A,
|
|
182
|
-
substeps: u
|
|
183
|
-
});
|
|
184
|
-
});
|
|
185
|
-
const _ = n(() => e.value.isParentStep), y = o(!1), g = n(() => e?.value.activeStepIndex === v.value), a = n(
|
|
186
|
-
() => g.value && e.value.variant !== F.HORIZONTAL && !_.value && p.substeps
|
|
187
|
-
), E = n(() => e?.value.type === z.NON_LINEAR ? s.completed : e?.value.latestActiveStep > v.value), I = n(
|
|
188
|
-
() => e?.value.type === z.LINEAR && v.value > e?.value.latestActiveStep
|
|
189
|
-
), $ = () => {
|
|
190
|
-
I.value || e.value.navigateToStep(v.value);
|
|
191
|
-
}, K = n(() => g.value ? "step" : "false"), P = n(() => I.value.toString()), Y = n(() => y.value || v.value === 0 && !_.value ? "0" : "-1"), ee = n(() => ({
|
|
192
|
-
"b-step--active": g.value,
|
|
193
|
-
"b-step--completed": E.value,
|
|
194
|
-
"b-step--substep": _.value
|
|
195
|
-
}));
|
|
196
|
-
return (i, R) => (x(), h("li", {
|
|
197
|
-
class: ie([ee.value, "b-step"])
|
|
198
|
-
}, [
|
|
199
|
-
O(l(be), {
|
|
200
|
-
ref_key: "buttonComponent",
|
|
201
|
-
ref: b,
|
|
202
|
-
"aria-current": K.value,
|
|
203
|
-
"aria-disabled": P.value,
|
|
204
|
-
class: "b-step__button",
|
|
205
|
-
type: "button",
|
|
206
|
-
tabindex: Y.value,
|
|
207
|
-
disabled: I.value,
|
|
208
|
-
onClick: $,
|
|
209
|
-
onFocus: R[0] || (R[0] = (te) => y.value = !0),
|
|
210
|
-
onBlur: R[1] || (R[1] = (te) => y.value = !1)
|
|
211
|
-
}, {
|
|
212
|
-
iconLeft: C(() => [
|
|
213
|
-
O(l(H), {
|
|
214
|
-
el: "span",
|
|
215
|
-
variant: "body",
|
|
216
|
-
stronger: "",
|
|
217
|
-
class: "b-step__index",
|
|
218
|
-
"aria-hidden": "true"
|
|
219
|
-
}, {
|
|
220
|
-
default: C(() => [
|
|
221
|
-
E.value ? (x(), U(l(fe), { key: 0 })) : _.value ? (x(), U(l(Se), { key: 2 })) : (x(), h(pe, { key: 1 }, [
|
|
222
|
-
M(q(v.value + 1), 1)
|
|
223
|
-
], 64))
|
|
224
|
-
]),
|
|
225
|
-
_: 1
|
|
226
|
-
})
|
|
227
|
-
]),
|
|
228
|
-
default: C(() => [
|
|
229
|
-
O(l(H), {
|
|
230
|
-
ref_key: "stepContent",
|
|
231
|
-
ref: d,
|
|
232
|
-
el: "span",
|
|
233
|
-
variant: "body",
|
|
234
|
-
stronger: g.value,
|
|
235
|
-
class: "b-step__content"
|
|
236
|
-
}, {
|
|
237
|
-
default: C(() => [
|
|
238
|
-
w(i.$slots, "default", {}, void 0, !0)
|
|
239
|
-
]),
|
|
240
|
-
_: 3
|
|
241
|
-
}, 8, ["stronger"])
|
|
242
|
-
]),
|
|
243
|
-
_: 3
|
|
244
|
-
}, 8, ["aria-current", "aria-disabled", "tabindex", "disabled"]),
|
|
245
|
-
G(ce("ul", Ie, [
|
|
246
|
-
w(i.$slots, "substeps", {}, void 0, !0)
|
|
247
|
-
], 512), [
|
|
248
|
-
[ve, a.value]
|
|
249
|
-
])
|
|
250
|
-
], 2));
|
|
251
|
-
}
|
|
252
|
-
}), De = /* @__PURE__ */ J(Ae, [["__scopeId", "data-v-945a4dde"]]);
|
|
253
|
-
export {
|
|
254
|
-
z as B,
|
|
255
|
-
Ve as a,
|
|
256
|
-
F as b,
|
|
257
|
-
De as s
|
|
258
|
-
};
|
|
259
|
-
//# sourceMappingURL=step.BlwoLfdw.js.map
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { defineComponent as h, inject as p, computed as o, provide as U, openBlock as r, createElementBlock as v, renderSlot as S, ref as $, normalizeClass as _, createElementVNode as f, normalizeStyle as g, createVNode as y, unref as e, withCtx as b, createTextVNode as A, toDisplayString as R, createBlock as u, createCommentVNode as d, withDirectives as V } from "vue";
|
|
2
|
-
import { _ as B } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
3
|
-
import { B as j } from "./button.DWF7FSIw.js";
|
|
4
|
-
import { B as O } from "./info-icon.BUala_wq.js";
|
|
5
|
-
import { B as w } from "./typography.B3J6_tYk.js";
|
|
6
|
-
import { C as F } from "./copy.C2kQ1PbI.js";
|
|
7
|
-
import { S as H } from "./search.ClLmZAgC.js";
|
|
8
|
-
import { u as J } from "./index.B875RXHM.js";
|
|
9
|
-
import { b as x } from "./tooltip.CbADa_4p.js";
|
|
10
|
-
import "../assets/structured-list-item.css";
|
|
11
|
-
const C = /* @__PURE__ */ Symbol("structured list condensed style injection key"), T = /* @__PURE__ */ Symbol("structured list labels width injection key"), z = ["25-75", "33-66", "42-58", "50-50", "75-25", "66-33", "58-42"], K = { class: "b-structured-list" }, Y = {}, P = /* @__PURE__ */ h({
|
|
12
|
-
...Y,
|
|
13
|
-
__name: "structured-list",
|
|
14
|
-
props: {
|
|
15
|
-
labelsWidth: { default: null },
|
|
16
|
-
layout: { default: "33-66" }
|
|
17
|
-
},
|
|
18
|
-
setup(n) {
|
|
19
|
-
const s = n, m = p(C, !1), a = o(
|
|
20
|
-
() => z.includes(s.layout) ? s.layout : "33-66"
|
|
21
|
-
), c = o(() => m ? "130px" : s.labelsWidth ? `${s.labelsWidth}px` : `${a.value.split("-")[0]}%`);
|
|
22
|
-
return U(T, c), (l, i) => (r(), v("dl", K, [
|
|
23
|
-
S(l.$slots, "default", {}, void 0, !0)
|
|
24
|
-
]));
|
|
25
|
-
}
|
|
26
|
-
}), lt = /* @__PURE__ */ B(P, [["__scopeId", "data-v-04bc4474"]]), I = {
|
|
27
|
-
"en-US": { search: "Search" },
|
|
28
|
-
"ja-JP": { search: "検索" },
|
|
29
|
-
"pt-BR": { search: "Buscar" }
|
|
30
|
-
}, q = {
|
|
31
|
-
i18n: { messages: I }
|
|
32
|
-
}, G = /* @__PURE__ */ h({
|
|
33
|
-
...q,
|
|
34
|
-
__name: "structured-list-item",
|
|
35
|
-
props: {
|
|
36
|
-
label: {},
|
|
37
|
-
labelInfo: {},
|
|
38
|
-
copy: {},
|
|
39
|
-
search: { type: Function },
|
|
40
|
-
searchTooltip: {},
|
|
41
|
-
truncate: { type: Boolean }
|
|
42
|
-
},
|
|
43
|
-
emits: ["copy"],
|
|
44
|
-
setup(n, { emit: s }) {
|
|
45
|
-
const a = n, c = s, { t: l } = J({ messages: I }), i = p(C, !1), L = p(T, $("33%")), E = o(() => `flex-basis:${L.value}`), D = o(() => ({
|
|
46
|
-
"b-structured-list-item--condensed": i
|
|
47
|
-
})), k = o(() => ({
|
|
48
|
-
"b-structured-list-item__value--truncate": a.truncate
|
|
49
|
-
})), N = () => {
|
|
50
|
-
c("copy", a.copy);
|
|
51
|
-
}, W = o(() => i ? "caption" : "body");
|
|
52
|
-
return (t, M) => (r(), v("div", {
|
|
53
|
-
class: _(["b-structured-list-item", D.value])
|
|
54
|
-
}, [
|
|
55
|
-
f("dt", {
|
|
56
|
-
class: "b-structured-list-item__label",
|
|
57
|
-
style: g(E.value)
|
|
58
|
-
}, [
|
|
59
|
-
y(e(w), { variant: W.value }, {
|
|
60
|
-
default: b(() => [
|
|
61
|
-
A(R(t.label), 1)
|
|
62
|
-
]),
|
|
63
|
-
_: 1
|
|
64
|
-
}, 8, ["variant"]),
|
|
65
|
-
t.labelInfo ? (r(), u(e(O), {
|
|
66
|
-
key: 0,
|
|
67
|
-
class: "b-structured-list-item__icon",
|
|
68
|
-
"tooltip-text": t.labelInfo
|
|
69
|
-
}, null, 8, ["tooltip-text"])) : d("", !0)
|
|
70
|
-
], 4),
|
|
71
|
-
f("dd", {
|
|
72
|
-
class: _(["b-structured-list-item__value", k.value])
|
|
73
|
-
}, [
|
|
74
|
-
S(t.$slots, "default", {}, void 0, !0),
|
|
75
|
-
t.copy ? (r(), u(F, {
|
|
76
|
-
key: 0,
|
|
77
|
-
class: "b-structured-list-item__icon",
|
|
78
|
-
text: t.copy,
|
|
79
|
-
onClick: N
|
|
80
|
-
}, null, 8, ["text"])) : d("", !0),
|
|
81
|
-
t.search ? V((r(), u(e(j), {
|
|
82
|
-
key: 1,
|
|
83
|
-
class: "b-structured-list-item__icon",
|
|
84
|
-
variant: "tertiary",
|
|
85
|
-
onClick: t.search
|
|
86
|
-
}, {
|
|
87
|
-
iconLeft: b(() => [
|
|
88
|
-
y(e(H), {
|
|
89
|
-
"svg-title": e(l)("search")
|
|
90
|
-
}, null, 8, ["svg-title"])
|
|
91
|
-
]),
|
|
92
|
-
_: 1
|
|
93
|
-
}, 8, ["onClick"])), [
|
|
94
|
-
[e(x), t.searchTooltip ? t.searchTooltip : e(l)("search"), "top"]
|
|
95
|
-
]) : d("", !0)
|
|
96
|
-
], 2)
|
|
97
|
-
], 2));
|
|
98
|
-
}
|
|
99
|
-
}), nt = /* @__PURE__ */ B(G, [["__scopeId", "data-v-f3ee58a1"]]);
|
|
100
|
-
export {
|
|
101
|
-
lt as B,
|
|
102
|
-
C as S,
|
|
103
|
-
nt as a
|
|
104
|
-
};
|
|
105
|
-
//# sourceMappingURL=structured-list-item.e-8kRleh.js.map
|
|
@@ -1,247 +0,0 @@
|
|
|
1
|
-
import { defineComponent as _e, useAttrs as xe, toRefs as q, ref as n, toRef as Ee, computed as s, watch as k, nextTick as Le, onMounted as Ce, onUnmounted as Re, openBlock as d, createElementBlock as W, normalizeClass as g, createElementVNode as O, normalizeStyle as $, unref as l, createBlock as b, createCommentVNode as c, withCtx as _, createTextVNode as z, toDisplayString as Y, createVNode as U, withKeys as I } from "vue";
|
|
2
|
-
import { B as Ae } from "./button.DWF7FSIw.js";
|
|
3
|
-
import { d as Be, B as M } from "./typography.B3J6_tYk.js";
|
|
4
|
-
import { C as De } from "./cross-circle-fill-small.H1wH-vcZ.js";
|
|
5
|
-
import { g as ke } from "./generate-uid.DBWe4g6T.js";
|
|
6
|
-
import { o as G } from "./resize.Bqks3WUm.js";
|
|
7
|
-
import { u as Oe } from "./aria-label.CaUURpnB.js";
|
|
8
|
-
import { u as Ue } from "./index.B875RXHM.js";
|
|
9
|
-
import { u as Ie } from "./form-field.D_2g7vaP.js";
|
|
10
|
-
import { u as Me } from "./use-form-layout-loading.CWbjZiwP.js";
|
|
11
|
-
import { B as Se } from "./es6.C1DXQV6f.js";
|
|
12
|
-
import { F as we, E as X } from "./error-message.DCgo8q20.js";
|
|
13
|
-
import { _ as Fe } from "./_plugin-vue_export-helper.CHgC5LLL.js";
|
|
14
|
-
import "../assets/textarea.css";
|
|
15
|
-
var p = /* @__PURE__ */ ((t) => (t.CLEARABLE = "clearable", t.DISABLED = "disabled", t.ERROR = "error", t.READONLY = "readonly", t))(p || {}), u = /* @__PURE__ */ ((t) => (t.BLUR = "blur", t.CHANGE = "change", t.CLEAR = "clear", t.ESCAPE_PRESSED = "escape-pressed", t.FOCUS = "focus", t.INPUT = "input", t.UPDATE_MODEL_VALUE = "update:model-value", t.KEYDOWN = "keydown", t.KEYUP = "keyup", t))(u || {});
|
|
16
|
-
const j = {
|
|
17
|
-
"en-US": { clearText: "Clear text", textarea: "textarea", yourTextCanBenAtMost: "Your text can be at most {characterLimit} characters" }
|
|
18
|
-
}, Pe = ["id", "value", "aria-label", "aria-invalid", "readonly", "required", "aria-required", "disabled", "placeholder"], Ve = {
|
|
19
|
-
key: 0,
|
|
20
|
-
class: "b-textarea__clear-button"
|
|
21
|
-
}, He = parseFloat(Se), Ke = {
|
|
22
|
-
i18n: { messages: j },
|
|
23
|
-
name: "bento-textarea",
|
|
24
|
-
model: { prop: "modelValue" }
|
|
25
|
-
}, Ne = /* @__PURE__ */ _e({
|
|
26
|
-
...Ke,
|
|
27
|
-
props: {
|
|
28
|
-
ariaLabel: { default: void 0 },
|
|
29
|
-
characterLimit: { default: void 0 },
|
|
30
|
-
clearable: { type: Boolean, default: !1 },
|
|
31
|
-
height: { default: null },
|
|
32
|
-
resizable: { default: "both" },
|
|
33
|
-
value: { default: "" },
|
|
34
|
-
modelValue: { default: "" },
|
|
35
|
-
description: { default: "" },
|
|
36
|
-
disabled: { type: Boolean, default: !1 },
|
|
37
|
-
errorMessage: { default: "" },
|
|
38
|
-
label: { default: "" },
|
|
39
|
-
optional: { type: Boolean, default: !1 },
|
|
40
|
-
placeholder: { default: "" },
|
|
41
|
-
readonly: { type: Boolean, default: !1 },
|
|
42
|
-
required: { type: Boolean, default: !1 },
|
|
43
|
-
tooltipText: { default: null }
|
|
44
|
-
},
|
|
45
|
-
setup(t, { expose: J, emit: Q }) {
|
|
46
|
-
const Z = xe(), a = t, i = Q, { height: x } = q(a), S = ke("textarea"), o = n(null), E = n(null), r = n(a.modelValue || a.value), m = 44, v = n(a.height || `${m}px`), w = n(0), L = n("100%"), C = n(!1);
|
|
47
|
-
let F = null, P = null;
|
|
48
|
-
const { t: V, n: H } = Ue({ messages: j }), { isReadOnly: h } = Me(Ee(a, "readonly")), { emitValue: K } = Ie(i), ee = s(() => `${H(r?.value?.length ?? 0)} / ${H(a.characterLimit)}`), y = s(() => !x.value), R = s(
|
|
49
|
-
() => a.characterLimit && r.value.length > a.characterLimit
|
|
50
|
-
), A = () => {
|
|
51
|
-
if (o.value) {
|
|
52
|
-
const e = Math.max(
|
|
53
|
-
o.value.scrollHeight <= m ? m : o.value.scrollHeight + He * 2,
|
|
54
|
-
w.value,
|
|
55
|
-
m
|
|
56
|
-
);
|
|
57
|
-
v.value = `${e}px`;
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
k(x, () => {
|
|
61
|
-
y.value ? A() : v.value = x.value;
|
|
62
|
-
}), k(
|
|
63
|
-
() => [a.value, a.modelValue],
|
|
64
|
-
() => {
|
|
65
|
-
r.value = a.modelValue || a.value;
|
|
66
|
-
},
|
|
67
|
-
{ immediate: !0 }
|
|
68
|
-
), k(
|
|
69
|
-
() => r.value,
|
|
70
|
-
async () => {
|
|
71
|
-
if (y.value) {
|
|
72
|
-
if (v.value = `${m}px`, !r.value)
|
|
73
|
-
return;
|
|
74
|
-
await Le(), A();
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
{ immediate: !0 }
|
|
78
|
-
);
|
|
79
|
-
const N = s(() => !!a.errorMessage || R.value), ae = s(() => ({
|
|
80
|
-
[`b-textarea--${p.DISABLED}`]: a.disabled
|
|
81
|
-
})), te = s(() => ({
|
|
82
|
-
[`b-textarea__input--${p.CLEARABLE}`]: a.clearable,
|
|
83
|
-
[`b-textarea__input--${p.READONLY}`]: h.value,
|
|
84
|
-
[`b-textarea__input--${p.ERROR}`]: N.value,
|
|
85
|
-
"b-textarea__input--dynamic-height": y.value
|
|
86
|
-
})), le = s(() => ({
|
|
87
|
-
"b-textarea__label-box--no-label": !a.label
|
|
88
|
-
})), oe = s(() => ({
|
|
89
|
-
[`b-textarea__label-item--${p.ERROR}`]: R.value
|
|
90
|
-
})), re = s(() => V("yourTextCanBenAtMost", { characterLimit: a.characterLimit })), se = n(Z["aria-label"]), { ariaLabel: ie, label: B } = q(a), ne = Oe({
|
|
91
|
-
ariaLabel: se.value,
|
|
92
|
-
// TODO: take this line away when the aria-label props is removed
|
|
93
|
-
label: ie,
|
|
94
|
-
defaultFallback: B
|
|
95
|
-
}), ue = s(
|
|
96
|
-
() => a.clearable && r.value && !a.disabled && !h.value
|
|
97
|
-
), D = () => {
|
|
98
|
-
r.value = "", i(u.CLEAR), K("");
|
|
99
|
-
}, de = (e) => {
|
|
100
|
-
e.stopImmediatePropagation(), !a.disabled && !h.value && (r.value = e.target.value, K(r.value));
|
|
101
|
-
}, ce = () => {
|
|
102
|
-
o.value.scrollTop = 0, i(u.BLUR);
|
|
103
|
-
}, pe = () => {
|
|
104
|
-
o.value.focus(), i(u.FOCUS);
|
|
105
|
-
}, me = () => {
|
|
106
|
-
i(u.CHANGE);
|
|
107
|
-
}, ve = () => {
|
|
108
|
-
i(u.ESCAPE_PRESSED);
|
|
109
|
-
}, fe = (e) => {
|
|
110
|
-
e.stopPropagation(), i(u.KEYDOWN, e);
|
|
111
|
-
}, be = (e) => {
|
|
112
|
-
e.stopPropagation(), i(u.KEYUP, e);
|
|
113
|
-
}, he = () => {
|
|
114
|
-
C.value = !0;
|
|
115
|
-
}, ye = () => {
|
|
116
|
-
C.value = !1;
|
|
117
|
-
}, T = (e = !1) => {
|
|
118
|
-
const f = o.value.style.width;
|
|
119
|
-
if (o.value.style.height && (C.value && (w.value = parseInt(o.value.style.height, 10)), v.value = o.value.style.height), e && !f)
|
|
120
|
-
return;
|
|
121
|
-
const ge = E?.value?.offsetWidth;
|
|
122
|
-
!f || parseInt(f, 10) > ge ? L.value = "100%" : L.value = f;
|
|
123
|
-
};
|
|
124
|
-
return J({
|
|
125
|
-
focus: () => {
|
|
126
|
-
o.value.focus();
|
|
127
|
-
}
|
|
128
|
-
}), Ce(() => {
|
|
129
|
-
F = G(o.value, () => {
|
|
130
|
-
T(!0);
|
|
131
|
-
}), P = G(E.value, () => {
|
|
132
|
-
T();
|
|
133
|
-
}), y.value && A(), a.value && Be(
|
|
134
|
-
'BentoTextarea "value" property',
|
|
135
|
-
`The use of "value" prop in "BentoTextarea" is no longer supported.
|
|
136
|
-
Use the "v-model" or "model-value" property instead.`,
|
|
137
|
-
"2.0.0"
|
|
138
|
-
);
|
|
139
|
-
}), Re(() => {
|
|
140
|
-
F?.disconnect(), P?.disconnect();
|
|
141
|
-
}), (e, f) => (d(), W("div", {
|
|
142
|
-
ref_key: "textareaComponent",
|
|
143
|
-
ref: E,
|
|
144
|
-
class: g(["b-textarea", ae.value])
|
|
145
|
-
}, [
|
|
146
|
-
O("div", {
|
|
147
|
-
style: $({ width: L.value })
|
|
148
|
-
}, [
|
|
149
|
-
O("div", {
|
|
150
|
-
class: g(["b-textarea__label-box", le.value])
|
|
151
|
-
}, [
|
|
152
|
-
l(B) ? (d(), b(l(we), {
|
|
153
|
-
key: 0,
|
|
154
|
-
for: l(S),
|
|
155
|
-
label: l(B),
|
|
156
|
-
"tooltip-text": e.tooltipText,
|
|
157
|
-
optional: e.optional,
|
|
158
|
-
required: e.required
|
|
159
|
-
}, null, 8, ["for", "label", "tooltip-text", "optional", "required"])) : c("", !0),
|
|
160
|
-
e.characterLimit ? (d(), b(l(M), {
|
|
161
|
-
key: 1,
|
|
162
|
-
el: "span",
|
|
163
|
-
class: g(["b-textarea__label-item", oe.value])
|
|
164
|
-
}, {
|
|
165
|
-
default: _(() => [
|
|
166
|
-
z(Y(ee.value), 1)
|
|
167
|
-
]),
|
|
168
|
-
_: 1
|
|
169
|
-
}, 8, ["class"])) : c("", !0)
|
|
170
|
-
], 2),
|
|
171
|
-
U(l(M), {
|
|
172
|
-
el: "div",
|
|
173
|
-
class: "b-textarea__input-box",
|
|
174
|
-
"aria-disabled": e.disabled
|
|
175
|
-
}, {
|
|
176
|
-
default: _(() => [
|
|
177
|
-
O("textarea", {
|
|
178
|
-
id: l(S),
|
|
179
|
-
ref_key: "textareaElement",
|
|
180
|
-
ref: o,
|
|
181
|
-
value: r.value,
|
|
182
|
-
class: g(["b-textarea__input", te.value]),
|
|
183
|
-
"aria-label": l(ne),
|
|
184
|
-
"aria-invalid": N.value,
|
|
185
|
-
readonly: l(h),
|
|
186
|
-
required: e.required,
|
|
187
|
-
"aria-required": e.required,
|
|
188
|
-
disabled: e.disabled,
|
|
189
|
-
placeholder: e.placeholder,
|
|
190
|
-
style: $({ resize: e.resizable, height: v.value }),
|
|
191
|
-
onBlur: ce,
|
|
192
|
-
onChange: me,
|
|
193
|
-
onFocus: pe,
|
|
194
|
-
onInput: de,
|
|
195
|
-
onKeydown: [
|
|
196
|
-
I(ve, ["esc"]),
|
|
197
|
-
fe
|
|
198
|
-
],
|
|
199
|
-
onKeyup: be,
|
|
200
|
-
onMousedown: he,
|
|
201
|
-
onMouseup: ye
|
|
202
|
-
}, " ", 46, Pe),
|
|
203
|
-
ue.value ? (d(), W("div", Ve, [
|
|
204
|
-
U(l(Ae), {
|
|
205
|
-
variant: "tertiary",
|
|
206
|
-
disabled: e.disabled,
|
|
207
|
-
onClick: D,
|
|
208
|
-
onKeypress: I(D, ["enter"]),
|
|
209
|
-
onKeyup: I(D, ["space"])
|
|
210
|
-
}, {
|
|
211
|
-
iconLeft: _(() => [
|
|
212
|
-
U(l(De), {
|
|
213
|
-
"svg-title": l(V)("clearText")
|
|
214
|
-
}, null, 8, ["svg-title"])
|
|
215
|
-
]),
|
|
216
|
-
_: 1
|
|
217
|
-
}, 8, ["disabled"])
|
|
218
|
-
])) : c("", !0)
|
|
219
|
-
]),
|
|
220
|
-
_: 1
|
|
221
|
-
}, 8, ["aria-disabled"]),
|
|
222
|
-
R.value ? (d(), b(l(X), {
|
|
223
|
-
key: 0,
|
|
224
|
-
"error-message": re.value
|
|
225
|
-
}, null, 8, ["error-message"])) : c("", !0),
|
|
226
|
-
e.errorMessage ? (d(), b(l(X), {
|
|
227
|
-
key: 1,
|
|
228
|
-
"error-message": e.errorMessage
|
|
229
|
-
}, null, 8, ["error-message"])) : c("", !0),
|
|
230
|
-
e.description ? (d(), b(l(M), {
|
|
231
|
-
key: 2,
|
|
232
|
-
class: "b-textarea__description",
|
|
233
|
-
el: "span"
|
|
234
|
-
}, {
|
|
235
|
-
default: _(() => [
|
|
236
|
-
z(Y(e.description), 1)
|
|
237
|
-
]),
|
|
238
|
-
_: 1
|
|
239
|
-
})) : c("", !0)
|
|
240
|
-
], 4)
|
|
241
|
-
], 2));
|
|
242
|
-
}
|
|
243
|
-
}), ta = /* @__PURE__ */ Fe(Ne, [["__scopeId", "data-v-36a2792c"]]);
|
|
244
|
-
export {
|
|
245
|
-
ta as B
|
|
246
|
-
};
|
|
247
|
-
//# sourceMappingURL=textarea.CHV6Z8nt.js.map
|