@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 +0,0 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var e=function(t,o){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]};return e(t,o)};return function(t,o){if(typeof o!=="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");e(t,o);function r(){this.constructor=t}t.prototype=o===null?Object.create(o):(r.prototype=o.prototype,new r)}}();System.register(["./p-DCKg5Cg_.system.js","./p-DYlZcFrB.system.js","./p-C0P3gzq5.system.js","./p-C-g3hhl_.system.js","./p-BHYhd1yq.system.js","./p-DpnBDSUm.system.js"],(function(e){"use strict";var t,o,r,a,n,i,s,l;return{setters:[function(e){t=e.M;o=e.r;r=e.h;a=e.a;n=e.g},function(e){i=e.a;s=e.g},function(e){l=e.B},null,null,null],execute:function(){var p=11;var f=function(){return'@charset "UTF-8";:root{--popover-arrow-size:var(--boreal-spacing-s);--popover-width:320px}.popover{position:fixed;margin:0;overflow:visible;border-radius:var(--boreal-radius-xs2);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular);background:var(--boreal-ui-inverse);-webkit-filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:transparent;cursor:auto}.popover-content{position:relative;padding:var(--boreal-spacing-s)}.popover[popover]:not(:popover-open){display:none}.popover-header{border-bottom:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-m) var(--boreal-spacing-xs) var(--boreal-spacing-m) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover-header__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.popover-header__title{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.popover-header__icon{font-size:var(--boreal-typography-font-size-md);margin-right:var(--boreal-spacing-3xs)}.popover-header__close{margin-left:var(--boreal-spacing-s)}.popover-header__close .bds-button{margin:0;padding:0;width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close .bds-button__content{width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close em{font-size:var(--boreal-typography-font-size-xs)}.popover-footer{border-top:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-s) var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover .popover-arrow{position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);pointer-events:none}.popover .popover-arrow::before{content:"";position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--boreal-ui-inverse);-webkit-transform:rotate(45deg);transform:rotate(45deg);inset:0}.popover[data-placement^=top] .popover-arrow{bottom:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=top] .popover-arrow::before{bottom:0}.popover[data-placement^=bottom] .popover-arrow{top:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=bottom] .popover-arrow::before{bottom:0}.popover[data-placement^=left] .popover-arrow{right:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=left] .popover-arrow::before{left:0}.popover[data-placement^=right] .popover-arrow{left:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=right] .popover-arrow::before{left:0}'};var c=e("bds_popover",function(e){__extends(t,e);function t(t){var r=e.call(this)||this;o(r,t);r.floatingOptions={};r.disabled=false;r.width=320;r.header=false;r.footer=false;r.closable=false;r.isVisible=false;return r}Object.defineProperty(t.prototype,"options",{get:function(){var e,t,o;return{placement:(e=this.floatingOptions.placement)!==null&&e!==void 0?e:"bottom",offset:s((t=this.floatingOptions)===null||t===void 0?void 0:t.hideArrow,(o=this.floatingOptions)===null||o===void 0?void 0:o.offset,p),arrow:this.floatingOptions.hideArrow?undefined:this.arrowElement,strategy:"fixed",shift:true,flip:true}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"popoverWidth",{get:function(){if(this.width==="full")return"100%";if(this.width==="auto")return"auto";return"".concat(this.width,"px")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hooks",{get:function(){var e=this;return{onPositionUpdate:function(t){return e.handlePosition(t)},onBeforeShow:function(){return!e.disabled},onAfterShow:function(){return e.attachClickOutside()},onAfterHide:function(){return e.detachClickOutside()},onBeforeLoad:function(){return e.attachTrigger()},subscribeToTrigger:function(t){return e.subscribe(t)}}},enumerable:false,configurable:true});t.prototype.attachClickOutside=function(){var e=this;var t;if(((t=this.floatingOptions)===null||t===void 0?void 0:t.closeOnClickOutside)===false)return;this.boundClickOutside=function(t){return e.handleClickOutside(t)};document.addEventListener("mousedown",this.boundClickOutside)};t.prototype.detachClickOutside=function(){var e;if(((e=this.floatingOptions)===null||e===void 0?void 0:e.closeOnClickOutside)===false)return;if(this.boundClickOutside!==null){document.removeEventListener("mousedown",this.boundClickOutside);this.boundClickOutside=function(){}}};t.prototype.setArrowPosition=function(e){var t,o;if(((t=e.middlewareData)===null||t===void 0?void 0:t.arrow)&&!this.disabled&&((o=this.arrowElement)===null||o===void 0?void 0:o.isConnected)){var r=this.floatingOptions.placement;var a=e.middlewareData.arrow;var n=r==="top-start"||r==="bottom-start";var i=a.x||undefined;if(n)i=a.x?20:undefined;var s=e.middlewareData.arrow.y;Object.assign(this.arrowElement.style,{left:i!=null?"".concat(i,"px"):"",top:s!=null?"".concat(s,"px"):""})}};t.prototype.handleClickOutside=function(e){var t,o,r;var a=e.target;var n=((t=this.listenTarget)===null||t===void 0?void 0:t.contains(a))||((o=this.trigger)===null||o===void 0?void 0:o.contains(a))||((r=this.triggerSlot)===null||r===void 0?void 0:r.contains(a));var i=this.floatingContent.contains(a)||this.floatingContent===a;if(!n&&!i){this.hide()}};t.prototype.handleContentClick=function(e){e.stopPropagation();this.handleFloatingClick()};t.prototype.handleFloatingClick=function(){if(this.floatingOptions.closeOnClick)this.hide()};t.prototype.handlePosition=function(e){var t=this;var o;this.floatingContent.setAttribute("data-placement",e.placement);this.setArrowPosition(e);if(this.width==="full"&&this.triggerSlot!==null&&this.triggerSlot!==undefined){var r=(o=this.triggerSlot.parentElement)!==null&&o!==void 0?o:this.triggerSlot;var a=r.getBoundingClientRect().width;var n=this.floatingContent.getBoundingClientRect().width;if(Math.round(n)!==Math.round(a)){this.floatingContent.style.width="".concat(a,"px")}void this.updatePosition(this.triggerSlot,this.floatingContent,this.options,(function(e){t.floatingContent.setAttribute("data-placement",e.placement);t.setArrowPosition(e)}))}else if(this.width==="auto"){this.floatingContent.style.width=""}};t.prototype.attachTrigger=function(){if(this.trigger!==null&&this.trigger!==undefined)return};t.prototype.subscribe=function(e){var t=this;if(e===undefined)return;this.trigger=e;e.setAttribute("part","popover-trigger");e.setAttribute("ariaDescribedBy","popover-content");e.setAttribute("aria-haspopup","true");e.setAttribute("aria-expanded","false");var o=e.closest("bds-button, bds-input, bds-select");if(o!==null&&o!==undefined){var r=o.querySelector("button, input");var a=r!==null&&r!==void 0?r:o;this.listenTarget=a;this.listenTarget.addEventListener("click",(function(e){return t.handleShow(e)}));this.listenTarget.addEventListener("keydown",(function(e){return t.handleKeydown(e,(function(){return t.showElement()}),(function(){return t.hideElement()}))}))}else{this.trigger.addEventListener("click",(function(e){return t.handleShow(e)}));this.trigger.addEventListener("keydown",(function(e){return t.handleKeydown(e,(function(){return t.showElement()}),(function(){return t.hideElement()}))}))}};t.prototype.handleShow=function(e){e.stopPropagation();this.toggle()};Object.defineProperty(t.prototype,"canShowArrow",{get:function(){return!this.floatingOptions.hideArrow||false},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"getPlacement",{get:function(){return this.floatingOptions.placement||"bottom"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hasHeaderSlot",{get:function(){return this.el.querySelector('[slot="header"]')!==null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hasFooterSlot",{get:function(){return this.el.querySelector('[slot="footer"]')!==null},enumerable:false,configurable:true});t.prototype.disconnectedCallback=function(){var e=this;this.listenTarget.removeEventListener("click",(function(t){return e.handleShow(t)}));this.trigger.removeEventListener("click",(function(t){return e.handleShow(t)}))};t.prototype.render=function(){var e=this;return r(a,{key:"953571ebcd84e1e6910f3fce9aa59ff1b00c1be7",class:"popover",style:{width:this.popoverWidth},popover:"manual",role:"tooltip","data-placement":this.getPlacement,"data-hidearrow":this.canShowArrow,"aria-hidden":this.isVisible?"false":"true",onClick:function(t){return e.handleContentClick(t)},ref:function(t){return e.floatingContent=t}},this.header&&r("div",{key:"435cde7702b5db7ddc5f055ab379ef264a8cac16",class:"popover-header"},r("div",{key:"a3ac8f2b6610090d5947dc299a9ce62d85265e86",class:"popover-header__content"},r("span",{key:"ed1cbb198c54ffba2c7ce22085cb43648d6b7f3d",class:"popover-header__icon"},r("slot",{key:"b3049ec3dc2ad99037a662553103facad38af4f9",name:"header-icon"})),r("span",{key:"591ccd19d65f3a485062be8e5e4acf57a3ff4539",class:"popover-header__title"},r("slot",{key:"9b65d0180f3728906302426f6436034e80f1c783",name:"header-title"}))),this.closable&&r("bds-button",{key:"5e13390200231b50e4a9c38fb22c623bf28d105f",class:"popover-header__close",size:l.SMALL,onBdsClick:function(){return e.hide()}},r("em",{key:"20ea602f48d1f27ee0b10c929a4a2194304a35b2",slot:"icon",class:"bds-icon-close"}))),this.canShowArrow&&r("div",{key:"551089a9b038a27277398dac47b8e72b2f3d9286",class:"popover-arrow",part:"arrow",ref:function(t){return e.arrowElement=t}}),r("div",{key:"17a6a939f83dd930aafc416b48da124faa27a4e0",class:"popover-content",tabIndex:-1,part:"popover-content"},r("slot",{key:"ab7cfa10649128cc387a54cf052429425696269a"})),this.footer&&r("div",{key:"7cf9fa351928fd823a49541764cdd67bd2d57def",class:"popover-footer",onClick:function(e){return e.stopPropagation()}},r("slot",{key:"b6a20d06d0964f6dea85afdd40a46a6fb737bbac",name:"footer-helper"}),r("slot",{key:"379b2b43a1e937775149e686686da9e4554dd962",name:"footer-button"})))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}(t(i)));c.style=f()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++){e=arguments[i];for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function a(t){try{u(n.next(t))}catch(t){s(t)}}function o(t){try{u(n["throw"](t))}catch(t){s(t)}}function u(t){t.done?i(t.value):r(t.value).then(a,o)}u((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,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(e){return u([t,e])}}function u(o){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(i=0)),i)try{if(n=1,r&&(s=o[0]&2?r["return"]:o[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,o[1])).done)return s;if(r=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;r=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];r=0}finally{n=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,e,i){if(i||arguments.length===2)for(var n=0,r=e.length,s;n<r;n++){if(s||!(n in e)){if(!s)s=Array.prototype.slice.call(e,0,n);s[n]=e[n]}}return t.concat(s||Array.prototype.slice.call(e))};System.register(["./p-DCKg5Cg_.system.js","./p-06DrzEMB.system.js","./p-DSU8tkVw.system.js","./p-BsZkk4oK.system.js"],(function(t){"use strict";var e,i,n,r,s,a,o,u;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.a;s=t.g},function(t){a=t.M},function(t){o=t.a},function(t){u=t.v}],execute:function(){var c={SINGLE:"single",MULTIPLE:"multiple"};var l=function(){return'@charset "UTF-8";:host{display:block}.bds-list-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:var(--bds-list-menu-max-width, 350px);background-color:var(--boreal-ui-inverse);font-family:var(--boreal-typography-font-family-primary)}.bds-list-menu__content{max-height:var(--bds-list-menu-max-height, 240px);overflow-y:auto;padding:var(--boreal-spacing-2xs)}.bds-list-menu__select-controls{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:var(--boreal-spacing-4xs) solid var(--boreal-ui-default-lighter);margin-bottom:var(--boreal-spacing-3xs)}.bds-list-menu__header:not(:empty),.bds-list-menu__footer:not(:empty){padding:var(--boreal-spacing-xs) 0}.bds-list-menu__header:not(:empty){border-bottom:var(--boreal-spacing-4xs) solid var(--boreal-ui-default-lighter)}.bds-list-menu__footer:not(:empty){border-top:var(--boreal-spacing-4xs) solid var(--boreal-ui-default-lighter)}'};var f=t("bds_list_menu",function(){function t(t){e(this,t);this.bdsChange=i(this,"bdsChange");this.bdsSelect=i(this,"bdsSelect");this.inheritedAttributes={};this.selectionMode=c.SINGLE;this.menuRole=a.MENU;this.selectControls=false;this.selectedValues=[]}t.prototype.checkProps=function(){u(Object.values(a),a.MENU,this.el,"menuRole");u(Object.values(c),c.SINGLE,this.el,"selectionMode")};t.prototype.getSelectedValues=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.isMultiple?this.selectedValues:this.selectedValues[0]]}))}))};t.prototype.setSelectedValues=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.isMultiple){this.selectedValues=Array.isArray(t)?t:[t]}else{this.selectedValues=t!==null?[t]:[]}this.updateChildrenState();return[2]}))}))};t.prototype.handleItemClick=function(t){var e=t.detail,i=e.value,n=e.selected;if(this.menuRole===a.LISTBOX){if(this.isMultiple){this.handleMultipleSelection(i,n)}else{this.handleSingleSelection(i,n)}this.updateChildrenState(t.target);this.bdsChange.emit(this.isMultiple?this.selectedValues:this.selectedValues[0]||undefined)}else{var r=t.target;var s=this.childItems.indexOf(r);this.bdsSelect.emit({value:i,index:s,checked:r.checkable?r.selected:false,element:r})}};t.prototype.componentWillLoad=function(){this.checkProps();this.initialSelectedValues();this.updateActiveState();this.inheritedAttributes=__assign({},o(this.el,["aria-multiselectable"]))};Object.defineProperty(t.prototype,"childItems",{get:function(){var t=Array.from(this.el.querySelectorAll("bds-list-menu-item"));return t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstEnabledItem",{get:function(){var t=this.childItems;var e=t.find((function(t){return!t.disabled&&t.variant!=="label"}));return e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isMultiple",{get:function(){return this.selectionMode===c.MULTIPLE},enumerable:false,configurable:true});t.prototype.updateActiveState=function(){var t=this.firstEnabledItem;var e=this.childItems;var i=e.some((function(t){return t.selected&&!t.disabled}));if(!i&&t!==undefined){t.setAttribute("active-item","")}};t.prototype.handleMultipleSelection=function(t,e){this.selectedValues=e?__spreadArray(__spreadArray([],this.selectedValues,true),[t],false):this.selectedValues.filter((function(e){return e!==t}))};t.prototype.handleSingleSelection=function(t,e){this.selectedValues=e?[t]:[]};t.prototype.updateChildrenState=function(t){var e=this;var i=this.childItems;i.forEach((function(t){if(t.value!==undefined){var i=e.selectedValues.includes(t.value);t.selected=i;t.removeAttribute("active-item")}}));this.setActiveItem(t)};t.prototype.setActiveItem=function(t){var e;if(t!==undefined){e=t}else if(this.selectedValues.length>0){var i=this.selectedValues[0];e=this.childItems.find((function(t){return t.value===i}))}else{e=this.firstEnabledItem}if(e!==undefined){e.setAttribute("active-item","")}};t.prototype.initialSelectedValues=function(){var t=Array.from(this.el.querySelectorAll("bds-list-menu-item[selected]"));if(t.length>0){var e=Array.from(t);var i=e.map((function(t){return t.getAttribute("value")||""}));this.selectedValues=this.isMultiple?i:[i[0]];this.updateChildrenState()}};t.prototype.handleToggleSelect=function(t){var e=this.childItems.filter((function(t){return!t.disabled&&t.variant!=="label"&&t.value!==undefined})).map((function(t){return t.value}));this.selectedValues=t?e:[];this.updateChildrenState();this.bdsChange.emit(this.selectedValues)};t.prototype.renderSelectControls=function(){var t=this;if(this.selectControls&&this.menuRole===a.LISTBOX&&this.isMultiple){return n("div",{class:"bds-list-menu__select-controls"},n("bds-button",{name:"Select all",variant:"plain",onBdsClick:function(){return t.handleToggleSelect(true)}},"Select All"),n("bds-button",{name:"Deselect all",variant:"plain",onBdsClick:function(){return t.handleToggleSelect(false)}},"Deselect All"))}return null};t.prototype.render=function(){var t=this.inheritedAttributes;return n(r,__assign({key:"88d9e41f1116555df02ca6e883b9e50f024c69b9",class:"bds-list-menu",role:this.menuRole,tabIndex:"-1","aria-multiselectable":this.menuRole===a.LISTBOX&&this.isMultiple?"true":"false"},t),n("slot",{key:"2f1730a1b5c456477d2b86f35b596d11e1b79f5c",name:"banner-content"}),n("div",{key:"58b6944a60ce62a8832e41a853d2621b6fc6deae",class:"bds-list-menu__header"},n("slot",{key:"1a292f12ca27104fd0496477a051a1ad3bcec83e",name:"header-content"})),this.renderSelectControls(),n("div",{key:"9a21f481ca5a3e6b484c0bcc5501097dfceb61c3",class:"bds-list-menu__content"},n("slot",{key:"43f684cb30333a5d571b4d05a4c8627703297473"})),n("div",{key:"dbc3a62e055792283fef80ff4514167d079c355d",class:"bds-list-menu__footer"},n("slot",{key:"8d504757a49bedf5a5ec150ed16ef5c9e7723ee1",name:"footer-content"})))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectionMode:[{checkProps:0}],menuRole:[{checkProps:0}]}},enumerable:false,configurable:true});return t}());f.style=l()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,a as r,g as a}from"./p-BqJlOB6b.js";import{O as s}from"./p-CPvuMm5C.js";import{v as i}from"./p-kGnB15Lz.js";import{C as n}from"./p-Dwo1hcd9.js";import{B as b,a as e}from"./p-DlVzZK7o.js";import{a as u}from"./p-U9yfbs7i.js";import{L as d}from"./p-iq2UuV7c.js";const l=class{constructor(t){o(this,t),this.inheritedAttributes={},this.logger=new d,this.size=b.MEDIUM,this.orientation=s.HORIZONTAL,this.label="Button group",this.color=n.DEFAULT,this.variant=e.DEFAULT}validateProps(){i(Object.values(b),b.MEDIUM,this.el,"size"),i(Object.values(s),s.HORIZONTAL,this.el,"orientation"),i(Object.values(n),n.DEFAULT,this.el,"color"),i(Object.values(e),e.DEFAULT,this.el,"variant")}propagatePropsToButtons(){this.el.querySelectorAll("bds-button").forEach((o=>{o.setAttribute("size",this.size),o.setAttribute("color",this.color),o.setAttribute("variant",this.variant)}))}componentWillLoad(){this.validateProps(),this.inheritedAttributes={...u(this.el)}}validateSlotContent(){const o=Array.from(this.el.children).filter((o=>"bds-button"!==o.tagName.toLowerCase()));o.length>0&&this.logger.warn("bds-button-group",`Only <bds-button> elements are allowed as children. Found: ${o.map((o=>`<${o.tagName.toLowerCase()}>`)).join(", ")}`)}componentDidLoad(){this.validateSlotContent(),this.propagatePropsToButtons()}get classMapButtonGroup(){return{"bds-button-group":!0,[`bds-button-group--${this.orientation}`]:!0}}render(){return t(r,{key:"c8f201f1b9aa35e8a7f92a096f0d06a3f0918ce6",...this.inheritedAttributes,tabindex:"-1",class:this.classMapButtonGroup,"aria-orientation":this.orientation,"aria-label":this.label},t("slot",{key:"d7b2601d9ae72c0dc79a99f8b1b428966e79c943"}))}get el(){return a(this)}static get watchers(){return{size:[{validateProps:0},{propagatePropsToButtons:0}],orientation:[{validateProps:0}],color:[{validateProps:0},{propagatePropsToButtons:0}],variant:[{validateProps:0},{propagatePropsToButtons:0}]}}};l.style='@charset "UTF-8";.bds-button-group{display:-ms-inline-flexbox;display:inline-flex;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);border-radius:var(--boreal-radius-xs);outline:none}.bds-button-group: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-button-group bds-button{position:relative}.bds-button-group bds-button button{margin:0;border-radius:var(--boreal-radius-none);width:100%}.bds-button-group bds-button:hover{z-index:1}.bds-button-group bds-button:focus-within,.bds-button-group bds-button:active{z-index:2}.bds-button-group--horizontal{-ms-flex-direction:row;flex-direction:row;gap:var(--boreal-spacing-4xs)}.bds-button-group--horizontal bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none)}.bds-button-group--horizontal:has(.bds-button--var-outline){gap:0}.bds-button-group--horizontal:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-left:calc(-1 * var(--boreal-spacing-4xs))}.bds-button-group--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-4xs)}.bds-button-group--vertical bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--vertical bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none)}.bds-button-group--vertical bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs)}.bds-button-group--vertical:has(.bds-button--var-outline){gap:0}.bds-button-group--vertical:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-top:calc(-1 * var(--boreal-spacing-4xs))}';export{l as bds_button_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var o,r=1,n=arguments.length;r<n;r++){o=arguments[r];for(var s in o)if(Object.prototype.hasOwnProperty.call(o,s))t[s]=o[s]}return t};return __assign.apply(this,arguments)};System.register(["./p-DCKg5Cg_.system.js","./p-DnIhjwCH.system.js","./p-BsZkk4oK.system.js","./p-CU_dRLdk.system.js","./p-C0P3gzq5.system.js","./p-DSU8tkVw.system.js","./p-C-g3hhl_.system.js"],(function(t){"use strict";var o,r,n,s,a,i,e,u,b,d,l;return{setters:[function(t){o=t.r;r=t.h;n=t.a;s=t.g},function(t){a=t.O},function(t){i=t.v},function(t){e=t.C},function(t){u=t.B;b=t.a},function(t){d=t.a},function(t){l=t.L}],execute:function(){var c=function(){return'@charset "UTF-8";.bds-button-group{display:-ms-inline-flexbox;display:inline-flex;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);border-radius:var(--boreal-radius-xs);outline:none}.bds-button-group: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-button-group bds-button{position:relative}.bds-button-group bds-button button{margin:0;border-radius:var(--boreal-radius-none);width:100%}.bds-button-group bds-button:hover{z-index:1}.bds-button-group bds-button:focus-within,.bds-button-group bds-button:active{z-index:2}.bds-button-group--horizontal{-ms-flex-direction:row;flex-direction:row;gap:var(--boreal-spacing-4xs)}.bds-button-group--horizontal bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs)}.bds-button-group--horizontal bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none)}.bds-button-group--horizontal:has(.bds-button--var-outline){gap:0}.bds-button-group--horizontal:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-left:calc(-1 * var(--boreal-spacing-4xs))}.bds-button-group--vertical{-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-4xs)}.bds-button-group--vertical bds-button:only-child button{border-radius:var(--boreal-radius-xs)}.bds-button-group--vertical bds-button:first-child:not(:only-child) button{border-radius:var(--boreal-radius-xs) var(--boreal-radius-xs) var(--boreal-radius-none) var(--boreal-radius-none)}.bds-button-group--vertical bds-button:last-child:not(:only-child) button{border-radius:var(--boreal-radius-none) var(--boreal-radius-none) var(--boreal-radius-xs) var(--boreal-radius-xs)}.bds-button-group--vertical:has(.bds-button--var-outline){gap:0}.bds-button-group--vertical:has(.bds-button--var-outline) bds-button:nth-child(n+2){margin-top:calc(-1 * var(--boreal-spacing-4xs))}'};var h=t("bds_button_group",function(){function t(t){o(this,t);this.inheritedAttributes={};this.logger=new l;this.size=u.MEDIUM;this.orientation=a.HORIZONTAL;this.label="Button group";this.color=e.DEFAULT;this.variant=b.DEFAULT}t.prototype.validateProps=function(){i(Object.values(u),u.MEDIUM,this.el,"size");i(Object.values(a),a.HORIZONTAL,this.el,"orientation");i(Object.values(e),e.DEFAULT,this.el,"color");i(Object.values(b),b.DEFAULT,this.el,"variant")};t.prototype.propagatePropsToButtons=function(){var t=this;this.el.querySelectorAll("bds-button").forEach((function(o){o.setAttribute("size",t.size);o.setAttribute("color",t.color);o.setAttribute("variant",t.variant)}))};t.prototype.componentWillLoad=function(){this.validateProps();this.inheritedAttributes=__assign({},d(this.el))};t.prototype.validateSlotContent=function(){var t=Array.from(this.el.children).filter((function(t){return t.tagName.toLowerCase()!=="bds-button"}));if(t.length>0){this.logger.warn("bds-button-group","Only <bds-button> elements are allowed as children. Found: ".concat(t.map((function(t){return"<".concat(t.tagName.toLowerCase(),">")})).join(", ")))}};t.prototype.componentDidLoad=function(){this.validateSlotContent();this.propagatePropsToButtons()};Object.defineProperty(t.prototype,"classMapButtonGroup",{get:function(){var t;return t={"bds-button-group":true},t["bds-button-group--".concat(this.orientation)]=true,t},enumerable:false,configurable:true});t.prototype.render=function(){return r(n,__assign(__assign({key:"c8f201f1b9aa35e8a7f92a096f0d06a3f0918ce6"},this.inheritedAttributes),{tabindex:"-1",class:this.classMapButtonGroup,"aria-orientation":this.orientation,"aria-label":this.label}),r("slot",{key:"d7b2601d9ae72c0dc79a99f8b1b428966e79c943"}))};Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:[{validateProps:0},{propagatePropsToButtons:0}],orientation:[{validateProps:0}],color:[{validateProps:0},{propagatePropsToButtons:0}],variant:[{validateProps:0},{propagatePropsToButtons:0}]}},enumerable:false,configurable:true});return t}());h.style=c()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as i,r as t,c as s,h as r,a,g as e}from"./p-BqJlOB6b.js";import{f as o}from"./p-C4HM8wQe.js";import{O as d}from"./p-CPvuMm5C.js";import{c as h}from"./p-DhSchGPI.js";import{v as n}from"./p-kGnB15Lz.js";import{K as l}from"./p-DlYG-OVB.js";const c=["BDS-RADIO","BDS-RADIO-BUTTON","BDS-RADIO-CARD"],b=class extends(i(o)){constructor(i){super(),t(this,i),this.bdsChange=s(this,"bdsChange"),this.valueChange=s(this,"valueChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this._id=h("bds-radio-group"),this.isDisabled=!1,this.isInvalid=!1,this.disabled=!1,this.error=!1,this.errorMessage="",this.helperText="",this.info="",this.label="",this.orientation=d.VERTICAL,this.required=!1,this.type="radio",this.value="",this.handleKeyDown=i=>{const t=i.target;if(c.includes(t.tagName))switch(i.key){case l.ArrowDown:case l.ArrowRight:this.navigateTo(t,!0),i.preventDefault();break;case l.ArrowUp:case l.ArrowLeft:this.navigateTo(t,!1),i.preventDefault()}},this.handleSlotChange=()=>{this.updateLayoutCount()},this._buttonCount=0}checkPropValues(){n(Object.values(d),d.VERTICAL,this.el,"orientation")}onDisabledChange(i){this.isDisabled=i,this.radioElements.forEach((t=>t.disabled=i))}onErrorChange(i){this.radioElements.forEach((t=>t.error=i))}onValueChange(i){this.radioElements.forEach((t=>{t.checked=t.value===i,t.setAttribute("aria-checked",String(t.value===i))}));const t=this.radioElements.find((i=>i.checked));this.updateTabIndexes(t??null)}componentWillLoad(){if(this.checkPropValues(),this.isDisabled=this.disabled,""===this.value){const i=Array.from(this.el.querySelectorAll("bds-radio[checked], bds-radio-button[checked], bds-radio-card[checked]")).at(-1);void 0!==i&&(this.value=i.getAttribute("value")??"")}}componentDidLoad(){const i=this.radioElements.filter((i=>i.checked));i.length>1&&i.slice(0,-1).forEach((i=>i.checked=!1)),this.onValueChange(this.value),this.error&&this.radioElements.forEach((i=>i.error=!0)),this.updateLayoutCount(),this.updateTabIndexes(this.radioElements.find((i=>i.checked))??this.radioElements.find((i=>!i.disabled))??null),this.updateFormValidity()}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.value="",this.isInvalid=!1,this.radioElements.forEach((i=>{i.checked=!1,i.setAttribute("aria-checked","false"),this.error||(i.error=!1)})),this.internals.setFormValue(null),this.updateFormValidity();const i=this.radioElements.find((i=>!i.disabled));this.updateTabIndexes(i??null)}formStateRestoreCallback(i,t){const s="string"==typeof i?i:"";this.value=s,this.internals.setFormValue(""!==s?s:null)}formDisabledCallback(i){this.isDisabled=i,this.radioElements.forEach((t=>t.disabled=i))}handleRadioChange(i){const t=i.target;c.includes(t.tagName)&&(this.radioElements.filter((i=>i!==t)).forEach((i=>{i.checked=!1,i.setAttribute("aria-checked","false")})),this.value=i.detail.value,this.internals.setFormValue(this.value),this.updateTabIndexes(t),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value))}handleInvalid(i){""!==this.errorMessage&&(i.preventDefault(),this.isInvalid=!0,this.radioElements.forEach((i=>i.error=!0)))}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}navigateTo(i,t){const s=this.radioElements.filter((i=>!i.disabled));if(0===s.length)return;const r=s.indexOf(i),a=s[(s.length+r+(t?1:-1))%s.length];a.checked=!0,a.setAttribute("aria-checked","true"),this.radioElements.filter((i=>i!==a)).forEach((i=>{i.checked=!1,i.setAttribute("aria-checked","false")})),this.value=a.value,this.internals.setFormValue(this.value),this.updateTabIndexes(a),this.updateFormValidity(),this.bdsChange.emit({value:this.value}),this.valueChange.emit(this.value),a.focus()}insertDividers(){if(this.el.querySelectorAll("bds-divider[data-injected]").forEach((i=>i.remove())),"radiobutton"!==this.type)return;const i=this.orientation===d.HORIZONTAL?d.VERTICAL:d.HORIZONTAL;this.radioElements.filter((i=>"BDS-RADIO-BUTTON"===i.tagName)).forEach(((t,s)=>{if(0===s)return;const r=document.createElement("bds-divider");r.setAttribute("orientation",i),r.setAttribute("data-injected",""),t.parentNode?.insertBefore(r,t)}))}get radioElements(){return Array.from(this.el.querySelectorAll("bds-radio, bds-radio-button, bds-radio-card"))}syncFormValue(){this.internals.setFormValue(""!==this.value?this.value:null),this.updateFormValidity()}updateFormValidity(){if(this.required&&""===this.value){const i=this.radioElements.find((i=>!i.disabled));this.internals.setValidity({valueMissing:!0},""!==this.errorMessage?this.errorMessage:"Please select an option.",i)}else this.internals.setValidity({}),this.isInvalid&&(this.isInvalid=!1,this.error||this.radioElements.forEach((i=>i.error=!1)))}updateLayoutCount(){const i=this.radioElements.length;this.el.style.setProperty("--layout-count",`${i}`),i!==this._buttonCount&&(this._buttonCount=i,this.insertDividers())}updateTabIndexes(i){this.radioElements.forEach((i=>i.setAttribute("tabindex","-1"))),null!==i&&i.setAttribute("tabindex","0")}get isError(){return this.error&&!this.disabled||this.isInvalid}get classMap(){return{"bds-radio-group":!0,"bds-radio-group--disabled":this.isDisabled,"bds-radio-group--error":this.isError,"bds-radio-group--required":this.required}}render(){const i=`${this._id}-label`,t=`${this._id}-helper`,s=this.isError,e=this.isDisabled?"disabled":s?"error":"default",o=s&&""!==this.errorMessage?this.errorMessage:this.helperText;return r(a,{key:"ab755f253ab7096e8ed0efa7196cedd96cdc7ca8",class:this.classMap,role:"radiogroup","aria-labelledby":""!==this.label?i:void 0,"aria-describedby":""!==o?t:void 0,"aria-invalid":s?"true":void 0,"aria-required":this.required?"true":void 0,onKeyDown:this.handleKeyDown},this.label&&r("bds-typography",{key:"85bc7d114efabd92930c6c934c19e4ba887a3663",id:i,variant:"label",state:e,required:this.required,tooltipText:""!==this.info?this.info:void 0},this.label),r("div",{key:"3f1670875353369c608c9cf064ccb1b7beede19a",class:"bds-radio-group__options"},r("slot",{key:"b0d52880c82dec9557c10bcf7ef8930299bdf7a6",onSlotchange:this.handleSlotChange})),o&&r("bds-typography",{key:"f0a17de329944c3fe63cf7cb586ec85016693208",id:t,variant:"helper",state:e},o))}static get formAssociated(){return!0}get el(){return e(this)}static get watchers(){return{orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],value:[{onValueChange:0}]}}};b.style='@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)}';export{b as bds_radio_group}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as r,h as d,a as e,g as o}from"./p-BqJlOB6b.js";const s=class{constructor(d){a(this,d),this.bdsChange=r(this,"bdsChange"),this.value="on",this.info="",this.name="",this.label="",this.checked=!1,this.disabled=!1,this.error=!1,this.handleClick=()=>this.select(),this.handleKeyDown=a=>{" "===a.key&&(a.preventDefault(),this.select())}}select(){this.disabled||this.checked||(this.checked=!0,this.bdsChange.emit({checked:!0,value:this.value}))}componentDidLoad(){requestAnimationFrame((()=>{this.el.classList.add("bds-radio-card--transition")}))}get isError(){return this.error&&!this.disabled}get hostClasses(){return{"bds-radio-card":!0,"bds-radio-card--disabled":this.disabled,"bds-radio-card--checked":this.checked,"bds-radio-card--error":this.isError}}render(){return d(e,{key:"4cdff470403b54e66ad92434ab229406d8e8ef2b",class:this.hostClasses,role:"radio","aria-checked":`${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},d("div",{key:"2019eb2a3aa666c3115dfe0c9fd1fed2a18e02de",class:"bds-radio-card__container"},d("input",{key:"d3e47807abff5bfe0ae1d61e8cdda12d047449e5",class:"bds-radio-card__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:-1,onFocus:()=>this.el.focus()}),d("span",{key:"091b3ad34ffc7335c07e899645ebb944e0629fe6",class:"bds-radio-card__button"},d("span",{key:"1e717309877f85d8c8d3d635714664c997ab4097",class:"bds-radio-card__dot"})),d("div",{key:"dfc0604e2acbb5db112e410029d057f66e23d71f",class:"bds-radio-card__content"},d("div",{key:"8206a03a6095600fafbc70e1ce43ed85b4204441",class:"bds-radio-card__header"},d("div",{key:"a93dc203f940d4b03622f4896f2799d6379e3e01",class:"bds-radio-card__icon"},d("slot",{key:"a410dff923959aef7695fa4e72b2cb8d4a551ba1",name:"icon"})),d("div",{key:"fb598d2bc0e231171454974041998eea8ee9c1b3",class:"bds-radio-card__title"},this.label||d("slot",{key:"98d45578384b5132140c4ff1db0964f4f19a6faa"}))),d("bds-typography",{key:"ff6f0f7b6d293f73b1d2beb3d1f6998889dbb868",variant:"helper"},d("slot",{key:"73529f1e31f946f0da04334cbf65ff439b74c0d4",name:"description"})))),this.info&&d("span",{key:"7bf6f3803b50675cc9dec6256a938dfb45bbdee1",class:"bds-radio-card__info-icon","aria-label":this.info},d("em",{key:"f472d256e753650c94739c0fb2218e5cf62f0543",class:"bds-icon-info-circle"},d("bds-tooltip",{key:"3e2fe945dbe4a7b9cac470c9e497725937eaabd0"},this.info))))}get el(){return o(this)}};s.style='@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:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio-card:focus-within,.bds-radio-card:focus{background-color:var(--boreal-ui-default-lighter);-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-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)}';export{s as bds_radio_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as e,r as o,c as r,h as s,a as c,g as b}from"./p-BqJlOB6b.js";import{f as a}from"./p-C4HM8wQe.js";import{s as t}from"./p-DfaYciGa.js";import{a as i}from"./p-U9yfbs7i.js";const h=class extends(e(a)){constructor(e){super(),o(this,e),this.valueChange=r(this,"valueChange"),this.bdsChange=r(this,"bdsChange"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.isDisabled=!1,this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.error=!1,this.value="on",this.label="",this.handleClick=()=>{this.toggle()},this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.toggle())}}componentWillLoad(){this.isDisabled=this.disabled,this.inheritedAttributes={...i(this.el)},this.syncFormValue()}onCheckedChange(){this.syncFormValue()}onDisabledChange(e){this.isDisabled=e}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.checked=!1,this.indeterminate=!1,t(this.internals,null)}formStateRestoreCallback(e,o){this.checked=e===this.value,this.syncFormValue()}formDisabledCallback(e){this.isDisabled=e}syncFormValue(){t(this.internals,this.checked?this.value:null)}toggle(){this.isDisabled||(this.indeterminate=!1,this.checked=!this.checked,this.valueChange.emit(this.checked),this.bdsChange.emit({checked:this.checked,value:this.value}))}getAriaChecked(){return this.indeterminate?"mixed":this.checked?"true":"false"}get hideFromScreenReaders(){return null!==this.el.closest("bds-checkbox-card")||this.isDisabled}renderCheckIcon(){return this.indeterminate?s("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})):this.checked?s("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{d:"M3.5 8.5L6.5 11.5L12.5 4.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})):null}get canShowLabel(){return null!=this.label}render(){return s(c,{key:"d5346e9f5943d81df215268f2c9ad3253941c3c8",class:{"bds-checkbox":!0,"bds-checkbox--checked":this.checked,"bds-checkbox--indeterminate":this.indeterminate,"bds-checkbox--error":this.error,"bds-checkbox--disabled":this.isDisabled},...this.inheritedAttributes,role:"checkbox","aria-checked":this.getAriaChecked(),"aria-disabled":this.isDisabled?"true":null,"aria-hidden":this.hideFromScreenReaders?"true":null,tabindex:this.hideFromScreenReaders?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("span",{key:"217759044655c827609956b4d574fce3ce90c996",class:"bds-checkbox__box"},this.renderCheckIcon()),this.canShowLabel&&s("span",{key:"47b8120c25700fe6e07e8d626c0acb28ac9387d7",class:"bds-checkbox__label"},""!==this.label.trim()?this.label:s("slot",null)))}static get formAssociated(){return!0}get el(){return b(this)}static get watchers(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}}};h.style='@charset "UTF-8";bds-checkbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;outline:none}bds-checkbox .bds-checkbox__label{font-family:var(--boreal-typography-font-family-primary)}bds-checkbox .bds-checkbox__box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-m);height:var(--boreal-layout-m);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);background:transparent;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:4px}bds-checkbox:hover .bds-checkbox__box{border-color:var(--boreal-stroke-default-light)}bds-checkbox:focus-visible .bds-checkbox__box{border-color:var(--boreal-stroke-focus);outline:2px solid var(--boreal-stroke-focus);outline-offset:1px}bds-checkbox:active .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-bg-neutral);outline:2px solid var(--boreal-stroke-primary-light)}bds-checkbox.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-ui-primary-base);background:var(--boreal-ui-primary-base);color:var(--boreal-ui-inverse)}bds-checkbox.bds-checkbox--checked:hover .bds-checkbox__box{border-color:var(--boreal-ui-primary-dark);background:var(--boreal-ui-primary-dark)}bds-checkbox.bds-checkbox--checked:focus-visible .bds-checkbox__box{border-color:var(--boreal-ui-primary-base);background:var(--boreal-ui-primary-base);outline:2px solid var(--boreal-stroke-focus)}bds-checkbox.bds-checkbox--checked:active .bds-checkbox__box{border-color:var(--boreal-ui-primary-dark);background:var(--boreal-ui-primary-dark)}bds-checkbox.bds-checkbox--error .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base)}bds-checkbox.bds-checkbox--error.bds-checkbox--checked .bds-checkbox__box,bds-checkbox.bds-checkbox--error.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}bds-checkbox.bds-checkbox--disabled{pointer-events:none}bds-checkbox.bds-checkbox--disabled .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-bg-neutral)}bds-checkbox.bds-checkbox--disabled .bds-checkbox__label{color:var(--boreal-text-disabled)}bds-checkbox.bds-checkbox--disabled.bds-checkbox--checked .bds-checkbox__box,bds-checkbox.bds-checkbox--disabled.bds-checkbox--indeterminate .bds-checkbox__box{border-color:var(--boreal-ui-primary-light);background:var(--boreal-ui-primary-light);color:#fff}';export{h as bds_checkbox}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as e,r as c,c as a,h as r,a as o,g as s}from"./p-BqJlOB6b.js";import{f as d}from"./p-C4HM8wQe.js";import{s as b}from"./p-DfaYciGa.js";const i=class extends(e(d)){constructor(e){super(),c(this,e),this.valueChange=a(this,"valueChange"),this.bdsChange=a(this,"bdsChange"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.isDisabled=!1,this.isIndeterminate=!1,this.isChecked=!1,this.disabled=!1,this.required=!1,this.value="on",this.label="",this.checked=!1,this.indeterminate=!1,this.error=!1,this.handleClick=()=>this.toggle(),this.handleKeyDown=e=>{" "===e.key&&(e.preventDefault(),this.toggle())}}componentWillLoad(){this.isDisabled=this.disabled,this.isIndeterminate=this.indeterminate,this.isChecked=this.checked}onDisabledChange(e){this.isDisabled=e}onIndeterminateChange(e){this.isIndeterminate=e}onCheckedChange(e){this.isChecked=e}toggle(){this.isDisabled||(this.isIndeterminate=!1,this.isChecked=!this.isChecked,this.bdsChange.emit({checked:this.isChecked,value:this.value}),this.valueChange.emit(this.isChecked))}get hostClasses(){return{"bds-checkbox-card":!0,"bds-checkbox-card--checked":this.isChecked,"bds-checkbox-card--indeterminate":this.isIndeterminate,"bds-checkbox-card--disabled":this.isDisabled,"bds-checkbox-card--error":this.error}}syncFormValue(){b(this.internals,this.isChecked?this.value:null)}formAssociatedCallback(){this.syncFormValue()}formResetCallback(){this.isChecked=!1,this.isIndeterminate=!1,b(this.internals,null)}formStateRestoreCallback(e,c){this.isChecked=e===this.value,this.syncFormValue()}formDisabledCallback(e){this.isDisabled=e}render(){return r(o,{key:"9277e649285e38b491fe55bd8bc4eabf7b0725f8",class:this.hostClasses,role:"checkbox","aria-checked":this.isIndeterminate?"mixed":`${this.isChecked}`,"aria-disabled":this.isDisabled?"true":"false","aria-invalid":this.error?"true":"false","aria-label":this.label||this.name||void 0,tabIndex:this.isDisabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("bds-checkbox",{key:"e87685111aae53e368f37fde53994590bbdc0a69",class:"bds-checkbox-card__checkbox",name:this.name,value:this.value,checked:this.isChecked,indeterminate:this.isIndeterminate,disabled:this.isDisabled,error:this.error,tabIndex:-1,"aria-hidden":"true"}),r("div",{key:"ca93933dddfbdbbf6ae96a9f0b2f7ec1b4014a3a",class:"bds-checkbox-card__card"},r("div",{key:"952ca899553bc57a7f6b01cd65607d084c7869a9",class:"bds-checkbox-card__content"},r("div",{key:"bf913fdb5d5fab9e81b387113c7198514fdbe8de",class:"bds-checkbox-card__header"},r("div",{key:"d885e0eabf9ea9d425160ce88a4d76212b400a1d",class:"bds-checkbox-card__icon"},r("slot",{key:"9c658f9823aa449e4e9138b2b86e937cc9ce3e1c",name:"icon"})),r("div",{key:"e7c410ff15cb7bd62c2eba56683cf1b9b24c970a",class:"bds-checkbox-card__title"},this.label||r("slot",{key:"59cce6d6bd050711af8a55a44252747a593b0a29"}))),r("div",{key:"1a574fde1998ebd5f2940c27dbc5e275ce7bb933",class:"bds-checkbox-card__description"},r("slot",{key:"ed53c06534344f9dfec0f0ffba067c16596d24d7",name:"description"})))))}static get formAssociated(){return!0}get el(){return s(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],indeterminate:[{onIndeterminateChange:0}],checked:[{onCheckedChange:0}]}}};i.style='@charset "UTF-8";.bds-checkbox-card{position:relative;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;gap:var(--boreal-spacing-xs);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);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-checkbox-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-checkbox-card:focus-within,.bds-checkbox-card:focus{background-color:var(--boreal-ui-default-lighter);-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-checkbox-card:focus-visible{outline:none}.bds-checkbox-card:active bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:hover bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-within bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-visible bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box{background:var(--boreal-ui-inverse)}.bds-checkbox-card__icon{display:-ms-flexbox;display:flex;margin-top:var(--boreal-spacing-3xs);height:var(--boreal-layout-m);-ms-flex-align:center;align-items:center;margin-bottom:var(--boreal-spacing-2xs)}.bds-checkbox-card .bds-checkbox-card__checkbox{pointer-events:none;-ms-flex-negative:0;flex-shrink:0;margin-top:calc(var(--boreal-spacing-2xs) - var(--boreal-spacing-4xs))}.bds-checkbox-card .bds-checkbox-card__checkbox .bds-checkbox__label{display:none}.bds-checkbox-card__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-checkbox-card__header{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-3xs);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md)}.bds-checkbox-card__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md)}.bds-checkbox-card__description{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs)}.bds-checkbox-card--checked{border-color:var(--boreal-stroke-primary-base)}.bds-checkbox-card--checked:hover,.bds-checkbox-card--checked:focus,.bds-checkbox-card--checked:focus-within,.bds-checkbox-card--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-checkbox-card--checked .bds-checkbox-card__header,.bds-checkbox-card--checked .bds-checkbox-card__description{color:var(--boreal-text-primary-base)}.bds-checkbox-card--indeterminate{border-color:var(--boreal-stroke-default-light)}.bds-checkbox-card--indeterminate .bds-checkbox-card__header{color:var(--boreal-text-default)}.bds-checkbox-card--indeterminate .bds-checkbox-card__description{color:var(--boreal-text-default-light)}.bds-checkbox-card--disabled{pointer-events:none}.bds-checkbox-card--disabled .bds-checkbox-card__header,.bds-checkbox-card--disabled .bds-checkbox-card__description{color:var(--boreal-text-disabled)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error){border-color:var(--boreal-stroke-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__description{color:var(--boreal-text-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-light)}.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-card--error:hover,.bds-checkbox-card--error:focus,.bds-checkbox-card--error:focus-within,.bds-checkbox-card--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-base)}';export{i as bds_checkbox_card}
|
|
@@ -1 +0,0 @@
|
|
|
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 s(){this.constructor=t}t.prototype=i===null?Object.create(i):(s.prototype=i.prototype,new s)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,s=arguments.length;i<s;i++){t=arguments[i];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};System.register(["./p-DCKg5Cg_.system.js","./p-CW4-dkCF.system.js","./p-DSU8tkVw.system.js","./p-CRMH6mfq.system.js","./p-RhSdMyWk.system.js"],(function(e){"use strict";var t,i,s,o,r,a,n,l,d,b;return{setters:[function(e){t=e.M;i=e.r;s=e.c;o=e.h;r=e.a;a=e.g},function(e){n=e.f},function(e){l=e.a},function(e){d=e.s},function(e){b=e.c}],execute:function(){var c={LEFT:"left",RIGHT:"right"};var u=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: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-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: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-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:0 1px 2px 0 var(--boreal-stroke-default-light);box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light)}.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 g=e("bds_toggle",function(e){__extends(t,e);function t(t){var o=e.call(this)||this;i(o,t);o.valueChange=s(o,"valueChange");o.bdsChange=s(o,"bdsChange");if(t.$hostElement$["s-ei"]){o.internals=t.$hostElement$["s-ei"]}else{o.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=o.internals}o.inheritedAttributes={};o.disabled=false;o.required=false;o.info="";o.error=false;o.errorMessage="";o.checked=false;o.placement=c.LEFT;o.label="";o.helperText="";o.value="on";o._id=b("bds-toggle");o.isDisabled=false;o.validationError=false;o.validationMessage="";o.isChecked=false;o.handleClick=function(){return o.toggle()};o.handleKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();o.toggle()}};o.handleInvalid=function(e){e.preventDefault();o.validate()};return o}t.prototype.componentWillLoad=function(){this.isChecked=this.checked||false;this.isDisabled=this.disabled||false;this.inheritedAttributes=__assign({},l(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({});d(this.internals,null)};t.prototype.formStateRestoreCallback=function(e,t){this.isChecked=e===this.value;this.internals.setValidity({});this.syncFormValue()};t.prototype.syncFormValue=function(){d(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===c.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 i=this.isDisabled?"disabled":t?"error":"default";var s=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;return o(r,__assign(__assign({key:"b5d27825358eaadb5cbca86e48488350e6099d8f"},this.inheritedAttributes),{onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e}),o("div",{key:"9b7bb4c4551beb61ed72c9ee4a4d7ee14e746c4e",part:"container",class:this.containerClasses},this.canShowLabel&&o("bds-typography",{key:"a95e1b66d8452b983002348b9456aa0c3674b202",variant:"label",class:"".concat(e,"__label"),htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),o("label",{key:"954125135521cd6e65c2e6c3dfa41216e6f52dd3",class:"".concat(e,"__switch"),htmlFor:this._id,onClick:function(e){return e.preventDefault()}},o("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}),o("span",{key:"68912685234edb7c6ec972231c7f951531862f7c",class:"".concat(e,"__slider ").concat(e,"__slider--round")}))),s!==""&&o("bds-typography",{key:"3e5645d234edc1f3efe7805260def2c74bc7cd44",class:"".concat(e,"__helper-text"),variant:"helper",state:i,onClick:function(e){return e.stopPropagation()}},s))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return t}(t(n)));g.style=u()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const r={Enter:"Enter",Escape:"Escape",Space:" ",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight"};export{r as K}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register([],(function(r){"use strict";return{execute:function(){var e=r("K",{Enter:"Enter",Escape:"Escape",Space:" ",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight"})}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var e=function(r,o){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)if(Object.prototype.hasOwnProperty.call(r,o))e[o]=r[o]};return e(r,o)};return function(r,o){if(typeof o!=="function"&&o!==null)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");e(r,o);function c(){this.constructor=r}r.prototype=o===null?Object.create(o):(c.prototype=o.prototype,new c)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,o=1,c=arguments.length;o<c;o++){r=arguments[o];for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s))e[s]=r[s]}return e};return __assign.apply(this,arguments)};System.register(["./p-DCKg5Cg_.system.js","./p-CW4-dkCF.system.js","./p-CRMH6mfq.system.js","./p-DSU8tkVw.system.js"],(function(e){"use strict";var r,o,c,s,t,b,i,n,a;return{setters:[function(e){r=e.M;o=e.r;c=e.c;s=e.h;t=e.a;b=e.g},function(e){i=e.f},function(e){n=e.s},function(e){a=e.a}],execute:function(){var l=function(){return'@charset "UTF-8";bds-checkbox{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;outline:none}bds-checkbox .bds-checkbox__label{font-family:var(--boreal-typography-font-family-primary)}bds-checkbox .bds-checkbox__box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-m);height:var(--boreal-layout-m);border:var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);background:transparent;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:4px}bds-checkbox:hover .bds-checkbox__box{border-color:var(--boreal-stroke-default-light)}bds-checkbox:focus-visible .bds-checkbox__box{border-color:var(--boreal-stroke-focus);outline:2px solid var(--boreal-stroke-focus);outline-offset:1px}bds-checkbox:active .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-bg-neutral);outline:2px solid var(--boreal-stroke-primary-light)}bds-checkbox.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-ui-primary-base);background:var(--boreal-ui-primary-base);color:var(--boreal-ui-inverse)}bds-checkbox.bds-checkbox--checked:hover .bds-checkbox__box{border-color:var(--boreal-ui-primary-dark);background:var(--boreal-ui-primary-dark)}bds-checkbox.bds-checkbox--checked:focus-visible .bds-checkbox__box{border-color:var(--boreal-ui-primary-base);background:var(--boreal-ui-primary-base);outline:2px solid var(--boreal-stroke-focus)}bds-checkbox.bds-checkbox--checked:active .bds-checkbox__box{border-color:var(--boreal-ui-primary-dark);background:var(--boreal-ui-primary-dark)}bds-checkbox.bds-checkbox--error .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base)}bds-checkbox.bds-checkbox--error.bds-checkbox--checked .bds-checkbox__box,bds-checkbox.bds-checkbox--error.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}bds-checkbox.bds-checkbox--disabled{pointer-events:none}bds-checkbox.bds-checkbox--disabled .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-bg-neutral)}bds-checkbox.bds-checkbox--disabled .bds-checkbox__label{color:var(--boreal-text-disabled)}bds-checkbox.bds-checkbox--disabled.bds-checkbox--checked .bds-checkbox__box,bds-checkbox.bds-checkbox--disabled.bds-checkbox--indeterminate .bds-checkbox__box{border-color:var(--boreal-ui-primary-light);background:var(--boreal-ui-primary-light);color:#fff}'};var d=e("bds_checkbox",function(e){__extends(r,e);function r(r){var s=e.call(this)||this;o(s,r);s.valueChange=c(s,"valueChange");s.bdsChange=c(s,"bdsChange");if(r.$hostElement$["s-ei"]){s.internals=r.$hostElement$["s-ei"]}else{s.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=s.internals}s.inheritedAttributes={};s.isDisabled=false;s.disabled=false;s.required=false;s.checked=false;s.indeterminate=false;s.error=false;s.value="on";s.label="";s.handleClick=function(){s.toggle()};s.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();s.toggle()}};return s}r.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.inheritedAttributes=__assign({},a(this.el));this.syncFormValue()};r.prototype.onCheckedChange=function(){this.syncFormValue()};r.prototype.onDisabledChange=function(e){this.isDisabled=e};r.prototype.formAssociatedCallback=function(){this.syncFormValue()};r.prototype.formResetCallback=function(){this.checked=false;this.indeterminate=false;n(this.internals,null)};r.prototype.formStateRestoreCallback=function(e,r){this.checked=e===this.value;this.syncFormValue()};r.prototype.formDisabledCallback=function(e){this.isDisabled=e};r.prototype.syncFormValue=function(){n(this.internals,this.checked?this.value:null)};r.prototype.toggle=function(){if(this.isDisabled)return;this.indeterminate=false;this.checked=!this.checked;this.valueChange.emit(this.checked);this.bdsChange.emit({checked:this.checked,value:this.value})};r.prototype.getAriaChecked=function(){if(this.indeterminate)return"mixed";return this.checked?"true":"false"};Object.defineProperty(r.prototype,"hideFromScreenReaders",{get:function(){return this.el.closest("bds-checkbox-card")!==null||this.isDisabled},enumerable:false,configurable:true});r.prototype.renderCheckIcon=function(){if(this.indeterminate){return s("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))}if(this.checked){return s("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{d:"M3.5 8.5L6.5 11.5L12.5 4.5",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}return null};Object.defineProperty(r.prototype,"canShowLabel",{get:function(){return this.label!==undefined&&this.label!==null},enumerable:false,configurable:true});r.prototype.render=function(){var e={"bds-checkbox":true,"bds-checkbox--checked":this.checked,"bds-checkbox--indeterminate":this.indeterminate,"bds-checkbox--error":this.error,"bds-checkbox--disabled":this.isDisabled};return s(t,__assign(__assign({key:"d5346e9f5943d81df215268f2c9ad3253941c3c8",class:e},this.inheritedAttributes),{role:"checkbox","aria-checked":this.getAriaChecked(),"aria-disabled":this.isDisabled?"true":null,"aria-hidden":this.hideFromScreenReaders?"true":null,tabindex:this.hideFromScreenReaders?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown}),s("span",{key:"217759044655c827609956b4d574fce3ce90c996",class:"bds-checkbox__box"},this.renderCheckIcon()),this.canShowLabel&&s("span",{key:"47b8120c25700fe6e07e8d626c0acb28ac9387d7",class:"bds-checkbox__label"},this.label.trim()!==""?this.label:s("slot",null)))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return r}(r(i)));d.style=l()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-DCKg5Cg_.system.js"],(function(r){"use strict";var a,e,d,o,s;return{setters:[function(r){a=r.r;e=r.c;d=r.h;o=r.a;s=r.g}],execute:function(){var i=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:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio-card:focus-within,.bds-radio-card:focus{background-color:var(--boreal-ui-default-lighter);-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-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 c=r("bds_radio_card",function(){function r(r){var d=this;a(this,r);this.bdsChange=e(this,"bdsChange");this.value="on";this.info="";this.name="";this.label="";this.checked=false;this.disabled=false;this.error=false;this.handleClick=function(){return d.select()};this.handleKeyDown=function(r){if(r.key===" "){r.preventDefault();d.select()}}}r.prototype.select=function(){if(this.disabled||this.checked)return;this.checked=true;this.bdsChange.emit({checked:true,value:this.value})};r.prototype.componentDidLoad=function(){var r=this;requestAnimationFrame((function(){r.el.classList.add("bds-radio-card--transition")}))};Object.defineProperty(r.prototype,"isError",{get:function(){return this.error&&!this.disabled},enumerable:false,configurable:true});Object.defineProperty(r.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});r.prototype.render=function(){var r=this;return d(o,{key:"4cdff470403b54e66ad92434ab229406d8e8ef2b",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},d("div",{key:"2019eb2a3aa666c3115dfe0c9fd1fed2a18e02de",class:"bds-radio-card__container"},d("input",{key:"d3e47807abff5bfe0ae1d61e8cdda12d047449e5",class:"bds-radio-card__input",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,tabIndex:-1,onFocus:function(){return r.el.focus()}}),d("span",{key:"091b3ad34ffc7335c07e899645ebb944e0629fe6",class:"bds-radio-card__button"},d("span",{key:"1e717309877f85d8c8d3d635714664c997ab4097",class:"bds-radio-card__dot"})),d("div",{key:"dfc0604e2acbb5db112e410029d057f66e23d71f",class:"bds-radio-card__content"},d("div",{key:"8206a03a6095600fafbc70e1ce43ed85b4204441",class:"bds-radio-card__header"},d("div",{key:"a93dc203f940d4b03622f4896f2799d6379e3e01",class:"bds-radio-card__icon"},d("slot",{key:"a410dff923959aef7695fa4e72b2cb8d4a551ba1",name:"icon"})),d("div",{key:"fb598d2bc0e231171454974041998eea8ee9c1b3",class:"bds-radio-card__title"},this.label||d("slot",{key:"98d45578384b5132140c4ff1db0964f4f19a6faa"}))),d("bds-typography",{key:"ff6f0f7b6d293f73b1d2beb3d1f6998889dbb868",variant:"helper"},d("slot",{key:"73529f1e31f946f0da04334cbf65ff439b74c0d4",name:"description"})))),this.info&&d("span",{key:"7bf6f3803b50675cc9dec6256a938dfb45bbdee1",class:"bds-radio-card__info-icon","aria-label":this.info},d("em",{key:"f472d256e753650c94739c0fb2218e5cf62f0543",class:"bds-icon-info-circle"},d("bds-tooltip",{key:"3e2fe945dbe4a7b9cac470c9e497725937eaabd0"},this.info))))};Object.defineProperty(r.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return r}());c.style=i()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as a,h as o,F as t,a as r,g as s}from"./p-BqJlOB6b.js";import{c as l}from"./p-DhSchGPI.js";import{v as d}from"./p-kGnB15Lz.js";const b={GRAY:"gray",CYAN:"cyan",TEAL:"teal",LIME:"lime",ORANGE:"orange",COBALT:"cobalt",ROSE:"rose",PURPLE:"purple"},i=class{constructor(o){e(this,o),this.bdsClose=a(this,"bdsClose"),this.bdsSelect=a(this,"bdsSelect"),this._id=l("bds-tag"),this.internalSelected=!1,this.multiselect=!1,this.selected=!1,this.closeButtonLabel="Close tag",this.color=b.GRAY,this.readonly=!1,this.disabled=!1,this.handleClose=e=>{this.disabled||(void 0!==e&&(e.preventDefault(),e.stopPropagation()),this.bdsClose.emit({id:this._id,selected:this.internalSelected,el:this.el}))},this.handleKeyDown=e=>{this.disabled||(this.readonly||!["Delete","Backspace"].includes(e.key)?[" ","Enter"].includes(e.key)&&e.target===this.el&&(e.preventDefault(),this.handleSelection()):this.handleClose(e))},this.handleSelection=()=>{this.disabled||this.multiselect&&(this.internalSelected=!this.internalSelected,this.bdsSelect.emit({id:this._id,selected:this.internalSelected,el:this.el}))}}componentWillLoad(){this.syncSelectedFromProp(this.selected),this.checkPropValues(),this.validateMultiselectRole()}checkPropValues(){d(Object.values(b),b.GRAY,this.el,"color")}syncSelectedFromProp(e){this.internalSelected=e}validateMultiselectRole(){this.multiselect&&null===this.el.closest('[role="listbox"], [role="group"], bds-tag-group')&&console.warn('[BorealDS Tag] Missing required ARIA parent. Expected role="listbox", role="group", or <bds-tag-group> when multiselect=true.')}getClasses(){return{"bds-tag":!0,[`bds-tag--${this.color}`]:!0,"bds-tag--disabled":this.disabled,"bds-tag--selected":this.internalSelected}}renderTag(){return o(t,null,o("span",{"aria-hidden":"true",class:"bds-tag__icon"},o("slot",{name:"icon"})),o("span",{class:"bds-tag__text"},o("slot",null)))}renderCloseIcon(){return o("button",{class:"bds-tag__close-button","aria-label":this.closeButtonLabel,onClick:e=>this.handleClose(e),disabled:this.disabled,type:"button"},o("em",{class:"bds-icon-close","aria-hidden":"true"}))}render(){const e=this.getClasses(),a=!this.readonly,t=this.multiselect;return o(r,{key:"bd62a05fccbfa4aed3b7f72b9edf800c3ab05362",class:e,role:t?"option":void 0,tabIndex:t&&!this.disabled?0:-1,"aria-disabled":this.disabled?"true":void 0,"aria-selected":t?`${this.internalSelected}`:void 0,onKeyDown:this.disabled?void 0:e=>this.handleKeyDown(e),onClick:this.disabled?void 0:this.handleSelection,id:this._id},this.renderTag(),a&&this.renderCloseIcon())}get el(){return s(this)}static get watchers(){return{color:[{checkPropValues:0}],selected:[{syncSelectedFromProp:0}]}}};i.style='@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:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-tag:focus:not(.bds-tag--selected){outline:none;-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-tag--selected{outline:none;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.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:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);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:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-tag__close-button:active{background-color:var(--boreal-ui-inverse);opacity:0.5;-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset, 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.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)}';export{i as bds_tag}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-DCKg5Cg_.system.js"],(function(e){"use strict";var o,r,a,t,i;return{setters:[function(e){o=e.r;r=e.c;a=e.h;t=e.a;i=e.g}],execute:function(){var s=function(){return'@charset "UTF-8";.bds-radio-button__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--boreal-spacing-2xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);border:1px solid transparent;border-radius:var(--boreal-radius-s);background-color:var(--boreal-ui-default-base);color:var(--boreal-text-default);cursor:pointer;outline:none;-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-button input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio-button:hover:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio-button:focus-visible,.bds-radio-button:focus{z-index:1;background-color:var(--boreal-ui-default-lighter);-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);outline:none}.bds-radio-button:active:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-radio-button--checked{background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-primary-base);color:var(--boreal-text-primary-base)}.bds-radio-button--checked:hover,.bds-radio-button--checked:focus-visible,.bds-radio-button--checked:focus,.bds-radio-button--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-radio-button--error{background-color:var(--boreal-ui-inverse);color:var(--boreal-text-danger-base)}.bds-radio-button--error:hover,.bds-radio-button--error:focus-visible,.bds-radio-button--error:focus,.bds-radio-button--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-radio-button--error.bds-radio-button--checked{border-color:var(--boreal-stroke-danger-base)}.bds-radio-button--disabled{cursor:not-allowed;pointer-events:none;background-color:var(--boreal-ui-inverse);color:var(--boreal-text-disabled)}.bds-radio-button--disabled.bds-radio-button--checked{border-color:var(--boreal-stroke-primary-light);color:var(--boreal-text-primary-light)}.bds-radio-button__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.bds-radio-button__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-radio-button__icon:empty{display:none}.bds-radio-button__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)}'};var n=e("bds_radio_button",function(){function e(e){var a=this;o(this,e);this.bdsChange=r(this,"bdsChange");this.checked=false;this.disabled=false;this.error=false;this.value="on";this.name="";this.label="";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-button":true,"bds-radio-button--checked":this.checked,"bds-radio-button--error":this.error,"bds-radio-button--disabled":this.disabled}},enumerable:false,configurable:true});e.prototype.render=function(){var e=this;return a(t,{key:"63fe01baf9bf2318441f3a742ba857a540f4d7d0",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("input",{key:"19fd44e41ef583131da77206f9e0c987132a5cc4",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()}}),a("span",{key:"cfbe81b25b71aeda4786b6073c9b16bcc819bf7b",class:"bds-radio-button__icon"},a("slot",{key:"ffa28a8602ea92c990b3e365d6cd421975f896fc",name:"icon"})),a("span",{key:"c0a6512f836a00718ee71d5542b714900357ac82",class:"bds-radio-button__label"},this.label||a("slot",{key:"29c89fa661270a7cc5ee69eb5c7cbc594af05d40"})),this.info&&a("span",{key:"74c3d43733ac679427e1b4fdbfcb4e72dae335a8",class:"bds-radio-button__info"},a("span",{key:"567d225444acc5384df916a16a35867592327895",class:"bds-radio-button__info-icon bds-icon-info-circle","aria-hidden":"true"}),a("bds-tooltip",{key:"8120fe06d5a0f85d03205abc54f3e8112946ad4f"},this.info)))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());n.style=s()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as e,r as o,h as t,a,g as r}from"./p-BqJlOB6b.js";import{a as s,g as i}from"./p-wREMI3WA.js";import{B as p}from"./p-DlVzZK7o.js";import"./p-iq2UuV7c.js";import"./p-DCXSEEVH.js";import"./p-DlYG-OVB.js";const n=class extends(e(s)){constructor(e){super(),o(this,e),this.floatingOptions={},this.disabled=!1,this.width=320,this.header=!1,this.footer=!1,this.closable=!1,this.isVisible=!1}get options(){return{placement:this.floatingOptions.placement??"bottom",offset:i(this.floatingOptions?.hideArrow,this.floatingOptions?.offset,11),arrow:this.floatingOptions.hideArrow?void 0:this.arrowElement,strategy:"fixed",shift:!0,flip:!0}}get popoverWidth(){return"full"===this.width?"100%":"auto"===this.width?"auto":`${this.width}px`}get hooks(){return{onPositionUpdate:e=>this.handlePosition(e),onBeforeShow:()=>!this.disabled,onAfterShow:()=>this.attachClickOutside(),onAfterHide:()=>this.detachClickOutside(),onBeforeLoad:()=>this.attachTrigger(),subscribeToTrigger:e=>this.subscribe(e)}}attachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&(this.boundClickOutside=e=>this.handleClickOutside(e),document.addEventListener("mousedown",this.boundClickOutside))}detachClickOutside(){!1!==this.floatingOptions?.closeOnClickOutside&&null!==this.boundClickOutside&&(document.removeEventListener("mousedown",this.boundClickOutside),this.boundClickOutside=()=>{})}setArrowPosition(e){if(e.middlewareData?.arrow&&!this.disabled&&this.arrowElement?.isConnected){const o=this.floatingOptions.placement,t=e.middlewareData.arrow;let a=t.x||void 0;("top-start"===o||"bottom-start"===o)&&(a=t.x?20:void 0);const r=e.middlewareData.arrow.y;Object.assign(this.arrowElement.style,{left:null!=a?`${a}px`:"",top:null!=r?`${r}px`:""})}}handleClickOutside(e){const o=e.target,t=this.listenTarget?.contains(o)||this.trigger?.contains(o)||this.triggerSlot?.contains(o),a=this.floatingContent.contains(o)||this.floatingContent===o;t||a||this.hide()}handleContentClick(e){e.stopPropagation(),this.handleFloatingClick()}handleFloatingClick(){this.floatingOptions.closeOnClick&&this.hide()}handlePosition(e){if(this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e),"full"===this.width&&null!=this.triggerSlot){const e=(this.triggerSlot.parentElement??this.triggerSlot).getBoundingClientRect().width,o=this.floatingContent.getBoundingClientRect().width;Math.round(o)!==Math.round(e)&&(this.floatingContent.style.width=`${e}px`),this.updatePosition(this.triggerSlot,this.floatingContent,this.options,(e=>{this.floatingContent.setAttribute("data-placement",e.placement),this.setArrowPosition(e)}))}else"auto"===this.width&&(this.floatingContent.style.width="")}attachTrigger(){}subscribe(e){if(void 0===e)return;this.trigger=e,e.setAttribute("part","popover-trigger"),e.setAttribute("ariaDescribedBy","popover-content"),e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded","false");const o=e.closest("bds-button, bds-input, bds-select");if(null!=o){const e=o.querySelector("button, input");this.listenTarget=e??o,this.listenTarget.addEventListener("click",(e=>this.handleShow(e))),this.listenTarget.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.showElement()),(()=>this.hideElement()))))}else this.trigger.addEventListener("click",(e=>this.handleShow(e))),this.trigger.addEventListener("keydown",(e=>this.handleKeydown(e,(()=>this.showElement()),(()=>this.hideElement()))))}handleShow(e){e.stopPropagation(),this.toggle()}get canShowArrow(){return!this.floatingOptions.hideArrow||!1}get getPlacement(){return this.floatingOptions.placement||"bottom"}get hasHeaderSlot(){return null!==this.el.querySelector('[slot="header"]')}get hasFooterSlot(){return null!==this.el.querySelector('[slot="footer"]')}disconnectedCallback(){this.listenTarget.removeEventListener("click",(e=>this.handleShow(e))),this.trigger.removeEventListener("click",(e=>this.handleShow(e)))}render(){return t(a,{key:"953571ebcd84e1e6910f3fce9aa59ff1b00c1be7",class:"popover",style:{width:this.popoverWidth},popover:"manual",role:"tooltip","data-placement":this.getPlacement,"data-hidearrow":this.canShowArrow,"aria-hidden":this.isVisible?"false":"true",onClick:e=>this.handleContentClick(e),ref:e=>this.floatingContent=e},this.header&&t("div",{key:"435cde7702b5db7ddc5f055ab379ef264a8cac16",class:"popover-header"},t("div",{key:"a3ac8f2b6610090d5947dc299a9ce62d85265e86",class:"popover-header__content"},t("span",{key:"ed1cbb198c54ffba2c7ce22085cb43648d6b7f3d",class:"popover-header__icon"},t("slot",{key:"b3049ec3dc2ad99037a662553103facad38af4f9",name:"header-icon"})),t("span",{key:"591ccd19d65f3a485062be8e5e4acf57a3ff4539",class:"popover-header__title"},t("slot",{key:"9b65d0180f3728906302426f6436034e80f1c783",name:"header-title"}))),this.closable&&t("bds-button",{key:"5e13390200231b50e4a9c38fb22c623bf28d105f",class:"popover-header__close",size:p.SMALL,onBdsClick:()=>this.hide()},t("em",{key:"20ea602f48d1f27ee0b10c929a4a2194304a35b2",slot:"icon",class:"bds-icon-close"}))),this.canShowArrow&&t("div",{key:"551089a9b038a27277398dac47b8e72b2f3d9286",class:"popover-arrow",part:"arrow",ref:e=>this.arrowElement=e}),t("div",{key:"17a6a939f83dd930aafc416b48da124faa27a4e0",class:"popover-content",tabIndex:-1,part:"popover-content"},t("slot",{key:"ab7cfa10649128cc387a54cf052429425696269a"})),this.footer&&t("div",{key:"7cf9fa351928fd823a49541764cdd67bd2d57def",class:"popover-footer",onClick:e=>e.stopPropagation()},t("slot",{key:"b6a20d06d0964f6dea85afdd40a46a6fb737bbac",name:"footer-helper"}),t("slot",{key:"379b2b43a1e937775149e686686da9e4554dd962",name:"footer-button"})))}get el(){return r(this)}};n.style='@charset "UTF-8";:root{--popover-arrow-size:var(--boreal-spacing-s);--popover-width:320px}.popover{position:fixed;margin:0;overflow:visible;border-radius:var(--boreal-radius-xs2);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs);font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular);background:var(--boreal-ui-inverse);-webkit-filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));filter:drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.15));-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:transparent;cursor:auto}.popover-content{position:relative;padding:var(--boreal-spacing-s)}.popover[popover]:not(:popover-open){display:none}.popover-header{border-bottom:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-m) var(--boreal-spacing-xs) var(--boreal-spacing-m) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover-header__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.popover-header__title{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.popover-header__icon{font-size:var(--boreal-typography-font-size-md);margin-right:var(--boreal-spacing-3xs)}.popover-header__close{margin-left:var(--boreal-spacing-s)}.popover-header__close .bds-button{margin:0;padding:0;width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close .bds-button__content{width:var(--boreal-spacing-ml);height:var(--boreal-spacing-ml)}.popover-header__close em{font-size:var(--boreal-typography-font-size-xs)}.popover-footer{border-top:var(--boreal-stroke-default-light) solid 1px;padding:var(--boreal-spacing-s) var(--boreal-spacing-xs) var(--boreal-spacing-s) var(--boreal-spacing-s);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.popover .popover-arrow{position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);pointer-events:none}.popover .popover-arrow::before{content:"";position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--boreal-ui-inverse);-webkit-transform:rotate(45deg);transform:rotate(45deg);inset:0}.popover[data-placement^=top] .popover-arrow{bottom:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=top] .popover-arrow::before{bottom:0}.popover[data-placement^=bottom] .popover-arrow{top:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=bottom] .popover-arrow::before{bottom:0}.popover[data-placement^=left] .popover-arrow{right:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=left] .popover-arrow::before{left:0}.popover[data-placement^=right] .popover-arrow{left:calc(var(--popover-arrow-size) / -2)}.popover[data-placement^=right] .popover-arrow::before{left:0}';export{n as bds_popover}
|
|
@@ -1 +0,0 @@
|
|
|
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 s(){this.constructor=t}t.prototype=i===null?Object.create(i):(s.prototype=i.prototype,new s)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,s){function a(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(s.next(e))}catch(e){r(e)}}function o(e){try{l(s["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(n,o)}l((s=s.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:[]},s,a,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(s)throw new TypeError("Generator is already executing.");while(n&&(n=0,o[0]&&(i=0)),i)try{if(s=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=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++;a=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];a=0}finally{s=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 s=0,a=t.length,r;s<a;s++){if(r||!(s in t)){if(!r)r=Array.prototype.slice.call(t,0,s);r[s]=t[s]}}return e.concat(r||Array.prototype.slice.call(t))};System.register(["./p-DCKg5Cg_.system.js","./p-CW4-dkCF.system.js","./p-CRMH6mfq.system.js","./p-RhSdMyWk.system.js","./p-BsZkk4oK.system.js"],(function(e){"use strict";var t,i,s,a,r,n,o,l,d,c,f;return{setters:[function(e){t=e.M;i=e.r;s=e.c;a=e.h;r=e.a;n=e.g},function(e){o=e.f},function(e){l=e.s;d=e.r},function(e){c=e.c},function(e){f=e.v}],execute:function(){var b={Clear:"Clear",ShowPassword:"Show password",HidePassword:"Hide password"};var h={Close:"bds-icon-close",SightOn:"bds-icon-sight-on",SightOff:"bds-icon-sight-off"};var u={TEXT:"text",PASSWORD:"password"};var x={OUTLINE:"outline",PLAIN:"plain"};var p={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"};var v=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 g=e("bds_text_field",function(e){__extends(t,e);function t(t){var a=e.call(this)||this;i(a,t);a.valueChange=s(a,"valueChange");a.bdsInput=s(a,"bdsInput");a.bdsChange=s(a,"bdsChange");a.bdsFocus=s(a,"bdsFocus");a.bdsBlur=s(a,"bdsBlur");a.bdsClear=s(a,"bdsClear");a.bdsValidationChange=s(a,"bdsValidationChange");if(t.$hostElement$["s-ei"]){a.internals=t.$hostElement$["s-ei"]}else{a.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=a.internals}a.name="";a.disabled=false;a.required=false;a.isDisabled=false;a.value="";a.error=false;a.errorMessage="";a.customValidators=[];a.validationTiming=p.BLUR;a.type=u.TEXT;a.variant=x.OUTLINE;a.placeholder="";a.readOnly=false;a.autocomplete="off";a.pattern="";a.minLength=0;a.maxLength=0;a.label="";a.sublabel="";a.icon="";a.helperText="";a.info="";a.clearable=false;a.clearOnHover=false;a.charCount=0;a.counter=false;a.customWidth="";a.focused=false;a.showPassword=false;a.touched=false;a.dirty=false;a.currentCharCount=0;a.validationError=false;a.validationMessage="";a._valueAtFocus="";a._id=c("bds-text-field");a.invalidHandler=function(e){e.preventDefault();a.validationError=true;a.validationMessage=a.internals.validationMessage;a.bdsValidationChange.emit({valid:false,validity:a.internals.validity,value:a.value,touched:a.touched,dirty:a.dirty})};return a}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(){f(Object.values(u),u.TEXT,this.el,"type");f(Object.values(x),x.OUTLINE,this.el,"variant");f(Object.values(p),p.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){l(this.internals,e);this.currentCharCount=e.length;this.updateValidity();this.valueChange.emit(e)};t.prototype.formAssociatedCallback=function(){l(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="";l(this.internals,null);this.updateValidity()};t.prototype.formStateRestoreCallback=function(e,t){this.value=typeof e==="string"?e:"";l(this.internals,this.value);this.updateValidity()};t.prototype.updateValidity=function(e){if(e===void 0){e=false}var t=d(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===p.INPUT){this.updateValidity(true)}};t.prototype.handleChange=function(e){this.bdsChange.emit({value:this.value,event:e});if(this.validationTiming===p.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===p.BLUR){this.updateValidity(true)}else if(this.validationTiming===p.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===x.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?h.Close:""},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"showPasswordIcon",{get:function(){return this.showPassword?h.SightOn:h.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 s=(this.clearable||this.clearOnHover)&&this.value!==""&&!this.isDisabled&&!this.readOnly;var n=this.error||this.validationError;var o=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;var l=o!==""||this.counter&&this.charCount>0;var d=this.isDisabled?"disabled":n?"error":"default";return a(r,{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!==""&&a("bds-typography",{key:"eea2b4211cb13cc24baa650239ceca1168933eb5",id:t,variant:"label",htmlFor:this._id,required:this.required,tooltipText:this.info!==""?this.info:undefined,state:d},this.label),a("div",{key:"17d9e4b5f7e0d64a7e6e73200073db9e2d89b601",class:"bds-text-field__container"},(this.icon!==""||this.sublabel!=="")&&a("span",{key:"5557471fd0b5b49a1bb856ea4c1b901ca96039e6",class:"bds-text-field__sublabel"},this.icon!==""&&a("em",{key:"e213979d268b2fce51a0a090b82dff0552515a8c",class:this.icon}),this.sublabel),a("slot",{key:"828b889037a40e562bf45a4b502988542b815701",name:"prefix"}),a("input",{key:"b842de768f53b095b65fc60da7a0cfabfbcc87d1",id:this._id,class:"bds-text-field__control","aria-labelledby":this.label!==""?t:undefined,"aria-describedby":l&&o!==""?i:undefined,"aria-invalid":this.error||this.validationError?"true":undefined,"aria-required":this.required?"true":undefined,type:this.type===u.PASSWORD&&this.showPassword?u.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)}}),(s||this.type===u.PASSWORD)&&a("div",{key:"19ffb36c88f72645969fed69eb8368647ea8071c",class:"bds-text-field__actions"},s&&a("button",{key:"1adbe2d791fa48cbc6d0b9d71bda40f01f77efe4",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":b.Clear,onClick:function(){return e.handleClear()}},a("em",{key:"72e94a903896a8f0d04569ffb4b692c5fe37c621",class:this.iconClear})),this.type===u.PASSWORD&&a("button",{key:"795a85ad395254a8dbac151eb225aeb0d0d9266a",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?b.HidePassword:b.ShowPassword,onClick:function(){return e.handleShowPassword()}},a("em",{key:"e84632218e25422ce5ba64ad6efc40a94310a0c5",class:this.showPasswordIcon})))),l&&a("div",{key:"ef98f783b7cd1ccf37d04a209d1bcf4b87ca048a",class:"bds-text-field__footer"},o!==""&&a("bds-typography",{key:"c560b15810400be0710368c089294a6ee51746b1",id:i,variant:"helper",state:d},o),this.counter&&this.charCount>0&&a("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 n(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}(t(o)));g.style=v()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var e=function(c,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,c){e.__proto__=c}||function(e,c){for(var r in c)if(Object.prototype.hasOwnProperty.call(c,r))e[r]=c[r]};return e(c,r)};return function(c,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(c,r);function a(){this.constructor=c}c.prototype=r===null?Object.create(r):(a.prototype=r.prototype,new a)}}();System.register(["./p-DCKg5Cg_.system.js","./p-CW4-dkCF.system.js","./p-CRMH6mfq.system.js"],(function(e){"use strict";var c,r,a,o,s,b,d,i;return{setters:[function(e){c=e.M;r=e.r;a=e.c;o=e.h;s=e.a;b=e.g},function(e){d=e.f},function(e){i=e.s}],execute:function(){var t=function(){return'@charset "UTF-8";.bds-checkbox-card{position:relative;cursor:pointer;font-family:var(--boreal-typography-font-family-primary);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;gap:var(--boreal-spacing-xs);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);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-checkbox-card:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-checkbox-card:focus-within,.bds-checkbox-card:focus{background-color:var(--boreal-ui-default-lighter);-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-checkbox-card:focus-visible{outline:none}.bds-checkbox-card:active bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:hover bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-within bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box,.bds-checkbox-card:focus-visible bds-checkbox:not(.bds-checkbox--checked) .bds-checkbox__box{background:var(--boreal-ui-inverse)}.bds-checkbox-card__icon{display:-ms-flexbox;display:flex;margin-top:var(--boreal-spacing-3xs);height:var(--boreal-layout-m);-ms-flex-align:center;align-items:center;margin-bottom:var(--boreal-spacing-2xs)}.bds-checkbox-card .bds-checkbox-card__checkbox{pointer-events:none;-ms-flex-negative:0;flex-shrink:0;margin-top:calc(var(--boreal-spacing-2xs) - var(--boreal-spacing-4xs))}.bds-checkbox-card .bds-checkbox-card__checkbox .bds-checkbox__label{display:none}.bds-checkbox-card__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-checkbox-card__header{display:-ms-inline-flexbox;display:inline-flex;gap:var(--boreal-spacing-3xs);color:var(--boreal-text-default);line-height:var(--boreal-typography-line-height-md)}.bds-checkbox-card__title{font-weight:var(--boreal-typography-font-weight-semibold);font-size:var(--boreal-typography-font-size-md)}.bds-checkbox-card__description{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);line-height:var(--boreal-typography-line-height-xs)}.bds-checkbox-card--checked{border-color:var(--boreal-stroke-primary-base)}.bds-checkbox-card--checked:hover,.bds-checkbox-card--checked:focus,.bds-checkbox-card--checked:focus-within,.bds-checkbox-card--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-checkbox-card--checked .bds-checkbox-card__header,.bds-checkbox-card--checked .bds-checkbox-card__description{color:var(--boreal-text-primary-base)}.bds-checkbox-card--indeterminate{border-color:var(--boreal-stroke-default-light)}.bds-checkbox-card--indeterminate .bds-checkbox-card__header{color:var(--boreal-text-default)}.bds-checkbox-card--indeterminate .bds-checkbox-card__description{color:var(--boreal-text-default-light)}.bds-checkbox-card--disabled{pointer-events:none}.bds-checkbox-card--disabled .bds-checkbox-card__header,.bds-checkbox-card--disabled .bds-checkbox-card__description{color:var(--boreal-text-disabled)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error){border-color:var(--boreal-stroke-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--checked:not(.bds-checkbox-card--error) .bds-checkbox-card__description{color:var(--boreal-text-primary-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-light)}.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--disabled.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-light)}.bds-checkbox-card--error{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-card--error:hover,.bds-checkbox-card--error:focus,.bds-checkbox-card--error:focus-within,.bds-checkbox-card--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-checkbox-card--error .bds-checkbox-card__header,.bds-checkbox-card--error .bds-checkbox-card__description{color:var(--boreal-text-danger-base)}'};var n=e("bds_checkbox_card",function(e){__extends(c,e);function c(c){var o=e.call(this)||this;r(o,c);o.valueChange=a(o,"valueChange");o.bdsChange=a(o,"bdsChange");if(c.$hostElement$["s-ei"]){o.internals=c.$hostElement$["s-ei"]}else{o.internals=c.$hostElement$.attachInternals();c.$hostElement$["s-ei"]=o.internals}o.isDisabled=false;o.isIndeterminate=false;o.isChecked=false;o.disabled=false;o.required=false;o.value="on";o.label="";o.checked=false;o.indeterminate=false;o.error=false;o.handleClick=function(){return o.toggle()};o.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();o.toggle()}};return o}c.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.isIndeterminate=this.indeterminate;this.isChecked=this.checked};c.prototype.onDisabledChange=function(e){this.isDisabled=e};c.prototype.onIndeterminateChange=function(e){this.isIndeterminate=e};c.prototype.onCheckedChange=function(e){this.isChecked=e};c.prototype.toggle=function(){if(this.isDisabled)return;this.isIndeterminate=false;this.isChecked=!this.isChecked;this.bdsChange.emit({checked:this.isChecked,value:this.value});this.valueChange.emit(this.isChecked)};Object.defineProperty(c.prototype,"hostClasses",{get:function(){return{"bds-checkbox-card":true,"bds-checkbox-card--checked":this.isChecked,"bds-checkbox-card--indeterminate":this.isIndeterminate,"bds-checkbox-card--disabled":this.isDisabled,"bds-checkbox-card--error":this.error}},enumerable:false,configurable:true});c.prototype.syncFormValue=function(){i(this.internals,this.isChecked?this.value:null)};c.prototype.formAssociatedCallback=function(){this.syncFormValue()};c.prototype.formResetCallback=function(){this.isChecked=false;this.isIndeterminate=false;i(this.internals,null)};c.prototype.formStateRestoreCallback=function(e,c){this.isChecked=e===this.value;this.syncFormValue()};c.prototype.formDisabledCallback=function(e){this.isDisabled=e};c.prototype.render=function(){return o(s,{key:"9277e649285e38b491fe55bd8bc4eabf7b0725f8",class:this.hostClasses,role:"checkbox","aria-checked":this.isIndeterminate?"mixed":"".concat(this.isChecked),"aria-disabled":this.isDisabled?"true":"false","aria-invalid":this.error?"true":"false","aria-label":this.label||this.name||undefined,tabIndex:this.isDisabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("bds-checkbox",{key:"e87685111aae53e368f37fde53994590bbdc0a69",class:"bds-checkbox-card__checkbox",name:this.name,value:this.value,checked:this.isChecked,indeterminate:this.isIndeterminate,disabled:this.isDisabled,error:this.error,tabIndex:-1,"aria-hidden":"true"}),o("div",{key:"ca93933dddfbdbbf6ae96a9f0b2f7ec1b4014a3a",class:"bds-checkbox-card__card"},o("div",{key:"952ca899553bc57a7f6b01cd65607d084c7869a9",class:"bds-checkbox-card__content"},o("div",{key:"bf913fdb5d5fab9e81b387113c7198514fdbe8de",class:"bds-checkbox-card__header"},o("div",{key:"d885e0eabf9ea9d425160ce88a4d76212b400a1d",class:"bds-checkbox-card__icon"},o("slot",{key:"9c658f9823aa449e4e9138b2b86e937cc9ce3e1c",name:"icon"})),o("div",{key:"e7c410ff15cb7bd62c2eba56683cf1b9b24c970a",class:"bds-checkbox-card__title"},this.label||o("slot",{key:"59cce6d6bd050711af8a55a44252747a593b0a29"}))),o("div",{key:"1a574fde1998ebd5f2940c27dbc5e275ce7bb933",class:"bds-checkbox-card__description"},o("slot",{key:"ed53c06534344f9dfec0f0ffba067c16596d24d7",name:"description"})))))};Object.defineProperty(c,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(c.prototype,"el",{get:function(){return b(this)},enumerable:false,configurable:true});Object.defineProperty(c,"watchers",{get:function(){return{disabled:[{onDisabledChange:0}],indeterminate:[{onIndeterminateChange:0}],checked:[{onCheckedChange:0}]}},enumerable:false,configurable:true});return c}(c(d)));n.style=t()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as e,r as t,c as s,h as i,a,g as l}from"./p-BqJlOB6b.js";import{f as o}from"./p-C4HM8wQe.js";import{s as r,r as d}from"./p-DfaYciGa.js";import{c as h}from"./p-DhSchGPI.js";import{v as n}from"./p-kGnB15Lz.js";const b={TEXT:"text",PASSWORD:"password"},c={OUTLINE:"outline",PLAIN:"plain"},f={BLUR:"blur",CHANGE:"change",INPUT:"input",SUBMIT:"submit"},x=class extends(e(o)){constructor(e){super(),t(this,e),this.valueChange=s(this,"valueChange"),this.bdsInput=s(this,"bdsInput"),this.bdsChange=s(this,"bdsChange"),this.bdsFocus=s(this,"bdsFocus"),this.bdsBlur=s(this,"bdsBlur"),this.bdsClear=s(this,"bdsClear"),this.bdsValidationChange=s(this,"bdsValidationChange"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.name="",this.disabled=!1,this.required=!1,this.isDisabled=!1,this.value="",this.error=!1,this.errorMessage="",this.customValidators=[],this.validationTiming=f.BLUR,this.type=b.TEXT,this.variant=c.OUTLINE,this.placeholder="",this.readOnly=!1,this.autocomplete="off",this.pattern="",this.minLength=0,this.maxLength=0,this.label="",this.sublabel="",this.icon="",this.helperText="",this.info="",this.clearable=!1,this.clearOnHover=!1,this.charCount=0,this.counter=!1,this.customWidth="",this.focused=!1,this.showPassword=!1,this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",this._valueAtFocus="",this._id=h("bds-text-field"),this.invalidHandler=e=>{e.preventDefault(),this.validationError=!0,this.validationMessage=this.internals.validationMessage,this.bdsValidationChange.emit({valid:!1,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty})}}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}onDisabledChange(e){this.isDisabled=e}checkPropValues(){n(Object.values(b),b.TEXT,this.el,"type"),n(Object.values(c),c.OUTLINE,this.el,"variant"),n(Object.values(f),f.BLUR,this.el,"validationTiming")}componentWillLoad(){this.checkPropValues(),this.isDisabled=this.disabled,this.currentCharCount=this.value.length}componentDidLoad(){this.el.addEventListener("invalid",this.invalidHandler)}disconnectedCallback(){this.el.removeEventListener("invalid",this.invalidHandler)}onCustomValidatorsChange(){this.updateValidity()}onValueChange(e){r(this.internals,e),this.currentCharCount=e.length,this.updateValidity(),this.valueChange.emit(e)}formAssociatedCallback(){r(this.internals,this.value),this.updateValidity()}formResetCallback(){this.value="",this.touched=!1,this.dirty=!1,this.currentCharCount=0,this.validationError=!1,this.validationMessage="",r(this.internals,null),this.updateValidity()}formStateRestoreCallback(e,t){this.value="string"==typeof e?e:"",r(this.internals,this.value),this.updateValidity()}updateValidity(e=!1){const t=d(this.internals,[...this.validators,...this.customValidators],this.el);e&&(this.validationError=!t,this.validationMessage=t?"":this.internals.validationMessage,this.bdsValidationChange.emit({valid:t,validity:this.internals.validity,value:this.value,touched:this.touched,dirty:this.dirty}))}handleInput(e){this.value=e.target.value,this.dirty=!0,this.bdsInput.emit({value:this.value,event:e}),this.validationTiming===f.INPUT&&this.updateValidity(!0)}handleChange(e){this.bdsChange.emit({value:this.value,event:e}),this.validationTiming===f.CHANGE&&this.updateValidity(!0)}handleFocus(e){this.focused=!0,this._valueAtFocus=this.value,this.bdsFocus.emit({event:e})}handleBlur(e){this.focused=!1,this.touched=!0,this.bdsBlur.emit({event:e}),(this.validationTiming===f.BLUR||this.validationTiming===f.CHANGE&&this.value!==this._valueAtFocus)&&this.updateValidity(!0)}handleShowPassword(){this.showPassword=!this.showPassword}handleClear(){this.value="",this.dirty=!0,this.validationError=!1,this.validationMessage="",this.bdsClear.emit(),this.el.querySelector("input")?.focus()}handleMouseDown(e){this.readOnly&&e.preventDefault()}get validators(){return[{key:"valueMissing",isValid:()=>!this.required||""!==this.value,message:"This field is required. Please fill it out."},{key:"tooShort",isValid:()=>0===this.minLength||this.value.length>=this.minLength,message:`Please enter at least ${this.minLength} characters.`},{key:"patternMismatch",isValid:()=>{if(""===this.pattern||""===this.value)return!0;try{return new RegExp(this.pattern).test(this.value)}catch{return!0}},message:"Please match the requested format."}]}get effectiveMaxLength(){return 0!==this.maxLength?this.maxLength:this.counter&&this.charCount>0?this.charCount:void 0}get classMap(){return{"bds-text-field":!0,"bds-text-field--error":this.error||this.validationError,"bds-text-field--disabled":this.isDisabled,"bds-text-field--focused":this.focused,"bds-text-field--readonly":this.readOnly,"bds-text-field--plain":this.variant===c.PLAIN,"bds-text-field--clear-on-hover":this.clearOnHover}}get hostStyle(){return""!==this.customWidth?{"--bds-text-field-width":this.customWidth}:void 0}get iconClear(){return this.clearable||this.clearOnHover?"bds-icon-close":""}get showPasswordIcon(){return this.showPassword?"bds-icon-sight-on":"bds-icon-sight-off"}render(){const e=`${this._id}-label`,t=`${this._id}-helper`,s=(this.clearable||this.clearOnHover)&&""!==this.value&&!this.isDisabled&&!this.readOnly,l=this.error&&""!==this.errorMessage?this.errorMessage:this.validationError&&""!==this.validationMessage?this.validationMessage:this.helperText,o=""!==l||this.counter&&this.charCount>0,r=this.isDisabled?"disabled":this.error||this.validationError?"error":"default";return i(a,{key:"5f52a0a9553efa1ec140b9edc4d3d332b9b306bc",class:this.classMap,style:this.hostStyle,tabIndex:-1,onFocus:()=>!this.readOnly&&this.el.querySelector("input")?.focus()},""!==this.label&&i("bds-typography",{key:"eea2b4211cb13cc24baa650239ceca1168933eb5",id:e,variant:"label",htmlFor:this._id,required:this.required,tooltipText:""!==this.info?this.info:void 0,state:r},this.label),i("div",{key:"17d9e4b5f7e0d64a7e6e73200073db9e2d89b601",class:"bds-text-field__container"},(""!==this.icon||""!==this.sublabel)&&i("span",{key:"5557471fd0b5b49a1bb856ea4c1b901ca96039e6",class:"bds-text-field__sublabel"},""!==this.icon&&i("em",{key:"e213979d268b2fce51a0a090b82dff0552515a8c",class:this.icon}),this.sublabel),i("slot",{key:"828b889037a40e562bf45a4b502988542b815701",name:"prefix"}),i("input",{key:"b842de768f53b095b65fc60da7a0cfabfbcc87d1",id:this._id,class:"bds-text-field__control","aria-labelledby":""!==this.label?e:void 0,"aria-describedby":o&&""!==l?t:void 0,"aria-invalid":this.error||this.validationError?"true":void 0,"aria-required":this.required?"true":void 0,type:this.type===b.PASSWORD&&this.showPassword?b.TEXT:this.type,value:this.value,disabled:this.isDisabled,readOnly:this.readOnly,tabIndex:this.readOnly?-1:void 0,placeholder:this.placeholder,autocomplete:this.autocomplete,pattern:""!==this.pattern?this.pattern:void 0,minLength:0!==this.minLength?this.minLength:void 0,maxLength:this.effectiveMaxLength,onMouseDown:e=>this.handleMouseDown(e),onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e),onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e)}),(s||this.type===b.PASSWORD)&&i("div",{key:"19ffb36c88f72645969fed69eb8368647ea8071c",class:"bds-text-field__actions"},s&&i("button",{key:"1adbe2d791fa48cbc6d0b9d71bda40f01f77efe4",class:"bds-text-field__action bds-text-field__action--clear",type:"button","aria-label":"Clear",onClick:()=>this.handleClear()},i("em",{key:"72e94a903896a8f0d04569ffb4b692c5fe37c621",class:this.iconClear})),this.type===b.PASSWORD&&i("button",{key:"795a85ad395254a8dbac151eb225aeb0d0d9266a",class:"bds-text-field__action bds-text-field__action--password",type:"button","aria-label":this.showPassword?"Hide password":"Show password",onClick:()=>this.handleShowPassword()},i("em",{key:"e84632218e25422ce5ba64ad6efc40a94310a0c5",class:this.showPasswordIcon})))),o&&i("div",{key:"ef98f783b7cd1ccf37d04a209d1bcf4b87ca048a",class:"bds-text-field__footer"},""!==l&&i("bds-typography",{key:"c560b15810400be0710368c089294a6ee51746b1",id:t,variant:"helper",state:r},l),this.counter&&this.charCount>0&&i("span",{key:"e4f7d33f2e3bf588f30ccb7165a9b385d8f5a8e3",class:"bds-text-field__char-count"},this.currentCharCount,"/",this.charCount)))}static get formAssociated(){return!0}get el(){return l(this)}static get watchers(){return{disabled:[{onDisabledChange:0}],type:[{checkPropValues:0}],variant:[{checkPropValues:0}],validationTiming:[{checkPropValues:0}],customValidators:[{onCustomValidatorsChange:0}],value:[{onValueChange:0}]}}};x.style='@charset "UTF-8";.bds-text-field__container,.bds-text-field__sublabel,.bds-text-field__actions,.bds-text-field__action,.bds-text-field__footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-text-field [slot=prefix],.bds-text-field__sublabel{font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs)}.bds-text-field{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--boreal-spacing-2xs);width:var(--bds-text-field-width, 100%);font-family:var(--boreal-typography-font-family-primary);color:var(--boreal-text-default)}.bds-text-field__container{padding:var(--boreal-spacing-1xs);padding-left:0;height:var(--boreal-layout-l);border:1px solid var(--boreal-stroke-default-light);border-radius:var(--boreal-radius-xs);background-color:var(--boreal-ui-inverse);-webkit-transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;overflow:hidden}.bds-text-field__sublabel{gap:var(--boreal-spacing-3xs);padding-left:var(--boreal-spacing-xs);white-space:nowrap}.bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field__sublabel em[class*=" bds-icon-"]{width:var(--boreal-icons-m);height:var(--boreal-icons-m);font-size:var(--boreal-typography-font-size-md);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field [slot=prefix]{padding-left:var(--boreal-spacing-xs);overflow:hidden;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.bds-text-field__control{min-width:0;width:100%;border:none;outline:none;background:transparent;padding:0;padding-left:var(--boreal-spacing-xs);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-sm)}.bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control::placeholder{color:var(--boreal-text-default-light)}.bds-text-field__control:disabled{cursor:not-allowed}.bds-text-field__actions{padding-left:var(--boreal-spacing-xs);gap:var(--boreal-spacing-3xs)}.bds-text-field__action{-ms-flex-pack:center;justify-content:center;background:none;border:none;padding:var(--boreal-spacing-3xs);cursor:pointer;color:var(--boreal-icon-default-light);line-height:1;-webkit-transition:color 0.3s ease, opacity 0.3s ease;transition:color 0.3s ease, opacity 0.3s ease}.bds-text-field__action--clear em[class^=bds-icon-],.bds-text-field__action--clear em[class*=" bds-icon-"]{width:var(--boreal-icons-s);height:var(--boreal-icons-s);font-size:var(--boreal-typography-font-size-xs);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action--password em[class^=bds-icon-],.bds-text-field__action--password em[class*=" bds-icon-"]{width:var(--boreal-icons-l);height:var(--boreal-icons-l);font-size:var(--boreal-typography-font-size-lg);line-height:1;-ms-flex-negative:0;flex-shrink:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-text-field__action:hover{color:var(--boreal-icon-default-dark)}.bds-text-field__action:focus-visible{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field__footer{-ms-flex-pack:justify;justify-content:space-between}.bds-text-field__char-count{-ms-flex-negative:0;flex-shrink:0;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);color:var(--boreal-text-default-light)}.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-text-field--error .bds-text-field__container{border-color:var(--boreal-stroke-danger-base)}.bds-text-field--disabled{cursor:not-allowed}.bds-text-field--disabled .bds-text-field__container{background-color:var(--boreal-ui-default-lighter);border-color:var(--boreal-stroke-default-light)}.bds-text-field--disabled .bds-text-field__sublabel{color:var(--boreal-text-disabled)}.bds-text-field--disabled .bds-text-field__sublabel em[class^=bds-icon-],.bds-text-field--disabled .bds-text-field__sublabel em[class*=" bds-icon-"]{color:var(--boreal-icon-disabled)}.bds-text-field--disabled .bds-text-field__control{color:var(--boreal-icon-disabled)}.bds-text-field--readonly .bds-text-field__container{background-color:transparent;border:none}.bds-text-field--readonly .bds-text-field__control::-webkit-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-moz-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control:-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::-ms-input-placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--readonly .bds-text-field__control::placeholder{color:var(--boreal-text-default-darker)}.bds-text-field--plain .bds-text-field__container{border-color:transparent}.bds-text-field--plain.bds-text-field--focused .bds-text-field__container{border-color:var(--boreal-stroke-focus)}.bds-text-field--clear-on-hover .bds-text-field__action--clear{opacity:0;pointer-events:none}.bds-text-field--clear-on-hover:hover .bds-text-field__action--clear{opacity:1;pointer-events:auto}';export{x as bds_text_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const o={MENU:"menu",LISTBOX:"listbox"};export{o as M}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-DCKg5Cg_.system.js","./p-CXz1RLGi.system.js","./p-C0P3gzq5.system.js","./p-CU_dRLdk.system.js","./p-BsZkk4oK.system.js"],(function(o){"use strict";var t,r,b,e,a,s,n,d,u,i;return{setters:[function(o){t=o.r;r=o.c;b=o.h;e=o.g},function(o){a=o.C},function(o){s=o.b;n=o.a;d=o.B},function(o){u=o.C},function(o){i=o.v}],execute:function(){var l=function(){return'@charset "UTF-8";bds-button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.bds-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-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;margin:var(--boreal-spacing-2xs) var(--boreal-spacing-3xs);outline:none;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-semibold);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;vertical-align:middle}.bds-button .bds-button__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-button--is-loading{pointer-events:none;position:relative;color:transparent !important}.bds-button--is-loading::after{position:absolute;content:" ";-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-animation:rotateSpinner 0.5s linear infinite;animation:rotateSpinner 0.5s linear infinite;border-radius:9999px;display:block;height:1em;width:1em;rotate:45deg;left:calc(50% - 0.5em);top:calc(50% - 0.5em);border:3px solid;border-right-color:transparent;border-top-color:transparent}.bds-button--size-sm{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-xs);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);line-height:var(--boreal-typography-line-height-xs);height:26px}.bds-button--size-sm .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-sm .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-button--size-sm .bds-button__content-icon:empty{display:none}.bds-button--size-sm .bds-button__content{}.bds-button--size-sm .bds-button__content-badge:empty{display:none}.bds-button--size-sm .bds-button__content-badge{display:none}.bds-button--size-md{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-sm);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-1xs);line-height:var(--boreal-typography-line-height-sm);height:32px}.bds-button--size-md .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-md .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-md);line-height:var(--boreal-typography-line-height-sm)}.bds-button--size-md .bds-button__content-icon:empty{display:none}.bds-button--size-md .bds-button__content{}.bds-button--size-md .bds-button__content-badge:empty{display:none}.bds-button--size-lg{border-radius:var(--boreal-radius-xs);font-size:var(--boreal-typography-font-size-md);padding:var(--boreal-spacing-xs);line-height:var(--boreal-typography-line-height-md);height:44px}.bds-button--size-lg .bds-button__content{padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs)}.bds-button--size-lg .bds-button__content-icon{display:-ms-flexbox;display:flex;font-size:var(--boreal-typography-font-size-lg);line-height:var(--boreal-typography-line-height-md)}.bds-button--size-lg .bds-button__content-icon:empty{display:none}.bds-button--size-lg .bds-button__content{}.bds-button--size-lg .bds-button__content-badge:empty{display:none}.bds-button.bds-button--var-default.bds-button--default{color:var(--boreal-text-default);background-color:var(--boreal-ui-inverse);border-color:transparent}.bds-button.bds-button--var-default.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-default.bds-button--default:active,.bds-button.bds-button--var-default.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-default.bds-button--primary{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--primary:hover{background-color:var(--boreal-ui-primary-dark);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--primary:focus{background-color:var(--boreal-ui-primary-base);-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-button.bds-button--var-default.bds-button--primary:active,.bds-button.bds-button--var-default.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-dark);-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-button.bds-button--var-default.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-primary-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--success{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--success:hover{background-color:var(--boreal-ui-success-dark);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--success:focus{background-color:var(--boreal-ui-success-base);-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-button.bds-button--var-default.bds-button--success:active,.bds-button.bds-button--var-default.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-dark);-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-button.bds-button--var-default.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-success-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-default.bds-button--error{color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-base);border-color:transparent}.bds-button.bds-button--var-default.bds-button--error:hover{background-color:var(--boreal-ui-danger-dark);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-default.bds-button--error:focus{background-color:var(--boreal-ui-danger-base);-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-button.bds-button--var-default.bds-button--error:active,.bds-button.bds-button--var-default.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-dark);-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-button.bds-button--var-default.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-inverse);background-color:var(--boreal-ui-danger-light);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-default.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-inverse);border-bottom-color:var(--boreal-text-inverse)}.bds-button.bds-button--var-outline{background-color:transparent}.bds-button.bds-button--var-outline.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:var(--boreal-stroke-default-light)}.bds-button.bds-button--var-outline.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-outline.bds-button--default:active,.bds-button.bds-button--var-outline.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-outline.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-default-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-outline.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:var(--boreal-ui-primary-base)}.bds-button.bds-button--var-outline.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-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-button.bds-button--var-outline.bds-button--primary:active,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-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-button.bds-button--var-outline.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:var(--boreal-stroke-primary-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-outline.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:var(--boreal-stroke-success-base)}.bds-button.bds-button--var-outline.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-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-button.bds-button--var-outline.bds-button--success:active,.bds-button.bds-button--var-outline.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-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-button.bds-button--var-outline.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:var(--boreal-stroke-success-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-outline.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:var(--boreal-stroke-danger-base)}.bds-button.bds-button--var-outline.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-outline.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-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-button.bds-button--var-outline.bds-button--error:active,.bds-button.bds-button--var-outline.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-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-button.bds-button--var-outline.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:var(--boreal-stroke-danger-light);-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-outline.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}.bds-button.bds-button--var-plain{background-color:transparent}.bds-button.bds-button--var-plain.bds-button--default{color:var(--boreal-text-default);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--default:hover{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-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-button.bds-button--var-plain.bds-button--default:active,.bds-button.bds-button--var-plain.bds-button--default.bds-button--state-active{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-disabled);background-color:var(--boreal-ui-inverse);border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--default.bds-button--is-loading::after{border-left-color:var(--boreal-text-disabled);border-bottom-color:var(--boreal-text-disabled)}.bds-button.bds-button--var-plain.bds-button--primary{color:var(--boreal-text-primary-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--primary:hover{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-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-button.bds-button--var-plain.bds-button--primary:active,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--state-active{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-primary-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--primary.bds-button--is-loading::after{border-left-color:var(--boreal-text-primary-light);border-bottom-color:var(--boreal-text-primary-light)}.bds-button.bds-button--var-plain.bds-button--success{color:var(--boreal-text-success-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--success:hover{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-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-button.bds-button--var-plain.bds-button--success:active,.bds-button.bds-button--var-plain.bds-button--success.bds-button--state-active{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-success-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--success.bds-button--is-loading::after{border-left-color:var(--boreal-text-success-light);border-bottom-color:var(--boreal-text-success-light)}.bds-button.bds-button--var-plain.bds-button--error{color:var(--boreal-text-danger-base);background-color:transparent;border-color:transparent}.bds-button.bds-button--var-plain.bds-button--error:hover{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-button.bds-button--var-plain.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-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-button.bds-button--var-plain.bds-button--error:active,.bds-button.bds-button--var-plain.bds-button--error.bds-button--state-active{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-disabled,.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading{cursor:not-allowed;color:var(--boreal-text-danger-light);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.bds-button.bds-button--var-plain.bds-button--error.bds-button--is-loading::after{border-left-color:var(--boreal-text-danger-light);border-bottom-color:var(--boreal-text-danger-light)}@-webkit-keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateSpinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}'};var c=o("bds_button",function(){function o(o){var b=this;t(this,o);this.bdsClick=r(this,"bdsClick");if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.currentState=a.DEFAULT;this.label="";this.disabled=false;this.name="";this.type=s.BUTTON;this.color=u.DEFAULT;this.variant=n.DEFAULT;this.size=d.MEDIUM;this.loading=false;this.disclosure=false;this.handleKeyDown=function(o){if(o.key==="Enter"||o.key===" "){b.currentState=a.ACTIVE;o.preventDefault();b.handleClick(o)}};this.handleKeyUp=function(){b.currentState=a.DEFAULT};this.handleClick=function(o){o.preventDefault();o.stopPropagation();if(b.disabled||b.loading)return;if(b.type===s.SUBMIT||b.type===s.RESET){b.processFormClick()}else{b.bdsClick.emit(o)}}}o.prototype.checkPropValues=function(){i(Object.values(s),s.BUTTON,this.el,"type");i(Object.values(u),u.DEFAULT,this.el,"color");i(Object.values(n),n.DEFAULT,this.el,"variant");i(Object.values(d),d.MEDIUM,this.el,"size")};o.prototype.componentWillLoad=function(){this.checkPropValues()};o.prototype.componentDidLoad=function(){this.setupFormAssociation()};o.prototype.setupFormAssociation=function(){var o=this.el.closest("form");var t=this.internals&&"form"in this.internals?this.internals.form:null;this.internalForm=t||o||undefined};o.prototype.processFormClick=function(){var o;var t=this;if(this.internalForm===undefined){console.warn("[BorealDS Button] No form found for submit/reset action. Please ensure the button is within a form or that the form is properly associated.");return}var r=(o={},o[s.SUBMIT]=function(){var o,r;if(typeof((o=t.internalForm)===null||o===void 0?void 0:o.requestSubmit)==="function"){t.internalForm.requestSubmit()}else{(r=t.internalForm)===null||r===void 0?void 0:r.submit()}},o[s.RESET]=function(){var o;return(o=t.internalForm)===null||o===void 0?void 0:o.reset()},o);var b=r[this.type];if(typeof b==="function"){b()}return};Object.defineProperty(o.prototype,"getClassMap",{get:function(){var o;return o={"bds-button":true,"bds-button--is-disabled":this.disabled,"bds-button--is-loading":this.loading},o["bds-button--state-".concat(this.currentState)]=true,o["bds-button--".concat(this.color)]=true,o["bds-button--var-".concat(this.variant)]=true,o["bds-button--size-".concat(this.size)]=true,o},enumerable:false,configurable:true});o.prototype.render=function(){return b("button",{key:"e1b3c4e0ae8662427a037f861cd57050051cc80a",name:this.name,class:this.getClassMap,type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label||undefined,"aria-disabled":this.disabled||this.loading,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp},b("div",{key:"24e37c5a359e19163411ab5ed7028eaa84caa2e5",class:"bds-button__content"},b("span",{key:"90f4956274656c46ca43f7a903c9947d89367aba",class:"bds-button__content-icon bds-button__content-icon--start"},b("slot",{key:"d4a5344f9e3ebd5279b5e25a8f1982d523e6d2b8",name:"icon"})),b("slot",{key:"14b26b5e5f3bbabb1b88596b721f7ea864df1b15"}),b("span",{key:"34cb88da064a6c74596a4bb477fb0a9d6880b391",class:"bds-button__content-badge"},b("slot",{key:"00775c4a742d49ca7f23d7dbe061f4333ed43907",name:"badge"})),this.disclosure&&b("span",{key:"0b959969969cf4c5a651b6c1488d35b1d0ec9b7b",class:"bds-button__content-icon"},b("i",{key:"316154f31f1f57b67e126d407b3596c60f532b1a",class:"bds-icon-chevron-down"}))))};Object.defineProperty(o,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(o.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{type:[{checkPropValues:0}],color:[{checkPropValues:0}],variant:[{checkPropValues:0}],size:[{checkPropValues:0}]}},enumerable:false,configurable:true});return o}());c.style=l()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as t,r as e,c as s,h as i,a as n,g as o}from"./p-BqJlOB6b.js";import{C as a}from"./p-Bfazyxqi.js";import{M as r}from"./p-dz9-Q2N8.js";import{v as l}from"./p-kGnB15Lz.js";import{K as d}from"./p-DlYG-OVB.js";const h=t=>class extends t{constructor(){super(...arguments),this.disabled=!1,this.selected=!1,this.activeItem=!1}get parent(){return this.el.closest('[role="menu"], [role="listbox"]')}get parentRole(){const t=this.parent;return null!==t?t.getAttribute("role"):null}get menuItemRole(){return"menu"===(this.parentRole||"menu")?"menuitem":"option"}get ariaSelected(){return"option"===this.menuItemRole?String(this.selected):null}get itemTabIndex(){return t=this.menuItemRole,this.disabled||"option"!==t&&"menuitem"!==t||!this.activeItem?-1:0;var t}handleKeyDownLogic(t,e){if(function(t){[d.ArrowDown,d.ArrowUp,d.Enter,d.Space].includes(t.key)&&t.preventDefault()}(t),t.key===d.Enter||t.key===d.Space)return void e();const s=this.parent;if(null===s)return;const i=Array.from(s.querySelectorAll(`${this.el.tagName.toLocaleLowerCase()}:not([disabled]):not([variant="label"])`)),n=i.indexOf(this.el);!function(t,e,s){if(0===e.length||-1===s)return;let i=-1;switch(t.key){case d.ArrowDown:i=(s+1)%e.length;break;case d.ArrowUp:i=(s-1+e.length)%e.length;break;default:return}e.forEach((t=>t.removeAttribute("active-item"))),e[i].focus(),e[i].setAttribute("active-item","")}(t,i,n)}},b=t=>class extends t{constructor(){super(...arguments),this.href="",this.newTab=!1,this.download=""}get isLink(){return""!==this.href||""!==this.download}get linkAttributes(){const t={};if(!this.isLink)return t;const e=this.sanitizeUrl(this.href);return t.href=e,t.target=this.newTab?"_blank":"_self",t.rel=this._isExternalLink(e)||this.newTab||""!==this.download?"noopener noreferrer":"",t.download=""!==this.download?this.download:void 0,"a"!==this.el.tagName.toLowerCase()&&(t.role="link",t.tabindex="0"),t}_isExternalLink(t){return/^https?:\/\//.test(t)&&!t.includes(window.location.hostname)}handleLinkKeyDown(t){this.isLink&&("a"===this.el.tagName.toLowerCase()||t.key!==d.Enter&&t.key!==d.Space||(t.preventDefault(),this.handleLinkClick(new MouseEvent("click",{bubbles:!0,cancelable:!0}))))}handleLinkClick(t){if(!this.isLink)return void t.preventDefault();const e=this.linkAttributes;if(""!==e.download&&void 0!==e.download){t.preventDefault();const s=document.createElement("a");s.href=e.download||"",s.download=e.download,s.style.display="none",document.body.appendChild(s),console.log("Initiating download:",s.href),s.click(),document.body.removeChild(s)}"a"!==this.el.tagName.toLowerCase()&&("_blank"===e.target?window.open(e.href,"_blank",e.rel):window.location.href=e.href||"",t.preventDefault())}sanitizeUrl(t){const e=t.trim().toLowerCase();return e.startsWith("javascript:")||e.startsWith("data:")||e.includes("\0")?"":e.startsWith("http://")||e.startsWith("https://")||e.startsWith("mailto:")||e.startsWith("tel:")||e.startsWith("/")||e.startsWith("#")?t:e.startsWith("://")?"":`https://${t}`}},c={LABEL:"label",BUTTON:"button"},m=class extends(t(h,b)){constructor(t){super(),e(this,t),this.bdsSelectItem=s(this,"bdsSelectItem"),this.variant=c.BUTTON,this.name="",this.disabled=!1,this.selected=!1,this.value="",this.checkable=!1,this.activeItem=!1,this.href="",this.newTab=!1,this.download="",this.currentState=a.DEFAULT,this.handleClick=t=>{this.disabled||this.isLabelVariant||(t.stopPropagation(),this.isLink?this.handleLinkClick(t):(this.checkable&&this.parentRole!==r.LISTBOX&&(this.selected=!this.selected),this.bdsSelectItem.emit({value:this.value,selected:!this.selected})))},this.handleKeyDown=t=>{this.disabled||this.isLabelVariant||(this.handleKeyDownLogic(t,(()=>this.handleClick(t))),this.isLink&&void 0===this.linkAttributes.download||(this.currentState=t.key===d.Enter||t.key===d.Space?a.ACTIVE:this.currentState))},this.handleKeyUp=()=>{this.disabled||this.isLabelVariant||(this.currentState=a.DEFAULT)}}checkPropsVariant(){l(Object.values(c),c.BUTTON,this.el,"variant")}componentWillLoad(){this.checkPropsVariant()}get menuItemRoleExtended(){return this.checkable?"listbox"===this.parentRole?"checkbox":"menuitemcheckbox":this.menuItemRole}get isLabelVariant(){return this.variant===c.LABEL}get classMap(){return{"bds-list-item":!0,"bds-list-item--disabled":this.disabled,"bds-list-item--selected":this.selected,[`bds-list-item--state-${this.currentState}`]:!0,[`bds-list-item--${this.variant}`]:!0}}renderTypeLabel(){return i("bds-typography",{variant:"label",element:"label",align:"start",role:"presentation"},i("slot",{name:"left-content"})," ",i("slot",null))}renderCheckbox(){return this.checkable?i("bds-checkbox",{checked:this.selected,disabled:this.disabled,name:`checkbox-${this.value}`,tabindex:"-1",style:{pointerEvents:"none"},inert:!0}):null}renderTypeButton(){return i("div",{class:"bds-list-item__content"},i("div",{class:"bds-list-item__content-left"},this.renderCheckbox(),i("span",{class:"bds-list-item__content-left__icon"},i("slot",{name:"left-content"})),i("span",{class:"bds-list-item__content-left__text"},i("slot",null))),i("div",{class:"bds-list-item__content-right"},i("slot",{name:"right-content"})))}render(){let t=this.renderTypeButton();this.isLabelVariant&&(t=this.renderTypeLabel());const e=this.isLink?{...this.linkAttributes,tabindex:this.activeItem?0:-1}:{};return i(n,{key:"0882d4cb677f6621518113c48e92d7e94cb71916",class:this.classMap,role:this.isLabelVariant?"presentation":this.menuItemRoleExtended,"aria-selected":!this.checkable&&this.ariaSelected,"aria-checked":this.checkable?this.ariaSelected:void 0,...e,tabIndex:this.isLabelVariant?-1:this.itemTabIndex,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp},t)}get el(){return o(this)}static get watchers(){return{variant:[{checkPropsVariant:0}]}}};m.style='@charset "UTF-8";.bds-list-item,.bds-list-item__content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.bds-list-item{width:100%;vertical-align:middle;position:relative;color:var(--boreal-text-default);font-style:normal;font-family:var(--boreal-typography-font-family-primary);font-weight:var(--boreal-typography-font-weight-regular)}.bds-list-item__content{-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;vertical-align:middle;gap:var(--boreal-spacing-3xs)}.bds-list-item__content-left,.bds-list-item__content-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;vertical-align:middle}.bds-list-item__content-left__icon,.bds-list-item__content-left__text{display:inline-block;vertical-align:middle;font-style:normal;font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-xs)}.bds-list-item__content-left__icon:not(:empty){padding-right:var(--boreal-spacing-3xs)}.bds-list-item__content [class*=bds-icon-]{font-size:var(--boreal-typography-font-size-md)}.bds-list-item--button{cursor:pointer;padding:var(--boreal-spacing-1xs) var(--boreal-spacing-s);-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-list-item--button:not(.bds-list-item--disabled):hover:not([selected]){background-color:var(--boreal-ui-default-lighter);z-index:1}.bds-list-item--button:not(.bds-list-item--disabled):focus,.bds-list-item--button:not(.bds-list-item--disabled):focus-visible{outline:none;-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);z-index:1}.bds-list-item--button:not(.bds-list-item--disabled):active,.bds-list-item--button:not(.bds-list-item--disabled).bds-list-item--state-active{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;background-color:var(--boreal-ui-default-lighter);z-index:1}.bds-list-item--selected{background-color:var(--boreal-ui-primary-lighter)}.bds-list-item--disabled{color:var(--boreal-text-disabled);cursor:not-allowed}.bds-list-item--label{cursor:default;padding:var(--boreal-spacing-3xs) 0}.bds-list-item--label .bds-typography label{color:var(--boreal-text-default-light)}';export{m as bds_list_menu_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as e,h as r,a,g as t}from"./p-BqJlOB6b.js";const i=class{constructor(r){o(this,r),this.bdsChange=e(this,"bdsChange"),this.checked=!1,this.disabled=!1,this.error=!1,this.value="on",this.name="",this.label="",this.info="",this.handleClick=()=>this.select(),this.handleKeyDown=o=>{" "===o.key&&(o.preventDefault(),this.select())}}componentDidLoad(){this.el.setAttribute("role","radio"),this.el.setAttribute("aria-checked",String(this.checked)),this.el.setAttribute("tabindex","-1")}select(){this.disabled||this.checked||(this.checked=!0,this.el.setAttribute("aria-checked","true"),this.bdsChange.emit({checked:!0,value:this.value}))}get classMap(){return{"bds-radio-button":!0,"bds-radio-button--checked":this.checked,"bds-radio-button--error":this.error,"bds-radio-button--disabled":this.disabled}}render(){return r(a,{key:"63fe01baf9bf2318441f3a742ba857a540f4d7d0",class:this.classMap,onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("input",{key:"19fd44e41ef583131da77206f9e0c987132a5cc4",type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:()=>this.el.focus()}),r("span",{key:"cfbe81b25b71aeda4786b6073c9b16bcc819bf7b",class:"bds-radio-button__icon"},r("slot",{key:"ffa28a8602ea92c990b3e365d6cd421975f896fc",name:"icon"})),r("span",{key:"c0a6512f836a00718ee71d5542b714900357ac82",class:"bds-radio-button__label"},this.label||r("slot",{key:"29c89fa661270a7cc5ee69eb5c7cbc594af05d40"})),this.info&&r("span",{key:"74c3d43733ac679427e1b4fdbfcb4e72dae335a8",class:"bds-radio-button__info"},r("span",{key:"567d225444acc5384df916a16a35867592327895",class:"bds-radio-button__info-icon bds-icon-info-circle","aria-hidden":"true"}),r("bds-tooltip",{key:"8120fe06d5a0f85d03205abc54f3e8112946ad4f"},this.info)))}get el(){return t(this)}};i.style='@charset "UTF-8";.bds-radio-button__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-radio-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;gap:var(--boreal-spacing-2xs);padding:var(--boreal-spacing-2xs) var(--boreal-spacing-s);border:1px solid transparent;border-radius:var(--boreal-radius-s);background-color:var(--boreal-ui-default-base);color:var(--boreal-text-default);cursor:pointer;outline:none;-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-button input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-radio-button:hover:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15);box-shadow:0 1px 2px 0 rgba(19, 19, 22, 0.15)}.bds-radio-button:focus-visible,.bds-radio-button:focus{z-index:1;background-color:var(--boreal-ui-default-lighter);-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);outline:none}.bds-radio-button:active:not(.bds-radio-button--disabled):not(.bds-radio-button--checked):not(.bds-radio-button--error){z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset;box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus), 0 1px 2px 0 rgba(19, 19, 22, 0.15) inset}.bds-radio-button--checked{background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-primary-base);color:var(--boreal-text-primary-base)}.bds-radio-button--checked:hover,.bds-radio-button--checked:focus-visible,.bds-radio-button--checked:focus,.bds-radio-button--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-radio-button--error{background-color:var(--boreal-ui-inverse);color:var(--boreal-text-danger-base)}.bds-radio-button--error:hover,.bds-radio-button--error:focus-visible,.bds-radio-button--error:focus,.bds-radio-button--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-radio-button--error.bds-radio-button--checked{border-color:var(--boreal-stroke-danger-base)}.bds-radio-button--disabled{cursor:not-allowed;pointer-events:none;background-color:var(--boreal-ui-inverse);color:var(--boreal-text-disabled)}.bds-radio-button--disabled.bds-radio-button--checked{border-color:var(--boreal-stroke-primary-light);color:var(--boreal-text-primary-light)}.bds-radio-button__label{font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm)}.bds-radio-button__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-radio-button__icon:empty{display:none}.bds-radio-button__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)}';export{i as bds_radio_button}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Centralised keyboard key values used across components.
|
|
5
|
-
* Use these constants instead of raw string literals to prevent typos and keep key references consistent.
|
|
6
|
-
* Each value matches the `KeyboardEvent.key` string as defined by the W3C UI Events specification.
|
|
7
|
-
*/
|
|
8
|
-
const KEYBOARD = {
|
|
9
|
-
Enter: 'Enter',
|
|
10
|
-
Escape: 'Escape',
|
|
11
|
-
Space: ' ',
|
|
12
|
-
ArrowUp: 'ArrowUp',
|
|
13
|
-
ArrowDown: 'ArrowDown',
|
|
14
|
-
ArrowLeft: 'ArrowLeft',
|
|
15
|
-
ArrowRight: 'ArrowRight',
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.KEYBOARD = KEYBOARD;
|