@viasat/beam-web-components 2.21.0 → 2.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.js +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/Label/Label.d.ts +68 -0
- package/Label/Label.js +110 -0
- 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 +1143 -1126
- 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/Label/Label.js +109 -0
- 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/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 +201 -196
- 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/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
- package/local/wip/Label/Label.js +0 -86
- package/wip/Label/Label.d.ts +0 -43
- package/wip/Label/Label.js +0 -87
- /package/{wip/Label → Label}/index.d.ts +0 -0
- /package/{local/wip/Label → Label}/index.js +0 -0
- /package/{wip → local}/Label/index.js +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { n, c as d } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
1
|
+
import { r as n, a as l, x as p } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n as a, c as d } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
3
|
import { o as v } from "../chunks/unsafe-svg.HSGf1NCU.js";
|
|
4
4
|
import { c as u, g as h } from "../chunks/classNames.C6fNrXWF.js";
|
|
5
5
|
import "../chunks/constants.jOWREYQE.js";
|
|
@@ -13,46 +13,46 @@ const f = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/sv
|
|
|
13
13
|
fill="currentColor"
|
|
14
14
|
/>
|
|
15
15
|
</svg>
|
|
16
|
-
`, y = ":root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-close-btn-color-default: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var( --bm-utility-comp-btn-radius-container, .25rem )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-close-btn-color-default: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var( --bm-utility-comp-btn-radius-container, .25rem )}.bm-close-button{display:inline-flex;padding:var(--bm-comp-close-btn-space-y) var(--bm-comp-close-btn-space-x);justify-content:center;align-items:center;position:relative;outline:none;cursor:pointer;border:unset;border-radius:var(--bm-comp-close-btn-radius);background-color:unset;color:var(--bm-comp-close-btn-color-default)}.bm-close-button .bm-state-layer{--bm-state-layer-outline-offset: calc(0px - var(--bm-sem-size-focus-offset))}.bm-close-button--xs{height:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xs .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xs);width:var(--bm-comp-close-btn-size-xs)}.bm-close-button--sm{height:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--sm .bm-close-button__icon{height:var(--bm-comp-close-btn-size-sm);width:var(--bm-comp-close-btn-size-sm)}.bm-close-button--md{height:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--md .bm-close-button__icon{height:var(--bm-comp-close-btn-size-md);width:var(--bm-comp-close-btn-size-md)}.bm-close-button--lg{height:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--lg .bm-close-button__icon{height:var(--bm-comp-close-btn-size-lg);width:var(--bm-comp-close-btn-size-lg)}.bm-close-button--xl{height:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xl .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xl);width:var(--bm-comp-close-btn-size-xl)}.bm-close-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}";
|
|
17
|
-
var w = Object.defineProperty, L = Object.getOwnPropertyDescriptor,
|
|
18
|
-
for (var e =
|
|
19
|
-
(
|
|
20
|
-
return
|
|
16
|
+
`, y = ":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-close-btn-color-default: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var( --bm-utility-comp-btn-radius-container, .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-close-btn-color-default: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var( --bm-utility-comp-btn-radius-container, .25rem )}.bm-close-button{display:inline-flex;padding:var(--bm-comp-close-btn-space-y) var(--bm-comp-close-btn-space-x);justify-content:center;align-items:center;position:relative;outline:none;cursor:pointer;border:unset;border-radius:var(--bm-comp-close-btn-radius);background-color:unset;color:var(--bm-comp-close-btn-color-default)}.bm-close-button .bm-state-layer{--bm-state-layer-outline-offset: calc(0px - var(--bm-sem-size-focus-offset))}.bm-close-button--xs{height:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xs .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xs);width:var(--bm-comp-close-btn-size-xs)}.bm-close-button--sm{height:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--sm .bm-close-button__icon{height:var(--bm-comp-close-btn-size-sm);width:var(--bm-comp-close-btn-size-sm)}.bm-close-button--md{height:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--md .bm-close-button__icon{height:var(--bm-comp-close-btn-size-md);width:var(--bm-comp-close-btn-size-md)}.bm-close-button--lg{height:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--lg .bm-close-button__icon{height:var(--bm-comp-close-btn-size-lg);width:var(--bm-comp-close-btn-size-lg)}.bm-close-button--xl{height:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xl .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xl);width:var(--bm-comp-close-btn-size-xl)}.bm-close-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}";
|
|
17
|
+
var w = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (c, s, t, m) => {
|
|
18
|
+
for (var e = m > 1 ? void 0 : m ? L(s, t) : s, b = c.length - 1, i; b >= 0; b--)
|
|
19
|
+
(i = c[b]) && (e = (m ? i(s, t, e) : i(e)) || e);
|
|
20
|
+
return m && e && w(s, t, e), e;
|
|
21
21
|
};
|
|
22
22
|
const { baseClassNamePrefix: _, subElementClassPrefix: C, classModifierPrefix: $ } = h("close-button");
|
|
23
|
-
let
|
|
23
|
+
let o = class extends l {
|
|
24
24
|
constructor() {
|
|
25
25
|
super(...arguments), this.size = "md", this.disabled = !1;
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
const
|
|
28
|
+
const c = `${C}icon`, s = g(), t = u(
|
|
29
29
|
_,
|
|
30
30
|
this.size && `${$}${this.size}`
|
|
31
|
-
), { ariaLabel:
|
|
31
|
+
), { ariaLabel: m = "Close button" } = this;
|
|
32
32
|
return p`
|
|
33
33
|
<button
|
|
34
34
|
tabindex="0"
|
|
35
35
|
?disabled=${this.disabled}
|
|
36
|
-
class=${
|
|
37
|
-
aria-label=${
|
|
36
|
+
class=${t}
|
|
37
|
+
aria-label=${m}
|
|
38
38
|
>
|
|
39
|
-
<span aria-hidden="true" class=${
|
|
39
|
+
<span aria-hidden="true" class=${c}> ${v(f)} </span>
|
|
40
40
|
<span aria-hidden="true" class=${s}></span>
|
|
41
41
|
</button>
|
|
42
42
|
`;
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
z(
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
],
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
],
|
|
53
|
-
|
|
45
|
+
z(o);
|
|
46
|
+
o.styles = [n(y), x];
|
|
47
|
+
r([
|
|
48
|
+
a({ type: String })
|
|
49
|
+
], o.prototype, "size", 2);
|
|
50
|
+
r([
|
|
51
|
+
a({ type: Boolean })
|
|
52
|
+
], o.prototype, "disabled", 2);
|
|
53
|
+
o = r([
|
|
54
54
|
d("bm-close-button")
|
|
55
|
-
],
|
|
55
|
+
], o);
|
|
56
56
|
export {
|
|
57
|
-
|
|
57
|
+
o as BmCloseButton
|
|
58
58
|
};
|
package/local/Divider/Divider.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { r as w, a as
|
|
2
|
-
import { n as a, c as
|
|
1
|
+
import { r as w, a as u, x as b } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n as a, c as x } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
3
|
import { r as _ } from "../chunks/state.CqiuSzAl.js";
|
|
4
4
|
import { n as f } from "../chunks/query-assigned-nodes.Dgvsf6BR.js";
|
|
5
5
|
import { k as C, c as $, g as S } from "../chunks/classNames.C6fNrXWF.js";
|
|
6
6
|
import { g as z } from "../chunks/globals.Bz4SVF2g.js";
|
|
7
|
-
const N = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-gap: var(--bm-sem-space-25, .25rem)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-divider-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-gap: var(--bm-sem-space-25, .25rem)}:host([orientation=vertical]),.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto}:host,.bm-divider{width:var(--bm-comp-divider-length, 100%)}.bm-divider{box-sizing:border-box;width:var(--bm-comp-divider-length, 100%);height:auto}.bm-divider--horizontal{text-align:center}.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto;min-height:1.25rem}.bm-divider--vertical .bm-divider__wrapper{height:100%;display:flex;flex-direction:column;align-items:center}.bm-divider--vertical:before,.bm-divider--vertical:after{width:.0625rem;height:100%}.bm-divider--vertical .bm-divider__content{padding:var(--bm-comp-divider-space-content) 0}.bm-divider__wrapper{position:relative;display:flex;align-items:center;height:100%;width:100%}.bm-divider__wrapper:before,.bm-divider__wrapper:after{content:"";background-color:currentColor;flex:1 1 auto;height:.0625rem}.bm-divider__content{font:var(--bm-comp-divider-typo-text);padding:0 var(--bm-comp-divider-space-content);display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-text);gap:var(--bm-comp-divider-space-content-gap)}.bm-divider__icon{display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-icon)}.bm-divider__icon svg{height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider__icon ::slotted([slot=icon]){display:inline-flex;height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider--icon-only .bm-divider__icon{margin-right:0;color:var(--bm-comp-divider-color-icon)}.bm-divider--icon-only .bm-divider__icon svg{height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider--icon-only .bm-divider__icon ::slotted([slot=icon]){height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider__text{white-space:nowrap}.bm-divider--border-width-md .bm-divider__wrapper:before,.bm-divider--border-width-md .bm-divider__wrapper:after{height:var(--bm-sem-border-width-md)}.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-md);height:auto}.bm-divider--border-width-lg .bm-divider__wrapper:before,.bm-divider--border-width-lg .bm-divider__wrapper:after{height:var(--bm-sem-border-width-lg)}.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-lg);height:auto}.bm-divider--border-width-xl .bm-divider__wrapper:before,.bm-divider--border-width-xl .bm-divider__wrapper:after{height:var(--bm-sem-border-width-xl)}.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-xl);height:auto}.bm-divider--border-style-dashed .bm-divider__wrapper:before,.bm-divider--border-style-dashed .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dotted .bm-divider__wrapper:before,.bm-divider--border-style-dotted .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-color-border-00{color:var(--bm-sem-color-border-00)}.bm-divider--border-color-border-00-alt{color:var(--bm-sem-color-border-00-alt)}.bm-divider--border-color-border-01{color:var(--bm-sem-color-border-01)}.bm-divider--border-color-border-02{color:var(--bm-sem-color-border-02)}.bm-divider--border-color-border-03{color:var(--bm-sem-color-border-03)}.bm-divider--border-color-border-strong{color:var(--bm-sem-color-border-strong)}.bm-divider--border-color-border-positive{color:var(--bm-sem-color-border-positive)}.bm-divider--border-color-border-warning{color:var(--bm-sem-color-border-warning)}.bm-divider--border-color-border-negative{color:var(--bm-sem-color-border-negative)}.bm-divider--border-color-border-info-primary{color:var(--bm-sem-color-border-info-primary)}.bm-divider--border-color-border-info-secondary{color:var(--bm-sem-color-border-info-secondary)}.bm-divider--border-color-border-positive-strong{color:var(--bm-sem-color-border-positive-strong)}.bm-divider--border-color-border-warning-strong{color:var(--bm-sem-color-border-warning-strong)}.bm-divider--border-color-border-negative-strong{color:var(--bm-sem-color-border-negative-strong)}.bm-divider--border-color-border-info-primary-strong{color:var(--bm-sem-color-border-info-primary-strong)}.bm-divider--border-color-border-info-secondary-strong{color:var(--bm-sem-color-border-info-secondary-strong)}.bm-divider--border-color-border-inverse{color:var(--bm-sem-color-border-inverse)}.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 0%}.bm-divider--align-start .bm-divider__wrapper:after{flex:1 1 auto}.bm-divider--align-start .bm-divider__content{padding-inline-start:0}.bm-divider--align-end .bm-divider__wrapper:before{flex:1 1 auto}.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 0%}.bm-divider--align-end .bm-divider__content{padding-inline-end:0}.bm-divider--vertical.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 1rem}.bm-divider--vertical.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 1rem}';
|
|
8
|
-
var
|
|
7
|
+
const N = ':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-divider-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-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-divider-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-divider-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-divider-typo-text: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-divider-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-divider-size-icon-only: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-divider-space-content: var(--bm-sem-space-50, .5rem);--bm-comp-divider-space-content-gap: var(--bm-sem-space-25, .25rem)}:host([orientation=vertical]),.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto}:host,.bm-divider{width:var(--bm-comp-divider-length, 100%)}.bm-divider{box-sizing:border-box;width:var(--bm-comp-divider-length, 100%);height:auto}.bm-divider--horizontal{text-align:center}.bm-divider--vertical{height:var(--bm-comp-divider-length, 100%);width:auto;min-height:1.25rem}.bm-divider--vertical .bm-divider__wrapper{height:100%;display:flex;flex-direction:column;align-items:center}.bm-divider--vertical:before,.bm-divider--vertical:after{width:.0625rem;height:100%}.bm-divider--vertical .bm-divider__content{padding:var(--bm-comp-divider-space-content) 0}.bm-divider__wrapper{position:relative;display:flex;align-items:center;height:100%;width:100%}.bm-divider__wrapper:before,.bm-divider__wrapper:after{content:"";background-color:currentColor;flex:1 1 auto;height:.0625rem}.bm-divider__content{font:var(--bm-comp-divider-typo-text);padding:0 var(--bm-comp-divider-space-content);display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-text);gap:var(--bm-comp-divider-space-content-gap)}.bm-divider__icon{display:inline-flex;align-items:center;color:var(--bm-comp-divider-color-icon)}.bm-divider__icon svg{height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider__icon ::slotted([slot=icon]){display:inline-flex;height:var(--bm-comp-divider-size-icon);width:var(--bm-comp-divider-size-icon)}.bm-divider--icon-only .bm-divider__icon{margin-right:0;color:var(--bm-comp-divider-color-icon)}.bm-divider--icon-only .bm-divider__icon svg{height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider--icon-only .bm-divider__icon ::slotted([slot=icon]){height:var(--bm-comp-divider-size-icon-only);width:var(--bm-comp-divider-size-icon-only)}.bm-divider__text{white-space:nowrap}.bm-divider--border-width-md .bm-divider__wrapper:before,.bm-divider--border-width-md .bm-divider__wrapper:after{height:var(--bm-sem-border-width-md)}.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-md.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-md);height:auto}.bm-divider--border-width-lg .bm-divider__wrapper:before,.bm-divider--border-width-lg .bm-divider__wrapper:after{height:var(--bm-sem-border-width-lg)}.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-lg.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-lg);height:auto}.bm-divider--border-width-xl .bm-divider__wrapper:before,.bm-divider--border-width-xl .bm-divider__wrapper:after{height:var(--bm-sem-border-width-xl)}.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-width-xl.bm-divider--vertical .bm-divider__wrapper:after{width:var(--bm-sem-border-width-xl);height:auto}.bm-divider--border-style-dashed .bm-divider__wrapper:before,.bm-divider--border-style-dashed .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dashed.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .25rem,transparent .25rem,transparent .5rem)}.bm-divider--border-style-dotted .bm-divider__wrapper:before,.bm-divider--border-style-dotted .bm-divider__wrapper:after{background:repeating-linear-gradient(to right,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:before,.bm-divider--border-style-dotted.bm-divider--vertical .bm-divider__wrapper:after{background:repeating-linear-gradient(to bottom,currentColor,currentColor .125rem,transparent .125rem,transparent .375rem)}.bm-divider--border-color-border-00{color:var(--bm-sem-color-border-00)}.bm-divider--border-color-border-00-alt{color:var(--bm-sem-color-border-00-alt)}.bm-divider--border-color-border-01{color:var(--bm-sem-color-border-01)}.bm-divider--border-color-border-02{color:var(--bm-sem-color-border-02)}.bm-divider--border-color-border-03{color:var(--bm-sem-color-border-03)}.bm-divider--border-color-border-strong{color:var(--bm-sem-color-border-strong)}.bm-divider--border-color-border-positive{color:var(--bm-sem-color-border-positive)}.bm-divider--border-color-border-warning{color:var(--bm-sem-color-border-warning)}.bm-divider--border-color-border-negative{color:var(--bm-sem-color-border-negative)}.bm-divider--border-color-border-info-primary{color:var(--bm-sem-color-border-info-primary)}.bm-divider--border-color-border-info-secondary{color:var(--bm-sem-color-border-info-secondary)}.bm-divider--border-color-border-positive-strong{color:var(--bm-sem-color-border-positive-strong)}.bm-divider--border-color-border-warning-strong{color:var(--bm-sem-color-border-warning-strong)}.bm-divider--border-color-border-negative-strong{color:var(--bm-sem-color-border-negative-strong)}.bm-divider--border-color-border-info-primary-strong{color:var(--bm-sem-color-border-info-primary-strong)}.bm-divider--border-color-border-info-secondary-strong{color:var(--bm-sem-color-border-info-secondary-strong)}.bm-divider--border-color-border-inverse{color:var(--bm-sem-color-border-inverse)}.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 0%}.bm-divider--align-start .bm-divider__wrapper:after{flex:1 1 auto}.bm-divider--align-start .bm-divider__content{padding-inline-start:0}.bm-divider--align-end .bm-divider__wrapper:before{flex:1 1 auto}.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 0%}.bm-divider--align-end .bm-divider__content{padding-inline-end:0}.bm-divider--vertical.bm-divider--align-start .bm-divider__wrapper:before{flex:0 1 1rem}.bm-divider--vertical.bm-divider--align-end .bm-divider__wrapper:after{flex:0 1 1rem}';
|
|
8
|
+
var k = Object.defineProperty, E = Object.getOwnPropertyDescriptor, y = (r) => {
|
|
9
9
|
throw TypeError(r);
|
|
10
|
-
}, d = (r, e, i,
|
|
11
|
-
for (var t =
|
|
12
|
-
(c = r[l]) && (t = (
|
|
13
|
-
return
|
|
14
|
-
},
|
|
10
|
+
}, d = (r, e, i, m) => {
|
|
11
|
+
for (var t = m > 1 ? void 0 : m ? E(e, i) : e, l = r.length - 1, c; l >= 0; l--)
|
|
12
|
+
(c = r[l]) && (t = (m ? c(e, i, t) : c(t)) || t);
|
|
13
|
+
return m && t && k(e, i, t), t;
|
|
14
|
+
}, P = (r, e, i) => e.has(r) || y("Cannot " + i), h = (r, e, i) => (P(r, e, "read from private field"), i ? i.call(r) : e.get(r)), g = (r, e, i) => e.has(r) ? y("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, i), v, p;
|
|
15
15
|
const {
|
|
16
|
-
baseClassNamePrefix:
|
|
17
|
-
classModifierPrefix:
|
|
16
|
+
baseClassNamePrefix: I,
|
|
17
|
+
classModifierPrefix: n,
|
|
18
18
|
subElementClassPrefix: s,
|
|
19
19
|
variablePrefix: O
|
|
20
20
|
} = S("divider");
|
|
21
|
-
let o = class extends
|
|
21
|
+
let o = class extends u {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments), this.orientation = "horizontal", this.borderColor = "01", this.borderWidth = "md", this.borderStyle = "solid", this.alignContent = "center", this.inset = "0", this._hasContent = !1, this._hasIcon = !1, g(this, v, () => this._hasIcon ? b` <span class="${s}icon">
|
|
24
24
|
<slot name="icon" @slotchange="${this._onIconSlotChange}"></slot>
|
|
@@ -43,18 +43,18 @@ let o = class extends x {
|
|
|
43
43
|
this.style.setProperty(`${O}-length`, this.length || "100%");
|
|
44
44
|
const r = this._hasIcon && !this._hasContent, e = !this._hasIcon && !this._hasContent, i = C({
|
|
45
45
|
[`p${this.orientation === "vertical" ? "y" : "x"}`]: this.inset
|
|
46
|
-
}),
|
|
47
|
-
|
|
48
|
-
`${
|
|
49
|
-
`${
|
|
50
|
-
`${
|
|
51
|
-
`${
|
|
52
|
-
this._hasContent && `${
|
|
53
|
-
r && `${
|
|
46
|
+
}), m = $(
|
|
47
|
+
I,
|
|
48
|
+
`${n}${this.orientation}`,
|
|
49
|
+
`${n}border-width-${this.borderWidth}`,
|
|
50
|
+
`${n}border-style-${this.borderStyle}`,
|
|
51
|
+
`${n}border-color-border-${this.borderColor}`,
|
|
52
|
+
this._hasContent && `${n}align-${this.alignContent}`,
|
|
53
|
+
r && `${n}icon-only`,
|
|
54
54
|
i
|
|
55
55
|
);
|
|
56
56
|
return b`
|
|
57
|
-
<div class=${
|
|
57
|
+
<div class=${m} role="separator" aria-orientation=${this.orientation}>
|
|
58
58
|
<div class="${s}wrapper">
|
|
59
59
|
<div
|
|
60
60
|
class="${s}content"
|
|
@@ -104,7 +104,7 @@ d([
|
|
|
104
104
|
_()
|
|
105
105
|
], o.prototype, "_hasIcon", 2);
|
|
106
106
|
o = d([
|
|
107
|
-
|
|
107
|
+
x("bm-divider")
|
|
108
108
|
], o);
|
|
109
109
|
export {
|
|
110
110
|
o as BmDivider
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { r as l, a as d, E as y, x as b } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
-
import { n as p, c as
|
|
3
|
-
import { c as
|
|
2
|
+
import { n as p, c as v } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
|
+
import { c as g, g as h } from "../chunks/classNames.C6fNrXWF.js";
|
|
4
4
|
import { t as f } from "../chunks/constants.jOWREYQE.js";
|
|
5
|
-
const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-empty-state-color-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-empty-state-color-icon: var( --bm-utility-color-accent-default, #00768f );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-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-empty-state-color-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-empty-state-color-icon: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}.bm-empty-state{display:flex;flex-direction:column;max-width:var(--bm-comp-empty-state-size-width);align-items:center;gap:var(--bm-comp-empty-state-space-gap);background-color:unset}.bm-empty-state__icon,.bm-empty-state ::slotted([slot=icon]){color:var(--bm-comp-empty-state-color-icon)}.bm-empty-state__icon>svg,.bm-empty-state ::slotted([slot=icon]){height:var(--bm-comp-empty-state-size-icon);width:var(--bm-comp-empty-state-size-icon)}.bm-empty-state__body-container{display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__heading,.bm-empty-state ::slotted([slot=heading]){text-align:center;font:var(--bm-comp-empty-state-typo-heading);color:var(--bm-comp-empty-state-color-heading)}.bm-empty-state__body,.bm-empty-state ::slotted([slot=body]){display:flex;flex-direction:column;text-align:center;font:var(--bm-comp-empty-state-typo-body);color:var(--bm-comp-empty-state-color-body);gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__actions,.bm-empty-state ::slotted([slot=actions]){display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-actions-gap)}';
|
|
6
|
-
var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (a,
|
|
7
|
-
for (var
|
|
8
|
-
(i = a[
|
|
9
|
-
return
|
|
5
|
+
const x = ':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-empty-state-color-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-empty-state-color-icon: var( --bm-utility-color-accent-default, #00768f );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-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-empty-state-color-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-empty-state-color-icon: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}.bm-empty-state{display:flex;flex-direction:column;max-width:var(--bm-comp-empty-state-size-width);align-items:center;gap:var(--bm-comp-empty-state-space-gap);background-color:unset}.bm-empty-state__icon,.bm-empty-state ::slotted([slot=icon]){color:var(--bm-comp-empty-state-color-icon)}.bm-empty-state__icon>svg,.bm-empty-state ::slotted([slot=icon]){height:var(--bm-comp-empty-state-size-icon);width:var(--bm-comp-empty-state-size-icon)}.bm-empty-state__body-container{display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__heading,.bm-empty-state ::slotted([slot=heading]){text-align:center;font:var(--bm-comp-empty-state-typo-heading);color:var(--bm-comp-empty-state-color-heading)}.bm-empty-state__body,.bm-empty-state ::slotted([slot=body]){display:flex;flex-direction:column;text-align:center;font:var(--bm-comp-empty-state-typo-body);color:var(--bm-comp-empty-state-color-body);gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__actions,.bm-empty-state ::slotted([slot=actions]){display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-actions-gap)}';
|
|
6
|
+
var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (a, s, r, o) => {
|
|
7
|
+
for (var e = o > 1 ? void 0 : o ? _(s, r) : s, c = a.length - 1, i; c >= 0; c--)
|
|
8
|
+
(i = a[c]) && (e = (o ? i(s, r, e) : i(e)) || e);
|
|
9
|
+
return o && e && u(s, r, e), e;
|
|
10
10
|
};
|
|
11
11
|
const { baseClassNamePrefix: $, subElementClassPrefix: n } = h("empty-state");
|
|
12
|
-
let
|
|
12
|
+
let t = class extends d {
|
|
13
13
|
render() {
|
|
14
|
-
const a =
|
|
14
|
+
const a = g(
|
|
15
15
|
$,
|
|
16
16
|
this.theme && f(this.theme)
|
|
17
17
|
);
|
|
@@ -33,22 +33,22 @@ let e = class extends d {
|
|
|
33
33
|
`;
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
t.styles = l(x);
|
|
37
37
|
m([
|
|
38
38
|
p()
|
|
39
|
-
],
|
|
39
|
+
], t.prototype, "heading", 2);
|
|
40
40
|
m([
|
|
41
41
|
p()
|
|
42
|
-
],
|
|
42
|
+
], t.prototype, "body", 2);
|
|
43
43
|
m([
|
|
44
44
|
p()
|
|
45
|
-
],
|
|
45
|
+
], t.prototype, "actions", 2);
|
|
46
46
|
m([
|
|
47
47
|
p({ type: String })
|
|
48
|
-
],
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
],
|
|
48
|
+
], t.prototype, "theme", 2);
|
|
49
|
+
t = m([
|
|
50
|
+
v("bm-empty-state")
|
|
51
|
+
], t);
|
|
52
52
|
export {
|
|
53
|
-
|
|
53
|
+
t as BmEmptyState
|
|
54
54
|
};
|
|
@@ -2,7 +2,7 @@ import "../chunks/lit-element.CJtt9wj5.js";
|
|
|
2
2
|
import "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
3
|
import "../chunks/unsafe-svg.HSGf1NCU.js";
|
|
4
4
|
import "../chunks/classNames.C6fNrXWF.js";
|
|
5
|
-
import { B as x } from "../chunks/index.
|
|
5
|
+
import { B as x } from "../chunks/index.DNafYKj-.js";
|
|
6
6
|
import "../chunks/constants.jOWREYQE.js";
|
|
7
7
|
export {
|
|
8
8
|
x as BmHelperText
|
|
@@ -8,16 +8,16 @@ import { c as q, a as w, g as M } from "../chunks/classNames.C6fNrXWF.js";
|
|
|
8
8
|
import { t as P } from "../chunks/constants.jOWREYQE.js";
|
|
9
9
|
import { FormField as F } from "../wip/Form/Form.decorator.js";
|
|
10
10
|
import { inputChoiceGroupContext as B } from "./InputChoiceGroup.context.js";
|
|
11
|
-
const E = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
|
|
11
|
+
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-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-input-choice-group{--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-input-choice-group,.bm-input-choice-group legend{border:none;margin:var(--bm-sem-space-0);padding:var(--bm-sem-space-0)}.bm-input-choice-group__inputs{display:flex;gap:var(--bm-comp-input-space-choice-gap-items-y) var(--bm-comp-input-space-choice-gap-items-x)}.bm-input-choice-group--vertical .bm-input-choice-group__inputs{flex-direction:column}.bm-input-choice-group--horizontal .bm-input-choice-group__inputs{flex-wrap:wrap;flex-direction:row}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs{flex-direction:row;justify-content:space-between}.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>*,.bm-input-choice-group--horizontalFluid .bm-input-choice-group__inputs>::slotted(*){flex:1 1 auto}';
|
|
12
12
|
var I = Object.defineProperty, W = Object.getOwnPropertyDescriptor, k = (e) => {
|
|
13
13
|
throw TypeError(e);
|
|
14
|
-
},
|
|
14
|
+
}, i = (e, o, t, m) => {
|
|
15
15
|
for (var a = m > 1 ? void 0 : m ? W(o, t) : o, l = e.length - 1, b; l >= 0; l--)
|
|
16
16
|
(b = e[l]) && (a = (m ? b(o, t, a) : b(a)) || a);
|
|
17
17
|
return m && a && I(o, t, a), a;
|
|
18
18
|
}, T = (e, o, t) => o.has(e) || k("Cannot " + t), c = (e, o, t) => (T(e, o, "read from private field"), t ? t.call(e) : o.get(e)), p = (e, o, t) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, t), n, h, u, f, v, g, y;
|
|
19
19
|
const { baseClassNamePrefix: D, subElementClassPrefix: _, classModifierPrefix: L } = M("input-choice-group");
|
|
20
|
-
let
|
|
20
|
+
let r = class extends F {
|
|
21
21
|
constructor() {
|
|
22
22
|
super(...arguments), this.layout = "vertical", this.orientation = "vertical", this._orientationSet = !1, this.fluid = !1, this._fluidSet = !1, this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.groupRef = G(), this.inputGroupContextValue = {
|
|
23
23
|
name: "",
|
|
@@ -147,59 +147,59 @@ f = /* @__PURE__ */ new WeakMap();
|
|
|
147
147
|
v = /* @__PURE__ */ new WeakMap();
|
|
148
148
|
g = /* @__PURE__ */ new WeakMap();
|
|
149
149
|
y = /* @__PURE__ */ new WeakMap();
|
|
150
|
-
|
|
151
|
-
|
|
150
|
+
r.styles = $(E);
|
|
151
|
+
i([
|
|
152
152
|
s({ type: String })
|
|
153
|
-
],
|
|
154
|
-
|
|
153
|
+
], r.prototype, "theme", 2);
|
|
154
|
+
i([
|
|
155
155
|
s({ type: String })
|
|
156
|
-
],
|
|
157
|
-
|
|
156
|
+
], r.prototype, "layout", 2);
|
|
157
|
+
i([
|
|
158
158
|
s({ type: String })
|
|
159
|
-
],
|
|
160
|
-
|
|
159
|
+
], r.prototype, "orientation", 2);
|
|
160
|
+
i([
|
|
161
161
|
s({ type: Boolean })
|
|
162
|
-
],
|
|
163
|
-
|
|
162
|
+
], r.prototype, "fluid", 2);
|
|
163
|
+
i([
|
|
164
164
|
s({ type: Boolean })
|
|
165
|
-
],
|
|
166
|
-
|
|
165
|
+
], r.prototype, "required", 2);
|
|
166
|
+
i([
|
|
167
167
|
s({ type: Boolean })
|
|
168
|
-
],
|
|
169
|
-
|
|
168
|
+
], r.prototype, "hideRequiredMarker", 2);
|
|
169
|
+
i([
|
|
170
170
|
s({ type: String })
|
|
171
|
-
],
|
|
172
|
-
|
|
171
|
+
], r.prototype, "error", 2);
|
|
172
|
+
i([
|
|
173
173
|
s({ type: Boolean })
|
|
174
|
-
],
|
|
175
|
-
|
|
174
|
+
], r.prototype, "readOnly", 2);
|
|
175
|
+
i([
|
|
176
176
|
s({ type: Boolean })
|
|
177
|
-
],
|
|
178
|
-
|
|
177
|
+
], r.prototype, "disabled", 2);
|
|
178
|
+
i([
|
|
179
179
|
d({ slot: "label" })
|
|
180
|
-
],
|
|
181
|
-
|
|
180
|
+
], r.prototype, "_inputGroupLabel", 2);
|
|
181
|
+
i([
|
|
182
182
|
d({ slot: "helper-text" })
|
|
183
|
-
],
|
|
184
|
-
|
|
183
|
+
], r.prototype, "_inputGroupHelperText", 2);
|
|
184
|
+
i([
|
|
185
185
|
d({ selector: "bm-radio-button" })
|
|
186
|
-
],
|
|
187
|
-
|
|
186
|
+
], r.prototype, "radioButtons", 2);
|
|
187
|
+
i([
|
|
188
188
|
d({ selector: "bm-checkbox" })
|
|
189
|
-
],
|
|
190
|
-
|
|
189
|
+
], r.prototype, "checkboxes", 2);
|
|
190
|
+
i([
|
|
191
191
|
d({ selector: "bm-switch" })
|
|
192
|
-
],
|
|
193
|
-
|
|
192
|
+
], r.prototype, "switches", 2);
|
|
193
|
+
i([
|
|
194
194
|
z()
|
|
195
|
-
],
|
|
196
|
-
|
|
195
|
+
], r.prototype, "selectedValue", 2);
|
|
196
|
+
i([
|
|
197
197
|
S({ context: B }),
|
|
198
198
|
z()
|
|
199
|
-
],
|
|
200
|
-
|
|
199
|
+
], r.prototype, "inputGroupContextValue", 2);
|
|
200
|
+
r = i([
|
|
201
201
|
V("bm-input-choice-group")
|
|
202
|
-
],
|
|
202
|
+
], r);
|
|
203
203
|
export {
|
|
204
|
-
|
|
204
|
+
r as InputChoiceGroup
|
|
205
205
|
};
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { r as $, a as P, E as k, x as d } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n as s, c as C } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
|
+
import { n as S } from "../chunks/query-assigned-nodes.Dgvsf6BR.js";
|
|
4
|
+
import { n as g, c as v, g as O } from "../chunks/classNames.C6fNrXWF.js";
|
|
5
|
+
import { t as w } from "../chunks/constants.jOWREYQE.js";
|
|
6
|
+
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-label-color-text: var(--bm-sem-color-text-secondary, #576775);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}: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-label-color-text: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-label-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-label-typo-default: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-optional: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-label-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-label-space-bottom: var(--bm-sem-space-50, .5rem);--bm-comp-label-size-icon: var(--bm-sem-size-icon-sm, 1rem)}.bm-label{color:var(--bm-comp-label-color-text);font:var(--bm-comp-label-typo-default);margin-bottom:var(--bm-comp-label-space-bottom, var(--bm-sem-space-0))}.bm-label label{cursor:var(--bm-comp-label-cursor, default);pointer-events:var(--bm-comp-label-pointer-events, inherit)}.bm-label--disabled label{opacity:var(--bm-sem-opacity-disabled)}.bm-label--required label:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label--required label:has(:last-child):after{content:""}.bm-label--required label:has(:last-child)>*:last-child:after{content:"*";color:var(--bm-sem-color-text-negative)}.bm-label__optional{font:var(--bm-comp-label-typo-optional);margin-left:var(--bm-comp-label-space-gap)}.bm-label__tooltip{vertical-align:top;display:inline-block;margin-inline-start:var(--bm-comp-label-space-gap)}.bm-label__tooltip button{color:var(--bm-comp-tooltip-color-icon-trigger)}.bm-label__tooltip svg{height:var(--bm-comp-label-size-icon);width:var(--bm-comp-label-size-icon)}.bm-label--no-box{display:contents}';
|
|
7
|
+
var q = Object.defineProperty, N = Object.getOwnPropertyDescriptor, x = (e) => {
|
|
8
|
+
throw TypeError(e);
|
|
9
|
+
}, l = (e, t, a, i) => {
|
|
10
|
+
for (var r = i > 1 ? void 0 : i ? N(t, a) : t, c = e.length - 1, h; c >= 0; c--)
|
|
11
|
+
(h = e[c]) && (r = (i ? h(t, a, r) : h(r)) || r);
|
|
12
|
+
return i && r && q(t, a, r), r;
|
|
13
|
+
}, z = (e, t, a) => t.has(e) || x("Cannot " + a), m = (e, t, a) => (z(e, t, "read from private field"), a ? a.call(e) : t.get(e)), b = (e, t, a) => t.has(e) ? x("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), n, y, u, f;
|
|
14
|
+
const { baseClassNamePrefix: B, subElementClassPrefix: _, classModifierPrefix: p } = O("label");
|
|
15
|
+
let o = class extends P {
|
|
16
|
+
constructor() {
|
|
17
|
+
super(...arguments), this.disabled = !1, this.required = !1, b(this, n, () => this.requestUpdate()), b(this, y, () => {
|
|
18
|
+
if (this.for) {
|
|
19
|
+
const e = document.getElementById(this.for);
|
|
20
|
+
e == null || e.click();
|
|
21
|
+
}
|
|
22
|
+
this.dispatchEvent(
|
|
23
|
+
new CustomEvent("bm-label-click", {
|
|
24
|
+
bubbles: !0,
|
|
25
|
+
composed: !0
|
|
26
|
+
})
|
|
27
|
+
);
|
|
28
|
+
}), b(this, u, () => d`
|
|
29
|
+
<span
|
|
30
|
+
class="${v(
|
|
31
|
+
`${_}optional`,
|
|
32
|
+
!this.hasOptional && `${p}no-box`
|
|
33
|
+
)}"
|
|
34
|
+
>
|
|
35
|
+
<slot name="optional" @slotchange=${m(this, n)}> ${this.optional} </slot>
|
|
36
|
+
</span>
|
|
37
|
+
`), b(this, f, () => d`
|
|
38
|
+
<span
|
|
39
|
+
class="${v(
|
|
40
|
+
`${_}tooltip`,
|
|
41
|
+
!this.hasTooltipSlot && `${p}no-box`
|
|
42
|
+
)}"
|
|
43
|
+
>
|
|
44
|
+
<slot name="tooltip" @slotchange=${m(this, n)}></slot>
|
|
45
|
+
</span>
|
|
46
|
+
`);
|
|
47
|
+
}
|
|
48
|
+
get hasOptionalSlot() {
|
|
49
|
+
return g(this.optionalNodes);
|
|
50
|
+
}
|
|
51
|
+
get hasTooltipSlot() {
|
|
52
|
+
return g(this.tooltipNodes);
|
|
53
|
+
}
|
|
54
|
+
get hasOptional() {
|
|
55
|
+
return !!(this.hasOptionalSlot || this.optional);
|
|
56
|
+
}
|
|
57
|
+
render() {
|
|
58
|
+
const e = v(
|
|
59
|
+
B,
|
|
60
|
+
this.theme && w(this.theme),
|
|
61
|
+
this.disabled && `${p}disabled`,
|
|
62
|
+
this.required && !this.hasOptional && `${p}required`
|
|
63
|
+
);
|
|
64
|
+
return d`
|
|
65
|
+
<div class="${e}">
|
|
66
|
+
<label for=${this.for || k} @click="${m(this, y)}">
|
|
67
|
+
<slot name="text">${this.text}</slot>
|
|
68
|
+
${m(this, u).call(this)}
|
|
69
|
+
</label>
|
|
70
|
+
${m(this, f).call(this)}
|
|
71
|
+
</div>
|
|
72
|
+
`;
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
n = /* @__PURE__ */ new WeakMap();
|
|
76
|
+
y = /* @__PURE__ */ new WeakMap();
|
|
77
|
+
u = /* @__PURE__ */ new WeakMap();
|
|
78
|
+
f = /* @__PURE__ */ new WeakMap();
|
|
79
|
+
o.styles = $(E);
|
|
80
|
+
l([
|
|
81
|
+
s({ type: Boolean })
|
|
82
|
+
], o.prototype, "disabled", 2);
|
|
83
|
+
l([
|
|
84
|
+
s({ type: Boolean })
|
|
85
|
+
], o.prototype, "required", 2);
|
|
86
|
+
l([
|
|
87
|
+
s({ type: String })
|
|
88
|
+
], o.prototype, "text", 2);
|
|
89
|
+
l([
|
|
90
|
+
s({ type: String })
|
|
91
|
+
], o.prototype, "optional", 2);
|
|
92
|
+
l([
|
|
93
|
+
s({ type: String })
|
|
94
|
+
], o.prototype, "for", 2);
|
|
95
|
+
l([
|
|
96
|
+
s({ type: String })
|
|
97
|
+
], o.prototype, "theme", 2);
|
|
98
|
+
l([
|
|
99
|
+
S({ slot: "optional", flatten: !0 })
|
|
100
|
+
], o.prototype, "optionalNodes", 2);
|
|
101
|
+
l([
|
|
102
|
+
S({ slot: "tooltip", flatten: !0 })
|
|
103
|
+
], o.prototype, "tooltipNodes", 2);
|
|
104
|
+
o = l([
|
|
105
|
+
C("bm-label")
|
|
106
|
+
], o);
|
|
107
|
+
export {
|
|
108
|
+
o as BmLabel
|
|
109
|
+
};
|