@ds-autonomie/web-components 1.0.1
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 +318 -0
- package/LICENSE +8 -0
- package/README.md +3 -0
- package/dist/chunks/chunk.23TOS4ZE.js +29 -0
- package/dist/chunks/chunk.2FK6USFR.js +63 -0
- package/dist/chunks/chunk.2HUORR44.js +76 -0
- package/dist/chunks/chunk.3BL7JA77.js +59 -0
- package/dist/chunks/chunk.3RBCYA4F.js +147 -0
- package/dist/chunks/chunk.3XRQRY25.js +25 -0
- package/dist/chunks/chunk.42W4S2HN.js +145 -0
- package/dist/chunks/chunk.4A3WMGMZ.js +79 -0
- package/dist/chunks/chunk.4A57I2HX.js +241 -0
- package/dist/chunks/chunk.4XT2OJD2.js +75 -0
- package/dist/chunks/chunk.5LT3B7MI.js +372 -0
- package/dist/chunks/chunk.5WAZTHII.js +37 -0
- package/dist/chunks/chunk.5XL2LZLC.js +100 -0
- package/dist/chunks/chunk.5XUV3SRW.js +420 -0
- package/dist/chunks/chunk.6FAUBLR3.js +84 -0
- package/dist/chunks/chunk.6M63UXML.js +35 -0
- package/dist/chunks/chunk.6PS5KB3O.js +53 -0
- package/dist/chunks/chunk.6ZQ4OQ2C.js +51 -0
- package/dist/chunks/chunk.73T7TU6S.js +24 -0
- package/dist/chunks/chunk.7J7CS3BK.js +43 -0
- package/dist/chunks/chunk.7NWAYDYI.js +168 -0
- package/dist/chunks/chunk.7ZCCXTFG.js +301 -0
- package/dist/chunks/chunk.A2PAK6VF.js +206 -0
- package/dist/chunks/chunk.ABGBXXKA.js +164 -0
- package/dist/chunks/chunk.AQRNB4GJ.js +33 -0
- package/dist/chunks/chunk.AR5HJD7F.js +111 -0
- package/dist/chunks/chunk.B4BZKR24.js +16 -0
- package/dist/chunks/chunk.BD63GRU5.js +132 -0
- package/dist/chunks/chunk.BEB47LM2.js +278 -0
- package/dist/chunks/chunk.BLPP3Q5H.js +555 -0
- package/dist/chunks/chunk.CJIL3BLA.js +45 -0
- package/dist/chunks/chunk.CPXD6UYZ.js +34 -0
- package/dist/chunks/chunk.D7CATJYB.js +36 -0
- package/dist/chunks/chunk.DC6CT5PU.js +109 -0
- package/dist/chunks/chunk.DRGGQ4WL.js +9 -0
- package/dist/chunks/chunk.DSGUQNN4.js +26 -0
- package/dist/chunks/chunk.DURVPB6M.js +391 -0
- package/dist/chunks/chunk.DXVNWE2M.js +166 -0
- package/dist/chunks/chunk.EFQHAGXP.js +26 -0
- package/dist/chunks/chunk.EHVJT7BH.js +215 -0
- package/dist/chunks/chunk.EKWYMXQO.js +166 -0
- package/dist/chunks/chunk.EMIT7S33.js +71 -0
- package/dist/chunks/chunk.EMJZLQCL.js +60 -0
- package/dist/chunks/chunk.ENKP2IFW.js +361 -0
- package/dist/chunks/chunk.EU56EW33.js +91 -0
- package/dist/chunks/chunk.EYZGEU3G.js +45 -0
- package/dist/chunks/chunk.FDYFSRSX.js +33 -0
- package/dist/chunks/chunk.FIGO7UV2.js +77 -0
- package/dist/chunks/chunk.G7AELPSO.js +131 -0
- package/dist/chunks/chunk.GI7VDIWX.js +24 -0
- package/dist/chunks/chunk.GYTA2LJC.js +145 -0
- package/dist/chunks/chunk.HAL7R4WT.js +0 -0
- package/dist/chunks/chunk.HC5BO5YV.js +405 -0
- package/dist/chunks/chunk.HH63FIEF.js +122 -0
- package/dist/chunks/chunk.HLYGKGDG.js +308 -0
- package/dist/chunks/chunk.I33L3NO6.js +122 -0
- package/dist/chunks/chunk.IGYXUK7A.js +19 -0
- package/dist/chunks/chunk.INCGVIAQ.js +61 -0
- package/dist/chunks/chunk.IOFPPNUO.js +25 -0
- package/dist/chunks/chunk.IRQOFNJE.js +317 -0
- package/dist/chunks/chunk.ISAFRNR2.js +112 -0
- package/dist/chunks/chunk.J2XNYTTZ.js +715 -0
- package/dist/chunks/chunk.JETXIC4F.js +150 -0
- package/dist/chunks/chunk.JT7UJED5.js +33 -0
- package/dist/chunks/chunk.K6WCEYZI.js +52 -0
- package/dist/chunks/chunk.KBT2EKLF.js +25 -0
- package/dist/chunks/chunk.KDAK2GXX.js +58 -0
- package/dist/chunks/chunk.KHIMMW3T.js +33 -0
- package/dist/chunks/chunk.KIFBWPW5.js +298 -0
- package/dist/chunks/chunk.KOH5V4C6.js +552 -0
- package/dist/chunks/chunk.LC54322H.js +99 -0
- package/dist/chunks/chunk.LMJPQPQT.js +26 -0
- package/dist/chunks/chunk.LT7JMZ3T.js +371 -0
- package/dist/chunks/chunk.M245ZGRR.js +80 -0
- package/dist/chunks/chunk.MOWTZFON.js +63 -0
- package/dist/chunks/chunk.MY434P47.js +125 -0
- package/dist/chunks/chunk.N6VVY6XD.js +91 -0
- package/dist/chunks/chunk.NDEZEB3Z.js +402 -0
- package/dist/chunks/chunk.NHRDZGLI.js +81 -0
- package/dist/chunks/chunk.NKKVGICB.js +114 -0
- package/dist/chunks/chunk.NNBOLKWI.js +17 -0
- package/dist/chunks/chunk.O73OYTYJ.js +319 -0
- package/dist/chunks/chunk.OBU65KDL.js +29 -0
- package/dist/chunks/chunk.ODSCDJDO.js +91 -0
- package/dist/chunks/chunk.OVK7QCA7.js +441 -0
- package/dist/chunks/chunk.PQWQ42E2.js +150 -0
- package/dist/chunks/chunk.PULHNCDM.js +98 -0
- package/dist/chunks/chunk.PWWER3ZK.js +806 -0
- package/dist/chunks/chunk.QFJA3MTV.js +66 -0
- package/dist/chunks/chunk.QKNNLZ2M.js +361 -0
- package/dist/chunks/chunk.QL5C2XOW.js +0 -0
- package/dist/chunks/chunk.RDGMZ5XB.js +24 -0
- package/dist/chunks/chunk.RIJQGADY.js +108 -0
- package/dist/chunks/chunk.RMCOWJOW.js +17 -0
- package/dist/chunks/chunk.RY4QCT3T.js +29 -0
- package/dist/chunks/chunk.S4ATPBQN.js +89 -0
- package/dist/chunks/chunk.SGIGGO5M.js +86 -0
- package/dist/chunks/chunk.SQMWMSBA.js +207 -0
- package/dist/chunks/chunk.TJOP7HQP.js +14 -0
- package/dist/chunks/chunk.TUVJKY7S.js +21 -0
- package/dist/chunks/chunk.UA32LJYW.js +230 -0
- package/dist/chunks/chunk.UEUTSYIH.js +60 -0
- package/dist/chunks/chunk.UPYCV66H.js +111 -0
- package/dist/chunks/chunk.UV53JTE3.js +128 -0
- package/dist/chunks/chunk.UZLQVFDR.js +386 -0
- package/dist/chunks/chunk.V7RJROLH.js +48 -0
- package/dist/chunks/chunk.VFYKLPN2.js +144 -0
- package/dist/chunks/chunk.VRY3E2XG.js +196 -0
- package/dist/chunks/chunk.WE6IG5XG.js +164 -0
- package/dist/chunks/chunk.WFHOSUOX.js +263 -0
- package/dist/chunks/chunk.WHK7EFIM.js +264 -0
- package/dist/chunks/chunk.WIEJJS3W.js +88 -0
- package/dist/chunks/chunk.WK7RWLAK.js +54 -0
- package/dist/chunks/chunk.WNHQYL5W.js +298 -0
- package/dist/chunks/chunk.WSVP75MH.js +102 -0
- package/dist/chunks/chunk.XNEONNEJ.js +23 -0
- package/dist/chunks/chunk.XSCX6TC5.js +127 -0
- package/dist/chunks/chunk.XWUQFDIN.js +15 -0
- package/dist/chunks/chunk.Y3ZUFLVS.js +90 -0
- package/dist/chunks/chunk.YCXTCVAZ.js +30 -0
- package/dist/chunks/chunk.YIY5RM53.js +66 -0
- package/dist/chunks/chunk.YL3TSWVM.js +17 -0
- package/dist/chunks/chunk.YS7MY5CH.js +512 -0
- package/dist/chunks/chunk.YY6AEXJK.js +33 -0
- package/dist/chunks/chunk.YZHDFJWJ.js +17 -0
- package/dist/chunks/chunk.Z6TBD2AC.js +125 -0
- package/dist/chunks/chunk.ZKYSHEVZ.js +22 -0
- package/dist/chunks/chunk.ZVGZDTBF.js +104 -0
- package/dist/components/accordion/accordion.d.ts +49 -0
- package/dist/components/accordion/accordion.js +23 -0
- package/dist/components/accordion/accordion.styles.d.ts +2 -0
- package/dist/components/accordion/accordion.styles.js +8 -0
- package/dist/components/alert/alert.d.ts +52 -0
- package/dist/components/alert/alert.js +25 -0
- package/dist/components/alert/alert.styles.d.ts +2 -0
- package/dist/components/alert/alert.styles.js +8 -0
- package/dist/components/animation/animation.d.ts +81 -0
- package/dist/components/animation/animation.js +12 -0
- package/dist/components/animation/animation.styles.d.ts +2 -0
- package/dist/components/animation/animation.styles.js +8 -0
- package/dist/components/animation/animations.d.ts +6 -0
- package/dist/components/animation/animations.js +11 -0
- package/dist/components/avatar/avatar.d.ts +42 -0
- package/dist/components/avatar/avatar.js +19 -0
- package/dist/components/avatar/avatar.styles.d.ts +2 -0
- package/dist/components/avatar/avatar.styles.js +8 -0
- package/dist/components/avatar-group/avatar-group.d.ts +21 -0
- package/dist/components/avatar-group/avatar-group.js +9 -0
- package/dist/components/avatar-group/avatar-group.styles.d.ts +2 -0
- package/dist/components/avatar-group/avatar-group.styles.js +7 -0
- package/dist/components/badge/badge.d.ts +23 -0
- package/dist/components/badge/badge.js +10 -0
- package/dist/components/badge/badge.styles.d.ts +2 -0
- package/dist/components/badge/badge.styles.js +8 -0
- package/dist/components/breadcrumb/breadcrumb.d.ts +23 -0
- package/dist/components/breadcrumb/breadcrumb.js +20 -0
- package/dist/components/breadcrumb/breadcrumb.styles.d.ts +2 -0
- package/dist/components/breadcrumb/breadcrumb.styles.js +8 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.d.ts +30 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.js +12 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.styles.d.ts +2 -0
- package/dist/components/breadcrumb-item/breadcrumb-item.styles.js +8 -0
- package/dist/components/button/button.d.ts +120 -0
- package/dist/components/button/button.js +24 -0
- package/dist/components/button/button.styles.d.ts +2 -0
- package/dist/components/button/button.styles.js +8 -0
- package/dist/components/card/card.d.ts +22 -0
- package/dist/components/card/card.js +11 -0
- package/dist/components/card/card.styles.d.ts +2 -0
- package/dist/components/card/card.styles.js +8 -0
- package/dist/components/checkbox/checkbox.d.ts +93 -0
- package/dist/components/checkbox/checkbox.js +24 -0
- package/dist/components/checkbox/checkbox.styles.d.ts +2 -0
- package/dist/components/checkbox/checkbox.styles.js +9 -0
- package/dist/components/checkbox-button/checkbox-button.d.ts +48 -0
- package/dist/components/checkbox-button/checkbox-button.js +21 -0
- package/dist/components/checkbox-button/checkbox-button.styles.d.ts +2 -0
- package/dist/components/checkbox-button/checkbox-button.styles.js +9 -0
- package/dist/components/checkbox-group/checkbox-group.d.ts +85 -0
- package/dist/components/checkbox-group/checkbox-group.js +16 -0
- package/dist/components/checkbox-group/checkbox-group.styles.d.ts +2 -0
- package/dist/components/checkbox-group/checkbox-group.styles.js +9 -0
- package/dist/components/dialog/dialog.d.ts +70 -0
- package/dist/components/dialog/dialog.js +28 -0
- package/dist/components/dialog/dialog.styles.d.ts +2 -0
- package/dist/components/dialog/dialog.styles.js +8 -0
- package/dist/components/divider/divider.d.ts +17 -0
- package/dist/components/divider/divider.js +10 -0
- package/dist/components/divider/divider.styles.d.ts +2 -0
- package/dist/components/divider/divider.styles.js +8 -0
- package/dist/components/drawer/drawer.d.ts +77 -0
- package/dist/components/drawer/drawer.js +28 -0
- package/dist/components/drawer/drawer.styles.d.ts +2 -0
- package/dist/components/drawer/drawer.styles.js +8 -0
- package/dist/components/dropdown/dropdown.d.ts +87 -0
- package/dist/components/dropdown/dropdown.js +15 -0
- package/dist/components/dropdown/dropdown.styles.d.ts +2 -0
- package/dist/components/dropdown/dropdown.styles.js +8 -0
- package/dist/components/error-text/error-text.d.ts +18 -0
- package/dist/components/error-text/error-text.js +9 -0
- package/dist/components/error-text/error-text.styles.d.ts +2 -0
- package/dist/components/error-text/error-text.styles.js +7 -0
- package/dist/components/format-bytes/format-bytes.d.ts +22 -0
- package/dist/components/format-bytes/format-bytes.js +9 -0
- package/dist/components/format-date/format-date.d.ts +42 -0
- package/dist/components/format-date/format-date.js +9 -0
- package/dist/components/format-number/format-number.d.ts +36 -0
- package/dist/components/format-number/format-number.js +9 -0
- package/dist/components/icon/icon.d.ts +40 -0
- package/dist/components/icon/icon.js +17 -0
- package/dist/components/icon/icon.styles.d.ts +2 -0
- package/dist/components/icon/icon.styles.js +8 -0
- package/dist/components/icon/library.d.ts +21 -0
- package/dist/components/icon/library.default.d.ts +3 -0
- package/dist/components/icon/library.default.js +8 -0
- package/dist/components/icon/library.js +18 -0
- package/dist/components/icon/library.system.d.ts +3 -0
- package/dist/components/icon/library.system.js +7 -0
- package/dist/components/icon/request.d.ts +11 -0
- package/dist/components/icon/request.js +8 -0
- package/dist/components/icon-button/icon-button.d.ts +59 -0
- package/dist/components/icon-button/icon-button.js +19 -0
- package/dist/components/icon-button/icon-button.styles.d.ts +2 -0
- package/dist/components/icon-button/icon-button.styles.js +8 -0
- package/dist/components/include/include.d.ts +32 -0
- package/dist/components/include/include.js +12 -0
- package/dist/components/include/include.styles.d.ts +2 -0
- package/dist/components/include/include.styles.js +8 -0
- package/dist/components/include/request.d.ts +8 -0
- package/dist/components/include/request.js +7 -0
- package/dist/components/input/input.d.ts +165 -0
- package/dist/components/input/input.js +27 -0
- package/dist/components/input/input.styles.d.ts +2 -0
- package/dist/components/input/input.styles.js +9 -0
- package/dist/components/input/input.utils.d.ts +4 -0
- package/dist/components/input/input.utils.js +9 -0
- package/dist/components/input-mask/input-mask.configs.d.ts +42 -0
- package/dist/components/input-mask/input-mask.configs.js +11 -0
- package/dist/components/input-mask/input-mask.d.ts +127 -0
- package/dist/components/input-mask/input-mask.js +19 -0
- package/dist/components/input-mask/input-mask.styles.d.ts +2 -0
- package/dist/components/input-mask/input-mask.styles.js +9 -0
- package/dist/components/input-mask/input-mask.utils.d.ts +7 -0
- package/dist/components/input-mask/input-mask.utils.js +19 -0
- package/dist/components/input-phone/input-phone.configs.d.ts +14 -0
- package/dist/components/input-phone/input-phone.configs.js +7 -0
- package/dist/components/input-phone/input-phone.d.ts +138 -0
- package/dist/components/input-phone/input-phone.js +49 -0
- package/dist/components/input-phone/input-phone.styles.d.ts +2 -0
- package/dist/components/input-phone/input-phone.styles.js +9 -0
- package/dist/components/input-phone/input-phone.utils.d.ts +9 -0
- package/dist/components/input-phone/input-phone.utils.js +13 -0
- package/dist/components/menu/menu.d.ts +43 -0
- package/dist/components/menu/menu.js +10 -0
- package/dist/components/menu/menu.styles.d.ts +2 -0
- package/dist/components/menu/menu.styles.js +8 -0
- package/dist/components/menu-item/menu-item.d.ts +44 -0
- package/dist/components/menu-item/menu-item.js +20 -0
- package/dist/components/menu-item/menu-item.styles.d.ts +2 -0
- package/dist/components/menu-item/menu-item.styles.js +8 -0
- package/dist/components/menu-label/menu-label.d.ts +17 -0
- package/dist/components/menu-label/menu-label.js +10 -0
- package/dist/components/menu-label/menu-label.styles.d.ts +2 -0
- package/dist/components/menu-label/menu-label.styles.js +8 -0
- package/dist/components/mutation-observer/mutation-observer.d.ts +44 -0
- package/dist/components/mutation-observer/mutation-observer.js +11 -0
- package/dist/components/mutation-observer/mutation-observer.styles.d.ts +2 -0
- package/dist/components/mutation-observer/mutation-observer.styles.js +8 -0
- package/dist/components/option/option.d.ts +50 -0
- package/dist/components/option/option.js +20 -0
- package/dist/components/option/option.styles.d.ts +2 -0
- package/dist/components/option/option.styles.js +8 -0
- package/dist/components/popup/popup.d.ts +123 -0
- package/dist/components/popup/popup.js +10 -0
- package/dist/components/popup/popup.styles.d.ts +2 -0
- package/dist/components/popup/popup.styles.js +8 -0
- package/dist/components/progress-bar/progress-bar.d.ts +23 -0
- package/dist/components/progress-bar/progress-bar.js +11 -0
- package/dist/components/progress-bar/progress-bar.styles.d.ts +2 -0
- package/dist/components/progress-bar/progress-bar.styles.js +8 -0
- package/dist/components/progress-ring/progress-ring.d.ts +25 -0
- package/dist/components/progress-ring/progress-ring.js +11 -0
- package/dist/components/progress-ring/progress-ring.styles.d.ts +2 -0
- package/dist/components/progress-ring/progress-ring.styles.js +8 -0
- package/dist/components/radio/radio.d.ts +46 -0
- package/dist/components/radio/radio.js +19 -0
- package/dist/components/radio/radio.styles.d.ts +2 -0
- package/dist/components/radio/radio.styles.js +8 -0
- package/dist/components/radio-button/radio-button.d.ts +47 -0
- package/dist/components/radio-button/radio-button.js +13 -0
- package/dist/components/radio-button/radio-button.styles.d.ts +2 -0
- package/dist/components/radio-button/radio-button.styles.js +9 -0
- package/dist/components/radio-group/radio-group.d.ts +91 -0
- package/dist/components/radio-group/radio-group.js +16 -0
- package/dist/components/radio-group/radio-group.styles.d.ts +2 -0
- package/dist/components/radio-group/radio-group.styles.js +9 -0
- package/dist/components/relative-time/relative-time.d.ts +34 -0
- package/dist/components/relative-time/relative-time.js +9 -0
- package/dist/components/resize-observer/resize-observer.d.ts +31 -0
- package/dist/components/resize-observer/resize-observer.js +11 -0
- package/dist/components/resize-observer/resize-observer.styles.d.ts +2 -0
- package/dist/components/resize-observer/resize-observer.styles.js +8 -0
- package/dist/components/select/select.d.ts +166 -0
- package/dist/components/select/select.js +36 -0
- package/dist/components/select/select.styles.d.ts +2 -0
- package/dist/components/select/select.styles.js +9 -0
- package/dist/components/skeleton/skeleton.d.ts +21 -0
- package/dist/components/skeleton/skeleton.js +10 -0
- package/dist/components/skeleton/skeleton.styles.d.ts +2 -0
- package/dist/components/skeleton/skeleton.styles.js +8 -0
- package/dist/components/spinner/spinner.d.ts +21 -0
- package/dist/components/spinner/spinner.js +11 -0
- package/dist/components/spinner/spinner.styles.d.ts +2 -0
- package/dist/components/spinner/spinner.styles.js +8 -0
- package/dist/components/tab/tab.d.ts +44 -0
- package/dist/components/tab/tab.js +12 -0
- package/dist/components/tab/tab.styles.d.ts +2 -0
- package/dist/components/tab/tab.styles.js +8 -0
- package/dist/components/tab-group/tab-group.d.ts +61 -0
- package/dist/components/tab-group/tab-group.js +13 -0
- package/dist/components/tab-group/tab-group.styles.d.ts +2 -0
- package/dist/components/tab-group/tab-group.styles.js +8 -0
- package/dist/components/tab-panel/tab-panel.d.ts +25 -0
- package/dist/components/tab-panel/tab-panel.js +11 -0
- package/dist/components/tab-panel/tab-panel.styles.d.ts +2 -0
- package/dist/components/tab-panel/tab-panel.styles.js +8 -0
- package/dist/components/tag/tag.d.ts +34 -0
- package/dist/components/tag/tag.js +22 -0
- package/dist/components/tag/tag.styles.d.ts +2 -0
- package/dist/components/tag/tag.styles.js +8 -0
- package/dist/components/textarea/textarea.d.ts +137 -0
- package/dist/components/textarea/textarea.js +17 -0
- package/dist/components/textarea/textarea.styles.d.ts +2 -0
- package/dist/components/textarea/textarea.styles.js +9 -0
- package/dist/components/tooltip/tooltip.d.ts +80 -0
- package/dist/components/tooltip/tooltip.js +17 -0
- package/dist/components/tooltip/tooltip.styles.d.ts +2 -0
- package/dist/components/tooltip/tooltip.styles.js +8 -0
- package/dist/components/tree/tree.d.ts +53 -0
- package/dist/components/tree/tree.js +33 -0
- package/dist/components/tree/tree.styles.d.ts +2 -0
- package/dist/components/tree/tree.styles.js +8 -0
- package/dist/components/tree-item/tree-item.d.ts +69 -0
- package/dist/components/tree-item/tree-item.js +31 -0
- package/dist/components/tree-item/tree-item.styles.d.ts +2 -0
- package/dist/components/tree-item/tree-item.styles.js +8 -0
- package/dist/components/visually-hidden/visually-hidden.d.ts +17 -0
- package/dist/components/visually-hidden/visually-hidden.js +10 -0
- package/dist/components/visually-hidden/visually-hidden.styles.d.ts +2 -0
- package/dist/components/visually-hidden/visually-hidden.styles.js +8 -0
- package/dist/custom-elements.json +14628 -0
- package/dist/design-system-autoloader.d.ts +4 -0
- package/dist/design-system-autoloader.js +46 -0
- package/dist/design-system.d.ts +58 -0
- package/dist/design-system.js +309 -0
- package/dist/events/dsa-after-collapse.d.ts +7 -0
- package/dist/events/dsa-after-collapse.js +1 -0
- package/dist/events/dsa-after-expand.d.ts +7 -0
- package/dist/events/dsa-after-expand.js +1 -0
- package/dist/events/dsa-after-hide.d.ts +7 -0
- package/dist/events/dsa-after-hide.js +1 -0
- package/dist/events/dsa-after-show.d.ts +7 -0
- package/dist/events/dsa-after-show.js +1 -0
- package/dist/events/dsa-blur.d.ts +7 -0
- package/dist/events/dsa-blur.js +1 -0
- package/dist/events/dsa-cancel.d.ts +7 -0
- package/dist/events/dsa-cancel.js +1 -0
- package/dist/events/dsa-change.d.ts +7 -0
- package/dist/events/dsa-change.js +1 -0
- package/dist/events/dsa-clear.d.ts +7 -0
- package/dist/events/dsa-clear.js +1 -0
- package/dist/events/dsa-close.d.ts +7 -0
- package/dist/events/dsa-close.js +1 -0
- package/dist/events/dsa-collapse.d.ts +7 -0
- package/dist/events/dsa-collapse.js +1 -0
- package/dist/events/dsa-error.d.ts +9 -0
- package/dist/events/dsa-error.js +1 -0
- package/dist/events/dsa-expand.d.ts +7 -0
- package/dist/events/dsa-expand.js +1 -0
- package/dist/events/dsa-finish.d.ts +7 -0
- package/dist/events/dsa-finish.js +1 -0
- package/dist/events/dsa-focus.d.ts +7 -0
- package/dist/events/dsa-focus.js +1 -0
- package/dist/events/dsa-hide.d.ts +7 -0
- package/dist/events/dsa-hide.js +1 -0
- package/dist/events/dsa-hover.d.ts +10 -0
- package/dist/events/dsa-hover.js +1 -0
- package/dist/events/dsa-initial-focus.d.ts +7 -0
- package/dist/events/dsa-initial-focus.js +1 -0
- package/dist/events/dsa-input.d.ts +7 -0
- package/dist/events/dsa-input.js +1 -0
- package/dist/events/dsa-invalid.d.ts +7 -0
- package/dist/events/dsa-invalid.js +1 -0
- package/dist/events/dsa-lazy-change.d.ts +7 -0
- package/dist/events/dsa-lazy-change.js +1 -0
- package/dist/events/dsa-lazy-load.d.ts +7 -0
- package/dist/events/dsa-lazy-load.js +1 -0
- package/dist/events/dsa-load.d.ts +7 -0
- package/dist/events/dsa-load.js +1 -0
- package/dist/events/dsa-mutation.d.ts +9 -0
- package/dist/events/dsa-mutation.js +1 -0
- package/dist/events/dsa-remove.d.ts +7 -0
- package/dist/events/dsa-remove.js +1 -0
- package/dist/events/dsa-reposition.d.ts +7 -0
- package/dist/events/dsa-reposition.js +1 -0
- package/dist/events/dsa-request-close.d.ts +9 -0
- package/dist/events/dsa-request-close.js +1 -0
- package/dist/events/dsa-resize.d.ts +9 -0
- package/dist/events/dsa-resize.js +1 -0
- package/dist/events/dsa-select.d.ts +10 -0
- package/dist/events/dsa-select.js +1 -0
- package/dist/events/dsa-selection-change.d.ts +10 -0
- package/dist/events/dsa-selection-change.js +1 -0
- package/dist/events/dsa-show.d.ts +7 -0
- package/dist/events/dsa-show.js +1 -0
- package/dist/events/dsa-start.d.ts +7 -0
- package/dist/events/dsa-start.js +1 -0
- package/dist/events/dsa-tab-hide.d.ts +9 -0
- package/dist/events/dsa-tab-hide.js +1 -0
- package/dist/events/dsa-tab-show.d.ts +9 -0
- package/dist/events/dsa-tab-show.js +1 -0
- package/dist/events/events.d.ts +32 -0
- package/dist/events/events.js +1 -0
- package/dist/internal/animate.d.ts +22 -0
- package/dist/internal/animate.js +56 -0
- package/dist/internal/components/button-group/button-group.d.ts +34 -0
- package/dist/internal/components/button-group/button-group.js +110 -0
- package/dist/internal/components/button-group/button-group.styles.d.ts +2 -0
- package/dist/internal/components/button-group/button-group.styles.js +19 -0
- package/dist/internal/debounce.d.ts +1 -0
- package/dist/internal/debounce.js +26 -0
- package/dist/internal/default-value.d.ts +2 -0
- package/dist/internal/default-value.js +38 -0
- package/dist/internal/drag.d.ts +15 -0
- package/dist/internal/drag.js +27 -0
- package/dist/internal/event.d.ts +2 -0
- package/dist/internal/event.js +12 -0
- package/dist/internal/form.d.ts +73 -0
- package/dist/internal/form.js +328 -0
- package/dist/internal/math.d.ts +2 -0
- package/dist/internal/math.js +11 -0
- package/dist/internal/modal.d.ts +12 -0
- package/dist/internal/modal.js +51 -0
- package/dist/internal/offset.d.ts +11 -0
- package/dist/internal/offset.js +13 -0
- package/dist/internal/scroll.d.ts +11 -0
- package/dist/internal/scroll.js +63 -0
- package/dist/internal/shoelace-element.d.ts +43 -0
- package/dist/internal/shoelace-element.js +21 -0
- package/dist/internal/slot.d.ts +23 -0
- package/dist/internal/slot.js +84 -0
- package/dist/internal/string.d.ts +2 -0
- package/dist/internal/string.js +4 -0
- package/dist/internal/tabbable.d.ts +8 -0
- package/dist/internal/tabbable.js +79 -0
- package/dist/internal/test/data-testid-helpers.d.ts +12 -0
- package/dist/internal/test/data-testid-helpers.js +14 -0
- package/dist/internal/test/element-visible-overflow.d.ts +11 -0
- package/dist/internal/test/element-visible-overflow.js +18 -0
- package/dist/internal/test/form-control-base-tests.d.ts +7 -0
- package/dist/internal/test/form-control-base-tests.js +262 -0
- package/dist/internal/test/wait-for-scrolling.d.ts +9 -0
- package/dist/internal/test/wait-for-scrolling.js +34 -0
- package/dist/internal/test.d.ts +20 -0
- package/dist/internal/test.js +71 -0
- package/dist/internal/watch.d.ts +26 -0
- package/dist/internal/watch.js +38 -0
- package/dist/styles/component.styles.d.ts +2 -0
- package/dist/styles/component.styles.js +16 -0
- package/dist/styles/form-control.styles.d.ts +2 -0
- package/dist/styles/form-control.styles.js +142 -0
- package/dist/themes/dsa-wc-theme.css +1218 -0
- package/dist/themes/dsa-wc-theme.min.css +1 -0
- package/dist/themes/dsa-wc-theme.styles.js +1229 -0
- package/dist/translations/en-gb.d.ts +3 -0
- package/dist/translations/en-gb.js +21 -0
- package/dist/translations/en.d.ts +3 -0
- package/dist/translations/en.js +7 -0
- package/dist/translations/fr.d.ts +3 -0
- package/dist/translations/fr.js +7 -0
- package/dist/utilities/animation-registry.d.ts +24 -0
- package/dist/utilities/animation-registry.js +11 -0
- package/dist/utilities/animation.d.ts +1 -0
- package/dist/utilities/animation.js +10 -0
- package/dist/utilities/base-path.d.ts +18 -0
- package/dist/utilities/base-path.js +9 -0
- package/dist/utilities/form.d.ts +11 -0
- package/dist/utilities/form.js +43 -0
- package/dist/utilities/icon-library.d.ts +1 -0
- package/dist/utilities/icon-library.js +13 -0
- package/dist/utilities/localize.d.ts +39 -0
- package/dist/utilities/localize.js +9 -0
- package/dist/utilities/storybook.d.ts +46 -0
- package/dist/utilities/storybook.js +54 -0
- package/dist/vscode.html-custom-data.json +2392 -0
- package/dist/web-types.json +8687 -0
- package/package.json +109 -0
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ShoelaceElement } from '../../internal/shoelace-element';
|
|
2
|
+
/**
|
|
3
|
+
* @summary Formats a number using the specified locale and options.
|
|
4
|
+
* @documentation https://shoelace.style/components/format-number
|
|
5
|
+
* @status stable
|
|
6
|
+
* @since 2.0
|
|
7
|
+
*/
|
|
8
|
+
export default class DSAFormatNumber extends ShoelaceElement {
|
|
9
|
+
private readonly localize;
|
|
10
|
+
/** The number to format. */
|
|
11
|
+
value: number;
|
|
12
|
+
/** The formatting style to use. */
|
|
13
|
+
type: 'currency' | 'decimal' | 'percent';
|
|
14
|
+
/** Turns off grouping separators. */
|
|
15
|
+
noGrouping: boolean;
|
|
16
|
+
/** The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting. */
|
|
17
|
+
currency: string;
|
|
18
|
+
/** How to display the currency. */
|
|
19
|
+
currencyDisplay: 'symbol' | 'narrowSymbol' | 'code' | 'name';
|
|
20
|
+
/** The minimum number of integer digits to use. Possible values are 1-21. */
|
|
21
|
+
minimumIntegerDigits: number;
|
|
22
|
+
/** The minimum number of fraction digits to use. Possible values are 0-20. */
|
|
23
|
+
minimumFractionDigits: number;
|
|
24
|
+
/** The maximum number of fraction digits to use. Possible values are 0-0. */
|
|
25
|
+
maximumFractionDigits: number;
|
|
26
|
+
/** The minimum number of significant digits to use. Possible values are 1-21. */
|
|
27
|
+
minimumSignificantDigits: number;
|
|
28
|
+
/** The maximum number of significant digits to use,. Possible values are 1-21. */
|
|
29
|
+
maximumSignificantDigits: number;
|
|
30
|
+
render(): string;
|
|
31
|
+
}
|
|
32
|
+
declare global {
|
|
33
|
+
interface HTMLElementTagNameMap {
|
|
34
|
+
'dsa-format-number': DSAFormatNumber;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { CSSResultGroup } from 'lit';
|
|
2
|
+
import { ShoelaceElement } from '../../internal/shoelace-element';
|
|
3
|
+
/**
|
|
4
|
+
* @summary Icons are symbols that can be used to represent various options within an application.
|
|
5
|
+
* @documentation https://shoelace.style/components/icon
|
|
6
|
+
*
|
|
7
|
+
* @event dsa-load - Emitted when the icon has loaded.
|
|
8
|
+
* @event dsa-error - Emitted when the icon fails to load due to an error.
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
11
|
+
export default class DSAIcon extends ShoelaceElement {
|
|
12
|
+
static styles: CSSResultGroup;
|
|
13
|
+
private svg;
|
|
14
|
+
/** The name of the icon to draw. Available names depend on the icon library being used. */
|
|
15
|
+
name?: string;
|
|
16
|
+
/**
|
|
17
|
+
* An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
|
|
18
|
+
* can result in XSS attacks.
|
|
19
|
+
*/
|
|
20
|
+
src?: string;
|
|
21
|
+
/**
|
|
22
|
+
* An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and
|
|
23
|
+
* ignored by assistive devices.
|
|
24
|
+
*/
|
|
25
|
+
label: string;
|
|
26
|
+
/** The name of a registered custom icon library. */
|
|
27
|
+
library: string;
|
|
28
|
+
connectedCallback(): void;
|
|
29
|
+
firstUpdated(): void;
|
|
30
|
+
disconnectedCallback(): void;
|
|
31
|
+
private getUrl;
|
|
32
|
+
handleLabelChange(): void;
|
|
33
|
+
setIcon(): Promise<void>;
|
|
34
|
+
render(): import("lit").TemplateResult<1>;
|
|
35
|
+
}
|
|
36
|
+
declare global {
|
|
37
|
+
interface HTMLElementTagNameMap {
|
|
38
|
+
'dsa-icon': DSAIcon;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DSAIcon
|
|
3
|
+
} from "../../chunks/chunk.G7AELPSO.js";
|
|
4
|
+
import "../../chunks/chunk.LMJPQPQT.js";
|
|
5
|
+
import "../../chunks/chunk.7J7CS3BK.js";
|
|
6
|
+
import "../../chunks/chunk.RDGMZ5XB.js";
|
|
7
|
+
import "../../chunks/chunk.I33L3NO6.js";
|
|
8
|
+
import "../../chunks/chunk.23TOS4ZE.js";
|
|
9
|
+
import "../../chunks/chunk.XNEONNEJ.js";
|
|
10
|
+
import "../../chunks/chunk.FDYFSRSX.js";
|
|
11
|
+
import "../../chunks/chunk.D7CATJYB.js";
|
|
12
|
+
import "../../chunks/chunk.YCXTCVAZ.js";
|
|
13
|
+
import "../../chunks/chunk.TUVJKY7S.js";
|
|
14
|
+
import "../../chunks/chunk.6M63UXML.js";
|
|
15
|
+
export {
|
|
16
|
+
DSAIcon as default
|
|
17
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type DSAIcon from '../icon/icon';
|
|
2
|
+
export type IconLibraryResolver = (name: string) => string;
|
|
3
|
+
export type IconLibraryMutator = (svg: SVGElement) => void;
|
|
4
|
+
export interface IconLibrary {
|
|
5
|
+
name: string;
|
|
6
|
+
resolver: IconLibraryResolver;
|
|
7
|
+
mutator?: IconLibraryMutator;
|
|
8
|
+
}
|
|
9
|
+
/** Adds an icon to the list of watched icons. */
|
|
10
|
+
export declare function watchIcon(icon: DSAIcon): void;
|
|
11
|
+
/** Removes an icon from the list of watched icons. */
|
|
12
|
+
export declare function unwatchIcon(icon: DSAIcon): void;
|
|
13
|
+
/** Returns a library from the registry. */
|
|
14
|
+
export declare function getIconLibrary(name?: string): IconLibrary | undefined;
|
|
15
|
+
/** Adds an icon library to the registry, or overrides an existing one. */
|
|
16
|
+
export declare function registerIconLibrary(name: string, options: {
|
|
17
|
+
resolver: IconLibraryResolver;
|
|
18
|
+
mutator?: IconLibraryMutator;
|
|
19
|
+
}): void;
|
|
20
|
+
/** Removes an icon library from the registry. */
|
|
21
|
+
export declare function unregisterIconLibrary(name: string): void;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import {
|
|
2
|
+
getIconLibrary,
|
|
3
|
+
registerIconLibrary,
|
|
4
|
+
unregisterIconLibrary,
|
|
5
|
+
unwatchIcon,
|
|
6
|
+
watchIcon
|
|
7
|
+
} from "../../chunks/chunk.7J7CS3BK.js";
|
|
8
|
+
import "../../chunks/chunk.RDGMZ5XB.js";
|
|
9
|
+
import "../../chunks/chunk.I33L3NO6.js";
|
|
10
|
+
import "../../chunks/chunk.FDYFSRSX.js";
|
|
11
|
+
import "../../chunks/chunk.6M63UXML.js";
|
|
12
|
+
export {
|
|
13
|
+
getIconLibrary,
|
|
14
|
+
registerIconLibrary,
|
|
15
|
+
unregisterIconLibrary,
|
|
16
|
+
unwatchIcon,
|
|
17
|
+
watchIcon
|
|
18
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import type { CSSResultGroup } from 'lit';
|
|
2
|
+
import { ShoelaceElement } from '../../internal/shoelace-element';
|
|
3
|
+
import '../icon/icon';
|
|
4
|
+
/**
|
|
5
|
+
* @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
|
|
6
|
+
* @documentation https://shoelace.style/components/icon-button
|
|
7
|
+
*
|
|
8
|
+
* @dependency dsa-icon
|
|
9
|
+
*
|
|
10
|
+
* @event dsa-blur - Emitted when the icon button loses focus.
|
|
11
|
+
* @event dsa-focus - Emitted when the icon button gains focus.
|
|
12
|
+
*
|
|
13
|
+
|
|
14
|
+
*/
|
|
15
|
+
export default class DSAIconButton extends ShoelaceElement {
|
|
16
|
+
static styles: CSSResultGroup;
|
|
17
|
+
button: HTMLButtonElement | HTMLLinkElement;
|
|
18
|
+
/** @internal */
|
|
19
|
+
hasFocus: boolean;
|
|
20
|
+
/** @internal */
|
|
21
|
+
disableTabIndex: boolean;
|
|
22
|
+
/** The name of the icon to draw. Available names depend on the icon library being used. */
|
|
23
|
+
name?: string;
|
|
24
|
+
/** The name of a registered custom icon library. */
|
|
25
|
+
library?: string;
|
|
26
|
+
/**
|
|
27
|
+
* An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
|
|
28
|
+
* can result in XSS attacks.
|
|
29
|
+
*/
|
|
30
|
+
src?: string;
|
|
31
|
+
/** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
|
|
32
|
+
href?: string;
|
|
33
|
+
/** Tells the browser where to open the link. Only used when `href` is set. */
|
|
34
|
+
target?: '_blank' | '_parent' | '_self' | '_top';
|
|
35
|
+
/** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
|
|
36
|
+
download?: string;
|
|
37
|
+
/**
|
|
38
|
+
* A description that gets read by assistive devices. For optimal accessibility, you should always include a label
|
|
39
|
+
* that describes what the icon button does.
|
|
40
|
+
*/
|
|
41
|
+
label: string;
|
|
42
|
+
/** Disables the button. */
|
|
43
|
+
disabled: boolean;
|
|
44
|
+
private handleBlur;
|
|
45
|
+
private handleFocus;
|
|
46
|
+
private handleClick;
|
|
47
|
+
/** Simulates a click on the icon button. */
|
|
48
|
+
click(): void;
|
|
49
|
+
/** Sets focus on the icon button. */
|
|
50
|
+
focus(options?: FocusOptions): void;
|
|
51
|
+
/** Removes focus from the icon button. */
|
|
52
|
+
blur(): void;
|
|
53
|
+
render(): import("lit").TemplateResult<1 | 2>;
|
|
54
|
+
}
|
|
55
|
+
declare global {
|
|
56
|
+
interface HTMLElementTagNameMap {
|
|
57
|
+
'dsa-icon-button': DSAIconButton;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DSAIconButton
|
|
3
|
+
} from "../../chunks/chunk.XSCX6TC5.js";
|
|
4
|
+
import "../../chunks/chunk.QFJA3MTV.js";
|
|
5
|
+
import "../../chunks/chunk.G7AELPSO.js";
|
|
6
|
+
import "../../chunks/chunk.LMJPQPQT.js";
|
|
7
|
+
import "../../chunks/chunk.7J7CS3BK.js";
|
|
8
|
+
import "../../chunks/chunk.RDGMZ5XB.js";
|
|
9
|
+
import "../../chunks/chunk.I33L3NO6.js";
|
|
10
|
+
import "../../chunks/chunk.23TOS4ZE.js";
|
|
11
|
+
import "../../chunks/chunk.XNEONNEJ.js";
|
|
12
|
+
import "../../chunks/chunk.FDYFSRSX.js";
|
|
13
|
+
import "../../chunks/chunk.D7CATJYB.js";
|
|
14
|
+
import "../../chunks/chunk.YCXTCVAZ.js";
|
|
15
|
+
import "../../chunks/chunk.TUVJKY7S.js";
|
|
16
|
+
import "../../chunks/chunk.6M63UXML.js";
|
|
17
|
+
export {
|
|
18
|
+
DSAIconButton as default
|
|
19
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { CSSResultGroup } from 'lit';
|
|
2
|
+
import { ShoelaceElement } from '../../internal/shoelace-element';
|
|
3
|
+
/**
|
|
4
|
+
* @summary Includes give you the power to embed external HTML files into the page.
|
|
5
|
+
* @documentation https://shoelace.style/components/include
|
|
6
|
+
*
|
|
7
|
+
* @event dsa-load - Emitted when the included file is loaded.
|
|
8
|
+
* @event {{ status: number }} dsa-error - Emitted when the included file fails to load due to an error.
|
|
9
|
+
*/
|
|
10
|
+
export default class DSAInclude extends ShoelaceElement {
|
|
11
|
+
static styles: CSSResultGroup;
|
|
12
|
+
/**
|
|
13
|
+
* The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as
|
|
14
|
+
* code and can result in XSS attacks.
|
|
15
|
+
*/
|
|
16
|
+
src: string;
|
|
17
|
+
/** The fetch mode to use. */
|
|
18
|
+
mode: 'cors' | 'no-cors' | 'same-origin';
|
|
19
|
+
/**
|
|
20
|
+
* Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as
|
|
21
|
+
* code and can result in XSS attacks.
|
|
22
|
+
*/
|
|
23
|
+
allowScripts: boolean;
|
|
24
|
+
private executeScript;
|
|
25
|
+
handleSrcChange(): Promise<void>;
|
|
26
|
+
render(): import("lit").TemplateResult<1>;
|
|
27
|
+
}
|
|
28
|
+
declare global {
|
|
29
|
+
interface HTMLElementTagNameMap {
|
|
30
|
+
'dsa-include': DSAInclude;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DSAInclude
|
|
3
|
+
} from "../../chunks/chunk.4A3WMGMZ.js";
|
|
4
|
+
import "../../chunks/chunk.NNBOLKWI.js";
|
|
5
|
+
import "../../chunks/chunk.XNEONNEJ.js";
|
|
6
|
+
import "../../chunks/chunk.D7CATJYB.js";
|
|
7
|
+
import "../../chunks/chunk.YCXTCVAZ.js";
|
|
8
|
+
import "../../chunks/chunk.TUVJKY7S.js";
|
|
9
|
+
import "../../chunks/chunk.6M63UXML.js";
|
|
10
|
+
export {
|
|
11
|
+
DSAInclude as default
|
|
12
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface IncludeFile {
|
|
2
|
+
ok: boolean;
|
|
3
|
+
status: number;
|
|
4
|
+
html: string;
|
|
5
|
+
}
|
|
6
|
+
/** Fetches an include file from a remote source. Caching is enabled so the origin is only pinged once. */
|
|
7
|
+
export declare function requestInclude(src: string, mode?: 'cors' | 'no-cors' | 'same-origin'): Promise<IncludeFile>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import type { CSSResultGroup } from 'lit';
|
|
2
|
+
import { ShoelaceElement } from '../../internal/shoelace-element';
|
|
3
|
+
import type { ShoelaceFormControl } from '../../internal/shoelace-element';
|
|
4
|
+
import '../error-text/error-text';
|
|
5
|
+
import '../icon/icon';
|
|
6
|
+
import type { DSAInputTypes } from './input.utils';
|
|
7
|
+
/**
|
|
8
|
+
* @summary Inputs collect data from the user.
|
|
9
|
+
*
|
|
10
|
+
* @documentation https://dsa.service-public-autonomie.fr/062dac5f6/p/16b39d-input
|
|
11
|
+
*
|
|
12
|
+
* @dependency dsa-icon
|
|
13
|
+
* @dependency dsa-error-text
|
|
14
|
+
*
|
|
15
|
+
* @slot label - The input's label. Alternatively, you can use the `label` attribute.
|
|
16
|
+
* @slot prefix - Used to prepend a presentational icon or similar element to the input.
|
|
17
|
+
* @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
|
|
18
|
+
*
|
|
19
|
+
* @event dsa-blur - Emitted when the control loses focus.
|
|
20
|
+
* @event dsa-change - Emitted when an alteration to the control's value is committed by the user.
|
|
21
|
+
* @event dsa-clear - Emitted when the clear button is activated.
|
|
22
|
+
* @event dsa-focus - Emitted when the control gains focus.
|
|
23
|
+
* @event dsa-input - Emitted when the control receives input.
|
|
24
|
+
* @event dsa-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
|
|
25
|
+
*/
|
|
26
|
+
export default class DSAInput extends ShoelaceElement implements ShoelaceFormControl {
|
|
27
|
+
static styles: CSSResultGroup;
|
|
28
|
+
private readonly formControlController;
|
|
29
|
+
private readonly hasSlotController;
|
|
30
|
+
private readonly localize;
|
|
31
|
+
input: HTMLInputElement;
|
|
32
|
+
private hasFocus;
|
|
33
|
+
/** The title contains a text representing advisory information related to the element it belongs to. */
|
|
34
|
+
title: string;
|
|
35
|
+
/**
|
|
36
|
+
* The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults
|
|
37
|
+
* to `text`.
|
|
38
|
+
*/
|
|
39
|
+
type: DSAInputTypes;
|
|
40
|
+
/** The name of the input, submitted as a name/value pair with form data. */
|
|
41
|
+
name: string;
|
|
42
|
+
/** The current value of the input, submitted as a name/value pair with form data. */
|
|
43
|
+
value: string;
|
|
44
|
+
/** The default value of the form control. Primarily used for resetting the form control. */
|
|
45
|
+
defaultValue: string;
|
|
46
|
+
/** The input's size. */
|
|
47
|
+
size: 'small' | 'medium' | 'large';
|
|
48
|
+
/** The input's variant. */
|
|
49
|
+
variant: 'base' | 'layer';
|
|
50
|
+
/** The input's label. If you need to display HTML, use the `label` slot instead. */
|
|
51
|
+
label: string;
|
|
52
|
+
/** The input's help text. If you need to display HTML, use the `help-text` slot instead. */
|
|
53
|
+
helpText: string;
|
|
54
|
+
/** Adds a clear button when the input is not empty. */
|
|
55
|
+
clearable: boolean;
|
|
56
|
+
/** Disables the input. */
|
|
57
|
+
disabled: boolean;
|
|
58
|
+
/** Placeholder text to show as a hint when the input is empty. */
|
|
59
|
+
placeholder: string;
|
|
60
|
+
/** Makes the input readonly. */
|
|
61
|
+
readonly: boolean;
|
|
62
|
+
/** Determines whether or not the password is currently visible. Only applies to password input types. */
|
|
63
|
+
passwordVisible: boolean;
|
|
64
|
+
/** Indicates whether the input should be in error state */
|
|
65
|
+
error: boolean;
|
|
66
|
+
/** An error message that is shown when `error` is set to true */
|
|
67
|
+
errorMessage: string;
|
|
68
|
+
/**
|
|
69
|
+
* By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
|
|
70
|
+
* to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
|
|
71
|
+
* the same document or shadow root for this to work.
|
|
72
|
+
*/
|
|
73
|
+
form: string;
|
|
74
|
+
/** Makes the input a required field. */
|
|
75
|
+
required: boolean;
|
|
76
|
+
/** A regular expression pattern to validate input against. */
|
|
77
|
+
pattern: string;
|
|
78
|
+
/** The minimum length of input that will be considered valid. */
|
|
79
|
+
minlength: number;
|
|
80
|
+
/** The maximum length of input that will be considered valid. */
|
|
81
|
+
maxlength: number;
|
|
82
|
+
/** The input's minimum value. Only applies to date and number input types. */
|
|
83
|
+
min: number | string;
|
|
84
|
+
/** The input's maximum value. Only applies to date and number input types. */
|
|
85
|
+
max: number | string;
|
|
86
|
+
/**
|
|
87
|
+
* Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
|
|
88
|
+
* implied, allowing any numeric value. Only applies to date and number input types.
|
|
89
|
+
*/
|
|
90
|
+
step: number | 'any';
|
|
91
|
+
/** Controls whether and how text input is automatically capitalized as it is entered by the user. */
|
|
92
|
+
autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
|
|
93
|
+
/** Indicates whether the browser's autocorrect feature is on or off. */
|
|
94
|
+
autocorrect: 'off' | 'on';
|
|
95
|
+
/**
|
|
96
|
+
* Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
|
|
97
|
+
* [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
|
|
98
|
+
*/
|
|
99
|
+
autocomplete: string;
|
|
100
|
+
/** Indicates that the input should receive focus on page load. */
|
|
101
|
+
autofocus: boolean;
|
|
102
|
+
/** Used to customize the label or icon of the Enter key on virtual keyboards. */
|
|
103
|
+
enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
|
|
104
|
+
/** Enables spell checking on the input. */
|
|
105
|
+
spellcheck: boolean;
|
|
106
|
+
/**
|
|
107
|
+
* Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
|
|
108
|
+
* keyboard on supportive devices.
|
|
109
|
+
*/
|
|
110
|
+
inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
|
|
111
|
+
/** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
|
|
112
|
+
get valueAsDate(): Date | null;
|
|
113
|
+
set valueAsDate(newValue: Date | null);
|
|
114
|
+
/** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
|
|
115
|
+
get valueAsNumber(): number;
|
|
116
|
+
set valueAsNumber(newValue: number);
|
|
117
|
+
/** Gets the validity state object */
|
|
118
|
+
get validity(): ValidityState;
|
|
119
|
+
/** Gets the validation message */
|
|
120
|
+
get validationMessage(): string;
|
|
121
|
+
firstUpdated(): void;
|
|
122
|
+
private handleBlur;
|
|
123
|
+
private handleChange;
|
|
124
|
+
private handleClearClick;
|
|
125
|
+
private handleFocus;
|
|
126
|
+
private handleInput;
|
|
127
|
+
private handleInvalid;
|
|
128
|
+
private handleKeyDown;
|
|
129
|
+
private handlePasswordToggle;
|
|
130
|
+
private getPickerIcon;
|
|
131
|
+
handleErrorChange(): void;
|
|
132
|
+
handleDisabledChange(): void;
|
|
133
|
+
handleStepChange(): void;
|
|
134
|
+
handleValueChange(): Promise<void>;
|
|
135
|
+
/** Sets focus on the input. */
|
|
136
|
+
focus(options?: FocusOptions): void;
|
|
137
|
+
/** Removes focus from the input. */
|
|
138
|
+
blur(): void;
|
|
139
|
+
/** Selects all the text in the input. */
|
|
140
|
+
select(): void;
|
|
141
|
+
/** Sets the start and end positions of the text selection (0-based). */
|
|
142
|
+
setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): void;
|
|
143
|
+
/** Replaces a range of text with a new string. */
|
|
144
|
+
setRangeText(replacement: string, start?: number, end?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): void;
|
|
145
|
+
/** Displays the browser picker for an input element (only works if the browser supports it for the input type). */
|
|
146
|
+
showPicker(): void;
|
|
147
|
+
/** Increments the value of a numeric input type by the value of the step attribute. */
|
|
148
|
+
stepUp(): void;
|
|
149
|
+
/** Decrements the value of a numeric input type by the value of the step attribute. */
|
|
150
|
+
stepDown(): void;
|
|
151
|
+
/** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
|
|
152
|
+
checkValidity(): boolean;
|
|
153
|
+
/** Gets the associated form, if one exists. */
|
|
154
|
+
getForm(): HTMLFormElement | null;
|
|
155
|
+
/** Checks for validity and shows the browser's validation message if the control is invalid. */
|
|
156
|
+
reportValidity(): boolean;
|
|
157
|
+
/** Sets a custom validation message. Pass an empty string to restore validity. */
|
|
158
|
+
setCustomValidity(message: string): void;
|
|
159
|
+
render(): import("lit").TemplateResult<1>;
|
|
160
|
+
}
|
|
161
|
+
declare global {
|
|
162
|
+
interface HTMLElementTagNameMap {
|
|
163
|
+
'dsa-input': DSAInput;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import {
|
|
2
|
+
DSAInput
|
|
3
|
+
} from "../../chunks/chunk.YS7MY5CH.js";
|
|
4
|
+
import "../../chunks/chunk.WNHQYL5W.js";
|
|
5
|
+
import "../../chunks/chunk.KBT2EKLF.js";
|
|
6
|
+
import "../../chunks/chunk.GI7VDIWX.js";
|
|
7
|
+
import "../../chunks/chunk.CPXD6UYZ.js";
|
|
8
|
+
import "../../chunks/chunk.EYZGEU3G.js";
|
|
9
|
+
import "../../chunks/chunk.KIFBWPW5.js";
|
|
10
|
+
import "../../chunks/chunk.YIY5RM53.js";
|
|
11
|
+
import "../../chunks/chunk.3RBCYA4F.js";
|
|
12
|
+
import "../../chunks/chunk.5XL2LZLC.js";
|
|
13
|
+
import "../../chunks/chunk.G7AELPSO.js";
|
|
14
|
+
import "../../chunks/chunk.LMJPQPQT.js";
|
|
15
|
+
import "../../chunks/chunk.7J7CS3BK.js";
|
|
16
|
+
import "../../chunks/chunk.RDGMZ5XB.js";
|
|
17
|
+
import "../../chunks/chunk.I33L3NO6.js";
|
|
18
|
+
import "../../chunks/chunk.23TOS4ZE.js";
|
|
19
|
+
import "../../chunks/chunk.XNEONNEJ.js";
|
|
20
|
+
import "../../chunks/chunk.FDYFSRSX.js";
|
|
21
|
+
import "../../chunks/chunk.D7CATJYB.js";
|
|
22
|
+
import "../../chunks/chunk.YCXTCVAZ.js";
|
|
23
|
+
import "../../chunks/chunk.TUVJKY7S.js";
|
|
24
|
+
import "../../chunks/chunk.6M63UXML.js";
|
|
25
|
+
export {
|
|
26
|
+
DSAInput as default
|
|
27
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export type DSAInputTypes = 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url';
|
|
2
|
+
export type DSAInputOverridenPrefixIconTypes = Exclude<DSAInputTypes, 'number' | 'time' | 'text' | 'date' | 'datetime-local' | 'tel' | 'url'>;
|
|
3
|
+
export declare function isPrefixIconOverriden(type: DSAInputTypes): type is DSAInputOverridenPrefixIconTypes;
|
|
4
|
+
export declare function getOverridenIconDetails(type: DSAInputOverridenPrefixIconTypes): Record<"ariaLabel" | "iconName" | "partName", string>;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export interface DSAMaskConfig {
|
|
2
|
+
pattern: string;
|
|
3
|
+
placeholder: string;
|
|
4
|
+
'help-text': string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Input Mask configuration for IBAN from countries within the SEPA area.
|
|
8
|
+
* @type DSAMaskConfig
|
|
9
|
+
* @variables
|
|
10
|
+
* - pattern
|
|
11
|
+
* - placeholder
|
|
12
|
+
* - help-text
|
|
13
|
+
* @source https://regex101.com/r/HajaYs/1
|
|
14
|
+
* @specification https://www.iban.com/structure
|
|
15
|
+
*
|
|
16
|
+
* Make sure to set the validate property to `true`
|
|
17
|
+
*/
|
|
18
|
+
export declare const IBANConfig: DSAMaskConfig;
|
|
19
|
+
/**
|
|
20
|
+
* Input Mask configuration for BIC/Swift. Pattern compatible the 100 principal banks of France.
|
|
21
|
+
* @type DSAMaskConfig
|
|
22
|
+
* @variables
|
|
23
|
+
* - pattern
|
|
24
|
+
* - placeholder
|
|
25
|
+
* - help-text
|
|
26
|
+
* @source https://regex101.com/r/blHPgu/1
|
|
27
|
+
*
|
|
28
|
+
* Make sure to set the validate property to `true`
|
|
29
|
+
*/
|
|
30
|
+
export declare const BICConfig: DSAMaskConfig;
|
|
31
|
+
/**
|
|
32
|
+
* Input Mask configuration for NIR
|
|
33
|
+
* @type DSAMaskConfig
|
|
34
|
+
* @variables
|
|
35
|
+
* - pattern
|
|
36
|
+
* - placeholder
|
|
37
|
+
* - helpText
|
|
38
|
+
* @source https://regex101.com/r/sF0cT6/1
|
|
39
|
+
*
|
|
40
|
+
* Make sure to set the validate property to `true
|
|
41
|
+
*/
|
|
42
|
+
export declare const NIRConfig: DSAMaskConfig;
|