@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6
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.js +1 -1
- package/components-build/bds-breadcrumb-item.d.ts +11 -0
- package/components-build/bds-breadcrumb-item.js +1 -0
- package/components-build/bds-breadcrumb.d.ts +11 -0
- package/components-build/bds-breadcrumb.js +1 -0
- package/components-build/bds-button-group.js +1 -1
- package/components-build/bds-button.js +1 -1
- package/components-build/bds-checkbox-button.d.ts +11 -0
- package/components-build/bds-checkbox-button.js +1 -0
- package/components-build/bds-checkbox-card.js +1 -1
- package/components-build/bds-checkbox-group.d.ts +11 -0
- package/components-build/bds-checkbox-group.js +1 -0
- package/components-build/bds-checkbox.js +1 -1
- package/components-build/bds-dialog.js +1 -1
- package/components-build/bds-divider.js +1 -1
- package/components-build/bds-flag.js +1 -1
- package/components-build/bds-grid-item.js +1 -1
- package/components-build/bds-grid.js +1 -1
- package/components-build/bds-list-menu-item.js +1 -1
- package/components-build/bds-list-menu.js +1 -1
- package/components-build/bds-popover.js +1 -1
- package/components-build/bds-radio-button.js +1 -1
- package/components-build/bds-radio-card.js +1 -1
- package/components-build/bds-radio-group.js +1 -1
- package/components-build/bds-radio.js +1 -1
- package/components-build/bds-select.d.ts +11 -0
- package/components-build/bds-select.js +1 -0
- package/components-build/bds-slider.d.ts +11 -0
- package/components-build/bds-slider.js +1 -0
- package/components-build/bds-tag.js +1 -1
- package/components-build/bds-text-field.js +1 -1
- package/components-build/bds-toggle.js +1 -1
- package/components-build/bds-tooltip.js +1 -1
- package/components-build/bds-typography.js +1 -1
- package/components-build/p-B6e9eIHB.js +1 -0
- package/components-build/p-CJBdGD_4.js +1 -0
- package/components-build/p-DcR7mHFE.js +1 -0
- package/components-build/p-DdOPD9wW.js +1 -0
- package/components-build/{p-BSlaf0ff.js → p-DoNZM78n.js} +1 -1
- package/components-build/p-DrkDx75U.js +1 -0
- package/components-build/p-DuBzr05c.js +1 -0
- package/components-build/p-PmjPRW8X.js +1 -0
- package/components-build/p-cgdh1LO-.js +1 -0
- package/components-build/p-yLNcMg2E.js +1 -0
- package/custom-elements.json +2723 -841
- package/dist/boreal-web-components/boreal-web-components.esm.js +1 -1
- package/dist/boreal-web-components/css/boreal.css +60 -0
- package/dist/boreal-web-components/css/theme-connect.css +15 -0
- package/dist/boreal-web-components/css/theme-engage.css +15 -0
- package/dist/boreal-web-components/css/theme-protect.css +15 -0
- package/dist/boreal-web-components/css/theme-proximus.css +15 -0
- package/dist/boreal-web-components/{p-7bb88855.entry.js → p-02e53626.entry.js} +1 -1
- package/dist/boreal-web-components/p-0357450d.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-efe159aa.entry.js → p-1250ba53.entry.js} +1 -1
- package/dist/boreal-web-components/p-1911b978.entry.js +1 -0
- package/dist/boreal-web-components/p-1mOd23lT.system.js +1 -0
- package/dist/boreal-web-components/{p-48ebbfbe.system.entry.js → p-25823f7d.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-2db71382.system.entry.js +1 -0
- package/dist/boreal-web-components/p-367e40f9.entry.js +1 -0
- package/dist/boreal-web-components/p-3946d587.entry.js +1 -0
- package/dist/boreal-web-components/{p-4dc01078.system.entry.js → p-44b6fe6c.system.entry.js} +1 -1
- package/dist/boreal-web-components/{p-024d90b0.system.entry.js → p-48712a63.system.entry.js} +1 -1
- package/dist/boreal-web-components/{p-2adf2cd5.entry.js → p-49ea207a.entry.js} +1 -1
- package/dist/boreal-web-components/{p-7aff4c78.entry.js → p-4b028406.entry.js} +1 -1
- package/dist/boreal-web-components/p-4b615de8.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-e0a41cab.system.entry.js → p-4f431941.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-524421f7.system.entry.js +1 -0
- package/dist/boreal-web-components/p-530c8c7f.entry.js +1 -0
- package/dist/boreal-web-components/p-55aeff0c.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5c8650b3.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5e590291.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5ee0841f.entry.js +1 -0
- package/dist/boreal-web-components/{p-93066db4.system.entry.js → p-65923619.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-66ec16d9.entry.js +1 -0
- package/dist/boreal-web-components/{p-e55f2a8b.entry.js → p-714bf70d.entry.js} +1 -1
- package/dist/boreal-web-components/p-7626338e.system.entry.js +1 -0
- package/dist/boreal-web-components/p-7G4h4DI7.js +1 -0
- package/dist/boreal-web-components/p-800fc096.system.entry.js +1 -0
- package/dist/boreal-web-components/p-824485ad.entry.js +1 -0
- package/dist/boreal-web-components/p-8dfe3a9f.entry.js +1 -0
- package/dist/boreal-web-components/p-90022071.entry.js +1 -0
- package/dist/boreal-web-components/{p-7ebc67c9.entry.js → p-9d02057d.entry.js} +1 -1
- package/dist/boreal-web-components/{p-wREMI3WA.js → p-CcENtewr.js} +1 -1
- package/dist/boreal-web-components/p-Dk9dfU9-.system.js +1 -0
- package/dist/boreal-web-components/p-K7DvMlRo.system.js +1 -0
- package/dist/boreal-web-components/{p-DYlZcFrB.system.js → p-UEj9YHof.system.js} +1 -1
- package/dist/boreal-web-components/{p-147d6652.system.entry.js → p-b54fe67f.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-bbcd3a30.system.entry.js +1 -0
- package/dist/boreal-web-components/p-bea25d3d.system.entry.js +1 -0
- package/dist/boreal-web-components/p-bed506d3.entry.js +1 -0
- package/dist/boreal-web-components/p-bfd62034.system.entry.js +1 -0
- package/dist/boreal-web-components/p-c07d6b82.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-7d3a8f61.entry.js → p-cc5c359f.entry.js} +1 -1
- package/dist/boreal-web-components/p-cgdh1LO-.js +1 -0
- package/dist/boreal-web-components/p-d2b6ae79.entry.js +1 -0
- package/dist/boreal-web-components/p-e21b8416.entry.js +1 -0
- package/dist/boreal-web-components/p-e4364a44.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e51407b2.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e8cde179.system.entry.js +1 -0
- package/dist/boreal-web-components/p-eecc3028.system.entry.js +1 -0
- package/dist/boreal-web-components/p-f3bd824d.system.entry.js +1 -0
- package/dist/boreal-web-components/p-f6eabb16.entry.js +1 -0
- package/dist/boreal-web-components/p-f7acf6e5.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-6629be14.entry.js → p-f9560509.entry.js} +1 -1
- package/dist/boreal-web-components/p-fa128cad.system.entry.js +1 -0
- package/dist/boreal-web-components/p-fab1a01d.entry.js +1 -0
- package/dist/boreal-web-components/p-fb9ba833.entry.js +1 -0
- package/dist/boreal-web-components/p-fbe0c9f2.entry.js +1 -0
- package/dist/boreal-web-components/p-fbe88555.entry.js +1 -0
- package/dist/boreal-web-components/p-fc1fa966.system.entry.js +1 -0
- package/dist/boreal-web-components/p-fc4ffa0e.entry.js +1 -0
- package/dist/boreal-web-components/p-fef13445.entry.js +1 -0
- package/dist/boreal-web-components/p-qGhMe8Hk.js +1 -0
- package/dist/boreal-web-components/p-vzZJGcYF.system.js +1 -1
- package/dist/boreal-web-components/scss/maps/_theme-connect.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-engage.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-protect.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-connect.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-engage.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-protect.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +16 -1
- package/dist/cjs/KeyboardController-B_g3peyB.js +1067 -0
- package/dist/cjs/Keys-DXn16dlA.js +34 -0
- package/dist/cjs/bds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bds-breadcrumb-item.cjs.entry.js +106 -0
- package/dist/cjs/bds-breadcrumb.cjs.entry.js +127 -0
- package/dist/cjs/bds-button-group.cjs.entry.js +23 -2
- package/dist/cjs/bds-button.cjs.entry.js +33 -6
- package/dist/cjs/bds-checkbox-button.cjs.entry.js +119 -0
- package/dist/cjs/bds-checkbox-card.cjs.entry.js +37 -23
- package/dist/cjs/bds-checkbox-group.cjs.entry.js +292 -0
- package/dist/cjs/bds-checkbox.cjs.entry.js +62 -31
- package/dist/cjs/bds-dialog.cjs.entry.js +3 -3
- package/dist/cjs/bds-divider.cjs.entry.js +1 -1
- package/dist/cjs/bds-flag.cjs.entry.js +1 -1
- package/dist/cjs/bds-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/bds-grid.cjs.entry.js +1 -1
- package/dist/cjs/bds-list-menu-item.cjs.entry.js +19 -8
- package/dist/cjs/bds-list-menu.cjs.entry.js +42 -7
- package/dist/cjs/bds-popover.cjs.entry.js +13 -5
- package/dist/cjs/bds-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/bds-radio-card.cjs.entry.js +2 -2
- package/dist/cjs/bds-radio-group.cjs.entry.js +14 -8
- package/dist/cjs/bds-radio.cjs.entry.js +2 -2
- package/dist/cjs/bds-select.cjs.entry.js +394 -0
- package/dist/cjs/bds-slider.cjs.entry.js +655 -0
- package/dist/cjs/bds-tag.cjs.entry.js +1 -1
- package/dist/cjs/bds-text-field.cjs.entry.js +8 -3
- package/dist/cjs/bds-toggle.cjs.entry.js +1 -1
- package/dist/cjs/bds-tooltip_2.cjs.entry.js +7 -5
- package/dist/cjs/boreal-web-components.cjs.js +1 -1
- package/dist/cjs/checkbox-form-association-DTEpHXUD.js +43 -0
- package/dist/cjs/{getOffset-k4ezB-eT.js → getOffset-CsDHFjPW.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +16 -10
- package/dist/collection/components/actions/bds-button/bds-button.css +36 -36
- package/dist/collection/components/actions/bds-button/bds-button.js +29 -5
- package/dist/collection/components/actions/bds-button-group/bds-button-group.css +1 -1
- package/dist/collection/components/actions/bds-button-group/bds-button-group.js +21 -2
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +136 -3
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +5 -2
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +20 -7
- package/dist/collection/components/actions/bds-toggle/bds-toggle.css +3 -3
- package/dist/collection/components/feedback/bds-tag/bds-tag.css +6 -6
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox/bds-checkbox.css +132 -0
- package/dist/collection/components/forms/bds-checkbox/{bds-checkbox.js → bds-checkbox/bds-checkbox.js} +135 -38
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.css +113 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.js +382 -0
- package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.css +15 -3
- package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.js +97 -51
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.css +55 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.js +648 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/enum.js +5 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/index.js +3 -0
- package/dist/collection/components/forms/bds-checkbox/utils/checkbox-form-association.js +39 -0
- package/dist/collection/components/forms/bds-checkbox/utils/index.js +1 -0
- package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
- package/dist/collection/components/forms/bds-radio/{bds-radio.css → bds-radio/bds-radio.css} +3 -3
- package/dist/collection/components/forms/bds-radio/{bds-radio.js → bds-radio/bds-radio.js} +2 -2
- package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.css +12 -8
- package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.js +2 -2
- package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.css +2 -2
- package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.js +9 -9
- package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.js +51 -23
- package/dist/collection/components/forms/bds-select/bds-select.css +23 -0
- package/dist/collection/components/forms/bds-select/bds-select.js +431 -0
- package/dist/collection/components/forms/bds-slider/bds-slider.css +213 -0
- package/dist/collection/components/forms/bds-slider/bds-slider.js +847 -0
- package/dist/collection/components/forms/bds-slider/helpers/SliderDOMController.js +61 -0
- package/dist/collection/components/forms/bds-slider/helpers/SliderService.js +93 -0
- package/dist/collection/components/forms/bds-slider/helpers/index.js +3 -0
- package/dist/collection/components/forms/bds-slider/helpers/parseValues.js +43 -0
- package/dist/collection/components/forms/bds-slider/types/ISlider.js +1 -0
- package/dist/collection/components/forms/bds-slider/types/ISliderOptions.js +1 -0
- package/dist/collection/components/forms/bds-slider/types/enum.js +16 -0
- package/dist/collection/components/forms/bds-slider/types/index.js +5 -0
- package/dist/collection/components/forms/bds-slider/types/types.js +1 -0
- package/dist/collection/components/forms/bds-text-field/bds-text-field.css +10 -3
- package/dist/collection/components/forms/bds-text-field/bds-text-field.js +47 -2
- package/dist/collection/components/helpers/bds-divider/bds-divider.js +1 -1
- package/dist/collection/components/images-icons/bds-avatar/bds-avatar.js +1 -1
- package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.js +3 -3
- package/dist/collection/components/layouts/bds-grid/bds-grid/types/IGrid.js +1 -0
- package/dist/collection/components/layouts/bds-grid/bds-grid/types/types.js +1 -0
- package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.js +9 -9
- package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/IGridItem.js +1 -0
- package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/types.js +1 -0
- package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.css +21 -0
- package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.js +292 -0
- package/dist/collection/components/navigation/bds-breadcrumb/types/IBreadcrumb.js +1 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.css +64 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.js +369 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.js +1 -0
- package/dist/collection/components/overlays/bds-dialog/bds-dialog.css +1 -1
- package/dist/collection/components/overlays/bds-dialog/bds-dialog.js +2 -2
- package/dist/collection/components/overlays/bds-popover/bds-popover.js +49 -3
- package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.js +1 -1
- package/dist/collection/components/titles-text/bds-typography/bds-typography.js +30 -47
- package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +1 -1
- package/dist/collection/css/boreal.css +60 -0
- package/dist/collection/css/theme-connect.css +15 -0
- package/dist/collection/css/theme-engage.css +15 -0
- package/dist/collection/css/theme-protect.css +15 -0
- package/dist/collection/css/theme-proximus.css +15 -0
- package/dist/collection/mixins/menu-behavior.mixin.js +1 -1
- package/dist/collection/scss/maps/_theme-connect.scss +16 -1
- package/dist/collection/scss/maps/_theme-engage.scss +16 -1
- package/dist/collection/scss/maps/_theme-protect.scss +16 -1
- package/dist/collection/scss/maps/_theme-proximus.scss +16 -1
- package/dist/collection/scss/variables/_theme-connect.scss +16 -1
- package/dist/collection/scss/variables/_theme-engage.scss +16 -1
- package/dist/collection/scss/variables/_theme-protect.scss +16 -1
- package/dist/collection/scss/variables/_theme-proximus.scss +16 -1
- package/dist/collection/types/index.js +0 -1
- package/dist/collection/utils/a11y/index.js +4 -0
- package/dist/collection/utils/a11y/keyboard/KeyboardController.js +566 -0
- package/dist/collection/utils/a11y/keyboard/_constants.js +30 -0
- package/dist/collection/utils/a11y/keyboard/focus/aria-activedescendant.js +41 -0
- package/dist/collection/utils/a11y/keyboard/focus/resolve.js +48 -0
- package/dist/collection/utils/a11y/keyboard/focus/roving-tabindex.js +55 -0
- package/dist/collection/utils/a11y/keyboard/navigation/grid-navigation.js +194 -0
- package/dist/collection/utils/a11y/keyboard/navigation/linear-navigation.js +137 -0
- package/dist/collection/utils/a11y/keyboard/types/IKeyboardController.js +1 -0
- package/dist/collection/utils/a11y/keyboard/types/index.js +2 -0
- package/dist/collection/utils/a11y/keyboard/types/types.js +1 -0
- package/dist/collection/utils/constants/common/Keys.js +25 -6
- package/dist/collection/utils/dom/elements.js +63 -0
- package/dist/css/boreal.css +60 -0
- package/dist/css/theme-connect.css +15 -0
- package/dist/css/theme-engage.css +15 -0
- package/dist/css/theme-protect.css +15 -0
- package/dist/css/theme-proximus.css +15 -0
- package/dist/esm/KeyboardController-DcnXb5F5.js +1064 -0
- package/dist/esm/Keys-7G4h4DI7.js +31 -0
- package/dist/esm/bds-avatar.entry.js +1 -1
- package/dist/esm/bds-breadcrumb-item.entry.js +104 -0
- package/dist/esm/bds-breadcrumb.entry.js +125 -0
- package/dist/esm/bds-button-group.entry.js +23 -2
- package/dist/esm/bds-button.entry.js +33 -6
- package/dist/esm/bds-checkbox-button.entry.js +117 -0
- package/dist/esm/bds-checkbox-card.entry.js +37 -23
- package/dist/esm/bds-checkbox-group.entry.js +290 -0
- package/dist/esm/bds-checkbox.entry.js +62 -31
- package/dist/esm/bds-dialog.entry.js +3 -3
- package/dist/esm/bds-divider.entry.js +1 -1
- package/dist/esm/bds-flag.entry.js +1 -1
- package/dist/esm/bds-grid-item.entry.js +1 -1
- package/dist/esm/bds-grid.entry.js +1 -1
- package/dist/esm/bds-list-menu-item.entry.js +19 -8
- package/dist/esm/bds-list-menu.entry.js +38 -3
- package/dist/esm/bds-popover.entry.js +13 -5
- package/dist/esm/bds-radio-button.entry.js +2 -2
- package/dist/esm/bds-radio-card.entry.js +2 -2
- package/dist/esm/bds-radio-group.entry.js +14 -8
- package/dist/esm/bds-radio.entry.js +2 -2
- package/dist/esm/bds-select.entry.js +392 -0
- package/dist/esm/bds-slider.entry.js +653 -0
- package/dist/esm/bds-tag.entry.js +1 -1
- package/dist/esm/bds-text-field.entry.js +8 -3
- package/dist/esm/bds-toggle.entry.js +1 -1
- package/dist/esm/bds-tooltip_2.entry.js +7 -5
- package/dist/esm/boreal-web-components.js +1 -1
- package/dist/esm/checkbox-form-association-cgdh1LO-.js +41 -0
- package/dist/esm/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/KeyboardController-DcnXb5F5.js +1 -0
- package/dist/esm-es5/Keys-7G4h4DI7.js +1 -0
- package/dist/esm-es5/bds-avatar.entry.js +1 -1
- package/dist/esm-es5/bds-breadcrumb-item.entry.js +1 -0
- package/dist/esm-es5/bds-breadcrumb.entry.js +1 -0
- package/dist/esm-es5/bds-button-group.entry.js +1 -1
- package/dist/esm-es5/bds-button.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox-button.entry.js +1 -0
- package/dist/esm-es5/bds-checkbox-card.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox-group.entry.js +1 -0
- package/dist/esm-es5/bds-checkbox.entry.js +1 -1
- package/dist/esm-es5/bds-dialog.entry.js +1 -1
- package/dist/esm-es5/bds-divider.entry.js +1 -1
- package/dist/esm-es5/bds-flag.entry.js +1 -1
- package/dist/esm-es5/bds-grid-item.entry.js +1 -1
- package/dist/esm-es5/bds-grid.entry.js +1 -1
- package/dist/esm-es5/bds-list-menu-item.entry.js +1 -1
- package/dist/esm-es5/bds-list-menu.entry.js +1 -1
- package/dist/esm-es5/bds-popover.entry.js +1 -1
- package/dist/esm-es5/bds-radio-button.entry.js +1 -1
- package/dist/esm-es5/bds-radio-card.entry.js +1 -1
- package/dist/esm-es5/bds-radio-group.entry.js +1 -1
- package/dist/esm-es5/bds-radio.entry.js +1 -1
- package/dist/esm-es5/bds-select.entry.js +1 -0
- package/dist/esm-es5/bds-slider.entry.js +1 -0
- package/dist/esm-es5/bds-tag.entry.js +1 -1
- package/dist/esm-es5/bds-text-field.entry.js +1 -1
- package/dist/esm-es5/bds-toggle.entry.js +1 -1
- package/dist/esm-es5/bds-tooltip_2.entry.js +1 -1
- package/dist/esm-es5/boreal-web-components.js +1 -1
- package/dist/esm-es5/checkbox-form-association-cgdh1LO-.js +1 -0
- package/dist/esm-es5/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/scss/maps/_theme-connect.scss +16 -1
- package/dist/scss/maps/_theme-engage.scss +16 -1
- package/dist/scss/maps/_theme-protect.scss +16 -1
- package/dist/scss/maps/_theme-proximus.scss +16 -1
- package/dist/scss/variables/_theme-connect.scss +16 -1
- package/dist/scss/variables/_theme-engage.scss +16 -1
- package/dist/scss/variables/_theme-protect.scss +16 -1
- package/dist/scss/variables/_theme-proximus.scss +16 -1
- package/dist/types/components/actions/bds-button/bds-button.d.ts +4 -0
- package/dist/types/components/actions/bds-button-group/bds-button-group.d.ts +4 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts +13 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.d.ts +3 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +4 -1
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +1 -0
- package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts +1 -1
- package/dist/types/components/forms/bds-checkbox/{bds-checkbox.d.ts → bds-checkbox/bds-checkbox.d.ts} +23 -10
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.d.ts +68 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/types/ICheckboxButton.d.ts +15 -0
- package/dist/types/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.d.ts +15 -22
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-card/types/ICheckboxCard.d.ts +9 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.d.ts +86 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.d.ts +27 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/enum.d.ts +6 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/index.d.ts +4 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/types.d.ts +4 -0
- package/dist/types/components/forms/bds-checkbox/types/ICheckbox.d.ts +7 -22
- package/dist/types/components/forms/bds-checkbox/utils/checkbox-form-association.d.ts +10 -0
- package/dist/types/components/forms/bds-checkbox/utils/index.d.ts +2 -0
- package/dist/types/components/forms/bds-radio/{bds-radio.d.ts → bds-radio/bds-radio.d.ts} +1 -1
- package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.d.ts +1 -1
- package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/types/IRadioButton.d.ts +1 -0
- package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.d.ts +1 -1
- package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.d.ts +13 -10
- package/dist/types/components/forms/bds-radio/bds-radio-group/types/IRadioGroup.d.ts +20 -0
- package/dist/types/components/forms/bds-select/bds-select.d.ts +98 -0
- package/dist/types/components/forms/bds-select/types/ISelect.d.ts +6 -0
- package/dist/types/components/forms/bds-slider/bds-slider.d.ts +176 -0
- package/dist/types/components/forms/bds-slider/helpers/SliderDOMController.d.ts +38 -0
- package/dist/types/components/forms/bds-slider/helpers/SliderService.d.ts +44 -0
- package/dist/types/components/forms/bds-slider/helpers/index.d.ts +4 -0
- package/dist/types/components/forms/bds-slider/helpers/parseValues.d.ts +18 -0
- package/dist/types/components/forms/bds-slider/types/ChangeDetail.d.ts +9 -0
- package/dist/types/components/forms/bds-slider/types/ISlider.d.ts +17 -0
- package/dist/types/components/forms/bds-slider/types/ISliderOptions.d.ts +31 -0
- package/dist/types/components/forms/bds-slider/types/enum.d.ts +17 -0
- package/dist/types/components/forms/bds-slider/types/index.d.ts +6 -0
- package/dist/types/components/forms/bds-slider/types/types.d.ts +5 -0
- package/dist/types/components/forms/bds-text-field/bds-text-field.d.ts +4 -0
- package/dist/types/components/navigation/bds-breadcrumb/bds-breadcrumb.d.ts +57 -0
- package/dist/types/components/navigation/bds-breadcrumb/types/IBreadcrumb.d.ts +17 -0
- package/dist/types/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.d.ts +83 -0
- package/dist/types/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.d.ts +20 -0
- package/dist/types/components/overlays/bds-popover/bds-popover.d.ts +4 -0
- package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +2 -46
- package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +1 -0
- package/dist/types/components.d.ts +1136 -277
- package/dist/types/types/form.d.ts +24 -0
- package/dist/types/types/index.d.ts +0 -1
- package/dist/types/utils/a11y/index.d.ts +4 -0
- package/dist/types/utils/a11y/keyboard/KeyboardController.d.ts +321 -0
- package/dist/types/utils/a11y/keyboard/_constants.d.ts +28 -0
- package/dist/types/utils/a11y/keyboard/focus/aria-activedescendant.d.ts +17 -0
- package/dist/types/utils/a11y/keyboard/focus/resolve.d.ts +23 -0
- package/dist/types/utils/a11y/keyboard/focus/roving-tabindex.d.ts +20 -0
- package/dist/types/utils/a11y/keyboard/navigation/grid-navigation.d.ts +9 -0
- package/dist/types/utils/a11y/keyboard/navigation/linear-navigation.d.ts +13 -0
- package/dist/types/utils/a11y/keyboard/types/IKeyboardController.d.ts +125 -0
- package/dist/types/utils/a11y/keyboard/types/index.d.ts +3 -0
- package/dist/types/utils/a11y/keyboard/types/types.d.ts +6 -0
- package/dist/types/utils/constants/common/Keys.d.ts +23 -6
- package/dist/types/utils/dom/elements.d.ts +41 -0
- package/package.json +1 -1
- package/components-build/p-Cbibqaz0.js +0 -1
- package/components-build/p-ClR-wgiT.js +0 -1
- package/components-build/p-N_tqtRV2.js +0 -1
- package/components-build/p-bAMuJ4Jx.js +0 -1
- package/components-build/p-c2z3tneT.js +0 -1
- package/components-build/p-dz9-Q2N8.js +0 -1
- package/components-build/p-iq2UuV7c.js +0 -1
- package/dist/boreal-web-components/p-06DrzEMB.system.js +0 -1
- package/dist/boreal-web-components/p-11e4c0ec.system.entry.js +0 -1
- package/dist/boreal-web-components/p-148d510f.entry.js +0 -1
- package/dist/boreal-web-components/p-277f142e.system.entry.js +0 -1
- package/dist/boreal-web-components/p-2be4aa3a.system.entry.js +0 -1
- package/dist/boreal-web-components/p-340896b2.entry.js +0 -1
- package/dist/boreal-web-components/p-3d4ce8eb.system.entry.js +0 -1
- package/dist/boreal-web-components/p-44a8fde5.entry.js +0 -1
- package/dist/boreal-web-components/p-5681b294.system.entry.js +0 -1
- package/dist/boreal-web-components/p-5ed75075.entry.js +0 -1
- package/dist/boreal-web-components/p-635f676b.system.entry.js +0 -1
- package/dist/boreal-web-components/p-68b83680.system.entry.js +0 -1
- package/dist/boreal-web-components/p-6a60d134.system.entry.js +0 -1
- package/dist/boreal-web-components/p-7e672cce.entry.js +0 -1
- package/dist/boreal-web-components/p-81401e2a.system.entry.js +0 -1
- package/dist/boreal-web-components/p-8289e506.entry.js +0 -1
- package/dist/boreal-web-components/p-82d15372.entry.js +0 -1
- package/dist/boreal-web-components/p-851c06f2.entry.js +0 -1
- package/dist/boreal-web-components/p-8a3716ec.entry.js +0 -1
- package/dist/boreal-web-components/p-8f4f8af0.system.entry.js +0 -1
- package/dist/boreal-web-components/p-DlYG-OVB.js +0 -1
- package/dist/boreal-web-components/p-DpnBDSUm.system.js +0 -1
- package/dist/boreal-web-components/p-a73659ac.system.entry.js +0 -1
- package/dist/boreal-web-components/p-b2ad9535.system.entry.js +0 -1
- package/dist/boreal-web-components/p-d4c30d2b.entry.js +0 -1
- package/dist/boreal-web-components/p-db0c10b9.system.entry.js +0 -1
- package/dist/boreal-web-components/p-dca16a3d.entry.js +0 -1
- package/dist/boreal-web-components/p-de846c43.system.entry.js +0 -1
- package/dist/boreal-web-components/p-df087e23.system.entry.js +0 -1
- package/dist/boreal-web-components/p-dfb4854e.entry.js +0 -1
- package/dist/boreal-web-components/p-dz9-Q2N8.js +0 -1
- package/dist/boreal-web-components/p-e09b4d14.system.entry.js +0 -1
- package/dist/boreal-web-components/p-e7af1e1a.entry.js +0 -1
- package/dist/boreal-web-components/p-f792aa74.entry.js +0 -1
- package/dist/cjs/Keys-rKl2za5q.js +0 -18
- package/dist/cjs/menu-BxKaEajh.js +0 -8
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox.css +0 -91
- package/dist/esm/Keys-DlYG-OVB.js +0 -16
- package/dist/esm/menu-dz9-Q2N8.js +0 -6
- package/dist/esm-es5/Keys-DlYG-OVB.js +0 -1
- package/dist/esm-es5/menu-dz9-Q2N8.js +0 -1
- package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts +0 -8
- package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts +0 -19
- package/dist/types/types/IFormProps.d.ts +0 -25
- /package/dist/collection/components/forms/{bds-checkbox-card/types/ICheckboxCard.js → bds-checkbox/bds-checkbox-button/types/ICheckboxButton.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-button/types/IRadioButton.js → bds-checkbox/bds-checkbox-card/types/ICheckboxCard.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-card/types/IRadioCard.js → bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-checkbox/bds-checkbox-group}/types/types.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid/types/IGrid.js → forms/bds-radio/bds-radio/types/IRadio.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group/types/IRadioGroup.js → bds-radio/bds-radio-button/types/IRadioButton.js} +0 -0
- /package/dist/collection/components/forms/bds-radio/{types/IRadio.js → bds-radio-card/types/IRadioCard.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.css +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid-item/types/IGridItem.js → forms/bds-radio/bds-radio-group/types/IRadioGroup.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid-item → forms/bds-radio/bds-radio-group}/types/types.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid/types/types.js → forms/bds-select/types/ISelect.js} +0 -0
- /package/dist/collection/{types/IFormProps.js → components/forms/bds-slider/types/ChangeDetail.js} +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.css +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/enum.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/index.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.css +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.js +0 -0
- /package/dist/types/components/forms/bds-radio/{types → bds-radio/types}/IRadio.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/types/IRadioCard.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/types.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/IGrid.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/enum.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/index.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/types.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/IGridItem.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/types.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";var bdsRadioCardCss=function(){return'@charset "UTF-8";.bds-radio-card--transition{-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}.bds-radio-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);background-color:var(--boreal-ui-inverse);padding:var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);border-radius:var(--boreal-radius-xs);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light)}.bds-radio-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";var bdsRadioCardCss=function(){return'@charset "UTF-8";.bds-radio-card--transition{-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}.bds-radio-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);background-color:var(--boreal-ui-inverse);padding:var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);border-radius:var(--boreal-radius-xs);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light)}.bds-radio-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-radio-card:focus-within,.bds-radio-card:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-radio-card:focus-visible{outline:none}.bds-radio-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio-card__container{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-xs);-ms-flex-align:start;align-items:flex-start}.bds-radio-card__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:var(--bds-radio-button-size, 18px);height:var(--bds-radio-button-size, 18px);margin-top:var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-full);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);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}.bds-radio-card__dot{width:var(--bds-radio-dot-size, 10px);height:var(--bds-radio-dot-size, 10px);border-radius:var(--boreal-radius-full);background-color:transparent;-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}.bds-radio-card__header{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-3xs);color:var(--boreal-text-default)}.bds-radio-card__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-md)}.bds-radio-card__info-icon{font-size:var(--boreal-typography-font-size-xs);color:var(--boreal-icon-default-light)}.bds-radio-card__icon:empty{display:none}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__container{-ms-flex-align:center;align-items:center}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__content{height:var(--boreal-spacing-l)}.bds-radio-card:has(.bds-radio-card__description:empty) .bds-radio-card__button{margin-top:0}.bds-radio-card--checked{border-color:var(--boreal-stroke-primary-base)}.bds-radio-card--checked:hover,.bds-radio-card--checked:focus,.bds-radio-card--checked:focus-within,.bds-radio-card--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-radio-card--checked .bds-radio-card__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio-card--checked .bds-radio-card__header,.bds-radio-card--checked .bds-radio-card__description{color:var(--boreal-text-primary-base)}.bds-radio-card--disabled{pointer-events:none}.bds-radio-card--disabled .bds-radio-card__header,.bds-radio-card--disabled .bds-radio-card__description{color:var(--boreal-text-disabled)}.bds-radio-card--disabled:not(.bds-radio-card--checked) .bds-radio-card__button{background-color:var(--boreal-ui-disabled)}.bds-radio-card--disabled.bds-radio-card--checked,.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__button{border-color:var(--boreal-ui-primary-light)}.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-primary-light)}.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__header,.bds-radio-card--disabled.bds-radio-card--checked .bds-radio-card__description{color:var(--boreal-ui-primary-light)}.bds-radio-card--error{border-color:var(--boreal-stroke-danger-base)}.bds-radio-card--error:hover,.bds-radio-card--error:focus,.bds-radio-card--error:focus-within,.bds-radio-card--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-radio-card--error .bds-radio-card__header,.bds-radio-card--error .bds-radio-card__description{color:var(--boreal-text-danger-base)}.bds-radio-card--error .bds-radio-card__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio-card--error.bds-radio-card--checked .bds-radio-card__dot{background-color:var(--boreal-ui-danger-base)}'};var BdsRadioCard=function(){function a(a){var r=this;registerInstance(this,a);this.bdsChange=createEvent(this,"bdsChange");this.value="on";this.info="";this.name="";this.label="";this.checked=false;this.disabled=false;this.error=false;this.handleClick=function(){return r.select()};this.handleKeyDown=function(a){if(a.key===" "){a.preventDefault();r.select()}}}a.prototype.select=function(){if(this.disabled||this.checked)return;this.checked=true;this.bdsChange.emit({checked:true,value:this.value})};a.prototype.componentDidLoad=function(){var a=this;requestAnimationFrame((function(){a.el.classList.add("bds-radio-card--transition")}))};Object.defineProperty(a.prototype,"isError",{get:function(){return this.error&&!this.disabled},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"hostClasses",{get:function(){return{"bds-radio-card":true,"bds-radio-card--disabled":this.disabled,"bds-radio-card--checked":this.checked,"bds-radio-card--error":this.isError}},enumerable:false,configurable:true});a.prototype.render=function(){var a=this;return h(Host,{key:"731577746499239383ad4ee961cc947398e11dcb",class:this.hostClasses,role:"radio","aria-checked":"".concat(this.checked),"aria-disabled":this.disabled?"true":"false","aria-invalid":this.isError?"true":"false",tabIndex:this.disabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{key:"d35243914c0364136c0a316a444fd09a511072e6",class:"bds-radio-card__container"},h("input",{key:"d3a05c87dd20bd81799b2f9239deae2489664f39",class:"bds-radio-card__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:-1,onFocus:function(){return a.el.focus()}}),h("span",{key:"5fe503bdaf293f0385314b9bdda22118bba66b5d",class:"bds-radio-card__button"},h("span",{key:"cfbfee8d72258a6e5e462499737d20f21ac25cdb",class:"bds-radio-card__dot"})),h("div",{key:"988d2d636e09b2683a7cb475eaaf95295dc49966",class:"bds-radio-card__content"},h("div",{key:"618afb1a448ee6b2ce1d2affc525dc00ea2974e4",class:"bds-radio-card__header"},h("div",{key:"bf34a2ed964c1a30d1c306ad6d3bc059de8cd4d3",class:"bds-radio-card__icon"},h("slot",{key:"d4429397ec53ee30ff38144297987aa606a883c8",name:"icon"})),h("div",{key:"c34ec3aa8d7ba68b46394ea041d90a2805d0d00f",class:"bds-radio-card__title"},this.label||h("slot",{key:"d55874f8542acafdc6164b8012057e039ebfc0eb"}))),h("bds-typography",{key:"569dfe9079fc9b7f5cba562cd0d7d68ba738f713",variant:"helper"},h("slot",{key:"bc0e69fba40b230195be2f93f35fee162cc629ce",name:"description"})))),this.info&&h("span",{key:"c90eab4eead6352f51bb6036cdff56d4241d1dda",class:"bds-radio-card__info-icon","aria-label":this.info},h("em",{key:"850a2ae5521eb2d8e3c01a5bd1ad19d3bb87e73c",class:"bds-icon-info-circle"},h("bds-tooltip",{key:"188e3c5950d7a68b3e068bf6361e07850fdc907d"},this.info))))};Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();BdsRadioCard.style=bdsRadioCardCss();export{BdsRadioCard as bds_radio_card};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var t=function(i,r){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var r in i)if(Object.prototype.hasOwnProperty.call(i,r))t[r]=i[r]};return t(i,r)};return function(i,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(i,r);function e(){this.constructor=i}i.prototype=r===null?Object.create(r):(e.prototype=r.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,r,e){function n(t){return t instanceof r?t:new r((function(i){i(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?r(t.value):n(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,n,o,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(e=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=i.call(t,r)}catch(t){s=[6,t];n=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{O as ORIENTATIONS}from"./orientation-CPvuMm5C.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";import{K as KEYBOARD}from"./Keys-DlYG-OVB.js";var RADIO_GROUP_TYPES={RADIO:"radio"};var bdsRadioGroupCss=function(){return'@charset "UTF-8";.bds-radio-group{--bds-divider-gap:var(--boreal-spacing-3xs);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs)}.bds-radio-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-radio-group[orientation=horizontal] .bds-radio-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-radio-group[type=radiobutton] .bds-radio-group__options{display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:var(--boreal-spacing-3xs);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);overflow:hidden}.bds-radio-group[type=radiobutton][orientation=vertical] .bds-radio-group__options{-ms-flex-direction:column;flex-direction:column}.bds-radio-group[type=radiobutton].bds-radio-group--error .bds-radio-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-radio-button.bds-radio-button--error{color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'};var LEAF_TAGS=["BDS-RADIO","BDS-RADIO-BUTTON","BDS-RADIO-CARD"];var BdsRadioGroup=function(t){__extends(i,t);function i(i){var r=t.call(this)||this;registerInstance(r,i);r.bdsChange=createEvent(r,"bdsChange");r.valueChange=createEvent(r,"valueChange");if(i.$hostElement$["s-ei"]){r.internals=i.$hostElement$["s-ei"]}else{r.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=r.internals}r._id=createId("bds-radio-group");r.isDisabled=false;r.isInvalid=false;r.disabled=false;r.error=false;r.errorMessage="";r.helperText="";r.info="";r.label="";r.orientation=ORIENTATIONS.VERTICAL;r.required=false;r.type=RADIO_GROUP_TYPES.RADIO;r.value="";r.handleKeyDown=function(t){var i=t.target;if(!LEAF_TAGS.includes(i.tagName))return;switch(t.key){case KEYBOARD.ArrowDown:case KEYBOARD.ArrowRight:r.navigateTo(i,true);t.preventDefault();break;case KEYBOARD.ArrowUp:case KEYBOARD.ArrowLeft:r.navigateTo(i,false);t.preventDefault();break}};r.handleSlotChange=function(){r.updateLayoutCount()};r._buttonCount=0;return r}i.prototype.checkPropValues=function(){validatePropValue(Object.values(ORIENTATIONS),ORIENTATIONS.VERTICAL,this.el,"orientation")};i.prototype.onDisabledChange=function(t){this.isDisabled=t;this.radioElements.forEach((function(i){return i.disabled=t}))};i.prototype.onErrorChange=function(t){this.radioElements.forEach((function(i){return i.error=t}))};i.prototype.onValueChange=function(t){this.radioElements.forEach((function(i){i.checked=i.value===t;i.setAttribute("aria-checked",String(i.value===t))}));var i=this.radioElements.find((function(t){return t.checked}));this.updateTabIndexes(i!==null&&i!==void 0?i:null)};i.prototype.componentWillLoad=function(){var t;this.checkPropValues();this.isDisabled=this.disabled;if(this.value===""){var i=Array.from(this.el.querySelectorAll("bds-radio[checked], bds-radio-button[checked], bds-radio-card[checked]")).at(-1);if(i!==undefined){this.value=(t=i.getAttribute("value"))!==null&&t!==void 0?t:""}}};i.prototype.componentDidLoad=function(){var t,i;var r=this.radioElements.filter((function(t){return t.checked}));if(r.length>1){r.slice(0,-1).forEach((function(t){return t.checked=false}))}this.onValueChange(this.value);if(this.error)this.radioElements.forEach((function(t){return t.error=true}));this.updateLayoutCount();this.updateTabIndexes((i=(t=this.radioElements.find((function(t){return t.checked})))!==null&&t!==void 0?t:this.radioElements.find((function(t){return!t.disabled})))!==null&&i!==void 0?i:null);this.updateFormValidity()};i.prototype.formAssociatedCallback=function(){this.syncFormValue()};i.prototype.formResetCallback=function(){var t=this;this.value="";this.isInvalid=false;this.radioElements.forEach((function(i){i.checked=false;i.setAttribute("aria-checked","false");if(!t.error)i.error=false}));this.internals.setFormValue(null);this.updateFormValidity();var i=this.radioElements.find((function(t){return!t.disabled}));this.updateTabIndexes(i!==null&&i!==void 0?i:null)};i.prototype.formStateRestoreCallback=function(t,i){var r=typeof t==="string"?t:"";this.value=r;this.internals.setFormValue(r!==""?r:null)};i.prototype.formDisabledCallback=function(t){this.isDisabled=t;this.radioElements.forEach((function(i){return i.disabled=t}))};i.prototype.handleRadioChange=function(t){var i=t.target;if(!LEAF_TAGS.includes(i.tagName))return;this.radioElements.filter((function(t){return t!==i})).forEach((function(t){t.checked=false;t.setAttribute("aria-checked","false")}));this.value=t.detail.value;this.internals.setFormValue(this.value);this.updateTabIndexes(i);this.updateFormValidity();this.bdsChange.emit({value:this.value});this.valueChange.emit(this.value)};i.prototype.handleInvalid=function(t){if(this.errorMessage!==""){t.preventDefault();this.isInvalid=true;this.radioElements.forEach((function(t){return t.error=true}))}};i.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.checkValidity()]}))}))};i.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.reportValidity()]}))}))};i.prototype.navigateTo=function(t,i){var r=this.radioElements.filter((function(t){return!t.disabled}));if(r.length===0)return;var e=r.indexOf(t);var n=(r.length+e+(i?1:-1))%r.length;var o=r[n];o.checked=true;o.setAttribute("aria-checked","true");this.radioElements.filter((function(t){return t!==o})).forEach((function(t){t.checked=false;t.setAttribute("aria-checked","false")}));this.value=o.value;this.internals.setFormValue(this.value);this.updateTabIndexes(o);this.updateFormValidity();this.bdsChange.emit({value:this.value});this.valueChange.emit(this.value);o.focus()};i.prototype.insertDividers=function(){this.el.querySelectorAll("bds-divider[data-injected]").forEach((function(t){return t.remove()}));if(this.type!=="radiobutton")return;var t=this.orientation===ORIENTATIONS.HORIZONTAL?ORIENTATIONS.VERTICAL:ORIENTATIONS.HORIZONTAL;var i=this.radioElements.filter((function(t){return t.tagName==="BDS-RADIO-BUTTON"}));i.forEach((function(i,r){var e;if(r===0)return;var n=document.createElement("bds-divider");n.setAttribute("orientation",t);n.setAttribute("data-injected","");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(n,i)}))};Object.defineProperty(i.prototype,"radioElements",{get:function(){return Array.from(this.el.querySelectorAll("bds-radio, bds-radio-button, bds-radio-card"))},enumerable:false,configurable:true});i.prototype.syncFormValue=function(){this.internals.setFormValue(this.value!==""?this.value:null);this.updateFormValidity()};i.prototype.updateFormValidity=function(){if(this.required&&this.value===""){var t=this.radioElements.find((function(t){return!t.disabled}));this.internals.setValidity({valueMissing:true},this.errorMessage!==""?this.errorMessage:"Please select an option.",t)}else{this.internals.setValidity({});if(this.isInvalid){this.isInvalid=false;if(!this.error)this.radioElements.forEach((function(t){return t.error=false}))}}};i.prototype.updateLayoutCount=function(){var t=this.radioElements.length;this.el.style.setProperty("--layout-count","".concat(t));if(t!==this._buttonCount){this._buttonCount=t;this.insertDividers()}};i.prototype.updateTabIndexes=function(t){this.radioElements.forEach((function(t){return t.setAttribute("tabindex","-1")}));if(t!==null)t.setAttribute("tabindex","0")};Object.defineProperty(i.prototype,"isError",{get:function(){var t=this.error&&!this.disabled;return t||this.isInvalid},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"classMap",{get:function(){return{"bds-radio-group":true,"bds-radio-group--disabled":this.isDisabled,"bds-radio-group--error":this.isError,"bds-radio-group--required":this.required}},enumerable:false,configurable:true});i.prototype.render=function(){var t="".concat(this._id,"-label");var i="".concat(this._id,"-helper");var r=this.isError;var e=this.isDisabled?"disabled":r?"error":"default";var n=r&&this.errorMessage!==""?this.errorMessage:this.helperText;return h(Host,{key:"ab755f253ab7096e8ed0efa7196cedd96cdc7ca8",class:this.classMap,role:"radiogroup","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":n!==""?i:undefined,"aria-invalid":r?"true":undefined,"aria-required":this.required?"true":undefined,onKeyDown:this.handleKeyDown},this.label&&h("bds-typography",{key:"85bc7d114efabd92930c6c934c19e4ba887a3663",id:t,variant:"label",state:e,required:this.required,tooltipText:this.info!==""?this.info:undefined},this.label),h("div",{key:"3f1670875353369c608c9cf064ccb1b7beede19a",class:"bds-radio-group__options"},h("slot",{key:"b0d52880c82dec9557c10bcf7ef8930299bdf7a6",onSlotchange:this.handleSlotChange})),n&&h("bds-typography",{key:"f0a17de329944c3fe63cf7cb586ec85016693208",id:i,variant:"helper",state:e},n))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return i}(Mixin(formAssociatedMixin));BdsRadioGroup.style=bdsRadioGroupCss();export{BdsRadioGroup as bds_radio_group};
|
|
1
|
+
var __extends=this&&this.__extends||function(){var t=function(i,r){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var r in i)if(Object.prototype.hasOwnProperty.call(i,r))t[r]=i[r]};return t(i,r)};return function(i,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(i,r);function e(){this.constructor=i}i.prototype=r===null?Object.create(r):(e.prototype=r.prototype,new e)}}();var __awaiter=this&&this.__awaiter||function(t,i,r,e){function n(t){return t instanceof r?t:new r((function(i){i(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{u(e.next(t))}catch(t){o(t)}}function s(t){try{u(e["throw"](t))}catch(t){o(t)}}function u(t){t.done?r(t.value):n(t.value).then(a,s)}u((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,n,o,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return u([t,i])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(e=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=i.call(t,r)}catch(t){s=[6,t];n=0}finally{e=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{O as ORIENTATIONS}from"./orientation-CPvuMm5C.js";import{K as KEYBOARD}from"./Keys-7G4h4DI7.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var bdsRadioGroupCss=function(){return'@charset "UTF-8";.bds-radio-group{--bds-divider-gap:var(--boreal-spacing-3xs);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs)}.bds-radio-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-radio-group[orientation=horizontal] .bds-radio-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-radio-group[type=radiobutton] .bds-radio-group__options{display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:var(--boreal-spacing-3xs);border:1px solid var(--boreal-stroke-default-light);background-color:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);overflow:hidden}.bds-radio-group[type=radiobutton][orientation=vertical] .bds-radio-group__options{-ms-flex-direction:column;flex-direction:column}.bds-radio-group[type=radiobutton].bds-radio-group--error .bds-radio-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-radio-button.bds-radio-button--error{color:var(--boreal-stroke-danger-base)}.bds-radio-group[type=radiobutton].bds-radio-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'};var LEAF_TAGS=["BDS-RADIO","BDS-RADIO-BUTTON","BDS-RADIO-CARD"];var BdsRadioGroup=function(t){__extends(i,t);function i(i){var r=t.call(this)||this;registerInstance(r,i);r.bdsChange=createEvent(r,"bdsChange");r.valueChange=createEvent(r,"valueChange");if(i.$hostElement$["s-ei"]){r.internals=i.$hostElement$["s-ei"]}else{r.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=r.internals}r._id=createId("bds-radio-group");r.isDisabled=false;r.isInvalid=false;r.disabled=false;r.error=false;r.errorMessage="";r.helperText="";r.info="";r.label="";r.orientation="vertical";r.required=false;r.type="radio";r.value="";r.joined=false;r.handleKeyDown=function(t){var i=t.target;if(!LEAF_TAGS.includes(i.tagName))return;switch(t.key){case KEYBOARD.ArrowDown:case KEYBOARD.ArrowRight:r.navigateTo(i,true);t.preventDefault();break;case KEYBOARD.ArrowUp:case KEYBOARD.ArrowLeft:r.navigateTo(i,false);t.preventDefault();break}};r.handleSlotChange=function(){r.updateLayoutCount()};r._buttonCount=0;return r}i.prototype.onJoinedChange=function(){this.insertDividers()};i.prototype.checkPropValues=function(){validatePropValue(Object.values(ORIENTATIONS),ORIENTATIONS.VERTICAL,this.el,"orientation");this.insertDividers()};i.prototype.onDisabledChange=function(t){this.isDisabled=t;this.radioElements.forEach((function(i){return i.disabled=t}))};i.prototype.onErrorChange=function(t){this.radioElements.forEach((function(i){return i.error=t}))};i.prototype.onValueChange=function(t){this.radioElements.forEach((function(i){i.checked=i.value===t;i.setAttribute("aria-checked",String(i.value===t))}));var i=this.radioElements.find((function(t){return t.checked}));this.updateTabIndexes(i!==null&&i!==void 0?i:null)};i.prototype.componentWillLoad=function(){var t;this.checkPropValues();this.isDisabled=this.disabled;if(this.value===""){var i=Array.from(this.el.querySelectorAll("bds-radio[checked], bds-radio-button[checked], bds-radio-card[checked]")).at(-1);if(i!==undefined){this.value=(t=i.getAttribute("value"))!==null&&t!==void 0?t:""}}};i.prototype.componentDidLoad=function(){var t,i;var r=this.radioElements.filter((function(t){return t.checked}));if(r.length>1){r.slice(0,-1).forEach((function(t){return t.checked=false}))}this.onValueChange(this.value);if(this.error)this.radioElements.forEach((function(t){return t.error=true}));this.updateLayoutCount();this.updateTabIndexes((i=(t=this.radioElements.find((function(t){return t.checked})))!==null&&t!==void 0?t:this.radioElements.find((function(t){return!t.disabled})))!==null&&i!==void 0?i:null);this.updateFormValidity()};i.prototype.formAssociatedCallback=function(){this.syncFormValue()};i.prototype.formResetCallback=function(){var t=this;this.value="";this.isInvalid=false;this.radioElements.forEach((function(i){i.checked=false;i.setAttribute("aria-checked","false");if(!t.error)i.error=false}));this.internals.setFormValue(null);this.updateFormValidity();var i=this.radioElements.find((function(t){return!t.disabled}));this.updateTabIndexes(i!==null&&i!==void 0?i:null)};i.prototype.formStateRestoreCallback=function(t,i){var r=typeof t==="string"?t:"";this.value=r;this.internals.setFormValue(r!==""?r:null)};i.prototype.formDisabledCallback=function(t){this.isDisabled=t;this.radioElements.forEach((function(i){return i.disabled=t}))};i.prototype.handleRadioChange=function(t){var i=t.target;if(!LEAF_TAGS.includes(i.tagName))return;this.radioElements.filter((function(t){return t!==i})).forEach((function(t){t.checked=false;t.setAttribute("aria-checked","false")}));this.value=t.detail.value;this.internals.setFormValue(this.value);this.updateTabIndexes(i);this.updateFormValidity();this.bdsChange.emit({value:this.value});this.valueChange.emit(this.value)};i.prototype.handleInvalid=function(t){if(this.errorMessage!==""){t.preventDefault();this.isInvalid=true;this.radioElements.forEach((function(t){return t.error=true}))}};i.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.checkValidity()]}))}))};i.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.reportValidity()]}))}))};i.prototype.navigateTo=function(t,i){var r=this.radioElements.filter((function(t){return!t.disabled}));if(r.length===0)return;var e=r.indexOf(t);var n=(r.length+e+(i?1:-1))%r.length;var o=r[n];o.checked=true;o.setAttribute("aria-checked","true");this.radioElements.filter((function(t){return t!==o})).forEach((function(t){t.checked=false;t.setAttribute("aria-checked","false")}));this.value=o.value;this.internals.setFormValue(this.value);this.updateTabIndexes(o);this.updateFormValidity();this.bdsChange.emit({value:this.value});this.valueChange.emit(this.value);o.focus()};i.prototype.insertDividers=function(){this.el.querySelectorAll("bds-divider[data-injected]").forEach((function(t){return t.remove()}));if(this.type!=="radiobutton"||this.joined)return;var t=this.orientation===ORIENTATIONS.HORIZONTAL?ORIENTATIONS.VERTICAL:ORIENTATIONS.HORIZONTAL;var i=this.radioElements.filter((function(t){return t.tagName==="BDS-RADIO-BUTTON"}));i.forEach((function(i,r){var e;if(r===0)return;var n=document.createElement("bds-divider");n.setAttribute("orientation",t);n.setAttribute("data-injected","");(e=i.parentNode)===null||e===void 0?void 0:e.insertBefore(n,i)}))};Object.defineProperty(i.prototype,"radioElements",{get:function(){return Array.from(this.el.querySelectorAll("bds-radio, bds-radio-button, bds-radio-card"))},enumerable:false,configurable:true});i.prototype.syncFormValue=function(){this.internals.setFormValue(this.value!==""?this.value:null);this.updateFormValidity()};i.prototype.updateFormValidity=function(){if(this.required&&this.value===""){var t=this.radioElements.find((function(t){return!t.disabled}));this.internals.setValidity({valueMissing:true},this.errorMessage!==""?this.errorMessage:"Please select an option.",t)}else{this.internals.setValidity({});if(this.isInvalid){this.isInvalid=false;if(!this.error)this.radioElements.forEach((function(t){return t.error=false}))}}};i.prototype.updateLayoutCount=function(){var t=this.radioElements.length;this.el.style.setProperty("--layout-count","".concat(t));if(t!==this._buttonCount){this._buttonCount=t;this.insertDividers()}};i.prototype.updateTabIndexes=function(t){this.radioElements.forEach((function(t){return t.setAttribute("tabindex","-1")}));if(t!==null)t.setAttribute("tabindex","0")};Object.defineProperty(i.prototype,"isError",{get:function(){var t=this.error&&!this.disabled;return t||this.isInvalid},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"classMap",{get:function(){return{"bds-radio-group":true,"bds-radio-group--disabled":this.isDisabled,"bds-radio-group--error":this.isError,"bds-radio-group--required":this.required}},enumerable:false,configurable:true});i.prototype.render=function(){var t="".concat(this._id,"-label");var i="".concat(this._id,"-helper");var r=this.isError;var e=this.isDisabled?"disabled":r?"error":"default";var n=r&&this.errorMessage!==""?this.errorMessage:this.helperText;return h(Host,{key:"983eacc6649cdca62de5a73780c3ca0eb8e26879",class:this.classMap,role:"radiogroup","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":n!==""?i:undefined,"aria-invalid":r?"true":undefined,"aria-required":this.required?"true":undefined,onKeyDown:this.handleKeyDown},this.label&&h("bds-typography",{key:"80461fca6630261b13198a69185cf92dda18704f",id:t,variant:"label",state:e,required:this.required,tooltipText:this.info!==""?this.info:undefined},this.label),h("div",{key:"6fda8a3d053c9b3998177d29b8dc593c1d21f5cf",class:"bds-radio-group__options"},h("slot",{key:"5d8a8a9d040b862173ea8d43e34c260377114f58",onSlotchange:this.handleSlotChange})),n&&h("bds-typography",{key:"31bd0d32d0e72e12be4ff04677ab99b3a7139fd0",id:i,variant:"helper",state:e},n))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{joined:[{onJoinedChange:0}],orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return i}(Mixin(formAssociatedMixin));BdsRadioGroup.style=bdsRadioGroupCss();export{BdsRadioGroup as bds_radio_group};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";var bdsRadioCss=function(){return'@charset "UTF-8";.bds-radio__content,.bds-radio__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-radio__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);cursor:pointer;outline:none}.bds-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio__content{gap:var(--boreal-spacing-3xs)}.bds-radio__icon{-ms-flex-negative:0;flex-shrink:0;line-height:1}.bds-radio__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default)}.bds-radio__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:18px;height:18px;border-radius:var(--boreal-radius-full);border:1px solid var(--boreal-stroke-default-light);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}.bds-radio__dot{width:10px;height:10px;border-radius:var(--boreal-radius-full);background-color:transparent;-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}.bds-radio__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";var bdsRadioCss=function(){return'@charset "UTF-8";.bds-radio__content,.bds-radio__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-radio__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);cursor:pointer;outline:none}.bds-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio__content{gap:var(--boreal-spacing-3xs)}.bds-radio__icon{-ms-flex-negative:0;flex-shrink:0;line-height:1}.bds-radio__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default)}.bds-radio__button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:18px;height:18px;border-radius:var(--boreal-radius-full);border:1px solid var(--boreal-stroke-default-light);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}.bds-radio__dot{width:10px;height:10px;border-radius:var(--boreal-radius-full);background-color:transparent;-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}.bds-radio__info-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-sm);line-height:1;color:var(--boreal-icon-default-ink)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-radio:hover:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__dot{background-color:var(--boreal-ui-base-light)}.bds-radio:is(:focus-visible,:focus) .bds-radio__button{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-radio:active:not(.bds-radio--disabled):not(.bds-radio--checked) .bds-radio__button{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-radio--checked .bds-radio__button{border-color:var(--boreal-stroke-primary-base)}.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-base)}.bds-radio--error .bds-radio__button{border-color:var(--boreal-stroke-danger-base)}.bds-radio--disabled{cursor:not-allowed;pointer-events:none}.bds-radio--disabled .bds-radio__button{border-color:var(--boreal-stroke-default-light);background-color:var(--boreal-ui-disabled)}.bds-radio--disabled .bds-radio__label{color:var(--boreal-text-disabled)}.bds-radio--disabled.bds-radio--checked .bds-radio__button{border-color:var(--boreal-ui-primary-light)}.bds-radio--disabled.bds-radio--checked .bds-radio__dot{background-color:var(--boreal-ui-primary-light)}'};var BdsRadio=function(){function e(e){var a=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange");this.checked=false;this.disabled=false;this.value="on";this.name="";this.label="";this.error=false;this.info="";this.handleClick=function(){return a.select()};this.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();a.select()}}}e.prototype.componentDidLoad=function(){this.el.setAttribute("role","radio");this.el.setAttribute("aria-checked",String(this.checked));this.el.setAttribute("tabindex","-1")};e.prototype.select=function(){if(this.disabled||this.checked)return;this.checked=true;this.el.setAttribute("aria-checked","true");this.bdsChange.emit({checked:true,value:this.value})};Object.defineProperty(e.prototype,"classMap",{get:function(){return{"bds-radio":true,"bds-radio--checked":this.checked,"bds-radio--error":this.error,"bds-radio--disabled":this.disabled}},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;return h(Host,{key:"460a06887759af9d8ff04be3b76e93c48a6e59f6",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("input",{key:"10e93de9010a5002d4a6605ef35f3a5273f20dc2",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:function(){return e.el.focus()}}),h("span",{key:"e660d053bec4d6fb7a134230aad1317c1cc839cd",class:"bds-radio__button"},h("span",{key:"2a983b9b97396c9d0f0485e7b00309292c398cd6",class:"bds-radio__dot"})),h("span",{key:"e616d473595a3efd5f01f2896d8481d91c9195ac",class:"bds-radio__content"},h("span",{key:"50e7006d945aad95fb2c01d7beae98672e5fc532",class:"bds-radio__icon"},h("slot",{key:"d2f2018dbc9cb25e996b33be2fbfab3b96c84f14",name:"icon"})),h("span",{key:"b39791291a81d307dae7f45b4d764695d34d8f8f",class:"bds-radio__label"},this.label||h("slot",{key:"1aef7b131da161b51afb52383913d5187332352f"})),this.info&&h("span",{key:"943d3e05512fab78db5700d5c1527c3db9eeb272",class:"bds-radio__info"},h("span",{key:"d2a2a78eac436334545013539f8410c73ed06b2e",class:"bds-radio__info-icon bds-icon-info-circle","aria-hidden":"true"}),h("bds-tooltip",{key:"f6add279f359fde8c9727219a6126b776c755eff"},this.info))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();BdsRadio.style=bdsRadioCss();export{BdsRadio as bds_radio};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]}return e};return __assign.apply(this,arguments)};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{i as inheritAttributes}from"./attributes-U9yfbs7i.js";import{L as Logger}from"./Logger-iq2UuV7c.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";function getCleanText(e){var t;var i=e;if(i!==null){return((t=i.textContent)===null||t===void 0?void 0:t.trim())||""}return""}function updateElementProp(e,t,i){if(e!==null){e[t]=i}}function updateElementAttr(e,t,i){if(e!==null&&e!==undefined){e.setAttribute(t,i)}}function addElementListener(e,t,i){if(e!==null&&e!==undefined){e.addEventListener(t,i)}}function removeElementListener(e,t,i){if(e!==null&&e!==undefined){e.removeEventListener(t,i)}}var bdsSelectCss=function(){return'@charset "UTF-8";bds-select{position:relative;display:-ms-flexbox;display:flex}bds-select .bds-list-menu{--bds-list-menu-max-width:100%}'};var BdsSelect=function(){function e(e){var t=this;registerInstance(this,e);this.bdsChange=createEvent(this,"bdsChange");this.valueChange=createEvent(this,"valueChange");this.inheritedAttributes={};this.hostForm=null;this.value="";this.searchable=false;this.name="";this.valueString="";this.popoverVisible=false;this.listId="bds-select-list-".concat(createId());this._preventFocusOpen=false;this.listenListMenu=function(e){var i;e.stopPropagation();if(t.bdsList!==null){var n=e.detail;t._preventFocusOpen=true;t.setValue(n||"");void((i=t.bdsPopover)===null||i===void 0?void 0:i.closePopover())}};this.listenClearInput=function(){t.setValue("");t.valueString="";t.resetChildren()};this.listenField=function(e){var i;e.stopPropagation();var n=e.target.value;if(n===""){t.resetChildren();return}if(!t.popoverVisible){void((i=t.bdsPopover)===null||i===void 0?void 0:i.openPopover())}t.searcherElement(n)};this.listenBlurInput=function(e){var i=e.relatedTarget;if(i&&t.el.contains(i)){return}t.resetValueField();t.resetChildren()};this.listenKeydown=function(e){var i,n;var s=e;if(s.key!=="Tab"||!t.popoverVisible||t.searchable)return;e.preventDefault();var l=t.value!==""?(i=t.bdsList)===null||i===void 0?void 0:i.querySelector('bds-list-menu-item[value="'.concat(t.value,'"]')):null;var r=l!==null&&l!==void 0?l:(n=t.bdsList)===null||n===void 0?void 0:n.querySelector('bds-list-menu-item:not([disabled]):not([hidden]):not([variant="label"])');r===null||r===void 0?void 0:r.focus()};this.listenMouseDown=function(){t._preventFocusOpen=true};this.listenFocusInput=function(){var e;if(t._preventFocusOpen){t._preventFocusOpen=false;return}void((e=t.bdsPopover)===null||e===void 0?void 0:e.openPopover())};this.stopFieldValueChange=function(e){e.stopPropagation()};this.listenFormReset=function(){var e;t.value="";t.valueString="";(e=t.bdsList)===null||e===void 0?void 0:e.setSelectedValues("").catch((function(){(new Logger).warn("bds-select","No options available to reset the value")}))}}e.prototype.watchPopoverVisible=function(e){updateElementAttr(this.bdsInput,"aria-expanded",e.toString());updateElementAttr(this.el,"aria-expanded",e.toString())};e.prototype.watchValue=function(){this.loadValue()};e.prototype.watchValueString=function(e){updateElementAttr(this.bdsField,"value",e)};e.prototype.componentWillLoad=function(){this.inheritedAttributes=__assign({},inheritAttributes(this.el,["role"]))};e.prototype.componentDidLoad=function(){this.hostForm=this.el.closest("form");addElementListener(this.hostForm,"reset",this.listenFormReset);this.assignListeners();this.loadDefaultProps();this.loadValue()};e.prototype.disconnectedCallback=function(){removeElementListener(this.hostForm,"reset",this.listenFormReset);this.removeListeners()};Object.defineProperty(e.prototype,"bdsList",{get:function(){if(this.el!==null){return this.el.querySelector("bds-list-menu")}return null},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"bdsField",{get:function(){if(this.el!==null){return this.el.querySelector("bds-text-field")}return null},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"bdsInput",{get:function(){if(this.bdsField!==null){return this.bdsField.querySelector("input")}return null},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"bdsPopover",{get:function(){if(this.el!==null){return this.el.querySelector("bds-popover")}return null},enumerable:false,configurable:true});e.prototype.assignListeners=function(){addElementListener(this.bdsList,"bdsChange",this.listenListMenu);addElementListener(this.bdsField,"bdsClear",this.listenClearInput);addElementListener(this.bdsField,"bdsInput",this.listenField);addElementListener(this.bdsField,"valueChange",this.stopFieldValueChange);addElementListener(this.bdsInput,"blur",this.listenBlurInput);addElementListener(this.bdsInput,"keydown",this.listenKeydown);if(this.searchable){addElementListener(this.bdsInput,"focus",this.listenFocusInput);addElementListener(this.el,"mousedown",this.listenMouseDown)}this.listenPopOver()};e.prototype.removeListeners=function(){removeElementListener(this.bdsList,"bdsChange",this.listenListMenu);removeElementListener(this.bdsField,"bdsClear",this.listenClearInput);removeElementListener(this.bdsField,"bdsInput",this.listenField);removeElementListener(this.bdsField,"valueChange",this.stopFieldValueChange);removeElementListener(this.bdsInput,"blur",this.listenBlurInput);removeElementListener(this.bdsInput,"keydown",this.listenKeydown);removeElementListener(this.bdsInput,"focus",this.listenFocusInput);removeElementListener(this.el,"mousedown",this.listenMouseDown)};e.prototype.loadDefaultProps=function(){this.loadDefaultTextFieldProps();this.loadDefaultListMenuProps()};e.prototype.loadDefaultTextFieldProps=function(){updateElementProp(this.bdsField,"clearable",true);updateElementProp(this.bdsField,"selectable",!this.searchable);updateElementProp(this.bdsField,"iconRight","bds-icon-chevron-down");updateElementAttr(this.bdsInput,"role","combobox");updateElementAttr(this.bdsInput,"aria-haspopup","listbox");updateElementAttr(this.bdsInput,"aria-expanded","false");updateElementAttr(this.bdsInput,"aria-autocomplete",!this.searchable?"none":"list");updateElementAttr(this.bdsInput,"aria-controls",this.listId)};e.prototype.loadDefaultListMenuProps=function(){updateElementAttr(this.bdsList,"menu-role","listbox");updateElementAttr(this.bdsList,"id",this.listId)};e.prototype.setValue=function(e){this.value=e;this.bdsChange.emit(e);this.valueChange.emit(e)};e.prototype.listenPopOver=function(){var e=this;var t={hideArrow:true,onAfterShow:function(){e.popoverVisible=true;return true},onAfterHide:function(){e.popoverVisible=false;e.resetValueField();e.resetChildren();return true}};updateElementProp(this.bdsPopover,"floatingOptions",t)};e.prototype.resetValueField=function(){var e,t;if(this.value===""){(e=this.bdsField)===null||e===void 0?void 0:e.setAttribute("value","")}else if(this.valueString!==""){(t=this.bdsField)===null||t===void 0?void 0:t.setAttribute("value",this.valueString)}};e.prototype.searcherElement=function(e){var t=this;var i,n;var s=e.toLowerCase();(i=this.bdsList)===null||i===void 0?void 0:i.querySelectorAll("bds-list-menu-item").forEach((function(e){var i=e.getAttribute("value")||"";var n=e.querySelector(".bds-list-item__content-left__text");var l=n!==null?getCleanText(n):"";var r=l.toLowerCase().includes(s)||i.toLowerCase().includes(s);updateElementProp(e,"hidden",!r);updateElementAttr(e,"tabindex",r?"0":"-1");if(r)t.showParentLabel(e)}));var l=(n=this.bdsList)===null||n===void 0?void 0:n.querySelectorAll("bds-list-menu-item:not([hidden])");updateElementProp(this.bdsList,"empty",(l===null||l===void 0?void 0:l.length)===0)};e.prototype.showParentLabel=function(e){var t=e.previousElementSibling;while(t!==null){if(t.variant==="label"){updateElementProp(t,"hidden",false);break}t=t.previousElementSibling}};e.prototype.resetChildren=function(){var e;(e=this.bdsList)===null||e===void 0?void 0:e.querySelectorAll("bds-list-menu-item").forEach((function(e){updateElementProp(e,"hidden",false)}))};e.prototype.loadValue=function(){var e=this;var t;var i=this.value;if(i===""||this.bdsList===null||this.bdsField===null){this.valueString="";(t=this.bdsList)===null||t===void 0?void 0:t.setSelectedValues("").catch((function(){(new Logger).warn("bds-select","No options available to select the value")}));return}var n=this.bdsList.querySelector('bds-list-menu-item[value="'.concat(i,'"]'));if(n===null)return;var s=n.querySelector(".bds-list-item__content-left__text");var l=getCleanText(s);this.bdsList.setSelectedValues(i).then((function(){e.valueString=l;n.scrollIntoView({block:"nearest"})})).catch((function(){(new Logger).warn("bds-select","Failed to set selected value")}))};e.prototype.render=function(){return h(Host,__assign({key:"03665a810a8bccc7613bb617624253edf36ba543",role:"none"},this.inheritedAttributes),h("slot",{key:"dd6e528ceaf121f372ce82cc1682a676d6a5a64a",name:"field"}),h("input",{key:"4ff9a9348bac3c0a838950357523fd379e44d497",type:"hidden",value:this.value,name:this.name}),h("bds-popover",{key:"4f03fb1eb766c29ccaf26cf6450b8346d3681dc7",width:"full"},h("slot",{key:"80e28f34ed9369a1a8f3f687dbbda40aa246e3fb",name:"list"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{popoverVisible:[{watchPopoverVisible:0}],value:[{watchValue:0}],valueString:[{watchValueString:0}]}},enumerable:false,configurable:true});return e}();BdsSelect.style=bdsSelectCss();export{BdsSelect as bds_select};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var t=function(i,e){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)if(Object.prototype.hasOwnProperty.call(i,e))t[e]=i[e]};return t(i,e)};return function(i,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");t(i,e);function r(){this.constructor=i}i.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(t,i,e,r){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function a(t){try{l(r.next(t))}catch(t){s(t)}}function o(t){try{l(r["throw"](t))}catch(t){s(t)}}function l(t){t.done?e(t.value):n(t.value).then(a,o)}l((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,n,s,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=o(0),a["throw"]=o(1),a["return"]=o(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(i){return l([t,i])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(e=0)),e)try{if(r=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=i.call(t,e)}catch(t){o=[6,t];n=0}finally{r=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var r=0,n=i.length,s;r<n;r++){if(s||!(r in i)){if(!s)s=Array.prototype.slice.call(i,0,r);s[r]=i[r]}}return t.concat(s||Array.prototype.slice.call(i))};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{s as setFormValue}from"./internals-DfaYciGa.js";var SLIDER_TOOLTIP={NEVER:"never",FOCUS:"focus"};var SLIDER_TYPE={SINGLE:"single",RANGE:"range"};function parseValues(t,i){if(i===void 0){i=[0]}if(Array.isArray(t)){var e=t.map(Number).filter((function(t){return!isNaN(t)}));return e.length>0?e:i}try{var r=JSON.parse(t);var n=Array.isArray(r)?r:[r];var e=n.map(Number).filter((function(t){return!isNaN(t)}));return e.length>0?e:i}catch(e){var s=Number(t);return isNaN(s)?i:[s]}}function serializeFormValue(t){return t.join(",")}function resolveValues(t,i,e,r){var n,s,a,o;var l=parseValues(t,[Number(i)]);if(r===SLIDER_TYPE.RANGE){if(l.length>=2){return[(n=l[0])!==null&&n!==void 0?n:Number(i),(s=l[1])!==null&&s!==void 0?s:Number(e)]}return[(a=l[0])!==null&&a!==void 0?a:Number(i),Number(e)]}return[(o=l[0])!==null&&o!==void 0?o:Number(i)]}var SliderService=function(){function t(t){this.options=t}t.prototype.clamp=function(t){return Math.min(Math.max(t,this.options.min),this.options.max)};t.prototype.snapToStep=function(t){var i=Math.round((t-this.options.min)/this.options.step)*this.options.step+this.options.min;return this.clamp(i)};t.prototype.applyCollision=function(t,i){var e,r,n,s;var a=__spreadArray([],t,true);var o=this.options.step;if(this.options.type!==SLIDER_TYPE.RANGE||a.length<2)return a;if(i===0){var l=(e=a[1])!==null&&e!==void 0?e:this.options.max;a[0]=Math.min((r=a[0])!==null&&r!==void 0?r:this.options.min,l-o)}else{var u=(n=a[0])!==null&&n!==void 0?n:this.options.min;a[1]=Math.max((s=a[1])!==null&&s!==void 0?s:this.options.max,u+o)}return a};t.prototype.toPercent=function(t){var i=this.options.max-this.options.min;if(i===0)return 0;return(t-this.options.min)/i*100};t.prototype.getConnectSegment=function(t){var i,e,r;if(this.options.type===SLIDER_TYPE.SINGLE){return{left:0,width:this.toPercent((i=t[0])!==null&&i!==void 0?i:this.options.min)}}var n=(e=t[0])!==null&&e!==void 0?e:this.options.min;var s=(r=t[1])!==null&&r!==void 0?r:this.options.max;return{left:this.toPercent(n),width:this.toPercent(s-n+this.options.min)}};t.prototype.getPipPositions=function(){var t=this.options,i=t.min,e=t.max,r=t.step;var n=[];var s=(e-i)/r;for(var a=1;a<s;a++){var o=i+a*r;n.push(this.toPercent(o))}return n};t.prototype.getThumbCSSPosition=function(t,i,e){var r=this.toPercent(t)/100;var n=i-e;return r*n+e/2};return t}();var SliderDOMController=function(){function t(){}t.addTooltipsStates=function(t,i){if(t===undefined)return;t.classList.add("".concat(i,"__tooltip--visible"),"".concat(i,"__tooltip--active"))};t.removeTooltipsStates=function(t,i){if(t===undefined)return;t.classList.remove("".concat(i,"__tooltip--visible"),"".concat(i,"__tooltip--active"))};t.syncTooltips=function(t,i){t.forEach((function(t,e){var r=i[e];if(r===undefined)return;r.value=String(t);r.setAttribute("value",String(t));r.setAttribute("aria-valuenow",String(t))}))};t.moveConnect=function(t,i){t.style.left="".concat(i.left,"%");t.style.width="".concat(i.width,"%")};t.getThumbCSSPosition=function(t){var i="var(--handle-size, 16px)";return"calc(".concat(t,"% + (").concat(i," / 2) - (").concat(t," * ").concat(i," / 100))")};t.updateInputValue=function(t,i){t.value=String(i);t.setAttribute("value",String(i));t.setAttribute("aria-valuenow",String(i))};return t}();var bdsSliderCss=function(){return'@charset "UTF-8";.bds-slider{display:block;width:100%;--handle-size:16px}.bds-slider--range .bds-slider__input{pointer-events:none}.bds-slider--tooltip{margin-top:var(--boreal-spacing-xl)}.bds-slider--tooltip.bds-slider--label{margin-top:var(--boreal-spacing-ml)}.bds-slider--disabled .bds-slider__tooltip{display:none}.bds-slider--disabled .bds-slider__wrapper{cursor:auto}.bds-slider--disabled .bds-slider__connect{background:var(--boreal-ui-primary-light)}.bds-slider__label{margin-bottom:var(--boreal-spacing-3xs)}.bds-slider__wrapper{position:relative;width:100%;height:var(--handle-size);overflow:visible;cursor:pointer}.bds-slider__track-base{position:absolute;left:0;right:0;top:50%;height:var(--boreal-spacing-2xs);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--boreal-base-light);border-radius:var(--boreal-radius-full);pointer-events:none;z-index:1}.bds-slider__connect{position:absolute;top:50%;height:4px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--boreal-ui-primary-base);border-radius:var(--boreal-radius-full);pointer-events:none;z-index:2}.bds-slider__input{position:absolute;left:0;top:50%;width:100%;height:var(--handle-size);-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;padding:0;background:transparent;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;pointer-events:none;z-index:5}.bds-slider__input::-webkit-slider-runnable-track{height:var(--handle-size);background:transparent;border:none;appearance:none;-webkit-appearance:none}.bds-slider__input::-webkit-slider-thumb{width:var(--handle-size);height:var(--handle-size);margin-top:0;border-radius:var(--boreal-radius-full);background:var(--boreal-ui-inverse);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs);cursor:-webkit-grab;cursor:grab;pointer-events:auto;appearance:none;-webkit-appearance:none}.bds-slider__input::-moz-range-track{height:var(--handle-size);background:transparent;border:none}.bds-slider__input::-moz-range-thumb{width:var(--handle-size);height:var(--handle-size);border-radius:var(--boreal-radius-full);background:var(--boreal-ui-inverse);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);box-shadow:var(--boreal-depth-box-shadow-xs);cursor:grab;pointer-events:auto}.bds-slider__input:focus-visible::-webkit-slider-thumb,.bds-slider__input:active::-webkit-slider-thumb{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-slider__input:focus-visible::-webkit-slider-thumb .bds-slider__tooltip--active,.bds-slider__input:active::-webkit-slider-thumb .bds-slider__tooltip--active{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__input:focus-visible::-moz-range-thumb,.bds-slider__input:active::-moz-range-thumb{box-shadow:var(--boreal-depth-box-shadow-active)}.bds-slider__input:focus-visible::-moz-range-thumb .bds-slider__tooltip--active,.bds-slider__input:active::-moz-range-thumb .bds-slider__tooltip--active{box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__input:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}.bds-slider__input:active::-moz-range-thumb{cursor:grabbing}.bds-slider__input:disabled{pointer-events:none}.bds-slider__input:disabled.bds-slider__connect{background:var(--boreal-ui-disabled)}.bds-slider__input:disabled::-webkit-slider-thumb{background:var(--boreal-ui-disabled);border-color:var(--boreal-base-light);-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.bds-slider__input:disabled::-moz-range-thumb{background:var(--boreal-ui-disabled);border-color:var(--boreal-base-light);box-shadow:none;cursor:not-allowed}.bds-slider__pips{position:absolute;left:0;right:0;top:50%;height:var(--boreal-spacing-2xs);-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;z-index:3}.bds-slider__pip{position:absolute;top:0;width:var(--boreal-spacing-3xs);height:100%;background:var(--boreal-ui-inverse);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bds-slider__limits{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--boreal-spacing-3xs)}.bds-slider__tooltip{position:absolute;bottom:calc(100% + 10px);-webkit-transform:translateX(-50%);transform:translateX(-50%);color:var(--boreal-text-default);background:var(--boreal-ui-inverse);border-radius:var(--boreal-radius-xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-2xs);font-size:var(--boreal-typography-font-size-xs);font-family:var(--boreal-typography-font-family-primary);white-space:nowrap;cursor:auto;pointer-events:fill;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-slider__tooltip--active{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-slider__tooltip--never{opacity:0}.bds-slider__tooltip--focus{opacity:0;-webkit-transition:opacity 0.15s ease;transition:opacity 0.15s ease}.bds-slider__tooltip--focus.bds-slider__tooltip--visible{opacity:1}'};var BdsSlider=function(t){__extends(i,t);function i(i){var e=t.call(this)||this;registerInstance(e,i);e.bdsChange=createEvent(e,"bdsChange");e.valueChange=createEvent(e,"valueChange");e.bdsClick=createEvent(e,"bdsClick");if(i.$hostElement$["s-ei"]){e.internals=i.$hostElement$["s-ei"]}else{e.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=e.internals}e.blockClass="bds-slider";e.inputEls=[];e.tooltipEls=[];e.min=0;e.max=100;e.type=SLIDER_TYPE.SINGLE;e.label="";e.step=1;e.showLimits=false;e.value=[0];e.disabled=false;e.name="";e.disabledHandlers="[]";e.discrete=false;e.tooltip=SLIDER_TOOLTIP.FOCUS;e.isDisabled=false;e.isDiscrete=false;e.internalValues=[0];e.handleClick=function(t){var i=t.target;e.bdsClick.emit({target:i,value:__spreadArray([],e.internalValues,true)})};return e}i.prototype.onDisabledChange=function(t){this.isDisabled=t;this.syncDOMUpdates()};i.prototype.onDisabledHandlersChange=function(){this.syncDOMUpdates()};i.prototype.onValueChange=function(t){this.internalValues=this.resolveValues(t);this.syncDOMUpdates()};i.prototype.onConfigChange=function(){this.isDiscrete=this.discrete;this.internalValues=this.resolveValues(this.value);this.buildAdapter();this.syncDOMUpdates()};i.prototype.onRangeChange=function(){this.buildAdapter();this.syncDOMUpdates()};i.prototype.formAssociatedCallback=function(){this.syncFormValue()};i.prototype.formResetCallback=function(){var t=this.resolveValues(this.value);this.updateValues(t,false);this.syncDOMUpdates();this.emitChange(t)};i.prototype.formStateRestoreCallback=function(t,i){if(typeof t!=="string")return;var e=t.split(",").map((function(t){return parseFloat(t)})).filter((function(t){return!Number.isNaN(t)}));if(e.length===0)return;this.updateValues(e,false);this.syncDOMUpdates();setFormValue(this.internals,t)};i.prototype.syncFormValue=function(){setFormValue(this.internals,serializeFormValue(this.internalValues))};i.prototype.getValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,__spreadArray([],this.internalValues,true)]}))}))};i.prototype.setValues=function(t){return __awaiter(this,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=this.resolveValues(t);this.updateValues(i,false);this.syncDOMUpdates();this.syncFormValue();this.emitChange(i);return[2]}))}))};i.prototype.buildAdapter=function(){var t;this.service=new SliderService({min:Number(this.min),max:Number(this.max),step:Number(this.step),type:this.type,value:this.internalValues,disabledHandlers:parseValues(this.disabledHandlers,[]),discrete:this.isDiscrete,disabled:this.isDisabled,name:String((t=this.name)!==null&&t!==void 0?t:"")})};i.prototype.syncDOMUpdates=function(){this.syncInputsToValues();this.updateProgress();this.syncTooltips()};i.prototype.handleInputEvent=function(t,i){var e;var r=i===null||i===void 0?void 0:i.target;var n=r!==null&&r!==void 0?r:this.inputEls[t];if(n===undefined)return;var s=this.service.snapToStep(parseFloat(n.value));var a=__spreadArray([],this.internalValues,true);a[t]=s;var o=this.service.applyCollision(a,t);s=(e=o[t])!==null&&e!==void 0?e:s;this.internalValues=o;SliderDOMController.updateInputValue(n,s);this.updateProgress();this.syncTooltip(t,s);this.syncFormValue()};i.prototype.handleChangeEvent=function(t,i){this.handleInputEvent(t,i);if(this.isDisabled)return;this.emitChange(__spreadArray([],this.internalValues,true))};i.prototype.onHandleFocus=function(t){SliderDOMController.addTooltipsStates(this.tooltipEls[t],this.blockClass)};i.prototype.onHandleBlur=function(t){SliderDOMController.removeTooltipsStates(this.tooltipEls[t],this.blockClass)};i.prototype.onHandleInactive=function(t){var i=this.inputEls[t];SliderDOMController.removeTooltipsStates(i,this.blockClass);i.blur()};i.prototype.syncInputsToValues=function(){SliderDOMController.syncTooltips(this.internalValues,this.inputEls)};i.prototype.updateProgress=function(){if(this.connectEl===undefined||this.service===undefined)return;var t=this.service.getConnectSegment(this.internalValues);SliderDOMController.moveConnect(this.connectEl,t)};i.prototype.syncTooltip=function(t,i){var e=this.tooltipEls[t];if(e===undefined)return;e.textContent=String(i);e.style.left="".concat(this.getThumbPosition(i),"px")};i.prototype.syncTooltips=function(){var t=this;this.internalValues.forEach((function(i,e){t.syncTooltip(e,i)}))};i.prototype.resolveValues=function(t){var i=this.service;return resolveValues(t,this.min,this.max,this.type).map((function(t){return i.clamp(t)}))};i.prototype.updateValues=function(t,i){if(i===void 0){i=true}this.internalValues=t;if(i){this.emitChange(t)}};i.prototype.emitChange=function(t){if(this.isDisabled)return;var i={value:t};this.bdsChange.emit(i);this.valueChange.emit(t);this.syncFormValue()};i.prototype.isHandleDisabled=function(t){var i=parseValues(this.disabledHandlers,[]);return this.isDisabled||i.includes(t)};i.prototype.getPipPositions=function(){if(this.service===undefined)return[];return this.service.getPipPositions()};Object.defineProperty(i.prototype,"classMap",{get:function(){var t;var i="bds-slider";return t={},t[i]=true,t["".concat(i,"--disabled")]=this.isDisabled,t["".concat(i,"--discrete")]=this.isDiscrete,t["".concat(i,"--label")]=Boolean(this.label.trim()),t["".concat(i,"--tooltip")]=Boolean(this.tooltip)&&this.tooltip!==SLIDER_TOOLTIP.NEVER&&this.isDisabled===false,t["".concat(i,"--tooltip-never")]=this.tooltip===SLIDER_TOOLTIP.NEVER,t["".concat(i,"--tooltip-focus")]=this.tooltip===SLIDER_TOOLTIP.FOCUS,t},enumerable:false,configurable:true});i.prototype.getThumbPosition=function(t){if(this.trackEl===undefined||this.service===undefined)return 0;var i=this.trackEl.getBoundingClientRect().width;var e=parseFloat(getComputedStyle(this.el).getPropertyValue("--handle-size"))||16;return this.service.getThumbCSSPosition(t,i,e)};i.prototype.getThumbCSSPosition=function(t){return SliderDOMController.getThumbCSSPosition(t)};i.prototype.renderInput=function(t,i){var e=this;var r=this.isHandleDisabled(i);return h("input",{class:"".concat(this.blockClass,"__input"),type:"range",min:this.min,max:this.max,step:this.step,value:i,disabled:r,"data-handle":t,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":i,"aria-disabled":r?"true":undefined,"aria-describedby":"bds-slider-tooltip-".concat(t),onInput:function(i){return e.handleInputEvent(t,i)},onChange:function(i){return e.handleChangeEvent(t,i)},onFocus:function(){return e.onHandleFocus(t)},onBlur:function(){return e.onHandleBlur(t)},onPointerUp:function(){return e.onHandleInactive(t)},ref:function(i){if(i!==undefined){e.inputEls[t]=i}}})};i.prototype.renderMinMax=function(){if(this.showLimits===false)return null;return h("div",{class:"".concat(this.blockClass,"__limits")},h("bds-typography",{variant:"helper"},this.min),h("bds-typography",{variant:"helper"},this.max))};i.prototype.handleTrackClick=function(t){if(this.isDisabled||this.trackEl===undefined)return;var i=t.target;if(i.classList.contains("".concat(this.blockClass,"__input")))return;var e=this.trackEl.getBoundingClientRect();var r=Math.min(Math.max((t.clientX-e.left)/e.width,0),1);var n=Number(this.min)+r*(Number(this.max)-Number(this.min));var s=this.service.snapToStep(n);var a=__spreadArray([],this.internalValues,true);if(this.type===SLIDER_TYPE.SINGLE){if(this.isHandleDisabled(a[0]))return;a[0]=s;this.internalValues=a}else{var o=a[0],l=a[1];var u=Math.abs(s-o);var d=Math.abs(s-l);var h=u<=d?0:1;if(this.isHandleDisabled(a[h]))return;a[h]=s;this.internalValues=this.service.applyCollision(a,h)}this.syncDOMUpdates();this.emitChange(__spreadArray([],this.internalValues,true))};i.prototype.renderTooltip=function(t,i){var e;var r=this;var n,s;if(this.tooltip===SLIDER_TOOLTIP.NEVER)return null;return h("div",{id:"bds-slider-tooltip-".concat(t),class:(e={},e["".concat(this.blockClass,"__tooltip")]=true,e["".concat(this.blockClass,"__tooltip--").concat(this.tooltip)]=true,e),role:"tooltip",onClick:function(t){t.stopPropagation()},style:{left:"".concat((s=(n=this.service)===null||n===void 0?void 0:n.toPercent(i))!==null&&s!==void 0?s:0,"%")},ref:function(i){if(i!==undefined){r.tooltipEls[t]=i}}},i)};i.prototype.renderPips=function(){var t=this;if(!this.isDiscrete)return null;return h("div",{class:"".concat(this.blockClass,"__pips")},this.getPipPositions().map((function(i,e){return h("div",{key:"pip-".concat(e),class:"".concat(t.blockClass,"__pip"),style:{left:t.getThumbCSSPosition(i)}})})))};i.prototype.renderLabel=function(){if(this.label.trim()===""||this.label===undefined)return null;return h("bds-typography",{class:"".concat(this.blockClass,"__label"),htmlFor:this.el.id,variant:"label"},this.label)};i.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.isDiscrete=this.discrete;this.buildAdapter();this.internalValues=this.resolveValues(this.value)};i.prototype.componentDidLoad=function(){this.syncDOMUpdates()};i.prototype.componentDidUpdate=function(){this.syncDOMUpdates()};i.prototype.disconnectedCallback=function(){this.inputEls=[];this.tooltipEls=[]};i.prototype.render=function(){var t=this;return h(Host,{key:"d883f67c2dfc80f8b97f2d7394b99ad6c30798fa",class:this.classMap,"aria-disabled":this.isDisabled?"true":undefined,onClick:this.handleClick},this.renderLabel(),h("div",{key:"2704c76fbc751029ca89519950dfb90c3294d5e7",class:"".concat(this.blockClass,"__wrapper"),onClick:function(i){return t.handleTrackClick(i)}},h("div",{key:"db67ea023a4f200069e68e02281539378e9e39db",class:"".concat(this.blockClass,"__track-base"),ref:function(i){if(i!==undefined)t.trackEl=i}}),h("div",{key:"02163060bb531de138aae3ad1a4e7f221e7c127f",class:"".concat(this.blockClass,"__connect"),ref:function(i){if(i!==undefined)t.connectEl=i}}),this.renderPips(),this.internalValues.map((function(i,e){return t.renderInput(e,i)})),this.internalValues.map((function(i,e){return t.renderTooltip(e,i)}))),this.renderMinMax())};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{disabled:[{onDisabledChange:0}],disabledHandlers:[{onDisabledHandlersChange:0}],value:[{onValueChange:0}],type:[{onConfigChange:0}],discrete:[{onConfigChange:0}],min:[{onRangeChange:0}],max:[{onRangeChange:0}],step:[{onRangeChange:0}]}},enumerable:false,configurable:true});return i}(Mixin(formAssociatedMixin));BdsSlider.style=bdsSliderCss();export{BdsSlider as bds_slider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var TAG_COLORS={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"};var bdsTagCss=function(){return'@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);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-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,F as Fragment,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var TAG_COLORS={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"};var bdsTagCss=function(){return'@charset "UTF-8";.bds-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-3xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);border-radius:var(--boreal-radius-m);cursor:default;max-width:100%;min-width:0;font-family:var(--boreal-typography-font-family-primary);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-tag:hover:not(.bds-tag--selected):not(.bds-tag--disabled){-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-tag--selected{outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__icon{font-size:var(--boreal-typography-font-size-md);max-height:var(--boreal-spacing-m)}.bds-tag__icon:empty{display:none}.bds-tag__text{margin-right:var(--boreal-spacing-2xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bds-tag__close-button{display:-ms-flexbox;display:flex;padding:var(--boreal-spacing-3xs);width:var(--boreal-spacing-s);height:var(--boreal-spacing-s);-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:var(--boreal-radius-full);border:0px solid transparent;background-color:transparent;opacity:0.5;cursor:pointer}.bds-tag__close-button:hover{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs);background-color:var(--boreal-ui-inverse);opacity:0.5}.bds-tag__close-button:focus{background-color:var(--boreal-ui-inverse);opacity:0.5;outline:none;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-tag--disabled{cursor:not-allowed}.bds-tag--disabled .bds-tag__close-button{pointer-events:none}.bds-tag--gray{background-color:var(--boreal-extended-onyx-light);color:var(--boreal-extended-onyx-dark)}.bds-tag--gray .bds-tag__close-button{color:var(--boreal-extended-onyx-dark)}.bds-tag--gray.bds-tag--disabled{color:var(--boreal-extended-onyx-base);background-color:var(--boreal-extended-onyx-lighter)}.bds-tag--gray.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-onyx-base)}.bds-tag--purple{background-color:var(--boreal-extended-purple-light);color:var(--boreal-extended-purple-dark)}.bds-tag--purple .bds-tag__close-button{color:var(--boreal-extended-purple-dark)}.bds-tag--purple.bds-tag--disabled{color:var(--boreal-extended-purple-light);background-color:var(--boreal-extended-purple-lighter)}.bds-tag--purple.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-purple-light)}.bds-tag--rose{background-color:var(--boreal-extended-rose-light);color:var(--boreal-extended-rose-dark)}.bds-tag--rose .bds-tag__close-button{color:var(--boreal-extended-rose-dark)}.bds-tag--rose.bds-tag--disabled{color:var(--boreal-extended-rose-light);background-color:var(--boreal-extended-rose-lighter)}.bds-tag--rose.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-rose-light)}.bds-tag--lime{background-color:var(--boreal-extended-lime-light);color:var(--boreal-extended-lime-dark)}.bds-tag--lime .bds-tag__close-button{color:var(--boreal-extended-lime-dark)}.bds-tag--lime.bds-tag--disabled{color:var(--boreal-extended-lime-light);background-color:var(--boreal-extended-lime-lighter)}.bds-tag--lime.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-lime-light)}.bds-tag--cobalt{background-color:var(--boreal-extended-cobalt-light);color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt .bds-tag__close-button{color:var(--boreal-extended-cobalt-dark)}.bds-tag--cobalt.bds-tag--disabled{color:var(--boreal-extended-cobalt-light);background-color:var(--boreal-extended-cobalt-lighter)}.bds-tag--cobalt.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cobalt-light)}.bds-tag--orange{background-color:var(--boreal-extended-orange-light);color:var(--boreal-extended-orange-dark)}.bds-tag--orange .bds-tag__close-button{color:var(--boreal-extended-orange-dark)}.bds-tag--orange.bds-tag--disabled{color:var(--boreal-extended-orange-light);background-color:var(--boreal-extended-orange-lighter)}.bds-tag--orange.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-orange-light)}.bds-tag--teal{background-color:var(--boreal-extended-teal-light);color:var(--boreal-extended-teal-dark)}.bds-tag--teal .bds-tag__close-button{color:var(--boreal-extended-teal-dark)}.bds-tag--teal.bds-tag--disabled{color:var(--boreal-extended-teal-light);background-color:var(--boreal-extended-teal-lighter)}.bds-tag--teal.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-teal-light)}.bds-tag--cyan{background-color:var(--boreal-extended-cyan-light);color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan .bds-tag__close-button{color:var(--boreal-extended-cyan-dark)}.bds-tag--cyan.bds-tag--disabled{color:var(--boreal-extended-cyan-light);background-color:var(--boreal-extended-cyan-lighter)}.bds-tag--cyan.bds-tag--disabled .bds-tag__close-button{color:var(--boreal-extended-cyan-light)}'};var BdsTag=function(){function e(e){var a=this;registerInstance(this,e);this.bdsClose=createEvent(this,"bdsClose");this.bdsSelect=createEvent(this,"bdsSelect");this._id=createId("bds-tag");this.internalSelected=false;this.multiselect=false;this.selected=false;this.closeButtonLabel="Close tag";this.color=TAG_COLORS.GRAY;this.readonly=false;this.disabled=false;this.handleClose=function(e){if(a.disabled)return;if(e!==undefined){e.preventDefault();e.stopPropagation()}a.bdsClose.emit({id:a._id,selected:a.internalSelected,el:a.el})};this.handleKeyDown=function(e){if(a.disabled)return;var t=[" ","Enter"];var o=["Delete","Backspace"];if(!a.readonly&&o.includes(e.key)){a.handleClose(e);return}if(t.includes(e.key)&&e.target===a.el){e.preventDefault();a.handleSelection()}};this.handleSelection=function(){if(a.disabled)return;if(a.multiselect){a.internalSelected=!a.internalSelected;a.bdsSelect.emit({id:a._id,selected:a.internalSelected,el:a.el})}}}e.prototype.componentWillLoad=function(){this.syncSelectedFromProp(this.selected);this.checkPropValues();this.validateMultiselectRole()};e.prototype.checkPropValues=function(){validatePropValue(Object.values(TAG_COLORS),TAG_COLORS.GRAY,this.el,"color")};e.prototype.syncSelectedFromProp=function(e){this.internalSelected=e};e.prototype.validateMultiselectRole=function(){if(!this.multiselect)return;var e='[role="listbox"], [role="group"], bds-tag-group';var a=this.el;if(a.closest(e)===null){console.warn('[BorealDS Tag] Missing required ARIA parent. Expected role="listbox", role="group", or <bds-tag-group> when multiselect=true.')}};e.prototype.getClasses=function(){var e;return e={"bds-tag":true},e["bds-tag--".concat(this.color)]=true,e["bds-tag--disabled"]=this.disabled,e["bds-tag--selected"]=this.internalSelected,e};e.prototype.renderTag=function(){return h(Fragment,null,h("span",{"aria-hidden":"true",class:"bds-tag__icon"},h("slot",{name:"icon"})),h("span",{class:"bds-tag__text"},h("slot",null)))};e.prototype.renderCloseIcon=function(){var e=this;return h("button",{class:"bds-tag__close-button","aria-label":this.closeButtonLabel,onClick:function(a){return e.handleClose(a)},disabled:this.disabled,type:"button"},h("em",{class:"bds-icon-close","aria-hidden":"true"}))};e.prototype.render=function(){var e=this;var a=this.getClasses();var t=!this.readonly;var o=this.multiselect;return h(Host,{key:"bd62a05fccbfa4aed3b7f72b9edf800c3ab05362",class:a,role:o?"option":undefined,tabIndex:o&&!this.disabled?0:-1,"aria-disabled":this.disabled?"true":undefined,"aria-selected":o?"".concat(this.internalSelected):undefined,onKeyDown:!this.disabled?function(a){return e.handleKeyDown(a)}:undefined,onClick:!this.disabled?this.handleSelection:undefined,id:this._id},this.renderTag(),t&&this.renderCloseIcon())};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}},enumerable:false,configurable:true});return e}();BdsTag.style=bdsTagCss();export{BdsTag as bds_tag};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function a(){this.constructor=t}t.prototype=i===null?Object.create(i):(a.prototype=i.prototype,new a)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,a){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function n(e){try{l(a.next(e))}catch(e){r(e)}}function o(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(n,o)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,s,r,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=o(0),n["throw"]=o(1),n["return"]=o(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return l([e,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,o[0]&&(i=0)),i)try{if(a=1,s&&(r=o[0]&2?s["return"]:o[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,o[1])).done)return r;if(s=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;s=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];s=0}finally{a=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,s=t.length,r;a<s;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{s as setFormValue,r as runValidators}from"./internals-DfaYciGa.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var ARIA_LABELS={Clear:"Clear",ShowPassword:"Show password",HidePassword:"Hide password"};var ICONS={Close:"bds-icon-close",SightOn:"bds-icon-sight-on",SightOff:"bds-icon-sight-off"};var TEXT_FIELD_TYPES={TEXT:"text",PASSWORD:"password"};var TEXT_FIELD_VARIANTS={OUTLINE:"outline",PLAIN:"plain"};var TEXT_FIELD_VALIDATION_TIMING={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"};var bdsTextFieldCss=function(){return'@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}'};var BdsTextField=function(e){__extends(t,e);function t(t){var i=e.call(this)||this;registerInstance(i,t);i.valueChange=createEvent(i,"valueChange");i.bdsInput=createEvent(i,"bdsInput");i.bdsChange=createEvent(i,"bdsChange");i.bdsFocus=createEvent(i,"bdsFocus");i.bdsBlur=createEvent(i,"bdsBlur");i.bdsClear=createEvent(i,"bdsClear");i.bdsValidationChange=createEvent(i,"bdsValidationChange");if(t.$hostElement$["s-ei"]){i.internals=t.$hostElement$["s-ei"]}else{i.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=i.internals}i.name="";i.disabled=false;i.required=false;i.isDisabled=false;i.value="";i.error=false;i.errorMessage="";i.customValidators=[];i.validationTiming=TEXT_FIELD_VALIDATION_TIMING.BLUR;i.type=TEXT_FIELD_TYPES.TEXT;i.variant=TEXT_FIELD_VARIANTS.OUTLINE;i.placeholder="";i.readOnly=false;i.autocomplete="off";i.pattern="";i.minLength=0;i.maxLength=0;i.label="";i.sublabel="";i.icon="";i.helperText="";i.info="";i.clearable=false;i.clearOnHover=false;i.charCount=0;i.counter=false;i.customWidth="";i.focused=false;i.showPassword=false;i.touched=false;i.dirty=false;i.currentCharCount=0;i.validationError=false;i.validationMessage="";i._valueAtFocus="";i._id=createId("bds-text-field");i.invalidHandler=function(e){e.preventDefault();i.validationError=true;i.validationMessage=i.internals.validationMessage;i.bdsValidationChange.emit({valid:false,validity:i.internals.validity,value:i.value,touched:i.touched,dirty:i.dirty})};return i}t.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.checkValidity()]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.reportValidity()]}))}))};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.checkPropValues=function(){validatePropValue(Object.values(TEXT_FIELD_TYPES),TEXT_FIELD_TYPES.TEXT,this.el,"type");validatePropValue(Object.values(TEXT_FIELD_VARIANTS),TEXT_FIELD_VARIANTS.OUTLINE,this.el,"variant");validatePropValue(Object.values(TEXT_FIELD_VALIDATION_TIMING),TEXT_FIELD_VALIDATION_TIMING.BLUR,this.el,"validationTiming")};t.prototype.componentWillLoad=function(){this.checkPropValues();this.isDisabled=this.disabled;this.currentCharCount=this.value.length};t.prototype.componentDidLoad=function(){this.el.addEventListener("invalid",this.invalidHandler)};t.prototype.disconnectedCallback=function(){this.el.removeEventListener("invalid",this.invalidHandler)};t.prototype.onCustomValidatorsChange=function(){this.updateValidity()};t.prototype.onValueChange=function(e){setFormValue(this.internals,e);this.currentCharCount=e.length;this.updateValidity();this.valueChange.emit(e)};t.prototype.formAssociatedCallback=function(){setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.formResetCallback=function(){this.value="";this.touched=false;this.dirty=false;this.currentCharCount=0;this.validationError=false;this.validationMessage="";setFormValue(this.internals,null);this.updateValidity()};t.prototype.formStateRestoreCallback=function(e,t){this.value=typeof e==="string"?e:"";setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.updateValidity=function(e){if(e===void 0){e=false}var t=runValidators(this.internals,__spreadArray(__spreadArray([],this.validators,true),this.customValidators,true),this.el);if(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})}};t.prototype.handleInput=function(e){this.value=e.target.value;this.dirty=true;this.bdsInput.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.INPUT){this.updateValidity(true)}};t.prototype.handleChange=function(e){this.bdsChange.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE){this.updateValidity(true)}};t.prototype.handleFocus=function(e){this.focused=true;this._valueAtFocus=this.value;this.bdsFocus.emit({event:e})};t.prototype.handleBlur=function(e){this.focused=false;this.touched=true;this.bdsBlur.emit({event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.BLUR){this.updateValidity(true)}else if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE&&this.value!==this._valueAtFocus){this.updateValidity(true)}};t.prototype.handleShowPassword=function(){this.showPassword=!this.showPassword};t.prototype.handleClear=function(){var e;this.value="";this.dirty=true;this.validationError=false;this.validationMessage="";this.bdsClear.emit();(e=this.el.querySelector("input"))===null||e===void 0?void 0:e.focus()};t.prototype.handleMouseDown=function(e){if(this.readOnly){e.preventDefault()}};Object.defineProperty(t.prototype,"validators",{get:function(){var e=this;return[{key:"valueMissing",isValid:function(){return!e.required||e.value!==""},message:"This field is required. Please fill it out."},{key:"tooShort",isValid:function(){return e.minLength===0||e.value.length>=e.minLength},message:"Please enter at least ".concat(this.minLength," characters.")},{key:"patternMismatch",isValid:function(){if(e.pattern===""||e.value==="")return true;try{return new RegExp(e.pattern).test(e.value)}catch(e){return true}},message:"Please match the requested format."}]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"effectiveMaxLength",{get:function(){if(this.maxLength!==0)return this.maxLength;if(this.counter&&this.charCount>0)return this.charCount;return undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"classMap",{get:function(){return{"bds-text-field":true,"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===TEXT_FIELD_VARIANTS.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hostStyle",{get:function(){return this.customWidth!==""?{"--bds-text-field-width":this.customWidth}:undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"iconClear",{get:function(){return this.clearable||this.clearOnHover?ICONS.Close:""},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"showPasswordIcon",{get:function(){return this.showPassword?ICONS.SightOn:ICONS.SightOff},enumerable:false,configurable:true});t.prototype.render=function(){var e=this;var t="".concat(this._id,"-label");var i="".concat(this._id,"-helper");var a=(this.clearable||this.clearOnHover)&&this.value!==""&&!this.isDisabled&&!this.readOnly;var s=this.error||this.validationError;var r=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;var n=r!==""||this.counter&&this.charCount>0;var o=this.isDisabled?"disabled":s?"error":"default";return h(Host,{key:"5f52a0a9553efa1ec140b9edc4d3d332b9b306bc",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:function(){var t;return!e.readOnly&&((t=e.el.querySelector("input"))===null||t===void 0?void 0:t.focus())}},this.label!==""&&h("bds-typography",{key:"eea2b4211cb13cc24baa650239ceca1168933eb5",id:t,variant:"label",htmlFor:this._id,required:this.required,tooltipText:this.info!==""?this.info:undefined,state:o},this.label),h("div",{key:"17d9e4b5f7e0d64a7e6e73200073db9e2d89b601",class:"bds-text-field__container"},(this.icon!==""||this.sublabel!=="")&&h("span",{key:"5557471fd0b5b49a1bb856ea4c1b901ca96039e6",class:"bds-text-field__sublabel"},this.icon!==""&&h("em",{key:"e213979d268b2fce51a0a090b82dff0552515a8c",class:this.icon}),this.sublabel),h("slot",{key:"828b889037a40e562bf45a4b502988542b815701",name:"prefix"}),h("input",{key:"b842de768f53b095b65fc60da7a0cfabfbcc87d1",id:this._id,class:"bds-text-field__control","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":n&&r!==""?i:undefined,"aria-invalid":this.error||this.validationError?"true":undefined,"aria-required":this.required?"true":undefined,type:this.type===TEXT_FIELD_TYPES.PASSWORD&&this.showPassword?TEXT_FIELD_TYPES.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly,tabIndex:this.readOnly?-1:undefined,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:this.pattern!==""?this.pattern:undefined,minLength:this.minLength!==0?this.minLength:undefined,maxLength:this.effectiveMaxLength,onMouseDown:function(t){return e.handleMouseDown(t)},onInput:function(t){return e.handleInput(t)},onChange:function(t){return e.handleChange(t)},onFocus:function(t){return e.handleFocus(t)},onBlur:function(t){return e.handleBlur(t)}}),(a||this.type===TEXT_FIELD_TYPES.PASSWORD)&&h("div",{key:"19ffb36c88f72645969fed69eb8368647ea8071c",class:"bds-text-field__actions"},a&&h("button",{key:"1adbe2d791fa48cbc6d0b9d71bda40f01f77efe4",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":ARIA_LABELS.Clear,onClick:function(){return e.handleClear()}},h("em",{key:"72e94a903896a8f0d04569ffb4b692c5fe37c621",class:this.iconClear})),this.type===TEXT_FIELD_TYPES.PASSWORD&&h("button",{key:"795a85ad395254a8dbac151eb225aeb0d0d9266a",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?ARIA_LABELS.HidePassword:ARIA_LABELS.ShowPassword,onClick:function(){return e.handleShowPassword()}},h("em",{key:"e84632218e25422ce5ba64ad6efc40a94310a0c5",class:this.showPasswordIcon})))),n&&h("div",{key:"ef98f783b7cd1ccf37d04a209d1bcf4b87ca048a",class:"bds-text-field__footer"},r!==""&&h("bds-typography",{key:"c560b15810400be0710368c089294a6ee51746b1",id:i,variant:"helper",state:o},r),this.counter&&this.charCount>0&&h("span",{key:"e4f7d33f2e3bf588f30ccb7165a9b385d8f5a8e3",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsTextField.style=bdsTextFieldCss();export{BdsTextField as bds_text_field};
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function a(){this.constructor=t}t.prototype=i===null?Object.create(i):(a.prototype=i.prototype,new a)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,a){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function n(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):s(e.value).then(o,n)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,s,r,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=n(0),o["throw"]=n(1),o["return"]=n(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function n(e){return function(t){return l([e,t])}}function l(n){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,n[0]&&(i=0)),i)try{if(a=1,s&&(r=n[0]&2?s["return"]:n[0]?s["throw"]||((r=s["return"])&&r.call(s),0):s.next)&&!(r=r.call(s,n[1])).done)return r;if(s=0,r)n=[n[0]&2,r.value];switch(n[0]){case 0:case 1:r=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;s=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!r||n[1]>r[0]&&n[1]<r[3])){i.label=n[1];break}if(n[0]===6&&i.label<r[1]){i.label=r[1];r=n;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(n);break}if(r[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];s=0}finally{a=r=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var a=0,s=t.length,r;a<s;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{s as setFormValue,r as runValidators}from"./internals-DfaYciGa.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var ARIA_LABELS={Clear:"Clear",ShowPassword:"Show password",HidePassword:"Hide password"};var ICONS={Close:"bds-icon-close",SightOn:"bds-icon-sight-on",SightOff:"bds-icon-sight-off"};var TEXT_FIELD_TYPES={TEXT:"text",PASSWORD:"password"};var TEXT_FIELD_VARIANTS={OUTLINE:"outline",PLAIN:"plain"};var TEXT_FIELD_VALIDATION_TIMING={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"};var bdsTextFieldCss=function(){return'@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__control[aria-expanded=true]~.bds-text-field__actions .bds-text-field__action--icon-right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.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, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out;transition:color 0.3s ease, opacity 0.3s ease, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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--selectable .bds-text-field__container input{cursor:pointer;pointer-events:auto}.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}'};var BdsTextField=function(e){__extends(t,e);function t(t){var i=e.call(this)||this;registerInstance(i,t);i.valueChange=createEvent(i,"valueChange");i.bdsInput=createEvent(i,"bdsInput");i.bdsChange=createEvent(i,"bdsChange");i.bdsFocus=createEvent(i,"bdsFocus");i.bdsBlur=createEvent(i,"bdsBlur");i.bdsClear=createEvent(i,"bdsClear");i.bdsValidationChange=createEvent(i,"bdsValidationChange");if(t.$hostElement$["s-ei"]){i.internals=t.$hostElement$["s-ei"]}else{i.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=i.internals}i.name="";i.disabled=false;i.required=false;i.isDisabled=false;i.value="";i.error=false;i.errorMessage="";i.customValidators=[];i.validationTiming=TEXT_FIELD_VALIDATION_TIMING.BLUR;i.type=TEXT_FIELD_TYPES.TEXT;i.variant=TEXT_FIELD_VARIANTS.OUTLINE;i.placeholder="";i.readOnly=false;i.autocomplete="off";i.pattern="";i.minLength=0;i.maxLength=0;i.label="";i.sublabel="";i.icon="";i.helperText="";i.info="";i.clearable=false;i.clearOnHover=false;i.charCount=0;i.counter=false;i.customWidth="";i.selectable=false;i.iconRight="";i.focused=false;i.showPassword=false;i.touched=false;i.dirty=false;i.currentCharCount=0;i.validationError=false;i.validationMessage="";i._valueAtFocus="";i._id=createId("bds-text-field");i.invalidHandler=function(e){e.preventDefault();i.validationError=true;i.validationMessage=i.internals.validationMessage;i.bdsValidationChange.emit({valid:false,validity:i.internals.validity,value:i.value,touched:i.touched,dirty:i.dirty})};return i}t.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.checkValidity()]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.reportValidity()]}))}))};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.checkPropValues=function(){validatePropValue(Object.values(TEXT_FIELD_TYPES),TEXT_FIELD_TYPES.TEXT,this.el,"type");validatePropValue(Object.values(TEXT_FIELD_VARIANTS),TEXT_FIELD_VARIANTS.OUTLINE,this.el,"variant");validatePropValue(Object.values(TEXT_FIELD_VALIDATION_TIMING),TEXT_FIELD_VALIDATION_TIMING.BLUR,this.el,"validationTiming")};t.prototype.componentWillLoad=function(){this.checkPropValues();this.isDisabled=this.disabled;this.currentCharCount=this.value.length};t.prototype.componentDidLoad=function(){this.el.addEventListener("invalid",this.invalidHandler)};t.prototype.disconnectedCallback=function(){this.el.removeEventListener("invalid",this.invalidHandler)};t.prototype.onCustomValidatorsChange=function(){this.updateValidity()};t.prototype.onValueChange=function(e){setFormValue(this.internals,e);this.currentCharCount=e.length;this.updateValidity(this.touched||this.validationError);this.valueChange.emit(e)};t.prototype.formAssociatedCallback=function(){setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.formResetCallback=function(){this.value="";this.touched=false;this.dirty=false;this.currentCharCount=0;this.validationError=false;this.validationMessage="";setFormValue(this.internals,null);this.updateValidity()};t.prototype.formStateRestoreCallback=function(e,t){this.value=typeof e==="string"?e:"";setFormValue(this.internals,this.value);this.updateValidity()};t.prototype.updateValidity=function(e){if(e===void 0){e=false}var t=runValidators(this.internals,__spreadArray(__spreadArray([],this.validators,true),this.customValidators,true),this.el);if(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})}};t.prototype.handleInput=function(e){this.value=e.target.value;this.dirty=true;this.bdsInput.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.INPUT){this.updateValidity(true)}};t.prototype.handleChange=function(e){this.bdsChange.emit({value:this.value,event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE){this.updateValidity(true)}};t.prototype.handleFocus=function(e){this.focused=true;this._valueAtFocus=this.value;this.bdsFocus.emit({event:e})};t.prototype.handleBlur=function(e){this.focused=false;this.touched=true;this.bdsBlur.emit({event:e});if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.BLUR){this.updateValidity(true)}else if(this.validationTiming===TEXT_FIELD_VALIDATION_TIMING.CHANGE&&this.value!==this._valueAtFocus){this.updateValidity(true)}};t.prototype.handleShowPassword=function(){this.showPassword=!this.showPassword};t.prototype.handleClear=function(){var e;this.value="";this.dirty=true;this.validationError=false;this.validationMessage="";this.bdsClear.emit();(e=this.el.querySelector("input"))===null||e===void 0?void 0:e.focus()};t.prototype.handleMouseDown=function(e){if(this.readOnly){e.preventDefault()}};Object.defineProperty(t.prototype,"validators",{get:function(){var e=this;return[{key:"valueMissing",isValid:function(){return!e.required||e.value!==""},message:"This field is required. Please fill it out."},{key:"tooShort",isValid:function(){return e.minLength===0||e.value.length>=e.minLength},message:"Please enter at least ".concat(this.minLength," characters.")},{key:"patternMismatch",isValid:function(){if(e.pattern===""||e.value==="")return true;try{return new RegExp(e.pattern).test(e.value)}catch(e){return true}},message:"Please match the requested format."}]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"effectiveMaxLength",{get:function(){if(this.maxLength!==0)return this.maxLength;if(this.counter&&this.charCount>0)return this.charCount;return undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"classMap",{get:function(){return{"bds-text-field":true,"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===TEXT_FIELD_VARIANTS.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover,"bds-text-field--selectable":this.selectable}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hostStyle",{get:function(){return this.customWidth!==""?{"--bds-text-field-width":this.customWidth}:undefined},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"iconClear",{get:function(){return this.clearable||this.clearOnHover?ICONS.Close:""},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"showPasswordIcon",{get:function(){return this.showPassword?ICONS.SightOn:ICONS.SightOff},enumerable:false,configurable:true});t.prototype.render=function(){var e=this;var t="".concat(this._id,"-label");var i="".concat(this._id,"-helper");var a=(this.clearable||this.clearOnHover)&&this.value!==""&&!this.isDisabled&&!this.readOnly;var s=this.error||this.validationError;var r=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;var o=r!==""||this.counter&&this.charCount>0;var n=this.isDisabled?"disabled":s?"error":"default";return h(Host,{key:"6481e9c4eac94aee0b9a24fdaae8a00d3ae100b3",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:function(){var t;return!e.readOnly&&((t=e.el.querySelector("input"))===null||t===void 0?void 0:t.focus())}},this.label!==""&&h("bds-typography",{key:"f21f1a20b452876a3d3e91276318142e517d4099",id:t,variant:"label",htmlFor:this._id,required:this.required,tooltipText:this.info!==""?this.info:undefined,state:n},this.label),h("div",{key:"08c4e6498a31ee97f8ab1e3b6f2774bd30b933df",class:"bds-text-field__container"},(this.icon!==""||this.sublabel!=="")&&h("span",{key:"aad475c4e9b6870ea2dae597a14aa9a42a3eb837",class:"bds-text-field__sublabel"},this.icon!==""&&h("em",{key:"f6cdaddf127e35143fcc3749395438e2082eb7c1",class:this.icon}),this.sublabel),h("slot",{key:"29fae2b0cf57634c0fa64eacc450a4989d4bbbf0",name:"prefix"}),h("slot",{key:"446a355e5d028e0a8ed0401c2f6452ab32a51959",name:"tags"}),h("input",{key:"d4dbc554a0121ac773d965d39277291562924e3f",id:this._id,class:"bds-text-field__control","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":o&&r!==""?i:undefined,"aria-invalid":this.error||this.validationError?"true":undefined,"aria-required":this.required?"true":undefined,type:this.type===TEXT_FIELD_TYPES.PASSWORD&&this.showPassword?TEXT_FIELD_TYPES.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly||this.selectable,tabIndex:this.readOnly?-1:undefined,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:this.pattern!==""?this.pattern:undefined,minLength:this.minLength!==0?this.minLength:undefined,maxLength:this.effectiveMaxLength,onMouseDown:function(t){return e.handleMouseDown(t)},onInput:function(t){return e.handleInput(t)},onChange:function(t){return e.handleChange(t)},onFocus:function(t){return e.handleFocus(t)},onBlur:function(t){return e.handleBlur(t)}}),(a||this.type===TEXT_FIELD_TYPES.PASSWORD||this.iconRight!=="")&&h("div",{key:"47964ef2af3f328434fee12cbea2db2976c12d13",class:"bds-text-field__actions"},a&&h("button",{key:"f5265e5b44d1025697b4bb8237d4c6fccf5e1c2a",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":ARIA_LABELS.Clear,onClick:function(){return e.handleClear()}},h("em",{key:"bddaa1e6a9f347fea502e9d59eef0e008329b76b",class:this.iconClear})),this.type===TEXT_FIELD_TYPES.PASSWORD&&h("button",{key:"deb294a70355419c49748f7821db56c83e811115",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?ARIA_LABELS.HidePassword:ARIA_LABELS.ShowPassword,onClick:function(){return e.handleShowPassword()}},h("em",{key:"29945864601c1461054da11465ac0695a9c4432e",class:this.showPasswordIcon})),this.iconRight!==""&&h("span",{key:"a69939fe890b5c05a7752bbdba6cff9c159ea08c",class:"bds-text-field__action bds-text-field__action--icon-right","aria-hidden":"true"},h("i",{key:"db51d8c6dc8a3d74f26190ea8859a3fb19fad879",class:this.iconRight})))),o&&h("div",{key:"0052fb8c0e466d74afc7e30d55ae8016f48fe20b",class:"bds-text-field__footer"},r!==""&&h("bds-typography",{key:"aa7528b125145b7b36582dd1607cc80bf85948e4",id:i,variant:"helper",state:n},r),this.counter&&this.charCount>0&&h("span",{key:"5274eea422b00ec03da9f0b3ff90d055336b2727",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsTextField.style=bdsTextFieldCss();export{BdsTextField as bds_text_field};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var e=function(t,s){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]};return e(t,s)};return function(t,s){if(typeof s!=="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");e(t,s);function i(){this.constructor=t}t.prototype=s===null?Object.create(s):(i.prototype=s.prototype,new i)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,s=1,i=arguments.length;s<i;s++){t=arguments[s];for(var
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(t,s){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]};return e(t,s)};return function(t,s){if(typeof s!=="function"&&s!==null)throw new TypeError("Class extends value "+String(s)+" is not a constructor or null");e(t,s);function i(){this.constructor=t}t.prototype=s===null?Object.create(s):(i.prototype=s.prototype,new i)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,s=1,i=arguments.length;s<i;s++){t=arguments[s];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import{s as setFormValue}from"./internals-DfaYciGa.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";var TOGGLE_PLACEMENT={LEFT:"left",RIGHT:"right"};var bdsToggleCss=function(){return'@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}'};var BdsToggle=function(e){__extends(t,e);function t(t){var s=e.call(this)||this;registerInstance(s,t);s.valueChange=createEvent(s,"valueChange");s.bdsChange=createEvent(s,"bdsChange");if(t.$hostElement$["s-ei"]){s.internals=t.$hostElement$["s-ei"]}else{s.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=s.internals}s.inheritedAttributes={};s.disabled=false;s.required=false;s.info="";s.error=false;s.errorMessage="";s.checked=false;s.placement=TOGGLE_PLACEMENT.LEFT;s.label="";s.helperText="";s.value="on";s._id=createId("bds-toggle");s.isDisabled=false;s.validationError=false;s.validationMessage="";s.isChecked=false;s.handleClick=function(){return s.toggle()};s.handleKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();s.toggle()}};s.handleInvalid=function(e){e.preventDefault();s.validate()};return s}t.prototype.componentWillLoad=function(){this.isChecked=this.checked||false;this.isDisabled=this.disabled||false;this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el));this.syncFormValue()};t.prototype.onCheckedChange=function(e){this.isChecked=e;this.syncFormValue()};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.formAssociatedCallback=function(){this.syncFormValue()};t.prototype.formDisabledCallback=function(e){this.isDisabled=e};t.prototype.formResetCallback=function(){this.isChecked=false;this.internals.setValidity({});setFormValue(this.internals,null)};t.prototype.formStateRestoreCallback=function(e,t){this.isChecked=e===this.value;this.internals.setValidity({});this.syncFormValue()};t.prototype.syncFormValue=function(){setFormValue(this.internals,this.isChecked?this.value:null)};t.prototype.validate=function(){if(!this.isDisabled&&this.required&&!this.isChecked){var e=this.el.querySelector("input");this.validationError=true;this.validationMessage="This field is required";this.internals.setValidity({valueMissing:true},this.validationMessage,e!==null&&e!==void 0?e:this.el)}else{this.validationError=false;this.validationMessage="";this.internals.setValidity({})}};t.prototype.toggle=function(){if(this.isDisabled)return;this.isChecked=!this.isChecked;this.syncFormValue();this.validate();this.valueChange.emit(this.isChecked);this.bdsChange.emit({checked:this.isChecked,value:this.value})};Object.defineProperty(t.prototype,"containerClasses",{get:function(){var e;return e={},e["bds-toggle__container"]=true,e["bds-toggle__container--inverse"]=this.placement===TOGGLE_PLACEMENT.RIGHT,e["bds-toggle__container--checked"]=this.isChecked,e["bds-toggle__container--disabled"]=this.isDisabled,e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"canShowLabel",{get:function(){return this.label!==undefined&&this.label.trim()!==""&&this.label!==undefined&&this.label!==null},enumerable:false,configurable:true});t.prototype.render=function(){var e="bds-toggle";var t=this.error||this.validationError;var s=this.isDisabled?"disabled":t?"error":"default";var i=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;return h(Host,__assign(__assign({key:"b5d27825358eaadb5cbca86e48488350e6099d8f"},this.inheritedAttributes),{onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e}),h("div",{key:"9b7bb4c4551beb61ed72c9ee4a4d7ee14e746c4e",part:"container",class:this.containerClasses},this.canShowLabel&&h("bds-typography",{key:"a95e1b66d8452b983002348b9456aa0c3674b202",variant:"label",class:"".concat(e,"__label"),htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),h("label",{key:"954125135521cd6e65c2e6c3dfa41216e6f52dd3",class:"".concat(e,"__switch"),htmlFor:this._id,onClick:function(e){return e.preventDefault()}},h("input",{key:"c3e0ee266aba0bd6e8ca7fb2d3efaeb412161806",class:"".concat(e,"__input"),"aria-invalid":this.error||this.validationError?"true":undefined,"aria-label":this.label||null,id:this._id,type:"checkbox",name:this.name,required:this.required,disabled:this.isDisabled,checked:this.isChecked,onInvalid:this.handleInvalid}),h("span",{key:"68912685234edb7c6ec972231c7f951531862f7c",class:"".concat(e,"__slider ").concat(e,"__slider--round")}))),i!==""&&h("bds-typography",{key:"3e5645d234edc1f3efe7805260def2c74bc7cd44",class:"".concat(e,"__helper-text"),variant:"helper",state:s,onClick:function(e){return e.stopPropagation()}},i))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsToggle.style=bdsToggleCss();export{BdsToggle as bds_toggle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var t=function(e,r){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]};return t(e,r)};return function(e,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(e,r);function a(){this.constructor=e}e.prototype=r===null?Object.create(r):(a.prototype=r.prototype,new a)}}();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 o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,a){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function n(t){try{l(a.next(t))}catch(t){i(t)}}function s(t){try{l(a["throw"](t))}catch(t){i(t)}}function l(t){t.done?r(t.value):o(t.value).then(n,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,o,i,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(a=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];o=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{a as anchoredMixin,g as getOffset}from"./getOffset-BYS3c13B.js";import{C as COMPONENT_STATES}from"./states-Bfazyxqi.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import"./Logger-iq2UuV7c.js";import"./floating.mixin-DCXSEEVH.js";import"./Keys-DlYG-OVB.js";var ALIGNMENT={START:"start"};var SIZES={XS:"xs",S:"sm",M:"md",L:"lg",XL:"xl"};var OFFSET=4;var bdsTooltipCss=function(){return'@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin: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);-webkit-transform-origin:center;transform-origin:center;inset:0}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}'};var BdsTooltip=function(t){__extends(e,t);function e(e){var r=t.call(this)||this;registerInstance(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:"top",offset:getOffset((e=this.floatingOptions)===null||e===void 0?void 0:e.hideArrow,this.floatingOptions.offset,OFFSET),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||"top"},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,r;if(((e=t.middlewareData)===null||e===void 0?void 0:e.arrow)&&!this.disabled&&((r=this.arrowElement)===null||r===void 0?void 0:r.isConnected)){var a=t.middlewareData.arrow,o=a.x,i=a.y;Object.assign(this.arrowElement.style,{left:o!=null?"".concat(o,"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 h(Host,{key:"add483ba4072484f1f6d18271ecb74c46a449f41",class:"tooltip"},h("div",{key:"ede2a5f6230a4baacb36c24dd57be73fda63e438",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&&h("div",{key:"c8580171bc2c01eaca84aa1a029dce6f429359f8",class:"tooltip-arrow",part:"arrow",ref:function(e){return t.arrowElement=e}}),h("slot",{key:"10ead9bb5007414959d4aeacd8c0c1c52223f70d"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}(Mixin(anchoredMixin));BdsTooltip.style=bdsTooltipCss();var VARIANT_TYPOGRAPHY={DISPLAY:"display",LINK:"link"};var TAG_ELEMENT={P:"p",A:"a"};var FILENAME="download";var VARIANT_CONFIG={link:{states:[COMPONENT_STATES.DISABLED],size:[SIZES.S,SIZES.M]},label:{states:[COMPONENT_STATES.DISABLED],required:true,canUseTooltip:true},heading:{canUseTooltip:true},subheading:{canUseTooltip:true},helper:{states:[COMPONENT_STATES.ERROR]},display:{size:[SIZES.XS,SIZES.S,SIZES.M,SIZES.L,SIZES.XL]}};var getAttributesByTag=function(t,e){var r={a:{href:t.state!==COMPONENT_STATES.DISABLED?t.sanitizedHref:null,target:t.target,download:t.downloadable?t.filename:null,rel:t.target==="_blank"?"noopener noreferrer":undefined},label:{htmlFor:t.htmlFor}};return r[e]||{}};var bdsTypographyCss=function(){return'@charset "UTF-8";.bds-typography__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}bds-typography.bds-typography--disabled-cursor{cursor:not-allowed}.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 BdsTypography=function(){function t(t){registerInstance(this,t);this.inheritedAttributes={};this.variant=VARIANT_TYPOGRAPHY.DISPLAY;this.size=SIZES.M;this.state=COMPONENT_STATES.DEFAULT;this.customClass="";this.element=TAG_ELEMENT.P;this.align=ALIGNMENT.START;this.ellipsis=false;this.maxLines=1;this.tooltipText="";this.required=false;this.htmlFor=undefined;this.href=null;this.target=null;this.downloadable=false;this.filename=FILENAME;this.sanitizedHref=""}t.prototype.updateSanitizedHref=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!(this.getTagName==="a"&&this.href!==null))return[3,2];return[4,import("./index-noyWJ11s.js").then((function(t){return t.i}))];case 1:t=e.sent().sanitizeUrl;this.sanitizedHref=t(this.href);return[3,3];case 2:this.sanitizedHref="";e.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===TAG_ELEMENT.A&&this.href!==null))return[3,2];return[4,this.updateSanitizedHref()];case 1:t.sent();t.label=2;case 2:this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el));return[2]}}))}))};Object.defineProperty(t.prototype,"getTagName",{get:function(){if(this.variant===VARIANT_TYPOGRAPHY.LINK)return TAG_ELEMENT.A;return this.element.toLowerCase()},enumerable:false,configurable:true});t.prototype.getVariantConfig=function(){var t;return(t=VARIANT_CONFIG[this.variant])!==null&&t!==void 0?t:{}};t.prototype.getAccessibilityTags=function(){var t=this.getVariantConfig().required,e=t===void 0?false:t;var r=["a","label"].includes(this.getTagName);return{"aria-required":this.required&&e,"aria-disabled":this.state===COMPONENT_STATES.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.required)&&this.required),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({},getAttributesByTag(this,t)),this.inheritedAttributes),this.getAccessibilityTags());var r=this.getVariantStateStyles();var a=this.getVariantConfig(),o=a.canUseTooltip,i=o===void 0?null:o,n=a.required,s=n===void 0?null:n;var l=this.state===COMPONENT_STATES.DISABLED;return h(Host,{key:"d29b535edeb7ede877c979ea812eb6c273affc0d",class:"bds-typography ".concat(l?"bds-typography--disabled-cursor":"")},h(t,__assign({key:"3a36a1c47026a20d9c95e4c2d38e92caaa89b072",class:r,style:{webkitLineClamp:this.maxLines}},e),h("slot",{key:"8a0ccd7824ac358e937dd6e2fb1c3eb592e27721"}),this.required&&s&&h("em",{key:"5ce4cc221efcf9d5a71bbc39dbc449a3a29c16a6",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&i&&h("span",{key:"33dcca730b5a484aac8f6ddda383f7adb7dcee95",class:"bds-typography__info"},h("span",{key:"ff08b5e744d9584cff3b69f5eaa74238ad364e19",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText}),h("bds-tooltip",{key:"a88a158668a40ee3ff00ddeb4da496115e22558d"},this.tooltipText))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:[{updateSanitizedHref:0}]}},enumerable:false,configurable:true});return t}();BdsTypography.style=bdsTypographyCss();export{BdsTooltip as bds_tooltip,BdsTypography as bds_typography};
|
|
1
|
+
var __extends=this&&this.__extends||function(){var t=function(e,r){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]};return t(e,r)};return function(e,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(e,r);function a(){this.constructor=e}e.prototype=r===null?Object.create(r):(a.prototype=r.prototype,new a)}}();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 o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,r,a){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function n(t){try{l(a.next(t))}catch(t){i(t)}}function s(t){try{l(a["throw"](t))}catch(t){i(t)}}function l(t){t.done?r(t.value):o(t.value).then(n,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,o,i,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(t){return function(e){return l([t,e])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(a=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];o=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{a as anchoredMixin,g as getOffset}from"./getOffset-DCLpJBcp.js";import{C as COMPONENT_STATES}from"./states-Bfazyxqi.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import"./Logger-iq2UuV7c.js";import"./floating.mixin-DCXSEEVH.js";import"./Keys-7G4h4DI7.js";var ALIGNMENT={START:"start"};var SIZES={XS:"xs",S:"sm",M:"md",L:"lg",XL:"xl"};var OFFSET=4;var bdsTooltipCss=function(){return'@charset "UTF-8";:root{--tooltip-arrow-size:var(--boreal-spacing-s);--tooltip-width:320px}.tooltip-content{position:fixed;margin: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);-webkit-transform-origin:center;transform-origin:center;inset:0}.tooltip-content[data-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=left] .tooltip-arrow{right:calc(var(--tooltip-arrow-size) / -2)}.tooltip-content[data-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow-size) / -2)}'};var BdsTooltip=function(t){__extends(e,t);function e(e){var r=t.call(this)||this;registerInstance(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:"top",offset:getOffset((e=this.floatingOptions)===null||e===void 0?void 0:e.hideArrow,this.floatingOptions.offset,OFFSET),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||"top"},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,r;if(((e=t.middlewareData)===null||e===void 0?void 0:e.arrow)&&!this.disabled&&((r=this.arrowElement)===null||r===void 0?void 0:r.isConnected)){var a=t.middlewareData.arrow,o=a.x,i=a.y;Object.assign(this.arrowElement.style,{left:o!=null?"".concat(o,"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 h(Host,{key:"d86d09d733df866cd6575dc5b2b6cd8f9193de19",class:"tooltip"},h("div",{key:"f277bed354746928e0bca3a85103b70437a34692",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&&h("div",{key:"c22acfac98e8ebb09a0d967d2a82d438d43cecb2",class:"tooltip-arrow",part:"arrow",ref:function(e){return t.arrowElement=e}}),h("slot",{key:"373a096f06baf800e958e39dd606994c1ca23ac1"})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}(Mixin(anchoredMixin));BdsTooltip.style=bdsTooltipCss();var VARIANT_TYPOGRAPHY={DISPLAY:"display",LINK:"link"};var TAG_ELEMENT={P:"p",A:"a"};var FILENAME="download";var VARIANT_CONFIG={link:{states:[COMPONENT_STATES.DISABLED],size:[SIZES.S,SIZES.M]},label:{states:[COMPONENT_STATES.DISABLED],required:true,canUseTooltip:true},heading:{canUseTooltip:true},subheading:{canUseTooltip:true},helper:{states:[COMPONENT_STATES.ERROR]},display:{size:[SIZES.XS,SIZES.S,SIZES.M,SIZES.L,SIZES.XL]}};var getAttributesByTag=function(t,e){var r={a:{href:t.state!==COMPONENT_STATES.DISABLED?t.sanitizedHref:null,target:t.target,download:t.downloadable?t.filename:null,rel:t.target==="_blank"?"noopener noreferrer":t.rel},label:{htmlFor:t.htmlFor}};return r[e]||{}};var bdsTypographyCss=function(){return'@charset "UTF-8";.bds-typography__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}bds-typography.bds-typography--disabled-cursor{cursor:not-allowed}.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 BdsTypography=function(){function t(t){registerInstance(this,t);this.inheritedAttributes={};this.variant=VARIANT_TYPOGRAPHY.DISPLAY;this.size=SIZES.M;this.state=COMPONENT_STATES.DEFAULT;this.rel="";this.customClass="";this.element=TAG_ELEMENT.P;this.align=ALIGNMENT.START;this.ellipsis=false;this.maxLines=1;this.tooltipText="";this.required=false;this.htmlFor=undefined;this.href=null;this.target=null;this.downloadable=false;this.filename=FILENAME;this.sanitizedHref=""}t.prototype.updateSanitizedHref=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!(this.getTagName==="a"&&this.href!==null))return[3,2];return[4,import("./index-noyWJ11s.js").then((function(t){return t.i}))];case 1:t=e.sent().sanitizeUrl;this.sanitizedHref=t(this.href);return[3,3];case 2:this.sanitizedHref="";e.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===TAG_ELEMENT.A&&this.href!==null))return[3,2];return[4,this.updateSanitizedHref()];case 1:t.sent();t.label=2;case 2:this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el));return[2]}}))}))};Object.defineProperty(t.prototype,"getTagName",{get:function(){if(this.variant===VARIANT_TYPOGRAPHY.LINK)return TAG_ELEMENT.A;return this.element.toLowerCase()},enumerable:false,configurable:true});t.prototype.getVariantConfig=function(){var t;return(t=VARIANT_CONFIG[this.variant])!==null&&t!==void 0?t:{}};t.prototype.getAccessibilityTags=function(){var t=this.getVariantConfig().required,e=t===void 0?false:t;var r=["a","label"].includes(this.getTagName);return{"aria-required":this.required&&e,"aria-disabled":this.state===COMPONENT_STATES.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.required)&&this.required),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({},getAttributesByTag(this,t)),this.inheritedAttributes),this.getAccessibilityTags());var r=this.getVariantStateStyles();var a=this.getVariantConfig(),o=a.canUseTooltip,i=o===void 0?null:o,n=a.required,s=n===void 0?null:n;var l=this.state===COMPONENT_STATES.DISABLED;return h(Host,{key:"ab4e3734b72e12d49cd91b82da34c9a74a806fb1",class:"bds-typography ".concat(l?"bds-typography--disabled-cursor":"")},h(t,__assign({key:"166bf124185b9c713afbca95b61a54356a214537",class:r,style:{webkitLineClamp:this.maxLines}},e),h("slot",{key:"5bc61723dd8942560c7308f0d3a4ba330d06695d"}),this.required&&s&&h("em",{key:"f30ff90c2600b262b155dbcbfaba63c1e54b68e9",class:"bds-typography__required-indicator","aria-hidden":"true"},"*"),this.tooltipText&&i&&h("span",{key:"0639b26cdb61369b7fecb2267ff3b543f139564b",class:"bds-typography__info"},h("span",{key:"e007db27b60782daf0863022573b61dfc2b3f9cf",class:"bds-typography__info-icon bds-icon-info-circle","aria-label":this.tooltipText}),h("bds-tooltip",{key:"9ad52be88f97084406613d990ef7d75607837bb8"},this.tooltipText))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{href:[{updateSanitizedHref:0}]}},enumerable:false,configurable:true});return t}();BdsTypography.style=bdsTypographyCss();export{BdsTooltip as bds_tooltip,BdsTypography as bds_typography};
|