@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.5
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/components-build/bds-avatar.d.ts +11 -0
- package/components-build/bds-avatar.js +1 -0
- package/components-build/bds-badge.d.ts +11 -0
- package/components-build/bds-badge.js +1 -0
- package/components-build/bds-banner.js +1 -1
- package/components-build/bds-button-group.d.ts +11 -0
- package/components-build/bds-button-group.js +1 -0
- package/components-build/bds-button.js +1 -1
- package/components-build/bds-checkbox-card.d.ts +11 -0
- package/components-build/bds-checkbox-card.js +1 -0
- package/components-build/bds-checkbox.js +1 -1
- package/components-build/bds-dialog.js +1 -1
- package/components-build/bds-divider.d.ts +11 -0
- package/components-build/bds-divider.js +1 -0
- package/components-build/bds-flag.js +1 -1
- package/components-build/bds-grid-item.d.ts +11 -0
- package/components-build/bds-grid-item.js +1 -0
- package/components-build/bds-grid.d.ts +11 -0
- package/components-build/bds-grid.js +1 -0
- package/components-build/bds-list-menu-item.d.ts +11 -0
- package/components-build/bds-list-menu-item.js +1 -0
- package/components-build/bds-list-menu.d.ts +11 -0
- package/components-build/bds-list-menu.js +1 -0
- package/components-build/bds-popover.js +1 -1
- package/components-build/bds-radio-button.d.ts +11 -0
- package/components-build/bds-radio-button.js +1 -0
- package/components-build/bds-radio-card.d.ts +11 -0
- package/components-build/bds-radio-card.js +1 -0
- package/components-build/bds-radio-group.d.ts +11 -0
- package/components-build/bds-radio-group.js +1 -0
- package/components-build/bds-radio.d.ts +11 -0
- package/components-build/bds-radio.js +1 -0
- package/components-build/bds-spinner.js +1 -1
- package/components-build/bds-status.d.ts +11 -0
- package/components-build/bds-status.js +1 -0
- package/components-build/bds-tag.d.ts +11 -0
- package/components-build/bds-tag.js +1 -0
- package/components-build/bds-text-field.js +1 -1
- package/components-build/bds-toggle.d.ts +11 -0
- package/components-build/bds-toggle.js +1 -0
- package/components-build/bds-tooltip.js +1 -1
- package/components-build/bds-typography.js +1 -1
- package/components-build/index.js +1 -1
- package/components-build/p-BSlaf0ff.js +1 -0
- package/components-build/p-Bfazyxqi.js +1 -0
- package/components-build/p-CPvuMm5C.js +1 -0
- package/components-build/p-Cbibqaz0.js +1 -0
- package/components-build/p-ClR-wgiT.js +1 -0
- package/components-build/p-DfaYciGa.js +1 -0
- package/components-build/p-Dh8DSJs_.js +1 -0
- package/components-build/p-DhSchGPI.js +1 -0
- package/components-build/p-N_tqtRV2.js +1 -0
- package/components-build/p-bAMuJ4Jx.js +1 -0
- package/components-build/p-c2z3tneT.js +1 -0
- package/components-build/p-dz9-Q2N8.js +1 -0
- package/components-build/{p-CaHOghy5.js → p-fUK0GCeC.js} +1 -1
- package/components-build/p-iq2UuV7c.js +1 -0
- package/components-build/p-kGnB15Lz.js +1 -0
- package/components-build/p-nxYzL9uu.js +1 -0
- package/custom-elements.json +4611 -891
- package/dist/boreal-web-components/boreal-web-components.esm.js +1 -1
- package/dist/boreal-web-components/boreal-web-components.js +1 -1
- package/dist/boreal-web-components/css/boreal.css +1066 -1074
- package/dist/boreal-web-components/css/global.css +403 -407
- package/dist/boreal-web-components/css/theme-connect.css +163 -164
- package/dist/boreal-web-components/css/theme-engage.css +163 -164
- package/dist/boreal-web-components/css/theme-protect.css +163 -164
- package/dist/boreal-web-components/css/theme-proximus.css +164 -165
- package/dist/boreal-web-components/p-024d90b0.system.entry.js +1 -0
- package/dist/boreal-web-components/p-06DrzEMB.system.js +1 -0
- package/dist/boreal-web-components/p-11e4c0ec.system.entry.js +1 -0
- package/dist/boreal-web-components/p-147d6652.system.entry.js +1 -0
- package/dist/boreal-web-components/p-148d510f.entry.js +1 -0
- package/dist/boreal-web-components/p-19f9352d.entry.js +1 -0
- package/dist/boreal-web-components/p-277f142e.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-8c57e06a.entry.js → p-2adf2cd5.entry.js} +1 -1
- package/dist/boreal-web-components/p-2be4aa3a.system.entry.js +1 -0
- package/dist/boreal-web-components/p-340896b2.entry.js +1 -0
- package/dist/boreal-web-components/p-365e8e5c.system.entry.js +1 -0
- package/dist/boreal-web-components/p-3d4ce8eb.system.entry.js +1 -0
- package/dist/boreal-web-components/p-44a8fde5.entry.js +1 -0
- package/dist/boreal-web-components/{p-efe57901.system.entry.js → p-48ebbfbe.system.entry.js} +1 -1
- package/dist/boreal-web-components/{p-5fa53a80.system.entry.js → p-4dc01078.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-5681b294.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5ed75075.entry.js +1 -0
- package/dist/boreal-web-components/p-635f676b.system.entry.js +1 -0
- package/dist/boreal-web-components/p-6629be14.entry.js +1 -0
- package/dist/boreal-web-components/p-68b83680.system.entry.js +1 -0
- package/dist/boreal-web-components/p-6a60d134.system.entry.js +1 -0
- package/dist/boreal-web-components/p-71ed1e1d.entry.js +1 -0
- package/dist/boreal-web-components/p-732e98f1.system.entry.js +1 -0
- package/dist/boreal-web-components/p-77658a5b.system.entry.js +1 -0
- package/dist/boreal-web-components/p-7aff4c78.entry.js +1 -0
- package/dist/boreal-web-components/p-7bb88855.entry.js +1 -0
- package/dist/boreal-web-components/p-7d3a8f61.entry.js +1 -0
- package/dist/boreal-web-components/p-7e672cce.entry.js +1 -0
- package/dist/boreal-web-components/p-7ebc67c9.entry.js +1 -0
- package/dist/boreal-web-components/p-81401e2a.system.entry.js +1 -0
- package/dist/boreal-web-components/p-8289e506.entry.js +1 -0
- package/dist/boreal-web-components/p-82d15372.entry.js +1 -0
- package/dist/boreal-web-components/p-851c06f2.entry.js +1 -0
- package/dist/boreal-web-components/p-8a3716ec.entry.js +1 -0
- package/dist/boreal-web-components/p-8f4f8af0.system.entry.js +1 -0
- package/dist/boreal-web-components/p-93066db4.system.entry.js +1 -0
- package/dist/boreal-web-components/p-Bfazyxqi.js +1 -0
- package/dist/boreal-web-components/{p-D4EFsvs1.js → p-BqJlOB6b.js} +2 -2
- package/dist/boreal-web-components/p-BsZkk4oK.system.js +1 -0
- package/dist/boreal-web-components/p-C-g3hhl_.system.js +1 -0
- package/dist/boreal-web-components/p-C0P3gzq5.system.js +1 -0
- package/dist/boreal-web-components/p-C4HM8wQe.js +1 -0
- package/dist/boreal-web-components/p-CPvuMm5C.js +1 -0
- package/dist/boreal-web-components/p-CRMH6mfq.system.js +1 -0
- package/dist/boreal-web-components/p-CU_dRLdk.system.js +1 -0
- package/dist/boreal-web-components/p-CW4-dkCF.system.js +1 -0
- package/dist/boreal-web-components/p-CXz1RLGi.system.js +1 -0
- package/dist/boreal-web-components/p-DCKg5Cg_.system.js +2 -0
- package/dist/boreal-web-components/{p-BuxZeJbu.system.js → p-DSU8tkVw.system.js} +1 -1
- package/dist/boreal-web-components/p-DYlZcFrB.system.js +1 -0
- package/dist/boreal-web-components/p-DfaYciGa.js +1 -0
- package/dist/boreal-web-components/p-DhSchGPI.js +1 -0
- package/dist/boreal-web-components/p-DlVzZK7o.js +1 -0
- package/dist/boreal-web-components/p-DlYG-OVB.js +1 -0
- package/dist/boreal-web-components/p-DnIhjwCH.system.js +1 -0
- package/dist/boreal-web-components/p-DpnBDSUm.system.js +1 -0
- package/dist/boreal-web-components/p-Dwo1hcd9.js +1 -0
- package/dist/boreal-web-components/p-RhSdMyWk.system.js +1 -0
- package/dist/boreal-web-components/{p-CaHOghy5.js → p-U9yfbs7i.js} +1 -1
- package/dist/boreal-web-components/p-a73659ac.system.entry.js +1 -0
- package/dist/boreal-web-components/p-b2ad9535.system.entry.js +1 -0
- package/dist/boreal-web-components/p-d4c30d2b.entry.js +1 -0
- package/dist/boreal-web-components/p-db0c10b9.system.entry.js +1 -0
- package/dist/boreal-web-components/p-dc7d429c.entry.js +1 -0
- package/dist/boreal-web-components/p-dca16a3d.entry.js +1 -0
- package/dist/boreal-web-components/p-de846c43.system.entry.js +1 -0
- package/dist/boreal-web-components/p-df087e23.system.entry.js +1 -0
- package/dist/boreal-web-components/p-dfb4854e.entry.js +1 -0
- package/dist/boreal-web-components/p-dz9-Q2N8.js +1 -0
- package/dist/boreal-web-components/p-e09b4d14.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e0a41cab.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e55f2a8b.entry.js +1 -0
- package/dist/boreal-web-components/p-e7af1e1a.entry.js +1 -0
- package/dist/boreal-web-components/p-efe159aa.entry.js +1 -0
- package/dist/boreal-web-components/p-f65e9d0c.system.entry.js +1 -0
- package/dist/boreal-web-components/p-f792aa74.entry.js +1 -0
- package/dist/boreal-web-components/p-fb9a0e94.entry.js +1 -0
- package/dist/boreal-web-components/p-iq2UuV7c.js +1 -0
- package/dist/boreal-web-components/p-kGnB15Lz.js +1 -0
- package/dist/boreal-web-components/p-vzZJGcYF.system.js +1 -0
- package/dist/boreal-web-components/p-wREMI3WA.js +1 -0
- package/dist/boreal-web-components/scss/maps/_primitives.scss +404 -408
- package/dist/boreal-web-components/scss/maps/_theme-connect.scss +164 -165
- package/dist/boreal-web-components/scss/maps/_theme-engage.scss +164 -165
- package/dist/boreal-web-components/scss/maps/_theme-protect.scss +164 -165
- package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +165 -166
- package/dist/boreal-web-components/scss/variables/_primitives.scss +404 -408
- package/dist/boreal-web-components/scss/variables/_theme-connect.scss +164 -165
- package/dist/boreal-web-components/scss/variables/_theme-engage.scss +164 -165
- package/dist/boreal-web-components/scss/variables/_theme-protect.scss +164 -165
- package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +165 -166
- package/dist/cjs/BaseAttributes-DBBhKt7O.js +14 -0
- package/dist/cjs/Keys-rKl2za5q.js +18 -0
- package/dist/cjs/Logger-DnziItRH.js +51 -0
- package/dist/cjs/{attributes-wIHueigW.js → attributes-CgRFplrN.js} +3 -0
- package/dist/cjs/bds-avatar.cjs.entry.js +89 -0
- package/dist/cjs/bds-badge.cjs.entry.js +50 -0
- package/dist/cjs/bds-banner.cjs.entry.js +13 -6
- package/dist/cjs/bds-button-group.cjs.entry.js +95 -0
- package/dist/cjs/bds-button.cjs.entry.js +11 -17
- package/dist/cjs/bds-checkbox-card.cjs.entry.js +121 -0
- package/dist/cjs/bds-checkbox.cjs.entry.js +13 -6
- package/dist/cjs/bds-dialog.cjs.entry.js +8 -7
- package/dist/cjs/bds-divider.cjs.entry.js +46 -0
- package/dist/cjs/bds-flag.cjs.entry.js +3 -3
- package/dist/cjs/bds-grid-item.cjs.entry.js +93 -0
- package/dist/cjs/bds-grid.cjs.entry.js +37 -0
- package/dist/cjs/bds-list-menu-item.cjs.entry.js +493 -0
- package/dist/cjs/bds-list-menu.cjs.entry.js +199 -0
- package/dist/cjs/bds-popover.cjs.entry.js +19 -9
- package/dist/cjs/bds-radio-button.cjs.entry.js +60 -0
- package/dist/cjs/bds-radio-card.cjs.entry.js +76 -0
- package/dist/cjs/bds-radio-group.cjs.entry.js +285 -0
- package/dist/cjs/bds-radio.cjs.entry.js +60 -0
- package/dist/cjs/bds-spinner.cjs.entry.js +4 -4
- package/dist/cjs/bds-status.cjs.entry.js +59 -0
- package/dist/cjs/bds-tag.cjs.entry.js +140 -0
- package/dist/cjs/bds-text-field.cjs.entry.js +8 -17
- package/dist/cjs/bds-toggle.cjs.entry.js +187 -0
- package/dist/cjs/bds-tooltip_2.cjs.entry.js +321 -0
- package/dist/cjs/boreal-web-components.cjs.js +2 -2
- package/dist/cjs/coreColors-CQGojc0l.js +10 -0
- package/dist/cjs/{enum-DLblRCkQ.js → enum-DeTWfR0D.js} +3 -3
- package/dist/cjs/form-associated.mixin-BCR6bj29.js +33 -0
- package/dist/cjs/{anchored.mixin-CnIwkaUi.js → getOffset-k4ezB-eT.js} +45 -76
- package/dist/cjs/{index-BcSjvXJk.js → index-CwYIVC9N.js} +64 -0
- package/dist/cjs/{internals-X77qKxsK.js → internals-D8x7GMfR.js} +0 -31
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/menu-BxKaEajh.js +8 -0
- package/dist/cjs/orientation-DQAIleEJ.js +8 -0
- package/dist/cjs/{states-iIYiazaM.js → states-BweP5Vpu.js} +8 -0
- package/dist/cjs/validateProps-CJe9X5x8.js +42 -0
- package/dist/collection/collection-manifest.json +16 -0
- package/dist/collection/components/actions/bds-button/bds-button.css +19 -19
- package/dist/collection/components/actions/bds-button/bds-button.js +8 -8
- package/dist/collection/components/actions/bds-button/types/enum.js +3 -3
- package/dist/collection/components/actions/bds-button-group/bds-button-group.css +77 -0
- package/dist/collection/components/actions/bds-button-group/bds-button-group.js +245 -0
- package/dist/collection/components/actions/bds-button-group/types/IButtonGroup.js +1 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.css +51 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +400 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.js +1 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/types/enum.js +4 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/types/types.js +1 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +87 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +482 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.js +1 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/enum.js +4 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/types/types.js +1 -0
- package/dist/collection/components/actions/bds-toggle/bds-toggle.css +120 -0
- package/dist/collection/components/actions/bds-toggle/bds-toggle.js +544 -0
- package/dist/collection/components/actions/bds-toggle/types/IEventChange.js +1 -0
- package/dist/collection/components/actions/bds-toggle/types/IToggle.js +1 -0
- package/dist/collection/components/actions/bds-toggle/types/enum.js +4 -0
- package/dist/collection/components/actions/bds-toggle/types/index.js +4 -0
- package/dist/collection/components/actions/bds-toggle/types/types.js +1 -0
- package/dist/collection/components/feedback/bds-badge/bds-badge.css +76 -0
- package/dist/collection/components/feedback/bds-badge/bds-badge.js +120 -0
- package/dist/collection/components/feedback/bds-badge/types/IBadge.js +1 -0
- package/dist/collection/components/feedback/bds-badge/types/enum.js +5 -0
- package/dist/collection/components/feedback/bds-banner/bds-banner.css +1 -2
- package/dist/collection/components/feedback/bds-banner/bds-banner.js +30 -6
- package/dist/collection/components/feedback/bds-spinner/bds-spinner.css +7 -8
- package/dist/collection/components/feedback/bds-spinner/bds-spinner.js +1 -1
- package/dist/collection/components/feedback/bds-status/bds-status.css +101 -0
- package/dist/collection/components/feedback/bds-status/bds-status.js +122 -0
- package/dist/collection/components/feedback/bds-status/types/IStatus.js +1 -0
- package/dist/collection/components/feedback/bds-status/types/enum.js +5 -0
- package/dist/collection/components/feedback/bds-status/types/types.js +1 -0
- package/dist/collection/components/feedback/bds-tag/bds-tag.css +202 -0
- package/dist/collection/components/feedback/bds-tag/bds-tag.js +375 -0
- package/dist/collection/components/feedback/bds-tag/types/ITag.js +1 -0
- package/dist/collection/components/feedback/bds-tag/types/enum.js +10 -0
- package/dist/collection/components/feedback/bds-tag/types/index.js +3 -0
- package/dist/collection/components/feedback/bds-tag/types/types.js +1 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox.css +9 -8
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox.js +7 -1
- package/dist/collection/components/forms/bds-checkbox-card/bds-checkbox-card.css +127 -0
- package/dist/collection/components/forms/bds-checkbox-card/bds-checkbox-card.js +397 -0
- package/dist/collection/components/forms/bds-checkbox-card/types/ICheckboxCard.js +1 -0
- package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
- package/dist/collection/components/forms/bds-radio/bds-radio.css +121 -0
- package/dist/collection/components/forms/bds-radio/bds-radio.js +238 -0
- package/dist/collection/components/forms/bds-radio/types/IRadio.js +1 -0
- package/dist/collection/components/forms/bds-radio-button/bds-radio-button.css +109 -0
- package/dist/collection/components/forms/bds-radio-button/bds-radio-button.js +238 -0
- package/dist/collection/components/forms/bds-radio-button/types/IRadioButton.js +1 -0
- package/dist/collection/components/forms/bds-radio-card/bds-radio-card.css +156 -0
- package/dist/collection/components/forms/bds-radio-card/bds-radio-card.js +307 -0
- package/dist/collection/components/forms/bds-radio-card/types/IRadioCard.js +1 -0
- package/dist/collection/components/forms/bds-radio-group/bds-radio-group.css +55 -0
- package/dist/collection/components/forms/bds-radio-group/bds-radio-group.js +620 -0
- package/dist/collection/components/forms/bds-radio-group/types/IRadioGroup.js +1 -0
- package/dist/collection/components/forms/bds-radio-group/types/enum.js +5 -0
- package/dist/collection/components/forms/bds-radio-group/types/types.js +1 -0
- package/dist/collection/components/forms/bds-text-field/bds-text-field.js +1 -1
- package/dist/collection/components/helpers/bds-divider/bds-divider.css +44 -0
- package/dist/collection/components/helpers/bds-divider/bds-divider.js +88 -0
- package/dist/collection/components/helpers/bds-divider/types/IDivider.js +1 -0
- package/dist/collection/components/helpers/bds-divider/types/enum.js +4 -0
- package/dist/collection/components/helpers/bds-divider/types/types.js +1 -0
- package/dist/collection/components/images-icons/bds-avatar/bds-avatar.css +52 -0
- package/dist/collection/components/images-icons/bds-avatar/bds-avatar.js +219 -0
- package/dist/collection/components/images-icons/bds-avatar/types/IAvatar.js +1 -0
- package/dist/collection/components/images-icons/bds-avatar/types/enum.js +5 -0
- package/dist/collection/components/images-icons/bds-avatar/types/index.js +3 -0
- package/dist/collection/components/images-icons/bds-avatar/types/types.js +1 -0
- package/dist/collection/components/layouts/bds-grid/grid/bds-grid.css +57 -0
- package/dist/collection/components/layouts/bds-grid/grid/bds-grid.js +100 -0
- package/dist/collection/components/layouts/bds-grid/grid/types/IGrid.js +1 -0
- package/dist/collection/components/layouts/bds-grid/grid/types/enum.js +4 -0
- package/dist/collection/components/layouts/bds-grid/grid/types/index.js +3 -0
- package/dist/collection/components/layouts/bds-grid/grid/types/types.js +1 -0
- package/dist/collection/components/layouts/bds-grid/grid-item/bds-grid-item.css +70 -0
- package/dist/collection/components/layouts/bds-grid/grid-item/bds-grid-item.js +306 -0
- package/dist/collection/components/layouts/bds-grid/grid-item/types/IGridItem.js +1 -0
- package/dist/collection/components/layouts/bds-grid/grid-item/types/enum.js +10 -0
- package/dist/collection/components/layouts/bds-grid/grid-item/types/index.js +3 -0
- package/dist/collection/components/layouts/bds-grid/grid-item/types/types.js +1 -0
- package/dist/collection/components/overlays/bds-dialog/bds-dialog.js +4 -3
- package/dist/collection/components/overlays/bds-popover/bds-popover.css +16 -2
- package/dist/collection/components/overlays/bds-popover/bds-popover.js +12 -4
- package/dist/collection/components/overlays/bds-popover/constants/Offset.js +1 -0
- package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.css +2 -13
- package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.js +6 -4
- package/dist/collection/components/overlays/bds-tooltip/constants/Offset.js +1 -0
- package/dist/collection/components/titles-text/bds-typography/bds-typography.css +9 -0
- package/dist/collection/components/titles-text/bds-typography/bds-typography.js +20 -19
- package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +2 -2
- package/dist/collection/css/boreal.css +1066 -1074
- package/dist/collection/css/global.css +403 -407
- package/dist/collection/css/theme-connect.css +163 -164
- package/dist/collection/css/theme-engage.css +163 -164
- package/dist/collection/css/theme-protect.css +163 -164
- package/dist/collection/css/theme-proximus.css +164 -165
- package/dist/collection/mixins/anchored.mixin.js +16 -3
- package/dist/collection/mixins/index.js +2 -0
- package/dist/collection/mixins/links.mixin.js +152 -0
- package/dist/collection/mixins/menu-behavior.mixin.js +119 -0
- package/dist/collection/scss/maps/_primitives.scss +404 -408
- package/dist/collection/scss/maps/_theme-connect.scss +164 -165
- package/dist/collection/scss/maps/_theme-engage.scss +164 -165
- package/dist/collection/scss/maps/_theme-protect.scss +164 -165
- package/dist/collection/scss/maps/_theme-proximus.scss +165 -166
- package/dist/collection/scss/variables/_primitives.scss +404 -408
- package/dist/collection/scss/variables/_theme-connect.scss +164 -165
- package/dist/collection/scss/variables/_theme-engage.scss +164 -165
- package/dist/collection/scss/variables/_theme-protect.scss +164 -165
- package/dist/collection/scss/variables/_theme-proximus.scss +165 -166
- package/dist/collection/services/floating/positioning.service.js +1 -1
- package/dist/collection/types/IFormProps.js +1 -0
- package/dist/collection/types/index.js +5 -0
- package/dist/collection/types/links.js +1 -0
- package/dist/collection/types/menu.js +8 -0
- package/dist/collection/types/orientation.js +4 -0
- package/dist/collection/types/position.js +6 -2
- package/dist/collection/utils/constants/common/Keys.js +10 -12
- package/dist/collection/utils/helpers/overlays/getOffset.js +13 -0
- package/dist/collection/utils/helpers/validateProps.js +21 -0
- package/dist/collection/utils/index.js +2 -1
- package/dist/collection/utils/menu/index.js +1 -0
- package/dist/collection/utils/menu/menu-item.utils.js +82 -0
- package/dist/collection/utils/{__test__ → testing}/helpers.js +10 -0
- package/dist/collection/utils/{__test__ → testing}/index.js +0 -2
- package/dist/collection/utils/testing/mocks/console.js +30 -0
- package/dist/collection/utils/testing/mocks/index.js +4 -0
- package/dist/css/boreal.css +1066 -1074
- package/dist/css/global.css +403 -407
- package/dist/css/theme-connect.css +163 -164
- package/dist/css/theme-engage.css +163 -164
- package/dist/css/theme-protect.css +163 -164
- package/dist/css/theme-proximus.css +164 -165
- package/dist/esm/BaseAttributes-DhSchGPI.js +12 -0
- package/dist/esm/Keys-DlYG-OVB.js +16 -0
- package/dist/esm/Logger-iq2UuV7c.js +49 -0
- package/dist/esm/{attributes-CaHOghy5.js → attributes-U9yfbs7i.js} +3 -0
- package/dist/esm/bds-avatar.entry.js +87 -0
- package/dist/esm/bds-badge.entry.js +48 -0
- package/dist/esm/bds-banner.entry.js +13 -6
- package/dist/esm/bds-button-group.entry.js +93 -0
- package/dist/esm/bds-button.entry.js +9 -15
- package/dist/esm/bds-checkbox-card.entry.js +119 -0
- package/dist/esm/bds-checkbox.entry.js +12 -5
- package/dist/esm/bds-dialog.entry.js +8 -7
- package/dist/esm/bds-divider.entry.js +44 -0
- package/dist/esm/bds-flag.entry.js +3 -3
- package/dist/esm/bds-grid-item.entry.js +91 -0
- package/dist/esm/bds-grid.entry.js +35 -0
- package/dist/esm/bds-list-menu-item.entry.js +491 -0
- package/dist/esm/bds-list-menu.entry.js +197 -0
- package/dist/esm/bds-popover.entry.js +18 -8
- package/dist/esm/bds-radio-button.entry.js +58 -0
- package/dist/esm/bds-radio-card.entry.js +74 -0
- package/dist/esm/bds-radio-group.entry.js +283 -0
- package/dist/esm/bds-radio.entry.js +58 -0
- package/dist/esm/bds-spinner.entry.js +4 -4
- package/dist/esm/bds-status.entry.js +57 -0
- package/dist/esm/bds-tag.entry.js +138 -0
- package/dist/esm/bds-text-field.entry.js +6 -15
- package/dist/esm/bds-toggle.entry.js +185 -0
- package/dist/esm/bds-tooltip_2.entry.js +318 -0
- package/dist/esm/boreal-web-components.js +3 -3
- package/dist/esm/coreColors-Dwo1hcd9.js +8 -0
- package/dist/esm/{enum-C8mRvnTA.js → enum-DlVzZK7o.js} +4 -4
- package/dist/esm/form-associated.mixin-C4HM8wQe.js +31 -0
- package/dist/esm/{anchored.mixin-Y3MkGc2X.js → getOffset-BYS3c13B.js} +43 -75
- package/dist/esm/{index-D4EFsvs1.js → index-BqJlOB6b.js} +64 -0
- package/dist/esm/{internals-Dy7QKP9e.js → internals-DfaYciGa.js} +1 -31
- package/dist/esm/loader.js +3 -3
- package/dist/esm/menu-dz9-Q2N8.js +6 -0
- package/dist/esm/orientation-CPvuMm5C.js +6 -0
- package/dist/esm/{states-BhTPNsBb.js → states-Bfazyxqi.js} +8 -1
- package/dist/esm/validateProps-kGnB15Lz.js +39 -0
- package/dist/esm-es5/BaseAttributes-DhSchGPI.js +1 -0
- package/dist/esm-es5/Keys-DlYG-OVB.js +1 -0
- package/dist/esm-es5/Logger-iq2UuV7c.js +1 -0
- package/dist/esm-es5/{attributes-CaHOghy5.js → attributes-U9yfbs7i.js} +1 -1
- package/dist/esm-es5/bds-avatar.entry.js +1 -0
- package/dist/esm-es5/bds-badge.entry.js +1 -0
- package/dist/esm-es5/bds-banner.entry.js +1 -1
- package/dist/esm-es5/bds-button-group.entry.js +1 -0
- package/dist/esm-es5/bds-button.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox-card.entry.js +1 -0
- package/dist/esm-es5/bds-checkbox.entry.js +1 -1
- package/dist/esm-es5/bds-dialog.entry.js +1 -1
- package/dist/esm-es5/bds-divider.entry.js +1 -0
- package/dist/esm-es5/bds-flag.entry.js +1 -1
- package/dist/esm-es5/bds-grid-item.entry.js +1 -0
- package/dist/esm-es5/bds-grid.entry.js +1 -0
- package/dist/esm-es5/bds-list-menu-item.entry.js +1 -0
- package/dist/esm-es5/bds-list-menu.entry.js +1 -0
- package/dist/esm-es5/bds-popover.entry.js +1 -1
- package/dist/esm-es5/bds-radio-button.entry.js +1 -0
- package/dist/esm-es5/bds-radio-card.entry.js +1 -0
- package/dist/esm-es5/bds-radio-group.entry.js +1 -0
- package/dist/esm-es5/bds-radio.entry.js +1 -0
- package/dist/esm-es5/bds-spinner.entry.js +1 -1
- package/dist/esm-es5/bds-status.entry.js +1 -0
- package/dist/esm-es5/bds-tag.entry.js +1 -0
- package/dist/esm-es5/bds-text-field.entry.js +1 -1
- package/dist/esm-es5/bds-toggle.entry.js +1 -0
- package/dist/esm-es5/bds-tooltip_2.entry.js +1 -0
- package/dist/esm-es5/boreal-web-components.js +1 -1
- package/dist/esm-es5/coreColors-Dwo1hcd9.js +1 -0
- package/dist/esm-es5/enum-DlVzZK7o.js +1 -0
- package/dist/esm-es5/form-associated.mixin-C4HM8wQe.js +1 -0
- package/dist/esm-es5/getOffset-BYS3c13B.js +1 -0
- package/dist/esm-es5/index-BqJlOB6b.js +2 -0
- package/dist/esm-es5/internals-DfaYciGa.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/menu-dz9-Q2N8.js +1 -0
- package/dist/esm-es5/orientation-CPvuMm5C.js +1 -0
- package/dist/esm-es5/states-Bfazyxqi.js +1 -0
- package/dist/esm-es5/validateProps-kGnB15Lz.js +1 -0
- package/dist/scss/maps/_primitives.scss +404 -408
- package/dist/scss/maps/_theme-connect.scss +164 -165
- package/dist/scss/maps/_theme-engage.scss +164 -165
- package/dist/scss/maps/_theme-protect.scss +164 -165
- package/dist/scss/maps/_theme-proximus.scss +165 -166
- package/dist/scss/variables/_primitives.scss +404 -408
- package/dist/scss/variables/_theme-connect.scss +164 -165
- package/dist/scss/variables/_theme-engage.scss +164 -165
- package/dist/scss/variables/_theme-protect.scss +164 -165
- package/dist/scss/variables/_theme-proximus.scss +165 -166
- package/dist/types/components/actions/bds-button/bds-button.d.ts +4 -4
- package/dist/types/components/actions/bds-button/types/enum.d.ts +3 -3
- package/dist/types/components/actions/bds-button-group/bds-button-group.d.ts +36 -0
- package/dist/types/components/actions/bds-button-group/types/IButtonGroup.d.ts +11 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts +74 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.d.ts +14 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/enum.d.ts +5 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/types.d.ts +3 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +122 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +13 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/enum.d.ts +5 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/types.d.ts +3 -0
- package/dist/types/components/actions/bds-toggle/bds-toggle.d.ts +91 -0
- package/dist/types/components/actions/bds-toggle/types/IEventChange.d.ts +5 -0
- package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts +12 -0
- package/dist/types/components/actions/bds-toggle/types/enum.d.ts +5 -0
- package/dist/types/components/actions/bds-toggle/types/index.d.ts +5 -0
- package/dist/types/components/actions/bds-toggle/types/types.d.ts +3 -0
- package/dist/types/components/feedback/bds-badge/bds-badge.d.ts +31 -0
- package/dist/types/components/feedback/bds-badge/types/IBadge.d.ts +6 -0
- package/dist/types/components/feedback/bds-badge/types/enum.d.ts +9 -0
- package/dist/types/components/feedback/bds-banner/bds-banner.d.ts +8 -4
- package/dist/types/components/feedback/bds-status/bds-status.d.ts +26 -0
- package/dist/types/components/feedback/bds-status/types/IStatus.d.ts +7 -0
- package/dist/types/components/feedback/bds-status/types/enum.d.ts +6 -0
- package/dist/types/components/feedback/bds-status/types/types.d.ts +3 -0
- package/dist/types/components/feedback/bds-tag/bds-tag.d.ts +71 -0
- package/dist/types/components/feedback/bds-tag/types/ITag.d.ts +13 -0
- package/dist/types/components/feedback/bds-tag/types/enum.d.ts +11 -0
- package/dist/types/components/feedback/bds-tag/types/index.d.ts +4 -0
- package/dist/types/components/feedback/bds-tag/types/types.d.ts +8 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox.d.ts +2 -0
- package/dist/types/components/forms/bds-checkbox-card/bds-checkbox-card.d.ts +70 -0
- package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts +8 -0
- package/dist/types/components/forms/bds-flag/bds-flag.d.ts +3 -4
- package/dist/types/components/forms/bds-radio/bds-radio.d.ts +36 -0
- package/dist/types/components/forms/bds-radio/types/IRadio.d.ts +13 -0
- package/dist/types/components/forms/bds-radio-button/bds-radio-button.d.ts +36 -0
- package/dist/types/components/forms/bds-radio-button/types/IRadioButton.d.ts +13 -0
- package/dist/types/components/forms/bds-radio-card/bds-radio-card.d.ts +57 -0
- package/dist/types/components/forms/bds-radio-card/types/IRadioCard.d.ts +14 -0
- package/dist/types/components/forms/bds-radio-group/bds-radio-group.d.ts +82 -0
- package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts +19 -0
- package/dist/types/components/forms/bds-radio-group/types/enum.d.ts +6 -0
- package/dist/types/components/forms/bds-radio-group/types/types.d.ts +3 -0
- package/dist/types/components/helpers/bds-divider/bds-divider.d.ts +26 -0
- package/dist/types/components/helpers/bds-divider/types/IDivider.d.ts +5 -0
- package/dist/types/components/helpers/bds-divider/types/enum.d.ts +5 -0
- package/dist/types/components/helpers/bds-divider/types/types.d.ts +3 -0
- package/dist/types/components/images-icons/bds-avatar/bds-avatar.d.ts +51 -0
- package/dist/types/components/images-icons/bds-avatar/types/IAvatar.d.ts +9 -0
- package/dist/types/components/images-icons/bds-avatar/types/enum.d.ts +6 -0
- package/dist/types/components/images-icons/bds-avatar/types/index.d.ts +4 -0
- package/dist/types/components/images-icons/bds-avatar/types/types.d.ts +3 -0
- package/dist/types/components/layouts/bds-grid/grid/bds-grid.d.ts +19 -0
- package/dist/types/components/layouts/bds-grid/grid/types/IGrid.d.ts +6 -0
- package/dist/types/components/layouts/bds-grid/grid/types/enum.d.ts +5 -0
- package/dist/types/components/layouts/bds-grid/grid/types/index.d.ts +4 -0
- package/dist/types/components/layouts/bds-grid/grid/types/types.d.ts +3 -0
- package/dist/types/components/layouts/bds-grid/grid-item/bds-grid-item.d.ts +31 -0
- package/dist/types/components/layouts/bds-grid/grid-item/types/IGridItem.d.ts +12 -0
- package/dist/types/components/layouts/bds-grid/grid-item/types/enum.d.ts +11 -0
- package/dist/types/components/layouts/bds-grid/grid-item/types/index.d.ts +4 -0
- package/dist/types/components/layouts/bds-grid/grid-item/types/types.d.ts +3 -0
- package/dist/types/components/overlays/bds-dialog/bds-dialog.d.ts +2 -2
- package/dist/types/components/overlays/bds-popover/bds-popover.d.ts +1 -0
- package/dist/types/components/overlays/bds-popover/constants/Offset.d.ts +2 -0
- package/dist/types/components/overlays/bds-tooltip/bds-tooltip.d.ts +1 -0
- package/dist/types/components/overlays/bds-tooltip/constants/Offset.d.ts +2 -0
- package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +9 -9
- package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +2 -2
- package/dist/types/components/titles-text/bds-typography/utils/bds-typography-utils.d.ts +1 -1
- package/dist/types/components.d.ts +2542 -450
- package/dist/types/mixins/anchored.mixin.d.ts +5 -0
- package/dist/types/mixins/index.d.ts +2 -0
- package/dist/types/mixins/links.mixin.d.ts +85 -0
- package/dist/types/mixins/menu-behavior.mixin.d.ts +95 -0
- package/dist/types/types/IFormProps.d.ts +25 -0
- package/dist/types/types/index.d.ts +5 -0
- package/dist/types/types/links.d.ts +14 -0
- package/dist/types/types/menu.d.ts +16 -0
- package/dist/types/types/orientation.d.ts +6 -0
- package/dist/types/types/position.d.ts +6 -2
- package/dist/types/utils/constants/common/Keys.d.ts +12 -14
- package/dist/types/utils/helpers/overlays/getOffset.d.ts +9 -0
- package/dist/types/utils/helpers/validateProps.d.ts +11 -0
- package/dist/types/utils/index.d.ts +2 -1
- package/dist/types/utils/menu/index.d.ts +2 -0
- package/dist/types/utils/menu/menu-item.utils.d.ts +50 -0
- package/dist/types/utils/{__test__ → testing}/helpers.d.ts +8 -0
- package/dist/types/utils/{__test__ → testing}/index.d.ts +0 -2
- package/dist/types/utils/{__test__/backdrop-mock.d.ts → testing/mocks/backdrop.d.ts} +1 -1
- package/dist/types/utils/testing/mocks/console.d.ts +17 -0
- package/dist/types/utils/{__test__/mocks/ElementInternals.d.ts → testing/mocks/elementInternals.d.ts} +1 -1
- package/dist/types/utils/testing/mocks/index.d.ts +5 -0
- package/dist/types/utils/{__test__/popover-mock.d.ts → testing/mocks/popover.d.ts} +1 -1
- package/package.json +1 -1
- package/components-build/p-B6R9EVXK.js +0 -1
- package/components-build/p-BSpJ_e9f.js +0 -1
- package/components-build/p-BYEAJCas.js +0 -1
- package/components-build/p-BhTPNsBb.js +0 -1
- package/components-build/p-CYojP4vI.js +0 -1
- package/components-build/p-D5omSME4.js +0 -1
- package/components-build/p-vfAIdwy0.js +0 -1
- package/dist/boreal-web-components/p-07a933df.entry.js +0 -1
- package/dist/boreal-web-components/p-1bb2b33f.entry.js +0 -1
- package/dist/boreal-web-components/p-1fccea3f.system.entry.js +0 -1
- package/dist/boreal-web-components/p-20af732b.system.entry.js +0 -1
- package/dist/boreal-web-components/p-22378341.system.entry.js +0 -1
- package/dist/boreal-web-components/p-39c26e58.entry.js +0 -1
- package/dist/boreal-web-components/p-6210d025.entry.js +0 -1
- package/dist/boreal-web-components/p-6de2b44c.system.entry.js +0 -1
- package/dist/boreal-web-components/p-91b9e94e.entry.js +0 -1
- package/dist/boreal-web-components/p-9e06910d.system.entry.js +0 -1
- package/dist/boreal-web-components/p-BIJhHSAt.system.js +0 -1
- package/dist/boreal-web-components/p-BKRyWlfr.js +0 -1
- package/dist/boreal-web-components/p-BhTPNsBb.js +0 -1
- package/dist/boreal-web-components/p-BkDQsB4R.system.js +0 -1
- package/dist/boreal-web-components/p-C8mRvnTA.js +0 -1
- package/dist/boreal-web-components/p-CdKFZYxk.system.js +0 -1
- package/dist/boreal-web-components/p-DoDeP7KR.system.js +0 -1
- package/dist/boreal-web-components/p-Dtp4O0H2.system.js +0 -1
- package/dist/boreal-web-components/p-Dy7QKP9e.js +0 -1
- package/dist/boreal-web-components/p-GjKJvOVG.system.js +0 -2
- package/dist/boreal-web-components/p-ac64d4a5.system.entry.js +0 -1
- package/dist/boreal-web-components/p-b61fe06c.entry.js +0 -1
- package/dist/boreal-web-components/p-cdc87437.entry.js +0 -1
- package/dist/boreal-web-components/p-d8ec8557.system.entry.js +0 -1
- package/dist/boreal-web-components/p-ea889727.entry.js +0 -1
- package/dist/boreal-web-components/p-fa327346.system.entry.js +0 -1
- package/dist/boreal-web-components/p-fc2cb919.entry.js +0 -1
- package/dist/boreal-web-components/p-sDZFaZMN.system.js +0 -1
- package/dist/boreal-web-components/p-vfAIdwy0.js +0 -1
- package/dist/cjs/bds-tooltip.cjs.entry.js +0 -152
- package/dist/cjs/bds-typography.cjs.entry.js +0 -168
- package/dist/cjs/validateProps-BNOBk1Xs.js +0 -20
- package/dist/collection/utils/__test__/mocks/index.js +0 -1
- package/dist/esm/bds-tooltip.entry.js +0 -150
- package/dist/esm/bds-typography.entry.js +0 -166
- package/dist/esm/validateProps-vfAIdwy0.js +0 -18
- package/dist/esm-es5/anchored.mixin-Y3MkGc2X.js +0 -1
- package/dist/esm-es5/bds-tooltip.entry.js +0 -1
- package/dist/esm-es5/bds-typography.entry.js +0 -1
- package/dist/esm-es5/enum-C8mRvnTA.js +0 -1
- package/dist/esm-es5/index-D4EFsvs1.js +0 -2
- package/dist/esm-es5/internals-Dy7QKP9e.js +0 -1
- package/dist/esm-es5/states-BhTPNsBb.js +0 -1
- package/dist/esm-es5/validateProps-vfAIdwy0.js +0 -1
- package/dist/types/utils/__test__/mocks/index.d.ts +0 -2
- /package/dist/collection/utils/{__test__ → testing}/constants.js +0 -0
- /package/dist/collection/utils/{__test__ → testing}/fixtures.js +0 -0
- /package/dist/collection/utils/{__test__/backdrop-mock.js → testing/mocks/backdrop.js} +0 -0
- /package/dist/collection/utils/{__test__/mocks/ElementInternals.js → testing/mocks/elementInternals.js} +0 -0
- /package/dist/collection/utils/{__test__/popover-mock.js → testing/mocks/popover.js} +0 -0
- /package/dist/types/utils/{__test__ → testing}/constants.d.ts +0 -0
- /package/dist/types/utils/{__test__ → testing}/fixtures.d.ts +0 -0
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('./index-BcSjvXJk.js');
|
|
4
|
-
var states = require('./states-iIYiazaM.js');
|
|
5
|
-
var attributes = require('./attributes-wIHueigW.js');
|
|
6
|
-
|
|
7
|
-
const ALIGNMENT = {
|
|
8
|
-
START: 'start'};
|
|
9
|
-
|
|
10
|
-
const SIZES = {
|
|
11
|
-
XS: 'xs',
|
|
12
|
-
S: 'sm',
|
|
13
|
-
M: 'md',
|
|
14
|
-
L: 'lg',
|
|
15
|
-
XL: 'xl',
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
const VARIANT_TYPOGRAPHY = {
|
|
19
|
-
DISPLAY: 'display',
|
|
20
|
-
LINK: 'link'};
|
|
21
|
-
const TAG_ELEMENT = {
|
|
22
|
-
P: 'p',
|
|
23
|
-
A: 'a'};
|
|
24
|
-
|
|
25
|
-
/*
|
|
26
|
-
* LINK consts
|
|
27
|
-
*/
|
|
28
|
-
const FILENAME = 'download';
|
|
29
|
-
/*
|
|
30
|
-
* Variant map to apply size, state, etc, styles based on variant type
|
|
31
|
-
*/
|
|
32
|
-
const VARIANT_CONFIG = {
|
|
33
|
-
link: {
|
|
34
|
-
states: [states.COMPONENT_STATES.DISABLED /* STATES.VISITED, STATES.HOVER, STATES.ACTIVE, STATES.FOCUS */],
|
|
35
|
-
size: [SIZES.S, SIZES.M],
|
|
36
|
-
},
|
|
37
|
-
label: {
|
|
38
|
-
states: [states.COMPONENT_STATES.DISABLED],
|
|
39
|
-
isRequired: true,
|
|
40
|
-
canUseTooltip: true,
|
|
41
|
-
},
|
|
42
|
-
heading: { canUseTooltip: true },
|
|
43
|
-
subheading: { canUseTooltip: true },
|
|
44
|
-
helper: { states: [states.COMPONENT_STATES.ERROR] },
|
|
45
|
-
display: { size: [SIZES.XS, SIZES.S, SIZES.M, SIZES.L, SIZES.XL] },
|
|
46
|
-
};
|
|
47
|
-
/*
|
|
48
|
-
* ATTRIBUTE MAP
|
|
49
|
-
*/
|
|
50
|
-
const getAttributesByTag = (comp, tagName) => {
|
|
51
|
-
const ATTR_MAP = {
|
|
52
|
-
a: {
|
|
53
|
-
href: comp.state !== states.COMPONENT_STATES.DISABLED ? comp.sanitizedHref : null,
|
|
54
|
-
target: comp.target,
|
|
55
|
-
download: comp.isDownloadable ? comp.filename : null,
|
|
56
|
-
rel: comp.target === '_blank' ? 'noopener noreferrer' : undefined,
|
|
57
|
-
},
|
|
58
|
-
label: {
|
|
59
|
-
htmlFor: comp.htmlFor,
|
|
60
|
-
},
|
|
61
|
-
};
|
|
62
|
-
return ATTR_MAP[tagName] || {};
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
const bdsTypographyCss = () => `@charset "UTF-8";.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}`;
|
|
66
|
-
|
|
67
|
-
const BdsTypography = class {
|
|
68
|
-
constructor(hostRef) {
|
|
69
|
-
index.registerInstance(this, hostRef);
|
|
70
|
-
this.inheritedAttributes = {};
|
|
71
|
-
/** Typography visual variant. */
|
|
72
|
-
this.variant = VARIANT_TYPOGRAPHY.DISPLAY;
|
|
73
|
-
/** Typography size token. */
|
|
74
|
-
this.size = SIZES.M;
|
|
75
|
-
/** Visual state (if supported by variant). */
|
|
76
|
-
this.state = states.COMPONENT_STATES.DEFAULT;
|
|
77
|
-
/** Additional custom CSS class. */
|
|
78
|
-
this.customClass = '';
|
|
79
|
-
/** HTML tag used for rendering. */
|
|
80
|
-
this.element = TAG_ELEMENT.P;
|
|
81
|
-
/** Text alignment. */
|
|
82
|
-
this.align = ALIGNMENT.START;
|
|
83
|
-
/** Enables text ellipsis. */
|
|
84
|
-
this.ellipsis = false;
|
|
85
|
-
/** Max lines when ellipsis is enabled. */
|
|
86
|
-
this.maxLines = 1;
|
|
87
|
-
/** Tooltip text (variant must support it). */
|
|
88
|
-
this.tooltipText = '';
|
|
89
|
-
/** Marks the field as required. */
|
|
90
|
-
this.isRequired = false;
|
|
91
|
-
/** For attribute when rendered as a label. */
|
|
92
|
-
this.htmlFor = undefined;
|
|
93
|
-
/** Link href when rendered as anchor. */
|
|
94
|
-
this.href = null;
|
|
95
|
-
/** Anchor target. */
|
|
96
|
-
this.target = null;
|
|
97
|
-
/** Enables download behavior for anchor. */
|
|
98
|
-
this.isDownloadable = false;
|
|
99
|
-
/** Suggested download filename. */
|
|
100
|
-
this.filename = FILENAME;
|
|
101
|
-
/** Sanitized href for security. */
|
|
102
|
-
this.sanitizedHref = '';
|
|
103
|
-
}
|
|
104
|
-
async updateSanitizedHref() {
|
|
105
|
-
if (this.getTagName === 'a' && this.href !== null) {
|
|
106
|
-
const { sanitizeUrl } = await Promise.resolve().then(function () { return require('./index-CD9v53WJ.js'); }).then(function (n) { return n.index; });
|
|
107
|
-
this.sanitizedHref = sanitizeUrl(this.href);
|
|
108
|
-
}
|
|
109
|
-
else
|
|
110
|
-
this.sanitizedHref = '';
|
|
111
|
-
}
|
|
112
|
-
async componentWillLoad() {
|
|
113
|
-
if (this.getTagName === TAG_ELEMENT.A && this.href !== null)
|
|
114
|
-
await this.updateSanitizedHref();
|
|
115
|
-
this.inheritedAttributes = {
|
|
116
|
-
...attributes.inheritAriaAttributes(this.el),
|
|
117
|
-
};
|
|
118
|
-
}
|
|
119
|
-
get getTagName() {
|
|
120
|
-
if (this.variant === VARIANT_TYPOGRAPHY.LINK)
|
|
121
|
-
return TAG_ELEMENT.A;
|
|
122
|
-
return this.element.toLowerCase();
|
|
123
|
-
}
|
|
124
|
-
getVariantConfig() {
|
|
125
|
-
return VARIANT_CONFIG[this.variant] ?? {};
|
|
126
|
-
}
|
|
127
|
-
getAccessibilityTags() {
|
|
128
|
-
const { isRequired = null } = this.getVariantConfig();
|
|
129
|
-
const isInteractiveTag = ['a', 'label'].includes(this.getTagName);
|
|
130
|
-
return {
|
|
131
|
-
'aria-required': this.isRequired && isRequired,
|
|
132
|
-
'aria-disabled': this.state === states.COMPONENT_STATES.DISABLED && isInteractiveTag,
|
|
133
|
-
};
|
|
134
|
-
}
|
|
135
|
-
getVariantStateStyles() {
|
|
136
|
-
const config = this.getVariantConfig();
|
|
137
|
-
return {
|
|
138
|
-
[`bds-typography--${this.variant}`]: true,
|
|
139
|
-
[`bds-typography--align-${this.align}`]: true,
|
|
140
|
-
[`bds-typography--${this.state}`]: !!(config?.states && config?.states.includes(this.state)),
|
|
141
|
-
[`bds-typography--size-${this.size}`]: !!(config?.size && config?.size.includes(this.size)),
|
|
142
|
-
'bds-typography--required': !!(config?.isRequired && this.isRequired),
|
|
143
|
-
'bds-typography--ellipsis': this.ellipsis && this.maxLines <= 1,
|
|
144
|
-
'bds-typography--ellipsis-multiline': this.ellipsis && this.maxLines > 1,
|
|
145
|
-
[this.customClass]: this.customClass !== '',
|
|
146
|
-
};
|
|
147
|
-
}
|
|
148
|
-
render() {
|
|
149
|
-
const TagName = this.getTagName;
|
|
150
|
-
const attributes = {
|
|
151
|
-
...getAttributesByTag(this, TagName),
|
|
152
|
-
...this.inheritedAttributes,
|
|
153
|
-
...this.getAccessibilityTags(),
|
|
154
|
-
};
|
|
155
|
-
const classes = this.getVariantStateStyles();
|
|
156
|
-
const { canUseTooltip = null, isRequired = null } = this.getVariantConfig();
|
|
157
|
-
return (index.h(index.Host, { key: '98e236475142f2be85fcc227cd507d6cb8648928', class: "bds-typography" }, index.h(TagName, { key: 'eed74e216dc0832b5f4808ba72e1374198f60e1a', class: classes, style: { webkitLineClamp: this.maxLines }, ...attributes }, index.h("slot", { key: 'cc073f2d2a3840970c62296379514884564c3473' }), this.isRequired && isRequired && (index.h("em", { key: '299a88d69856603b6e73af9567fa91b1a1e7434f', class: "bds-typography__required-indicator", "aria-hidden": "true" }, "*")), this.tooltipText && canUseTooltip && (index.h("span", { key: 'c8fa478a8fbd4a70d0869b4c9d523a8a0e9803bf' }, index.h("em", { key: '0f6869a6dd7ab04b19acee773e54687dbd070af0', class: "bds-typography__info-icon bds-icon-info-circle", "aria-label": this.tooltipText }), index.h("bds-tooltip", { key: 'ec2dfc33b119bc3f60ec52e8bd10fdb16ea5cc2a' }, this.tooltipText))))));
|
|
158
|
-
}
|
|
159
|
-
get el() { return index.getElement(this); }
|
|
160
|
-
static get watchers() { return {
|
|
161
|
-
"href": [{
|
|
162
|
-
"updateSanitizedHref": 0
|
|
163
|
-
}]
|
|
164
|
-
}; }
|
|
165
|
-
};
|
|
166
|
-
BdsTypography.style = bdsTypographyCss();
|
|
167
|
-
|
|
168
|
-
exports.bds_typography = BdsTypography;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Validates a component prop against a list of accepted values.
|
|
5
|
-
* If the current value is invalid, the prop is reset to the fallback and a warning is issued.
|
|
6
|
-
*
|
|
7
|
-
* @param acceptedValues - The list of valid values for the prop.
|
|
8
|
-
* @param fallbackValue - The value to apply when the current value is invalid.
|
|
9
|
-
* @param element - The host element whose property will be corrected.
|
|
10
|
-
* @param propertyName - The name of the prop to validate.
|
|
11
|
-
*/
|
|
12
|
-
function validatePropValue(acceptedValues, fallbackValue, element, propertyName) {
|
|
13
|
-
const currentValue = element[propertyName];
|
|
14
|
-
if (acceptedValues.includes(currentValue))
|
|
15
|
-
return;
|
|
16
|
-
element[propertyName] = fallbackValue;
|
|
17
|
-
console.warn(`[BorealDS] Invalid value "${currentValue}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected one of: ${acceptedValues.join(', ')}.`);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
exports.validatePropValue = validatePropValue;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ElementInternals';
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
import { M as Mixin, r as registerInstance, h, a as Host, g as getElement } from './index-D4EFsvs1.js';
|
|
2
|
-
import { a as anchoredMixin } from './anchored.mixin-Y3MkGc2X.js';
|
|
3
|
-
import './floating.mixin-DCXSEEVH.js';
|
|
4
|
-
|
|
5
|
-
const bdsTooltipCss = () => `@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin:0;border:0;overflow:visible;border-radius:var(--boreal-radius-xs2);background:var(--boreal-ui-black);color:var(--boreal-text-inverse);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);border:var(--boreal-spacing-2xs) solid var(--boreal-ui-black);font-weight:var(--boreal-typography-font-weight-regular)}.tooltip-content--multiline{white-space:normal;max-width:var(--tooltip-width, 320px);word-break:break-word;text-align:center}.tooltip-arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);pointer-events:none;z-index:-1}.tooltip-arrow::before{content:"";position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background:var(--boreal-ui-black);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=top] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow::before{top:0}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow::before{left:0}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow::before{left:0}`;
|
|
6
|
-
|
|
7
|
-
const BdsTooltip = class extends Mixin(anchoredMixin) {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
super();
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
/**
|
|
12
|
-
* If true, allows multiline content in the tooltip.
|
|
13
|
-
* @default false
|
|
14
|
-
*/
|
|
15
|
-
this.multiline = false;
|
|
16
|
-
/**
|
|
17
|
-
* If true, disables the tooltip.
|
|
18
|
-
* @default false
|
|
19
|
-
*/
|
|
20
|
-
this.disabled = false;
|
|
21
|
-
/**
|
|
22
|
-
* Override default options for the floating mixin.
|
|
23
|
-
* This can be overridden by passing a different object to the `floatingOptions` prop.
|
|
24
|
-
*/
|
|
25
|
-
this.floatingOptions = {};
|
|
26
|
-
this.isVisible = false;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Returns the resolved options for the floating mixin, merging `floatingOptions`
|
|
30
|
-
* prop values with their defaults.
|
|
31
|
-
*
|
|
32
|
-
* @returns {FloatingMixinOptions} Resolved configuration used by the anchored mixin
|
|
33
|
-
* to position the tooltip.
|
|
34
|
-
* @override anchoredMixin.options
|
|
35
|
-
*
|
|
36
|
-
* @example
|
|
37
|
-
* // floatingOptions = { placement: 'top', hideArrow: true }
|
|
38
|
-
* this.options
|
|
39
|
-
* return { placement: 'top', offset: 8, arrow: undefined, strategy: 'fixed' }
|
|
40
|
-
*/
|
|
41
|
-
get options() {
|
|
42
|
-
return {
|
|
43
|
-
placement: this.floatingOptions.placement ?? 'bottom',
|
|
44
|
-
offset: this.floatingOptions.offset ?? 8,
|
|
45
|
-
arrow: this.floatingOptions.hideArrow ? undefined : this.arrowElement,
|
|
46
|
-
strategy: 'fixed',
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* Returns the lifecycle hooks consumed by the anchored mixin to control
|
|
51
|
-
* tooltip visibility and positioning.
|
|
52
|
-
* @override anchoredMixin.hooks
|
|
53
|
-
*
|
|
54
|
-
* @returns {AnchoredHooks} Object containing the three hook callbacks:
|
|
55
|
-
* - `onPositionUpdate` — called after each positioning calculation.
|
|
56
|
-
* - `onBeforeShow` — called before the tooltip becomes visible; returning false cancels the show.
|
|
57
|
-
* - `onBeforeHide` — called before the tooltip is hidden; returning false cancels the hide.
|
|
58
|
-
*/
|
|
59
|
-
get hooks() {
|
|
60
|
-
return {
|
|
61
|
-
onPositionUpdate: result => this.handlePosition(result),
|
|
62
|
-
onBeforeShow: () => this.validateShow(),
|
|
63
|
-
onBeforeHide: (el) => this.validateHide(el),
|
|
64
|
-
subscribeToTrigger: (el) => this.subscribe(el),
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
get canShowArrow() {
|
|
68
|
-
return !this.floatingOptions.hideArrow || false;
|
|
69
|
-
}
|
|
70
|
-
get getPlacement() {
|
|
71
|
-
return this.floatingOptions.placement || 'bottom';
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* Guard called by `onBeforeShow` to determine whether the tooltip is allowed to show.
|
|
75
|
-
*
|
|
76
|
-
* @returns {boolean} `true` if the tooltip is not disabled and may be shown; `false` otherwise.
|
|
77
|
-
*/
|
|
78
|
-
validateShow() {
|
|
79
|
-
return !this.disabled;
|
|
80
|
-
}
|
|
81
|
-
/**
|
|
82
|
-
* Guard called by `onBeforeHide` to determine whether the tooltip is allowed to hide.
|
|
83
|
-
* When `stayOnHover` is enabled, hides are cancelled if the pointer is moving
|
|
84
|
-
* into the floating content element itself.
|
|
85
|
-
*
|
|
86
|
-
* @param target - The element the pointer is moving toward (relatedTarget of the mouseleave event).
|
|
87
|
-
* @returns {boolean} `true` if the tooltip should hide; `false` if the hide should be cancelled.
|
|
88
|
-
*/
|
|
89
|
-
validateHide(target) {
|
|
90
|
-
if (this.floatingOptions.stayOnHover && target !== undefined && target.isConnected) {
|
|
91
|
-
const goingToFloating = this.floatingContent.contains(target) || this.floatingContent === target;
|
|
92
|
-
if (goingToFloating)
|
|
93
|
-
return false;
|
|
94
|
-
}
|
|
95
|
-
return true;
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* Callback for `onPositionUpdate`. Applies the resolved placement as a
|
|
99
|
-
* `data-placement` attribute on the floating content element and delegates
|
|
100
|
-
* arrow positioning to `setArrowPosition`.
|
|
101
|
-
*
|
|
102
|
-
* @param result - The positioning result produced by the floating middleware.
|
|
103
|
-
*/
|
|
104
|
-
handlePosition(result) {
|
|
105
|
-
this.floatingContent.setAttribute('data-placement', result.placement);
|
|
106
|
-
this.setArrowPosition(result);
|
|
107
|
-
}
|
|
108
|
-
/**
|
|
109
|
-
* Applies the arrow element's `x` and `y` coordinates calculated by the
|
|
110
|
-
* floating middleware. Skips the update when the arrow element is not
|
|
111
|
-
* connected to the DOM or when middleware data is absent.
|
|
112
|
-
*
|
|
113
|
-
* @param result - The positioning result that may contain `middlewareData.arrow`
|
|
114
|
-
* with the computed `x` and `y` offsets for the arrow element.
|
|
115
|
-
*/
|
|
116
|
-
setArrowPosition(result) {
|
|
117
|
-
if (result.middlewareData?.arrow && !this.disabled && this.arrowElement?.isConnected) {
|
|
118
|
-
const { x: arrowX, y: arrowY } = result.middlewareData.arrow;
|
|
119
|
-
Object.assign(this.arrowElement.style, {
|
|
120
|
-
left: arrowX != null ? `${arrowX}px` : '',
|
|
121
|
-
top: arrowY != null ? `${arrowY}px` : '',
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
get hasMultiline() {
|
|
126
|
-
return this.multiline !== undefined && this.multiline;
|
|
127
|
-
}
|
|
128
|
-
get tooltipStyles() {
|
|
129
|
-
return {
|
|
130
|
-
'tooltip-content': true,
|
|
131
|
-
'tooltip-content--multiline': this.hasMultiline,
|
|
132
|
-
};
|
|
133
|
-
}
|
|
134
|
-
subscribe(trigger) {
|
|
135
|
-
if (trigger === undefined)
|
|
136
|
-
return;
|
|
137
|
-
trigger.setAttribute('part', 'tooltip-trigger');
|
|
138
|
-
trigger.setAttribute('ariaDescribedBy', 'tooltip-content');
|
|
139
|
-
trigger.addEventListener('mouseenter', () => this.show());
|
|
140
|
-
trigger.addEventListener('mouseleave', (e) => this.hide(e.target));
|
|
141
|
-
}
|
|
142
|
-
render() {
|
|
143
|
-
const classes = this.tooltipStyles;
|
|
144
|
-
return (h(Host, { key: '65758ffb473363eadce15b09704224a95304dbf2', class: "tooltip" }, h("div", { key: 'd488e67b2da3c788ccf8eb9b9eeb273b9d1c58be', id: "tooltip-content", part: "tooltip-content", class: classes, popover: "manual", role: "tooltip", "aria-hidden": this.isVisible ? 'false' : 'true', "data-placement": this.getPlacement, "data-multiline": this.multiline, "data-hidearrow": this.canShowArrow, ref: el => (this.floatingContent = el) }, this.canShowArrow && (h("div", { key: 'de86ff5432b49a2e31d94c6c8e16f33327ef5baa', class: "tooltip-arrow", part: "arrow", ref: el => (this.arrowElement = el) })), h("slot", { key: '8428151ba6b9b835f721be33cc61b1bacdba7494' }))));
|
|
145
|
-
}
|
|
146
|
-
get el() { return getElement(this); }
|
|
147
|
-
};
|
|
148
|
-
BdsTooltip.style = bdsTooltipCss();
|
|
149
|
-
|
|
150
|
-
export { BdsTooltip as bds_tooltip };
|
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, a as Host, g as getElement } from './index-D4EFsvs1.js';
|
|
2
|
-
import { C as COMPONENT_STATES } from './states-BhTPNsBb.js';
|
|
3
|
-
import { a as inheritAriaAttributes } from './attributes-CaHOghy5.js';
|
|
4
|
-
|
|
5
|
-
const ALIGNMENT = {
|
|
6
|
-
START: 'start'};
|
|
7
|
-
|
|
8
|
-
const SIZES = {
|
|
9
|
-
XS: 'xs',
|
|
10
|
-
S: 'sm',
|
|
11
|
-
M: 'md',
|
|
12
|
-
L: 'lg',
|
|
13
|
-
XL: 'xl',
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const VARIANT_TYPOGRAPHY = {
|
|
17
|
-
DISPLAY: 'display',
|
|
18
|
-
LINK: 'link'};
|
|
19
|
-
const TAG_ELEMENT = {
|
|
20
|
-
P: 'p',
|
|
21
|
-
A: 'a'};
|
|
22
|
-
|
|
23
|
-
/*
|
|
24
|
-
* LINK consts
|
|
25
|
-
*/
|
|
26
|
-
const FILENAME = 'download';
|
|
27
|
-
/*
|
|
28
|
-
* Variant map to apply size, state, etc, styles based on variant type
|
|
29
|
-
*/
|
|
30
|
-
const VARIANT_CONFIG = {
|
|
31
|
-
link: {
|
|
32
|
-
states: [COMPONENT_STATES.DISABLED /* STATES.VISITED, STATES.HOVER, STATES.ACTIVE, STATES.FOCUS */],
|
|
33
|
-
size: [SIZES.S, SIZES.M],
|
|
34
|
-
},
|
|
35
|
-
label: {
|
|
36
|
-
states: [COMPONENT_STATES.DISABLED],
|
|
37
|
-
isRequired: true,
|
|
38
|
-
canUseTooltip: true,
|
|
39
|
-
},
|
|
40
|
-
heading: { canUseTooltip: true },
|
|
41
|
-
subheading: { canUseTooltip: true },
|
|
42
|
-
helper: { states: [COMPONENT_STATES.ERROR] },
|
|
43
|
-
display: { size: [SIZES.XS, SIZES.S, SIZES.M, SIZES.L, SIZES.XL] },
|
|
44
|
-
};
|
|
45
|
-
/*
|
|
46
|
-
* ATTRIBUTE MAP
|
|
47
|
-
*/
|
|
48
|
-
const getAttributesByTag = (comp, tagName) => {
|
|
49
|
-
const ATTR_MAP = {
|
|
50
|
-
a: {
|
|
51
|
-
href: comp.state !== COMPONENT_STATES.DISABLED ? comp.sanitizedHref : null,
|
|
52
|
-
target: comp.target,
|
|
53
|
-
download: comp.isDownloadable ? comp.filename : null,
|
|
54
|
-
rel: comp.target === '_blank' ? 'noopener noreferrer' : undefined,
|
|
55
|
-
},
|
|
56
|
-
label: {
|
|
57
|
-
htmlFor: comp.htmlFor,
|
|
58
|
-
},
|
|
59
|
-
};
|
|
60
|
-
return ATTR_MAP[tagName] || {};
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
const bdsTypographyCss = () => `@charset "UTF-8";.bds-typography{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular)}.bds-typography__info-icon{color:var(--boreal-icon-default-light)}.bds-typography--heading,.bds-typography--subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-typography--display{display:block}.bds-typography--caption,.bds-typography--helper,.bds-typography--link{display:inline-block}.bds-typography--caption{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-light)}.bds-typography--helper{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default-light)}.bds-typography--link{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-primary-base);text-decoration:none}.bds-typography--link:hover{text-decoration:underline}.bds-typography--link:visited{color:var(--boreal-text-primary-base)}.bds-typography--link:active{color:var(--boreal-text-primary-dark)}.bds-typography--link.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xs)}.bds-typography--link.bds-typography--size-md{font-size:var(--boreal-typography-font-size-sm)}.bds-typography--code{font-family:var(--boreal-typography-font-family-secondary);font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md);overflow-wrap:break-word;background-color:var(--boreal-bg-neutral);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-xs);border-radius:var(--boreal-radius-xs);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bds-typography--label{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md);color:var(--boreal-text-default-darker)}.bds-typography--display{font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography--display.bds-typography--size-sm{font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography--display.bds-typography--size-md{font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography--display.bds-typography--size-lg{font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--display.bds-typography--size-xl{font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl);font-weight:var(--boreal-typography-font-weight-light)}.bds-typography--heading{font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg);font-weight:var(--boreal-typography-font-weight-regular);color:var(--boreal-text-default)}.bds-typography h1.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-4xl);line-height:var(--boreal-typography-line-height-4xl)}.bds-typography h2.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-3xl);line-height:var(--boreal-typography-line-height-3xl)}.bds-typography h3.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-2xl);line-height:var(--boreal-typography-line-height-2xl)}.bds-typography h4.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-xl);line-height:var(--boreal-typography-line-height-xl)}.bds-typography h5.bds-typography--heading{font-weight:var(--boreal-typography-font-weight-regular);font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-lg)}.bds-typography h6.bds-typography--heading{font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-typography--subheading{font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md);font-weight:var(--boreal-typography-font-weight-semibold)}.bds-typography--align-start{text-align:start}.bds-typography--align-center{text-align:center}.bds-typography--align-end{text-align:end}.bds-typography--align-inherit{text-align:inherit}.bds-typography--error{color:var(--boreal-text-danger-base)}.bds-typography--disabled{color:var(--boreal-text-disabled);pointer-events:none;cursor:not-allowed}.bds-typography--disabled .bds-typography__required-indicator{color:var(--boreal-text-danger-light)}.bds-typography--ellipsis{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bds-typography--ellipsis-multiline{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%}`;
|
|
64
|
-
|
|
65
|
-
const BdsTypography = class {
|
|
66
|
-
constructor(hostRef) {
|
|
67
|
-
registerInstance(this, hostRef);
|
|
68
|
-
this.inheritedAttributes = {};
|
|
69
|
-
/** Typography visual variant. */
|
|
70
|
-
this.variant = VARIANT_TYPOGRAPHY.DISPLAY;
|
|
71
|
-
/** Typography size token. */
|
|
72
|
-
this.size = SIZES.M;
|
|
73
|
-
/** Visual state (if supported by variant). */
|
|
74
|
-
this.state = COMPONENT_STATES.DEFAULT;
|
|
75
|
-
/** Additional custom CSS class. */
|
|
76
|
-
this.customClass = '';
|
|
77
|
-
/** HTML tag used for rendering. */
|
|
78
|
-
this.element = TAG_ELEMENT.P;
|
|
79
|
-
/** Text alignment. */
|
|
80
|
-
this.align = ALIGNMENT.START;
|
|
81
|
-
/** Enables text ellipsis. */
|
|
82
|
-
this.ellipsis = false;
|
|
83
|
-
/** Max lines when ellipsis is enabled. */
|
|
84
|
-
this.maxLines = 1;
|
|
85
|
-
/** Tooltip text (variant must support it). */
|
|
86
|
-
this.tooltipText = '';
|
|
87
|
-
/** Marks the field as required. */
|
|
88
|
-
this.isRequired = false;
|
|
89
|
-
/** For attribute when rendered as a label. */
|
|
90
|
-
this.htmlFor = undefined;
|
|
91
|
-
/** Link href when rendered as anchor. */
|
|
92
|
-
this.href = null;
|
|
93
|
-
/** Anchor target. */
|
|
94
|
-
this.target = null;
|
|
95
|
-
/** Enables download behavior for anchor. */
|
|
96
|
-
this.isDownloadable = false;
|
|
97
|
-
/** Suggested download filename. */
|
|
98
|
-
this.filename = FILENAME;
|
|
99
|
-
/** Sanitized href for security. */
|
|
100
|
-
this.sanitizedHref = '';
|
|
101
|
-
}
|
|
102
|
-
async updateSanitizedHref() {
|
|
103
|
-
if (this.getTagName === 'a' && this.href !== null) {
|
|
104
|
-
const { sanitizeUrl } = await import('./index-noyWJ11s.js').then(function (n) { return n.i; });
|
|
105
|
-
this.sanitizedHref = sanitizeUrl(this.href);
|
|
106
|
-
}
|
|
107
|
-
else
|
|
108
|
-
this.sanitizedHref = '';
|
|
109
|
-
}
|
|
110
|
-
async componentWillLoad() {
|
|
111
|
-
if (this.getTagName === TAG_ELEMENT.A && this.href !== null)
|
|
112
|
-
await this.updateSanitizedHref();
|
|
113
|
-
this.inheritedAttributes = {
|
|
114
|
-
...inheritAriaAttributes(this.el),
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
get getTagName() {
|
|
118
|
-
if (this.variant === VARIANT_TYPOGRAPHY.LINK)
|
|
119
|
-
return TAG_ELEMENT.A;
|
|
120
|
-
return this.element.toLowerCase();
|
|
121
|
-
}
|
|
122
|
-
getVariantConfig() {
|
|
123
|
-
return VARIANT_CONFIG[this.variant] ?? {};
|
|
124
|
-
}
|
|
125
|
-
getAccessibilityTags() {
|
|
126
|
-
const { isRequired = null } = this.getVariantConfig();
|
|
127
|
-
const isInteractiveTag = ['a', 'label'].includes(this.getTagName);
|
|
128
|
-
return {
|
|
129
|
-
'aria-required': this.isRequired && isRequired,
|
|
130
|
-
'aria-disabled': this.state === COMPONENT_STATES.DISABLED && isInteractiveTag,
|
|
131
|
-
};
|
|
132
|
-
}
|
|
133
|
-
getVariantStateStyles() {
|
|
134
|
-
const config = this.getVariantConfig();
|
|
135
|
-
return {
|
|
136
|
-
[`bds-typography--${this.variant}`]: true,
|
|
137
|
-
[`bds-typography--align-${this.align}`]: true,
|
|
138
|
-
[`bds-typography--${this.state}`]: !!(config?.states && config?.states.includes(this.state)),
|
|
139
|
-
[`bds-typography--size-${this.size}`]: !!(config?.size && config?.size.includes(this.size)),
|
|
140
|
-
'bds-typography--required': !!(config?.isRequired && this.isRequired),
|
|
141
|
-
'bds-typography--ellipsis': this.ellipsis && this.maxLines <= 1,
|
|
142
|
-
'bds-typography--ellipsis-multiline': this.ellipsis && this.maxLines > 1,
|
|
143
|
-
[this.customClass]: this.customClass !== '',
|
|
144
|
-
};
|
|
145
|
-
}
|
|
146
|
-
render() {
|
|
147
|
-
const TagName = this.getTagName;
|
|
148
|
-
const attributes = {
|
|
149
|
-
...getAttributesByTag(this, TagName),
|
|
150
|
-
...this.inheritedAttributes,
|
|
151
|
-
...this.getAccessibilityTags(),
|
|
152
|
-
};
|
|
153
|
-
const classes = this.getVariantStateStyles();
|
|
154
|
-
const { canUseTooltip = null, isRequired = null } = this.getVariantConfig();
|
|
155
|
-
return (h(Host, { key: '98e236475142f2be85fcc227cd507d6cb8648928', class: "bds-typography" }, h(TagName, { key: 'eed74e216dc0832b5f4808ba72e1374198f60e1a', class: classes, style: { webkitLineClamp: this.maxLines }, ...attributes }, h("slot", { key: 'cc073f2d2a3840970c62296379514884564c3473' }), this.isRequired && isRequired && (h("em", { key: '299a88d69856603b6e73af9567fa91b1a1e7434f', class: "bds-typography__required-indicator", "aria-hidden": "true" }, "*")), this.tooltipText && canUseTooltip && (h("span", { key: 'c8fa478a8fbd4a70d0869b4c9d523a8a0e9803bf' }, h("em", { key: '0f6869a6dd7ab04b19acee773e54687dbd070af0', class: "bds-typography__info-icon bds-icon-info-circle", "aria-label": this.tooltipText }), h("bds-tooltip", { key: 'ec2dfc33b119bc3f60ec52e8bd10fdb16ea5cc2a' }, this.tooltipText))))));
|
|
156
|
-
}
|
|
157
|
-
get el() { return getElement(this); }
|
|
158
|
-
static get watchers() { return {
|
|
159
|
-
"href": [{
|
|
160
|
-
"updateSanitizedHref": 0
|
|
161
|
-
}]
|
|
162
|
-
}; }
|
|
163
|
-
};
|
|
164
|
-
BdsTypography.style = bdsTypographyCss();
|
|
165
|
-
|
|
166
|
-
export { BdsTypography as bds_typography };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Validates a component prop against a list of accepted values.
|
|
3
|
-
* If the current value is invalid, the prop is reset to the fallback and a warning is issued.
|
|
4
|
-
*
|
|
5
|
-
* @param acceptedValues - The list of valid values for the prop.
|
|
6
|
-
* @param fallbackValue - The value to apply when the current value is invalid.
|
|
7
|
-
* @param element - The host element whose property will be corrected.
|
|
8
|
-
* @param propertyName - The name of the prop to validate.
|
|
9
|
-
*/
|
|
10
|
-
function validatePropValue(acceptedValues, fallbackValue, element, propertyName) {
|
|
11
|
-
const currentValue = element[propertyName];
|
|
12
|
-
if (acceptedValues.includes(currentValue))
|
|
13
|
-
return;
|
|
14
|
-
element[propertyName] = fallbackValue;
|
|
15
|
-
console.warn(`[BorealDS] Invalid value "${currentValue}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected one of: ${acceptedValues.join(', ')}.`);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { validatePropValue as v };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function s(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):i(e.value).then(a,s)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return u([e,t])}}function u(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(r=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){n.label=s[1];break}if(s[0]===6&&n.label<o[1]){n.label=o[1];o=s;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(s);break}if(o[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{r=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var n={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0)n[r]=e[r];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++){if(t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i]))n[r[i]]=e[r[i]]}return n};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,o;r<i;r++){if(o||!(r in t)){if(!o)o=Array.prototype.slice.call(t,0,r);o[r]=t[r]}}return e.concat(o||Array.prototype.slice.call(t))};import{f as floatingMixin}from"./floating.mixin-DCXSEEVH.js";var min=Math.min;var max=Math.max;var round=Math.round;var floor=Math.floor;var createCoords=function(e){return{x:e,y:e}};var oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};var oppositeAlignmentMap={start:"end",end:"start"};function clamp(e,t,n){return max(e,min(t,n))}function evaluate(e,t){return typeof e==="function"?e(t):e}function getSide(e){return e.split("-")[0]}function getAlignment(e){return e.split("-")[1]}function getOppositeAxis(e){return e==="x"?"y":"x"}function getAxisLength(e){return e==="y"?"height":"width"}var yAxisSides=new Set(["top","bottom"]);function getSideAxis(e){return yAxisSides.has(getSide(e))?"y":"x"}function getAlignmentAxis(e){return getOppositeAxis(getSideAxis(e))}function getAlignmentSides(e,t,n){if(n===void 0){n=false}var r=getAlignment(e);var i=getAlignmentAxis(e);var o=getAxisLength(i);var a=i==="x"?r===(n?"end":"start")?"right":"left":r==="start"?"bottom":"top";if(t.reference[o]>t.floating[o]){a=getOppositePlacement(a)}return[a,getOppositePlacement(a)]}function getExpandedPlacements(e){var t=getOppositePlacement(e);return[getOppositeAlignmentPlacement(e),t,getOppositeAlignmentPlacement(t)]}function getOppositeAlignmentPlacement(e){return e.replace(/start|end/g,(function(e){return oppositeAlignmentMap[e]}))}var lrPlacement=["left","right"];var rlPlacement=["right","left"];var tbPlacement=["top","bottom"];var btPlacement=["bottom","top"];function getSideList(e,t,n){switch(e){case"top":case"bottom":if(n)return t?rlPlacement:lrPlacement;return t?lrPlacement:rlPlacement;case"left":case"right":return t?tbPlacement:btPlacement;default:return[]}}function getOppositeAxisPlacements(e,t,n,r){var i=getAlignment(e);var o=getSideList(getSide(e),n==="start",r);if(i){o=o.map((function(e){return e+"-"+i}));if(t){o=o.concat(o.map(getOppositeAlignmentPlacement))}}return o}function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(function(e){return oppositeSideMap[e]}))}function expandPaddingObject(e){return __assign({top:0,right:0,bottom:0,left:0},e)}function getPaddingObject(e){return typeof e!=="number"?expandPaddingObject(e):{top:e,right:e,bottom:e,left:e}}function rectToClientRect(e){var t=e.x,n=e.y,r=e.width,i=e.height;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}function computeCoordsFromPlacement(e,t,n){var r=e.reference,i=e.floating;var o=getSideAxis(t);var a=getAlignmentAxis(t);var s=getAxisLength(a);var u=getSide(t);var l=o==="y";var f=r.x+r.width/2-i.width/2;var c=r.y+r.height/2-i.height/2;var v=r[s]/2-i[s]/2;var d;switch(u){case"top":d={x:f,y:r.y-i.height};break;case"bottom":d={x:f,y:r.y+r.height};break;case"right":d={x:r.x+r.width,y:c};break;case"left":d={x:r.x-i.width,y:c};break;default:d={x:r.x,y:r.y}}switch(getAlignment(t)){case"start":d[a]-=v*(n&&l?-1:1);break;case"end":d[a]+=v*(n&&l?-1:1);break}return d}function detectOverflow(e,t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R,T,N,L,M,F,D;var B;return __generator(this,(function(W){switch(W.label){case 0:if(t===void 0){t={}}r=e.x,i=e.y,o=e.platform,a=e.rects,s=e.elements,u=e.strategy;l=evaluate(t,e),f=l.boundary,c=f===void 0?"clippingAncestors":f,v=l.rootBoundary,d=v===void 0?"viewport":v,g=l.elementContext,m=g===void 0?"floating":g,h=l.altBoundary,p=h===void 0?false:h,w=l.padding,_=w===void 0?0:w;y=getPaddingObject(_);x=m==="floating"?"reference":"floating";b=s[p?x:m];S=rectToClientRect;O=(E=o).getClippingRect;B={};return[4,o.isElement==null?void 0:o.isElement(b)];case 1:if(!((n=W.sent())!=null?n:true))return[3,2];C=b;return[3,5];case 2:P=b.contextElement;if(P)return[3,4];return[4,o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)];case 3:P=W.sent();W.label=4;case 4:C=P;W.label=5;case 5:return[4,O.apply(E,[(B.element=C,B.boundary=c,B.rootBoundary=d,B.strategy=u,B)])];case 6:A=S.apply(void 0,[W.sent()]);R=m==="floating"?{x:r,y:i,width:a.floating.width,height:a.floating.height}:a.reference;return[4,o.getOffsetParent==null?void 0:o.getOffsetParent(s.floating)];case 7:T=W.sent();return[4,o.isElement==null?void 0:o.isElement(T)];case 8:if(!W.sent())return[3,10];return[4,o.getScale==null?void 0:o.getScale(T)];case 9:L=W.sent()||{x:1,y:1};return[3,11];case 10:L={x:1,y:1};W.label=11;case 11:N=L;F=rectToClientRect;if(!o.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:R,offsetParent:T,strategy:u})];case 12:D=W.sent();return[3,14];case 13:D=R;W.label=14;case 14:M=F.apply(void 0,[D]);return[2,{top:(A.top-M.top+y.top)/N.y,bottom:(M.bottom-A.bottom+y.bottom)/N.y,left:(A.left-M.left+y.left)/N.x,right:(M.right-A.right+y.right)/N.x}]}}))}))}var computePosition$1=function(e,t,n){return __awaiter(void 0,void 0,void 0,(function(){var r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R;var T,N;return __generator(this,(function(L){switch(L.label){case 0:r=n.placement,i=r===void 0?"bottom":r,o=n.strategy,a=o===void 0?"absolute":o,s=n.middleware,u=s===void 0?[]:s,l=n.platform;f=u.filter(Boolean);return[4,l.isRTL==null?void 0:l.isRTL(t)];case 1:c=L.sent();return[4,l.getElementRects({reference:e,floating:t,strategy:a})];case 2:v=L.sent();d=computeCoordsFromPlacement(v,i,c),g=d.x,m=d.y;h=i;p={};w=0;_=0;L.label=3;case 3:if(!(_<f.length))return[3,11];x=f[_],b=x.name,A=x.fn;return[4,A({x:g,y:m,initialPlacement:i,placement:h,strategy:a,middlewareData:p,rects:v,platform:__assign(__assign({},l),{detectOverflow:(y=l.detectOverflow)!=null?y:detectOverflow}),elements:{reference:e,floating:t}})];case 4:S=L.sent(),E=S.x,O=S.y,C=S.data,P=S.reset;g=E!=null?E:g;m=O!=null?O:m;p=__assign(__assign({},p),(T={},T[b]=__assign(__assign({},p[b]),C),T));if(!(P&&w<=50))return[3,10];w++;if(!(typeof P==="object"))return[3,9];if(P.placement){h=P.placement}if(!P.rects)return[3,8];if(!(P.rects===true))return[3,6];return[4,l.getElementRects({reference:e,floating:t,strategy:a})];case 5:R=L.sent();return[3,7];case 6:R=P.rects;L.label=7;case 7:v=R;L.label=8;case 8:N=computeCoordsFromPlacement(v,h,c),g=N.x,m=N.y;L.label=9;case 9:_=-1;L.label=10;case 10:_++;return[3,3];case 11:return[2,{x:g,y:m,placement:h,strategy:a,middlewareData:p}]}}))}))};var arrow$1=function(e){return{name:"arrow",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R,T,N,L,M,F,D,B;var W,k;return __generator(this,(function(V){switch(V.label){case 0:n=t.x,r=t.y,i=t.placement,o=t.rects,a=t.platform,s=t.elements,u=t.middlewareData;l=evaluate(e,t)||{},f=l.element,c=l.padding,v=c===void 0?0:c;if(f==null){return[2,{}]}d=getPaddingObject(v);g={x:n,y:r};m=getAlignmentAxis(i);h=getAxisLength(m);return[4,a.getDimensions(f)];case 1:p=V.sent();w=m==="y";_=w?"top":"left";y=w?"bottom":"right";x=w?"clientHeight":"clientWidth";b=o.reference[h]+o.reference[m]-g[m]-o.floating[h];A=g[m]-o.reference[m];return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(f)];case 2:S=V.sent();E=S?S[x]:0;O=!E;if(O)return[3,4];return[4,a.isElement==null?void 0:a.isElement(S)];case 3:O=!V.sent();V.label=4;case 4:if(O){E=s.floating[x]||o.floating[h]}C=b/2-A/2;P=E/2-p[h]/2-1;R=min(d[_],P);T=min(d[y],P);N=R;L=E-p[h]-T;M=E/2-p[h]/2+C;F=clamp(N,M,L);D=!u.arrow&&getAlignment(i)!=null&&M!==F&&o.reference[h]/2-(M<N?R:T)-p[h]/2<0;B=D?M<N?M-N:M-L:0;return[2,(W={},W[m]=g[m]+B,W.data=__assign((k={},k[m]=F,k.centerOffset=M-F-B,k),D&&{alignmentOffset:B}),W.reset=D,W)]}}))}))}}};var flip$1=function(e){if(e===void 0){e={}}return{name:"flip",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,S,E,O,C,P,R,T,N,L,M,F,D,B,W,k,V,$,j;return __generator(this,(function(H){switch(H.label){case 0:i=t.placement,o=t.middlewareData,a=t.rects,s=t.initialPlacement,u=t.platform,l=t.elements;f=evaluate(e,t),c=f.mainAxis,v=c===void 0?true:c,d=f.crossAxis,g=d===void 0?true:d,m=f.fallbackPlacements,h=f.fallbackStrategy,p=h===void 0?"bestFit":h,w=f.fallbackAxisSideDirection,_=w===void 0?"none":w,y=f.flipAlignment,x=y===void 0?true:y,b=__rest(f,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=o.arrow)!=null&&n.alignmentOffset){return[2,{}]}A=getSide(i);S=getSideAxis(s);E=getSide(s)===s;return[4,u.isRTL==null?void 0:u.isRTL(l.floating)];case 1:O=H.sent();C=m||(E||!x?[getOppositePlacement(s)]:getExpandedPlacements(s));P=_!=="none";if(!m&&P){C.push.apply(C,getOppositeAxisPlacements(s,x,_,O))}R=__spreadArray([s],C,true);return[4,u.detectOverflow(t,b)];case 2:T=H.sent();N=[];L=((r=o.flip)==null?void 0:r.overflows)||[];if(v){N.push(T[A])}if(g){M=getAlignmentSides(i,a,O);N.push(T[M[0]],T[M[1]])}L=__spreadArray(__spreadArray([],L,true),[{placement:i,overflows:N}],false);if(!N.every((function(e){return e<=0}))){B=(((F=o.flip)==null?void 0:F.index)||0)+1;W=R[B];if(W){k=g==="alignment"?S!==getSideAxis(W):false;if(!k||L.every((function(e){return getSideAxis(e.placement)===S?e.overflows[0]>0:true}))){return[2,{data:{index:B,overflows:L},reset:{placement:W}}]}}V=(D=L.filter((function(e){return e.overflows[0]<=0})).sort((function(e,t){return e.overflows[1]-t.overflows[1]}))[0])==null?void 0:D.placement;if(!V){switch(p){case"bestFit":{j=($=L.filter((function(e){if(P){var t=getSideAxis(e.placement);return t===S||t==="y"}return true})).map((function(e){return[e.placement,e.overflows.filter((function(e){return e>0})).reduce((function(e,t){return e+t}),0)]})).sort((function(e,t){return e[1]-t[1]}))[0])==null?void 0:$[0];if(j){V=j}break}case"initialPlacement":V=s;break}}if(i!==V){return[2,{reset:{placement:V}}]}}return[2,{}]}}))}))}}};var originSides=new Set(["left","top"]);function convertValueToCoords(e,t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m;return __generator(this,(function(h){switch(h.label){case 0:n=e.placement,r=e.platform,i=e.elements;return[4,r.isRTL==null?void 0:r.isRTL(i.floating)];case 1:o=h.sent();a=getSide(n);s=getAlignment(n);u=getSideAxis(n)==="y";l=originSides.has(a)?-1:1;f=o&&u?-1:1;c=evaluate(t,e);v=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:{mainAxis:c.mainAxis||0,crossAxis:c.crossAxis||0,alignmentAxis:c.alignmentAxis},d=v.mainAxis,g=v.crossAxis,m=v.alignmentAxis;if(s&&typeof m==="number"){g=s==="end"?m*-1:m}return[2,u?{x:g*f,y:d*l}:{x:d*l,y:g*f}]}}))}))}var offset$1=function(e){if(e===void 0){e=0}return{name:"offset",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u;return __generator(this,(function(l){switch(l.label){case 0:i=t.x,o=t.y,a=t.placement,s=t.middlewareData;return[4,convertValueToCoords(t,e)];case 1:u=l.sent();if(a===((n=s.offset)==null?void 0:n.placement)&&(r=s.arrow)!=null&&r.alignmentOffset){return[2,{}]}return[2,{x:i+u.x,y:o+u.y,data:__assign(__assign({},u),{placement:a})}]}}))}))}}};var shift$1=function(e){if(e===void 0){e={}}return{name:"shift",options:e,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,r,i,o,a,s,u,l,f,c,v,d,g,m,h,p,w,_,y,x,b,A,y,x,S,E,O;var C,P;return __generator(this,(function(R){switch(R.label){case 0:n=t.x,r=t.y,i=t.placement,o=t.platform;a=evaluate(e,t),s=a.mainAxis,u=s===void 0?true:s,l=a.crossAxis,f=l===void 0?false:l,c=a.limiter,v=c===void 0?{fn:function(e){var t=e.x,n=e.y;return{x:t,y:n}}}:c,d=__rest(a,["mainAxis","crossAxis","limiter"]);g={x:n,y:r};return[4,o.detectOverflow(t,d)];case 1:m=R.sent();h=getSideAxis(getSide(i));p=getOppositeAxis(h);w=g[p];_=g[h];if(u){y=p==="y"?"top":"left";x=p==="y"?"bottom":"right";b=w+m[y];A=w-m[x];w=clamp(b,w,A)}if(f){y=h==="y"?"top":"left";x=h==="y"?"bottom":"right";S=_+m[y];E=_-m[x];_=clamp(S,_,E)}O=v.fn(__assign(__assign({},t),(C={},C[p]=w,C[h]=_,C)));return[2,__assign(__assign({},O),{data:{x:O.x-n,y:O.y-r,enabled:(P={},P[p]=u,P[h]=f,P)}})]}}))}))}}};function hasWindow(){return typeof window!=="undefined"}function getNodeName(e){if(isNode(e)){return(e.nodeName||"").toLowerCase()}return"#document"}function getWindow(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function getDocumentElement(e){var t;return(t=(isNode(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function isNode(e){if(!hasWindow()){return false}return e instanceof Node||e instanceof getWindow(e).Node}function isElement(e){if(!hasWindow()){return false}return e instanceof Element||e instanceof getWindow(e).Element}function isHTMLElement(e){if(!hasWindow()){return false}return e instanceof HTMLElement||e instanceof getWindow(e).HTMLElement}function isShadowRoot(e){if(!hasWindow()||typeof ShadowRoot==="undefined"){return false}return e instanceof ShadowRoot||e instanceof getWindow(e).ShadowRoot}var invalidOverflowDisplayValues=new Set(["inline","contents"]);function isOverflowElement(e){var t=getComputedStyle$1(e),n=t.overflow,r=t.overflowX,i=t.overflowY,o=t.display;return/auto|scroll|overlay|hidden|clip/.test(n+i+r)&&!invalidOverflowDisplayValues.has(o)}var tableElements=new Set(["table","td","th"]);function isTableElement(e){return tableElements.has(getNodeName(e))}var topLayerSelectors=[":popover-open",":modal"];function isTopLayer(e){return topLayerSelectors.some((function(t){try{return e.matches(t)}catch(e){return false}}))}var transformProperties=["transform","translate","scale","rotate","perspective"];var willChangeValues=["transform","translate","scale","rotate","perspective","filter"];var containValues=["paint","layout","strict","content"];function isContainingBlock(e){var t=isWebKit();var n=isElement(e)?getComputedStyle$1(e):e;return transformProperties.some((function(e){return n[e]?n[e]!=="none":false}))||(n.containerType?n.containerType!=="normal":false)||!t&&(n.backdropFilter?n.backdropFilter!=="none":false)||!t&&(n.filter?n.filter!=="none":false)||willChangeValues.some((function(e){return(n.willChange||"").includes(e)}))||containValues.some((function(e){return(n.contain||"").includes(e)}))}function getContainingBlock(e){var t=getParentNode(e);while(isHTMLElement(t)&&!isLastTraversableNode(t)){if(isContainingBlock(t)){return t}else if(isTopLayer(t)){return null}t=getParentNode(t)}return null}function isWebKit(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}var lastTraversableNodeNames=new Set(["html","body","#document"]);function isLastTraversableNode(e){return lastTraversableNodeNames.has(getNodeName(e))}function getComputedStyle$1(e){return getWindow(e).getComputedStyle(e)}function getNodeScroll(e){if(isElement(e)){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}return{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function getParentNode(e){if(getNodeName(e)==="html"){return e}var t=e.assignedSlot||e.parentNode||isShadowRoot(e)&&e.host||getDocumentElement(e);return isShadowRoot(t)?t.host:t}function getNearestOverflowAncestor(e){var t=getParentNode(e);if(isLastTraversableNode(t)){return e.ownerDocument?e.ownerDocument.body:e.body}if(isHTMLElement(t)&&isOverflowElement(t)){return t}return getNearestOverflowAncestor(t)}function getOverflowAncestors(e,t,n){var r;if(t===void 0){t=[]}if(n===void 0){n=true}var i=getNearestOverflowAncestor(e);var o=i===((r=e.ownerDocument)==null?void 0:r.body);var a=getWindow(i);if(o){var s=getFrameElement(a);return t.concat(a,a.visualViewport||[],isOverflowElement(i)?i:[],s&&n?getOverflowAncestors(s):[])}return t.concat(i,getOverflowAncestors(i,[],n))}function getFrameElement(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function getCssDimensions(e){var t=getComputedStyle$1(e);var n=parseFloat(t.width)||0;var r=parseFloat(t.height)||0;var i=isHTMLElement(e);var o=i?e.offsetWidth:n;var a=i?e.offsetHeight:r;var s=round(n)!==o||round(r)!==a;if(s){n=o;r=a}return{width:n,height:r,$:s}}function unwrapElement(e){return!isElement(e)?e.contextElement:e}function getScale(e){var t=unwrapElement(e);if(!isHTMLElement(t)){return createCoords(1)}var n=t.getBoundingClientRect();var r=getCssDimensions(t),i=r.width,o=r.height,a=r.$;var s=(a?round(n.width):n.width)/i;var u=(a?round(n.height):n.height)/o;if(!s||!Number.isFinite(s)){s=1}if(!u||!Number.isFinite(u)){u=1}return{x:s,y:u}}var noOffsets=createCoords(0);function getVisualOffsets(e){var t=getWindow(e);if(!isWebKit()||!t.visualViewport){return noOffsets}return{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function shouldAddVisualOffsets(e,t,n){if(t===void 0){t=false}if(!n||t&&n!==getWindow(e)){return false}return t}function getBoundingClientRect(e,t,n,r){if(t===void 0){t=false}if(n===void 0){n=false}var i=e.getBoundingClientRect();var o=unwrapElement(e);var a=createCoords(1);if(t){if(r){if(isElement(r)){a=getScale(r)}}else{a=getScale(e)}}var s=shouldAddVisualOffsets(o,n,r)?getVisualOffsets(o):createCoords(0);var u=(i.left+s.x)/a.x;var l=(i.top+s.y)/a.y;var f=i.width/a.x;var c=i.height/a.y;if(o){var v=getWindow(o);var d=r&&isElement(r)?getWindow(r):r;var g=v;var m=getFrameElement(g);while(m&&r&&d!==g){var h=getScale(m);var p=m.getBoundingClientRect();var w=getComputedStyle$1(m);var _=p.left+(m.clientLeft+parseFloat(w.paddingLeft))*h.x;var y=p.top+(m.clientTop+parseFloat(w.paddingTop))*h.y;u*=h.x;l*=h.y;f*=h.x;c*=h.y;u+=_;l+=y;g=getWindow(m);m=getFrameElement(g)}}return rectToClientRect({width:f,height:c,x:u,y:l})}function getWindowScrollBarX(e,t){var n=getNodeScroll(e).scrollLeft;if(!t){return getBoundingClientRect(getDocumentElement(e)).left+n}return t.left+n}function getHTMLOffset(e,t){var n=e.getBoundingClientRect();var r=n.left+t.scrollLeft-getWindowScrollBarX(e,n);var i=n.top+t.scrollTop;return{x:r,y:i}}function convertOffsetParentRelativeRectToViewportRelativeRect(e){var t=e.elements,n=e.rect,r=e.offsetParent,i=e.strategy;var o=i==="fixed";var a=getDocumentElement(r);var s=t?isTopLayer(t.floating):false;if(r===a||s&&o){return n}var u={scrollLeft:0,scrollTop:0};var l=createCoords(1);var f=createCoords(0);var c=isHTMLElement(r);if(c||!c&&!o){if(getNodeName(r)!=="body"||isOverflowElement(a)){u=getNodeScroll(r)}if(isHTMLElement(r)){var v=getBoundingClientRect(r);l=getScale(r);f.x=v.x+r.clientLeft;f.y=v.y+r.clientTop}}var d=a&&!c&&!o?getHTMLOffset(a,u):createCoords(0);return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-u.scrollLeft*l.x+f.x+d.x,y:n.y*l.y-u.scrollTop*l.y+f.y+d.y}}function getClientRects(e){return Array.from(e.getClientRects())}function getDocumentRect(e){var t=getDocumentElement(e);var n=getNodeScroll(e);var r=e.ownerDocument.body;var i=max(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth);var o=max(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);var a=-n.scrollLeft+getWindowScrollBarX(e);var s=-n.scrollTop;if(getComputedStyle$1(r).direction==="rtl"){a+=max(t.clientWidth,r.clientWidth)-i}return{width:i,height:o,x:a,y:s}}var SCROLLBAR_MAX=25;function getViewportRect(e,t){var n=getWindow(e);var r=getDocumentElement(e);var i=n.visualViewport;var o=r.clientWidth;var a=r.clientHeight;var s=0;var u=0;if(i){o=i.width;a=i.height;var l=isWebKit();if(!l||l&&t==="fixed"){s=i.offsetLeft;u=i.offsetTop}}var f=getWindowScrollBarX(r);if(f<=0){var c=r.ownerDocument;var v=c.body;var d=getComputedStyle(v);var g=c.compatMode==="CSS1Compat"?parseFloat(d.marginLeft)+parseFloat(d.marginRight)||0:0;var m=Math.abs(r.clientWidth-v.clientWidth-g);if(m<=SCROLLBAR_MAX){o-=m}}else if(f<=SCROLLBAR_MAX){o+=f}return{width:o,height:a,x:s,y:u}}var absoluteOrFixed=new Set(["absolute","fixed"]);function getInnerBoundingClientRect(e,t){var n=getBoundingClientRect(e,true,t==="fixed");var r=n.top+e.clientTop;var i=n.left+e.clientLeft;var o=isHTMLElement(e)?getScale(e):createCoords(1);var a=e.clientWidth*o.x;var s=e.clientHeight*o.y;var u=i*o.x;var l=r*o.y;return{width:a,height:s,x:u,y:l}}function getClientRectFromClippingAncestor(e,t,n){var r;if(t==="viewport"){r=getViewportRect(e,n)}else if(t==="document"){r=getDocumentRect(getDocumentElement(e))}else if(isElement(t)){r=getInnerBoundingClientRect(t,n)}else{var i=getVisualOffsets(e);r={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return rectToClientRect(r)}function hasFixedPositionAncestor(e,t){var n=getParentNode(e);if(n===t||!isElement(n)||isLastTraversableNode(n)){return false}return getComputedStyle$1(n).position==="fixed"||hasFixedPositionAncestor(n,t)}function getClippingElementAncestors(e,t){var n=t.get(e);if(n){return n}var r=getOverflowAncestors(e,[],false).filter((function(e){return isElement(e)&&getNodeName(e)!=="body"}));var i=null;var o=getComputedStyle$1(e).position==="fixed";var a=o?getParentNode(e):e;while(isElement(a)&&!isLastTraversableNode(a)){var s=getComputedStyle$1(a);var u=isContainingBlock(a);if(!u&&s.position==="fixed"){i=null}var l=o?!u&&!i:!u&&s.position==="static"&&!!i&&absoluteOrFixed.has(i.position)||isOverflowElement(a)&&!u&&hasFixedPositionAncestor(e,a);if(l){r=r.filter((function(e){return e!==a}))}else{i=s}a=getParentNode(a)}t.set(e,r);return r}function getClippingRect(e){var t=e.element,n=e.boundary,r=e.rootBoundary,i=e.strategy;var o=n==="clippingAncestors"?isTopLayer(t)?[]:getClippingElementAncestors(t,this._c):[].concat(n);var a=__spreadArray(__spreadArray([],o,true),[r],false);var s=a[0];var u=a.reduce((function(e,n){var r=getClientRectFromClippingAncestor(t,n,i);e.top=max(r.top,e.top);e.right=min(r.right,e.right);e.bottom=min(r.bottom,e.bottom);e.left=max(r.left,e.left);return e}),getClientRectFromClippingAncestor(t,s,i));return{width:u.right-u.left,height:u.bottom-u.top,x:u.left,y:u.top}}function getDimensions(e){var t=getCssDimensions(e),n=t.width,r=t.height;return{width:n,height:r}}function getRectRelativeToOffsetParent(e,t,n){var r=isHTMLElement(t);var i=getDocumentElement(t);var o=n==="fixed";var a=getBoundingClientRect(e,true,o,t);var s={scrollLeft:0,scrollTop:0};var u=createCoords(0);function l(){u.x=getWindowScrollBarX(i)}if(r||!r&&!o){if(getNodeName(t)!=="body"||isOverflowElement(i)){s=getNodeScroll(t)}if(r){var f=getBoundingClientRect(t,true,o,t);u.x=f.x+t.clientLeft;u.y=f.y+t.clientTop}else if(i){l()}}if(o&&!r&&i){l()}var c=i&&!r&&!o?getHTMLOffset(i,s):createCoords(0);var v=a.left+s.scrollLeft-u.x-c.x;var d=a.top+s.scrollTop-u.y-c.y;return{x:v,y:d,width:a.width,height:a.height}}function isStaticPositioned(e){return getComputedStyle$1(e).position==="static"}function getTrueOffsetParent(e,t){if(!isHTMLElement(e)||getComputedStyle$1(e).position==="fixed"){return null}if(t){return t(e)}var n=e.offsetParent;if(getDocumentElement(e)===n){n=n.ownerDocument.body}return n}function getOffsetParent(e,t){var n=getWindow(e);if(isTopLayer(e)){return n}if(!isHTMLElement(e)){var r=getParentNode(e);while(r&&!isLastTraversableNode(r)){if(isElement(r)&&!isStaticPositioned(r)){return r}r=getParentNode(r)}return n}var i=getTrueOffsetParent(e,t);while(i&&isTableElement(i)&&isStaticPositioned(i)){i=getTrueOffsetParent(i,t)}if(i&&isLastTraversableNode(i)&&isStaticPositioned(i)&&!isContainingBlock(i)){return n}return i||getContainingBlock(e)||n}var getElementRects=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,r,i,o;var a;return __generator(this,(function(s){switch(s.label){case 0:t=this.getOffsetParent||getOffsetParent;n=this.getDimensions;return[4,n(e.floating)];case 1:r=s.sent();a={};i=getRectRelativeToOffsetParent;o=[e.reference];return[4,t(e.floating)];case 2:return[2,(a.reference=i.apply(void 0,o.concat([s.sent(),e.strategy])),a.floating={x:0,y:0,width:r.width,height:r.height},a)]}}))}))};function isRTL(e){return getComputedStyle$1(e).direction==="rtl"}var platform={convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement:getDocumentElement,getClippingRect:getClippingRect,getOffsetParent:getOffsetParent,getElementRects:getElementRects,getClientRects:getClientRects,getDimensions:getDimensions,getScale:getScale,isElement:isElement,isRTL:isRTL};function rectsAreEqual(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function observeMove(e,t){var n=null;var r;var i=getDocumentElement(e);function o(){var e;clearTimeout(r);(e=n)==null||e.disconnect();n=null}function a(s,u){if(s===void 0){s=false}if(u===void 0){u=1}o();var l=e.getBoundingClientRect();var f=l.left,c=l.top,v=l.width,d=l.height;if(!s){t()}if(!v||!d){return}var g=floor(c);var m=floor(i.clientWidth-(f+v));var h=floor(i.clientHeight-(c+d));var p=floor(f);var w=-g+"px "+-m+"px "+-h+"px "+-p+"px";var _={rootMargin:w,threshold:max(0,min(1,u))||1};var y=true;function x(t){var n=t[0].intersectionRatio;if(n!==u){if(!y){return a()}if(!n){r=setTimeout((function(){a(false,1e-7)}),1e3)}else{a(false,n)}}if(n===1&&!rectsAreEqual(l,e.getBoundingClientRect())){a()}y=false}try{n=new IntersectionObserver(x,__assign(__assign({},_),{root:i.ownerDocument}))}catch(e){n=new IntersectionObserver(x,_)}n.observe(e)}a(true);return o}function autoUpdate(e,t,n,r){if(r===void 0){r={}}var i=r.ancestorScroll,o=i===void 0?true:i,a=r.ancestorResize,s=a===void 0?true:a,u=r.elementResize,l=u===void 0?typeof ResizeObserver==="function":u,f=r.layoutShift,c=f===void 0?typeof IntersectionObserver==="function":f,v=r.animationFrame,d=v===void 0?false:v;var g=unwrapElement(e);var m=o||s?__spreadArray(__spreadArray([],g?getOverflowAncestors(g):[],true),getOverflowAncestors(t),true):[];m.forEach((function(e){o&&e.addEventListener("scroll",n,{passive:true});s&&e.addEventListener("resize",n)}));var h=g&&c?observeMove(g,n):null;var p=-1;var w=null;if(l){w=new ResizeObserver((function(e){var r=e[0];if(r&&r.target===g&&w){w.unobserve(t);cancelAnimationFrame(p);p=requestAnimationFrame((function(){var e;(e=w)==null||e.observe(t)}))}n()}));if(g&&!d){w.observe(g)}w.observe(t)}var _;var y=d?getBoundingClientRect(e):null;if(d){x()}function x(){var t=getBoundingClientRect(e);if(y&&!rectsAreEqual(y,t)){n()}y=t;_=requestAnimationFrame(x)}n();return function(){var e;m.forEach((function(e){o&&e.removeEventListener("scroll",n);s&&e.removeEventListener("resize",n)}));h==null||h();(e=w)==null||e.disconnect();w=null;if(d){cancelAnimationFrame(_)}}}var offset=offset$1;var shift=shift$1;var flip=flip$1;var arrow=arrow$1;var computePosition=function(e,t,n){var r=new Map;var i=__assign({platform:platform},n);var o=__assign(__assign({},i.platform),{_c:r});return computePosition$1(e,t,__assign(__assign({},i),{platform:o}))};var Logger=function(){function e(){}e.prototype.error=function(e,t){throw new Error("[".concat(e,"]: ").concat(t))};e.prototype.warn=function(e,t){console.warn("[".concat(e,"]: ").concat(t))};e.prototype.log=function(e,t){console.log("[".concat(e,"]: ").concat(t))};return e}();var FloatingAdapter=function(){function e(e){this.logger=e}e.prototype.computePosition=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var r,i,o,a,s,u,l,f,c,v,d,g;var m=this;return __generator(this,(function(h){switch(h.label){case 0:if(e===undefined||e===null)this.logger.error("FloatingAdapter.computePosition","Reference element is required for positioning.");if(t===undefined||t===null)this.logger.error("FloatingAdapter.computePosition","Floating element is required for positioning.");r=n.placement,i=n.offset,o=n.flip,a=n.shift,s=n.arrow,u=n.strategy;l=[offset(i)];if(o)l.push(flip());if(a)l.push(shift());if(s!==undefined||s!==null)l.push(arrow({element:s}));return[4,computePosition(e,t,{placement:r,middleware:l,strategy:u}).catch((function(e){m.logger.error("FloatingAdapter.computePosition",e.message)})).then((function(e){return e}))];case 1:f=h.sent();c=f.x,v=f.y,d=f.placement,g=f.middlewareData;return[2,{x:c,y:v,placement:d,middlewareData:g}]}}))}))};e.prototype.applyPosition=function(e,t){if(e===undefined||e===null)this.logger.error("FloatingAdapter.applyPosition","Element is required to apply positioning.");e.style.left="".concat(t.x,"px");e.style.top="".concat(t.y,"px")};return e}();var PositioningEngine=function(e){__extends(t,e);function t(){var t=new Logger;return e.call(this,t)||this}return t}(FloatingAdapter);var EVENTS={Focus:"focus",Blur:"blur"};var KEYBOARD={Enter:{key:"Enter"},Escape:{key:"Escape"}};var anchoredMixin=function(e){var t=function(e){__extends(t,e);function t(){return e.call(this)||this}Object.defineProperty(t.prototype,"options",{get:function(){return{placement:"bottom",offset:8,strategy:"fixed"}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hooks",{get:function(){return{}},enumerable:false,configurable:true});t.prototype.showElement=function(){var e=this;this.floatingContent.showPopover();this.isVisible=true;this.startAutoUpdate(this.triggerSlot,this.floatingContent,this.options,(function(t){var n,r;(r=(n=e.hooks).onPositionUpdate)===null||r===void 0?void 0:r.call(n,t)}))};t.prototype.onBeforeShow=function(t){if(this.triggerSlot===null||this.triggerSlot===undefined){this.logger.error("AnchoredMixin.show","triggerSlot is required");return false}return e.prototype.onBeforeShow.call(this,t)};t.prototype.hideElement=function(){var e;this.stopAutoUpdate();(e=this.floatingContent)===null||e===void 0?void 0:e.hidePopover();this.isVisible=false};t.prototype.handleSlotChange=function(e,t,n){var r=e.target;if(this.previousTrigger!==undefined&&this.previousTrigger!==null){this.detachTriggerListeners(this.previousTrigger,t,n)}if(r!==undefined&&r!==null){this.attachTriggerListeners(r,t,n);this.previousTrigger=r}};t.prototype.handleKeydown=function(e,t,n){if(e.key===KEYBOARD.Enter.key||e.key===" ")t();if(e.key===KEYBOARD.Escape.key)n()};t.prototype.updatePosition=function(e,t,n,r){return __awaiter(this,void 0,void 0,(function(){var i;var o,a,s;return __generator(this,(function(u){switch(u.label){case 0:return[4,this.positionEngine.computePosition(e,t,{placement:n.placement,offset:n.offset,flip:(o=n.flip)!==null&&o!==void 0?o:true,shift:(a=n.shift)!==null&&a!==void 0?a:true,arrow:n.arrow,strategy:(s=n.strategy)!==null&&s!==void 0?s:"fixed"})];case 1:i=u.sent();this.positionEngine.applyPosition(t,i);r===null||r===void 0?void 0:r(i);return[2,i]}}))}))};t.prototype.startAutoUpdate=function(e,t,n,r){var i=this;var o=function(){void i.updatePosition(e,t,n,r)};o();this.cleanupAutoUpdate=autoUpdate(e,t,o,{elementResize:true,layoutShift:true})};t.prototype.stopAutoUpdate=function(){var e;(e=this.cleanupAutoUpdate)===null||e===void 0?void 0:e.call(this);this.cleanupAutoUpdate=undefined};t.prototype.attachTriggerListeners=function(e,t,n){e.addEventListener(EVENTS.Focus,t);e.addEventListener(EVENTS.Blur,n)};t.prototype.detachTriggerListeners=function(e,t,n){e.removeEventListener(EVENTS.Focus,t);e.removeEventListener(EVENTS.Blur,n)};t.prototype.floatingDisconnect=function(e,t){if(this.previousTrigger!==undefined&&this.previousTrigger!==null){this.detachTriggerListeners(this.previousTrigger,e,t)}this.stopAutoUpdate()};t.prototype.subscribeToTrigger=function(e){if(this.hooks.subscribeToTrigger!==undefined)this.hooks.subscribeToTrigger(e)};t.prototype.onBeforeLoad=function(){var e=this.el.parentElement;if(e===null)return;var t=e.querySelector("[bds-tooltip], [bds-popover]")||e;if(t.isConnected){this.triggerSlot=t;this.subscribeToTrigger(t)}};t.prototype.componentDidLoad=function(){var e,t;this.onBeforeLoad();(t=(e=this.hooks).onBeforeLoad)===null||t===void 0?void 0:t.call(e,this.el)};t.prototype.componentWillLoad=function(){this.toggle=this.toggle.bind(this);this.show=this.show.bind(this);this.hide=this.hide.bind(this);this.positionEngine=new PositioningEngine;this.logger=new Logger;this.cleanupAutoUpdate=undefined;this.previousTrigger=undefined};t.prototype.disconnectedCallback=function(){var e=this;if(this.previousTrigger!==undefined&&this.previousTrigger!==null){this.floatingDisconnect((function(){return e.show()}),(function(){return e.hide()}))}this.stopAutoUpdate();this.hide()};Object.defineProperty(t,"elementRef",{get:function(){return"el"},enumerable:false,configurable:true});return t}(floatingMixin(e));return t};export{anchoredMixin as a};
|