@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
package/TextField/TextField.js
CHANGED
|
@@ -9,16 +9,16 @@ import { c as P } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
|
9
9
|
import { s as I } from "../chunks/helpers.AwJwaZvv.js";
|
|
10
10
|
import { FormField as A } from "../wip/Form/Form.decorator.js";
|
|
11
11
|
import "../chunks/HelperText.SJGM6Q5H.js";
|
|
12
|
-
const T = ':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-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-md-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-comp-input-size-field-md-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}';
|
|
12
|
+
const T = ':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-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-md-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-comp-input-size-field-md-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}';
|
|
13
13
|
var L = Object.defineProperty, R = Object.getOwnPropertyDescriptor, C = (e) => {
|
|
14
14
|
throw TypeError(e);
|
|
15
|
-
},
|
|
15
|
+
}, t = (e, o, i, c) => {
|
|
16
16
|
for (var m = c > 1 ? void 0 : c ? R(o, i) : o, s = e.length - 1, b; s >= 0; s--)
|
|
17
17
|
(b = e[s]) && (m = (c ? b(o, i, m) : b(m)) || m);
|
|
18
18
|
return c && m && L(o, i, m), m;
|
|
19
19
|
}, W = (e, o, i) => o.has(e) || C("Cannot " + i), l = (e, o, i) => (W(e, o, "read from private field"), i ? i.call(e) : o.get(e)), f = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), d, u, v, x;
|
|
20
20
|
const { baseClassNamePrefix: D, subElementClassPrefix: _, classModifierPrefix: h } = F("text-field");
|
|
21
|
-
let
|
|
21
|
+
let r = class extends A {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, f(this, d, () => {
|
|
24
24
|
var e;
|
|
@@ -101,59 +101,59 @@ d = /* @__PURE__ */ new WeakMap();
|
|
|
101
101
|
u = /* @__PURE__ */ new WeakMap();
|
|
102
102
|
v = /* @__PURE__ */ new WeakMap();
|
|
103
103
|
x = /* @__PURE__ */ new WeakMap();
|
|
104
|
-
O(
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
O(r);
|
|
105
|
+
r.styles = q(T);
|
|
106
|
+
t([
|
|
107
107
|
a({ type: String })
|
|
108
|
-
],
|
|
109
|
-
|
|
108
|
+
], r.prototype, "placeholder", 2);
|
|
109
|
+
t([
|
|
110
110
|
a({ type: Boolean })
|
|
111
|
-
],
|
|
112
|
-
|
|
111
|
+
], r.prototype, "required", 2);
|
|
112
|
+
t([
|
|
113
113
|
a({ type: Boolean })
|
|
114
|
-
],
|
|
115
|
-
|
|
114
|
+
], r.prototype, "hideRequiredMarker", 2);
|
|
115
|
+
t([
|
|
116
116
|
a({ type: String })
|
|
117
|
-
],
|
|
118
|
-
|
|
117
|
+
], r.prototype, "error", 2);
|
|
118
|
+
t([
|
|
119
119
|
a({ type: Boolean })
|
|
120
|
-
],
|
|
121
|
-
|
|
120
|
+
], r.prototype, "readOnly", 2);
|
|
121
|
+
t([
|
|
122
122
|
a({ type: Boolean })
|
|
123
|
-
],
|
|
124
|
-
|
|
123
|
+
], r.prototype, "disabled", 2);
|
|
124
|
+
t([
|
|
125
125
|
a({ type: Boolean })
|
|
126
|
-
],
|
|
127
|
-
|
|
126
|
+
], r.prototype, "fluid", 2);
|
|
127
|
+
t([
|
|
128
128
|
a({ type: String })
|
|
129
|
-
],
|
|
130
|
-
|
|
129
|
+
], r.prototype, "width", 2);
|
|
130
|
+
t([
|
|
131
131
|
a({ type: Boolean })
|
|
132
|
-
],
|
|
133
|
-
|
|
132
|
+
], r.prototype, "ellipse", 2);
|
|
133
|
+
t([
|
|
134
134
|
a({ type: String })
|
|
135
|
-
],
|
|
136
|
-
|
|
135
|
+
], r.prototype, "theme", 2);
|
|
136
|
+
t([
|
|
137
137
|
a({ type: String })
|
|
138
|
-
],
|
|
139
|
-
|
|
138
|
+
], r.prototype, "type", 2);
|
|
139
|
+
t([
|
|
140
140
|
a({ type: String })
|
|
141
|
-
],
|
|
142
|
-
|
|
141
|
+
], r.prototype, "inputMode", 2);
|
|
142
|
+
t([
|
|
143
143
|
z({ slot: "label" })
|
|
144
|
-
],
|
|
145
|
-
|
|
144
|
+
], r.prototype, "_textFieldLabel", 2);
|
|
145
|
+
t([
|
|
146
146
|
z({ slot: "helper-text" })
|
|
147
|
-
],
|
|
148
|
-
|
|
147
|
+
], r.prototype, "_textFieldHelperText", 2);
|
|
148
|
+
t([
|
|
149
149
|
$()
|
|
150
|
-
],
|
|
151
|
-
|
|
150
|
+
], r.prototype, "_hasContentBeforeSlot", 2);
|
|
151
|
+
t([
|
|
152
152
|
$()
|
|
153
|
-
],
|
|
154
|
-
|
|
153
|
+
], r.prototype, "_hasContentAfterSlot", 2);
|
|
154
|
+
r = t([
|
|
155
155
|
P("bm-text-field")
|
|
156
|
-
],
|
|
156
|
+
], r);
|
|
157
157
|
export {
|
|
158
|
-
|
|
158
|
+
r as BmTextField
|
|
159
159
|
};
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -7,7 +7,7 @@ import { p as ye, t as we } from "../chunks/constants.jOWREYQE.js";
|
|
|
7
7
|
import { e as xe, f as Ce } from "../chunks/tokens.CTW8Tt94.js";
|
|
8
8
|
import { c as Zt } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
9
9
|
import { c as Oe, d as kt, m as $t, r as Ae, h as Ee, e as Jt, f as Bt } from "../chunks/helpers.AwJwaZvv.js";
|
|
10
|
-
const Qt = `: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-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #202e39);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "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-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #ffffff);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}.bm-tooltip__icon-trigger{border:none;background:none;padding:0;margin:0;display:flex;cursor:pointer;color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-tooltip{z-index:999;background-color:var(--bm-comp-tooltip-color-bg);border-radius:var(--bm-comp-tooltip-radius);max-width:var(--bm-comp-tooltip-size-width);padding:var(--bm-comp-tooltip-space-y) var(--bm-comp-tooltip-space-x);color:var(--bm-comp-tooltip-color-text);font:var(--bm-comp-tooltip-typo-body);offset:var(--bm-comp-tooltip-space-offset);transition-property:opacity}.bm-tooltip[data-status=open]{transition-duration:0s}.bm-tooltip[data-status=close]{transition-duration:.2s}.bm-tooltip[data-status=initial],.bm-tooltip[data-status=close]{opacity:0}.bm-tooltip__arrow{offset:var(--bm-comp-tooltip-space-arrow);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');mask-size:cover;mask-position:center;mask-repeat:no-repeat;scale:1.05;width:var(--bm-comp-tooltip-size-arrow-width);height:var(--bm-comp-tooltip-size-arrow-height);background-color:var(--bm-comp-tooltip-color-bg)}.bm-tooltip__icon-trigger svg{background:none;border:none}.bm-tooltip__icon-trigger:focus-visible{border-radius:var(--bm-sem-radius-round);outline-offset:0px;outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-tooltip__icon-trigger--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:inherit}.bm-tooltip__icon-trigger--xs{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--xs svg{height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--sm{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--sm svg{height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--md{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--md svg{height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--lg{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--lg svg{height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--xl{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}.bm-tooltip__icon-trigger--xl svg{height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}`, te = ["top", "right", "bottom", "left"], Ht = ["start", "end"], Ft = /* @__PURE__ */ te.reduce((e, t) => e.concat(t, t + "-" + Ht[0], t + "-" + Ht[1]), []), q = Math.min,
|
|
10
|
+
const Qt = `: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-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #202e39);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "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-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #ffffff);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}.bm-tooltip__icon-trigger{border:none;background:none;padding:0;margin:0;display:flex;cursor:pointer;color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-tooltip{z-index:999;background-color:var(--bm-comp-tooltip-color-bg);border-radius:var(--bm-comp-tooltip-radius);max-width:var(--bm-comp-tooltip-size-width);padding:var(--bm-comp-tooltip-space-y) var(--bm-comp-tooltip-space-x);color:var(--bm-comp-tooltip-color-text);font:var(--bm-comp-tooltip-typo-body);offset:var(--bm-comp-tooltip-space-offset);transition-property:opacity}.bm-tooltip[data-status=open]{transition-duration:0s}.bm-tooltip[data-status=close]{transition-duration:.2s}.bm-tooltip[data-status=initial],.bm-tooltip[data-status=close]{opacity:0}.bm-tooltip__arrow{offset:var(--bm-comp-tooltip-space-arrow);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');mask-size:cover;mask-position:center;mask-repeat:no-repeat;scale:1.05;width:var(--bm-comp-tooltip-size-arrow-width);height:var(--bm-comp-tooltip-size-arrow-height);background-color:var(--bm-comp-tooltip-color-bg)}.bm-tooltip__icon-trigger svg{background:none;border:none}.bm-tooltip__icon-trigger:focus-visible{border-radius:var(--bm-sem-radius-round);outline-offset:0px;outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-tooltip__icon-trigger--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:inherit}.bm-tooltip__icon-trigger--xs{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--xs svg{height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--sm{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--sm svg{height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--md{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--md svg{height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--lg{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--lg svg{height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--xl{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}.bm-tooltip__icon-trigger--xl svg{height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}`, te = ["top", "right", "bottom", "left"], Ht = ["start", "end"], Ft = /* @__PURE__ */ te.reduce((e, t) => e.concat(t, t + "-" + Ht[0], t + "-" + Ht[1]), []), q = Math.min, L = Math.max, ft = Math.round, ct = Math.floor, W = (e) => ({
|
|
11
11
|
x: e,
|
|
12
12
|
y: e
|
|
13
13
|
}), Pe = {
|
|
@@ -20,7 +20,7 @@ const Qt = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data
|
|
|
20
20
|
end: "start"
|
|
21
21
|
};
|
|
22
22
|
function yt(e, t, i) {
|
|
23
|
-
return
|
|
23
|
+
return L(e, q(t, i));
|
|
24
24
|
}
|
|
25
25
|
function Z(e, t) {
|
|
26
26
|
return typeof e == "function" ? e(t) : e;
|
|
@@ -56,7 +56,7 @@ function Se(e) {
|
|
|
56
56
|
function pt(e) {
|
|
57
57
|
return e.replace(/start|end/g, (t) => Re[t]);
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function _e(e, t, i) {
|
|
60
60
|
const n = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
|
|
61
61
|
switch (e) {
|
|
62
62
|
case "top":
|
|
@@ -69,9 +69,9 @@ function Le(e, t, i) {
|
|
|
69
69
|
return [];
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
function
|
|
72
|
+
function Le(e, t, i, n) {
|
|
73
73
|
const o = H(e);
|
|
74
|
-
let r =
|
|
74
|
+
let r = _e($(e), i === "start", n);
|
|
75
75
|
return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(pt)))), r;
|
|
76
76
|
}
|
|
77
77
|
function st(e) {
|
|
@@ -312,20 +312,20 @@ const ke = function(e) {
|
|
|
312
312
|
}
|
|
313
313
|
};
|
|
314
314
|
const P = x.map((C) => {
|
|
315
|
-
const
|
|
316
|
-
return [C.placement,
|
|
315
|
+
const _ = H(C.placement);
|
|
316
|
+
return [C.placement, _ && f ? (
|
|
317
317
|
// Check along the mainAxis and main crossAxis side.
|
|
318
318
|
C.overflows.slice(0, 2).reduce((j, k) => j + k, 0)
|
|
319
319
|
) : (
|
|
320
320
|
// Check only the mainAxis.
|
|
321
321
|
C.overflows[0]
|
|
322
322
|
), C.overflows];
|
|
323
|
-
}).sort((C,
|
|
323
|
+
}).sort((C, _) => C[1] - _[1]), T = ((o = P.filter((C) => C[2].slice(
|
|
324
324
|
0,
|
|
325
325
|
// Aligned placements should not check their opposite crossAxis
|
|
326
326
|
// side.
|
|
327
327
|
H(C[0]) ? 2 : 3
|
|
328
|
-
).every((
|
|
328
|
+
).every((_) => _ <= 0))[0]) == null ? void 0 : o[0]) || P[0][0];
|
|
329
329
|
return T !== l ? {
|
|
330
330
|
data: {
|
|
331
331
|
index: u + 1,
|
|
@@ -362,7 +362,7 @@ const ke = function(e) {
|
|
|
362
362
|
if ((i = r.arrow) != null && i.alignmentOffset)
|
|
363
363
|
return {};
|
|
364
364
|
const u = $(o), y = Q(l), w = $(l) === l, O = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), x = d || (w || !g ? [st(l)] : Se(l)), D = b !== "none";
|
|
365
|
-
!d && D && x.push(...
|
|
365
|
+
!d && D && x.push(...Le(l, g, b, O));
|
|
366
366
|
const P = [l, ...x], S = await ot(t, h), T = [];
|
|
367
367
|
let C = ((n = r.flip) == null ? void 0 : n.overflows) || [];
|
|
368
368
|
if (f && T.push(S[u]), p) {
|
|
@@ -373,8 +373,8 @@ const ke = function(e) {
|
|
|
373
373
|
placement: o,
|
|
374
374
|
overflows: T
|
|
375
375
|
}], !T.every((I) => I <= 0)) {
|
|
376
|
-
var
|
|
377
|
-
const I = (((
|
|
376
|
+
var _, j;
|
|
377
|
+
const I = (((_ = r.flip) == null ? void 0 : _.index) || 0) + 1, Y = P[I];
|
|
378
378
|
if (Y)
|
|
379
379
|
return {
|
|
380
380
|
data: {
|
|
@@ -599,8 +599,8 @@ const Fe = function(e) {
|
|
|
599
599
|
const y = g - f.top - f.bottom, w = b - f.left - f.right, O = q(g - f[h], y), x = q(b - f[u], w), D = !t.middlewareData.shift;
|
|
600
600
|
let P = O, S = x;
|
|
601
601
|
if ((i = t.middlewareData.shift) != null && i.enabled.x && (S = w), (n = t.middlewareData.shift) != null && n.enabled.y && (P = y), D && !d) {
|
|
602
|
-
const C =
|
|
603
|
-
m ? S = b - 2 * (C !== 0 ||
|
|
602
|
+
const C = L(f.left, 0), _ = L(f.right, 0), j = L(f.top, 0), k = L(f.bottom, 0);
|
|
603
|
+
m ? S = b - 2 * (C !== 0 || _ !== 0 ? C + _ : L(f.left, f.right)) : P = g - 2 * (j !== 0 || k !== 0 ? j + k : L(f.top, f.bottom));
|
|
604
604
|
}
|
|
605
605
|
await c({
|
|
606
606
|
...t,
|
|
@@ -832,10 +832,10 @@ function Ye(e) {
|
|
|
832
832
|
return Array.from(e.getClientRects());
|
|
833
833
|
}
|
|
834
834
|
function Ke(e) {
|
|
835
|
-
const t = U(e), i = ht(e), n = e.ownerDocument.body, o =
|
|
835
|
+
const t = U(e), i = ht(e), n = e.ownerDocument.body, o = L(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), r = L(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
|
|
836
836
|
let s = -i.scrollLeft + St(e);
|
|
837
837
|
const l = -i.scrollTop;
|
|
838
|
-
return M(n).direction === "rtl" && (s +=
|
|
838
|
+
return M(n).direction === "rtl" && (s += L(t.clientWidth, n.clientWidth) - o), {
|
|
839
839
|
width: o,
|
|
840
840
|
height: r,
|
|
841
841
|
x: s,
|
|
@@ -911,7 +911,7 @@ function Ze(e) {
|
|
|
911
911
|
} = e;
|
|
912
912
|
const s = [...i === "clippingAncestors" ? ut(t) ? [] : Ge(t, this._c) : [].concat(i), n], l = s[0], c = s.reduce((a, f) => {
|
|
913
913
|
const p = Wt(t, f, o);
|
|
914
|
-
return a.top =
|
|
914
|
+
return a.top = L(p.top, a.top), a.right = q(p.right, a.right), a.bottom = q(p.bottom, a.bottom), a.left = L(p.left, a.left), a;
|
|
915
915
|
}, Wt(t, l, o));
|
|
916
916
|
return {
|
|
917
917
|
width: c.right - c.left,
|
|
@@ -1028,7 +1028,7 @@ function io(e, t) {
|
|
|
1028
1028
|
return;
|
|
1029
1029
|
const b = ct(p), g = ct(o.clientWidth - (f + d)), h = ct(o.clientHeight - (p + m)), u = ct(f), w = {
|
|
1030
1030
|
rootMargin: -b + "px " + -g + "px " + -h + "px " + -u + "px",
|
|
1031
|
-
threshold:
|
|
1031
|
+
threshold: L(0, q(1, c)) || 1
|
|
1032
1032
|
};
|
|
1033
1033
|
let O = !0;
|
|
1034
1034
|
function x(D) {
|
|
@@ -1112,14 +1112,14 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
|
|
|
1112
1112
|
name: "arrowStyles",
|
|
1113
1113
|
options: e,
|
|
1114
1114
|
async fn(t) {
|
|
1115
|
-
var
|
|
1115
|
+
var _t, Lt;
|
|
1116
1116
|
const { x: i, y: n, placement: o, rects: r, platform: s, elements: l, middlewareData: c } = t, { element: a, padding: f = 0 } = Z(e, t) || {};
|
|
1117
1117
|
if (a == null)
|
|
1118
1118
|
return {};
|
|
1119
|
-
const p = oe(f), d = { x: i, y: n }, m = At(o), b = Ct(m), g = Ot(m), h = await s.getDimensions(a), u = m === "y", y = u ? "top" : "left", w = u ? "bottom" : "right", O = u ? "clientHeight" : "clientWidth", x = r.reference[g] + r.reference[m] - d[m] - r.floating[g], D = d[m] - r.reference[m], P = await ((
|
|
1119
|
+
const p = oe(f), d = { x: i, y: n }, m = At(o), b = Ct(m), g = Ot(m), h = await s.getDimensions(a), u = m === "y", y = u ? "top" : "left", w = u ? "bottom" : "right", O = u ? "clientHeight" : "clientWidth", x = r.reference[g] + r.reference[m] - d[m] - r.floating[g], D = d[m] - r.reference[m], P = await ((_t = s.getOffsetParent) == null ? void 0 : _t.call(s, a));
|
|
1120
1120
|
let S = P ? P[O] : 0;
|
|
1121
|
-
(!S || !await ((
|
|
1122
|
-
const T = x / 2 - D / 2, C = S / 2 - h.width / 2 - 1,
|
|
1121
|
+
(!S || !await ((Lt = s.isElement) == null ? void 0 : Lt.call(s, P))) && (S = l.floating[O] || r.floating[g]);
|
|
1122
|
+
const T = x / 2 - D / 2, C = S / 2 - h.width / 2 - 1, _ = q(p[y], C), j = q(p[w], C), k = _, I = S - h.width - j, Y = S / 2 - h.width / 2 + T, X = yt(k, Y, I), K = !c.arrow && H(o) != null && Y !== X && r.reference[g] / 2 - (Y < k ? _ : j) - h.width / 2 < 0, N = K ? Y < k ? Y - k : Y - I : 0, B = $(o), gt = ["top", "left"].includes(B) ? -1 : 1, de = h.height * gt, ue = bo({
|
|
1123
1123
|
placement: B,
|
|
1124
1124
|
arrowHeight: h.height,
|
|
1125
1125
|
arrowWidth: h.width,
|
|
@@ -1259,7 +1259,7 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
|
|
|
1259
1259
|
f.left = n != null ? `${n}px` : "", f.top = o != null ? `${o}px` : "";
|
|
1260
1260
|
const p = st(r);
|
|
1261
1261
|
return f[p] = a, f;
|
|
1262
|
-
}, vo = ".bm-floatingui{z-index:999;position:absolute;inset:unset;top:0;left:0;width:max-content}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{position:absolute;transform-origin:bottom center}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);display:flex;justify-content:center;align-items:center;z-index:1}.bm-floatingui__overlay--transparent{background:transparent}";
|
|
1262
|
+
}, vo = ".bm-floatingui{z-index:999;position:absolute;inset:unset;top:0;left:0;width:max-content}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{position:absolute;transform-origin:bottom center}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);display:flex;justify-content:center;align-items:center;z-index:1}.bm-floatingui__overlay--transparent{background:transparent}.bm-floatingui__overlay:has(.bm-panel--contained){position:absolute!important;top:0;right:0;bottom:0;left:0;overflow:clip!important}";
|
|
1263
1263
|
class yo {
|
|
1264
1264
|
constructor(t) {
|
|
1265
1265
|
this.eventMap = /* @__PURE__ */ new Map(), this.elements = /* @__PURE__ */ new Map(), t.addController(this);
|
|
@@ -1748,11 +1748,11 @@ const {
|
|
|
1748
1748
|
v({ type: Boolean })
|
|
1749
1749
|
], t.prototype, "openOnFocus"), t;
|
|
1750
1750
|
};
|
|
1751
|
-
var Ro = Object.defineProperty, So = Object.getOwnPropertyDescriptor,
|
|
1751
|
+
var Ro = Object.defineProperty, So = Object.getOwnPropertyDescriptor, _o = Object.getPrototypeOf, Lo = Reflect.get, E = (e, t, i, n) => {
|
|
1752
1752
|
for (var o = n > 1 ? void 0 : n ? So(t, i) : t, r = e.length - 1, s; r >= 0; r--)
|
|
1753
1753
|
(s = e[r]) && (o = (n ? s(t, i, o) : s(o)) || o);
|
|
1754
1754
|
return n && o && Ro(t, i, o), o;
|
|
1755
|
-
}, pe = (e, t, i) => _o(
|
|
1755
|
+
}, pe = (e, t, i) => Lo(_o(e), i, t);
|
|
1756
1756
|
const { subElementClassPrefix: me, baseClassNamePrefix: zo } = Gt("tooltip");
|
|
1757
1757
|
let A = class extends Po(qt) {
|
|
1758
1758
|
constructor() {
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { consume as M } from "@lit/context";
|
|
2
|
+
import { unsafeCSS as H, LitElement as $, html as d, nothing as P } from "lit";
|
|
3
|
+
import { property as i } from "lit/decorators.js";
|
|
4
|
+
import { unsafeSVG as I } from "lit/directives/unsafe-svg.js";
|
|
5
|
+
import v from "clsx";
|
|
6
|
+
import { g as C } from "./classNames.Cq_tbDRp.js";
|
|
7
|
+
import "./constants.jOWREYQE.js";
|
|
8
|
+
import { c as Z } from "./CSSLookup.BdqZ5Li9.js";
|
|
9
|
+
import { c as B } from "./register-custom-element.DHGKOhmA.js";
|
|
10
|
+
import { stateLayerStyles as N, stateLayerClassName as W } from "../StateLayer/StateLayer.js";
|
|
11
|
+
import { AvatarGroupCtx as E } from "../Avatar/AvatarGroup.context.js";
|
|
12
|
+
const A = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
|
+
<path
|
|
14
|
+
fill-rule="evenodd"
|
|
15
|
+
clip-rule="evenodd"
|
|
16
|
+
d="M12 7V3H2V21H22V7H12ZM6 19H4V17H6V19ZM6 15H4V13H6V15ZM6 11H4V9H6V11ZM6 7H4V5H6V7ZM10 19H8V17H10V19ZM10 15H8V13H10V15ZM10 11H8V9H10V11ZM10 7H8V5H10V7ZM20 19H12V17H14V15H12V13H14V11H12V9H20V19ZM18 11H16V13H18V11ZM18 15H16V17H18V15Z"
|
|
17
|
+
fill="currentColor"
|
|
18
|
+
/>
|
|
19
|
+
</svg>
|
|
20
|
+
`, G = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
21
|
+
<path
|
|
22
|
+
fill-rule="evenodd"
|
|
23
|
+
clip-rule="evenodd"
|
|
24
|
+
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"
|
|
25
|
+
fill="currentColor"
|
|
26
|
+
/>
|
|
27
|
+
</svg>
|
|
28
|
+
`, { baseClassNamePrefix: L, subElementClassPrefix: u, classModifierPrefix: l } = C("avatar"), ia = {
|
|
29
|
+
xs: 1.25,
|
|
30
|
+
sm: 1.5,
|
|
31
|
+
md: 2,
|
|
32
|
+
lg: 2.5,
|
|
33
|
+
xl: 3
|
|
34
|
+
}, q = (a, r) => {
|
|
35
|
+
var _, S, k;
|
|
36
|
+
const e = a.split(" "), o = e.length > 1, t = r !== "xs" && o, b = (_ = e.at(0)) != null && _.startsWith("+") ? e.at(0) : void 0, p = `${((S = e.at(0)) == null ? void 0 : S[0]) || ""}${t && ((k = e.at(-1)) == null ? void 0 : k[0]) || ""}`.toUpperCase();
|
|
37
|
+
return b || p;
|
|
38
|
+
}, O = 0.25, R = 0.5, T = (a, r) => (["xs", "sm", "md"].includes(a) ? O : R) * (r === "stacked" ? 1 : -1), ca = (a, r) => Z(T(a, r)) * (r === "stacked" ? 1 : -1), {
|
|
39
|
+
baseClassNamePrefix: va,
|
|
40
|
+
classModifierPrefix: la
|
|
41
|
+
} = 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-alias-color-brand-primary-default, #00768f );--bm-comp-avatar-color-accent-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-avatar-color-neutral-bg: var( --bm-alias-color-ramp-gray-base, #576775 );--bm-comp-avatar-color-neutral-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-avatar-color-overflow-bg: var( --bm-alias-color-ramp-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-alias-color-brand-primary-default, #43bfd6 );--bm-comp-avatar-color-accent-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-avatar-color-neutral-bg: var( --bm-alias-color-ramp-gray-base, #9fafbc );--bm-comp-avatar-color-neutral-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-avatar-color-overflow-bg: var( --bm-alias-color-ramp-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)}';
|
|
42
|
+
var D = Object.defineProperty, U = Object.getOwnPropertyDescriptor, V = (a) => {
|
|
43
|
+
throw TypeError(a);
|
|
44
|
+
}, s = (a, r, e, o) => {
|
|
45
|
+
for (var t = o > 1 ? void 0 : o ? U(r, e) : r, b = a.length - 1, p; b >= 0; b--)
|
|
46
|
+
(p = a[b]) && (t = (o ? p(r, e, t) : p(t)) || t);
|
|
47
|
+
return o && t && D(r, e, t), t;
|
|
48
|
+
}, J = (a, r, e) => r.has(a) || V("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) ? V("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;
|
|
49
|
+
const K = {
|
|
50
|
+
square: A,
|
|
51
|
+
circle: G
|
|
52
|
+
};
|
|
53
|
+
let m = class extends $ {
|
|
54
|
+
constructor() {
|
|
55
|
+
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, () => {
|
|
56
|
+
var t;
|
|
57
|
+
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;
|
|
58
|
+
return v(
|
|
59
|
+
this.className,
|
|
60
|
+
L,
|
|
61
|
+
`${l}${e}`,
|
|
62
|
+
this.disabled && `${l}disabled`,
|
|
63
|
+
o && `${l}with-border`,
|
|
64
|
+
this.isInteractive && !this.disabled && `${l}interactive`,
|
|
65
|
+
`${l}${r}`,
|
|
66
|
+
`${l}${a}`
|
|
67
|
+
);
|
|
68
|
+
}), n(this, f, () => this.isInteractive || this.isFocusable ? 0 : -1), n(this, x, v(`${u}image`)), n(this, g, v(`${l}content`)), n(this, y, () => {
|
|
69
|
+
var o;
|
|
70
|
+
const a = ((o = this.group) == null ? void 0 : o.size) || this.size || "md", r = v(`${u}icon--${a}`);
|
|
71
|
+
if (this.src !== void 0 && this.src !== "")
|
|
72
|
+
return d`
|
|
73
|
+
<img
|
|
74
|
+
src=${this.src}
|
|
75
|
+
alt=${this.alt || this.name}
|
|
76
|
+
class=${v(
|
|
77
|
+
c(this, x),
|
|
78
|
+
this.isInteractive && c(this, g)
|
|
79
|
+
)}
|
|
80
|
+
/>
|
|
81
|
+
`;
|
|
82
|
+
if (this.name !== void 0 && this.name !== "") {
|
|
83
|
+
const t = v(`${u}text--${a}`);
|
|
84
|
+
return d`
|
|
85
|
+
<span
|
|
86
|
+
class=${v(t, this.isInteractive && c(this, g))}
|
|
87
|
+
>
|
|
88
|
+
${q(this.name, a)}
|
|
89
|
+
</span>
|
|
90
|
+
`;
|
|
91
|
+
}
|
|
92
|
+
const e = K[this.shape || "circle"];
|
|
93
|
+
return d`
|
|
94
|
+
<span
|
|
95
|
+
role="img"
|
|
96
|
+
aria-label=${this.alt || this.name}
|
|
97
|
+
class=${v(r, this.isInteractive && c(this, g))}
|
|
98
|
+
part="icon"
|
|
99
|
+
>
|
|
100
|
+
<slot name="icon"> ${I(e)} </slot>
|
|
101
|
+
</span>
|
|
102
|
+
`;
|
|
103
|
+
}), n(this, z, W()), n(this, w, () => !this.isInteractive || this.disabled ? P : d`<span aria-hidden="true" class=${c(this, z)}></span>`);
|
|
104
|
+
}
|
|
105
|
+
connectedCallback() {
|
|
106
|
+
var a, r;
|
|
107
|
+
super.connectedCallback(), (r = (a = this.group) == null ? void 0 : a.register) == null || r.call(a, this);
|
|
108
|
+
}
|
|
109
|
+
disconnectedCallback() {
|
|
110
|
+
var a, r;
|
|
111
|
+
(r = (a = this.group) == null ? void 0 : a.unregister) == null || r.call(a, this), super.disconnectedCallback();
|
|
112
|
+
}
|
|
113
|
+
render() {
|
|
114
|
+
return d`
|
|
115
|
+
<div class=${c(this, h).call(this)} part="avatar" tabindex=${c(this, f).call(this)}>
|
|
116
|
+
${c(this, w).call(this)} ${c(this, y).call(this)}
|
|
117
|
+
</div>
|
|
118
|
+
`;
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
h = /* @__PURE__ */ new WeakMap();
|
|
122
|
+
f = /* @__PURE__ */ new WeakMap();
|
|
123
|
+
x = /* @__PURE__ */ new WeakMap();
|
|
124
|
+
g = /* @__PURE__ */ new WeakMap();
|
|
125
|
+
y = /* @__PURE__ */ new WeakMap();
|
|
126
|
+
z = /* @__PURE__ */ new WeakMap();
|
|
127
|
+
w = /* @__PURE__ */ new WeakMap();
|
|
128
|
+
m.styles = [H(F), N];
|
|
129
|
+
s([
|
|
130
|
+
i({ type: String })
|
|
131
|
+
], m.prototype, "appearance", 2);
|
|
132
|
+
s([
|
|
133
|
+
i({ type: String })
|
|
134
|
+
], m.prototype, "name", 2);
|
|
135
|
+
s([
|
|
136
|
+
i({ type: String })
|
|
137
|
+
], m.prototype, "src", 2);
|
|
138
|
+
s([
|
|
139
|
+
i({ type: String })
|
|
140
|
+
], m.prototype, "alt", 2);
|
|
141
|
+
s([
|
|
142
|
+
i({ type: String })
|
|
143
|
+
], m.prototype, "size", 2);
|
|
144
|
+
s([
|
|
145
|
+
i({ type: Boolean })
|
|
146
|
+
], m.prototype, "disabled", 2);
|
|
147
|
+
s([
|
|
148
|
+
i({ type: String })
|
|
149
|
+
], m.prototype, "shape", 2);
|
|
150
|
+
s([
|
|
151
|
+
i({ type: Boolean })
|
|
152
|
+
], m.prototype, "isInteractive", 2);
|
|
153
|
+
s([
|
|
154
|
+
i({ type: Boolean })
|
|
155
|
+
], m.prototype, "isFocusable", 2);
|
|
156
|
+
s([
|
|
157
|
+
i({ type: Boolean })
|
|
158
|
+
], m.prototype, "withBorder", 2);
|
|
159
|
+
s([
|
|
160
|
+
M({ context: E, subscribe: !0 })
|
|
161
|
+
], m.prototype, "group", 2);
|
|
162
|
+
m = s([
|
|
163
|
+
B("bm-avatar")
|
|
164
|
+
], m);
|
|
165
|
+
export {
|
|
166
|
+
m as B,
|
|
167
|
+
F as a,
|
|
168
|
+
ia as b,
|
|
169
|
+
l as c,
|
|
170
|
+
ca as d,
|
|
171
|
+
va as e,
|
|
172
|
+
la as f,
|
|
173
|
+
T as g
|
|
174
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
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-sem-color-surface-selected, #e9fcff );--bm-comp-file-upload-color-dropzone-border-drag: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-file-upload-color-dropzone-icon-drag: var( --bm-alias-color-brand-primary-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-sem-color-surface-selected, #01262d );--bm-comp-file-upload-color-dropzone-border-drag: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-file-upload-color-dropzone-icon-drag: var( --bm-alias-color-brand-primary-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
|
+
};
|