@viasat/beam-web-components 2.37.0 → 2.38.1
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/Accordion/Accordion.js +2 -2
- package/Accordion/AccordionGroup.context.js +1 -1
- package/Accordion/AccordionGroup.js +2 -2
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +3 -3
- package/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.context.js +1 -1
- package/Avatar/AvatarGroup.js +3 -3
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +2 -2
- package/BadgeDot/BadgeDot.js +2 -2
- package/Box/Box.js +1 -1
- package/Breadcrumbs/Breadcrumbs.context.js +1 -1
- package/Breadcrumbs/Breadcrumbs.js +3 -3
- package/Breadcrumbs/BreadcrumbsItem.js +3 -3
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +2 -2
- package/CloseButton/CloseButton.js +2 -2
- package/Divider/Divider.js +1 -1
- package/EmptyState/EmptyState.js +2 -2
- package/HelperText/HelperText.js +3 -3
- package/HelperText/index.js +1 -1
- package/Icon/Icon.js +2 -2
- package/InputChoiceGroup/InputChoiceGroup.context.js +1 -1
- package/InputChoiceGroup/InputChoiceGroup.js +49 -49
- package/Label/Label.js +2 -2
- package/Link/Link.js +1 -1
- package/List/List.context.js +1 -1
- package/List/List.js +2 -2
- package/List/ListItem.js +2 -2
- package/ProgressBar/ProgressBar.js +2 -2
- package/SegmentedControl/SegmentedControl.context.js +1 -1
- package/SegmentedControl/SegmentedControl.js +2 -2
- package/SegmentedControl/SegmentedControlItem.js +3 -3
- package/SegmentedControl/SegmentedControlList.js +2 -2
- package/SegmentedControl/SegmentedControlPanel.js +2 -2
- package/Spinner/Spinner.js +2 -2
- package/Text/Text.js +2 -2
- package/TextField/TextField.d.ts +5 -0
- package/TextField/TextField.js +96 -91
- package/Tooltip/Tooltip.js +3 -3
- package/chunks/{Accordion.Bwk3EG3j.js → Accordion.BF2pHMSP.js} +2 -2
- package/chunks/{Avatar.BKgI1H4m.js → Avatar.kVWwOxWe.js} +3 -3
- package/chunks/{BreadcrumbsItem.DmudL_IG.js → BreadcrumbsItem.BoIbfnh6.js} +2 -2
- package/{local/chunks/CSSLookup.BdqZ5Li9.js → chunks/CSSLookup.CSKiKjPc.js} +1 -1
- package/chunks/{HelperText.SJGM6Q5H.js → HelperText.3YJvB8x0.js} +2 -2
- package/chunks/{classNames.Cq_tbDRp.js → classNames.BQclmCHG.js} +1 -1
- package/chunks/{constants.jOWREYQE.js → constants.ZIKMMCJH.js} +2 -2
- package/chunks/{helpers.AwJwaZvv.js → helpers.C43UgSdK.js} +2 -2
- package/chunks/input.D7RpzZmn.js +5 -0
- package/custom-elements.json +2694 -2656
- package/local/Accordion/Accordion.js +2 -2
- package/local/Accordion/AccordionGroup.context.js +1 -1
- package/local/Accordion/AccordionGroup.js +2 -2
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +3 -3
- package/local/Avatar/Avatar.js +2 -2
- package/local/Avatar/AvatarGroup.context.js +1 -1
- package/local/Avatar/AvatarGroup.js +4 -4
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +2 -2
- package/local/BadgeDot/BadgeDot.js +2 -2
- package/local/Box/Box.js +1 -1
- package/local/Breadcrumbs/Breadcrumbs.context.js +1 -1
- package/local/Breadcrumbs/Breadcrumbs.js +3 -3
- package/local/Breadcrumbs/BreadcrumbsItem.js +3 -3
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +2 -2
- package/local/CloseButton/CloseButton.js +2 -2
- package/local/Divider/Divider.js +1 -1
- package/local/EmptyState/EmptyState.js +2 -2
- package/local/HelperText/HelperText.js +3 -3
- package/local/HelperText/index.js +1 -1
- package/local/Icon/Icon.js +2 -2
- package/local/InputChoiceGroup/InputChoiceGroup.context.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +48 -48
- package/local/Label/Label.js +2 -2
- package/local/Link/Link.js +1 -1
- package/local/List/List.context.js +1 -1
- package/local/List/List.js +2 -2
- package/local/List/ListItem.js +2 -2
- package/local/ProgressBar/ProgressBar.js +2 -2
- package/local/SegmentedControl/SegmentedControl.context.js +1 -1
- package/local/SegmentedControl/SegmentedControl.js +2 -2
- package/local/SegmentedControl/SegmentedControlItem.js +3 -3
- package/local/SegmentedControl/SegmentedControlList.js +2 -2
- package/local/SegmentedControl/SegmentedControlPanel.js +2 -2
- package/local/Spinner/Spinner.js +2 -2
- package/local/Text/Text.js +2 -2
- package/local/TextField/TextField.js +95 -90
- package/local/Tooltip/Tooltip.js +3 -3
- package/local/chunks/{Accordion.UOcVt0ft.js → Accordion.DM6Nkgnh.js} +2 -2
- package/local/chunks/{Avatar.GyYNA9m6.js → Avatar.BT61pkbV.js} +3 -3
- package/local/chunks/{BreadcrumbsItem.Dp9fzlcw.js → BreadcrumbsItem.CsPbcOZ5.js} +2 -2
- package/{chunks/CSSLookup.BdqZ5Li9.js → local/chunks/CSSLookup.CSKiKjPc.js} +1 -1
- package/local/chunks/{classNames.C6fNrXWF.js → classNames.CARKFDmR.js} +1 -1
- package/local/chunks/{constants.jOWREYQE.js → constants.ZIKMMCJH.js} +2 -2
- package/local/chunks/{helpers.BWcXAteC.js → helpers.y-1K1Ev-.js} +2 -2
- package/local/chunks/{index.DNafYKj-.js → index.CUGawMXL.js} +2 -2
- package/local/chunks/input.D7RpzZmn.js +5 -0
- package/local/wip/Checkbox/Checkbox.js +11 -11
- package/local/wip/FileUpload/FileUpload.Button.js +2 -2
- package/local/wip/FileUpload/FileUpload.Dropzone.js +2 -2
- package/local/wip/FileUpload/FileUpload.List.Item.js +3 -3
- package/local/wip/FileUpload/FileUpload.List.js +2 -2
- package/local/wip/FileUpload/FileUpload.js +3 -3
- package/local/wip/FileUpload/FileUploadContext.js +1 -1
- package/local/wip/FileUpload/FileUploadListContext.js +1 -1
- package/local/wip/Form/Form.context.js +1 -1
- package/local/wip/Form/Form.decorator.js +1 -1
- package/local/wip/Form/Form.utils.js +1 -1
- package/local/wip/NativeSelect/NativeSelect.js +100 -95
- package/local/wip/RadioButton/RadioButton.js +41 -41
- package/local/wip/Switch/Switch.js +41 -41
- package/local/wip/TextArea/TextArea.js +100 -100
- package/package.json +6 -6
- package/vscode.html-custom-data.json +245 -235
- package/wip/Checkbox/Checkbox.js +33 -33
- package/wip/FileUpload/FileUpload.Button.js +2 -2
- package/wip/FileUpload/FileUpload.Dropzone.js +2 -2
- package/wip/FileUpload/FileUpload.List.Item.js +3 -3
- package/wip/FileUpload/FileUpload.List.js +2 -2
- package/wip/FileUpload/FileUpload.js +3 -3
- package/wip/FileUpload/FileUploadContext.js +1 -1
- package/wip/FileUpload/FileUploadListContext.js +1 -1
- package/wip/Form/Form.context.js +1 -1
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/Form/Form.utils.js +1 -1
- package/wip/NativeSelect/NativeSelect.d.ts +6 -0
- package/wip/NativeSelect/NativeSelect.js +98 -93
- package/wip/RadioButton/RadioButton.js +26 -26
- package/wip/Switch/Switch.js +42 -42
- package/wip/TextArea/TextArea.js +102 -102
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { c as g } from "../../chunks/consume.Ce9k1-wN.js";
|
|
2
|
-
import { r as y, a as _, E as
|
|
3
|
-
import { n as a, c as
|
|
4
|
-
import { e as
|
|
5
|
-
import { c as
|
|
6
|
-
import { t as $ } from "../../chunks/constants.
|
|
2
|
+
import { r as y, a as _, E as d, x as l } from "../../chunks/lit-element.CJtt9wj5.js";
|
|
3
|
+
import { n as a, c as x } from "../../chunks/register-custom-element.vod7zfGv.js";
|
|
4
|
+
import { e as w, n as z } from "../../chunks/ref.B7e1Hu4F.js";
|
|
5
|
+
import { c as k, g as C } from "../../chunks/classNames.CARKFDmR.js";
|
|
6
|
+
import { t as $ } from "../../chunks/constants.ZIKMMCJH.js";
|
|
7
7
|
import { r as S } from "../../chunks/delegate.baxDQosr.js";
|
|
8
|
-
import { inputChoiceGroupContext as
|
|
9
|
-
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)}';
|
|
8
|
+
import { inputChoiceGroupContext as P } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
|
|
9
|
+
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-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: 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-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--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-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: 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-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: 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-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--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-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: 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-md);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)}';
|
|
10
10
|
var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (e) => {
|
|
11
11
|
throw TypeError(e);
|
|
12
|
-
},
|
|
13
|
-
for (var t =
|
|
14
|
-
(
|
|
15
|
-
return
|
|
16
|
-
}, 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)), K = (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),
|
|
17
|
-
const { baseClassNamePrefix: R, subElementClassPrefix: u, classModifierPrefix:
|
|
12
|
+
}, c = (e, o, r, m) => {
|
|
13
|
+
for (var t = m > 1 ? void 0 : m ? D(o, r) : o, b = e.length - 1, s; b >= 0; b--)
|
|
14
|
+
(s = e[b]) && (t = (m ? s(o, r, t) : s(t)) || t);
|
|
15
|
+
return m && t && B(o, r, t), t;
|
|
16
|
+
}, 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)), K = (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), p;
|
|
17
|
+
const { baseClassNamePrefix: R, subElementClassPrefix: u, classModifierPrefix: n } = C("radio-button");
|
|
18
18
|
let i = class extends _ {
|
|
19
19
|
constructor() {
|
|
20
|
-
super(...arguments), this.checked = !1, K(this,
|
|
20
|
+
super(...arguments), this.checked = !1, K(this, p, () => this.label ? l`<span>${this.label}</span>` : d), this.radioButtonRef = w();
|
|
21
21
|
}
|
|
22
22
|
focus() {
|
|
23
23
|
var e;
|
|
@@ -31,24 +31,24 @@ let i = class extends _ {
|
|
|
31
31
|
super.updated(e), ((o = this.inputChoiceGroupContext) == null ? void 0 : o.selectedValue) !== void 0 && (this.checked = this.value === this.inputChoiceGroupContext.selectedValue);
|
|
32
32
|
}
|
|
33
33
|
_handleChange(e) {
|
|
34
|
-
var r,
|
|
34
|
+
var r, m;
|
|
35
35
|
if (this.readOnly || (r = this.inputChoiceGroupContext) != null && r.readOnly) {
|
|
36
36
|
e.preventDefault();
|
|
37
37
|
return;
|
|
38
38
|
}
|
|
39
|
-
e.target.checked && ((
|
|
39
|
+
e.target.checked && ((m = this.inputChoiceGroupContext) != null && m.updateSelectedValue) && this.inputChoiceGroupContext.updateSelectedValue(this.value);
|
|
40
40
|
}
|
|
41
41
|
_handleKeyDown(e) {
|
|
42
42
|
var o;
|
|
43
43
|
e.key === " " && (this.readOnly || (o = this.inputChoiceGroupContext) != null && o.readOnly) && e.preventDefault(), this.onKeyDown && this.onKeyDown(e);
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
const { ariaInvalid: e, ariaLabel: o } = this, r = !!e || !!this.error, { required:
|
|
46
|
+
const { ariaInvalid: e, ariaLabel: o } = this, r = !!e || !!this.error, { required: m, error: t, readOnly: b, disabled: s, name: v } = this.inputChoiceGroupContext || {}, f = k(
|
|
47
47
|
R,
|
|
48
|
-
(this.error || t) && `${
|
|
49
|
-
this.label && `${
|
|
50
|
-
(this.disabled ||
|
|
51
|
-
(this.readOnly || b) && `${
|
|
48
|
+
(this.error || t) && `${n}error`,
|
|
49
|
+
this.label && `${n}with-label`,
|
|
50
|
+
(this.disabled || s) && `${n}disabled`,
|
|
51
|
+
(this.readOnly || b) && `${n}read-only`,
|
|
52
52
|
this.theme && $(this.theme)
|
|
53
53
|
);
|
|
54
54
|
return l`
|
|
@@ -56,7 +56,7 @@ let i = class extends _ {
|
|
|
56
56
|
<label
|
|
57
57
|
tabindex="-1"
|
|
58
58
|
class=${`${u}label`}
|
|
59
|
-
required=${
|
|
59
|
+
required=${m}
|
|
60
60
|
@blur=${this.handleForwardedEvents}
|
|
61
61
|
@focus=${this.handleForwardedEvents}
|
|
62
62
|
>
|
|
@@ -67,56 +67,56 @@ let i = class extends _ {
|
|
|
67
67
|
role="radio"
|
|
68
68
|
aria-checked=${this.checked || !1}
|
|
69
69
|
value=${this.value}
|
|
70
|
-
aria-invalid=${r ||
|
|
70
|
+
aria-invalid=${r || d}
|
|
71
71
|
.checked=${this.checked}
|
|
72
|
-
?required=${
|
|
73
|
-
?disabled=${this.disabled ||
|
|
72
|
+
?required=${m}
|
|
73
|
+
?disabled=${this.disabled || s}
|
|
74
74
|
?readOnly=${this.readOnly || b}
|
|
75
75
|
@change=${this._handleChange}
|
|
76
76
|
@keydown=${this._handleKeyDown}
|
|
77
77
|
class=${`${u}input`}
|
|
78
|
-
${
|
|
78
|
+
${z(this.radioButtonRef)}
|
|
79
79
|
aria-label=${o}
|
|
80
80
|
/>
|
|
81
|
-
${E(this,
|
|
81
|
+
${E(this, p).call(this)}
|
|
82
82
|
</label>
|
|
83
83
|
</div>
|
|
84
84
|
`;
|
|
85
85
|
}
|
|
86
86
|
};
|
|
87
|
-
|
|
87
|
+
p = /* @__PURE__ */ new WeakMap();
|
|
88
88
|
S(i);
|
|
89
|
-
i.styles = y(
|
|
90
|
-
|
|
89
|
+
i.styles = y(O);
|
|
90
|
+
c([
|
|
91
91
|
a({ type: String })
|
|
92
92
|
], i.prototype, "label", 2);
|
|
93
|
-
|
|
93
|
+
c([
|
|
94
94
|
a({ type: Boolean })
|
|
95
95
|
], i.prototype, "error", 2);
|
|
96
|
-
|
|
96
|
+
c([
|
|
97
97
|
a({ type: Boolean })
|
|
98
98
|
], i.prototype, "readOnly", 2);
|
|
99
|
-
|
|
99
|
+
c([
|
|
100
100
|
a({ type: Boolean })
|
|
101
101
|
], i.prototype, "disabled", 2);
|
|
102
|
-
|
|
102
|
+
c([
|
|
103
103
|
a({ type: String })
|
|
104
104
|
], i.prototype, "theme", 2);
|
|
105
|
-
|
|
105
|
+
c([
|
|
106
106
|
a({ type: String })
|
|
107
107
|
], i.prototype, "value", 2);
|
|
108
|
-
|
|
108
|
+
c([
|
|
109
109
|
a({ type: Boolean })
|
|
110
110
|
], i.prototype, "checked", 2);
|
|
111
|
-
|
|
111
|
+
c([
|
|
112
112
|
a({ type: Function })
|
|
113
113
|
], i.prototype, "onKeyDown", 2);
|
|
114
|
-
|
|
115
|
-
g({ context:
|
|
114
|
+
c([
|
|
115
|
+
g({ context: P, subscribe: !0 }),
|
|
116
116
|
a({ attribute: !1 })
|
|
117
117
|
], i.prototype, "inputChoiceGroupContext", 2);
|
|
118
|
-
i =
|
|
119
|
-
|
|
118
|
+
i = c([
|
|
119
|
+
x("bm-radio-button")
|
|
120
120
|
], i);
|
|
121
121
|
export {
|
|
122
122
|
i as BmRadioButton
|
|
@@ -2,48 +2,48 @@ import { c as _ } from "../../chunks/consume.Ce9k1-wN.js";
|
|
|
2
2
|
import { r as z, a as C, x as n, E as w } from "../../chunks/lit-element.CJtt9wj5.js";
|
|
3
3
|
import { n as a, c as S } from "../../chunks/register-custom-element.vod7zfGv.js";
|
|
4
4
|
import { e as T, n as $ } from "../../chunks/ref.B7e1Hu4F.js";
|
|
5
|
-
import { c as O, g as B, d as
|
|
6
|
-
import { t as
|
|
7
|
-
import { r as
|
|
8
|
-
import { inputChoiceGroupContext as
|
|
9
|
-
const D = `: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-switch--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-switch--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-switch__label{display:flex;position:relative;width:fit-content;align-items:start;gap:var(--bm-comp-input-space-choice-gap-inside);min-width:var(--bm-comp-input-size-choice-switch-width);min-height:var(--bm-comp-input-size-choice-switch-height);font:var(--bm-comp-input-typo-default);color:var(--bm-comp-input-color-text);cursor:var(--bm-input-choice-label-cursor, pointer);pointer-events:var(--bm-input-choice-label-pointer-events, auto)}.bm-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;--webkit-appearance: none;--moz-appearance: none;position:relative;display:inline-block;flex-shrink:0;width:var(--bm-comp-input-size-choice-switch-width);height:var(--bm-comp-input-size-choice-switch-height);margin:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer)}.bm-switch input+.bm-switch__switchBackground{position:absolute;box-sizing:border-box;width:var(--bm-comp-input-size-choice-switch-width);height:var(--bm-comp-input-size-choice-switch-height);border:var(--bm-comp-input-border-width-choice) solid var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-switch);background-color:var(--bm-comp-input-color-bg);transition:background-color .2s ease-in-out,box-shadow .2s ease-in}.bm-switch input+.bm-switch__switchBackground:before,.bm-switch input+.bm-switch__switchBackground:after{content:"";position:absolute;height:var(--bm-sem-size-icon-xs);width:var(--bm-sem-size-icon-xs);top:50%;transform:translateY(-50%)}.bm-switch input+.bm-switch__switchBackground:before{display:none;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 16.1698L4.83 11.9998L3.41 13.4098L9 18.9998L21 6.99984L19.59 5.58984L9 16.1698Z' fill='currentColor'/%3E%3C/svg%3E");left:.3125rem;background-color:var(--bm-comp-input-color-icon)}.bm-switch input+.bm-switch__switchBackground:after{display:block;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='currentColor'/%3E%3C/svg%3E");right:.3125rem;background-color:var(--bm-comp-input-color-icon)}.bm-switch input:after{z-index:1;position:absolute;box-sizing:border-box;content:"";width:var(--bm-comp-input-size-choice-switch-knob);height:var(--bm-comp-input-size-choice-switch-knob);top:50%;transform:translate(0) translateY(-50%);left:.1875rem;background-color:var(--bm-comp-input-color-icon);border-radius:var(--bm-sem-radius-round);transition:left .2s ease-in-out}.bm-switch input:checked+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-choice-switch-selected-bg);border-color:var(--bm-comp-input-color-choice-switch-selected-border)}.bm-switch input:checked+.bm-switch__switchBackground:before{display:block;background-color:var(--bm-comp-input-color-choice-switch-selected-icon)}.bm-switch input:checked+.bm-switch__switchBackground:after{display:none;background-color:var(--bm-comp-input-color-choice-switch-selected-bg)}.bm-switch input:checked:after{background-color:var(--bm-comp-input-color-choice-switch-selected-icon);left:calc(var(--bm-comp-input-size-choice-switch-width) - (.1875rem + var(--bm-comp-input-size-choice-switch-knob)))}.bm-switch input:focus-visible{outline:none}.bm-switch input:focus-visible+.bm-switch__switchBackground{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-switch--read-only .bm-switch__label span{color:var(--bm-comp-input-color-text)}.bm-switch--read-only input:read-only+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-bg-disabled);border-color:var(--bm-comp-input-color-border-disabled)}.bm-switch--read-only input:read-only+.bm-switch__switchBackground:after,.bm-switch--read-only input:read-only+.bm-switch__switchBackground:before{background-color:var(--bm-comp-input-color-icon)}.bm-switch--read-only input:read-only:after{background-color:var(--bm-comp-input-color-icon)}.bm-switch--disabled .bm-switch__label span{color:var(--bm-comp-input-color-text-disabled)}.bm-switch--disabled input:disabled+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-bg-disabled);border-color:var(--bm-comp-input-color-border-disabled)}.bm-switch--disabled input:disabled+.bm-switch__switchBackground:after,.bm-switch--disabled input:disabled+.bm-switch__switchBackground:before{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-switch--disabled input:disabled:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-switch--before .bm-switch__label{flex-direction:row-reverse}.bm-switch--after .bm-switch__label{flex-direction:row}`;
|
|
5
|
+
import { c as O, g as B, d as y } from "../../chunks/classNames.CARKFDmR.js";
|
|
6
|
+
import { t as P } from "../../chunks/constants.ZIKMMCJH.js";
|
|
7
|
+
import { r as L } from "../../chunks/delegate.baxDQosr.js";
|
|
8
|
+
import { inputChoiceGroupContext as E } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
|
|
9
|
+
const D = `: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-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: 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-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--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-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: 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-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: 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-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--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-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: 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-switch--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-switch--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-switch__label{display:flex;position:relative;width:fit-content;align-items:start;gap:var(--bm-comp-input-space-choice-gap-inside);min-width:var(--bm-comp-input-size-choice-switch-width);min-height:var(--bm-comp-input-size-choice-switch-height);font:var(--bm-comp-input-typo-md);color:var(--bm-comp-input-color-text);cursor:var(--bm-input-choice-label-cursor, pointer);pointer-events:var(--bm-input-choice-label-pointer-events, auto)}.bm-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;--webkit-appearance: none;--moz-appearance: none;position:relative;display:inline-block;flex-shrink:0;width:var(--bm-comp-input-size-choice-switch-width);height:var(--bm-comp-input-size-choice-switch-height);margin:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer)}.bm-switch input+.bm-switch__switchBackground{position:absolute;box-sizing:border-box;width:var(--bm-comp-input-size-choice-switch-width);height:var(--bm-comp-input-size-choice-switch-height);border:var(--bm-comp-input-border-width-choice) solid var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-switch);background-color:var(--bm-comp-input-color-bg);transition:background-color .2s ease-in-out,box-shadow .2s ease-in}.bm-switch input+.bm-switch__switchBackground:before,.bm-switch input+.bm-switch__switchBackground:after{content:"";position:absolute;height:var(--bm-sem-size-icon-xs);width:var(--bm-sem-size-icon-xs);top:50%;transform:translateY(-50%)}.bm-switch input+.bm-switch__switchBackground:before{display:none;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 16.1698L4.83 11.9998L3.41 13.4098L9 18.9998L21 6.99984L19.59 5.58984L9 16.1698Z' fill='currentColor'/%3E%3C/svg%3E");left:.3125rem;background-color:var(--bm-comp-input-color-icon)}.bm-switch input+.bm-switch__switchBackground:after{display:block;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='currentColor'/%3E%3C/svg%3E");right:.3125rem;background-color:var(--bm-comp-input-color-icon)}.bm-switch input:after{z-index:1;position:absolute;box-sizing:border-box;content:"";width:var(--bm-comp-input-size-choice-switch-knob);height:var(--bm-comp-input-size-choice-switch-knob);top:50%;transform:translate(0) translateY(-50%);left:.1875rem;background-color:var(--bm-comp-input-color-icon);border-radius:var(--bm-sem-radius-round);transition:left .2s ease-in-out}.bm-switch input:checked+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-choice-switch-selected-bg);border-color:var(--bm-comp-input-color-choice-switch-selected-border)}.bm-switch input:checked+.bm-switch__switchBackground:before{display:block;background-color:var(--bm-comp-input-color-choice-switch-selected-icon)}.bm-switch input:checked+.bm-switch__switchBackground:after{display:none;background-color:var(--bm-comp-input-color-choice-switch-selected-bg)}.bm-switch input:checked:after{background-color:var(--bm-comp-input-color-choice-switch-selected-icon);left:calc(var(--bm-comp-input-size-choice-switch-width) - (.1875rem + var(--bm-comp-input-size-choice-switch-knob)))}.bm-switch input:focus-visible{outline:none}.bm-switch input:focus-visible+.bm-switch__switchBackground{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-switch--read-only .bm-switch__label span{color:var(--bm-comp-input-color-text)}.bm-switch--read-only input:read-only+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-bg-disabled);border-color:var(--bm-comp-input-color-border-disabled)}.bm-switch--read-only input:read-only+.bm-switch__switchBackground:after,.bm-switch--read-only input:read-only+.bm-switch__switchBackground:before{background-color:var(--bm-comp-input-color-icon)}.bm-switch--read-only input:read-only:after{background-color:var(--bm-comp-input-color-icon)}.bm-switch--disabled .bm-switch__label span{color:var(--bm-comp-input-color-text-disabled)}.bm-switch--disabled input:disabled+.bm-switch__switchBackground{background-color:var(--bm-comp-input-color-bg-disabled);border-color:var(--bm-comp-input-color-border-disabled)}.bm-switch--disabled input:disabled+.bm-switch__switchBackground:after,.bm-switch--disabled input:disabled+.bm-switch__switchBackground:before{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-switch--disabled input:disabled:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-switch--before .bm-switch__label{flex-direction:row-reverse}.bm-switch--after .bm-switch__label{flex-direction:row}`;
|
|
10
10
|
var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, k = (e) => {
|
|
11
11
|
throw TypeError(e);
|
|
12
|
-
}, m = (e, o, i,
|
|
13
|
-
for (var r =
|
|
14
|
-
(
|
|
15
|
-
return
|
|
12
|
+
}, m = (e, o, i, c) => {
|
|
13
|
+
for (var r = c > 1 ? void 0 : c ? M(o, i) : o, s = e.length - 1, p; s >= 0; s--)
|
|
14
|
+
(p = e[s]) && (r = (c ? p(o, i, r) : p(r)) || r);
|
|
15
|
+
return c && r && R(o, i, r), r;
|
|
16
16
|
}, G = (e, o, i) => o.has(e) || k("Cannot " + i), d = (e, o, i) => (G(e, o, "read from private field"), i ? i.call(e) : o.get(e)), l = (e, o, i) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), u, f, v;
|
|
17
|
-
const { baseClassNamePrefix: N, subElementClassPrefix:
|
|
18
|
-
let
|
|
17
|
+
const { baseClassNamePrefix: N, subElementClassPrefix: x, classModifierPrefix: h } = B("switch");
|
|
18
|
+
let t = class extends C {
|
|
19
19
|
constructor() {
|
|
20
|
-
super(...arguments), this.onText = void 0, this._hasOnTextSlotContent = !1, this.offText = void 0, this._hasOffTextSlotContent = !1, this.theme = void 0, this.textPosition = "after", this.readOnly = !1, this.disabled = !1, this.checked = !1, this.switchRef = T(), l(this, u, () => n` <span class=${`${
|
|
20
|
+
super(...arguments), this.onText = void 0, this._hasOnTextSlotContent = !1, this.offText = void 0, this._hasOffTextSlotContent = !1, this.theme = void 0, this.textPosition = "after", this.readOnly = !1, this.disabled = !1, this.checked = !1, this.switchRef = T(), l(this, u, () => n` <span class=${`${x}switchBackground`}></span> `), l(this, f, () => {
|
|
21
21
|
var g;
|
|
22
22
|
const e = ((g = this.switchRef.value) == null ? void 0 : g.checked) || this.checked;
|
|
23
23
|
this._updateDisplayedSlot(e);
|
|
24
|
-
const o = this._hasOnTextSlotContent ? w : this.onText || this.offText, i = this._hasOffTextSlotContent ? w : this.offText || this.onText,
|
|
25
|
-
this._hasOnTextSlotContent =
|
|
26
|
-
}, r = (
|
|
27
|
-
this._hasOffTextSlotContent =
|
|
24
|
+
const o = this._hasOnTextSlotContent ? w : this.onText || this.offText, i = this._hasOffTextSlotContent ? w : this.offText || this.onText, c = (b) => {
|
|
25
|
+
this._hasOnTextSlotContent = y(b), this._updateDisplayedSlot(e);
|
|
26
|
+
}, r = (b) => {
|
|
27
|
+
this._hasOffTextSlotContent = y(b), this._updateDisplayedSlot(e);
|
|
28
28
|
}, s = n`
|
|
29
|
-
<slot name="onText" id="onText" @slotchange=${
|
|
30
|
-
`,
|
|
29
|
+
<slot name="onText" id="onText" @slotchange=${c}>${o}</slot>
|
|
30
|
+
`, p = n`<slot
|
|
31
31
|
name="offText"
|
|
32
32
|
id="offText"
|
|
33
33
|
@slotchange=${r}
|
|
34
34
|
>${i}</slot
|
|
35
35
|
> `;
|
|
36
|
-
return n`<span> ${
|
|
36
|
+
return n`<span> ${p} ${s} </span>`;
|
|
37
37
|
}), l(this, v, () => {
|
|
38
38
|
const { ariaLabel: e } = this, {
|
|
39
39
|
readOnly: o,
|
|
40
40
|
disabled: i,
|
|
41
|
-
name:
|
|
41
|
+
name: c
|
|
42
42
|
} = this.inputChoiceGroupContext || {}, r = this.disabled || i, s = this.readOnly || o;
|
|
43
43
|
return n`<input
|
|
44
44
|
role="switch"
|
|
45
45
|
type="checkbox"
|
|
46
|
-
name=${
|
|
46
|
+
name=${c}
|
|
47
47
|
id=${this.id}
|
|
48
48
|
?value=${this.value}
|
|
49
49
|
?readOnly=${s}
|
|
@@ -74,8 +74,8 @@ let c = class extends C {
|
|
|
74
74
|
this.checked = o.checked, this._updateDisplayedSlot(o.checked);
|
|
75
75
|
}
|
|
76
76
|
_updateDisplayedSlot(e) {
|
|
77
|
-
var
|
|
78
|
-
const o = (
|
|
77
|
+
var c, r;
|
|
78
|
+
const o = (c = this == null ? void 0 : this.shadowRoot) == null ? void 0 : c.getElementById("onText"), i = (r = this == null ? void 0 : this.shadowRoot) == null ? void 0 : r.getElementById("offText");
|
|
79
79
|
if (!(!o || !i)) {
|
|
80
80
|
if (e) {
|
|
81
81
|
if (!this._hasOnTextSlotContent && this._hasOffTextSlotContent) {
|
|
@@ -94,18 +94,18 @@ let c = class extends C {
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
render() {
|
|
97
|
-
const { readOnly: e, disabled: o } = this.inputChoiceGroupContext || {}, i = this.disabled || o,
|
|
97
|
+
const { readOnly: e, disabled: o } = this.inputChoiceGroupContext || {}, i = this.disabled || o, c = this.readOnly || e, r = O(
|
|
98
98
|
N,
|
|
99
|
-
this.theme &&
|
|
99
|
+
this.theme && P(this.theme),
|
|
100
100
|
this.textPosition && `${h}${this.textPosition}`,
|
|
101
101
|
i && `${h}disabled`,
|
|
102
|
-
|
|
102
|
+
c && `${h}read-only`
|
|
103
103
|
);
|
|
104
104
|
return n`
|
|
105
105
|
<div class=${r}>
|
|
106
106
|
<label
|
|
107
107
|
tabindex="-1"
|
|
108
|
-
class=${`${
|
|
108
|
+
class=${`${x}label`}
|
|
109
109
|
@blur=${this.handleForwardedEvents}
|
|
110
110
|
@focus=${this.handleForwardedEvents}
|
|
111
111
|
>
|
|
@@ -118,36 +118,36 @@ let c = class extends C {
|
|
|
118
118
|
u = /* @__PURE__ */ new WeakMap();
|
|
119
119
|
f = /* @__PURE__ */ new WeakMap();
|
|
120
120
|
v = /* @__PURE__ */ new WeakMap();
|
|
121
|
-
|
|
122
|
-
|
|
121
|
+
t.styles = z(D);
|
|
122
|
+
L(t);
|
|
123
123
|
m([
|
|
124
|
-
_({ context:
|
|
124
|
+
_({ context: E, subscribe: !0 }),
|
|
125
125
|
a({ attribute: !1 })
|
|
126
|
-
],
|
|
126
|
+
], t.prototype, "inputChoiceGroupContext", 2);
|
|
127
127
|
m([
|
|
128
128
|
a({ type: String })
|
|
129
|
-
],
|
|
129
|
+
], t.prototype, "onText", 2);
|
|
130
130
|
m([
|
|
131
131
|
a({ type: String })
|
|
132
|
-
],
|
|
132
|
+
], t.prototype, "offText", 2);
|
|
133
133
|
m([
|
|
134
134
|
a({ type: String })
|
|
135
|
-
],
|
|
135
|
+
], t.prototype, "textPosition", 2);
|
|
136
136
|
m([
|
|
137
137
|
a({ type: Boolean })
|
|
138
|
-
],
|
|
138
|
+
], t.prototype, "readOnly", 2);
|
|
139
139
|
m([
|
|
140
140
|
a({ type: Boolean })
|
|
141
|
-
],
|
|
141
|
+
], t.prototype, "disabled", 2);
|
|
142
142
|
m([
|
|
143
143
|
a({ type: Boolean })
|
|
144
|
-
],
|
|
144
|
+
], t.prototype, "checked", 2);
|
|
145
145
|
m([
|
|
146
146
|
a({ type: String })
|
|
147
|
-
],
|
|
148
|
-
|
|
147
|
+
], t.prototype, "value", 2);
|
|
148
|
+
t = m([
|
|
149
149
|
S("bm-switch")
|
|
150
|
-
],
|
|
150
|
+
], t);
|
|
151
151
|
export {
|
|
152
|
-
|
|
152
|
+
t as BmSwitch
|
|
153
153
|
};
|