@viasat/beam-web-components 2.21.0 → 2.22.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/Accordion/Accordion.js +1 -1
- package/Accordion/AccordionGroup.js +1 -1
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +43 -43
- package/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.js +1 -1
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +1 -1
- package/BadgeDot/BadgeDot.js +18 -18
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +10 -10
- package/CloseButton/CloseButton.js +16 -16
- package/Divider/Divider.js +17 -17
- package/EmptyState/EmptyState.js +20 -20
- package/HelperText/HelperText.js +1 -1
- package/HelperText/index.js +1 -1
- package/InputChoiceGroup/InputChoiceGroup.js +54 -54
- package/Label/Label.d.ts +68 -0
- package/Label/Label.js +110 -0
- package/Link/Link.js +51 -51
- package/List/List.js +1 -1
- package/List/ListItem.js +1 -1
- package/ProgressBar/ProgressBar.js +19 -19
- package/SegmentedControl/SegmentedControl.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/SegmentedControl/SegmentedControlList.js +1 -1
- package/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/Spinner/Spinner.js +28 -28
- package/Tooltip/Tooltip.js +85 -85
- package/chunks/Accordion.Bwk3EG3j.js +161 -0
- package/chunks/Avatar.BgufO4-1.js +174 -0
- package/chunks/BreadcrumbsItem.DmudL_IG.js +121 -0
- package/chunks/HelperText.SJGM6Q5H.js +108 -0
- package/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/chunks/list.module.BSL1AIzv.js +4 -0
- package/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/custom-elements.json +1143 -1126
- package/local/Accordion/Accordion.js +1 -1
- package/local/Accordion/AccordionGroup.js +1 -1
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +20 -20
- package/local/Avatar/Avatar.js +1 -1
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +1 -1
- package/local/BadgeDot/BadgeDot.js +4 -4
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +10 -10
- package/local/CloseButton/CloseButton.js +24 -24
- package/local/Divider/Divider.js +22 -22
- package/local/EmptyState/EmptyState.js +18 -18
- package/local/HelperText/HelperText.js +1 -1
- package/local/HelperText/index.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +39 -39
- package/local/Label/Label.js +109 -0
- package/local/Link/Link.js +25 -25
- package/local/List/List.js +1 -1
- package/local/List/ListItem.js +1 -1
- package/local/ProgressBar/ProgressBar.js +19 -19
- package/local/SegmentedControl/SegmentedControl.js +1 -1
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/SegmentedControl/SegmentedControlList.js +1 -1
- package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/local/Spinner/Spinner.js +34 -34
- package/local/Tooltip/Tooltip.js +85 -85
- package/local/chunks/Accordion.UOcVt0ft.js +161 -0
- package/local/chunks/Avatar.CEb3Se7H.js +172 -0
- package/local/chunks/BreadcrumbsItem.Dp9fzlcw.js +121 -0
- package/local/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/local/chunks/index.DNafYKj-.js +106 -0
- package/local/chunks/list.module.BSL1AIzv.js +4 -0
- package/local/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/local/wip/Checkbox/Checkbox.js +1 -1
- package/local/wip/FileUpload/FileUpload.Button.js +1 -1
- package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/local/wip/FileUpload/FileUpload.List.js +1 -1
- package/local/wip/FileUpload/FileUpload.js +2 -2
- package/local/wip/Form/Form.decorator.js +1 -1
- package/local/wip/NativeSelect/NativeSelect.js +18 -18
- package/local/wip/RadioButton/RadioButton.js +9 -9
- package/local/wip/Switch/Switch.js +9 -9
- package/local/wip/TextArea/TextArea.js +21 -21
- package/local/wip/TextField/TextField.js +26 -26
- package/package.json +6 -6
- package/vscode.html-custom-data.json +201 -196
- package/wip/Checkbox/Checkbox.js +53 -53
- package/wip/FileUpload/FileUpload.Button.js +1 -1
- package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/wip/FileUpload/FileUpload.List.js +1 -1
- package/wip/FileUpload/FileUpload.js +2 -2
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/NativeSelect/NativeSelect.js +25 -25
- package/wip/RadioButton/RadioButton.js +7 -7
- package/wip/Switch/Switch.js +9 -9
- package/wip/TextArea/TextArea.js +13 -13
- package/wip/TextField/TextField.js +26 -26
- package/chunks/Accordion.DYD3XcAx.js +0 -161
- package/chunks/Avatar.C2rfzUGP.js +0 -174
- package/chunks/BreadcrumbsItem.4ZR6wbMz.js +0 -121
- package/chunks/HelperText.CcVVOtA3.js +0 -108
- package/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/chunks/list.module.CZRPBLzy.js +0 -4
- package/chunks/segmentedControl.module.BPXEWodj.js +0 -4
- package/local/chunks/Accordion.BP1XR2Gd.js +0 -161
- package/local/chunks/Avatar.CvTOzaRT.js +0 -172
- package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +0 -121
- package/local/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/local/chunks/index.Bz1Jq4c2.js +0 -106
- package/local/chunks/list.module.CZRPBLzy.js +0 -4
- package/local/chunks/segmentedControl.module.BPXEWodj.js +0 -4
- package/local/wip/Label/Label.js +0 -86
- package/wip/Label/Label.d.ts +0 -43
- package/wip/Label/Label.js +0 -87
- /package/{wip/Label → Label}/index.d.ts +0 -0
- /package/{local/wip/Label → Label}/index.js +0 -0
- /package/{wip → local}/Label/index.js +0 -0
package/wip/TextArea/TextArea.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { unsafeCSS as R, html as _, nothing as D } from "lit";
|
|
2
|
-
import { property as m, queryAssignedElements as
|
|
2
|
+
import { property as m, queryAssignedElements as j } from "lit/decorators.js";
|
|
3
3
|
import { createRef as L, ref as N } from "lit/directives/ref.js";
|
|
4
4
|
import I from "clsx";
|
|
5
|
-
import { p as
|
|
5
|
+
import { p as b, a as C, g as W } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
6
6
|
import { t as V } from "../../chunks/constants.jOWREYQE.js";
|
|
7
7
|
import { r as G } from "../../chunks/delegate.baxDQosr.js";
|
|
8
8
|
import { c as B } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
9
9
|
import { FormField as H } from "../Form/Form.decorator.js";
|
|
10
|
-
const
|
|
10
|
+
const k = /* @__PURE__ */ new WeakMap();
|
|
11
11
|
async function Z(e) {
|
|
12
12
|
const r = e.offsetHeight, t = e.clientHeight, s = r - t;
|
|
13
13
|
e.style.overflow = "hidden", e.scrollHeight === t && (e.style.height = "0");
|
|
@@ -15,18 +15,18 @@ async function Z(e) {
|
|
|
15
15
|
e.style.height = `${c + s}px`;
|
|
16
16
|
}
|
|
17
17
|
const A = (e, r) => {
|
|
18
|
-
const t =
|
|
19
|
-
if (
|
|
18
|
+
const t = k.get(e);
|
|
19
|
+
if (k.set(e, r), !r) {
|
|
20
20
|
t && (e.style.height = "unset", e.style.overflow = "visible");
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
23
|
Z(e);
|
|
24
|
-
}, O = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-area{--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-area--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-area--error .bm-text-area__header .bm-text-area__counter{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--error .bm-text-area__field .bm-text-area__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-text-area--error .bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--read-only .bm-text-area__header .bm-text-area__counter{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--read-only .bm-text-area__field .bm-text-area__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-text-area--read-only .bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--disabled .bm-text-area__header .bm-text-area__counter{color:var(--bm-comp-input-color-text-disabled)}.bm-text-area--disabled .bm-text-area__field .bm-text-area__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-text-area--disabled .bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-area--fluid{max-width:100%}@-moz-document url-prefix(){.bm-text-area__field:after{display:none}}.bm-text-area--hide-resize .bm-text-area__field:after{display:none}.bm-text-area--hide-resize .bm-text-area__field .bm-text-area__input{resize:none}.bm-text-area--cols-width{max-width:fit-content}.bm-text-area--cols-width .bm-text-area__field .bm-text-area__input{width:auto}.bm-text-area__header{display:flex;gap:var(--bm-sem-space-50)}.bm-text-area__header .bm-text-area__counter{margin-block-end:auto;margin-inline-start:auto;font:var(--bm-comp-input-typo-character-count);color:var(--bm-comp-input-color-text-placeholder);padding-block-end:var(--bm-comp-label-space-bottom)}.bm-text-area__field{position:relative;cursor:var(--bm-text-field-cursor, default)}.bm-text-area__field:dir(rtl){--bm-resize-icon-flip: -1}.bm-text-area__field:after{content:"";position:absolute;pointer-events:none;width:var(--bm-sem-space-125);height:var(--bm-sem-space-125);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NjIyXzQ4MzUzKSI+CjxwYXRoIGQ9Ik0xOC4zMzMzIDE4LjMzMzNIMTYuNjY2N1YxNi42NjY3SDE4LjMzMzNWMTguMzMzM1pNMTguMzMzMyAxNUgxNi42NjY3VjEzLjMzMzNIMTguMzMzM1YxNVpNMTUgMTguMzMzM0gxMy4zMzMzVjE2LjY2NjdIMTVWMTguMzMzM1pNMTUgMTVIMTMuMzMzM1YxMy4zMzMzSDE1VjE1Wk0xMS42NjY3IDE4LjMzMzNIMTBWMTYuNjY2N0gxMS42NjY3VjE4LjMzMzNaTTE4LjMzMzMgMTEuNjY2N0gxNi42NjY3VjEwSDE4LjMzMzNWMTEuNjY2N3oiIGZpbGw9IiM0NjU5NjciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NDYyMl80ODM1MyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NjIyXzQ4MzUzKSI+CjxwYXRoIGQ9Ik0xOC4zMzMzIDE4LjMzMzNIMTYuNjY2N1YxNi42NjY3SDE4LjMzMzNWMTguMzMzM1pNMTguMzMzMyAxNUgxNi42NjY3VjEzLjMzMzNIMTguMzMzM1YxNVpNMTUgMTguMzMzM0gxMy4zMzMzVjE2LjY2NjdIMTVWMTguMzMzM1pNMTUgMTVIMTMuMzMzM1YxMy4zMzMzSDE1VjE1Wk0xMS42NjY3IDE4LjMzMzNIMTBWMTYuNjY2N0gxMS42NjY3VjE4LjMzMzNaTTE4LjMzMzMgMTEuNjY2N0gxNi42NjY3VjEwSDE4LjMzMzNWMTEuNjY2N3oiIGZpbGw9IiM0NjU5NjciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NDYyMl80ODM1MyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=);mask-size:cover;mask-position:center;mask-repeat:no-repeat;inset-block-end:var(--bm-sem-space-12);inset-inline-end:var(--bm-sem-space-12);transform:scaleX(var(--bm-resize-icon-flip, 1));background-color:var(--bm-sem-color-icon-secondary)}.bm-text-area__field .bm-text-area__input{width:100%;display:block;resize:vertical;box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);min-height:var(--bm-comp-input-size-field-text-area-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0))}.bm-text-area__field .bm-text-area__input::-webkit-resizer{display:none}.bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area__field .bm-text-area__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)}';
|
|
24
|
+
}, O = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-area{--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-area--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-area--error .bm-text-area__header .bm-text-area__counter{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--error .bm-text-area__field .bm-text-area__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-text-area--error .bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--read-only .bm-text-area__header .bm-text-area__counter{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--read-only .bm-text-area__field .bm-text-area__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-text-area--read-only .bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area--disabled .bm-text-area__header .bm-text-area__counter{color:var(--bm-comp-input-color-text-disabled)}.bm-text-area--disabled .bm-text-area__field .bm-text-area__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-text-area--disabled .bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-area--fluid{max-width:100%}@-moz-document url-prefix(){.bm-text-area__field:after{display:none}}.bm-text-area--hide-resize .bm-text-area__field:after{display:none}.bm-text-area--hide-resize .bm-text-area__field .bm-text-area__input{resize:none}.bm-text-area--cols-width{max-width:fit-content}.bm-text-area--cols-width .bm-text-area__field .bm-text-area__input{width:auto}.bm-text-area__header{display:flex;gap:var(--bm-sem-space-50)}.bm-text-area__header .bm-text-area__counter{margin-block-end:auto;margin-inline-start:auto;font:var(--bm-comp-input-typo-character-count);color:var(--bm-comp-input-color-text-placeholder);padding-block-end:var(--bm-comp-label-space-bottom)}.bm-text-area__field{position:relative;cursor:var(--bm-text-field-cursor, default)}.bm-text-area__field:dir(rtl){--bm-resize-icon-flip: -1}.bm-text-area__field:after{content:"";position:absolute;pointer-events:none;width:var(--bm-sem-space-125);height:var(--bm-sem-space-125);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NjIyXzQ4MzUzKSI+CjxwYXRoIGQ9Ik0xOC4zMzMzIDE4LjMzMzNIMTYuNjY2N1YxNi42NjY3SDE4LjMzMzNWMTguMzMzM1pNMTguMzMzMyAxNUgxNi42NjY3VjEzLjMzMzNIMTguMzMzM1YxNVpNMTUgMTguMzMzM0gxMy4zMzMzVjE2LjY2NjdIMTVWMTguMzMzM1pNMTUgMTVIMTMuMzMzM1YxMy4zMzMzSDE1VjE1Wk0xMS42NjY3IDE4LjMzMzNIMTBWMTYuNjY2N0gxMS42NjY3VjE4LjMzMzNaTTE4LjMzMzMgMTEuNjY2N0gxNi42NjY3VjEwSDE4LjMzMzNWMTEuNjY2N3oiIGZpbGw9IiM0NjU5NjciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NDYyMl80ODM1MyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NjIyXzQ4MzUzKSI+CjxwYXRoIGQ9Ik0xOC4zMzMzIDE4LjMzMzNIMTYuNjY2N1YxNi42NjY3SDE4LjMzMzNWMTguMzMzM1pNMTguMzMzMyAxNUgxNi42NjY3VjEzLjMzMzNIMTguMzMzM1YxNVpNMTUgMTguMzMzM0gxMy4zMzMzVjE2LjY2NjdIMTVWMTguMzMzM1pNMTUgMTVIMTMuMzMzM1YxMy4zMzMzSDE1VjE1Wk0xMS42NjY3IDE4LjMzMzNIMTBWMTYuNjY2N0gxMS42NjY3VjE4LjMzMzNaTTE4LjMzMzMgMTEuNjY2N0gxNi42NjY3VjEwSDE4LjMzMzNWMTEuNjY2N3oiIGZpbGw9IiM0NjU5NjciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NDYyMl80ODM1MyI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=);mask-size:cover;mask-position:center;mask-repeat:no-repeat;inset-block-end:var(--bm-sem-space-12);inset-inline-end:var(--bm-sem-space-12);transform:scaleX(var(--bm-resize-icon-flip, 1));background-color:var(--bm-sem-color-icon-secondary)}.bm-text-area__field .bm-text-area__input{width:100%;display:block;resize:vertical;box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);min-height:var(--bm-comp-input-size-field-text-area-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x);transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0))}.bm-text-area__field .bm-text-area__input::-webkit-resizer{display:none}.bm-text-area__field .bm-text-area__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-area__field .bm-text-area__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)}';
|
|
25
25
|
var q = Object.defineProperty, U = Object.getOwnPropertyDescriptor, S = (e) => {
|
|
26
26
|
throw TypeError(e);
|
|
27
27
|
}, a = (e, r, t, s) => {
|
|
28
|
-
for (var c = s > 1 ? void 0 : s ? U(r, t) : r,
|
|
29
|
-
(u = e[
|
|
28
|
+
for (var c = s > 1 ? void 0 : s ? U(r, t) : r, d = e.length - 1, u; d >= 0; d--)
|
|
29
|
+
(u = e[d]) && (c = (s ? u(r, t, c) : u(c)) || c);
|
|
30
30
|
return s && c && q(r, t, c), c;
|
|
31
31
|
}, X = (e, r, t) => r.has(e) || S("Cannot " + t), o = (e, r, t) => (X(e, r, "read from private field"), t ? t.call(e) : r.get(e)), l = (e, r, t) => r.has(e) ? S("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, t), p, h, M, f, z, v, x, y, w;
|
|
32
32
|
const { baseClassNamePrefix: F, subElementClassPrefix: g, classModifierPrefix: n } = W("text-area");
|
|
@@ -60,12 +60,12 @@ let i = class extends H {
|
|
|
60
60
|
` : D);
|
|
61
61
|
}
|
|
62
62
|
updated(e) {
|
|
63
|
-
const [r] = this._textAreaLabel, [t] = this._textAreaHelperText, { decorate: s } = C(r), { decorate: c } = C(t),
|
|
63
|
+
const [r] = this._textAreaLabel, [t] = this._textAreaHelperText, { decorate: s } = C(r), { decorate: c } = C(t), d = b(e, ["value"]), u = b(e, ["maxCount"]), T = b(e, ["autoResize"]), Y = b(e, ["validationRules"]), E = b(e, ["formContext", "disabled"]), $ = b(e, [
|
|
64
64
|
"formContext",
|
|
65
65
|
"required",
|
|
66
66
|
"hideRequiredMarker"
|
|
67
|
-
]), P =
|
|
68
|
-
(
|
|
67
|
+
]), P = b(e, ["formContext"]) && this.contextInitialsChanged();
|
|
68
|
+
(d || P) && this.setContextValue(), E && (s({ disabled: o(this, p).call(this) }), c({ disabled: o(this, p).call(this) })), u && o(this, v).call(this), T && o(this, x).call(this), Y && this.setContextValidation(), $ && s({ required: o(this, M).call(this) && !this.hideRequiredMarker });
|
|
69
69
|
}
|
|
70
70
|
finalizeAssociatedCallback(e) {
|
|
71
71
|
return {
|
|
@@ -180,10 +180,10 @@ a([
|
|
|
180
180
|
m({ type: String })
|
|
181
181
|
], i.prototype, "theme", 2);
|
|
182
182
|
a([
|
|
183
|
-
|
|
183
|
+
j({ slot: "label" })
|
|
184
184
|
], i.prototype, "_textAreaLabel", 2);
|
|
185
185
|
a([
|
|
186
|
-
|
|
186
|
+
j({ slot: "helper-text" })
|
|
187
187
|
], i.prototype, "_textAreaHelperText", 2);
|
|
188
188
|
i = a([
|
|
189
189
|
B("bm-text-area")
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { unsafeCSS as E, html as
|
|
1
|
+
import { unsafeCSS as E, html as p } from "lit";
|
|
2
2
|
import { property as c, queryAssignedElements as k, state as S } from "lit/decorators.js";
|
|
3
3
|
import { ref as O } from "lit/directives/ref.js";
|
|
4
4
|
import C from "clsx";
|
|
5
|
-
import { p as
|
|
5
|
+
import { p as h, a as z, g as A } from "../../chunks/classNames.Cq_tbDRp.js";
|
|
6
6
|
import { t as P } from "../../chunks/constants.jOWREYQE.js";
|
|
7
7
|
import { r as I } from "../../chunks/delegate.baxDQosr.js";
|
|
8
8
|
import { c as T } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
9
9
|
import { s as $ } from "../../chunks/helpers.AwJwaZvv.js";
|
|
10
10
|
import { FormField as W } from "../Form/Form.decorator.js";
|
|
11
|
-
import "../../chunks/HelperText.
|
|
12
|
-
const L = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-md-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-comp-input-size-field-md-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}';
|
|
11
|
+
import "../../chunks/HelperText.SJGM6Q5H.js";
|
|
12
|
+
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-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-md-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-comp-input-size-field-md-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}';
|
|
13
13
|
var R = Object.defineProperty, D = Object.getOwnPropertyDescriptor, B = (e) => {
|
|
14
14
|
throw TypeError(e);
|
|
15
|
-
}, r = (e, o, i,
|
|
16
|
-
for (var
|
|
17
|
-
(
|
|
18
|
-
return
|
|
15
|
+
}, r = (e, o, i, l) => {
|
|
16
|
+
for (var a = l > 1 ? void 0 : l ? D(o, i) : o, n = e.length - 1, b; n >= 0; n--)
|
|
17
|
+
(b = e[n]) && (a = (l ? b(o, i, a) : b(a)) || a);
|
|
18
|
+
return l && a && R(o, i, a), a;
|
|
19
19
|
}, H = (e, o, i) => o.has(e) || B("Cannot " + i), m = (e, o, i) => (H(e, o, "read from private field"), i ? i.call(e) : o.get(e)), s = (e, o, i) => o.has(e) ? B("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), g, _, d, v, x, y, w;
|
|
20
|
-
const { baseClassNamePrefix: N, subElementClassPrefix: u, classModifierPrefix:
|
|
20
|
+
const { baseClassNamePrefix: N, subElementClassPrefix: u, classModifierPrefix: f } = A("text-field");
|
|
21
21
|
let t = class extends W {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, s(this, g, () => !!this._hasContentAfterSlot), s(this, _, () => !!this._hasContentBeforeSlot), s(this, d, () => {
|
|
@@ -33,46 +33,46 @@ let t = class extends W {
|
|
|
33
33
|
const e = ({ target: o }) => {
|
|
34
34
|
this._hasContentBeforeSlot = $(o);
|
|
35
35
|
};
|
|
36
|
-
return m(this, _).call(this) ?
|
|
36
|
+
return m(this, _).call(this) ? p`
|
|
37
37
|
<div class="${u}content">
|
|
38
38
|
<slot name="content-before" @slotchange="${e}"></slot>
|
|
39
39
|
</div>
|
|
40
|
-
` :
|
|
40
|
+
` : p`<slot name="content-before" @slotchange="${e}"></slot>`;
|
|
41
41
|
}), s(this, w, () => {
|
|
42
42
|
const e = ({ target: o }) => {
|
|
43
43
|
this._hasContentAfterSlot = $(o);
|
|
44
44
|
};
|
|
45
|
-
return m(this, g).call(this) ?
|
|
45
|
+
return m(this, g).call(this) ? p`
|
|
46
46
|
<div class="${u}content">
|
|
47
47
|
<slot name="content-after" @slotchange="${e}"></slot>
|
|
48
48
|
</div>
|
|
49
|
-
` :
|
|
49
|
+
` : p`<slot name="content-after" @slotchange="${e}"></slot>`;
|
|
50
50
|
});
|
|
51
51
|
}
|
|
52
52
|
updated(e) {
|
|
53
|
-
const [o] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate:
|
|
53
|
+
const [o] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: l } = z(o), { decorate: a } = z(i), n = h(e, ["value"]), b = h(e, ["validationRules"]), F = h(e, ["formContext", "disabled"]), M = h(e, [
|
|
54
54
|
"formContext",
|
|
55
55
|
"required",
|
|
56
56
|
"hideRequiredMarker"
|
|
57
|
-
]), q =
|
|
58
|
-
(n || q) && this.setContextValue(), F && (
|
|
57
|
+
]), q = h(e, ["formContext"]) && this.contextInitialsChanged();
|
|
58
|
+
(n || q) && this.setContextValue(), F && (l({ disabled: m(this, d).call(this) }), a({ disabled: m(this, d).call(this) })), b && this.setContextValidation(), M && l({ required: m(this, x).call(this) && !this.hideRequiredMarker });
|
|
59
59
|
}
|
|
60
60
|
render() {
|
|
61
|
-
const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), i = typeof this.error == "string" || !!o,
|
|
61
|
+
const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), i = typeof this.error == "string" || !!o, l = C(
|
|
62
62
|
this.helperTextId,
|
|
63
63
|
this.error && this.errorId,
|
|
64
64
|
this.validationErrorShown() && this.validationErrorsId
|
|
65
|
-
),
|
|
65
|
+
), a = C(
|
|
66
66
|
N,
|
|
67
|
-
i && `${
|
|
67
|
+
i && `${f}error`,
|
|
68
68
|
this.theme && P(this.theme),
|
|
69
|
-
this.fluid && `${
|
|
70
|
-
this.ellipse && `${
|
|
71
|
-
m(this, d).call(this) && `${
|
|
72
|
-
m(this, v).call(this) && `${
|
|
69
|
+
this.fluid && `${f}fluid`,
|
|
70
|
+
this.ellipse && `${f}ellipsis`,
|
|
71
|
+
m(this, d).call(this) && `${f}disabled`,
|
|
72
|
+
m(this, v).call(this) && `${f}read-only`
|
|
73
73
|
);
|
|
74
|
-
return
|
|
75
|
-
<div class="${
|
|
74
|
+
return p`
|
|
75
|
+
<div class="${a}" style="max-width: ${this.width}">
|
|
76
76
|
<slot name="label" id="${this.labelId}"></slot>
|
|
77
77
|
<div class="${u}field">
|
|
78
78
|
${m(this, y).call(this)}
|
|
@@ -90,7 +90,7 @@ let t = class extends W {
|
|
|
90
90
|
aria-label="${this.inputAriaLabel}"
|
|
91
91
|
@blur="${this.validateFieldOnBlur}"
|
|
92
92
|
@keydown="${this.submitFormByEnter}"
|
|
93
|
-
aria-describedby="${
|
|
93
|
+
aria-describedby="${l}"
|
|
94
94
|
class="${u}input"
|
|
95
95
|
@input="${this.validateFieldOnChange}"
|
|
96
96
|
aria-invalid="${e || i}"
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import { consume as x } from "@lit/context";
|
|
2
|
-
import { unsafeCSS as C, css as S, LitElement as z, html as s, nothing as P } from "lit";
|
|
3
|
-
import { property as p, state as w, queryAssignedNodes as O } from "lit/decorators.js";
|
|
4
|
-
import { unsafeSVG as k } from "lit/directives/unsafe-svg.js";
|
|
5
|
-
import l from "clsx";
|
|
6
|
-
import { b as E } from "./constants.jOWREYQE.js";
|
|
7
|
-
import { n as I, g as N } from "./classNames.Cq_tbDRp.js";
|
|
8
|
-
import { c as D } from "./register-custom-element.DHGKOhmA.js";
|
|
9
|
-
import { AccordionGroupCtx as M } from "../Accordion/AccordionGroup.context.js";
|
|
10
|
-
const U = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
-
<path
|
|
12
|
-
d="M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z"
|
|
13
|
-
fill="currentColor"
|
|
14
|
-
/>
|
|
15
|
-
</svg>
|
|
16
|
-
`, q = E.md, B = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-accordion-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #141d24);--bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #dfe7ec);--bm-comp-accordion-size-sm-height: var( --bm-primitive-dimension-275, 2.75rem );--bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-md-height: var( --bm-primitive-dimension-325, 3.25rem );--bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);--bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, .75rem);--bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);--bm-comp-accordion-typo-sm-heading: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-sm-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-md-heading: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-heading: var( --bm-sem-typo-compact-label-xl, 600 1.25rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-accordion-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #ffffff);--bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #32424e);--bm-comp-accordion-size-sm-height: var( --bm-primitive-dimension-275, 2.75rem );--bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-md-height: var( --bm-primitive-dimension-325, 3.25rem );--bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);--bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, .75rem);--bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);--bm-comp-accordion-typo-sm-heading: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-sm-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-md-heading: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-heading: var( --bm-sem-typo-compact-label-xl, 600 1.25rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}.bm-accordion--sm .bm-accordion__container{min-height:var(--bm-comp-accordion-size-sm-height);padding:var(--bm-comp-accordion-space-sm-header-y) 0}.bm-accordion--sm .bm-accordion__chevron{height:var(--bm-comp-accordion-size-sm-icon);min-width:var(--bm-comp-accordion-size-sm-icon)}.bm-accordion--sm .bm-accordion__heading{font:var(--bm-comp-accordion-typo-sm-heading)}.bm-accordion--sm .bm-accordion__icon{height:var(--bm-comp-accordion-size-sm-icon)}.bm-accordion__panel--sm{visibility:hidden;font:var(--bm-comp-accordion-typo-sm-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--sm>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--sm{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-sm-content-bottom)}.bm-accordion--md .bm-accordion__container{min-height:var(--bm-comp-accordion-size-md-height);padding:var(--bm-comp-accordion-space-md-header-y) 0}.bm-accordion--md .bm-accordion__chevron{height:var(--bm-comp-accordion-size-md-icon);min-width:var(--bm-comp-accordion-size-md-icon)}.bm-accordion--md .bm-accordion__heading{font:var(--bm-comp-accordion-typo-md-heading)}.bm-accordion--md .bm-accordion__icon{height:var(--bm-comp-accordion-size-md-icon)}.bm-accordion__panel--md{visibility:hidden;font:var(--bm-comp-accordion-typo-md-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--md>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--md{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-md-content-bottom)}.bm-accordion--lg .bm-accordion__container{min-height:var(--bm-comp-accordion-size-lg-height);padding:var(--bm-comp-accordion-space-lg-header-y) 0}.bm-accordion--lg .bm-accordion__chevron{height:var(--bm-comp-accordion-size-lg-icon);min-width:var(--bm-comp-accordion-size-lg-icon)}.bm-accordion--lg .bm-accordion__heading{font:var(--bm-comp-accordion-typo-lg-heading)}.bm-accordion--lg .bm-accordion__icon{height:var(--bm-comp-accordion-size-lg-icon)}.bm-accordion__panel--lg{visibility:hidden;font:var(--bm-comp-accordion-typo-lg-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--lg>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--lg{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-lg-content-bottom)}.bm-accordion__container{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__container:focus-visible{outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-accordion__icon{flex-shrink:0;display:inline-flex;color:var(--bm-comp-accordion-color-icon)}.bm-accordion__icon ::slotted([slot=icon]){display:inline-flex}.bm-accordion__heading{flex-grow:1;color:var(--bm-comp-accordion-color-heading);display:flex;align-items:center;gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__heading ::slotted([slot=heading]){gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__chevron{transition:transform .2s ease;color:var(--bm-comp-accordion-color-icon)}.bm-accordion__chevron--rotated{transform:rotate(180deg)}.bm-accordion>div:not(:first-child)>.bm-accordion__container{border-top:var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider)}:host(:not(:first-of-type)) .bm-accordion__container{border-top:var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider)}:host(*) .bm-accordion__container{box-sizing:border-box}:host(*) .bm-accordion__container:focus-visible{outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-accordion--no-box{display:contents}';
|
|
17
|
-
var T = Object.defineProperty, A = Object.getOwnPropertyDescriptor, $ = (o) => {
|
|
18
|
-
throw TypeError(o);
|
|
19
|
-
}, a = (o, e, c, t) => {
|
|
20
|
-
for (var m = t > 1 ? void 0 : t ? A(e, c) : e, d = o.length - 1, n; d >= 0; d--)
|
|
21
|
-
(n = o[d]) && (m = (t ? n(e, c, m) : n(m)) || m);
|
|
22
|
-
return t && m && T(e, c, m), m;
|
|
23
|
-
}, L = (o, e, c) => e.has(o) || $("Cannot " + c), b = (o, e, c) => (L(o, e, "read from private field"), c ? c.call(o) : e.get(o)), h = (o, e, c) => e.has(o) ? $("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, c), v, y, f, _;
|
|
24
|
-
const { baseClassNamePrefix: g, subElementClassPrefix: i, classModifierPrefix: W } = N("accordion");
|
|
25
|
-
let r = class extends z {
|
|
26
|
-
constructor() {
|
|
27
|
-
super(...arguments), this.defaultOpen = !1, this._isOpen = !1, this._accordionUniqueId = "", h(this, v, () => this.requestUpdate()), h(this, y, () => s`<span
|
|
28
|
-
class=${l(
|
|
29
|
-
`${i}icon`,
|
|
30
|
-
!this.hasIconSlot && `${W}no-box`
|
|
31
|
-
)}
|
|
32
|
-
role="img"
|
|
33
|
-
aria-label="icon"
|
|
34
|
-
>
|
|
35
|
-
<slot name="icon" @slotchange=${b(this, v)}></slot>
|
|
36
|
-
</span>`), h(this, f, () => {
|
|
37
|
-
const o = `${i}heading`, e = this.heading ? s` <div class=${o}>${this.heading}</div>` : P;
|
|
38
|
-
return s`
|
|
39
|
-
<div class=${o}>
|
|
40
|
-
<slot name="heading">${e}</slot>
|
|
41
|
-
</div>
|
|
42
|
-
`;
|
|
43
|
-
}), h(this, _, () => {
|
|
44
|
-
const o = `${i}content`;
|
|
45
|
-
return s`
|
|
46
|
-
<div class=${o}>
|
|
47
|
-
<slot></slot>
|
|
48
|
-
</div>
|
|
49
|
-
`;
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
get hasIconSlot() {
|
|
53
|
-
return I(this.iconNodes);
|
|
54
|
-
}
|
|
55
|
-
connectedCallback() {
|
|
56
|
-
var o;
|
|
57
|
-
super.connectedCallback(), this._accordionUniqueId = this.id || `${g}-${Math.random().toString(36).slice(2, 9)}`, (o = this.group) == null || o.register(this);
|
|
58
|
-
}
|
|
59
|
-
disconnectedCallback() {
|
|
60
|
-
var o;
|
|
61
|
-
(o = this.group) == null || o.unregister(this);
|
|
62
|
-
}
|
|
63
|
-
willUpdate(o) {
|
|
64
|
-
o.has("defaultOpen") && (this._isOpen = this.defaultOpen);
|
|
65
|
-
}
|
|
66
|
-
handleToggle() {
|
|
67
|
-
this.open === void 0 && (this._isOpen = !this._isOpen);
|
|
68
|
-
const o = this.open === void 0 ? this._isOpen : !this.open;
|
|
69
|
-
this.dispatchToggleEvent(o);
|
|
70
|
-
}
|
|
71
|
-
dispatchToggleEvent(o) {
|
|
72
|
-
const e = new CustomEvent("bm-toggle", {
|
|
73
|
-
detail: { accordion: this, isOpen: o },
|
|
74
|
-
bubbles: !0,
|
|
75
|
-
composed: !0
|
|
76
|
-
});
|
|
77
|
-
return this.dispatchEvent(e), e;
|
|
78
|
-
}
|
|
79
|
-
handleKeyDown(o) {
|
|
80
|
-
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleToggle());
|
|
81
|
-
}
|
|
82
|
-
render() {
|
|
83
|
-
var u;
|
|
84
|
-
const o = this.open === void 0 ? this._isOpen : this.open, e = this.size || ((u = this.group) == null ? void 0 : u.size) || q, c = l(`${i}container`, {
|
|
85
|
-
[`${i}container--expanded`]: o,
|
|
86
|
-
[`${i}${e}`]: e
|
|
87
|
-
}), t = l(`${i}chevron`, {
|
|
88
|
-
[`${i}chevron--rotated`]: o
|
|
89
|
-
}), m = l(`${i}panel--${e}`, {
|
|
90
|
-
[`${i}panel--expanded--${e}`]: o
|
|
91
|
-
}), d = `${g}-heading-${this._accordionUniqueId}`, n = `${g}-panel-${this._accordionUniqueId}`;
|
|
92
|
-
return s`
|
|
93
|
-
<div class="${g}--${e}">
|
|
94
|
-
<div
|
|
95
|
-
class=${c}
|
|
96
|
-
role="button"
|
|
97
|
-
id=${d}
|
|
98
|
-
tabindex="0"
|
|
99
|
-
aria-expanded=${o}
|
|
100
|
-
aria-controls=${n}
|
|
101
|
-
@click=${this.handleToggle}
|
|
102
|
-
@keydown=${this.handleKeyDown}
|
|
103
|
-
>
|
|
104
|
-
${b(this, y).call(this)} ${b(this, f).call(this)}
|
|
105
|
-
<span class=${t} aria-label="chevron-down-icon" role="img">
|
|
106
|
-
${k(U)}
|
|
107
|
-
</span>
|
|
108
|
-
</div>
|
|
109
|
-
<section
|
|
110
|
-
id=${n}
|
|
111
|
-
class=${m}
|
|
112
|
-
?hidden=${!o}
|
|
113
|
-
data-testid="accordion-panel-${n}"
|
|
114
|
-
>
|
|
115
|
-
${b(this, _).call(this)}
|
|
116
|
-
</section>
|
|
117
|
-
</div>
|
|
118
|
-
`;
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
v = /* @__PURE__ */ new WeakMap();
|
|
122
|
-
y = /* @__PURE__ */ new WeakMap();
|
|
123
|
-
f = /* @__PURE__ */ new WeakMap();
|
|
124
|
-
_ = /* @__PURE__ */ new WeakMap();
|
|
125
|
-
r.styles = S`
|
|
126
|
-
${C(B)}
|
|
127
|
-
`;
|
|
128
|
-
a([
|
|
129
|
-
p({ type: String })
|
|
130
|
-
], r.prototype, "size", 2);
|
|
131
|
-
a([
|
|
132
|
-
p({ type: String })
|
|
133
|
-
], r.prototype, "heading", 2);
|
|
134
|
-
a([
|
|
135
|
-
p({ type: Boolean, reflect: !0 })
|
|
136
|
-
], r.prototype, "open", 2);
|
|
137
|
-
a([
|
|
138
|
-
p({ type: Boolean })
|
|
139
|
-
], r.prototype, "defaultOpen", 2);
|
|
140
|
-
a([
|
|
141
|
-
p({ type: String })
|
|
142
|
-
], r.prototype, "id", 2);
|
|
143
|
-
a([
|
|
144
|
-
w()
|
|
145
|
-
], r.prototype, "_isOpen", 2);
|
|
146
|
-
a([
|
|
147
|
-
w()
|
|
148
|
-
], r.prototype, "_accordionUniqueId", 2);
|
|
149
|
-
a([
|
|
150
|
-
O({ slot: "icon", flatten: !0 })
|
|
151
|
-
], r.prototype, "iconNodes", 2);
|
|
152
|
-
a([
|
|
153
|
-
x({ context: M, subscribe: !0 })
|
|
154
|
-
], r.prototype, "group", 2);
|
|
155
|
-
r = a([
|
|
156
|
-
D("bm-accordion")
|
|
157
|
-
], r);
|
|
158
|
-
export {
|
|
159
|
-
r as B,
|
|
160
|
-
B as a
|
|
161
|
-
};
|