@viasat/beam-web-components 2.37.0 → 2.38.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/Accordion/Accordion.js +2 -2
  2. package/Accordion/AccordionGroup.context.js +1 -1
  3. package/Accordion/AccordionGroup.js +2 -2
  4. package/Accordion/index.js +1 -1
  5. package/Alert/Alert.js +3 -3
  6. package/Avatar/Avatar.js +1 -1
  7. package/Avatar/AvatarGroup.context.js +1 -1
  8. package/Avatar/AvatarGroup.js +3 -3
  9. package/Avatar/index.js +1 -1
  10. package/Badge/Badge.js +2 -2
  11. package/BadgeDot/BadgeDot.js +2 -2
  12. package/Box/Box.js +1 -1
  13. package/Breadcrumbs/Breadcrumbs.context.js +1 -1
  14. package/Breadcrumbs/Breadcrumbs.js +3 -3
  15. package/Breadcrumbs/BreadcrumbsItem.js +3 -3
  16. package/Breadcrumbs/index.js +1 -1
  17. package/Button/Button.js +2 -2
  18. package/CloseButton/CloseButton.js +2 -2
  19. package/Divider/Divider.js +1 -1
  20. package/EmptyState/EmptyState.js +2 -2
  21. package/HelperText/HelperText.js +3 -3
  22. package/HelperText/index.js +1 -1
  23. package/Icon/Icon.js +2 -2
  24. package/InputChoiceGroup/InputChoiceGroup.context.js +1 -1
  25. package/InputChoiceGroup/InputChoiceGroup.js +49 -49
  26. package/Label/Label.js +2 -2
  27. package/Link/Link.js +1 -1
  28. package/List/List.context.js +1 -1
  29. package/List/List.js +2 -2
  30. package/List/ListItem.js +2 -2
  31. package/ProgressBar/ProgressBar.js +2 -2
  32. package/SegmentedControl/SegmentedControl.context.js +1 -1
  33. package/SegmentedControl/SegmentedControl.js +2 -2
  34. package/SegmentedControl/SegmentedControlItem.js +3 -3
  35. package/SegmentedControl/SegmentedControlList.js +2 -2
  36. package/SegmentedControl/SegmentedControlPanel.js +2 -2
  37. package/Spinner/Spinner.js +2 -2
  38. package/Text/Text.js +2 -2
  39. package/TextField/TextField.d.ts +5 -0
  40. package/TextField/TextField.js +96 -91
  41. package/Tooltip/Tooltip.js +3 -3
  42. package/chunks/{Accordion.Bwk3EG3j.js → Accordion.BF2pHMSP.js} +2 -2
  43. package/chunks/{Avatar.BKgI1H4m.js → Avatar.kVWwOxWe.js} +3 -3
  44. package/chunks/{BreadcrumbsItem.DmudL_IG.js → BreadcrumbsItem.BoIbfnh6.js} +2 -2
  45. package/{local/chunks/CSSLookup.BdqZ5Li9.js → chunks/CSSLookup.CSKiKjPc.js} +1 -1
  46. package/chunks/{HelperText.SJGM6Q5H.js → HelperText.3YJvB8x0.js} +2 -2
  47. package/chunks/{classNames.Cq_tbDRp.js → classNames.BQclmCHG.js} +1 -1
  48. package/chunks/{constants.jOWREYQE.js → constants.ZIKMMCJH.js} +2 -2
  49. package/chunks/{helpers.AwJwaZvv.js → helpers.C43UgSdK.js} +2 -2
  50. package/chunks/input.D7RpzZmn.js +5 -0
  51. package/custom-elements.json +2694 -2656
  52. package/local/Accordion/Accordion.js +2 -2
  53. package/local/Accordion/AccordionGroup.context.js +1 -1
  54. package/local/Accordion/AccordionGroup.js +2 -2
  55. package/local/Accordion/index.js +1 -1
  56. package/local/Alert/Alert.js +3 -3
  57. package/local/Avatar/Avatar.js +2 -2
  58. package/local/Avatar/AvatarGroup.context.js +1 -1
  59. package/local/Avatar/AvatarGroup.js +4 -4
  60. package/local/Avatar/index.js +1 -1
  61. package/local/Badge/Badge.js +2 -2
  62. package/local/BadgeDot/BadgeDot.js +2 -2
  63. package/local/Box/Box.js +1 -1
  64. package/local/Breadcrumbs/Breadcrumbs.context.js +1 -1
  65. package/local/Breadcrumbs/Breadcrumbs.js +3 -3
  66. package/local/Breadcrumbs/BreadcrumbsItem.js +3 -3
  67. package/local/Breadcrumbs/index.js +1 -1
  68. package/local/Button/Button.js +2 -2
  69. package/local/CloseButton/CloseButton.js +2 -2
  70. package/local/Divider/Divider.js +1 -1
  71. package/local/EmptyState/EmptyState.js +2 -2
  72. package/local/HelperText/HelperText.js +3 -3
  73. package/local/HelperText/index.js +1 -1
  74. package/local/Icon/Icon.js +2 -2
  75. package/local/InputChoiceGroup/InputChoiceGroup.context.js +1 -1
  76. package/local/InputChoiceGroup/InputChoiceGroup.js +48 -48
  77. package/local/Label/Label.js +2 -2
  78. package/local/Link/Link.js +1 -1
  79. package/local/List/List.context.js +1 -1
  80. package/local/List/List.js +2 -2
  81. package/local/List/ListItem.js +2 -2
  82. package/local/ProgressBar/ProgressBar.js +2 -2
  83. package/local/SegmentedControl/SegmentedControl.context.js +1 -1
  84. package/local/SegmentedControl/SegmentedControl.js +2 -2
  85. package/local/SegmentedControl/SegmentedControlItem.js +3 -3
  86. package/local/SegmentedControl/SegmentedControlList.js +2 -2
  87. package/local/SegmentedControl/SegmentedControlPanel.js +2 -2
  88. package/local/Spinner/Spinner.js +2 -2
  89. package/local/Text/Text.js +2 -2
  90. package/local/TextField/TextField.js +95 -90
  91. package/local/Tooltip/Tooltip.js +3 -3
  92. package/local/chunks/{Accordion.UOcVt0ft.js → Accordion.DM6Nkgnh.js} +2 -2
  93. package/local/chunks/{Avatar.GyYNA9m6.js → Avatar.BT61pkbV.js} +3 -3
  94. package/local/chunks/{BreadcrumbsItem.Dp9fzlcw.js → BreadcrumbsItem.CsPbcOZ5.js} +2 -2
  95. package/{chunks/CSSLookup.BdqZ5Li9.js → local/chunks/CSSLookup.CSKiKjPc.js} +1 -1
  96. package/local/chunks/{classNames.C6fNrXWF.js → classNames.CARKFDmR.js} +1 -1
  97. package/local/chunks/{constants.jOWREYQE.js → constants.ZIKMMCJH.js} +2 -2
  98. package/local/chunks/{helpers.BWcXAteC.js → helpers.y-1K1Ev-.js} +2 -2
  99. package/local/chunks/{index.DNafYKj-.js → index.CUGawMXL.js} +2 -2
  100. package/local/chunks/input.D7RpzZmn.js +5 -0
  101. package/local/wip/Checkbox/Checkbox.js +11 -11
  102. package/local/wip/FileUpload/FileUpload.Button.js +2 -2
  103. package/local/wip/FileUpload/FileUpload.Dropzone.js +2 -2
  104. package/local/wip/FileUpload/FileUpload.List.Item.js +3 -3
  105. package/local/wip/FileUpload/FileUpload.List.js +2 -2
  106. package/local/wip/FileUpload/FileUpload.js +3 -3
  107. package/local/wip/FileUpload/FileUploadContext.js +1 -1
  108. package/local/wip/FileUpload/FileUploadListContext.js +1 -1
  109. package/local/wip/Form/Form.context.js +1 -1
  110. package/local/wip/Form/Form.decorator.js +1 -1
  111. package/local/wip/Form/Form.utils.js +1 -1
  112. package/local/wip/NativeSelect/NativeSelect.js +100 -95
  113. package/local/wip/RadioButton/RadioButton.js +41 -41
  114. package/local/wip/Switch/Switch.js +41 -41
  115. package/local/wip/TextArea/TextArea.js +100 -100
  116. package/package.json +6 -6
  117. package/vscode.html-custom-data.json +245 -235
  118. package/wip/Checkbox/Checkbox.js +33 -33
  119. package/wip/FileUpload/FileUpload.Button.js +2 -2
  120. package/wip/FileUpload/FileUpload.Dropzone.js +2 -2
  121. package/wip/FileUpload/FileUpload.List.Item.js +3 -3
  122. package/wip/FileUpload/FileUpload.List.js +2 -2
  123. package/wip/FileUpload/FileUpload.js +3 -3
  124. package/wip/FileUpload/FileUploadContext.js +1 -1
  125. package/wip/FileUpload/FileUploadListContext.js +1 -1
  126. package/wip/Form/Form.context.js +1 -1
  127. package/wip/Form/Form.decorator.js +1 -1
  128. package/wip/Form/Form.utils.js +1 -1
  129. package/wip/NativeSelect/NativeSelect.d.ts +6 -0
  130. package/wip/NativeSelect/NativeSelect.js +98 -93
  131. package/wip/RadioButton/RadioButton.js +26 -26
  132. package/wip/Switch/Switch.js +42 -42
  133. package/wip/TextArea/TextArea.js +102 -102
package/List/List.js CHANGED
@@ -2,8 +2,8 @@ import { provide as w, consume as S } from "@lit/context";
2
2
  import { unsafeCSS as P, LitElement as z, html as m } from "lit";
3
3
  import { property as d, state as E } from "lit/decorators.js";
4
4
  import c from "clsx";
5
- import { g as M } from "../chunks/classNames.Cq_tbDRp.js";
6
- import "../chunks/constants.jOWREYQE.js";
5
+ import { g as M } from "../chunks/classNames.BQclmCHG.js";
6
+ import "../chunks/constants.ZIKMMCJH.js";
7
7
  import { l as W } from "../chunks/list.module.BSL1AIzv.js";
8
8
  import { c as B } from "../chunks/register-custom-element.DHGKOhmA.js";
9
9
  import { ListContext as v } from "./List.context.js";
package/List/ListItem.js CHANGED
@@ -3,8 +3,8 @@ import { unsafeCSS as v, LitElement as x, html as m, nothing as $ } from "lit";
3
3
  import { queryAssignedElements as g, state as y } from "lit/decorators.js";
4
4
  import { unsafeSVG as L } from "lit/directives/unsafe-svg.js";
5
5
  import c from "clsx";
6
- import "../chunks/constants.jOWREYQE.js";
7
- import { g as w } from "../chunks/classNames.Cq_tbDRp.js";
6
+ import "../chunks/constants.ZIKMMCJH.js";
7
+ import { g as w } from "../chunks/classNames.BQclmCHG.js";
8
8
  import { l as S } from "../chunks/list.module.BSL1AIzv.js";
9
9
  import { c as b } from "../chunks/register-custom-element.DHGKOhmA.js";
10
10
  import { ListContext as E } from "./List.context.js";
@@ -1,8 +1,8 @@
1
1
  import { unsafeCSS as _, LitElement as y, html as m, nothing as b } from "lit";
2
2
  import { property as o } from "lit/decorators.js";
3
3
  import $ from "clsx";
4
- import { t as x } from "../chunks/constants.jOWREYQE.js";
5
- import { g as w } from "../chunks/classNames.Cq_tbDRp.js";
4
+ import { t as x } from "../chunks/constants.ZIKMMCJH.js";
5
+ import { g as w } from "../chunks/classNames.BQclmCHG.js";
6
6
  import { r as z } from "../chunks/delegate.baxDQosr.js";
7
7
  import { c as S } from "../chunks/register-custom-element.DHGKOhmA.js";
8
8
  function P(r, e) {
@@ -1,5 +1,5 @@
1
1
  import { createContext as o } from "@lit/context";
2
- import { p as t } from "../chunks/constants.jOWREYQE.js";
2
+ import { p as t } from "../chunks/constants.ZIKMMCJH.js";
3
3
  const n = o(
4
4
  Symbol(`${t}segmented-control-group-context`)
5
5
  );
@@ -1,8 +1,8 @@
1
1
  import { provide as y } from "@lit/context";
2
2
  import { unsafeCSS as x, LitElement as b, html as w } from "lit";
3
3
  import { property as m, state as E } from "lit/decorators.js";
4
- import { g as z } from "../chunks/classNames.Cq_tbDRp.js";
5
- import "../chunks/constants.jOWREYQE.js";
4
+ import { g as z } from "../chunks/classNames.BQclmCHG.js";
5
+ import "../chunks/constants.ZIKMMCJH.js";
6
6
  import { s as B } from "../chunks/segmentedControl.module.DUw6nBfH.js";
7
7
  import { c as I } from "../chunks/register-custom-element.DHGKOhmA.js";
8
8
  import { segmentedControlContext as O } from "./SegmentedControl.context.js";
@@ -2,12 +2,12 @@ import { consume as v } from "@lit/context";
2
2
  import { unsafeCSS as w, css as x, nothing as m, html as u, LitElement as _ } from "lit";
3
3
  import { property as p, state as C, query as y } from "lit/decorators.js";
4
4
  import b from "clsx";
5
- import { c as O, g as T } from "../chunks/classNames.Cq_tbDRp.js";
6
- import { a as E } from "../chunks/constants.jOWREYQE.js";
5
+ import { c as O, g as T } from "../chunks/classNames.BQclmCHG.js";
6
+ import { b as E } from "../chunks/constants.ZIKMMCJH.js";
7
7
  import { r as $ } from "../chunks/dom.CroF8n1N.js";
8
8
  import { s as S } from "../chunks/segmentedControl.module.DUw6nBfH.js";
9
9
  import { c as A } from "../chunks/register-custom-element.DHGKOhmA.js";
10
- import { a as I } from "../chunks/helpers.AwJwaZvv.js";
10
+ import { a as I } from "../chunks/helpers.C43UgSdK.js";
11
11
  import "../Tooltip/Tooltip.js";
12
12
  import { stateLayerStyles as D, stateLayerClassName as N } from "../StateLayer/StateLayer.js";
13
13
  import { segmentedControlContext as k } from "./SegmentedControl.context.js";
@@ -2,8 +2,8 @@ import { consume as a } from "@lit/context";
2
2
  import { unsafeCSS as c, LitElement as C, html as p } from "lit";
3
3
  import { property as f } from "lit/decorators.js";
4
4
  import u from "clsx";
5
- import { g } from "../chunks/classNames.Cq_tbDRp.js";
6
- import "../chunks/constants.jOWREYQE.js";
5
+ import { g } from "../chunks/classNames.BQclmCHG.js";
6
+ import "../chunks/constants.ZIKMMCJH.js";
7
7
  import { s as h } from "../chunks/segmentedControl.module.DUw6nBfH.js";
8
8
  import { c as b } from "../chunks/register-custom-element.DHGKOhmA.js";
9
9
  import { segmentedControlContext as v } from "./SegmentedControl.context.js";
@@ -2,8 +2,8 @@ import { consume as c } from "@lit/context";
2
2
  import { unsafeCSS as i, LitElement as u, html as f } from "lit";
3
3
  import { property as p } from "lit/decorators.js";
4
4
  import d from "clsx";
5
- import { g as C } from "../chunks/classNames.Cq_tbDRp.js";
6
- import "../chunks/constants.jOWREYQE.js";
5
+ import { g as C } from "../chunks/classNames.BQclmCHG.js";
6
+ import "../chunks/constants.ZIKMMCJH.js";
7
7
  import { s as g } from "../chunks/segmentedControl.module.DUw6nBfH.js";
8
8
  import { c as v } from "../chunks/register-custom-element.DHGKOhmA.js";
9
9
  import { segmentedControlContext as b } from "./SegmentedControl.context.js";
@@ -1,8 +1,8 @@
1
1
  import { unsafeCSS as D, LitElement as I, html as b, nothing as d } from "lit";
2
2
  import { property as v, queryAssignedElements as B } from "lit/decorators.js";
3
3
  import $ from "clsx";
4
- import { g as M } from "../chunks/classNames.Cq_tbDRp.js";
5
- import "../chunks/constants.jOWREYQE.js";
4
+ import { g as M } from "../chunks/classNames.BQclmCHG.js";
5
+ import "../chunks/constants.ZIKMMCJH.js";
6
6
  import { c as E } from "../chunks/register-custom-element.DHGKOhmA.js";
7
7
  const W = 10, H = {
8
8
  xxs: {
package/Text/Text.js CHANGED
@@ -2,8 +2,8 @@ import { unsafeCSS as v, LitElement as l } from "lit";
2
2
  import { property as r } from "lit/decorators.js";
3
3
  import { html as x } from "lit/static-html.js";
4
4
  import d from "clsx";
5
- import { p as g, t as y } from "../chunks/constants.jOWREYQE.js";
6
- import { g as f } from "../chunks/classNames.Cq_tbDRp.js";
5
+ import { p as g, t as y } from "../chunks/constants.ZIKMMCJH.js";
6
+ import { g as f } from "../chunks/classNames.BQclmCHG.js";
7
7
  import { c as h } from "../chunks/register-custom-element.DHGKOhmA.js";
8
8
  const c = `${g}sem-typo-`, u = "compact-", w = ".bm-sem-typo-heading-6xl{font:var(--bm-sem-typo-heading-6xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-5xl{font:var(--bm-sem-typo-heading-5xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-4xl{font:var(--bm-sem-typo-heading-4xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-3xl{font:var(--bm-sem-typo-heading-3xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-2xl{font:var(--bm-sem-typo-heading-2xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-6xl{font:var(--bm-sem-typo-heading-alt-6xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-5xl{font:var(--bm-sem-typo-heading-alt-5xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-4xl{font:var(--bm-sem-typo-heading-alt-4xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-3xl{font:var(--bm-sem-typo-heading-alt-3xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-2xl{font:var(--bm-sem-typo-heading-alt-2xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-xl{font:var(--bm-sem-typo-heading-xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-lg{font:var(--bm-sem-typo-heading-lg);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-md{font:var(--bm-sem-typo-heading-md);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-sm{font:var(--bm-sem-typo-heading-sm);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-xs{font:var(--bm-sem-typo-heading-xs);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-xl{font:var(--bm-sem-typo-heading-alt-xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-lg{font:var(--bm-sem-typo-heading-alt-lg);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-md{font:var(--bm-sem-typo-heading-alt-md);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-sm{font:var(--bm-sem-typo-heading-alt-sm);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-heading-alt-xs{font:var(--bm-sem-typo-heading-alt-xs);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-body-xs{font:var(--bm-sem-typo-body-xs);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-body-sm{font:var(--bm-sem-typo-body-sm);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-body-md{font:var(--bm-sem-typo-body-md);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-body-lg{font:var(--bm-sem-typo-body-lg);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-body-xl{font:var(--bm-sem-typo-body-xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-body-2xl{font:var(--bm-sem-typo-body-2xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-detail-xs{font:var(--bm-sem-typo-detail-xs);text-transform:var(--bm-primitive-text-case-uppercase);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-detail-sm{font:var(--bm-sem-typo-detail-sm);text-transform:var(--bm-primitive-text-case-uppercase);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-detail-md{font:var(--bm-sem-typo-detail-md);text-transform:var(--bm-primitive-text-case-uppercase);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-detail-lg{font:var(--bm-sem-typo-detail-lg);text-transform:var(--bm-primitive-text-case-uppercase);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-detail-xl{font:var(--bm-sem-typo-detail-xl);text-transform:var(--bm-primitive-text-case-uppercase);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-heading)}.bm-sem-typo-label-xs{font:var(--bm-sem-typo-label-xs);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-label-sm{font:var(--bm-sem-typo-label-sm);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-label-md{font:var(--bm-sem-typo-label-md);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-label-lg{font:var(--bm-sem-typo-label-lg);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-label-xl{font:var(--bm-sem-typo-label-xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-label-2xl{font:var(--bm-sem-typo-label-2xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-body-xs{font:var(--bm-sem-typo-compact-body-xs);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-body-sm{font:var(--bm-sem-typo-compact-body-sm);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-body-md{font:var(--bm-sem-typo-compact-body-md);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-body-lg{font:var(--bm-sem-typo-compact-body-lg);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-body-xl{font:var(--bm-sem-typo-compact-body-xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-body-2xl{font:var(--bm-sem-typo-compact-body-2xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-label-xs{font:var(--bm-sem-typo-compact-label-xs);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-label-sm{font:var(--bm-sem-typo-compact-label-sm);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-label-md{font:var(--bm-sem-typo-compact-label-md);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-label-lg{font:var(--bm-sem-typo-compact-label-lg);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-label-xl{font:var(--bm-sem-typo-compact-label-xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-sem-typo-compact-label-2xl{font:var(--bm-sem-typo-compact-label-2xl);text-transform:var(--bm-primitive-text-case-none);text-decoration:var(--bm-primitive-text-decoration-none);letter-spacing:var(--bm-primitive-letter-spacing-body)}.bm-text{padding:var(--bm-sem-space-0);margin:var(--bm-sem-space-0)}.bm-text--normal{word-break:normal}.bm-text--breakAll{word-break:break-all}.bm-text--breakWord{word-break:break-word}.bm-text--start{text-align:start}.bm-text--center{text-align:center}.bm-text--end{text-align:end}.bm-text--block{display:block}.bm-text--truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-text--truncate ::slotted(*){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-text--italic{font-style:italic}.bm-text--underline.bm-text--strikethrough{text-decoration:underline line-through}.bm-text--underline{text-decoration:underline}.bm-text--strikethrough{text-decoration:line-through}.bm-text--heading-regular{font-weight:var(--bm-sem-font-weight-heading)}.bm-text--heading-bold{font-weight:var(--bm-sem-font-weight-heading-alt)}.bm-text--body-regular{font-weight:var(--bm-sem-font-weight-body)}.bm-text--body-bold{font-weight:var(--bm-sem-font-weight-body-bold)}.bm-text--primary{color:var(--bm-sem-color-text-primary)}.bm-text--secondary{color:var(--bm-sem-color-text-secondary)}.bm-text--positive{color:var(--bm-sem-color-text-positive)}.bm-text--warning{color:var(--bm-sem-color-text-warning)}.bm-text--negative{color:var(--bm-sem-color-text-negative)}.bm-text--infoPrimary{color:var(--bm-sem-color-text-info-primary)}.bm-text--infoSecondary{color:var(--bm-sem-color-text-info-secondary)}.bm-text--selected{color:var(--bm-sem-color-text-selected)}.bm-text--disabled{color:var(--bm-sem-color-text-disabled)}.bm-text--primaryInverse{color:var(--bm-sem-color-text-primary-inverse)}.bm-text--secondaryInverse{color:var(--bm-sem-color-text-secondary-inverse)}.bm-text--expressive{color:var(--bm-expressive-color-fg)}.bm-text--expressiveStronger{color:var(--bm-expressive-color-fg-stronger)}.bm-text--expressiveInverse{color:var(--bm-expressive-color-inverse-fg)}.bm-text--expressiveInverseStronger{color:var(--bm-expressive-color-inverse-fg-stronger)}";
9
9
  var k = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, e = (m, a, n, s) => {
@@ -1,3 +1,4 @@
1
+ import { InputSize } from '@viasat/beam-shared/components/input';
1
2
  import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
2
3
  import { Optional } from '@viasat/beam-shared/utils/types';
3
4
  import { NullableTemplate } from '../../utils/mixins/types';
@@ -40,6 +41,10 @@ export declare class BmTextField extends FormField {
40
41
  * Specify if TextField is fluid
41
42
  */
42
43
  fluid: boolean;
44
+ /**
45
+ * Specify the size of TextField
46
+ */
47
+ size: InputSize;
43
48
  /**
44
49
  * Specify the width of TextField
45
50
  */
@@ -1,159 +1,164 @@
1
- import { unsafeCSS as q, nothing as p, html as g } from "lit";
2
- import { property as a, queryAssignedElements as z, state as $ } from "lit/decorators.js";
3
- import { ref as E } from "lit/directives/ref.js";
4
- import y from "clsx";
5
- import { p as n, a as w, g as F } from "../chunks/classNames.Cq_tbDRp.js";
6
- import { t as M } from "../chunks/constants.jOWREYQE.js";
1
+ import { unsafeCSS as E, nothing as n, html as g } from "lit";
2
+ import { property as c, queryAssignedElements as S, state as $ } from "lit/decorators.js";
3
+ import { ref as F } from "lit/directives/ref.js";
4
+ import _ from "clsx";
5
+ import { d as w } from "../chunks/input.D7RpzZmn.js";
6
+ import { p as f, a as z, g as M } from "../chunks/classNames.BQclmCHG.js";
7
+ import { t as P } from "../chunks/constants.ZIKMMCJH.js";
7
8
  import { r as O } from "../chunks/delegate.baxDQosr.js";
8
- import { c as P } from "../chunks/register-custom-element.DHGKOhmA.js";
9
- import { s as I } from "../chunks/helpers.AwJwaZvv.js";
10
- import { FormField as A } from "../wip/Form/Form.decorator.js";
11
- import "../chunks/HelperText.SJGM6Q5H.js";
12
- const T = ':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 L = Object.defineProperty, R = Object.getOwnPropertyDescriptor, C = (e) => {
9
+ import { c as I } from "../chunks/register-custom-element.DHGKOhmA.js";
10
+ import { s as A } from "../chunks/helpers.C43UgSdK.js";
11
+ import { FormField as T } from "../wip/Form/Form.decorator.js";
12
+ import "../chunks/HelperText.3YJvB8x0.js";
13
+ const L = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--sm .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-sm);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-sm);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-sm);--bm-input-field-font: var(--bm-comp-input-typo-sm);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-sm)}.bm-text-field--md .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-md);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-md);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-md);--bm-input-field-font: var(--bm-comp-input-typo-md);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-md)}.bm-text-field--lg .bm-text-field__field{--bm-input-field-height: var(--bm-comp-input-size-field-height-lg);--bm-input-field-padding-y: var(--bm-comp-input-space-field-y-lg);--bm-input-field-padding-x: var(--bm-comp-input-space-field-x-lg);--bm-input-field-font: var(--bm-comp-input-typo-lg);--bm-input-field-icon-size: var(--bm-comp-input-size-field-icon-lg)}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-input-field-height);padding:var(--bm-input-field-padding-y) var(--bm-input-field-padding-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-input-field-font);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-input-field-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);height:var(--bm-primitive-dimension-100)}.bm-text-field__field .bm-text-field__content .bm-icon{width:var(--bm-input-field-icon-size);height:var(--bm-input-field-icon-size)}';
14
+ var R = Object.defineProperty, W = Object.getOwnPropertyDescriptor, C = (e) => {
14
15
  throw TypeError(e);
15
- }, t = (e, o, i, c) => {
16
- for (var m = c > 1 ? void 0 : c ? R(o, i) : o, s = e.length - 1, b; s >= 0; s--)
17
- (b = e[s]) && (m = (c ? b(o, i, m) : b(m)) || m);
18
- return c && m && L(o, i, m), m;
19
- }, W = (e, o, i) => o.has(e) || C("Cannot " + i), l = (e, o, i) => (W(e, o, "read from private field"), i ? i.call(e) : o.get(e)), f = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), d, u, v, x;
20
- const { baseClassNamePrefix: D, subElementClassPrefix: _, classModifierPrefix: h } = F("text-field");
21
- let r = class extends A {
16
+ }, t = (e, i, r, a) => {
17
+ for (var m = a > 1 ? void 0 : a ? W(i, r) : i, l = e.length - 1, b; l >= 0; l--)
18
+ (b = e[l]) && (m = (a ? b(i, r, m) : b(m)) || m);
19
+ return a && m && R(i, r, m), m;
20
+ }, D = (e, i, r) => i.has(e) || C("Cannot " + r), s = (e, i, r) => (D(e, i, "read from private field"), r ? r.call(e) : i.get(e)), u = (e, i, r) => i.has(e) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), d, h, v, x;
21
+ const { baseClassNamePrefix: H, subElementClassPrefix: y, classModifierPrefix: p } = M("text-field");
22
+ let o = class extends T {
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, f(this, d, () => {
24
+ super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = w, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, u(this, d, () => {
24
25
  var e;
25
26
  return !!(this.disabled || (e = this.formContext) != null && e.disabled);
26
- }), f(this, u, () => {
27
+ }), u(this, h, () => {
27
28
  var e;
28
29
  return !!(this.readOnly || (e = this.formContext) != null && e.readOnly);
29
- }), f(this, v, () => {
30
+ }), u(this, v, () => {
30
31
  var e;
31
32
  return !!(this.required || (e = this.formContext) != null && e.required);
32
- }), f(this, x, (e) => {
33
- const o = e === "before" ? "_hasContentBeforeSlot" : "_hasContentAfterSlot", c = g`<slot
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[o] = I(m);
37
+ this[i] = A(m);
37
38
  }}"
38
39
  ></slot>`;
39
- return this[o] ? g`<div class="${_}content">${c}</div>` : c;
40
+ return this[i] ? g`<div class="${y}content">${a}</div>` : a;
40
41
  });
41
42
  }
42
43
  updated(e) {
43
- const [o] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: c } = w(o), { decorate: m } = w(i), s = n(e, ["value"]), b = n(e, ["validationRules"]), k = n(e, ["formContext", "disabled"]), S = n(e, [
44
+ const [i] = this._textFieldLabel, [r] = this._textFieldHelperText, { decorate: a } = z(i), { decorate: m } = z(r), l = f(e, ["value"]), b = f(e, ["validationRules"]), k = f(e, ["formContext", "disabled"]), B = f(e, [
44
45
  "formContext",
45
46
  "required",
46
47
  "hideRequiredMarker"
47
- ]), B = n(e, ["formContext"]) && this.contextInitialsChanged();
48
- (s || B) && this.setContextValue(), k && (c({ disabled: l(this, d).call(this) }), m({ disabled: l(this, d).call(this) })), b && this.setContextValidation(), S && c({ required: l(this, v).call(this) && !this.hideRequiredMarker });
48
+ ]), q = f(e, ["formContext"]) && this.contextInitialsChanged();
49
+ (l || q) && this.setContextValue(), k && (a({ disabled: s(this, d).call(this) }), m({ disabled: s(this, d).call(this) })), b && this.setContextValidation(), B && a({ required: s(this, v).call(this) && !this.hideRequiredMarker });
49
50
  }
50
51
  render() {
51
- const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), i = typeof this.error == "string" || !!o, c = this.helperTextId, m = this.error || this.validationErrorShown() ? y(
52
+ const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, a = this.helperTextId, m = this.error || this.validationErrorShown() ? _(
52
53
  this.error && this.errorId,
53
54
  this.validationErrorShown() && this.validationErrorsId
54
- ) : void 0, s = y(
55
- D,
56
- i && `${h}error`,
57
- this.theme && M(this.theme),
58
- this.fluid && `${h}fluid`,
59
- this.ellipse && `${h}ellipsis`,
60
- l(this, d).call(this) && `${h}disabled`,
61
- l(this, u).call(this) && `${h}read-only`
55
+ ) : void 0, l = _(
56
+ H,
57
+ r && `${p}error`,
58
+ this.theme && P(this.theme),
59
+ `${p}${this.size || w}`,
60
+ this.fluid && `${p}fluid`,
61
+ this.ellipse && `${p}ellipsis`,
62
+ s(this, d).call(this) && `${p}disabled`,
63
+ s(this, h).call(this) && `${p}read-only`
62
64
  );
63
65
  return g`
64
66
  <div
65
- class="${s}"
66
- style="${this.width ? `max-width: ${this.width}` : p}"
67
+ class="${l}"
68
+ style="${this.width ? `max-width: ${this.width}` : n}"
67
69
  >
68
70
  <slot name="label" id="${this.labelId}"></slot>
69
- <div class="${_}field">
70
- ${l(this, x).call(this, "before")}
71
+ <div class="${y}field">
72
+ ${s(this, x).call(this, "before")}
71
73
  <input
72
74
  id="${this.id}"
73
75
  name="${this.name}"
74
76
  type="${this.type}"
75
- ${E(this.formFieldRef)}
77
+ ${F(this.formFieldRef)}
76
78
  inputmode="${this.inputMode}"
77
- ?required="${l(this, v).call(this)}"
78
- ?readonly="${l(this, u).call(this)}"
79
- ?disabled="${l(this, d).call(this)}"
80
- placeholder="${this.placeholder ?? p}"
79
+ ?required="${s(this, v).call(this)}"
80
+ ?readonly="${s(this, h).call(this)}"
81
+ ?disabled="${s(this, d).call(this)}"
82
+ placeholder="${this.placeholder ?? n}"
81
83
  aria-labelledby="${this.labelId}"
82
- aria-label="${this.inputAriaLabel ?? p}"
84
+ aria-label="${this.inputAriaLabel ?? n}"
83
85
  @blur="${this.validateFieldOnBlur}"
84
86
  @keydown="${this.submitFormByEnter}"
85
- aria-describedby="${c ?? p}"
86
- aria-errormessage="${m ?? p}"
87
- class="${_}input"
87
+ aria-describedby="${a ?? n}"
88
+ aria-errormessage="${m ?? n}"
89
+ class="${y}input"
88
90
  @input="${this.validateFieldOnChange}"
89
- aria-invalid="${e || i}"
91
+ aria-invalid="${e || r}"
90
92
  />
91
- ${l(this, x).call(this, "after")}
93
+ ${s(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, d).call(this))}
96
+ ${this.renderError(this.error, s(this, d).call(this))}
95
97
  ${this.renderValidationErrors()}
96
98
  </div>
97
99
  `;
98
100
  }
99
101
  };
100
102
  d = /* @__PURE__ */ new WeakMap();
101
- u = /* @__PURE__ */ new WeakMap();
103
+ h = /* @__PURE__ */ new WeakMap();
102
104
  v = /* @__PURE__ */ new WeakMap();
103
105
  x = /* @__PURE__ */ new WeakMap();
104
- O(r);
105
- r.styles = q(T);
106
+ O(o);
107
+ o.styles = E(L);
106
108
  t([
107
- a({ type: String })
108
- ], r.prototype, "placeholder", 2);
109
+ c({ type: String })
110
+ ], o.prototype, "placeholder", 2);
109
111
  t([
110
- a({ type: Boolean })
111
- ], r.prototype, "required", 2);
112
+ c({ type: Boolean })
113
+ ], o.prototype, "required", 2);
112
114
  t([
113
- a({ type: Boolean })
114
- ], r.prototype, "hideRequiredMarker", 2);
115
+ c({ type: Boolean })
116
+ ], o.prototype, "hideRequiredMarker", 2);
115
117
  t([
116
- a({ type: String })
117
- ], r.prototype, "error", 2);
118
+ c({ type: String })
119
+ ], o.prototype, "error", 2);
118
120
  t([
119
- a({ type: Boolean })
120
- ], r.prototype, "readOnly", 2);
121
+ c({ type: Boolean })
122
+ ], o.prototype, "readOnly", 2);
121
123
  t([
122
- a({ type: Boolean })
123
- ], r.prototype, "disabled", 2);
124
+ c({ type: Boolean })
125
+ ], o.prototype, "disabled", 2);
124
126
  t([
125
- a({ type: Boolean })
126
- ], r.prototype, "fluid", 2);
127
+ c({ type: Boolean })
128
+ ], o.prototype, "fluid", 2);
127
129
  t([
128
- a({ type: String })
129
- ], r.prototype, "width", 2);
130
+ c({ type: String })
131
+ ], o.prototype, "size", 2);
130
132
  t([
131
- a({ type: Boolean })
132
- ], r.prototype, "ellipse", 2);
133
+ c({ type: String })
134
+ ], o.prototype, "width", 2);
133
135
  t([
134
- a({ type: String })
135
- ], r.prototype, "theme", 2);
136
+ c({ type: Boolean })
137
+ ], o.prototype, "ellipse", 2);
136
138
  t([
137
- a({ type: String })
138
- ], r.prototype, "type", 2);
139
+ c({ type: String })
140
+ ], o.prototype, "theme", 2);
139
141
  t([
140
- a({ type: String })
141
- ], r.prototype, "inputMode", 2);
142
+ c({ type: String })
143
+ ], o.prototype, "type", 2);
142
144
  t([
143
- z({ slot: "label" })
144
- ], r.prototype, "_textFieldLabel", 2);
145
+ c({ type: String })
146
+ ], o.prototype, "inputMode", 2);
145
147
  t([
146
- z({ slot: "helper-text" })
147
- ], r.prototype, "_textFieldHelperText", 2);
148
+ S({ slot: "label" })
149
+ ], o.prototype, "_textFieldLabel", 2);
150
+ t([
151
+ S({ slot: "helper-text" })
152
+ ], o.prototype, "_textFieldHelperText", 2);
148
153
  t([
149
154
  $()
150
- ], r.prototype, "_hasContentBeforeSlot", 2);
155
+ ], o.prototype, "_hasContentBeforeSlot", 2);
151
156
  t([
152
157
  $()
153
- ], r.prototype, "_hasContentAfterSlot", 2);
154
- r = t([
155
- P("bm-text-field")
156
- ], r);
158
+ ], o.prototype, "_hasContentAfterSlot", 2);
159
+ o = t([
160
+ I("bm-text-field")
161
+ ], o);
157
162
  export {
158
- r as BmTextField
163
+ o as BmTextField
159
164
  };
@@ -2,11 +2,11 @@ import { unsafeCSS as xt, css as he, html as Xt, LitElement as qt } from "lit";
2
2
  import { property as v, state as ge } from "lit/decorators.js";
3
3
  import { createRef as zt, ref as Dt } from "lit/directives/ref.js";
4
4
  import vt from "clsx";
5
- import { h as be, j as kt, k as ve, g as Gt } from "../chunks/classNames.Cq_tbDRp.js";
6
- import { p as ye, t as we } from "../chunks/constants.jOWREYQE.js";
5
+ import { h as be, j as kt, k as ve, g as Gt } from "../chunks/classNames.BQclmCHG.js";
6
+ import { p as ye, t as we } from "../chunks/constants.ZIKMMCJH.js";
7
7
  import { e as xe, f as Ce } from "../chunks/tokens.CTW8Tt94.js";
8
8
  import { c as Zt } from "../chunks/register-custom-element.DHGKOhmA.js";
9
- import { c as Oe, d as Tt, m as $t, r as Ae, h as Ee, e as Jt, f as Bt } from "../chunks/helpers.AwJwaZvv.js";
9
+ import { c as Oe, d as Tt, m as $t, r as Ae, h as Ee, e as Jt, f as Bt } from "../chunks/helpers.C43UgSdK.js";
10
10
  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, L = Math.max, ft = Math.round, ct = Math.floor, W = (e) => ({
11
11
  x: e,
12
12
  y: e
@@ -3,8 +3,8 @@ import { unsafeCSS as C, css as S, LitElement as z, html as s, nothing as P } fr
3
3
  import { property as p, state as w, queryAssignedNodes as O } from "lit/decorators.js";
4
4
  import { unsafeSVG as k } from "lit/directives/unsafe-svg.js";
5
5
  import b from "clsx";
6
- import { b as E } from "./constants.jOWREYQE.js";
7
- import { n as I, g as N } from "./classNames.Cq_tbDRp.js";
6
+ import { a as E } from "./constants.ZIKMMCJH.js";
7
+ import { n as I, g as N } from "./classNames.BQclmCHG.js";
8
8
  import { c as D } from "./register-custom-element.DHGKOhmA.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">
@@ -3,9 +3,9 @@ import { unsafeCSS as H, LitElement as $, html as d, nothing as P } from "lit";
3
3
  import { property as i } from "lit/decorators.js";
4
4
  import { unsafeSVG as I } from "lit/directives/unsafe-svg.js";
5
5
  import v from "clsx";
6
- import { g as C } from "./classNames.Cq_tbDRp.js";
7
- import "./constants.jOWREYQE.js";
8
- import { c as Z } from "./CSSLookup.BdqZ5Li9.js";
6
+ import { g as C } from "./classNames.BQclmCHG.js";
7
+ import "./constants.ZIKMMCJH.js";
8
+ import { c as Z } from "./CSSLookup.CSKiKjPc.js";
9
9
  import { c as B } from "./register-custom-element.DHGKOhmA.js";
10
10
  import { stateLayerStyles as N, stateLayerClassName as W } from "../StateLayer/StateLayer.js";
11
11
  import { AvatarGroupCtx as E } from "../Avatar/AvatarGroup.context.js";
@@ -2,9 +2,9 @@ import { consume as y } from "@lit/context";
2
2
  import { unsafeCSS as g, LitElement as x, html as s } from "lit";
3
3
  import { property as b, queryAssignedNodes as C } from "lit/decorators.js";
4
4
  import { unsafeSVG as u } from "lit/directives/unsafe-svg.js";
5
- import { g as k } from "./classNames.Cq_tbDRp.js";
5
+ import { g as k } from "./classNames.BQclmCHG.js";
6
6
  import { c as $ } from "./register-custom-element.DHGKOhmA.js";
7
- import { b as w } from "./helpers.AwJwaZvv.js";
7
+ import { b as w } from "./helpers.C43UgSdK.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.jOWREYQE.js";
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);
@@ -2,8 +2,8 @@ import { unsafeCSS as h, LitElement as v, nothing as x, html as d } from "lit";
2
2
  import { property as l } from "lit/decorators.js";
3
3
  import { unsafeSVG as g } from "lit/directives/unsafe-svg.js";
4
4
  import f from "clsx";
5
- import { g as w, e as y } from "./classNames.Cq_tbDRp.js";
6
- import { t as u } from "./constants.jOWREYQE.js";
5
+ import { g as w, e as y } from "./classNames.BQclmCHG.js";
6
+ import { t as u } from "./constants.ZIKMMCJH.js";
7
7
  import { c as _ } from "./register-custom-element.DHGKOhmA.js";
8
8
  const C = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9
9
  <path
@@ -1,4 +1,4 @@
1
- import { F as i, p as s } from "./constants.jOWREYQE.js";
1
+ import { F as i, p as s } from "./constants.ZIKMMCJH.js";
2
2
  const p = (e) => e.charAt(0).toUpperCase() + e.slice(1), c = (e) => Object.entries(e);
3
3
  function u(e, t = i) {
4
4
  let n;