@viasat/beam-web-components 2.20.0 → 2.21.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 (115) hide show
  1. package/Accordion/Accordion.js +1 -1
  2. package/Accordion/AccordionGroup.js +1 -1
  3. package/Accordion/index.js +1 -1
  4. package/Alert/Alert.js +43 -43
  5. package/Avatar/Avatar.js +1 -1
  6. package/Avatar/AvatarGroup.js +1 -1
  7. package/Avatar/index.js +1 -1
  8. package/Badge/Badge.js +1 -1
  9. package/BadgeDot/BadgeDot.js +18 -18
  10. package/Breadcrumbs/Breadcrumbs.js +1 -1
  11. package/Breadcrumbs/BreadcrumbsItem.js +1 -1
  12. package/Breadcrumbs/index.js +1 -1
  13. package/Button/Button.js +10 -10
  14. package/CloseButton/CloseButton.js +16 -16
  15. package/Divider/Divider.js +17 -17
  16. package/EmptyState/EmptyState.js +20 -20
  17. package/HelperText/HelperText.js +1 -1
  18. package/HelperText/index.js +1 -1
  19. package/InputChoiceGroup/InputChoiceGroup.js +54 -54
  20. package/Link/Link.js +51 -51
  21. package/List/List.js +1 -1
  22. package/List/ListItem.js +1 -1
  23. package/ProgressBar/ProgressBar.js +19 -19
  24. package/SegmentedControl/SegmentedControl.js +1 -1
  25. package/SegmentedControl/SegmentedControlItem.js +1 -1
  26. package/SegmentedControl/SegmentedControlList.js +1 -1
  27. package/SegmentedControl/SegmentedControlPanel.js +1 -1
  28. package/Spinner/Spinner.js +28 -28
  29. package/Tooltip/Tooltip.js +85 -85
  30. package/chunks/Accordion.Bwk3EG3j.js +161 -0
  31. package/chunks/Avatar.BgufO4-1.js +174 -0
  32. package/chunks/BreadcrumbsItem.DmudL_IG.js +121 -0
  33. package/chunks/HelperText.SJGM6Q5H.js +108 -0
  34. package/chunks/fileUpload.module.CNe9mg2f.js +4 -0
  35. package/chunks/list.module.BSL1AIzv.js +4 -0
  36. package/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
  37. package/custom-elements.json +5017 -5017
  38. package/local/Accordion/Accordion.js +1 -1
  39. package/local/Accordion/AccordionGroup.js +1 -1
  40. package/local/Accordion/index.js +1 -1
  41. package/local/Alert/Alert.js +20 -20
  42. package/local/Avatar/Avatar.js +1 -1
  43. package/local/Avatar/AvatarGroup.js +1 -1
  44. package/local/Avatar/index.js +1 -1
  45. package/local/Badge/Badge.js +1 -1
  46. package/local/BadgeDot/BadgeDot.js +4 -4
  47. package/local/Breadcrumbs/Breadcrumbs.js +1 -1
  48. package/local/Breadcrumbs/BreadcrumbsItem.js +1 -1
  49. package/local/Breadcrumbs/index.js +1 -1
  50. package/local/Button/Button.js +10 -10
  51. package/local/CloseButton/CloseButton.js +24 -24
  52. package/local/Divider/Divider.js +22 -22
  53. package/local/EmptyState/EmptyState.js +18 -18
  54. package/local/HelperText/HelperText.js +1 -1
  55. package/local/HelperText/index.js +1 -1
  56. package/local/InputChoiceGroup/InputChoiceGroup.js +39 -39
  57. package/local/Link/Link.js +25 -25
  58. package/local/List/List.js +1 -1
  59. package/local/List/ListItem.js +1 -1
  60. package/local/ProgressBar/ProgressBar.js +19 -19
  61. package/local/SegmentedControl/SegmentedControl.js +1 -1
  62. package/local/SegmentedControl/SegmentedControlItem.js +1 -1
  63. package/local/SegmentedControl/SegmentedControlList.js +1 -1
  64. package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
  65. package/local/Spinner/Spinner.js +34 -34
  66. package/local/Tooltip/Tooltip.js +85 -85
  67. package/local/chunks/Accordion.UOcVt0ft.js +161 -0
  68. package/local/chunks/Avatar.CEb3Se7H.js +172 -0
  69. package/local/chunks/BreadcrumbsItem.Dp9fzlcw.js +121 -0
  70. package/local/chunks/fileUpload.module.CNe9mg2f.js +4 -0
  71. package/local/chunks/index.DNafYKj-.js +106 -0
  72. package/local/chunks/list.module.BSL1AIzv.js +4 -0
  73. package/local/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
  74. package/local/wip/Checkbox/Checkbox.js +1 -1
  75. package/local/wip/FileUpload/FileUpload.Button.js +1 -1
  76. package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
  77. package/local/wip/FileUpload/FileUpload.List.Item.js +2 -2
  78. package/local/wip/FileUpload/FileUpload.List.js +1 -1
  79. package/local/wip/FileUpload/FileUpload.js +2 -2
  80. package/local/wip/Form/Form.decorator.js +1 -1
  81. package/local/wip/Label/Label.js +40 -40
  82. package/local/wip/NativeSelect/NativeSelect.js +18 -18
  83. package/local/wip/RadioButton/RadioButton.js +9 -9
  84. package/local/wip/Switch/Switch.js +9 -9
  85. package/local/wip/TextArea/TextArea.js +21 -21
  86. package/local/wip/TextField/TextField.js +26 -26
  87. package/package.json +6 -6
  88. package/vscode.html-custom-data.json +325 -325
  89. package/wip/Checkbox/Checkbox.js +53 -53
  90. package/wip/FileUpload/FileUpload.Button.js +1 -1
  91. package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
  92. package/wip/FileUpload/FileUpload.List.Item.js +2 -2
  93. package/wip/FileUpload/FileUpload.List.js +1 -1
  94. package/wip/FileUpload/FileUpload.js +2 -2
  95. package/wip/Form/Form.decorator.js +1 -1
  96. package/wip/Label/Label.js +33 -33
  97. package/wip/NativeSelect/NativeSelect.js +25 -25
  98. package/wip/RadioButton/RadioButton.js +7 -7
  99. package/wip/Switch/Switch.js +9 -9
  100. package/wip/TextArea/TextArea.js +13 -13
  101. package/wip/TextField/TextField.js +26 -26
  102. package/chunks/Accordion.DYD3XcAx.js +0 -161
  103. package/chunks/Avatar.C2rfzUGP.js +0 -174
  104. package/chunks/BreadcrumbsItem.4ZR6wbMz.js +0 -121
  105. package/chunks/HelperText.CcVVOtA3.js +0 -108
  106. package/chunks/fileUpload.module.kN6o64aL.js +0 -4
  107. package/chunks/list.module.CZRPBLzy.js +0 -4
  108. package/chunks/segmentedControl.module.BPXEWodj.js +0 -4
  109. package/local/chunks/Accordion.BP1XR2Gd.js +0 -161
  110. package/local/chunks/Avatar.CvTOzaRT.js +0 -172
  111. package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +0 -121
  112. package/local/chunks/fileUpload.module.kN6o64aL.js +0 -4
  113. package/local/chunks/index.Bz1Jq4c2.js +0 -106
  114. package/local/chunks/list.module.CZRPBLzy.js +0 -4
  115. package/local/chunks/segmentedControl.module.BPXEWodj.js +0 -4
@@ -0,0 +1,161 @@
1
+ import { consume as x } from "@lit/context";
2
+ import { unsafeCSS as C, css as S, LitElement as z, html as s, nothing as P } from "lit";
3
+ import { property as p, state as w, queryAssignedNodes as O } from "lit/decorators.js";
4
+ import { unsafeSVG as k } from "lit/directives/unsafe-svg.js";
5
+ import 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";
8
+ import { c as D } from "./register-custom-element.DHGKOhmA.js";
9
+ import { AccordionGroupCtx as M } from "../Accordion/AccordionGroup.context.js";
10
+ const U = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11
+ <path
12
+ d="M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ `, q = E.md, B = ':root,:host,.bm-light,.bm-dark .bm-inverse,.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-accordion-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #141d24);--bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #dfe7ec);--bm-comp-accordion-size-sm-height: var( --bm-primitive-dimension-275, 2.75rem );--bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-md-height: var( --bm-primitive-dimension-325, 3.25rem );--bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);--bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, .75rem);--bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);--bm-comp-accordion-typo-sm-heading: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-sm-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-md-heading: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-heading: var( --bm-sem-typo-compact-label-xl, 600 1.25rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.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-accordion-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #ffffff);--bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #32424e);--bm-comp-accordion-size-sm-height: var( --bm-primitive-dimension-275, 2.75rem );--bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-md-height: var( --bm-primitive-dimension-325, 3.25rem );--bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);--bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, .75rem);--bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);--bm-comp-accordion-typo-sm-heading: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-sm-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-md-heading: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-heading: var( --bm-sem-typo-compact-label-xl, 600 1.25rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}.bm-accordion--sm .bm-accordion__container{min-height:var(--bm-comp-accordion-size-sm-height);padding:var(--bm-comp-accordion-space-sm-header-y) 0}.bm-accordion--sm .bm-accordion__chevron{height:var(--bm-comp-accordion-size-sm-icon);min-width:var(--bm-comp-accordion-size-sm-icon)}.bm-accordion--sm .bm-accordion__heading{font:var(--bm-comp-accordion-typo-sm-heading)}.bm-accordion--sm .bm-accordion__icon{height:var(--bm-comp-accordion-size-sm-icon)}.bm-accordion__panel--sm{visibility:hidden;font:var(--bm-comp-accordion-typo-sm-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--sm>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--sm{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-sm-content-bottom)}.bm-accordion--md .bm-accordion__container{min-height:var(--bm-comp-accordion-size-md-height);padding:var(--bm-comp-accordion-space-md-header-y) 0}.bm-accordion--md .bm-accordion__chevron{height:var(--bm-comp-accordion-size-md-icon);min-width:var(--bm-comp-accordion-size-md-icon)}.bm-accordion--md .bm-accordion__heading{font:var(--bm-comp-accordion-typo-md-heading)}.bm-accordion--md .bm-accordion__icon{height:var(--bm-comp-accordion-size-md-icon)}.bm-accordion__panel--md{visibility:hidden;font:var(--bm-comp-accordion-typo-md-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--md>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--md{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-md-content-bottom)}.bm-accordion--lg .bm-accordion__container{min-height:var(--bm-comp-accordion-size-lg-height);padding:var(--bm-comp-accordion-space-lg-header-y) 0}.bm-accordion--lg .bm-accordion__chevron{height:var(--bm-comp-accordion-size-lg-icon);min-width:var(--bm-comp-accordion-size-lg-icon)}.bm-accordion--lg .bm-accordion__heading{font:var(--bm-comp-accordion-typo-lg-heading)}.bm-accordion--lg .bm-accordion__icon{height:var(--bm-comp-accordion-size-lg-icon)}.bm-accordion__panel--lg{visibility:hidden;font:var(--bm-comp-accordion-typo-lg-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--lg>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--lg{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-lg-content-bottom)}.bm-accordion__container{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__container:focus-visible{outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-accordion__icon{flex-shrink:0;display:inline-flex;color:var(--bm-comp-accordion-color-icon)}.bm-accordion__icon ::slotted([slot=icon]){display:inline-flex}.bm-accordion__heading{flex-grow:1;color:var(--bm-comp-accordion-color-heading);display:flex;align-items:center;gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__heading ::slotted([slot=heading]){gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__chevron{transition:transform .2s ease;color:var(--bm-comp-accordion-color-icon)}.bm-accordion__chevron--rotated{transform:rotate(180deg)}.bm-accordion>div:not(:first-child)>.bm-accordion__container{border-top:var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider)}:host(:not(:first-of-type)) .bm-accordion__container{border-top:var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider)}:host(*) .bm-accordion__container{box-sizing:border-box}:host(*) .bm-accordion__container:focus-visible{outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-accordion--no-box{display:contents}';
17
+ var T = Object.defineProperty, A = Object.getOwnPropertyDescriptor, $ = (o) => {
18
+ throw TypeError(o);
19
+ }, a = (o, e, c, t) => {
20
+ for (var m = t > 1 ? void 0 : t ? A(e, c) : e, d = o.length - 1, n; d >= 0; d--)
21
+ (n = o[d]) && (m = (t ? n(e, c, m) : n(m)) || m);
22
+ return t && m && T(e, c, m), m;
23
+ }, L = (o, e, c) => e.has(o) || $("Cannot " + c), l = (o, e, c) => (L(o, e, "read from private field"), c ? c.call(o) : e.get(o)), h = (o, e, c) => e.has(o) ? $("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, c), v, y, f, _;
24
+ const { baseClassNamePrefix: g, subElementClassPrefix: i, classModifierPrefix: W } = N("accordion");
25
+ let r = class extends z {
26
+ constructor() {
27
+ super(...arguments), this.defaultOpen = !1, this._isOpen = !1, this._accordionUniqueId = "", h(this, v, () => this.requestUpdate()), h(this, y, () => s`<span
28
+ class=${b(
29
+ `${i}icon`,
30
+ !this.hasIconSlot && `${W}no-box`
31
+ )}
32
+ role="img"
33
+ aria-label="icon"
34
+ >
35
+ <slot name="icon" @slotchange=${l(this, v)}></slot>
36
+ </span>`), h(this, f, () => {
37
+ const o = `${i}heading`, e = this.heading ? s` <div class=${o}>${this.heading}</div>` : P;
38
+ return s`
39
+ <div class=${o}>
40
+ <slot name="heading">${e}</slot>
41
+ </div>
42
+ `;
43
+ }), h(this, _, () => {
44
+ const o = `${i}content`;
45
+ return s`
46
+ <div class=${o}>
47
+ <slot></slot>
48
+ </div>
49
+ `;
50
+ });
51
+ }
52
+ get hasIconSlot() {
53
+ return I(this.iconNodes);
54
+ }
55
+ connectedCallback() {
56
+ var o;
57
+ super.connectedCallback(), this._accordionUniqueId = this.id || `${g}-${Math.random().toString(36).slice(2, 9)}`, (o = this.group) == null || o.register(this);
58
+ }
59
+ disconnectedCallback() {
60
+ var o;
61
+ (o = this.group) == null || o.unregister(this);
62
+ }
63
+ willUpdate(o) {
64
+ o.has("defaultOpen") && (this._isOpen = this.defaultOpen);
65
+ }
66
+ handleToggle() {
67
+ this.open === void 0 && (this._isOpen = !this._isOpen);
68
+ const o = this.open === void 0 ? this._isOpen : !this.open;
69
+ this.dispatchToggleEvent(o);
70
+ }
71
+ dispatchToggleEvent(o) {
72
+ const e = new CustomEvent("bm-toggle", {
73
+ detail: { accordion: this, isOpen: o },
74
+ bubbles: !0,
75
+ composed: !0
76
+ });
77
+ return this.dispatchEvent(e), e;
78
+ }
79
+ handleKeyDown(o) {
80
+ (o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleToggle());
81
+ }
82
+ render() {
83
+ var u;
84
+ const o = this.open === void 0 ? this._isOpen : this.open, e = this.size || ((u = this.group) == null ? void 0 : u.size) || q, c = b(`${i}container`, {
85
+ [`${i}container--expanded`]: o,
86
+ [`${i}${e}`]: e
87
+ }), t = b(`${i}chevron`, {
88
+ [`${i}chevron--rotated`]: o
89
+ }), m = b(`${i}panel--${e}`, {
90
+ [`${i}panel--expanded--${e}`]: o
91
+ }), d = `${g}-heading-${this._accordionUniqueId}`, n = `${g}-panel-${this._accordionUniqueId}`;
92
+ return s`
93
+ <div class="${g}--${e}">
94
+ <div
95
+ class=${c}
96
+ role="button"
97
+ id=${d}
98
+ tabindex="0"
99
+ aria-expanded=${o}
100
+ aria-controls=${n}
101
+ @click=${this.handleToggle}
102
+ @keydown=${this.handleKeyDown}
103
+ >
104
+ ${l(this, y).call(this)} ${l(this, f).call(this)}
105
+ <span class=${t} aria-label="chevron-down-icon" role="img">
106
+ ${k(U)}
107
+ </span>
108
+ </div>
109
+ <section
110
+ id=${n}
111
+ class=${m}
112
+ ?hidden=${!o}
113
+ data-testid="accordion-panel-${n}"
114
+ >
115
+ ${l(this, _).call(this)}
116
+ </section>
117
+ </div>
118
+ `;
119
+ }
120
+ };
121
+ v = /* @__PURE__ */ new WeakMap();
122
+ y = /* @__PURE__ */ new WeakMap();
123
+ f = /* @__PURE__ */ new WeakMap();
124
+ _ = /* @__PURE__ */ new WeakMap();
125
+ r.styles = S`
126
+ ${C(B)}
127
+ `;
128
+ a([
129
+ p({ type: String })
130
+ ], r.prototype, "size", 2);
131
+ a([
132
+ p({ type: String })
133
+ ], r.prototype, "heading", 2);
134
+ a([
135
+ p({ type: Boolean, reflect: !0 })
136
+ ], r.prototype, "open", 2);
137
+ a([
138
+ p({ type: Boolean })
139
+ ], r.prototype, "defaultOpen", 2);
140
+ a([
141
+ p({ type: String })
142
+ ], r.prototype, "id", 2);
143
+ a([
144
+ w()
145
+ ], r.prototype, "_isOpen", 2);
146
+ a([
147
+ w()
148
+ ], r.prototype, "_accordionUniqueId", 2);
149
+ a([
150
+ O({ slot: "icon", flatten: !0 })
151
+ ], r.prototype, "iconNodes", 2);
152
+ a([
153
+ x({ context: M, subscribe: !0 })
154
+ ], r.prototype, "group", 2);
155
+ r = a([
156
+ D("bm-accordion")
157
+ ], r);
158
+ export {
159
+ r as B,
160
+ B as a
161
+ };
@@ -0,0 +1,174 @@
1
+ import { consume as M } from "@lit/context";
2
+ import { unsafeCSS as H, LitElement as $, html as d, nothing as P } from "lit";
3
+ import { property as i } from "lit/decorators.js";
4
+ import { unsafeSVG as I } from "lit/directives/unsafe-svg.js";
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";
9
+ import { c as B } from "./register-custom-element.DHGKOhmA.js";
10
+ import { stateLayerStyles as N, stateLayerClassName as W } from "../StateLayer/StateLayer.js";
11
+ import { AvatarGroupCtx as E } from "../Avatar/AvatarGroup.context.js";
12
+ const A = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
13
+ <path
14
+ fill-rule="evenodd"
15
+ clip-rule="evenodd"
16
+ d="M12 7V3H2V21H22V7H12ZM6 19H4V17H6V19ZM6 15H4V13H6V15ZM6 11H4V9H6V11ZM6 7H4V5H6V7ZM10 19H8V17H10V19ZM10 15H8V13H10V15ZM10 11H8V9H10V11ZM10 7H8V5H10V7ZM20 19H12V17H14V15H12V13H14V11H12V9H20V19ZM18 11H16V13H18V11ZM18 15H16V17H18V15Z"
17
+ fill="currentColor"
18
+ />
19
+ </svg>
20
+ `, G = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
21
+ <path
22
+ fill-rule="evenodd"
23
+ clip-rule="evenodd"
24
+ d="M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12ZM12 14C9.33 14 4 15.34 4 18V20H20V18C20 15.34 14.67 14 12 14Z"
25
+ fill="currentColor"
26
+ />
27
+ </svg>
28
+ `, { baseClassNamePrefix: L, subElementClassPrefix: u, classModifierPrefix: l } = C("avatar"), ia = {
29
+ xs: 1.25,
30
+ sm: 1.5,
31
+ md: 2,
32
+ lg: 2.5,
33
+ xl: 3
34
+ }, q = (a, r) => {
35
+ var _, S, k;
36
+ const e = a.split(" "), o = e.length > 1, t = r !== "xs" && o, b = (_ = e.at(0)) != null && _.startsWith("+") ? e.at(0) : void 0, p = `${((S = e.at(0)) == null ? void 0 : S[0]) || ""}${t && ((k = e.at(-1)) == null ? void 0 : k[0]) || ""}`.toUpperCase();
37
+ return b || p;
38
+ }, O = 0.25, R = 0.5, T = (a, r) => (["xs", "sm", "md"].includes(a) ? O : R) * (r === "stacked" ? 1 : -1), ca = (a, r) => Z(T(a, r)) * (r === "stacked" ? 1 : -1), {
39
+ baseClassNamePrefix: va,
40
+ classModifierPrefix: la
41
+ } = C("avatar-group"), F = ':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-avatar-size-xs: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-avatar-size-sm: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-avatar-size-md: var(--bm-primitive-dimension-200, 2rem);--bm-comp-avatar-size-lg: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-avatar-size-xl: var(--bm-primitive-dimension-300, 3rem);--bm-comp-avatar-size-icon-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-sm: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-md: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-avatar-size-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-avatar-color-accent-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-avatar-color-accent-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-avatar-color-neutral-bg: var( --bm-utility-color-gray-default, #576775 );--bm-comp-avatar-color-neutral-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-avatar-color-overflow-bg: var( --bm-utility-color-gray-subtler, #dfe7ec );--bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #141d24);--bm-comp-avatar-color-overflow-border: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-avatar-typo-xs: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-lg: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-avatar-typo-xl: var( --bm-sem-typo-label-lg, 600 1.125rem/1.75rem "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-avatar-size-xs: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-avatar-size-sm: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-avatar-size-md: var(--bm-primitive-dimension-200, 2rem);--bm-comp-avatar-size-lg: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-avatar-size-xl: var(--bm-primitive-dimension-300, 3rem);--bm-comp-avatar-size-icon-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-sm: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-avatar-size-icon-md: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-avatar-size-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-avatar-size-icon-xl: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-avatar-color-border: var(--bm-sem-color-surface-01, #202e39);--bm-comp-avatar-color-accent-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-avatar-color-accent-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-avatar-color-neutral-bg: var( --bm-utility-color-gray-default, #9fafbc );--bm-comp-avatar-color-neutral-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-avatar-color-overflow-bg: var( --bm-utility-color-gray-subtler, #32424e );--bm-comp-avatar-color-overflow-fg: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-avatar-color-overflow-border: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-avatar-typo-xs: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-avatar-typo-lg: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-avatar-typo-xl: var( --bm-sem-typo-label-lg, 600 1.125rem/1.75rem "Source Sans Pro" )}.bm-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.bm-avatar__image{display:flex;height:100%;width:100%}.bm-avatar--interactive{cursor:pointer}.bm-avatar--disabled{opacity:var(--bm-sem-opacity-disabled);-webkit-user-select:none;user-select:none}.bm-avatar--hidden{display:none}.bm-avatar--with-border{flex:0 0 auto;outline:var(--bm-sem-border-width-md) solid var(--bm-comp-avatar-color-border)}.bm-avatar--content{z-index:1;position:relative}.bm-avatar:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-avatar--xs{height:var(--bm-comp-avatar-size-xs);width:var(--bm-comp-avatar-size-xs)}.bm-avatar__icon--xs{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-xs);height:var(--bm-comp-avatar-size-icon-xs)}.bm-avatar__text--xs{cursor:default;font:var(--bm-comp-avatar-typo-xs)}.bm-avatar--sm{height:var(--bm-comp-avatar-size-sm);width:var(--bm-comp-avatar-size-sm)}.bm-avatar__icon--sm{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-sm);height:var(--bm-comp-avatar-size-icon-sm)}.bm-avatar__text--sm{cursor:default;font:var(--bm-comp-avatar-typo-sm)}.bm-avatar--md{height:var(--bm-comp-avatar-size-md);width:var(--bm-comp-avatar-size-md)}.bm-avatar__icon--md{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-md);height:var(--bm-comp-avatar-size-icon-md)}.bm-avatar__text--md{cursor:default;font:var(--bm-comp-avatar-typo-md)}.bm-avatar--lg{height:var(--bm-comp-avatar-size-lg);width:var(--bm-comp-avatar-size-lg)}.bm-avatar__icon--lg{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-lg);height:var(--bm-comp-avatar-size-icon-lg)}.bm-avatar__text--lg{cursor:default;font:var(--bm-comp-avatar-typo-lg)}.bm-avatar--xl{height:var(--bm-comp-avatar-size-xl);width:var(--bm-comp-avatar-size-xl)}.bm-avatar__icon--xl{display:flex;color:var(--bm-comp-avatar-color-neutral-fg);width:var(--bm-comp-avatar-size-icon-xl);height:var(--bm-comp-avatar-size-icon-xl)}.bm-avatar__text--xl{cursor:default;font:var(--bm-comp-avatar-typo-xl)}.bm-avatar--circle{border-radius:var(--bm-sem-radius-round)}.bm-avatar--square{border-radius:var(--bm-sem-radius-sm)}.bm-avatar--neutral{background:var(--bm-comp-avatar-color-neutral-bg);color:var(--bm-comp-avatar-color-neutral-fg)}.bm-avatar--accent{background:var(--bm-comp-avatar-color-accent-bg);color:var(--bm-comp-avatar-color-accent-fg)}.bm-avatar--overflow{background:var(--bm-comp-avatar-color-overflow-bg);color:var(--bm-comp-avatar-color-overflow-fg)}.bm-avatar-group{display:flex;row-gap:var(--bm-sem-space-50)}.bm-avatar-group>*,.bm-avatar-group bm-avatar{flex:0 0 auto;outline:var(--bm-sem-border-width-md) solid var(--bm-comp-avatar-color-border)}.bm-avatar-group--wrapping{flex-wrap:wrap}.bm-avatar-group--stacked-xs{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-xs ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-xs>*,.bm-avatar-group--stacked-xs bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-sm{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-sm ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-sm>*,.bm-avatar-group--stacked-sm bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-md{padding-inline-start:calc(var(--bm-sem-space-25))}.bm-avatar-group--stacked-md ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-md>*,.bm-avatar-group--stacked-md bm-avatar{margin-inline-start:calc(var(--bm-sem-space-25) * -1)}.bm-avatar-group--stacked-lg{padding-inline-start:calc(var(--bm-sem-space-50))}.bm-avatar-group--stacked-lg ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--stacked-lg>*,.bm-avatar-group--stacked-lg bm-avatar{margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--stacked-xl{padding-inline-start:calc(var(--bm-sem-space-50))}.bm-avatar-group--stacked-xl ::slotted(*){margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--stacked-xl>*,.bm-avatar-group--stacked-xl bm-avatar{margin-inline-start:calc(var(--bm-sem-space-50) * -1)}.bm-avatar-group--spaced-xs,.bm-avatar-group--spaced-sm,.bm-avatar-group--spaced-md{gap:var(--bm-sem-space-25)}.bm-avatar-group--spaced-lg,.bm-avatar-group--spaced-xl{gap:var(--bm-sem-space-50)}.bm-avatar-group--xs ::slotted(*){height:var(--bm-comp-avatar-size-xs)}.bm-avatar-group--sm ::slotted(*){height:var(--bm-comp-avatar-size-sm)}.bm-avatar-group--md ::slotted(*){height:var(--bm-comp-avatar-size-md)}.bm-avatar-group--lg ::slotted(*){height:var(--bm-comp-avatar-size-lg)}.bm-avatar-group--xl ::slotted(*){height:var(--bm-comp-avatar-size-xl)}.bm-avatar-group--circle>*,.bm-avatar-group--circle bm-avatar{border-radius:var(--bm-sem-radius-round)}.bm-avatar-group--circle ::slotted(*){border-radius:var(--bm-sem-radius-round)}.bm-avatar-group--square>*,.bm-avatar-group--square bm-avatar{border-radius:var(--bm-sem-radius-sm)}.bm-avatar-group--square ::slotted(*){border-radius:var(--bm-sem-radius-sm)}';
42
+ var D = Object.defineProperty, U = Object.getOwnPropertyDescriptor, V = (a) => {
43
+ throw TypeError(a);
44
+ }, s = (a, r, e, o) => {
45
+ for (var t = o > 1 ? void 0 : o ? U(r, e) : r, b = a.length - 1, p; b >= 0; b--)
46
+ (p = a[b]) && (t = (o ? p(r, e, t) : p(t)) || t);
47
+ return o && t && D(r, e, t), t;
48
+ }, J = (a, r, e) => r.has(a) || V("Cannot " + e), c = (a, r, e) => (J(a, r, "read from private field"), e ? e.call(a) : r.get(a)), n = (a, r, e) => r.has(a) ? V("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, e), h, f, x, g, y, z, w;
49
+ const K = {
50
+ square: A,
51
+ circle: G
52
+ };
53
+ let m = class extends $ {
54
+ constructor() {
55
+ super(...arguments), this.appearance = "neutral", this.size = "md", this.disabled = !1, this.shape = "circle", this.isInteractive = !1, this.isFocusable = !1, this.withBorder = !1, n(this, h, () => {
56
+ var t;
57
+ const a = this.appearance || "neutral", r = ((t = this.group) == null ? void 0 : t.size) || this.size || "md", e = this.shape || "circle", o = this.group ? !0 : this.withBorder;
58
+ return v(
59
+ this.className,
60
+ L,
61
+ `${l}${e}`,
62
+ this.disabled && `${l}disabled`,
63
+ o && `${l}with-border`,
64
+ this.isInteractive && !this.disabled && `${l}interactive`,
65
+ `${l}${r}`,
66
+ `${l}${a}`
67
+ );
68
+ }), n(this, f, () => this.isInteractive || this.isFocusable ? 0 : -1), n(this, x, v(`${u}image`)), n(this, g, v(`${l}content`)), n(this, y, () => {
69
+ var o;
70
+ const a = ((o = this.group) == null ? void 0 : o.size) || this.size || "md", r = v(`${u}icon--${a}`);
71
+ if (this.src !== void 0 && this.src !== "")
72
+ return d`
73
+ <img
74
+ src=${this.src}
75
+ alt=${this.alt || this.name}
76
+ class=${v(
77
+ c(this, x),
78
+ this.isInteractive && c(this, g)
79
+ )}
80
+ />
81
+ `;
82
+ if (this.name !== void 0 && this.name !== "") {
83
+ const t = v(`${u}text--${a}`);
84
+ return d`
85
+ <span
86
+ class=${v(t, this.isInteractive && c(this, g))}
87
+ >
88
+ ${q(this.name, a)}
89
+ </span>
90
+ `;
91
+ }
92
+ const e = K[this.shape || "circle"];
93
+ return d`
94
+ <span
95
+ role="img"
96
+ aria-label=${this.alt || this.name}
97
+ class=${v(r, this.isInteractive && c(this, g))}
98
+ part="icon"
99
+ >
100
+ <slot name="icon"> ${I(e)} </slot>
101
+ </span>
102
+ `;
103
+ }), n(this, z, W()), n(this, w, () => !this.isInteractive || this.disabled ? P : d`<span aria-hidden="true" class=${c(this, z)}></span>`);
104
+ }
105
+ connectedCallback() {
106
+ var a, r;
107
+ super.connectedCallback(), (r = (a = this.group) == null ? void 0 : a.register) == null || r.call(a, this);
108
+ }
109
+ disconnectedCallback() {
110
+ var a, r;
111
+ (r = (a = this.group) == null ? void 0 : a.unregister) == null || r.call(a, this), super.disconnectedCallback();
112
+ }
113
+ render() {
114
+ return d`
115
+ <div class=${c(this, h).call(this)} part="avatar" tabindex=${c(this, f).call(this)}>
116
+ ${c(this, w).call(this)} ${c(this, y).call(this)}
117
+ </div>
118
+ `;
119
+ }
120
+ };
121
+ h = /* @__PURE__ */ new WeakMap();
122
+ f = /* @__PURE__ */ new WeakMap();
123
+ x = /* @__PURE__ */ new WeakMap();
124
+ g = /* @__PURE__ */ new WeakMap();
125
+ y = /* @__PURE__ */ new WeakMap();
126
+ z = /* @__PURE__ */ new WeakMap();
127
+ w = /* @__PURE__ */ new WeakMap();
128
+ m.styles = [H(F), N];
129
+ s([
130
+ i({ type: String })
131
+ ], m.prototype, "appearance", 2);
132
+ s([
133
+ i({ type: String })
134
+ ], m.prototype, "name", 2);
135
+ s([
136
+ i({ type: String })
137
+ ], m.prototype, "src", 2);
138
+ s([
139
+ i({ type: String })
140
+ ], m.prototype, "alt", 2);
141
+ s([
142
+ i({ type: String })
143
+ ], m.prototype, "size", 2);
144
+ s([
145
+ i({ type: Boolean })
146
+ ], m.prototype, "disabled", 2);
147
+ s([
148
+ i({ type: String })
149
+ ], m.prototype, "shape", 2);
150
+ s([
151
+ i({ type: Boolean })
152
+ ], m.prototype, "isInteractive", 2);
153
+ s([
154
+ i({ type: Boolean })
155
+ ], m.prototype, "isFocusable", 2);
156
+ s([
157
+ i({ type: Boolean })
158
+ ], m.prototype, "withBorder", 2);
159
+ s([
160
+ M({ context: E, subscribe: !0 })
161
+ ], m.prototype, "group", 2);
162
+ m = s([
163
+ B("bm-avatar")
164
+ ], m);
165
+ export {
166
+ m as B,
167
+ F as a,
168
+ ia as b,
169
+ l as c,
170
+ ca as d,
171
+ va as e,
172
+ la as f,
173
+ T as g
174
+ };
@@ -0,0 +1,121 @@
1
+ import { consume as y } from "@lit/context";
2
+ import { unsafeCSS as g, LitElement as x, html as s } from "lit";
3
+ import { property as b, queryAssignedNodes as C } from "lit/decorators.js";
4
+ import { unsafeSVG as u } from "lit/directives/unsafe-svg.js";
5
+ import { g as k } from "./classNames.Cq_tbDRp.js";
6
+ import { c as $ } from "./register-custom-element.DHGKOhmA.js";
7
+ import { b as w } from "./helpers.AwJwaZvv.js";
8
+ import { BreadcrumbGroupCtx as z } from "../Breadcrumbs/Breadcrumbs.context.js";
9
+ import "../Link/Link.js";
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">
11
+ <path
12
+ d="M9.37538 6.2194C9.47793 6.13729 9.59564 6.07619 9.7218 6.03959C9.84796 6.00299 9.9801 5.99161 10.1107 6.0061C10.2412 6.02059 10.3677 6.06066 10.4827 6.12402C10.5978 6.18738 10.6993 6.2728 10.7813 6.37539L14.7811 11.3751C14.9231 11.5524 15.0004 11.7729 15.0004 12.0001C15.0004 12.2272 14.9231 12.4477 14.7811 12.625L10.7813 17.6247C10.6156 17.8318 10.3743 17.9646 10.1107 17.9939C9.84699 18.0231 9.58251 17.9465 9.37538 17.7807C9.16826 17.615 9.03547 17.3737 9.00621 17.1101C8.97696 16.8464 9.05364 16.5819 9.21939 16.3748L12.7192 12.0001L9.21939 7.62532C9.13729 7.52278 9.07619 7.40506 9.03959 7.2789C9.00299 7.15274 8.99161 7.0206 9.00609 6.89004C9.02058 6.75947 9.06065 6.63305 9.12401 6.51798C9.18738 6.4029 9.2728 6.30145 9.37538 6.2194Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ `;
17
+ var S = Object.defineProperty, P = Object.getOwnPropertyDescriptor, _ = (e) => {
18
+ throw TypeError(e);
19
+ }, m = (e, r, o, i) => {
20
+ for (var c = i > 1 ? void 0 : i ? P(r, o) : r, l = e.length - 1, n; l >= 0; l--)
21
+ (n = e[l]) && (c = (i ? n(r, o, c) : n(c)) || c);
22
+ return i && c && S(r, o, c), c;
23
+ }, N = (e, r, o) => r.has(e) || _("Cannot " + o), v = (e, r, o) => (N(e, r, "read from private field"), o ? o.call(e) : r.get(e)), f = (e, r, o) => r.has(e) ? _("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, o), d, p;
24
+ const { subElementClassPrefix: a, variablePrefix: W } = k("breadcrumbs");
25
+ let t = class extends x {
26
+ constructor() {
27
+ super(...arguments), this.clickable = !1, this.isCurrent = !1, this.isCollapsed = !1, f(this, d, () => {
28
+ var o;
29
+ const e = `${a}icon--current`;
30
+ return this._iconNode && ((o = this._iconNode) == null ? void 0 : o.length) > 0 ? s` <span class="${e}">
31
+ <slot name="iconBefore"></slot>
32
+ </span>` : s` <slot name="iconBefore"></slot>`;
33
+ }), f(this, p, (e) => {
34
+ !this.href && this.clickable && e.preventDefault();
35
+ });
36
+ }
37
+ connectedCallback() {
38
+ var e, r;
39
+ super.connectedCallback(), (r = (e = this.group) == null ? void 0 : e.register) == null || r.call(e, this);
40
+ }
41
+ disconnectedCallback() {
42
+ var e, r;
43
+ (r = (e = this.group) == null ? void 0 : e.unregister) == null || r.call(e, this), super.disconnectedCallback();
44
+ }
45
+ render() {
46
+ const e = s`
47
+ <span class=${`${a}text`}><slot></slot></span>
48
+ `;
49
+ this.truncationWidth && this.style.setProperty(
50
+ `${W}-truncation-width`,
51
+ `${this.truncationWidth}`
52
+ );
53
+ const r = w(this, this.truncationWidth);
54
+ return this.isCollapsed ? s`
55
+ <li
56
+ class="${`${a}item`} ${`${a}item--ellipsis`}"
57
+ >
58
+ <span class=${`${a}text`} aria-hidden="true">…</span>
59
+ <span class=${`${a}separator`}>
60
+ ${u(h)}
61
+ </span>
62
+ </li>
63
+ ` : s`
64
+ <li class=${`${a}item`}>
65
+ ${this.isCurrent ? s`
66
+ ${v(this, d).call(this)}
67
+ <span class=${`${a}current`} aria-current="page"
68
+ ><slot></slot>
69
+ </span>
70
+ ` : s` <bm-link
71
+ href=${this.href || "#"}
72
+ appearance="secondary"
73
+ size="sm"
74
+ hideUnderline
75
+ className=${`${a}link`}
76
+ .disabled=${!this.href && !this.clickable}
77
+ tabIndex=${this.href ? void 0 : 0}
78
+ title=${r}
79
+ @click=${v(this, p)}
80
+ >
81
+ <slot name="iconBefore"></slot>
82
+ ${e}
83
+ </bm-link>
84
+ <span class=${`${a}separator`}>
85
+ ${u(h)}
86
+ </span>`}
87
+ </li>
88
+ `;
89
+ }
90
+ };
91
+ d = /* @__PURE__ */ new WeakMap();
92
+ p = /* @__PURE__ */ new WeakMap();
93
+ t.styles = g(B);
94
+ m([
95
+ b({ type: String })
96
+ ], t.prototype, "href", 2);
97
+ m([
98
+ b({ type: Boolean })
99
+ ], t.prototype, "clickable", 2);
100
+ m([
101
+ b({ type: String })
102
+ ], t.prototype, "truncationWidth", 2);
103
+ m([
104
+ b({ type: Boolean, reflect: !0 })
105
+ ], t.prototype, "isCurrent", 2);
106
+ m([
107
+ b({ type: Boolean, reflect: !0, attribute: "isCollapsed" })
108
+ ], t.prototype, "isCollapsed", 2);
109
+ m([
110
+ C({ slot: "iconBefore", flatten: !0 })
111
+ ], t.prototype, "_iconNode", 2);
112
+ m([
113
+ y({ context: z, subscribe: !0 })
114
+ ], t.prototype, "group", 2);
115
+ t = m([
116
+ $("bm-breadcrumb-item")
117
+ ], t);
118
+ export {
119
+ t as B,
120
+ B as b
121
+ };
@@ -0,0 +1,108 @@
1
+ import { unsafeCSS as h, LitElement as v, nothing as x, html as d } from "lit";
2
+ import { property as l } from "lit/decorators.js";
3
+ import { unsafeSVG as g } from "lit/directives/unsafe-svg.js";
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";
7
+ import { c as _ } from "./register-custom-element.DHGKOhmA.js";
8
+ const C = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
9
+ <path
10
+ fill-rule="evenodd"
11
+ clip-rule="evenodd"
12
+ d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z"
13
+ fill="currentColor"
14
+ />
15
+ </svg>
16
+ `, S = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
17
+ <path
18
+ fill-rule="evenodd"
19
+ clip-rule="evenodd"
20
+ d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z"
21
+ fill="currentColor"
22
+ />
23
+ </svg>
24
+ `, z = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
25
+ <path
26
+ fill-rule="evenodd"
27
+ clip-rule="evenodd"
28
+ d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z"
29
+ fill="currentColor"
30
+ />
31
+ </svg>
32
+ `, H = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
33
+ <path
34
+ fill-rule="evenodd"
35
+ clip-rule="evenodd"
36
+ d="M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z"
37
+ fill="currentColor"
38
+ />
39
+ </svg>
40
+ `, M = ':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-helper-text-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-helper-text-space-top: var(--bm-sem-space-50, .5rem);--bm-comp-helper-text-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-helper-text-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-helper-text-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #187c36 );--bm-comp-helper-text-color-positive-text: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-helper-text-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ac4902 );--bm-comp-helper-text-color-warning-text: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-helper-text-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-helper-text-color-negative-text: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-helper-text-color-info-icon: var( --bm-sem-color-icon-info-secondary-strong, #465967 );--bm-comp-helper-text-color-info-text: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-helper-text-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-helper-text-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "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-helper-text-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-helper-text-space-top: var(--bm-sem-space-50, .5rem);--bm-comp-helper-text-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-helper-text-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-helper-text-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #b3eb9e );--bm-comp-helper-text-color-positive-text: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-helper-text-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ffd4a8 );--bm-comp-helper-text-color-warning-text: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-helper-text-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-helper-text-color-negative-text: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-helper-text-color-info-icon: var( --bm-sem-color-icon-info-secondary-strong, #c3cdd5 );--bm-comp-helper-text-color-info-text: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-helper-text-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-helper-text-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}.bm-helper-text{display:flex;gap:var(--bm-comp-helper-text-space-gap);margin-top:var(--bm-comp-helper-text-space-top, var(--bm-sem-space-0))}.bm-helper-text--sm .bm-helper-text__message{font:var(--bm-comp-helper-text-typo-sm)}.bm-helper-text--sm svg,.bm-helper-text--sm ::slotted([slot=icon]){width:var(--bm-comp-helper-text-size-sm-icon);height:var(--bm-comp-helper-text-size-sm-icon)}.bm-helper-text--md .bm-helper-text__message{font:var(--bm-comp-helper-text-typo-md)}.bm-helper-text--md svg,.bm-helper-text--md ::slotted([slot=icon]){width:var(--bm-comp-helper-text-size-md-icon);height:var(--bm-comp-helper-text-size-md-icon)}.bm-helper-text--info .bm-helper-text__message{color:var(--bm-comp-helper-text-color-info-text)}.bm-helper-text--info svg,.bm-helper-text--info ::slotted([slot=icon]){color:var(--bm-comp-helper-text-color-info-icon)}.bm-helper-text--warning .bm-helper-text__message{color:var(--bm-comp-helper-text-color-warning-text)}.bm-helper-text--warning svg,.bm-helper-text--warning ::slotted([slot=icon]){color:var(--bm-comp-helper-text-color-warning-icon)}.bm-helper-text--positive .bm-helper-text__message{color:var(--bm-comp-helper-text-color-positive-text)}.bm-helper-text--positive svg,.bm-helper-text--positive ::slotted([slot=icon]){color:var(--bm-comp-helper-text-color-positive-icon)}.bm-helper-text--negative .bm-helper-text__message{color:var(--bm-comp-helper-text-color-negative-text)}.bm-helper-text--negative svg,.bm-helper-text--negative ::slotted([slot=icon]){color:var(--bm-comp-helper-text-color-negative-icon)}.bm-helper-text--disabled .bm-helper-text__message{color:var(--bm-comp-helper-text-color-info-text)}.bm-helper-text--disabled svg,.bm-helper-text--disabled ::slotted([slot=icon]){color:var(--bm-comp-helper-text-color-info-icon)}.bm-helper-text--disabled{opacity:var(--bm-sem-opacity-disabled)}.bm-helper-text svg,.bm-helper-text ::slotted([slot=icon]){flex-shrink:var(--bm-sem-space-0);margin-top:var(--bm-sem-space-12)}';
41
+ var V = Object.defineProperty, P = Object.getOwnPropertyDescriptor, b = (e) => {
42
+ throw TypeError(e);
43
+ }, s = (e, t, o, n) => {
44
+ for (var m = n > 1 ? void 0 : n ? P(t, o) : t, i = e.length - 1, p; i >= 0; i--)
45
+ (p = e[i]) && (m = (n ? p(t, o, m) : p(m)) || m);
46
+ return n && m && V(t, o, m), m;
47
+ }, Z = (e, t, o) => t.has(e) || b("Cannot " + o), B = (e, t, o) => (Z(e, t, "read from private field"), o ? o.call(e) : t.get(e)), L = (e, t, o) => t.has(e) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, o), a;
48
+ const { baseClassNamePrefix: $, subElementClassPrefix: E, classModifierPrefix: c } = w("helper-text");
49
+ let r = class extends v {
50
+ constructor() {
51
+ super(...arguments), this.appearance = "info", this.size = "sm", this.disabled = !1, this.hideIcon = !1, L(this, a, () => {
52
+ const { appearance: e } = this, { icon: t, label: o } = {
53
+ info: { icon: z, label: "info-circle" },
54
+ negative: { icon: S, label: "negative-circle" },
55
+ positive: { icon: C, label: "check-circle" },
56
+ warning: { icon: H, label: "exclamation-triangle" }
57
+ }[e];
58
+ return y(t, { role: "img", "aria-label": o });
59
+ });
60
+ }
61
+ render() {
62
+ const e = f(
63
+ $,
64
+ `${c}${this.size}`,
65
+ `${c}${this.appearance}`,
66
+ this.theme && u(this.theme),
67
+ this.disabled && `${c}disabled`
68
+ );
69
+ return d`
70
+ <div class=${e}>
71
+ <slot name="icon">
72
+ ${this.hideIcon ? x : g(B(this, a).call(this))}
73
+ </slot>
74
+ <span class="${E}message" part="message">
75
+ <slot>${this.text}</slot>
76
+ </span>
77
+ </div>
78
+ `;
79
+ }
80
+ };
81
+ a = /* @__PURE__ */ new WeakMap();
82
+ r.styles = h(M);
83
+ s([
84
+ l({ type: String })
85
+ ], r.prototype, "appearance", 2);
86
+ s([
87
+ l({ type: String })
88
+ ], r.prototype, "size", 2);
89
+ s([
90
+ l({ type: Boolean })
91
+ ], r.prototype, "disabled", 2);
92
+ s([
93
+ l({ type: Boolean })
94
+ ], r.prototype, "hideIcon", 2);
95
+ s([
96
+ l({ type: String })
97
+ ], r.prototype, "text", 2);
98
+ s([
99
+ l({ type: String })
100
+ ], r.prototype, "theme", 2);
101
+ r = s([
102
+ _("bm-helper-text")
103
+ ], r);
104
+ export {
105
+ r as B,
106
+ C,
107
+ S as E
108
+ };
@@ -0,0 +1,4 @@
1
+ const e = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-file-upload-color-dropzone-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-file-upload-color-dropzone-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-file-upload-color-dropzone-icon: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-file-upload-color-dropzone-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-file-upload-color-dropzone-bg-drag: var( --bm-utility-color-accent-subtlest, #e9fcff );--bm-comp-file-upload-color-dropzone-border-drag: var( --bm-utility-color-accent-default, #00768f );--bm-comp-file-upload-color-dropzone-icon-drag: var( --bm-utility-color-accent-default, #00768f );--bm-comp-file-upload-color-file-bg: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-file-upload-color-file-name: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-file-upload-color-file-detail: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-file-upload-color-file-icon: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-file-upload-color-file-icon-success: var( --bm-sem-color-icon-positive-strong, #187c36 );--bm-comp-file-upload-color-file-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-file-upload-space-file-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-file-gap: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-file-gap-inner: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-lg-y: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-dropzone-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-gap: var(--bm-sem-space-25, .25rem);--bm-comp-file-upload-space-dropzone-sm-y: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-md-y: var(--bm-sem-space-200, 2rem);--bm-comp-file-upload-size-file-md-height: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-size-file-md-thumbnail: var( --bm-primitive-dimension-150, 1.5rem );--bm-comp-file-upload-size-file-lg-height: var( --bm-primitive-dimension-400, 4rem );--bm-comp-file-upload-size-file-lg-thumbnail: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-radius-file: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-dropzone: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-thumbnail: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-border-width-dropzone-default: var( --bm-sem-border-width-md, .063rem );--bm-comp-file-upload-border-width-dropzone-drag: var( --bm-sem-border-width-lg, .125rem );--bm-comp-file-upload-typo-file: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-file-upload-typo-dropzone: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "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-file-upload-color-dropzone-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-file-upload-color-dropzone-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-file-upload-color-dropzone-icon: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-file-upload-color-dropzone-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-file-upload-color-dropzone-bg-drag: var( --bm-utility-color-accent-subtlest, #01262d );--bm-comp-file-upload-color-dropzone-border-drag: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-file-upload-color-dropzone-icon-drag: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-file-upload-color-file-bg: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-file-upload-color-file-name: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-file-upload-color-file-detail: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-file-upload-color-file-icon: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-file-upload-color-file-icon-success: var( --bm-sem-color-icon-positive-strong, #b3eb9e );--bm-comp-file-upload-color-file-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-file-upload-space-file-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-file-gap: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-file-gap-inner: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-file-upload-space-file-lg-y: var(--bm-sem-space-75, .75rem);--bm-comp-file-upload-space-dropzone-x: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-gap: var(--bm-sem-space-25, .25rem);--bm-comp-file-upload-space-dropzone-sm-y: var(--bm-sem-space-100, 1rem);--bm-comp-file-upload-space-dropzone-md-y: var(--bm-sem-space-200, 2rem);--bm-comp-file-upload-size-file-md-height: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-size-file-md-thumbnail: var( --bm-primitive-dimension-150, 1.5rem );--bm-comp-file-upload-size-file-lg-height: var( --bm-primitive-dimension-400, 4rem );--bm-comp-file-upload-size-file-lg-thumbnail: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-file-upload-radius-file: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-dropzone: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-radius-thumbnail: var(--bm-sem-radius-sm, .25rem);--bm-comp-file-upload-border-width-dropzone-default: var( --bm-sem-border-width-md, .063rem );--bm-comp-file-upload-border-width-dropzone-drag: var( --bm-sem-border-width-lg, .125rem );--bm-comp-file-upload-typo-file: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-file-upload-typo-dropzone: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" )}.bm-file-upload{display:flex;flex-direction:column;gap:var(--bm-sem-space-100);max-width:var(--bm-comp-input-size-field-width);width:100%}.bm-file-upload--fluid{max-width:none}.bm-file-upload__uploader{display:flex;gap:0;flex-direction:column}.bm-file-upload-list{display:flex;flex-direction:column;gap:var(--bm-sem-space-50)}.bm-file-upload-list-item{box-sizing:border-box;display:flex;border-radius:var(--bm-comp-file-upload-radius-file);min-height:var(--bm-comp-file-upload-size-file-md-height);padding:var(--bm-comp-file-upload-space-file-md-y) var(--bm-comp-file-upload-space-file-x);gap:var(--bm-comp-file-upload-space-file-gap);align-items:center;background:var(--bm-comp-file-upload-color-file-bg);position:relative;overflow:hidden}.bm-file-upload-list-item--uploading,.bm-file-upload-list-item--uploaded,.bm-file-upload-list-item--success{display:flex}.bm-file-upload-list-item--error{align-items:flex-start;outline:var(--bm-sem-border-width-lg) solid var(--bm-sem-color-border-negative-strong)}.bm-file-upload-list-item--lg{min-height:var(--bm-comp-file-upload-size-file-lg-height);padding:var(--bm-comp-file-upload-space-file-lg-y) var(--bm-comp-file-upload-space-file-x)}.bm-file-upload-list-item__thumbnail{display:flex;width:var(--bm-comp-file-upload-size-file-md-thumbnail);height:var(--bm-comp-file-upload-size-file-md-thumbnail);justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--bm-comp-file-upload-radius-thumbnail);background-color:var(--bm-sem-color-surface-highlight);overflow:hidden}.bm-file-upload-list-item--lg .bm-file-upload-list-item__thumbnail{width:var(--bm-comp-file-upload-size-file-lg-thumbnail);height:var(--bm-comp-file-upload-size-file-lg-thumbnail)}.bm-file-upload-list-item__thumbnail img{width:100%;height:100%;object-fit:cover}.bm-file-upload-list-item__content{display:flex;flex:1 0 0;flex-direction:row;gap:var(--bm-comp-file-upload-space-file-gap-inner);min-width:0}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content,.bm-file-upload-list-item--error .bm-file-upload-list-item__content{align-items:flex-start}.bm-file-upload-list-item__content-start{display:flex;align-items:center;gap:var(--bm-comp-file-upload-space-file-gap-inner);flex:1 0 0;flex-direction:row;min-width:0}.bm-file-upload-list-item--lg .bm-file-upload-list-item__content-start,.bm-file-upload-list-item--error .bm-file-upload-list-item__content-start{gap:0;flex-direction:column;align-items:flex-start;flex:1}.bm-file-upload-list-item__content-end{display:flex;gap:var(--bm-comp-file-upload-space-file-gap-inner);align-items:center}.bm-file-upload-list-item__filename{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--bm-comp-file-upload-color-file-name);font:var(--bm-comp-file-upload-typo-file);margin:0;padding:0;max-width:100%}.bm-file-upload-list-item__size{flex-shrink:0;color:var(--bm-comp-file-upload-color-file-detail);font:var(--bm-comp-file-upload-typo-file);margin:0;padding:0}.bm-file-upload-list-item--error .bm-file-upload-list-item__size{display:none}.bm-file-upload-list-item__status{display:flex;align-items:center;justify-content:center;flex-shrink:0}.bm-file-upload-list-item__status bm-icon{display:flex}.bm-file-upload-list-item__remove{display:flex}.bm-file-upload-list-item__progress-bar{position:absolute;bottom:0;left:0;right:0}.bm-file-upload-list-item__error{--bm-comp-helper-text-space-top: 0}.bm-file-upload-dropzone{position:relative;display:flex;padding:var(--bm-comp-file-upload-space-dropzone-md-y) var(--bm-comp-file-upload-space-dropzone-x);flex-direction:column;justify-content:center;align-items:center;gap:var(--bm-comp-file-upload-space-dropzone-gap);flex-shrink:0;border-radius:var(--bm-comp-file-upload-radius-dropzone);background:var(--bm-comp-file-upload-color-dropzone-bg)}.bm-file-upload-dropzone:focus-visible{outline:none}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled){background:var(--bm-comp-file-upload-color-dropzone-bg-drag)}.bm-file-upload-dropzone--disabled{opacity:var(--bm-sem-opacity-disabled)}.bm-file-upload-dropzone:not(.bm-file-upload-dropzone--disabled){cursor:pointer}.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-opacity: 1;--bm-state-layer-outline-style: dashed;--bm-state-layer-outline-offset: calc(-1 * var(--bm-comp-file-upload-border-width-dropzone-default));--bm-state-layer-outline-color: var(--bm-comp-file-upload-color-dropzone-border);--bm-state-layer-outline-width: var(--bm-comp-file-upload-border-width-dropzone-default)}*:focus-within>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-offset: 0;--bm-state-layer-outline-style: solid;--bm-state-layer-outline-color: var(--bm-sem-color-border-focus);--bm-state-layer-outline-width: var(--bm-sem-border-width-focus)}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled)>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color: var(--bm-comp-file-upload-color-dropzone-border-drag);--bm-state-layer-outline-width: var(--bm-comp-file-upload-border-width-dropzone-drag);--bm-state-layer-outline-style: solid;--bm-state-layer-background: transparent}.bm-file-upload-dropzone--disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer,*:disabled>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-background: transparent;--bm-state-layer-opacity: 1}.bm-file-upload-dropzone--error>.bm-file-upload-dropzone__state-layer.bm-state-layer{--bm-state-layer-outline-color: var(--bm-comp-input-color-border-error);--bm-state-layer-outline-width: var(--bm-comp-input-border-width-field-error);--bm-state-layer-outline-offset: calc(-1 * var(--bm-comp-input-border-width-field-error));--bm-state-layer-outline-style: dashed}.bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon);z-index:1}.bm-file-upload-dropzone--dragging:not(.bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__icon{color:var(--bm-comp-file-upload-color-dropzone-icon-drag)}.bm-file-upload-dropzone__text{color:var(--bm-comp-file-upload-color-dropzone-text);text-align:center;font:var(--bm-comp-file-upload-typo-dropzone);z-index:1}.bm-file-upload-dropzone__link{color:var(--bm-sem-color-link-primary)}.bm-file-upload-dropzone:is(:hover,.bm-file-upload-dropzone--dragging):not(:disabled,.bm-file-upload-dropzone--disabled) .bm-file-upload-dropzone__link{text-decoration:underline}';
2
+ export {
3
+ e as f
4
+ };