@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.4
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.js +1 -1
- 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-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-B8n1ru5i.js +1 -0
- package/components-build/p-Bfazyxqi.js +1 -0
- package/components-build/p-CGdxFth9.js +1 -0
- package/components-build/p-CrAt6pGl.js +1 -0
- package/components-build/p-DCwT43Kz.js +1 -0
- package/components-build/p-DIY3CDNL.js +1 -0
- package/components-build/p-DhSchGPI.js +1 -0
- package/components-build/p-kGnB15Lz.js +1 -0
- package/custom-elements.json +2588 -540
- 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-0028481c.entry.js +1 -0
- package/dist/boreal-web-components/p-127a4134.entry.js +1 -0
- package/dist/boreal-web-components/p-1466de58.system.entry.js +1 -0
- package/dist/boreal-web-components/p-1d1bb9d2.entry.js +1 -0
- package/dist/boreal-web-components/p-2158a7cd.entry.js +1 -0
- package/dist/boreal-web-components/{p-8c57e06a.entry.js → p-251b3002.entry.js} +1 -1
- package/dist/boreal-web-components/p-251d35df.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-fc2cb919.entry.js → p-2b8bd1dd.entry.js} +1 -1
- package/dist/boreal-web-components/p-32c23246.system.entry.js +1 -0
- package/dist/boreal-web-components/p-3fbcc233.entry.js +1 -0
- package/dist/boreal-web-components/p-401f1aee.system.entry.js +1 -0
- package/dist/boreal-web-components/p-41b48701.system.entry.js +1 -0
- package/dist/boreal-web-components/p-41cac1b8.system.entry.js +1 -0
- package/dist/boreal-web-components/p-44ceff4e.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-efe57901.system.entry.js → p-52600375.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-627b19a5.system.entry.js +1 -0
- package/dist/boreal-web-components/p-649737e5.entry.js +1 -0
- package/dist/boreal-web-components/p-64cb5825.entry.js +1 -0
- package/dist/boreal-web-components/p-66360e63.entry.js +1 -0
- package/dist/boreal-web-components/p-695d0830.entry.js +1 -0
- package/dist/boreal-web-components/p-6a99f4c6.system.entry.js +1 -0
- package/dist/boreal-web-components/p-731b88cc.entry.js +1 -0
- package/dist/boreal-web-components/{p-22378341.system.entry.js → p-74c13bed.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-7a4efddd.system.entry.js +1 -0
- package/dist/boreal-web-components/p-7db870b7.entry.js +1 -0
- package/dist/boreal-web-components/p-7f7ac40f.entry.js +1 -0
- package/dist/boreal-web-components/p-80822731.system.entry.js +1 -0
- package/dist/boreal-web-components/p-82d49661.entry.js +1 -0
- package/dist/boreal-web-components/p-83ca193e.entry.js +1 -0
- package/dist/boreal-web-components/p-871c9a9f.system.entry.js +1 -0
- package/dist/boreal-web-components/p-BQ_zoZa2.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-CXz1RLGi.system.js +1 -0
- package/dist/boreal-web-components/p-CtknSula.system.js +1 -0
- package/dist/boreal-web-components/p-CvK2d92c.js +1 -0
- package/dist/boreal-web-components/p-CzYQb3pP.js +1 -0
- package/dist/boreal-web-components/p-DCKg5Cg_.system.js +2 -0
- package/dist/boreal-web-components/p-DZcx75cy.system.js +1 -0
- package/dist/boreal-web-components/p-DhSchGPI.js +1 -0
- package/dist/boreal-web-components/{p-BkDQsB4R.system.js → p-Dme-NuTD.system.js} +1 -1
- package/dist/boreal-web-components/p-RhSdMyWk.system.js +1 -0
- package/dist/boreal-web-components/{p-5fa53a80.system.entry.js → p-ab5ffa15.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-b12d4788.system.entry.js +1 -0
- package/dist/boreal-web-components/p-ba2b625a.system.entry.js +1 -0
- package/dist/boreal-web-components/p-bf2ef10b.entry.js +1 -0
- package/dist/boreal-web-components/{p-6de2b44c.system.entry.js → p-c7aee9f4.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-e0bf8a6e.entry.js +1 -0
- package/dist/boreal-web-components/p-edca16b6.system.entry.js +1 -0
- package/dist/boreal-web-components/p-fc24d963.entry.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/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-DbIXSJF2.js +22 -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 +12 -5
- package/dist/cjs/bds-button.cjs.entry.js +5 -5
- package/dist/cjs/bds-checkbox.cjs.entry.js +6 -6
- package/dist/cjs/bds-dialog.cjs.entry.js +7 -6
- 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 +468 -0
- package/dist/cjs/bds-list-menu.cjs.entry.js +130 -0
- package/dist/cjs/bds-popover.cjs.entry.js +17 -8
- 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 +12 -22
- package/dist/cjs/bds-toggle.cjs.entry.js +186 -0
- package/dist/cjs/bds-tooltip_2.cjs.entry.js +320 -0
- package/dist/cjs/boreal-web-components.cjs.js +2 -2
- package/dist/cjs/{anchored.mixin-CnIwkaUi.js → getOffset-m4hBgyVP.js} +42 -26
- package/dist/cjs/{index-BcSjvXJk.js → index-CwYIVC9N.js} +64 -0
- package/dist/cjs/loader.cjs.js +2 -2
- 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 +10 -0
- package/dist/collection/components/actions/bds-button/bds-button.js +2 -2
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.css +25 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +301 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +71 -0
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +437 -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.js +1 -1
- package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
- package/dist/collection/components/forms/bds-text-field/bds-text-field.js +1 -1
- package/dist/collection/components/helpers/bds-divider.css +36 -0
- package/dist/collection/components/helpers/bds-divider.js +88 -0
- package/dist/collection/components/helpers/types/IDivider.js +1 -0
- package/dist/collection/components/helpers/types/enum.js +4 -0
- package/dist/collection/components/helpers/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 +4 -2
- package/dist/collection/components/overlays/bds-tooltip/constants/Offset.js +1 -0
- package/dist/collection/components/titles-text/bds-typography/bds-typography.css +4 -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 +14 -1
- package/dist/collection/mixins/index.js +2 -0
- package/dist/collection/mixins/links.mixin.js +153 -0
- package/dist/collection/mixins/menu-behavior.mixin.js +113 -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 +3 -0
- package/dist/collection/types/links.js +1 -0
- package/dist/collection/types/menu.js +8 -0
- package/dist/collection/types/position.js +6 -2
- package/dist/collection/utils/constants/common/Keys.js +12 -0
- 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 +81 -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-CzYQb3pP.js +20 -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 +12 -5
- package/dist/esm/bds-button.entry.js +5 -5
- package/dist/esm/bds-checkbox.entry.js +3 -3
- package/dist/esm/bds-dialog.entry.js +7 -6
- 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 +466 -0
- package/dist/esm/bds-list-menu.entry.js +128 -0
- package/dist/esm/bds-popover.entry.js +16 -7
- 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 +5 -15
- package/dist/esm/bds-toggle.entry.js +184 -0
- package/dist/esm/bds-tooltip_2.entry.js +317 -0
- package/dist/esm/boreal-web-components.js +3 -3
- package/dist/esm/{anchored.mixin-Y3MkGc2X.js → getOffset-DKPjeBHi.js} +40 -25
- package/dist/esm/{index-D4EFsvs1.js → index-BqJlOB6b.js} +64 -0
- package/dist/esm/loader.js +3 -3
- 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-CzYQb3pP.js +1 -0
- 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.entry.js +1 -1
- 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-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/form-associated.mixin-CvK2d92c.js +1 -0
- package/dist/esm-es5/getOffset-DKPjeBHi.js +1 -0
- package/dist/esm-es5/index-BqJlOB6b.js +2 -0
- package/dist/esm-es5/loader.js +1 -1
- 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-list-menu/bds-list-menu/bds-list-menu.d.ts +70 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +116 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +12 -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-flag/bds-flag.d.ts +3 -4
- package/dist/types/components/helpers/bds-divider.d.ts +26 -0
- package/dist/types/components/helpers/types/IDivider.d.ts +5 -0
- package/dist/types/components/helpers/types/enum.d.ts +5 -0
- package/dist/types/components/helpers/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 +1268 -54
- 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 +91 -0
- package/dist/types/types/IFormProps.d.ts +25 -0
- package/dist/types/types/index.d.ts +3 -0
- package/dist/types/types/links.d.ts +14 -0
- package/dist/types/types/menu.d.ts +16 -0
- package/dist/types/types/position.d.ts +6 -2
- package/dist/types/utils/constants/common/Keys.d.ts +7 -6
- 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}/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-39c26e58.entry.js +0 -1
- package/dist/boreal-web-components/p-6210d025.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-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-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/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/cjs/{internals-X77qKxsK.js → form-associated.mixin-DXwvF_vW.js} +30 -30
- 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__ → testing}/helpers.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/esm/{internals-Dy7QKP9e.js → form-associated.mixin-CvK2d92c.js} +30 -30
- /package/dist/types/utils/{__test__ → testing}/constants.d.ts +0 -0
- /package/dist/types/utils/{__test__ → testing}/fixtures.d.ts +0 -0
- /package/dist/types/utils/{__test__ → testing}/helpers.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as e,r as t,c as s,h as i,a,g as l}from"./p-D4EFsvs1.js";import{f as o,s as r,r as d}from"./p-Dy7QKP9e.js";import{v as h}from"./p-vfAIdwy0.js";const n={TEXT:"text",PASSWORD:"password"},b={OUTLINE:"outline",PLAIN:"plain"},c={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"},f=class extends(e(o)){constructor(e){super(),t(this,e),this.valueChange=s(this,"valueChange"),this.bdsInput=s(this,"bdsInput"),this.bdsChange=s(this,"bdsChange"),this.bdsFocus=s(this,"bdsFocus"),this.bdsBlur=s(this,"bdsBlur"),this.bdsClear=s(this,"bdsClear"),this.bdsValidationChange=s(this,"bdsValidationChange"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.name="",this.disabled=!1,this.required=!1,this.isDisabled=!1,this.value="",this.error=!1,this.errorMessage="",this.customValidators=[],this.validationTiming=c.BLUR,this.type=n.TEXT,this.variant=b.OUTLINE,this.placeholder="",this.readOnly=!1,this.autocomplete="off",this.pattern="",this.minLength=0,this.maxLength=0,this.label="",this.sublabel="",this.icon="",this.helperText="",this.info="",this.clearable=!1,this.clearOnHover=!1,this.charCount=0,this.counter=!1,this.customWidth="",this.focused=!1,this.showPassword=!1,this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",this._valueAtFocus="",this._id=function(e="bds"){return`${e}-${Math.random().toString(36).substr(2,9)}`}("bds-text-field"),this.invalidHandler=e=>{e.preventDefault(),this.validationError=!0,this.validationMessage=this.internals.validationMessage,this.bdsValidationChange.emit({valid:!1,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}onDisabledChange(e){this.isDisabled=e}checkPropValues(){h(Object.values(n),n.TEXT,this.el,"type"),h(Object.values(b),b.OUTLINE,this.el,"variant"),h(Object.values(c),c.BLUR,this.el,"validationTiming")}componentWillLoad(){this.checkPropValues(),this.isDisabled=this.disabled,this.currentCharCount=this.value.length}componentDidLoad(){this.el.addEventListener("invalid",this.invalidHandler)}disconnectedCallback(){this.el.removeEventListener("invalid",this.invalidHandler)}onCustomValidatorsChange(){this.updateValidity()}onValueChange(e){r(this.internals,e),this.currentCharCount=e.length,this.updateValidity(),this.valueChange.emit(e)}formAssociatedCallback(){r(this.internals,this.value),this.updateValidity()}formResetCallback(){this.value="",this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",r(this.internals,null),this.updateValidity()}formStateRestoreCallback(e,t){this.value="string"==typeof e?e:"",r(this.internals,this.value),this.updateValidity()}updateValidity(e=!1){const t=d(this.internals,[...this.validators,...this.customValidators],this.el);e&&(this.validationError=!t,this.validationMessage=t?"":this.internals.validationMessage,this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty}))}handleInput(e){this.value=e.target.value,this.dirty=!0,this.bdsInput.emit({value:this.value,event:e}),this.validationTiming===c.INPUT&&this.updateValidity(!0)}handleChange(e){this.bdsChange.emit({value:this.value,event:e}),this.validationTiming===c.CHANGE&&this.updateValidity(!0)}handleFocus(e){this.focused=!0,this._valueAtFocus=this.value,this.bdsFocus.emit({event:e})}handleBlur(e){this.focused=!1,this.touched=!0,this.bdsBlur.emit({event:e}),(this.validationTiming===c.BLUR||this.validationTiming===c.CHANGE&&this.value!==this._valueAtFocus)&&this.updateValidity(!0)}handleShowPassword(){this.showPassword=!this.showPassword}handleClear(){this.value="",this.dirty=!0,this.validationError=!1,this.validationMessage="",this.bdsClear.emit(),this.el.querySelector("input")?.focus()}handleMouseDown(e){this.readOnly&&e.preventDefault()}get validators(){return[{key:"valueMissing",isValid:()=>!this.required||""!==this.value,message:"This field is required. Please fill it out."},{key:"tooShort",isValid:()=>0===this.minLength||this.value.length>=this.minLength,message:`Please enter at least ${this.minLength} characters.`},{key:"patternMismatch",isValid:()=>{if(""===this.pattern||""===this.value)return!0;try{return new RegExp(this.pattern).test(this.value)}catch{return!0}},message:"Please match the requested format."}]}get effectiveMaxLength(){return 0!==this.maxLength?this.maxLength:this.counter&&this.charCount>0?this.charCount:void 0}get classMap(){return{"bds-text-field":!0,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===b.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover}}get hostStyle(){return""!==this.customWidth?{"--bds-text-field-width":this.customWidth}:void 0}get iconClear(){return this.clearable||this.clearOnHover?"bds-icon-close":""}get showPasswordIcon(){return this.showPassword?"bds-icon-sight-on":"bds-icon-sight-off"}render(){const e=`${this._id}-label`,t=`${this._id}-helper`,s=(this.clearable||this.clearOnHover)&&""!==this.value&&!this.isDisabled&&!this.readOnly,l=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText,o=""!==l||this.counter&&this.charCount>0,r=this.isDisabled?"disabled":this.error||this.validationError?"error":"default";return i(a,{key:"8fcf734b92dfa2ad75a32bef27efea78bd61dd63",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:()=>!this.readOnly&&this.el.querySelector("input")?.focus()},""!==this.label&&i("bds-typography",{key:"d50b6407278dd93b52fbbdbbc5e999a1185d4649",id:e,variant:"label",htmlFor:this._id,isRequired:this.required,tooltipText:""!==this.info?this.info:void 0,state:r},this.label),i("div",{key:"89dc5c7830197786e7dc67b87f64a0b63c8a8c84",class:"bds-text-field__container"},(""!==this.icon||""!==this.sublabel)&&i("span",{key:"a4139e0ce3b3d37bb33d55b5811e439974ed9d53",class:"bds-text-field__sublabel"},""!==this.icon&&i("em",{key:"5fc8f5a49b348fe07c63242243274946e21aa782",class:this.icon}),this.sublabel),i("slot",{key:"a8f62dba555a26aba3b1105402f0afca1378c83a",name:"prefix"}),i("input",{key:"ba2161c8d56c42847c7006d1742a2b60613f4628",id:this._id,class:"bds-text-field__control","aria-labelledby":""!==this.label?e:void 0,"aria-describedby":o&&""!==l?t:void 0,"aria-invalid":this.error||this.validationError?"true":void 0,"aria-required":this.required?"true":void 0,type:this.type===n.PASSWORD&&this.showPassword?n.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly,tabIndex:this.readOnly?-1:void 0,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:""!==this.pattern?this.pattern:void 0,minLength:0!==this.minLength?this.minLength:void 0,maxLength:this.effectiveMaxLength,onMouseDown:e=>this.handleMouseDown(e),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e)}),(s||this.type===n.PASSWORD)&&i("div",{key:"c9ae74b2be87e2759d60ad69c9c91b95bc199163",class:"bds-text-field__actions"},s&&i("button",{key:"d94534386505f9c54aabe892aec58d81b6a0ea94",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":"Clear",onClick:()=>this.handleClear()},i("em",{key:"7899ffad5be71b731ae8ead1d5601e3fc6b5f6a5",class:this.iconClear})),this.type===n.PASSWORD&&i("button",{key:"612aff7de193d9f61b955e686484c13baca3ff57",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?"Hide password":"Show password",onClick:()=>this.handleShowPassword()},i("em",{key:"e886085b840a351a7455a1adb685996835e47118",class:this.showPasswordIcon})))),o&&i("div",{key:"9b47bbaff802d0c4125e45c87f1e7366418dfdcc",class:"bds-text-field__footer"},""!==l&&i("bds-typography",{key:"64265da85a16152af33b3f94c05e4d8562dc26df",id:t,variant:"helper",state:r},l),this.counter&&this.charCount>0&&i("span",{key:"2a264545ba46b8d6908adabe729a1256334535ef",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))}static get formAssociated(){return!0}get el(){return l(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}}};f.style='@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease;transition:color 0.3s ease, opacity 0.3s ease}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}';export{f as bds_text_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var t=function(e,o){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]};return t(e,o)};return function(e,o){if(typeof o!=="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");t(e,o);function r(){this.constructor=e}e.prototype=o===null?Object.create(o):(r.prototype=o.prototype,new r)}}();System.register(["./p-GjKJvOVG.system.js","./p-BIJhHSAt.system.js","./p-BHYhd1yq.system.js"],(function(t){"use strict";var e,o,r,n,i,a;return{setters:[function(t){e=t.M;o=t.r;r=t.h;n=t.a;i=t.g},function(t){a=t.a},null],execute:function(){var l=function(){return'@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}'};var s=t("bds_tooltip",function(t){__extends(e,t);function e(e){var r=t.call(this)||this;o(r,e);r.multiline=false;r.disabled=false;r.floatingOptions={};r.isVisible=false;return r}Object.defineProperty(e.prototype,"options",{get:function(){var t,e;return{placement:(t=this.floatingOptions.placement)!==null&&t!==void 0?t:"bottom",offset:(e=this.floatingOptions.offset)!==null&&e!==void 0?e:8,arrow:this.floatingOptions.hideArrow?undefined:this.arrowElement,strategy:"fixed"}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"hooks",{get:function(){var t=this;return{onPositionUpdate:function(e){return t.handlePosition(e)},onBeforeShow:function(){return t.validateShow()},onBeforeHide:function(e){return t.validateHide(e)},subscribeToTrigger:function(e){return t.subscribe(e)}}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"canShowArrow",{get:function(){return!this.floatingOptions.hideArrow||false},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"getPlacement",{get:function(){return this.floatingOptions.placement||"bottom"},enumerable:false,configurable:true});e.prototype.validateShow=function(){return!this.disabled};e.prototype.validateHide=function(t){if(this.floatingOptions.stayOnHover&&t!==undefined&&t.isConnected){var e=this.floatingContent.contains(t)||this.floatingContent===t;if(e)return false}return true};e.prototype.handlePosition=function(t){this.floatingContent.setAttribute("data-placement",t.placement);this.setArrowPosition(t)};e.prototype.setArrowPosition=function(t){var e,o;if(((e=t.middlewareData)===null||e===void 0?void 0:e.arrow)&&!this.disabled&&((o=this.arrowElement)===null||o===void 0?void 0:o.isConnected)){var r=t.middlewareData.arrow,n=r.x,i=r.y;Object.assign(this.arrowElement.style,{left:n!=null?"".concat(n,"px"):"",top:i!=null?"".concat(i,"px"):""})}};Object.defineProperty(e.prototype,"hasMultiline",{get:function(){return this.multiline!==undefined&&this.multiline},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tooltipStyles",{get:function(){return{"tooltip-content":true,"tooltip-content--multiline":this.hasMultiline}},enumerable:false,configurable:true});e.prototype.subscribe=function(t){var e=this;if(t===undefined)return;t.setAttribute("part","tooltip-trigger");t.setAttribute("ariaDescribedBy","tooltip-content");t.addEventListener("mouseenter",(function(){return e.show()}));t.addEventListener("mouseleave",(function(t){return e.hide(t.target)}))};e.prototype.render=function(){var t=this;var e=this.tooltipStyles;return r(n,{key:"65758ffb473363eadce15b09704224a95304dbf2",class:"tooltip"},r("div",{key:"d488e67b2da3c788ccf8eb9b9eeb273b9d1c58be",id:"tooltip-content",part:"tooltip-content",class:e,popover:"manual",role:"tooltip","aria-hidden":this.isVisible?"false":"true","data-placement":this.getPlacement,"data-multiline":this.multiline,"data-hidearrow":this.canShowArrow,ref:function(e){return t.floatingContent=e}},this.canShowArrow&&r("div",{key:"de86ff5432b49a2e31d94c6c8e16f33327ef5baa",class:"tooltip-arrow",part:"arrow",ref:function(e){return t.arrowElement=e}}),r("slot",{key:"8428151ba6b9b835f721be33cc61b1bacdba7494"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}(e(a)));s.style=l()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as t,r as o,h as e,a as r,g as i}from"./p-D4EFsvs1.js";import{a}from"./p-BKRyWlfr.js";import"./p-DCXSEEVH.js";const l=class extends(t(a)){constructor(t){super(),o(this,t),this.multiline=!1,this.disabled=!1,this.floatingOptions={},this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:this.floatingOptions.offset??8,arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed"}}get hooks(){return{onPositionUpdate:t=>this.handlePosition(t),onBeforeShow:()=>this.validateShow(),onBeforeHide:t=>this.validateHide(t),subscribeToTrigger:t=>this.subscribe(t)}}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}validateShow(){return!this.disabled}validateHide(t){return!this.floatingOptions.stayOnHover||void 0===t||!t.isConnected||!this.floatingContent.contains(t)&&this.floatingContent!==t}handlePosition(t){this.floatingContent.setAttribute("data-placement",t.placement),this.setArrowPosition(t)}setArrowPosition(t){if(t.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const{x:o,y:e}=t.middlewareData.arrow;Object.assign(this.arrowElement.style,{left:null!=o?`${o}px`:"",top:null!=e?`${e}px`:""})}}get hasMultiline(){return void 0!==this.multiline&&this.multiline}get tooltipStyles(){return{"tooltip-content":!0,"tooltip-content--multiline":this.hasMultiline}}subscribe(t){void 0!==t&&(t.setAttribute("part","tooltip-trigger"),t.setAttribute("ariaDescribedBy","tooltip-content"),t.addEventListener("mouseenter",(()=>this.show())),t.addEventListener("mouseleave",(t=>this.hide(t.target))))}render(){return e(r,{key:"65758ffb473363eadce15b09704224a95304dbf2",class:"tooltip"},e("div",{key:"d488e67b2da3c788ccf8eb9b9eeb273b9d1c58be",id:"tooltip-content",part:"tooltip-content",class:this.tooltipStyles,popover:"manual",role:"tooltip","aria-hidden":this.isVisible?"false":"true","data-placement":this.getPlacement,"data-multiline":this.multiline,"data-hidearrow":this.canShowArrow,ref:t=>this.floatingContent=t},this.canShowArrow&&e("div",{key:"de86ff5432b49a2e31d94c6c8e16f33327ef5baa",class:"tooltip-arrow",part:"arrow",ref:t=>this.arrowElement=t}),e("slot",{key:"8428151ba6b9b835f721be33cc61b1bacdba7494"})))}get el(){return i(this)}};l.style='@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}';export{l as bds_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,r=1,a=arguments.length;r<a;r++){e=arguments[r];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,a){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function n(t){try{s(a.next(t))}catch(t){o(t)}}function l(t){try{s(a["throw"](t))}catch(t){o(t)}}function s(t){t.done?r(t.value):i(t.value).then(n,l)}s((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=l(0),n["throw"]=l(1),n["return"]=l(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(t){return function(e){return s([t,e])}}function s(l){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(r=0)),r)try{if(a=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:r.label++;return{value:l[1],done:false};case 5:r.label++;i=l[1];l=[0];continue;case 7:l=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){r=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){r.label=l[1];break}if(l[0]===6&&r.label<o[1]){r.label=o[1];o=l;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(l);break}if(o[2])r.ops.pop();r.trys.pop();continue}l=e.call(t,r)}catch(t){l=[6,t];i=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-GjKJvOVG.system.js","./p-Dtp4O0H2.system.js","./p-BuxZeJbu.system.js"],(function(t,e){"use strict";var r,a,i,o,n,l;return{setters:[function(t){r=t.r;a=t.h;i=t.a;o=t.g},function(t){n=t.C},function(t){l=t.a}],execute:function(){var s={START:"start"};var h={XS:"xs",S:"sm",M:"md",L:"lg",XL:"xl"};var p={DISPLAY:"display",LINK:"link"};var y={P:"p",A:"a"};var g="download";var b={link:{states:[n.DISABLED],size:[h.S,h.M]},label:{states:[n.DISABLED],isRequired:true,canUseTooltip:true},heading:{canUseTooltip:true},subheading:{canUseTooltip:true},helper:{states:[n.ERROR]},display:{size:[h.XS,h.S,h.M,h.L,h.XL]}};var d=function(t,e){var r={a:{href:t.state!==n.DISABLED?t.sanitizedHref:null,target:t.target,download:t.isDownloadable?t.filename:null,rel:t.target==="_blank"?"noopener noreferrer":undefined},label:{htmlFor:t.htmlFor}};return r[e]||{}};var f=function(){return'@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%}'};var c=t("bds_typography",function(){function t(t){r(this,t);this.inheritedAttributes={};this.variant=p.DISPLAY;this.size=h.M;this.state=n.DEFAULT;this.customClass="";this.element=y.P;this.align=s.START;this.ellipsis=false;this.maxLines=1;this.tooltipText="";this.isRequired=false;this.htmlFor=undefined;this.href=null;this.target=null;this.isDownloadable=false;this.filename=g;this.sanitizedHref=""}t.prototype.updateSanitizedHref=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(r){switch(r.label){case 0:if(!(this.getTagName==="a"&&this.href!==null))return[3,2];return[4,e.import("./p-B-PpI2Xv.system.js").then((function(t){return t.i}))];case 1:t=r.sent().sanitizeUrl;this.sanitizedHref=t(this.href);return[3,3];case 2:this.sanitizedHref="";r.label=3;case 3:return[2]}}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!(this.getTagName===y.A&&this.href!==null))return[3,2];return[4,this.updateSanitizedHref()];case 1:t.sent();t.label=2;case 2:this.inheritedAttributes=__assign({},l(this.el));return[2]}}))}))};Object.defineProperty(t.prototype,"getTagName",{get:function(){if(this.variant===p.LINK)return y.A;return this.element.toLowerCase()},enumerable:false,configurable:true});t.prototype.getVariantConfig=function(){var t;return(t=b[this.variant])!==null&&t!==void 0?t:{}};t.prototype.getAccessibilityTags=function(){var t=this.getVariantConfig().isRequired,e=t===void 0?null:t;var r=["a","label"].includes(this.getTagName);return{"aria-required":this.isRequired&&e,"aria-disabled":this.state===n.DISABLED&&r}};t.prototype.getVariantStateStyles=function(){var t;var e=this.getVariantConfig();return t={},t["bds-typography--".concat(this.variant)]=true,t["bds-typography--align-".concat(this.align)]=true,t["bds-typography--".concat(this.state)]=!!((e===null||e===void 0?void 0:e.states)&&(e===null||e===void 0?void 0:e.states.includes(this.state))),t["bds-typography--size-".concat(this.size)]=!!((e===null||e===void 0?void 0:e.size)&&(e===null||e===void 0?void 0:e.size.includes(this.size))),t["bds-typography--required"]=!!((e===null||e===void 0?void 0:e.isRequired)&&this.isRequired),t["bds-typography--ellipsis"]=this.ellipsis&&this.maxLines<=1,t["bds-typography--ellipsis-multiline"]=this.ellipsis&&this.maxLines>1,t[this.customClass]=this.customClass!=="",t};t.prototype.render=function(){var t=this.getTagName;var e=__assign(__assign(__assign({},d(this,t)),this.inheritedAttributes),this.getAccessibilityTags());var r=this.getVariantStateStyles();var o=this.getVariantConfig(),n=o.canUseTooltip,l=n===void 0?null:n,s=o.isRequired,h=s===void 0?null:s;return a(i,{key:"98e236475142f2be85fcc227cd507d6cb8648928",class:"bds-typography"},a(t,__assign({key:"eed74e216dc0832b5f4808ba72e1374198f60e1a",class:r,style:{webkitLineClamp:this.maxLines}},e),a("slot",{key:"cc073f2d2a3840970c62296379514884564c3473"}),this.isRequired&&h&&a("em",{key:"299a88d69856603b6e73af9567fa91b1a1e7434f",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&l&&a("span",{key:"c8fa478a8fbd4a70d0869b4c9d523a8a0e9803bf"},a("em",{key:"0f6869a6dd7ab04b19acee773e54687dbd070af0",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText}),a("bds-tooltip",{key:"ec2dfc33b119bc3f60ec52e8bd10fdb16ea5cc2a"},this.tooltipText))))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:[{updateSanitizedHref:0}]}},enumerable:false,configurable:true});return t}());c.style=f()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register([],(function(e){"use strict";return{execute:function(){e("v",n);function n(e,n,o,t){var r=o[t];if(e.includes(r))return;o[t]=n;console.warn('[BorealDS] Invalid value "'.concat(r,'" for prop "').concat(t,'" on <').concat(o.tagName.toLowerCase(),">. Expected one of: ").concat(e.join(", "),"."))}}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function o(o,e,n,a){const c=n[a];o.includes(c)||(n[a]=e,console.warn(`[BorealDS] Invalid value "${c}" for prop "${a}" on <${n.tagName.toLowerCase()}>. Expected one of: ${o.join(", ")}.`))}export{o as v}
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('./index-BcSjvXJk.js');
|
|
4
|
-
var anchored_mixin = require('./anchored.mixin-CnIwkaUi.js');
|
|
5
|
-
require('./floating.mixin-Bje4320w.js');
|
|
6
|
-
|
|
7
|
-
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}`;
|
|
8
|
-
|
|
9
|
-
const BdsTooltip = class extends index.Mixin(anchored_mixin.anchoredMixin) {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
super();
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
/**
|
|
14
|
-
* If true, allows multiline content in the tooltip.
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
this.multiline = false;
|
|
18
|
-
/**
|
|
19
|
-
* If true, disables the tooltip.
|
|
20
|
-
* @default false
|
|
21
|
-
*/
|
|
22
|
-
this.disabled = false;
|
|
23
|
-
/**
|
|
24
|
-
* Override default options for the floating mixin.
|
|
25
|
-
* This can be overridden by passing a different object to the `floatingOptions` prop.
|
|
26
|
-
*/
|
|
27
|
-
this.floatingOptions = {};
|
|
28
|
-
this.isVisible = false;
|
|
29
|
-
}
|
|
30
|
-
/**
|
|
31
|
-
* Returns the resolved options for the floating mixin, merging `floatingOptions`
|
|
32
|
-
* prop values with their defaults.
|
|
33
|
-
*
|
|
34
|
-
* @returns {FloatingMixinOptions} Resolved configuration used by the anchored mixin
|
|
35
|
-
* to position the tooltip.
|
|
36
|
-
* @override anchoredMixin.options
|
|
37
|
-
*
|
|
38
|
-
* @example
|
|
39
|
-
* // floatingOptions = { placement: 'top', hideArrow: true }
|
|
40
|
-
* this.options
|
|
41
|
-
* return { placement: 'top', offset: 8, arrow: undefined, strategy: 'fixed' }
|
|
42
|
-
*/
|
|
43
|
-
get options() {
|
|
44
|
-
return {
|
|
45
|
-
placement: this.floatingOptions.placement ?? 'bottom',
|
|
46
|
-
offset: this.floatingOptions.offset ?? 8,
|
|
47
|
-
arrow: this.floatingOptions.hideArrow ? undefined : this.arrowElement,
|
|
48
|
-
strategy: 'fixed',
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* Returns the lifecycle hooks consumed by the anchored mixin to control
|
|
53
|
-
* tooltip visibility and positioning.
|
|
54
|
-
* @override anchoredMixin.hooks
|
|
55
|
-
*
|
|
56
|
-
* @returns {AnchoredHooks} Object containing the three hook callbacks:
|
|
57
|
-
* - `onPositionUpdate` — called after each positioning calculation.
|
|
58
|
-
* - `onBeforeShow` — called before the tooltip becomes visible; returning false cancels the show.
|
|
59
|
-
* - `onBeforeHide` — called before the tooltip is hidden; returning false cancels the hide.
|
|
60
|
-
*/
|
|
61
|
-
get hooks() {
|
|
62
|
-
return {
|
|
63
|
-
onPositionUpdate: result => this.handlePosition(result),
|
|
64
|
-
onBeforeShow: () => this.validateShow(),
|
|
65
|
-
onBeforeHide: (el) => this.validateHide(el),
|
|
66
|
-
subscribeToTrigger: (el) => this.subscribe(el),
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
get canShowArrow() {
|
|
70
|
-
return !this.floatingOptions.hideArrow || false;
|
|
71
|
-
}
|
|
72
|
-
get getPlacement() {
|
|
73
|
-
return this.floatingOptions.placement || 'bottom';
|
|
74
|
-
}
|
|
75
|
-
/**
|
|
76
|
-
* Guard called by `onBeforeShow` to determine whether the tooltip is allowed to show.
|
|
77
|
-
*
|
|
78
|
-
* @returns {boolean} `true` if the tooltip is not disabled and may be shown; `false` otherwise.
|
|
79
|
-
*/
|
|
80
|
-
validateShow() {
|
|
81
|
-
return !this.disabled;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Guard called by `onBeforeHide` to determine whether the tooltip is allowed to hide.
|
|
85
|
-
* When `stayOnHover` is enabled, hides are cancelled if the pointer is moving
|
|
86
|
-
* into the floating content element itself.
|
|
87
|
-
*
|
|
88
|
-
* @param target - The element the pointer is moving toward (relatedTarget of the mouseleave event).
|
|
89
|
-
* @returns {boolean} `true` if the tooltip should hide; `false` if the hide should be cancelled.
|
|
90
|
-
*/
|
|
91
|
-
validateHide(target) {
|
|
92
|
-
if (this.floatingOptions.stayOnHover && target !== undefined && target.isConnected) {
|
|
93
|
-
const goingToFloating = this.floatingContent.contains(target) || this.floatingContent === target;
|
|
94
|
-
if (goingToFloating)
|
|
95
|
-
return false;
|
|
96
|
-
}
|
|
97
|
-
return true;
|
|
98
|
-
}
|
|
99
|
-
/**
|
|
100
|
-
* Callback for `onPositionUpdate`. Applies the resolved placement as a
|
|
101
|
-
* `data-placement` attribute on the floating content element and delegates
|
|
102
|
-
* arrow positioning to `setArrowPosition`.
|
|
103
|
-
*
|
|
104
|
-
* @param result - The positioning result produced by the floating middleware.
|
|
105
|
-
*/
|
|
106
|
-
handlePosition(result) {
|
|
107
|
-
this.floatingContent.setAttribute('data-placement', result.placement);
|
|
108
|
-
this.setArrowPosition(result);
|
|
109
|
-
}
|
|
110
|
-
/**
|
|
111
|
-
* Applies the arrow element's `x` and `y` coordinates calculated by the
|
|
112
|
-
* floating middleware. Skips the update when the arrow element is not
|
|
113
|
-
* connected to the DOM or when middleware data is absent.
|
|
114
|
-
*
|
|
115
|
-
* @param result - The positioning result that may contain `middlewareData.arrow`
|
|
116
|
-
* with the computed `x` and `y` offsets for the arrow element.
|
|
117
|
-
*/
|
|
118
|
-
setArrowPosition(result) {
|
|
119
|
-
if (result.middlewareData?.arrow && !this.disabled && this.arrowElement?.isConnected) {
|
|
120
|
-
const { x: arrowX, y: arrowY } = result.middlewareData.arrow;
|
|
121
|
-
Object.assign(this.arrowElement.style, {
|
|
122
|
-
left: arrowX != null ? `${arrowX}px` : '',
|
|
123
|
-
top: arrowY != null ? `${arrowY}px` : '',
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
get hasMultiline() {
|
|
128
|
-
return this.multiline !== undefined && this.multiline;
|
|
129
|
-
}
|
|
130
|
-
get tooltipStyles() {
|
|
131
|
-
return {
|
|
132
|
-
'tooltip-content': true,
|
|
133
|
-
'tooltip-content--multiline': this.hasMultiline,
|
|
134
|
-
};
|
|
135
|
-
}
|
|
136
|
-
subscribe(trigger) {
|
|
137
|
-
if (trigger === undefined)
|
|
138
|
-
return;
|
|
139
|
-
trigger.setAttribute('part', 'tooltip-trigger');
|
|
140
|
-
trigger.setAttribute('ariaDescribedBy', 'tooltip-content');
|
|
141
|
-
trigger.addEventListener('mouseenter', () => this.show());
|
|
142
|
-
trigger.addEventListener('mouseleave', (e) => this.hide(e.target));
|
|
143
|
-
}
|
|
144
|
-
render() {
|
|
145
|
-
const classes = this.tooltipStyles;
|
|
146
|
-
return (index.h(index.Host, { key: '65758ffb473363eadce15b09704224a95304dbf2', class: "tooltip" }, index.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 && (index.h("div", { key: 'de86ff5432b49a2e31d94c6c8e16f33327ef5baa', class: "tooltip-arrow", part: "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '8428151ba6b9b835f721be33cc61b1bacdba7494' }))));
|
|
147
|
-
}
|
|
148
|
-
get el() { return index.getElement(this); }
|
|
149
|
-
};
|
|
150
|
-
BdsTooltip.style = bdsTooltipCss();
|
|
151
|
-
|
|
152
|
-
exports.bds_tooltip = BdsTooltip;
|
|
@@ -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 };
|