npm - @spw-ds/spw-stencil-library - Versions diffs - 1.9.0 → 1.10.0 - Mend

@spw-ds/spw-stencil-library 1.9.0 → 1.10.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.

Files changed (703) hide show

package/dist/cjs/spw-list-title.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwListTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:"Nunito Sans"}.spw-ds-typography-display-1{font-size:56px;line-height:1.2;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-1{font-size:68px;line-height:1.1;font-weight:400}}.spw-ds-typography-display-2{font-size:40px;line-height:1.25;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-2{font-size:56px;line-height:1.2;font-weight:400}}.spw-ds-typography-display-3{font-size:32px;line-height:1.4;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-3{font-size:48px;line-height:1.2;font-weight:400}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width: 1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px !important;line-height:1.6;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body{font-size:20px;line-height:1.5;font-weight:400}}.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.5;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.25;font-weight:400}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-weight:700;font-size:14px;line-height:1.2}.spw-ds-typography-label{font-weight:600;font-size:16px;line-height:1.2}.spw-ds-typography-date{font-size:16px;line-height:1;font-weight:300}.spw-ds-typography-caption{font-size:14px;font-style:italic;line-height:1;font-weight:300}.spw-ds-typography-link{font-weight:700;font-size:inherit;line-height:1.2;color:var(--spw-ds-primary);border-bottom:1px solid var(--spw-ds-primary)}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:hover,.spw-ds-typography-link:active{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-size:14px;font-weight:400;line-height:1.2;font-family:monospace}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}:host{display:block}.spw-list-title{position:relative;transition:all 0.2s linear;display:inline-flex}.spw-list-title spw-icon{transition:all 0.2s linear;position:absolute;top:4px;left:-28px;color:var(--spw-ds-primary)}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{display:inline;border-bottom:1px solid transparent;transition:all 0.2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}`;
+const spwListTitleCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-ds-typography,[class*=spw-ds-typography-]{font-family:var(--spw-ds-font-main)}.spw-ds-typography-display-1{font-size:56px;line-height:1.2;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-1{font-size:68px;line-height:1.1;font-weight:400}}.spw-ds-typography-display-2{font-size:40px;line-height:1.25;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-2{font-size:56px;line-height:1.2;font-weight:400}}.spw-ds-typography-display-3{font-size:32px;line-height:1.4;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-display-3{font-size:48px;line-height:1.2;font-weight:400}}.spw-ds-typography-heading-01{font-size:28px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-01{font-size:32px;font-weight:700;line-height:1.25}}.spw-ds-typography-heading-02{font-size:24px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-02{font-size:28px;font-weight:700;line-height:1.3}}.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}@media (min-width: 1024px){.spw-ds-typography-heading-03{font-size:20px;font-weight:700;line-height:1.4}}.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-04,:host(.--default) .spw-list-title{font-size:18px;font-weight:700;line-height:1.5}}.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-heading-05,:host(.--shortcut) .spw-list-title{font-size:16px;font-weight:700;line-height:1.6}}.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.7}@media (min-width: 1024px){.spw-ds-typography-heading-06{font-size:14px;font-weight:700;line-height:1.6}}.spw-ds-typography-lead-body{font-size:20px !important;line-height:1.6;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body{font-size:20px;line-height:1.5;font-weight:400}}.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.5;font-weight:400}@media (min-width: 1024px){.spw-ds-typography-lead-body-compact{font-size:20px;line-height:1.25;font-weight:400}}.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-1{font-size:18px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-1{font-size:18px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-2{font-size:16px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-2{font-size:16px;font-weight:400;line-height:1.25}}.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.6}@media (min-width: 1024px){.spw-ds-typography-body-3{font-size:14px;font-weight:400;line-height:1.5}}.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.5}@media (min-width: 1024px){.spw-ds-typography-body-compact-3{font-size:14px;font-weight:400;line-height:1.25}}.spw-ds-typography-tag{font-weight:700;font-size:14px;line-height:1.2}.spw-ds-typography-label{font-weight:600;font-size:16px;line-height:1.2}.spw-ds-typography-date{font-size:16px;line-height:1;font-weight:300}.spw-ds-typography-caption{font-size:14px;font-style:italic;line-height:1;font-weight:300}.spw-ds-typography-link{font-weight:700;font-size:inherit;line-height:1.2;color:var(--spw-ds-primary);border-bottom:1px solid var(--spw-ds-primary)}.spw-ds-typography-link:hover{color:var(--spw-ds-variant)}.spw-ds-typography-link:active{color:var(--spw-ds-active)}.spw-ds-typography-link:hover,.spw-ds-typography-link:active{border-color:currentColor;border-width:2px}.spw-ds-typography-hint{font-size:14px;font-weight:400;line-height:1.5}.spw-ds-typography-code{font-size:14px;font-weight:400;line-height:1.2;font-family:monospace}.spw-ds-typography-overline{font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}:host{display:block}.spw-list-title{position:relative;transition:all 0.2s linear;display:inline-flex}.spw-list-title spw-icon{transition:all 0.2s linear;position:absolute;top:4px;left:-28px;color:var(--spw-ds-primary)}:host(.--active) .spw-list-title spw-icon{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title spw-icon{color:var(--spw-ds-white)}.spw-list-title__content-text{display:inline;border-bottom:1px solid transparent;transition:all 0.2s linear}:host(.--hovered) .spw-list-title__content-text{border-color:var(--spw-ds-primary)}:host(.--active) .spw-list-title__content-text{border-color:var(--spw-ds-active)}:host(.--default) .spw-list-title{color:var(--spw-color-themes-grey-grey-900)}:host(.--shortcut) .spw-list-title{color:var(--spw-ds-primary)}:host(.--hovered) .spw-list-title{color:var(--spw-ds-primary)}:host(.--active) .spw-list-title{color:var(--spw-ds-active)}:host(.--dark) .spw-list-title{color:var(--spw-ds-white)}.spw-list-title--has-clamp .spw-list-title__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}.spw-list-title--clamp-1 .spw-list-title__content{-webkit-line-clamp:1;line-clamp:1}.spw-list-title--clamp-2 .spw-list-title__content{-webkit-line-clamp:2;line-clamp:2}.spw-list-title--clamp-3 .spw-list-title__content{-webkit-line-clamp:3;line-clamp:3}.spw-list-title--clamp-4 .spw-list-title__content{-webkit-line-clamp:4;line-clamp:4}.spw-list-title--clamp-5 .spw-list-title__content{-webkit-line-clamp:5;line-clamp:5}.spw-list-title--clamp-6 .spw-list-title__content{-webkit-line-clamp:6;line-clamp:6}.spw-list-title--clamp-7 .spw-list-title__content{-webkit-line-clamp:7;line-clamp:7}.spw-list-title--clamp-8 .spw-list-title__content{-webkit-line-clamp:8;line-clamp:8}.spw-list-title--clamp-9 .spw-list-title__content{-webkit-line-clamp:9;line-clamp:9}.spw-list-title--clamp-10 .spw-list-title__content{-webkit-line-clamp:10;line-clamp:10}`;
 const SpwListTitle = class {
     constructor(hostRef) {
@@ -18,7 +18,7 @@ const SpwListTitle = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a5f24bd75931714693ae2ced4f01f4847275c3e4' }, index.h("div", { key: '614767943e5b77447c9f1c87390e4c636bd08ee7', class: this.elementClass }, this.icon && index.h("spw-icon", { key: '71ff77aa5ca3ae5911046285bd7d38d86ceac9fd', icon: this.icon }), index.h("div", { key: 'a5b325ef4ee4ed8f9a025454491398c461893cfa', class: "spw-list-title__content" }, index.h("div", { key: '23ce13950426f1458c2b08a5443c11c8fd42348c', class: "spw-list-title__content-text" }, index.h("slot", { key: '874aba8dba232c10858434299e94a66fef2a301c' }))))));
+        return (index.h(index.Host, { key: 'ce6e2bbd063e23c608b9e6f3f0c368623684be42' }, index.h("div", { key: '9e20233152287400360e0fc39fe70985e311361e', class: this.elementClass }, this.icon && index.h("spw-icon", { key: '00831e745b11851cc21a3f9c9f0f4732b7434814', icon: this.icon }), index.h("div", { key: 'b2d44072041b823f9c341b5db95a5a9dbaaf0930', class: "spw-list-title__content" }, index.h("div", { key: '53c54c2d64cf6edd902b0b0a20f4529d392c0cc4', class: "spw-list-title__content-text" }, index.h("slot", { key: '6ce351d9ca3b4d060d027c4519bd354e4cf99a52' }))))));
     }
 };
 SpwListTitle.style = spwListTitleCss();

package/dist/cjs/spw-list.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwListCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}`;
+const spwListCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-list{display:flex;flex-direction:column}.spw-list--small{gap:12px}.spw-list--medium{gap:24px}.spw-list--large{gap:32px}`;
 const SpwList = class {
     constructor(hostRef) {
@@ -35,7 +35,7 @@ const SpwList = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '64fce31aef674649cbeff92ef49939fb4fe3f01d' }, index.h("ul", { key: '89f22155d38fb2f21c73ff1de5acd6a1144bd854', role: "list", class: this.elementClass }, index.h("slot", { key: '964c000552e382f7048cad31d248818d922a20a7' }))));
+        return (index.h(index.Host, { key: '5783a5ea988594e0ac7630ffefbb296ac9105e34' }, index.h("ul", { key: 'd57ec4255cfef3bf1816fcaf529459023f45f978', role: "list", class: this.elementClass }, index.h("slot", { key: 'd8756ca6497a8bd6065ad810271b5f11cad1ac92' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-message.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
 const getIcon = variant => {
   const icons = {
@@ -22,7 +22,7 @@ const getElementClass = (variant, size = 'default') => {
   };
 };
-const spwMessageCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-message-margin-top-content:12px;--spw-message-title-color:var(--spw-colors-support-grey-grey-900);--spw-message-body-color:var(--spw-colors-support-grey-grey-900);--spw-message-font-size:16px;--spw-message-default-background-color:var(--spw-colors-support-grey-grey-100);--spw-message-default-icon-color:var(--spw-colors-support-grey-grey-900);--spw-message-default-border-color:var(--spw-colors-support-grey-grey-300);--spw-message-success-background-color:var(--spw-colors-multi-branding-green-green-50);--spw-message-success-icon-color:var(--spw-colors-multi-branding-green-green-600);--spw-message-success-border-color:var(--spw-colors-multi-branding-green-green-300);--spw-message-alert-background-color:var(--spw-colors-multi-branding-red-red-50);--spw-message-alert-icon-color:var(--spw-colors-multi-branding-red-red-accent-3);--spw-message-alert-border-color:var(--spw-colors-multi-branding-red-red-300);--spw-message-info-background-color:var(--spw-colors-multi-branding-blue-blue-50);--spw-message-info-icon-color:var(--spw-colors-multi-branding-blue-blue-accent-3);--spw-message-info-border-color:var(--spw-colors-multi-branding-blue-blue-300);--spw-message-warning-background-color:#ffeee0;--spw-message-warning-icon-color:#d84300;--spw-message-warning-border-color:#f4b095}.spw-message{padding:24px;border-radius:16px;border:2px solid transparent;color:var(--spw-message-title-color);font-size:var(--spw-message-font-size)}.spw-message__title-container{display:flex;gap:24px;flex-wrap:nowrap;justify-content:space-between;flex-direction:column}@media (min-width: 1024px){.spw-message__title-container{flex-direction:row}}.spw-message__close{order:-1}@media (min-width: 1024px){.spw-message__close{order:initial}}.spw-message__title{font-size:18px;flex:1;display:block}.spw-message__title spw-icon,.spw-message__title .spw-icon{position:relative;margin-right:6px;top:1px}.spw-message__text{margin-top:var(--spw-message-margin-top-content);color:var(--spw-message-body-color)}.spw-message__separator{font-weight:normal}.spw-message__inline-content{font-weight:normal}.spw-message--compact{padding:16px}.spw-message--compact .spw-message__title{font-size:16px;display:inline}.spw-message--compact .spw-message__title spw-icon{margin-right:4px}.spw-message--default{background:var(--spw-message-default-background-color);border-color:var(--spw-message-default-border-color)}.spw-message--default .spw-icon{color:var(--spw-message-default-icon-color)}.spw-message--success{background:var(--spw-message-success-background-color);border-color:var(--spw-message-success-border-color)}.spw-message--success spw-icon,.spw-message--success .spw-icon{color:var(--spw-message-success-icon-color)}.spw-message--alert{background:var(--spw-message-alert-background-color);border-color:var(--spw-message-alert-border-color)}.spw-message--alert spw-icon,.spw-message--alert .spw-icon{color:var(--spw-message-alert-icon-color)}.spw-message--info{background:var(--spw-message-info-background-color);border-color:var(--spw-message-info-border-color)}.spw-message--info spw-icon,.spw-message--info .spw-icon{color:var(--spw-message-info-icon-color)}.spw-message--warning{background:var(--spw-message-warning-background-color);border-color:var(--spw-message-warning-border-color)}.spw-message--warning spw-icon,.spw-message--warning .spw-icon{color:var(--spw-message-warning-icon-color)}.spw-message spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-hover-color:var(--spw-colors-support-grey-grey-900);--spw-link-active-color:var(--spw-colors-support-grey-grey-800);--spw-link-padding:12px}.spw-message spw-link:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}`;
+const spwMessageCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-message-margin-top-content:12px;--spw-message-title-color:var(--spw-colors-support-grey-grey-900);--spw-message-body-color:var(--spw-colors-support-grey-grey-900);--spw-message-font-size:16px;--spw-message-default-background-color:var(--spw-colors-support-grey-grey-100);--spw-message-default-icon-color:var(--spw-colors-support-grey-grey-900);--spw-message-default-border-color:var(--spw-colors-support-grey-grey-300);--spw-message-success-background-color:var(--spw-colors-multi-branding-green-green-50);--spw-message-success-icon-color:var(--spw-colors-multi-branding-green-green-600);--spw-message-success-border-color:var(--spw-colors-multi-branding-green-green-300);--spw-message-alert-background-color:var(--spw-colors-multi-branding-red-red-50);--spw-message-alert-icon-color:var(--spw-colors-multi-branding-red-red-accent-3);--spw-message-alert-border-color:var(--spw-colors-multi-branding-red-red-300);--spw-message-info-background-color:var(--spw-colors-multi-branding-blue-blue-50);--spw-message-info-icon-color:var(--spw-colors-multi-branding-blue-blue-accent-3);--spw-message-info-border-color:var(--spw-colors-multi-branding-blue-blue-300);--spw-message-warning-background-color:#ffeee0;--spw-message-warning-icon-color:#d84300;--spw-message-warning-border-color:#f4b095}.spw-message{padding:24px;border-radius:16px;border:2px solid transparent;color:var(--spw-message-title-color);font-size:var(--spw-message-font-size)}.spw-message__title-container{display:flex;gap:24px;flex-wrap:nowrap;justify-content:space-between;flex-direction:column}@media (min-width: 1024px){.spw-message__title-container{flex-direction:row}}.spw-message__close{order:-1}@media (min-width: 1024px){.spw-message__close{order:initial}}.spw-message__title{font-size:18px;flex:1;display:block}.spw-message__title spw-icon,.spw-message__title .spw-icon{position:relative;margin-right:6px;top:1px}.spw-message__text{margin-top:var(--spw-message-margin-top-content);color:var(--spw-message-body-color)}.spw-message__separator{font-weight:normal}.spw-message__inline-content{font-weight:normal}.spw-message--compact{padding:16px}.spw-message--compact .spw-message__title{font-size:16px;display:inline}.spw-message--compact .spw-message__title spw-icon{margin-right:4px}.spw-message--default{background:var(--spw-message-default-background-color);border-color:var(--spw-message-default-border-color)}.spw-message--default .spw-icon{color:var(--spw-message-default-icon-color)}.spw-message--success{background:var(--spw-message-success-background-color);border-color:var(--spw-message-success-border-color)}.spw-message--success spw-icon,.spw-message--success .spw-icon{color:var(--spw-message-success-icon-color)}.spw-message--alert{background:var(--spw-message-alert-background-color);border-color:var(--spw-message-alert-border-color)}.spw-message--alert spw-icon,.spw-message--alert .spw-icon{color:var(--spw-message-alert-icon-color)}.spw-message--info{background:var(--spw-message-info-background-color);border-color:var(--spw-message-info-border-color)}.spw-message--info spw-icon,.spw-message--info .spw-icon{color:var(--spw-message-info-icon-color)}.spw-message--warning{background:var(--spw-message-warning-background-color);border-color:var(--spw-message-warning-border-color)}.spw-message--warning spw-icon,.spw-message--warning .spw-icon{color:var(--spw-message-warning-icon-color)}.spw-message spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-hover-color:var(--spw-colors-support-grey-grey-900);--spw-link-active-color:var(--spw-colors-support-grey-grey-800);--spw-link-padding:12px}.spw-message spw-link:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}`;
 const SpwMessage = class {
     constructor(hostRef) {

package/dist/cjs/spw-modal.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,7 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
+var animation = require('./animation-DMuoVGnA.js');
 /**
  * Copy/pasted from https://github.com/andreasbm/focus-trap
@@ -115,30 +116,7 @@ function isFocusable($elem) {
         $elem instanceof HTMLIFrameElement);
 }
-function animationTo(element, keyframes, options) {
-    const animated = element.animate(keyframes, Object.assign(Object.assign({}, options), { fill: 'both' }));
-    animated.addEventListener('finish', () => {
-        // @ts-ignore
-        animated.commitStyles();
-        animated.cancel();
-    });
-    return animated;
-}
-const keyframeDefaults = {
-    easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',
-};
-const KEYFRAMES = {
-    fadeIn: [
-        Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 0 }),
-        Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 1 }),
-    ],
-    fadeOut: [
-        Object.assign(Object.assign({ offset: 0 }, keyframeDefaults), { opacity: 1 }),
-        Object.assign(Object.assign({ offset: 1 }, keyframeDefaults), { opacity: 0 }),
-    ],
-};
-const spwModalCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-display:flex}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px;padding:24px;padding-top:8px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}`;
+const spwModalCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:contents}.spw-modal{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;overflow-y:auto}.spw-modal::-webkit-scrollbar{width:14px;height:14px}.spw-modal::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--opened{display:flex}.spw-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-modal__content-container{position:absolute;display:flex;justify-content:center;width:90%;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);overflow:hidden;box-sizing:border-box;align-items:stretch;border-radius:var(--spw-spacings-border-radius-lg)}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);width:100%;max-height:90vh;overflow-y:auto}.spw-modal__content::-webkit-scrollbar{width:14px;height:14px}.spw-modal__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{display:flex;align-items:center;justify-content:center;width:32px;background-color:#fff;align-self:stretch}.spw-modal__header{display:flex;justify-content:space-between;align-items:baseline;padding:24px;padding-bottom:0;margin-top:6px;gap:12px;flex-wrap:nowrap;margin-bottom:12px;box-sizing:border-box;border-radius:1px 1px 0px 0px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__title-container{display:flex;gap:8px}.spw-modal__alert-icon{flex-shrink:0;line-height:1.5}.spw-modal__caption{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-modal__header h2{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900)}.spw-modal__header button{background:none;border:none;font-size:1.5em;padding:0;cursor:pointer}.spw-modal__close-button{cursor:pointer;z-index:999;font-size:14px;display:inline-flex;align-items:center;flex-wrap:nowrap;justify-content:center;background:white;padding:3px 6px;margin-bottom:1px}.spw-modal__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-modal__close-button--sticky{position:absolute;top:0;right:0;border-radius:0 0 0 4px;padding:8px;border-bottom:1px solid var(--spw-colors-support-grey-grey-300);border-left:1px solid var(--spw-colors-support-grey-grey-300)}.spw-modal__close-button--sticky spw-link{font-size:14px}.spw-modal__body{padding:0 24px;margin-bottom:12px;box-sizing:border-box;flex:1;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar{width:14px;height:14px}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-modal--sticky-buttons .spw-modal__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:24px;padding-top:0}@media (min-width: 768px){.spw-modal__footer--buttons-present ::slotted(*){display:flex;justify-content:flex-end;gap:12px}}.spw-modal__footer--buttons-present ::slotted(*){padding:24px;padding-top:8px}.spw-modal__border{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.5em;flex-grow:1}`;
 const SpwModal = class {
     constructor(hostRef) {
@@ -247,7 +225,7 @@ const SpwModal = class {
     open() {
         this.showModal = true;
         try {
-            const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {
+            const anim = animation.animationTo(this.modalContainer, animation.KEYFRAMES.fadeIn, {
                 duration: 200,
             });
             anim.addEventListener('finish', () => {
@@ -265,7 +243,7 @@ const SpwModal = class {
     close() {
         this.stopAllVideos();
         try {
-            const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {
+            const anim = animation.animationTo(this.modalContainer, animation.KEYFRAMES.fadeOut, {
                 duration: 200,
             });
             anim.addEventListener('finish', () => {
@@ -308,10 +286,13 @@ const SpwModal = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '6961323287aaa2ac2c831aabaed9259825cbc9bc' }, index.h("div", { key: '6d2397c7cb4346914d9afb8b44fb33e01c2f6fc4', ref: el => (this.modalContainer = el), class: this.elementClass }, index.h("div", { key: '19dff4efe47c80f54cea20483c622758e549cc36', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: '5bd10998aaa1ce28f21beeac3bc018e773162528', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '97615fe1893c64ca8eae919a6faa9ee5315d200e', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, index.h("div", { key: 'c343a6998646aeb093a304992656048ca295dbf4', class: "spw-modal__header" }, index.h("div", { key: 'b12e5106e31f0980fdff868d06878ab14705546c', class: "spw-modal__title-container" }, this.alertIcon && index.h("spw-icon", { key: '2cdd3e2913687b366c94b514b9447a35ec3d6f42', class: "spw-modal__alert-icon", icon: this.alertIcon }), index.h("h2", { key: '6c994ac67f7921c09e61d8f85428acd33481030d', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (index.h("div", { key: '29dc0900b9bac81187bfe1c8c7f1ae9ea66374aa', class: {
+        return (index.h(index.Host, { key: '1855ac934b7a8c56f6686988326e97fb3cecce4a' }, index.h("div", { key: '7ece796fcfdcee0f1b9c2404bdf8d0bad942c219', ref: el => (this.modalContainer = el), class: this.elementClass }, index.h("div", { key: '8e046cc0b8c4e486518e1c645f29fa1318a895f0', class: "spw-modal__overlay", onClick: () => this.handleOverlayClick() }), index.h("div", { key: 'b9ed094d68f3c83218bd2efbaf617d258d8d3f62', class: `spw-modal__content-container spw-modal__content-container--${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, index.h("div", { key: '587ed0ac36cc10efbcfed938e61f88e290710850', class: "spw-modal__content", ref: el => (this.modalContent = el), onScroll: this.handleContentScroll }, index.h("div", { key: '07fe567dbbb2da41fc0564000f3cf2feca92a15c', class: "spw-modal__header" }, index.h("div", { key: '8c4f4d8a9d974e612aeebc73c764e5826bba75c0', class: "spw-modal__title-container" }, this.alertIcon && index.h("spw-icon", { key: 'ba3eb44290532b9320de6d85fbb6a439ea213ef8', class: "spw-modal__alert-icon", icon: this.alertIcon }), index.h("h2", { key: 'af53bbeef539fafa901d65794302a532a43567b2', class: "spw-modal__caption" }, this.caption)), this.showCloseButton && (index.h("div", { key: '469796b5d4fb58641b15e3ac91a5dd5eac264157', class: {
                 'spw-modal__close-button': true,
                 'spw-modal__close-button--sticky': this.isCloseButtonSticky,
-            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: 'd4b60fcee917eac029463f68e0758aae0716f183', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: '6d41416973bcb9f132fd91b230fcc7f0402c686c', class: "spw-modal__body" }, index.h("slot", { key: '0aa97063697328d3f096fad1b3bf537305cf676a', name: "content" })), index.h("div", { key: 'e6442c6edd885fb7140c85766d1f96f31d6ef388', class: "spw-modal__buttons" }, index.h("slot", { key: '4c8dbcf89eec3a8502b3e0107b35f134697e6fc8', name: "buttons" })))), index.h("div", { key: 'f84ed2841ce54fadf77ffc0106971a08cbfcf3e3', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+            }, ref: el => (this.closeButton = el), onClick: () => this.doBeforeClose('CLOSE_BUTTON') }, index.h("spw-link", { key: '85a100cd8683dece79fe3382b0ed249f4218e892', "icon-position": "right", icon: "fa-xmark" }, this.closeButtonText)))), index.h("div", { key: 'b0b7cd9b193ddeefc0fc2116a7f72bb7449246a2', class: "spw-modal__body" }, index.h("slot", { key: '104fed7f324753a52027283df8c5b28b17f90c00', name: "content" })), index.h("div", { key: '3764ed78ab202706b6a435ba57c7e5e4627a3428', class: { 'spw-modal__buttons': true, 'spw-modal__footer--buttons-present': this.slotButtonsPresent } }, index.h("slot", { key: '6ba602b5471420d28a73e30ea3cba7cefc0917a3', name: "buttons", onSlotchange: (e) => {
+                const slot = e.target;
+                this.slotButtonsPresent = slot.assignedNodes({ flatten: true }).length > 0;
+            } })))), index.h("div", { key: 'b74a655ac6ed1cc7346ce9769468abe2616a6bed', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-mosaic-item.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwMosaicItemCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px !important;margin-bottom:24px !important}@media (min-width: 768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width: 1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}`;
+const spwMosaicItemCss = () => `@charset "UTF-8";html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px !important;margin-bottom:24px !important}@media (min-width: 768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width: 1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}`;
 const SpwMosaicItem = class {
     constructor(hostRef) {
@@ -51,7 +51,7 @@ const SpwMosaicItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cca36c5c6f756226b3c9de778c5732ddf2425529' }, index.h("slot", { key: 'f0691d1e489e6105af90c2b3691ea3fafce8ea28' })));
+        return (index.h(index.Host, { key: 'fed30e6ca58b35ae247f952abd847c1edd466247' }, index.h("slot", { key: '07d0dc2bbaf6846b63e4e37abb6e4a4d95529f20' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-mosaic.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
 var masonry = {exports: {}};
@@ -2376,7 +2376,7 @@ function requireMasonry () {
 var masonryExports = requireMasonry();
 var Masonry = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(masonryExports);
-const spwMosaicCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-mosaic{margin:0 -12px}.spw-mosaic--no-masonry{display:flex;flex-wrap:wrap}`;
+const spwMosaicCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-mosaic{margin:0 -12px}.spw-mosaic--no-masonry{display:flex;flex-wrap:wrap}`;
 const SpwMosaic = class {
     constructor(hostRef) {
@@ -2515,7 +2515,7 @@ const SpwMosaic = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '97bd5d303cacc206a27345bac048dc55d27d36c5' }, index.h("div", { key: '384183e662593940ad1f5e16563693eb70c55472', class: this.elementClass }, index.h("slot", { key: '69038aa321d4c0305d4627cd1f758b7efba4c2e6' }))));
+        return (index.h(index.Host, { key: '8e2d9de2a2561019aad73b3f9f7c1818e29506d6' }, index.h("div", { key: '1fc8f26f12b396ded27c4c50f4c68aad6b048b87', class: this.elementClass }, index.h("slot", { key: '6e5049edb10b6b8241737dfabca1eff998d78d23' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-pagination.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwPaginationCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}`;
+const spwPaginationCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-pagination__item--dots,.spw-pagination__item button{text-align:center;line-height:32px;font-weight:700;border-radius:32px;font-size:14px;min-width:32px;height:32px}.spw-pagination__item--dots:focus-visible,.spw-pagination__item button:focus-visible{outline:3px solid white;outline-offset:-1px;box-shadow:0 0 0 5px black}.spw-pagination{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.spw-pagination{align-items:flex-start}}.spw-pagination ul{display:flex;align-items:center;padding:0}.spw-pagination__item{margin-right:12px}.spw-pagination__item spw-icon{font-size:18px}.spw-pagination__item button{padding:0 6px;margin:0;border:none;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);background:none}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):hover button{background:var(--spw-color-themes-grey-grey-200)}.spw-pagination__item:not(.spw-pagination__item--active,.spw-pagination__item--dots,.spw-pagination__item--disabled):active button{background:var(--spw-color-themes-grey-grey-300)}.spw-pagination__item--arrow button{padding:0 12px;display:flex;gap:8px;align-items:center;text-decoration:underline}.spw-pagination__item--arrow button:hover{text-decoration:none}.spw-pagination__item--dots{position:relative;top:3px;display:inline-flex;align-items:center;justify-content:center;cursor:default;background:none;color:var(--spw-color-themes-grey-grey-400)}.spw-pagination__item--dots spw-icon{font-size:16px}.spw-pagination__item--desktop{display:none}@media (min-width: 768px){.spw-pagination__item--desktop{display:inline-block}}.spw-pagination__item--active button{color:white;background:var(--spw-ds-primary)}.spw-pagination__input spw-text-field{width:36px;--spw-input-height:32px;--spw-input-padding:0 4px;--spw-input-text-align:center;--spw-input-font-size:14px}.spw-pagination__mobile-arrows{margin-top:12px}@media (min-width: 768px){.spw-pagination__mobile-arrows{display:none !important}}.spw-pagination__total-pages{font-size:14px;margin:0 12px 0 6px}`;
 const SpwPagination = class {
     constructor(hostRef) {
@@ -174,12 +174,12 @@ const SpwPagination = class {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (index.h("li", { key: '85f0319e8088c980c62320c056778ba73c96b80e', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '8c8df5f973ddcd66d1d7c960e9cddaf2aaec6ee3', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '3aef97ee962bbf09840c1af18bb4438c9188367f', icon: "fa-chevron-left" }), " ", index.h("span", { key: '1f761b7cdf736fa0f788075a6b435b75a67b2561', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
-        const nextArrow = showNextArrow && (index.h("li", { key: 'e7e840153f35897bd1458a17ba29ce97413a3f22', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '631741da51e3fe2b3ac577843ae26f783106a56a', onClick: () => this.goToPage(this.currentPage + 1) }, index.h("span", { key: 'c271fdc06c852a09d1ebf70f75fd0ddc37aefcca', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", index.h("spw-icon", { key: '8ee2c4ff3c10222bb9cc92dff64a5b435b7b80ae', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: 'e689e7b06b9e79f89a94aa70bdafe720f8ff404b', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '24a27ada08f40ed5217ddf79a24f7a82d205b147', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: 'd3170efae730c447e9100517ac99829f4c8d0d6d', icon: "fa-chevron-left" }), " ", index.h("span", { key: '6439afd931e312691034c7c0a34a4b1008100f05' }, this.previousButtonText))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: '9f35fc017b9b5359bd7d26ca0c36290ad6d03e47', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: '5db338674f1091bf93f8cd7726c339eeb4fbe90d', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, index.h("span", { key: 'af492555a2ce988de5fff52e4aa7029c737cbd7e' }, this.nextButtonText), " ", index.h("spw-icon", { key: '90fc3bd54e12b7ff9864088c73bf60319ac5eeac', icon: "fa-chevron-right" }))));
-        const mobileArrows = (index.h("ul", { key: '0f512587846ec2bdc770cab4c369a95dbc769d93', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (index.h(index.Host, { key: 'efeaab2312f2da0d10051473dd96d8951140cbb0' }, index.h("div", { key: 'a66bc21a26f147d62112a1b7037199dcc820182d', class: this.getPaginationClass() }, this.variant === 'input' && (index.h(index.Fragment, { key: 'da2ac88b193f11dd8140baf963db01f8ddd0961b' }, index.h("ul", { key: 'ef08d21640159b5774365de69f36fc3aec3249fd' }, prevArrow, index.h("li", { key: '32ba92be38889f7a5bdb3dd0eb2658e4e63e2296', class: "spw-pagination__input" }, index.h("spw-text-field", { key: '9523d6de865b05ad656dfa73b3d2febf02721bd3', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), index.h("li", { key: '61f715b3128848cfff0dafaab09680956c76347c', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (index.h(index.Fragment, { key: 'fd63827945293528c930a2c1ce84a9d39a0ac334' }, index.h("ul", { key: '5c54c14f43196744ad45859f6b27e280ce64d477' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (index.h("li", { key: '81bbf9976205bf4e7e00dc443a0bd7c0fa8767e3', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: 'ac3093595fe8df4fca18788808bed5f43265421d', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '883f0b404f27388812bc2fe0a7e8080bd8839740', icon: "fa-chevron-left" }), " ", index.h("span", { key: '8370f9ed81b007af371c727e38286715c2759f06', class: "spw-pagination__item-arrow-text" }, this.previousButtonText))));
+        const nextArrow = showNextArrow && (index.h("li", { key: '91c19bb9692d72ae59278a8c10069e36891687ba', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, index.h("button", { key: '005c11f84023b26bfa072b96278d66981a172581', onClick: () => this.goToPage(this.currentPage + 1) }, index.h("span", { key: 'c5a3aa223501d0b5f8ef72478a11031792ec6c74', class: "spw-pagination__item-arrow-text" }, this.nextButtonText), " ", index.h("spw-icon", { key: '0e2717d757c9bbfa039e3519eeec4cddbeb7a30c', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (index.h("li", { key: 'cad96ddc8b7ce4494847d50819a710e8423b76e2', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: 'eb58ccbcebde64494d173cfc815ca58b1aa09f2c', onClick: () => this.goToPage(this.currentPage - 1) }, index.h("spw-icon", { key: '28adf6711c0867478a652984ec5d280f6cec1956', icon: "fa-chevron-left" }), " ", index.h("span", { key: '7dd0b6299d4bdb9b7ffdf483a455250b29d2edf3' }, this.previousButtonText))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (index.h("li", { key: 'beedbefcc74281c7c138ed3b219c062e42add226', class: "spw-pagination__item spw-pagination__item--arrow" }, index.h("button", { key: 'b23b64864a2d88fe065afba97db6987e0b27cabf', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, index.h("span", { key: '7e491aae3585b55a5e131536182147461367cb4a' }, this.nextButtonText), " ", index.h("spw-icon", { key: '3663f8b8d468ea35e016b9a024f714045d6cc044', icon: "fa-chevron-right" }))));
+        const mobileArrows = (index.h("ul", { key: '5b9fb8fd38bc24ff95c7e793b79700a9c4347471', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (index.h(index.Host, { key: '7b30a2ca7a2615f38f26e187d066ebbd8d2743bc' }, index.h("div", { key: 'ab3cb54f386d1cea6644d6756185173ade5957a3', class: this.getPaginationClass() }, this.variant === 'input' && (index.h(index.Fragment, { key: 'd73d4da92e4f2eed38e5a0ebdf225f85fadcf81a' }, index.h("ul", { key: '1304246d8d0ffa022eff82461c7f1a8502519b6d' }, prevArrow, index.h("li", { key: '2c122125d26343d31da57408817b4160fd603ada', class: "spw-pagination__input" }, index.h("spw-text-field", { key: 'ddcac38ca158072c70d7ee6a3fb55a1d7a7c9fc5', value: this.inputPageValue, type: "text", name: "pagination-input", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled })), index.h("li", { key: '3abb2833f7193f829444db18829cf4bb5d3db47e', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " ", this.totalPages === 1 ? 'page' : 'pages'), nextArrow), mobileArrows)), this.variant === 'numbers' && (index.h(index.Fragment, { key: 'fea836d1effbbb3f1275a44ea5d0a27f20441af3' }, index.h("ul", { key: '2fb0bf3ca34b2faf0ac513a32141e319e947ce80' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (index.h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, index.h("spw-icon", { icon: "fa-ellipsis" })));
             }

package/dist/cjs/spw-radio.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwRadioCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;vertical-align:top}.spw-radio{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-radio__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-full);font-size:var(--spw-typography-font-size-xs);flex:none;order:0;flex-grow:0}.spw-radio__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}`;
+const spwRadioCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-flex;vertical-align:top}.spw-radio{display:inline-flex;flex-direction:row;align-items:flex-start;padding:0}.spw-radio__wrapper{display:flex;position:relative;justify-content:center;align-items:center;width:20px;height:20px;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-full);font-size:var(--spw-typography-font-size-xs);flex:none;order:0;flex-grow:0}.spw-radio__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-visible,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):active,.spw-radio__wrapper:not(.spw-radio__wrapper--disabled):focus-within{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-radio__wrapper--checked{border-color:var(--spw-ds-primary);color:var(--spw-ds-primary)}.spw-radio__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-radio__circle{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:var(--spw-spacings-border-radius-full);background:var(--spw-ds-primary);display:block}.spw-radio__label{color:var(--spw-color-themes-grey-grey-900);word-wrap:break-word;order:1;padding-top:1px;user-select:none;padding-left:var(--spw-spacings-spacing-sm)}.spw-radio__label:hover~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-radio__label:active~.spw-radio__wrapper:not(.spw-radio__wrapper--disabled){outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.spw-radio__label--disabled{color:var(--spw-color-themes-grey-grey-600)}.spw-radio__wrapper:hover,.spw-radio__label:hover{cursor:pointer}.spw-radio__wrapper--disabled:hover,.spw-radio__label--disabled:hover{cursor:not-allowed}`;
 const SpwRadio = class {
     constructor(hostRef) {
@@ -106,7 +106,7 @@ const SpwRadio = class {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (index.h("div", { key: 'b2637f177583afa720663a1c89e38b7d1a8667e9', class: "spw-radio" }, index.h("input", { key: '77851158f40a622ef0031906086e1f617850db41', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (index.h("label", { key: 'f83472ca9b2afd64e10a66a1f1bbb007b2dc91ca', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, index.h("slot", { key: 'e9ae0b33d51a10b296ca0ca4893149b0bcc38e55' }))), index.h("div", { key: '780558d378b7f4c198a18912fc9350c675cde012', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && index.h("span", { key: '71a5c47fa598531c18b5d0f8373f393d9a54d415', class: "spw-radio__circle" }))));
+        return (index.h("div", { key: '18d5ce2bc4b234c5f3cad06c65b36aabd6f37f8c', class: "spw-radio" }, index.h("input", { key: '37df6fc0905717693092ada472882c0a89c20f0a', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, "aria-checked": this.internalChecked ? 'true' : 'false', onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (index.h("label", { key: '8cd102075150dff3abe6c59ec00c01cd542c6448', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: e => this.handleRadio(e) }, index.h("slot", { key: 'ccd17ec1f1053a0bb10f196d26e5b3f61da299a1' }))), index.h("div", { key: '6627017f9e8adfbe9053851648d2b4d47e91e501', tabIndex: this.disabled ? -1 : 0, onClick: e => this.handleRadio(e), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-disabled": this.disabled, "aria-label": this.accAriaLabel || this.name, class: this.elementClass }, this.internalChecked && index.h("span", { key: '573b9b18732a8bad9f0dd1743b731a88fb8a857b', class: "spw-radio__circle" }))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-scrolltop.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwScrolltopCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}`;
+const spwScrolltopCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{position:fixed;bottom:24px;right:24px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out;pointer-events:none}:host(.spw-scrolltop--visible){opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@media (max-width: 767px){:host(.spw-scrolltop--hide-mobile){display:none}}`;
 const SpwScrolltop = class {
     constructor(hostRef) {
@@ -79,7 +79,7 @@ const SpwScrolltop = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '02214f9d465926e864dd4935798196fb415effee', class: this.hostClass }, index.h("spw-button", { key: '337671dc0906731bb3d838f3298fc76f922c2db5', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
+        return (index.h(index.Host, { key: 'b05c8b007da072435cc705bf9f22513dddecd6f3', class: this.hostClass }, index.h("spw-button", { key: '0418356b70f3818304e7c2ca226ff9c2fcd9a8ee', "is-icon-only": true, icon: "fa-chevron-up", variant: "primary", size: "medium", "acc-aria-label": this.accAriaLabel, onClick: this.scrollToTop })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-search-field.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DvyqwgdS.js');
+var index = require('./index-C3xxcmHu.js');
-const spwSearchFieldCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}`;
+const spwSearchFieldCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-search-field{position:relative}.spw-search-field--large spw-text-field{--spw-input-height:54px;--spw-input-padding:16px 24px;--spw-input-radius:60px;--spw-input-border:transparent;--spw-input-icon-search-color:var(--spw-ds-primary)}.spw-search-field.spw-search-field--large.spw-search-field--is-open spw-text-field{--spw-input-radius:24px 24px 0 0}.spw-search-field--has-submit-button spw-text-field{--spw-input-padding-right:56px}.spw-search-field__category{font-style:italic}.spw-search-field__submit{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;z-index:10}.spw-search-field__submit:focus,.spw-search-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-search-field--large .spw-search-field__submit{width:46px;height:46px;right:16px}.spw-search-field__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto}.spw-search-field__options::-webkit-scrollbar{width:14px;height:14px}.spw-search-field__options::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-search-field__options::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-search-field__options{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-search-field__options{z-index:44;margin-top:-2px;transition:transform 0.3s ease, opacity 0.3s ease}.spw-search-field--is-rounded .spw-search-field__options{border-radius:0 0 24px 24px;border:none}.spw-search-field--is-rounded .spw-search-field__options ul{padding:12px}.spw-search-field__options--down{top:100%;transform:translateY(0)}.spw-search-field__options--up{top:100%;transform:translateY(0)}.spw-search-field__option{padding:12px;color:var(--spw-color-themes-grey-grey-900);text-align:left;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);cursor:pointer;transition:background-color 0.2s ease}.spw-search-field--is-rounded .spw-search-field__option{border-radius:12px;padding:12px;border-bottom:none}.spw-search-field__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-search-field__option:last-child{border-bottom:none}.spw-search-field__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}.spw-search-field__option--selected{font-weight:700}.spw-search-field__loading,.spw-search-field__no-results{padding:12px;cursor:not-allowed;text-align:left;color:var(--spw-color-themes-grey-grey-600)}.spw-search-field--is-rounded .spw-search-field__loading,.spw-search-field--is-rounded .spw-search-field__no-results{padding:24px}.spw-search-field__view-all{position:sticky;bottom:0;cursor:pointer;font-weight:700}.spw-search-field--is-rounded .spw-search-field__view-all{border-radius:12px;border-top:none}.spw-search-field__view-all a{color:black;background:white;border-top:1px solid var(--spw-color-themes-grey-grey-900)}.spw-search-field--is-rounded .spw-search-field__view-all a{color:var(--spw-ds-primary);padding:12px 24px 24px 24px;border-top:none}.spw-search-field__view-all a{text-decoration:underline;display:block;width:100%;padding:12px;display:inline-flex;justify-content:space-between}.spw-search-field__view-all a:hover{text-decoration:none}`;
 const SpwSearchField = class {
     constructor(hostRef) {
@@ -260,10 +260,10 @@ const SpwSearchField = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'bbdc55b920ac32e2aea0434e20b7a47213325f17', ref: el => (this.hostElement = el), class: this.elementClass }, index.h("spw-text-field", { key: 'f68067938a917e19630c8b6701a2652a1bd9e8ff', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && index.h("button", { key: '22e8d1f66bc4f41b256afbc5284ee59f9df32323', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (index.h("div", { key: 'e06ac5492108f99460d92773c9b425247a5e9efd', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (index.h("ul", { key: 'a46a5de6dcb78df6551dc35ec70049aecc110d2a' }, this.filteredItems.map((item, index$1) => (index.h("li", { class: {
+        return (index.h("div", { key: '51599b513c0178d6983a723ca882c89740d61d3a', ref: el => (this.hostElement = el), class: this.elementClass }, index.h("spw-text-field", { key: '807e9c9a3a64561fd1f60d5b35e3823b8ff59a25', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, tooltipTitle: this.tooltipTitle, tooltipText: this.tooltipText, tooltipMaxWidth: this.tooltipMaxWidth, tooltipDirection: this.tooltipDirection, tooltipCursor: this.tooltipCursor, onValueChanged: this.handleValueChanged, onKeyDown: event => this.handleKeyDown(event) }), this.hasSubmitButton && index.h("button", { key: '01fff64f62b2a3334852aa0e3ff28a49602e6cd8', type: "button", class: "spw-search-field__submit", onClick: this.handleSubmit, "aria-label": "Rechercher" }), this.isOpen && !!this.items && (index.h("div", { key: '73de738b0b2c208a91c8cb14dac96038f0242184', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (index.h("ul", { key: '18210a13ef860aad3e19d07a3f438adff217c91f' }, this.filteredItems.map((item, index$1) => (index.h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index$1 === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && index.h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (index.h("p", { key: '395226d69badc46ddfe7664ba7faa59af3fc2d59', class: "spw-search-field__loading" }, index.h("spw-loading", { key: 'fc2cc9ae2d5014703b67a34f80c126b4ea44b750', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && index.h("p", { key: '4f38bdc75316fedbcb996ef96d13507f308f8d47', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (index.h("p", { key: 'a5aa0bbe2fc5761888c885cfe784a076b8d40487', class: "spw-search-field__view-all" }, index.h("a", { key: 'f64f97647489766fdc205932ae97a3c7fa6f5dd9', href: this.viewAllResultsLink }, this.viewAllResults, " ", index.h("spw-icon", { key: '3a60bdab88171d3d68fca90b64a5b32a7bb92ff9', icon: "fa-arrow-right" }))))))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && index.h("span", { class: "spw-search-field__category" }, " - ", item.category)))))), this.isLoading && (index.h("p", { key: '054b14de7652da86f93a7fa536f7595b60e39ba7', class: "spw-search-field__loading" }, index.h("spw-loading", { key: '633ebf0e27133b1f2edd3b6f2099dc775f7f3877', text: this.loadingText }))), !this.isLoading && !this.filteredItems.length && index.h("p", { key: '88bdf945ca70bc298f21b1c05cb144ca92b6b7c1', class: "spw-search-field__no-results" }, this.noResults), !!this.filteredItems.length && this.viewAllResults && this.viewAllResultsLink && (index.h("p", { key: 'e238b73c101a59253b839012a99eca8379156a6a', class: "spw-search-field__view-all" }, index.h("a", { key: '12a7a84f24c2a53b595dda394f611ce95bbb0519', href: this.viewAllResultsLink }, this.viewAllResults, " ", index.h("spw-icon", { key: '7679c58fac57e43cd18684da8d545ad6896de1d6', icon: "fa-arrow-right" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {