@viasat/beam-web-components 2.69.0 → 2.71.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.
Files changed (26) hide show
  1. package/Alert/Alert.d.ts +1 -1
  2. package/Breadcrumbs/Breadcrumbs.js +1 -1
  3. package/Breadcrumbs/BreadcrumbsItem.js +2 -2
  4. package/Breadcrumbs/index.js +1 -1
  5. package/SegmentedControl/SegmentedControlItem.js +1 -1
  6. package/{wip/TextArea → TextArea}/TextArea.d.ts +37 -6
  7. package/{wip/TextArea → TextArea}/TextArea.js +185 -131
  8. package/TextField/TextField.d.ts +10 -4
  9. package/TextField/TextField.js +71 -65
  10. package/Tooltip/Tooltip.js +1 -1
  11. package/chunks/{BreadcrumbsItem.xWwSJgcO.js → BreadcrumbsItem.kovG2GHz.js} +1 -1
  12. package/chunks/{helpers.C43UgSdK.js → helpers.Ds5YZETV.js} +4 -4
  13. package/custom-elements.json +3892 -3134
  14. package/local/{wip/TextArea → TextArea}/TextArea.js +183 -128
  15. package/local/TextField/TextField.js +71 -65
  16. package/local/wip/Form/Form.decorator.js +119 -63
  17. package/local/wip/NativeSelect/NativeSelect.js +79 -82
  18. package/package.json +6 -6
  19. package/vscode.html-custom-data.json +525 -480
  20. package/wip/Form/Form.decorator.d.ts +19 -2
  21. package/wip/Form/Form.decorator.js +119 -63
  22. package/wip/NativeSelect/NativeSelect.d.ts +0 -4
  23. package/wip/NativeSelect/NativeSelect.js +75 -78
  24. /package/{wip/TextArea → TextArea}/index.d.ts +0 -0
  25. /package/{local/wip/TextArea → TextArea}/index.js +0 -0
  26. /package/{wip → local}/TextArea/index.js +0 -0
package/local/wip/NativeSelect/NativeSelect.js CHANGED
@@ -1,44 +1,44 @@
1
- import { r as C, x as O } from "../../chunks/lit-element.CJtt9wj5.js";
2
- import { i as T, n as s, p as h, e as D, c as S } from "../../chunks/register-custom-element.AOEv8hcs.js";
1
+ import { r as C, E as O, x as T } from "../../chunks/lit-element.CJtt9wj5.js";
2
+ import { i as S, n, p as h, e as D, c as k } from "../../chunks/register-custom-element.AOEv8hcs.js";
3
3
  import { o as x } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
4
- import { n as k } from "../../chunks/ref.B7e1Hu4F.js";
5
- import { c as w, g as L } from "../../chunks/classNames.Ciobzb4w.js";
6
- import { d as y } from "../../chunks/input.D7RpzZmn.js";
7
- import { t as E } from "../../chunks/constants.ZIKMMCJH.js";
8
- import { r as _ } from "../../chunks/delegate.baxDQosr.js";
9
- import { b as Q } from "../../chunks/helpers.y-1K1Ev-.js";
10
- import { FormField as U } from "../Form/Form.decorator.js";
4
+ import { n as L } from "../../chunks/ref.B7e1Hu4F.js";
5
+ import { c as w, g as E } from "../../chunks/classNames.Ciobzb4w.js";
6
+ import { d as N } from "../../chunks/input.D7RpzZmn.js";
7
+ import { t as _ } from "../../chunks/constants.ZIKMMCJH.js";
8
+ import { r as Q } from "../../chunks/delegate.baxDQosr.js";
9
+ import { b as U } from "../../chunks/helpers.y-1K1Ev-.js";
10
+ import { FormField as $ } from "../Form/Form.decorator.js";
11
11
  import "../../chunks/index.BoeGm2HZ.js";
12
- const $ = (e, i) => {
13
- if (!T() || !e) return;
12
+ const Y = (e, i) => {
13
+ if (!S() || !e) return;
14
14
  const { options: r = [] } = e;
15
15
  Array.prototype.forEach.call(r, (o) => {
16
- const { disabled: c, dataset: l } = o, { disabled: d } = l;
17
- d || (o.dataset.disabled = String(c));
18
- const { disabled: f } = l;
16
+ const { disabled: t, dataset: s } = o, { disabled: l } = s;
17
+ l || (o.dataset.disabled = String(t));
18
+ const { disabled: f } = s;
19
19
  o.disabled = i || f === String(!0);
20
20
  });
21
- }, Y = (e) => {
21
+ }, B = (e) => {
22
22
  const i = !!e.match(new RegExp("^\\p{L}$", "u")), r = [" ", "ArrowUp", "ArrowDown"].includes(e);
23
23
  return i || r;
24
- }, B = (e) => (i) => {
24
+ }, P = (e) => (i) => {
25
25
  const r = i instanceof HTMLOptionElement, o = i instanceof HTMLOptGroupElement;
26
26
  (r || o) && e.add(i);
27
- }, 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-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-native-select{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-native-select--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-native-select--sm .bm-native-select__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-native-select--md .bm-native-select__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-native-select--lg .bm-native-select__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-native-select--fluid{max-width:100%}.bm-native-select--ellipsis .bm-native-select__field .bm-native-select__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-native-select__field{position:relative;cursor:var(--bm-text-field-cursor, default)}.bm-native-select__field:after{content:"";position:absolute;pointer-events:none;width:.625rem;height:.3125rem;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);mask-size:cover;mask-position:center;mask-repeat:no-repeat;background-color:var(--bm-comp-input-color-icon);inset-inline-end:var(--bm-input-field-padding-x);inset-block-start:calc(var(--bm-input-field-padding-x) + .3125rem / 2)}.bm-native-select--error .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon)}.bm-native-select--error .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-native-select--read-only .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--read-only .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select--disabled .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--disabled .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text-disabled);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select__field .bm-native-select__input{width:100%;display:block;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, pointer);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));padding-block:var(--bm-input-field-padding-y);padding-inline:var(--bm-input-field-padding-x) calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-input-field-padding-x))}.bm-native-select__field .bm-native-select__input:focus{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}';
28
- var R = Object.defineProperty, G = Object.getOwnPropertyDescriptor, A = (e) => {
27
+ }, R = ':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-native-select{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-native-select--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-native-select--sm .bm-native-select__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-native-select--md .bm-native-select__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-native-select--lg .bm-native-select__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-native-select--fluid{max-width:100%}.bm-native-select--ellipsis .bm-native-select__field .bm-native-select__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-native-select__field{position:relative;cursor:var(--bm-text-field-cursor, default)}.bm-native-select__field:after{content:"";position:absolute;pointer-events:none;width:.625rem;height:.3125rem;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjE4MjgzMiAwLjMxMjQ2NEMwLjExNDQwOSAwLjM5NzkxNSAwLjA2MzQ5MzEgMC40OTYwMSAwLjAzMjk5NCAwLjYwMTE0NUMwLjAwMjQ5NDk0IDAuNzA2MjggLTAuMDA2OTg5NjIgMC44MTYzOTUgMC4wMDUwODIyOCAwLjkyNTE5NkMwLjAxNzE1NDIgMS4wMzQgMC4wNTA1NDU5IDEuMTM5MzYgMC4xMDMzNSAxLjIzNTI1QzAuMTU2MTUzIDEuMzMxMTQgMC4yMjczMzQgMS40MTU2OSAwLjMxMjgyNSAxLjQ4NDA2TDQuNDc5MjUgNC44MTcyQzQuNjI3MDQgNC45MzU1MyA0LjgxMDcyIDUgNS4wMDAwNSA1QzUuMTg5MzcgNSA1LjM3MzA2IDQuOTM1NTMgNS41MjA4NSA0LjgxNzJMOS42ODcyNyAxLjQ4NDA2QzkuODU5ODcgMS4zNDU5NCA5Ljk3MDU0IDEuMTQ0OSA5Ljk5NDkxIDAuOTI1MTg1QzEwLjAxOTMgMC43MDU0NjggOS45NTUzOSAwLjQ4NTA2NiA5LjgxNzI2IDAuMzEyNDY0QzkuNjc5MTQgMC4xMzk4NjMgOS40NzgxIDAuMDI5MjAwNyA5LjI1ODM5IDAuMDA0ODIyNDJDOS4wMzg2NyAtMC4wMTk1NTU5IDguODE4MjcgMC4wNDQzNDY1IDguNjQ1NjcgMC4xODI0NzJMNS4wMDAwNSAzLjA5ODk3TDEuMzU0NDMgMC4xODI0NzJDMS4yNjg5OCAwLjExNDA0OCAxLjE3MDg4IDAuMDYzMTMzIDEuMDY1NzUgMC4wMzI2MzM5QzAuOTYwNjE0IDAuMDAyMTM0ODEgMC44NTA1IC0wLjAwNzM1MDQgMC43NDE2OTggMC4wMDQ3MjE1QzAuNjMyODk2IDAuMDE2NzkzNCAwLjUyNzUzOSAwLjA1MDE4NTggMC40MzE2NDYgMC4xMDI5ODlDMC4zMzU3NTQgMC4xNTU3OTMgMC4yNTEyMDYgMC4yMjY5NzQgMC4xODI4MzIgMC4zMTI0NjRWMC4zMTI0NjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);mask-size:cover;mask-position:center;mask-repeat:no-repeat;background-color:var(--bm-comp-input-color-icon);inset-inline-end:var(--bm-input-field-padding-x);inset-block-start:calc(var(--bm-input-field-padding-x) + .3125rem / 2)}.bm-native-select--error .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon)}.bm-native-select--error .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-native-select--read-only .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--read-only .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select--disabled .bm-native-select__field:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-native-select--disabled .bm-native-select__field .bm-native-select__input{color:var(--bm-comp-input-color-text-disabled);border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-native-select__field .bm-native-select__input{width:100%;display:block;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, pointer);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));padding-block:var(--bm-input-field-padding-y);padding-inline:var(--bm-input-field-padding-x) calc(.625rem + var(--bm-comp-input-space-field-gap) + var(--bm-input-field-padding-x))}.bm-native-select__field .bm-native-select__input:focus{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}';
28
+ var G = Object.defineProperty, W = Object.getOwnPropertyDescriptor, A = (e) => {
29
29
  throw TypeError(e);
30
30
  }, a = (e, i, r, o) => {
31
- for (var c = o > 1 ? void 0 : o ? G(i, r) : i, l = e.length - 1, d; l >= 0; l--)
32
- (d = e[l]) && (c = (o ? d(i, r, c) : d(c)) || c);
33
- return o && c && R(i, r, c), c;
34
- }, W = (e, i, r) => i.has(e) || A("Cannot " + r), m = (e, i, r) => (W(e, i, "read from private field"), r ? r.call(e) : i.get(e)), b = (e, i, r) => i.has(e) ? A("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), n, p, v, g, M, z;
35
- const { baseClassNamePrefix: q, subElementClassPrefix: N, classModifierPrefix: u } = L("native-select");
36
- let t = class extends U {
31
+ for (var t = o > 1 ? void 0 : o ? W(i, r) : i, s = e.length - 1, l; s >= 0; s--)
32
+ (l = e[s]) && (t = (o ? l(i, r, t) : l(t)) || t);
33
+ return o && t && G(i, r, t), t;
34
+ }, q = (e, i, r) => i.has(e) || A("Cannot " + r), m = (e, i, r) => (q(e, i, "read from private field"), r ? r.call(e) : i.get(e)), b = (e, i, r) => i.has(e) ? A("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), p, d, v, g, M, z;
35
+ const { baseClassNamePrefix: J, subElementClassPrefix: y, classModifierPrefix: u } = E("native-select");
36
+ let c = class extends $ {
37
37
  constructor() {
38
- super(...arguments), this.required = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = y, this.ellipse = !0, this.hideRequiredMarker = !1, b(this, n, () => {
38
+ super(...arguments), this.required = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = N, this.ellipse = !0, this.hideRequiredMarker = !1, b(this, p, () => {
39
39
  var e;
40
40
  return !!(this.disabled || (e = this.formContext) != null && e.disabled);
41
- }), b(this, p, () => {
41
+ }), b(this, d, () => {
42
42
  var e;
43
43
  return !!(this.readOnly || (e = this.formContext) != null && e.readOnly);
44
44
  }), b(this, v, () => {
@@ -46,23 +46,23 @@ let t = class extends U {
46
46
  return !!(this.required || (e = this.formContext) != null && e.required);
47
47
  }), b(this, g, (e) => {
48
48
  const { key: i } = e;
49
- this.submitFormByEnter(e), m(this, p).call(this) && Y(i) && e.preventDefault();
49
+ this.submitFormByEnter(e), m(this, d).call(this) && B(i) && e.preventDefault();
50
50
  }), b(this, M, (e) => {
51
- m(this, p).call(this) && (e.preventDefault(), this.forwardLabelFocus());
51
+ m(this, d).call(this) && (e.preventDefault(), this.forwardLabelFocus());
52
52
  }), b(this, z, ({ target: e }) => {
53
53
  const { value: i } = this.formFieldRef;
54
- Q(e).forEach(B(i));
54
+ U(e).forEach(P(i));
55
55
  const { value: o } = i;
56
- this.contextBrowserValue = o, this.setContextValue(), $(i, m(this, p).call(this));
56
+ this.contextBrowserValue = o, this.setContextValue(), Y(i, m(this, d).call(this));
57
57
  });
58
58
  }
59
59
  updated(e) {
60
- const [i] = this._selectLabel, [r] = this._selectHelperText, { decorate: o } = D(i), { decorate: c } = D(r), l = h(e, ["value"]), d = h(e, ["validationRules"]), f = h(e, ["formContext", "disabled"]), j = h(e, [
60
+ const [i] = this._selectLabel, [r] = this._selectHelperText, { decorate: o } = D(i), { decorate: t } = D(r), s = h(e, ["value"]), l = h(e, ["validationRules"]), f = h(e, ["formContext", "disabled"]), j = h(e, [
61
61
  "formContext",
62
62
  "required",
63
63
  "hideRequiredMarker"
64
64
  ]), I = h(e, ["formContext"]) && this.contextInitialsChanged();
65
- (l || I) && this.setContextValue(), f && (o({ disabled: m(this, n).call(this) }), c({ disabled: m(this, n).call(this) })), d && this.setContextValidation(), j && o({ required: m(this, v).call(this) && !this.hideRequiredMarker });
65
+ (s || I) && this.setContextValue(), f && (o({ disabled: m(this, p).call(this) }), t({ disabled: m(this, p).call(this) })), l && this.setContextValidation(), j && o({ required: m(this, v).call(this) && !this.hideRequiredMarker });
66
66
  }
67
67
  finalizeAssociatedCallback(e) {
68
68
  return {
@@ -70,98 +70,95 @@ let t = class extends U {
70
70
  };
71
71
  }
72
72
  render() {
73
- const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, o = w(
73
+ const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), { invalid: r, errorMessage: o } = this.resolveError(), t = r || !!i, s = w(
74
74
  this.helperTextId,
75
- this.error && this.errorId,
75
+ !!o && this.errorId,
76
76
  this.validationErrorShown() && this.validationErrorsId
77
- ), c = w(
78
- q,
79
- r && `${u}error`,
80
- this.theme && E(this.theme),
81
- `${u}${this.size || y}`,
77
+ ), l = w(
78
+ J,
79
+ t && `${u}error`,
80
+ this.theme && _(this.theme),
81
+ `${u}${this.size || N}`,
82
82
  this.fluid && `${u}fluid`,
83
83
  this.ellipse && `${u}ellipsis`,
84
- m(this, n).call(this) && `${u}disabled`,
85
- m(this, p).call(this) && `${u}read-only`
84
+ m(this, p).call(this) && `${u}disabled`,
85
+ m(this, d).call(this) && `${u}read-only`
86
86
  );
87
- return O`
88
- <div class="${c}" style="max-width: ${this.width}">
87
+ return T`
88
+ <div class="${l}" style="max-width: ${this.width}">
89
89
  <slot name="label" id="${this.labelId}"></slot>
90
- <div class="${N}field">
90
+ <div class="${y}field">
91
91
  <select
92
92
  id="${this.id}"
93
93
  name="${this.name}"
94
- ${k(this.formFieldRef)}
94
+ ${L(this.formFieldRef)}
95
95
  ?required="${m(this, v).call(this)}"
96
- ?disabled="${m(this, n).call(this)}"
96
+ ?disabled="${m(this, p).call(this)}"
97
97
  @keydown="${m(this, g)}"
98
98
  aria-labelledby="${this.labelId}"
99
99
  aria-label="${this.inputAriaLabel}"
100
- aria-readonly="${m(this, p).call(this)}"
100
+ aria-readonly="${m(this, d).call(this)}"
101
101
  @blur="${this.validateFieldOnBlur}"
102
- aria-describedby="${o}"
103
- class="${N}input"
102
+ aria-describedby="${s}"
103
+ class="${y}input"
104
104
  @mousedown="${m(this, M)}"
105
105
  @change="${this.validateFieldOnChange}"
106
- aria-invalid="${e || r}"
107
- aria-disabled="${m(this, n).call(this) || m(this, p).call(this)}"
106
+ aria-invalid="${t || e || O}"
107
+ aria-disabled="${m(this, p).call(this) || m(this, d).call(this)}"
108
108
  ></select>
109
109
  <slot @slotchange="${m(this, z)}"></slot>
110
110
  </div>
111
111
  <slot name="helper-text" id="${this.helperTextId}"></slot>
112
- ${this.renderError(this.error, m(this, n).call(this))}
112
+ ${this.renderError(o, m(this, p).call(this))}
113
113
  ${this.renderValidationErrors()}
114
114
  </div>
115
115
  `;
116
116
  }
117
117
  };
118
- n = /* @__PURE__ */ new WeakMap();
119
118
  p = /* @__PURE__ */ new WeakMap();
119
+ d = /* @__PURE__ */ new WeakMap();
120
120
  v = /* @__PURE__ */ new WeakMap();
121
121
  g = /* @__PURE__ */ new WeakMap();
122
122
  M = /* @__PURE__ */ new WeakMap();
123
123
  z = /* @__PURE__ */ new WeakMap();
124
- _(t);
125
- t.styles = C(P);
124
+ Q(c);
125
+ c.styles = C(R);
126
126
  a([
127
- s({ type: Boolean })
128
- ], t.prototype, "required", 2);
127
+ n({ type: Boolean })
128
+ ], c.prototype, "required", 2);
129
129
  a([
130
- s({ type: Boolean })
131
- ], t.prototype, "readOnly", 2);
130
+ n({ type: Boolean })
131
+ ], c.prototype, "readOnly", 2);
132
132
  a([
133
- s({ type: Boolean })
134
- ], t.prototype, "disabled", 2);
133
+ n({ type: Boolean })
134
+ ], c.prototype, "disabled", 2);
135
135
  a([
136
- s({ type: String })
137
- ], t.prototype, "error", 2);
136
+ n({ type: Boolean })
137
+ ], c.prototype, "fluid", 2);
138
138
  a([
139
- s({ type: Boolean })
140
- ], t.prototype, "fluid", 2);
139
+ n({ type: String })
140
+ ], c.prototype, "size", 2);
141
141
  a([
142
- s({ type: String })
143
- ], t.prototype, "size", 2);
142
+ n({ type: String })
143
+ ], c.prototype, "width", 2);
144
144
  a([
145
- s({ type: String })
146
- ], t.prototype, "width", 2);
145
+ n({ type: Boolean })
146
+ ], c.prototype, "ellipse", 2);
147
147
  a([
148
- s({ type: Boolean })
149
- ], t.prototype, "ellipse", 2);
148
+ n({ type: Boolean })
149
+ ], c.prototype, "hideRequiredMarker", 2);
150
150
  a([
151
- s({ type: Boolean })
152
- ], t.prototype, "hideRequiredMarker", 2);
153
- a([
154
- s({ type: String })
155
- ], t.prototype, "theme", 2);
151
+ n({ type: String })
152
+ ], c.prototype, "theme", 2);
156
153
  a([
157
154
  x({ slot: "label" })
158
- ], t.prototype, "_selectLabel", 2);
155
+ ], c.prototype, "_selectLabel", 2);
159
156
  a([
160
157
  x({ slot: "helper-text" })
161
- ], t.prototype, "_selectHelperText", 2);
162
- t = a([
163
- S("bm-native-select")
164
- ], t);
158
+ ], c.prototype, "_selectHelperText", 2);
159
+ c = a([
160
+ k("bm-native-select")
161
+ ], c);
165
162
  export {
166
- t as BmNativeSelect
163
+ c as BmNativeSelect
167
164
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viasat/beam-web-components",
3
- "version": "2.69.0",
3
+ "version": "2.71.0",
4
4
  "description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
5
5
  "license": "MIT",
6
6
  "author": "Viasat",
@@ -64,11 +64,11 @@
64
64
  "access": "public"
65
65
  },
66
66
  "dependencies": {
67
- "@viasat/beam-fonts": "2.69.0",
68
- "@viasat/beam-shared": "2.69.0",
69
- "@viasat/beam-styles": "2.69.0",
70
- "@viasat/beam-tokens": "2.69.0",
71
- "@viasat/beam-icons": "2.69.0",
67
+ "@viasat/beam-fonts": "2.71.0",
68
+ "@viasat/beam-shared": "2.71.0",
69
+ "@viasat/beam-styles": "2.71.0",
70
+ "@viasat/beam-tokens": "2.71.0",
71
+ "@viasat/beam-icons": "2.71.0",
72
72
  "clsx": "^1.2.1",
73
73
  "lit": "^3.1.0",
74
74
  "@lit/context": "^1.1.1",