@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
|
@@ -8,14 +8,14 @@ import { c as q, a as w, g as M } from "../chunks/classNames.C6fNrXWF.js";
|
|
|
8
8
|
import { t as P } from "../chunks/constants.jOWREYQE.js";
|
|
9
9
|
import { FormField as F } from "../wip/Form/Form.decorator.js";
|
|
10
10
|
import { inputChoiceGroupContext as B } from "./InputChoiceGroup.context.js";
|
|
11
|
-
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-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}: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-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
|
|
11
|
+
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-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}: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-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
|
|
12
12
|
var I = Object.defineProperty, W = Object.getOwnPropertyDescriptor, k = (e) => {
|
|
13
13
|
throw TypeError(e);
|
|
14
|
-
}, i = (e, o, t,
|
|
15
|
-
for (var a =
|
|
16
|
-
(b = e[l]) && (a = (
|
|
17
|
-
return
|
|
18
|
-
}, T = (e, o, t) => o.has(e) || k("Cannot " + t),
|
|
14
|
+
}, i = (e, o, t, c) => {
|
|
15
|
+
for (var a = c > 1 ? void 0 : c ? W(o, t) : o, l = e.length - 1, b; l >= 0; l--)
|
|
16
|
+
(b = e[l]) && (a = (c ? b(o, t, a) : b(a)) || a);
|
|
17
|
+
return c && a && I(o, t, a), a;
|
|
18
|
+
}, T = (e, o, t) => o.has(e) || k("Cannot " + t), m = (e, o, t) => (T(e, o, "read from private field"), t ? t.call(e) : o.get(e)), p = (e, o, t) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, t), n, h, u, f, v, g, y;
|
|
19
19
|
const { baseClassNamePrefix: D, subElementClassPrefix: _, classModifierPrefix: L } = M("input-choice-group");
|
|
20
20
|
let r = class extends F {
|
|
21
21
|
constructor() {
|
|
@@ -45,7 +45,7 @@ let r = class extends F {
|
|
|
45
45
|
id="${e}"
|
|
46
46
|
text="${this.error}"
|
|
47
47
|
appearance="negative"
|
|
48
|
-
.disabled="${
|
|
48
|
+
.disabled="${m(this, n).call(this)}"
|
|
49
49
|
class="${_}helper-text"
|
|
50
50
|
></bm-helper-text>
|
|
51
51
|
` : C), p(this, g, (e) => {
|
|
@@ -57,24 +57,24 @@ let r = class extends F {
|
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
firstUpdated() {
|
|
60
|
-
|
|
60
|
+
m(this, f).call(this);
|
|
61
61
|
}
|
|
62
62
|
willUpdate(e) {
|
|
63
63
|
e.has("orientation") && (this._orientationSet = !0), e.has("fluid") && (this._fluidSet = !0), this.inputGroupContextValue = {
|
|
64
64
|
name: this.name,
|
|
65
|
-
required:
|
|
65
|
+
required: m(this, u).call(this),
|
|
66
66
|
error: this.error,
|
|
67
|
-
readOnly:
|
|
68
|
-
disabled:
|
|
67
|
+
readOnly: m(this, h).call(this),
|
|
68
|
+
disabled: m(this, n).call(this),
|
|
69
69
|
selectedValue: this.selectedValue
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
72
|
updated() {
|
|
73
|
-
const [e] = this._inputGroupLabel, [o] = this._inputGroupHelperText, { decorate: t } = w(e), { decorate:
|
|
74
|
-
|
|
73
|
+
const [e] = this._inputGroupLabel, [o] = this._inputGroupHelperText, { decorate: t } = w(e), { decorate: c } = w(o);
|
|
74
|
+
c({ disabled: m(this, n).call(this) }), t({
|
|
75
75
|
htmlFor: this.id,
|
|
76
|
-
disabled:
|
|
77
|
-
required:
|
|
76
|
+
disabled: m(this, n).call(this),
|
|
77
|
+
required: m(this, u).call(this) && !this.hideRequiredMarker
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
/**
|
|
@@ -102,13 +102,13 @@ let r = class extends F {
|
|
|
102
102
|
return this._fluidSet ? this.fluid : this.layout === "horizontalFluid";
|
|
103
103
|
}
|
|
104
104
|
render() {
|
|
105
|
-
const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), t = !!this.error || !!o,
|
|
105
|
+
const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), t = !!this.error || !!o, c = this.getOrientation(), a = this.isFluid(), l = c === "horizontal" && a ? "horizontalFluid" : c;
|
|
106
106
|
console.log(
|
|
107
107
|
"haha",
|
|
108
108
|
this.orientation,
|
|
109
109
|
this.layout,
|
|
110
110
|
this.fluid,
|
|
111
|
-
|
|
111
|
+
c,
|
|
112
112
|
a
|
|
113
113
|
);
|
|
114
114
|
const b = q(
|
|
@@ -121,8 +121,8 @@ let r = class extends F {
|
|
|
121
121
|
${O(this.groupRef)}
|
|
122
122
|
class=${b}
|
|
123
123
|
aria-invalid="${e || t}"
|
|
124
|
-
@blur=${
|
|
125
|
-
@input=${
|
|
124
|
+
@blur=${m(this, g)}
|
|
125
|
+
@input=${m(this, y)}
|
|
126
126
|
@keydown=${this.handleKeyDown}
|
|
127
127
|
@click=${this.handleClick}
|
|
128
128
|
role="group"
|
|
@@ -135,7 +135,7 @@ let r = class extends F {
|
|
|
135
135
|
<slot></slot>
|
|
136
136
|
</div>
|
|
137
137
|
<slot name="helper-text" id="${this.helperTextId}"></slot>
|
|
138
|
-
${
|
|
138
|
+
${m(this, v).call(this, this.errorId)} ${this.renderValidationErrors()}
|
|
139
139
|
</fieldset>
|
|
140
140
|
`;
|
|
141
141
|
}
|
package/local/Link/Link.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as k, a as h, x as p } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
2
|
import { n as l, c as y } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
3
|
import { c as f, g } from "../chunks/classNames.C6fNrXWF.js";
|
|
4
4
|
import { g as u } from "../chunks/dom.CroF8n1N.js";
|
|
5
|
-
const x = ':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-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-
|
|
6
|
-
var z = Object.defineProperty, _ = Object.getOwnPropertyDescriptor,
|
|
5
|
+
const x = ':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-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-action-primary, #00768f );--bm-comp-link-color-primary-hover: var( --bm-sem-color-action-primary-hover, #005b75 );--bm-comp-link-color-primary-active: var( --bm-sem-color-action-primary-active, #00414d );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #141d24 )}: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-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-link-color-primary-hover: var( --bm-sem-color-action-primary-hover, #8cd8e6 );--bm-comp-link-color-primary-active: var( --bm-sem-color-action-primary-active, #b2e7f0 );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #ffffff )}.bm-link{outline:none;width:fit-content;display:inline-flex;align-items:center;border:var(--bm-sem-border-width-focus) solid transparent;margin:calc(var(--bm-sem-border-width-focus) * -1)}.bm-link:hover{text-decoration:underline}.bm-link:focus,.bm-link:focus-visible{outline:none;border-radius:var(--bm-sem-radius-focus-md);border:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-link--disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled);text-decoration:none!important}.bm-link--disabled:focus,.bm-link--disabled:focus-visible{border:var(--bm-sem-border-width-focus) solid transparent}.bm-link--hide-underline{text-decoration:none}.bm-link--sm{font:var(--bm-comp-link-typo-sm);gap:var(--bm-comp-link-space-gap)}.bm-link--sm .bm-link__icon,.bm-link--sm ::slotted([slot=iconBefore]),.bm-link--sm ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon)}.bm-link--md{font:var(--bm-comp-link-typo-md);gap:var(--bm-comp-link-space-gap)}.bm-link--md .bm-link__icon,.bm-link--md ::slotted([slot=iconBefore]),.bm-link--md ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-md-icon);height:var(--bm-comp-link-size-md-icon)}.bm-link--lg{font:var(--bm-comp-link-typo-lg);gap:var(--bm-comp-link-space-gap)}.bm-link--lg .bm-link__icon,.bm-link--lg ::slotted([slot=iconBefore]),.bm-link--lg ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-lg-icon);height:var(--bm-comp-link-size-lg-icon)}.bm-link--xl{font:var(--bm-comp-link-typo-xl);gap:var(--bm-comp-link-space-gap)}.bm-link--xl .bm-link__icon,.bm-link--xl ::slotted([slot=iconBefore]),.bm-link--xl ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-xl-icon);height:var(--bm-comp-link-size-xl-icon)}.bm-link--primary{color:var(--bm-sem-color-link-primary)}.bm-link--primary:not(.bm-link--primary--disabled):hover{color:var(--bm-comp-link-color-primary-hover)}.bm-link--primary:not(.bm-link--primary--disabled):active{color:var(--bm-comp-link-color-primary-active)}.bm-link--secondary{color:var(--bm-sem-color-link-secondary)}.bm-link--secondary:not(.bm-link--secondary--disabled):hover{color:var(--bm-comp-link-color-secondary-hover)}.bm-link--secondary:not(.bm-link--secondary--disabled):active{color:var(--bm-comp-link-color-secondary-active)}.bm-link--body-bold{font-weight:var(--bm-sem-font-weight-body-bold)}';
|
|
6
|
+
var z = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, v = (e) => {
|
|
7
7
|
throw TypeError(e);
|
|
8
|
-
},
|
|
8
|
+
}, i = (e, o, r, s) => {
|
|
9
9
|
for (var n = s > 1 ? void 0 : s ? _(o, r) : o, b = e.length - 1, d; b >= 0; b--)
|
|
10
10
|
(d = e[b]) && (n = (s ? d(o, r, n) : d(n)) || n);
|
|
11
11
|
return s && n && z(o, r, n), n;
|
|
12
|
-
}, S = (e, o, r) => o.has(e) ||
|
|
13
|
-
const { baseClassNamePrefix: w, classModifierPrefix:
|
|
14
|
-
let
|
|
12
|
+
}, S = (e, o, r) => o.has(e) || v("Cannot " + r), c = (e, o, r) => (S(e, o, "read from private field"), r ? r.call(e) : o.get(e)), $ = (e, o, r) => o.has(e) ? v("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, r), a;
|
|
13
|
+
const { baseClassNamePrefix: w, classModifierPrefix: t } = g("link");
|
|
14
|
+
let m = class extends h {
|
|
15
15
|
constructor() {
|
|
16
|
-
super(...arguments), this.appearance = "primary", this.bold = !1, this.disabled = !1, this.href = "", this.text = "", this.hideUnderline = !1, $(this,
|
|
16
|
+
super(...arguments), this.appearance = "primary", this.bold = !1, this.disabled = !1, this.href = "", this.text = "", this.hideUnderline = !1, $(this, a, (e) => p`<slot name=${e}></slot>`);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
const e = f(
|
|
20
20
|
w,
|
|
21
|
-
this.size && `${
|
|
22
|
-
this.disabled && `${
|
|
23
|
-
this.appearance && `${
|
|
24
|
-
this.hideUnderline && `${
|
|
25
|
-
this.bold && `${
|
|
21
|
+
this.size && `${t}${this.size}`,
|
|
22
|
+
this.disabled && `${t}disabled`,
|
|
23
|
+
this.appearance && `${t}${this.appearance}`,
|
|
24
|
+
this.hideUnderline && `${t}hide-underline`,
|
|
25
|
+
this.bold && `${t}body-bold`,
|
|
26
26
|
this.className
|
|
27
27
|
), o = this.getAttribute("target") || void 0, r = this.getAttribute("rel") || void 0, s = u(o, r);
|
|
28
28
|
return this.disabled ? p`
|
|
29
29
|
<span aria-disabled=${this.disabled} class=${e} tabindex="-1">
|
|
30
|
-
${c(this,
|
|
30
|
+
${c(this, a).call(this, "iconBefore")}
|
|
31
31
|
<slot>${this.text}</slot>
|
|
32
|
-
${c(this,
|
|
32
|
+
${c(this, a).call(this, "iconAfter")}
|
|
33
33
|
</span>
|
|
34
34
|
` : p`
|
|
35
35
|
<a
|
|
@@ -40,39 +40,39 @@ let i = class extends h {
|
|
|
40
40
|
rel=${s || void 0}
|
|
41
41
|
part="link"
|
|
42
42
|
>
|
|
43
|
-
${c(this,
|
|
43
|
+
${c(this, a).call(this, "iconBefore")}
|
|
44
44
|
<slot>${this.text}</slot>
|
|
45
|
-
${c(this,
|
|
45
|
+
${c(this, a).call(this, "iconAfter")}
|
|
46
46
|
</a>
|
|
47
47
|
`;
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
a = /* @__PURE__ */ new WeakMap();
|
|
51
|
+
m.styles = k(x);
|
|
52
|
+
i([
|
|
53
53
|
l({ type: String })
|
|
54
|
-
],
|
|
55
|
-
|
|
54
|
+
], m.prototype, "appearance", 2);
|
|
55
|
+
i([
|
|
56
56
|
l({ type: Boolean })
|
|
57
|
-
],
|
|
58
|
-
|
|
57
|
+
], m.prototype, "bold", 2);
|
|
58
|
+
i([
|
|
59
59
|
l({ type: String })
|
|
60
|
-
],
|
|
61
|
-
|
|
60
|
+
], m.prototype, "size", 2);
|
|
61
|
+
i([
|
|
62
62
|
l({ type: Boolean })
|
|
63
|
-
],
|
|
64
|
-
|
|
63
|
+
], m.prototype, "disabled", 2);
|
|
64
|
+
i([
|
|
65
65
|
l({ type: String })
|
|
66
|
-
],
|
|
67
|
-
|
|
66
|
+
], m.prototype, "href", 2);
|
|
67
|
+
i([
|
|
68
68
|
l({ type: String })
|
|
69
|
-
],
|
|
70
|
-
|
|
69
|
+
], m.prototype, "text", 2);
|
|
70
|
+
i([
|
|
71
71
|
l({ type: Boolean })
|
|
72
|
-
],
|
|
73
|
-
|
|
72
|
+
], m.prototype, "hideUnderline", 2);
|
|
73
|
+
m = i([
|
|
74
74
|
y("bm-link")
|
|
75
|
-
],
|
|
75
|
+
], m);
|
|
76
76
|
export {
|
|
77
|
-
|
|
77
|
+
m as BmLink
|
|
78
78
|
};
|
|
@@ -23,16 +23,16 @@ function T(r) {
|
|
|
23
23
|
hideIcon: !0
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
|
-
const C = ':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-progress-bar-color-indicator-default: var( --bm-
|
|
26
|
+
const C = ':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-progress-bar-color-indicator-default: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-progress-bar-color-indicator-success: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-progress-bar-color-indicator-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #141d24);--bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, .25rem);--bm-comp-progress-bar-size-sm-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-progress-bar-size-md-height: var( --bm-primitive-dimension-50, .5rem );--bm-comp-progress-bar-size-lg-height: var( --bm-primitive-dimension-75, .75rem );--bm-comp-progress-bar-typo-label: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "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-progress-bar-color-indicator-default: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-progress-bar-color-indicator-success: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-progress-bar-color-indicator-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-progress-bar-color-track: var(--bm-sem-color-border-02, #465967);--bm-comp-progress-bar-color-label: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-progress-bar-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-progress-bar-space-label-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-progress-bar-space-status-top: var(--bm-sem-space-25, .25rem);--bm-comp-progress-bar-size-sm-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-progress-bar-size-md-height: var( --bm-primitive-dimension-50, .5rem );--bm-comp-progress-bar-size-lg-height: var( --bm-primitive-dimension-75, .75rem );--bm-comp-progress-bar-typo-label: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}.bm-progress-bar{display:flex;align-items:stretch;flex-direction:column}.bm-progress-bar .bm-progress-bar__label{margin-bottom:var(--bm-comp-progress-bar-space-label-bottom);font:var(--bm-comp-progress-bar-typo-label);color:var(--bm-comp-progress-bar-color-label)}.bm-progress-bar .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-md-height);border-radius:var(--bm-comp-progress-bar-radius);background-color:var(--bm-comp-progress-bar-color-track);display:flex;overflow:hidden}.bm-progress-bar .bm-progress-bar__status{margin-top:var(--bm-comp-progress-bar-space-status-top)}.bm-progress-bar--sm .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-sm-height)}.bm-progress-bar--lg .bm-progress-bar__track{height:var(--bm-comp-progress-bar-size-lg-height)}.bm-progress-bar--full-width .bm-progress-bar__track{border-radius:0}.bm-progress-bar--active .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-default)}.bm-progress-bar--success .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-success)}.bm-progress-bar--error .bm-progress-bar__indicator{background-color:var(--bm-comp-progress-bar-color-indicator-error)}.bm-progress-bar--determinate .bm-progress-bar__indicator{transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator{width:100%;-webkit-mask-image:linear-gradient(to right,transparent 43.0555555556%,black 50%,transparent 56.9444444444%);mask-image:linear-gradient(to right,transparent 43.0555555556%,black 50%,transparent 56.9444444444%);-webkit-mask-size:240%;mask-size:240%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;animation:2s linear infinite bm-progress-bar-indeterminate-indicator-animation}.bm-progress-bar--indeterminate.bm-progress-bar--active .bm-progress-bar__indicator:dir(rtl){animation-direction:reverse}@keyframes bm-progress-bar-indeterminate-indicator-animation{0%{-webkit-mask-position:right;mask-position:right}to{-webkit-mask-position:left;mask-position:left}}';
|
|
27
27
|
var W = Object.defineProperty, M = Object.getOwnPropertyDescriptor, k = (r) => {
|
|
28
28
|
throw TypeError(r);
|
|
29
|
-
}, t = (r, e,
|
|
30
|
-
for (var i = c > 1 ? void 0 : c ? M(e,
|
|
31
|
-
(d = r[l]) && (i = (c ? d(e,
|
|
32
|
-
return c && i && W(e,
|
|
33
|
-
}, E = (r, e,
|
|
29
|
+
}, t = (r, e, a, c) => {
|
|
30
|
+
for (var i = c > 1 ? void 0 : c ? M(e, a) : e, l = r.length - 1, d; l >= 0; l--)
|
|
31
|
+
(d = r[l]) && (i = (c ? d(e, a, i) : d(i)) || i);
|
|
32
|
+
return c && i && W(e, a, i), i;
|
|
33
|
+
}, E = (r, e, a) => e.has(r) || k("Cannot " + a), g = (r, e, a) => (E(r, e, "read from private field"), a ? a.call(r) : e.get(r)), h = (r, e, a) => e.has(r) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, a), v, u, f;
|
|
34
34
|
const { baseClassNamePrefix: N, subElementClassPrefix: p, classModifierPrefix: n } = w("progress-bar");
|
|
35
|
-
let
|
|
35
|
+
let s = class extends y {
|
|
36
36
|
constructor() {
|
|
37
37
|
super(...arguments), this.state = "active", this.size = "md", this.fullWidth = !1, h(this, v, () => this.label ? m`<label
|
|
38
38
|
id="label"
|
|
@@ -40,7 +40,7 @@ let a = class extends y {
|
|
|
40
40
|
class=${`${p}label`}
|
|
41
41
|
>${this.label}</label
|
|
42
42
|
>` : ""), h(this, u, (r) => {
|
|
43
|
-
const { progressbarAriaLabel: e } = this,
|
|
43
|
+
const { progressbarAriaLabel: e } = this, a = S(this.state, this.value);
|
|
44
44
|
return m`<div
|
|
45
45
|
id="progress"
|
|
46
46
|
role="progressbar"
|
|
@@ -54,7 +54,7 @@ let a = class extends y {
|
|
|
54
54
|
>
|
|
55
55
|
${r === "determinate" ? m`<div
|
|
56
56
|
class=${`${p}indicator`}
|
|
57
|
-
style=${
|
|
57
|
+
style=${a !== void 0 ? `width: ${a}%` : b}
|
|
58
58
|
></div>` : m`<div class=${`${p}indicator`}></div>`}
|
|
59
59
|
</div>`;
|
|
60
60
|
}), h(this, f, () => {
|
|
@@ -92,35 +92,35 @@ let a = class extends y {
|
|
|
92
92
|
v = /* @__PURE__ */ new WeakMap();
|
|
93
93
|
u = /* @__PURE__ */ new WeakMap();
|
|
94
94
|
f = /* @__PURE__ */ new WeakMap();
|
|
95
|
-
P(
|
|
96
|
-
|
|
95
|
+
P(s);
|
|
96
|
+
s.styles = [_(C)];
|
|
97
97
|
t([
|
|
98
98
|
o({ type: String })
|
|
99
|
-
],
|
|
99
|
+
], s.prototype, "state", 2);
|
|
100
100
|
t([
|
|
101
101
|
o({ type: String })
|
|
102
|
-
],
|
|
102
|
+
], s.prototype, "size", 2);
|
|
103
103
|
t([
|
|
104
104
|
o({ type: String })
|
|
105
|
-
],
|
|
105
|
+
], s.prototype, "label", 2);
|
|
106
106
|
t([
|
|
107
107
|
o({ type: String })
|
|
108
|
-
],
|
|
108
|
+
], s.prototype, "helperText", 2);
|
|
109
109
|
t([
|
|
110
110
|
o({ type: Boolean })
|
|
111
|
-
],
|
|
111
|
+
], s.prototype, "fullWidth", 2);
|
|
112
112
|
t([
|
|
113
113
|
o({ type: String })
|
|
114
|
-
],
|
|
114
|
+
], s.prototype, "theme", 2);
|
|
115
115
|
t([
|
|
116
116
|
o({ type: Number })
|
|
117
|
-
],
|
|
117
|
+
], s.prototype, "value", 2);
|
|
118
118
|
t([
|
|
119
119
|
o({ type: String })
|
|
120
|
-
],
|
|
121
|
-
|
|
120
|
+
], s.prototype, "progressbarAriaLabel", 2);
|
|
121
|
+
s = t([
|
|
122
122
|
$("bm-progress-bar")
|
|
123
|
-
],
|
|
123
|
+
], s);
|
|
124
124
|
export {
|
|
125
|
-
|
|
125
|
+
s as BmProgressBar
|
|
126
126
|
};
|
|
@@ -4,7 +4,7 @@ import { n as m, c as E } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
|
4
4
|
import { r as z } from "../chunks/state.CqiuSzAl.js";
|
|
5
5
|
import { g as B } from "../chunks/classNames.C6fNrXWF.js";
|
|
6
6
|
import "../chunks/constants.jOWREYQE.js";
|
|
7
|
-
import { s as I } from "../chunks/segmentedControl.module.
|
|
7
|
+
import { s as I } from "../chunks/segmentedControl.module.DUw6nBfH.js";
|
|
8
8
|
import { segmentedControlContext as O } from "./SegmentedControl.context.js";
|
|
9
9
|
import "./SegmentedControlItem.js";
|
|
10
10
|
import "./SegmentedControlList.js";
|
|
@@ -6,7 +6,7 @@ import { e as O } from "../chunks/query.lbpOn5CD.js";
|
|
|
6
6
|
import { b as T, c as b, g as $ } from "../chunks/classNames.C6fNrXWF.js";
|
|
7
7
|
import { a as E } from "../chunks/constants.jOWREYQE.js";
|
|
8
8
|
import { r as S } from "../chunks/dom.CroF8n1N.js";
|
|
9
|
-
import { s as A } from "../chunks/segmentedControl.module.
|
|
9
|
+
import { s as A } from "../chunks/segmentedControl.module.DUw6nBfH.js";
|
|
10
10
|
import { g as I } from "../chunks/helpers.BWcXAteC.js";
|
|
11
11
|
import "../Tooltip/Tooltip.js";
|
|
12
12
|
import { stateLayerStyles as D, stateLayerClassName as N } from "../StateLayer/StateLayer.js";
|
|
@@ -3,7 +3,7 @@ import { r as c, a as C, x as p } from "../chunks/lit-element.CJtt9wj5.js";
|
|
|
3
3
|
import { n as u, c as f } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
4
4
|
import { c as g, g as h } from "../chunks/classNames.C6fNrXWF.js";
|
|
5
5
|
import "../chunks/constants.jOWREYQE.js";
|
|
6
|
-
import { s as x } from "../chunks/segmentedControl.module.
|
|
6
|
+
import { s as x } from "../chunks/segmentedControl.module.DUw6nBfH.js";
|
|
7
7
|
import { segmentedControlContext as b } from "./SegmentedControl.context.js";
|
|
8
8
|
var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (s, t, o, n) => {
|
|
9
9
|
for (var e = n > 1 ? void 0 : n ? _(t, o) : t, l = s.length - 1, m; l >= 0; l--)
|
|
@@ -3,7 +3,7 @@ import { r as i, a as u, x as d } from "../chunks/lit-element.CJtt9wj5.js";
|
|
|
3
3
|
import { n as c, c as f } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
4
4
|
import { c as C, g } from "../chunks/classNames.C6fNrXWF.js";
|
|
5
5
|
import "../chunks/constants.jOWREYQE.js";
|
|
6
|
-
import { s as v } from "../chunks/segmentedControl.module.
|
|
6
|
+
import { s as v } from "../chunks/segmentedControl.module.DUw6nBfH.js";
|
|
7
7
|
import { segmentedControlContext as b } from "./SegmentedControl.context.js";
|
|
8
8
|
var x = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (r, e, o, t) => {
|
|
9
9
|
for (var s = t > 1 ? void 0 : t ? _(e, o) : e, n = r.length - 1, a; n >= 0; n--)
|
package/local/Spinner/Spinner.js
CHANGED
|
@@ -26,16 +26,16 @@ const W = 10, H = {
|
|
|
26
26
|
}
|
|
27
27
|
}, { baseClassNamePrefix: w, subElementClassPrefix: c } = E("spinner"), L = ({
|
|
28
28
|
sideLength: e,
|
|
29
|
-
strokeWidth:
|
|
29
|
+
strokeWidth: r
|
|
30
30
|
}) => {
|
|
31
|
-
const
|
|
31
|
+
const n = e - r, t = n / 2, i = Math.PI * n, g = `0 0 ${e} ${e}`;
|
|
32
32
|
return {
|
|
33
33
|
sideLength: e,
|
|
34
|
-
strokeWidth:
|
|
34
|
+
strokeWidth: r,
|
|
35
35
|
cx: e / 2,
|
|
36
36
|
cy: e / 2,
|
|
37
|
-
diameter:
|
|
38
|
-
circumference:
|
|
37
|
+
diameter: n,
|
|
38
|
+
circumference: i,
|
|
39
39
|
r: t,
|
|
40
40
|
viewBox: g
|
|
41
41
|
};
|
|
@@ -58,34 +58,34 @@ const W = 10, H = {
|
|
|
58
58
|
md: `${l}--md`,
|
|
59
59
|
lg: `${l}--lg`
|
|
60
60
|
}, O = "--bm-spinner-value", T = ({ value: e }) => {
|
|
61
|
-
const
|
|
62
|
-
return
|
|
63
|
-
}, V = '@charset "UTF-8";: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-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-
|
|
61
|
+
const r = typeof e == "number" && Number.isInteger(e) || !1, n = r && e >= 0 && e <= 100;
|
|
62
|
+
return r && !n && console.warn("The allowed range for the spinner values is 0 to 100"), r && n;
|
|
63
|
+
}, V = '@charset "UTF-8";: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-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "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-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-spinner-color-indicator: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}.bm-spinner{position:relative;margin:0 auto;width:var(--bm-spinner-side-length);height:var(--bm-spinner-side-length)}.bm-spinner__circle-bg,.bm-spinner__circle{r:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) / 2);stroke-width:var(--bm-spinner-stroke-width)}.bm-spinner__svg{position:relative;transform:rotate(-90deg) translateZ(0);width:calc(var(--bm-spinner-side-length));height:calc(var(--bm-spinner-side-length))}.bm-spinner__circle{stroke:var(--bm-comp-spinner-color-indicator);stroke-linecap:round;transform-origin:center}.bm-spinner__circle-bg{stroke:var(--bm-comp-spinner-color-track)}@keyframes dash{0%{stroke-dashoffset:0;stroke-dasharray:1,calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * 1.6)}50%{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .712),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.278)}to{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .708),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.992)}}.bm-spinner__content-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-description-spacing)}.bm-spinner__heading{display:inline-flex;color:var(--bm-comp-spinner-color-heading);font:var(--bm-comp-spinner-typo-heading)}.bm-spinner__percentage-indicator:before{content:" "}.bm-spinner__body{margin:0;color:var(--bm-comp-spinner-color-body);font:var(--bm-comp-spinner-typo-body);text-align:center}@keyframes rotation{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.bm-spinner--indeterminate .bm-spinner__svg{animation:rotation calc(var(--bm-spinner-animation-speed) / 2) linear infinite}.bm-spinner--indeterminate .bm-spinner__circle{animation:dash calc(var(--bm-spinner-animation-speed) / 2) ease infinite}.bm-spinner--determinate .bm-spinner__circle{transition:stroke-dasharray .5s ease;stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * var(--bm-spinner-value) / 100) 300px;stroke-dashoffset:0}.bm-spinner-wrap{--bm-spinner-animation-speed: 3s;max-width:var(--bm-comp-spinner-size-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-spinner-spacing)}.bm-spinner-wrap progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:absolute;visibility:hidden;width:0}.bm-spinner-wrap ::-moz-progress-bar,.bm-spinner-wrap ::-webkit-progress-bar,.bm-spinner-wrap ::-webkit-progress-value,.bm-spinner-wrap ::-webkit-progress-inner-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bm-spinner-wrap--xs,.bm-spinner-wrap--xxs{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;max-width:unset}.bm-spinner-wrap--xs .bm-spinner,.bm-spinner-wrap--xxs .bm-spinner{box-sizing:content-box;margin-bottom:0;padding:var(--bm-comp-spinner-space-nudge-y) 0}.bm-spinner-wrap--xs .bm-spinner__content-wrapper,.bm-spinner-wrap--xxs .bm-spinner__content-wrapper{display:inline-flex;flex-direction:row}.bm-spinner-wrap--xs .bm-spinner__body,.bm-spinner-wrap--xxs .bm-spinner__body{text-align:left}.bm-spinner-wrap--xxs .bm-spinner__heading{font:var(--bm-sem-typo-label-sm)}.bm-spinner-wrap--xxs .bm-spinner__body{font:var(--bm-sem-typo-body-sm)}.bm-spinner-wrap--xxs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xxs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xxs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--xs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--sm{--bm-spinner-side-length: var(--bm-comp-spinner-size-sm-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-sm-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-sm-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--md{--bm-spinner-side-length: var(--bm-comp-spinner-size-md-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-md-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-md-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--lg{--bm-spinner-side-length: var(--bm-comp-spinner-size-lg-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-lg-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-lg-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}';
|
|
64
64
|
var F = Object.defineProperty, A = Object.getOwnPropertyDescriptor, P = (e) => {
|
|
65
65
|
throw TypeError(e);
|
|
66
|
-
}, o = (e,
|
|
67
|
-
for (var
|
|
68
|
-
(f = e[g]) && (
|
|
69
|
-
return t &&
|
|
70
|
-
}, G = (e,
|
|
66
|
+
}, o = (e, r, n, t) => {
|
|
67
|
+
for (var i = t > 1 ? void 0 : t ? A(r, n) : r, g = e.length - 1, f; g >= 0; g--)
|
|
68
|
+
(f = e[g]) && (i = (t ? f(r, n, i) : f(i)) || i);
|
|
69
|
+
return t && i && F(r, n, i), i;
|
|
70
|
+
}, G = (e, r, n) => r.has(e) || P("Cannot " + n), s = (e, r, n) => (G(e, r, "read from private field"), n ? n.call(e) : r.get(e)), h = (e, r, n) => r.has(e) ? P("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, n), m, k, N, y, x, u, _, z, S;
|
|
71
71
|
let a = class extends I {
|
|
72
72
|
constructor() {
|
|
73
73
|
super(...arguments), h(this, m), this.size = "md", h(this, u, () => {
|
|
74
|
-
const e =
|
|
74
|
+
const e = s(this, m, y), { viewBox: r } = s(this, m, N), n = p[s(this, m, y) ? "spinnerSvgWrapDeterminate" : "spinnerSvgWrapIndeterminate"], t = $(
|
|
75
75
|
p.spinnerSvgWrap,
|
|
76
76
|
C[this.size],
|
|
77
|
-
|
|
77
|
+
n,
|
|
78
78
|
this.className
|
|
79
|
-
),
|
|
80
|
-
return b`<div class=${t} style=${
|
|
79
|
+
), i = s(this, m, y) ? `${O}: ${s(this, m, x)}` : "";
|
|
80
|
+
return b`<div class=${t} style=${i}>
|
|
81
81
|
<progress
|
|
82
|
-
${e ? b`.value=${
|
|
82
|
+
${e ? b`.value=${s(this, m, x)}` : d}
|
|
83
83
|
max="100"
|
|
84
84
|
></progress>
|
|
85
85
|
<svg
|
|
86
86
|
xmlns="http://www.w3.org/2000/svg"
|
|
87
87
|
class=${p.spinnerSvg}
|
|
88
|
-
viewBox="${
|
|
88
|
+
viewBox="${r}"
|
|
89
89
|
>
|
|
90
90
|
<circle
|
|
91
91
|
class=${p.spinnerSvgCircleBg}
|
|
@@ -103,13 +103,13 @@ let a = class extends I {
|
|
|
103
103
|
></circle>
|
|
104
104
|
</svg>
|
|
105
105
|
</div>`;
|
|
106
|
-
}), h(this, _, () =>
|
|
107
|
-
>${
|
|
106
|
+
}), h(this, _, () => s(this, m, k) ? b`<span class=${p.spinnerSvgLabelPercentageIndicator}
|
|
107
|
+
>${s(this, m, x)}%</span
|
|
108
108
|
>` : d), h(this, z, () => {
|
|
109
109
|
const e = this.headingSlot.length > 0;
|
|
110
|
-
return !(this.heading ||
|
|
110
|
+
return !(this.heading || s(this, m, k) || e) ? d : b` <strong class=${p.spinnerSvgHeading}>
|
|
111
111
|
<slot name="heading"> ${this.heading || d} </slot>
|
|
112
|
-
${
|
|
112
|
+
${s(this, _).call(this)}
|
|
113
113
|
</strong>`;
|
|
114
114
|
}), h(this, S, () => {
|
|
115
115
|
const e = this.bodySlot.length > 0;
|
|
@@ -123,10 +123,10 @@ let a = class extends I {
|
|
|
123
123
|
p.spinnerWrap,
|
|
124
124
|
C[this.size],
|
|
125
125
|
this.className
|
|
126
|
-
),
|
|
126
|
+
), r = s(this, u).call(this), n = s(this, z).call(this), t = s(this, S).call(this);
|
|
127
127
|
return b`<div class=${e}>
|
|
128
|
-
${
|
|
129
|
-
<div class=${p.spinnerContentWrapper}>${
|
|
128
|
+
${r}
|
|
129
|
+
<div class=${p.spinnerContentWrapper}>${n} ${t}</div>
|
|
130
130
|
</div>`;
|
|
131
131
|
}
|
|
132
132
|
};
|
|
@@ -135,10 +135,10 @@ k = function() {
|
|
|
135
135
|
return !!(Number.isInteger(this.value) && this.showPercentage);
|
|
136
136
|
};
|
|
137
137
|
N = function() {
|
|
138
|
-
const { sideLength: e, strokeWidth:
|
|
138
|
+
const { sideLength: e, strokeWidth: r } = H[this.size || "md"];
|
|
139
139
|
return L({
|
|
140
140
|
sideLength: e,
|
|
141
|
-
strokeWidth:
|
|
141
|
+
strokeWidth: r
|
|
142
142
|
});
|
|
143
143
|
};
|
|
144
144
|
y = function() {
|