wj-elements 0.1.0 → 0.1.1

package/dist/styles.css

@@ -1 +1 @@
-html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:var(--wje-color-contrast-high);font-family:var(--wje-font-family);font-size:var(--wje-font-size);font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:.625rem 0;font-family:var(--wje-font-family);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:var(--wje-font-size-2x-large);line-height:44px;letter-spacing:-.0141279em}h2{font-size:var(--wje-font-size-x-large);line-height:34px;letter-spacing:-.021em}h3{font-size:var(--wje-font-size-large);line-height:28px;letter-spacing:-.0114923em}h4{font-size:var(--wje-font-size-large);line-height:26px;letter-spacing:-.00865734em}h5{font-size:var(--wje-font-size-medium);line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:.625rem}a{text-shadow:none!important;color:var(--wje-color-primary-dark);transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:var(--wje-color-primary)}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:14px;font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 .625rem;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:.625rem}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:var(--wje-color-contrast-high)}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:var(--wje-color-contrast-high)}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:var(--wje-color-contrast-low)}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:var(--wje-color-contrast-medium);background-color:var(--wje-color-contrast-lower-a);font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:var(--wje-color-complete)}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:.625rem;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:var(--wje-color-contrast-medium);line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:var(--wje-font-family);border-bottom:1px solid #d0d0d0;text-decoration:none;color:var(--wje-color-contrast-high);font-weight:400;font-size:94%}cite{font-family:var(--wje-font-family);font-weight:300;color:var(--wje-color-contrast-medium);text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:var(--wje-font-family);font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:var(--wje-font-family);font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:var(--wje-font-family);font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{text-decoration:none;letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-high)}acronym{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-high)}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;counter-reset:line;background-color:var(--wje-color-contrast-low)er;color:var(--wje-color-contrast-high);margin-inline:0;padding:1rem 1.25rem;border-radius:3px;margin-top:1rem;margin-bottom:1rem}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:var(--wje-font-family);position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:var(--wje-color-contrast-medium)}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,#0000,#000c 75%)}.bg-black{background-color:var(--wje-color-black)!important;color:var(--wje-color-contrast-lowest)}.bg-white{background-color:var(--wje-color-contrast-lowest)!important;color:var(--wje-color-contrast-high)}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.stroke-primary{stroke:var(--wje-color-primary)!important}.stroke-complete{stroke:var(--wje-color-complete)!important}.stroke-success{stroke:var(--wje-color-success)!important}.stroke-info{stroke:var(--wje-color-info)!important}.stroke-warning{stroke:var(--wje-color-warning)!important}.stroke-danger{stroke:var(--wje-color-danger)!important}.fs-x-small{font-size:var(--wje-font-size-x-small)!important;letter-spacing:.0180093em;line-height:15px}.fs-small{font-size:var(--wje-font-size-small)!important;letter-spacing:.00849077em;line-height:18px}.fs{font-size:var(--wje-font-size)!important;letter-spacing:.00177646em;line-height:22px}.fs-medium{font-size:var(--wje-font-size-medium)!important;letter-spacing:-.00295978em;line-height:24px}.fs-large{font-size:var(--wje-font-size-large)!important;letter-spacing:normal;line-height:normal}.fs-x-large{font-size:var(--wje-font-size-x-large)!important;letter-spacing:normal;line-height:normal}.fs-2x-large{font-size:var(--wje-font-size-2x-large)!important;letter-spacing:normal;line-height:normal}.fs-3x-large{font-size:var(--wje-font-size-3x-large)!important;letter-spacing:normal;line-height:normal}.fs-4x-large{font-size:var(--wje-font-size-4x-large)!important;letter-spacing:normal;line-height:normal}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:var(--wje-font-family-secondary)!important}.font-heading,.font-secondary{font-family:var(--wje-font-family-secondary)}.well{background-color:var(--wje-color-contrast-low);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:var(--wje-color-complete);color:var(--wje-color-contrast-lowest);border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width: 1400px){body,p{font-size:var(--wje-font-size-small);line-height:20px}h1{font-size:var(--wje-font-size-2x-large);line-height:44px;letter-spacing:-.08px}h2{font-size:var(--wje-font-size-x-large);line-height:40px}h3{font-size:var(--wje-font-size-large);line-height:35.88px}h4{font-size:var(--wje-font-size-large);line-height:33.88px}h5{font-size:var(--wje-font-size-medium);line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}
+html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:var(--wje-color-contrast-high);font-family:var(--wje-font-family);font-size:var(--wje-font-size);font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:.625rem 0;font-family:var(--wje-font-family);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:var(--wje-font-size-2x-large);line-height:44px;letter-spacing:-.0141279em}h2{font-size:var(--wje-font-size-x-large);line-height:34px;letter-spacing:-.021em}h3{font-size:var(--wje-font-size-large);line-height:28px;letter-spacing:-.0114923em}h4{font-size:var(--wje-font-size-large);line-height:26px;letter-spacing:-.00865734em}h5{font-size:var(--wje-font-size-medium);line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:.625rem}a{text-shadow:none!important;color:var(--wje-color-primary-dark);transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:var(--wje-color-primary)}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:var(--wje-font-size);font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 .625rem;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:.625rem}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:var(--wje-color-contrast-high)}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:var(--wje-color-contrast-high)}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:var(--wje-color-contrast-low)}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:var(--wje-color-contrast-medium);background-color:var(--wje-color-contrast-lower-a);font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:var(--wje-color-complete)}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:.625rem;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:var(--wje-color-contrast-medium);line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:var(--wje-font-family);border-bottom:1px solid #d0d0d0;text-decoration:none;color:var(--wje-color-contrast-high);font-weight:400;font-size:94%}cite{font-family:var(--wje-font-family);font-weight:300;color:var(--wje-color-contrast-medium);text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:var(--wje-font-family);font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:var(--wje-font-family);font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:var(--wje-font-family);font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{text-decoration:none;letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-high)}acronym{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-high)}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;counter-reset:line;background-color:var(--wje-color-contrast-low)er;color:var(--wje-color-contrast-high);margin-inline:0;padding:1rem 1.25rem;border-radius:3px;margin-top:1rem;margin-bottom:1rem}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:var(--wje-font-family);position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:var(--wje-color-contrast-medium)}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,#0000,#000c 75%)}.bg-black{background-color:var(--wje-color-black)!important;color:var(--wje-color-contrast-lowest)}.bg-white{background-color:var(--wje-color-contrast-lowest)!important;color:var(--wje-color-contrast-high)}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.stroke-primary{stroke:var(--wje-color-primary)!important}.stroke-complete{stroke:var(--wje-color-complete)!important}.stroke-success{stroke:var(--wje-color-success)!important}.stroke-info{stroke:var(--wje-color-info)!important}.stroke-warning{stroke:var(--wje-color-warning)!important}.stroke-danger{stroke:var(--wje-color-danger)!important}.fs-x-small{font-size:var(--wje-font-size-x-small)!important;letter-spacing:.0180093em;line-height:15px}.fs-small{font-size:var(--wje-font-size-small)!important;letter-spacing:.00849077em;line-height:18px}.fs{font-size:var(--wje-font-size)!important;letter-spacing:.00177646em;line-height:22px}.fs-medium{font-size:var(--wje-font-size-medium)!important;letter-spacing:-.00295978em;line-height:24px}.fs-large{font-size:var(--wje-font-size-large)!important;letter-spacing:normal;line-height:normal}.fs-x-large{font-size:var(--wje-font-size-x-large)!important;letter-spacing:normal;line-height:normal}.fs-2x-large{font-size:var(--wje-font-size-2x-large)!important;letter-spacing:normal;line-height:normal}.fs-3x-large{font-size:var(--wje-font-size-3x-large)!important;letter-spacing:normal;line-height:normal}.fs-4x-large{font-size:var(--wje-font-size-4x-large)!important;letter-spacing:normal;line-height:normal}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:var(--wje-font-family-secondary)!important}.font-heading,.font-secondary{font-family:var(--wje-font-family-secondary)}.well{background-color:var(--wje-color-contrast-low);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:var(--wje-color-complete);color:var(--wje-color-contrast-lowest);border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width: 1024px){body,p{font-size:var(--wje-font-size-small);line-height:20px}h1{font-size:var(--wje-font-size-2x-large);line-height:44px;letter-spacing:-.08px}h2{font-size:var(--wje-font-size-x-large);line-height:40px}h3{font-size:var(--wje-font-size-large);line-height:35.88px}h4{font-size:var(--wje-font-size-large);line-height:33.88px}h5{font-size:var(--wje-font-size-medium);line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}

package/dist/wje-accordion-item.js

@@ -0,0 +1,88 @@
+var j = Object.defineProperty;
+var v = (e, o, r) => o in e ? j(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
+var n = (e, o, r) => (v(e, typeof o != "symbol" ? o + "" : o, r), r);
+import p, { event as s } from "./wje-element.js";
+const h = ":host([color=primary]){--wje-accordion-background: var(--wje-color-primary-1);--wje-accordion-border: var(--wje-color-primary-1);--wje-accordion-background-hover: var(--wje-color-primary-2);--wje-accordion-border-hover: var(--wje-color-primary-2);--wje-accordion-background-expanded: transparent;--wje-accordion-border-expanded: var(--wje-color-primary-3);--wje-accordion-headline-color: var(--wje-color-contrast-11) !important;--wje-accordion-content-color: var(--wje-color-contrast-6)}:host([color=complete]){--wje-accordion-background: var(--wje-color-complete-1);--wje-accordion-border: var(--wje-color-complete-1);--wje-accordion-background-hover: var(--wje-color-complete-2);--wje-accordion-border-hover: var(--wje-color-complete-2);--wje-accordion-background-expanded: transparent;--wje-accordion-border-expanded: var(--wje-color-complete-3);--wje-accordion-headline-color: var(--wje-color-contrast-11) !important;--wje-accordion-content-color: var(--wje-color-contrast-6)}:host([color=success]){--wje-accordion-background: var(--wje-color-success-1);--wje-accordion-border: var(--wje-color-success-1);--wje-accordion-background-hover: var(--wje-color-success-2);--wje-accordion-border-hover: var(--wje-color-success-2);--wje-accordion-background-expanded: transparent;--wje-accordion-border-expanded: var(--wje-color-success-3);--wje-accordion-headline-color: var(--wje-color-contrast-11) !important;--wje-accordion-content-color: var(--wje-color-contrast-6)}:host([color=danger]){--wje-accordion-background: var(--wje-color-danger-1);--wje-accordion-border: var(--wje-color-danger-1);--wje-accordion-background-hover: var(--wje-color-danger-2);--wje-accordion-border-hover: var(--wje-color-danger-2);--wje-accordion-background-expanded: transparent;--wje-accordion-border-expanded: var(--wje-color-danger-3);--wje-accordion-headline-color: var(--wje-color-contrast-11) !important;--wje-accordion-content-color: var(--wje-color-contrast-6)}:host([color=warning]){--wje-accordion-background: var(--wje-color-warning-1);--wje-accordion-border: var(--wje-color-warning-1);--wje-accordion-background-hover: var(--wje-color-warning-2);--wje-accordion-border-hover: var(--wje-color-warning-2);--wje-accordion-background-expanded: transparent;--wje-accordion-border-expanded: var(--wje-color-warning-3);--wje-accordion-headline-color: var(--wje-color-contrast-11) !important;--wje-accordion-content-color: var(--wje-color-contrast-6)}:host([color=info]){--wje-accordion-background: var(--wje-color-info-1);--wje-accordion-border: var(--wje-color-info-1);--wje-accordion-background-hover: var(--wje-color-info-2);--wje-accordion-border-hover: var(--wje-color-info-2);--wje-accordion-background-expanded: transparent;--wje-accordion-border-expanded: var(--wje-color-info-3);--wje-accordion-headline-color: var(--wje-color-contrast-11) !important;--wje-accordion-content-color: var(--wje-color-contrast-6)}:host{display:block;margin-bottom:.5rem}.native-accordion-item{display:block;background-color:var(--wje-accordion-background);border-radius:var(--wje-border-radius-small);border-width:1px;border-style:solid;border-color:var(--wje-accordion-border);transition:background-color .2s ease-in-out}.native-accordion-item:hover{background-color:var(--wje-accordion-background-hover);border-color:var(--wje-accordion-border-hover)}:host(.expanded) .native-accordion-item{background-color:var(--wje-accordion-background-expanded);border-color:var(--wje-accordion-border-expanded)}#headline{display:block}#headline::slotted(span){display:block;text-transform:uppercase;font-size:var(--wje-font-size)!important;color:var(--wje-accordion-headline-color);line-height:normal!important;margin:0!important;padding:.75rem}#content{display:block;color:var(--wje-accordion-content-color);overflow:hidden;max-height:0;transition:max-height .2s ease-in-out}#content slot{display:block;margin:0 .75rem .75rem}:host(.expanded) #content{max-height:100vh}";
+class w extends p {
+  /**
+   * Constructor for the AccordionItem class.
+   */
+  constructor() {
+    super();
+    /**
+     * The class name for the Accordion Item element.
+     * @type {string}
+     */
+    n(this, "className", "AccordionItem");
+    // afterDraw(context, store, params) {
+    //     this.summary.style.setProperty("--wje-accordion-marker", `url(${svgIcon})`);
+    //     this.summary.style.setProperty("--wje-accordion-marker-rotate", '180deg');
+    //
+    //     this.native.addEventListener("toggle", (e) => {
+    //         e.stopPropagation();
+    //         if (this.native.open) {
+    //             event.dispatchCustomEvent(this, "wje-accordion-item:open");
+    //         } else {
+    //             event.dispatchCustomEvent(this, "wje-accordion-item:close");
+    //         }
+    //     });
+    // }
+    n(this, "collapse", () => {
+      this.classList.remove("expanded"), this.classList.add("collapsed");
+    });
+    n(this, "expand", () => {
+      this.classList.remove("collapsed"), this.classList.add("expanded");
+    });
+  }
+  /**
+   * Getter for the CSS stylesheet.
+   * @return {Object} The styles for the Accordion Item element.
+   */
+  static get cssStyleSheet() {
+    return h;
+  }
+  /**
+   * Getter for the observed attributes.
+   * @return {Array} An array containing the name of the observed attribute.
+   */
+  static get observedAttributes() {
+    return [];
+  }
+  /**
+   * Method to setup attributes for the Accordion Item element.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Method to draw the Accordion Item element.
+   * @param {Object} context - The context in which the element is drawn.
+   * @param {Object} store - The store containing the state of the element.
+   * @param {Object} params - The parameters for drawing the element.
+   * @return {Object} The document fragment containing the drawn element.
+   */
+  draw(r, b, m) {
+    let i = document.createDocumentFragment(), c = document.createElement("div");
+    c.setAttribute("part", "native"), c.classList.add("native-accordion-item");
+    let a = document.createElement("slot");
+    a.setAttribute("name", "headline"), a.setAttribute("id", "headline");
+    let t = document.createElement("slot");
+    t.setAttribute("name", "toggle"), t.setAttribute("id", "toggle");
+    let d = document.createElement("div");
+    d.setAttribute("id", "content");
+    let l = document.createElement("slot");
+    return l.setAttribute("name", "content"), d.appendChild(l), c.appendChild(a), c.appendChild(d), i.appendChild(c), this.headline = a, this.toggle = t, i;
+  }
+  /**
+   * Method to execute after the Accordion Item element is drawn.
+   */
+  afterDraw() {
+    this.classList.contains("expanded") || this.classList.add("collapsed"), this.headline.addEventListener("click", () => {
+      this.classList.contains("collapsed") ? (this.collapse(), s.dispatchCustomEvent(this, "wje-accordion-item:open")) : (this.expand(), s.dispatchCustomEvent(this, "wje-accordion-item:close"));
+    });
+  }
+}
+w.define("wje-accordion-item", w);
+export {
+  w as default
+};

package/dist/wje-accordion.js

@@ -0,0 +1,79 @@
+var n = Object.defineProperty;
+var a = (s, e, t) => e in s ? n(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var l = (s, e, t) => (a(s, typeof e != "symbol" ? e + "" : e, t), t);
+import d from "./wje-element.js";
+const u = ":host{display:block;width:100%}";
+class c extends d {
+  /**
+   * Constructor for the Accordion class.
+   */
+  constructor() {
+    super();
+    /**
+     * The class name for the Accordion element.
+     * @type {string}
+     */
+    l(this, "className", "Accordion");
+  }
+  set multiple(t) {
+    this.setAttribute("multiple", "");
+  }
+  get multiple() {
+    return this.hasAttribute("multiple");
+  }
+  /**
+   * Getter for the CSS stylesheet.
+   * @return {Object} The styles for the Accordion element.
+   */
+  static get cssStyleSheet() {
+    return u;
+  }
+  /**
+   * Getter for the observed attributes.
+   * @return {Array} An array containing the name of the observed attribute.
+   */
+  static get observedAttributes() {
+    return [];
+  }
+  /**
+   * Method to setup attributes for the Accordion element.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  beforeDraw() {
+    console.log("beforeDraw", this.getAccordions()), this.getAccordions().forEach((t, o) => {
+      console.log(t, o, +this.getAttribute("index")), this.hasAttribute("index") && +this.getAttribute("index") === o && (console.log("index", +this.getAttribute("index") + " !== " + o), t.classList.add("expanded"));
+    });
+  }
+  /**
+   * Method to draw the Accordion element.
+   * @param {Object} context - The context in which the element is drawn.
+   * @param {Object} store - The store containing the state of the element.
+   * @param {Object} params - The parameters for drawing the element.
+   * @return {Object} The document fragment containing the drawn element.
+   */
+  draw(t, o, h) {
+    let i = document.createDocumentFragment(), r = document.createElement("slot");
+    return i.appendChild(r), this.slotEl = r, i;
+  }
+  afterDraw() {
+    this.addEventListener("wje-accordion-item:close", (t) => {
+      console.log("wje-accordion-item:close", t.detail);
+    }), this.addEventListener("wje-accordion-item:open", (t) => {
+      console.log("wje-accordion-item:open", t.detail), this.multiple || this.collapseAll(t.detail.context);
+    });
+  }
+  collapseAll(t) {
+    this.getAccordions().forEach((o) => {
+      o !== t && o.collapse();
+    });
+  }
+  getAccordions() {
+    return Array.from(this.querySelectorAll(":scope > wje-accordion-item"));
+  }
+}
+c.define("wje-accordion", c);
+export {
+  c as default
+};

package/dist/wje-animation.js

@@ -1,10 +1,9 @@
 var f = Object.defineProperty;
-var d = (e, a, t) => a in e ? f(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
-var s = (e, a, t) => (d(e, typeof a != "symbol" ? a + "" : a, t), t);
+var l = (e, a, t) => a in e ? f(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
+var s = (e, a, t) => (l(e, typeof a != "symbol" ? a + "" : a, t), t);
 import c from "./wje-element.js";
-import { fetchAndParseCSS as l } from "./wje-fetchAndParseCSS.js";
-import { s as b } from "./styles-4vJ2wdTZ.js";
-const k = `@charset "UTF-8";/*!
+import { fetchAndParseCSS as d } from "./wje-fetchAndParseCSS.js";
+const p = 'html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:var(--wje-color-contrast-high);font-family:var(--wje-font-family);font-size:var(--wje-font-size);font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:.625rem 0;font-family:var(--wje-font-family);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:var(--wje-font-size-2x-large);line-height:44px;letter-spacing:-.0141279em}h2{font-size:var(--wje-font-size-x-large);line-height:34px;letter-spacing:-.021em}h3{font-size:var(--wje-font-size-large);line-height:28px;letter-spacing:-.0114923em}h4{font-size:var(--wje-font-size-large);line-height:26px;letter-spacing:-.00865734em}h5{font-size:var(--wje-font-size-medium);line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:.625rem}a{text-shadow:none!important;color:var(--wje-color-primary-dark);transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:var(--wje-color-primary)}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:var(--wje-font-size);font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 .625rem;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:.625rem}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:var(--wje-color-contrast-high)}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:var(--wje-color-contrast-high)}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:var(--wje-color-contrast-low)}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:var(--wje-color-contrast-medium);background-color:var(--wje-color-contrast-lower-a);font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:var(--wje-color-complete)}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:.625rem;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:var(--wje-color-contrast-medium);line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:var(--wje-font-family);border-bottom:1px solid #d0d0d0;text-decoration:none;color:var(--wje-color-contrast-high);font-weight:400;font-size:94%}cite{font-family:var(--wje-font-family);font-weight:300;color:var(--wje-color-contrast-medium);text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:var(--wje-font-family);font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:var(--wje-font-family);font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:var(--wje-font-family);font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{text-decoration:none;letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-high)}acronym{text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;color:var(--wje-color-contrast-high)}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;counter-reset:line;background-color:var(--wje-color-contrast-low)er;color:var(--wje-color-contrast-high);margin-inline:0;padding:1rem 1.25rem;border-radius:3px;margin-top:1rem;margin-bottom:1rem}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:var(--wje-font-family);position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:var(--wje-color-contrast-medium)}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,#0000,#000c 75%)}.bg-black{background-color:var(--wje-color-black)!important;color:var(--wje-color-contrast-lowest)}.bg-white{background-color:var(--wje-color-contrast-lowest)!important;color:var(--wje-color-contrast-high)}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.stroke-primary{stroke:var(--wje-color-primary)!important}.stroke-complete{stroke:var(--wje-color-complete)!important}.stroke-success{stroke:var(--wje-color-success)!important}.stroke-info{stroke:var(--wje-color-info)!important}.stroke-warning{stroke:var(--wje-color-warning)!important}.stroke-danger{stroke:var(--wje-color-danger)!important}.fs-x-small{font-size:var(--wje-font-size-x-small)!important;letter-spacing:.0180093em;line-height:15px}.fs-small{font-size:var(--wje-font-size-small)!important;letter-spacing:.00849077em;line-height:18px}.fs{font-size:var(--wje-font-size)!important;letter-spacing:.00177646em;line-height:22px}.fs-medium{font-size:var(--wje-font-size-medium)!important;letter-spacing:-.00295978em;line-height:24px}.fs-large{font-size:var(--wje-font-size-large)!important;letter-spacing:normal;line-height:normal}.fs-x-large{font-size:var(--wje-font-size-x-large)!important;letter-spacing:normal;line-height:normal}.fs-2x-large{font-size:var(--wje-font-size-2x-large)!important;letter-spacing:normal;line-height:normal}.fs-3x-large{font-size:var(--wje-font-size-3x-large)!important;letter-spacing:normal;line-height:normal}.fs-4x-large{font-size:var(--wje-font-size-4x-large)!important;letter-spacing:normal;line-height:normal}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:var(--wje-font-family-secondary)!important}.font-heading,.font-secondary{font-family:var(--wje-font-family-secondary)}.well{background-color:var(--wje-color-contrast-low);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:var(--wje-color-complete);color:var(--wje-color-contrast-lowest);border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media (max-width: 1024px){body,p{font-size:var(--wje-font-size-small);line-height:20px}h1{font-size:var(--wje-font-size-2x-large);line-height:44px;letter-spacing:-.08px}h2{font-size:var(--wje-font-size-x-large);line-height:40px}h3{font-size:var(--wje-font-size-large);line-height:35.88px}h4{font-size:var(--wje-font-size-large);line-height:33.88px}h5{font-size:var(--wje-font-size-medium);line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}', b = `@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
@@ -43,7 +42,7 @@ class m extends c {
    * @return {Object} The styles for the Animation element.
    */
   static get cssStyleSheet() {
-    return b;
+    return p;
   }
   /**
    * Getter for the observed attributes.
@@ -65,9 +64,9 @@ class m extends c {
    * @param {Object} params - The parameters for drawing the element.
    * @return {Object} The document fragment containing the drawn element.
    */
-  draw(t, n, i) {
-    let r = document.createDocumentFragment(), o = document.createElement("slot");
-    return r.appendChild(o), this.slotEl = o, r;
+  draw(t, n, r) {
+    let i = document.createDocumentFragment(), o = document.createElement("slot");
+    return i.appendChild(o), this.slotEl = o, i;
   }
   /**
    * Method to perform actions after the Animation element is drawn.
@@ -78,7 +77,7 @@ class m extends c {
     this.destroyAnimation();
     const t = this.slotEl.assignedElements()[0];
     this.animations = await this.getAnimationsArray();
-    const n = this.animations.find((i) => i.name === this.name);
+    const n = this.animations.find((r) => r.name === this.name);
     this.animation = t == null ? void 0 : t.animate(n.keyframes, {
       delay: +this.delay || 0,
       endDelay: +this.endDelay || 0,
@@ -95,7 +94,7 @@ class m extends c {
    * @return {Array} The animations array.
    */
   async getAnimationsArray() {
-    return l(k);
+    return d(b);
   }
   /**
    * Method to destroy the current animation.

package/dist/wje-avatar.js

@@ -1,19 +1,19 @@
-var c = Object.defineProperty;
-var m = (a, e, t) => e in a ? c(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var o = (a, e, t) => (m(a, typeof e != "symbol" ? e + "" : e, t), t);
-import u from "./wje-element.js";
-import { s as d } from "./styles-4vJ2wdTZ.js";
-function p(a, e = 30, t = 80) {
-  let i = a, n = 0;
-  for (let s = 0; s < (i == null ? void 0 : i.length); s++)
-    n = i.charCodeAt(s) + ((n << 5) - n);
-  return "hsl(" + n % 360 + ", " + e + "%, " + t + "%)";
+var w = Object.defineProperty;
+var u = (a, e, t) => e in a ? w(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var v = (a, e, t) => (u(a, typeof e != "symbol" ? e + "" : e, t), t);
+import p from "./wje-element.js";
+function j(a, e = 30, t = 80) {
+  let o = a, s = 0;
+  for (let i = 0; i < (o == null ? void 0 : o.length); i++)
+    s = o.charCodeAt(i) + ((s << 5) - s);
+  return "hsl(" + s % 360 + ", " + e + "%, " + t + "%)";
 }
-function g(a, e = 2) {
-  let t = a.split(" "), i = t[0].substring(0, 1).toUpperCase();
-  return t.length > 1 && e > 1 && (i += t[t.length - 1].substring(0, 1).toUpperCase()), i;
+function b(a, e = 2) {
+  let t = a.split(" "), o = t[0].substring(0, 1).toUpperCase();
+  return t.length > 1 && e > 1 && (o += t[t.length - 1].substring(0, 1).toUpperCase()), o;
 }
-class h extends u {
+const g = ":host{--wje-avatar-width: 32px;--wje-avatar-height: 32px;--wje-avatar-font-size: .75rem;--wje-avatar-font-weight: 400;--wje-avatar-color: inherit;--wje-avatar-background-color: var(--wje-color-contrast-low);--wje-avatar-border-radius: 50%;--wje-avatar-border-color: transparent;--wje-avatar-border-width: 1px;--wje-avatar-border-style: solid;display:inline-block;width:var(--wje-avatar-width);height:var(--wje-avatar-height);font-size:var(--wje-avatar-font-size);font-weight:var(--wje-avatar-font-weight);color:var(--wje-avatar-color)}:host .native-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--wje-avatar-border-radius);background-color:var(--wje-avatar-background-color)}::slotted([slot=status]){display:flex;position:absolute;bottom:-4px;right:-4px}::slotted(wje-img),::slotted(img){border-radius:var(--wje-avatar-border-radius);width:100%;height:100%;object-fit:cover;overflow:hidden}:host(.wje-avatar-border){border-color:var(--wje-avatar-border-color);border-width:var(--wje-avatar-border-width);border-style:var(--wje-avatar-border-style)}:host(.wje-avatar-small){--wje-avatar-width: 24px;--wje-avatar-height: 24px}:host(.wje-avatar-large){--wje-avatar-width: 48px;--wje-avatar-height: 48px}";
+class c extends p {
   /**
    * Avatar class constructor
    */
@@ -22,14 +22,14 @@ class h extends u {
     /**
      * Class name
      */
-    o(this, "className", "Avatar");
+    v(this, "className", "Avatar");
   }
   /**
    * Getter for cssStyleSheet
    * @returns {string} styles
    */
   static get cssStyleSheet() {
-    return d;
+    return g;
   }
   /**
    * Method to setup attributes
@@ -44,19 +44,21 @@ class h extends u {
    * @param {object} params - The parameters
    * @returns {object} fragment - The document fragment
    */
-  draw(t, i, n) {
-    let r = document.createDocumentFragment(), l = document.createElement("div");
-    if (l.setAttribute("part", "native"), l.classList.add("native-avatar"), this.size && this.classList.add("wje-avatar-" + this.size), this.isImage()) {
-      let s = document.createElement("slot");
-      l.appendChild(s);
-    } else if (this.hasAttribute("initials")) {
-      let s = g(this.label);
-      this.setAttribute("style", `--wje-avatar-background-color: ${p(s)}`), l.innerText = s;
+  draw(t, o, s) {
+    let n = document.createDocumentFragment(), r = document.createElement("div");
+    r.setAttribute("part", "native"), r.classList.add("native-avatar"), this.size && this.classList.add("wje-avatar-" + this.size);
+    let i = document.createElement("slot");
+    if (r.appendChild(i), this.hasAttribute("initials")) {
+      let l = b(this.label);
+      this.setAttribute("style", `--wje-avatar-background-color: ${j(l)}`), r.innerText = l;
     } else {
-      let s = document.createElement("slot");
-      s.setAttribute("name", "icon"), l.appendChild(s);
+      let l = document.createElement("slot");
+      l.setAttribute("name", "icon"), r.appendChild(l);
     }
-    return r.appendChild(l), r;
+    let d = document.createElement("slot");
+    d.setAttribute("name", "status"), d.setAttribute("part", "status");
+    let h = document.createElement("slot");
+    return h.setAttribute("name", "secondary"), h.setAttribute("part", "secondary"), r.appendChild(d), r.appendChild(h), n.appendChild(r), n;
   }
   /**
    * Method to check if the avatar is an image
@@ -66,7 +68,7 @@ class h extends u {
     return this.getElementsByTagName("wje-img").length > 0;
   }
 }
-h.define("wje-avatar", h);
+c.define("wje-avatar", c);
 export {
-  h as default
+  c as default
 };

package/dist/wje-badge.js

@@ -1,8 +1,8 @@
-var l = Object.defineProperty;
-var n = (r, o, t) => o in r ? l(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var a = (r, o, t) => (n(r, typeof o != "symbol" ? o + "" : o, t), t);
+var s = Object.defineProperty;
+var l = (r, o, e) => o in r ? s(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e;
+var a = (r, o, e) => (l(r, typeof o != "symbol" ? o + "" : o, e), e);
 import w from "./wje-element.js";
-const i = ":host(.wje-color-primary){--wje-color-base: var(--wje-color-primary) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-complete){--wje-color-base: var(--wje-color-complete) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-success){--wje-color-base: var(--wje-color-success) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-warning){--wje-color-base: var(--wje-color-warning) !important;--wje-color-contrast: var(--wje-color-contrast-high) !important}:host(.wje-color-danger){--wje-color-base: var(--wje-color-danger) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-info){--wje-color-base: var(--wje-color-info) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-menu){--wje-color-base: var(--wje-color-contrast-lower) !important;--wje-color-contrast: var(--wje-color-contrast-high) !important}:host{--wje-chip-border-radius: 100px;text-shadow:none;font-family:var(--wje-font-family);font-weight:600;background-color:var(--wje-color-contrast-low);font-size:11px;padding-left:6px;padding-right:6px;color:var(--wje-color-contrast-high);border-radius:10px}:host(.wje-color){background-color:var(--wje-color-base, red);color:var(--wje-color-contrast)}";
+const i = ":host(.wje-color-primary){--wje-color-base: var(--wje-color-primary) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-complete){--wje-color-base: var(--wje-color-complete) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-success){--wje-color-base: var(--wje-color-success) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-warning){--wje-color-base: var(--wje-color-warning) !important;--wje-color-contrast: var(--wje-color-contrast-high) !important}:host(.wje-color-danger){--wje-color-base: var(--wje-color-danger) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-info){--wje-color-base: var(--wje-color-info) !important;--wje-color-contrast: var(--wje-color-contrast-lowest) !important}:host(.wje-color-contrast){--wje-color-base: var(--wje-color-contrast-lower) !important;--wje-color-contrast: var(--wje-color-contrast-high) !important}:host{--wje-badge-border-radius: var(--wje-border-radius-large);--wje-badge-padding-top: 2px;--wje-badge-padding-bottom: 2px;--wje-badge-padding-inline: 6px;display:inline-block;text-shadow:none;font-family:var(--wje-font-family);font-weight:600;background-color:var(--wje-color-contrast-low);font-size:11px;line-height:1;padding-top:var(--wje-badge-padding-top);padding-bottom:var(--wje-badge-padding-bottom);padding-inline:var(--wje-badge-padding-inline);color:var(--wje-color-contrast-high);border-radius:var(--wje-badge-border-radius)}:host(.wje-color){background-color:var(--wje-color-base, red);color:var(--wje-color-contrast)}";
 class c extends w {
   /**
    * Badge constructor
@@ -37,9 +37,9 @@ class c extends w {
    * @param {Object} params - The parameters
    * @returns {Object} fragment - The document fragment
    */
-  draw(t, j, p) {
-    let e = document.createDocumentFragment(), s = document.createElement("slot");
-    return this.color && this.classList.add("wje-color-" + this.color, "wje-color"), e.appendChild(s), e;
+  draw(e, d, j) {
+    let t = document.createDocumentFragment(), n = document.createElement("slot");
+    return this.color && this.classList.add("wje-color-" + this.color, "wje-color"), t.appendChild(n), t;
   }
 }
 c.define("wje-badge", c);

package/dist/wje-breadcrumb.js

@@ -1,8 +1,8 @@
 var b = Object.defineProperty;
-var w = (o, r, e) => r in o ? b(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e;
-var m = (o, r, e) => (w(o, typeof r != "symbol" ? r + "" : r, e), e);
-import j, { WjElementUtils as l, event as g } from "./wje-element.js";
-const f = ':host{--wje-breadcrumb-a: var(--wje-color-contrast-high);--wje-breadcrumb-a-hover: var(--wje-color-contrast-medium);display:flex;flex:0 0 auto;align-items:center;line-height:1.5}:host(.collapsed){display:none}.native-breadcrumb{display:flex;align-items:center;width:100%;outline:none;background:inherit;padding:.25rem .75rem;color:var(--wje-breadcrumb-a);text-decoration:none}.native-breadcrumb.hidden{display:none}.native-breadcrumb.active{font-weight:700}.native-breadcrumb:hover{color:var(--wje-breadcrumb-a-hover)}button{margin-inline:.75rem;border:0 solid transparent;border-radius:3px;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.separator{display:inline-flex;align-items:center}::slotted([slot="start"]){margin-inline:0 .5rem}::slotted([slot="end"]){margin-inline:.5rem 0}';
+var w = (s, r, e) => r in s ? b(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
+var m = (s, r, e) => (w(s, typeof r != "symbol" ? r + "" : r, e), e);
+import j, { WjElementUtils as l, event as f } from "./wje-element.js";
+const g = ':host{--wje-breadcrumb-a: var(--wje-color-contrast-high);--wje-breadcrumb-a-hover: var(--wje-color-contrast-medium);display:flex;flex:0 0 auto;align-items:center;line-height:1.5}:host(.collapsed){display:none}.native-breadcrumb{display:flex;align-items:center;width:100%;outline:none;background:inherit;padding:.25rem .75rem;color:var(--wje-breadcrumb-a);text-decoration:none}.native-breadcrumb.hidden{display:none}.native-breadcrumb.active{font-weight:700}.native-breadcrumb:hover{color:var(--wje-breadcrumb-a-hover)}button{margin-inline:.75rem;border:0 solid transparent;border-radius:3px;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.separator{display:inline-flex;align-items:center}::slotted([slot="start"]){margin-inline:0 .5rem}::slotted([slot="end"]){margin-inline:.5rem 0}';
 class u extends j {
   /**
    * Breadcrumb constructor
@@ -51,7 +51,7 @@ class u extends j {
    * @returns {Object} styles - The CSS styles
    */
   static get cssStyleSheet() {
-    return f;
+    return g;
   }
   /**
    * Get observed attributes
@@ -85,21 +85,21 @@ class u extends j {
    * @returns {Object} fragment - The document fragment
    */
   draw(e, n, t) {
-    let s = document.createDocumentFragment(), a = document.createElement("a");
+    let o = document.createDocumentFragment(), a = document.createElement("a");
     a.classList.add("native-breadcrumb"), a.setAttribute("part", "native"), this.active && a.classList.add("active");
     let h = document.createElement("slot"), d = document.createElement("slot");
     d.setAttribute("name", "start");
     let c = document.createElement("slot");
-    if (c.setAttribute("name", "end"), a.appendChild(d), a.appendChild(h), a.appendChild(c), s.appendChild(a), this.showCollapsedIndicator && (console.log("SOM TU"), s.appendChild(this.drawCollapsedIndicator()), this.classList.remove("collapsed"), a.classList.add("hidden")), this.showSeparator) {
+    if (c.setAttribute("name", "end"), a.appendChild(d), a.appendChild(h), a.appendChild(c), o.appendChild(a), this.showCollapsedIndicator && (o.appendChild(this.drawCollapsedIndicator()), this.classList.remove("collapsed"), a.classList.add("hidden")), this.showSeparator) {
       let i = document.createElement("span");
       if (i.classList.add("separator"), i.setAttribute("part", "separator"), l.hasSlot(this, "separator")) {
         let p = document.createElement("slot");
         p.setAttribute("name", "separator"), i.appendChild(p);
       } else
         i.innerHTML = `<wje-icon name=${this.separator || "chevron-right"}></wje-icon>`;
-      s.appendChild(i);
+      o.appendChild(i);
     }
-    return this.native = a, s;
+    return this.native = a, o;
   }
   /**
    * Draw collapsed indicator
@@ -126,7 +126,7 @@ class u extends j {
             <wje-menu-item>Test 0</wje-menu-item>
             <wje-menu-item>Test 1</wje-menu-item>
             <wje-menu-item>Test 2</wje-menu-item>
-        </wje-menu>`, this.parentElement.querySelectorAll("wje-breadcrumb").forEach((s) => {
+        </wje-menu>`, this.parentElement.querySelectorAll("wje-breadcrumb").forEach((o) => {
     }), e;
   }
   /**
@@ -135,7 +135,7 @@ class u extends j {
    */
   collapseButton() {
     let e = document.createElement("button");
-    return e.setAttribute("aria-label", "Show more breadcrumbs"), e.setAttribute("part", "collapsed-indicator"), e.innerHTML = '<wje-icon name="dots"></wje-icon>', g.addListener(e, "click", null, (n) => {
+    return e.setAttribute("aria-label", "Show more breadcrumbs"), e.setAttribute("part", "collapsed-indicator"), e.innerHTML = '<wje-icon name="dots"></wje-icon>', f.addListener(e, "click", null, (n) => {
       this.native.classList.remove("hidden"), e.remove(), this.parentElement.querySelectorAll("wje-breadcrumb").forEach((t) => {
         t.classList.remove("collapsed");
       }), n.stopPropagation();