@viasat/beam-web-components 2.38.0 → 2.39.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/InputChoiceGroup/InputChoiceGroup.js +49 -49
- package/TextField/TextField.js +40 -40
- package/custom-elements.json +1775 -1775
- package/local/InputChoiceGroup/InputChoiceGroup.js +48 -48
- package/local/TextField/TextField.js +36 -36
- package/local/wip/Checkbox/Checkbox.js +11 -11
- package/local/wip/NativeSelect/NativeSelect.js +58 -58
- package/local/wip/RadioButton/RadioButton.js +40 -40
- package/local/wip/Switch/Switch.js +41 -41
- package/local/wip/TextArea/TextArea.js +98 -98
- package/package.json +6 -6
- package/vscode.html-custom-data.json +217 -217
- package/wip/Checkbox/Checkbox.js +32 -32
- package/wip/NativeSelect/NativeSelect.js +55 -55
- package/wip/RadioButton/RadioButton.js +25 -25
- package/wip/Switch/Switch.js +40 -40
- package/wip/TextArea/TextArea.js +100 -100
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { provide as
|
|
1
|
+
import { provide as k } from "@lit/context";
|
|
2
2
|
import { unsafeCSS as C, html as x, nothing as $ } from "lit";
|
|
3
|
-
import { property as
|
|
4
|
-
import { createRef as
|
|
5
|
-
import
|
|
6
|
-
import { a as w, g as
|
|
7
|
-
import { t as
|
|
8
|
-
import { c as
|
|
3
|
+
import { property as a, queryAssignedElements as d, state as _ } from "lit/decorators.js";
|
|
4
|
+
import { createRef as P, ref as V } from "lit/directives/ref.js";
|
|
5
|
+
import G from "clsx";
|
|
6
|
+
import { a as w, g as q } from "../chunks/classNames.BQclmCHG.js";
|
|
7
|
+
import { t as O } from "../chunks/constants.ZIKMMCJH.js";
|
|
8
|
+
import { c as M } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
9
9
|
import { FormField as F } from "../wip/Form/Form.decorator.js";
|
|
10
10
|
import { inputChoiceGroupContext as B } from "./InputChoiceGroup.context.js";
|
|
11
|
-
const E = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
|
|
12
|
-
var I = Object.defineProperty, W = Object.getOwnPropertyDescriptor,
|
|
11
|
+
const E = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-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-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
|
|
12
|
+
var I = Object.defineProperty, W = Object.getOwnPropertyDescriptor, S = (e) => {
|
|
13
13
|
throw TypeError(e);
|
|
14
|
-
}, i = (e, o,
|
|
15
|
-
for (var
|
|
16
|
-
(b = e[l]) && (
|
|
17
|
-
return c &&
|
|
18
|
-
}, R = (e, o,
|
|
19
|
-
const { baseClassNamePrefix: T, subElementClassPrefix:
|
|
14
|
+
}, i = (e, o, m, c) => {
|
|
15
|
+
for (var s = c > 1 ? void 0 : c ? W(o, m) : o, l = e.length - 1, b; l >= 0; l--)
|
|
16
|
+
(b = e[l]) && (s = (c ? b(o, m, s) : b(s)) || s);
|
|
17
|
+
return c && s && I(o, m, s), s;
|
|
18
|
+
}, R = (e, o, m) => o.has(e) || S("Cannot " + m), t = (e, o, m) => (R(e, o, "read from private field"), m ? m.call(e) : o.get(e)), p = (e, o, m) => o.has(e) ? S("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, m), n, h, u, f, v, g, y;
|
|
19
|
+
const { baseClassNamePrefix: T, subElementClassPrefix: z, classModifierPrefix: D } = q("input-choice-group");
|
|
20
20
|
let r = class extends F {
|
|
21
21
|
constructor() {
|
|
22
|
-
super(...arguments), this.layout = "vertical", this.orientation = "vertical", this._orientationSet = !1, this.fluid = !1, this._fluidSet = !1, this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.groupRef =
|
|
22
|
+
super(...arguments), this.layout = "vertical", this.orientation = "vertical", this._orientationSet = !1, this.fluid = !1, this._fluidSet = !1, this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.groupRef = P(), this.inputGroupContextValue = {
|
|
23
23
|
name: "",
|
|
24
24
|
required: !1,
|
|
25
25
|
error: void 0,
|
|
@@ -45,8 +45,8 @@ let r = class extends F {
|
|
|
45
45
|
id="${e}"
|
|
46
46
|
text="${this.error}"
|
|
47
47
|
appearance="negative"
|
|
48
|
-
.disabled="${
|
|
49
|
-
class="${
|
|
48
|
+
.disabled="${t(this, n).call(this)}"
|
|
49
|
+
class="${z}helper-text"
|
|
50
50
|
></bm-helper-text>
|
|
51
51
|
` : $), p(this, g, (e) => {
|
|
52
52
|
const { formBlurHandler: o } = this.formContext || {};
|
|
@@ -57,24 +57,24 @@ let r = class extends F {
|
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
firstUpdated() {
|
|
60
|
-
|
|
60
|
+
t(this, f).call(this);
|
|
61
61
|
}
|
|
62
62
|
willUpdate(e) {
|
|
63
63
|
e.has("orientation") && (this._orientationSet = !0), e.has("fluid") && (this._fluidSet = !0), this.inputGroupContextValue = {
|
|
64
64
|
name: this.name,
|
|
65
|
-
required:
|
|
65
|
+
required: t(this, u).call(this),
|
|
66
66
|
error: this.error,
|
|
67
|
-
readOnly:
|
|
68
|
-
disabled:
|
|
67
|
+
readOnly: t(this, h).call(this),
|
|
68
|
+
disabled: t(this, n).call(this),
|
|
69
69
|
selectedValue: this.selectedValue
|
|
70
70
|
};
|
|
71
71
|
}
|
|
72
72
|
updated() {
|
|
73
|
-
const [e] = this._inputGroupLabel, [o] = this._inputGroupHelperText, { decorate:
|
|
74
|
-
c({ disabled:
|
|
73
|
+
const [e] = this._inputGroupLabel, [o] = this._inputGroupHelperText, { decorate: m } = w(e), { decorate: c } = w(o);
|
|
74
|
+
c({ disabled: t(this, n).call(this) }), m({
|
|
75
75
|
htmlFor: this.id,
|
|
76
|
-
disabled:
|
|
77
|
-
required:
|
|
76
|
+
disabled: t(this, n).call(this),
|
|
77
|
+
required: t(this, u).call(this) && !this.hideRequiredMarker
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
/**
|
|
@@ -102,27 +102,27 @@ let r = class extends F {
|
|
|
102
102
|
return this._fluidSet ? this.fluid : this.layout === "horizontalFluid";
|
|
103
103
|
}
|
|
104
104
|
render() {
|
|
105
|
-
const { ariaInvalid: e } = this, { length: o } = this.validationErrors(),
|
|
105
|
+
const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), m = !!this.error || !!o, c = this.getOrientation(), s = this.isFluid(), l = c === "horizontal" && s ? "horizontalFluid" : c;
|
|
106
106
|
console.log(
|
|
107
107
|
"haha",
|
|
108
108
|
this.orientation,
|
|
109
109
|
this.layout,
|
|
110
110
|
this.fluid,
|
|
111
111
|
c,
|
|
112
|
-
|
|
112
|
+
s
|
|
113
113
|
);
|
|
114
|
-
const b =
|
|
114
|
+
const b = G(
|
|
115
115
|
T,
|
|
116
|
-
this.theme &&
|
|
116
|
+
this.theme && O(this.theme),
|
|
117
117
|
`${D}${l}`
|
|
118
118
|
);
|
|
119
119
|
return x`
|
|
120
120
|
<fieldset
|
|
121
|
-
${
|
|
121
|
+
${V(this.groupRef)}
|
|
122
122
|
class=${b}
|
|
123
|
-
aria-invalid="${e ||
|
|
124
|
-
@blur=${
|
|
125
|
-
@input=${
|
|
123
|
+
aria-invalid="${e || m}"
|
|
124
|
+
@blur=${t(this, g)}
|
|
125
|
+
@input=${t(this, y)}
|
|
126
126
|
@keydown=${this.handleKeyDown}
|
|
127
127
|
@click=${this.handleClick}
|
|
128
128
|
role="group"
|
|
@@ -131,11 +131,11 @@ let r = class extends F {
|
|
|
131
131
|
<legend id=${`group-label-${this.name}`}>
|
|
132
132
|
<slot name="label" id="${this.labelId}"></slot>
|
|
133
133
|
</legend>
|
|
134
|
-
<div class="${
|
|
134
|
+
<div class="${z}inputs">
|
|
135
135
|
<slot></slot>
|
|
136
136
|
</div>
|
|
137
137
|
<slot name="helper-text" id="${this.helperTextId}"></slot>
|
|
138
|
-
${
|
|
138
|
+
${t(this, v).call(this, this.errorId)} ${this.renderValidationErrors()}
|
|
139
139
|
</fieldset>
|
|
140
140
|
`;
|
|
141
141
|
}
|
|
@@ -149,31 +149,31 @@ g = /* @__PURE__ */ new WeakMap();
|
|
|
149
149
|
y = /* @__PURE__ */ new WeakMap();
|
|
150
150
|
r.styles = C(E);
|
|
151
151
|
i([
|
|
152
|
-
|
|
152
|
+
a({ type: String })
|
|
153
153
|
], r.prototype, "theme", 2);
|
|
154
154
|
i([
|
|
155
|
-
|
|
155
|
+
a({ type: String })
|
|
156
156
|
], r.prototype, "layout", 2);
|
|
157
157
|
i([
|
|
158
|
-
|
|
158
|
+
a({ type: String })
|
|
159
159
|
], r.prototype, "orientation", 2);
|
|
160
160
|
i([
|
|
161
|
-
|
|
161
|
+
a({ type: Boolean })
|
|
162
162
|
], r.prototype, "fluid", 2);
|
|
163
163
|
i([
|
|
164
|
-
|
|
164
|
+
a({ type: Boolean })
|
|
165
165
|
], r.prototype, "required", 2);
|
|
166
166
|
i([
|
|
167
|
-
|
|
167
|
+
a({ type: Boolean })
|
|
168
168
|
], r.prototype, "hideRequiredMarker", 2);
|
|
169
169
|
i([
|
|
170
|
-
|
|
170
|
+
a({ type: String })
|
|
171
171
|
], r.prototype, "error", 2);
|
|
172
172
|
i([
|
|
173
|
-
|
|
173
|
+
a({ type: Boolean })
|
|
174
174
|
], r.prototype, "readOnly", 2);
|
|
175
175
|
i([
|
|
176
|
-
|
|
176
|
+
a({ type: Boolean })
|
|
177
177
|
], r.prototype, "disabled", 2);
|
|
178
178
|
i([
|
|
179
179
|
d({ slot: "label" })
|
|
@@ -191,14 +191,14 @@ i([
|
|
|
191
191
|
d({ selector: "bm-switch" })
|
|
192
192
|
], r.prototype, "switches", 2);
|
|
193
193
|
i([
|
|
194
|
-
|
|
194
|
+
_()
|
|
195
195
|
], r.prototype, "selectedValue", 2);
|
|
196
196
|
i([
|
|
197
|
-
|
|
198
|
-
|
|
197
|
+
k({ context: B }),
|
|
198
|
+
_()
|
|
199
199
|
], r.prototype, "inputGroupContextValue", 2);
|
|
200
200
|
r = i([
|
|
201
|
-
|
|
201
|
+
M("bm-input-choice-group")
|
|
202
202
|
], r);
|
|
203
203
|
export {
|
|
204
204
|
r as InputChoiceGroup
|
package/TextField/TextField.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { unsafeCSS as E, nothing as n, html as g } from "lit";
|
|
2
|
-
import { property as c, queryAssignedElements as
|
|
2
|
+
import { property as c, queryAssignedElements as S, state as $ } from "lit/decorators.js";
|
|
3
3
|
import { ref as F } from "lit/directives/ref.js";
|
|
4
|
-
import
|
|
4
|
+
import _ from "clsx";
|
|
5
5
|
import { d as w } from "../chunks/input.D7RpzZmn.js";
|
|
6
6
|
import { p as f, a as z, g as M } from "../chunks/classNames.BQclmCHG.js";
|
|
7
|
-
import { t as
|
|
8
|
-
import { r as
|
|
9
|
-
import { c as
|
|
7
|
+
import { t as P } from "../chunks/constants.ZIKMMCJH.js";
|
|
8
|
+
import { r as O } from "../chunks/delegate.baxDQosr.js";
|
|
9
|
+
import { c as I } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { s as A } from "../chunks/helpers.C43UgSdK.js";
|
|
11
11
|
import { FormField as T } from "../wip/Form/Form.decorator.js";
|
|
12
12
|
import "../chunks/HelperText.3YJvB8x0.js";
|
|
13
|
-
const L = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--sm .bm-text-field__field{--bm-input-field-height: var(--bm-sem-size-height-sm);--bm-input-field-padding-y: var(--bm-sem-space-25);--bm-input-field-padding-x: var(--bm-sem-space-75);--bm-input-field-font: var(--bm-sem-typo-compact-body-sm);--bm-input-field-icon-size: var(--bm-sem-size-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-md-height);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x);--bm-input-field-font: var(--bm-comp-input-typo-default);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height: var(--bm-sem-size-height-lg);--bm-input-field-padding-y: var(--bm-sem-space-75);--bm-input-field-padding-x: var(--bm-sem-space-125);--bm-input-field-font: var(--bm-comp-input-typo-default);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon)}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y) var(--bm-input-field-padding-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}';
|
|
14
|
-
var R = Object.defineProperty, W = Object.getOwnPropertyDescriptor,
|
|
13
|
+
const L = ':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-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--sm .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);--bm-input-field-font: var(--bm-comp-input-typo-sm);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);--bm-input-field-font: var(--bm-comp-input-typo-md);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);--bm-input-field-font: var(--bm-comp-input-typo-lg);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg)}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y) var(--bm-input-field-padding-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-primitive-dimension-100)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}';
|
|
14
|
+
var R = Object.defineProperty, W = Object.getOwnPropertyDescriptor, C = (e) => {
|
|
15
15
|
throw TypeError(e);
|
|
16
16
|
}, t = (e, i, r, a) => {
|
|
17
|
-
for (var m = a > 1 ? void 0 : a ? W(i, r) : i,
|
|
18
|
-
(
|
|
17
|
+
for (var m = a > 1 ? void 0 : a ? W(i, r) : i, l = e.length - 1, b; l >= 0; l--)
|
|
18
|
+
(b = e[l]) && (m = (a ? b(i, r, m) : b(m)) || m);
|
|
19
19
|
return a && m && R(i, r, m), m;
|
|
20
|
-
}, D = (e, i, r) => i.has(e) ||
|
|
21
|
-
const { baseClassNamePrefix: H, subElementClassPrefix:
|
|
20
|
+
}, D = (e, i, r) => i.has(e) || C("Cannot " + r), s = (e, i, r) => (D(e, i, "read from private field"), r ? r.call(e) : i.get(e)), u = (e, i, r) => i.has(e) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), d, h, v, x;
|
|
21
|
+
const { baseClassNamePrefix: H, subElementClassPrefix: y, classModifierPrefix: p } = M("text-field");
|
|
22
22
|
let o = class extends T {
|
|
23
23
|
constructor() {
|
|
24
|
-
super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = w, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, u(this,
|
|
24
|
+
super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = w, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, u(this, d, () => {
|
|
25
25
|
var e;
|
|
26
26
|
return !!(this.disabled || (e = this.formContext) != null && e.disabled);
|
|
27
27
|
}), u(this, h, () => {
|
|
@@ -37,48 +37,48 @@ let o = class extends T {
|
|
|
37
37
|
this[i] = A(m);
|
|
38
38
|
}}"
|
|
39
39
|
></slot>`;
|
|
40
|
-
return this[i] ? g`<div class="${
|
|
40
|
+
return this[i] ? g`<div class="${y}content">${a}</div>` : a;
|
|
41
41
|
});
|
|
42
42
|
}
|
|
43
43
|
updated(e) {
|
|
44
|
-
const [i] = this._textFieldLabel, [r] = this._textFieldHelperText, { decorate: a } = z(i), { decorate: m } = z(r),
|
|
44
|
+
const [i] = this._textFieldLabel, [r] = this._textFieldHelperText, { decorate: a } = z(i), { decorate: m } = z(r), l = f(e, ["value"]), b = f(e, ["validationRules"]), k = f(e, ["formContext", "disabled"]), B = f(e, [
|
|
45
45
|
"formContext",
|
|
46
46
|
"required",
|
|
47
47
|
"hideRequiredMarker"
|
|
48
48
|
]), q = f(e, ["formContext"]) && this.contextInitialsChanged();
|
|
49
|
-
(
|
|
49
|
+
(l || q) && this.setContextValue(), k && (a({ disabled: s(this, d).call(this) }), m({ disabled: s(this, d).call(this) })), b && this.setContextValidation(), B && a({ required: s(this, v).call(this) && !this.hideRequiredMarker });
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, a = this.helperTextId, m = this.error || this.validationErrorShown() ?
|
|
52
|
+
const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, a = this.helperTextId, m = this.error || this.validationErrorShown() ? _(
|
|
53
53
|
this.error && this.errorId,
|
|
54
54
|
this.validationErrorShown() && this.validationErrorsId
|
|
55
|
-
) : void 0,
|
|
55
|
+
) : void 0, l = _(
|
|
56
56
|
H,
|
|
57
|
-
r && `${
|
|
58
|
-
this.theme &&
|
|
59
|
-
`${
|
|
60
|
-
this.fluid && `${
|
|
61
|
-
this.ellipse && `${
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
r && `${p}error`,
|
|
58
|
+
this.theme && P(this.theme),
|
|
59
|
+
`${p}${this.size || w}`,
|
|
60
|
+
this.fluid && `${p}fluid`,
|
|
61
|
+
this.ellipse && `${p}ellipsis`,
|
|
62
|
+
s(this, d).call(this) && `${p}disabled`,
|
|
63
|
+
s(this, h).call(this) && `${p}read-only`
|
|
64
64
|
);
|
|
65
65
|
return g`
|
|
66
66
|
<div
|
|
67
|
-
class="${
|
|
67
|
+
class="${l}"
|
|
68
68
|
style="${this.width ? `max-width: ${this.width}` : n}"
|
|
69
69
|
>
|
|
70
70
|
<slot name="label" id="${this.labelId}"></slot>
|
|
71
|
-
<div class="${
|
|
72
|
-
${
|
|
71
|
+
<div class="${y}field">
|
|
72
|
+
${s(this, x).call(this, "before")}
|
|
73
73
|
<input
|
|
74
74
|
id="${this.id}"
|
|
75
75
|
name="${this.name}"
|
|
76
76
|
type="${this.type}"
|
|
77
77
|
${F(this.formFieldRef)}
|
|
78
78
|
inputmode="${this.inputMode}"
|
|
79
|
-
?required="${
|
|
80
|
-
?readonly="${
|
|
81
|
-
?disabled="${
|
|
79
|
+
?required="${s(this, v).call(this)}"
|
|
80
|
+
?readonly="${s(this, h).call(this)}"
|
|
81
|
+
?disabled="${s(this, d).call(this)}"
|
|
82
82
|
placeholder="${this.placeholder ?? n}"
|
|
83
83
|
aria-labelledby="${this.labelId}"
|
|
84
84
|
aria-label="${this.inputAriaLabel ?? n}"
|
|
@@ -86,24 +86,24 @@ let o = class extends T {
|
|
|
86
86
|
@keydown="${this.submitFormByEnter}"
|
|
87
87
|
aria-describedby="${a ?? n}"
|
|
88
88
|
aria-errormessage="${m ?? n}"
|
|
89
|
-
class="${
|
|
89
|
+
class="${y}input"
|
|
90
90
|
@input="${this.validateFieldOnChange}"
|
|
91
91
|
aria-invalid="${e || r}"
|
|
92
92
|
/>
|
|
93
|
-
${
|
|
93
|
+
${s(this, x).call(this, "after")}
|
|
94
94
|
</div>
|
|
95
95
|
<slot name="helper-text" id="${this.helperTextId}"></slot>
|
|
96
|
-
${this.renderError(this.error,
|
|
96
|
+
${this.renderError(this.error, s(this, d).call(this))}
|
|
97
97
|
${this.renderValidationErrors()}
|
|
98
98
|
</div>
|
|
99
99
|
`;
|
|
100
100
|
}
|
|
101
101
|
};
|
|
102
|
-
|
|
102
|
+
d = /* @__PURE__ */ new WeakMap();
|
|
103
103
|
h = /* @__PURE__ */ new WeakMap();
|
|
104
104
|
v = /* @__PURE__ */ new WeakMap();
|
|
105
105
|
x = /* @__PURE__ */ new WeakMap();
|
|
106
|
-
|
|
106
|
+
O(o);
|
|
107
107
|
o.styles = E(L);
|
|
108
108
|
t([
|
|
109
109
|
c({ type: String })
|
|
@@ -145,19 +145,19 @@ t([
|
|
|
145
145
|
c({ type: String })
|
|
146
146
|
], o.prototype, "inputMode", 2);
|
|
147
147
|
t([
|
|
148
|
-
|
|
148
|
+
S({ slot: "label" })
|
|
149
149
|
], o.prototype, "_textFieldLabel", 2);
|
|
150
150
|
t([
|
|
151
|
-
|
|
151
|
+
S({ slot: "helper-text" })
|
|
152
152
|
], o.prototype, "_textFieldHelperText", 2);
|
|
153
153
|
t([
|
|
154
|
-
|
|
154
|
+
$()
|
|
155
155
|
], o.prototype, "_hasContentBeforeSlot", 2);
|
|
156
156
|
t([
|
|
157
|
-
|
|
157
|
+
$()
|
|
158
158
|
], o.prototype, "_hasContentAfterSlot", 2);
|
|
159
159
|
o = t([
|
|
160
|
-
|
|
160
|
+
I("bm-text-field")
|
|
161
161
|
], o);
|
|
162
162
|
export {
|
|
163
163
|
o as BmTextField
|