@ds-autonomie/web-components 2.18.0 → 2.19.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/CHANGELOG.md +19 -0
- package/cdn/chunks/{chunk.HJUAHLY6.js → chunk.2EC2JS5U.js} +1 -1
- package/cdn/chunks/{chunk.3G5TZAEL.js → chunk.2J6VNJAV.js} +2 -2
- package/cdn/chunks/chunk.2JTZGBMF.js +1 -0
- package/cdn/chunks/chunk.3D5VBTZM.js +6 -0
- package/cdn/chunks/chunk.3FMDB6AF.js +19 -0
- package/cdn/chunks/{chunk.AZWPWL5D.js → chunk.3URUFDPU.js} +4 -4
- package/cdn/chunks/chunk.4A2SP2JA.js +68 -0
- package/cdn/chunks/{chunk.2RZZILUX.js → chunk.4IWXGSUM.js} +7 -7
- package/cdn/chunks/chunk.4VP4RPNY.js +25 -0
- package/cdn/chunks/{chunk.QLA42ORC.js → chunk.535I3ZDX.js} +6 -6
- package/cdn/chunks/{chunk.ZPW2DSUP.js → chunk.5KCVCUSX.js} +1 -1
- package/cdn/chunks/{chunk.L7SDBPGB.js → chunk.5MXBS7CA.js} +1 -1
- package/cdn/chunks/chunk.5OGTGPR7.js +1 -0
- package/cdn/chunks/{chunk.W3ZGFMS3.js → chunk.5PWPU25F.js} +1 -1
- package/cdn/chunks/{chunk.23QXZAWH.js → chunk.5V6ZBY2X.js} +1 -1
- package/cdn/chunks/{chunk.VE5CSYN4.js → chunk.67UP3FZD.js} +1 -1
- package/cdn/chunks/chunk.6HXGZFOB.js +68 -0
- package/cdn/chunks/{chunk.F5LRDLVV.js → chunk.77YRGKFQ.js} +1 -1
- package/cdn/chunks/{chunk.VO4NFG2W.js → chunk.7OMTHUFI.js} +1 -1
- package/cdn/chunks/{chunk.FHS54ZO7.js → chunk.7RWZ2YNR.js} +1 -1
- package/cdn/chunks/{chunk.H5VVBPCR.js → chunk.7TKKYYU2.js} +1 -1
- package/cdn/chunks/{chunk.LFI7CMVX.js → chunk.7WZQFRLE.js} +1 -1
- package/cdn/chunks/{chunk.TM7AGXEU.js → chunk.7YNQVYS2.js} +1 -1
- package/cdn/chunks/{chunk.3TFD5K7U.js → chunk.7ZYAJWHQ.js} +1 -1
- package/cdn/chunks/{chunk.YXR5X3ZH.js → chunk.AB4OF3RS.js} +1 -1
- package/cdn/chunks/{chunk.CJZS4FSB.js → chunk.AGA6W4U2.js} +1 -1
- package/cdn/chunks/chunk.AGX2JVB6.js +1 -0
- package/cdn/chunks/{chunk.LSD5NIU2.js → chunk.AYT5ORA7.js} +1 -1
- package/cdn/chunks/{chunk.2MLSQPMY.js → chunk.AZVWRRFP.js} +1 -1
- package/cdn/chunks/{chunk.AOPSMRYY.js → chunk.BDRT5OOU.js} +1 -1
- package/cdn/chunks/{chunk.OTTGEQF6.js → chunk.BOCMAV5D.js} +1 -1
- package/cdn/chunks/{chunk.2S76L6WY.js → chunk.BXY7ZIT5.js} +5 -5
- package/cdn/chunks/{chunk.2DV64XU7.js → chunk.CCKFL63L.js} +1 -1
- package/cdn/chunks/{chunk.4HSGYXFW.js → chunk.CLIKZB5P.js} +8 -14
- package/cdn/chunks/chunk.CMPRHBFO.js +1 -0
- package/cdn/chunks/{chunk.QSJXNN7N.js → chunk.COMV5MJ5.js} +1 -1
- package/cdn/chunks/{chunk.THOSFGWY.js → chunk.CWHPCCQQ.js} +3 -1
- package/cdn/chunks/{chunk.ZWCO2GBI.js → chunk.CWT6MEMU.js} +1 -1
- package/cdn/chunks/{chunk.ILCY7FNR.js → chunk.DFIOQK4K.js} +1 -1
- package/cdn/chunks/chunk.DR6FOTG4.js +1 -0
- package/cdn/chunks/{chunk.A45JZ63N.js → chunk.DRNNBI43.js} +1 -1
- package/cdn/chunks/{chunk.V3N4CMN7.js → chunk.DY5MCIEV.js} +3 -3
- package/cdn/chunks/chunk.E2BYQFB7.js +11 -0
- package/cdn/chunks/{chunk.PZ6VFJYI.js → chunk.EAWHOXCM.js} +1 -1
- package/cdn/chunks/chunk.EZQSKUPG.js +20 -0
- package/cdn/chunks/{chunk.QJLFNSIA.js → chunk.F4EQPWW4.js} +1 -1
- package/cdn/chunks/{chunk.SDPQMM4W.js → chunk.GDNVDKSZ.js} +1 -1
- package/cdn/chunks/chunk.GPW6JCHZ.js +13 -0
- package/cdn/chunks/{chunk.VE2TTZQA.js → chunk.GQ75QMJG.js} +12 -4
- package/cdn/chunks/{chunk.KC2NESXB.js → chunk.GVL377SN.js} +1 -1
- package/cdn/chunks/{chunk.JO6IBXF3.js → chunk.H6KRGKOT.js} +1 -1
- package/cdn/chunks/chunk.H7CICKO6.js +173 -0
- package/cdn/chunks/chunk.HEWKH2LT.js +44 -0
- package/cdn/chunks/{chunk.ZFWCNYR2.js → chunk.HGNNGE53.js} +1 -1
- package/cdn/chunks/{chunk.2LF6OMUV.js → chunk.HW5UT2FF.js} +15 -15
- package/cdn/chunks/{chunk.NIH3WB32.js → chunk.IDTMD6WQ.js} +1 -1
- package/cdn/chunks/{chunk.GYURCDPD.js → chunk.IMDJ7GD2.js} +1 -1
- package/cdn/chunks/{chunk.3FHGJRJ3.js → chunk.IMVLXBHS.js} +9 -10
- package/cdn/chunks/{chunk.YRJIHG6T.js → chunk.IUOHXTHC.js} +1 -1
- package/cdn/chunks/{chunk.SLTCOGOD.js → chunk.IYPKQQOD.js} +1 -1
- package/cdn/chunks/chunk.J7MFL7JZ.js +11 -0
- package/cdn/chunks/{chunk.GEV6DKVB.js → chunk.JFLIH5L5.js} +2 -22
- package/cdn/chunks/{chunk.NEWNV55I.js → chunk.JFT7O46L.js} +1 -1
- package/cdn/chunks/chunk.JLB52ESL.js +130 -0
- package/cdn/chunks/chunk.KOU7YZ7Z.js +32 -0
- package/cdn/chunks/{chunk.3LUZLW6F.js → chunk.KSJJM4LY.js} +3 -3
- package/cdn/chunks/{chunk.YZK4IVQW.js → chunk.KTJAW66F.js} +1 -1
- package/cdn/chunks/{chunk.TGVZIOKS.js → chunk.KVPC6DC4.js} +1 -1
- package/cdn/chunks/{chunk.GHHMVWM2.js → chunk.KWBL3MII.js} +4 -4
- package/cdn/chunks/{chunk.YRQ4GUXM.js → chunk.KX5QV54N.js} +1 -1
- package/cdn/chunks/{chunk.GM4KTNXL.js → chunk.LBAIMDY3.js} +1 -1
- package/cdn/chunks/chunk.M7BLJVGV.js +28 -0
- package/cdn/chunks/chunk.MC7ZQO6Z.js +1 -0
- package/cdn/chunks/chunk.MN7GWB3J.js +66 -0
- package/cdn/chunks/{chunk.F3UE7567.js → chunk.MRVUEYXZ.js} +1 -1
- package/cdn/chunks/{chunk.ZKKBL76K.js → chunk.PVV7WADS.js} +1 -1
- package/cdn/chunks/chunk.QEODND2O.js +8 -0
- package/cdn/chunks/chunk.QOIUR37X.js +1 -0
- package/cdn/chunks/chunk.QTD6NQFL.js +1 -0
- package/cdn/chunks/{chunk.FEXCFMDC.js → chunk.RMI7CBAO.js} +5 -5
- package/cdn/chunks/{chunk.QQLTDM2A.js → chunk.RTVNV4IL.js} +1 -1
- package/cdn/chunks/{chunk.UAGWSEWC.js → chunk.STCKZYIM.js} +6 -6
- package/cdn/chunks/chunk.THWI644G.js +54 -0
- package/cdn/chunks/{chunk.23NGYECZ.js → chunk.TPKY6SO3.js} +1 -1
- package/cdn/chunks/chunk.U6OE2WNY.js +51 -0
- package/cdn/chunks/{chunk.J5EBYKBM.js → chunk.UXV7IG5J.js} +1 -1
- package/cdn/chunks/{chunk.PSXSWQCS.js → chunk.VOJKFSPN.js} +1 -1
- package/cdn/chunks/{chunk.H5XLHNHE.js → chunk.VVOUCVXZ.js} +1 -1
- package/cdn/chunks/{chunk.UWBADC7U.js → chunk.WMOV27WV.js} +5 -2
- package/cdn/chunks/chunk.WQIMDJJX.js +101 -0
- package/cdn/chunks/{chunk.OTNGFYHL.js → chunk.WWRGGVFZ.js} +1 -1
- package/cdn/chunks/{chunk.HO6LFH7Z.js → chunk.WXQKHJC3.js} +1 -1
- package/cdn/chunks/chunk.YBVIKP5F.js +41 -0
- package/cdn/chunks/chunk.YDZQVGSP.js +47 -0
- package/cdn/chunks/{chunk.D3BOAL4N.js → chunk.YWOAIOEZ.js} +1 -1
- package/cdn/chunks/chunk.YZO4H6DD.js +57 -0
- package/cdn/chunks/{chunk.MTXJMWYM.js → chunk.Z226LHQY.js} +1 -1
- package/cdn/chunks/{chunk.2QOKOUSD.js → chunk.ZMEW7RFS.js} +1 -1
- package/cdn/components/accordion/accordion.js +1 -1
- package/cdn/components/accordion-group/accordion-group.js +1 -1
- package/cdn/components/alert/alert.js +1 -1
- package/cdn/components/breadcrumb/breadcrumb.js +1 -1
- package/cdn/components/breadcrumb-item/breadcrumb-item.js +1 -1
- package/cdn/components/button/button.js +1 -1
- package/cdn/components/calendar/calendar.js +1 -1
- package/cdn/components/card-nav-accordion/card-nav-accordion.js +1 -1
- package/cdn/components/checkbox/checkbox.js +1 -1
- package/cdn/components/checkbox/checkbox.styles.js +1 -1
- package/cdn/components/checkbox-button/checkbox-button.js +1 -1
- package/cdn/components/checkbox-card/checkbox-card.js +1 -1
- package/cdn/components/checkbox-group/checkbox-group.js +1 -1
- package/cdn/components/combobox/combobox.js +1 -1
- package/cdn/components/combobox/combobox.styles.js +1 -1
- package/cdn/components/copy-button/copy-button.js +1 -1
- package/cdn/components/dialog/dialog.js +1 -1
- package/cdn/components/drawer/drawer.js +1 -1
- package/cdn/components/dropdown/dropdown.js +1 -1
- package/cdn/components/error-message-panel/error-message-panel.js +1 -1
- package/cdn/components/file-upload/file-upload.js +1 -1
- package/cdn/components/filter-button/filter-button.js +1 -1
- package/cdn/components/filter-counter/filter-counter.js +1 -1
- package/cdn/components/filter-date/filter-date.js +1 -1
- package/cdn/components/filter-range/filter-range.js +1 -1
- package/cdn/components/filter-select/filter-select.js +1 -1
- package/cdn/components/footer/footer.js +1 -1
- package/cdn/components/format-bytes/format-bytes.js +1 -1
- package/cdn/components/format-date/format-date.js +1 -1
- package/cdn/components/format-number/format-number.js +1 -1
- package/cdn/components/header/header.d.ts +1 -0
- package/cdn/components/header/header.js +1 -1
- package/cdn/components/header-external-link/header-external-link.js +1 -1
- package/cdn/components/header-modern/header-modern.d.ts +1 -0
- package/cdn/components/header-modern/header-modern.js +1 -1
- package/cdn/components/header-search/header-search.js +1 -1
- package/cdn/components/input/input.js +1 -1
- package/cdn/components/input-amount/input-amount.js +1 -1
- package/cdn/components/input-date/input-date.js +1 -1
- package/cdn/components/input-mask/input-mask.js +1 -1
- package/cdn/components/input-native/input-native.js +1 -1
- package/cdn/components/input-phone/input-phone.js +1 -1
- package/cdn/components/input-time/input-time.js +1 -1
- package/cdn/components/menu-accordion/menu-accordion.js +1 -1
- package/cdn/components/menu-item/menu-item.js +1 -1
- package/cdn/components/menu-navigation/menu-navigation.js +1 -1
- package/cdn/components/navbar-link/navbar-link.js +1 -1
- package/cdn/components/navbar-menu/navbar-menu.js +1 -1
- package/cdn/components/option/option.d.ts +2 -0
- package/cdn/components/option/option.js +1 -1
- package/cdn/components/option/option.styles.js +1 -1
- package/cdn/components/pagination/pagination.js +1 -1
- package/cdn/components/profile-button/profile-button.js +1 -1
- package/cdn/components/progress-bar/progress-bar.js +1 -1
- package/cdn/components/radio/radio.js +1 -1
- package/cdn/components/radio/radio.styles.js +1 -1
- package/cdn/components/radio-button/radio-button.js +1 -1
- package/cdn/components/radio-card/radio-card.js +1 -1
- package/cdn/components/radio-group/radio-group.js +1 -1
- package/cdn/components/relative-time/relative-time.js +1 -1
- package/cdn/components/search/search.js +1 -1
- package/cdn/components/search/search.styles.js +1 -1
- package/cdn/components/select/select.d.ts +3 -1
- package/cdn/components/select/select.js +1 -1
- package/cdn/components/select/select.styles.js +1 -1
- package/cdn/components/sidenav/sidenav.d.ts +4 -1
- package/cdn/components/sidenav/sidenav.js +1 -1
- package/cdn/components/sidenav-info-accordion/sidenav-info-accordion.js +1 -1
- package/cdn/components/skip-link-item/skip-link-item.js +1 -1
- package/cdn/components/skip-links/skip-links.js +1 -1
- package/cdn/components/spinner/spinner.js +1 -1
- package/cdn/components/split-panel/split-panel.js +1 -1
- package/cdn/components/step/step.js +1 -1
- package/cdn/components/step/step.styles.js +1 -1
- package/cdn/components/stepper/stepper.d.ts +4 -1
- package/cdn/components/stepper/stepper.js +1 -1
- package/cdn/components/switch/switch.js +1 -1
- package/cdn/components/switch/switch.styles.js +1 -1
- package/cdn/components/tab/tab.d.ts +3 -0
- package/cdn/components/tab/tab.js +1 -1
- package/cdn/components/tab/tab.styles.js +1 -1
- package/cdn/components/tab-group/tab-group.d.ts +1 -0
- package/cdn/components/tab-group/tab-group.js +1 -1
- package/cdn/components/tab-group/tab-group.styles.js +1 -1
- package/cdn/components/tab-panel/tab-panel.js +1 -1
- package/cdn/components/table/table.d.ts +29 -0
- package/cdn/components/table/table.js +1 -1
- package/cdn/components/table-action/table-action.js +1 -1
- package/cdn/components/table-body/table-body.js +1 -1
- package/cdn/components/table-caption/table-caption.js +1 -1
- package/cdn/components/table-container/table-container.js +1 -1
- package/cdn/components/table-head/table-head.js +1 -1
- package/cdn/components/table-header-row/table-header-row.d.ts +1 -0
- package/cdn/components/table-header-row/table-header-row.js +1 -1
- package/cdn/components/table-header-row/table-header-row.styles.js +1 -1
- package/cdn/components/table-of-contents/table-of-contents.js +1 -1
- package/cdn/components/table-row/table-row-base.styles.js +1 -1
- package/cdn/components/table-row/table-row.d.ts +20 -0
- package/cdn/components/table-row/table-row.js +1 -1
- package/cdn/components/table-row/table-row.styles.js +1 -1
- package/cdn/components/tag/tag.js +1 -1
- package/cdn/components/tooltip/tooltip.js +1 -1
- package/cdn/components/tree/tree.d.ts +4 -0
- package/cdn/components/tree/tree.js +1 -1
- package/cdn/components/tree-item/tree-item.js +1 -1
- package/cdn/custom-elements.json +936 -43
- package/cdn/design-system.js +1 -1
- package/cdn/events/dsa-table-row-reordered.d.ts +14 -0
- package/cdn/events/dsa-table-row-reordered.js +1 -0
- package/cdn/events/events.d.ts +1 -0
- package/cdn/internal/components/form-selectable-card/form-selectable-card.js +3 -2
- package/cdn/internal/components/form-selectable-card/form-selectable-card.styles.js +4 -4
- package/cdn/internal/components/form-toggle-button/form-toggle-button.js +3 -2
- package/cdn/internal/components/form-toggle-button/form-toggle-button.styles.js +2 -2
- package/cdn/translations/en-gb.js +1 -1
- package/cdn/translations/en.js +1 -1
- package/cdn/translations/fr.js +1 -1
- package/cdn/utilities/helpers.d.ts +2 -0
- package/cdn/utilities/helpers.js +1 -1
- package/cdn/utilities/localize.d.ts +2 -0
- package/cdn/utilities/localize.js +1 -1
- package/cdn/utilities/storybook.js +1 -1
- package/cdn/vscode.html-custom-data.json +42 -2
- package/cdn/web-types.json +452 -4
- package/dist/chunks/{chunk.TNZEC73D.js → chunk.2AMILV3O.js} +1 -1
- package/dist/chunks/{chunk.TZZRAR42.js → chunk.2GJ46J7Q.js} +1 -1
- package/dist/chunks/{chunk.C6UENJ2Y.js → chunk.2WW7OJZT.js} +1 -1
- package/dist/chunks/{chunk.PFQ6NGY7.js → chunk.33P7XYHC.js} +1 -1
- package/dist/chunks/{chunk.WHHYA5VY.js → chunk.34HS7ICN.js} +4 -0
- package/dist/chunks/{chunk.SLXERY4H.js → chunk.4535HZ7L.js} +8 -4
- package/dist/chunks/{chunk.MGW4E3VW.js → chunk.47AQXN3U.js} +2 -2
- package/dist/chunks/{chunk.EXHYWKQB.js → chunk.4E2FKC3C.js} +1 -1
- package/dist/chunks/{chunk.MPV4OPIK.js → chunk.4K6WZ7K7.js} +9 -3
- package/dist/chunks/{chunk.D6D5UTHQ.js → chunk.4NY2E4AU.js} +9 -5
- package/dist/chunks/{chunk.X6SEIMM4.js → chunk.4VSGAJJL.js} +2 -2
- package/dist/chunks/{chunk.TF4MJ3XV.js → chunk.5R7OHVIP.js} +3 -3
- package/dist/chunks/{chunk.NMU6DWUH.js → chunk.5SH25FOL.js} +27 -6
- package/dist/chunks/{chunk.EXGB2DIR.js → chunk.5TBGCNJD.js} +46 -25
- package/dist/chunks/{chunk.TRVKPMDO.js → chunk.6BCJJGLC.js} +1 -1
- package/dist/chunks/{chunk.RKKRGVJW.js → chunk.6RXEQKWZ.js} +13 -3
- package/dist/chunks/{chunk.P2KNRWE5.js → chunk.72FKNFBS.js} +1 -1
- package/dist/chunks/{chunk.FF67XKLP.js → chunk.75USPA7U.js} +26 -18
- package/dist/chunks/{chunk.V5GAH4HU.js → chunk.7BBNETYY.js} +3 -3
- package/dist/chunks/{chunk.AFSUKPIV.js → chunk.7MY3WW7C.js} +5 -3
- package/dist/chunks/{chunk.EHGHV3EE.js → chunk.B3QEXOQE.js} +2 -1
- package/dist/chunks/{chunk.ANOLAL4B.js → chunk.BUGXYS34.js} +1 -1
- package/dist/chunks/chunk.D5YUY5BG.js +608 -0
- package/dist/chunks/{chunk.5A6XLOZY.js → chunk.DN3K2GHZ.js} +1 -1
- package/dist/chunks/{chunk.6TDKZD7U.js → chunk.E6D32GY2.js} +14 -2
- package/dist/chunks/{chunk.TP5XEQ2O.js → chunk.ELOLGOFM.js} +1 -1
- package/dist/chunks/{chunk.M5X6QE4H.js → chunk.ERMNNF77.js} +1 -1
- package/dist/chunks/{chunk.5T4IWZR2.js → chunk.FBY2IM6R.js} +1 -1
- package/dist/chunks/{chunk.N2SYQR7M.js → chunk.FLI47BNN.js} +1 -1
- package/dist/chunks/{chunk.3WHBR6ML.js → chunk.FLRNIL37.js} +1 -1
- package/dist/chunks/chunk.FOZRSNGL.js +111 -0
- package/dist/chunks/{chunk.OAJEHJJO.js → chunk.FZFK3D6L.js} +1 -1
- package/dist/chunks/{chunk.CABJDFOO.js → chunk.GMHRN23H.js} +6 -6
- package/dist/chunks/{chunk.ZBTNV3E7.js → chunk.GSSDOCVR.js} +42 -14
- package/dist/chunks/{chunk.LQAWGV5K.js → chunk.GTO6NACR.js} +1 -1
- package/dist/chunks/{chunk.WRFA56CD.js → chunk.H26XMOUA.js} +1 -1
- package/dist/chunks/{chunk.3NOR7Y4Y.js → chunk.HKP752UH.js} +2 -1
- package/dist/chunks/{chunk.GBBK2LRH.js → chunk.HRZVG552.js} +2 -2
- package/dist/chunks/{chunk.PEWNJNAP.js → chunk.HYAC2WLH.js} +1 -1
- package/dist/chunks/{chunk.DT6Y5ZUB.js → chunk.IMZ2EJ3J.js} +2 -2
- package/dist/chunks/{chunk.RIMN7NRW.js → chunk.JATRBE3H.js} +7 -7
- package/dist/chunks/{chunk.XGZ4IJ57.js → chunk.JTPMSU67.js} +51 -33
- package/dist/chunks/{chunk.JUOYMIGK.js → chunk.KD27MP6C.js} +5 -2
- package/dist/chunks/{chunk.5NUD3TZO.js → chunk.KD5YM72X.js} +12 -4
- package/dist/chunks/{chunk.A6WS4GML.js → chunk.KPVDLRVV.js} +2 -2
- package/dist/chunks/{chunk.ZU3DGID3.js → chunk.KW762SFE.js} +3 -3
- package/dist/chunks/chunk.LH65ZIEN.js +412 -0
- package/dist/chunks/{chunk.7NJP4D2X.js → chunk.LLOSO7FC.js} +5 -5
- package/dist/chunks/{chunk.ZJEACN47.js → chunk.LT44CVRV.js} +1 -1
- package/dist/chunks/{chunk.6K3AZQXP.js → chunk.LYVWDO7O.js} +1 -1
- package/dist/chunks/{chunk.6JFNUOJL.js → chunk.M47KXEXM.js} +1 -1
- package/dist/chunks/{chunk.PGXKP7ME.js → chunk.PSWGNIVT.js} +18 -6
- package/dist/chunks/{chunk.FLRB45SF.js → chunk.PSYTLBRK.js} +12 -0
- package/dist/chunks/{chunk.2LWUWDHO.js → chunk.Q3SL7AWD.js} +3 -3
- package/dist/chunks/{chunk.AECIJYFZ.js → chunk.Q4BEX42U.js} +49 -33
- package/dist/chunks/{chunk.HPAWBSR5.js → chunk.Q7YCE4UA.js} +1 -1
- package/dist/chunks/{chunk.ABJLUGLR.js → chunk.QKUUHXNR.js} +65 -25
- package/dist/chunks/{chunk.T3CLPVPE.js → chunk.QUEYKUIS.js} +4 -4
- package/dist/chunks/{chunk.XJCHW2GZ.js → chunk.RG7MUNLM.js} +27 -17
- package/dist/chunks/{chunk.6NRREKDF.js → chunk.RK2WN36C.js} +1 -1
- package/dist/chunks/{chunk.ZZ67C4V2.js → chunk.RZRBWZ7K.js} +14 -5
- package/dist/chunks/{chunk.QZC7F7NX.js → chunk.SAKI57GG.js} +2 -2
- package/dist/chunks/{chunk.H7L4YNKB.js → chunk.SAQFLKP7.js} +40 -16
- package/dist/chunks/{chunk.UKH2D4DL.js → chunk.SGPAUD26.js} +32 -14
- package/dist/chunks/{chunk.7WQZIM7N.js → chunk.SGRSRDWP.js} +17 -9
- package/dist/chunks/{chunk.JFAQ5QOI.js → chunk.SP2SVH7K.js} +3 -3
- package/dist/chunks/{chunk.UNDVQ2N3.js → chunk.SXFVCR7O.js} +2 -2
- package/dist/chunks/{chunk.2O3KAV2X.js → chunk.T6OAGTAP.js} +2 -2
- package/dist/chunks/{chunk.BO3GUSFS.js → chunk.TCW77JY3.js} +1 -1
- package/dist/chunks/{chunk.IAJLX5AF.js → chunk.TPO64PVN.js} +11 -5
- package/dist/chunks/{chunk.ZQ56PQ6F.js → chunk.U4W57NV6.js} +6 -3
- package/dist/chunks/{chunk.DMSUKPJE.js → chunk.UESIZCBP.js} +1 -1
- package/dist/chunks/{chunk.LZOGVU7B.js → chunk.UQ7ZIOBO.js} +1 -1
- package/dist/chunks/{chunk.2K5QPKBA.js → chunk.V26NK6TM.js} +5 -4
- package/dist/chunks/{chunk.APWZSSG6.js → chunk.V2HQ7IVJ.js} +1 -1
- package/dist/chunks/{chunk.VHSA53PH.js → chunk.V3LWOWUB.js} +1 -1
- package/dist/chunks/{chunk.WDPZ4NSH.js → chunk.V4SDZV6L.js} +1 -1
- package/dist/chunks/{chunk.BHEY6E7D.js → chunk.VJMPU2K5.js} +24 -26
- package/dist/chunks/{chunk.HFTU6LUQ.js → chunk.VNGKMC5T.js} +1 -1
- package/dist/chunks/{chunk.WLP7MATK.js → chunk.VO73SGIU.js} +1 -1
- package/dist/chunks/{chunk.FQZVV2TO.js → chunk.VOKBXFKF.js} +8 -4
- package/dist/chunks/{chunk.2SQ6UBOQ.js → chunk.VPBDM3F2.js} +11 -4
- package/dist/chunks/{chunk.LZPAAWTZ.js → chunk.VPZ2H23V.js} +0 -20
- package/dist/chunks/{chunk.BSSSDSVK.js → chunk.VYX5ZSFI.js} +2 -2
- package/dist/chunks/{chunk.ACM36IFE.js → chunk.WAEFCPAX.js} +6 -6
- package/dist/chunks/{chunk.UHSLPBTG.js → chunk.WEPA3NJG.js} +1 -1
- package/dist/chunks/{chunk.JEWVIFAO.js → chunk.WJU4UHF5.js} +4 -1
- package/dist/chunks/{chunk.O3SPGNIU.js → chunk.WSQ2ZYD4.js} +9 -5
- package/dist/chunks/{chunk.4NZ25HB6.js → chunk.XAYOMJ4X.js} +27 -17
- package/dist/chunks/{chunk.SOF3BQCV.js → chunk.XMBQRPGX.js} +10 -6
- package/dist/chunks/{chunk.YC2VYNCD.js → chunk.XTVVSORU.js} +1 -1
- package/dist/chunks/{chunk.6RDA3XLH.js → chunk.YF2V46J3.js} +9 -10
- package/dist/chunks/{chunk.63ACYDSJ.js → chunk.YI6BUIUL.js} +3 -3
- package/dist/chunks/{chunk.FB4KLQQL.js → chunk.YYKAI7FO.js} +6 -12
- package/dist/chunks/{chunk.VKBTTWXW.js → chunk.ZFGRB56M.js} +94 -38
- package/dist/chunks/{chunk.MVDMKWDN.js → chunk.ZHPIA4F4.js} +3 -1
- package/dist/chunks/{chunk.HBYJN6RA.js → chunk.ZS3JNRJE.js} +2 -2
- package/dist/chunks/{chunk.ATUDHG2E.js → chunk.ZYGCOBUE.js} +1 -1
- package/dist/components/accordion/accordion.js +2 -2
- package/dist/components/accordion-group/accordion-group.js +4 -4
- package/dist/components/alert/alert.js +2 -2
- package/dist/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
- package/dist/components/button/button.js +3 -3
- package/dist/components/calendar/calendar.js +2 -2
- package/dist/components/card-nav-accordion/card-nav-accordion.js +2 -2
- package/dist/components/checkbox/checkbox.js +4 -3
- package/dist/components/checkbox/checkbox.styles.js +1 -1
- package/dist/components/checkbox-button/checkbox-button.js +4 -3
- package/dist/components/checkbox-card/checkbox-card.js +3 -2
- package/dist/components/checkbox-group/checkbox-group.js +1 -1
- package/dist/components/combobox/combobox.js +9 -9
- package/dist/components/combobox/combobox.styles.js +1 -1
- package/dist/components/copy-button/copy-button.js +3 -3
- package/dist/components/dialog/dialog.js +2 -2
- package/dist/components/drawer/drawer.js +2 -2
- package/dist/components/dropdown/dropdown.js +2 -2
- package/dist/components/error-message-panel/error-message-panel.js +2 -2
- package/dist/components/file-upload/file-upload.js +3 -3
- package/dist/components/filter-button/filter-button.js +2 -2
- package/dist/components/filter-counter/filter-counter.js +13 -13
- package/dist/components/filter-date/filter-date.js +8 -8
- package/dist/components/filter-range/filter-range.js +13 -13
- package/dist/components/filter-select/filter-select.js +16 -16
- package/dist/components/footer/footer.js +2 -2
- package/dist/components/format-bytes/format-bytes.js +2 -2
- package/dist/components/format-date/format-date.js +2 -2
- package/dist/components/format-number/format-number.js +2 -2
- package/dist/components/header/header.d.ts +1 -0
- package/dist/components/header/header.js +3 -2
- package/dist/components/header-external-link/header-external-link.js +2 -1
- package/dist/components/header-modern/header-modern.d.ts +1 -0
- package/dist/components/header-modern/header-modern.js +3 -2
- package/dist/components/header-search/header-search.js +6 -6
- package/dist/components/input/input.js +8 -8
- package/dist/components/input-amount/input-amount.js +2 -2
- package/dist/components/input-date/input-date.js +4 -4
- package/dist/components/input-mask/input-mask.js +2 -2
- package/dist/components/input-native/input-native.js +2 -2
- package/dist/components/input-phone/input-phone.js +9 -8
- package/dist/components/input-time/input-time.js +2 -2
- package/dist/components/menu-accordion/menu-accordion.js +3 -3
- package/dist/components/menu-item/menu-item.js +3 -3
- package/dist/components/menu-navigation/menu-navigation.js +4 -4
- package/dist/components/navbar-link/navbar-link.js +4 -4
- package/dist/components/navbar-menu/navbar-menu.js +2 -2
- package/dist/components/option/option.d.ts +2 -0
- package/dist/components/option/option.js +4 -3
- package/dist/components/option/option.styles.js +1 -1
- package/dist/components/pagination/pagination.js +9 -9
- package/dist/components/profile-button/profile-button.js +3 -3
- package/dist/components/progress-bar/progress-bar.js +2 -2
- package/dist/components/radio/radio.js +3 -2
- package/dist/components/radio/radio.styles.js +1 -1
- package/dist/components/radio-button/radio-button.js +4 -3
- package/dist/components/radio-card/radio-card.js +4 -3
- package/dist/components/radio-group/radio-group.js +2 -1
- package/dist/components/relative-time/relative-time.js +2 -2
- package/dist/components/search/search.js +3 -3
- package/dist/components/search/search.styles.js +1 -1
- package/dist/components/select/select.d.ts +3 -1
- package/dist/components/select/select.js +5 -5
- package/dist/components/select/select.styles.js +1 -1
- package/dist/components/sidenav/sidenav.d.ts +4 -1
- package/dist/components/sidenav/sidenav.js +4 -4
- package/dist/components/sidenav-info-accordion/sidenav-info-accordion.js +4 -4
- package/dist/components/skip-link-item/skip-link-item.js +2 -1
- package/dist/components/skip-links/skip-links.js +2 -2
- package/dist/components/spinner/spinner.js +2 -2
- package/dist/components/split-panel/split-panel.js +2 -2
- package/dist/components/step/step.js +4 -3
- package/dist/components/step/step.styles.js +1 -1
- package/dist/components/stepper/stepper.d.ts +4 -1
- package/dist/components/stepper/stepper.js +1 -1
- package/dist/components/switch/switch.js +3 -3
- package/dist/components/switch/switch.styles.js +1 -1
- package/dist/components/tab/tab.d.ts +3 -0
- package/dist/components/tab/tab.js +4 -3
- package/dist/components/tab/tab.styles.js +1 -1
- package/dist/components/tab-group/tab-group.d.ts +1 -0
- package/dist/components/tab-group/tab-group.js +4 -3
- package/dist/components/tab-group/tab-group.styles.js +1 -1
- package/dist/components/tab-panel/tab-panel.js +2 -1
- package/dist/components/table/table.d.ts +29 -0
- package/dist/components/table/table.js +2 -1
- package/dist/components/table-action/table-action.js +4 -4
- package/dist/components/table-body/table-body.js +3 -2
- package/dist/components/table-caption/table-caption.js +2 -2
- package/dist/components/table-container/table-container.js +3 -2
- package/dist/components/table-head/table-head.js +3 -2
- package/dist/components/table-header-row/table-header-row.d.ts +1 -0
- package/dist/components/table-header-row/table-header-row.js +10 -9
- package/dist/components/table-header-row/table-header-row.styles.js +2 -2
- package/dist/components/table-of-contents/table-of-contents.js +2 -2
- package/dist/components/table-row/table-row-base.styles.js +1 -1
- package/dist/components/table-row/table-row.d.ts +20 -0
- package/dist/components/table-row/table-row.js +8 -7
- package/dist/components/table-row/table-row.styles.js +2 -2
- package/dist/components/tag/tag.js +3 -3
- package/dist/components/tooltip/tooltip.js +2 -2
- package/dist/components/tree/tree.d.ts +4 -0
- package/dist/components/tree/tree.js +8 -7
- package/dist/components/tree-item/tree-item.js +7 -6
- package/dist/custom-elements.json +936 -43
- package/dist/design-system.js +98 -98
- package/dist/events/dsa-table-row-reordered.d.ts +14 -0
- package/dist/events/dsa-table-row-reordered.js +1 -0
- package/dist/events/events.d.ts +1 -0
- package/dist/internal/components/form-selectable-card/form-selectable-card.js +3 -2
- package/dist/internal/components/form-selectable-card/form-selectable-card.styles.js +4 -4
- package/dist/internal/components/form-toggle-button/form-toggle-button.js +3 -2
- package/dist/internal/components/form-toggle-button/form-toggle-button.styles.js +2 -2
- package/dist/translations/en-gb.js +1 -1
- package/dist/translations/en.js +1 -1
- package/dist/translations/fr.js +1 -1
- package/dist/utilities/helpers.d.ts +2 -0
- package/dist/utilities/helpers.js +7 -3
- package/dist/utilities/localize.d.ts +2 -0
- package/dist/utilities/localize.js +1 -1
- package/dist/utilities/storybook.js +2 -2
- package/dist/vscode.html-custom-data.json +42 -2
- package/dist/web-types.json +452 -4
- package/package.json +1 -1
- package/cdn/chunks/chunk.2PN56GC6.js +0 -1
- package/cdn/chunks/chunk.4RIUPE2O.js +0 -1
- package/cdn/chunks/chunk.63QVJAPP.js +0 -11
- package/cdn/chunks/chunk.67MZYN3N.js +0 -37
- package/cdn/chunks/chunk.6AGU5DOT.js +0 -1
- package/cdn/chunks/chunk.6GAHBGOF.js +0 -47
- package/cdn/chunks/chunk.A6JUKRCA.js +0 -38
- package/cdn/chunks/chunk.AEBG7WOW.js +0 -20
- package/cdn/chunks/chunk.AKVKEBPE.js +0 -13
- package/cdn/chunks/chunk.DYSLQ6GC.js +0 -68
- package/cdn/chunks/chunk.E6XLVREY.js +0 -11
- package/cdn/chunks/chunk.EHLI2NSG.js +0 -26
- package/cdn/chunks/chunk.FGDBYD7N.js +0 -41
- package/cdn/chunks/chunk.IJNUBDIJ.js +0 -1
- package/cdn/chunks/chunk.IYKXS5B3.js +0 -66
- package/cdn/chunks/chunk.JNOQLPCE.js +0 -8
- package/cdn/chunks/chunk.K6YUVAOE.js +0 -6
- package/cdn/chunks/chunk.N4VN25E6.js +0 -44
- package/cdn/chunks/chunk.PFU2C3OZ.js +0 -1
- package/cdn/chunks/chunk.QO3O2UNB.js +0 -68
- package/cdn/chunks/chunk.QVF2D4NC.js +0 -1
- package/cdn/chunks/chunk.SIT3GCR7.js +0 -173
- package/cdn/chunks/chunk.TFJB3OT3.js +0 -19
- package/cdn/chunks/chunk.UEYALIC7.js +0 -25
- package/cdn/chunks/chunk.W7AY6BP2.js +0 -130
- package/cdn/chunks/chunk.W7S553SV.js +0 -50
- package/cdn/chunks/chunk.WJLFKSRJ.js +0 -51
- package/cdn/chunks/chunk.X2G2BFIN.js +0 -1
- package/cdn/chunks/chunk.X4U7WI77.js +0 -28
- package/cdn/chunks/chunk.YUUDCDMZ.js +0 -1
- package/dist/chunks/chunk.DMQJ4GLL.js +0 -209
- package/dist/chunks/chunk.DYZHSPWO.js +0 -48
- package/dist/chunks/chunk.RFJJRWWT.js +0 -282
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import{a as E}from"./chunk.II4JQ433.js";import{a as x}from"./chunk.PIG773U2.js";import{a as C}from"./chunk.NJBAMERR.js";import{a as k}from"./chunk.SWEIVB73.js";import{a as p}from"./chunk.ELL45QD3.js";import{b,c as g,d as y,e as v}from"./chunk.FWTZS7LK.js";import{a as c}from"./chunk.B4KFHYLS.js";import{d as m}from"./chunk.ZBHHLRFH.js";import{a as d}from"./chunk.BWEPOOQP.js";import{a as u,b as i,c as n,d as h,f}from"./chunk.KBZ32KWP.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as l}from"./chunk.IZ2HVRME.js";var o=class extends f{constructor(){super(...arguments);this.formControlController=new b(this);this.hasSlotController=new p(this,"help-text","label");this.customValidityMessage="";this.hasCheckboxButtons=!1;this.hasCheckboxCards=!1;this.defaultValue=[];this.label="";this.helpText="";this.description="";this.name="option";this.value=[];this.form="";this.required=!1;this.disabled=!1;this.readonly=!1;this.horizontal=!1;this.error=!1;this.errorMessage="";this.hideLabel=!1}get validity(){let t=this.required&&this.value.length===0;return this.customValidityMessage!==""?v:t?y:g}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllCheckboxes(){return[...this.querySelectorAll("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card")]}handleCheckboxClick(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target.closest("dsa-checkbox, dsa-checkbox-button, dsa-checkbox-card");if(t.preventDefault(),t.stopPropagation(),!e||e.disabled||e.readonly||this.disabled||this.readonly)return;this.value.includes(e.value)?this.value=this.value.filter(s=>s!==e.value):this.value=[...this.value,e.value],this.getAllCheckboxes().forEach(s=>{s.checked=this.value.includes(s.value)}),this.emit("dsa-change"),this.emit("dsa-input")}handleKeyDown(t){if(t.target.tagName.toLowerCase()==="a")return;let e=t.target;if(t.key===" "){if(t.preventDefault(),this.disabled||this.readonly||e.disabled||e.readonly)return;e.checked=!e.checked;let a=this.getAllCheckboxes().filter(s=>s.checked);this.value=a.map(s=>s.value),this.emit("dsa-input"),this.emit("dsa-change")}t.key==="Enter"&&(this.disabled||this.readonly||e.disabled||e.readonly)&&t.preventDefault()}handleLabelClick(){this.focus()}handleSlotChange(){if(customElements.get("dsa-checkbox")||customElements.get("dsa-checkbox-button")||customElements.get("dsa-checkbox-card")){let t=this.getAllCheckboxes();t.forEach(e=>{e.checked=this.value.includes(e.value),e.parentDisabled=this.disabled,e.parentReadonly=this.readonly}),this.hasCheckboxButtons=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-button"),this.hasCheckboxCards=t.some(e=>e.tagName.toLowerCase()==="dsa-checkbox-card")}else customElements.whenDefined("dsa-checkbox").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-button").then(()=>this.handleSlotChange()),customElements.whenDefined("dsa-checkbox-card").then(()=>this.handleSlotChange())}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),setTimeout(()=>{this.focus()},0)}getDescriptionIds(){let t=[];return this.error&&(t=["error-text"]),t=[...t,"help-text","description"],t.join(" ")}handleValueChange(){this.getAllCheckboxes().forEach(t=>t.checked=this.value.includes(t.value)),this.formControlController.setValidity(this.validity.valid)}handleDisabledChange(){this.getAllCheckboxes().forEach(t=>t.parentDisabled=this.disabled)}handleReadonlyChange(){this.getAllCheckboxes().forEach(t=>t.parentReadonly=this.readonly)}checkValidity(){let t=this.required&&this.value.length===0,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){let e=this.getAllCheckboxes().filter(s=>!s.disabled&&!s.readonly),a=e.find(s=>s.checked)||e[0];a&&a.focus(t)}render(){let t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),a=this.label?!0:!!t,s=this.helpText?!0:!!e;return a||c("<dsa-checkbox-group> requires a label attribute or a label slot for accessibility"),this.error&&!this.errorMessage&&c("<dsa-checkbox-group> requires an error-message attribute for accessibility when the error attribute is set"),r`
|
|
2
|
-
<fieldset
|
|
3
|
-
part="form-control"
|
|
4
|
-
class=${m({"form-control":!0,"form-control--error":this.error,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":a,"form-control--has-help-text":s,"form-control--has-buttons":this.hasCheckboxButtons,"form-control--has-cards":this.hasCheckboxCards,"form-control--options-horizontal":!!this.horizontal})}
|
|
5
|
-
role="group"
|
|
6
|
-
aria-labelledby="label ${this.getDescriptionIds()}"
|
|
7
|
-
>
|
|
8
|
-
${this.hideLabel?r`<dsa-visually-hidden id="label"
|
|
9
|
-
><slot name="label">${this.label}</slot></dsa-visually-hidden
|
|
10
|
-
>`:r`
|
|
11
|
-
<span
|
|
12
|
-
part="form-control-label"
|
|
13
|
-
id="label"
|
|
14
|
-
class="form-control__label"
|
|
15
|
-
aria-hidden=${a?"false":"true"}
|
|
16
|
-
@click=${this.handleLabelClick}
|
|
17
|
-
>
|
|
18
|
-
${this.required?r`<span class="form-control__label-required">*</span>`:""}
|
|
19
|
-
<slot name="label">${this.label}</slot>
|
|
20
|
-
</span>
|
|
21
|
-
`}
|
|
22
|
-
|
|
23
|
-
<slot name="tooltip" class="form-control__tooltip"></slot>
|
|
24
|
-
|
|
25
|
-
<div
|
|
26
|
-
part="form-control-input"
|
|
27
|
-
class="form-control-input form-control__field"
|
|
28
|
-
>
|
|
29
|
-
<dsa-visually-hidden>
|
|
30
|
-
<label class="checkbox-group__validation">
|
|
31
|
-
<input
|
|
32
|
-
class="checkbox-group__validation-input"
|
|
33
|
-
type="text"
|
|
34
|
-
?required=${this.required}
|
|
35
|
-
tabindex="-1"
|
|
36
|
-
hidden
|
|
37
|
-
@invalid=${this.handleInvalid}
|
|
38
|
-
/>
|
|
39
|
-
</label>
|
|
40
|
-
</dsa-visually-hidden>
|
|
41
|
-
|
|
42
|
-
<div
|
|
43
|
-
role="list"
|
|
44
|
-
class="form-control__options"
|
|
45
|
-
@click=${this.handleCheckboxClick}
|
|
46
|
-
@keydown=${this.handleKeyDown}
|
|
47
|
-
>
|
|
48
|
-
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
49
|
-
</div>
|
|
50
|
-
</div>
|
|
51
|
-
<div
|
|
52
|
-
id="help-text"
|
|
53
|
-
class="form-control__help-text"
|
|
54
|
-
aria-hidden=${s?"false":"true"}
|
|
55
|
-
>
|
|
56
|
-
<slot name="help-text" part="form-control-help-text">
|
|
57
|
-
${this.helpText}
|
|
58
|
-
</slot>
|
|
59
|
-
</div>
|
|
60
|
-
|
|
61
|
-
${this.error?k(this.errorMessage):""}
|
|
62
|
-
${this.description?r`
|
|
63
|
-
<p id="description" class="form-control__description">
|
|
64
|
-
${this.description}
|
|
65
|
-
</p>
|
|
66
|
-
`:""}
|
|
67
|
-
</fieldset>
|
|
68
|
-
`}};o.styles=E,o.dependencies={"dsa-error-text":C,"dsa-visually-hidden":x},l([h("slot:not([name])")],o.prototype,"defaultSlot",2),l([h(".checkbox-group__validation-input")],o.prototype,"validationInput",2),l([n()],o.prototype,"hasCheckboxButtons",2),l([n()],o.prototype,"hasCheckboxCards",2),l([n()],o.prototype,"defaultValue",2),l([i()],o.prototype,"label",2),l([i({attribute:"help-text"})],o.prototype,"helpText",2),l([i({attribute:"description"})],o.prototype,"description",2),l([i()],o.prototype,"name",2),l([i({converter:{fromAttribute:t=>t.split(","),toAttribute:t=>typeof t=="string"?t:t.join(",")}})],o.prototype,"value",2),l([i({reflect:!0})],o.prototype,"form",2),l([i({type:Boolean,reflect:!0})],o.prototype,"required",2),l([i({type:Boolean,reflect:!0})],o.prototype,"disabled",2),l([i({type:Boolean,reflect:!0})],o.prototype,"readonly",2),l([i({type:Boolean})],o.prototype,"horizontal",2),l([i({type:Boolean})],o.prototype,"error",2),l([i({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],o.prototype,"errorMessage",2),l([i({type:Boolean,attribute:"hide-label"})],o.prototype,"hideLabel",2),l([d("value",{waitUntilFirstUpdate:!0})],o.prototype,"handleValueChange",1),l([d("disabled")],o.prototype,"handleDisabledChange",1),l([d("readonly")],o.prototype,"handleReadonlyChange",1),o=l([u("dsa-checkbox-group")],o);export{o as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as o}from"./chunk.FEXCFMDC.js";import{a}from"./chunk.QO3O2UNB.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.KBZ32KWP.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends o{constructor(){super(...arguments);this.type="checkbox"}connectedCallback(){super.connectedCallback();let s=this.parentElement;!this.hasAttribute("role")&&s instanceof a&&this.setAttribute("role","listitem")}handleClick(){this.readonly||this.disabled||this.parentDisabled||this.parentReadonly||(this.checked=!this.checked)}handleErrorChange(){this.error?this.button.setAttribute("aria-invalid","true"):this.button.removeAttribute("aria-invalid")}};e([i("error",{waitUntilFirstUpdate:!0})],t.prototype,"handleErrorChange",1),t=e([r("dsa-checkbox-button")],t);export{t as a};
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import{a as z}from"./chunk.QSJXNN7N.js";import{a as L}from"./chunk.2PN56GC6.js";import{a as x}from"./chunk.N4VN25E6.js";import{a as P}from"./chunk.VL5LPHV3.js";import{a as K}from"./chunk.CUYQOZPJ.js";import{a as V}from"./chunk.U4TME7DS.js";import{a as F}from"./chunk.NJBAMERR.js";import{a as A}from"./chunk.4HSGYXFW.js";import{a as T}from"./chunk.OTNGFYHL.js";import{b as k}from"./chunk.FWTZS7LK.js";import{a as b}from"./chunk.KLRPP4NQ.js";import{a as v,c as g}from"./chunk.HHVNQNCC.js";import{a as w,c as $}from"./chunk.TV2TMO2H.js";import{a as d}from"./chunk.NIRNX67K.js";import{c as D}from"./chunk.GM4KTNXL.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as y}from"./chunk.ZBHHLRFH.js";import{a as h}from"./chunk.BWEPOOQP.js";import{a as _,b as o,c as r,d as p}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as n}from"./chunk.IZ2HVRME.js";var f="dsa-option",s=class extends P{constructor(){super(...arguments);this.formControlController=new k(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new D(this);this.hasVisualFocus=!1;this.displayLabel="";this.selectedOptions=[];this.allOptions=[];this.filteredOptions=[];this.displayedOptionsCount=0;this.debounceTimerId=null;this.open=!1;this.value="";this.defaultValue="";this.hoist=!1;this.placement="bottom";this.clearable=!1;this.noSyncWidth=!1;this.items=void 0;this.multiple=!1;this.maxOptionsVisible=3;this.visibleListLength=void 0;this.debounceTimeout=300;this.fetchingState="idle";this.overrideDefaultFiltering=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1,this.allOptions=this.getAllOptions(),this.filteredOptions=[...this.allOptions],this.resetDisplayedOptionsCount()}handleBlur(){this.hasVisualFocus=!1,this.emit("dsa-blur")}handleFocus(){this.hasVisualFocus=!0,this.emit("dsa-focus")}handleComboboxMouseDown(e){let i=e.composedPath().some(l=>l instanceof Element&&l.tagName.toLowerCase()==="dsa-tag");this.readonly||this.disabled||i||(e.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.filterOptions(this.displayLabel),this.open?this.hide():this.show())}handleComboboxKeyDown(e){this.filterOptions(this.displayLabel),this.handleDefaultKeyDown(e)}handleClearMouseKeyDown(e){switch(e.stopPropagation(),e.key){case"Enter":case"Escape":this.clearSelection(),this.displayInput.focus({preventScroll:!0});break}}handleChange(){var e;this.displayLabel=this.displayInput.value,this.emit("dsa-change"),this.multiple||this.displayLabel!==((e=this.selectedOptions[0])==null?void 0:e.getTextLabel())&&this.clearSelectedOptions()}handleInput(){this.displayLabel=this.displayInput.value,this.show(),!this.multiple&&this.displayLabel===""&&this.clearSelection(),this.debounceTimerId!==null&&clearTimeout(this.debounceTimerId),this.debounceTimerId=setTimeout(()=>this.emit("dsa-input"),this.debounceTimeout)}handleClearClick(e){e.stopPropagation(),this.value!==""&&(this.displayInput.focus({preventScroll:!0}),this.clearSelection())}clearSelection(){this.clearSelectedOptions(),this.value="",this.syncOnSelection(),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")})}filterOptions(e){this.overrideDefaultFiltering?this.filteredOptions=this.allOptions:this.filteredOptions=this.allOptions.filter(t=>L(t.innerText).includes(L(e)))}resetDisplayedOptionsCount(){this.displayedOptionsCount=this.visibleListLength?Math.min(this.visibleListLength,this.filteredOptions.length):this.filteredOptions.length}toggleOptionSelection(e,t){e.selected=t||!e.selected,this.selectedOptions=this.allOptions.filter(i=>i.selected),this.syncOnSelection()}handleOptionClick(e){let i=e.target.closest(f);if(this.setCurrentOption(void 0),i!==this.seeMoreOption&&i!==null&&!i.disabled){let l=this.value;this.multiple?this.toggleOptionSelection(i):(this.setSelectedOptions(i),this.syncOnSelection(),this.filterOptions(this.displayLabel)),this.updateComplete.then(()=>{this.value!==l&&(this.emit("dsa-input"),this.emit("dsa-change"))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0)}}handleDefaultSlotChange(){if(customElements.get(f)){this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection()}else customElements.whenDefined(f).then(()=>this.handleDefaultSlotChange());this.resetDisplayedOptionsCount()}handleTagRemove(e,t){e.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(t),this.toggleOptionSelection(t,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(e){let t=this.selectedOptions.findIndex(l=>l===e),i=this.selectedOptions[t+1];i?i.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){if(this.items!==void 0)return this.items;let e=this.querySelectorAll(f),t=[];return e.forEach(i=>{let l=i.cloneNode(!0);l.multiple=this.multiple,l.id=l.value,t.push(l)}),t}clearSelectedOptions(){this.selectedOptions=[],this.allOptions.forEach(e=>{e.selected=!1})}setCurrentOption(e){this.allOptions.forEach(t=>{t.current=!1}),e!==void 0?(this.currentOption=e,e.current=!0,e.tabIndex=0,e.focus()):this.currentOption=void 0}setSelectedOptions(e){let t=Array.isArray(e)?e:[e];this.clearSelectedOptions(),t.forEach(i=>{i.selected=!0}),this.selectedOptions=this.allOptions.filter(i=>i.selected)}handleClearMouseDown(e){e.stopPropagation(),e.preventDefault()}syncOnSelection(){var e,t,i,l;this.multiple?this.value=this.selectedOptions.map(m=>m.value):(this.value=(t=(e=this.selectedOptions[0])==null?void 0:e.value)!=null?t:this.value,this.displayLabel=(l=(i=this.selectedOptions[0])==null?void 0:i.getTextLabel())!=null?l:""),this.updateComplete.then(()=>{this.formControlController.updateValidity(),this.filterOptions(this.displayLabel)})}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e)}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleDocumentFocusIn(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleDocumentMouseDown(e){let t=e.composedPath();this&&!t.includes(this)&&this.hide()}handleDefaultKeyDown(e){switch(e.key){case"Escape":case"Tab":this.handleEscapeAndTabKeys(e);break;case"Enter":e.stopPropagation(),this.handleEnterKey(e);break;case" ":this.handleSpaceKey(e);break;case"ArrowLeft":case"ArrowRight":e.stopPropagation(),this.handleArrowKeys();break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.stopPropagation(),this.handleNavigationKeys(e);break;default:e.stopPropagation(),this.focus();break}}handleEscapeAndTabKeys(e){if(this.open){e.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0}),this.hasVisualFocus=!0;return}e.key==="Escape"&&(this.multiple&&this.displayLabel!==""&&(e.stopPropagation(),this.displayLabel=""),!this.multiple&&this.selectedOptions.length>0&&(e.stopPropagation(),this.clearSelection()))}handleEnterKey(e){var l;let i=e.target.closest("dsa-tag")!==null;if((l=this.seeMoreOption)!=null&&l.current){this.handleSeeMoreClick();return}i||(e.preventDefault(),e.stopImmediatePropagation(),this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")})))}handleSpaceKey(e){this.open&&this.currentOption!==void 0&&!this.currentOption.disabled&&(e.preventDefault(),e.stopImmediatePropagation(),this.multiple?this.toggleOptionSelection(this.currentOption):(this.setSelectedOptions(this.currentOption),this.syncOnSelection(),this.hide(),this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0})),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}handleArrowKeys(){this.hasVisualFocus=!0,this.displayInput.focus({preventScroll:!0}),this.setCurrentOption(void 0)}handleNavigationKeys(e){var i,l;let t=this.currentOption!==void 0?this.filteredOptions.indexOf(this.currentOption):-1;switch(e.preventDefault(),this.open||this.show(),e.key){case"ArrowDown":if((i=this.seeMoreOption)!=null&&i.current)break;t<this.displayedOptionsCount-1?this.setCurrentOption(this.filteredOptions[t+1]):this.filteredOptions.length>this.displayedOptionsCount&&(this.seeMoreOption?this.setCurrentOption(this.seeMoreOption):this.setCurrentOption(void 0));break;case"ArrowUp":(l=this.seeMoreOption)!=null&&l.current?(this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption.current=!1):t===0?(this.setCurrentOption(void 0),this.focus()):t>0&&this.setCurrentOption(this.filteredOptions[t-1]);break;case"Home":this.setCurrentOption(this.filteredOptions[0]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break;case"End":this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount-1]),this.seeMoreOption&&(this.seeMoreOption.current=!1);break}this.hasVisualFocus=!1}handleSeeMoreClick(){var e;this.setCurrentOption(this.filteredOptions[this.displayedOptionsCount]),this.displayedOptionsCount=Math.min(this.displayedOptionsCount+((e=this.visibleListLength)!=null?e:0),this.filteredOptions.length),this.seeMoreOption&&(this.seeMoreOption.current=!1)}getDescriptionIds(){let e=[];if(this.multiple&&this.maxOptionsVisible>0){let t=this.selectedOptions.slice(0,this.maxOptionsVisible).map(i=>`tag-${i.value}`).join(" ");e=[...e,t]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(e=[...e,"tag-remaining"]),this.error&&(e=[...e,"error-text"]),e=[...e,"help-text","description"],e.join(" ")}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleItemsChange(){var t;(t=this.items)==null||t.forEach(i=>{i.id=i.id&&i.id!==""?i.id:i.value,i.multiple=this.multiple}),this.allOptions=this.getAllOptions(),this.filterOptions(this.displayLabel);let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(i=>e.includes(i.value))),!this.multiple&&this.selectedOptions.length>0&&this.syncOnSelection(),this.resetDisplayedOptionsCount()}handleValueChange(){let e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(this.allOptions.filter(t=>e.includes(t.value))),this.multiple||this.syncOnSelection()}async handleOpenChange(){var e,t;if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,this.displayInput.focus({preventScroll:!0}),requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:i,options:l}=$(this,"select.show",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),this.multiple||(this.displayLabel=(t=(e=this.selectedOptions[0])==null?void 0:e.getTextLabel())!=null?t:""),await g(this);let{keyframes:i,options:l}=$(this,"select.hide",{dir:this.localize.dir()});await v(this.popup.popup,i,l),this.listbox.hidden=!0,this.popup.active=!1,this.emit("dsa-after-hide")}}handleDisplayLabelChange(){this.filterOptions(this.displayLabel),this.resetDisplayedOptionsCount()}handleMultipleChange(){this.allOptions.forEach(e=>{e.multiple=this.multiple})}async show(){if(!(this.open||this.disabled||this.readonly||this.allOptions.length===0&&this.fetchingState==="idle"))return this.open=!0,await b(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,this.currentOption=void 0,await b(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(e){this.valueInput.setCustomValidity(e),this.formControlController.updateValidity()}focus(e){this.hasVisualFocus=!0,this.displayInput.focus(e)}blur(){this.hasVisualFocus=!1,this.displayInput.blur()}renderInput(){var S,E,I,C;let e=this.value.length>0,t=this.hasSlotController.test("label"),i=this.label?!0:!!t,l=this.clearable&&!this.disabled&&!this.readonly&&e,m=this.placeholder&&this.value.length===0,N=this.value?e?this.value.length:1:void 0,H=this.disabled||this.readonly,R=this.filteredOptions.slice(0,this.displayedOptionsCount);return a`
|
|
2
|
-
<dsa-popup
|
|
3
|
-
class=${y({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasVisualFocus,"select--placeholder-visible":m,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
|
|
4
|
-
part="popup"
|
|
5
|
-
placement=${this.placement}
|
|
6
|
-
strategy=${this.hoist?"fixed":"absolute"}
|
|
7
|
-
flip
|
|
8
|
-
shift
|
|
9
|
-
sync=${this.noSyncWidth?void 0:"width"}
|
|
10
|
-
auto-size="vertical"
|
|
11
|
-
auto-size-padding="10"
|
|
12
|
-
>
|
|
13
|
-
<div
|
|
14
|
-
part="combobox"
|
|
15
|
-
class="select__combobox"
|
|
16
|
-
slot="anchor"
|
|
17
|
-
@click=${this.handleComboboxMouseDown}
|
|
18
|
-
@keydown=${this.handleComboboxKeyDown}
|
|
19
|
-
>
|
|
20
|
-
<slot part="prefix" name="prefix" class="select__prefix"></slot>
|
|
21
|
-
<div
|
|
22
|
-
class=${y({"input-container":!0})}
|
|
23
|
-
>
|
|
24
|
-
<input
|
|
25
|
-
id="input"
|
|
26
|
-
part="display-input"
|
|
27
|
-
class="select__display-input"
|
|
28
|
-
type="text"
|
|
29
|
-
.value=${this.displayLabel}
|
|
30
|
-
placeholder=${d(this.placeholder)}
|
|
31
|
-
.disabled=${this.disabled}
|
|
32
|
-
size=${N}
|
|
33
|
-
autocomplete="off"
|
|
34
|
-
spellcheck="false"
|
|
35
|
-
autocapitalize="off"
|
|
36
|
-
?readonly=${this.readonly}
|
|
37
|
-
title=${d((S=this.accessibleName)!=null?S:this.title)}
|
|
38
|
-
aria-controls="listbox"
|
|
39
|
-
aria-autocomplete="list"
|
|
40
|
-
aria-expanded=${this.open?"true":"false"}
|
|
41
|
-
aria-haspopup="listbox"
|
|
42
|
-
aria-labelledby=${d(i?"label":void 0)}
|
|
43
|
-
aria-label=${d(i?void 0:(E=this.accessibleName)!=null?E:this.title)}
|
|
44
|
-
aria-disabled=${c(this.readonly?"true":void 0)}
|
|
45
|
-
aria-describedby=${this.getDescriptionIds()}
|
|
46
|
-
aria-activedescendant=${(C=(I=this.currentOption)==null?void 0:I.id)!=null?C:""}
|
|
47
|
-
aria-invalid=${c(this.error?"true":void 0)}
|
|
48
|
-
aria-required=${c(this.required?"true":void 0)}
|
|
49
|
-
role="combobox"
|
|
50
|
-
@change=${this.handleChange}
|
|
51
|
-
@input=${this.handleInput}
|
|
52
|
-
@focus=${this.handleFocus}
|
|
53
|
-
@blur=${this.handleBlur}
|
|
54
|
-
@invalid=${this.handleInvalid}
|
|
55
|
-
/>
|
|
56
|
-
|
|
57
|
-
${this.multiple&&this.value.length>0?a`
|
|
58
|
-
<div part="tags" class="select__tags">
|
|
59
|
-
${this.selectedOptions.map((u,O)=>O<this.maxOptionsVisible||this.maxOptionsVisible<=0?a`
|
|
60
|
-
<dsa-tag
|
|
61
|
-
part="tag"
|
|
62
|
-
exportparts="
|
|
63
|
-
base:tag__base,
|
|
64
|
-
content:tag__content,
|
|
65
|
-
remove-button:tag__remove-button,
|
|
66
|
-
remove-button__base:tag__remove-button__base
|
|
67
|
-
"
|
|
68
|
-
size=${this.size}
|
|
69
|
-
removable
|
|
70
|
-
?disable-removable-focus=${this.disabled||this.readonly}
|
|
71
|
-
@dsa-remove=${U=>this.handleTagRemove(U,u)}
|
|
72
|
-
label=${u.getTextLabel()}
|
|
73
|
-
>
|
|
74
|
-
</dsa-tag>
|
|
75
|
-
<span
|
|
76
|
-
id=${`tag-${u.value}`}
|
|
77
|
-
class="hidden-tag-label"
|
|
78
|
-
>${u.getTextLabel()},</span
|
|
79
|
-
>
|
|
80
|
-
`:O===this.maxOptionsVisible?a`
|
|
81
|
-
<dsa-tag
|
|
82
|
-
id="tag-remaining"
|
|
83
|
-
size=${this.size}
|
|
84
|
-
label="+${this.selectedOptions.length-O}"
|
|
85
|
-
>
|
|
86
|
-
</dsa-tag>
|
|
87
|
-
`:null)}
|
|
88
|
-
</div>
|
|
89
|
-
`:""}
|
|
90
|
-
</div>
|
|
91
|
-
|
|
92
|
-
<input
|
|
93
|
-
class="select__value-input"
|
|
94
|
-
type="text"
|
|
95
|
-
?disabled=${H}
|
|
96
|
-
?required=${this.required}
|
|
97
|
-
.value=${this.value}
|
|
98
|
-
tabindex="-1"
|
|
99
|
-
aria-hidden="true"
|
|
100
|
-
@focus=${()=>this.focus()}
|
|
101
|
-
@invalid=${this.handleInvalid}
|
|
102
|
-
/>
|
|
103
|
-
|
|
104
|
-
${l?a`
|
|
105
|
-
<button
|
|
106
|
-
part="clear-button"
|
|
107
|
-
class="select__clear"
|
|
108
|
-
type="button"
|
|
109
|
-
aria-label=${this.localize.term("clearEntry")}
|
|
110
|
-
@mousedown=${this.handleClearMouseDown}
|
|
111
|
-
@keydown=${this.handleClearMouseKeyDown}
|
|
112
|
-
@click=${this.handleClearClick}
|
|
113
|
-
>
|
|
114
|
-
<dsa-icon name="close" library="system"></dsa-icon>
|
|
115
|
-
</button>
|
|
116
|
-
`:""}
|
|
117
|
-
${this.allOptions.length>0||this.fetchingState!=="idle"?a`
|
|
118
|
-
<dsa-icon
|
|
119
|
-
class="select__expand-icon"
|
|
120
|
-
name="expand_more"
|
|
121
|
-
library="system"
|
|
122
|
-
></dsa-icon>
|
|
123
|
-
`:""}
|
|
124
|
-
</div>
|
|
125
|
-
<ul
|
|
126
|
-
id="listbox"
|
|
127
|
-
role="listbox"
|
|
128
|
-
aria-expanded=${this.open?"true":"false"}
|
|
129
|
-
aria-multiselectable="false"
|
|
130
|
-
aria-labelledby="label"
|
|
131
|
-
part="listbox"
|
|
132
|
-
class="select__panel"
|
|
133
|
-
tabindex="-1"
|
|
134
|
-
@keydown=${this.handleDefaultKeyDown}
|
|
135
|
-
@mouseup=${this.handleOptionClick}
|
|
136
|
-
>
|
|
137
|
-
${this.fetchingState==="loading"?a`
|
|
138
|
-
<div class="select__loading_text">
|
|
139
|
-
<dsa-spinner></dsa-spinner>
|
|
140
|
-
<p>${this.localize.term("optionsLoading")}</p>
|
|
141
|
-
</div>
|
|
142
|
-
`:a``}
|
|
143
|
-
${this.fetchingState==="error"?a`
|
|
144
|
-
<div class="select__loading_text">
|
|
145
|
-
<p>${this.localize.term("optionsError")}</p>
|
|
146
|
-
</div>
|
|
147
|
-
`:a``}
|
|
148
|
-
${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length>0?R:a``}
|
|
149
|
-
${this.visibleListLength&&this.visibleListLength>0&&this.filteredOptions.length>this.displayedOptionsCount?a`
|
|
150
|
-
<dsa-option
|
|
151
|
-
class="select__panel-see-more-option"
|
|
152
|
-
id="dsa-seemore-option"
|
|
153
|
-
@click=${this.handleSeeMoreClick}
|
|
154
|
-
><span class="see-more-option-text"
|
|
155
|
-
>${this.localize.term("seeMore")}</span
|
|
156
|
-
></dsa-option
|
|
157
|
-
>
|
|
158
|
-
`:""}
|
|
159
|
-
${["idle","success"].includes(this.fetchingState)&&this.filteredOptions.length===0?a`
|
|
160
|
-
<div class="select__empty_text">
|
|
161
|
-
<p>${this.localize.term("noMatchFound")}</p>
|
|
162
|
-
</div>
|
|
163
|
-
`:a``}
|
|
164
|
-
</ul>
|
|
165
|
-
|
|
166
|
-
<slot
|
|
167
|
-
class="slot_options"
|
|
168
|
-
tabindex="-1"
|
|
169
|
-
@slotchange=${this.handleDefaultSlotChange}
|
|
170
|
-
>
|
|
171
|
-
</slot>
|
|
172
|
-
</dsa-popup>
|
|
173
|
-
`}};s.styles=A,s.dependencies={"dsa-icon":M,"dsa-popup":K,"dsa-tag":z,"dsa-error-text":F,"dsa-spinner":T,"dsa-option":x},n([p(".select")],s.prototype,"popup",2),n([p(".select__combobox")],s.prototype,"combobox",2),n([p(".select__display-input")],s.prototype,"displayInput",2),n([p(".select__value-input")],s.prototype,"valueInput",2),n([p(".select__panel")],s.prototype,"listbox",2),n([p(".select__panel-see-more-option")],s.prototype,"seeMoreOption",2),n([r()],s.prototype,"hasVisualFocus",2),n([r()],s.prototype,"displayLabel",2),n([r()],s.prototype,"currentOption",2),n([r()],s.prototype,"selectedOptions",2),n([r()],s.prototype,"allOptions",2),n([r()],s.prototype,"filteredOptions",2),n([r()],s.prototype,"displayedOptionsCount",2),n([r()],s.prototype,"debounceTimerId",2),n([o({type:Boolean,reflect:!0})],s.prototype,"open",2),n([o({converter:{fromAttribute:e=>e.split(" "),toAttribute:e=>typeof e=="string"?e:e.join(" ")}})],s.prototype,"value",2),n([V()],s.prototype,"defaultValue",2),n([o({type:Boolean})],s.prototype,"hoist",2),n([o({reflect:!0})],s.prototype,"placement",2),n([o({type:Boolean})],s.prototype,"clearable",2),n([o({attribute:"no-sync-width",type:Boolean})],s.prototype,"noSyncWidth",2),n([o({type:Array,attribute:!1})],s.prototype,"items",2),n([o({type:Boolean})],s.prototype,"multiple",2),n([o({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),n([o({attribute:"visible-list-length",type:Number||void 0})],s.prototype,"visibleListLength",2),n([o({type:Number,attribute:"debounce-timeout"})],s.prototype,"debounceTimeout",2),n([o({attribute:"fetching-state"})],s.prototype,"fetchingState",2),n([o({type:Boolean,attribute:"override-default-filtering"})],s.prototype,"overrideDefaultFiltering",2),n([h("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),n([h("readonly",{waitUntilFirstUpdate:!0})],s.prototype,"handleReadonlyChange",1),n([h("items")],s.prototype,"handleItemsChange",1),n([h("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),n([h("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),n([h("displayLabel")],s.prototype,"handleDisplayLabelChange",1),n([h("multiple")],s.prototype,"handleMultipleChange",1),s=n([_("dsa-combobox")],s);w("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});w("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import{a as l}from"./chunk.ODH67RGS.js";import{a as r,f as o}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.UMC4I57R.js";import{a as s}from"./chunk.6G2FNLAV.js";import{a as i}from"./chunk.GP725TPQ.js";import{f as t}from"./chunk.IZ2HVRME.js";var d=s`
|
|
2
|
-
${a}
|
|
3
|
-
|
|
4
|
-
:host {
|
|
5
|
-
display: inline-flex;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
dsa-divider {
|
|
9
|
-
--spacing-start: var(--dsa-spacing-24);
|
|
10
|
-
--spacing-end: var(--dsa-spacing-24);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
:host(:last-of-type) dsa-divider {
|
|
14
|
-
display: none;
|
|
15
|
-
}
|
|
16
|
-
`;var e=class extends o{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){return i`
|
|
17
|
-
<slot></slot>
|
|
18
|
-
<dsa-divider vertical></dsa-divider>
|
|
19
|
-
`}};e.styles=d,e.dependencies={"dsa-divider":l},e=t([r("dsa-header-external-link")],e);export{e as a};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{a as p}from"./chunk.V3N4CMN7.js";import{a as b}from"./chunk.63UE4VAO.js";import{c as u}from"./chunk.GM4KTNXL.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as r}from"./chunk.ZBHHLRFH.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as n,b as s,d as o,f as d}from"./chunk.KBZ32KWP.js";import{a}from"./chunk.GP725TPQ.js";import{f as e}from"./chunk.IZ2HVRME.js";var m=0,t=class extends d{constructor(){super(...arguments);this.localize=new u(this);this.attrId=++m;this.componentId=`dsa-tab-${this.attrId}`;this.panel="";this.active=!1;this.closable=!1;this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}firstUpdated(){let l=this.closeButton;l!==null&&l.updateComplete.then(()=>{l.button.setAttribute("tabindex",this.active?"0":"-1")})}handleCloseClick(l){l.stopPropagation(),this.emit("dsa-close")}handleActiveChange(){var l;this.setAttribute("aria-selected",this.active?"true":"false"),(l=this.closeButton)==null||l.button.setAttribute("tabindex",this.active?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.tabIndex=this.disabled?-1:0}render(){var l;return this.id=this.id.length>0?this.id:this.componentId,a`
|
|
2
|
-
<div
|
|
3
|
-
part="base"
|
|
4
|
-
class=${r({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}
|
|
5
|
-
tabindex=${c(this.disabled?"-1":null)}
|
|
6
|
-
>
|
|
7
|
-
<div class="tab__content">
|
|
8
|
-
<slot part="label"></slot>
|
|
9
|
-
<div class="tab__width-placeholder">
|
|
10
|
-
${(l=this.defaultSlot)==null?void 0:l.assignedNodes().map(h=>h.cloneNode(!0))}
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
13
|
-
${this.closable?a`
|
|
14
|
-
<dsa-icon-button
|
|
15
|
-
part="close-button"
|
|
16
|
-
exportparts="base:close-button__base"
|
|
17
|
-
name="close"
|
|
18
|
-
label=${this.closeButtonLabel&&this.closeButtonLabel!==""?this.closeButtonLabel:this.localize.term("close")}
|
|
19
|
-
class="tab__close-button"
|
|
20
|
-
@click=${this.handleCloseClick}
|
|
21
|
-
library="system"
|
|
22
|
-
></dsa-icon-button>
|
|
23
|
-
`:""}
|
|
24
|
-
</div>
|
|
25
|
-
`}};t.styles=p,t.dependencies={"dsa-icon-button":b},e([o(".tab")],t.prototype,"tab",2),e([o("[part~=close-button]")],t.prototype,"closeButton",2),e([o("slot:not([name])")],t.prototype,"defaultSlot",2),e([s({reflect:!0})],t.prototype,"panel",2),e([s({type:Boolean,reflect:!0})],t.prototype,"active",2),e([s({type:Boolean})],t.prototype,"closable",2),e([s({attribute:"close-button-label"})],t.prototype,"closeButtonLabel",2),e([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i("active")],t.prototype,"handleActiveChange",1),e([i("disabled")],t.prototype,"handleDisabledChange",1),t=e([n("dsa-tab")],t);export{t as a};
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import{a as P}from"./chunk.UAGWSEWC.js";import{c as S}from"./chunk.3RLUYXJN.js";import{a as B}from"./chunk.QSJXNN7N.js";import{a as x}from"./chunk.VL5LPHV3.js";import{a as z}from"./chunk.CUYQOZPJ.js";import{a as A}from"./chunk.U4TME7DS.js";import{b as V}from"./chunk.FWTZS7LK.js";import{a as v}from"./chunk.KLRPP4NQ.js";import{a as b,c as g}from"./chunk.HHVNQNCC.js";import{a as O,c as C}from"./chunk.TV2TMO2H.js";import{a as w}from"./chunk.NIRNX67K.js";import{c as F}from"./chunk.GM4KTNXL.js";import{c as M}from"./chunk.KD3BHBHK.js";import{a as c}from"./chunk.2RF4WD6T.js";import{d as L}from"./chunk.ZBHHLRFH.js";import{a as m}from"./chunk.BWEPOOQP.js";import{a as D,b as n,c as u,d}from"./chunk.KBZ32KWP.js";import{a as h}from"./chunk.GP725TPQ.js";import{a as T,b as k,f as a}from"./chunk.IZ2HVRME.js";var i=class extends x{constructor(){super(...arguments);this.formControlController=new V(this,{assumeInteractionOn:["dsa-blur","dsa-input"]});this.localize=new F(this);this.typeToSelectString="";this.hasFocus=!1;this.displayLabel="";this.selectedOptions=[];this.value="";this.defaultValue=[""];this.multiple=!1;this.variant="base";this.maxOptionsVisible=3;this.clearable=!1;this.open=!1;this.hoist=!1;this.placement="bottom";this.displayValue=!1;this.noSyncWidth=!1}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.open=!1}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("dsa-focus")}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleKeyDown(t){let e=t.target,s=e.closest(".select__clear")!==null,o=e.closest("dsa-tag")!==null;if(!(s||o)){if(this.open&&(t.key==="Tab"||t.key==="Escape")&&(t.key==="Escape"&&t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){if(t.preventDefault(),t.stopImmediatePropagation(),!this.open){this.show();return}this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})));return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){let l=this.getAllOptions(),r=this.currentOption?l.indexOf(this.currentOption):-1,p=Math.max(0,r);if(t.preventDefault(),!this.open&&(this.show(),this.currentOption))return;t.key==="ArrowDown"&&r<l.length-1?p=r+1:t.key==="ArrowUp"&&r>0?p=r-1:t.key==="Home"?p=0:t.key==="End"&&(p=l.length-1),this.setCurrentOption(l[p])}if(t.key.length===1||t.key==="Backspace"){let l=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey)return;if(!this.open){if(t.key==="Backspace")return;this.show()}t.stopPropagation(),t.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout(()=>this.typeToSelectString="",1e3),t.key==="Backspace"?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=t.key.toLowerCase();for(let r of l)if(r.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(r);break}}}}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hide()}handleComboboxMouseDown(t){let s=t.composedPath().some(o=>o instanceof Element&&o.tagName.toLowerCase()==="dsa-icon-button");this.readonly||this.disabled||s||(t.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleClearClick(t){t.stopPropagation(),this.value!==""&&(this.setSelectedOptions([]),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("dsa-clear"),this.emit("dsa-input"),this.emit("dsa-change")}))}handleClearMouseDown(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let s=t.target.closest("dsa-option"),o=this.value;s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})),this.value!==o&&this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}handleDefaultSlotChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value],s=[];customElements.get("dsa-option")?(t.forEach(o=>{o.multiple=this.multiple,s.push(o.value)}),this.setSelectedOptions(t.filter(o=>o.value!==""&&e.includes(o.value)))):customElements.whenDefined("dsa-option").then(()=>this.handleDefaultSlotChange())}handleTagRemove(t,e){t.stopPropagation(),!this.disabled&&!this.readonly&&(this.focusNextTagOrInput(e),this.toggleOptionSelection(e,!1),this.updateComplete.then(()=>{this.emit("dsa-input"),this.emit("dsa-change")}))}focusNextTagOrInput(t){let e=this.selectedOptions.findIndex(o=>o===t),s=this.selectedOptions[e+1];s?s.focus():this.displayInput.focus({preventScroll:!0})}getAllOptions(){return[...this.querySelectorAll("dsa-option")]}setCurrentOption(t){this.getAllOptions().forEach(s=>{s.current=!1,s.tabIndex=-1}),t?(this.currentOption=t,t.current=!0,t.tabIndex=0,t.focus()):this.currentOption=void 0}setSelectedOptions(t){let e=this.getAllOptions(),s=Array.isArray(t)?t:[t];e.forEach(o=>o.selected=!1),s.length&&s.forEach(o=>o.selected=!0),this.selectionChanged()}toggleOptionSelection(t,e){e===!0||e===!1?t.selected=e:t.selected=!t.selected,this.selectionChanged()}selectionChanged(){var t,e,s,o;this.selectedOptions=this.getAllOptions().filter(l=>l.selected),this.multiple?(this.value=this.selectedOptions.map(l=>l.value),this.displayLabel=""):(this.value=(e=(t=this.selectedOptions[0])==null?void 0:t.value)!=null?e:"",this.displayLabel=(o=(s=this.selectedOptions[0])==null?void 0:s.getTextLabel())!=null?o:""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleReadonlyChange(){this.readonly&&(this.open=!1,this.handleOpenChange())}handleValueChange(){let t=this.getAllOptions(),e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter(s=>s.value!==""&&e.includes(s.value)))}async handleOpenChange(){if(this.open&&!this.disabled&&!this.readonly){this.emit("dsa-show"),this.addOpenListeners(),await g(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame(()=>{this.setCurrentOption(this.currentOption)});let{keyframes:t,options:e}=C(this,"select.show",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.currentOption&&S(this.currentOption,this.listbox,"vertical","auto"),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await g(this);let{keyframes:t,options:e}=C(this,"select.hide",{dir:this.localize.dir()});await b(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.setCurrentOption(void 0),this.emit("dsa-after-hide")}}async show(){if(this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!0,await v(this,"dsa-after-show")}async hide(){if(!this.open||this.disabled||this.readonly){this.open=!1;return}return this.open=!1,await v(this,"dsa-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}getDescriptionIds(){let t=[];if(this.multiple&&this.maxOptionsVisible>0){let e=this.selectedOptions.slice(0,this.maxOptionsVisible).map(s=>`tag-${s.value}`).join(" ");t=[...t,e]}return this.multiple&&this.selectedOptions.length>this.maxOptionsVisible&&(t=[...t,"tag-remaining"]),this.error&&(t=[...t,"error-text"]),t=[...t,"help-text","description"],t.join(" ")}renderInput(){var $,I,E,_;let t=this.value.length>0,e=this.hasSlotController.test("label"),s=this.label?!0:!!e,o=this.clearable&&!this.disabled&&!this.readonly&&t,l=this.placeholder&&this.value.length===0,r=this.displayValue?t?this.value.length:1:void 0,p=this.disabled||this.readonly;return h`
|
|
2
|
-
<dsa-popup
|
|
3
|
-
class=${L({select:!0,"select--error":this.error,"select--open":this.open,"select--disabled":this.disabled,"select--readonly":this.readonly,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":l,"select--top":["top","top-start","top-end"].includes(this.placement),"select--bottom":["bottom","bottom-start","bottom-end"].includes(this.placement),"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--on-base":this.variant==="base","select--on-layer":this.variant==="layer"})}
|
|
4
|
-
part="popup"
|
|
5
|
-
placement=${this.placement}
|
|
6
|
-
strategy=${this.hoist?"fixed":"absolute"}
|
|
7
|
-
flip
|
|
8
|
-
shift
|
|
9
|
-
sync=${this.noSyncWidth?void 0:"width"}
|
|
10
|
-
auto-size="vertical"
|
|
11
|
-
auto-size-padding="10"
|
|
12
|
-
>
|
|
13
|
-
<div
|
|
14
|
-
part="combobox"
|
|
15
|
-
class="select__combobox"
|
|
16
|
-
slot="anchor"
|
|
17
|
-
@keydown=${this.handleKeyDown}
|
|
18
|
-
@mousedown=${this.handleComboboxMouseDown}
|
|
19
|
-
>
|
|
20
|
-
<slot part="prefix" name="prefix" class="select__prefix"></slot>
|
|
21
|
-
|
|
22
|
-
<input
|
|
23
|
-
id="input"
|
|
24
|
-
part="display-input"
|
|
25
|
-
class="select__display-input"
|
|
26
|
-
type="text"
|
|
27
|
-
placeholder=${this.placeholder}
|
|
28
|
-
.disabled=${this.disabled}
|
|
29
|
-
.value=${this.displayValue?this.value:this.displayLabel}
|
|
30
|
-
size=${c(r)}
|
|
31
|
-
autocomplete="off"
|
|
32
|
-
spellcheck="false"
|
|
33
|
-
autocapitalize="off"
|
|
34
|
-
readonly
|
|
35
|
-
title=${w(s?void 0:($=this.accessibleName)!=null?$:this.title)}
|
|
36
|
-
aria-controls="listbox"
|
|
37
|
-
aria-expanded=${this.open?"true":"false"}
|
|
38
|
-
aria-haspopup="listbox"
|
|
39
|
-
aria-label=${w(s?void 0:(I=this.accessibleName)!=null?I:this.title)}
|
|
40
|
-
aria-disabled=${c(this.readonly?"true":void 0)}
|
|
41
|
-
aria-describedby=${this.getDescriptionIds()}
|
|
42
|
-
aria-activedescendant=${(_=(E=this.currentOption)==null?void 0:E.id)!=null?_:""}
|
|
43
|
-
aria-invalid=${c(this.error?"true":void 0)}
|
|
44
|
-
aria-required=${c(this.required?"true":void 0)}
|
|
45
|
-
role="combobox"
|
|
46
|
-
@focus=${this.handleFocus}
|
|
47
|
-
@blur=${this.handleBlur}
|
|
48
|
-
/>
|
|
49
|
-
|
|
50
|
-
${this.multiple?h`
|
|
51
|
-
<div part="tags" class="select__tags">
|
|
52
|
-
${this.selectedOptions.map((f,y)=>y<this.maxOptionsVisible||this.maxOptionsVisible<=0?h`
|
|
53
|
-
<dsa-tag
|
|
54
|
-
part="tag"
|
|
55
|
-
exportparts="
|
|
56
|
-
base:tag__base,
|
|
57
|
-
content:tag__content,
|
|
58
|
-
remove-button:tag__remove-button,
|
|
59
|
-
remove-button__base:tag__remove-button__base
|
|
60
|
-
"
|
|
61
|
-
size=${this.size}
|
|
62
|
-
removable
|
|
63
|
-
?disable-removable-focus=${this.disabled||this.readonly}
|
|
64
|
-
@dsa-remove=${H=>this.handleTagRemove(H,f)}
|
|
65
|
-
label=${f.getTextLabel()}
|
|
66
|
-
>
|
|
67
|
-
</dsa-tag>
|
|
68
|
-
<span
|
|
69
|
-
id=${`tag-${f.value}`}
|
|
70
|
-
class="hidden-tag-label"
|
|
71
|
-
>${f.getTextLabel()},</span
|
|
72
|
-
>
|
|
73
|
-
`:y===this.maxOptionsVisible?h`
|
|
74
|
-
<dsa-tag
|
|
75
|
-
id="tag-remaining"
|
|
76
|
-
size=${this.size}
|
|
77
|
-
label="+${this.selectedOptions.length-y}"
|
|
78
|
-
>
|
|
79
|
-
</dsa-tag>
|
|
80
|
-
`:null)}
|
|
81
|
-
</div>
|
|
82
|
-
`:""}
|
|
83
|
-
|
|
84
|
-
<input
|
|
85
|
-
class="select__value-input"
|
|
86
|
-
type="text"
|
|
87
|
-
?disabled=${p}
|
|
88
|
-
?required=${this.required}
|
|
89
|
-
.value=${Array.isArray(this.value)?this.value.join(", "):this.value}
|
|
90
|
-
tabindex="-1"
|
|
91
|
-
aria-hidden="true"
|
|
92
|
-
@focus=${()=>this.focus()}
|
|
93
|
-
@invalid=${this.handleInvalid}
|
|
94
|
-
/>
|
|
95
|
-
|
|
96
|
-
${o?h`
|
|
97
|
-
<button
|
|
98
|
-
part="clear-button"
|
|
99
|
-
class="select__clear"
|
|
100
|
-
type="button"
|
|
101
|
-
aria-label=${this.localize.term("clearEntry")}
|
|
102
|
-
@mousedown=${this.handleClearMouseDown}
|
|
103
|
-
@click=${this.handleClearClick}
|
|
104
|
-
>
|
|
105
|
-
<dsa-icon name="close" library="system"></dsa-icon>
|
|
106
|
-
</button>
|
|
107
|
-
`:""}
|
|
108
|
-
<dsa-icon
|
|
109
|
-
class="select__expand-icon"
|
|
110
|
-
name="expand_more"
|
|
111
|
-
library="system"
|
|
112
|
-
></dsa-icon>
|
|
113
|
-
</div>
|
|
114
|
-
|
|
115
|
-
<div
|
|
116
|
-
id="listbox"
|
|
117
|
-
role="listbox"
|
|
118
|
-
aria-expanded=${this.open?"true":"false"}
|
|
119
|
-
aria-multiselectable=${this.multiple?"true":"false"}
|
|
120
|
-
aria-labelledby="label"
|
|
121
|
-
tabindex="-1"
|
|
122
|
-
class="select__listbox"
|
|
123
|
-
@mouseup=${this.handleOptionClick}
|
|
124
|
-
@keydown=${this.handleKeyDown}
|
|
125
|
-
part="listbox"
|
|
126
|
-
>
|
|
127
|
-
<slot @slotchange=${this.handleDefaultSlotChange}></slot>
|
|
128
|
-
</div>
|
|
129
|
-
</dsa-popup>
|
|
130
|
-
`}};i.styles=P,i.dependencies=k(T({},x.dependencies),{"dsa-icon":M,"dsa-popup":z,"dsa-tag":B}),a([d(".select")],i.prototype,"popup",2),a([d(".select__combobox")],i.prototype,"combobox",2),a([d(".select__display-input")],i.prototype,"displayInput",2),a([d(".select__value-input")],i.prototype,"valueInput",2),a([d(".select__listbox")],i.prototype,"listbox",2),a([u()],i.prototype,"hasFocus",2),a([u()],i.prototype,"displayLabel",2),a([u()],i.prototype,"currentOption",2),a([u()],i.prototype,"selectedOptions",2),a([n({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>typeof t=="string"?t:t.join(" ")}})],i.prototype,"value",2),a([A()],i.prototype,"defaultValue",2),a([n({type:Boolean,reflect:!0})],i.prototype,"multiple",2),a([n({reflect:!0})],i.prototype,"variant",2),a([n({attribute:"max-options-visible",type:Number})],i.prototype,"maxOptionsVisible",2),a([n({type:Boolean})],i.prototype,"clearable",2),a([n({type:Boolean,reflect:!0})],i.prototype,"open",2),a([n({type:Boolean})],i.prototype,"hoist",2),a([n({reflect:!0})],i.prototype,"placement",2),a([n({attribute:"display-value",type:Boolean})],i.prototype,"displayValue",2),a([n({attribute:"no-sync-width",type:Boolean})],i.prototype,"noSyncWidth",2),a([m("disabled",{waitUntilFirstUpdate:!0})],i.prototype,"handleDisabledChange",1),a([m("readonly",{waitUntilFirstUpdate:!0})],i.prototype,"handleReadonlyChange",1),a([m("value",{waitUntilFirstUpdate:!0})],i.prototype,"handleValueChange",1),a([m("open",{waitUntilFirstUpdate:!0})],i.prototype,"handleOpenChange",1),i=a([D("dsa-select")],i);O("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});O("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{i as a};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import{a as $}from"./chunk.VE2TTZQA.js";import{a as C}from"./chunk.FX5UP23Z.js";import{a as g}from"./chunk.U4TME7DS.js";import{a as v}from"./chunk.KHGWE5IX.js";import{b as k}from"./chunk.FWTZS7LK.js";import{c as b}from"./chunk.GM4KTNXL.js";import{c as y}from"./chunk.KD3BHBHK.js";import{a as o}from"./chunk.2RF4WD6T.js";import{d as a}from"./chunk.ZBHHLRFH.js";import{a as n}from"./chunk.BWEPOOQP.js";import{a as c,b as l,c as u,d as m,f as p}from"./chunk.KBZ32KWP.js";import{a as f}from"./chunk.UMC4I57R.js";import{a as r}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends p{constructor(){super(...arguments);this.formControlController=new k(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,s)=>t.checked=s});this.localize=new b(this);this.hasFocus=!1;this.name="";this.size="medium";this.disabled=!1;this.readonly=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleInput(){this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleClick(){this.readonly||(this.checked=!this.checked,this.emit("dsa-change"))}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleKeyDown(t){this.readonly||(t.key==="Enter"&&(t.preventDefault(),this.checked=!this.checked,this.emit("dsa-change"),this.emit("dsa-input")),t.key==="ArrowLeft"&&(t.preventDefault(),this.checked=!1,this.emit("dsa-change"),this.emit("dsa-input")),t.key==="ArrowRight"&&(t.preventDefault(),this.checked=!0,this.emit("dsa-change"),this.emit("dsa-input")))}handleCheckedChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}handleDisabledChange(){this.formControlController.setValidity(!0)}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){var t,s,d,h;return r`
|
|
2
|
-
<div
|
|
3
|
-
class=${a({"form-control":!0,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large"})}
|
|
4
|
-
>
|
|
5
|
-
<label
|
|
6
|
-
part="base"
|
|
7
|
-
class=${a({switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--readonly":this.readonly,"switch--focused":this.hasFocus,"switch--small":this.size==="small","switch--medium":this.size==="medium","switch--large":this.size==="large"})}
|
|
8
|
-
>
|
|
9
|
-
<div part="label" class="switch__label">
|
|
10
|
-
${this.required?r`<span class="switch__label-required">*</span>`:""}
|
|
11
|
-
<slot></slot>
|
|
12
|
-
</div>
|
|
13
|
-
|
|
14
|
-
<div class="switch__indicator">
|
|
15
|
-
<input
|
|
16
|
-
class="switch__input"
|
|
17
|
-
type="checkbox"
|
|
18
|
-
name=${this.name}
|
|
19
|
-
value=${o(this.value)}
|
|
20
|
-
.checked=${C(this.checked)}
|
|
21
|
-
.disabled=${this.disabled}
|
|
22
|
-
.required=${this.required}
|
|
23
|
-
role="switch"
|
|
24
|
-
aria-checked=${this.checked?"true":"false"}
|
|
25
|
-
aria-disabled=${o(this.readonly?"true":void 0)}
|
|
26
|
-
@click=${this.handleClick}
|
|
27
|
-
@input=${this.handleInput}
|
|
28
|
-
@invalid=${this.handleInvalid}
|
|
29
|
-
@blur=${this.handleBlur}
|
|
30
|
-
@focus=${this.handleFocus}
|
|
31
|
-
@keydown=${this.handleKeyDown}
|
|
32
|
-
/>
|
|
33
|
-
|
|
34
|
-
<span part="control" class="switch__control">
|
|
35
|
-
<span part="thumb" class="switch__thumb">
|
|
36
|
-
<dsa-icon
|
|
37
|
-
class="switch__checked-icon"
|
|
38
|
-
name="done"
|
|
39
|
-
library="system"
|
|
40
|
-
></dsa-icon>
|
|
41
|
-
</span>
|
|
42
|
-
</span>
|
|
43
|
-
|
|
44
|
-
<div class="switch__state" aria-hidden="true">
|
|
45
|
-
${this.checked?(s=(t=this.labelOn)!=null?t:this.onLabel)!=null?s:this.localize.term("switchOn"):(h=(d=this.labelOff)!=null?d:this.offLabel)!=null?h:this.localize.term("switchOff")}
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
</label>
|
|
49
|
-
</div>
|
|
50
|
-
`}};e.styles=[f,v,$],e.dependencies={"dsa-icon":y},i([m('input[type="checkbox"]')],e.prototype,"input",2),i([u()],e.prototype,"hasFocus",2),i([l()],e.prototype,"name",2),i([l()],e.prototype,"value",2),i([l({reflect:!0})],e.prototype,"size",2),i([l({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([g("checked")],e.prototype,"defaultChecked",2),i([l({reflect:!0})],e.prototype,"form",2),i([l({type:Boolean,reflect:!0})],e.prototype,"required",2),i([l({attribute:"label-on"})],e.prototype,"labelOn",2),i([l({attribute:"on-label"})],e.prototype,"onLabel",2),i([l({attribute:"label-off"})],e.prototype,"labelOff",2),i([l({attribute:"off-label"})],e.prototype,"offLabel",2),i([n("checked",{waitUntilFirstUpdate:!0})],e.prototype,"handleCheckedChange",1),i([n("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=i([c("dsa-switch")],e);export{e as a};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import{a as u}from"./chunk.FX5UP23Z.js";import{a as E}from"./chunk.QO3O2UNB.js";import{a as M}from"./chunk.U4TME7DS.js";import{a as V}from"./chunk.PIG773U2.js";import{a as F}from"./chunk.NJBAMERR.js";import{a as C}from"./chunk.SWEIVB73.js";import{a as B}from"./chunk.UWBADC7U.js";import{a as $}from"./chunk.ELL45QD3.js";import{b as k}from"./chunk.FWTZS7LK.js";import{a as h}from"./chunk.B4KFHYLS.js";import{a as c}from"./chunk.NIRNX67K.js";import{a as s}from"./chunk.2RF4WD6T.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as b,b as r,c as y,d as v,f as g}from"./chunk.KBZ32KWP.js";import{a as n}from"./chunk.GP725TPQ.js";import{f as i}from"./chunk.IZ2HVRME.js";var e=class extends g{constructor(){super(...arguments);this.formControlController=new k(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,a)=>t.checked=a});this.hasSlotController=new $(this,"[default]");this.hasFocus=!1;this.title="";this.name="";this.size="medium";this.parentDisabled=!1;this.disabled=!1;this.checked=!1;this.indeterminate=!1;this.defaultChecked=!1;this.parentReadonly=!1;this.readonly=!1;this.error=!1;this.errorMessage="";this.form="";this.required=!1}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}connectedCallback(){super.connectedCallback();let t=this.parentElement;!this.hasAttribute("role")&&t instanceof E&&this.setAttribute("role","listitem")}firstUpdated(){this.formControlController.updateValidity()}handleClick(t){if(this.readonly||this.disabled||this.parentDisabled||this.parentReadonly){t.preventDefault(),t.stopPropagation();return}this.checked=!this.checked,this.indeterminate=!1,this.emit("dsa-change")}handleBlur(){this.hasFocus=!1,this.emit("dsa-blur")}handleInput(){this.emit("dsa-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=!0,this.emit("dsa-focus")}handleDeactivatedChange(){this.readonly||this.parentReadonly?this.input.setAttribute("aria-disabled","true"):this.input.removeAttribute("aria-disabled"),(this.disabled||this.parentDisabled)&&this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}handleErrorChange(){this.error?this.input.setAttribute("aria-invalid","true"):this.input.removeAttribute("aria-invalid")}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){var m,p,f;let t=this.hasSlotController.test("[default]"),a=this.disabled||this.parentDisabled,l=this.readonly||this.parentReadonly,z=a||l;return!this.hasSlotController.test("[default]")&&!this.accessibleName&&this.tabIndex!==-1&&h("<dsa-checkbox> requires an accessible name in the default slot for accessibility"),this.error&&!this.errorMessage&&h("<dsa-checkbox> requires an error-message attribute for accessibility when the error attribute is set"),n`
|
|
2
|
-
<div
|
|
3
|
-
part="base"
|
|
4
|
-
class=${d({"form-control":!0,"form-control--error":this.error,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large"})}
|
|
5
|
-
>
|
|
6
|
-
<label
|
|
7
|
-
class=${d({checkbox:!0,"checkbox--checked":this.checked,"checkbox--error":this.error,"checkbox--disabled":a,"checkbox--readonly":l,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--has-label":t,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
|
|
8
|
-
>
|
|
9
|
-
<input
|
|
10
|
-
id="input"
|
|
11
|
-
class="checkbox__input"
|
|
12
|
-
type="checkbox"
|
|
13
|
-
title=${c((m=this.accessibleName)!=null?m:this.title)}
|
|
14
|
-
name=${c(this.name)}
|
|
15
|
-
value=${s(this.value)}
|
|
16
|
-
.indeterminate=${u(this.indeterminate)}
|
|
17
|
-
.checked=${u(this.checked)}
|
|
18
|
-
.disabled=${a}
|
|
19
|
-
.required=${this.required}
|
|
20
|
-
aria-label=${s(t?void 0:(p=this.accessibleName)!=null?p:this.title)}
|
|
21
|
-
aria-describedby=${s(this.error?"error-text":void 0)}
|
|
22
|
-
aria-disabled="${s(l?"true":void 0)}"
|
|
23
|
-
aria-invalid=${s(this.error?"true":void 0)}
|
|
24
|
-
@click=${this.handleClick}
|
|
25
|
-
@input=${this.handleInput}
|
|
26
|
-
@invalid=${this.handleInvalid}
|
|
27
|
-
@blur=${this.handleBlur}
|
|
28
|
-
@focus=${this.handleFocus}
|
|
29
|
-
/>
|
|
30
|
-
<dsa-internal-checkbox-box
|
|
31
|
-
?checked=${this.checked}
|
|
32
|
-
?indeterminate=${this.indeterminate}
|
|
33
|
-
size=${this.size}
|
|
34
|
-
?disabled=${a}
|
|
35
|
-
?readonly=${l}
|
|
36
|
-
?error=${this.error}
|
|
37
|
-
aria-hidden="true"
|
|
38
|
-
></dsa-internal-checkbox-box>
|
|
39
|
-
|
|
40
|
-
<div part="label" class="checkbox__label">
|
|
41
|
-
${this.required?n`<span class="checkbox__label-required">*</span>`:""}
|
|
42
|
-
<slot
|
|
43
|
-
><dsa-visually-hidden
|
|
44
|
-
>${(f=this.accessibleName)!=null?f:this.title}</dsa-visually-hidden
|
|
45
|
-
></slot
|
|
46
|
-
>
|
|
47
|
-
</div>
|
|
48
|
-
</label>
|
|
49
|
-
${this.error&&!z&&this.errorMessage?C(this.errorMessage):""}
|
|
50
|
-
</div>
|
|
51
|
-
`}};e.styles=B,e.dependencies={"dsa-error-text":F,"dsa-visually-hidden":V},i([v('input[type="checkbox"]')],e.prototype,"input",2),i([y()],e.prototype,"hasFocus",2),i([r()],e.prototype,"title",2),i([r({reflect:!0})],e.prototype,"name",2),i([r({reflect:!0})],e.prototype,"value",2),i([r({reflect:!0})],e.prototype,"size",2),i([r({type:Boolean})],e.prototype,"parentDisabled",2),i([r({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],e.prototype,"checked",2),i([r({type:Boolean,reflect:!0})],e.prototype,"indeterminate",2),i([M("checked")],e.prototype,"defaultChecked",2),i([r({type:Boolean})],e.prototype,"parentReadonly",2),i([r({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([r({type:Boolean,reflect:!0})],e.prototype,"error",2),i([r({attribute:"error-message",converter:{fromAttribute:t=>t?t.split("|"):"",toAttribute:t=>typeof t=="string"?t:t.join("|")}})],e.prototype,"errorMessage",2),i([r({reflect:!0})],e.prototype,"form",2),i([r({type:Boolean,reflect:!0})],e.prototype,"required",2),i([r({attribute:"aria-label",reflect:!0})],e.prototype,"ariaLabel",2),i([r({attribute:"accessible-name",reflect:!0})],e.prototype,"accessibleName",2),i([o(["disabled","readonly","parentDisabled","parentReadonly"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDeactivatedChange",1),i([o(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),i([o("error",{waitUntilFirstUpdate:!0})],e.prototype,"handleErrorChange",1),e=i([b("dsa-checkbox")],e);export{e as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as i}from"./chunk.2LF6OMUV.js";import{a}from"./chunk.BWEPOOQP.js";import{a as r}from"./chunk.KBZ32KWP.js";import{f as e}from"./chunk.IZ2HVRME.js";var t=class extends i{constructor(){super(...arguments);this.type="checkbox"}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}handleClick(){this.checked=!this.checked}handleErrorChange(){this.error?this.button.setAttribute("aria-invalid","true"):this.button.removeAttribute("aria-invalid")}};e([a("error",{waitUntilFirstUpdate:!0})],t.prototype,"handleErrorChange",1),t=e([r("dsa-checkbox-card")],t);export{t as a};
|