@viasat/beam-web-components 2.36.0 → 2.38.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 +2 -2
- package/Accordion/AccordionGroup.context.js +1 -1
- package/Accordion/AccordionGroup.js +2 -2
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +3 -3
- package/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.context.js +1 -1
- package/Avatar/AvatarGroup.js +3 -3
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +2 -2
- package/BadgeDot/BadgeDot.js +2 -2
- package/Box/Box.js +1 -1
- package/Breadcrumbs/Breadcrumbs.context.js +1 -1
- package/Breadcrumbs/Breadcrumbs.js +3 -3
- package/Breadcrumbs/BreadcrumbsItem.js +3 -3
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +2 -2
- package/CloseButton/CloseButton.js +2 -2
- package/Divider/Divider.js +1 -1
- package/EmptyState/EmptyState.js +2 -2
- package/HelperText/HelperText.js +3 -3
- package/HelperText/index.js +1 -1
- package/Icon/Icon.js +2 -2
- package/InputChoiceGroup/InputChoiceGroup.context.js +1 -1
- package/InputChoiceGroup/InputChoiceGroup.js +2 -2
- package/Label/Label.js +2 -2
- package/Link/Link.js +1 -1
- package/List/List.context.js +1 -1
- package/List/List.js +2 -2
- package/List/ListItem.js +2 -2
- package/ProgressBar/ProgressBar.js +2 -2
- package/SegmentedControl/SegmentedControl.context.js +1 -1
- package/SegmentedControl/SegmentedControl.js +2 -2
- package/SegmentedControl/SegmentedControlItem.js +3 -3
- package/SegmentedControl/SegmentedControlList.js +2 -2
- package/SegmentedControl/SegmentedControlPanel.js +2 -2
- package/Spinner/Spinner.js +2 -2
- package/Text/Text.js +2 -2
- package/TextField/TextField.d.ts +5 -0
- package/TextField/TextField.js +92 -87
- package/Tooltip/Tooltip.js +76 -76
- package/chunks/{Accordion.Bwk3EG3j.js → Accordion.BF2pHMSP.js} +2 -2
- package/chunks/{Avatar.BKgI1H4m.js → Avatar.kVWwOxWe.js} +3 -3
- package/chunks/{BreadcrumbsItem.DmudL_IG.js → BreadcrumbsItem.BoIbfnh6.js} +2 -2
- package/{local/chunks/CSSLookup.BdqZ5Li9.js → chunks/CSSLookup.CSKiKjPc.js} +1 -1
- package/chunks/{HelperText.SJGM6Q5H.js → HelperText.3YJvB8x0.js} +2 -2
- package/chunks/{classNames.Cq_tbDRp.js → classNames.BQclmCHG.js} +1 -1
- package/chunks/{constants.jOWREYQE.js → constants.ZIKMMCJH.js} +2 -2
- package/chunks/{helpers.AwJwaZvv.js → helpers.C43UgSdK.js} +2 -2
- package/chunks/input.D7RpzZmn.js +5 -0
- package/custom-elements.json +1512 -1474
- package/local/Accordion/Accordion.js +2 -2
- package/local/Accordion/AccordionGroup.context.js +1 -1
- package/local/Accordion/AccordionGroup.js +2 -2
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +3 -3
- package/local/Avatar/Avatar.js +2 -2
- package/local/Avatar/AvatarGroup.context.js +1 -1
- package/local/Avatar/AvatarGroup.js +4 -4
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +2 -2
- package/local/BadgeDot/BadgeDot.js +2 -2
- package/local/Box/Box.js +1 -1
- package/local/Breadcrumbs/Breadcrumbs.context.js +1 -1
- package/local/Breadcrumbs/Breadcrumbs.js +3 -3
- package/local/Breadcrumbs/BreadcrumbsItem.js +3 -3
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +2 -2
- package/local/CloseButton/CloseButton.js +2 -2
- package/local/Divider/Divider.js +1 -1
- package/local/EmptyState/EmptyState.js +2 -2
- package/local/HelperText/HelperText.js +3 -3
- package/local/HelperText/index.js +1 -1
- package/local/Icon/Icon.js +2 -2
- package/local/InputChoiceGroup/InputChoiceGroup.context.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +2 -2
- package/local/Label/Label.js +2 -2
- package/local/Link/Link.js +1 -1
- package/local/List/List.context.js +1 -1
- package/local/List/List.js +2 -2
- package/local/List/ListItem.js +2 -2
- package/local/ProgressBar/ProgressBar.js +2 -2
- package/local/SegmentedControl/SegmentedControl.context.js +1 -1
- package/local/SegmentedControl/SegmentedControl.js +2 -2
- package/local/SegmentedControl/SegmentedControlItem.js +3 -3
- package/local/SegmentedControl/SegmentedControlList.js +2 -2
- package/local/SegmentedControl/SegmentedControlPanel.js +2 -2
- package/local/Spinner/Spinner.js +2 -2
- package/local/Text/Text.js +2 -2
- package/local/TextField/TextField.js +91 -86
- package/local/Tooltip/Tooltip.js +47 -47
- package/local/chunks/{Accordion.UOcVt0ft.js → Accordion.DM6Nkgnh.js} +2 -2
- package/local/chunks/{Avatar.GyYNA9m6.js → Avatar.BT61pkbV.js} +3 -3
- package/local/chunks/{BreadcrumbsItem.Dp9fzlcw.js → BreadcrumbsItem.CsPbcOZ5.js} +2 -2
- package/{chunks/CSSLookup.BdqZ5Li9.js → local/chunks/CSSLookup.CSKiKjPc.js} +1 -1
- package/local/chunks/{classNames.C6fNrXWF.js → classNames.CARKFDmR.js} +1 -1
- package/local/chunks/{constants.jOWREYQE.js → constants.ZIKMMCJH.js} +2 -2
- package/local/chunks/{helpers.BWcXAteC.js → helpers.y-1K1Ev-.js} +2 -2
- package/local/chunks/{index.DNafYKj-.js → index.CUGawMXL.js} +2 -2
- package/local/chunks/input.D7RpzZmn.js +5 -0
- package/local/wip/Checkbox/Checkbox.js +2 -2
- package/local/wip/FileUpload/FileUpload.Button.js +2 -2
- package/local/wip/FileUpload/FileUpload.Dropzone.js +2 -2
- package/local/wip/FileUpload/FileUpload.List.Item.js +3 -3
- package/local/wip/FileUpload/FileUpload.List.js +2 -2
- package/local/wip/FileUpload/FileUpload.js +3 -3
- package/local/wip/FileUpload/FileUploadContext.js +1 -1
- package/local/wip/FileUpload/FileUploadListContext.js +1 -1
- package/local/wip/Form/Form.context.js +1 -1
- package/local/wip/Form/Form.decorator.js +1 -1
- package/local/wip/Form/Form.utils.js +1 -1
- package/local/wip/NativeSelect/NativeSelect.js +93 -88
- package/local/wip/RadioButton/RadioButton.js +2 -2
- package/local/wip/Switch/Switch.js +2 -2
- package/local/wip/TextArea/TextArea.js +2 -2
- package/package.json +6 -6
- package/vscode.html-custom-data.json +320 -310
- package/wip/Checkbox/Checkbox.js +2 -2
- package/wip/FileUpload/FileUpload.Button.js +2 -2
- package/wip/FileUpload/FileUpload.Dropzone.js +2 -2
- package/wip/FileUpload/FileUpload.List.Item.js +3 -3
- package/wip/FileUpload/FileUpload.List.js +2 -2
- package/wip/FileUpload/FileUpload.js +3 -3
- package/wip/FileUpload/FileUploadContext.js +1 -1
- package/wip/FileUpload/FileUploadListContext.js +1 -1
- package/wip/Form/Form.context.js +1 -1
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/Form/Form.utils.js +1 -1
- package/wip/NativeSelect/NativeSelect.d.ts +6 -0
- package/wip/NativeSelect/NativeSelect.js +81 -76
- package/wip/RadioButton/RadioButton.js +2 -2
- package/wip/Switch/Switch.js +2 -2
- package/wip/TextArea/TextArea.js +2 -2
|
@@ -1,69 +1,71 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { n as
|
|
1
|
+
import { r as F, E as n, x as g } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n as c, c as q } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
3
|
import { r as $ } from "../chunks/state.CqiuSzAl.js";
|
|
4
|
-
import { o as
|
|
5
|
-
import { n as
|
|
6
|
-
import { p as
|
|
7
|
-
import {
|
|
4
|
+
import { o as C } from "../chunks/query-assigned-elements.Drkgpk9q.js";
|
|
5
|
+
import { n as M } from "../chunks/ref.B7e1Hu4F.js";
|
|
6
|
+
import { p as f, c as y, a as w, g as O } from "../chunks/classNames.CARKFDmR.js";
|
|
7
|
+
import { d as z } from "../chunks/input.D7RpzZmn.js";
|
|
8
|
+
import { t as I } from "../chunks/constants.ZIKMMCJH.js";
|
|
8
9
|
import { r as P } from "../chunks/delegate.baxDQosr.js";
|
|
9
|
-
import { s as
|
|
10
|
-
import { FormField as
|
|
11
|
-
import "../chunks/index.
|
|
12
|
-
const A = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--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
|
-
var
|
|
10
|
+
import { s as T } from "../chunks/helpers.y-1K1Ev-.js";
|
|
11
|
+
import { FormField as A } from "../wip/Form/Form.decorator.js";
|
|
12
|
+
import "../chunks/index.CUGawMXL.js";
|
|
13
|
+
const L = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--sm .bm-text-field__field{--bm-input-field-height: var(--bm-sem-size-height-sm);--bm-input-field-padding-y: var(--bm-sem-space-25);--bm-input-field-padding-x: var(--bm-sem-space-75);--bm-input-field-font: var(--bm-sem-typo-compact-body-sm);--bm-input-field-icon-size: var(--bm-sem-size-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-md-height);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x);--bm-input-field-font: var(--bm-comp-input-typo-default);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height: var(--bm-sem-size-height-lg);--bm-input-field-padding-y: var(--bm-sem-space-75);--bm-input-field-padding-x: var(--bm-sem-space-125);--bm-input-field-font: var(--bm-comp-input-typo-default);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon)}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y) var(--bm-input-field-padding-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}';
|
|
14
|
+
var R = Object.defineProperty, W = Object.getOwnPropertyDescriptor, k = (e) => {
|
|
14
15
|
throw TypeError(e);
|
|
15
|
-
}, t = (e,
|
|
16
|
-
for (var m =
|
|
17
|
-
(
|
|
18
|
-
return
|
|
19
|
-
},
|
|
20
|
-
const { baseClassNamePrefix:
|
|
21
|
-
let
|
|
16
|
+
}, t = (e, i, r, a) => {
|
|
17
|
+
for (var m = a > 1 ? void 0 : a ? W(i, r) : i, d = e.length - 1, p; d >= 0; d--)
|
|
18
|
+
(p = e[d]) && (m = (a ? p(i, r, m) : p(m)) || m);
|
|
19
|
+
return a && m && R(i, r, m), m;
|
|
20
|
+
}, D = (e, i, r) => i.has(e) || k("Cannot " + r), l = (e, i, r) => (D(e, i, "read from private field"), r ? r.call(e) : i.get(e)), u = (e, i, r) => i.has(e) ? k("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), s, h, v, x;
|
|
21
|
+
const { baseClassNamePrefix: H, subElementClassPrefix: _, classModifierPrefix: b } = O("text-field");
|
|
22
|
+
let o = class extends A {
|
|
22
23
|
constructor() {
|
|
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,
|
|
24
|
+
super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = z, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, u(this, s, () => {
|
|
24
25
|
var e;
|
|
25
26
|
return !!(this.disabled || (e = this.formContext) != null && e.disabled);
|
|
26
|
-
}),
|
|
27
|
+
}), u(this, h, () => {
|
|
27
28
|
var e;
|
|
28
29
|
return !!(this.readOnly || (e = this.formContext) != null && e.readOnly);
|
|
29
|
-
}),
|
|
30
|
+
}), u(this, v, () => {
|
|
30
31
|
var e;
|
|
31
32
|
return !!(this.required || (e = this.formContext) != null && e.required);
|
|
32
|
-
}),
|
|
33
|
-
const
|
|
33
|
+
}), u(this, x, (e) => {
|
|
34
|
+
const i = e === "before" ? "_hasContentBeforeSlot" : "_hasContentAfterSlot", a = g`<slot
|
|
34
35
|
name="content-${e}"
|
|
35
36
|
@slotchange="${({ target: m }) => {
|
|
36
|
-
this[
|
|
37
|
+
this[i] = T(m);
|
|
37
38
|
}}"
|
|
38
39
|
></slot>`;
|
|
39
|
-
return this[
|
|
40
|
+
return this[i] ? g`<div class="${_}content">${a}</div>` : a;
|
|
40
41
|
});
|
|
41
42
|
}
|
|
42
43
|
updated(e) {
|
|
43
|
-
const [
|
|
44
|
+
const [i] = this._textFieldLabel, [r] = this._textFieldHelperText, { decorate: a } = w(i), { decorate: m } = w(r), d = f(e, ["value"]), p = f(e, ["validationRules"]), S = f(e, ["formContext", "disabled"]), B = f(e, [
|
|
44
45
|
"formContext",
|
|
45
46
|
"required",
|
|
46
47
|
"hideRequiredMarker"
|
|
47
|
-
]),
|
|
48
|
-
(
|
|
48
|
+
]), E = f(e, ["formContext"]) && this.contextInitialsChanged();
|
|
49
|
+
(d || E) && this.setContextValue(), S && (a({ disabled: l(this, s).call(this) }), m({ disabled: l(this, s).call(this) })), p && this.setContextValidation(), B && a({ required: l(this, v).call(this) && !this.hideRequiredMarker });
|
|
49
50
|
}
|
|
50
51
|
render() {
|
|
51
|
-
const { ariaInvalid: e } = this, { length:
|
|
52
|
+
const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, a = this.helperTextId, m = this.error || this.validationErrorShown() ? y(
|
|
52
53
|
this.error && this.errorId,
|
|
53
54
|
this.validationErrorShown() && this.validationErrorsId
|
|
54
|
-
) : void 0,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
this.theme &&
|
|
58
|
-
this.
|
|
59
|
-
this.
|
|
60
|
-
|
|
61
|
-
l(this,
|
|
55
|
+
) : void 0, d = y(
|
|
56
|
+
H,
|
|
57
|
+
r && `${b}error`,
|
|
58
|
+
this.theme && I(this.theme),
|
|
59
|
+
`${b}${this.size || z}`,
|
|
60
|
+
this.fluid && `${b}fluid`,
|
|
61
|
+
this.ellipse && `${b}ellipsis`,
|
|
62
|
+
l(this, s).call(this) && `${b}disabled`,
|
|
63
|
+
l(this, h).call(this) && `${b}read-only`
|
|
62
64
|
);
|
|
63
65
|
return g`
|
|
64
66
|
<div
|
|
65
|
-
class="${
|
|
66
|
-
style="${this.width ? `max-width: ${this.width}` :
|
|
67
|
+
class="${d}"
|
|
68
|
+
style="${this.width ? `max-width: ${this.width}` : n}"
|
|
67
69
|
>
|
|
68
70
|
<slot name="label" id="${this.labelId}"></slot>
|
|
69
71
|
<div class="${_}field">
|
|
@@ -72,88 +74,91 @@ let r = class extends T {
|
|
|
72
74
|
id="${this.id}"
|
|
73
75
|
name="${this.name}"
|
|
74
76
|
type="${this.type}"
|
|
75
|
-
${
|
|
77
|
+
${M(this.formFieldRef)}
|
|
76
78
|
inputmode="${this.inputMode}"
|
|
77
79
|
?required="${l(this, v).call(this)}"
|
|
78
|
-
?readonly="${l(this,
|
|
79
|
-
?disabled="${l(this,
|
|
80
|
-
placeholder="${this.placeholder ??
|
|
80
|
+
?readonly="${l(this, h).call(this)}"
|
|
81
|
+
?disabled="${l(this, s).call(this)}"
|
|
82
|
+
placeholder="${this.placeholder ?? n}"
|
|
81
83
|
aria-labelledby="${this.labelId}"
|
|
82
|
-
aria-label="${this.inputAriaLabel ??
|
|
84
|
+
aria-label="${this.inputAriaLabel ?? n}"
|
|
83
85
|
@blur="${this.validateFieldOnBlur}"
|
|
84
86
|
@keydown="${this.submitFormByEnter}"
|
|
85
|
-
aria-describedby="${
|
|
86
|
-
aria-errormessage="${m ??
|
|
87
|
+
aria-describedby="${a ?? n}"
|
|
88
|
+
aria-errormessage="${m ?? n}"
|
|
87
89
|
class="${_}input"
|
|
88
90
|
@input="${this.validateFieldOnChange}"
|
|
89
|
-
aria-invalid="${e ||
|
|
91
|
+
aria-invalid="${e || r}"
|
|
90
92
|
/>
|
|
91
93
|
${l(this, x).call(this, "after")}
|
|
92
94
|
</div>
|
|
93
95
|
<slot name="helper-text" id="${this.helperTextId}"></slot>
|
|
94
|
-
${this.renderError(this.error, l(this,
|
|
96
|
+
${this.renderError(this.error, l(this, s).call(this))}
|
|
95
97
|
${this.renderValidationErrors()}
|
|
96
98
|
</div>
|
|
97
99
|
`;
|
|
98
100
|
}
|
|
99
101
|
};
|
|
100
|
-
|
|
101
|
-
|
|
102
|
+
s = /* @__PURE__ */ new WeakMap();
|
|
103
|
+
h = /* @__PURE__ */ new WeakMap();
|
|
102
104
|
v = /* @__PURE__ */ new WeakMap();
|
|
103
105
|
x = /* @__PURE__ */ new WeakMap();
|
|
104
|
-
P(
|
|
105
|
-
|
|
106
|
+
P(o);
|
|
107
|
+
o.styles = F(L);
|
|
106
108
|
t([
|
|
107
|
-
|
|
108
|
-
],
|
|
109
|
+
c({ type: String })
|
|
110
|
+
], o.prototype, "placeholder", 2);
|
|
109
111
|
t([
|
|
110
|
-
|
|
111
|
-
],
|
|
112
|
+
c({ type: Boolean })
|
|
113
|
+
], o.prototype, "required", 2);
|
|
112
114
|
t([
|
|
113
|
-
|
|
114
|
-
],
|
|
115
|
+
c({ type: Boolean })
|
|
116
|
+
], o.prototype, "hideRequiredMarker", 2);
|
|
115
117
|
t([
|
|
116
|
-
|
|
117
|
-
],
|
|
118
|
+
c({ type: String })
|
|
119
|
+
], o.prototype, "error", 2);
|
|
118
120
|
t([
|
|
119
|
-
|
|
120
|
-
],
|
|
121
|
+
c({ type: Boolean })
|
|
122
|
+
], o.prototype, "readOnly", 2);
|
|
121
123
|
t([
|
|
122
|
-
|
|
123
|
-
],
|
|
124
|
+
c({ type: Boolean })
|
|
125
|
+
], o.prototype, "disabled", 2);
|
|
124
126
|
t([
|
|
125
|
-
|
|
126
|
-
],
|
|
127
|
+
c({ type: Boolean })
|
|
128
|
+
], o.prototype, "fluid", 2);
|
|
127
129
|
t([
|
|
128
|
-
|
|
129
|
-
],
|
|
130
|
+
c({ type: String })
|
|
131
|
+
], o.prototype, "size", 2);
|
|
130
132
|
t([
|
|
131
|
-
|
|
132
|
-
],
|
|
133
|
+
c({ type: String })
|
|
134
|
+
], o.prototype, "width", 2);
|
|
133
135
|
t([
|
|
134
|
-
|
|
135
|
-
],
|
|
136
|
+
c({ type: Boolean })
|
|
137
|
+
], o.prototype, "ellipse", 2);
|
|
136
138
|
t([
|
|
137
|
-
|
|
138
|
-
],
|
|
139
|
+
c({ type: String })
|
|
140
|
+
], o.prototype, "theme", 2);
|
|
139
141
|
t([
|
|
140
|
-
|
|
141
|
-
],
|
|
142
|
+
c({ type: String })
|
|
143
|
+
], o.prototype, "type", 2);
|
|
142
144
|
t([
|
|
143
|
-
|
|
144
|
-
],
|
|
145
|
+
c({ type: String })
|
|
146
|
+
], o.prototype, "inputMode", 2);
|
|
145
147
|
t([
|
|
146
|
-
|
|
147
|
-
],
|
|
148
|
+
C({ slot: "label" })
|
|
149
|
+
], o.prototype, "_textFieldLabel", 2);
|
|
150
|
+
t([
|
|
151
|
+
C({ slot: "helper-text" })
|
|
152
|
+
], o.prototype, "_textFieldHelperText", 2);
|
|
148
153
|
t([
|
|
149
154
|
$()
|
|
150
|
-
],
|
|
155
|
+
], o.prototype, "_hasContentBeforeSlot", 2);
|
|
151
156
|
t([
|
|
152
157
|
$()
|
|
153
|
-
],
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
],
|
|
158
|
+
], o.prototype, "_hasContentAfterSlot", 2);
|
|
159
|
+
o = t([
|
|
160
|
+
q("bm-text-field")
|
|
161
|
+
], o);
|
|
157
162
|
export {
|
|
158
|
-
|
|
163
|
+
o as BmTextField
|
|
159
164
|
};
|
package/local/Tooltip/Tooltip.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as xt, i as he, x as Xt, a as qt } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
2
|
import { n as v, c as Gt } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
3
|
import { e as zt, n as Dt } from "../chunks/ref.B7e1Hu4F.js";
|
|
4
|
-
import { e as ge, f as Tt, h as be, g as Zt, c as vt } from "../chunks/classNames.
|
|
5
|
-
import { p as ve, t as ye } from "../chunks/constants.
|
|
4
|
+
import { e as ge, f as Tt, h as be, g as Zt, c as vt } from "../chunks/classNames.CARKFDmR.js";
|
|
5
|
+
import { p as ve, t as ye } from "../chunks/constants.ZIKMMCJH.js";
|
|
6
6
|
import { e as we, f as xe } from "../chunks/tokens.CTW8Tt94.js";
|
|
7
|
-
import { c as Ce, d as kt, m as $t, r as Oe, h as Ae, e as Jt, f as Bt } from "../chunks/helpers.
|
|
7
|
+
import { c as Ce, d as kt, m as $t, r as Oe, h as Ae, e as Jt, f as Bt } from "../chunks/helpers.y-1K1Ev-.js";
|
|
8
8
|
import { r as Ee } from "../chunks/state.CqiuSzAl.js";
|
|
9
9
|
const Qt = `: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-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #202e39);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}: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-tooltip-color-bg: var(--bm-sem-color-surface-inverse, #ffffff);--bm-comp-tooltip-color-text: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-tooltip-color-icon-trigger: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-tooltip-radius: var(--bm-sem-radius-sm, .25rem);--bm-comp-tooltip-space-x: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-y: var(--bm-sem-space-50, .5rem);--bm-comp-tooltip-space-arrow: var(--bm-sem-space-75, .75rem);--bm-comp-tooltip-space-offset: var(--bm-sem-space-25, .25rem);--bm-comp-tooltip-size-arrow-width: .625rem;--bm-comp-tooltip-size-arrow-height: var( --bm-primitive-dimension-25, .25rem );--bm-comp-tooltip-size-width: var(--bm-primitive-dimension-1500, 15rem);--bm-comp-tooltip-size-icon-trigger-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-tooltip-size-icon-trigger-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-tooltip-size-icon-trigger-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-tooltip-size-icon-trigger-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-tooltip-size-icon-trigger-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-tooltip-typo-body: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" )}.bm-tooltip__icon-trigger{border:none;background:none;padding:0;margin:0;display:flex;cursor:pointer;color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-tooltip{z-index:999;background-color:var(--bm-comp-tooltip-color-bg);border-radius:var(--bm-comp-tooltip-radius);max-width:var(--bm-comp-tooltip-size-width);padding:var(--bm-comp-tooltip-space-y) var(--bm-comp-tooltip-space-x);color:var(--bm-comp-tooltip-color-text);font:var(--bm-comp-tooltip-typo-body);offset:var(--bm-comp-tooltip-space-offset);transition-property:opacity}.bm-tooltip[data-status=open]{transition-duration:0s}.bm-tooltip[data-status=close]{transition-duration:.2s}.bm-tooltip[data-status=initial],.bm-tooltip[data-status=close]{opacity:0}.bm-tooltip__arrow{offset:var(--bm-comp-tooltip-space-arrow);-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="4" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 3.515c.69.647 1.81.647 2.5 0L10 0H0l3.75 3.515Z" fill="%23202E39"/></svg>');mask-size:cover;mask-position:center;mask-repeat:no-repeat;scale:1.05;width:var(--bm-comp-tooltip-size-arrow-width);height:var(--bm-comp-tooltip-size-arrow-height);background-color:var(--bm-comp-tooltip-color-bg)}.bm-tooltip__icon-trigger svg{background:none;border:none}.bm-tooltip__icon-trigger:focus-visible{border-radius:var(--bm-sem-radius-round);outline-offset:0px;outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-tooltip__icon-trigger--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:inherit}.bm-tooltip__icon-trigger--xs{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--xs svg{height:var(--bm-comp-tooltip-size-icon-trigger-xs);width:var(--bm-comp-tooltip-size-icon-trigger-xs)}.bm-tooltip__icon-trigger--sm{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--sm svg{height:var(--bm-comp-tooltip-size-icon-trigger-sm);width:var(--bm-comp-tooltip-size-icon-trigger-sm)}.bm-tooltip__icon-trigger--md{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--md svg{height:var(--bm-comp-tooltip-size-icon-trigger-md);width:var(--bm-comp-tooltip-size-icon-trigger-md)}.bm-tooltip__icon-trigger--lg{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--lg svg{height:var(--bm-comp-tooltip-size-icon-trigger-lg);width:var(--bm-comp-tooltip-size-icon-trigger-lg)}.bm-tooltip__icon-trigger--xl{border-radius:100%;height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}.bm-tooltip__icon-trigger--xl svg{height:var(--bm-comp-tooltip-size-icon-trigger-xl);width:var(--bm-comp-tooltip-size-icon-trigger-xl)}`, te = ["top", "right", "bottom", "left"], Ht = ["start", "end"], Ft = /* @__PURE__ */ te.reduce((e, t) => e.concat(t, t + "-" + Ht[0], t + "-" + Ht[1]), []), q = Math.min, S = Math.max, ft = Math.round, ct = Math.floor, W = (e) => ({
|
|
10
10
|
x: e,
|
|
@@ -14,7 +14,7 @@ const Qt = `:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data
|
|
|
14
14
|
right: "left",
|
|
15
15
|
bottom: "top",
|
|
16
16
|
top: "bottom"
|
|
17
|
-
},
|
|
17
|
+
}, _e = {
|
|
18
18
|
start: "end",
|
|
19
19
|
end: "start"
|
|
20
20
|
};
|
|
@@ -48,12 +48,12 @@ function ee(e, t, i) {
|
|
|
48
48
|
let s = o === "x" ? n === (i ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
|
|
49
49
|
return t.reference[r] > t.floating[r] && (s = st(s)), [s, st(s)];
|
|
50
50
|
}
|
|
51
|
-
function
|
|
51
|
+
function Re(e) {
|
|
52
52
|
const t = st(e);
|
|
53
53
|
return [pt(e), t, pt(t)];
|
|
54
54
|
}
|
|
55
55
|
function pt(e) {
|
|
56
|
-
return e.replace(/start|end/g, (t) =>
|
|
56
|
+
return e.replace(/start|end/g, (t) => _e[t]);
|
|
57
57
|
}
|
|
58
58
|
function Le(e, t, i) {
|
|
59
59
|
const n = ["left", "right"], o = ["right", "left"], r = ["top", "bottom"], s = ["bottom", "top"];
|
|
@@ -360,13 +360,13 @@ const ke = function(e) {
|
|
|
360
360
|
} = Z(e, t);
|
|
361
361
|
if ((i = r.arrow) != null && i.alignmentOffset)
|
|
362
362
|
return {};
|
|
363
|
-
const u = $(o), y = Q(l), w = $(l) === l, O = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), x = d || (w || !g ? [st(l)] :
|
|
363
|
+
const u = $(o), y = Q(l), w = $(l) === l, O = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), x = d || (w || !g ? [st(l)] : Re(l)), D = b !== "none";
|
|
364
364
|
!d && D && x.push(...Se(l, g, b, O));
|
|
365
|
-
const P = [l, ...x],
|
|
365
|
+
const P = [l, ...x], R = await ot(t, h), T = [];
|
|
366
366
|
let C = ((n = r.flip) == null ? void 0 : n.overflows) || [];
|
|
367
|
-
if (f && T.push(
|
|
367
|
+
if (f && T.push(R[u]), p) {
|
|
368
368
|
const I = ee(o, s, O);
|
|
369
|
-
T.push(
|
|
369
|
+
T.push(R[I[0]], R[I[1]]);
|
|
370
370
|
}
|
|
371
371
|
if (C = [...C, {
|
|
372
372
|
placement: o,
|
|
@@ -596,14 +596,14 @@ const Fe = function(e) {
|
|
|
596
596
|
let h, u;
|
|
597
597
|
p === "top" || p === "bottom" ? (h = p, u = d === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (u = p, h = d === "end" ? "top" : "bottom");
|
|
598
598
|
const y = g - f.top - f.bottom, w = b - f.left - f.right, O = q(g - f[h], y), x = q(b - f[u], w), D = !t.middlewareData.shift;
|
|
599
|
-
let P = O,
|
|
600
|
-
if ((i = t.middlewareData.shift) != null && i.enabled.x && (
|
|
599
|
+
let P = O, R = x;
|
|
600
|
+
if ((i = t.middlewareData.shift) != null && i.enabled.x && (R = w), (n = t.middlewareData.shift) != null && n.enabled.y && (P = y), D && !d) {
|
|
601
601
|
const C = S(f.left, 0), L = S(f.right, 0), j = S(f.top, 0), k = S(f.bottom, 0);
|
|
602
|
-
m ?
|
|
602
|
+
m ? R = b - 2 * (C !== 0 || L !== 0 ? C + L : S(f.left, f.right)) : P = g - 2 * (j !== 0 || k !== 0 ? j + k : S(f.top, f.bottom));
|
|
603
603
|
}
|
|
604
604
|
await c({
|
|
605
605
|
...t,
|
|
606
|
-
availableWidth:
|
|
606
|
+
availableWidth: R,
|
|
607
607
|
availableHeight: P
|
|
608
608
|
});
|
|
609
609
|
const T = await s.getDimensions(l.floating);
|
|
@@ -734,11 +734,11 @@ function se(e) {
|
|
|
734
734
|
$: l
|
|
735
735
|
};
|
|
736
736
|
}
|
|
737
|
-
function
|
|
737
|
+
function _t(e) {
|
|
738
738
|
return F(e) ? e : e.contextElement;
|
|
739
739
|
}
|
|
740
740
|
function et(e) {
|
|
741
|
-
const t =
|
|
741
|
+
const t = _t(e);
|
|
742
742
|
if (!V(t))
|
|
743
743
|
return W(1);
|
|
744
744
|
const i = t.getBoundingClientRect(), {
|
|
@@ -765,7 +765,7 @@ function Ve(e, t, i) {
|
|
|
765
765
|
}
|
|
766
766
|
function tt(e, t, i, n) {
|
|
767
767
|
t === void 0 && (t = !1), i === void 0 && (i = !1);
|
|
768
|
-
const o = e.getBoundingClientRect(), r =
|
|
768
|
+
const o = e.getBoundingClientRect(), r = _t(e);
|
|
769
769
|
let s = W(1);
|
|
770
770
|
t && (n ? F(n) && (s = et(n)) : s = et(e));
|
|
771
771
|
const l = Ve(r, i, n) ? re(r) : W(0);
|
|
@@ -785,7 +785,7 @@ function tt(e, t, i, n) {
|
|
|
785
785
|
y: a
|
|
786
786
|
});
|
|
787
787
|
}
|
|
788
|
-
function
|
|
788
|
+
function Rt(e, t) {
|
|
789
789
|
const i = ht(e).scrollLeft;
|
|
790
790
|
return t ? t.left + i : tt(U(e)).left + i;
|
|
791
791
|
}
|
|
@@ -793,7 +793,7 @@ function le(e, t, i) {
|
|
|
793
793
|
i === void 0 && (i = !1);
|
|
794
794
|
const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - (i ? 0 : (
|
|
795
795
|
// RTL <body> scrollbar.
|
|
796
|
-
|
|
796
|
+
Rt(e, n)
|
|
797
797
|
)), r = n.top + t.scrollTop;
|
|
798
798
|
return {
|
|
799
799
|
x: o,
|
|
@@ -832,7 +832,7 @@ function Ye(e) {
|
|
|
832
832
|
}
|
|
833
833
|
function Ke(e) {
|
|
834
834
|
const t = U(e), i = ht(e), n = e.ownerDocument.body, o = S(t.scrollWidth, t.clientWidth, n.scrollWidth, n.clientWidth), r = S(t.scrollHeight, t.clientHeight, n.scrollHeight, n.clientHeight);
|
|
835
|
-
let s = -i.scrollLeft +
|
|
835
|
+
let s = -i.scrollLeft + Rt(e);
|
|
836
836
|
const l = -i.scrollTop;
|
|
837
837
|
return M(n).direction === "rtl" && (s += S(t.clientWidth, n.clientWidth) - o), {
|
|
838
838
|
width: o,
|
|
@@ -940,7 +940,7 @@ function Qe(e, t, i) {
|
|
|
940
940
|
if ((nt(t) !== "body" || lt(o)) && (l = ht(t)), n) {
|
|
941
941
|
const d = tt(t, !0, r, t);
|
|
942
942
|
c.x = d.x + t.clientLeft, c.y = d.y + t.clientTop;
|
|
943
|
-
} else o && (c.x =
|
|
943
|
+
} else o && (c.x = Rt(o));
|
|
944
944
|
const a = o && !n && !r ? le(o, l) : W(0), f = s.left + l.scrollLeft - c.x - a.x, p = s.top + l.scrollTop - c.y - a.y;
|
|
945
945
|
return {
|
|
946
946
|
x: f,
|
|
@@ -1062,7 +1062,7 @@ function no(e, t, i, n) {
|
|
|
1062
1062
|
elementResize: s = typeof ResizeObserver == "function",
|
|
1063
1063
|
layoutShift: l = typeof IntersectionObserver == "function",
|
|
1064
1064
|
animationFrame: c = !1
|
|
1065
|
-
} = n, a =
|
|
1065
|
+
} = n, a = _t(e), f = o || r ? [...a ? rt(a) : [], ...rt(t)] : [];
|
|
1066
1066
|
f.forEach((u) => {
|
|
1067
1067
|
o && u.addEventListener("scroll", i, {
|
|
1068
1068
|
passive: !0
|
|
@@ -1116,9 +1116,9 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
|
|
|
1116
1116
|
if (a == null)
|
|
1117
1117
|
return {};
|
|
1118
1118
|
const p = oe(f), d = { x: i, y: n }, m = At(o), b = Ct(m), g = Ot(m), h = await s.getDimensions(a), u = m === "y", y = u ? "top" : "left", w = u ? "bottom" : "right", O = u ? "clientHeight" : "clientWidth", x = r.reference[g] + r.reference[m] - d[m] - r.floating[g], D = d[m] - r.reference[m], P = await ((Lt = s.getOffsetParent) == null ? void 0 : Lt.call(s, a));
|
|
1119
|
-
let
|
|
1120
|
-
(!
|
|
1121
|
-
const T = x / 2 - D / 2, C =
|
|
1119
|
+
let R = P ? P[O] : 0;
|
|
1120
|
+
(!R || !await ((St = s.isElement) == null ? void 0 : St.call(s, P))) && (R = l.floating[O] || r.floating[g]);
|
|
1121
|
+
const T = x / 2 - D / 2, C = R / 2 - h.width / 2 - 1, L = q(p[y], C), j = q(p[w], C), k = L, I = R - h.width - j, Y = R / 2 - h.width / 2 + T, X = yt(k, Y, I), K = !c.arrow && H(o) != null && Y !== X && r.reference[g] / 2 - (Y < k ? L : j) - h.width / 2 < 0, N = K ? Y < k ? Y - k : Y - I : 0, B = $(o), gt = ["top", "left"].includes(B) ? -1 : 1, de = h.height * gt, ue = bo({
|
|
1122
1122
|
placement: B,
|
|
1123
1123
|
arrowHeight: h.height,
|
|
1124
1124
|
arrowWidth: h.width,
|
|
@@ -1258,7 +1258,7 @@ const so = Fe, ro = ke, lo = Me, co = $e, ao = je, fo = Be, po = (e, t, i) => {
|
|
|
1258
1258
|
f.left = n != null ? `${n}px` : "", f.top = o != null ? `${o}px` : "";
|
|
1259
1259
|
const p = st(r);
|
|
1260
1260
|
return f[p] = a, f;
|
|
1261
|
-
}, vo = ".bm-floatingui{z-index:999;position:absolute;inset:unset;top:0;left:0;width:max-content}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{position:absolute;transform-origin:bottom center}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);display:flex;justify-content:center;align-items:center;z-index:1}.bm-floatingui__overlay--transparent{background:transparent}.bm-floatingui__overlay:has(.bm-panel--contained){position:absolute!important;top:0;right:0;bottom:0;left:0;overflow:clip!important}";
|
|
1261
|
+
}, vo = ".bm-floatingui{z-index:999;position:absolute;inset:unset;top:0;left:0;width:max-content}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{position:absolute;transform-origin:bottom center}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);display:flex;justify-content:center;align-items:center;z-index:1}.bm-floatingui__overlay--transparent{background:transparent}.bm-floatingui__overlay:has(.bm-dialog){background-color:transparent;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion: reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){position:absolute!important;top:0;right:0;bottom:0;left:0;overflow:clip!important}";
|
|
1262
1262
|
class yo {
|
|
1263
1263
|
constructor(t) {
|
|
1264
1264
|
this.eventMap = /* @__PURE__ */ new Map(), this.elements = /* @__PURE__ */ new Map(), t.addController(this);
|
|
@@ -1483,7 +1483,7 @@ const xo = (e) => {
|
|
|
1483
1483
|
Ee()
|
|
1484
1484
|
], t.prototype, "_isOpen"), t;
|
|
1485
1485
|
};
|
|
1486
|
-
var Co = Object.defineProperty,
|
|
1486
|
+
var Co = Object.defineProperty, _ = (e, t, i, n) => {
|
|
1487
1487
|
for (var o = void 0, r = e.length - 1, s; r >= 0; r--)
|
|
1488
1488
|
(s = e[r]) && (o = s(t, i, o) || o);
|
|
1489
1489
|
return o && Co(t, i, o), o;
|
|
@@ -1711,46 +1711,46 @@ const {
|
|
|
1711
1711
|
`
|
|
1712
1712
|
];
|
|
1713
1713
|
let t = i;
|
|
1714
|
-
return
|
|
1714
|
+
return _([
|
|
1715
1715
|
v({ type: Boolean })
|
|
1716
|
-
], t.prototype, "hideArrow"),
|
|
1716
|
+
], t.prototype, "hideArrow"), _([
|
|
1717
1717
|
v({ type: String })
|
|
1718
|
-
], t.prototype, "placement"),
|
|
1718
|
+
], t.prototype, "placement"), _([
|
|
1719
1719
|
v({ type: Object })
|
|
1720
|
-
], t.prototype, "autoPlacement"),
|
|
1720
|
+
], t.prototype, "autoPlacement"), _([
|
|
1721
1721
|
v({ type: Object })
|
|
1722
|
-
], t.prototype, "flip"),
|
|
1722
|
+
], t.prototype, "flip"), _([
|
|
1723
1723
|
v({ type: Object })
|
|
1724
|
-
], t.prototype, "shift"),
|
|
1724
|
+
], t.prototype, "shift"), _([
|
|
1725
1725
|
v({ type: Object })
|
|
1726
|
-
], t.prototype, "autoHiding"),
|
|
1726
|
+
], t.prototype, "autoHiding"), _([
|
|
1727
1727
|
v({ type: Object })
|
|
1728
|
-
], t.prototype, "middleware"),
|
|
1728
|
+
], t.prototype, "middleware"), _([
|
|
1729
1729
|
v({ type: Boolean })
|
|
1730
|
-
], t.prototype, "defaultOpen"),
|
|
1730
|
+
], t.prototype, "defaultOpen"), _([
|
|
1731
1731
|
v({ type: Number })
|
|
1732
|
-
], t.prototype, "showDelay"),
|
|
1732
|
+
], t.prototype, "showDelay"), _([
|
|
1733
1733
|
v({ type: Number })
|
|
1734
|
-
], t.prototype, "hideDelay"),
|
|
1734
|
+
], t.prototype, "hideDelay"), _([
|
|
1735
1735
|
v({ type: Boolean, converter: Jt })
|
|
1736
|
-
], t.prototype, "popoverAPI"),
|
|
1736
|
+
], t.prototype, "popoverAPI"), _([
|
|
1737
1737
|
v({ type: Boolean })
|
|
1738
|
-
], t.prototype, "disableAutoAria"),
|
|
1738
|
+
], t.prototype, "disableAutoAria"), _([
|
|
1739
1739
|
v({ type: String })
|
|
1740
|
-
], t.prototype, "autoDescribedById"),
|
|
1740
|
+
], t.prototype, "autoDescribedById"), _([
|
|
1741
1741
|
v()
|
|
1742
|
-
], t.prototype, "offset"),
|
|
1742
|
+
], t.prototype, "offset"), _([
|
|
1743
1743
|
v({ type: Boolean })
|
|
1744
|
-
], t.prototype, "openOnClick"),
|
|
1744
|
+
], t.prototype, "openOnClick"), _([
|
|
1745
1745
|
v({ type: Boolean })
|
|
1746
|
-
], t.prototype, "openOnHover"),
|
|
1746
|
+
], t.prototype, "openOnHover"), _([
|
|
1747
1747
|
v({ type: Boolean })
|
|
1748
1748
|
], t.prototype, "openOnFocus"), t;
|
|
1749
1749
|
};
|
|
1750
|
-
var
|
|
1751
|
-
for (var o = n > 1 ? void 0 : n ?
|
|
1750
|
+
var _o = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Lo = Object.getPrototypeOf, So = Reflect.get, E = (e, t, i, n) => {
|
|
1751
|
+
for (var o = n > 1 ? void 0 : n ? Ro(t, i) : t, r = e.length - 1, s; r >= 0; r--)
|
|
1752
1752
|
(s = e[r]) && (o = (n ? s(t, i, o) : s(o)) || o);
|
|
1753
|
-
return n && o &&
|
|
1753
|
+
return n && o && _o(t, i, o), o;
|
|
1754
1754
|
}, pe = (e, t, i) => So(Lo(e), i, t);
|
|
1755
1755
|
const { subElementClassPrefix: me, baseClassNamePrefix: zo } = Zt("tooltip");
|
|
1756
1756
|
let A = class extends Po(qt) {
|
|
@@ -4,8 +4,8 @@ import { n as p, c as O } from "./register-custom-element.vod7zfGv.js";
|
|
|
4
4
|
import { r as $ } from "./state.CqiuSzAl.js";
|
|
5
5
|
import { n as k } from "./query-assigned-nodes.Dgvsf6BR.js";
|
|
6
6
|
import { o as E } from "./unsafe-svg.HSGf1NCU.js";
|
|
7
|
-
import { n as I, c as b, g as N } from "./classNames.
|
|
8
|
-
import {
|
|
7
|
+
import { n as I, c as b, g as N } from "./classNames.CARKFDmR.js";
|
|
8
|
+
import { a as D } from "./constants.ZIKMMCJH.js";
|
|
9
9
|
import { AccordionGroupCtx as M } from "../Accordion/AccordionGroup.context.js";
|
|
10
10
|
const U = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
11
|
<path
|
|
@@ -2,9 +2,9 @@ import { c as V } from "./consume.Ce9k1-wN.js";
|
|
|
2
2
|
import { r as $, a as H, x as d, E as P } from "./lit-element.CJtt9wj5.js";
|
|
3
3
|
import { n as i, c as I } from "./register-custom-element.vod7zfGv.js";
|
|
4
4
|
import { o as Z } from "./unsafe-svg.HSGf1NCU.js";
|
|
5
|
-
import { g as C, c as v } from "./classNames.
|
|
6
|
-
import "./constants.
|
|
7
|
-
import { c as B } from "./CSSLookup.
|
|
5
|
+
import { g as C, c as v } from "./classNames.CARKFDmR.js";
|
|
6
|
+
import "./constants.ZIKMMCJH.js";
|
|
7
|
+
import { c as B } from "./CSSLookup.CSKiKjPc.js";
|
|
8
8
|
import { stateLayerStyles as N, stateLayerClassName as W } from "../StateLayer/StateLayer.js";
|
|
9
9
|
import { AvatarGroupCtx as E } from "../Avatar/AvatarGroup.context.js";
|
|
10
10
|
const A = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -3,8 +3,8 @@ import { r as g, a as x, x as s } from "./lit-element.CJtt9wj5.js";
|
|
|
3
3
|
import { n as b, c as C } from "./register-custom-element.vod7zfGv.js";
|
|
4
4
|
import { n as k } from "./query-assigned-nodes.Dgvsf6BR.js";
|
|
5
5
|
import { o as u } from "./unsafe-svg.HSGf1NCU.js";
|
|
6
|
-
import { g as $ } from "./classNames.
|
|
7
|
-
import { a as w } from "./helpers.
|
|
6
|
+
import { g as $ } from "./classNames.CARKFDmR.js";
|
|
7
|
+
import { a as w } from "./helpers.y-1K1Ev-.js";
|
|
8
8
|
import { BreadcrumbGroupCtx as z } from "../Breadcrumbs/Breadcrumbs.context.js";
|
|
9
9
|
import "../Link/Link.js";
|
|
10
10
|
const B = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-breadcrumb-color-enabled: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-breadcrumb-color-hover: var(--bm-sem-color-text-primary, #141d24);--bm-comp-breadcrumb-color-active: var(--bm-sem-color-text-primary, #141d24);--bm-comp-breadcrumb-color-selected: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-breadcrumb-size-icon-chevron: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-breadcrumb-typo-default: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-breadcrumb-space-gap: var(--bm-sem-space-25, .25rem)}: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-breadcrumb-color-enabled: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-breadcrumb-color-hover: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-breadcrumb-color-active: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-breadcrumb-color-selected: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-breadcrumb-size-icon-chevron: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-breadcrumb-typo-default: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-breadcrumb-space-gap: var(--bm-sem-space-25, .25rem)}.bm-breadcrumbs__list{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:var(--bm-comp-breadcrumb-space-gap)}.bm-breadcrumbs__item{display:flex;align-items:center;gap:var(--bm-comp-breadcrumb-space-gap)}.bm-breadcrumbs__link{--bm-sem-color-link-secondary: var(--bm-comp-breadcrumb-color-enabled)}.bm-breadcrumbs__link:hover{--bm-comp-link-color-primary-hover: var(--bm-comp-breadcrumb-color-hover)}.bm-breadcrumbs__link:active{--bm-comp-link-color-secondary-active: var(--bm-comp-breadcrumb-color-active)}.bm-breadcrumbs__link.bm-link--disabled{cursor:pointer;--bm-sem-opacity-disabled: 1}.bm-breadcrumbs__link.bm-link--disabled:hover{text-decoration:underline}.bm-breadcrumbs__icon{flex-shrink:0;display:inline-flex}.bm-breadcrumbs__icon ::slotted([slot=icon]){color:var(--bm-comp-breadcrumb-color-enabled);width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon);display:inline-flex}.bm-breadcrumbs__icon--current{width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon);color:var(--bm-comp-breadcrumb-color-selected)}.bm-breadcrumbs__separator{min-width:var(--bm-comp-breadcrumb-size-icon-chevron);min-height:var(--bm-comp-breadcrumb-size-icon-chevron);max-width:var(--bm-comp-breadcrumb-size-icon-chevron);max-height:var(--bm-comp-breadcrumb-size-icon-chevron);color:var(--bm-comp-breadcrumb-color-enabled)}[dir=rtl] .bm-breadcrumbs__separator{transform:rotate(180deg)}.bm-breadcrumbs__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}[dir=rtl] .bm-breadcrumbs__text{unicode-bidi:plaintext}.bm-breadcrumbs__current{color:var(--bm-comp-breadcrumb-color-selected);font:var(--bm-comp-breadcrumb-typo-default);display:flex;align-items:center;gap:var(--bm-comp-breadcrumb-space-gap)}.bm-breadcrumbs__item--ellipsis{color:var(--bm-comp-breadcrumb-color-enabled)}.bm-breadcrumbs__item--ellipsis :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-breadcrumbs--wrap .bm-breadcrumbs__list{flex-wrap:wrap}:host(*) .bm-breadcrumbs__text{color:var(--bm-comp-breadcrumb-color-enabled)}:host(*) .bm-breadcrumbs__text:hover{color:var(--bm-comp-breadcrumb-color-hover)}:host(*) .bm-breadcrumbs__text:active{color:var(--bm-comp-breadcrumb-color-active)}::part(link){max-width:var(--bm-comp-breadcrumbs-truncation-width, auto);--bm-sem-color-link-secondary: var(--bm-comp-breadcrumb-color-enabled)}:host-context([dir=rtl]) .bm-breadcrumbs__text{unicode-bidi:plaintext}:host-context([dir=rtl]) .bm-breadcrumbs__separator{transform:rotate(180deg)}', h = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -3,7 +3,7 @@ var b = (s) => {
|
|
|
3
3
|
};
|
|
4
4
|
var h = (s, e, t) => e.has(s) || b("Cannot " + t);
|
|
5
5
|
var o = (s, e, t) => (h(s, e, "read from private field"), t ? t.call(s) : e.get(s)), c = (s, e, t) => e.has(s) ? b("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), a = (s, e, t, n) => (h(s, e, "write to private field"), n ? n.call(s, t) : e.set(s, t), t);
|
|
6
|
-
import { B as S } from "./constants.
|
|
6
|
+
import { B as S } from "./constants.ZIKMMCJH.js";
|
|
7
7
|
const m = typeof window > "u", E = 5e3, g = 5, I = m ? S : parseFloat(getComputedStyle(document.documentElement).fontSize), w = (s) => s * I, F = (s) => {
|
|
8
8
|
const e = M(s);
|
|
9
9
|
return window.getComputedStyle(document.documentElement).getPropertyValue(e);
|