@brad-frost-web/eddie-web-components 0.34.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/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/pagination/pagination.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/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/pagination/pagination.js +21 -21
- 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,12 +1,12 @@
|
|
|
1
|
-
import { r as s, b as
|
|
2
|
-
import { E as
|
|
3
|
-
const g = '@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-text-passage{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)}ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-mobile-font-family);font-weight:var(--ed-theme-typography-headline-lg-mobile-font-weight);font-size:var(--ed-theme-typography-headline-lg-mobile-font-size);line-height:var(--ed-theme-typography-headline-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-font-family);font-weight:var(--ed-theme-typography-headline-lg-font-weight);font-size:var(--ed-theme-typography-headline-lg-font-size);line-height:var(--ed-theme-typography-headline-lg-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-text-transform)}}ed-text-passage h1{margin-block-end:.75rem}ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage h2{margin-block-end:.75rem}ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage h3{margin-block-end:.75rem}ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage h4{margin-block-end:.75rem}ed-text-passage h5{font-family:var(--ed-theme-typography-title-default-font-family);font-weight:var(--ed-theme-typography-title-default-font-weight);font-size:var(--ed-theme-typography-title-default-font-size);line-height:var(--ed-theme-typography-title-default-line-height);letter-spacing:var(--ed-theme-typography-title-default-letter-spacing);text-transform:var(--ed-theme-typography-title-default-text-transform);margin-block-end:.75rem}ed-text-passage h6{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage ul,ed-text-passage ol{margin-block-start:0}ed-text-passage ul{margin-inline-start:1.25rem;padding-inline-start:0}ed-text-passage ol{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage a{color:var(--ed-theme-link-color-content-default);text-decoration:underline}ed-text-passage a:hover{color:var(--ed-theme-link-color-content-hover);background-color:transparent}ed-text-passage a:active{color:var(--ed-theme-link-color-content-active)}ed-text-passage a:visited{color:var(--ed-theme-link-color-content-visited)}ed-text-passage a: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-text-passage p{margin-block-start:0;margin-block-end:1.5rem}ed-text-passage blockquote{font-style:italic;border-inline-start:var(--ed-theme-border-width-lg) solid var(--ed-theme-color-border-brand);padding-inline-start:1rem;margin-inline-start:0;margin-block-end:1rem}ed-text-passage :last-child{margin-block-end:0}ed-text-passage[size=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-text-passage[size=sm] ul{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage[size=sm] ol{margin-inline-start:1rem;padding-inline-start:0}ed-text-passage[size=sm] p{margin-block-end:1rem}ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage[size=sm] h1{margin-block-end:.75rem}ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage[size=sm] h2{margin-block-end:.75rem}ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage[size=sm] h3{margin-block-end:.75rem}ed-text-passage[size=sm] h4{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage[inverted]{color:var(--ed-theme-color-content-knockout)}ed-text-passage[inverted] blockquote{border-inline-start-color:var(--ed-theme-color-border-knockout);color:var(--ed-theme-color-content-knockout)}', p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}";
|
|
4
|
-
var y = Object.defineProperty, l = (
|
|
5
|
-
for (var a = void 0,
|
|
6
|
-
(n =
|
|
1
|
+
import { r as s, b as d, n as h } from "../../chunks/lit.Drf_LhNi.js";
|
|
2
|
+
import { E as m } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
3
|
+
const g = '@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-text-passage{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)}ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-mobile-font-family);font-weight:var(--ed-theme-typography-headline-lg-mobile-font-weight);font-size:var(--ed-theme-typography-headline-lg-mobile-font-size);line-height:var(--ed-theme-typography-headline-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h1{font-family:var(--ed-theme-typography-headline-lg-font-family);font-weight:var(--ed-theme-typography-headline-lg-font-weight);font-size:var(--ed-theme-typography-headline-lg-font-size);line-height:var(--ed-theme-typography-headline-lg-line-height);letter-spacing:var(--ed-theme-typography-headline-lg-letter-spacing);text-transform:var(--ed-theme-typography-headline-lg-text-transform)}}ed-text-passage h1{margin-block-end:.75rem}ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h2{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage h2{margin-block-end:.75rem}ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h3{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage h3{margin-block-end:.75rem}ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage h4{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage h4{margin-block-end:.75rem}ed-text-passage h5{font-family:var(--ed-theme-typography-title-default-font-family);font-weight:var(--ed-theme-typography-title-default-font-weight);font-size:var(--ed-theme-typography-title-default-font-size);line-height:var(--ed-theme-typography-title-default-line-height);letter-spacing:var(--ed-theme-typography-title-default-letter-spacing);text-transform:var(--ed-theme-typography-title-default-text-transform);margin-block-end:.75rem}ed-text-passage h6{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage ul,ed-text-passage ol{margin-block-start:0}ed-text-passage ul{margin-inline-start:1.25rem;padding-inline-start:0}ed-text-passage ol{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage a{color:var(--ed-theme-link-color-content-default);text-decoration:underline}ed-text-passage a:hover{color:var(--ed-theme-link-color-content-hover);background-color:transparent}ed-text-passage a:active{color:var(--ed-theme-link-color-content-active)}ed-text-passage a:visited{color:var(--ed-theme-link-color-content-visited)}ed-text-passage a: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-text-passage p{margin-block-start:0;margin-block-end:1.5rem}ed-text-passage blockquote{font-style:italic;border-inline-start:var(--ed-theme-border-width-lg) solid var(--ed-theme-color-border-brand);padding-inline-start:1rem;margin-inline-start:0;margin-block-end:1rem}ed-text-passage table{width:100%;border-collapse:collapse;margin-block-end:1.5rem}ed-text-passage th{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:.5rem .75rem;text-align:start;border-block-end:var(--ed-theme-border-width-sm) solid var(--ed-theme-color-border-default)}ed-text-passage td{padding:.5rem .75rem;border-block-end:var(--ed-theme-border-width-sm) solid var(--ed-theme-color-border-default)}ed-text-passage :last-child{margin-block-end:0}ed-text-passage[size=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-text-passage[size=sm] ul{margin-inline-start:1.125rem;padding-inline-start:0}ed-text-passage[size=sm] ol{margin-inline-start:1rem;padding-inline-start:0}ed-text-passage[size=sm] p{margin-block-end:1rem}ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-mobile-font-family);font-weight:var(--ed-theme-typography-headline-default-mobile-font-weight);font-size:var(--ed-theme-typography-headline-default-mobile-font-size);line-height:var(--ed-theme-typography-headline-default-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-default-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h1{font-family:var(--ed-theme-typography-headline-default-font-family);font-weight:var(--ed-theme-typography-headline-default-font-weight);font-size:var(--ed-theme-typography-headline-default-font-size);line-height:var(--ed-theme-typography-headline-default-line-height);letter-spacing:var(--ed-theme-typography-headline-default-letter-spacing);text-transform:var(--ed-theme-typography-headline-default-text-transform)}}ed-text-passage[size=sm] h1{margin-block-end:.75rem}ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-mobile-font-family);font-weight:var(--ed-theme-typography-headline-sm-mobile-font-weight);font-size:var(--ed-theme-typography-headline-sm-mobile-font-size);line-height:var(--ed-theme-typography-headline-sm-mobile-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-mobile-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h2{font-family:var(--ed-theme-typography-headline-sm-font-family);font-weight:var(--ed-theme-typography-headline-sm-font-weight);font-size:var(--ed-theme-typography-headline-sm-font-size);line-height:var(--ed-theme-typography-headline-sm-line-height);letter-spacing:var(--ed-theme-typography-headline-sm-letter-spacing);text-transform:var(--ed-theme-typography-headline-sm-text-transform)}}ed-text-passage[size=sm] h2{margin-block-end:.75rem}ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-mobile-font-family);font-weight:var(--ed-theme-typography-title-lg-mobile-font-weight);font-size:var(--ed-theme-typography-title-lg-mobile-font-size);line-height:var(--ed-theme-typography-title-lg-mobile-line-height);letter-spacing:var(--ed-theme-typography-title-lg-mobile-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-mobile-text-transform)}@media all and (min-width:48rem){ed-text-passage[size=sm] h3{font-family:var(--ed-theme-typography-title-lg-font-family);font-weight:var(--ed-theme-typography-title-lg-font-weight);font-size:var(--ed-theme-typography-title-lg-font-size);line-height:var(--ed-theme-typography-title-lg-line-height);letter-spacing:var(--ed-theme-typography-title-lg-letter-spacing);text-transform:var(--ed-theme-typography-title-lg-text-transform)}}ed-text-passage[size=sm] h3{margin-block-end:.75rem}ed-text-passage[size=sm] h4{font-family:var(--ed-theme-typography-title-sm-font-family);font-weight:var(--ed-theme-typography-title-sm-font-weight);font-size:var(--ed-theme-typography-title-sm-font-size);line-height:var(--ed-theme-typography-title-sm-line-height);letter-spacing:var(--ed-theme-typography-title-sm-letter-spacing);text-transform:var(--ed-theme-typography-title-sm-text-transform);margin-block-end:.75rem}ed-text-passage[inverted]{color:var(--ed-theme-color-content-knockout)}ed-text-passage[inverted] a{color:var(--ed-theme-link-color-content-knockout);text-decoration:underline}ed-text-passage[inverted] a:hover{color:var(--ed-theme-link-color-content-knockout-hover);background-color:transparent}ed-text-passage[inverted] a:active{color:var(--ed-theme-link-color-content-knockout-active)}ed-text-passage[inverted] a:visited{color:var(--ed-theme-link-color-content-knockout-visited)}ed-text-passage[inverted] a: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-text-passage[inverted] blockquote{border-inline-start-color:var(--ed-theme-color-border-brand-knockout);color:var(--ed-theme-color-content-knockout)}', p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}";
|
|
4
|
+
var y = Object.defineProperty, l = (i, e, t, f) => {
|
|
5
|
+
for (var a = void 0, o = i.length - 1, n; o >= 0; o--)
|
|
6
|
+
(n = i[o]) && (a = n(e, t, a) || a);
|
|
7
7
|
return a && y(e, t, a), a;
|
|
8
8
|
};
|
|
9
|
-
class
|
|
9
|
+
class r extends m {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments), this.size = void 0;
|
|
12
12
|
}
|
|
@@ -28,13 +28,13 @@ class i extends d {
|
|
|
28
28
|
"ed-c-text-passage--sm": this.size === "sm",
|
|
29
29
|
"ed-c-text-passage--xs": this.size === "xs"
|
|
30
30
|
});
|
|
31
|
-
return this.capLinelength ?
|
|
31
|
+
return this.capLinelength ? d`
|
|
32
32
|
<div class="${e}">
|
|
33
33
|
<ed-linelength-container>
|
|
34
34
|
<slot></slot>
|
|
35
35
|
</ed-linelength-container>
|
|
36
36
|
</div>
|
|
37
|
-
` :
|
|
37
|
+
` : d`
|
|
38
38
|
<div class="${e}">
|
|
39
39
|
<slot></slot>
|
|
40
40
|
</div>
|
|
@@ -42,15 +42,15 @@ class i extends d {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
l([
|
|
45
|
-
|
|
46
|
-
],
|
|
45
|
+
h({ type: Boolean })
|
|
46
|
+
], r.prototype, "inverted");
|
|
47
47
|
l([
|
|
48
|
-
|
|
49
|
-
],
|
|
48
|
+
h()
|
|
49
|
+
], r.prototype, "size");
|
|
50
50
|
l([
|
|
51
|
-
|
|
52
|
-
],
|
|
53
|
-
customElements.get("ed-text-passage") === void 0 && customElements.define("ed-text-passage",
|
|
51
|
+
h({ type: Boolean })
|
|
52
|
+
], r.prototype, "capLinelength");
|
|
53
|
+
customElements.get("ed-text-passage") === void 0 && customElements.define("ed-text-passage", r);
|
|
54
54
|
export {
|
|
55
|
-
|
|
55
|
+
r as EdTextPassage
|
|
56
56
|
};
|
|
@@ -2,7 +2,7 @@ import { a as f } from "../../chunks/ed-base.CuGZbk3k.js";
|
|
|
2
2
|
import { r as u, c as o, b as n, n as r, e as p } from "../../chunks/lit.Drf_LhNi.js";
|
|
3
3
|
import { n as h } from "../../chunks/index.browser.D527xXcp.js";
|
|
4
4
|
import "../field-note/field-note.js";
|
|
5
|
-
const m = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-textarea-field__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-textarea-field--inverted .ed-c-textarea-field__label{color:var(--ed-theme-color-content-knockout)}.ed-c-textarea-field.ed-is-error .ed-c-textarea-field__label{color:var(--ed-theme-color-content-utility-error)}.ed-c-textarea-field.ed-is-success .ed-c-textarea-field__label{color:var(--ed-theme-color-content-utility-success)}.ed-c-textarea-field__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-textarea-field__input:hover{border-color:var(--ed-theme-color-border-brand);background-color:var(--ed-theme-form-color-background-hover)}.ed-c-textarea-field__input:focus:not(:disabled){border-color:var(--ed-theme-form-color-border-focus)}.ed-c-textarea-field__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-textarea-field__input:not(:placeholder-shown):focus:not(:disabled){background-color:var(--ed-theme-color-background-utility-error)}.ed-is-success .ed-c-textarea-field__input:not(:placeholder-shown):focus:not(:disabled){background-color:var(--ed-theme-color-background-utility-success)}.ed-c-textarea-field__input:active:not(:disabled){border-color:var(--ed-theme-form-color-border)}.ed-c-textarea-field__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-textarea-field__input:disabled~.ed-c-text-field__label,.ed-c-textarea-field__input:disabled:hover~.ed-c-text-field__label,.ed-c-textarea-field__input:disabled::placeholder{color:var(--ed-theme-color-content-disabled)}.ed-c-textarea-field__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-textarea-field__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-color-content-subtle);transition:color var(--ed-theme-animation-fade-quick) var(--ed-theme-animation-ease)}.ed-is-error .ed-c-textarea-field__input::placeholder{color:var(--ed-theme-color-content-utility-error)}.ed-is-error .ed-c-textarea-field__input:hover::placeholder{color:var(--ed-theme-color-content-utility-error-hover)}.ed-is-error .ed-c-textarea-field__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-textarea-field__input:hover,.ed-is-error .ed-c-textarea-field__input:focus{background-color:var(--ed-theme-color-background-utility-error)}.ed-is-error .ed-c-textarea-field__input:not(:focus){color:var(--ed-theme-color-content-default)}.ed-is-success .ed-c-textarea-field__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-textarea-field__input:hover,.ed-is-success .ed-c-textarea-field__input:focus{background-color:var(--ed-theme-color-background-utility-success)}.ed-c-textarea-field__input{width:100%;padding:.5rem}.ed-c-textarea-field--inverted .ed-c-textarea-field__input{border-color:var(--ed-theme-color-border-subtle)}";
|
|
5
|
+
const m = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-c-textarea-field__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-textarea-field--inverted .ed-c-textarea-field__label{color:var(--ed-theme-color-content-knockout)}.ed-c-textarea-field.ed-is-error .ed-c-textarea-field__label{color:var(--ed-theme-color-content-utility-error)}.ed-c-textarea-field.ed-is-success .ed-c-textarea-field__label{color:var(--ed-theme-color-content-utility-success)}.ed-c-textarea-field__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-textarea-field__input:hover{border-color:var(--ed-theme-color-border-brand);background-color:var(--ed-theme-form-color-background-hover)}.ed-c-textarea-field__input:focus:not(:disabled){border-color:var(--ed-theme-form-color-border-focus)}.ed-c-textarea-field__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-textarea-field__input:not(:placeholder-shown):focus:not(:disabled){background-color:var(--ed-theme-color-background-utility-error)}.ed-is-success .ed-c-textarea-field__input:not(:placeholder-shown):focus:not(:disabled){background-color:var(--ed-theme-color-background-utility-success)}.ed-c-textarea-field__input:active:not(:disabled){border-color:var(--ed-theme-form-color-border)}.ed-c-textarea-field__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-textarea-field__input:disabled~.ed-c-text-field__label,.ed-c-textarea-field__input:disabled:hover~.ed-c-text-field__label,.ed-c-textarea-field__input:disabled::placeholder{color:var(--ed-theme-color-content-disabled)}.ed-c-textarea-field__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-textarea-field__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-textarea-field__input::placeholder{color:var(--ed-theme-color-content-utility-error)}.ed-is-error .ed-c-textarea-field__input:hover::placeholder{color:var(--ed-theme-color-content-utility-error-hover)}.ed-is-error .ed-c-textarea-field__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-textarea-field__input:hover,.ed-is-error .ed-c-textarea-field__input:focus{background-color:var(--ed-theme-color-background-utility-error)}.ed-is-error .ed-c-textarea-field__input:not(:focus){color:var(--ed-theme-color-content-default)}.ed-is-success .ed-c-textarea-field__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-textarea-field__input:hover,.ed-is-success .ed-c-textarea-field__input:focus{background-color:var(--ed-theme-color-background-utility-success)}.ed-c-textarea-field__input{width:100%;padding:.5rem}.ed-c-textarea-field--inverted .ed-c-textarea-field__input{border-color:var(--ed-theme-color-border-subtle)}";
|
|
6
6
|
var b = Object.defineProperty, t = (i, a, c, y) => {
|
|
7
7
|
for (var d = void 0, l = i.length - 1, s; l >= 0; l--)
|
|
8
8
|
(s = i[l]) && (d = s(a, c, d) || d);
|
|
@@ -177,7 +177,7 @@ class t extends m {
|
|
|
177
177
|
</div>
|
|
178
178
|
<div class="ed-c-black-friday-modal__header-content-text">
|
|
179
179
|
<ed-layout-container>
|
|
180
|
-
<ed-heading id="black-friday-modal-heading" tagName="h2" variant="display-lg" class="ed-u-display-block ed-u-margin-
|
|
180
|
+
<ed-heading id="black-friday-modal-heading" tagName="h2" variant="display-lg" class="ed-u-display-block ed-u-margin-block-end-sm"
|
|
181
181
|
><span class="ed-c-black-friday-modal__header-content-title">${this.heading}</span></ed-heading
|
|
182
182
|
>
|
|
183
183
|
<div class="ed-c-black-friday-modal__header-content-description">${n(this.description)}</div>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { EdFormElement as s } from "../EdFormElement.js";
|
|
2
|
-
import { unsafeCSS as
|
|
3
|
-
import { property as r, query as
|
|
2
|
+
import { unsafeCSS as m, nothing as i, html as c } from "lit";
|
|
3
|
+
import { property as r, query as u } from "lit/decorators.js";
|
|
4
4
|
import { ifDefined as p } from "lit-html/directives/if-defined.js";
|
|
5
5
|
import "../icon/icon.js";
|
|
6
|
-
const v = '@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-
|
|
6
|
+
const v = '@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}';
|
|
7
7
|
var y = Object.defineProperty, o = (b, e, n, f) => {
|
|
8
8
|
for (var d = void 0, a = b.length - 1, h; a >= 0; a--)
|
|
9
9
|
(h = b[a]) && (d = h(e, n, d) || d);
|
|
@@ -14,7 +14,7 @@ const l = class l extends s {
|
|
|
14
14
|
super(...arguments), this.iconPosition = void 0, this.fullWidth = !1, this.round = !1, this.type = "button";
|
|
15
15
|
}
|
|
16
16
|
static get styles() {
|
|
17
|
-
return
|
|
17
|
+
return m(v);
|
|
18
18
|
}
|
|
19
19
|
clickHandler() {
|
|
20
20
|
this.type === "submit" ? this.formSubmit() : this.type === "reset" && this.formReset();
|
|
@@ -111,7 +111,7 @@ o([
|
|
|
111
111
|
r({ type: String })
|
|
112
112
|
], t.prototype, "type");
|
|
113
113
|
o([
|
|
114
|
-
|
|
114
|
+
u("button")
|
|
115
115
|
], t.prototype, "field");
|
|
116
116
|
customElements.get("ed-button") === void 0 && customElements.define("ed-button", t);
|
|
117
117
|
export {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { EdElement as
|
|
2
|
-
import { unsafeCSS as
|
|
1
|
+
import { EdElement as h } from "../EdElement.js";
|
|
2
|
+
import { unsafeCSS as m, html as s } from "lit";
|
|
3
3
|
import { property as t } from "lit/decorators.js";
|
|
4
|
-
import { ifDefined as
|
|
4
|
+
import { ifDefined as p } from "lit-html/directives/if-defined.js";
|
|
5
5
|
import "../field-note/field-note.js";
|
|
6
|
-
const
|
|
7
|
-
var y = Object.defineProperty,
|
|
8
|
-
for (var
|
|
9
|
-
(
|
|
10
|
-
return
|
|
6
|
+
const c = '@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}';
|
|
7
|
+
var y = Object.defineProperty, i = (a, d, n, f) => {
|
|
8
|
+
for (var o = void 0, l = a.length - 1, r; l >= 0; l--)
|
|
9
|
+
(r = a[l]) && (o = r(d, n, o) || o);
|
|
10
|
+
return o && y(d, n, o), o;
|
|
11
11
|
};
|
|
12
|
-
class e extends
|
|
12
|
+
class e extends h {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments), this.optionalLabel = "(optional)", this.label = "Label";
|
|
15
15
|
}
|
|
16
16
|
static get styles() {
|
|
17
|
-
return
|
|
17
|
+
return m(c.toString());
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
const
|
|
20
|
+
const d = this.componentClassNames("ed-c-checkbox-field", {
|
|
21
21
|
"ed-c-checkbox-field--inverted": this.inverted === !0
|
|
22
22
|
});
|
|
23
|
-
return
|
|
24
|
-
<fieldset class="${
|
|
23
|
+
return s`
|
|
24
|
+
<fieldset class="${d}">
|
|
25
25
|
<legend
|
|
26
26
|
class=${this.hideLegend ? "ed-c-checkbox-field__legend ed-u-is-vishidden" : "ed-c-checkbox-field__legend"}
|
|
27
27
|
aria-describedby="${this.ariaDescribedBy}"
|
|
@@ -34,10 +34,10 @@ class e extends p {
|
|
|
34
34
|
<slot></slot>
|
|
35
35
|
</div>
|
|
36
36
|
</div>
|
|
37
|
-
${this.fieldNote &&
|
|
37
|
+
${this.fieldNote && s`<ed-field-note
|
|
38
38
|
?inverted=${this.inverted}
|
|
39
|
-
id=${
|
|
40
|
-
iconName=${
|
|
39
|
+
id=${p(this.ariaDescribedBy)}
|
|
40
|
+
iconName=${p(this.iconName)}
|
|
41
41
|
?isSuccess=${this.isSuccess}
|
|
42
42
|
?isError=${this.isError}
|
|
43
43
|
>
|
|
@@ -47,49 +47,49 @@ class e extends p {
|
|
|
47
47
|
`;
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
|
-
|
|
50
|
+
i([
|
|
51
51
|
t({ type: Boolean })
|
|
52
52
|
], e.prototype, "isError");
|
|
53
|
-
|
|
53
|
+
i([
|
|
54
54
|
t({ type: Boolean })
|
|
55
55
|
], e.prototype, "isSuccess");
|
|
56
|
-
|
|
56
|
+
i([
|
|
57
57
|
t({ type: Boolean })
|
|
58
58
|
], e.prototype, "readOnly");
|
|
59
|
-
|
|
59
|
+
i([
|
|
60
60
|
t({ type: Boolean })
|
|
61
61
|
], e.prototype, "disabled");
|
|
62
|
-
|
|
62
|
+
i([
|
|
63
63
|
t()
|
|
64
64
|
], e.prototype, "fieldId");
|
|
65
|
-
|
|
65
|
+
i([
|
|
66
66
|
t()
|
|
67
67
|
], e.prototype, "name");
|
|
68
|
-
|
|
68
|
+
i([
|
|
69
69
|
t({ type: Boolean })
|
|
70
70
|
], e.prototype, "checked");
|
|
71
|
-
|
|
71
|
+
i([
|
|
72
72
|
t()
|
|
73
73
|
], e.prototype, "fieldNote");
|
|
74
|
-
|
|
74
|
+
i([
|
|
75
75
|
t({ type: Boolean })
|
|
76
76
|
], e.prototype, "required");
|
|
77
|
-
|
|
77
|
+
i([
|
|
78
78
|
t({ type: Boolean })
|
|
79
79
|
], e.prototype, "hideLegend");
|
|
80
|
-
|
|
80
|
+
i([
|
|
81
81
|
t()
|
|
82
82
|
], e.prototype, "optionalLabel");
|
|
83
|
-
|
|
83
|
+
i([
|
|
84
84
|
t()
|
|
85
85
|
], e.prototype, "iconName");
|
|
86
|
-
|
|
86
|
+
i([
|
|
87
87
|
t({ type: Boolean })
|
|
88
88
|
], e.prototype, "inverted");
|
|
89
|
-
|
|
89
|
+
i([
|
|
90
90
|
t()
|
|
91
91
|
], e.prototype, "ariaDescribedBy");
|
|
92
|
-
|
|
92
|
+
i([
|
|
93
93
|
t()
|
|
94
94
|
], e.prototype, "label");
|
|
95
95
|
customElements.get("ed-checkbox-field") === void 0 && customElements.define("ed-checkbox-field", e);
|
|
@@ -4,7 +4,7 @@ import { property as t } from "lit/decorators.js";
|
|
|
4
4
|
import { ifDefined as n } from "lit-html/directives/if-defined.js";
|
|
5
5
|
import { nanoid as u } from "../index.browser.js";
|
|
6
6
|
import "../button/button.js";
|
|
7
|
-
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-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}";
|
|
7
|
+
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}";
|
|
8
8
|
var b = Object.defineProperty, o = (i, r, d, y) => {
|
|
9
9
|
for (var a = void 0, c = i.length - 1, s; c >= 0; c--)
|
|
10
10
|
(s = i[c]) && (a = s(r, d, a) || a);
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { unsafeCSS as
|
|
2
|
-
import { property as
|
|
3
|
-
import { EdElement as
|
|
4
|
-
const h = "
|
|
5
|
-
var y = Object.defineProperty, n = (a,
|
|
6
|
-
for (var t = void 0,
|
|
7
|
-
(p = a[
|
|
8
|
-
return t && y(
|
|
1
|
+
import { unsafeCSS as m, html as s } from "lit";
|
|
2
|
+
import { property as i } from "lit/decorators.js";
|
|
3
|
+
import { EdElement as l } from "../EdElement.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-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-pagination{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);display:flex;align-items:center;justify-content:center;list-style:none;padding:0}';
|
|
5
|
+
var y = Object.defineProperty, n = (a, o, r, c) => {
|
|
6
|
+
for (var t = void 0, d = a.length - 1, p; d >= 0; d--)
|
|
7
|
+
(p = a[d]) && (t = p(o, r, t) || t);
|
|
8
|
+
return t && y(o, r, t), t;
|
|
9
9
|
};
|
|
10
|
-
class e extends
|
|
10
|
+
class e extends l {
|
|
11
11
|
static get styles() {
|
|
12
|
-
return
|
|
12
|
+
return m(h.toString());
|
|
13
13
|
}
|
|
14
14
|
connectedCallback() {
|
|
15
15
|
super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "list");
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
const
|
|
19
|
-
return
|
|
20
|
-
<div class="${
|
|
21
|
-
${this.removePrevButton ? "" :
|
|
18
|
+
const o = this.componentClassNames("ed-c-pagination", {});
|
|
19
|
+
return s`
|
|
20
|
+
<div class="${o}">
|
|
21
|
+
${this.removePrevButton ? "" : s`<ed-pagination-item href="#" ?disabled=${this.disablePrevButton}>
|
|
22
22
|
<span class="ed-u-is-vishidden">${this.prevButtonText}</span>
|
|
23
23
|
<ed-icon class="ed-c-pagination__icon" name="keyboard-arrow-left"></ed-icon>
|
|
24
24
|
</ed-pagination-item>`}
|
|
25
25
|
<slot></slot>
|
|
26
|
-
${this.removeNextButton ? "" :
|
|
26
|
+
${this.removeNextButton ? "" : s`<ed-pagination-item href="#" ?disabled=${this.disableNextButton}>
|
|
27
27
|
<span class="ed-u-is-vishidden">${this.nextButtonText}</span>
|
|
28
28
|
<ed-icon class="ed-c-pagination__icon" name="keyboard-arrow-right"></ed-icon>
|
|
29
29
|
</ed-pagination-item>`}
|
|
@@ -32,22 +32,22 @@ class e extends m {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
n([
|
|
35
|
-
|
|
35
|
+
i()
|
|
36
36
|
], e.prototype, "prevButtonText");
|
|
37
37
|
n([
|
|
38
|
-
|
|
38
|
+
i()
|
|
39
39
|
], e.prototype, "nextButtonText");
|
|
40
40
|
n([
|
|
41
|
-
|
|
41
|
+
i({ type: Boolean })
|
|
42
42
|
], e.prototype, "removePrevButton");
|
|
43
43
|
n([
|
|
44
|
-
|
|
44
|
+
i({ type: Boolean })
|
|
45
45
|
], e.prototype, "removeNextButton");
|
|
46
46
|
n([
|
|
47
|
-
|
|
47
|
+
i({ type: Boolean })
|
|
48
48
|
], e.prototype, "disablePrevButton");
|
|
49
49
|
n([
|
|
50
|
-
|
|
50
|
+
i({ type: Boolean })
|
|
51
51
|
], e.prototype, "disableNextButton");
|
|
52
52
|
customElements.get("ed-pagination") === void 0 && customElements.define("ed-pagination", e);
|
|
53
53
|
export {
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { EdElement as
|
|
2
|
-
import { unsafeCSS as
|
|
3
|
-
import { property as
|
|
4
|
-
import { ifDefined as
|
|
1
|
+
import { EdElement as m } from "../EdElement.js";
|
|
2
|
+
import { unsafeCSS as h, html as p } from "lit";
|
|
3
|
+
import { property as i } from "lit/decorators.js";
|
|
4
|
+
import { ifDefined as l } from "lit-html/directives/if-defined.js";
|
|
5
5
|
import { nanoid as y } from "../index.browser.js";
|
|
6
6
|
import "../field-note/field-note.js";
|
|
7
|
-
const
|
|
8
|
-
var
|
|
9
|
-
for (var
|
|
10
|
-
(
|
|
11
|
-
return
|
|
7
|
+
const c = '@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-radio-field{border:none;margin:0;padding:0}.ed-c-radio-field--inverted{color:var(--ed-theme-color-content-knockout)}.ed-c-radio-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-radio-field__list{list-style:none;margin:0;padding:0}';
|
|
8
|
+
var f = Object.defineProperty, t = (a, o, n, b) => {
|
|
9
|
+
for (var d = void 0, r = a.length - 1, s; r >= 0; r--)
|
|
10
|
+
(s = a[r]) && (d = s(o, n, d) || d);
|
|
11
|
+
return d && f(o, n, d), d;
|
|
12
12
|
};
|
|
13
|
-
class e extends
|
|
13
|
+
class e extends m {
|
|
14
14
|
constructor() {
|
|
15
15
|
super(...arguments), this.optionalLabel = "(optional)", this.label = "Label";
|
|
16
16
|
}
|
|
17
17
|
static get styles() {
|
|
18
|
-
return
|
|
18
|
+
return h(c.toString());
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
21
|
* Autogenerate
|
|
@@ -24,14 +24,14 @@ class e extends c {
|
|
|
24
24
|
super.connectedCallback(), this.fieldNote && (this.ariaDescribedBy = this.ariaDescribedBy || y());
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
const
|
|
27
|
+
const o = this.componentClassNames("ed-c-radio-field", {
|
|
28
28
|
"ed-c-radio-field--inverted": this.inverted === !0
|
|
29
29
|
});
|
|
30
30
|
return p`
|
|
31
|
-
<fieldset class="${
|
|
31
|
+
<fieldset class="${o}">
|
|
32
32
|
<legend
|
|
33
33
|
class=${this.hideLegend ? "ed-c-radio-field__legend ed-u-is-vishidden" : "ed-c-radio-field__legend"}
|
|
34
|
-
aria-describedby="${
|
|
34
|
+
aria-describedby="${l(this.ariaDescribedBy)}"
|
|
35
35
|
>
|
|
36
36
|
${this.label}
|
|
37
37
|
</legend>
|
|
@@ -43,8 +43,8 @@ class e extends c {
|
|
|
43
43
|
</div>
|
|
44
44
|
${this.fieldNote && p`<ed-field-note
|
|
45
45
|
?inverted=${this.inverted}
|
|
46
|
-
id=${
|
|
47
|
-
iconName=${
|
|
46
|
+
id=${l(this.ariaDescribedBy)}
|
|
47
|
+
iconName=${l(this.iconName)}
|
|
48
48
|
?isSuccess=${this.isSuccess}
|
|
49
49
|
?isError=${this.isError}
|
|
50
50
|
>
|
|
@@ -54,53 +54,53 @@ class e extends c {
|
|
|
54
54
|
`;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
t([
|
|
58
|
+
i({ type: Boolean })
|
|
59
59
|
], e.prototype, "isError");
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
t([
|
|
61
|
+
i({ type: Boolean })
|
|
62
62
|
], e.prototype, "isSuccess");
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
t([
|
|
64
|
+
i({ type: Boolean })
|
|
65
65
|
], e.prototype, "readOnly");
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
t([
|
|
67
|
+
i({ type: Boolean })
|
|
68
68
|
], e.prototype, "disabled");
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
t([
|
|
70
|
+
i()
|
|
71
71
|
], e.prototype, "value");
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
t([
|
|
73
|
+
i()
|
|
74
74
|
], e.prototype, "fieldId");
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
t([
|
|
76
|
+
i()
|
|
77
77
|
], e.prototype, "name");
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
t([
|
|
79
|
+
i({ type: Boolean })
|
|
80
80
|
], e.prototype, "checked");
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
t([
|
|
82
|
+
i()
|
|
83
83
|
], e.prototype, "fieldNote");
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
t([
|
|
85
|
+
i({ type: Boolean })
|
|
86
86
|
], e.prototype, "required");
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
t([
|
|
88
|
+
i({ type: Boolean })
|
|
89
89
|
], e.prototype, "hideLegend");
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
t([
|
|
91
|
+
i()
|
|
92
92
|
], e.prototype, "optionalLabel");
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
t([
|
|
94
|
+
i()
|
|
95
95
|
], e.prototype, "iconName");
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
t([
|
|
97
|
+
i({ type: Boolean })
|
|
98
98
|
], e.prototype, "inverted");
|
|
99
|
-
|
|
100
|
-
|
|
99
|
+
t([
|
|
100
|
+
i()
|
|
101
101
|
], e.prototype, "ariaDescribedBy");
|
|
102
|
-
|
|
103
|
-
|
|
102
|
+
t([
|
|
103
|
+
i()
|
|
104
104
|
], e.prototype, "label");
|
|
105
105
|
customElements.get("ed-radio-field") === void 0 && customElements.define("ed-radio-field", e);
|
|
106
106
|
export {
|