@viasat/beam-web-components 2.30.0 → 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 +2384 -2384
- 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 +426 -426
- 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/wip/Checkbox/Checkbox.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { consume as k } from "@lit/context";
|
|
2
|
-
import { unsafeCSS as y, LitElement as _, nothing as
|
|
2
|
+
import { unsafeCSS as y, LitElement as _, nothing as h, html as u } from "lit";
|
|
3
3
|
import { property as i } from "lit/decorators.js";
|
|
4
4
|
import w from "clsx";
|
|
5
5
|
import { g as z } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
@@ -7,39 +7,39 @@ import { t as C } from "../../chunks/constants.jOWREYQE.js";
|
|
|
7
7
|
import { r as S } from "../../chunks/delegate.baxDQosr.js";
|
|
8
8
|
import { c as $ } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
9
9
|
import { inputChoiceGroupContext as P } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
|
|
10
|
-
const O = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-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-checkbox{display:inline-flex}.bm-checkbox--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-checkbox--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-checkbox__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer)}.bm-checkbox--with-label .bm-checkbox__label .bm-checkbox__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-checkbox--error .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg-error)}.bm-checkbox--read-only .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon)}.bm-checkbox--disabled .bm-checkbox__label{color:var(--bm-comp-input-color-text-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-checkbox__label .bm-checkbox__input{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;margin:var(--bm-sem-space-0);flex-shrink:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer);box-sizing:border-box;width:var(--bm-comp-input-size-choice-checkbox);height:var(--bm-comp-input-size-choice-checkbox);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox__label .bm-checkbox__input: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-checkbox__label .bm-checkbox__input:checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-checkbox__label .bm-checkbox__input:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-size:cover;mask-position:center;mask-repeat:no-repeat;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);height:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon)}.bm-checkbox--indeterminate .bm-checkbox__input:checked:after{height:2px;width:50%;border-radius:var(--bm-comp-input-size-choice-checkbox);-webkit-mask-image:none;mask-image:none}`;
|
|
10
|
+
const O = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-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-checkbox{display:inline-flex}.bm-checkbox--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-checkbox--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-checkbox__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer)}.bm-checkbox--with-label .bm-checkbox__label .bm-checkbox__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-checkbox--error .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox--error .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg-error)}.bm-checkbox--read-only .bm-checkbox__label{color:var(--bm-comp-input-color-text)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--read-only .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon)}.bm-checkbox--disabled .bm-checkbox__label{color:var(--bm-comp-input-color-text-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-checkbox--disabled .bm-checkbox__label .bm-checkbox__input:checked{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-checkbox__label .bm-checkbox__input{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;margin:var(--bm-sem-space-0);flex-shrink:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer);box-sizing:border-box;width:var(--bm-comp-input-size-choice-checkbox);height:var(--bm-comp-input-size-choice-checkbox);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-checkbox__label .bm-checkbox__input: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-checkbox__label .bm-checkbox__input:checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-checkbox__label .bm-checkbox__input:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-size:cover;mask-position:center;mask-repeat:no-repeat;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);height:calc(var(--bm-comp-input-size-choice-checkbox) * 5 / 8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon)}.bm-checkbox--indeterminate .bm-checkbox__input:checked:after{height:2px;width:50%;border-radius:var(--bm-comp-input-size-choice-checkbox);-webkit-mask-image:none;mask-image:none}`;
|
|
11
11
|
var E = Object.defineProperty, B = Object.getOwnPropertyDescriptor, f = (e) => {
|
|
12
12
|
throw TypeError(e);
|
|
13
|
-
}, m = (e, o, c,
|
|
14
|
-
for (var
|
|
15
|
-
(s = e[
|
|
16
|
-
return
|
|
13
|
+
}, m = (e, o, c, t) => {
|
|
14
|
+
for (var a = t > 1 ? void 0 : t ? B(o, c) : o, b = e.length - 1, s; b >= 0; b--)
|
|
15
|
+
(s = e[b]) && (a = (t ? s(o, c, a) : s(a)) || a);
|
|
16
|
+
return t && a && E(o, c, a), a;
|
|
17
17
|
}, L = (e, o, c) => o.has(e) || f("Cannot " + c), M = (e, o, c) => (L(e, o, "read from private field"), c ? c.call(e) : o.get(e)), D = (e, o, c) => o.has(e) ? f("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, c), n;
|
|
18
18
|
const { baseClassNamePrefix: G, subElementClassPrefix: v, classModifierPrefix: p } = z("checkbox");
|
|
19
19
|
let r = class extends _ {
|
|
20
20
|
constructor() {
|
|
21
|
-
super(...arguments), this.readOnly = !1, this.indeterminate = !1, this.disabled = !1, this.checked = !1, D(this, n, () => this.label ?
|
|
21
|
+
super(...arguments), this.readOnly = !1, this.indeterminate = !1, this.disabled = !1, this.checked = !1, D(this, n, () => this.label ? u`<span>${this.label}</span>` : h);
|
|
22
22
|
}
|
|
23
23
|
clickHandler(e) {
|
|
24
24
|
this.readOnly && (e.preventDefault(), e.stopPropagation());
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const { ariaInvalid: e, ariaLabel: o } = this, c = !!e || !!this.error, {
|
|
28
|
-
required:
|
|
29
|
-
error:
|
|
30
|
-
readOnly:
|
|
28
|
+
required: t,
|
|
29
|
+
error: a,
|
|
30
|
+
readOnly: b,
|
|
31
31
|
disabled: s,
|
|
32
32
|
name: g
|
|
33
|
-
} = this.inputChoiceGroupContext || {}, l = this.disabled || s, d = this.readOnly ||
|
|
33
|
+
} = this.inputChoiceGroupContext || {}, l = this.disabled || s, d = this.readOnly || b, x = w(
|
|
34
34
|
G,
|
|
35
35
|
this.theme && C(this.theme),
|
|
36
|
-
(this.error ||
|
|
36
|
+
(this.error || a) && `${p}error`,
|
|
37
37
|
this.label && `${p}with-label`,
|
|
38
38
|
l && `${p}disabled`,
|
|
39
39
|
d && `${p}read-only`,
|
|
40
40
|
this.indeterminate && `${p}indeterminate`
|
|
41
41
|
);
|
|
42
|
-
return
|
|
42
|
+
return u`
|
|
43
43
|
<div class="${x}">
|
|
44
44
|
<label tabindex="{-1}" class="${v}label">
|
|
45
45
|
<input
|
|
@@ -48,13 +48,13 @@ let r = class extends _ {
|
|
|
48
48
|
value=${this.value}
|
|
49
49
|
id=${this.id}
|
|
50
50
|
?checked=${this.checked}
|
|
51
|
-
?required=${
|
|
51
|
+
?required=${t}
|
|
52
52
|
?disabled=${l}
|
|
53
53
|
?readOnly=${d}
|
|
54
54
|
class="${v}input"
|
|
55
55
|
@click=${this.clickHandler}
|
|
56
56
|
aria-label=${o}
|
|
57
|
-
aria-invalid=${c ||
|
|
57
|
+
aria-invalid=${c || h}
|
|
58
58
|
/>
|
|
59
59
|
${M(this, n).call(this)}
|
|
60
60
|
</label>
|
|
@@ -7,7 +7,7 @@ import f from "clsx";
|
|
|
7
7
|
import { U as g } from "../../chunks/Upload.B9YEyp7b.js";
|
|
8
8
|
import { g as x } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
9
9
|
import { t as y } from "../../chunks/constants.jOWREYQE.js";
|
|
10
|
-
import { f as B } from "../../chunks/fileUpload.module.
|
|
10
|
+
import { f as B } from "../../chunks/fileUpload.module.WyOEuxoP.js";
|
|
11
11
|
import { c as _ } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
12
12
|
import { BmButton as U } from "../../Button/Button.js";
|
|
13
13
|
import { fileUploadContext as v } from "./FileUploadContext.js";
|
|
@@ -7,7 +7,7 @@ import E from "clsx";
|
|
|
7
7
|
import { U as _ } from "../../chunks/Upload.B9YEyp7b.js";
|
|
8
8
|
import { g as R } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
9
9
|
import { t as S } from "../../chunks/constants.jOWREYQE.js";
|
|
10
|
-
import { f as I } from "../../chunks/fileUpload.module.
|
|
10
|
+
import { f as I } from "../../chunks/fileUpload.module.WyOEuxoP.js";
|
|
11
11
|
import { c as U } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
12
12
|
import { stateLayerStyles as w, stateLayerClassName as P } from "../../StateLayer/StateLayer.js";
|
|
13
13
|
import { fileUploadContext as k } from "./FileUploadContext.js";
|
|
@@ -7,7 +7,7 @@ import M from "clsx";
|
|
|
7
7
|
import { C as R, E as W } from "../../chunks/HelperText.SJGM6Q5H.js";
|
|
8
8
|
import { g as D } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
9
9
|
import { t as H, p as U } from "../../chunks/constants.jOWREYQE.js";
|
|
10
|
-
import { f as O } from "../../chunks/fileUpload.module.
|
|
10
|
+
import { f as O } from "../../chunks/fileUpload.module.WyOEuxoP.js";
|
|
11
11
|
import { a as V, c as k } from "../../chunks/tokens.CTW8Tt94.js";
|
|
12
12
|
import { c as A } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
13
13
|
import { fileUploadListContext as G } from "./FileUploadListContext.js";
|
|
@@ -4,7 +4,7 @@ import { property as n } from "lit/decorators.js";
|
|
|
4
4
|
import v from "clsx";
|
|
5
5
|
import { g as b } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
6
6
|
import { t as g } from "../../chunks/constants.jOWREYQE.js";
|
|
7
|
-
import { f as y } from "../../chunks/fileUpload.module.
|
|
7
|
+
import { f as y } from "../../chunks/fileUpload.module.WyOEuxoP.js";
|
|
8
8
|
import { c as _ } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
9
9
|
import { fileUploadContext as S } from "./FileUploadContext.js";
|
|
10
10
|
import { fileUploadListContext as $ } from "./FileUploadListContext.js";
|
|
@@ -5,7 +5,7 @@ import { createRef as Q } from "lit/directives/ref.js";
|
|
|
5
5
|
import X from "clsx";
|
|
6
6
|
import { t as Y } from "../../chunks/constants.jOWREYQE.js";
|
|
7
7
|
import { p as Z, a as q, g as ee, d as z } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
8
|
-
import { f as te } from "../../chunks/fileUpload.module.
|
|
8
|
+
import { f as te } from "../../chunks/fileUpload.module.WyOEuxoP.js";
|
|
9
9
|
import { d as ie } from "../../chunks/tokens.CTW8Tt94.js";
|
|
10
10
|
import { r as re } from "../../chunks/delegate.baxDQosr.js";
|
|
11
11
|
import { c as se } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
@@ -9,31 +9,31 @@ import { c as E } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
|
9
9
|
import { g as Q } from "../../chunks/helpers.AwJwaZvv.js";
|
|
10
10
|
import { FormField as _ } from "../Form/Form.decorator.js";
|
|
11
11
|
import "../../chunks/HelperText.SJGM6Q5H.js";
|
|
12
|
-
const U = (e,
|
|
12
|
+
const U = (e, r) => {
|
|
13
13
|
if (!T() || !e) return;
|
|
14
|
-
const { options:
|
|
15
|
-
Array.prototype.forEach.call(
|
|
16
|
-
const { disabled:
|
|
17
|
-
b || (i.dataset.disabled = String(
|
|
14
|
+
const { options: o = [] } = e;
|
|
15
|
+
Array.prototype.forEach.call(o, (i) => {
|
|
16
|
+
const { disabled: c, dataset: l } = i, { disabled: b } = l;
|
|
17
|
+
b || (i.dataset.disabled = String(c));
|
|
18
18
|
const { disabled: v } = l;
|
|
19
|
-
i.disabled =
|
|
19
|
+
i.disabled = r || v === String(!0);
|
|
20
20
|
});
|
|
21
21
|
}, $ = (e) => {
|
|
22
|
-
const
|
|
23
|
-
return
|
|
24
|
-
}, Y = (e) => (
|
|
25
|
-
const
|
|
26
|
-
(
|
|
27
|
-
}, B = ':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-native-select{--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-native-select--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-native-select--fluid{max-width:100%}.bm-native-select--ellipsis .bm-native-select__field .bm-native-select__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-native-select__field{position:relative;cursor:var(--bm-text-field-cursor, default)}.bm-native-select__field:after{content:"";position:absolute;pointer-events:none;width:.625rem;height:.3125rem;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);mask-size:cover;mask-position:center;mask-repeat:no-repeat;background-color:var(--bm-comp-input-color-icon);inset-inline-end:var(--bm-comp-input-space-field-x);inset-block-start:calc(var(--bm-comp-input-space-field-x) + .3125rem / 2)}.bm-native-select--error .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon)}.bm-native-select--error .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);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-native-select--read-only .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--read-only .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select--disabled .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--disabled .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text-disabled);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select__field .bm-native-select__input{width:100%;display:block;appearance:none;-moz-appearance:none;-webkit-appearance:none;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);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, pointer);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);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));padding-block:var(--bm-comp-input-space-field-y);padding-inline:var(--bm-comp-input-space-field-x) calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-comp-input-space-field-x))}.bm-native-select__field .bm-native-select__input:focus{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}';
|
|
22
|
+
const r = !!e.match(new RegExp("^\\p{L}$", "u")), o = [" ", "ArrowUp", "ArrowDown"].includes(e);
|
|
23
|
+
return r || o;
|
|
24
|
+
}, Y = (e) => (r) => {
|
|
25
|
+
const o = r instanceof HTMLOptionElement, i = r instanceof HTMLOptGroupElement;
|
|
26
|
+
(o || i) && e.add(r);
|
|
27
|
+
}, B = ':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-native-select{--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-native-select--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-native-select--fluid{max-width:100%}.bm-native-select--ellipsis .bm-native-select__field .bm-native-select__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-native-select__field{position:relative;cursor:var(--bm-text-field-cursor, default)}.bm-native-select__field:after{content:"";position:absolute;pointer-events:none;width:.625rem;height:.3125rem;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);mask-size:cover;mask-position:center;mask-repeat:no-repeat;background-color:var(--bm-comp-input-color-icon);inset-inline-end:var(--bm-comp-input-space-field-x);inset-block-start:calc(var(--bm-comp-input-space-field-x) + .3125rem / 2)}.bm-native-select--error .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon)}.bm-native-select--error .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);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-native-select--read-only .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--read-only .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select--disabled .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--disabled .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text-disabled);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select__field .bm-native-select__input{width:100%;display:block;appearance:none;-moz-appearance:none;-webkit-appearance:none;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);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, pointer);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);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));padding-block:var(--bm-comp-input-space-field-y);padding-inline:var(--bm-comp-input-space-field-x) calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-comp-input-space-field-x))}.bm-native-select__field .bm-native-select__input:focus{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}';
|
|
28
28
|
var P = Object.defineProperty, R = Object.getOwnPropertyDescriptor, A = (e) => {
|
|
29
29
|
throw TypeError(e);
|
|
30
|
-
}, a = (e,
|
|
31
|
-
for (var
|
|
32
|
-
(b = e[l]) && (
|
|
33
|
-
return i &&
|
|
34
|
-
}, q = (e,
|
|
30
|
+
}, a = (e, r, o, i) => {
|
|
31
|
+
for (var c = i > 1 ? void 0 : i ? R(r, o) : r, l = e.length - 1, b; l >= 0; l--)
|
|
32
|
+
(b = e[l]) && (c = (i ? b(r, o, c) : b(c)) || c);
|
|
33
|
+
return i && c && P(r, o, c), c;
|
|
34
|
+
}, q = (e, r, o) => r.has(e) || A("Cannot " + o), t = (e, r, o) => (q(e, r, "read from private field"), o ? o.call(e) : r.get(e)), p = (e, r, o) => r.has(e) ? A("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, o), n, d, M, g, f, D;
|
|
35
35
|
const { baseClassNamePrefix: G, subElementClassPrefix: z, classModifierPrefix: h } = k("native-select");
|
|
36
|
-
let
|
|
36
|
+
let m = class extends _ {
|
|
37
37
|
constructor() {
|
|
38
38
|
super(...arguments), this.required = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.ellipse = !0, this.hideRequiredMarker = !1, p(this, n, () => {
|
|
39
39
|
var e;
|
|
@@ -45,24 +45,24 @@ let c = class extends _ {
|
|
|
45
45
|
var e;
|
|
46
46
|
return !!(this.required || (e = this.formContext) != null && e.required);
|
|
47
47
|
}), p(this, g, (e) => {
|
|
48
|
-
const { key:
|
|
49
|
-
this.submitFormByEnter(e), t(this, d).call(this) && $(
|
|
48
|
+
const { key: r } = e;
|
|
49
|
+
this.submitFormByEnter(e), t(this, d).call(this) && $(r) && e.preventDefault();
|
|
50
50
|
}), p(this, f, (e) => {
|
|
51
51
|
t(this, d).call(this) && (e.preventDefault(), this.forwardLabelFocus());
|
|
52
52
|
}), p(this, D, ({ target: e }) => {
|
|
53
|
-
const { value:
|
|
54
|
-
Q(e).forEach(Y(
|
|
55
|
-
const { value: i } =
|
|
56
|
-
this.contextBrowserValue = i, this.setContextValue(), U(
|
|
53
|
+
const { value: r } = this.formFieldRef;
|
|
54
|
+
Q(e).forEach(Y(r));
|
|
55
|
+
const { value: i } = r;
|
|
56
|
+
this.contextBrowserValue = i, this.setContextValue(), U(r, t(this, d).call(this));
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
updated(e) {
|
|
60
|
-
const [
|
|
60
|
+
const [r] = this._selectLabel, [o] = this._selectHelperText, { decorate: i } = N(r), { decorate: c } = N(o), l = u(e, ["value"]), b = u(e, ["validationRules"]), v = u(e, ["formContext", "disabled"]), x = u(e, [
|
|
61
61
|
"formContext",
|
|
62
62
|
"required",
|
|
63
63
|
"hideRequiredMarker"
|
|
64
64
|
]), j = u(e, ["formContext"]) && this.contextInitialsChanged();
|
|
65
|
-
(l || j) && this.setContextValue(), v && (i({ disabled: t(this, n).call(this) }),
|
|
65
|
+
(l || j) && this.setContextValue(), v && (i({ disabled: t(this, n).call(this) }), c({ disabled: t(this, n).call(this) })), b && this.setContextValidation(), x && i({ required: t(this, M).call(this) && !this.hideRequiredMarker });
|
|
66
66
|
}
|
|
67
67
|
finalizeAssociatedCallback(e) {
|
|
68
68
|
return {
|
|
@@ -70,13 +70,13 @@ let c = class extends _ {
|
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
|
-
const { ariaInvalid: e } = this, { length:
|
|
73
|
+
const { ariaInvalid: e } = this, { length: r } = this.validationErrors(), o = typeof this.error == "string" || !!r, i = w(
|
|
74
74
|
this.helperTextId,
|
|
75
75
|
this.error && this.errorId,
|
|
76
76
|
this.validationErrorShown() && this.validationErrorsId
|
|
77
|
-
),
|
|
77
|
+
), c = w(
|
|
78
78
|
G,
|
|
79
|
-
|
|
79
|
+
o && `${h}error`,
|
|
80
80
|
this.theme && S(this.theme),
|
|
81
81
|
this.fluid && `${h}fluid`,
|
|
82
82
|
this.ellipse && `${h}ellipsis`,
|
|
@@ -84,7 +84,7 @@ let c = class extends _ {
|
|
|
84
84
|
t(this, d).call(this) && `${h}read-only`
|
|
85
85
|
);
|
|
86
86
|
return C`
|
|
87
|
-
<div class="${
|
|
87
|
+
<div class="${c}" style="max-width: ${this.width}">
|
|
88
88
|
<slot name="label" id="${this.labelId}"></slot>
|
|
89
89
|
<div class="${z}field">
|
|
90
90
|
<select
|
|
@@ -102,7 +102,7 @@ let c = class extends _ {
|
|
|
102
102
|
class="${z}input"
|
|
103
103
|
@mousedown="${t(this, f)}"
|
|
104
104
|
@change="${this.validateFieldOnChange}"
|
|
105
|
-
aria-invalid="${e ||
|
|
105
|
+
aria-invalid="${e || o}"
|
|
106
106
|
aria-disabled="${t(this, n).call(this) || t(this, d).call(this)}"
|
|
107
107
|
></select>
|
|
108
108
|
<slot @slotchange="${t(this, D)}"></slot>
|
|
@@ -120,44 +120,44 @@ M = /* @__PURE__ */ new WeakMap();
|
|
|
120
120
|
g = /* @__PURE__ */ new WeakMap();
|
|
121
121
|
f = /* @__PURE__ */ new WeakMap();
|
|
122
122
|
D = /* @__PURE__ */ new WeakMap();
|
|
123
|
-
L(
|
|
124
|
-
|
|
123
|
+
L(m);
|
|
124
|
+
m.styles = I(B);
|
|
125
125
|
a([
|
|
126
126
|
s({ type: Boolean })
|
|
127
|
-
],
|
|
127
|
+
], m.prototype, "required", 2);
|
|
128
128
|
a([
|
|
129
129
|
s({ type: Boolean })
|
|
130
|
-
],
|
|
130
|
+
], m.prototype, "readOnly", 2);
|
|
131
131
|
a([
|
|
132
132
|
s({ type: Boolean })
|
|
133
|
-
],
|
|
133
|
+
], m.prototype, "disabled", 2);
|
|
134
134
|
a([
|
|
135
135
|
s({ type: String })
|
|
136
|
-
],
|
|
136
|
+
], m.prototype, "error", 2);
|
|
137
137
|
a([
|
|
138
138
|
s({ type: Boolean })
|
|
139
|
-
],
|
|
139
|
+
], m.prototype, "fluid", 2);
|
|
140
140
|
a([
|
|
141
141
|
s({ type: String })
|
|
142
|
-
],
|
|
142
|
+
], m.prototype, "width", 2);
|
|
143
143
|
a([
|
|
144
144
|
s({ type: Boolean })
|
|
145
|
-
],
|
|
145
|
+
], m.prototype, "ellipse", 2);
|
|
146
146
|
a([
|
|
147
147
|
s({ type: Boolean })
|
|
148
|
-
],
|
|
148
|
+
], m.prototype, "hideRequiredMarker", 2);
|
|
149
149
|
a([
|
|
150
150
|
s({ type: String })
|
|
151
|
-
],
|
|
151
|
+
], m.prototype, "theme", 2);
|
|
152
152
|
a([
|
|
153
153
|
y({ slot: "label" })
|
|
154
|
-
],
|
|
154
|
+
], m.prototype, "_selectLabel", 2);
|
|
155
155
|
a([
|
|
156
156
|
y({ slot: "helper-text" })
|
|
157
|
-
],
|
|
158
|
-
|
|
157
|
+
], m.prototype, "_selectHelperText", 2);
|
|
158
|
+
m = a([
|
|
159
159
|
E("bm-native-select")
|
|
160
|
-
],
|
|
160
|
+
], m);
|
|
161
161
|
export {
|
|
162
|
-
|
|
162
|
+
m as BmNativeSelect
|
|
163
163
|
};
|
|
@@ -8,13 +8,13 @@ import { t as C } from "../../chunks/constants.jOWREYQE.js";
|
|
|
8
8
|
import { r as $ } from "../../chunks/delegate.baxDQosr.js";
|
|
9
9
|
import { c as S } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { inputChoiceGroupContext as O } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
|
|
11
|
-
const P = ':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-radio-button{display:inline-flex}.bm-radio-button--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-radio-button--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-radio-button__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer);pointer-events:var(--bm-input-choice-label-pointer-events, auto)}.bm-radio-button--error .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle-error)}.bm-radio-button--read-only .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon)}.bm-radio-button--disabled .bm-radio-button__label{color:var(--bm-comp-input-color-text-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-radio-button--with-label .bm-radio-button__label .bm-radio-button__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-radio-button__label .bm-radio-button__input{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;margin:var(--bm-sem-space-0);flex-shrink:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer);box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button__label .bm-radio-button__input:after{content:"";position:absolute;width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2)}.bm-radio-button__label .bm-radio-button__input: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-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}';
|
|
11
|
+
const P = ':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-radio-button{display:inline-flex}.bm-radio-button--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-radio-button--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-radio-button__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer);pointer-events:var(--bm-input-choice-label-pointer-events, auto)}.bm-radio-button--error .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle-error)}.bm-radio-button--read-only .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon)}.bm-radio-button--disabled .bm-radio-button__label{color:var(--bm-comp-input-color-text-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-radio-button--with-label .bm-radio-button__label .bm-radio-button__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-radio-button__label .bm-radio-button__input{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;margin:var(--bm-sem-space-0);flex-shrink:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer);box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button__label .bm-radio-button__input:after{content:"";position:absolute;width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2)}.bm-radio-button__label .bm-radio-button__input: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-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}';
|
|
12
12
|
var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (e) => {
|
|
13
13
|
throw TypeError(e);
|
|
14
|
-
},
|
|
15
|
-
for (var
|
|
16
|
-
(n = e[b]) && (
|
|
17
|
-
return
|
|
14
|
+
}, c = (e, o, r, m) => {
|
|
15
|
+
for (var t = m > 1 ? void 0 : m ? D(o, r) : o, b = e.length - 1, n; b >= 0; b--)
|
|
16
|
+
(n = e[b]) && (t = (m ? n(o, r, t) : n(t)) || t);
|
|
17
|
+
return m && t && B(o, r, t), t;
|
|
18
18
|
}, G = (e, o, r) => o.has(e) || h("Cannot " + r), E = (e, o, r) => (G(e, o, "read from private field"), r ? r.call(e) : o.get(e)), R = (e, o, r) => o.has(e) ? h("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, r), s;
|
|
19
19
|
const { baseClassNamePrefix: K, subElementClassPrefix: u, classModifierPrefix: p } = z("radio-button");
|
|
20
20
|
let i = class extends _ {
|
|
@@ -33,21 +33,21 @@ let i = class extends _ {
|
|
|
33
33
|
super.updated(e), ((o = this.inputChoiceGroupContext) == null ? void 0 : o.selectedValue) !== void 0 && (this.checked = this.value === this.inputChoiceGroupContext.selectedValue);
|
|
34
34
|
}
|
|
35
35
|
_handleChange(e) {
|
|
36
|
-
var r,
|
|
36
|
+
var r, m;
|
|
37
37
|
if (this.readOnly || (r = this.inputChoiceGroupContext) != null && r.readOnly) {
|
|
38
38
|
e.preventDefault();
|
|
39
39
|
return;
|
|
40
40
|
}
|
|
41
|
-
e.target.checked && ((
|
|
41
|
+
e.target.checked && ((m = this.inputChoiceGroupContext) != null && m.updateSelectedValue) && this.inputChoiceGroupContext.updateSelectedValue(this.value);
|
|
42
42
|
}
|
|
43
43
|
_handleKeyDown(e) {
|
|
44
44
|
var o;
|
|
45
45
|
e.key === " " && (this.readOnly || (o = this.inputChoiceGroupContext) != null && o.readOnly) && e.preventDefault(), this.onKeyDown && this.onKeyDown(e);
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
const { ariaInvalid: e, ariaLabel: o } = this, r = !!e || !!this.error, { required:
|
|
48
|
+
const { ariaInvalid: e, ariaLabel: o } = this, r = !!e || !!this.error, { required: m, error: t, readOnly: b, disabled: n, name: v } = this.inputChoiceGroupContext || {}, f = k(
|
|
49
49
|
K,
|
|
50
|
-
(this.error ||
|
|
50
|
+
(this.error || t) && `${p}error`,
|
|
51
51
|
this.label && `${p}with-label`,
|
|
52
52
|
(this.disabled || n) && `${p}disabled`,
|
|
53
53
|
(this.readOnly || b) && `${p}read-only`,
|
|
@@ -58,7 +58,7 @@ let i = class extends _ {
|
|
|
58
58
|
<label
|
|
59
59
|
tabindex="-1"
|
|
60
60
|
class=${`${u}label`}
|
|
61
|
-
required=${
|
|
61
|
+
required=${m}
|
|
62
62
|
@blur=${this.handleForwardedEvents}
|
|
63
63
|
@focus=${this.handleForwardedEvents}
|
|
64
64
|
>
|
|
@@ -71,7 +71,7 @@ let i = class extends _ {
|
|
|
71
71
|
value=${this.value}
|
|
72
72
|
aria-invalid=${r || d}
|
|
73
73
|
.checked=${this.checked}
|
|
74
|
-
?required=${
|
|
74
|
+
?required=${m}
|
|
75
75
|
?disabled=${this.disabled || n}
|
|
76
76
|
?readOnly=${this.readOnly || b}
|
|
77
77
|
@change=${this._handleChange}
|
|
@@ -89,35 +89,35 @@ let i = class extends _ {
|
|
|
89
89
|
s = /* @__PURE__ */ new WeakMap();
|
|
90
90
|
$(i);
|
|
91
91
|
i.styles = y(P);
|
|
92
|
-
|
|
92
|
+
c([
|
|
93
93
|
a({ type: String })
|
|
94
94
|
], i.prototype, "label", 2);
|
|
95
|
-
|
|
95
|
+
c([
|
|
96
96
|
a({ type: Boolean })
|
|
97
97
|
], i.prototype, "error", 2);
|
|
98
|
-
|
|
98
|
+
c([
|
|
99
99
|
a({ type: Boolean })
|
|
100
100
|
], i.prototype, "readOnly", 2);
|
|
101
|
-
|
|
101
|
+
c([
|
|
102
102
|
a({ type: Boolean })
|
|
103
103
|
], i.prototype, "disabled", 2);
|
|
104
|
-
|
|
104
|
+
c([
|
|
105
105
|
a({ type: String })
|
|
106
106
|
], i.prototype, "theme", 2);
|
|
107
|
-
|
|
107
|
+
c([
|
|
108
108
|
a({ type: String })
|
|
109
109
|
], i.prototype, "value", 2);
|
|
110
|
-
|
|
110
|
+
c([
|
|
111
111
|
a({ type: Boolean })
|
|
112
112
|
], i.prototype, "checked", 2);
|
|
113
|
-
|
|
113
|
+
c([
|
|
114
114
|
a({ type: Function })
|
|
115
115
|
], i.prototype, "onKeyDown", 2);
|
|
116
|
-
|
|
116
|
+
c([
|
|
117
117
|
g({ context: O, subscribe: !0 }),
|
|
118
118
|
a({ attribute: !1 })
|
|
119
119
|
], i.prototype, "inputChoiceGroupContext", 2);
|
|
120
|
-
i =
|
|
120
|
+
i = c([
|
|
121
121
|
S("bm-radio-button")
|
|
122
122
|
], i);
|
|
123
123
|
export {
|