@viasat/beam-web-components 2.29.1 → 2.36.0
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/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.js +1 -1
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +1 -1
- package/Button/Button.js +43 -43
- package/CloseButton/CloseButton.js +12 -12
- package/EmptyState/EmptyState.js +3 -3
- package/InputChoiceGroup/InputChoiceGroup.js +20 -20
- package/Link/Link.js +25 -25
- package/ProgressBar/ProgressBar.js +22 -22
- package/SegmentedControl/SegmentedControl.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/SegmentedControl/SegmentedControlList.js +1 -1
- package/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/Spinner/Spinner.js +35 -35
- package/TextField/TextField.js +40 -40
- package/Tooltip/Tooltip.js +25 -25
- package/chunks/Avatar.BKgI1H4m.js +174 -0
- package/chunks/fileUpload.module.WyOEuxoP.js +4 -0
- package/chunks/segmentedControl.module.DUw6nBfH.js +4 -0
- package/custom-elements.json +1554 -1554
- package/local/Avatar/Avatar.js +1 -1
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +7 -7
- package/local/Button/Button.js +19 -19
- package/local/CloseButton/CloseButton.js +10 -10
- package/local/EmptyState/EmptyState.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +20 -20
- package/local/Link/Link.js +36 -36
- package/local/ProgressBar/ProgressBar.js +22 -22
- package/local/SegmentedControl/SegmentedControl.js +1 -1
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/SegmentedControl/SegmentedControlList.js +1 -1
- package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/local/Spinner/Spinner.js +28 -28
- package/local/TextField/TextField.js +40 -40
- package/local/Tooltip/Tooltip.js +39 -39
- package/local/chunks/Avatar.GyYNA9m6.js +172 -0
- package/local/chunks/fileUpload.module.WyOEuxoP.js +4 -0
- package/local/chunks/segmentedControl.module.DUw6nBfH.js +4 -0
- package/local/wip/Checkbox/Checkbox.js +52 -52
- package/local/wip/FileUpload/FileUpload.Button.js +1 -1
- package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.Item.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.js +1 -1
- package/local/wip/FileUpload/FileUpload.js +1 -1
- package/local/wip/NativeSelect/NativeSelect.js +25 -25
- package/local/wip/RadioButton/RadioButton.js +17 -17
- package/local/wip/Switch/Switch.js +37 -37
- package/local/wip/TextArea/TextArea.js +18 -18
- package/package.json +6 -6
- package/vscode.html-custom-data.json +232 -232
- package/wip/Checkbox/Checkbox.js +15 -15
- package/wip/FileUpload/FileUpload.Button.js +1 -1
- package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/wip/FileUpload/FileUpload.List.Item.js +1 -1
- package/wip/FileUpload/FileUpload.List.js +1 -1
- package/wip/FileUpload/FileUpload.js +1 -1
- package/wip/NativeSelect/NativeSelect.js +47 -47
- package/wip/RadioButton/RadioButton.js +21 -21
- package/wip/Switch/Switch.js +37 -37
- package/wip/TextArea/TextArea.js +18 -18
- package/chunks/Avatar.BgufO4-1.js +0 -174
- package/chunks/fileUpload.module.CNe9mg2f.js +0 -4
- package/chunks/segmentedControl.module.5EsIjpJa.js +0 -4
- package/local/chunks/Avatar.CEb3Se7H.js +0 -172
- package/local/chunks/fileUpload.module.CNe9mg2f.js +0 -4
- package/local/chunks/segmentedControl.module.5EsIjpJa.js +0 -4
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const o = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #576775);--bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-seg-control-color-bg-selected: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-seg-control-color-fg-selected: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-seg-control-color-border-selected: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, .5rem);--bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, .75rem);--bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);--bm-comp-seg-control-radius: var(--bm-sem-radius-sm, .25rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #465967);--bm-comp-seg-control-color-bg-selected: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-seg-control-color-fg-selected: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-seg-control-color-border-selected: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, .5rem);--bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, .75rem);--bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);--bm-comp-seg-control-radius: var(--bm-sem-radius-sm, .25rem)}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #202e39 );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #141d24 );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}.bm-segmented-control{box-shadow:var(--bm-comp-btn-shadow)}.bm-segmented-control--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-segmented-control__list{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:0;max-width:100%;min-width:0}.bm-segmented-control__list ::slotted(*){min-width:0;flex-shrink:1}.bm-segmented-control__list--fluid{width:100%;display:flex}.bm-segmented-control__list--fluid ::slotted(*){flex:1 1 auto}.bm-segmented-control__item{display:flex;position:relative;border:var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border);border-color:var(--bm-comp-seg-control-color-border);margin-inline-start:-1px;min-width:0;outline:none;background:var(--bm-comp-seg-control-color-bg);color:var(--bm-comp-seg-control-color-fg);cursor:pointer;justify-content:center}.bm-segmented-control__item--fluid{flex:1 1 auto;min-width:0}.bm-segmented-control__item--fluid .bm-segmented-control__item__label{width:100%;min-width:0}.bm-segmented-control__item--first{border-radius:var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius);border-inline-start-color:var(--bm-comp-seg-control-color-border);margin-inline-start:0}[dir=rtl] .bm-segmented-control__item--first,:dir(rtl) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0}.bm-segmented-control__item--last{border-radius:0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0;border-inline-end-color:var(--bm-comp-seg-control-color-border);margin-inline-end:0}[dir=rtl] .bm-segmented-control__item--last,:dir(rtl) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius)}.bm-segmented-control__item__content{display:flex;align-items:center;justify-content:center;gap:var(--bm-comp-btn-space-gap);cursor:inherit;min-width:0;width:100%}.bm-segmented-control__item__controlText{align-content:center;height:100%;padding:0 var(--bm-comp-btn-space-label-x);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bm-segmented-control__item__icon,.bm-segmented-control__item ::slotted([slot=icon]){display:flex;align-items:center;flex-shrink:0}.bm-segmented-control__item--selected{z-index:1;background:var(--bm-comp-seg-control-color-bg-selected);border:var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border-selected)}.bm-segmented-control__item--selected .bm-segmented-control__item__controlText,.bm-segmented-control__item--selected .bm-segmented-control__item__icon,.bm-segmented-control__item--selected ::slotted([slot=icon]){color:var(--bm-comp-seg-control-color-fg-selected)}.bm-segmented-control__item--selected:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: unset}.bm-segmented-control__item__state-layer{pointer-events:none;cursor:pointer;z-index:2}.bm-segmented-control__item:focus-visible .bm-state-layer{--bm-state-layer-outline-width: var(--bm-sem-border-width-focus);--bm-state-layer-outline-color: var(--bm-sem-color-border-focus);--bm-state-layer-outline-offset: 0}.bm-segmented-control__item--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed!important}.bm-segmented-control__item--sm{height:var(--bm-comp-btn-size-sm-height);font:var(--bm-comp-btn-typo-sm);padding:0 var(--bm-comp-seg-control-space-sm-x)}.bm-segmented-control__item--sm .bm-segmented-control__item__icon svg,.bm-segmented-control__item--sm ::slotted([slot=icon]){width:var(--bm-comp-btn-size-sm-icon);height:var(--bm-comp-btn-size-sm-icon)}.bm-segmented-control__item--sm.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-sm-width)}.bm-segmented-control__item--md{height:var(--bm-comp-btn-size-md-height);font:var(--bm-comp-btn-typo-md);padding:0 var(--bm-comp-seg-control-space-md-x)}.bm-segmented-control__item--md .bm-segmented-control__item__icon svg,.bm-segmented-control__item--md ::slotted([slot=icon]){width:var(--bm-comp-btn-size-md-icon);height:var(--bm-comp-btn-size-md-icon)}.bm-segmented-control__item--md.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-md-width)}.bm-segmented-control__item--lg{height:var(--bm-comp-btn-size-lg-height);font:var(--bm-comp-btn-typo-lg);padding:0 var(--bm-comp-seg-control-space-lg-x)}.bm-segmented-control__item--lg .bm-segmented-control__item__icon svg,.bm-segmented-control__item--lg ::slotted([slot=icon]){width:var(--bm-comp-btn-size-lg-icon);height:var(--bm-comp-btn-size-lg-icon)}.bm-segmented-control__item--lg.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-lg-width)}.bm-segmented-control__panel{display:none}.bm-segmented-control__panel--selected{display:block}';
|
|
2
|
-
export {
|
|
3
|
-
o as s
|
|
4
|
-
};
|
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
import { c as V } from "./consume.Ce9k1-wN.js";
|
|
2
|
-
import { r as $, a as H, x as d, E as P } from "./lit-element.CJtt9wj5.js";
|
|
3
|
-
import { n as i, c as I } from "./register-custom-element.vod7zfGv.js";
|
|
4
|
-
import { o as Z } from "./unsafe-svg.HSGf1NCU.js";
|
|
5
|
-
import { g as C, c as v } from "./classNames.C6fNrXWF.js";
|
|
6
|
-
import "./constants.jOWREYQE.js";
|
|
7
|
-
import { c as B } from "./CSSLookup.BdqZ5Li9.js";
|
|
8
|
-
import { stateLayerStyles as N, stateLayerClassName as W } from "../StateLayer/StateLayer.js";
|
|
9
|
-
import { AvatarGroupCtx as E } from "../Avatar/AvatarGroup.context.js";
|
|
10
|
-
const A = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
-
<path
|
|
12
|
-
fill-rule="evenodd"
|
|
13
|
-
clip-rule="evenodd"
|
|
14
|
-
d="M12 7V3H2V21H22V7H12ZM6 19H4V17H6V19ZM6 15H4V13H6V15ZM6 11H4V9H6V11ZM6 7H4V5H6V7ZM10 19H8V17H10V19ZM10 15H8V13H10V15ZM10 11H8V9H10V11ZM10 7H8V5H10V7ZM20 19H12V17H14V15H12V13H14V11H12V9H20V19ZM18 11H16V13H18V11ZM18 15H16V17H18V15Z"
|
|
15
|
-
fill="currentColor"
|
|
16
|
-
/>
|
|
17
|
-
</svg>
|
|
18
|
-
`, q = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
|
-
<path
|
|
20
|
-
fill-rule="evenodd"
|
|
21
|
-
clip-rule="evenodd"
|
|
22
|
-
d="M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z"
|
|
23
|
-
fill="currentColor"
|
|
24
|
-
/>
|
|
25
|
-
</svg>
|
|
26
|
-
`, { baseClassNamePrefix: G, subElementClassPrefix: u, classModifierPrefix: l } = C("avatar"), sa = {
|
|
27
|
-
xs: 1.25,
|
|
28
|
-
sm: 1.5,
|
|
29
|
-
md: 2,
|
|
30
|
-
lg: 2.5,
|
|
31
|
-
xl: 3
|
|
32
|
-
}, L = (a, r) => {
|
|
33
|
-
var _, k, S;
|
|
34
|
-
const e = a.split(" "), o = e.length > 1, t = r !== "xs" && o, b = (_ = e.at(0)) != null && _.startsWith("+") ? e.at(0) : void 0, p = `${((k = e.at(0)) == null ? void 0 : k[0]) || ""}${t && ((S = e.at(-1)) == null ? void 0 : S[0]) || ""}`.toUpperCase();
|
|
35
|
-
return b || p;
|
|
36
|
-
}, O = 0.25, R = 0.5, T = (a, r) => (["xs", "sm", "md"].includes(a) ? O : R) * (r === "stacked" ? 1 : -1), oa = (a, r) => B(T(a, r)) * (r === "stacked" ? 1 : -1), {
|
|
37
|
-
baseClassNamePrefix: ia,
|
|
38
|
-
classModifierPrefix: ca
|
|
39
|
-
} = C("avatar-group"), F = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-avatar-size-xs: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-avatar-size-sm: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-avatar-size-md: var(--bm-primitive-dimension-200, 2rem);--bm-comp-avatar-size-lg: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-avatar-size-xl: var(--bm-primitive-dimension-300, 3rem);--bm-comp-avatar-size-icon-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-sm: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-md: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-avatar-size-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-avatar-color-accent-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-avatar-color-accent-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-avatar-color-neutral-bg: var( --bm-utility-color-gray-default, #576775 );--bm-comp-avatar-color-neutral-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-avatar-color-overflow-bg: var( --bm-utility-color-gray-subtler, #dfe7ec );--bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #141d24);--bm-comp-avatar-color-overflow-border: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-avatar-typo-xs: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-lg: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-avatar-typo-xl: var( --bm-sem-typo-label-lg, 600 1.125rem/1.75rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-avatar-size-xs: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-avatar-size-sm: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-avatar-size-md: var(--bm-primitive-dimension-200, 2rem);--bm-comp-avatar-size-lg: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-avatar-size-xl: var(--bm-primitive-dimension-300, 3rem);--bm-comp-avatar-size-icon-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-sm: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-md: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-avatar-size-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #202e39);--bm-comp-avatar-color-accent-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-avatar-color-accent-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-avatar-color-neutral-bg: var( --bm-utility-color-gray-default, #9fafbc );--bm-comp-avatar-color-neutral-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-avatar-color-overflow-bg: var( --bm-utility-color-gray-subtler, #32424e );--bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-avatar-color-overflow-border: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-avatar-typo-xs: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-lg: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-avatar-typo-xl: var( --bm-sem-typo-label-lg, 600 1.125rem/1.75rem "Source Sans Pro" )}.bm-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.bm-avatar__image{display:flex;height:100%;width:100%}.bm-avatar--interactive{cursor:pointer}.bm-avatar--disabled{opacity:var(--bm-sem-opacity-disabled);-webkit-user-select:none;user-select:none}.bm-avatar--hidden{display:none}.bm-avatar--with-border{flex:0 0 auto;outline:var(--bm-sem-border-width-md) solid var(--bm-comp-avatar-color-border)}.bm-avatar--content{z-index:1;position:relative}.bm-avatar:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-avatar--xs{height:var(--bm-comp-avatar-size-xs);width:var(--bm-comp-avatar-size-xs)}.bm-avatar__icon--xs{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-xs);height:var(--bm-comp-avatar-size-icon-xs)}.bm-avatar__text--xs{cursor:default;font:var(--bm-comp-avatar-typo-xs)}.bm-avatar--sm{height:var(--bm-comp-avatar-size-sm);width:var(--bm-comp-avatar-size-sm)}.bm-avatar__icon--sm{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-sm);height:var(--bm-comp-avatar-size-icon-sm)}.bm-avatar__text--sm{cursor:default;font:var(--bm-comp-avatar-typo-sm)}.bm-avatar--md{height:var(--bm-comp-avatar-size-md);width:var(--bm-comp-avatar-size-md)}.bm-avatar__icon--md{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-md);height:var(--bm-comp-avatar-size-icon-md)}.bm-avatar__text--md{cursor:default;font:var(--bm-comp-avatar-typo-md)}.bm-avatar--lg{height:var(--bm-comp-avatar-size-lg);width:var(--bm-comp-avatar-size-lg)}.bm-avatar__icon--lg{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-lg);height:var(--bm-comp-avatar-size-icon-lg)}.bm-avatar__text--lg{cursor:default;font:var(--bm-comp-avatar-typo-lg)}.bm-avatar--xl{height:var(--bm-comp-avatar-size-xl);width:var(--bm-comp-avatar-size-xl)}.bm-avatar__icon--xl{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-xl);height:var(--bm-comp-avatar-size-icon-xl)}.bm-avatar__text--xl{cursor:default;font:var(--bm-comp-avatar-typo-xl)}.bm-avatar--circle{border-radius:var(--bm-sem-radius-round)}.bm-avatar--square{border-radius:var(--bm-sem-radius-sm)}.bm-avatar--neutral{background:var(--bm-comp-avatar-color-neutral-bg);color:var(--bm-comp-avatar-color-neutral-fg)}.bm-avatar--accent{background:var(--bm-comp-avatar-color-accent-bg);color:var(--bm-comp-avatar-color-accent-fg)}.bm-avatar--overflow{background:var(--bm-comp-avatar-color-overflow-bg);color:var(--bm-comp-avatar-color-overflow-fg)}.bm-avatar-group{display:flex;row-gap:var(--bm-sem-space-50)}.bm-avatar-group>*,.bm-avatar-group bm-avatar{flex:0 0 auto;outline:var(--bm-sem-border-width-md) solid var(--bm-comp-avatar-color-border)}.bm-avatar-group--wrapping{flex-wrap:wrap}.bm-avatar-group--stacked-xs{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-xs ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-xs>*,.bm-avatar-group--stacked-xs bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-sm{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-sm ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-sm>*,.bm-avatar-group--stacked-sm bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-md{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-md ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-md>*,.bm-avatar-group--stacked-md bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-lg{padding-inline-start:calc(var(--bm-sem-space-50))}.bm-avatar-group--stacked-lg ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--stacked-lg>*,.bm-avatar-group--stacked-lg bm-avatar{margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--stacked-xl{padding-inline-start:calc(var(--bm-sem-space-50))}.bm-avatar-group--stacked-xl ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--stacked-xl>*,.bm-avatar-group--stacked-xl bm-avatar{margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--spaced-xs,.bm-avatar-group--spaced-sm,.bm-avatar-group--spaced-md{gap:var(--bm-sem-space-25)}.bm-avatar-group--spaced-lg,.bm-avatar-group--spaced-xl{gap:var(--bm-sem-space-50)}.bm-avatar-group--xs ::slotted(*){height:var(--bm-comp-avatar-size-xs)}.bm-avatar-group--sm ::slotted(*){height:var(--bm-comp-avatar-size-sm)}.bm-avatar-group--md ::slotted(*){height:var(--bm-comp-avatar-size-md)}.bm-avatar-group--lg ::slotted(*){height:var(--bm-comp-avatar-size-lg)}.bm-avatar-group--xl ::slotted(*){height:var(--bm-comp-avatar-size-xl)}.bm-avatar-group--circle>*,.bm-avatar-group--circle bm-avatar{border-radius:var(--bm-sem-radius-round)}.bm-avatar-group--circle ::slotted(*){border-radius:var(--bm-sem-radius-round)}.bm-avatar-group--square>*,.bm-avatar-group--square bm-avatar{border-radius:var(--bm-sem-radius-sm)}.bm-avatar-group--square ::slotted(*){border-radius:var(--bm-sem-radius-sm)}';
|
|
40
|
-
var D = Object.defineProperty, U = Object.getOwnPropertyDescriptor, M = (a) => {
|
|
41
|
-
throw TypeError(a);
|
|
42
|
-
}, s = (a, r, e, o) => {
|
|
43
|
-
for (var t = o > 1 ? void 0 : o ? U(r, e) : r, b = a.length - 1, p; b >= 0; b--)
|
|
44
|
-
(p = a[b]) && (t = (o ? p(r, e, t) : p(t)) || t);
|
|
45
|
-
return o && t && D(r, e, t), t;
|
|
46
|
-
}, J = (a, r, e) => r.has(a) || M("Cannot " + e), c = (a, r, e) => (J(a, r, "read from private field"), e ? e.call(a) : r.get(a)), n = (a, r, e) => r.has(a) ? M("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, e), h, f, x, g, y, z, w;
|
|
47
|
-
const K = {
|
|
48
|
-
square: A,
|
|
49
|
-
circle: q
|
|
50
|
-
};
|
|
51
|
-
let m = class extends H {
|
|
52
|
-
constructor() {
|
|
53
|
-
super(...arguments), this.appearance = "neutral", this.size = "md", this.disabled = !1, this.shape = "circle", this.isInteractive = !1, this.isFocusable = !1, this.withBorder = !1, n(this, h, () => {
|
|
54
|
-
var t;
|
|
55
|
-
const a = this.appearance || "neutral", r = ((t = this.group) == null ? void 0 : t.size) || this.size || "md", e = this.shape || "circle", o = this.group ? !0 : this.withBorder;
|
|
56
|
-
return v(
|
|
57
|
-
this.className,
|
|
58
|
-
G,
|
|
59
|
-
`${l}${e}`,
|
|
60
|
-
this.disabled && `${l}disabled`,
|
|
61
|
-
o && `${l}with-border`,
|
|
62
|
-
this.isInteractive && !this.disabled && `${l}interactive`,
|
|
63
|
-
`${l}${r}`,
|
|
64
|
-
`${l}${a}`
|
|
65
|
-
);
|
|
66
|
-
}), n(this, f, () => this.isInteractive || this.isFocusable ? 0 : -1), n(this, x, v(`${u}image`)), n(this, g, v(`${l}content`)), n(this, y, () => {
|
|
67
|
-
var o;
|
|
68
|
-
const a = ((o = this.group) == null ? void 0 : o.size) || this.size || "md", r = v(`${u}icon--${a}`);
|
|
69
|
-
if (this.src !== void 0 && this.src !== "")
|
|
70
|
-
return d`
|
|
71
|
-
<img
|
|
72
|
-
src=${this.src}
|
|
73
|
-
alt=${this.alt || this.name}
|
|
74
|
-
class=${v(
|
|
75
|
-
c(this, x),
|
|
76
|
-
this.isInteractive && c(this, g)
|
|
77
|
-
)}
|
|
78
|
-
/>
|
|
79
|
-
`;
|
|
80
|
-
if (this.name !== void 0 && this.name !== "") {
|
|
81
|
-
const t = v(`${u}text--${a}`);
|
|
82
|
-
return d`
|
|
83
|
-
<span
|
|
84
|
-
class=${v(t, this.isInteractive && c(this, g))}
|
|
85
|
-
>
|
|
86
|
-
${L(this.name, a)}
|
|
87
|
-
</span>
|
|
88
|
-
`;
|
|
89
|
-
}
|
|
90
|
-
const e = K[this.shape || "circle"];
|
|
91
|
-
return d`
|
|
92
|
-
<span
|
|
93
|
-
role="img"
|
|
94
|
-
aria-label=${this.alt || this.name}
|
|
95
|
-
class=${v(r, this.isInteractive && c(this, g))}
|
|
96
|
-
part="icon"
|
|
97
|
-
>
|
|
98
|
-
<slot name="icon"> ${Z(e)} </slot>
|
|
99
|
-
</span>
|
|
100
|
-
`;
|
|
101
|
-
}), n(this, z, W()), n(this, w, () => !this.isInteractive || this.disabled ? P : d`<span aria-hidden="true" class=${c(this, z)}></span>`);
|
|
102
|
-
}
|
|
103
|
-
connectedCallback() {
|
|
104
|
-
var a, r;
|
|
105
|
-
super.connectedCallback(), (r = (a = this.group) == null ? void 0 : a.register) == null || r.call(a, this);
|
|
106
|
-
}
|
|
107
|
-
disconnectedCallback() {
|
|
108
|
-
var a, r;
|
|
109
|
-
(r = (a = this.group) == null ? void 0 : a.unregister) == null || r.call(a, this), super.disconnectedCallback();
|
|
110
|
-
}
|
|
111
|
-
render() {
|
|
112
|
-
return d`
|
|
113
|
-
<div class=${c(this, h).call(this)} part="avatar" tabindex=${c(this, f).call(this)}>
|
|
114
|
-
${c(this, w).call(this)} ${c(this, y).call(this)}
|
|
115
|
-
</div>
|
|
116
|
-
`;
|
|
117
|
-
}
|
|
118
|
-
};
|
|
119
|
-
h = /* @__PURE__ */ new WeakMap();
|
|
120
|
-
f = /* @__PURE__ */ new WeakMap();
|
|
121
|
-
x = /* @__PURE__ */ new WeakMap();
|
|
122
|
-
g = /* @__PURE__ */ new WeakMap();
|
|
123
|
-
y = /* @__PURE__ */ new WeakMap();
|
|
124
|
-
z = /* @__PURE__ */ new WeakMap();
|
|
125
|
-
w = /* @__PURE__ */ new WeakMap();
|
|
126
|
-
m.styles = [$(F), N];
|
|
127
|
-
s([
|
|
128
|
-
i({ type: String })
|
|
129
|
-
], m.prototype, "appearance", 2);
|
|
130
|
-
s([
|
|
131
|
-
i({ type: String })
|
|
132
|
-
], m.prototype, "name", 2);
|
|
133
|
-
s([
|
|
134
|
-
i({ type: String })
|
|
135
|
-
], m.prototype, "src", 2);
|
|
136
|
-
s([
|
|
137
|
-
i({ type: String })
|
|
138
|
-
], m.prototype, "alt", 2);
|
|
139
|
-
s([
|
|
140
|
-
i({ type: String })
|
|
141
|
-
], m.prototype, "size", 2);
|
|
142
|
-
s([
|
|
143
|
-
i({ type: Boolean })
|
|
144
|
-
], m.prototype, "disabled", 2);
|
|
145
|
-
s([
|
|
146
|
-
i({ type: String })
|
|
147
|
-
], m.prototype, "shape", 2);
|
|
148
|
-
s([
|
|
149
|
-
i({ type: Boolean })
|
|
150
|
-
], m.prototype, "isInteractive", 2);
|
|
151
|
-
s([
|
|
152
|
-
i({ type: Boolean })
|
|
153
|
-
], m.prototype, "isFocusable", 2);
|
|
154
|
-
s([
|
|
155
|
-
i({ type: Boolean })
|
|
156
|
-
], m.prototype, "withBorder", 2);
|
|
157
|
-
s([
|
|
158
|
-
V({ context: E, subscribe: !0 })
|
|
159
|
-
], m.prototype, "group", 2);
|
|
160
|
-
m = s([
|
|
161
|
-
I("bm-avatar")
|
|
162
|
-
], m);
|
|
163
|
-
export {
|
|
164
|
-
m as B,
|
|
165
|
-
F as a,
|
|
166
|
-
sa as b,
|
|
167
|
-
l as c,
|
|
168
|
-
oa as d,
|
|
169
|
-
ca as e,
|
|
170
|
-
ia as f,
|
|
171
|
-
T as g
|
|
172
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const e = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-file-upload-color-dropzone-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-file-upload-color-dropzone-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-file-upload-color-dropzone-icon: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-file-upload-color-dropzone-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-file-upload-color-dropzone-bg-drag: var( --bm-utility-color-accent-subtlest, #e9fcff );--bm-comp-file-upload-color-dropzone-border-drag: var( --bm-utility-color-accent-default, #00768f );--bm-comp-file-upload-color-dropzone-icon-drag: var( --bm-utility-color-accent-default, #00768f );--bm-comp-file-upload-color-file-bg: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-file-upload-color-file-name: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-file-upload-color-file-detail: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-file-upload-color-file-icon: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-file-upload-color-file-icon-success: var( --bm-sem-color-icon-positive-strong, #187c36 );--bm-comp-file-upload-color-file-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-file-upload-space-file-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-file-gap: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-file-gap-inner: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-lg-y: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-dropzone-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-gap: var(--bm-sem-space-25, .25rem);--bm-comp-file-upload-space-dropzone-sm-y: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-md-y: var(--bm-sem-space-200, 2rem);--bm-comp-file-upload-size-file-md-height: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-size-file-md-thumbnail: var( --bm-primitive-dimension-150, 1.5rem );--bm-comp-file-upload-size-file-lg-height: var( --bm-primitive-dimension-400, 4rem );--bm-comp-file-upload-size-file-lg-thumbnail: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-radius-file: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-dropzone: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-thumbnail: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-border-width-dropzone-default: var( --bm-sem-border-width-md, .063rem );--bm-comp-file-upload-border-width-dropzone-drag: var( --bm-sem-border-width-lg, .125rem );--bm-comp-file-upload-typo-file: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-file-upload-typo-dropzone: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-file-upload-color-dropzone-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-file-upload-color-dropzone-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-file-upload-color-dropzone-icon: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-file-upload-color-dropzone-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-file-upload-color-dropzone-bg-drag: var( --bm-utility-color-accent-subtlest, #01262d );--bm-comp-file-upload-color-dropzone-border-drag: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-file-upload-color-dropzone-icon-drag: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-file-upload-color-file-bg: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-file-upload-color-file-name: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-file-upload-color-file-detail: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-file-upload-color-file-icon: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-file-upload-color-file-icon-success: var( --bm-sem-color-icon-positive-strong, #b3eb9e );--bm-comp-file-upload-color-file-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-file-upload-space-file-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-file-gap: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-file-gap-inner: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-lg-y: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-dropzone-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-gap: var(--bm-sem-space-25, .25rem);--bm-comp-file-upload-space-dropzone-sm-y: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-md-y: var(--bm-sem-space-200, 2rem);--bm-comp-file-upload-size-file-md-height: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-size-file-md-thumbnail: var( --bm-primitive-dimension-150, 1.5rem );--bm-comp-file-upload-size-file-lg-height: var( --bm-primitive-dimension-400, 4rem );--bm-comp-file-upload-size-file-lg-thumbnail: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-radius-file: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-dropzone: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-thumbnail: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-border-width-dropzone-default: var( --bm-sem-border-width-md, .063rem );--bm-comp-file-upload-border-width-dropzone-drag: var( --bm-sem-border-width-lg, .125rem );--bm-comp-file-upload-typo-file: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-file-upload-typo-dropzone: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" )}.bm-file-upload{display:flex;flex-direction:column;gap:var(--bm-sem-space-100);max-width:var(--bm-comp-input-size-field-width);width:100%}.bm-file-upload--fluid{max-width:none}.bm-file-upload__uploader{display:flex;gap:0;flex-direction:column}.bm-file-upload-list{display:flex;flex-direction:column;gap:var(--bm-sem-space-50)}.bm-file-upload-list-item{box-sizing:border-box;display:flex;border-radius:var(--bm-comp-file-upload-radius-file);min-height:var(--bm-comp-file-upload-size-file-md-height);padding:var(--bm-comp-file-upload-space-file-md-y) var(--bm-comp-file-upload-space-file-x);gap:var(--bm-comp-file-upload-space-file-gap);align-items:center;background:var(--bm-comp-file-upload-color-file-bg);position:relative;overflow:hidden}.bm-file-upload-list-item--uploading,.bm-file-upload-list-item--uploaded,.bm-file-upload-list-item--success{display:flex}.bm-file-upload-list-item--error{align-items:flex-start;outline:var(--bm-sem-border-width-lg) solid var(--bm-sem-color-border-negative-strong)}.bm-file-upload-list-item--lg{min-height:var(--bm-comp-file-upload-size-file-lg-height);padding:var(--bm-comp-file-upload-space-file-lg-y) var(--bm-comp-file-upload-space-file-x)}.bm-file-upload-list-item__thumbnail{display:flex;width:var(--bm-comp-file-upload-size-file-md-thumbnail);height:var(--bm-comp-file-upload-size-file-md-thumbnail);justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--bm-comp-file-upload-radius-thumbnail);background-color:var(--bm-sem-color-surface-highlight);overflow:hidden}.bm-file-upload-list-item--lg .bm-file-upload-list-item__thumbnail{width:var(--bm-comp-file-upload-size-file-lg-thumbnail);height:var(--bm-comp-file-upload-size-file-lg-thumbnail)}.bm-file-upload-list-item__thumbnail img{width:100%;height:100%;object-fit:cover}.bm-file-upload-list-item__content{display:flex;flex:1 0 0;flex-direction:row;gap:var(--bm-comp-file-upload-space-file-gap-inner);min-width:0}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content,.bm-file-upload-list-item--error .bm-file-upload-list-item__content{align-items:flex-start}.bm-file-upload-list-item__content-start{display:flex;align-items:center;gap:var(--bm-comp-file-upload-space-file-gap-inner);flex:1 0 0;flex-direction:row;min-width:0}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content-start,.bm-file-upload-list-item--error .bm-file-upload-list-item__content-start{gap:0;flex-direction:column;align-items:flex-start;flex:1}.bm-file-upload-list-item__content-end{display:flex;gap:var(--bm-comp-file-upload-space-file-gap-inner);align-items:center}.bm-file-upload-list-item__filename{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--bm-comp-file-upload-color-file-name);font:var(--bm-comp-file-upload-typo-file);margin:0;padding:0;max-width:100%}.bm-file-upload-list-item__size{flex-shrink:0;color:var(--bm-comp-file-upload-color-file-detail);font:var(--bm-comp-file-upload-typo-file);margin:0;padding:0}.bm-file-upload-list-item--error .bm-file-upload-list-item__size{display:none}.bm-file-upload-list-item__status{display:flex;align-items:center;justify-content:center;flex-shrink:0}.bm-file-upload-list-item__status bm-icon{display:flex}.bm-file-upload-list-item__remove{display:flex}.bm-file-upload-list-item__progress-bar{position:absolute;bottom:0;left:0;right:0}.bm-file-upload-list-item__error{--bm-comp-helper-text-space-top: 0}.bm-file-upload-dropzone{position:relative;display:flex;padding:var(--bm-comp-file-upload-space-dropzone-md-y) var(--bm-comp-file-upload-space-dropzone-x);flex-direction:column;justify-content:center;align-items:center;gap:var(--bm-comp-file-upload-space-dropzone-gap);flex-shrink:0;border-radius:var(--bm-comp-file-upload-radius-dropzone);background:var(--bm-comp-file-upload-color-dropzone-bg)}.bm-file-upload-dropzone:focus-visible{outline:none}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled){background:var(--bm-comp-file-upload-color-dropzone-bg-drag)}.bm-file-upload-dropzone--disabled{opacity:var(--bm-sem-opacity-disabled)}.bm-file-upload-dropzone:not(.bm-file-upload-dropzone--disabled){cursor:pointer}.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-opacity: 1;--bm-state-layer-outline-style: dashed;--bm-state-layer-outline-offset: calc(-1 * var(--bm-comp-file-upload-border-width-dropzone-default));--bm-state-layer-outline-color: var(--bm-comp-file-upload-color-dropzone-border);--bm-state-layer-outline-width: var(--bm-comp-file-upload-border-width-dropzone-default)}*:focus-within>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-offset: 0;--bm-state-layer-outline-style: solid;--bm-state-layer-outline-color: var(--bm-sem-color-border-focus);--bm-state-layer-outline-width: var(--bm-sem-border-width-focus)}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled)>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color: var(--bm-comp-file-upload-color-dropzone-border-drag);--bm-state-layer-outline-width: var(--bm-comp-file-upload-border-width-dropzone-drag);--bm-state-layer-outline-style: solid;--bm-state-layer-background: transparent}.bm-file-upload-dropzone--disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer,*:disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-background: transparent;--bm-state-layer-opacity: 1}.bm-file-upload-dropzone--error>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color: var(--bm-comp-input-color-border-error);--bm-state-layer-outline-width: var(--bm-comp-input-border-width-field-error);--bm-state-layer-outline-offset: calc(-1 * var(--bm-comp-input-border-width-field-error));--bm-state-layer-outline-style: dashed}.bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon);z-index:1}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon-drag)}.bm-file-upload-dropzone__text{color:var(--bm-comp-file-upload-color-dropzone-text);text-align:center;font:var(--bm-comp-file-upload-typo-dropzone);z-index:1}.bm-file-upload-dropzone__link{color:var(--bm-sem-color-link-primary)}.bm-file-upload-dropzone:is(:hover,.bm-file-upload-dropzone--dragging):not(:disabled,.bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__link{text-decoration:underline}';
|
|
2
|
-
export {
|
|
3
|
-
e as f
|
|
4
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const o = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #576775);--bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-seg-control-color-bg-selected: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-seg-control-color-fg-selected: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-seg-control-color-border-selected: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, .5rem);--bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, .75rem);--bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);--bm-comp-seg-control-radius: var(--bm-sem-radius-sm, .25rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-seg-control-color-bg: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-seg-control-color-fg: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-seg-control-color-border: var(--bm-sem-color-border-02, #465967);--bm-comp-seg-control-color-bg-selected: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-seg-control-color-fg-selected: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-seg-control-color-border-selected: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-seg-control-space-sm-x: var(--bm-sem-space-50, .5rem);--bm-comp-seg-control-space-md-x: var(--bm-sem-space-75, .75rem);--bm-comp-seg-control-space-lg-x: var(--bm-sem-space-100, 1rem);--bm-comp-seg-control-radius: var(--bm-sem-radius-sm, .25rem)}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #202e39 );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #141d24 );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}.bm-segmented-control{box-shadow:var(--bm-comp-btn-shadow)}.bm-segmented-control--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-segmented-control__list{position:relative;display:inline-flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:0;max-width:100%;min-width:0}.bm-segmented-control__list ::slotted(*){min-width:0;flex-shrink:1}.bm-segmented-control__list--fluid{width:100%;display:flex}.bm-segmented-control__list--fluid ::slotted(*){flex:1 1 auto}.bm-segmented-control__item{display:flex;position:relative;border:var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border);border-color:var(--bm-comp-seg-control-color-border);margin-inline-start:-1px;min-width:0;outline:none;background:var(--bm-comp-seg-control-color-bg);color:var(--bm-comp-seg-control-color-fg);cursor:pointer;justify-content:center}.bm-segmented-control__item--fluid{flex:1 1 auto;min-width:0}.bm-segmented-control__item--fluid .bm-segmented-control__item__label{width:100%;min-width:0}.bm-segmented-control__item--first{border-radius:var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius);border-inline-start-color:var(--bm-comp-seg-control-color-border);margin-inline-start:0}[dir=rtl] .bm-segmented-control__item--first,:dir(rtl) .bm-segmented-control__item--first{border-radius:0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0}.bm-segmented-control__item--last{border-radius:0 var(--bm-comp-seg-control-radius) var(--bm-comp-seg-control-radius) 0;border-inline-end-color:var(--bm-comp-seg-control-color-border);margin-inline-end:0}[dir=rtl] .bm-segmented-control__item--last,:dir(rtl) .bm-segmented-control__item--last{border-radius:var(--bm-comp-seg-control-radius) 0 0 var(--bm-comp-seg-control-radius)}.bm-segmented-control__item__content{display:flex;align-items:center;justify-content:center;gap:var(--bm-comp-btn-space-gap);cursor:inherit;min-width:0;width:100%}.bm-segmented-control__item__controlText{align-content:center;height:100%;padding:0 var(--bm-comp-btn-space-label-x);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bm-segmented-control__item__icon,.bm-segmented-control__item ::slotted([slot=icon]){display:flex;align-items:center;flex-shrink:0}.bm-segmented-control__item--selected{z-index:1;background:var(--bm-comp-seg-control-color-bg-selected);border:var(--bm-comp-btn-border-width) solid var(--bm-comp-seg-control-color-border-selected)}.bm-segmented-control__item--selected .bm-segmented-control__item__controlText,.bm-segmented-control__item--selected .bm-segmented-control__item__icon,.bm-segmented-control__item--selected ::slotted([slot=icon]){color:var(--bm-comp-seg-control-color-fg-selected)}.bm-segmented-control__item--selected:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: unset}.bm-segmented-control__item__state-layer{pointer-events:none;cursor:pointer;z-index:2}.bm-segmented-control__item:focus-visible .bm-state-layer{--bm-state-layer-outline-width: var(--bm-sem-border-width-focus);--bm-state-layer-outline-color: var(--bm-sem-color-border-focus);--bm-state-layer-outline-offset: 0}.bm-segmented-control__item--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed!important}.bm-segmented-control__item--sm{height:var(--bm-comp-btn-size-sm-height);font:var(--bm-comp-btn-typo-sm);padding:0 var(--bm-comp-seg-control-space-sm-x)}.bm-segmented-control__item--sm .bm-segmented-control__item__icon svg,.bm-segmented-control__item--sm ::slotted([slot=icon]){width:var(--bm-comp-btn-size-sm-icon);height:var(--bm-comp-btn-size-sm-icon)}.bm-segmented-control__item--sm.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-sm-width)}.bm-segmented-control__item--md{height:var(--bm-comp-btn-size-md-height);font:var(--bm-comp-btn-typo-md);padding:0 var(--bm-comp-seg-control-space-md-x)}.bm-segmented-control__item--md .bm-segmented-control__item__icon svg,.bm-segmented-control__item--md ::slotted([slot=icon]){width:var(--bm-comp-btn-size-md-icon);height:var(--bm-comp-btn-size-md-icon)}.bm-segmented-control__item--md.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-md-width)}.bm-segmented-control__item--lg{height:var(--bm-comp-btn-size-lg-height);font:var(--bm-comp-btn-typo-lg);padding:0 var(--bm-comp-seg-control-space-lg-x)}.bm-segmented-control__item--lg .bm-segmented-control__item__icon svg,.bm-segmented-control__item--lg ::slotted([slot=icon]){width:var(--bm-comp-btn-size-lg-icon);height:var(--bm-comp-btn-size-lg-icon)}.bm-segmented-control__item--lg.bm-segmented-control__item--iconOnly{padding:0!important;min-width:var(--bm-comp-btn-size-lg-width)}.bm-segmented-control__panel{display:none}.bm-segmented-control__panel--selected{display:block}';
|
|
2
|
-
export {
|
|
3
|
-
o as s
|
|
4
|
-
};
|