@viasat/beam-web-components 2.0.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.d.ts +56 -0
- package/Accordion/Accordion.js +12 -0
- package/Accordion/AccordionGroup.context.d.ts +10 -0
- package/Accordion/AccordionGroup.context.js +8 -0
- package/Accordion/AccordionGroup.d.ts +33 -0
- package/Accordion/AccordionGroup.js +79 -0
- package/Accordion/index.d.ts +3 -0
- package/Accordion/index.js +6 -0
- package/Alert/Alert.d.ts +64 -0
- package/Alert/Alert.js +300 -0
- package/Alert/index.d.ts +2 -0
- package/Alert/index.js +4 -0
- package/Avatar/Avatar.d.ts +60 -0
- package/Avatar/Avatar.js +12 -0
- package/Avatar/AvatarGroup.context.d.ts +11 -0
- package/Avatar/AvatarGroup.context.js +8 -0
- package/Avatar/AvatarGroup.d.ts +43 -0
- package/Avatar/AvatarGroup.js +181 -0
- package/Avatar/index.d.ts +3 -0
- package/Avatar/index.js +6 -0
- package/Badge/Badge.d.ts +40 -0
- package/Badge/Badge.js +125 -0
- package/Badge/index.d.ts +2 -0
- package/Badge/index.js +4 -0
- package/BadgeDot/BadgeDot.d.ts +38 -0
- package/BadgeDot/BadgeDot.js +59 -0
- package/BadgeDot/index.d.ts +2 -0
- package/BadgeDot/index.js +4 -0
- package/Box/Box.d.ts +99 -0
- package/Box/Box.js +115 -0
- package/Box/index.d.ts +2 -0
- package/Box/index.js +4 -0
- package/Breadcrumbs/Breadcrumbs.context.d.ts +10 -0
- package/Breadcrumbs/Breadcrumbs.context.js +8 -0
- package/Breadcrumbs/Breadcrumbs.d.ts +38 -0
- package/Breadcrumbs/Breadcrumbs.js +115 -0
- package/Breadcrumbs/BreadcrumbsItem.d.ts +39 -0
- package/Breadcrumbs/BreadcrumbsItem.js +13 -0
- package/Breadcrumbs/index.d.ts +3 -0
- package/Breadcrumbs/index.js +6 -0
- package/Button/Button.d.ts +73 -0
- package/Button/Button.js +125 -0
- package/Button/index.d.ts +2 -0
- package/Button/index.js +4 -0
- package/CloseButton/CloseButton.d.ts +25 -0
- package/CloseButton/CloseButton.js +60 -0
- package/CloseButton/index.d.ts +2 -0
- package/CloseButton/index.js +4 -0
- package/Divider/Divider.d.ts +56 -0
- package/Divider/Divider.js +111 -0
- package/Divider/index.d.ts +2 -0
- package/Divider/index.js +4 -0
- package/EmptyState/EmptyState.d.ts +36 -0
- package/EmptyState/EmptyState.js +56 -0
- package/EmptyState/index.d.ts +2 -0
- package/EmptyState/index.js +4 -0
- package/HelperText/HelperText.d.ts +45 -0
- package/HelperText/HelperText.js +11 -0
- package/HelperText/index.d.ts +2 -0
- package/HelperText/index.js +4 -0
- package/Icon/Icon.d.ts +35 -0
- package/Icon/Icon.js +62 -0
- package/Icon/index.d.ts +2 -0
- package/Icon/index.js +4 -0
- package/InputChoiceGroup/InputChoiceGroup.context.d.ts +13 -0
- package/InputChoiceGroup/InputChoiceGroup.context.js +8 -0
- package/InputChoiceGroup/InputChoiceGroup.d.ts +87 -0
- package/InputChoiceGroup/InputChoiceGroup.js +205 -0
- package/InputChoiceGroup/index.d.ts +2 -0
- package/InputChoiceGroup/index.js +4 -0
- package/Link/Link.d.ts +48 -0
- package/Link/Link.js +77 -0
- package/Link/index.d.ts +2 -0
- package/Link/index.js +4 -0
- package/List/List.context.d.ts +15 -0
- package/List/List.context.js +8 -0
- package/List/List.d.ts +43 -0
- package/List/List.js +101 -0
- package/List/ListItem.d.ts +23 -0
- package/List/ListItem.js +90 -0
- package/List/index.d.ts +3 -0
- package/List/index.js +6 -0
- package/ProgressBar/ProgressBar.d.ts +52 -0
- package/ProgressBar/ProgressBar.js +128 -0
- package/ProgressBar/index.d.ts +2 -0
- package/ProgressBar/index.js +4 -0
- package/README.md +360 -0
- package/SegmentedControl/SegmentedControl.context.d.ts +16 -0
- package/SegmentedControl/SegmentedControl.context.js +8 -0
- package/SegmentedControl/SegmentedControl.d.ts +41 -0
- package/SegmentedControl/SegmentedControl.js +103 -0
- package/SegmentedControl/SegmentedControlItem.d.ts +54 -0
- package/SegmentedControl/SegmentedControlItem.js +284 -0
- package/SegmentedControl/SegmentedControlList.d.ts +23 -0
- package/SegmentedControl/SegmentedControlList.js +61 -0
- package/SegmentedControl/SegmentedControlPanel.d.ts +21 -0
- package/SegmentedControl/SegmentedControlPanel.js +43 -0
- package/SegmentedControl/index.d.ts +5 -0
- package/SegmentedControl/index.js +10 -0
- package/Spinner/Spinner.d.ts +50 -0
- package/Spinner/Spinner.js +186 -0
- package/Spinner/index.d.ts +2 -0
- package/Spinner/index.js +4 -0
- package/StateLayer/StateLayer.d.ts +17 -0
- package/StateLayer/StateLayer.js +6 -0
- package/StateLayer/index.d.ts +2 -0
- package/StateLayer/index.js +5 -0
- package/Text/Text.d.ts +85 -0
- package/Text/Text.js +103 -0
- package/Text/index.d.ts +2 -0
- package/Text/index.js +4 -0
- package/Tooltip/Tooltip.d.ts +139 -0
- package/Tooltip/Tooltip.js +1827 -0
- package/Tooltip/index.d.ts +2 -0
- package/Tooltip/index.js +5 -0
- package/chunks/Accordion.DYD3XcAx.js +161 -0
- package/chunks/Avatar.C2rfzUGP.js +174 -0
- package/chunks/BreadcrumbsItem.4ZR6wbMz.js +121 -0
- package/chunks/CSSLookup.BdqZ5Li9.js +106 -0
- package/chunks/HelperText.CcVVOtA3.js +108 -0
- package/chunks/Upload.B9YEyp7b.js +12 -0
- package/chunks/WarningOutlined.DPfQnPPj.js +12 -0
- package/chunks/classNames.Cq_tbDRp.js +94 -0
- package/chunks/constants.jOWREYQE.js +30 -0
- package/chunks/delegate.baxDQosr.js +63 -0
- package/chunks/dom.C98AFbJh.js +22 -0
- package/chunks/fileUpload.module.kN6o64aL.js +4 -0
- package/chunks/globals.Bz4SVF2g.js +4 -0
- package/chunks/helpers.AwJwaZvv.js +53 -0
- package/chunks/list.module.CZRPBLzy.js +4 -0
- package/chunks/register-custom-element.DHGKOhmA.js +17 -0
- package/chunks/segmentedControl.module.BPXEWodj.js +4 -0
- package/chunks/tokens.CTW8Tt94.js +9 -0
- package/custom-elements.json +11341 -0
- package/local/Accordion/Accordion.js +12 -0
- package/local/Accordion/AccordionGroup.context.js +8 -0
- package/local/Accordion/AccordionGroup.js +78 -0
- package/local/Accordion/index.js +6 -0
- package/local/Alert/Alert.js +301 -0
- package/local/Alert/index.js +4 -0
- package/local/Avatar/Avatar.js +11 -0
- package/local/Avatar/AvatarGroup.context.js +8 -0
- package/local/Avatar/AvatarGroup.js +180 -0
- package/local/Avatar/index.js +6 -0
- package/local/Badge/Badge.js +123 -0
- package/local/Badge/index.js +4 -0
- package/local/BadgeDot/BadgeDot.js +57 -0
- package/local/BadgeDot/index.js +4 -0
- package/local/Box/Box.js +113 -0
- package/local/Box/index.js +4 -0
- package/local/Breadcrumbs/Breadcrumbs.context.js +8 -0
- package/local/Breadcrumbs/Breadcrumbs.js +113 -0
- package/local/Breadcrumbs/BreadcrumbsItem.js +13 -0
- package/local/Breadcrumbs/index.js +6 -0
- package/local/Button/Button.js +154 -0
- package/local/Button/index.js +4 -0
- package/local/CloseButton/CloseButton.js +58 -0
- package/local/CloseButton/index.js +4 -0
- package/local/Divider/Divider.js +111 -0
- package/local/Divider/index.js +4 -0
- package/local/EmptyState/EmptyState.js +54 -0
- package/local/EmptyState/index.js +4 -0
- package/local/HelperText/HelperText.js +9 -0
- package/local/HelperText/index.js +4 -0
- package/local/Icon/Icon.js +60 -0
- package/local/Icon/index.js +4 -0
- package/local/InputChoiceGroup/InputChoiceGroup.context.js +8 -0
- package/local/InputChoiceGroup/InputChoiceGroup.js +205 -0
- package/local/InputChoiceGroup/index.js +4 -0
- package/local/Link/Link.js +75 -0
- package/local/Link/index.js +4 -0
- package/local/List/List.context.js +8 -0
- package/local/List/List.js +101 -0
- package/local/List/ListItem.js +90 -0
- package/local/List/index.js +6 -0
- package/local/ProgressBar/ProgressBar.js +126 -0
- package/local/ProgressBar/index.js +4 -0
- package/local/SegmentedControl/SegmentedControl.context.js +8 -0
- package/local/SegmentedControl/SegmentedControl.js +103 -0
- package/local/SegmentedControl/SegmentedControlItem.js +284 -0
- package/local/SegmentedControl/SegmentedControlList.js +59 -0
- package/local/SegmentedControl/SegmentedControlPanel.js +41 -0
- package/local/SegmentedControl/index.js +10 -0
- package/local/Spinner/Spinner.js +185 -0
- package/local/Spinner/index.js +4 -0
- package/local/StateLayer/StateLayer.js +6 -0
- package/local/StateLayer/index.js +5 -0
- package/local/Text/Text.js +121 -0
- package/local/Text/index.js +4 -0
- package/local/Tooltip/Tooltip.js +1826 -0
- package/local/Tooltip/index.js +5 -0
- package/local/chunks/Accordion.PGU7OILE.js +161 -0
- package/local/chunks/Avatar.CvTOzaRT.js +172 -0
- package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +121 -0
- package/local/chunks/CSSLookup.BdqZ5Li9.js +106 -0
- package/local/chunks/Upload.B9YEyp7b.js +12 -0
- package/local/chunks/WarningOutlined.DPfQnPPj.js +12 -0
- package/local/chunks/base.D76d76ww.js +9 -0
- package/local/chunks/classNames.C6fNrXWF.js +106 -0
- package/local/chunks/constants.jOWREYQE.js +30 -0
- package/local/chunks/consume.Ce9k1-wN.js +47 -0
- package/local/chunks/context-request-event.Bl9Vpkzl.js +13 -0
- package/local/chunks/create-context.DS1OG3vJ.js +11 -0
- package/local/chunks/delegate.baxDQosr.js +63 -0
- package/local/chunks/directive.kLG6oqUu.js +27 -0
- package/local/chunks/dom.C98AFbJh.js +22 -0
- package/local/chunks/fileUpload.module.kN6o64aL.js +4 -0
- package/local/chunks/globals.Bz4SVF2g.js +4 -0
- package/local/chunks/helpers.BWcXAteC.js +53 -0
- package/local/chunks/index.Bz1Jq4c2.js +106 -0
- package/local/chunks/list.module.CZRPBLzy.js +4 -0
- package/local/chunks/lit-element.CJtt9wj5.js +557 -0
- package/local/chunks/provide.i2FlUkOu.js +110 -0
- package/local/chunks/query-assigned-elements.Drkgpk9q.js +19 -0
- package/local/chunks/query-assigned-nodes.Dgvsf6BR.js +19 -0
- package/local/chunks/query.lbpOn5CD.js +20 -0
- package/local/chunks/ref.B7e1Hu4F.js +107 -0
- package/local/chunks/register-custom-element.vod7zfGv.js +51 -0
- package/local/chunks/segmentedControl.module.BPXEWodj.js +4 -0
- package/local/chunks/state.CqiuSzAl.js +12 -0
- package/local/chunks/tokens.CTW8Tt94.js +9 -0
- package/local/chunks/unsafe-html.BzhXEygn.js +27 -0
- package/local/chunks/unsafe-svg.HSGf1NCU.js +14 -0
- package/local/wip/Checkbox/Checkbox.js +102 -0
- package/local/wip/Checkbox/CheckboxGroup/CheckboxGroup.js +27 -0
- package/local/wip/Checkbox/index.js +6 -0
- package/local/wip/FileUpload/FileUpload.Button.js +75 -0
- package/local/wip/FileUpload/FileUpload.Dropzone.js +149 -0
- package/local/wip/FileUpload/FileUpload.List.Item.js +201 -0
- package/local/wip/FileUpload/FileUpload.List.js +105 -0
- package/local/wip/FileUpload/FileUpload.js +452 -0
- package/local/wip/FileUpload/FileUploadContext.js +8 -0
- package/local/wip/FileUpload/FileUploadListContext.js +8 -0
- package/local/wip/FileUpload/index.js +13 -0
- package/local/wip/Form/Form.context.js +20 -0
- package/local/wip/Form/Form.decorator.js +145 -0
- package/local/wip/Form/Form.js +288 -0
- package/local/wip/Form/Form.utils.js +8 -0
- package/local/wip/Form/index.js +7 -0
- package/local/wip/Label/Label.js +86 -0
- package/local/wip/Label/index.js +4 -0
- package/local/wip/NativeSelect/NativeSelect.js +162 -0
- package/local/wip/NativeSelect/index.js +4 -0
- package/local/wip/RadioButton/RadioButton.js +123 -0
- package/local/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js +96 -0
- package/local/wip/RadioButton/index.js +6 -0
- package/local/wip/Switch/Switch.js +153 -0
- package/local/wip/Switch/SwitchGroup/SwitchGroup.js +15 -0
- package/local/wip/Switch/index.js +6 -0
- package/local/wip/TextArea/TextArea.js +192 -0
- package/local/wip/TextArea/index.js +4 -0
- package/local/wip/TextField/TextField.js +169 -0
- package/local/wip/TextField/index.js +4 -0
- package/package.json +78 -0
- package/vscode.css-custom-data.json +6 -0
- package/vscode.html-custom-data.json +2704 -0
- package/wip/Checkbox/Checkbox.d.ts +55 -0
- package/wip/Checkbox/Checkbox.js +104 -0
- package/wip/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +11 -0
- package/wip/Checkbox/CheckboxGroup/CheckboxGroup.js +27 -0
- package/wip/Checkbox/index.d.ts +3 -0
- package/wip/Checkbox/index.js +6 -0
- package/wip/FileUpload/FileUpload.Button.d.ts +36 -0
- package/wip/FileUpload/FileUpload.Button.js +77 -0
- package/wip/FileUpload/FileUpload.Dropzone.d.ts +55 -0
- package/wip/FileUpload/FileUpload.Dropzone.js +150 -0
- package/wip/FileUpload/FileUpload.List.Item.d.ts +62 -0
- package/wip/FileUpload/FileUpload.List.Item.js +203 -0
- package/wip/FileUpload/FileUpload.List.d.ts +46 -0
- package/wip/FileUpload/FileUpload.List.js +106 -0
- package/wip/FileUpload/FileUpload.d.ts +101 -0
- package/wip/FileUpload/FileUpload.js +451 -0
- package/wip/FileUpload/FileUploadContext.d.ts +5 -0
- package/wip/FileUpload/FileUploadContext.js +8 -0
- package/wip/FileUpload/FileUploadListContext.d.ts +5 -0
- package/wip/FileUpload/FileUploadListContext.js +8 -0
- package/wip/FileUpload/index.d.ts +6 -0
- package/wip/FileUpload/index.js +13 -0
- package/wip/Form/Form.context.d.ts +19 -0
- package/wip/Form/Form.context.js +20 -0
- package/wip/Form/Form.d.ts +50 -0
- package/wip/Form/Form.decorator.d.ts +47 -0
- package/wip/Form/Form.decorator.js +144 -0
- package/wip/Form/Form.js +288 -0
- package/wip/Form/Form.utils.d.ts +2 -0
- package/wip/Form/Form.utils.js +8 -0
- package/wip/Form/index.d.ts +3 -0
- package/wip/Form/index.js +7 -0
- package/wip/Label/Label.d.ts +43 -0
- package/wip/Label/Label.js +87 -0
- package/wip/Label/index.d.ts +2 -0
- package/wip/Label/index.js +4 -0
- package/wip/NativeSelect/NativeSelect.d.ts +69 -0
- package/wip/NativeSelect/NativeSelect.js +163 -0
- package/wip/NativeSelect/index.d.ts +2 -0
- package/wip/NativeSelect/index.js +4 -0
- package/wip/RadioButton/RadioButton.d.ts +56 -0
- package/wip/RadioButton/RadioButton.js +125 -0
- package/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.d.ts +23 -0
- package/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js +96 -0
- package/wip/RadioButton/index.d.ts +3 -0
- package/wip/RadioButton/index.js +6 -0
- package/wip/Switch/Switch.d.ts +62 -0
- package/wip/Switch/Switch.js +155 -0
- package/wip/Switch/SwitchGroup/SwitchGroup.d.ts +15 -0
- package/wip/Switch/SwitchGroup/SwitchGroup.js +15 -0
- package/wip/Switch/index.d.ts +3 -0
- package/wip/Switch/index.js +6 -0
- package/wip/TextArea/TextArea.d.ts +89 -0
- package/wip/TextArea/TextArea.js +193 -0
- package/wip/TextArea/index.d.ts +2 -0
- package/wip/TextArea/index.js +4 -0
- package/wip/TextField/TextField.d.ts +70 -0
- package/wip/TextField/TextField.js +169 -0
- package/wip/TextField/index.d.ts +2 -0
- package/wip/TextField/index.js +4 -0
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { c as w } from "../chunks/consume.Ce9k1-wN.js";
|
|
2
|
+
import { T as S, r as $, a as P, E as y, x as u } from "../chunks/lit-element.CJtt9wj5.js";
|
|
3
|
+
import { n as c, c as C } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
4
|
+
import { r as B } from "../chunks/state.CqiuSzAl.js";
|
|
5
|
+
import { e as O, i as A, t as L } from "../chunks/directive.kLG6oqUu.js";
|
|
6
|
+
import { g as x, c as M } from "../chunks/classNames.C6fNrXWF.js";
|
|
7
|
+
import { t as E } from "../chunks/constants.jOWREYQE.js";
|
|
8
|
+
import { r as N } from "../chunks/delegate.baxDQosr.js";
|
|
9
|
+
import { stateLayerStyles as W, stateLayerClassName as T } from "../StateLayer/StateLayer.js";
|
|
10
|
+
import { bmFormContext as j } from "../wip/Form/Form.context.js";
|
|
11
|
+
/**
|
|
12
|
+
* @license
|
|
13
|
+
* Copyright 2018 Google LLC
|
|
14
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
15
|
+
*/
|
|
16
|
+
const k = "important", I = " !" + k, q = O(class extends A {
|
|
17
|
+
constructor(e) {
|
|
18
|
+
var o;
|
|
19
|
+
if (super(e), e.type !== L.ATTRIBUTE || e.name !== "style" || ((o = e.strings) == null ? void 0 : o.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
|
|
20
|
+
}
|
|
21
|
+
render(e) {
|
|
22
|
+
return Object.keys(e).reduce((o, t) => {
|
|
23
|
+
const r = e[t];
|
|
24
|
+
return r == null ? o : o + `${t = t.includes("-") ? t : t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g, "-$&").toLowerCase()}:${r};`;
|
|
25
|
+
}, "");
|
|
26
|
+
}
|
|
27
|
+
update(e, [o]) {
|
|
28
|
+
const { style: t } = e.element;
|
|
29
|
+
if (this.ft === void 0) return this.ft = new Set(Object.keys(o)), this.render(o);
|
|
30
|
+
for (const r of this.ft) o[r] == null && (this.ft.delete(r), r.includes("-") ? t.removeProperty(r) : t[r] = null);
|
|
31
|
+
for (const r in o) {
|
|
32
|
+
const b = o[r];
|
|
33
|
+
if (b != null) {
|
|
34
|
+
this.ft.add(r);
|
|
35
|
+
const a = typeof b == "string" && b.endsWith(I);
|
|
36
|
+
r.includes("-") || a ? t.setProperty(r, a ? b.slice(0, -11) : b, a ? k : "") : t[r] = b;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return S;
|
|
40
|
+
}
|
|
41
|
+
}), D = "button", { classModifierPrefix: v, subElementClassPrefix: _ } = x(D), i = {
|
|
42
|
+
label: `${_}label`,
|
|
43
|
+
iconWrap: `${_}icon-wrap`,
|
|
44
|
+
fluid: `${v}fluid`,
|
|
45
|
+
iconOnly: `${v}icon-only`
|
|
46
|
+
}, U = (e, o) => `${v}${o}-${e}`, F = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #00768f );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: 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-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #202e39 );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #141d24 );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}.bm-button__icon-wrap svg,.bm-button ::slotted([slot=iconBefore]),.bm-button ::slotted([slot=iconAfter]){display:block;width:var(--bm--comp-btn-size-icon);height:var(--bm--comp-btn-size-icon)}.bm-button{cursor:pointer;position:relative;display:inline-flex;flex-direction:row;width:fit-content;padding:var(--bm--comp-btn-space-padding-y) var(--bm--comp-btn-space-padding-x);justify-content:center;align-items:center;gap:var(--bm-comp-btn-space-gap);border:none;border-radius:var(--bm-comp-btn-radius-container);max-width:100%;font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--sm{font:var(--bm-comp-btn-typo-sm);min-width:var(--bm-comp-btn-size-sm-width);min-height:var(--bm-comp-btn-size-sm-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-sm-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-sm-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-sm-icon)}.bm-button--md{font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--lg{font:var(--bm-comp-btn-typo-lg);min-width:var(--bm-comp-btn-size-lg-width);min-height:var(--bm-comp-btn-size-lg-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-lg-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-lg-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-lg-icon)}.bm-button--icon-only{padding:unset}.bm-button__label{z-index:1;position:relative;padding:0 var(--bm-comp-btn-space-label-x);text-align:start}.bm-button{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);border-color:var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-filled-fg)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--accent-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--accent-outline{background:var(--bm-comp-btn-color-accent-outline-bg);color:var(--bm-comp-btn-color-accent-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-outline-border)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-outline-fg)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-ghost{background:var(--bm-comp-btn-color-accent-ghost-bg);color:var(--bm-comp-btn-color-accent-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-ghost-border)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-ghost-fg)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare{background:var(--bm-comp-btn-color-accent-bare-bg);color:var(--bm-comp-btn-color-accent-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-bare-fg)}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--accent-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-filled{background:var(--bm-comp-btn-color-neutral-filled-bg);color:var(--bm-comp-btn-color-neutral-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-filled-border)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-filled-fg)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-inverse)}.bm-button--neutral-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-inverse)}.bm-button--neutral-outline{background:var(--bm-comp-btn-color-neutral-outline-bg);color:var(--bm-comp-btn-color-neutral-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-outline-border)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-outline-fg)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-ghost{background:var(--bm-comp-btn-color-neutral-ghost-bg);color:var(--bm-comp-btn-color-neutral-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-ghost-border)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-ghost-fg)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare{background:var(--bm-comp-btn-color-neutral-bare-bg);color:var(--bm-comp-btn-color-neutral-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-bare-fg)}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-subtle-filled{background:var(--bm-comp-btn-color-neutral-subtle-filled-bg);color:var(--bm-comp-btn-color-neutral-subtle-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-filled-border)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-outline{background:var(--bm-comp-btn-color-neutral-subtle-outline-bg);color:var(--bm-comp-btn-color-neutral-subtle-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-outline-border)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-ghost{background:var(--bm-comp-btn-color-neutral-subtle-ghost-bg);color:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-ghost-border)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare{background:var(--bm-comp-btn-color-neutral-subtle-bare-bg);color:var(--bm-comp-btn-color-neutral-subtle-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg)}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-subtle-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--destructive-filled{background:var(--bm-comp-btn-color-destructive-filled-bg);color:var(--bm-comp-btn-color-destructive-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-filled-border)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-filled-fg)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--destructive-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--destructive-outline{background:var(--bm-comp-btn-color-destructive-outline-bg);color:var(--bm-comp-btn-color-destructive-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-outline-border)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-outline-fg)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-ghost{background:var(--bm-comp-btn-color-destructive-ghost-bg);color:var(--bm-comp-btn-color-destructive-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-ghost-border)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-ghost-fg)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare{background:var(--bm-comp-btn-color-destructive-bare-bg);color:var(--bm-comp-btn-color-destructive-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-bare-fg)}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--destructive-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button[class*=filled]{box-shadow:var(--bm-comp-btn-shadow)}.bm-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}.bm-button--loading{cursor:not-allowed}.bm-button--loading .bm-spinner-wrap{margin:unset}.bm-button--fluid{width:100%}';
|
|
47
|
+
var G = Object.defineProperty, K = Object.getOwnPropertyDescriptor, z = (e) => {
|
|
48
|
+
throw TypeError(e);
|
|
49
|
+
}, n = (e, o, t, r) => {
|
|
50
|
+
for (var b = r > 1 ? void 0 : r ? K(o, t) : o, a = e.length - 1, l; a >= 0; a--)
|
|
51
|
+
(l = e[a]) && (b = (r ? l(o, t, b) : l(b)) || b);
|
|
52
|
+
return r && b && G(o, t, b), b;
|
|
53
|
+
}, R = (e, o, t) => o.has(e) || z("Cannot " + t), s = (e, o, t) => (R(e, o, "read from private field"), t ? t.call(e) : o.get(e)), p = (e, o, t) => o.has(e) ? z("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, t), f, d, g, h;
|
|
54
|
+
const { baseClassNamePrefix: Z, classModifierPrefix: H } = x("button");
|
|
55
|
+
let m = class extends P {
|
|
56
|
+
constructor() {
|
|
57
|
+
super(...arguments), this.appearance = "accent", this.kind = "filled", this.size = "md", this.disabled = !1, this.fluid = !1, this.type = "button", this._internals = this.attachInternals(), this.defaultLabel = "", this.defaultIcons = {
|
|
58
|
+
iconBefore: "",
|
|
59
|
+
iconAfter: ""
|
|
60
|
+
}, p(this, f, () => {
|
|
61
|
+
var e;
|
|
62
|
+
return !!(this.disabled || (e = this.formContext) != null && e.disabled);
|
|
63
|
+
}), p(this, d, (e) => u`<slot class=${i.iconWrap} name=${e}
|
|
64
|
+
>${this.defaultIcons[e]}</slot
|
|
65
|
+
>`), p(this, g, () => this.iconOnly ? y : u`<span class=${i.label}><slot>${this.defaultLabel}</slot></span>`), p(this, h, () => {
|
|
66
|
+
var e, o;
|
|
67
|
+
switch (this.type) {
|
|
68
|
+
case "reset":
|
|
69
|
+
return (e = this._internals.form) == null ? void 0 : e.reset();
|
|
70
|
+
case "submit":
|
|
71
|
+
return (o = this._internals.form) == null ? void 0 : o.requestSubmit();
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
render() {
|
|
76
|
+
const e = this.appearance || "accent", o = this.kind || "filled", t = this.size || "md", r = M(
|
|
77
|
+
this.theme && E(this.theme),
|
|
78
|
+
Z,
|
|
79
|
+
U(o, e),
|
|
80
|
+
this.fluid && i.fluid,
|
|
81
|
+
this.iconOnly && i.iconOnly,
|
|
82
|
+
`${H}${t}`,
|
|
83
|
+
this.className
|
|
84
|
+
), b = {
|
|
85
|
+
...this.width && !this.fluid && { width: this.width },
|
|
86
|
+
...this.height && { height: this.height }
|
|
87
|
+
}, a = T(), { ariaLabel: l } = this;
|
|
88
|
+
return u`
|
|
89
|
+
<button
|
|
90
|
+
class=${r}
|
|
91
|
+
type="${this.type}"
|
|
92
|
+
style=${q(b)}
|
|
93
|
+
@click="${s(this, h)}"
|
|
94
|
+
?disabled="${s(this, f).call(this)}"
|
|
95
|
+
tabindex="0"
|
|
96
|
+
aria-disabled=${s(this, f).call(this)}
|
|
97
|
+
aria-label=${l || y}
|
|
98
|
+
>
|
|
99
|
+
<span aria-hidden="true" class=${a}></span>
|
|
100
|
+
${s(this, d).call(this, "iconBefore")} ${s(this, g).call(this)} ${s(this, d).call(this, "iconAfter")}
|
|
101
|
+
</button>
|
|
102
|
+
`;
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
f = /* @__PURE__ */ new WeakMap();
|
|
106
|
+
d = /* @__PURE__ */ new WeakMap();
|
|
107
|
+
g = /* @__PURE__ */ new WeakMap();
|
|
108
|
+
h = /* @__PURE__ */ new WeakMap();
|
|
109
|
+
N(m);
|
|
110
|
+
m.formAssociated = !0;
|
|
111
|
+
m.styles = [$(F), W];
|
|
112
|
+
n([
|
|
113
|
+
c({ type: String })
|
|
114
|
+
], m.prototype, "appearance", 2);
|
|
115
|
+
n([
|
|
116
|
+
c({ type: String })
|
|
117
|
+
], m.prototype, "kind", 2);
|
|
118
|
+
n([
|
|
119
|
+
c({ type: String })
|
|
120
|
+
], m.prototype, "size", 2);
|
|
121
|
+
n([
|
|
122
|
+
c({ type: Boolean })
|
|
123
|
+
], m.prototype, "disabled", 2);
|
|
124
|
+
n([
|
|
125
|
+
c({ type: Boolean })
|
|
126
|
+
], m.prototype, "fluid", 2);
|
|
127
|
+
n([
|
|
128
|
+
c({ type: String })
|
|
129
|
+
], m.prototype, "width", 2);
|
|
130
|
+
n([
|
|
131
|
+
c({ type: String })
|
|
132
|
+
], m.prototype, "height", 2);
|
|
133
|
+
n([
|
|
134
|
+
c({ type: String })
|
|
135
|
+
], m.prototype, "theme", 2);
|
|
136
|
+
n([
|
|
137
|
+
c({ type: Boolean })
|
|
138
|
+
], m.prototype, "iconOnly", 2);
|
|
139
|
+
n([
|
|
140
|
+
c({ type: String })
|
|
141
|
+
], m.prototype, "type", 2);
|
|
142
|
+
n([
|
|
143
|
+
w({ context: j, subscribe: !0 }),
|
|
144
|
+
c({ attribute: !1 })
|
|
145
|
+
], m.prototype, "formContext", 2);
|
|
146
|
+
n([
|
|
147
|
+
B()
|
|
148
|
+
], m.prototype, "defaultLabel", 2);
|
|
149
|
+
m = n([
|
|
150
|
+
C("bm-button")
|
|
151
|
+
], m);
|
|
152
|
+
export {
|
|
153
|
+
m as BmButton
|
|
154
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { r as a, a as r, x as p } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n, c as d } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
|
+
import { o as v } from "../chunks/unsafe-svg.HSGf1NCU.js";
|
|
4
|
+
import { c as u, g as h } from "../chunks/classNames.C6fNrXWF.js";
|
|
5
|
+
import "../chunks/constants.jOWREYQE.js";
|
|
6
|
+
import { r as z } from "../chunks/delegate.baxDQosr.js";
|
|
7
|
+
import { stateLayerStyles as x, stateLayerClassName as g } from "../StateLayer/StateLayer.js";
|
|
8
|
+
const f = `<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="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
|
|
13
|
+
fill="currentColor"
|
|
14
|
+
/>
|
|
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, i = (t, s, c, o) => {
|
|
18
|
+
for (var e = o > 1 ? void 0 : o ? L(s, c) : s, b = t.length - 1, l; b >= 0; b--)
|
|
19
|
+
(l = t[b]) && (e = (o ? l(s, c, e) : l(e)) || e);
|
|
20
|
+
return o && e && w(s, c, e), e;
|
|
21
|
+
};
|
|
22
|
+
const { baseClassNamePrefix: _, subElementClassPrefix: C, classModifierPrefix: $ } = h("close-button");
|
|
23
|
+
let m = class extends r {
|
|
24
|
+
constructor() {
|
|
25
|
+
super(...arguments), this.size = "md", this.disabled = !1;
|
|
26
|
+
}
|
|
27
|
+
render() {
|
|
28
|
+
const t = `${C}icon`, s = g(), c = u(
|
|
29
|
+
_,
|
|
30
|
+
this.size && `${$}${this.size}`
|
|
31
|
+
), { ariaLabel: o = "Close button" } = this;
|
|
32
|
+
return p`
|
|
33
|
+
<button
|
|
34
|
+
tabindex="0"
|
|
35
|
+
?disabled=${this.disabled}
|
|
36
|
+
class=${c}
|
|
37
|
+
aria-label=${o}
|
|
38
|
+
>
|
|
39
|
+
<span aria-hidden="true" class=${t}> ${v(f)} </span>
|
|
40
|
+
<span aria-hidden="true" class=${s}></span>
|
|
41
|
+
</button>
|
|
42
|
+
`;
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
z(m);
|
|
46
|
+
m.styles = [a(y), x];
|
|
47
|
+
i([
|
|
48
|
+
n({ type: String })
|
|
49
|
+
], m.prototype, "size", 2);
|
|
50
|
+
i([
|
|
51
|
+
n({ type: Boolean })
|
|
52
|
+
], m.prototype, "disabled", 2);
|
|
53
|
+
m = i([
|
|
54
|
+
d("bm-close-button")
|
|
55
|
+
], m);
|
|
56
|
+
export {
|
|
57
|
+
m as BmCloseButton
|
|
58
|
+
};
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { r as w, a as x, x as b } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n as a, c as u } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
|
+
import { r as _ } from "../chunks/state.CqiuSzAl.js";
|
|
4
|
+
import { n as f } from "../chunks/query-assigned-nodes.Dgvsf6BR.js";
|
|
5
|
+
import { g as C, k as $, c as S } from "../chunks/classNames.C6fNrXWF.js";
|
|
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 E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, y = (r) => {
|
|
9
|
+
throw TypeError(r);
|
|
10
|
+
}, d = (r, e, i, n) => {
|
|
11
|
+
for (var t = n > 1 ? void 0 : n ? P(e, i) : e, l = r.length - 1, c; l >= 0; l--)
|
|
12
|
+
(c = r[l]) && (t = (n ? c(e, i, t) : c(t)) || t);
|
|
13
|
+
return n && t && E(e, i, t), t;
|
|
14
|
+
}, I = (r, e, i) => e.has(r) || y("Cannot " + i), h = (r, e, i) => (I(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
|
+
const {
|
|
16
|
+
baseClassNamePrefix: k,
|
|
17
|
+
classModifierPrefix: m,
|
|
18
|
+
subElementClassPrefix: s,
|
|
19
|
+
variablePrefix: O
|
|
20
|
+
} = C("divider");
|
|
21
|
+
let o = class extends x {
|
|
22
|
+
constructor() {
|
|
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
|
+
<slot name="icon" @slotchange="${this._onIconSlotChange}"></slot>
|
|
25
|
+
</span>` : b` <slot name="icon" @slotchange="${this._onIconSlotChange}"></slot>`), g(this, p, () => this._hasContent ? b`
|
|
26
|
+
<span class="${s}text">
|
|
27
|
+
<slot @slotchange="${this._onSlotChange}"></slot>
|
|
28
|
+
</span>
|
|
29
|
+
` : b` <slot @slotchange="${this._onSlotChange}"></slot>`);
|
|
30
|
+
}
|
|
31
|
+
_onSlotChange() {
|
|
32
|
+
this._hasContent = this._defaultSlotNodes ? Array.from(this._defaultSlotNodes).some(
|
|
33
|
+
(r) => {
|
|
34
|
+
var e, i;
|
|
35
|
+
return r.nodeType === Node.ELEMENT_NODE && ((e = r.textContent) == null ? void 0 : e.trim()) !== "" || r.nodeType === Node.TEXT_NODE && ((i = r.textContent) == null ? void 0 : i.trim()) !== "";
|
|
36
|
+
}
|
|
37
|
+
) : !1;
|
|
38
|
+
}
|
|
39
|
+
_onIconSlotChange() {
|
|
40
|
+
this._hasIcon = this._iconNode && this._iconNode.length > 0;
|
|
41
|
+
}
|
|
42
|
+
render() {
|
|
43
|
+
this.style.setProperty(`${O}-length`, this.length || "100%");
|
|
44
|
+
const r = this._hasIcon && !this._hasContent, e = !this._hasIcon && !this._hasContent, i = $({
|
|
45
|
+
[`p${this.orientation === "vertical" ? "y" : "x"}`]: this.inset
|
|
46
|
+
}), n = S(
|
|
47
|
+
k,
|
|
48
|
+
`${m}${this.orientation}`,
|
|
49
|
+
`${m}border-width-${this.borderWidth}`,
|
|
50
|
+
`${m}border-style-${this.borderStyle}`,
|
|
51
|
+
`${m}border-color-border-${this.borderColor}`,
|
|
52
|
+
this._hasContent && `${m}align-${this.alignContent}`,
|
|
53
|
+
r && `${m}icon-only`,
|
|
54
|
+
i
|
|
55
|
+
);
|
|
56
|
+
return b`
|
|
57
|
+
<div class=${n} role="separator" aria-orientation=${this.orientation}>
|
|
58
|
+
<div class="${s}wrapper">
|
|
59
|
+
<div
|
|
60
|
+
class="${s}content"
|
|
61
|
+
style=${e && "padding: 0;"}
|
|
62
|
+
>
|
|
63
|
+
${h(this, v).call(this)} ${h(this, p).call(this)}
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
`;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
v = /* @__PURE__ */ new WeakMap();
|
|
71
|
+
p = /* @__PURE__ */ new WeakMap();
|
|
72
|
+
o.styles = w([N, z]);
|
|
73
|
+
d([
|
|
74
|
+
a({ type: String })
|
|
75
|
+
], o.prototype, "orientation", 2);
|
|
76
|
+
d([
|
|
77
|
+
a({ type: String })
|
|
78
|
+
], o.prototype, "borderColor", 2);
|
|
79
|
+
d([
|
|
80
|
+
a({ type: String })
|
|
81
|
+
], o.prototype, "borderWidth", 2);
|
|
82
|
+
d([
|
|
83
|
+
a({ type: String })
|
|
84
|
+
], o.prototype, "borderStyle", 2);
|
|
85
|
+
d([
|
|
86
|
+
a({ type: String })
|
|
87
|
+
], o.prototype, "alignContent", 2);
|
|
88
|
+
d([
|
|
89
|
+
a({ type: String })
|
|
90
|
+
], o.prototype, "length", 2);
|
|
91
|
+
d([
|
|
92
|
+
a({ type: String })
|
|
93
|
+
], o.prototype, "inset", 2);
|
|
94
|
+
d([
|
|
95
|
+
f({ flatten: !0 })
|
|
96
|
+
], o.prototype, "_defaultSlotNodes", 2);
|
|
97
|
+
d([
|
|
98
|
+
f({ slot: "icon", flatten: !0 })
|
|
99
|
+
], o.prototype, "_iconNode", 2);
|
|
100
|
+
d([
|
|
101
|
+
_()
|
|
102
|
+
], o.prototype, "_hasContent", 2);
|
|
103
|
+
d([
|
|
104
|
+
_()
|
|
105
|
+
], o.prototype, "_hasIcon", 2);
|
|
106
|
+
o = d([
|
|
107
|
+
u("bm-divider")
|
|
108
|
+
], o);
|
|
109
|
+
export {
|
|
110
|
+
o as BmDivider
|
|
111
|
+
};
|
|
@@ -0,0 +1,54 @@
|
|
|
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 g } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
|
+
import { c as v, g as h } from "../chunks/classNames.C6fNrXWF.js";
|
|
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, o, c, s) => {
|
|
7
|
+
for (var t = s > 1 ? void 0 : s ? _(o, c) : o, r = a.length - 1, i; r >= 0; r--)
|
|
8
|
+
(i = a[r]) && (t = (s ? i(o, c, t) : i(t)) || t);
|
|
9
|
+
return s && t && u(o, c, t), t;
|
|
10
|
+
};
|
|
11
|
+
const { baseClassNamePrefix: $, subElementClassPrefix: n } = h("empty-state");
|
|
12
|
+
let e = class extends d {
|
|
13
|
+
render() {
|
|
14
|
+
const a = v(
|
|
15
|
+
$,
|
|
16
|
+
this.theme && f(this.theme)
|
|
17
|
+
);
|
|
18
|
+
return b`
|
|
19
|
+
<div class=${a}>
|
|
20
|
+
<slot name="icon"></slot>
|
|
21
|
+
<div class="${n}body-container">
|
|
22
|
+
<slot name="heading">
|
|
23
|
+
${this.heading ? b`<span class="${n}heading"
|
|
24
|
+
>${this.heading}</span
|
|
25
|
+
>` : y}
|
|
26
|
+
</slot>
|
|
27
|
+
<slot name="body">
|
|
28
|
+
${this.body ? b`<span class="${n}body">${this.body}</span>` : y}
|
|
29
|
+
</slot>
|
|
30
|
+
</div>
|
|
31
|
+
<slot name="actions">${this.actions}</slot>
|
|
32
|
+
</div>
|
|
33
|
+
`;
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
e.styles = l(x);
|
|
37
|
+
m([
|
|
38
|
+
p()
|
|
39
|
+
], e.prototype, "heading", 2);
|
|
40
|
+
m([
|
|
41
|
+
p()
|
|
42
|
+
], e.prototype, "body", 2);
|
|
43
|
+
m([
|
|
44
|
+
p()
|
|
45
|
+
], e.prototype, "actions", 2);
|
|
46
|
+
m([
|
|
47
|
+
p({ type: String })
|
|
48
|
+
], e.prototype, "theme", 2);
|
|
49
|
+
e = m([
|
|
50
|
+
g("bm-empty-state")
|
|
51
|
+
], e);
|
|
52
|
+
export {
|
|
53
|
+
e as BmEmptyState
|
|
54
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
|
+
import "../chunks/unsafe-svg.HSGf1NCU.js";
|
|
4
|
+
import "../chunks/classNames.C6fNrXWF.js";
|
|
5
|
+
import { B as x } from "../chunks/index.Bz1Jq4c2.js";
|
|
6
|
+
import "../chunks/constants.jOWREYQE.js";
|
|
7
|
+
export {
|
|
8
|
+
x as BmHelperText
|
|
9
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { r as p, a as v, E as g, x as f } from "../chunks/lit-element.CJtt9wj5.js";
|
|
2
|
+
import { n as s, c as y } from "../chunks/register-custom-element.vod7zfGv.js";
|
|
3
|
+
import { c as z, g as h } from "../chunks/classNames.C6fNrXWF.js";
|
|
4
|
+
import { p as u } from "../chunks/constants.jOWREYQE.js";
|
|
5
|
+
import { r as d } from "../chunks/delegate.baxDQosr.js";
|
|
6
|
+
const $ = (n) => `--${u}comp-${n}`, x = '.bm-icon{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.bm-icon{--bm-comp-icon-color: inherit;box-sizing:border-box!important;font-weight:400;font-style:normal;fill:currentColor;font-size:var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));width:var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));height:var(--bm-comp-icon-size, var(--bm-sem-size-icon-md));color:var(--bm-comp-icon-color);vertical-align:middle;line-height:inherit;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal}.bm-icon--primary{--bm-comp-icon-color: var(--bm-sem-color-icon-primary)}.bm-icon--secondary{--bm-comp-icon-color: var(--bm-sem-color-icon-secondary)}.bm-icon--positive{--bm-comp-icon-color: var(--bm-sem-color-icon-positive)}.bm-icon--warning{--bm-comp-icon-color: var(--bm-sem-color-icon-warning)}.bm-icon--negative{--bm-comp-icon-color: var(--bm-sem-color-icon-negative)}.bm-icon--infoPrimary{--bm-comp-icon-color: var(--bm-sem-color-icon-info-primary)}.bm-icon--infoSecondary{--bm-comp-icon-color: var(--bm-sem-color-icon-info-secondary)}.bm-icon--positiveStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-positive-strong)}.bm-icon--warningStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-warning-strong)}.bm-icon--negativeStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-negative-strong)}.bm-icon--infoPrimaryStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-info-primary-strong)}.bm-icon--infoSecondaryStrong{--bm-comp-icon-color: var(--bm-sem-color-icon-info-secondary-strong)}.bm-icon--primaryInverse{--bm-comp-icon-color: var(--bm-sem-color-icon-primary-inverse)}.bm-icon--secondaryInverse{--bm-comp-icon-color: var(--bm-sem-color-icon-secondary-inverse)}.bm-icon--xs{--bm-comp-icon-size: var(--bm-sem-size-icon-xs)}.bm-icon--sm{--bm-comp-icon-size: var(--bm-sem-size-icon-sm)}.bm-icon--md{--bm-comp-icon-size: var(--bm-sem-size-icon-md)}.bm-icon--lg{--bm-comp-icon-size: var(--bm-sem-size-icon-lg)}.bm-icon--xl{--bm-comp-icon-size: var(--bm-sem-size-icon-xl)}.bm-icon--clickable{cursor:pointer}';
|
|
7
|
+
var S = Object.defineProperty, w = Object.getOwnPropertyDescriptor, m = (n, r, e, c) => {
|
|
8
|
+
for (var o = c > 1 ? void 0 : c ? w(r, e) : r, t = n.length - 1, a; t >= 0; t--)
|
|
9
|
+
(a = n[t]) && (o = (c ? a(r, e, o) : a(o)) || o);
|
|
10
|
+
return c && o && S(r, e, o), o;
|
|
11
|
+
};
|
|
12
|
+
const { baseClassNamePrefix: C, classModifierPrefix: l } = h("icon"), b = $("icon"), P = `${b}-size`, I = `${b}-color`;
|
|
13
|
+
let i = class extends v {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments), this.size = "md";
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
const n = z(
|
|
19
|
+
C,
|
|
20
|
+
this.size && `${l}${this.size}`,
|
|
21
|
+
this.color && `${l}${this.color}`,
|
|
22
|
+
this.hasAttribute("onClick") && `${l}clickable`
|
|
23
|
+
), r = `
|
|
24
|
+
${this.customIconSize ? `${P}: ${this.customIconSize};` : ""}
|
|
25
|
+
${this.customIconColor ? `${I}: ${this.customIconColor};` : ""}
|
|
26
|
+
`, { role: e, ariaLabel: c } = this;
|
|
27
|
+
return f`
|
|
28
|
+
<span
|
|
29
|
+
class=${n}
|
|
30
|
+
role=${e || c ? "img" : "presentation"}
|
|
31
|
+
focusable=${this.hasAttribute("onClick") ? "true" : "false"}
|
|
32
|
+
style=${r}
|
|
33
|
+
aria-label=${c || g}
|
|
34
|
+
part="icon"
|
|
35
|
+
>
|
|
36
|
+
<slot></slot>
|
|
37
|
+
</span>
|
|
38
|
+
`;
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
d(i);
|
|
42
|
+
i.styles = p(x);
|
|
43
|
+
m([
|
|
44
|
+
s({ type: String })
|
|
45
|
+
], i.prototype, "color", 2);
|
|
46
|
+
m([
|
|
47
|
+
s({ type: String })
|
|
48
|
+
], i.prototype, "size", 2);
|
|
49
|
+
m([
|
|
50
|
+
s({ type: String })
|
|
51
|
+
], i.prototype, "customIconSize", 2);
|
|
52
|
+
m([
|
|
53
|
+
s({ type: String })
|
|
54
|
+
], i.prototype, "customIconColor", 2);
|
|
55
|
+
i = m([
|
|
56
|
+
y("bm-icon")
|
|
57
|
+
], i);
|
|
58
|
+
export {
|
|
59
|
+
i as BmIcon
|
|
60
|
+
};
|