@brad-frost-web/eddie-web-components 0.33.0 → 0.35.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/cdn/components/badge/badge.js +38 -19
- package/cdn/components/black-friday-modal/black-friday-modal.js +1 -1
- package/cdn/components/button/button.js +1 -1
- package/cdn/components/checkbox-field/checkbox-field.js +30 -30
- package/cdn/components/counter/counter.js +3 -3
- package/cdn/components/dot/dot.js +1 -1
- package/cdn/components/header/header.js +24 -20
- package/cdn/components/icon/icon.js +17 -9
- package/cdn/components/logo/logo.js +3 -3
- package/cdn/components/media-scrubber/media-scrubber.js +16 -16
- package/cdn/components/pagination/pagination.js +17 -17
- package/cdn/components/primary-nav/primary-nav.js +25 -16
- package/cdn/components/primary-nav-item/primary-nav-item.js +17 -17
- package/cdn/components/radio-field/radio-field.js +45 -45
- package/cdn/components/search-form/search-form.js +1 -1
- package/cdn/components/select-field/select-field.js +1 -1
- package/cdn/components/text-field/text-field.js +1 -1
- package/cdn/components/text-link/text-link.js +5 -5
- package/cdn/components/text-passage/text-passage.js +17 -17
- package/cdn/components/textarea-field/textarea-field.js +1 -1
- package/components/badge/badge.d.ts +47 -19
- package/components/badge/badge.d.ts.map +1 -1
- package/components/badge/badge.js +39 -20
- package/components/black-friday-modal/black-friday-modal.js +1 -1
- package/components/button/button.js +5 -5
- package/components/checkbox-field/checkbox-field.js +31 -31
- package/components/counter/counter.js +1 -1
- package/components/dot/dot.js +1 -1
- package/components/header/header.d.ts +12 -2
- package/components/header/header.d.ts.map +1 -1
- package/components/header/header.js +28 -24
- package/components/icon/icon.js +19 -11
- package/components/logo/logo.js +3 -3
- package/components/media-scrubber/media-scrubber.js +5 -5
- package/components/pagination/pagination.js +21 -21
- package/components/primary-nav/primary-nav.d.ts +14 -0
- package/components/primary-nav/primary-nav.d.ts.map +1 -1
- package/components/primary-nav/primary-nav.js +26 -17
- package/components/primary-nav-item/primary-nav-item.js +18 -18
- package/components/radio-field/radio-field.js +48 -48
- package/components/search-form/search-form.js +1 -1
- package/components/select-field/select-field.js +5 -5
- package/components/text-field/text-field.js +1 -1
- package/components/text-link/text-link.js +3 -3
- package/components/text-passage/text-passage.js +18 -18
- package/components/textarea-field/textarea-field.js +1 -1
- package/package.json +8 -3
|
@@ -1,31 +1,50 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as s, A as b, b as l, n as o } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
2
|
import { E as g } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
import "../icon/icon.js";
|
|
4
|
+
const h = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-badge{font-family:var(--ed-theme-typography-label-sm-font-family);font-weight:var(--ed-theme-typography-label-sm-font-weight);font-size:var(--ed-theme-typography-label-sm-font-size);line-height:var(--ed-theme-typography-label-sm-line-height);letter-spacing:var(--ed-theme-typography-label-sm-letter-spacing);text-transform:var(--ed-theme-typography-label-sm-text-transform);display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:var(--ed-theme-border-width-sm) solid var(--ed-theme-color-border-default);border-radius:var(--ed-theme-border-radius-md);background:var(--ed-theme-color-background-subtle);color:var(--ed-theme-color-content-default)}.ed-c-badge__label{white-space:nowrap}ed-icon{--ed-icon-height: .875rem ;--ed-icon-width: .875rem }.ed-c-badge--brand{background:var(--ed-theme-color-background-subtle);border-color:var(--ed-theme-color-border-brand);color:var(--ed-theme-color-content-brand)}.ed-c-badge--info{background:var(--ed-theme-color-background-utility-info);border-color:var(--ed-theme-color-border-utility-info);color:var(--ed-theme-color-content-utility-info)}.ed-c-badge--success{background:var(--ed-theme-color-background-utility-success);border-color:var(--ed-theme-color-border-utility-success);color:var(--ed-theme-color-content-utility-success)}.ed-c-badge--warning{background:var(--ed-theme-color-background-utility-warning);border-color:var(--ed-theme-color-border-utility-warning);color:var(--ed-theme-color-content-utility-warning)}.ed-c-badge--error{background:var(--ed-theme-color-background-utility-error);border-color:var(--ed-theme-color-border-utility-error);color:var(--ed-theme-color-content-utility-error)}.ed-c-badge--solid{border-color:transparent;background:var(--ed-theme-color-background-knockout);color:var(--ed-theme-color-content-knockout)}.ed-c-badge--solid.ed-c-badge--brand{background:var(--ed-theme-color-background-brand-knockout)}.ed-c-badge--solid.ed-c-badge--info{background:var(--ed-theme-color-background-utility-info-knockout)}.ed-c-badge--solid.ed-c-badge--success{background:var(--ed-theme-color-background-utility-success-knockout)}.ed-c-badge--solid.ed-c-badge--warning{background:var(--ed-theme-color-background-utility-warning-knockout)}.ed-c-badge--solid.ed-c-badge--error{background:var(--ed-theme-color-background-utility-error-knockout)}.ed-c-badge--md{font-family:var(--ed-theme-typography-label-default-font-family);font-weight:var(--ed-theme-typography-label-default-font-weight);font-size:var(--ed-theme-typography-label-default-font-size);line-height:var(--ed-theme-typography-label-default-line-height);letter-spacing:var(--ed-theme-typography-label-default-letter-spacing);text-transform:var(--ed-theme-typography-label-default-text-transform);padding:.25rem .75rem}.ed-c-badge--md ed-icon{--ed-icon-height: 1rem ;--ed-icon-width: 1rem }';
|
|
5
|
+
var m = Object.defineProperty, t = (d, a, c, u) => {
|
|
6
|
+
for (var e = void 0, n = d.length - 1, i; n >= 0; n--)
|
|
7
|
+
(i = d[n]) && (e = i(a, c, e) || e);
|
|
8
|
+
return e && m(a, c, e), e;
|
|
8
9
|
};
|
|
9
|
-
class
|
|
10
|
+
class r extends g {
|
|
10
11
|
static get styles() {
|
|
11
|
-
return
|
|
12
|
+
return s(h.toString());
|
|
12
13
|
}
|
|
13
14
|
render() {
|
|
14
|
-
const
|
|
15
|
+
const a = this.componentClassNames("ed-c-badge", {
|
|
16
|
+
"ed-c-badge--brand": this.variant === "brand",
|
|
17
|
+
"ed-c-badge--info": this.variant === "info",
|
|
15
18
|
"ed-c-badge--success": this.variant === "success",
|
|
16
19
|
"ed-c-badge--warning": this.variant === "warning",
|
|
17
|
-
"ed-c-badge--error": this.variant === "error"
|
|
20
|
+
"ed-c-badge--error": this.variant === "error",
|
|
21
|
+
"ed-c-badge--solid": this.appearance === "solid",
|
|
22
|
+
"ed-c-badge--md": this.size === "md"
|
|
18
23
|
});
|
|
19
|
-
return
|
|
24
|
+
return l`
|
|
25
|
+
<div class="${a}">
|
|
26
|
+
${this.iconName ? l`<ed-icon styleModifier="ed-c-badge__icon" aria-hidden="true" name="${this.iconName}"></ed-icon>` : b}
|
|
27
|
+
<span class="ed-c-badge__label"><slot>${this.text}</slot></span>
|
|
28
|
+
</div>
|
|
29
|
+
`;
|
|
20
30
|
}
|
|
21
31
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
],
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
],
|
|
28
|
-
|
|
32
|
+
t([
|
|
33
|
+
o()
|
|
34
|
+
], r.prototype, "text");
|
|
35
|
+
t([
|
|
36
|
+
o()
|
|
37
|
+
], r.prototype, "variant");
|
|
38
|
+
t([
|
|
39
|
+
o()
|
|
40
|
+
], r.prototype, "appearance");
|
|
41
|
+
t([
|
|
42
|
+
o()
|
|
43
|
+
], r.prototype, "size");
|
|
44
|
+
t([
|
|
45
|
+
o()
|
|
46
|
+
], r.prototype, "iconName");
|
|
47
|
+
customElements.get("ed-badge") === void 0 && customElements.define("ed-badge", r);
|
|
29
48
|
export {
|
|
30
|
-
|
|
49
|
+
r as EdBadge
|
|
31
50
|
};
|
|
@@ -174,7 +174,7 @@ class t extends m {
|
|
|
174
174
|
</div>
|
|
175
175
|
<div class="ed-c-black-friday-modal__header-content-text">
|
|
176
176
|
<ed-layout-container>
|
|
177
|
-
<ed-heading id="black-friday-modal-heading" tagName="h2" variant="display-lg" class="ed-u-display-block ed-u-margin-
|
|
177
|
+
<ed-heading id="black-friday-modal-heading" tagName="h2" variant="display-lg" class="ed-u-display-block ed-u-margin-block-end-sm"
|
|
178
178
|
><span class="ed-c-black-friday-modal__header-content-title">${this.heading}</span></ed-heading
|
|
179
179
|
>
|
|
180
180
|
<div class="ed-c-black-friday-modal__header-content-description">${n(this.description)}</div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as s } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
2
2
|
import { r as h, A as i, b as l, c as u, n as r, e as m } from "../../chunks/lit.Drf_LhNi.js";
|
|
3
3
|
import "../icon/icon.js";
|
|
4
|
-
const p = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-u-is-hidden{display:none!important;visibility:hidden!important}.ed-u-is-vishidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}@media all and (min-width:23.4375rem){.ed-u-hide-sm{display:none!important}}@media all and (min-width:48rem){.ed-u-hide-md{display:none!important}}@media all and (min-width:60rem){.ed-u-hide-lg{display:none!important}}@media all and (min-width:75rem){.ed-u-hide-xl{display:none!important}}@media all and (max-width:23.4375rem){.ed-u-show-sm{display:none!important}}@media all and (max-width:48rem){.ed-u-show-md{display:none!important}}@media all and (max-width:60rem){.ed-u-show-lg{display:none!important}}@media all and (max-width:75rem){.ed-u-show-xl{display:none!important}}.ed-c-button{font-family:var(--ed-theme-typography-button-default-font-family);font-weight:var(--ed-theme-typography-button-default-font-weight);font-size:var(--ed-theme-typography-button-default-font-size);line-height:var(--ed-theme-typography-button-default-line-height);letter-spacing:var(--ed-theme-typography-button-default-letter-spacing);text-transform:var(--ed-theme-typography-button-default-text-transform);display:inline-flex;align-items:center;padding:.75rem 1.75rem;margin:0;background:var(--ed-theme-button-color-background-default);border-width:var(--ed-theme-border-width-md);border-style:solid;border-color:var(--ed-theme-button-color-border-default);border-radius:var(--ed-theme-border-radius-md);color:var(--ed-theme-button-color-content-default);cursor:pointer;white-space:nowrap;transition:all var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease)}.ed-c-button:hover,.ed-c-button:focus{color:var(--ed-theme-button-color-content-hover);border-color:var(--ed-theme-button-color-border-hover);background:var(--ed-theme-button-color-background-hover);text-decoration:none}.ed-c-button:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-button:active{background-color:var(--ed-theme-button-color-background-active);border-color:var(--ed-theme-button-color-border-active);color:var(--ed-theme-button-color-content-active)}a.ed-c-button{text-decoration:none}.ed-c-button:disabled{background-color:var(--ed-theme-button-color-background-disabled);border-color:var(--ed-theme-button-color-border-disabled);color:var(--ed-theme-button-color-content-disabled);cursor:not-allowed}.ed-c-button:disabled:hover,.ed-c-button:disabled:focus,.ed-c-button:disabled:active{background-color:var(--ed-theme-button-color-background-disabled);border-color:var(--ed-theme-button-color-border-disabled);color:var(--ed-theme-button-color-content-disabled)}.ed-c-button--primary{background-color:var(--ed-theme-button-primary-color-background-default);border-color:var(--ed-theme-button-primary-color-border-default);color:var(--ed-theme-button-primary-color-content-default)}.ed-c-button--primary:hover,.ed-c-button--primary:focus{background-color:var(--ed-theme-button-primary-color-background-hover);border-color:var(--ed-theme-button-primary-color-border-hover);color:var(--ed-theme-button-primary-color-content-hover)}.ed-c-button--primary:active{background-color:var(--ed-theme-button-primary-color-background-active);border-color:var(--ed-theme-button-primary-color-border-active);color:var(--ed-theme-button-primary-color-content-active)}.ed-c-button--primary:disabled{background-color:var(--ed-theme-button-primary-color-background-disabled);border-color:var(--ed-theme-button-primary-color-border-disabled);color:var(--ed-theme-button-primary-color-content-disabled)}.ed-c-button--primary:disabled:hover,.ed-c-button--primary:disabled:focus,.ed-c-button--primary:disabled:active{background-color:var(--ed-theme-button-primary-color-background-disabled);border-color:var(--ed-theme-button-primary-color-border-disabled);color:var(--ed-theme-button-primary-color-content-disabled)}.ed-c-button--link{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);background-color:transparent;border:none;color:var(--ed-theme-link-color-content-default);padding:0}.ed-c-button--link:hover,.ed-c-button--link:focus{background-color:transparent;border:none;color:var(--ed-theme-link-color-content-hover);text-decoration:underline}.ed-c-button--link:active{background-color:transparent;border:none;color:var(--ed-theme-link-color-content-active)}.ed-c-button--link:visited{color:var(--ed-theme-link-color-content-visited)}.ed-c-button--link:disabled{background-color:transparent;border:none;color:var(--ed-theme-color-content-disabled)}.ed-c-button--link:disabled:hover,.ed-c-button--link:disabled:focus,.ed-c-button--link:disabled:active{background-color:transparent;border:none;color:var(--ed-theme-color-content-disabled)}.ed-c-button--link.ed-c-button--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-button--link.ed-c-button--lg{font-family:var(--ed-theme-typography-body-lg-font-family);font-weight:var(--ed-theme-typography-body-lg-font-weight);font-size:var(--ed-theme-typography-body-lg-font-size);line-height:var(--ed-theme-typography-body-lg-line-height);letter-spacing:var(--ed-theme-typography-body-lg-letter-spacing);text-transform:var(--ed-theme-typography-body-lg-text-transform)}.ed-c-button--bare{padding:0;border:0;background:none;color:var(--ed-theme-color-content-default)}.ed-c-button--bare:hover,.ed-c-button--bare:focus{color:var(--ed-theme-color-content-hover);background:none}.ed-c-button--bare:disabled{color:var(--ed-theme-button-bare-color-content-disabled);background:none;cursor:not-allowed}.ed-c-button--bare:disabled:hover,.ed-c-button--bare:disabled:focus{background:none;color:var(--ed-theme-button-bare-color-content-disabled)}.ed-c-button--inverted:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-knockout);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-button--bare.ed-c-button--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-button--bare.ed-c-button--inverted:hover,.ed-c-button--bare.ed-c-button--inverted:focus{color:var(--ed-theme-color-content-knockout)}.ed-c-button--bare.ed-c-button--inverted:active{color:var(--ed-theme-color-content-knockout)}.ed-c-button--link.ed-c-button--inverted{color:var(--ed-theme-link-
|
|
4
|
+
const p = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-u-is-hidden{display:none!important;visibility:hidden!important}.ed-u-is-vishidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}@media all and (min-width:23.4375rem){.ed-u-hide-sm{display:none!important}}@media all and (min-width:48rem){.ed-u-hide-md{display:none!important}}@media all and (min-width:60rem){.ed-u-hide-lg{display:none!important}}@media all and (min-width:75rem){.ed-u-hide-xl{display:none!important}}@media all and (max-width:23.4375rem){.ed-u-show-sm{display:none!important}}@media all and (max-width:48rem){.ed-u-show-md{display:none!important}}@media all and (max-width:60rem){.ed-u-show-lg{display:none!important}}@media all and (max-width:75rem){.ed-u-show-xl{display:none!important}}.ed-c-button{font-family:var(--ed-theme-typography-button-default-font-family);font-weight:var(--ed-theme-typography-button-default-font-weight);font-size:var(--ed-theme-typography-button-default-font-size);line-height:var(--ed-theme-typography-button-default-line-height);letter-spacing:var(--ed-theme-typography-button-default-letter-spacing);text-transform:var(--ed-theme-typography-button-default-text-transform);display:inline-flex;align-items:center;padding:.75rem 1.75rem;margin:0;background:var(--ed-theme-button-color-background-default);border-width:var(--ed-theme-border-width-md);border-style:solid;border-color:var(--ed-theme-button-color-border-default);border-radius:var(--ed-theme-border-radius-md);color:var(--ed-theme-button-color-content-default);cursor:pointer;white-space:nowrap;transition:all var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease)}.ed-c-button:hover,.ed-c-button:focus{color:var(--ed-theme-button-color-content-hover);border-color:var(--ed-theme-button-color-border-hover);background:var(--ed-theme-button-color-background-hover);text-decoration:none}.ed-c-button:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-button:active{background-color:var(--ed-theme-button-color-background-active);border-color:var(--ed-theme-button-color-border-active);color:var(--ed-theme-button-color-content-active)}a.ed-c-button{text-decoration:none}.ed-c-button:disabled{background-color:var(--ed-theme-button-color-background-disabled);border-color:var(--ed-theme-button-color-border-disabled);color:var(--ed-theme-button-color-content-disabled);cursor:not-allowed}.ed-c-button:disabled:hover,.ed-c-button:disabled:focus,.ed-c-button:disabled:active{background-color:var(--ed-theme-button-color-background-disabled);border-color:var(--ed-theme-button-color-border-disabled);color:var(--ed-theme-button-color-content-disabled)}.ed-c-button--primary{background-color:var(--ed-theme-button-primary-color-background-default);border-color:var(--ed-theme-button-primary-color-border-default);color:var(--ed-theme-button-primary-color-content-default)}.ed-c-button--primary:hover,.ed-c-button--primary:focus{background-color:var(--ed-theme-button-primary-color-background-hover);border-color:var(--ed-theme-button-primary-color-border-hover);color:var(--ed-theme-button-primary-color-content-hover)}.ed-c-button--primary:active{background-color:var(--ed-theme-button-primary-color-background-active);border-color:var(--ed-theme-button-primary-color-border-active);color:var(--ed-theme-button-primary-color-content-active)}.ed-c-button--primary:disabled{background-color:var(--ed-theme-button-primary-color-background-disabled);border-color:var(--ed-theme-button-primary-color-border-disabled);color:var(--ed-theme-button-primary-color-content-disabled)}.ed-c-button--primary:disabled:hover,.ed-c-button--primary:disabled:focus,.ed-c-button--primary:disabled:active{background-color:var(--ed-theme-button-primary-color-background-disabled);border-color:var(--ed-theme-button-primary-color-border-disabled);color:var(--ed-theme-button-primary-color-content-disabled)}.ed-c-button--link{font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);background-color:transparent;border:none;color:var(--ed-theme-link-color-content-default);padding:0}.ed-c-button--link:hover,.ed-c-button--link:focus{background-color:transparent;border:none;color:var(--ed-theme-link-color-content-hover);text-decoration:underline}.ed-c-button--link:active{background-color:transparent;border:none;color:var(--ed-theme-link-color-content-active)}.ed-c-button--link:visited{color:var(--ed-theme-link-color-content-visited)}.ed-c-button--link:disabled{background-color:transparent;border:none;color:var(--ed-theme-color-content-disabled)}.ed-c-button--link:disabled:hover,.ed-c-button--link:disabled:focus,.ed-c-button--link:disabled:active{background-color:transparent;border:none;color:var(--ed-theme-color-content-disabled)}.ed-c-button--link.ed-c-button--sm{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform)}.ed-c-button--link.ed-c-button--lg{font-family:var(--ed-theme-typography-body-lg-font-family);font-weight:var(--ed-theme-typography-body-lg-font-weight);font-size:var(--ed-theme-typography-body-lg-font-size);line-height:var(--ed-theme-typography-body-lg-line-height);letter-spacing:var(--ed-theme-typography-body-lg-letter-spacing);text-transform:var(--ed-theme-typography-body-lg-text-transform)}.ed-c-button--bare{padding:0;border:0;background:none;color:var(--ed-theme-color-content-default)}.ed-c-button--bare:hover,.ed-c-button--bare:focus{color:var(--ed-theme-color-content-hover);background:none}.ed-c-button--bare:disabled{color:var(--ed-theme-button-bare-color-content-disabled);background:none;cursor:not-allowed}.ed-c-button--bare:disabled:hover,.ed-c-button--bare:disabled:focus{background:none;color:var(--ed-theme-button-bare-color-content-disabled)}.ed-c-button--inverted:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-knockout);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-button--bare.ed-c-button--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-button--bare.ed-c-button--inverted:hover,.ed-c-button--bare.ed-c-button--inverted:focus{color:var(--ed-theme-color-content-knockout)}.ed-c-button--bare.ed-c-button--inverted:active{color:var(--ed-theme-color-content-knockout)}.ed-c-button--link.ed-c-button--inverted{color:var(--ed-theme-link-color-content-knockout)}.ed-c-button--link.ed-c-button--inverted:hover,.ed-c-button--link.ed-c-button--inverted:focus{color:var(--ed-theme-link-color-content-knockout-hover)}.ed-c-button--link.ed-c-button--inverted:active{color:var(--ed-theme-link-color-content-knockout-active)}.ed-c-button--link.ed-c-button--inverted:visited{color:var(--ed-theme-link-color-content-knockout-visited)}.ed-c-button--full-width{width:100%;justify-content:center;text-align:center}.ed-c-button--sm{font-family:var(--ed-theme-typography-button-sm-font-family);font-weight:var(--ed-theme-typography-button-sm-font-weight);font-size:var(--ed-theme-typography-button-sm-font-size);line-height:var(--ed-theme-typography-button-sm-line-height);letter-spacing:var(--ed-theme-typography-button-sm-letter-spacing);text-transform:var(--ed-theme-typography-button-sm-text-transform);padding:.5rem 1rem}.ed-c-button--sm.ed-c-button--bare{padding:0}.ed-c-button--lg{font-family:var(--ed-theme-typography-button-lg-font-family);font-weight:var(--ed-theme-typography-button-lg-font-weight);font-size:var(--ed-theme-typography-button-lg-font-size);line-height:var(--ed-theme-typography-button-lg-line-height);letter-spacing:var(--ed-theme-typography-button-lg-letter-spacing);text-transform:var(--ed-theme-typography-button-lg-text-transform)}.ed-c-button--lg.ed-c-button--bare{padding:0}ed-icon{--ed-icon-height: .75rem ;--ed-icon-width: .75rem ;transition:all var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease);transform:var(--ed-button-icon-transform, none)}.ed-c-button--sm ed-icon{--ed-icon-height: .5rem ;--ed-icon-width: .5rem }.ed-c-button--lg ed-icon{--ed-icon-height: .875rem ;--ed-icon-width: .875rem }ed-icon+.ed-c-button__text{margin-inline-start:.5rem}.ed-c-button--sm ed-icon+.ed-c-button__text{margin-inline-start:.25rem}.ed-c-button__text:not(.ed-u-is-vishidden)+ed-icon{margin-inline-start:.5rem}.ed-c-button--sm .ed-c-button__text:not(.ed-u-is-vishidden)+ed-icon{margin-inline-start:.25rem}';
|
|
5
5
|
var v = Object.defineProperty, o = (a, t, n, y) => {
|
|
6
6
|
for (var d = void 0, c = a.length - 1, b; c >= 0; c--)
|
|
7
7
|
(b = a[c]) && (d = b(t, n, d) || d);
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { E as
|
|
2
|
-
import { r as
|
|
1
|
+
import { E as h } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
2
|
+
import { r as c, c as s, b as p, n as t } from "../../chunks/lit.Drf_LhNi.js";
|
|
3
3
|
import "../field-note/field-note.js";
|
|
4
|
-
const
|
|
5
|
-
var
|
|
6
|
-
for (var
|
|
7
|
-
(
|
|
8
|
-
return
|
|
4
|
+
const m = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-u-is-hidden{display:none!important;visibility:hidden!important}.ed-u-is-vishidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}@media all and (min-width:23.4375rem){.ed-u-hide-sm{display:none!important}}@media all and (min-width:48rem){.ed-u-hide-md{display:none!important}}@media all and (min-width:60rem){.ed-u-hide-lg{display:none!important}}@media all and (min-width:75rem){.ed-u-hide-xl{display:none!important}}@media all and (max-width:23.4375rem){.ed-u-show-sm{display:none!important}}@media all and (max-width:48rem){.ed-u-show-md{display:none!important}}@media all and (max-width:60rem){.ed-u-show-lg{display:none!important}}@media all and (max-width:75rem){.ed-u-show-xl{display:none!important}}.ed-c-checkbox-field{border:none;margin:0;padding:0}.ed-c-checkbox-field--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-checkbox-field__legend{font-family:var(--ed-theme-typography-label-default-font-family);font-weight:var(--ed-theme-typography-label-default-font-weight);font-size:var(--ed-theme-typography-label-default-font-size);line-height:var(--ed-theme-typography-label-default-line-height);letter-spacing:var(--ed-theme-typography-label-default-letter-spacing);text-transform:var(--ed-theme-typography-label-default-text-transform);display:block;margin-block-end:.5rem;display:inline-block;margin-block-end:1rem}.ed-c-checkbox-field__list{list-style:none;margin:0;padding:0}';
|
|
5
|
+
var y = Object.defineProperty, i = (a, d, n, f) => {
|
|
6
|
+
for (var o = void 0, l = a.length - 1, r; l >= 0; l--)
|
|
7
|
+
(r = a[l]) && (o = r(d, n, o) || o);
|
|
8
|
+
return o && y(d, n, o), o;
|
|
9
9
|
};
|
|
10
|
-
class e extends
|
|
10
|
+
class e extends h {
|
|
11
11
|
constructor() {
|
|
12
12
|
super(...arguments), this.optionalLabel = "(optional)", this.label = "Label";
|
|
13
13
|
}
|
|
14
14
|
static get styles() {
|
|
15
|
-
return
|
|
15
|
+
return c(m.toString());
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
const
|
|
18
|
+
const d = this.componentClassNames("ed-c-checkbox-field", {
|
|
19
19
|
"ed-c-checkbox-field--inverted": this.inverted === !0
|
|
20
20
|
});
|
|
21
|
-
return
|
|
22
|
-
<fieldset class="${
|
|
21
|
+
return p`
|
|
22
|
+
<fieldset class="${d}">
|
|
23
23
|
<legend
|
|
24
24
|
class=${this.hideLegend ? "ed-c-checkbox-field__legend ed-u-is-vishidden" : "ed-c-checkbox-field__legend"}
|
|
25
25
|
aria-describedby="${this.ariaDescribedBy}"
|
|
@@ -32,10 +32,10 @@ class e extends p {
|
|
|
32
32
|
<slot></slot>
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
|
-
${this.fieldNote &&
|
|
35
|
+
${this.fieldNote && p`<ed-field-note
|
|
36
36
|
?inverted=${this.inverted}
|
|
37
|
-
id=${
|
|
38
|
-
iconName=${
|
|
37
|
+
id=${s(this.ariaDescribedBy)}
|
|
38
|
+
iconName=${s(this.iconName)}
|
|
39
39
|
?isSuccess=${this.isSuccess}
|
|
40
40
|
?isError=${this.isError}
|
|
41
41
|
>
|
|
@@ -45,49 +45,49 @@ class e extends p {
|
|
|
45
45
|
`;
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
|
|
48
|
+
i([
|
|
49
49
|
t({ type: Boolean })
|
|
50
50
|
], e.prototype, "isError");
|
|
51
|
-
|
|
51
|
+
i([
|
|
52
52
|
t({ type: Boolean })
|
|
53
53
|
], e.prototype, "isSuccess");
|
|
54
|
-
|
|
54
|
+
i([
|
|
55
55
|
t({ type: Boolean })
|
|
56
56
|
], e.prototype, "readOnly");
|
|
57
|
-
|
|
57
|
+
i([
|
|
58
58
|
t({ type: Boolean })
|
|
59
59
|
], e.prototype, "disabled");
|
|
60
|
-
|
|
60
|
+
i([
|
|
61
61
|
t()
|
|
62
62
|
], e.prototype, "fieldId");
|
|
63
|
-
|
|
63
|
+
i([
|
|
64
64
|
t()
|
|
65
65
|
], e.prototype, "name");
|
|
66
|
-
|
|
66
|
+
i([
|
|
67
67
|
t({ type: Boolean })
|
|
68
68
|
], e.prototype, "checked");
|
|
69
|
-
|
|
69
|
+
i([
|
|
70
70
|
t()
|
|
71
71
|
], e.prototype, "fieldNote");
|
|
72
|
-
|
|
72
|
+
i([
|
|
73
73
|
t({ type: Boolean })
|
|
74
74
|
], e.prototype, "required");
|
|
75
|
-
|
|
75
|
+
i([
|
|
76
76
|
t({ type: Boolean })
|
|
77
77
|
], e.prototype, "hideLegend");
|
|
78
|
-
|
|
78
|
+
i([
|
|
79
79
|
t()
|
|
80
80
|
], e.prototype, "optionalLabel");
|
|
81
|
-
|
|
81
|
+
i([
|
|
82
82
|
t()
|
|
83
83
|
], e.prototype, "iconName");
|
|
84
|
-
|
|
84
|
+
i([
|
|
85
85
|
t({ type: Boolean })
|
|
86
86
|
], e.prototype, "inverted");
|
|
87
|
-
|
|
87
|
+
i([
|
|
88
88
|
t()
|
|
89
89
|
], e.prototype, "ariaDescribedBy");
|
|
90
|
-
|
|
90
|
+
i([
|
|
91
91
|
t()
|
|
92
92
|
], e.prototype, "label");
|
|
93
93
|
customElements.get("ed-checkbox-field") === void 0 && customElements.define("ed-checkbox-field", e);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { E as h } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
2
|
-
import { r as
|
|
2
|
+
import { r as m, c as a, b as l, n as t } from "../../chunks/lit.Drf_LhNi.js";
|
|
3
3
|
import { n as u } from "../../chunks/index.browser.D527xXcp.js";
|
|
4
4
|
import "../button/button.js";
|
|
5
|
-
const
|
|
5
|
+
const p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-counter__label{font-family:var(--ed-theme-typography-label-default-font-family);font-weight:var(--ed-theme-typography-label-default-font-weight);font-size:var(--ed-theme-typography-label-default-font-size);line-height:var(--ed-theme-typography-label-default-line-height);letter-spacing:var(--ed-theme-typography-label-default-letter-spacing);text-transform:var(--ed-theme-typography-label-default-text-transform);display:block;margin-block-end:.5rem}.ed-c-counter.ed-is-error .ed-c-counter__label{color:var(--ed-theme-color-content-utility-error)}.ed-c-counter.ed-is-success .ed-c-counter__label{color:var(--ed-theme-color-content-utility-success)}.ed-c-counter__body{display:flex;max-width:14rem}.ed-c-counter__input{-webkit-appearance:none;width:100%;border-width:var(--ed-theme-border-width-sm);border-style:solid;border-color:var(--ed-theme-form-color-border-default);border-radius:var(--ed-theme-border-radius-sm);outline:none;padding:.8125rem .5rem;font-family:var(--ed-theme-typography-body-default-font-family);font-weight:var(--ed-theme-typography-body-default-font-weight);font-size:var(--ed-theme-typography-body-default-font-size);line-height:var(--ed-theme-typography-body-default-line-height);letter-spacing:var(--ed-theme-typography-body-default-letter-spacing);text-transform:var(--ed-theme-typography-body-default-text-transform);color:var(--ed-theme-form-color-content-default);background-color:var(--ed-theme-form-color-background-default);transition:border-color var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease),background-color var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease),box-shadow var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease)}.ed-c-counter__input:hover{border-color:var(--ed-theme-color-border-brand);background-color:var(--ed-theme-form-color-background-hover)}.ed-c-counter__input:focus:not(:disabled){border-color:var(--ed-theme-form-color-border-focus)}.ed-c-counter__input:not(:placeholder-shown):focus:not(:disabled){border-color:var(--ed-theme-form-color-border-focus);background-color:var(--ed-theme-form-color-background-hover)}.ed-is-error .ed-c-counter__input:not(:placeholder-shown):focus:not(:disabled){background-color:var(--ed-theme-color-background-utility-error)}.ed-is-success .ed-c-counter__input:not(:placeholder-shown):focus:not(:disabled){background-color:var(--ed-theme-color-background-utility-success)}.ed-c-counter__input:active:not(:disabled){border-color:var(--ed-theme-form-color-border)}.ed-c-counter__input:disabled{background-color:var(--ed-theme-color-background-subtle);border-color:var(--ed-theme-color-border-disabled);color:var(--ed-theme-color-content-disabled);cursor:not-allowed}.ed-c-counter__input:disabled~.ed-c-text-field__label,.ed-c-counter__input:disabled:hover~.ed-c-text-field__label,.ed-c-counter__input:disabled::placeholder{color:var(--ed-theme-color-content-disabled)}.ed-c-counter__input:focus-visible{outline:var(--ed-theme-border-width-lg) solid var(--ed-theme-focus-ring-color-border-default);outline-offset:var(--ed-theme-offset-focus-ring, .25rem )}.ed-c-counter__input::placeholder{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform);color:var(--ed-theme-form-color-content-subtle);transition:color var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease)}.ed-is-error .ed-c-counter__input::placeholder{color:var(--ed-theme-color-content-utility-error)}.ed-is-error .ed-c-counter__input:hover::placeholder{color:var(--ed-theme-color-content-utility-error-hover)}.ed-is-error .ed-c-counter__input{color:var(--ed-theme-color-content-default);border-color:var(--ed-theme-color-border-utility-error);background-color:var(--ed-theme-color-background-utility-error)}.ed-is-error .ed-c-counter__input:hover,.ed-is-error .ed-c-counter__input:focus{background-color:var(--ed-theme-color-background-utility-error)}.ed-is-error .ed-c-counter__input:not(:focus){color:var(--ed-theme-color-content-default)}.ed-is-success .ed-c-counter__input{color:var(--ed-theme-color-content-default);border-color:var(--ed-theme-color-border-utility-success);background-color:var(--ed-theme-color-background-utility-success)}.ed-is-success .ed-c-counter__input:hover,.ed-is-success .ed-c-counter__input:focus{background-color:var(--ed-theme-color-background-utility-success)}.ed-c-counter__input{width:100%;padding:.5rem;text-align:center}.ed-c-counter__input+.ed-c-counter__button{margin-inline-start:.5rem}.ed-c-counter__button+.ed-c-counter__input{margin-inline-start:.5rem}";
|
|
6
6
|
var b = Object.defineProperty, o = (i, r, d, y) => {
|
|
7
7
|
for (var n = void 0, c = i.length - 1, s; c >= 0; c--)
|
|
8
8
|
(s = i[c]) && (n = s(r, d, n) || n);
|
|
@@ -13,7 +13,7 @@ class e extends h {
|
|
|
13
13
|
super(...arguments), this.label = "Label", this.subtractButtonText = "Subtract 1", this.subtractButtonIconName = "minus", this.addButtonText = "Add 1", this.addButtonIconName = "add", this.required = !1, this.type = "text", this.count = 0;
|
|
14
14
|
}
|
|
15
15
|
static get styles() {
|
|
16
|
-
return p
|
|
16
|
+
return m(p.toString());
|
|
17
17
|
}
|
|
18
18
|
/**
|
|
19
19
|
* Increase
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { c as g } from "../../chunks/vendor.DYbj-T5p.js";
|
|
2
2
|
import { r as m, b as d, A as s, n as o } from "../../chunks/lit.Drf_LhNi.js";
|
|
3
3
|
import { E as v } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
4
|
-
const b = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-dot{container-type:inline-size;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:6rem;height:6rem;aspect-ratio:1/1;background:var(--ed-theme-color-background-brand);color:var(--ed-theme-color-content-brand-knockout);border-radius:var(--ed-border-radius-round);text-align:center}.ed-c-dot--xs{width:4rem;height:4rem}.ed-c-dot--sm{width:6rem;height:6rem}.ed-c-dot--md{width:8rem;height:8rem}.ed-c-dot--lg{width:10rem;height:10rem}.ed-c-dot--xl{width:12rem;height:12rem}.ed-c-dot--accent-1{background:var(--ed-theme-color-background-accent-1);color:var(--ed-theme-color-content-on-accent-1)}.ed-c-dot--accent-2{background:var(--ed-theme-color-background-accent-2);color:var(--ed-theme-color-content-on-accent-2)}.ed-c-dot--accent-3{background:var(--ed-theme-color-background-accent-3);color:var(--ed-theme-color-content-on-accent-3)}.ed-c-dot--accent-4{background:var(--ed-theme-color-background-accent-4);color:var(--ed-theme-color-content-on-accent-4)}.ed-c-dot--accent-5{background:var(--ed-theme-color-background-accent-5);color:var(--ed-theme-color-content-on-accent-5)}.ed-c-dot--accent-6{background:var(--ed-theme-color-background-accent-6);color:var(--ed-theme-color-content-on-accent-6)}.ed-c-dot--accent-7{background:var(--ed-theme-color-background-accent-7);color:var(--ed-theme-color-content-on-accent-7)}.ed-c-dot--accent-8{background:var(--ed-theme-color-background-accent-8);color:var(--ed-theme-color-content-on-accent-8)}.ed-c-dot--viz-design{background:var(--ed-theme-color-background-viz-design);color:var(--ed-theme-color-content-on-viz-design)}.ed-c-dot--viz-repo{background:var(--ed-theme-color-background-viz-repo);color:var(--ed-theme-color-content-on-viz-repo)}.ed-c-dot--viz-package{background:var(--ed-theme-color-background-viz-package);color:var(--ed-theme-color-content-on-viz-package)}.ed-c-dot--viz-product{background:var(--ed-theme-color-background-viz-product);color:var(--ed-theme-color-content-on-viz-product)}::slotted(ed-icon){--ed-icon-height: 35cqi;--ed-icon-width: 35cqi}.ed-c-dot--stacked ::slotted(ed-icon){--ed-icon-height: 25cqi;--ed-icon-width: 25cqi}::slotted(svg){width:35cqi;height:35cqi}.ed-c-dot--stacked ::slotted(svg){width:25cqi;height:25cqi}.ed-c-dot__image{display:block;width:40cqi;height:40cqi;object-fit:contain}.ed-c-dot--stacked .ed-c-dot__image{width:30cqi;height:30cqi}.ed-c-dot__full-bleed-image{display:block;width:100%;height:100%;object-fit:cover}.ed-c-dot--full-bleed{padding:0;overflow:hidden}.ed-c-dot__label{font-family:var(--ed-theme-typography-viz-label-font-family);font-weight:var(--ed-theme-typography-viz-label-font-weight);font-size:var(--ed-theme-typography-viz-label-font-size);line-height:var(--ed-theme-typography-viz-label-line-height);letter-spacing:var(--ed-theme-typography-viz-label-letter-spacing);text-transform:var(--ed-theme-typography-viz-label-text-transform);text-align:center;text-wrap:balance;text-overflow:ellipsis;padding:0 .5rem;overflow:hidden}";
|
|
4
|
+
const b = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-dot{container-type:inline-size;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:6rem;height:6rem;aspect-ratio:1/1;background:var(--ed-theme-color-background-brand);color:var(--ed-theme-color-content-brand-knockout);border-radius:var(--ed-theme-border-radius-round);text-align:center}.ed-c-dot--xs{width:4rem;height:4rem}.ed-c-dot--sm{width:6rem;height:6rem}.ed-c-dot--md{width:8rem;height:8rem}.ed-c-dot--lg{width:10rem;height:10rem}.ed-c-dot--xl{width:12rem;height:12rem}.ed-c-dot--accent-1{background:var(--ed-theme-color-background-accent-1);color:var(--ed-theme-color-content-on-accent-1)}.ed-c-dot--accent-2{background:var(--ed-theme-color-background-accent-2);color:var(--ed-theme-color-content-on-accent-2)}.ed-c-dot--accent-3{background:var(--ed-theme-color-background-accent-3);color:var(--ed-theme-color-content-on-accent-3)}.ed-c-dot--accent-4{background:var(--ed-theme-color-background-accent-4);color:var(--ed-theme-color-content-on-accent-4)}.ed-c-dot--accent-5{background:var(--ed-theme-color-background-accent-5);color:var(--ed-theme-color-content-on-accent-5)}.ed-c-dot--accent-6{background:var(--ed-theme-color-background-accent-6);color:var(--ed-theme-color-content-on-accent-6)}.ed-c-dot--accent-7{background:var(--ed-theme-color-background-accent-7);color:var(--ed-theme-color-content-on-accent-7)}.ed-c-dot--accent-8{background:var(--ed-theme-color-background-accent-8);color:var(--ed-theme-color-content-on-accent-8)}.ed-c-dot--viz-design{background:var(--ed-theme-color-background-viz-design);color:var(--ed-theme-color-content-on-viz-design)}.ed-c-dot--viz-repo{background:var(--ed-theme-color-background-viz-repo);color:var(--ed-theme-color-content-on-viz-repo)}.ed-c-dot--viz-package{background:var(--ed-theme-color-background-viz-package);color:var(--ed-theme-color-content-on-viz-package)}.ed-c-dot--viz-product{background:var(--ed-theme-color-background-viz-product);color:var(--ed-theme-color-content-on-viz-product)}::slotted(ed-icon){--ed-icon-height: 35cqi;--ed-icon-width: 35cqi}.ed-c-dot--stacked ::slotted(ed-icon){--ed-icon-height: 25cqi;--ed-icon-width: 25cqi}::slotted(svg){width:35cqi;height:35cqi}.ed-c-dot--stacked ::slotted(svg){width:25cqi;height:25cqi}.ed-c-dot__image{display:block;width:40cqi;height:40cqi;object-fit:contain}.ed-c-dot--stacked .ed-c-dot__image{width:30cqi;height:30cqi}.ed-c-dot__full-bleed-image{display:block;width:100%;height:100%;object-fit:cover}.ed-c-dot--full-bleed{padding:0;overflow:hidden}.ed-c-dot__label{font-family:var(--ed-theme-typography-viz-label-font-family);font-weight:var(--ed-theme-typography-viz-label-font-weight);font-size:var(--ed-theme-typography-viz-label-font-size);line-height:var(--ed-theme-typography-viz-label-line-height);letter-spacing:var(--ed-theme-typography-viz-label-letter-spacing);text-transform:var(--ed-theme-typography-viz-label-text-transform);text-align:center;text-wrap:balance;text-overflow:ellipsis;padding:0 .5rem;overflow:hidden}";
|
|
5
5
|
var p = Object.defineProperty, c = (i, r, a, l) => {
|
|
6
6
|
for (var e = void 0, n = i.length - 1, h; n >= 0; n--)
|
|
7
7
|
(h = i[n]) && (e = h(r, a, e) || e);
|
|
@@ -1,20 +1,21 @@
|
|
|
1
|
-
import { d as
|
|
1
|
+
import { d as s, r as v, b as o, n as h } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
2
|
import { E as m } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
3
|
import "../layout-container/layout-container.js";
|
|
4
|
-
const u = "
|
|
5
|
-
var b = Object.defineProperty,
|
|
6
|
-
for (var e = void 0,
|
|
7
|
-
(
|
|
8
|
-
return e && b(
|
|
4
|
+
const u = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-header{--ed-header-color-content: var(--ed-theme-color-content-knockout);--ed-header-focus-ring-color: var(--ed-theme-focus-ring-color-border-knockout);background:var(--ed-theme-color-background-knockout);color:var(--ed-header-color-content);position:relative;z-index:3}@media all and (min-width:60rem){.ed-c-header--vertical{inline-size:var(--ed-sidebar-width, 18rem);min-block-size:100vh}}.ed-c-header__top{position:relative;inset-block-start:0;width:100%;z-index:3}.ed-c-header__top-inner{width:100%}.ed-c-header__middle{width:100%;display:flex;align-items:center;padding-block:.5rem}@media all and (min-width:60rem){.ed-c-header--vertical .ed-c-header__middle{flex-direction:column;align-items:flex-start;gap:1rem}}.ed-c-header--bare{--ed-header-color-content: var(--ed-theme-color-content-default);--ed-header-focus-ring-color: var(--ed-theme-focus-ring-color-border-default);background:transparent;color:var(--ed-header-color-content)}.ed-c-header--brand{--ed-header-color-content: var(--ed-theme-color-content-knockout);background:var(--ed-theme-color-background-brand);color:var(--ed-header-color-content)}.ed-c-header--brand-knockout{--ed-header-color-content: var(--ed-theme-color-content-knockout);background:var(--ed-theme-color-background-brand-knockout);color:var(--ed-header-color-content)}.ed-c-header--accent-1{--ed-header-color-content: var(--ed-theme-color-content-on-accent-1);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-1);background:var(--ed-theme-color-background-accent-1);color:var(--ed-header-color-content)}.ed-c-header--accent-2{--ed-header-color-content: var(--ed-theme-color-content-on-accent-2);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-2);background:var(--ed-theme-color-background-accent-2);color:var(--ed-header-color-content)}.ed-c-header--accent-3{--ed-header-color-content: var(--ed-theme-color-content-on-accent-3);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-3);background:var(--ed-theme-color-background-accent-3);color:var(--ed-header-color-content)}.ed-c-header--accent-4{--ed-header-color-content: var(--ed-theme-color-content-on-accent-4);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-4);background:var(--ed-theme-color-background-accent-4);color:var(--ed-header-color-content)}.ed-c-header--accent-5{--ed-header-color-content: var(--ed-theme-color-content-on-accent-5);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-5);background:var(--ed-theme-color-background-accent-5);color:var(--ed-header-color-content)}.ed-c-header--accent-6{--ed-header-color-content: var(--ed-theme-color-content-on-accent-6);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-6);background:var(--ed-theme-color-background-accent-6);color:var(--ed-header-color-content)}.ed-c-header--accent-7{--ed-header-color-content: var(--ed-theme-color-content-on-accent-7);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-7);background:var(--ed-theme-color-background-accent-7);color:var(--ed-header-color-content)}.ed-c-header--accent-8{--ed-header-color-content: var(--ed-theme-color-content-on-accent-8);--ed-header-focus-ring-color: var(--ed-theme-color-border-on-accent-8);background:var(--ed-theme-color-background-accent-8);color:var(--ed-header-color-content)}';
|
|
5
|
+
var b = Object.defineProperty, d = (a, c, t, n) => {
|
|
6
|
+
for (var e = void 0, l = a.length - 1, i; l >= 0; l--)
|
|
7
|
+
(i = a[l]) && (e = i(c, t, e) || e);
|
|
8
|
+
return e && b(c, t, e), e;
|
|
9
9
|
};
|
|
10
|
-
class
|
|
10
|
+
class r extends m {
|
|
11
11
|
static get styles() {
|
|
12
12
|
return v(u);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
const
|
|
15
|
+
const c = this.variant ? `ed-c-header--${this.variant}` : "", t = this.componentClassNames("ed-c-header", {
|
|
16
16
|
"ed-is-active": this.isActive === !0,
|
|
17
|
-
|
|
17
|
+
"ed-c-header--vertical": this.orientation === "vertical",
|
|
18
|
+
[c]: !!this.variant
|
|
18
19
|
}), n = o`
|
|
19
20
|
${this.slotNotEmpty("top") && o`<div class="ed-c-header__top">
|
|
20
21
|
<slot name="top"></slot>
|
|
@@ -27,7 +28,7 @@ class t extends m {
|
|
|
27
28
|
</div>`}
|
|
28
29
|
`;
|
|
29
30
|
return o`
|
|
30
|
-
<header role="banner" class="${
|
|
31
|
+
<header role="banner" class="${t}">
|
|
31
32
|
${this.fullWidth ? n : o`<ed-layout-container class="ed-c-header__layout-container">
|
|
32
33
|
${n}
|
|
33
34
|
</ed-layout-container>`}
|
|
@@ -35,16 +36,19 @@ class t extends m {
|
|
|
35
36
|
`;
|
|
36
37
|
}
|
|
37
38
|
}
|
|
38
|
-
|
|
39
|
-
i()
|
|
40
|
-
], t.prototype, "isActive");
|
|
41
|
-
l([
|
|
39
|
+
d([
|
|
42
40
|
s()
|
|
43
|
-
],
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
],
|
|
47
|
-
|
|
41
|
+
], r.prototype, "isActive");
|
|
42
|
+
d([
|
|
43
|
+
h()
|
|
44
|
+
], r.prototype, "variant");
|
|
45
|
+
d([
|
|
46
|
+
h({ type: Boolean })
|
|
47
|
+
], r.prototype, "fullWidth");
|
|
48
|
+
d([
|
|
49
|
+
h()
|
|
50
|
+
], r.prototype, "orientation");
|
|
51
|
+
customElements.get("ed-header") === void 0 && customElements.define("ed-header", r);
|
|
48
52
|
export {
|
|
49
|
-
|
|
53
|
+
r as EdHeader
|
|
50
54
|
};
|