@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.
- package/Accordion/Accordion.js +1 -1
- package/Accordion/AccordionGroup.js +1 -1
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +43 -43
- package/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.js +1 -1
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +1 -1
- package/BadgeDot/BadgeDot.js +18 -18
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +10 -10
- package/CloseButton/CloseButton.js +16 -16
- package/Divider/Divider.js +17 -17
- package/EmptyState/EmptyState.js +20 -20
- package/HelperText/HelperText.js +1 -1
- package/HelperText/index.js +1 -1
- package/InputChoiceGroup/InputChoiceGroup.js +54 -54
- package/Link/Link.js +51 -51
- package/List/List.js +1 -1
- package/List/ListItem.js +1 -1
- package/ProgressBar/ProgressBar.js +19 -19
- package/SegmentedControl/SegmentedControl.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/SegmentedControl/SegmentedControlList.js +1 -1
- package/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/Spinner/Spinner.js +28 -28
- package/Tooltip/Tooltip.js +85 -85
- package/chunks/Accordion.Bwk3EG3j.js +161 -0
- package/chunks/Avatar.BgufO4-1.js +174 -0
- package/chunks/BreadcrumbsItem.DmudL_IG.js +121 -0
- package/chunks/HelperText.SJGM6Q5H.js +108 -0
- package/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/chunks/list.module.BSL1AIzv.js +4 -0
- package/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/custom-elements.json +5017 -5017
- package/local/Accordion/Accordion.js +1 -1
- package/local/Accordion/AccordionGroup.js +1 -1
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +20 -20
- package/local/Avatar/Avatar.js +1 -1
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +1 -1
- package/local/BadgeDot/BadgeDot.js +4 -4
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +10 -10
- package/local/CloseButton/CloseButton.js +24 -24
- package/local/Divider/Divider.js +22 -22
- package/local/EmptyState/EmptyState.js +18 -18
- package/local/HelperText/HelperText.js +1 -1
- package/local/HelperText/index.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +39 -39
- package/local/Link/Link.js +25 -25
- package/local/List/List.js +1 -1
- package/local/List/ListItem.js +1 -1
- package/local/ProgressBar/ProgressBar.js +19 -19
- package/local/SegmentedControl/SegmentedControl.js +1 -1
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/SegmentedControl/SegmentedControlList.js +1 -1
- package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/local/Spinner/Spinner.js +34 -34
- package/local/Tooltip/Tooltip.js +85 -85
- package/local/chunks/Accordion.UOcVt0ft.js +161 -0
- package/local/chunks/Avatar.CEb3Se7H.js +172 -0
- package/local/chunks/BreadcrumbsItem.Dp9fzlcw.js +121 -0
- package/local/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/local/chunks/index.DNafYKj-.js +106 -0
- package/local/chunks/list.module.BSL1AIzv.js +4 -0
- package/local/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/local/wip/Checkbox/Checkbox.js +1 -1
- package/local/wip/FileUpload/FileUpload.Button.js +1 -1
- package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/local/wip/FileUpload/FileUpload.List.js +1 -1
- package/local/wip/FileUpload/FileUpload.js +2 -2
- package/local/wip/Form/Form.decorator.js +1 -1
- package/local/wip/Label/Label.js +40 -40
- package/local/wip/NativeSelect/NativeSelect.js +18 -18
- package/local/wip/RadioButton/RadioButton.js +9 -9
- package/local/wip/Switch/Switch.js +9 -9
- package/local/wip/TextArea/TextArea.js +21 -21
- package/local/wip/TextField/TextField.js +26 -26
- package/package.json +6 -6
- package/vscode.html-custom-data.json +325 -325
- package/wip/Checkbox/Checkbox.js +53 -53
- package/wip/FileUpload/FileUpload.Button.js +1 -1
- package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/wip/FileUpload/FileUpload.List.js +1 -1
- package/wip/FileUpload/FileUpload.js +2 -2
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/Label/Label.js +33 -33
- package/wip/NativeSelect/NativeSelect.js +25 -25
- package/wip/RadioButton/RadioButton.js +7 -7
- package/wip/Switch/Switch.js +9 -9
- package/wip/TextArea/TextArea.js +13 -13
- package/wip/TextField/TextField.js +26 -26
- package/chunks/Accordion.DYD3XcAx.js +0 -161
- package/chunks/Avatar.C2rfzUGP.js +0 -174
- package/chunks/BreadcrumbsItem.4ZR6wbMz.js +0 -121
- package/chunks/HelperText.CcVVOtA3.js +0 -108
- package/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/chunks/list.module.CZRPBLzy.js +0 -4
- package/chunks/segmentedControl.module.BPXEWodj.js +0 -4
- package/local/chunks/Accordion.BP1XR2Gd.js +0 -161
- package/local/chunks/Avatar.CvTOzaRT.js +0 -172
- package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +0 -121
- package/local/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/local/chunks/index.Bz1Jq4c2.js +0 -106
- package/local/chunks/list.module.CZRPBLzy.js +0 -4
- package/local/chunks/segmentedControl.module.BPXEWodj.js +0 -4
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import { consume as x } from "@lit/context";
|
|
2
|
-
import { unsafeCSS as C, css as S, LitElement as z, html as s, nothing as P } from "lit";
|
|
3
|
-
import { property as p, state as w, queryAssignedNodes as O } from "lit/decorators.js";
|
|
4
|
-
import { unsafeSVG as k } from "lit/directives/unsafe-svg.js";
|
|
5
|
-
import l from "clsx";
|
|
6
|
-
import { b as E } from "./constants.jOWREYQE.js";
|
|
7
|
-
import { n as I, g as N } from "./classNames.Cq_tbDRp.js";
|
|
8
|
-
import { c as D } from "./register-custom-element.DHGKOhmA.js";
|
|
9
|
-
import { AccordionGroupCtx as M } from "../Accordion/AccordionGroup.context.js";
|
|
10
|
-
const U = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11
|
-
<path
|
|
12
|
-
d="M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z"
|
|
13
|
-
fill="currentColor"
|
|
14
|
-
/>
|
|
15
|
-
</svg>
|
|
16
|
-
`, q = E.md, B = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-accordion-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #141d24);--bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #dfe7ec);--bm-comp-accordion-size-sm-height: var( --bm-primitive-dimension-275, 2.75rem );--bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-md-height: var( --bm-primitive-dimension-325, 3.25rem );--bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);--bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, .75rem);--bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);--bm-comp-accordion-typo-sm-heading: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-sm-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-md-heading: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-heading: var( --bm-sem-typo-compact-label-xl, 600 1.25rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-accordion-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-accordion-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-accordion-color-icon: var(--bm-sem-color-icon-primary, #ffffff);--bm-comp-accordion-color-divider: var(--bm-sem-color-border-01, #32424e);--bm-comp-accordion-size-sm-height: var( --bm-primitive-dimension-275, 2.75rem );--bm-comp-accordion-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-md-height: var( --bm-primitive-dimension-325, 3.25rem );--bm-comp-accordion-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-accordion-size-lg-height: var(--bm-primitive-dimension-400, 4rem);--bm-comp-accordion-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-accordion-space-header-gap: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-content-gap: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-sm-header-y: var(--bm-sem-space-50, .5rem);--bm-comp-accordion-space-sm-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-md-header-y: var(--bm-sem-space-75, .75rem);--bm-comp-accordion-space-md-content-bottom: var(--bm-sem-space-125, 1.25rem);--bm-comp-accordion-space-lg-header-y: var(--bm-sem-space-100, 1rem);--bm-comp-accordion-space-lg-content-bottom: var(--bm-sem-space-200, 2rem);--bm-comp-accordion-typo-sm-heading: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-sm-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-md-heading: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-accordion-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-heading: var( --bm-sem-typo-compact-label-xl, 600 1.25rem/1.5rem "Source Sans Pro" );--bm-comp-accordion-typo-lg-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}.bm-accordion--sm .bm-accordion__container{min-height:var(--bm-comp-accordion-size-sm-height);padding:var(--bm-comp-accordion-space-sm-header-y) 0}.bm-accordion--sm .bm-accordion__chevron{height:var(--bm-comp-accordion-size-sm-icon);min-width:var(--bm-comp-accordion-size-sm-icon)}.bm-accordion--sm .bm-accordion__heading{font:var(--bm-comp-accordion-typo-sm-heading)}.bm-accordion--sm .bm-accordion__icon{height:var(--bm-comp-accordion-size-sm-icon)}.bm-accordion__panel--sm{visibility:hidden;font:var(--bm-comp-accordion-typo-sm-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--sm>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--sm{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-sm-content-bottom)}.bm-accordion--md .bm-accordion__container{min-height:var(--bm-comp-accordion-size-md-height);padding:var(--bm-comp-accordion-space-md-header-y) 0}.bm-accordion--md .bm-accordion__chevron{height:var(--bm-comp-accordion-size-md-icon);min-width:var(--bm-comp-accordion-size-md-icon)}.bm-accordion--md .bm-accordion__heading{font:var(--bm-comp-accordion-typo-md-heading)}.bm-accordion--md .bm-accordion__icon{height:var(--bm-comp-accordion-size-md-icon)}.bm-accordion__panel--md{visibility:hidden;font:var(--bm-comp-accordion-typo-md-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--md>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--md{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-md-content-bottom)}.bm-accordion--lg .bm-accordion__container{min-height:var(--bm-comp-accordion-size-lg-height);padding:var(--bm-comp-accordion-space-lg-header-y) 0}.bm-accordion--lg .bm-accordion__chevron{height:var(--bm-comp-accordion-size-lg-icon);min-width:var(--bm-comp-accordion-size-lg-icon)}.bm-accordion--lg .bm-accordion__heading{font:var(--bm-comp-accordion-typo-lg-heading)}.bm-accordion--lg .bm-accordion__icon{height:var(--bm-comp-accordion-size-lg-icon)}.bm-accordion__panel--lg{visibility:hidden;font:var(--bm-comp-accordion-typo-lg-body);color:var(--bm-comp-accordion-color-body);position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows,padding-bottom,.2s linear;will-change:grid-template-rows,transform,padding-bottom}.bm-accordion__panel--lg>div{overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:var(--bm-comp-accordion-space-content-gap);align-self:stretch;padding:.3rem;margin:-.3rem}.bm-accordion__panel--expanded--lg{visibility:visible;grid-template-rows:1fr;padding-bottom:var(--bm-comp-accordion-space-lg-content-bottom)}.bm-accordion__container{display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__container:focus-visible{outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-accordion__icon{flex-shrink:0;display:inline-flex;color:var(--bm-comp-accordion-color-icon)}.bm-accordion__icon ::slotted([slot=icon]){display:inline-flex}.bm-accordion__heading{flex-grow:1;color:var(--bm-comp-accordion-color-heading);display:flex;align-items:center;gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__heading ::slotted([slot=heading]){gap:var(--bm-comp-accordion-space-header-gap)}.bm-accordion__chevron{transition:transform .2s ease;color:var(--bm-comp-accordion-color-icon)}.bm-accordion__chevron--rotated{transform:rotate(180deg)}.bm-accordion>div:not(:first-child)>.bm-accordion__container{border-top:var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider)}:host(:not(:first-of-type)) .bm-accordion__container{border-top:var(--bm-sem-border-width-md) solid var(--bm-comp-accordion-color-divider)}:host(*) .bm-accordion__container{box-sizing:border-box}:host(*) .bm-accordion__container:focus-visible{outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus);border-radius:var(--bm-sem-radius-focus-md)}.bm-accordion--no-box{display:contents}';
|
|
17
|
-
var T = Object.defineProperty, A = Object.getOwnPropertyDescriptor, $ = (o) => {
|
|
18
|
-
throw TypeError(o);
|
|
19
|
-
}, a = (o, e, c, t) => {
|
|
20
|
-
for (var m = t > 1 ? void 0 : t ? A(e, c) : e, d = o.length - 1, n; d >= 0; d--)
|
|
21
|
-
(n = o[d]) && (m = (t ? n(e, c, m) : n(m)) || m);
|
|
22
|
-
return t && m && T(e, c, m), m;
|
|
23
|
-
}, L = (o, e, c) => e.has(o) || $("Cannot " + c), b = (o, e, c) => (L(o, e, "read from private field"), c ? c.call(o) : e.get(o)), h = (o, e, c) => e.has(o) ? $("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, c), v, y, f, _;
|
|
24
|
-
const { baseClassNamePrefix: g, subElementClassPrefix: i, classModifierPrefix: W } = N("accordion");
|
|
25
|
-
let r = class extends z {
|
|
26
|
-
constructor() {
|
|
27
|
-
super(...arguments), this.defaultOpen = !1, this._isOpen = !1, this._accordionUniqueId = "", h(this, v, () => this.requestUpdate()), h(this, y, () => s`<span
|
|
28
|
-
class=${l(
|
|
29
|
-
`${i}icon`,
|
|
30
|
-
!this.hasIconSlot && `${W}no-box`
|
|
31
|
-
)}
|
|
32
|
-
role="img"
|
|
33
|
-
aria-label="icon"
|
|
34
|
-
>
|
|
35
|
-
<slot name="icon" @slotchange=${b(this, v)}></slot>
|
|
36
|
-
</span>`), h(this, f, () => {
|
|
37
|
-
const o = `${i}heading`, e = this.heading ? s` <div class=${o}>${this.heading}</div>` : P;
|
|
38
|
-
return s`
|
|
39
|
-
<div class=${o}>
|
|
40
|
-
<slot name="heading">${e}</slot>
|
|
41
|
-
</div>
|
|
42
|
-
`;
|
|
43
|
-
}), h(this, _, () => {
|
|
44
|
-
const o = `${i}content`;
|
|
45
|
-
return s`
|
|
46
|
-
<div class=${o}>
|
|
47
|
-
<slot></slot>
|
|
48
|
-
</div>
|
|
49
|
-
`;
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
get hasIconSlot() {
|
|
53
|
-
return I(this.iconNodes);
|
|
54
|
-
}
|
|
55
|
-
connectedCallback() {
|
|
56
|
-
var o;
|
|
57
|
-
super.connectedCallback(), this._accordionUniqueId = this.id || `${g}-${Math.random().toString(36).slice(2, 9)}`, (o = this.group) == null || o.register(this);
|
|
58
|
-
}
|
|
59
|
-
disconnectedCallback() {
|
|
60
|
-
var o;
|
|
61
|
-
(o = this.group) == null || o.unregister(this);
|
|
62
|
-
}
|
|
63
|
-
willUpdate(o) {
|
|
64
|
-
o.has("defaultOpen") && (this._isOpen = this.defaultOpen);
|
|
65
|
-
}
|
|
66
|
-
handleToggle() {
|
|
67
|
-
this.open === void 0 && (this._isOpen = !this._isOpen);
|
|
68
|
-
const o = this.open === void 0 ? this._isOpen : !this.open;
|
|
69
|
-
this.dispatchToggleEvent(o);
|
|
70
|
-
}
|
|
71
|
-
dispatchToggleEvent(o) {
|
|
72
|
-
const e = new CustomEvent("bm-toggle", {
|
|
73
|
-
detail: { accordion: this, isOpen: o },
|
|
74
|
-
bubbles: !0,
|
|
75
|
-
composed: !0
|
|
76
|
-
});
|
|
77
|
-
return this.dispatchEvent(e), e;
|
|
78
|
-
}
|
|
79
|
-
handleKeyDown(o) {
|
|
80
|
-
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), this.handleToggle());
|
|
81
|
-
}
|
|
82
|
-
render() {
|
|
83
|
-
var u;
|
|
84
|
-
const o = this.open === void 0 ? this._isOpen : this.open, e = this.size || ((u = this.group) == null ? void 0 : u.size) || q, c = l(`${i}container`, {
|
|
85
|
-
[`${i}container--expanded`]: o,
|
|
86
|
-
[`${i}${e}`]: e
|
|
87
|
-
}), t = l(`${i}chevron`, {
|
|
88
|
-
[`${i}chevron--rotated`]: o
|
|
89
|
-
}), m = l(`${i}panel--${e}`, {
|
|
90
|
-
[`${i}panel--expanded--${e}`]: o
|
|
91
|
-
}), d = `${g}-heading-${this._accordionUniqueId}`, n = `${g}-panel-${this._accordionUniqueId}`;
|
|
92
|
-
return s`
|
|
93
|
-
<div class="${g}--${e}">
|
|
94
|
-
<div
|
|
95
|
-
class=${c}
|
|
96
|
-
role="button"
|
|
97
|
-
id=${d}
|
|
98
|
-
tabindex="0"
|
|
99
|
-
aria-expanded=${o}
|
|
100
|
-
aria-controls=${n}
|
|
101
|
-
@click=${this.handleToggle}
|
|
102
|
-
@keydown=${this.handleKeyDown}
|
|
103
|
-
>
|
|
104
|
-
${b(this, y).call(this)} ${b(this, f).call(this)}
|
|
105
|
-
<span class=${t} aria-label="chevron-down-icon" role="img">
|
|
106
|
-
${k(U)}
|
|
107
|
-
</span>
|
|
108
|
-
</div>
|
|
109
|
-
<section
|
|
110
|
-
id=${n}
|
|
111
|
-
class=${m}
|
|
112
|
-
?hidden=${!o}
|
|
113
|
-
data-testid="accordion-panel-${n}"
|
|
114
|
-
>
|
|
115
|
-
${b(this, _).call(this)}
|
|
116
|
-
</section>
|
|
117
|
-
</div>
|
|
118
|
-
`;
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
v = /* @__PURE__ */ new WeakMap();
|
|
122
|
-
y = /* @__PURE__ */ new WeakMap();
|
|
123
|
-
f = /* @__PURE__ */ new WeakMap();
|
|
124
|
-
_ = /* @__PURE__ */ new WeakMap();
|
|
125
|
-
r.styles = S`
|
|
126
|
-
${C(B)}
|
|
127
|
-
`;
|
|
128
|
-
a([
|
|
129
|
-
p({ type: String })
|
|
130
|
-
], r.prototype, "size", 2);
|
|
131
|
-
a([
|
|
132
|
-
p({ type: String })
|
|
133
|
-
], r.prototype, "heading", 2);
|
|
134
|
-
a([
|
|
135
|
-
p({ type: Boolean, reflect: !0 })
|
|
136
|
-
], r.prototype, "open", 2);
|
|
137
|
-
a([
|
|
138
|
-
p({ type: Boolean })
|
|
139
|
-
], r.prototype, "defaultOpen", 2);
|
|
140
|
-
a([
|
|
141
|
-
p({ type: String })
|
|
142
|
-
], r.prototype, "id", 2);
|
|
143
|
-
a([
|
|
144
|
-
w()
|
|
145
|
-
], r.prototype, "_isOpen", 2);
|
|
146
|
-
a([
|
|
147
|
-
w()
|
|
148
|
-
], r.prototype, "_accordionUniqueId", 2);
|
|
149
|
-
a([
|
|
150
|
-
O({ slot: "icon", flatten: !0 })
|
|
151
|
-
], r.prototype, "iconNodes", 2);
|
|
152
|
-
a([
|
|
153
|
-
x({ context: M, subscribe: !0 })
|
|
154
|
-
], r.prototype, "group", 2);
|
|
155
|
-
r = a([
|
|
156
|
-
D("bm-accordion")
|
|
157
|
-
], r);
|
|
158
|
-
export {
|
|
159
|
-
r as B,
|
|
160
|
-
B as a
|
|
161
|
-
};
|
|
@@ -1,174 +0,0 @@
|
|
|
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: g, 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, p = (_ = e.at(0)) != null && _.startsWith("+") ? e.at(0) : void 0, b = `${((S = e.at(0)) == null ? void 0 : S[0]) || ""}${t && ((k = e.at(-1)) == null ? void 0 : k[0]) || ""}`.toUpperCase();
|
|
37
|
-
return p || b;
|
|
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,[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,[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, p = a.length - 1, b; p >= 0; p--)
|
|
46
|
-
(b = a[p]) && (t = (o ? b(r, e, t) : b(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), f, h, x, u, 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, f, () => {
|
|
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, h, () => this.isInteractive || this.isFocusable ? 0 : -1), n(this, x, v(`${g}image`)), n(this, u, 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(`${g}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, u)
|
|
79
|
-
)}
|
|
80
|
-
/>
|
|
81
|
-
`;
|
|
82
|
-
if (this.name !== void 0 && this.name !== "") {
|
|
83
|
-
const t = v(`${g}text--${a}`);
|
|
84
|
-
return d`
|
|
85
|
-
<span
|
|
86
|
-
class=${v(t, this.isInteractive && c(this, u))}
|
|
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, u))}
|
|
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, f).call(this)} part="avatar" tabindex=${c(this, h).call(this)}>
|
|
116
|
-
${c(this, w).call(this)} ${c(this, y).call(this)}
|
|
117
|
-
</div>
|
|
118
|
-
`;
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
f = /* @__PURE__ */ new WeakMap();
|
|
122
|
-
h = /* @__PURE__ */ new WeakMap();
|
|
123
|
-
x = /* @__PURE__ */ new WeakMap();
|
|
124
|
-
u = /* @__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
|
-
};
|
|
@@ -1,121 +0,0 @@
|
|
|
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,[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,[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
|
-
}, m = (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
|
-
}, N = (r, e, o) => e.has(r) || _("Cannot " + o), v = (r, e, o) => (N(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: 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 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
|
-
`${W}-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
|
-
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
|
-
};
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { unsafeCSS as h, LitElement as v, nothing as x, html as d } from "lit";
|
|
2
|
-
import { property as s } 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 _ } from "./constants.jOWREYQE.js";
|
|
7
|
-
import { c as C } from "./register-custom-element.DHGKOhmA.js";
|
|
8
|
-
const u = `<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,[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,[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
|
-
}, l = (e, t, o, n) => {
|
|
44
|
-
for (var m = n > 1 ? void 0 : n ? P(t, o) : t, p = e.length - 1, c; p >= 0; p--)
|
|
45
|
-
(c = e[p]) && (m = (n ? c(t, o, m) : c(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: i } = 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: u, 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
|
-
`${i}${this.size}`,
|
|
65
|
-
`${i}${this.appearance}`,
|
|
66
|
-
this.theme && _(this.theme),
|
|
67
|
-
this.disabled && `${i}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
|
-
l([
|
|
84
|
-
s({ type: String })
|
|
85
|
-
], r.prototype, "appearance", 2);
|
|
86
|
-
l([
|
|
87
|
-
s({ type: String })
|
|
88
|
-
], r.prototype, "size", 2);
|
|
89
|
-
l([
|
|
90
|
-
s({ type: Boolean })
|
|
91
|
-
], r.prototype, "disabled", 2);
|
|
92
|
-
l([
|
|
93
|
-
s({ type: Boolean })
|
|
94
|
-
], r.prototype, "hideIcon", 2);
|
|
95
|
-
l([
|
|
96
|
-
s({ type: String })
|
|
97
|
-
], r.prototype, "text", 2);
|
|
98
|
-
l([
|
|
99
|
-
s({ type: String })
|
|
100
|
-
], r.prototype, "theme", 2);
|
|
101
|
-
r = l([
|
|
102
|
-
C("bm-helper-text")
|
|
103
|
-
], r);
|
|
104
|
-
export {
|
|
105
|
-
r as B,
|
|
106
|
-
u as C,
|
|
107
|
-
S as E
|
|
108
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const e = ':root,:host,.bm-light,.bm-dark .bm-inverse,[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,[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
|
-
};
|