@viasat/beam-web-components 2.21.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 +6179 -6179
  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 +251 -251
  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 { c as x } from "./consume.Ce9k1-wN.js";
2
+ import { r as C, i as z, a as S, x as s, E as P } from "./lit-element.CJtt9wj5.js";
3
+ import { n as p, c as O } from "./register-custom-element.vod7zfGv.js";
4
+ import { r as $ } from "./state.CqiuSzAl.js";
5
+ import { n as k } from "./query-assigned-nodes.Dgvsf6BR.js";
6
+ import { o as E } from "./unsafe-svg.HSGf1NCU.js";
7
+ import { n as I, c as b, g as N } from "./classNames.C6fNrXWF.js";
8
+ import { b as D } from "./constants.jOWREYQE.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
+ `, B = D.md, 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-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 q = Object.defineProperty, A = Object.getOwnPropertyDescriptor, w = (o) => {
18
+ throw TypeError(o);
19
+ }, i = (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 && q(e, c, m), m;
23
+ }, L = (o, e, c) => e.has(o) || w("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) ? w("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, c), g, y, f, _;
24
+ const { baseClassNamePrefix: v, subElementClassPrefix: a, classModifierPrefix: W } = N("accordion");
25
+ let r = class extends S {
26
+ constructor() {
27
+ super(...arguments), this.defaultOpen = !1, this._isOpen = !1, this._accordionUniqueId = "", h(this, g, () => this.requestUpdate()), h(this, y, () => s`<span
28
+ class=${b(
29
+ `${a}icon`,
30
+ !this.hasIconSlot && `${W}no-box`
31
+ )}
32
+ role="img"
33
+ aria-label="icon"
34
+ >
35
+ <slot name="icon" @slotchange=${l(this, g)}></slot>
36
+ </span>`), h(this, f, () => {
37
+ const o = `${a}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 = `${a}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 || `${v}-${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) || B, c = b(`${a}container`, {
85
+ [`${a}container--expanded`]: o,
86
+ [`${a}${e}`]: e
87
+ }), t = b(`${a}chevron`, {
88
+ [`${a}chevron--rotated`]: o
89
+ }), m = b(`${a}panel--${e}`, {
90
+ [`${a}panel--expanded--${e}`]: o
91
+ }), d = `${v}-heading-${this._accordionUniqueId}`, n = `${v}-panel-${this._accordionUniqueId}`;
92
+ return s`
93
+ <div class="${v}--${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
+ ${E(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
+ g = /* @__PURE__ */ new WeakMap();
122
+ y = /* @__PURE__ */ new WeakMap();
123
+ f = /* @__PURE__ */ new WeakMap();
124
+ _ = /* @__PURE__ */ new WeakMap();
125
+ r.styles = z`
126
+ ${C(T)}
127
+ `;
128
+ i([
129
+ p({ type: String })
130
+ ], r.prototype, "size", 2);
131
+ i([
132
+ p({ type: String })
133
+ ], r.prototype, "heading", 2);
134
+ i([
135
+ p({ type: Boolean, reflect: !0 })
136
+ ], r.prototype, "open", 2);
137
+ i([
138
+ p({ type: Boolean })
139
+ ], r.prototype, "defaultOpen", 2);
140
+ i([
141
+ p({ type: String })
142
+ ], r.prototype, "id", 2);
143
+ i([
144
+ $()
145
+ ], r.prototype, "_isOpen", 2);
146
+ i([
147
+ $()
148
+ ], r.prototype, "_accordionUniqueId", 2);
149
+ i([
150
+ k({ slot: "icon", flatten: !0 })
151
+ ], r.prototype, "iconNodes", 2);
152
+ i([
153
+ x({ context: M, subscribe: !0 })
154
+ ], r.prototype, "group", 2);
155
+ r = i([
156
+ O("bm-accordion")
157
+ ], r);
158
+ export {
159
+ r as B,
160
+ T as a
161
+ };
@@ -0,0 +1,172 @@
1
+ import { c as V } from "./consume.Ce9k1-wN.js";
2
+ import { r as $, a as H, x as d, E as P } from "./lit-element.CJtt9wj5.js";
3
+ import { n as i, c as I } from "./register-custom-element.vod7zfGv.js";
4
+ import { o as Z } from "./unsafe-svg.HSGf1NCU.js";
5
+ import { g as C, c as v } from "./classNames.C6fNrXWF.js";
6
+ import "./constants.jOWREYQE.js";
7
+ import { c as B } from "./CSSLookup.BdqZ5Li9.js";
8
+ import { stateLayerStyles as N, stateLayerClassName as W } from "../StateLayer/StateLayer.js";
9
+ import { AvatarGroupCtx as E } from "../Avatar/AvatarGroup.context.js";
10
+ const A = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11
+ <path
12
+ fill-rule="evenodd"
13
+ clip-rule="evenodd"
14
+ d="M12 7V3H2V21H22V7H12ZM6 19H4V17H6V19ZM6 15H4V13H6V15ZM6 11H4V9H6V11ZM6 7H4V5H6V7ZM10 19H8V17H10V19ZM10 15H8V13H10V15ZM10 11H8V9H10V11ZM10 7H8V5H10V7ZM20 19H12V17H14V15H12V13H14V11H12V9H20V19ZM18 11H16V13H18V11ZM18 15H16V17H18V15Z"
15
+ fill="currentColor"
16
+ />
17
+ </svg>
18
+ `, q = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
19
+ <path
20
+ fill-rule="evenodd"
21
+ clip-rule="evenodd"
22
+ 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"
23
+ fill="currentColor"
24
+ />
25
+ </svg>
26
+ `, { baseClassNamePrefix: G, subElementClassPrefix: u, classModifierPrefix: l } = C("avatar"), sa = {
27
+ xs: 1.25,
28
+ sm: 1.5,
29
+ md: 2,
30
+ lg: 2.5,
31
+ xl: 3
32
+ }, L = (a, r) => {
33
+ var _, k, S;
34
+ const e = a.split(" "), o = e.length > 1, t = r !== "xs" && o, b = (_ = e.at(0)) != null && _.startsWith("+") ? e.at(0) : void 0, p = `${((k = e.at(0)) == null ? void 0 : k[0]) || ""}${t && ((S = e.at(-1)) == null ? void 0 : S[0]) || ""}`.toUpperCase();
35
+ return b || p;
36
+ }, O = 0.25, R = 0.5, T = (a, r) => (["xs", "sm", "md"].includes(a) ? O : R) * (r === "stacked" ? 1 : -1), oa = (a, r) => B(T(a, r)) * (r === "stacked" ? 1 : -1), {
37
+ baseClassNamePrefix: ia,
38
+ classModifierPrefix: ca
39
+ } = 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)}';
40
+ var D = Object.defineProperty, U = Object.getOwnPropertyDescriptor, M = (a) => {
41
+ throw TypeError(a);
42
+ }, s = (a, r, e, o) => {
43
+ for (var t = o > 1 ? void 0 : o ? U(r, e) : r, b = a.length - 1, p; b >= 0; b--)
44
+ (p = a[b]) && (t = (o ? p(r, e, t) : p(t)) || t);
45
+ return o && t && D(r, e, t), t;
46
+ }, J = (a, r, e) => r.has(a) || M("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) ? M("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;
47
+ const K = {
48
+ square: A,
49
+ circle: q
50
+ };
51
+ let m = class extends H {
52
+ constructor() {
53
+ 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, () => {
54
+ var t;
55
+ 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;
56
+ return v(
57
+ this.className,
58
+ G,
59
+ `${l}${e}`,
60
+ this.disabled && `${l}disabled`,
61
+ o && `${l}with-border`,
62
+ this.isInteractive && !this.disabled && `${l}interactive`,
63
+ `${l}${r}`,
64
+ `${l}${a}`
65
+ );
66
+ }), n(this, f, () => this.isInteractive || this.isFocusable ? 0 : -1), n(this, x, v(`${u}image`)), n(this, g, v(`${l}content`)), n(this, y, () => {
67
+ var o;
68
+ const a = ((o = this.group) == null ? void 0 : o.size) || this.size || "md", r = v(`${u}icon--${a}`);
69
+ if (this.src !== void 0 && this.src !== "")
70
+ return d`
71
+ <img
72
+ src=${this.src}
73
+ alt=${this.alt || this.name}
74
+ class=${v(
75
+ c(this, x),
76
+ this.isInteractive && c(this, g)
77
+ )}
78
+ />
79
+ `;
80
+ if (this.name !== void 0 && this.name !== "") {
81
+ const t = v(`${u}text--${a}`);
82
+ return d`
83
+ <span
84
+ class=${v(t, this.isInteractive && c(this, g))}
85
+ >
86
+ ${L(this.name, a)}
87
+ </span>
88
+ `;
89
+ }
90
+ const e = K[this.shape || "circle"];
91
+ return d`
92
+ <span
93
+ role="img"
94
+ aria-label=${this.alt || this.name}
95
+ class=${v(r, this.isInteractive && c(this, g))}
96
+ part="icon"
97
+ >
98
+ <slot name="icon"> ${Z(e)} </slot>
99
+ </span>
100
+ `;
101
+ }), n(this, z, W()), n(this, w, () => !this.isInteractive || this.disabled ? P : d`<span aria-hidden="true" class=${c(this, z)}></span>`);
102
+ }
103
+ connectedCallback() {
104
+ var a, r;
105
+ super.connectedCallback(), (r = (a = this.group) == null ? void 0 : a.register) == null || r.call(a, this);
106
+ }
107
+ disconnectedCallback() {
108
+ var a, r;
109
+ (r = (a = this.group) == null ? void 0 : a.unregister) == null || r.call(a, this), super.disconnectedCallback();
110
+ }
111
+ render() {
112
+ return d`
113
+ <div class=${c(this, h).call(this)} part="avatar" tabindex=${c(this, f).call(this)}>
114
+ ${c(this, w).call(this)} ${c(this, y).call(this)}
115
+ </div>
116
+ `;
117
+ }
118
+ };
119
+ h = /* @__PURE__ */ new WeakMap();
120
+ f = /* @__PURE__ */ new WeakMap();
121
+ x = /* @__PURE__ */ new WeakMap();
122
+ g = /* @__PURE__ */ new WeakMap();
123
+ y = /* @__PURE__ */ new WeakMap();
124
+ z = /* @__PURE__ */ new WeakMap();
125
+ w = /* @__PURE__ */ new WeakMap();
126
+ m.styles = [$(F), N];
127
+ s([
128
+ i({ type: String })
129
+ ], m.prototype, "appearance", 2);
130
+ s([
131
+ i({ type: String })
132
+ ], m.prototype, "name", 2);
133
+ s([
134
+ i({ type: String })
135
+ ], m.prototype, "src", 2);
136
+ s([
137
+ i({ type: String })
138
+ ], m.prototype, "alt", 2);
139
+ s([
140
+ i({ type: String })
141
+ ], m.prototype, "size", 2);
142
+ s([
143
+ i({ type: Boolean })
144
+ ], m.prototype, "disabled", 2);
145
+ s([
146
+ i({ type: String })
147
+ ], m.prototype, "shape", 2);
148
+ s([
149
+ i({ type: Boolean })
150
+ ], m.prototype, "isInteractive", 2);
151
+ s([
152
+ i({ type: Boolean })
153
+ ], m.prototype, "isFocusable", 2);
154
+ s([
155
+ i({ type: Boolean })
156
+ ], m.prototype, "withBorder", 2);
157
+ s([
158
+ V({ context: E, subscribe: !0 })
159
+ ], m.prototype, "group", 2);
160
+ m = s([
161
+ I("bm-avatar")
162
+ ], m);
163
+ export {
164
+ m as B,
165
+ F as a,
166
+ sa as b,
167
+ l as c,
168
+ oa as d,
169
+ ca as e,
170
+ ia as f,
171
+ T as g
172
+ };
@@ -0,0 +1,121 @@
1
+ import { c as y } from "./consume.Ce9k1-wN.js";
2
+ import { r as g, a as x, x as s } from "./lit-element.CJtt9wj5.js";
3
+ import { n as b, c as C } from "./register-custom-element.vod7zfGv.js";
4
+ import { n as k } from "./query-assigned-nodes.Dgvsf6BR.js";
5
+ import { o as u } from "./unsafe-svg.HSGf1NCU.js";
6
+ import { g as $ } from "./classNames.C6fNrXWF.js";
7
+ import { a as w } from "./helpers.BWcXAteC.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, _ = (r) => {
18
+ throw TypeError(r);
19
+ }, t = (r, e, o, i) => {
20
+ for (var c = i > 1 ? void 0 : i ? P(e, o) : e, l = r.length - 1, n; l >= 0; l--)
21
+ (n = r[l]) && (c = (i ? n(e, o, c) : n(c)) || c);
22
+ return i && c && S(e, o, c), c;
23
+ }, W = (r, e, o) => e.has(r) || _("Cannot " + o), v = (r, e, o) => (W(r, e, "read from private field"), o ? o.call(r) : e.get(r)), f = (r, e, o) => e.has(r) ? _("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, o), d, p;
24
+ const { subElementClassPrefix: a, variablePrefix: I } = $("breadcrumbs");
25
+ let m = 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 r = `${a}icon--current`;
30
+ return this._iconNode && ((o = this._iconNode) == null ? void 0 : o.length) > 0 ? s` <span class="${r}">
31
+ <slot name="iconBefore"></slot>
32
+ </span>` : s` <slot name="iconBefore"></slot>`;
33
+ }), f(this, p, (r) => {
34
+ !this.href && this.clickable && r.preventDefault();
35
+ });
36
+ }
37
+ connectedCallback() {
38
+ var r, e;
39
+ super.connectedCallback(), (e = (r = this.group) == null ? void 0 : r.register) == null || e.call(r, this);
40
+ }
41
+ disconnectedCallback() {
42
+ var r, e;
43
+ (e = (r = this.group) == null ? void 0 : r.unregister) == null || e.call(r, this), super.disconnectedCallback();
44
+ }
45
+ render() {
46
+ const r = s`
47
+ <span class=${`${a}text`}><slot></slot></span>
48
+ `;
49
+ this.truncationWidth && this.style.setProperty(
50
+ `${I}-truncation-width`,
51
+ `${this.truncationWidth}`
52
+ );
53
+ const e = 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=${e}
79
+ @click=${v(this, p)}
80
+ >
81
+ <slot name="iconBefore"></slot>
82
+ ${r}
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
+ m.styles = g(B);
94
+ t([
95
+ b({ type: String })
96
+ ], m.prototype, "href", 2);
97
+ t([
98
+ b({ type: Boolean })
99
+ ], m.prototype, "clickable", 2);
100
+ t([
101
+ b({ type: String })
102
+ ], m.prototype, "truncationWidth", 2);
103
+ t([
104
+ b({ type: Boolean, reflect: !0 })
105
+ ], m.prototype, "isCurrent", 2);
106
+ t([
107
+ b({ type: Boolean, reflect: !0, attribute: "isCollapsed" })
108
+ ], m.prototype, "isCollapsed", 2);
109
+ t([
110
+ k({ slot: "iconBefore", flatten: !0 })
111
+ ], m.prototype, "_iconNode", 2);
112
+ t([
113
+ y({ context: z, subscribe: !0 })
114
+ ], m.prototype, "group", 2);
115
+ m = t([
116
+ C("bm-breadcrumb-item")
117
+ ], m);
118
+ export {
119
+ m as B,
120
+ B as b
121
+ };
@@ -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
+ };
@@ -0,0 +1,106 @@
1
+ import { r as h, a as v, E as x, x as d } from "./lit-element.CJtt9wj5.js";
2
+ import { n as l, c as g } from "./register-custom-element.vod7zfGv.js";
3
+ import { o as f } from "./unsafe-svg.HSGf1NCU.js";
4
+ import { c as w, g as y, j as _ } from "./classNames.C6fNrXWF.js";
5
+ import { t as u } from "./constants.jOWREYQE.js";
6
+ const C = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7
+ <path
8
+ fill-rule="evenodd"
9
+ clip-rule="evenodd"
10
+ 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"
11
+ fill="currentColor"
12
+ />
13
+ </svg>
14
+ `, z = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
15
+ <path
16
+ fill-rule="evenodd"
17
+ clip-rule="evenodd"
18
+ 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"
19
+ fill="currentColor"
20
+ />
21
+ </svg>
22
+ `, S = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
23
+ <path
24
+ fill-rule="evenodd"
25
+ clip-rule="evenodd"
26
+ 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"
27
+ fill="currentColor"
28
+ />
29
+ </svg>
30
+ `, H = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
31
+ <path
32
+ fill-rule="evenodd"
33
+ clip-rule="evenodd"
34
+ d="M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z"
35
+ fill="currentColor"
36
+ />
37
+ </svg>
38
+ `, 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)}';
39
+ var V = Object.defineProperty, P = Object.getOwnPropertyDescriptor, b = (e) => {
40
+ throw TypeError(e);
41
+ }, s = (e, t, o, n) => {
42
+ for (var m = n > 1 ? void 0 : n ? P(t, o) : t, i = e.length - 1, c; i >= 0; i--)
43
+ (c = e[i]) && (m = (n ? c(t, o, m) : c(m)) || m);
44
+ return n && m && V(t, o, m), m;
45
+ }, Z = (e, t, o) => t.has(e) || b("Cannot " + o), $ = (e, t, o) => (Z(e, t, "read from private field"), o ? o.call(e) : t.get(e)), B = (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;
46
+ const { baseClassNamePrefix: E, subElementClassPrefix: L, classModifierPrefix: p } = y("helper-text");
47
+ let r = class extends v {
48
+ constructor() {
49
+ super(...arguments), this.appearance = "info", this.size = "sm", this.disabled = !1, this.hideIcon = !1, B(this, a, () => {
50
+ const { appearance: e } = this, { icon: t, label: o } = {
51
+ info: { icon: S, label: "info-circle" },
52
+ negative: { icon: z, label: "negative-circle" },
53
+ positive: { icon: C, label: "check-circle" },
54
+ warning: { icon: H, label: "exclamation-triangle" }
55
+ }[e];
56
+ return _(t, { role: "img", "aria-label": o });
57
+ });
58
+ }
59
+ render() {
60
+ const e = w(
61
+ E,
62
+ `${p}${this.size}`,
63
+ `${p}${this.appearance}`,
64
+ this.theme && u(this.theme),
65
+ this.disabled && `${p}disabled`
66
+ );
67
+ return d`
68
+ <div class=${e}>
69
+ <slot name="icon">
70
+ ${this.hideIcon ? x : f($(this, a).call(this))}
71
+ </slot>
72
+ <span class="${L}message" part="message">
73
+ <slot>${this.text}</slot>
74
+ </span>
75
+ </div>
76
+ `;
77
+ }
78
+ };
79
+ a = /* @__PURE__ */ new WeakMap();
80
+ r.styles = h(M);
81
+ s([
82
+ l({ type: String })
83
+ ], r.prototype, "appearance", 2);
84
+ s([
85
+ l({ type: String })
86
+ ], r.prototype, "size", 2);
87
+ s([
88
+ l({ type: Boolean })
89
+ ], r.prototype, "disabled", 2);
90
+ s([
91
+ l({ type: Boolean })
92
+ ], r.prototype, "hideIcon", 2);
93
+ s([
94
+ l({ type: String })
95
+ ], r.prototype, "text", 2);
96
+ s([
97
+ l({ type: String })
98
+ ], r.prototype, "theme", 2);
99
+ r = s([
100
+ g("bm-helper-text")
101
+ ], r);
102
+ export {
103
+ r as B,
104
+ C,
105
+ z as E
106
+ };