@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components-build/bds-avatar.js +1 -1
- package/components-build/bds-breadcrumb-item.d.ts +11 -0
- package/components-build/bds-breadcrumb-item.js +1 -0
- package/components-build/bds-breadcrumb.d.ts +11 -0
- package/components-build/bds-breadcrumb.js +1 -0
- package/components-build/bds-button-group.js +1 -1
- package/components-build/bds-button.js +1 -1
- package/components-build/bds-checkbox-button.d.ts +11 -0
- package/components-build/bds-checkbox-button.js +1 -0
- package/components-build/bds-checkbox-card.js +1 -1
- package/components-build/bds-checkbox-group.d.ts +11 -0
- package/components-build/bds-checkbox-group.js +1 -0
- package/components-build/bds-checkbox.js +1 -1
- package/components-build/bds-dialog.js +1 -1
- package/components-build/bds-divider.js +1 -1
- package/components-build/bds-flag.js +1 -1
- package/components-build/bds-grid-item.js +1 -1
- package/components-build/bds-grid.js +1 -1
- package/components-build/bds-list-menu-item.js +1 -1
- package/components-build/bds-list-menu.js +1 -1
- package/components-build/bds-popover.js +1 -1
- package/components-build/bds-radio-button.js +1 -1
- package/components-build/bds-radio-card.js +1 -1
- package/components-build/bds-radio-group.js +1 -1
- package/components-build/bds-radio.js +1 -1
- package/components-build/bds-select.d.ts +11 -0
- package/components-build/bds-select.js +1 -0
- package/components-build/bds-slider.d.ts +11 -0
- package/components-build/bds-slider.js +1 -0
- package/components-build/bds-tag.js +1 -1
- package/components-build/bds-text-field.js +1 -1
- package/components-build/bds-toggle.js +1 -1
- package/components-build/bds-tooltip.js +1 -1
- package/components-build/bds-typography.js +1 -1
- package/components-build/p-B6e9eIHB.js +1 -0
- package/components-build/p-CJBdGD_4.js +1 -0
- package/components-build/p-DcR7mHFE.js +1 -0
- package/components-build/p-DdOPD9wW.js +1 -0
- package/components-build/{p-BSlaf0ff.js → p-DoNZM78n.js} +1 -1
- package/components-build/p-DrkDx75U.js +1 -0
- package/components-build/p-DuBzr05c.js +1 -0
- package/components-build/p-PmjPRW8X.js +1 -0
- package/components-build/p-cgdh1LO-.js +1 -0
- package/components-build/p-yLNcMg2E.js +1 -0
- package/custom-elements.json +2723 -841
- package/dist/boreal-web-components/boreal-web-components.esm.js +1 -1
- package/dist/boreal-web-components/css/boreal.css +60 -0
- package/dist/boreal-web-components/css/theme-connect.css +15 -0
- package/dist/boreal-web-components/css/theme-engage.css +15 -0
- package/dist/boreal-web-components/css/theme-protect.css +15 -0
- package/dist/boreal-web-components/css/theme-proximus.css +15 -0
- package/dist/boreal-web-components/{p-7bb88855.entry.js → p-02e53626.entry.js} +1 -1
- package/dist/boreal-web-components/p-0357450d.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-efe159aa.entry.js → p-1250ba53.entry.js} +1 -1
- package/dist/boreal-web-components/p-1911b978.entry.js +1 -0
- package/dist/boreal-web-components/p-1mOd23lT.system.js +1 -0
- package/dist/boreal-web-components/{p-48ebbfbe.system.entry.js → p-25823f7d.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-2db71382.system.entry.js +1 -0
- package/dist/boreal-web-components/p-367e40f9.entry.js +1 -0
- package/dist/boreal-web-components/p-3946d587.entry.js +1 -0
- package/dist/boreal-web-components/{p-4dc01078.system.entry.js → p-44b6fe6c.system.entry.js} +1 -1
- package/dist/boreal-web-components/{p-024d90b0.system.entry.js → p-48712a63.system.entry.js} +1 -1
- package/dist/boreal-web-components/{p-2adf2cd5.entry.js → p-49ea207a.entry.js} +1 -1
- package/dist/boreal-web-components/{p-7aff4c78.entry.js → p-4b028406.entry.js} +1 -1
- package/dist/boreal-web-components/p-4b615de8.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-e0a41cab.system.entry.js → p-4f431941.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-524421f7.system.entry.js +1 -0
- package/dist/boreal-web-components/p-530c8c7f.entry.js +1 -0
- package/dist/boreal-web-components/p-55aeff0c.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5c8650b3.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5e590291.system.entry.js +1 -0
- package/dist/boreal-web-components/p-5ee0841f.entry.js +1 -0
- package/dist/boreal-web-components/{p-93066db4.system.entry.js → p-65923619.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-66ec16d9.entry.js +1 -0
- package/dist/boreal-web-components/{p-e55f2a8b.entry.js → p-714bf70d.entry.js} +1 -1
- package/dist/boreal-web-components/p-7626338e.system.entry.js +1 -0
- package/dist/boreal-web-components/p-7G4h4DI7.js +1 -0
- package/dist/boreal-web-components/p-800fc096.system.entry.js +1 -0
- package/dist/boreal-web-components/p-824485ad.entry.js +1 -0
- package/dist/boreal-web-components/p-8dfe3a9f.entry.js +1 -0
- package/dist/boreal-web-components/p-90022071.entry.js +1 -0
- package/dist/boreal-web-components/{p-7ebc67c9.entry.js → p-9d02057d.entry.js} +1 -1
- package/dist/boreal-web-components/{p-wREMI3WA.js → p-CcENtewr.js} +1 -1
- package/dist/boreal-web-components/p-Dk9dfU9-.system.js +1 -0
- package/dist/boreal-web-components/p-K7DvMlRo.system.js +1 -0
- package/dist/boreal-web-components/{p-DYlZcFrB.system.js → p-UEj9YHof.system.js} +1 -1
- package/dist/boreal-web-components/{p-147d6652.system.entry.js → p-b54fe67f.system.entry.js} +1 -1
- package/dist/boreal-web-components/p-bbcd3a30.system.entry.js +1 -0
- package/dist/boreal-web-components/p-bea25d3d.system.entry.js +1 -0
- package/dist/boreal-web-components/p-bed506d3.entry.js +1 -0
- package/dist/boreal-web-components/p-bfd62034.system.entry.js +1 -0
- package/dist/boreal-web-components/p-c07d6b82.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-7d3a8f61.entry.js → p-cc5c359f.entry.js} +1 -1
- package/dist/boreal-web-components/p-cgdh1LO-.js +1 -0
- package/dist/boreal-web-components/p-d2b6ae79.entry.js +1 -0
- package/dist/boreal-web-components/p-e21b8416.entry.js +1 -0
- package/dist/boreal-web-components/p-e4364a44.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e51407b2.system.entry.js +1 -0
- package/dist/boreal-web-components/p-e8cde179.system.entry.js +1 -0
- package/dist/boreal-web-components/p-eecc3028.system.entry.js +1 -0
- package/dist/boreal-web-components/p-f3bd824d.system.entry.js +1 -0
- package/dist/boreal-web-components/p-f6eabb16.entry.js +1 -0
- package/dist/boreal-web-components/p-f7acf6e5.system.entry.js +1 -0
- package/dist/boreal-web-components/{p-6629be14.entry.js → p-f9560509.entry.js} +1 -1
- package/dist/boreal-web-components/p-fa128cad.system.entry.js +1 -0
- package/dist/boreal-web-components/p-fab1a01d.entry.js +1 -0
- package/dist/boreal-web-components/p-fb9ba833.entry.js +1 -0
- package/dist/boreal-web-components/p-fbe0c9f2.entry.js +1 -0
- package/dist/boreal-web-components/p-fbe88555.entry.js +1 -0
- package/dist/boreal-web-components/p-fc1fa966.system.entry.js +1 -0
- package/dist/boreal-web-components/p-fc4ffa0e.entry.js +1 -0
- package/dist/boreal-web-components/p-fef13445.entry.js +1 -0
- package/dist/boreal-web-components/p-qGhMe8Hk.js +1 -0
- package/dist/boreal-web-components/p-vzZJGcYF.system.js +1 -1
- package/dist/boreal-web-components/scss/maps/_theme-connect.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-engage.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-protect.scss +16 -1
- package/dist/boreal-web-components/scss/maps/_theme-proximus.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-connect.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-engage.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-protect.scss +16 -1
- package/dist/boreal-web-components/scss/variables/_theme-proximus.scss +16 -1
- package/dist/cjs/KeyboardController-B_g3peyB.js +1067 -0
- package/dist/cjs/Keys-DXn16dlA.js +34 -0
- package/dist/cjs/bds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/bds-breadcrumb-item.cjs.entry.js +106 -0
- package/dist/cjs/bds-breadcrumb.cjs.entry.js +127 -0
- package/dist/cjs/bds-button-group.cjs.entry.js +23 -2
- package/dist/cjs/bds-button.cjs.entry.js +33 -6
- package/dist/cjs/bds-checkbox-button.cjs.entry.js +119 -0
- package/dist/cjs/bds-checkbox-card.cjs.entry.js +37 -23
- package/dist/cjs/bds-checkbox-group.cjs.entry.js +292 -0
- package/dist/cjs/bds-checkbox.cjs.entry.js +62 -31
- package/dist/cjs/bds-dialog.cjs.entry.js +3 -3
- package/dist/cjs/bds-divider.cjs.entry.js +1 -1
- package/dist/cjs/bds-flag.cjs.entry.js +1 -1
- package/dist/cjs/bds-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/bds-grid.cjs.entry.js +1 -1
- package/dist/cjs/bds-list-menu-item.cjs.entry.js +19 -8
- package/dist/cjs/bds-list-menu.cjs.entry.js +42 -7
- package/dist/cjs/bds-popover.cjs.entry.js +13 -5
- package/dist/cjs/bds-radio-button.cjs.entry.js +2 -2
- package/dist/cjs/bds-radio-card.cjs.entry.js +2 -2
- package/dist/cjs/bds-radio-group.cjs.entry.js +14 -8
- package/dist/cjs/bds-radio.cjs.entry.js +2 -2
- package/dist/cjs/bds-select.cjs.entry.js +394 -0
- package/dist/cjs/bds-slider.cjs.entry.js +655 -0
- package/dist/cjs/bds-tag.cjs.entry.js +1 -1
- package/dist/cjs/bds-text-field.cjs.entry.js +8 -3
- package/dist/cjs/bds-toggle.cjs.entry.js +1 -1
- package/dist/cjs/bds-tooltip_2.cjs.entry.js +7 -5
- package/dist/cjs/boreal-web-components.cjs.js +1 -1
- package/dist/cjs/checkbox-form-association-DTEpHXUD.js +43 -0
- package/dist/cjs/{getOffset-k4ezB-eT.js → getOffset-CsDHFjPW.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +16 -10
- package/dist/collection/components/actions/bds-button/bds-button.css +36 -36
- package/dist/collection/components/actions/bds-button/bds-button.js +29 -5
- package/dist/collection/components/actions/bds-button-group/bds-button-group.css +1 -1
- package/dist/collection/components/actions/bds-button-group/bds-button-group.js +21 -2
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.js +136 -3
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.css +5 -2
- package/dist/collection/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.js +20 -7
- package/dist/collection/components/actions/bds-toggle/bds-toggle.css +3 -3
- package/dist/collection/components/feedback/bds-tag/bds-tag.css +6 -6
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox/bds-checkbox.css +132 -0
- package/dist/collection/components/forms/bds-checkbox/{bds-checkbox.js → bds-checkbox/bds-checkbox.js} +135 -38
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.css +113 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.js +382 -0
- package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.css +15 -3
- package/dist/collection/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.js +97 -51
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.css +55 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.js +648 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/enum.js +5 -0
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox-group/types/index.js +3 -0
- package/dist/collection/components/forms/bds-checkbox/utils/checkbox-form-association.js +39 -0
- package/dist/collection/components/forms/bds-checkbox/utils/index.js +1 -0
- package/dist/collection/components/forms/bds-flag/bds-flag.js +1 -1
- package/dist/collection/components/forms/bds-radio/{bds-radio.css → bds-radio/bds-radio.css} +3 -3
- package/dist/collection/components/forms/bds-radio/{bds-radio.js → bds-radio/bds-radio.js} +2 -2
- package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.css +12 -8
- package/dist/collection/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.js +2 -2
- package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.css +2 -2
- package/dist/collection/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.js +9 -9
- package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.js +51 -23
- package/dist/collection/components/forms/bds-select/bds-select.css +23 -0
- package/dist/collection/components/forms/bds-select/bds-select.js +431 -0
- package/dist/collection/components/forms/bds-slider/bds-slider.css +213 -0
- package/dist/collection/components/forms/bds-slider/bds-slider.js +847 -0
- package/dist/collection/components/forms/bds-slider/helpers/SliderDOMController.js +61 -0
- package/dist/collection/components/forms/bds-slider/helpers/SliderService.js +93 -0
- package/dist/collection/components/forms/bds-slider/helpers/index.js +3 -0
- package/dist/collection/components/forms/bds-slider/helpers/parseValues.js +43 -0
- package/dist/collection/components/forms/bds-slider/types/ISlider.js +1 -0
- package/dist/collection/components/forms/bds-slider/types/ISliderOptions.js +1 -0
- package/dist/collection/components/forms/bds-slider/types/enum.js +16 -0
- package/dist/collection/components/forms/bds-slider/types/index.js +5 -0
- package/dist/collection/components/forms/bds-slider/types/types.js +1 -0
- package/dist/collection/components/forms/bds-text-field/bds-text-field.css +10 -3
- package/dist/collection/components/forms/bds-text-field/bds-text-field.js +47 -2
- package/dist/collection/components/helpers/bds-divider/bds-divider.js +1 -1
- package/dist/collection/components/images-icons/bds-avatar/bds-avatar.js +1 -1
- package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.js +3 -3
- package/dist/collection/components/layouts/bds-grid/bds-grid/types/IGrid.js +1 -0
- package/dist/collection/components/layouts/bds-grid/bds-grid/types/types.js +1 -0
- package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.js +9 -9
- package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/IGridItem.js +1 -0
- package/dist/collection/components/layouts/bds-grid/bds-grid-item/types/types.js +1 -0
- package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.css +21 -0
- package/dist/collection/components/navigation/bds-breadcrumb/bds-breadcrumb.js +292 -0
- package/dist/collection/components/navigation/bds-breadcrumb/types/IBreadcrumb.js +1 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.css +64 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.js +369 -0
- package/dist/collection/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.js +1 -0
- package/dist/collection/components/overlays/bds-dialog/bds-dialog.css +1 -1
- package/dist/collection/components/overlays/bds-dialog/bds-dialog.js +2 -2
- package/dist/collection/components/overlays/bds-popover/bds-popover.js +49 -3
- package/dist/collection/components/overlays/bds-tooltip/bds-tooltip.js +1 -1
- package/dist/collection/components/titles-text/bds-typography/bds-typography.js +30 -47
- package/dist/collection/components/titles-text/bds-typography/utils/bds-typography-utils.js +1 -1
- package/dist/collection/css/boreal.css +60 -0
- package/dist/collection/css/theme-connect.css +15 -0
- package/dist/collection/css/theme-engage.css +15 -0
- package/dist/collection/css/theme-protect.css +15 -0
- package/dist/collection/css/theme-proximus.css +15 -0
- package/dist/collection/mixins/menu-behavior.mixin.js +1 -1
- package/dist/collection/scss/maps/_theme-connect.scss +16 -1
- package/dist/collection/scss/maps/_theme-engage.scss +16 -1
- package/dist/collection/scss/maps/_theme-protect.scss +16 -1
- package/dist/collection/scss/maps/_theme-proximus.scss +16 -1
- package/dist/collection/scss/variables/_theme-connect.scss +16 -1
- package/dist/collection/scss/variables/_theme-engage.scss +16 -1
- package/dist/collection/scss/variables/_theme-protect.scss +16 -1
- package/dist/collection/scss/variables/_theme-proximus.scss +16 -1
- package/dist/collection/types/index.js +0 -1
- package/dist/collection/utils/a11y/index.js +4 -0
- package/dist/collection/utils/a11y/keyboard/KeyboardController.js +566 -0
- package/dist/collection/utils/a11y/keyboard/_constants.js +30 -0
- package/dist/collection/utils/a11y/keyboard/focus/aria-activedescendant.js +41 -0
- package/dist/collection/utils/a11y/keyboard/focus/resolve.js +48 -0
- package/dist/collection/utils/a11y/keyboard/focus/roving-tabindex.js +55 -0
- package/dist/collection/utils/a11y/keyboard/navigation/grid-navigation.js +194 -0
- package/dist/collection/utils/a11y/keyboard/navigation/linear-navigation.js +137 -0
- package/dist/collection/utils/a11y/keyboard/types/IKeyboardController.js +1 -0
- package/dist/collection/utils/a11y/keyboard/types/index.js +2 -0
- package/dist/collection/utils/a11y/keyboard/types/types.js +1 -0
- package/dist/collection/utils/constants/common/Keys.js +25 -6
- package/dist/collection/utils/dom/elements.js +63 -0
- package/dist/css/boreal.css +60 -0
- package/dist/css/theme-connect.css +15 -0
- package/dist/css/theme-engage.css +15 -0
- package/dist/css/theme-protect.css +15 -0
- package/dist/css/theme-proximus.css +15 -0
- package/dist/esm/KeyboardController-DcnXb5F5.js +1064 -0
- package/dist/esm/Keys-7G4h4DI7.js +31 -0
- package/dist/esm/bds-avatar.entry.js +1 -1
- package/dist/esm/bds-breadcrumb-item.entry.js +104 -0
- package/dist/esm/bds-breadcrumb.entry.js +125 -0
- package/dist/esm/bds-button-group.entry.js +23 -2
- package/dist/esm/bds-button.entry.js +33 -6
- package/dist/esm/bds-checkbox-button.entry.js +117 -0
- package/dist/esm/bds-checkbox-card.entry.js +37 -23
- package/dist/esm/bds-checkbox-group.entry.js +290 -0
- package/dist/esm/bds-checkbox.entry.js +62 -31
- package/dist/esm/bds-dialog.entry.js +3 -3
- package/dist/esm/bds-divider.entry.js +1 -1
- package/dist/esm/bds-flag.entry.js +1 -1
- package/dist/esm/bds-grid-item.entry.js +1 -1
- package/dist/esm/bds-grid.entry.js +1 -1
- package/dist/esm/bds-list-menu-item.entry.js +19 -8
- package/dist/esm/bds-list-menu.entry.js +38 -3
- package/dist/esm/bds-popover.entry.js +13 -5
- package/dist/esm/bds-radio-button.entry.js +2 -2
- package/dist/esm/bds-radio-card.entry.js +2 -2
- package/dist/esm/bds-radio-group.entry.js +14 -8
- package/dist/esm/bds-radio.entry.js +2 -2
- package/dist/esm/bds-select.entry.js +392 -0
- package/dist/esm/bds-slider.entry.js +653 -0
- package/dist/esm/bds-tag.entry.js +1 -1
- package/dist/esm/bds-text-field.entry.js +8 -3
- package/dist/esm/bds-toggle.entry.js +1 -1
- package/dist/esm/bds-tooltip_2.entry.js +7 -5
- package/dist/esm/boreal-web-components.js +1 -1
- package/dist/esm/checkbox-form-association-cgdh1LO-.js +41 -0
- package/dist/esm/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/KeyboardController-DcnXb5F5.js +1 -0
- package/dist/esm-es5/Keys-7G4h4DI7.js +1 -0
- package/dist/esm-es5/bds-avatar.entry.js +1 -1
- package/dist/esm-es5/bds-breadcrumb-item.entry.js +1 -0
- package/dist/esm-es5/bds-breadcrumb.entry.js +1 -0
- package/dist/esm-es5/bds-button-group.entry.js +1 -1
- package/dist/esm-es5/bds-button.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox-button.entry.js +1 -0
- package/dist/esm-es5/bds-checkbox-card.entry.js +1 -1
- package/dist/esm-es5/bds-checkbox-group.entry.js +1 -0
- package/dist/esm-es5/bds-checkbox.entry.js +1 -1
- package/dist/esm-es5/bds-dialog.entry.js +1 -1
- package/dist/esm-es5/bds-divider.entry.js +1 -1
- package/dist/esm-es5/bds-flag.entry.js +1 -1
- package/dist/esm-es5/bds-grid-item.entry.js +1 -1
- package/dist/esm-es5/bds-grid.entry.js +1 -1
- package/dist/esm-es5/bds-list-menu-item.entry.js +1 -1
- package/dist/esm-es5/bds-list-menu.entry.js +1 -1
- package/dist/esm-es5/bds-popover.entry.js +1 -1
- package/dist/esm-es5/bds-radio-button.entry.js +1 -1
- package/dist/esm-es5/bds-radio-card.entry.js +1 -1
- package/dist/esm-es5/bds-radio-group.entry.js +1 -1
- package/dist/esm-es5/bds-radio.entry.js +1 -1
- package/dist/esm-es5/bds-select.entry.js +1 -0
- package/dist/esm-es5/bds-slider.entry.js +1 -0
- package/dist/esm-es5/bds-tag.entry.js +1 -1
- package/dist/esm-es5/bds-text-field.entry.js +1 -1
- package/dist/esm-es5/bds-toggle.entry.js +1 -1
- package/dist/esm-es5/bds-tooltip_2.entry.js +1 -1
- package/dist/esm-es5/boreal-web-components.js +1 -1
- package/dist/esm-es5/checkbox-form-association-cgdh1LO-.js +1 -0
- package/dist/esm-es5/{getOffset-BYS3c13B.js → getOffset-DCLpJBcp.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/scss/maps/_theme-connect.scss +16 -1
- package/dist/scss/maps/_theme-engage.scss +16 -1
- package/dist/scss/maps/_theme-protect.scss +16 -1
- package/dist/scss/maps/_theme-proximus.scss +16 -1
- package/dist/scss/variables/_theme-connect.scss +16 -1
- package/dist/scss/variables/_theme-engage.scss +16 -1
- package/dist/scss/variables/_theme-protect.scss +16 -1
- package/dist/scss/variables/_theme-proximus.scss +16 -1
- package/dist/types/components/actions/bds-button/bds-button.d.ts +4 -0
- package/dist/types/components/actions/bds-button-group/bds-button-group.d.ts +4 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts +13 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.d.ts +3 -0
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/bds-list-menu-item.d.ts +4 -1
- package/dist/types/components/actions/bds-list-menu/bds-list-menu-item/types/IListMenuItem.d.ts +1 -0
- package/dist/types/components/actions/bds-toggle/types/IToggle.d.ts +1 -1
- package/dist/types/components/forms/bds-checkbox/{bds-checkbox.d.ts → bds-checkbox/bds-checkbox.d.ts} +23 -10
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/bds-checkbox-button.d.ts +68 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-button/types/ICheckboxButton.d.ts +15 -0
- package/dist/types/components/forms/{bds-checkbox-card → bds-checkbox/bds-checkbox-card}/bds-checkbox-card.d.ts +15 -22
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-card/types/ICheckboxCard.d.ts +9 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/bds-checkbox-group.d.ts +86 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.d.ts +27 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/enum.d.ts +6 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/index.d.ts +4 -0
- package/dist/types/components/forms/bds-checkbox/bds-checkbox-group/types/types.d.ts +4 -0
- package/dist/types/components/forms/bds-checkbox/types/ICheckbox.d.ts +7 -22
- package/dist/types/components/forms/bds-checkbox/utils/checkbox-form-association.d.ts +10 -0
- package/dist/types/components/forms/bds-checkbox/utils/index.d.ts +2 -0
- package/dist/types/components/forms/bds-radio/{bds-radio.d.ts → bds-radio/bds-radio.d.ts} +1 -1
- package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/bds-radio-button.d.ts +1 -1
- package/dist/types/components/forms/{bds-radio-button → bds-radio/bds-radio-button}/types/IRadioButton.d.ts +1 -0
- package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/bds-radio-card.d.ts +1 -1
- package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.d.ts +13 -10
- package/dist/types/components/forms/bds-radio/bds-radio-group/types/IRadioGroup.d.ts +20 -0
- package/dist/types/components/forms/bds-select/bds-select.d.ts +98 -0
- package/dist/types/components/forms/bds-select/types/ISelect.d.ts +6 -0
- package/dist/types/components/forms/bds-slider/bds-slider.d.ts +176 -0
- package/dist/types/components/forms/bds-slider/helpers/SliderDOMController.d.ts +38 -0
- package/dist/types/components/forms/bds-slider/helpers/SliderService.d.ts +44 -0
- package/dist/types/components/forms/bds-slider/helpers/index.d.ts +4 -0
- package/dist/types/components/forms/bds-slider/helpers/parseValues.d.ts +18 -0
- package/dist/types/components/forms/bds-slider/types/ChangeDetail.d.ts +9 -0
- package/dist/types/components/forms/bds-slider/types/ISlider.d.ts +17 -0
- package/dist/types/components/forms/bds-slider/types/ISliderOptions.d.ts +31 -0
- package/dist/types/components/forms/bds-slider/types/enum.d.ts +17 -0
- package/dist/types/components/forms/bds-slider/types/index.d.ts +6 -0
- package/dist/types/components/forms/bds-slider/types/types.d.ts +5 -0
- package/dist/types/components/forms/bds-text-field/bds-text-field.d.ts +4 -0
- package/dist/types/components/navigation/bds-breadcrumb/bds-breadcrumb.d.ts +57 -0
- package/dist/types/components/navigation/bds-breadcrumb/types/IBreadcrumb.d.ts +17 -0
- package/dist/types/components/navigation/bds-breadcrumb-item/bds-breadcrumb-item.d.ts +83 -0
- package/dist/types/components/navigation/bds-breadcrumb-item/types/IBreadcrumbItem.d.ts +20 -0
- package/dist/types/components/overlays/bds-popover/bds-popover.d.ts +4 -0
- package/dist/types/components/titles-text/bds-typography/bds-typography.d.ts +2 -46
- package/dist/types/components/titles-text/bds-typography/types/ITypography.d.ts +1 -0
- package/dist/types/components.d.ts +1136 -277
- package/dist/types/types/form.d.ts +24 -0
- package/dist/types/types/index.d.ts +0 -1
- package/dist/types/utils/a11y/index.d.ts +4 -0
- package/dist/types/utils/a11y/keyboard/KeyboardController.d.ts +321 -0
- package/dist/types/utils/a11y/keyboard/_constants.d.ts +28 -0
- package/dist/types/utils/a11y/keyboard/focus/aria-activedescendant.d.ts +17 -0
- package/dist/types/utils/a11y/keyboard/focus/resolve.d.ts +23 -0
- package/dist/types/utils/a11y/keyboard/focus/roving-tabindex.d.ts +20 -0
- package/dist/types/utils/a11y/keyboard/navigation/grid-navigation.d.ts +9 -0
- package/dist/types/utils/a11y/keyboard/navigation/linear-navigation.d.ts +13 -0
- package/dist/types/utils/a11y/keyboard/types/IKeyboardController.d.ts +125 -0
- package/dist/types/utils/a11y/keyboard/types/index.d.ts +3 -0
- package/dist/types/utils/a11y/keyboard/types/types.d.ts +6 -0
- package/dist/types/utils/constants/common/Keys.d.ts +23 -6
- package/dist/types/utils/dom/elements.d.ts +41 -0
- package/package.json +1 -1
- package/components-build/p-Cbibqaz0.js +0 -1
- package/components-build/p-ClR-wgiT.js +0 -1
- package/components-build/p-N_tqtRV2.js +0 -1
- package/components-build/p-bAMuJ4Jx.js +0 -1
- package/components-build/p-c2z3tneT.js +0 -1
- package/components-build/p-dz9-Q2N8.js +0 -1
- package/components-build/p-iq2UuV7c.js +0 -1
- package/dist/boreal-web-components/p-06DrzEMB.system.js +0 -1
- package/dist/boreal-web-components/p-11e4c0ec.system.entry.js +0 -1
- package/dist/boreal-web-components/p-148d510f.entry.js +0 -1
- package/dist/boreal-web-components/p-277f142e.system.entry.js +0 -1
- package/dist/boreal-web-components/p-2be4aa3a.system.entry.js +0 -1
- package/dist/boreal-web-components/p-340896b2.entry.js +0 -1
- package/dist/boreal-web-components/p-3d4ce8eb.system.entry.js +0 -1
- package/dist/boreal-web-components/p-44a8fde5.entry.js +0 -1
- package/dist/boreal-web-components/p-5681b294.system.entry.js +0 -1
- package/dist/boreal-web-components/p-5ed75075.entry.js +0 -1
- package/dist/boreal-web-components/p-635f676b.system.entry.js +0 -1
- package/dist/boreal-web-components/p-68b83680.system.entry.js +0 -1
- package/dist/boreal-web-components/p-6a60d134.system.entry.js +0 -1
- package/dist/boreal-web-components/p-7e672cce.entry.js +0 -1
- package/dist/boreal-web-components/p-81401e2a.system.entry.js +0 -1
- package/dist/boreal-web-components/p-8289e506.entry.js +0 -1
- package/dist/boreal-web-components/p-82d15372.entry.js +0 -1
- package/dist/boreal-web-components/p-851c06f2.entry.js +0 -1
- package/dist/boreal-web-components/p-8a3716ec.entry.js +0 -1
- package/dist/boreal-web-components/p-8f4f8af0.system.entry.js +0 -1
- package/dist/boreal-web-components/p-DlYG-OVB.js +0 -1
- package/dist/boreal-web-components/p-DpnBDSUm.system.js +0 -1
- package/dist/boreal-web-components/p-a73659ac.system.entry.js +0 -1
- package/dist/boreal-web-components/p-b2ad9535.system.entry.js +0 -1
- package/dist/boreal-web-components/p-d4c30d2b.entry.js +0 -1
- package/dist/boreal-web-components/p-db0c10b9.system.entry.js +0 -1
- package/dist/boreal-web-components/p-dca16a3d.entry.js +0 -1
- package/dist/boreal-web-components/p-de846c43.system.entry.js +0 -1
- package/dist/boreal-web-components/p-df087e23.system.entry.js +0 -1
- package/dist/boreal-web-components/p-dfb4854e.entry.js +0 -1
- package/dist/boreal-web-components/p-dz9-Q2N8.js +0 -1
- package/dist/boreal-web-components/p-e09b4d14.system.entry.js +0 -1
- package/dist/boreal-web-components/p-e7af1e1a.entry.js +0 -1
- package/dist/boreal-web-components/p-f792aa74.entry.js +0 -1
- package/dist/cjs/Keys-rKl2za5q.js +0 -18
- package/dist/cjs/menu-BxKaEajh.js +0 -8
- package/dist/collection/components/forms/bds-checkbox/bds-checkbox.css +0 -91
- package/dist/esm/Keys-DlYG-OVB.js +0 -16
- package/dist/esm/menu-dz9-Q2N8.js +0 -6
- package/dist/esm-es5/Keys-DlYG-OVB.js +0 -1
- package/dist/esm-es5/menu-dz9-Q2N8.js +0 -1
- package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts +0 -8
- package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts +0 -19
- package/dist/types/types/IFormProps.d.ts +0 -25
- /package/dist/collection/components/forms/{bds-checkbox-card/types/ICheckboxCard.js → bds-checkbox/bds-checkbox-button/types/ICheckboxButton.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-button/types/IRadioButton.js → bds-checkbox/bds-checkbox-card/types/ICheckboxCard.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-card/types/IRadioCard.js → bds-checkbox/bds-checkbox-group/types/ICheckboxGroup.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-checkbox/bds-checkbox-group}/types/types.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid/types/IGrid.js → forms/bds-radio/bds-radio/types/IRadio.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group/types/IRadioGroup.js → bds-radio/bds-radio-button/types/IRadioButton.js} +0 -0
- /package/dist/collection/components/forms/bds-radio/{types/IRadio.js → bds-radio-card/types/IRadioCard.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/bds-radio-group.css +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid-item/types/IGridItem.js → forms/bds-radio/bds-radio-group/types/IRadioGroup.js} +0 -0
- /package/dist/collection/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid-item → forms/bds-radio/bds-radio-group}/types/types.js +0 -0
- /package/dist/collection/components/{layouts/bds-grid/grid/types/types.js → forms/bds-select/types/ISelect.js} +0 -0
- /package/dist/collection/{types/IFormProps.js → components/forms/bds-slider/types/ChangeDetail.js} +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.css +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/enum.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid → bds-grid}/types/index.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.css +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.js +0 -0
- /package/dist/collection/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.js +0 -0
- /package/dist/types/components/forms/bds-radio/{types → bds-radio/types}/IRadio.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-card → bds-radio/bds-radio-card}/types/IRadioCard.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/enum.d.ts +0 -0
- /package/dist/types/components/forms/{bds-radio-group → bds-radio/bds-radio-group}/types/types.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/bds-grid.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/IGrid.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/enum.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/index.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid → bds-grid}/types/types.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/bds-grid-item.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/IGridItem.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/enum.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/index.d.ts +0 -0
- /package/dist/types/components/layouts/bds-grid/{grid-item → bds-grid-item}/types/types.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-BqJlOB6b.js";import{C as COMPONENT_STATES}from"./states-Bfazyxqi.js";import{b as BUTTON_TYPES,a as BUTTON_VARIANTS,B as BUTTON_SIZES}from"./enum-DlVzZK7o.js";import{C as CORE_COLORS}from"./coreColors-Dwo1hcd9.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var bdsButtonCss=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 BdsButton=function(){function o(o){var t=this;registerInstance(this,o);this.bdsClick=createEvent(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=COMPONENT_STATES.DEFAULT;this.label="";this.disabled=false;this.name="";this.type=BUTTON_TYPES.BUTTON;this.color=CORE_COLORS.DEFAULT;this.variant=BUTTON_VARIANTS.DEFAULT;this.size=BUTTON_SIZES.MEDIUM;this.loading=false;this.disclosure=false;this.handleKeyDown=function(o){if(o.key==="Enter"||o.key===" "){t.currentState=COMPONENT_STATES.ACTIVE;o.preventDefault();t.handleClick(o)}};this.handleKeyUp=function(){t.currentState=COMPONENT_STATES.DEFAULT};this.handleClick=function(o){o.preventDefault();o.stopPropagation();if(t.disabled||t.loading)return;if(t.type===BUTTON_TYPES.SUBMIT||t.type===BUTTON_TYPES.RESET){t.processFormClick()}else{t.bdsClick.emit(o)}}}o.prototype.checkPropValues=function(){validatePropValue(Object.values(BUTTON_TYPES),BUTTON_TYPES.BUTTON,this.el,"type");validatePropValue(Object.values(CORE_COLORS),CORE_COLORS.DEFAULT,this.el,"color");validatePropValue(Object.values(BUTTON_VARIANTS),BUTTON_VARIANTS.DEFAULT,this.el,"variant");validatePropValue(Object.values(BUTTON_SIZES),BUTTON_SIZES.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[BUTTON_TYPES.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[BUTTON_TYPES.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 h("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},h("div",{key:"24e37c5a359e19163411ab5ed7028eaa84caa2e5",class:"bds-button__content"},h("span",{key:"90f4956274656c46ca43f7a903c9947d89367aba",class:"bds-button__content-icon bds-button__content-icon--start"},h("slot",{key:"d4a5344f9e3ebd5279b5e25a8f1982d523e6d2b8",name:"icon"})),h("slot",{key:"14b26b5e5f3bbabb1b88596b721f7ea864df1b15"}),h("span",{key:"34cb88da064a6c74596a4bb477fb0a9d6880b391",class:"bds-button__content-badge"},h("slot",{key:"00775c4a742d49ca7f23d7dbe061f4333ed43907",name:"badge"})),this.disclosure&&h("span",{key:"0b959969969cf4c5a651b6c1488d35b1d0ec9b7b",class:"bds-button__content-icon"},h("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 getElement(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}();BdsButton.style=bdsButtonCss();export{BdsButton as bds_button};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-BqJlOB6b.js";import{C as COMPONENT_STATES}from"./states-Bfazyxqi.js";import{b as BUTTON_TYPES,a as BUTTON_VARIANTS,B as BUTTON_SIZES}from"./enum-DlVzZK7o.js";import{C as CORE_COLORS}from"./coreColors-Dwo1hcd9.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";import{K as KeyboardController,a as KEY_TRIGGERS}from"./KeyboardController-DcnXb5F5.js";import{K as KEYBOARD}from"./Keys-7G4h4DI7.js";import"./Logger-iq2UuV7c.js";import"./orientation-CPvuMm5C.js";var bdsButtonCss=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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-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:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--primary:focus{background-color:var(--boreal-ui-primary-base);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--success:focus{background-color:var(--boreal-ui-success-base);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-default.bds-button--error:focus{background-color:var(--boreal-ui-danger-base);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-outline.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--default:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-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:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--primary:focus{background-color:var(--boreal-ui-primary-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--success:focus{background-color:var(--boreal-ui-success-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-button.bds-button--var-plain.bds-button--error:focus{background-color:var(--boreal-ui-danger-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-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:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.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 BdsButton=function(){function o(o){var t=this;registerInstance(this,o);this.bdsClick=createEvent(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._keyboard=new KeyboardController;this.currentState=COMPONENT_STATES.DEFAULT;this.label="";this.disabled=false;this.name="";this.type=BUTTON_TYPES.BUTTON;this.color=CORE_COLORS.DEFAULT;this.variant=BUTTON_VARIANTS.DEFAULT;this.size=BUTTON_SIZES.MEDIUM;this.loading=false;this.disclosure=false;this.handleKeyDown=function(o){t.currentState=COMPONENT_STATES.ACTIVE;if(t.disabled||t.loading)return;if(t.type===BUTTON_TYPES.SUBMIT||t.type===BUTTON_TYPES.RESET){t.processFormClick()}else{t.bdsClick.emit(o)}};this.handleKeyUp=function(){t.currentState=COMPONENT_STATES.DEFAULT};this.handleClick=function(o){o.preventDefault();o.stopPropagation();if(t.disabled||t.loading)return;if(o.detail===0)return;if(t.type===BUTTON_TYPES.SUBMIT||t.type===BUTTON_TYPES.RESET){t.processFormClick()}else{t.bdsClick.emit(o)}}}o.prototype.checkPropValues=function(){validatePropValue(Object.values(BUTTON_TYPES),BUTTON_TYPES.BUTTON,this.el,"type");validatePropValue(Object.values(CORE_COLORS),CORE_COLORS.DEFAULT,this.el,"color");validatePropValue(Object.values(BUTTON_VARIANTS),BUTTON_VARIANTS.DEFAULT,this.el,"variant");validatePropValue(Object.values(BUTTON_SIZES),BUTTON_SIZES.MEDIUM,this.el,"size")};o.prototype.componentWillLoad=function(){this.checkPropValues()};o.prototype.componentDidLoad=function(){this.setupFormAssociation();this.setupKeyboard()};o.prototype.setupKeyboard=function(){var o=this;this._keyboard.attach(this.el).set([KEYBOARD.Enter,KEYBOARD.Space],(function(t){if(t.type===KEY_TRIGGERS.KEYDOWN)o.handleKeyDown(t);else o.handleKeyUp()}),{triggers:[KEY_TRIGGERS.KEYDOWN,KEY_TRIGGERS.KEYUP],preventDefault:false}).onFocusOut(this.handleKeyUp)};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 b=(o={},o[BUTTON_TYPES.SUBMIT]=function(){var o,b;if(typeof((o=t.internalForm)===null||o===void 0?void 0:o.requestSubmit)==="function"){t.internalForm.requestSubmit()}else{(b=t.internalForm)===null||b===void 0?void 0:b.submit()}},o[BUTTON_TYPES.RESET]=function(){var o;return(o=t.internalForm)===null||o===void 0?void 0:o.reset()},o);var r=b[this.type];if(typeof r==="function"){r()}return};o.prototype.disconnectedCallback=function(){this._keyboard.detach()};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 h("button",{key:"c79564584911edae6ec1cafeb98cc3df848bf70c",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,onKeyUp:this.handleKeyUp},h("div",{key:"75b3061a16259a504177bf8824cfa9f236a72411",class:"bds-button__content"},h("span",{key:"53d81ba990237be2c48f98d4d9e995d5a7330cdc",class:"bds-button__content-icon bds-button__content-icon--start"},h("slot",{key:"6cebb89369396fc34480821720fa6da635409563",name:"icon"})),h("slot",{key:"237237e29f08ee510cd95bafbd481f3856f1b08f"}),h("span",{key:"67c515f4faaac368d0bcdf20ef64a6717cfda3be",class:"bds-button__content-badge"},h("slot",{key:"d0e6fc25d95ba960e4b3b3940321a4221769e8ad",name:"badge"})),this.disclosure&&h("span",{key:"ffae85e8d38481098323ee36549596bfb61e5b4a",class:"bds-button__content-icon"},h("i",{key:"633b27a4306ba7c159f15eac9e5b9e712e19cbe0",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 getElement(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}();BdsButton.style=bdsButtonCss();export{BdsButton as bds_button};
|
|
@@ -0,0 +1 @@
|
|
|
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 n(){this.constructor=t}t.prototype=o===null?Object.create(o):(n.prototype=o.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,o,n){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function c(e){try{s(n["throw"](e))}catch(e){a(e)}}function s(e){e.done?o(e.value):r(e.value).then(i,c)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,r,a,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=c(0),i["throw"]=c(1),i["return"]=c(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function c(e){return function(t){return s([e,t])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,c[0]&&(o=0)),o)try{if(n=1,r&&(a=c[0]&2?r["return"]:c[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,c[1])).done)return a;if(r=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){o.label=c[1];break}if(c[0]===6&&o.label<a[1]){o.label=a[1];a=c;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(c);break}if(a[2])o.ops.pop();o.trys.pop();continue}c=t.call(e,o)}catch(e){c=[6,e];r=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{u as useFormCheckbox}from"./checkbox-form-association-cgdh1LO-.js";var bdsCheckboxButtonCss=function(){return'@charset "UTF-8";.bds-checkbox-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-checkbox-button input[type=checkbox],.bds-checkbox-button input[type=radio]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-checkbox-button [slot=icon]{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-checkbox-button:hover:not(.bds-checkbox-button--disabled):not(.bds-checkbox-button--checked):not(.bds-checkbox-button--error){background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-checkbox-button:focus-visible,.bds-checkbox-button:focus{z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus);outline:none}.bds-checkbox-button:active:not(.bds-checkbox-button--disabled):not(.bds-checkbox-button--checked):not(.bds-checkbox-button--error){z-index:1;background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-checkbox-button--checked{background-color:var(--boreal-ui-inverse);border-color:var(--boreal-stroke-primary-base);color:var(--boreal-text-primary-base)}.bds-checkbox-button--checked:hover,.bds-checkbox-button--checked:focus-visible,.bds-checkbox-button--checked:focus,.bds-checkbox-button--checked:active{background-color:var(--boreal-ui-primary-lighter)}.bds-checkbox-button--error{background-color:var(--boreal-ui-inverse);color:var(--boreal-text-danger-base)}.bds-checkbox-button--error:hover,.bds-checkbox-button--error:focus-visible,.bds-checkbox-button--error:focus,.bds-checkbox-button--error:active{background-color:var(--boreal-ui-danger-lighter)}.bds-checkbox-button--error.bds-checkbox-button--checked{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-button--disabled{cursor:not-allowed;pointer-events:none;background-color:var(--boreal-ui-inverse);color:var(--boreal-text-disabled)}.bds-checkbox-button--disabled.bds-checkbox-button--checked{border-color:var(--boreal-stroke-primary-light);color:var(--boreal-text-primary-light)}.bds-checkbox-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-checkbox-button__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-checkbox-button__icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bds-checkbox-button__icon:empty{display:none}.bds-checkbox-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 BdsCheckboxButton=function(e){__extends(t,e);function t(t){var o=e.call(this)||this;registerInstance(o,t);o.valueChange=createEvent(o,"valueChange");o.bdsChange=createEvent(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.isDisabled=false;o.isInvalid=false;o.name="";o.disabled=false;o.required=false;o.checked=false;o.error=false;o.value="on";o.label="";o.info="";o.formCheckbox=useFormCheckbox(o,o.value);o.handleClick=function(){return o.toggle()};o.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();o.toggle()}};return o}t.prototype.componentWillLoad=function(){this.isDisabled=this.disabled};t.prototype.componentDidLoad=function(){this.formCheckbox.syncFormValue()};t.prototype.onCheckedChange=function(){this.formCheckbox.syncFormValue()};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.formAssociatedCallback=function(){this.formCheckbox.formAssociatedCallback()};t.prototype.formResetCallback=function(){this.formCheckbox.formResetCallback()};t.prototype.formStateRestoreCallback=function(e){this.formCheckbox.formStateRestoreCallback(e)};t.prototype.formDisabledCallback=function(e){this.formCheckbox.formDisabledCallback(e)};t.prototype.handleInvalid=function(e){e.preventDefault();this.isInvalid=true};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.toggle=function(){if(this.isDisabled)return;this.checked=!this.checked;this.bdsChange.emit({checked:this.checked,value:this.value});this.valueChange.emit(this.checked)};Object.defineProperty(t.prototype,"isError",{get:function(){return this.error&&!this.isDisabled||this.isInvalid},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"classMap",{get:function(){return{"bds-checkbox-button":true,"bds-checkbox-button--checked":this.checked,"bds-checkbox-button--error":this.isError,"bds-checkbox-button--disabled":this.isDisabled}},enumerable:false,configurable:true});t.prototype.render=function(){var e=this;return h(Host,{key:"39d1432637929a38909bb0d3a768619d27af09c1",class:this.classMap,role:"checkbox","aria-checked":"".concat(this.checked),"aria-disabled":this.isDisabled?"true":null,"aria-required":this.required?"true":null,"aria-invalid":this.isError?"true":null,tabIndex:this.isDisabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("input",{key:"fdd48deeb69445ecdde9cb2ce3556a3f07286602",type:"checkbox",value:this.value,checked:this.checked,disabled:this.disabled,"aria-hidden":"true",tabIndex:-1,onFocus:function(){return e.el.focus()}}),h("span",{key:"96783bbf11a64262b8ebe88487cd2cc16f4d4263",class:"bds-checkbox-button__icon"},h("slot",{key:"de45f31aa9a6774f33a36c6238380014be066d50",name:"icon"})),h("span",{key:"9f94a920639d50a6949bf5272bc6fe6057701bee",class:"bds-checkbox-button__label"},this.label||h("slot",{key:"8fb82d43c376371110a24a0310a15a7911f42964"})),this.info&&h("span",{key:"9f128d14a257bae34ab64be3e1b76b1ccfce295b",class:"bds-checkbox-button__info"},h("span",{key:"b3baa9bf7172810a8d5971d9e58939de24861da8",class:"bds-checkbox-button__info-icon bds-icon-info-circle","aria-hidden":"true"}),h("bds-tooltip",{key:"bea872bace0b177316103002f7a3d17ac65fb951"},this.info)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(formAssociatedMixin));BdsCheckboxButton.style=bdsCheckboxButtonCss();export{BdsCheckboxButton as bds_checkbox_button};
|
|
@@ -1 +1 @@
|
|
|
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)}}();import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{s as setFormValue}from"./internals-DfaYciGa.js";var bdsCheckboxCardCss=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 BdsCheckboxCard=function(e){__extends(c,e);function c(c){var r=e.call(this)||this;registerInstance(r,c);r.valueChange=createEvent(r,"valueChange");r.bdsChange=createEvent(r,"bdsChange");if(c.$hostElement$["s-ei"]){r.internals=c.$hostElement$["s-ei"]}else{r.internals=c.$hostElement$.attachInternals();c.$hostElement$["s-ei"]=r.internals}r.isDisabled=false;r.isIndeterminate=false;r.isChecked=false;r.disabled=false;r.required=false;r.value="on";r.label="";r.checked=false;r.indeterminate=false;r.error=false;r.handleClick=function(){return r.toggle()};r.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();r.toggle()}};return r}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(){setFormValue(this.internals,this.isChecked?this.value:null)};c.prototype.formAssociatedCallback=function(){this.syncFormValue()};c.prototype.formResetCallback=function(){this.isChecked=false;this.isIndeterminate=false;setFormValue(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 h(Host,{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},h("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"}),h("div",{key:"ca93933dddfbdbbf6ae96a9f0b2f7ec1b4014a3a",class:"bds-checkbox-card__card"},h("div",{key:"952ca899553bc57a7f6b01cd65607d084c7869a9",class:"bds-checkbox-card__content"},h("div",{key:"bf913fdb5d5fab9e81b387113c7198514fdbe8de",class:"bds-checkbox-card__header"},h("div",{key:"d885e0eabf9ea9d425160ce88a4d76212b400a1d",class:"bds-checkbox-card__icon"},h("slot",{key:"9c658f9823aa449e4e9138b2b86e937cc9ce3e1c",name:"icon"})),h("div",{key:"e7c410ff15cb7bd62c2eba56683cf1b9b24c970a",class:"bds-checkbox-card__title"},this.label||h("slot",{key:"59cce6d6bd050711af8a55a44252747a593b0a29"}))),h("div",{key:"1a574fde1998ebd5f2940c27dbc5e275ce7bb933",class:"bds-checkbox-card__description"},h("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 getElement(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}(Mixin(formAssociatedMixin));BdsCheckboxCard.style=bdsCheckboxCardCss();export{BdsCheckboxCard as bds_checkbox_card};
|
|
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 o(){this.constructor=c}c.prototype=r===null?Object.create(r):(o.prototype=r.prototype,new o)}}();var __awaiter=this&&this.__awaiter||function(e,c,r,o){function a(e){return e instanceof r?e:new r((function(c){c(e)}))}return new(r||(r=Promise))((function(r,s){function d(e){try{b(o.next(e))}catch(e){s(e)}}function t(e){try{b(o["throw"](e))}catch(e){s(e)}}function b(e){e.done?r(e.value):a(e.value).then(d,t)}b((o=o.apply(e,c||[])).next())}))};var __generator=this&&this.__generator||function(e,c){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,a,s,d=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return d.next=t(0),d["throw"]=t(1),d["return"]=t(2),typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function t(e){return function(c){return b([e,c])}}function b(t){if(o)throw new TypeError("Generator is already executing.");while(d&&(d=0,t[0]&&(r=0)),r)try{if(o=1,a&&(s=t[0]&2?a["return"]:t[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;if(a=0,s)t=[t[0]&2,s.value];switch(t[0]){case 0:case 1:s=t;break;case 4:r.label++;return{value:t[1],done:false};case 5:r.label++;a=t[1];t=[0];continue;case 7:t=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(t[0]===6||t[0]===2)){r=0;continue}if(t[0]===3&&(!s||t[1]>s[0]&&t[1]<s[3])){r.label=t[1];break}if(t[0]===6&&r.label<s[1]){r.label=s[1];s=t;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(t);break}if(s[2])r.ops.pop();r.trys.pop();continue}t=c.call(e,r)}catch(e){t=[6,e];a=0}finally{o=s=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{u as useFormCheckbox}from"./checkbox-form-association-cgdh1LO-.js";var bdsCheckboxCardCss=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:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-checkbox-card:focus-within,.bds-checkbox-card:focus{background-color:var(--boreal-ui-default-lighter);-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-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:var(--boreal-spacing-2xs);gap:0}.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__icon:empty{display:none}.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--checked:disabled .bds-checkbox__box{border-color:var(--boreal-stroke-primary-light);background:var(--boreal-ui-primary-light)}.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--disabled .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-ui-disabled)}.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 BdsCheckboxCard=function(e){__extends(c,e);function c(c){var r=e.call(this)||this;registerInstance(r,c);r.valueChange=createEvent(r,"valueChange");r.bdsChange=createEvent(r,"bdsChange");if(c.$hostElement$["s-ei"]){r.internals=c.$hostElement$["s-ei"]}else{r.internals=c.$hostElement$.attachInternals();c.$hostElement$["s-ei"]=r.internals}r.isDisabled=false;r.isInvalid=false;r.isIndeterminate=false;r.disabled=false;r.required=false;r.value="on";r.label="";r.checked=false;r.indeterminate=false;r.error=false;r.formCheckbox=useFormCheckbox(r,r.value);r.handleClick=function(){return r.toggle()};r.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();r.toggle()}};return r}c.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.isIndeterminate=this.indeterminate};c.prototype.componentDidLoad=function(){this.formCheckbox.syncFormValue()};c.prototype.onDisabledChange=function(e){this.isDisabled=e};c.prototype.onIndeterminateChange=function(e){this.isIndeterminate=e};c.prototype.onCheckedChange=function(e){this.checked=e!==false;this.formCheckbox.syncFormValue()};c.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.checkValidity()]}))}))};c.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.reportValidity()]}))}))};c.prototype.handleInvalid=function(e){this.isInvalid=true};c.prototype.toggle=function(){if(this.isDisabled)return;if(this.isIndeterminate)this.isIndeterminate=false;this.checked=!this.checked;this.bdsChange.emit({checked:this.checked,value:this.value});this.valueChange.emit(this.checked)};Object.defineProperty(c.prototype,"hostClasses",{get:function(){return{"bds-checkbox-card":true,"bds-checkbox-card--checked":this.checked,"bds-checkbox-card--indeterminate":this.isIndeterminate,"bds-checkbox-card--disabled":this.isDisabled,"bds-checkbox-card--error":this.isError}},enumerable:false,configurable:true});c.prototype.formAssociatedCallback=function(){this.formCheckbox.formAssociatedCallback()};c.prototype.formResetCallback=function(){this.formCheckbox.formResetCallback()};c.prototype.formStateRestoreCallback=function(e){this.formCheckbox.formStateRestoreCallback(e)};c.prototype.formDisabledCallback=function(e){this.formCheckbox.formDisabledCallback(e)};Object.defineProperty(c.prototype,"isError",{get:function(){var e=this.error&&!this.disabled;return e||this.isInvalid},enumerable:false,configurable:true});c.prototype.render=function(){var e=this;return h(Host,{key:"cb39b373d8bbbbe137a74a001f91c73b444d0c8e",class:this.hostClasses,role:"checkbox","aria-checked":this.isIndeterminate?"mixed":"".concat(this.checked),"aria-disabled":this.isDisabled?"true":null,"aria-required":this.required?"true":null,"aria-invalid":this.isError?"true":null,"aria-label":this.label||this.name||undefined,tabIndex:this.isDisabled?-1:0,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("bds-checkbox",{key:"3375dc0b18a424f5f140143626b2bcdc73c298b0",name:this.name,class:"bds-checkbox-card__checkbox",ref:function(){return e.checkboxElement},value:this.value,checked:this.checked,indeterminate:this.isIndeterminate,disabled:this.isDisabled,error:this.isError,tabIndex:-1,"aria-hidden":"true",onBdsChange:function(e){return e.preventDefault()}}),h("div",{key:"beba4396fb8c0830ffdb05b62482f0ff63aab0d7",class:"bds-checkbox-card__card"},h("div",{key:"f369995cc0dbeecfd7670d271ff041240a6dcb65",class:"bds-checkbox-card__content"},h("div",{key:"12848e5aef69157ca5d144a2815e7b64a654cbe6",class:"bds-checkbox-card__header"},h("div",{key:"18c72637c1dfb0037b7d2e7fc8cb5004bdeafb0b",class:"bds-checkbox-card__icon"},h("slot",{key:"7e2979ea18f5c29ecdf629851378aa9efb9e39f6",name:"icon"})),h("div",{key:"0aedaf532433d3deb899f6f6fd6826589850fd71",class:"bds-checkbox-card__title"},this.label||h("slot",{key:"43a0a9b10edc6f4ee73b5995912889728648d5d6"}))),h("div",{key:"8c89db4ab52395c75f8a1a826ace5aa0f0dbae10",class:"bds-checkbox-card__description"},h("slot",{key:"174e70254d531fa80d8d19b419587837a4a676ea",name:"description"})))))};Object.defineProperty(c,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(c.prototype,"el",{get:function(){return getElement(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}(Mixin(formAssociatedMixin));BdsCheckboxCard.style=bdsCheckboxCardCss();export{BdsCheckboxCard as bds_checkbox_card};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var t=function(e,r){t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]};return t(e,r)};return function(e,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");t(e,r);function i(){this.constructor=e}e.prototype=r===null?Object.create(r):(i.prototype=r.prototype,new i)}}();var __awaiter=this&&this.__awaiter||function(t,e,r,i){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function s(t){try{c(i.next(t))}catch(t){o(t)}}function a(t){try{c(i["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):n(t.value).then(s,a)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,n,o,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=a(0),s["throw"]=a(1),s["return"]=a(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return c([t,e])}}function c(a){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(r=0)),r)try{if(i=1,n&&(o=a[0]&2?n["return"]:a[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;if(n=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;n=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){r.label=a[1];break}if(a[0]===6&&r.label<o[1]){r.label=o[1];o=a;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(a);break}if(o[2])r.ops.pop();r.trys.pop();continue}a=e.call(t,r)}catch(t){a=[6,t];n=0}finally{i=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var i=0,n=e.length,o;i<n;i++){if(o||!(i in e)){if(!o)o=Array.prototype.slice.call(e,0,i);o[i]=e[i]}}return t.concat(o||Array.prototype.slice.call(e))};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{K as KEYBOARD}from"./Keys-7G4h4DI7.js";import{O as ORIENTATIONS}from"./orientation-CPvuMm5C.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var CHECKBOX_GROUP_TYPES={CHECKBOX:"checkbox",CHECKBOX_BUTTON:"checkboxbutton",CHECKBOX_CARD:"checkboxcard"};var bdsCheckboxGroupCss=function(){return'@charset "UTF-8";.bds-checkbox-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-checkbox-group__options{display:grid;grid-template-columns:1fr;gap:var(--boreal-spacing-xs)}.bds-checkbox-group[orientation=horizontal] .bds-checkbox-group__options{grid-template-columns:repeat(var(--layout-count, 1), auto);-ms-flex-pack:start;justify-content:start}.bds-checkbox-group[type=checkboxbutton] .bds-checkbox-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-checkbox-group[type=checkboxbutton][orientation=vertical] .bds-checkbox-group__options{-ms-flex-direction:column;flex-direction:column}.bds-checkbox-group[type=checkboxbutton].bds-checkbox-group--error .bds-checkbox-group__options{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox-group[type=checkboxbutton].bds-checkbox-group--error bds-checkbox-button.bds-checkbox-button--error{color:var(--boreal-stroke-danger-base)}.bds-checkbox-group[type=checkboxbutton].bds-checkbox-group--error bds-divider[data-injected]{--bds-divider-color:var(--boreal-stroke-danger-base)}'};var LEAF_TAG=["BDS-CHECKBOX","BDS-CHECKBOX-BUTTON","BDS-CHECKBOX-CARD"];var BdsCheckboxGroup=function(t){__extends(e,t);function e(e){var r=t.call(this)||this;registerInstance(r,e);r.bdsChange=createEvent(r,"bdsChange");r.valueChange=createEvent(r,"valueChange");if(e.$hostElement$["s-ei"]){r.internals=e.$hostElement$["s-ei"]}else{r.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=r.internals}r._id=createId("bds-checkbox-group");r.isDisabled=false;r.isInvalid=false;r.disabled=false;r.error=false;r.errorMessage="";r.helperText="";r.info="";r.label="";r.orientation="horizontal";r.required=false;r.type="checkbox";r.value=[];r.joined=false;r.handleKeyDown=function(t){var e=t.target;if(!LEAF_TAG.includes(e.tagName))return;switch(t.key){case KEYBOARD.ArrowDown:case KEYBOARD.ArrowRight:r.navigateTo(e,true);t.preventDefault();break;case KEYBOARD.ArrowUp:case KEYBOARD.ArrowLeft:r.navigateTo(e,false);t.preventDefault();break}};return r}e.prototype.onJoinedChange=function(){this.insertDividers()};e.prototype.checkPropValues=function(){validatePropValue(Object.values(ORIENTATIONS),ORIENTATIONS.VERTICAL,this.el,"orientation");validatePropValue(Object.values(CHECKBOX_GROUP_TYPES),CHECKBOX_GROUP_TYPES.CHECKBOX,this.el,"type");this.insertDividers()};e.prototype.onDisabledChange=function(t){this.isDisabled=t;this.propagatePropertyToCheckboxes("disabled",t)};e.prototype.onErrorChange=function(t){this.propagatePropertyToCheckboxes("error",t)};e.prototype.onValuesChange=function(t){this.syncCheckboxStates(t)};e.prototype.componentWillLoad=function(){this.checkPropValues();this.isDisabled=this.disabled;if(this.value.length!==0)return;var t=LEAF_TAG.map((function(t){return"".concat(t,"[checked]")})).join(",");var e=this.el;var r=Array.from(e.querySelectorAll(t));if(r.length>0)this.value=r.map((function(t){var e;return(e=t.getAttribute("value"))!==null&&e!==void 0?e:""})).filter((function(t){return t!==""}))};e.prototype.componentDidLoad=function(){this.onValuesChange(this.value);this.onErrorChange(this.isError);this.syncFormValue();this.updateLayoutCount()};e.prototype.formAssociatedCallback=function(){this.syncFormValue()};e.prototype.formResetCallback=function(){var t=this;this.value=[];this.isInvalid=false;this.checkboxElements.forEach((function(e){e.checked=false;e.error=t.isError}));this.internals.setFormValue(null);this.updateFormValidity()};e.prototype.formStateRestoreCallback=function(t,e){var r=Array.isArray(t)?t:[];this.value=r.filter((function(t){return typeof t==="string"}));this.updateFormValue()};e.prototype.formDisabledCallback=function(t){this.isDisabled=t;this.propagatePropertyToCheckboxes("disabled",t)};e.prototype.handleCheckboxChange=function(t){var e=t.target;if(!LEAF_TAG.includes(e.tagName))return;t.stopPropagation();var r=e;var i=r.value;this.updateCheckboxSelection(i,r.checked);this.syncFormValue();this.bdsChange.emit({value:this.value});this.valueChange.emit(this.value)};e.prototype.handleInvalid=function(t){this.isInvalid=true;if(this.errorMessage!=="")t.preventDefault()};e.prototype.handleValueChange=function(t){var e=t.target;if(!LEAF_TAG.includes(e.tagName))return;t.stopPropagation()};e.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.checkValidity()]}))}))};e.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.internals.reportValidity()]}))}))};e.prototype.insertDividers=function(){this.el.querySelectorAll("bds-divider[data-injected]").forEach((function(t){return t.remove()}));if(this.type!==CHECKBOX_GROUP_TYPES.CHECKBOX_BUTTON||this.joined)return;var t=this.orientation===ORIENTATIONS.HORIZONTAL?ORIENTATIONS.VERTICAL:ORIENTATIONS.HORIZONTAL;var e=this.checkboxElements.filter((function(t){return t.tagName==="BDS-CHECKBOX-BUTTON"}));e.forEach((function(e,r){var i;if(r===0)return;var n=document.createElement("bds-divider");n.setAttribute("orientation",t);n.setAttribute("data-injected","");(i=e.parentNode)===null||i===void 0?void 0:i.insertBefore(n,e)}))};e.prototype.navigateTo=function(t,e){var r=this.checkboxElements.filter((function(t){return!t.disabled}));if(r.length===0)return;var i=r.indexOf(t);var n=(r.length+i+(e?1:-1))%r.length;var o=r[n];o.focus()};e.prototype.updateCheckboxSelection=function(t,e){if(!e){this.value=this.value.filter((function(e){return e!==t}));return}if(!this.value.includes(t))this.value=__spreadArray(__spreadArray([],this.value,true),[t],false)};e.prototype.syncCheckboxStates=function(t){this.checkboxElements.forEach((function(e){var r=t.includes(e.value);e.checked=r}))};Object.defineProperty(e.prototype,"checkboxElements",{get:function(){var t=LEAF_TAG.map((function(t){return t})).join(",");var e=this.el;return Array.from(e.querySelectorAll(t))},enumerable:false,configurable:true});e.prototype.propagatePropertyToCheckboxes=function(t,e){this.checkboxElements.forEach((function(r){r[t]=e}))};e.prototype.updateFormValue=function(){var t=this;if(this.value.length===0)this.internals.setFormValue(null);else{var e=new FormData;this.value.forEach((function(r){e.append(t.name,r)}));this.internals.setFormValue(e)}};e.prototype.syncFormValue=function(){this.updateFormValue();this.updateFormValidity()};e.prototype.updateFormValidity=function(){if(this.required&&this.value.length===0){var t=this.checkboxElements.find((function(t){return!t.disabled}));this.internals.setValidity({valueMissing:true},this.errorMessage!==""?this.errorMessage:"Please select at least one option.",t)}else{this.internals.setValidity({});if(!this.isInvalid)return;this.isInvalid=false;if(!this.error)this.propagatePropertyToCheckboxes("error",false)}};e.prototype.updateLayoutCount=function(){var t=this.checkboxElements.length;var e=this.el;e.style.setProperty("--layout-count","".concat(t))};Object.defineProperty(e.prototype,"isError",{get:function(){return this.error&&!this.isDisabled},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"classMap",{get:function(){var t=this.isError||this.isInvalid;return{"bds-checkbox-group":true,"bds-checkbox-group--disabled":this.isDisabled,"bds-checkbox-group--error":t,"bds-checkbox-group--required":this.required}},enumerable:false,configurable:true});e.prototype.render=function(){var t=this;var e="".concat(this._id,"-label");var r="".concat(this._id,"-helper");var i=this.isError||this.isInvalid;var n=this.isDisabled?"disabled":i?"error":"default";var o=i&&this.errorMessage!==""?this.errorMessage:this.helperText;return h(Host,{key:"ae68b7136eae0493eb3191caa71bfd31c87bd5dd",class:this.classMap,role:"group","aria-labelledby":this.label!==""?e:undefined,"aria-describedby":o!==""?r:undefined,"aria-invalid":i?"true":undefined,"aria-required":this.required?"true":undefined,onKeyDown:this.handleKeyDown},this.label&&h("bds-typography",{key:"779561b620c5a18f7018fabaeaa8759de1c5a2e6",id:e,variant:"label",state:n,required:this.required,tooltipText:this.info!==""?this.info:undefined},this.label),h("div",{key:"6a0edf16a86b9628dd52390da861c51089107b85",class:"bds-checkbox-group__options"},h("slot",{key:"d702a5bdfbf2b0984c6c799a2abadb5c7fb904d0",onSlotchange:function(){return t.updateLayoutCount()}})),o&&h("bds-typography",{key:"357a3fbf88e2b70696512806840a390e468b1c62",id:r,variant:"helper",state:n},o))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{joined:[{onJoinedChange:0}],orientation:[{checkPropValues:0}],disabled:[{onDisabledChange:0}],error:[{onErrorChange:0}],isInvalid:[{onErrorChange:0}],value:[{onValuesChange:0}]}},enumerable:false,configurable:true});return e}(Mixin(formAssociatedMixin));BdsCheckboxGroup.style=bdsCheckboxGroupCss();export{BdsCheckboxGroup as bds_checkbox_group};
|
|
@@ -1 +1 @@
|
|
|
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 s(){this.constructor=r}r.prototype=o===null?Object.create(o):(s.prototype=o.prototype,new s)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,o=1,s=arguments.length;o<s;o++){r=arguments[o];for(var c in r)if(Object.prototype.hasOwnProperty.call(r,c))e[c]=r[c]}return e};return __assign.apply(this,arguments)};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{s as setFormValue}from"./internals-DfaYciGa.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";var bdsCheckboxCss=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 BdsCheckbox=function(e){__extends(r,e);function r(r){var o=e.call(this)||this;registerInstance(o,r);o.valueChange=createEvent(o,"valueChange");o.bdsChange=createEvent(o,"bdsChange");if(r.$hostElement$["s-ei"]){o.internals=r.$hostElement$["s-ei"]}else{o.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=o.internals}o.inheritedAttributes={};o.isDisabled=false;o.disabled=false;o.required=false;o.checked=false;o.indeterminate=false;o.error=false;o.value="on";o.label="";o.handleClick=function(){o.toggle()};o.handleKeyDown=function(e){if(e.key===" "){e.preventDefault();o.toggle()}};return o}r.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.inheritedAttributes=__assign({},inheritAriaAttributes(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;setFormValue(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(){setFormValue(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 h("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))}if(this.checked){return h("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("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 h(Host,__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}),h("span",{key:"217759044655c827609956b4d574fce3ce90c996",class:"bds-checkbox__box"},this.renderCheckIcon()),this.canShowLabel&&h("span",{key:"47b8120c25700fe6e07e8d626c0acb28ac9387d7",class:"bds-checkbox__label"},this.label.trim()!==""?this.label:h("slot",null)))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return r}(Mixin(formAssociatedMixin));BdsCheckbox.style=bdsCheckboxCss();export{BdsCheckbox as bds_checkbox};
|
|
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 t(){this.constructor=r}r.prototype=o===null?Object.create(o):(t.prototype=o.prototype,new t)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++){r=arguments[o];for(var i in r)if(Object.prototype.hasOwnProperty.call(r,i))e[i]=r[i]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,o,t){function i(e){return e instanceof o?e:new o((function(r){r(e)}))}return new(o||(o=Promise))((function(o,a){function n(e){try{c(t.next(e))}catch(e){a(e)}}function s(e){try{c(t["throw"](e))}catch(e){a(e)}}function c(e){e.done?o(e.value):i(e.value).then(n,s)}c((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(r){return c([e,r])}}function c(s){if(t)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(o=0)),o)try{if(t=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;i=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(s[0]===6&&o.label<a[1]){o.label=a[1];a=s;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(s);break}if(a[2])o.ops.pop();o.trys.pop();continue}s=r.call(e,o)}catch(e){s=[6,e];i=0}finally{t=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-BqJlOB6b.js";import{f as formAssociatedMixin}from"./form-associated.mixin-C4HM8wQe.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import{K as KeyboardController}from"./KeyboardController-DcnXb5F5.js";import{K as KEYBOARD}from"./Keys-7G4h4DI7.js";import{c as createId}from"./BaseAttributes-DhSchGPI.js";import{u as useFormCheckbox}from"./checkbox-form-association-cgdh1LO-.js";import"./Logger-iq2UuV7c.js";import"./orientation-CPvuMm5C.js";var bdsCheckboxCss=function(){return'@charset "UTF-8";.bds-checkbox__info{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.bds-checkbox{font-family:var(--boreal-typography-font-family-primary);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle;gap:var(--boreal-spacing-2xs);outline:none;cursor:pointer}.bds-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.bds-checkbox__content{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-3xs)}.bds-checkbox__required-indicator{color:var(--boreal-icon-danger-base);font-weight:var(--boreal-typography-font-weight-regular);font-style:normal}.bds-checkbox__info-icon{font-size:var(--boreal-typography-font-size-xs);color:var(--boreal-icon-default-light)}.bds-checkbox__label{font-size:var(--boreal-typography-font-size-sm);line-height:var(--boreal-typography-line-height-sm)}.bds-checkbox__label:empty{display:none}.bds-checkbox__icon:empty{display:none}.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-spacing-m);height:var(--boreal-spacing-m);border:var(--boreal-spacing-3xs) solid var(--boreal-stroke-default-light);background:var(--boreal-ui-inverse);border-radius:var(--boreal-spacing-2xs);-webkit-transition:background 0.2s ease;transition:background 0.2s ease}.bds-checkbox:hover .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-xs);box-shadow:var(--boreal-depth-box-shadow-xs)}.bds-checkbox:focus .bds-checkbox__box,.bds-checkbox:focus-visible .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-focus);box-shadow:var(--boreal-depth-box-shadow-focus)}.bds-checkbox:active .bds-checkbox__box{-webkit-box-shadow:var(--boreal-depth-box-shadow-active);box-shadow:var(--boreal-depth-box-shadow-active)}.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-ui-primary-base);background:var(--boreal-ui-primary-base);color:var(--boreal-icon-inverse)}.bds-checkbox--checked:hover .bds-checkbox__box{border-color:var(--boreal-stroke-primary-dark);background:var(--boreal-ui-primary-dark)}.bds-checkbox--checked:active .bds-checkbox__box{border-color:var(--boreal-stroke-primary-dark);background:var(--boreal-ui-primary-dark)}.bds-checkbox--checked:disabled .bds-checkbox__box{border-color:var(--boreal-stroke-primary-light);background:var(--boreal-ui-primary-light)}.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-icon-default-ink)}.bds-checkbox--indeterminate:disabled .bds-checkbox__box{color:var(--boreal-icon-disabled);background:var(--boreal-ui-inverse)}.bds-checkbox--error .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base)}.bds-checkbox--error.bds-checkbox--checked .bds-checkbox__box{border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}.bds-checkbox--error.bds-checkbox--indeterminate .bds-checkbox__box{color:var(--boreal-icon-inverse);border-color:var(--boreal-stroke-danger-base);background:var(--boreal-stroke-danger-base)}.bds-checkbox--disabled{pointer-events:none;cursor:not-allowed}.bds-checkbox--disabled .bds-checkbox__box{border-color:var(--boreal-stroke-default-light);background:var(--boreal-ui-disabled)}.bds-checkbox--disabled .bds-checkbox__label{color:var(--boreal-text-disabled)}.bds-checkbox--disabled .bds-checkbox__required-indicator{color:var(--boreal-text-danger-light)}'};var BdsCheckbox=function(e){__extends(r,e);function r(r){var o=e.call(this)||this;registerInstance(o,r);o.valueChange=createEvent(o,"valueChange");o.bdsChange=createEvent(o,"bdsChange");if(r.$hostElement$["s-ei"]){o.internals=r.$hostElement$["s-ei"]}else{o.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=o.internals}o.inheritedAttributes={};o._keyboard=new KeyboardController;o._id=createId("bds-checkbox");o.isDisabled=false;o.isInvalid=false;o.name="";o.info="";o.disabled=false;o.required=false;o.checked=false;o.indeterminate=false;o.error=false;o.value="on";o.label="";o.formCheckbox=useFormCheckbox(o,o.value);o.handleClick=function(){o.toggle()};return o}r.prototype.componentWillLoad=function(){this.isDisabled=this.disabled;this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el))};r.prototype.componentDidLoad=function(){var e=this;this.formCheckbox.syncFormValue();this._keyboard.attach(this.el).set(KEYBOARD.Space,(function(){if(!e.isDisabled)e.toggle()}))};r.prototype.disconnectedCallback=function(){this._keyboard.detach()};r.prototype.onCheckedChange=function(){this.formCheckbox.syncFormValue()};r.prototype.onDisabledChange=function(e){this.isDisabled=e};r.prototype.formAssociatedCallback=function(){this.formCheckbox.formAssociatedCallback()};r.prototype.formResetCallback=function(){this.formCheckbox.formResetCallback()};r.prototype.formStateRestoreCallback=function(e){this.formCheckbox.formStateRestoreCallback(e)};r.prototype.formDisabledCallback=function(e){this.formCheckbox.formDisabledCallback(e)};r.prototype.checkValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.checkValidity()]}))}))};r.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.internals.reportValidity()]}))}))};r.prototype.handleInvalid=function(e){e.preventDefault();this.isInvalid=true};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})};Object.defineProperty(r.prototype,"isError",{get:function(){var e=this.error&&!this.disabled;return e||this.isInvalid},enumerable:false,configurable:true});r.prototype.getAriaChecked=function(){if(this.indeterminate)return"mixed";return"".concat(this.checked)};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 h("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"M4 8h8",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"}))}if(this.checked){return h("svg",{class:"bds-checkbox__icon",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("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};r.prototype.getClasses=function(){return{"bds-checkbox":true,"bds-checkbox--checked":this.checked,"bds-checkbox--indeterminate":this.indeterminate,"bds-checkbox--error":this.isError,"bds-checkbox--disabled":this.isDisabled}};r.prototype.render=function(){var e=this;var r="".concat(this._id,"-label");return h(Host,__assign(__assign({key:"2d1fa28a22f182826625c313ffaf3a98d0784d0c",class:this.getClasses()},this.inheritedAttributes),{role:"checkbox","aria-required":this.required?"true":null,"aria-checked":this.getAriaChecked(),"aria-disabled":this.isDisabled?"true":null,"aria-invalid":this.isError?"true":null,"aria-hidden":this.hideFromScreenReaders?"true":null,"aria-labelledby":r||undefined,tabindex:this.hideFromScreenReaders?-1:0,onClick:this.handleClick}),h("input",{key:"f8e3ca7085aa01a10e7fe397daf10f18024ce254",type:"checkbox",value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,"aria-hidden":"true",tabIndex:-1,onFocus:function(){return e.el.focus()}}),h("span",{key:"397626b30b104d317a8c48554e8b8f6396c9a441",class:"bds-checkbox__box"},this.renderCheckIcon()),h("span",{key:"f8aec05775f2819d3c9fd510378bb74a9e22cc5e",class:"bds-checkbox__content"},h("span",{key:"2956fccc6a6c7aa8624bb43798ece435cec7fbc0",class:"bds-checkbox__icon"},h("slot",{key:"845c326874e4b854b71a6f0a360e6e692629b683",name:"icon"})),h("label",{key:"35531d1619a81972e29bf5332012b51e19fa3223",id:r,class:"bds-checkbox__label"},this.label.trim()!==""?this.label:h("slot",null)),this.required&&h("em",{key:"81ea33ec4c831dea9029680b2ed7fff230849f4a",class:"bds-checkbox__required-indicator","aria-hidden":"true"},"*"),this.info&&h("span",{key:"237ad3a810ac31a95e59dc819ca118e8ab94763b",class:"bds-checkbox__info"},h("span",{key:"b83aa05c6b5468e7f57b3f36fd5e3ac770d5b985",class:"bds-checkbox__info-icon bds-icon-info-circle","aria-hidden":"true"}),h("bds-tooltip",{key:"572f7ab57a6144bdd5e22e0ee38a395cda7300d3"},this.info))))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return r}(Mixin(formAssociatedMixin));BdsCheckbox.style=bdsCheckboxCss();export{BdsCheckbox as bds_checkbox};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __extends=this&&this.__extends||function(){var i=function(t,e){i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,t){i.__proto__=t}||function(i,t){for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e))i[e]=t[e]};return i(t,e)};return function(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");i(t,e);function a(){this.constructor=t}t.prototype=e===null?Object.create(e):(a.prototype=e.prototype,new a)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(i){for(var t,e=1,a=arguments.length;e<a;e++){t=arguments[e];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))i[n]=t[n]}return i};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(i,t,e,a){function n(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,s){function r(i){try{l(a.next(i))}catch(i){s(i)}}function o(i){try{l(a["throw"](i))}catch(i){s(i)}}function l(i){i.done?e(i.value):n(i.value).then(r,o)}l((a=a.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,n,s,r=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return r.next=o(0),r["throw"]=o(1),r["return"]=o(2),typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(i){return function(t){return l([i,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(e=0)),e)try{if(a=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=t.call(i,e)}catch(i){o=[6,i];n=0}finally{a=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,g as getElement}from"./index-BqJlOB6b.js";import{f as floatingMixin}from"./floating.mixin-DCXSEEVH.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";import{S as STATUS_VARIANT}from"./states-Bfazyxqi.js";var backdropMixin=function(i){var t=function(i){__extends(t,i);function t(){var t=i.apply(this,arguments)||this;t.isClosing=false;return t}Object.defineProperty(t.prototype,"hooks",{get:function(){return{}},enumerable:false,configurable:true});t.prototype.showElement=function(){this.dialogElement.showModal();this.isVisible=true};t.prototype.hideElement=function(){this.dialogElement.close();this.isVisible=false;this.isClosing=false};t.prototype.closeElement=function(){if(this.preventClose)return;if(this.isClosing)return;this.isClosing=true;if(this.hooks.onBeforeClose!==undefined)this.onBeforeClose(this.dialogElement);else this.hide()};t.prototype.toggle=function(){this.isVisible?this.closeElement():this.show()};t.prototype.onAfterShow=function(i){var t,e;this.previousOverflow=document.body.style.overflow;document.body.style.overflow="hidden";(e=(t=this.hooks).onAfterShow)===null||e===void 0?void 0:e.call(t,i)};t.prototype.onAfterHide=function(i){var t,e,a;document.body.style.overflow=(t=this.previousOverflow)!==null&&t!==void 0?t:"";(a=(e=this.hooks).onAfterHide)===null||a===void 0?void 0:a.call(e,i)};t.prototype.onBeforeClose=function(i){var t,e;(e=(t=this.hooks).onBeforeClose)===null||e===void 0?void 0:e.call(t,i)};t.prototype.handleBackdropClick=function(i){if(!this.backdropClose)return;if(i.target===this.dialogElement){i.preventDefault();i.stopImmediatePropagation();this.closeElement()}};t.prototype.handleKeydown=function(i){if(i.key==="Escape"){i.preventDefault();i.stopImmediatePropagation()}if(!this.escapeClose||i.repeat||i.key!=="Escape")return;this.closeElement()};t.prototype.addTransitionAnimation=function(i){this.dialogElement.classList.add(i)};t.prototype.removeTransitionAnimation=function(i){this.dialogElement.classList.remove(i)};return t}(floatingMixin(i));return t};var DIALOG_SIZES={SMALL:"sm",MEDIUM:"md",LARGE:"lg",FULL:"full"};var DIALOG_VARIANT=__assign(__assign({},STATUS_VARIANT),{DEFAULT:"default"});var DIALOG_VARIANT_ICON={INFO:"bds-icon-info-circle-fill",SUCCESS:"bds-icon-check-circle-fill",WARNING:"bds-icon-info-major-triangle-up-fill",DANGER:"bds-icon-alert-circle-fill"};var DIALOG_LAYOUT={DEFAULT:"default",HEADERLESS:"headerless",FOOTERLESS:"footerless"};var DIALOG_CONTENT_PADDING={DEFAULT:"default",NONE:"none"};var bdsDialogCss=function(){return'@charset "UTF-8";.bds-dialog{font-family:var(--boreal-typography-font-family-primary);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-dialog__header{height:var(--boreal-spacing-4xl);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__header:empty{display:none}.bds-dialog__header-right,.bds-dialog__header-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-dialog__title{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-dialog__body{height:100%;overflow-y:auto;padding:var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__footer{padding:var(--boreal-spacing-s) var(--boreal-spacing-xs)}.bds-dialog__body,.bds-dialog__footer{-webkit-box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset;box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset}.bds-dialog__body:empty,.bds-dialog__footer:empty{display:none}.bds-dialog--sm{width:min(448px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--md{width:min(640px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--lg{width:min(960px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--full{width:min(1280px, 100vw - var(--boreal-spacing-m) * 2);height:calc(100vh - var(--boreal-spacing-4xl))}.bds-dialog--custom-size{width:var(--bds-dialog-width, auto);height:var(--bds-dialog-height, auto)}.bds-dialog--info .bds-dialog__variant-icon{color:var(--boreal-icon-info-base)}.bds-dialog--warning .bds-dialog__variant-icon{color:var(--boreal-icon-warning-base)}.bds-dialog--danger .bds-dialog__variant-icon{color:var(--boreal-icon-danger-base)}.bds-dialog--success .bds-dialog__variant-icon{color:var(--boreal-icon-success-base)}.bds-dialog--no-padding{padding:0}bds-dialog dialog{border:none;border-radius:var(--boreal-radius-xs);background-color:var(--boreal-white);-webkit-box-shadow:0 8px 12px 0 rgba(19, 19, 22, 0.15);box-shadow:0 8px 12px 0 rgba(19, 19, 22, 0.15);-ms-flex-item-align:center;align-self:center;justify-self:center}bds-dialog dialog::-webkit-backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog::-ms-backdrop{opacity:0;-ms-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog,bds-dialog dialog::backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog[open].enter::-webkit-backdrop{opacity:1}bds-dialog dialog[open].enter::-ms-backdrop{opacity:1}bds-dialog dialog[open].enter,bds-dialog dialog[open].enter::backdrop{opacity:1}'};var BdsDialog=function(i){__extends(t,i);function t(t){var e=i.call(this)||this;registerInstance(e,t);e.bdsOpen=createEvent(e,"bdsOpen");e.bdsClose=createEvent(e,"bdsClose");e.bdsMaximize=createEvent(e,"bdsMaximize");e.inheritedAttributes={};e.active=false;e.preventClose=false;e.height="";e.width="";e.layout=DIALOG_LAYOUT.DEFAULT;e.contentPadding=DIALOG_CONTENT_PADDING.DEFAULT;e.backdropClose=false;e.escapeClose=false;e.size=DIALOG_SIZES.MEDIUM;e.variant=DIALOG_VARIANT.DEFAULT;e.titleDialog="";e.maximizable=false;e.closable=false;e.onDialogTransitionEnd=function(i){if(i.target!==e.dialogElement)return;if(i.pseudoElement==="::backdrop")return;if(e.preventClose)return;if(!e.isClosing)return;e.hide()};return e}t.prototype.handleIsOpenChange=function(i){if(this.dialogElement===undefined)return;if(i)this.show();else this.closeElement()};t.prototype.componentWillLoad=function(){this.checkPropValues();this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el))};t.prototype.componentDidLoad=function(){if(this.active)this.handleIsOpenChange(this.active)};t.prototype.checkPropValues=function(){validatePropValue(Object.values(DIALOG_LAYOUT),DIALOG_LAYOUT.DEFAULT,this.el,"layout");validatePropValue(Object.values(DIALOG_CONTENT_PADDING),DIALOG_CONTENT_PADDING.DEFAULT,this.el,"contentPadding");validatePropValue(Object.values(DIALOG_SIZES),DIALOG_SIZES.MEDIUM,this.el,"size");validatePropValue(Object.values(DIALOG_VARIANT),DIALOG_VARIANT.DEFAULT,this.el,"variant")};t.prototype.handleMaximize=function(){this.bdsMaximize.emit()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.show();return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.closeElement();return[2]}))}))};Object.defineProperty(t.prototype,"isHeaderLeftVisible",{get:function(){return this.isHeaderRightVisible||this.titleDialog},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isHeaderRightVisible",{get:function(){return this.maximizable||this.closable},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hooks",{get:function(){var i=this;return{onAfterShow:function(){return i.onOpenDialog()},onBeforeClose:function(){return i.transitionBeforeClose()},onAfterHide:function(){return i.resetComponent()}}},enumerable:false,configurable:true});t.prototype.transitionBeforeClose=function(){if(this.active)this.active=false;this.removeTransitionAnimation("enter");var i=getComputedStyle(this.dialogElement).transitionDuration;var t=parseFloat(i);var e=i&&!Number.isNaN(t)&&t>0;if(!e){this.hide();return}};t.prototype.onOpenDialog=function(){this.addTransitionAnimation("enter");this.bdsOpen.emit()};t.prototype.resetComponent=function(){this.bdsClose.emit()};t.prototype.getVariantIcon=function(){var i={info:DIALOG_VARIANT_ICON.INFO,success:DIALOG_VARIANT_ICON.SUCCESS,warning:DIALOG_VARIANT_ICON.WARNING,danger:DIALOG_VARIANT_ICON.DANGER,default:""};if(i[this.variant]===undefined)return i["default"];return i[this.variant]};t.prototype.getStyles=function(){var i;return i={"bds-dialog":true},i["bds-dialog--".concat(this.variant)]=true,i["bds-dialog--".concat(this.size)]=true,i["bds-dialog--custom-size"]=this.width.length>0||this.height.length>0,i};t.prototype.getFixedSize=function(){return __assign(__assign({},this.width&&{"--bds-dialog-width":"".concat(this.width,"px")}),this.height&&{"--bds-dialog-height":"".concat(this.height,"px")})};t.prototype.getHeaderLeftElement=function(){return this.isHeaderLeftVisible&&h("div",{class:"bds-dialog__header-left"},this.getVariantIcon()&&h("em",{"aria-hidden":"true",class:"bds-dialog__variant-icon ".concat(this.getVariantIcon())}),this.titleDialog&&h("span",{id:"bds-dialog-title",class:"bds-dialog__title"},this.titleDialog))};t.prototype.getHeaderRightElement=function(){var i=this;return this.isHeaderRightVisible&&h("div",{class:"bds-dialog__header-right"},this.maximizable&&h("bds-button",{"aria-label":"maximize",type:"button",onBdsClick:function(){return i.handleMaximize()}},h("em",{class:"bds-icon-arrows-out"})),this.closable&&h("bds-button",{"aria-label":"close",type:"button",onBdsClick:function(){return i.closeElement()}},h("em",{class:"bds-icon-close"})))};t.prototype.render=function(){var i=this;var t=this.inheritedAttributes;return h("dialog",__assign(__assign({key:"58ef2571b3c6d4fcc4ac85f8536bbb9168651e02",onClick:function(t){return i.handleBackdropClick(t)},onKeyDown:function(t){return i.handleKeydown(t)},onTransitionEnd:this.onDialogTransitionEnd,ref:function(t){if(t!==undefined)i.dialogElement=t},style:__assign({},this.getFixedSize())},this.titleDialog.length>0&&{"aria-labelledby":"bds-dialog-title"}),t),h("div",{key:"fa95d799c99e48ac7b02602d62d79e9919d7b711",class:this.getStyles()},this.layout!==DIALOG_LAYOUT.HEADERLESS&&h("div",{key:"7460a77b2caf914ddf871804ce6c37fbb186b9ef",class:"bds-dialog__header"},this.getHeaderLeftElement(),this.getHeaderRightElement()),h("div",{key:"1537a32b06b9e5ca0329d360a15f407ac8bb6d4f",class:"bds-dialog__body ".concat(this.contentPadding==="none"?"bds-dialog--no-padding":"")},h("slot",{key:"e45a2fd2507303ab1af63983ff1cb5a3db1b955b"})),this.layout!==DIALOG_LAYOUT.FOOTERLESS&&h("div",{key:"c258f33a42fff5e88b2846c788bac219fa90fe63",class:"bds-dialog__footer"},h("slot",{key:"b64483b7004e01f2ecaa11fc4b144277a20d0204",name:"footer"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:[{handleIsOpenChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(backdropMixin));BdsDialog.style=bdsDialogCss();export{BdsDialog as bds_dialog};
|
|
1
|
+
var __extends=this&&this.__extends||function(){var i=function(t,e){i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,t){i.__proto__=t}||function(i,t){for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e))i[e]=t[e]};return i(t,e)};return function(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");i(t,e);function a(){this.constructor=t}t.prototype=e===null?Object.create(e):(a.prototype=e.prototype,new a)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(i){for(var t,e=1,a=arguments.length;e<a;e++){t=arguments[e];for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))i[n]=t[n]}return i};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(i,t,e,a){function n(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,s){function r(i){try{l(a.next(i))}catch(i){s(i)}}function o(i){try{l(a["throw"](i))}catch(i){s(i)}}function l(i){i.done?e(i.value):n(i.value).then(r,o)}l((a=a.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,n,s,r=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return r.next=o(0),r["throw"]=o(1),r["return"]=o(2),typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(i){return function(t){return l([i,t])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(e=0)),e)try{if(a=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){e.label=o[1];break}if(o[0]===6&&e.label<s[1]){e.label=s[1];s=o;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(o);break}if(s[2])e.ops.pop();e.trys.pop();continue}o=t.call(i,e)}catch(i){o=[6,i];n=0}finally{a=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{M as Mixin,r as registerInstance,c as createEvent,h,g as getElement}from"./index-BqJlOB6b.js";import{f as floatingMixin}from"./floating.mixin-DCXSEEVH.js";import{a as inheritAriaAttributes}from"./attributes-U9yfbs7i.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";import{S as STATUS_VARIANT}from"./states-Bfazyxqi.js";var backdropMixin=function(i){var t=function(i){__extends(t,i);function t(){var t=i.apply(this,arguments)||this;t.isClosing=false;return t}Object.defineProperty(t.prototype,"hooks",{get:function(){return{}},enumerable:false,configurable:true});t.prototype.showElement=function(){this.dialogElement.showModal();this.isVisible=true};t.prototype.hideElement=function(){this.dialogElement.close();this.isVisible=false;this.isClosing=false};t.prototype.closeElement=function(){if(this.preventClose)return;if(this.isClosing)return;this.isClosing=true;if(this.hooks.onBeforeClose!==undefined)this.onBeforeClose(this.dialogElement);else this.hide()};t.prototype.toggle=function(){this.isVisible?this.closeElement():this.show()};t.prototype.onAfterShow=function(i){var t,e;this.previousOverflow=document.body.style.overflow;document.body.style.overflow="hidden";(e=(t=this.hooks).onAfterShow)===null||e===void 0?void 0:e.call(t,i)};t.prototype.onAfterHide=function(i){var t,e,a;document.body.style.overflow=(t=this.previousOverflow)!==null&&t!==void 0?t:"";(a=(e=this.hooks).onAfterHide)===null||a===void 0?void 0:a.call(e,i)};t.prototype.onBeforeClose=function(i){var t,e;(e=(t=this.hooks).onBeforeClose)===null||e===void 0?void 0:e.call(t,i)};t.prototype.handleBackdropClick=function(i){if(!this.backdropClose)return;if(i.target===this.dialogElement){i.preventDefault();i.stopImmediatePropagation();this.closeElement()}};t.prototype.handleKeydown=function(i){if(i.key==="Escape"){i.preventDefault();i.stopImmediatePropagation()}if(!this.escapeClose||i.repeat||i.key!=="Escape")return;this.closeElement()};t.prototype.addTransitionAnimation=function(i){this.dialogElement.classList.add(i)};t.prototype.removeTransitionAnimation=function(i){this.dialogElement.classList.remove(i)};return t}(floatingMixin(i));return t};var DIALOG_SIZES={SMALL:"sm",MEDIUM:"md",LARGE:"lg",FULL:"full"};var DIALOG_VARIANT=__assign(__assign({},STATUS_VARIANT),{DEFAULT:"default"});var DIALOG_VARIANT_ICON={INFO:"bds-icon-info-circle-fill",SUCCESS:"bds-icon-check-circle-fill",WARNING:"bds-icon-info-major-triangle-up-fill",DANGER:"bds-icon-alert-circle-fill"};var DIALOG_LAYOUT={DEFAULT:"default",HEADERLESS:"headerless",FOOTERLESS:"footerless"};var DIALOG_CONTENT_PADDING={DEFAULT:"default",NONE:"none"};var bdsDialogCss=function(){return'@charset "UTF-8";.bds-dialog{font-family:var(--boreal-typography-font-family-primary);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bds-dialog__header{height:var(--boreal-spacing-4xl);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__header:empty{display:none}.bds-dialog__header-right,.bds-dialog__header-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs)}.bds-dialog__title{color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-md);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-md)}.bds-dialog__body{height:100%;overflow-y:auto;padding:var(--boreal-spacing-s) var(--boreal-spacing-l)}.bds-dialog__footer{padding:var(--boreal-spacing-s) var(--boreal-spacing-xs)}.bds-dialog__body,.bds-dialog__footer{-webkit-box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset;box-shadow:0 var(--boreal-spacing-4xs) var(--boreal-spacing-4xs) 0 var(--boreal-stroke-default-light) inset}.bds-dialog__body:empty,.bds-dialog__footer:empty{display:none}.bds-dialog--sm{width:min(448px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--md{width:min(640px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--lg{width:min(960px, 100vw - var(--boreal-spacing-m) * 2)}.bds-dialog--full{width:min(1280px, 100vw - var(--boreal-spacing-m) * 2);height:calc(100vh - var(--boreal-spacing-4xl))}.bds-dialog--custom-size{width:var(--bds-dialog-width, auto);height:var(--bds-dialog-height, auto)}.bds-dialog--info .bds-dialog__variant-icon{color:var(--boreal-icon-info-base)}.bds-dialog--warning .bds-dialog__variant-icon{color:var(--boreal-icon-warning-base)}.bds-dialog--danger .bds-dialog__variant-icon{color:var(--boreal-icon-danger-base)}.bds-dialog--success .bds-dialog__variant-icon{color:var(--boreal-icon-success-base)}.bds-dialog--no-padding{padding:0}bds-dialog dialog{border:none;border-radius:var(--boreal-radius-xs);background-color:var(--boreal-white);-webkit-box-shadow:var(--boreal-depth-box-shadow-l);box-shadow:var(--boreal-depth-box-shadow-l);-ms-flex-item-align:center;align-self:center;justify-self:center}bds-dialog dialog::-webkit-backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog::-ms-backdrop{opacity:0;-ms-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog,bds-dialog dialog::backdrop{opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}bds-dialog dialog[open].enter::-webkit-backdrop{opacity:1}bds-dialog dialog[open].enter::-ms-backdrop{opacity:1}bds-dialog dialog[open].enter,bds-dialog dialog[open].enter::backdrop{opacity:1}'};var BdsDialog=function(i){__extends(t,i);function t(t){var e=i.call(this)||this;registerInstance(e,t);e.bdsOpen=createEvent(e,"bdsOpen");e.bdsClose=createEvent(e,"bdsClose");e.bdsMaximize=createEvent(e,"bdsMaximize");e.inheritedAttributes={};e.active=false;e.preventClose=false;e.height="";e.width="";e.layout=DIALOG_LAYOUT.DEFAULT;e.contentPadding=DIALOG_CONTENT_PADDING.DEFAULT;e.backdropClose=false;e.escapeClose=false;e.size=DIALOG_SIZES.MEDIUM;e.variant=DIALOG_VARIANT.DEFAULT;e.titleDialog="";e.maximizable=false;e.closable=false;e.onDialogTransitionEnd=function(i){if(i.target!==e.dialogElement)return;if(i.pseudoElement==="::backdrop")return;if(e.preventClose)return;if(!e.isClosing)return;e.hide()};return e}t.prototype.handleIsOpenChange=function(i){if(this.dialogElement===undefined)return;if(i)this.show();else this.closeElement()};t.prototype.componentWillLoad=function(){this.checkPropValues();this.inheritedAttributes=__assign({},inheritAriaAttributes(this.el))};t.prototype.componentDidLoad=function(){if(this.active)this.handleIsOpenChange(this.active)};t.prototype.checkPropValues=function(){validatePropValue(Object.values(DIALOG_LAYOUT),DIALOG_LAYOUT.DEFAULT,this.el,"layout");validatePropValue(Object.values(DIALOG_CONTENT_PADDING),DIALOG_CONTENT_PADDING.DEFAULT,this.el,"contentPadding");validatePropValue(Object.values(DIALOG_SIZES),DIALOG_SIZES.MEDIUM,this.el,"size");validatePropValue(Object.values(DIALOG_VARIANT),DIALOG_VARIANT.DEFAULT,this.el,"variant")};t.prototype.handleMaximize=function(){this.bdsMaximize.emit()};t.prototype.open=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.show();return[2]}))}))};t.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.closeElement();return[2]}))}))};Object.defineProperty(t.prototype,"isHeaderLeftVisible",{get:function(){return this.isHeaderRightVisible||this.titleDialog},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isHeaderRightVisible",{get:function(){return this.maximizable||this.closable},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"hooks",{get:function(){var i=this;return{onAfterShow:function(){return i.onOpenDialog()},onBeforeClose:function(){return i.transitionBeforeClose()},onAfterHide:function(){return i.resetComponent()}}},enumerable:false,configurable:true});t.prototype.transitionBeforeClose=function(){if(this.active)this.active=false;this.removeTransitionAnimation("enter");var i=getComputedStyle(this.dialogElement).transitionDuration;var t=parseFloat(i);var e=i&&!Number.isNaN(t)&&t>0;if(!e){this.hide();return}};t.prototype.onOpenDialog=function(){this.addTransitionAnimation("enter");this.bdsOpen.emit()};t.prototype.resetComponent=function(){this.bdsClose.emit()};t.prototype.getVariantIcon=function(){var i={info:DIALOG_VARIANT_ICON.INFO,success:DIALOG_VARIANT_ICON.SUCCESS,warning:DIALOG_VARIANT_ICON.WARNING,danger:DIALOG_VARIANT_ICON.DANGER,default:""};if(i[this.variant]===undefined)return i["default"];return i[this.variant]};t.prototype.getStyles=function(){var i;return i={"bds-dialog":true},i["bds-dialog--".concat(this.variant)]=true,i["bds-dialog--".concat(this.size)]=true,i["bds-dialog--custom-size"]=this.width.length>0||this.height.length>0,i};t.prototype.getFixedSize=function(){return __assign(__assign({},this.width&&{"--bds-dialog-width":"".concat(this.width,"px")}),this.height&&{"--bds-dialog-height":"".concat(this.height,"px")})};t.prototype.getHeaderLeftElement=function(){return this.isHeaderLeftVisible&&h("div",{class:"bds-dialog__header-left"},this.getVariantIcon()&&h("em",{"aria-hidden":"true",class:"bds-dialog__variant-icon ".concat(this.getVariantIcon())}),this.titleDialog&&h("span",{id:"bds-dialog-title",class:"bds-dialog__title"},this.titleDialog))};t.prototype.getHeaderRightElement=function(){var i=this;return this.isHeaderRightVisible&&h("div",{class:"bds-dialog__header-right"},this.maximizable&&h("bds-button",{"aria-label":"maximize",type:"button",onBdsClick:function(){return i.handleMaximize()}},h("em",{class:"bds-icon-arrows-out"})),this.closable&&h("bds-button",{"aria-label":"close",type:"button",onBdsClick:function(){return i.closeElement()}},h("em",{class:"bds-icon-close"})))};t.prototype.render=function(){var i=this;var t=this.inheritedAttributes;return h("dialog",__assign(__assign({key:"de042f49b5eaaf2a0a0f305570d04321959b9fcb",onClick:function(t){return i.handleBackdropClick(t)},onKeyDown:function(t){return i.handleKeydown(t)},onTransitionEnd:this.onDialogTransitionEnd,ref:function(t){if(t!==undefined)i.dialogElement=t},style:__assign({},this.getFixedSize())},this.titleDialog.length>0&&{"aria-labelledby":"bds-dialog-title"}),t),h("div",{key:"fef08504c053ca1f6188526ff0af517f767a4349",class:this.getStyles()},this.layout!==DIALOG_LAYOUT.HEADERLESS&&h("div",{key:"399281c7b7caa7a167677b26dc3ef338b987a09d",class:"bds-dialog__header"},this.getHeaderLeftElement(),this.getHeaderRightElement()),h("div",{key:"dc4bc6d37b7c3928b6d5d15b56456340ac02cbfa",class:"bds-dialog__body ".concat(this.contentPadding==="none"?"bds-dialog--no-padding":"")},h("slot",{key:"e6f01fe42e2b57bc94986ca232d5a8860e5236ef"})),this.layout!==DIALOG_LAYOUT.FOOTERLESS&&h("div",{key:"80d7a6432bd127635a45b482d71b58973089b87d",class:"bds-dialog__footer"},h("slot",{key:"8e5ec1341161020313712e64195bf9df68bbe340",name:"footer"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:[{handleIsOpenChange:0}]}},enumerable:false,configurable:true});return t}(Mixin(backdropMixin));BdsDialog.style=bdsDialogCss();export{BdsDialog as bds_dialog};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,g as getElement}from"./index-BqJlOB6b.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var DIVIDER_ORIENTATIONS={HORIZONTAL:"horizontal",VERTICAL:"vertical"};var bdsDividerCss=function(){return'@charset "UTF-8";bds-divider{}bds-divider[orientation=vertical]{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;margin-inline:var(--bds-divider-gap, 0px)}bds-divider[orientation=horizontal]{display:block;width:100%;margin-block:var(--bds-divider-gap, 0px)}.bds-divider{background-color:var(--bds-divider-color, var(--boreal-ui-default-lighter))}.bds-divider--horizontal{width:100%;height:var(--boreal-spacing-4xs)}.bds-divider--vertical{-ms-flex:1;flex:1;width:var(--boreal-spacing-4xs)}'};var BdsDivider=function(){function e(e){registerInstance(this,e);this.orientation=DIVIDER_ORIENTATIONS.HORIZONTAL}e.prototype.checkPropValues=function(){validatePropValue(Object.values(DIVIDER_ORIENTATIONS),DIVIDER_ORIENTATIONS.HORIZONTAL,this.el,"orientation")};Object.defineProperty(e.prototype,"orientationClass",{get:function(){var e;return e={"bds-divider":true},e["bds-divider--".concat(this.orientation)]=true,e},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){this.checkPropValues()};e.prototype.render=function(){return h("div",{key:"
|
|
1
|
+
import{r as registerInstance,h,g as getElement}from"./index-BqJlOB6b.js";import{v as validatePropValue}from"./validateProps-kGnB15Lz.js";var DIVIDER_ORIENTATIONS={HORIZONTAL:"horizontal",VERTICAL:"vertical"};var bdsDividerCss=function(){return'@charset "UTF-8";bds-divider{}bds-divider[orientation=vertical]{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;margin-inline:var(--bds-divider-gap, 0px)}bds-divider[orientation=horizontal]{display:block;width:100%;margin-block:var(--bds-divider-gap, 0px)}.bds-divider{background-color:var(--bds-divider-color, var(--boreal-ui-default-lighter))}.bds-divider--horizontal{width:100%;height:var(--boreal-spacing-4xs)}.bds-divider--vertical{-ms-flex:1;flex:1;width:var(--boreal-spacing-4xs)}'};var BdsDivider=function(){function e(e){registerInstance(this,e);this.orientation=DIVIDER_ORIENTATIONS.HORIZONTAL}e.prototype.checkPropValues=function(){validatePropValue(Object.values(DIVIDER_ORIENTATIONS),DIVIDER_ORIENTATIONS.HORIZONTAL,this.el,"orientation")};Object.defineProperty(e.prototype,"orientationClass",{get:function(){var e;return e={"bds-divider":true},e["bds-divider--".concat(this.orientation)]=true,e},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){this.checkPropValues()};e.prototype.render=function(){return h("div",{key:"a64c78979ba69f2de16edd48265cdb61d86d7026",part:"divider",class:this.orientationClass,role:"separator","aria-orientation":this.orientation})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{orientation:[{checkPropValues:0}]}},enumerable:false,configurable:true});return e}();BdsDivider.style=bdsDividerCss();export{BdsDivider as bds_divider};
|