@viasat/beam-web-components 2.21.0 → 2.21.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.js +1 -1
- package/Accordion/AccordionGroup.js +1 -1
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +43 -43
- package/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.js +1 -1
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +1 -1
- package/BadgeDot/BadgeDot.js +18 -18
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +10 -10
- package/CloseButton/CloseButton.js +16 -16
- package/Divider/Divider.js +17 -17
- package/EmptyState/EmptyState.js +20 -20
- package/HelperText/HelperText.js +1 -1
- package/HelperText/index.js +1 -1
- package/InputChoiceGroup/InputChoiceGroup.js +54 -54
- package/Link/Link.js +51 -51
- package/List/List.js +1 -1
- package/List/ListItem.js +1 -1
- package/ProgressBar/ProgressBar.js +19 -19
- package/SegmentedControl/SegmentedControl.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/SegmentedControl/SegmentedControlList.js +1 -1
- package/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/Spinner/Spinner.js +28 -28
- package/Tooltip/Tooltip.js +85 -85
- package/chunks/Accordion.Bwk3EG3j.js +161 -0
- package/chunks/Avatar.BgufO4-1.js +174 -0
- package/chunks/BreadcrumbsItem.DmudL_IG.js +121 -0
- package/chunks/HelperText.SJGM6Q5H.js +108 -0
- package/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/chunks/list.module.BSL1AIzv.js +4 -0
- package/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/custom-elements.json +6179 -6179
- package/local/Accordion/Accordion.js +1 -1
- package/local/Accordion/AccordionGroup.js +1 -1
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +20 -20
- package/local/Avatar/Avatar.js +1 -1
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +1 -1
- package/local/BadgeDot/BadgeDot.js +4 -4
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +10 -10
- package/local/CloseButton/CloseButton.js +24 -24
- package/local/Divider/Divider.js +22 -22
- package/local/EmptyState/EmptyState.js +18 -18
- package/local/HelperText/HelperText.js +1 -1
- package/local/HelperText/index.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +39 -39
- package/local/Link/Link.js +25 -25
- package/local/List/List.js +1 -1
- package/local/List/ListItem.js +1 -1
- package/local/ProgressBar/ProgressBar.js +19 -19
- package/local/SegmentedControl/SegmentedControl.js +1 -1
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/SegmentedControl/SegmentedControlList.js +1 -1
- package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/local/Spinner/Spinner.js +34 -34
- package/local/Tooltip/Tooltip.js +85 -85
- package/local/chunks/Accordion.UOcVt0ft.js +161 -0
- package/local/chunks/Avatar.CEb3Se7H.js +172 -0
- package/local/chunks/BreadcrumbsItem.Dp9fzlcw.js +121 -0
- package/local/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/local/chunks/index.DNafYKj-.js +106 -0
- package/local/chunks/list.module.BSL1AIzv.js +4 -0
- package/local/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/local/wip/Checkbox/Checkbox.js +1 -1
- package/local/wip/FileUpload/FileUpload.Button.js +1 -1
- package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/local/wip/FileUpload/FileUpload.List.js +1 -1
- package/local/wip/FileUpload/FileUpload.js +2 -2
- package/local/wip/Form/Form.decorator.js +1 -1
- package/local/wip/Label/Label.js +40 -40
- package/local/wip/NativeSelect/NativeSelect.js +18 -18
- package/local/wip/RadioButton/RadioButton.js +9 -9
- package/local/wip/Switch/Switch.js +9 -9
- package/local/wip/TextArea/TextArea.js +21 -21
- package/local/wip/TextField/TextField.js +26 -26
- package/package.json +6 -6
- package/vscode.html-custom-data.json +251 -251
- package/wip/Checkbox/Checkbox.js +53 -53
- package/wip/FileUpload/FileUpload.Button.js +1 -1
- package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/wip/FileUpload/FileUpload.List.js +1 -1
- package/wip/FileUpload/FileUpload.js +2 -2
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/Label/Label.js +33 -33
- package/wip/NativeSelect/NativeSelect.js +25 -25
- package/wip/RadioButton/RadioButton.js +7 -7
- package/wip/Switch/Switch.js +9 -9
- package/wip/TextArea/TextArea.js +13 -13
- package/wip/TextField/TextField.js +26 -26
- package/chunks/Accordion.DYD3XcAx.js +0 -161
- package/chunks/Avatar.C2rfzUGP.js +0 -174
- package/chunks/BreadcrumbsItem.4ZR6wbMz.js +0 -121
- package/chunks/HelperText.CcVVOtA3.js +0 -108
- package/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/chunks/list.module.CZRPBLzy.js +0 -4
- package/chunks/segmentedControl.module.BPXEWodj.js +0 -4
- package/local/chunks/Accordion.BP1XR2Gd.js +0 -161
- package/local/chunks/Avatar.CvTOzaRT.js +0 -172
- package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +0 -121
- package/local/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/local/chunks/index.Bz1Jq4c2.js +0 -106
- package/local/chunks/list.module.CZRPBLzy.js +0 -4
- package/local/chunks/segmentedControl.module.BPXEWodj.js +0 -4
package/Spinner/Spinner.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { unsafeCSS as D, LitElement as I, html as b, nothing as d } from "lit";
|
|
2
|
-
import { property as
|
|
2
|
+
import { property as v, queryAssignedElements as B } from "lit/decorators.js";
|
|
3
3
|
import $ from "clsx";
|
|
4
4
|
import { g as M } from "../chunks/classNames.Cq_tbDRp.js";
|
|
5
5
|
import "../chunks/constants.jOWREYQE.js";
|
|
@@ -29,7 +29,7 @@ const W = 10, H = {
|
|
|
29
29
|
sideLength: e,
|
|
30
30
|
strokeWidth: n
|
|
31
31
|
}) => {
|
|
32
|
-
const r = e - n,
|
|
32
|
+
const r = e - n, a = r / 2, s = Math.PI * r, g = `0 0 ${e} ${e}`;
|
|
33
33
|
return {
|
|
34
34
|
sideLength: e,
|
|
35
35
|
strokeWidth: n,
|
|
@@ -37,10 +37,10 @@ const W = 10, H = {
|
|
|
37
37
|
cy: e / 2,
|
|
38
38
|
diameter: r,
|
|
39
39
|
circumference: s,
|
|
40
|
-
r:
|
|
41
|
-
viewBox:
|
|
40
|
+
r: a,
|
|
41
|
+
viewBox: g
|
|
42
42
|
};
|
|
43
|
-
}, l = `${w}-wrap`,
|
|
43
|
+
}, l = `${w}-wrap`, p = {
|
|
44
44
|
spinnerWrap: l,
|
|
45
45
|
spinnerSvgWrap: w,
|
|
46
46
|
spinnerSvgWrapIndeterminate: `${w}--indeterminate`,
|
|
@@ -61,42 +61,42 @@ const W = 10, H = {
|
|
|
61
61
|
}, O = "--bm-spinner-value", T = ({ value: e }) => {
|
|
62
62
|
const n = typeof e == "number" && Number.isInteger(e) || !1, r = n && e >= 0 && e <= 100;
|
|
63
63
|
return n && !r && console.warn("The allowed range for the spinner values is 0 to 100"), n && r;
|
|
64
|
-
}, V = '@charset "UTF-8";: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" )}.bm-spinner{position:relative;margin:0 auto;width:var(--bm-spinner-side-length);height:var(--bm-spinner-side-length)}.bm-spinner__circle-bg,.bm-spinner__circle{r:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) / 2);stroke-width:var(--bm-spinner-stroke-width)}.bm-spinner__svg{position:relative;transform:rotate(-90deg) translateZ(0);width:calc(var(--bm-spinner-side-length));height:calc(var(--bm-spinner-side-length))}.bm-spinner__circle{stroke:var(--bm-comp-spinner-color-indicator);stroke-linecap:round;transform-origin:center}.bm-spinner__circle-bg{stroke:var(--bm-comp-spinner-color-track)}@keyframes dash{0%{stroke-dashoffset:0;stroke-dasharray:1,calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * 1.6)}50%{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .712),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.278)}to{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .708),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.992)}}.bm-spinner__content-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-description-spacing)}.bm-spinner__heading{display:inline-flex;color:var(--bm-comp-spinner-color-heading);font:var(--bm-comp-spinner-typo-heading)}.bm-spinner__percentage-indicator:before{content:" "}.bm-spinner__body{margin:0;color:var(--bm-comp-spinner-color-body);font:var(--bm-comp-spinner-typo-body);text-align:center}@keyframes rotation{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.bm-spinner--indeterminate .bm-spinner__svg{animation:rotation calc(var(--bm-spinner-animation-speed) / 2) linear infinite}.bm-spinner--indeterminate .bm-spinner__circle{animation:dash calc(var(--bm-spinner-animation-speed) / 2) ease infinite}.bm-spinner--determinate .bm-spinner__circle{transition:stroke-dasharray .5s ease;stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * var(--bm-spinner-value) / 100) 300px;stroke-dashoffset:0}.bm-spinner-wrap{--bm-spinner-animation-speed: 3s;max-width:var(--bm-comp-spinner-size-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-spinner-spacing)}.bm-spinner-wrap progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:absolute;visibility:hidden;width:0}.bm-spinner-wrap ::-moz-progress-bar,.bm-spinner-wrap ::-webkit-progress-bar,.bm-spinner-wrap ::-webkit-progress-value,.bm-spinner-wrap ::-webkit-progress-inner-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bm-spinner-wrap--xs,.bm-spinner-wrap--xxs{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;max-width:unset}.bm-spinner-wrap--xs .bm-spinner,.bm-spinner-wrap--xxs .bm-spinner{box-sizing:content-box;margin-bottom:0;padding:var(--bm-comp-spinner-space-nudge-y) 0}.bm-spinner-wrap--xs .bm-spinner__content-wrapper,.bm-spinner-wrap--xxs .bm-spinner__content-wrapper{display:inline-flex;flex-direction:row}.bm-spinner-wrap--xs .bm-spinner__body,.bm-spinner-wrap--xxs .bm-spinner__body{text-align:left}.bm-spinner-wrap--xxs .bm-spinner__heading{font:var(--bm-sem-typo-label-sm)}.bm-spinner-wrap--xxs .bm-spinner__body{font:var(--bm-sem-typo-body-sm)}.bm-spinner-wrap--xxs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xxs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xxs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--xs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--sm{--bm-spinner-side-length: var(--bm-comp-spinner-size-sm-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-sm-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-sm-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--md{--bm-spinner-side-length: var(--bm-comp-spinner-size-md-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-md-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-md-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--lg{--bm-spinner-side-length: var(--bm-comp-spinner-size-lg-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-lg-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-lg-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}';
|
|
64
|
+
}, V = '@charset "UTF-8";: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-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,.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-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" )}.bm-spinner{position:relative;margin:0 auto;width:var(--bm-spinner-side-length);height:var(--bm-spinner-side-length)}.bm-spinner__circle-bg,.bm-spinner__circle{r:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) / 2);stroke-width:var(--bm-spinner-stroke-width)}.bm-spinner__svg{position:relative;transform:rotate(-90deg) translateZ(0);width:calc(var(--bm-spinner-side-length));height:calc(var(--bm-spinner-side-length))}.bm-spinner__circle{stroke:var(--bm-comp-spinner-color-indicator);stroke-linecap:round;transform-origin:center}.bm-spinner__circle-bg{stroke:var(--bm-comp-spinner-color-track)}@keyframes dash{0%{stroke-dashoffset:0;stroke-dasharray:1,calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * 1.6)}50%{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .712),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.278)}to{stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * .708),500;stroke-dashoffset:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * -.992)}}.bm-spinner__content-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-description-spacing)}.bm-spinner__heading{display:inline-flex;color:var(--bm-comp-spinner-color-heading);font:var(--bm-comp-spinner-typo-heading)}.bm-spinner__percentage-indicator:before{content:" "}.bm-spinner__body{margin:0;color:var(--bm-comp-spinner-color-body);font:var(--bm-comp-spinner-typo-body);text-align:center}@keyframes rotation{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.bm-spinner--indeterminate .bm-spinner__svg{animation:rotation calc(var(--bm-spinner-animation-speed) / 2) linear infinite}.bm-spinner--indeterminate .bm-spinner__circle{animation:dash calc(var(--bm-spinner-animation-speed) / 2) ease infinite}.bm-spinner--determinate .bm-spinner__circle{transition:stroke-dasharray .5s ease;stroke-dasharray:calc((var(--bm-spinner-side-length) - var(--bm-spinner-stroke-width)) * 3.1415926536 * var(--bm-spinner-value) / 100) 300px;stroke-dashoffset:0}.bm-spinner-wrap{--bm-spinner-animation-speed: 3s;max-width:var(--bm-comp-spinner-size-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--bm-spinner-label-to-spinner-spacing)}.bm-spinner-wrap progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:absolute;visibility:hidden;width:0}.bm-spinner-wrap ::-moz-progress-bar,.bm-spinner-wrap ::-webkit-progress-bar,.bm-spinner-wrap ::-webkit-progress-value,.bm-spinner-wrap ::-webkit-progress-inner-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bm-spinner-wrap--xs,.bm-spinner-wrap--xxs{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;max-width:unset}.bm-spinner-wrap--xs .bm-spinner,.bm-spinner-wrap--xxs .bm-spinner{box-sizing:content-box;margin-bottom:0;padding:var(--bm-comp-spinner-space-nudge-y) 0}.bm-spinner-wrap--xs .bm-spinner__content-wrapper,.bm-spinner-wrap--xxs .bm-spinner__content-wrapper{display:inline-flex;flex-direction:row}.bm-spinner-wrap--xs .bm-spinner__body,.bm-spinner-wrap--xxs .bm-spinner__body{text-align:left}.bm-spinner-wrap--xxs .bm-spinner__heading{font:var(--bm-sem-typo-label-sm)}.bm-spinner-wrap--xxs .bm-spinner__body{font:var(--bm-sem-typo-body-sm)}.bm-spinner-wrap--xxs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xxs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xxs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--xs{--bm-spinner-side-length: var(--bm-comp-spinner-size-xs-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-xs-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-xs-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--sm{--bm-spinner-side-length: var(--bm-comp-spinner-size-sm-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-sm-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-sm-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--md{--bm-spinner-side-length: var(--bm-comp-spinner-size-md-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-md-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-md-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}.bm-spinner-wrap--lg{--bm-spinner-side-length: var(--bm-comp-spinner-size-lg-track);--bm-spinner-stroke-width: var(--bm-comp-spinner-size-lg-border-width);--bm-spinner-label-to-spinner-spacing: var(--bm-comp-spinner-space-lg-gap);--bm-spinner-label-to-description-spacing: var(--bm-comp-spinner-space-content-gap)}';
|
|
65
65
|
var A = Object.defineProperty, F = Object.getOwnPropertyDescriptor, P = (e) => {
|
|
66
66
|
throw TypeError(e);
|
|
67
|
-
}, o = (e, n, r,
|
|
68
|
-
for (var s =
|
|
69
|
-
(x = e[
|
|
70
|
-
return
|
|
67
|
+
}, o = (e, n, r, a) => {
|
|
68
|
+
for (var s = a > 1 ? void 0 : a ? F(n, r) : n, g = e.length - 1, x; g >= 0; g--)
|
|
69
|
+
(x = e[g]) && (s = (a ? x(n, r, s) : x(s)) || s);
|
|
70
|
+
return a && s && A(n, r, s), s;
|
|
71
71
|
}, q = (e, n, r) => n.has(e) || P("Cannot " + r), i = (e, n, r) => (q(e, n, "read from private field"), r ? r.call(e) : n.get(e)), h = (e, n, r) => n.has(e) ? P("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, r), m, k, N, y, f, u, _, S, z;
|
|
72
72
|
let t = class extends I {
|
|
73
73
|
constructor() {
|
|
74
74
|
super(...arguments), h(this, m), this.size = "md", h(this, u, () => {
|
|
75
|
-
const e = i(this, m, y), { viewBox: n } = i(this, m, N), r =
|
|
76
|
-
|
|
75
|
+
const e = i(this, m, y), { viewBox: n } = i(this, m, N), r = p[i(this, m, y) ? "spinnerSvgWrapDeterminate" : "spinnerSvgWrapIndeterminate"], a = $(
|
|
76
|
+
p.spinnerSvgWrap,
|
|
77
77
|
C[this.size],
|
|
78
78
|
r,
|
|
79
79
|
this.className
|
|
80
80
|
), s = i(this, m, y) ? `${O}: ${i(this, m, f)}` : "";
|
|
81
|
-
return b`<div class=${
|
|
81
|
+
return b`<div class=${a} style=${s}>
|
|
82
82
|
<progress
|
|
83
83
|
${e ? b`.value=${i(this, m, f)}` : d}
|
|
84
84
|
max="100"
|
|
85
85
|
></progress>
|
|
86
86
|
<svg
|
|
87
87
|
xmlns="http://www.w3.org/2000/svg"
|
|
88
|
-
class=${
|
|
88
|
+
class=${p.spinnerSvg}
|
|
89
89
|
viewBox="${n}"
|
|
90
90
|
>
|
|
91
91
|
<circle
|
|
92
|
-
class=${
|
|
92
|
+
class=${p.spinnerSvgCircleBg}
|
|
93
93
|
stroke-miterlimit="${W}"
|
|
94
94
|
fill="none"
|
|
95
95
|
cx="50%"
|
|
96
96
|
cy="50%"
|
|
97
97
|
></circle>
|
|
98
98
|
<circle
|
|
99
|
-
class=${
|
|
99
|
+
class=${p.spinnerSvgCircle}
|
|
100
100
|
stroke-miterlimit="${W}"
|
|
101
101
|
fill="none"
|
|
102
102
|
cx="50%"
|
|
@@ -104,30 +104,30 @@ let t = class extends I {
|
|
|
104
104
|
></circle>
|
|
105
105
|
</svg>
|
|
106
106
|
</div>`;
|
|
107
|
-
}), h(this, _, () => i(this, m, k) ? b`<span class=${
|
|
107
|
+
}), h(this, _, () => i(this, m, k) ? b`<span class=${p.spinnerSvgLabelPercentageIndicator}
|
|
108
108
|
>${i(this, m, f)}%</span
|
|
109
109
|
>` : d), h(this, S, () => {
|
|
110
110
|
const e = this.headingSlot.length > 0;
|
|
111
|
-
return !(this.heading || i(this, m, k) || e) ? d : b` <strong class=${
|
|
111
|
+
return !(this.heading || i(this, m, k) || e) ? d : b` <strong class=${p.spinnerSvgHeading}>
|
|
112
112
|
<slot name="heading"> ${this.heading || d} </slot>
|
|
113
113
|
${i(this, _).call(this)}
|
|
114
114
|
</strong>`;
|
|
115
115
|
}), h(this, z, () => {
|
|
116
116
|
const e = this.bodySlot.length > 0;
|
|
117
|
-
return !!(this.body || e) ? b`<p class=${
|
|
117
|
+
return !!(this.body || e) ? b`<p class=${p.spinnerBody}>
|
|
118
118
|
<slot name="body"> ${this.body || d} </slot>
|
|
119
119
|
</p>` : d;
|
|
120
120
|
});
|
|
121
121
|
}
|
|
122
122
|
render() {
|
|
123
123
|
const e = $(
|
|
124
|
-
|
|
124
|
+
p.spinnerWrap,
|
|
125
125
|
C[this.size],
|
|
126
126
|
this.className
|
|
127
|
-
), n = i(this, u).call(this), r = i(this, S).call(this),
|
|
127
|
+
), n = i(this, u).call(this), r = i(this, S).call(this), a = i(this, z).call(this);
|
|
128
128
|
return b`<div class=${e}>
|
|
129
129
|
${n}
|
|
130
|
-
<div class=${
|
|
130
|
+
<div class=${p.spinnerContentWrapper}>${r} ${a}</div>
|
|
131
131
|
</div>`;
|
|
132
132
|
}
|
|
133
133
|
};
|
|
@@ -155,22 +155,22 @@ S = /* @__PURE__ */ new WeakMap();
|
|
|
155
155
|
z = /* @__PURE__ */ new WeakMap();
|
|
156
156
|
t.styles = D(V);
|
|
157
157
|
o([
|
|
158
|
-
|
|
158
|
+
v({ type: String })
|
|
159
159
|
], t.prototype, "size", 2);
|
|
160
160
|
o([
|
|
161
|
-
|
|
161
|
+
v({ type: Number })
|
|
162
162
|
], t.prototype, "value", 2);
|
|
163
163
|
o([
|
|
164
|
-
|
|
164
|
+
v({ type: Boolean })
|
|
165
165
|
], t.prototype, "showPercentage", 2);
|
|
166
166
|
o([
|
|
167
|
-
|
|
167
|
+
v()
|
|
168
168
|
], t.prototype, "heading", 2);
|
|
169
169
|
o([
|
|
170
|
-
|
|
170
|
+
v()
|
|
171
171
|
], t.prototype, "body", 2);
|
|
172
172
|
o([
|
|
173
|
-
|
|
173
|
+
v({ type: String })
|
|
174
174
|
], t.prototype, "theme", 2);
|
|
175
175
|
o([
|
|
176
176
|
B({ slot: "heading" })
|