@viasat/beam-web-components 2.1.0 → 2.2.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/Avatar/AvatarGroup.js +1 -1
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Link/Link.js +22 -19
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/chunks/dom.Bbze9_v5.js +29 -0
- package/custom-elements.json +4581 -4581
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Link/Link.js +23 -20
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/chunks/dom.Bbze9_v5.js +29 -0
- package/package.json +6 -6
- package/vscode.html-custom-data.json +600 -600
- package/chunks/dom.C98AFbJh.js +0 -22
- package/local/chunks/dom.C98AFbJh.js +0 -22
package/Avatar/AvatarGroup.js
CHANGED
|
@@ -4,7 +4,7 @@ import { property as C } from "lit/decorators.js";
|
|
|
4
4
|
import D from "clsx";
|
|
5
5
|
import { a as F, c as T, b as U, g as G, d as I, e as H, f as g } from "../chunks/Avatar.C2rfzUGP.js";
|
|
6
6
|
import "../chunks/constants.jOWREYQE.js";
|
|
7
|
-
import { c as V, r as R, f as J } from "../chunks/dom.
|
|
7
|
+
import { c as V, r as R, f as J } from "../chunks/dom.Bbze9_v5.js";
|
|
8
8
|
import { c as K } from "../chunks/CSSLookup.BdqZ5Li9.js";
|
|
9
9
|
import { c as Q } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { AvatarGroupCtx as X } from "./AvatarGroup.context.js";
|
|
@@ -4,7 +4,7 @@ import { property as d } from "lit/decorators.js";
|
|
|
4
4
|
import N from "clsx";
|
|
5
5
|
import { g as k } from "../chunks/classNames.Cq_tbDRp.js";
|
|
6
6
|
import { t as $ } from "../chunks/constants.jOWREYQE.js";
|
|
7
|
-
import { f as I } from "../chunks/dom.
|
|
7
|
+
import { f as I } from "../chunks/dom.Bbze9_v5.js";
|
|
8
8
|
import { b as L } from "../chunks/BreadcrumbsItem.4ZR6wbMz.js";
|
|
9
9
|
import { c as O } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { BreadcrumbGroupCtx as T } from "./Breadcrumbs.context.js";
|
package/Link/Link.js
CHANGED
|
@@ -2,52 +2,55 @@ import { unsafeCSS as v, LitElement as y, html as d } from "lit";
|
|
|
2
2
|
import { property as n } from "lit/decorators.js";
|
|
3
3
|
import h from "clsx";
|
|
4
4
|
import { g as f } from "../chunks/classNames.Cq_tbDRp.js";
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
import { g } from "../chunks/dom.Bbze9_v5.js";
|
|
6
|
+
import { c as u } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
7
|
+
const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-link-primary, #00768f );--bm-comp-link-color-primary-hover: var( --bm-utility-color-accent-strong, #005b75 );--bm-comp-link-color-primary-active: var( --bm-utility-color-accent-stronger, #00414d );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #141d24 );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #141d24 )}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-link-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-link-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-link-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-lg-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-link-size-xl-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-link-typo-sm: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-link-typo-md: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-link-typo-lg: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" );--bm-comp-link-typo-xl: var( --bm-sem-typo-body-xl, 400 1.25rem/2rem "Source Sans Pro" );--bm-comp-link-color-primary-enabled: var( --bm-sem-color-link-primary, #43bfd6 );--bm-comp-link-color-primary-hover: var( --bm-utility-color-accent-strong, #b2e7f0 );--bm-comp-link-color-primary-active: var( --bm-utility-color-accent-stronger, #d7f4f9 );--bm-comp-link-color-secondary-enabled: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-hover: var( --bm-sem-color-link-secondary, #ffffff );--bm-comp-link-color-secondary-active: var( --bm-sem-color-link-secondary, #ffffff )}.bm-link{outline:none;width:fit-content;display:inline-flex;align-items:center;border:var(--bm-sem-border-width-focus) solid transparent;margin:calc(var(--bm-sem-border-width-focus) * -1)}.bm-link:hover{text-decoration:underline}.bm-link:focus,.bm-link:focus-visible{outline:none;border-radius:var(--bm-sem-radius-focus-md);border:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-link--disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled);text-decoration:none!important}.bm-link--disabled:focus,.bm-link--disabled:focus-visible{border:var(--bm-sem-border-width-focus) solid transparent}.bm-link--hide-underline{text-decoration:none}.bm-link--sm{font:var(--bm-comp-link-typo-sm);gap:var(--bm-comp-link-space-gap)}.bm-link--sm .bm-link__icon,.bm-link--sm ::slotted([slot=iconBefore]),.bm-link--sm ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-sm-icon);height:var(--bm-comp-link-size-sm-icon)}.bm-link--md{font:var(--bm-comp-link-typo-md);gap:var(--bm-comp-link-space-gap)}.bm-link--md .bm-link__icon,.bm-link--md ::slotted([slot=iconBefore]),.bm-link--md ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-md-icon);height:var(--bm-comp-link-size-md-icon)}.bm-link--lg{font:var(--bm-comp-link-typo-lg);gap:var(--bm-comp-link-space-gap)}.bm-link--lg .bm-link__icon,.bm-link--lg ::slotted([slot=iconBefore]),.bm-link--lg ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-lg-icon);height:var(--bm-comp-link-size-lg-icon)}.bm-link--xl{font:var(--bm-comp-link-typo-xl);gap:var(--bm-comp-link-space-gap)}.bm-link--xl .bm-link__icon,.bm-link--xl ::slotted([slot=iconBefore]),.bm-link--xl ::slotted([slot=iconAfter]){flex-shrink:0;width:var(--bm-comp-link-size-xl-icon);height:var(--bm-comp-link-size-xl-icon)}.bm-link--primary{color:var(--bm-sem-color-link-primary)}.bm-link--primary:not(.bm-link--primary--disabled):hover{color:var(--bm-comp-link-color-primary-hover)}.bm-link--primary:not(.bm-link--primary--disabled):active{color:var(--bm-comp-link-color-primary-active)}.bm-link--secondary{color:var(--bm-sem-color-link-secondary)}.bm-link--secondary:not(.bm-link--secondary--disabled):hover{color:var(--bm-comp-link-color-secondary-hover)}.bm-link--secondary:not(.bm-link--secondary--disabled):active{color:var(--bm-comp-link-color-secondary-active)}.bm-link--body-bold{font-weight:var(--bm-sem-font-weight-body-bold)}';
|
|
8
|
+
var z = Object.defineProperty, S = Object.getOwnPropertyDescriptor, k = (o) => {
|
|
8
9
|
throw TypeError(o);
|
|
9
|
-
}, m = (o, e, r,
|
|
10
|
-
for (var l =
|
|
11
|
-
(p = o[b]) && (l = (
|
|
12
|
-
return
|
|
13
|
-
},
|
|
14
|
-
const { baseClassNamePrefix:
|
|
10
|
+
}, m = (o, e, r, s) => {
|
|
11
|
+
for (var l = s > 1 ? void 0 : s ? S(e, r) : e, b = o.length - 1, p; b >= 0; b--)
|
|
12
|
+
(p = o[b]) && (l = (s ? p(e, r, l) : p(l)) || l);
|
|
13
|
+
return s && l && z(e, r, l), l;
|
|
14
|
+
}, _ = (o, e, r) => e.has(o) || k("Cannot " + r), c = (o, e, r) => (_(o, e, "read from private field"), r ? r.call(o) : e.get(o)), $ = (o, e, r) => e.has(o) ? k("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, r), t;
|
|
15
|
+
const { baseClassNamePrefix: w, classModifierPrefix: a } = f("link");
|
|
15
16
|
let i = class extends y {
|
|
16
17
|
constructor() {
|
|
17
|
-
super(...arguments), this.appearance = "primary", this.bold = !1, this.disabled = !1, this.href = "", this.text = "", this.hideUnderline = !1,
|
|
18
|
+
super(...arguments), this.appearance = "primary", this.bold = !1, this.disabled = !1, this.href = "", this.text = "", this.hideUnderline = !1, $(this, t, (o) => d`<slot name=${o}></slot>`);
|
|
18
19
|
}
|
|
19
20
|
render() {
|
|
20
21
|
const o = h(
|
|
21
|
-
|
|
22
|
+
w,
|
|
22
23
|
this.size && `${a}${this.size}`,
|
|
23
24
|
this.disabled && `${a}disabled`,
|
|
24
25
|
this.appearance && `${a}${this.appearance}`,
|
|
25
26
|
this.hideUnderline && `${a}hide-underline`,
|
|
26
27
|
this.bold && `${a}body-bold`,
|
|
27
28
|
this.className
|
|
28
|
-
);
|
|
29
|
+
), e = this.getAttribute("target") || void 0, r = this.getAttribute("rel") || void 0, s = g(e, r);
|
|
29
30
|
return this.disabled ? d`
|
|
30
31
|
<span aria-disabled=${this.disabled} class=${o} tabindex="-1">
|
|
31
|
-
${c(this,
|
|
32
|
+
${c(this, t).call(this, "iconBefore")}
|
|
32
33
|
<slot>${this.text}</slot>
|
|
33
|
-
${c(this,
|
|
34
|
+
${c(this, t).call(this, "iconAfter")}
|
|
34
35
|
</span>
|
|
35
36
|
` : d`
|
|
36
37
|
<a
|
|
37
38
|
class=${o}
|
|
38
39
|
tabindex="0"
|
|
39
40
|
href=${this.href && this.href}
|
|
41
|
+
target=${e || void 0}
|
|
42
|
+
rel=${s || void 0}
|
|
40
43
|
part="link"
|
|
41
44
|
>
|
|
42
|
-
${c(this,
|
|
45
|
+
${c(this, t).call(this, "iconBefore")}
|
|
43
46
|
<slot>${this.text}</slot>
|
|
44
|
-
${c(this,
|
|
47
|
+
${c(this, t).call(this, "iconAfter")}
|
|
45
48
|
</a>
|
|
46
49
|
`;
|
|
47
50
|
}
|
|
48
51
|
};
|
|
49
|
-
|
|
50
|
-
i.styles = v(
|
|
52
|
+
t = /* @__PURE__ */ new WeakMap();
|
|
53
|
+
i.styles = v(x);
|
|
51
54
|
m([
|
|
52
55
|
n({ type: String })
|
|
53
56
|
], i.prototype, "appearance", 2);
|
|
@@ -70,7 +73,7 @@ m([
|
|
|
70
73
|
n({ type: Boolean })
|
|
71
74
|
], i.prototype, "hideUnderline", 2);
|
|
72
75
|
i = m([
|
|
73
|
-
|
|
76
|
+
u("bm-link")
|
|
74
77
|
], i);
|
|
75
78
|
export {
|
|
76
79
|
i as BmLink
|
|
@@ -4,7 +4,7 @@ import { property as p, state as C, query as y } from "lit/decorators.js";
|
|
|
4
4
|
import b from "clsx";
|
|
5
5
|
import { c as O, g as T } from "../chunks/classNames.Cq_tbDRp.js";
|
|
6
6
|
import { a as E } from "../chunks/constants.jOWREYQE.js";
|
|
7
|
-
import { r as $ } from "../chunks/dom.
|
|
7
|
+
import { r as $ } from "../chunks/dom.Bbze9_v5.js";
|
|
8
8
|
import { s as S } from "../chunks/segmentedControl.module.BPXEWodj.js";
|
|
9
9
|
import { c as A } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { a as I } from "../chunks/helpers.AwJwaZvv.js";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
const i = (n, t) => {
|
|
2
|
+
const e = n, s = e[t];
|
|
3
|
+
if (typeof s == "string" && s.length > 0) return s;
|
|
4
|
+
const r = e.getAttribute(t);
|
|
5
|
+
return r !== null && r !== "" ? r : void 0;
|
|
6
|
+
}, u = (n, t, e) => {
|
|
7
|
+
const s = e == null ? void 0 : e.assignedElements({ flatten: !0 }), r = s ? new Set(s) : void 0;
|
|
8
|
+
let o = n;
|
|
9
|
+
for (; o; ) {
|
|
10
|
+
if (r != null && r.has(o) || o.parentElement === t) return o;
|
|
11
|
+
o = o.parentElement;
|
|
12
|
+
}
|
|
13
|
+
return n;
|
|
14
|
+
}, a = (n, t) => {
|
|
15
|
+
const e = n.compareDocumentPosition(t);
|
|
16
|
+
return e & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : e & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
|
|
17
|
+
}, c = (n, t) => {
|
|
18
|
+
if (n === "_blank") {
|
|
19
|
+
const e = t ? t.split(/\s+/) : [];
|
|
20
|
+
return e.includes("noopener") || e.push("noopener"), e.join(" ");
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
a as c,
|
|
26
|
+
u as f,
|
|
27
|
+
c as g,
|
|
28
|
+
i as r
|
|
29
|
+
};
|